.hulayre-feature-rail{background:var(--hulayre-platinum);display:block;overflow:hidden;padding:clamp(7rem,10vw,14rem) 0 clamp(5rem,7vw,9rem);position:relative}.hulayre-feature-rail__build{background:var(--hulayre-graphite);bottom:1.2rem;color:var(--hulayre-platinum);font-size:1rem;font-weight:500;letter-spacing:.1em;padding:.7rem .9rem;position:absolute;right:1.2rem;text-transform:uppercase;z-index:5}.hulayre-feature-rail__header{align-items:end;display:grid;gap:3.2rem;grid-template-columns:minmax(0,1fr) minmax(26rem,.75fr);margin:0 var(--hulayre-page-padding) clamp(4rem,6vw,7rem)}.hulayre-feature-rail__heading{font-family:var(--hulayre-display);font-size:clamp(4.6rem,6vw,8.4rem);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin:1.4rem 0 0;max-width:10ch}.hulayre-feature-rail__copy{color:var(--hulayre-dusk);font-size:clamp(1.4rem,1.2vw,1.7rem);line-height:1.8;max-width:40ch}.hulayre-feature-rail__copy p{margin:0}.hulayre-feature-rail__viewport{margin-left:var(--hulayre-page-padding)}.hulayre-feature-rail__track{display:flex;gap:clamp(1.6rem,2.6vw,4rem);list-style:none;margin:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0 var(--hulayre-page-padding) 1rem 0;scrollbar-width:none;scroll-snap-type:x mandatory}.hulayre-feature-rail__track::-webkit-scrollbar{display:none}.hulayre-feature-card{background:var(--hulayre-shadow);color:var(--hulayre-platinum);flex:0 0 min(49.3rem,82vw);height:clamp(50rem,54vw,65.8rem);isolation:isolate;overflow:hidden;position:relative;scroll-snap-align:start;transition:flex-basis .5s cubic-bezier(.16,1,.3,1)}.hulayre-feature-card.is-expanded{flex-basis:min(110rem,82vw)}.hulayre-feature-card:after{background:linear-gradient(0deg,#121212eb 2%,#12121261 48%,#1212120a 75%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.hulayre-feature-card__image-wrap{top:0;right:0;bottom:0;left:0;position:absolute}.hulayre-feature-card__image,.hulayre-feature-card__placeholder{height:100%;object-fit:cover;width:100%}.hulayre-feature-card__placeholder{background:var(--hulayre-mineral);fill:var(--hulayre-graphite)}.hulayre-feature-card__meta{align-items:center;color:var(--hulayre-platinum);display:flex;font-size:1.05rem;font-weight:500;gap:.8rem;left:2.4rem;letter-spacing:.08em;margin:0;position:absolute;text-transform:uppercase;top:2.4rem;z-index:2}.hulayre-feature-card__meta:before{background:currentColor;content:"";height:1px;margin-left:-1rem;opacity:.65;width:1.8rem}.hulayre-feature-card__toggle{background:transparent;border:0;color:var(--hulayre-platinum);cursor:pointer;height:4.8rem;position:absolute;right:2.1rem;top:2.1rem;width:4.8rem;z-index:3}.hulayre-feature-card__toggle span{background:currentColor;height:1px;left:1.2rem;position:absolute;top:2.4rem;transition:transform .24s ease;width:2.4rem}.hulayre-feature-card__toggle span:last-child{transform:rotate(90deg)}.hulayre-feature-card.is-expanded .hulayre-feature-card__toggle span:last-child{transform:rotate(0)}.hulayre-feature-card__content{bottom:clamp(3rem,5vw,5.6rem);left:2.4rem;position:absolute;right:2.4rem;z-index:2}.hulayre-feature-card__content h3{font-family:var(--hulayre-display);font-size:clamp(3.4rem,3.4vw,5.4rem);font-weight:400;letter-spacing:-.01em;line-height:1.05;margin:0;max-width:9ch}.hulayre-feature-card__details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .46s cubic-bezier(.16,1,.3,1)}.hulayre-feature-card__details>div{min-height:0;opacity:0;overflow:hidden;transform:translateY(1.6rem);transition:opacity .24s ease,transform .36s ease}.hulayre-feature-card.is-expanded .hulayre-feature-card__details{grid-template-rows:1fr}.hulayre-feature-card.is-expanded .hulayre-feature-card__details>div{opacity:1;transform:translateY(0);transition-delay:.1s}.hulayre-feature-card__description{color:#f3f4f6cc;font-size:1.4rem;line-height:1.75;margin-top:2.2rem;max-width:42ch}.hulayre-feature-card__description p{margin:0}.hulayre-feature-card blockquote{border-left:1px solid var(--hulayre-sand);color:var(--hulayre-platinum);font-family:var(--hulayre-display);font-size:clamp(1.8rem,2.1vw,2.6rem);line-height:1.2;margin:2.4rem 0;max-width:28ch;padding-left:1.6rem}.hulayre-feature-card .hulayre-cta{margin:.8rem 0 1.5rem}.hulayre-feature-rail__controls{align-items:center;display:flex;gap:2.4rem;margin:3.2rem var(--hulayre-page-padding) 0}.hulayre-feature-rail__rule{background:#1818182e;flex:1;height:1px;position:relative}.hulayre-feature-rail__rule:after{background:var(--hulayre-graphite);content:"";height:1.6rem;left:0;opacity:.55;position:absolute;top:calc(50% - .8rem);width:1px}.hulayre-feature-rail__buttons{display:flex;gap:1.2rem}.hulayre-feature-rail__buttons button{background:transparent;border:0;border-bottom:1px solid var(--hulayre-graphite);color:var(--hulayre-graphite);cursor:pointer;font-size:2.2rem;height:4.6rem;transition:background .18s ease,opacity .18s ease;width:6.4rem}.hulayre-feature-rail__buttons button:hover:not(:disabled){background:#e8d5c45c}.hulayre-feature-rail__buttons button:disabled{cursor:default;opacity:.25}.hulayre-feature-modal{display:none}@media screen and (max-width:749px){.hulayre-feature-rail{padding-top:7rem}.hulayre-feature-rail__header{display:block;margin-bottom:4rem}.hulayre-feature-rail__copy{margin-top:2.4rem}.hulayre-feature-rail__viewport{margin-left:2rem}.hulayre-feature-rail__track{gap:1.6rem;padding-right:2rem}.hulayre-feature-card{flex-basis:80vw;height:58rem}.hulayre-feature-card.is-expanded{flex-basis:80vw}.hulayre-feature-card__content{bottom:3rem}.hulayre-feature-card__content h3{font-size:3.6rem}.hulayre-feature-card blockquote{font-size:2rem}.hulayre-feature-rail__controls{margin-left:2rem;margin-right:2rem}}@media screen and (max-width:749px){body.hulayre-modal-open{overflow:hidden}.hulayre-feature-modal{background:var(--hulayre-shadow);color:var(--hulayre-platinum);top:0;right:0;bottom:0;left:0;overflow-y:auto;padding-bottom:5rem;position:fixed;z-index:1000}.hulayre-feature-modal.is-open{display:block}.hulayre-feature-modal__media{height:53vh;position:relative}.hulayre-feature-modal__media:after{background:linear-gradient(0deg,var(--hulayre-shadow),transparent 70%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.hulayre-feature-modal__media .hulayre-feature-card__image-wrap{display:block;top:0;right:0;bottom:0;left:0;position:absolute}.hulayre-feature-modal__media .hulayre-feature-card__image,.hulayre-feature-modal__media .hulayre-feature-card__placeholder{height:100%;object-fit:cover;width:100%}.hulayre-feature-modal__content{margin:-6rem 2.4rem 0;position:relative;z-index:2}.hulayre-feature-modal__content .hulayre-feature-card__meta{color:var(--hulayre-platinum);display:flex;font-size:1.1rem;left:auto;margin:0 0 2rem;position:static;top:auto}.hulayre-feature-modal__content h3{color:var(--hulayre-platinum);font-family:var(--hulayre-display);font-size:clamp(4.4rem,13vw,6.4rem);font-weight:400;line-height:1;margin:0}.hulayre-feature-modal__content .hulayre-feature-card__description{color:#f3f4f6d1;font-size:1.6rem;line-height:1.7;margin-top:2.6rem}.hulayre-feature-modal__content blockquote{font-size:2.4rem;margin:3.2rem 0}.hulayre-feature-modal__content .hulayre-cta{margin-bottom:2rem}.hulayre-feature-modal__close{background:transparent;border:0;color:var(--hulayre-platinum);height:5rem;position:fixed;right:1.4rem;top:max(1.4rem,env(safe-area-inset-top));width:5rem;z-index:3}.hulayre-feature-modal__close span{background:currentColor;height:1px;left:1.3rem;position:absolute;top:2.5rem;transform:rotate(45deg);width:2.6rem}.hulayre-feature-modal__close span:last-child{transform:rotate(-45deg)}}@media(prefers-reduced-motion:reduce){.hulayre-feature-card,.hulayre-feature-card__details,.hulayre-feature-card__details>div,.hulayre-feature-card__toggle span{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/hulayre-feature-rail.css.map */