/* A continuous atmosphere: each composition dissolves into the next. */
.home{--cinema-space:clamp(24px,5vw,90px)}
.chapter-rail{position:fixed;z-index:25;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:30px;padding:10px 24px;background:#0b0b0bec;border:1px solid #d4c5a52e;border-radius:2px;box-shadow:0 8px 35px #0003}
.chapter-rail a{display:flex;align-items:baseline;gap:9px;font-family:var(--display);font-size:1.1rem;letter-spacing:.08em;position:relative;min-height:36px;padding:6px 0;color:#92938b;white-space:nowrap}
.chapter-rail a>span{font:400 .75rem var(--body);letter-spacing:0;color:#828277}
.chapter-rail a:after{content:'';height:1px;background:var(--gold);position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.chapter-rail a[aria-current]{color:#efece2}.chapter-rail a[aria-current]:after{transform:scaleX(1)}
.motion-chapter{position:relative;background:#080808;scroll-margin-top:0}
.motion-ready .motion-chapter{height:195svh}
.chapter-scene{position:relative;min-height:620px;height:calc(100svh - var(--header-height));overflow:clip;isolation:isolate}
.motion-ready .chapter-scene{position:sticky;top:var(--header-height)}
.chapter-kicker{position:absolute;inset:32px var(--cinema-space) auto;display:flex;justify-content:space-between;align-items:center;z-index:5;gap:25px}
.chapter-kicker .text-link{color:#c0bfb6;border-color:#ffffff35;font-size:.875rem}
.chapter-word{position:absolute;left:var(--cinema-space);top:11%;z-index:2;font-size:clamp(9rem,26vw,28rem);line-height:.85;letter-spacing:-.035em;transform-origin:left top;font-weight:600;pointer-events:none}
.scene-media{position:absolute;overflow:hidden}.scene-media img{width:100%;height:100%;object-fit:cover}
.air-product{inset:0 -5% 0 23%;z-index:1}.air-product img{object-fit:contain;object-position:center}
.air-chapter .chapter-word{mix-blend-mode:screen;color:#d8d8d0}
.air-light{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#c0b69b0c 49%,transparent 62%)}
.chapter-message{position:absolute;z-index:4;left:var(--cinema-space);bottom:100px;max-width:65%;padding:10px 0}
.chapter-number{font-size:.75rem;letter-spacing:.13em;color:var(--gold);display:block;margin-bottom:20px}
.chapter-message p{font-family:var(--display);font-size:clamp(2.6rem,4.5vw,5rem);line-height:1.05;font-weight:600;text-transform:uppercase}
.chapter-message em{color:#d2c29f}
.chapter-scroll{position:absolute;right:var(--cinema-space);bottom:110px;z-index:4;display:flex;align-items:center;gap:20px;font-size:.8125rem;color:var(--muted)}
.form-chapter{background:#bebdb4;color:#10110f}
.form-chapter .chapter-word{top:10%;left:8%;font-size:clamp(8rem,23vw,25rem);z-index:3;color:transparent;-webkit-text-stroke:1.2px #d2c9b8;mix-blend-mode:difference}
.form-window{inset:0;z-index:1;background:#0a0b0b}
.form-window img{object-position:60% center}
.form-chapter .chapter-message{color:#eeece4;left:auto;right:var(--cinema-space);text-align:right}
.form-chapter .chapter-number{color:#c8c0ae}
.form-rule{position:absolute;z-index:4;width:32%;height:1px;left:var(--cinema-space);bottom:130px;background:#c9b98f;transform-origin:left}
.finish-chapter{background:#171816}
.finish-window{inset:0;z-index:1}
.finish-window img{object-position:50% 35%}
.finish-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#080808e8,transparent 60%),linear-gradient(90deg,#09090955,transparent);pointer-events:none}
.finish-shade:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#e0c8a7,transparent 65%);opacity:var(--glow,.1)}
.finish-chapter .chapter-word{top:12%;font-style:italic;font-size:clamp(7rem,21vw,24rem);color:#f1ebdd;z-index:3}
.finish-chapter .chapter-message{left:auto;right:var(--cinema-space);text-align:right}
.product-performance{position:relative;background:#0b0c0b;scroll-margin-top:0}
.product-scene{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:center;padding:85px var(--cinema-space) 105px;min-height:760px}
.product-composition{position:relative;height:560px;min-width:0}
.product-main{position:absolute;inset:-10% -10% 0 -12%;overflow:hidden}.product-main img{height:100%;width:100%;object-fit:contain}
.product-detail{position:absolute;right:-2%;bottom:-3%;width:38%;background:#080808;border:1px solid #d1c9b42a;overflow:hidden}
.product-detail img{width:100%;height:180px;object-fit:cover}.product-detail figcaption{font-size:.75rem;color:var(--muted);padding:12px 16px;line-height:1.5}
.product-narrative{position:relative;z-index:2;max-width:460px;padding:25px 0}
.product-narrative h2{font-size:clamp(4rem,6.7vw,7.5rem);line-height:1;margin:30px 0}
.product-narrative>p:not(.eyebrow){color:var(--muted);font-size:1rem}
.product-narrative .inline-purchase{display:flex;flex-wrap:wrap;gap:10px 25px;margin:32px 0 22px;justify-content:space-between}
.product-narrative .btn{width:100%}.product-narrative .home-add{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 0;margin-top:8px;text-decoration:none;color:var(--muted)}
.brand-performance{position:relative;background:#10110f}
.brand-scene{position:relative;min-height:700px;padding:110px var(--cinema-space);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:clip;text-align:center;isolation:isolate}
.brand-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 75%,#958265 0%,transparent 65%);opacity:var(--brand-glow,.15)}
.brand-scene h2{width:100%;font-size:clamp(3rem,6.5vw,7rem);text-transform:uppercase;line-height:1.14;margin:45px 0}
.brand-line{display:block}.brand-line em{color:#c6b38e}
.brand-signoff p{color:var(--muted);margin:0 auto 25px;font-size:1rem}.brand-signoff .text-link{margin:auto}
.home .home-teaser{position:relative;border-top:0;padding-block:55px;overflow:clip}
.home-teaser:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--rule);transform-origin:left}
.home .future-teaser{padding-bottom:65px}
.home .site-footer{padding-bottom:125px}
/* Only enhance after the controller is ready. All content is visible without JS. */
.motion-ready .chapter-word{transform:translate3d(var(--type-x,0px),var(--shift,0px),0) scale(var(--type-scale,1))}
.motion-ready .air-product{transform:translate3d(var(--media-x,0%),var(--media-y,0%),0) scale(var(--media-scale,1))}
.motion-ready .air-light{transform:translate3d(var(--light-x,0%),0,0)}
.motion-ready .chapter-message{opacity:var(--message,1);transform:translate3d(0,var(--message-y,0px),0)}
.motion-ready .chapter-kicker,.motion-ready .chapter-scroll{opacity:var(--opening-copy,1)}
.motion-ready .form-window{clip-path:inset(0 var(--frame-inset,0%) 0 var(--frame-inset,0%))}
.motion-ready .form-window img{transform:translate3d(var(--form-x,0%),0,0) scale(var(--media-scale,1))}
.motion-ready .form-rule{transform:scaleX(var(--rule-scale,1))}
.motion-ready .finish-window{clip-path:inset(var(--frame-inset,0%))}
.motion-ready .finish-window img{transform:translate3d(0,var(--finish-y,0%),0) scale(var(--media-scale,1))}
.motion-ready .product-performance{height:165svh;min-height:1000px}
.motion-ready .product-scene{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:700px}
.motion-ready .product-main{transform:translate3d(0,var(--product-y,0px),0) scale(var(--product-scale,1))}
.motion-ready .product-detail{transform:translate3d(0,var(--detail-y,0px),0);opacity:var(--detail-reveal,1)}
.motion-ready .product-narrative{transform:translate3d(0,var(--rise,0px),0)}
.motion-ready .brand-performance{height:145svh;min-height:850px}
.motion-ready .brand-scene{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:650px}
.motion-ready .line-one{transform:translate3d(calc(-1 * var(--line-x,0px)),0,0)}
.motion-ready .line-two{transform:translate3d(var(--line-x,0px),0,0)}
.motion-ready .brand-signoff{transform:translate3d(0,var(--rise,0px),0);opacity:var(--reveal,1)}
.motion-ready .home-teaser>div,.motion-ready .home-teaser>.text-link{transform:translate3d(0,var(--rise,0px),0);opacity:var(--reveal,1)}
.motion-ready .home-teaser:before{transform:scaleX(var(--arrival,1))}
.motion-ready .motion-footer .footer-grid{transform:translate3d(0,var(--rise,0px),0)}
.motion-ready .transformation-story{height:450svh;background:#080808}
.motion-ready .continuous-frame{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:540px;overflow:clip;isolation:isolate}
.motion-ready .continuous-frame .motion-chapter{position:absolute;inset:0;height:100%;background:#080808;opacity:var(--scene-opacity,0);transform:translate3d(0,var(--scene-drift,0%),0)}
.motion-ready .continuous-frame .air-chapter{z-index:1;opacity:1}
.motion-ready .continuous-frame .form-chapter{z-index:2}
.motion-ready .continuous-frame .finish-chapter{z-index:3}
.motion-ready .continuous-frame .chapter-scene{position:absolute;inset:0;top:0;height:100%;min-height:0}
.motion-ready .continuous-frame .form-window,.motion-ready .continuous-frame .finish-window{clip-path:none;mask-image:linear-gradient(0deg,transparent,black 22%,black 83%,transparent)}
.motion-ready .continuous-frame .form-rule{display:none}
.motion-ready .continuous-frame .form-chapter .chapter-word{-webkit-text-stroke:1px #d2c9b8;mix-blend-mode:normal}
.motion-ready .product-performance{background:linear-gradient(#080808,#0b0c0b 28%,#10110f)}
.motion-ready .brand-performance{background:linear-gradient(#10110f,#10110f 65%,#0a0a09)}
.motion-ready .continuous-frame .chapter-message{transition:none}
@media(max-width:1000px){.product-scene{gap:4vw}.product-composition{height:460px}.product-detail{width:43%;right:0}.product-detail img{height:130px}.product-narrative h2{font-size:4rem}}
@media(max-width:760px){
 .motion-ready .transformation-story{height:410svh}
 .chapter-rail{bottom:max(14px,env(safe-area-inset-bottom));gap:28px;padding:5px 18px;max-width:calc(100vw - 28px)}.chapter-rail a{font-size:1rem;gap:8px;min-height:40px;align-items:center}.chapter-rail a>span{font-size:.75rem}
 .motion-ready .motion-chapter{height:175svh}.chapter-scene{min-height:540px}
 .chapter-kicker{top:25px;left:24px;right:24px}.chapter-kicker .text-link{display:none}
 .chapter-word{top:15%;left:24px;font-size:44vw}.air-product{inset:9% -23% 12% -6%}.air-product img{object-position:center}
 .chapter-message{left:24px;right:24px;bottom:92px;max-width:none}.chapter-message p{font-size:clamp(2.3rem,9vw,3.5rem);line-height:1.05}.chapter-number{font-size:.75rem;margin-bottom:16px;letter-spacing:.1em}
 .chapter-scroll{right:24px;bottom:31px;font-size:.75rem}.chapter-scroll .icon{display:none}
 .form-chapter .chapter-word{top:16%;left:5%;font-size:36vw}.form-window img{object-position:60% center}.form-chapter .chapter-message{right:24px;left:24px}.form-rule{left:24px;bottom:250px;width:25%}
 .finish-chapter .chapter-word{top:18%;left:24px;font-size:31vw}.finish-window img{object-position:58% center}.finish-chapter .chapter-message{left:24px;right:24px}.finish-shade{background:linear-gradient(0deg,#080808e8,transparent 70%)}
 .motion-ready .product-performance{height:auto;min-height:0}.motion-ready .product-scene,.product-scene{position:relative;top:auto;height:auto;min-height:0;display:block;padding:45px 24px 75px}
 .product-composition{height:390px;margin-bottom:30px}.product-main{inset:-5% -12% 0}.product-detail{width:30%;right:0;bottom:2%}.product-detail img{height:110px}.product-detail figcaption{font-size:.75rem;padding:9px;line-height:1.35}
 .product-narrative{padding:0;max-width:none}.product-narrative h2{font-size:clamp(3.7rem,13vw,5rem);margin:25px 0}.product-narrative .inline-purchase{margin-top:25px}
 .motion-ready .brand-performance{height:120svh;min-height:700px}.motion-ready .brand-scene,.brand-scene{min-height:550px;height:calc(100svh - var(--header-height));padding:65px 24px 95px}
 .brand-scene h2{font-size:clamp(2.5rem,9vw,4rem);line-height:1.2;margin:32px 0}.brand-line{max-width:17ch;margin:auto}.brand-signoff p{max-width:25ch;font-size:1rem}
 .home .home-teaser{padding-block:38px}.home .future-teaser{padding-bottom:50px}.home .site-footer{padding-bottom:115px}
}
@media(max-width:390px){.chapter-rail{gap:20px}.chapter-kicker,.chapter-message{left:20px;right:20px}.chapter-message p{font-size:2.3rem}.product-composition{height:340px}.product-detail{width:32%}.product-detail img{height:95px}.product-scene{padding-inline:20px}.brand-scene h2{font-size:2.6rem}}
@media(max-height:650px) and (min-width:761px){.chapter-scene{min-height:460px}.chapter-word{font-size:34vh}.chapter-message{bottom:60px}.chapter-message p{font-size:2.6rem}.chapter-number{margin-bottom:12px}.chapter-scroll{bottom:70px}.motion-ready .product-scene{position:relative;top:auto;height:auto}.motion-ready .product-performance{height:auto;min-height:0}.motion-ready .brand-scene{min-height:500px}.chapter-rail{bottom:12px}}
@media(prefers-reduced-motion:reduce){
 .motion-ready .transformation-story{height:auto}
 .motion-ready .continuous-frame{position:relative;top:auto;height:auto;min-height:0;overflow:visible}
 .motion-ready .continuous-frame .motion-chapter{position:relative;inset:auto;height:auto;opacity:1!important;transform:none!important}
 .motion-ready .continuous-frame .chapter-scene{position:relative;inset:auto;min-height:620px}
 .motion-ready .continuous-frame .scene-media{mask-image:none}
 .motion-ready .motion-chapter,.motion-ready .product-performance,.motion-ready .brand-performance{height:auto;min-height:0}
 .motion-ready .chapter-scene,.motion-ready .product-scene,.motion-ready .brand-scene{position:relative;top:auto;height:auto;min-height:620px}
 .motion-ready .chapter-word,.motion-ready .scene-media,.motion-ready .scene-media img,.motion-ready .chapter-message,.motion-ready .air-light,.motion-ready .form-rule,.motion-ready .product-main,.motion-ready .product-detail,.motion-ready .product-narrative,.motion-ready .brand-line,.motion-ready .brand-signoff,.motion-ready .home-teaser>div,.motion-ready .home-teaser>.text-link,.motion-ready .home-teaser:before,.motion-ready .motion-footer .footer-grid{transform:none!important;opacity:1!important;clip-path:none!important}
 .motion-ready .chapter-kicker,.motion-ready .chapter-scroll{opacity:1}.chapter-rail a:after{transition:none}
 .motion-ready .brand-scene{min-height:550px}.motion-ready .product-scene{min-height:0}
}