@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.site-header{position:sticky;top:0;z-index:60;transition:background-color .4s,box-shadow .4s,backdrop-filter .4s}.site-header.is-scrolled{background:color-mix(in srgb,var(--surface) 76%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(18px);backdrop-filter:saturate(1.5) blur(18px);box-shadow:0 10px 30px -18px #4a1f0d59}.scroll-progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:70;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:linear-gradient(90deg,var(--accent),var(--champagne));pointer-events:none}.js-motion .hero{overflow:hidden}.js-motion .hero__copy{transform:translate3d(0,calc(var(--hp,0) * -60px),0);opacity:calc(1 - var(--hp,0) * 1.3);will-change:transform,opacity}.js-motion .hero__copy>*{opacity:0;animation:os-rise 1.1s cubic-bezier(.16,1,.3,1) forwards}.js-motion .hero__copy>:nth-child(2){animation-delay:.12s}.js-motion .hero__copy>:nth-child(3){animation-delay:.24s}.js-motion .hero__copy>:nth-child(4){animation-delay:.36s}.js-motion .hero__art{perspective:1400px;transform-style:preserve-3d;transform:perspective(1400px) translate3d(0,calc(var(--hp,0) * 80px),0) rotateX(calc(var(--hp,0) * 16deg - var(--my,0) * 6deg)) rotateY(calc(var(--mx,0) * 9deg)) scale(calc(1 - var(--hp,0) * .14));transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}.js-motion .hero__art>div{opacity:0;animation:os-depth 1.4s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 30px 60px -30px #4a1f0d73}.js-motion .hero__main{animation-delay:.15s!important;--z:30px}.js-motion .hero__side{animation-delay:.3s!important;--z:80px}.js-motion .hero__quote{animation-delay:.45s!important;--z:130px}.js-motion .hero__art>div{transform:translateZ(var(--z,0))}.js-motion .hero__art img{transform:scale(1.08) translate3d(calc(var(--mx,0) * -10px),calc(var(--my,0) * -10px + var(--hp,0) * 30px),0);transition:transform .6s cubic-bezier(.16,1,.3,1)}@keyframes os-rise{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}@keyframes os-depth{0%{opacity:0;transform:translateZ(-260px) rotateY(-18deg)}to{opacity:1;transform:translateZ(var(--z,0))}}.js-motion :is(.section-head,.dept,.product-card,.camp,.newsletter__inner,[data-reveal]){opacity:0;transform:perspective(1200px) translate3d(0,56px,0) rotateX(14deg);transform-origin:50% 100%;transition:opacity .9s cubic-bezier(.16,1,.3,1) var(--d,0ms),transform 1.1s cubic-bezier(.16,1,.3,1) var(--d,0ms)}.js-motion .circles>li{opacity:0;transform:translate3d(0,24px,0) scale(.7);transition:opacity .7s ease var(--d,0ms),transform .9s cubic-bezier(.34,1.56,.64,1) var(--d,0ms)}.js-motion :is(.section-head,.dept,.product-card,.camp,.newsletter__inner,.circles>li,[data-reveal]).is-in{opacity:1;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.js-motion .is-in.is-tilting{transition:transform .18s ease-out,opacity .9s}.dept:before,.product-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.38),transparent 55%);mix-blend-mode:soft-light}.is-tilting.dept:before,.is-tilting .product-card__media:after{opacity:1}.product-card.is-in{transform-style:preserve-3d}.product-card.is-tilting .product-card__media{box-shadow:0 26px 50px -26px #4a1f0d80}.js-motion .camp__media{transform:translate3d(0,calc((var(--p,.5) - .5) * -70px),0) scale(calc(1.22 - var(--p,.5) * .16));will-change:transform}.js-motion .dept__media img{transform:translate3d(0,calc((var(--p,.5) - .5) * -30px),0) scale(1.08)}.statement{position:relative;height:170vh;background:var(--surface)}.statement__stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}.statement__frame{position:relative;width:calc(58% + var(--e,0) * 42%);height:calc(56% + var(--e,0) * 44%);border-radius:calc(36px - var(--e,0) * 36px);overflow:hidden;transform:perspective(1600px) rotateX(calc((1 - var(--e,0)) * 18deg)) translateZ(0);box-shadow:0 60px 120px -60px #4a1f0d99;will-change:width,height,transform}.statement__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.25 - var(--e,0) * .25))}.statement__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#4a1f0d26,#4a1f0d9e)}.statement__copy{position:absolute;inset:auto 0 0 0;z-index:2;padding:clamp(24px,6vw,80px);color:var(--cream);text-align:center}.statement__copy .eyebrow{color:var(--champagne)}.statement__text{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.6vw,64px);line-height:1.1;margin:0 auto 26px;max-width:16ch}.statement__text span{display:inline-block;opacity:clamp(.14,calc(var(--t,0) * var(--n,10) * 1.4 - var(--i,0)),1);transform:translate3d(0,calc((1 - clamp(0,calc(var(--t,0) * var(--n,10) * 1.4 - var(--i,0)),1))*18px),0)}.statement__cta{opacity:clamp(0,calc(var(--t,0) * 3 - 2),1);transform:translate3d(0,calc((1 - clamp(0,calc(var(--t,0) * 3 - 2),1))*20px),0)}.js-motion .is-in.is-done{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,opacity .3s}.js-motion .is-in.is-done.is-tilting{transition:transform .18s ease-out,box-shadow .45s}.js-motion .pcard.is-in:hover{transform:translateY(-8px) scale(1.02)}.js-motion .ccard.is-in:hover{transform:translateY(-6px) scale(1.015)}}@media(prefers-reduced-motion:reduce){.statement{height:auto}.statement__stage{position:relative;height:auto;min-height:70vh;display:grid;place-items:center}.statement__frame{position:relative;width:100%;min-height:70vh}.statement__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.statement__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#4a1f0d26,#4a1f0d9e)}.statement__copy{position:absolute;inset:auto 0 0 0;z-index:2;padding:32px;color:var(--cream);text-align:center}.statement__text{font-family:var(--display);font-weight:700;font-size:clamp(28px,4.6vw,60px);line-height:1.1}}@media(max-width:749px){.statement{height:150vh}.statement__frame{width:calc(84% + var(--e,0) * 16%);height:calc(62% + var(--e,0) * 38%)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/motion.css.map */