/* Cinematic product tour: native scrolling, a pinned stage and three real views. */
.editorial-marquee{overflow:hidden;background:var(--cobalt);color:var(--paper);padding:35px 0;border-bottom:1px solid #ffffff30}.editorial-marquee>div{font-size:clamp(50px,8vw,130px);font-weight:400;letter-spacing:-.06em;line-height:1.1;white-space:nowrap;will-change:transform;transform:translateX(var(--marquee-x,-5%))}.editorial-marquee em{font-family:'Instrument Serif',serif}.product-story{height:400svh;background:#10243d;color:#fff;position:relative;isolation:isolate}.story-pin{position:sticky;top:0;height:100svh;min-height:650px;display:flex;flex-direction:column;overflow:hidden;padding:5vh 5% 3vh;background:radial-gradient(ellipse at 77% 55%,#234f8270,transparent 63%),#10243d}.story-heading{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:4}.story-kicker{font:9px monospace;letter-spacing:.16em;color:#a5b8da}.story-heading h2{font-family:'DM Sans',sans-serif;color:#fff;font-size:clamp(38px,4.6vw,72px);line-height:.99;letter-spacing:-.055em;font-weight:400;margin:18px 0 0}.story-heading h2 em{font-family:'Instrument Serif',serif;font-weight:400;color:#c1d6ed;letter-spacing:-.025em}.motion-toggle{display:flex;align-items:center;gap:12px;font-size:15px;border:1px solid #ffffff30;color:#bbc9e3;background:#ffffff04;padding:11px 15px;cursor:pointer;border-radius:30px}.motion-toggle span{font-size:10px}.motion-toggle:hover{background:#ffffff15}.story-stage{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:27% 73%;align-items:center;perspective:1300px}.story-orbit{position:absolute;width:65vw;height:65vw;max-width:1000px;max-height:1000px;border:1px solid #9db9ff14;border-radius:50%;left:34%;top:45%;transform:translateY(-50%);pointer-events:none}.story-orbit:before,.story-orbit:after{content:'';position:absolute;border:1px solid #9db9ff14;border-radius:50%;inset:9%}.story-orbit:after{inset:20%}.story-copies{position:relative;z-index:5;height:280px;padding-right:24px}.story-copy{position:absolute;inset:0;opacity:0;transform:translateY(28px);pointer-events:none;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1);visibility:hidden}.story-copy.is-active{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.story-number{font:9px monospace;letter-spacing:.12em;color:#b5cdff}.story-copy h3{font:400 clamp(30px,3.5vw,51px)/1.05 'Instrument Serif',serif;color:white;letter-spacing:-.025em;margin:22px 0 19px}.story-copy p{color:#aab9d0;font-size:12px;line-height:1.85;max-width:260px}.story-copy a{display:flex;align-items:center;gap:18px;color:#d6e3ff;font-size:10px;line-height:1.5;border-bottom:1px solid #ffffff40;padding:14px 0 8px;margin-top:8px;max-width:230px}.story-screens{position:relative;width:100%;aspect-ratio:1280/805;perspective:1300px}.story-scene{position:absolute;inset:0;margin:0;border:1px solid #9ab8ff60;border-radius:8px;box-shadow:0 50px 100px #0008;background:#0c1a31;overflow:hidden;opacity:0;transform:translate3d(90px,70px,-100px) rotateY(-13deg) rotateX(5deg) scale(.87);transition:opacity .65s ease,transform 1.05s cubic-bezier(.16,.8,.2,1);pointer-events:none;visibility:hidden}.story-scene.is-active{opacity:1;transform:translate3d(0,var(--screen-drift,0px),0) rotateY(var(--screen-rotate,-3deg)) rotateX(1deg) scale(1);pointer-events:auto;visibility:visible}.story-scene.is-past{transform:translate3d(-45px,-70px,-140px) rotateY(8deg) scale(.92)}.screen-chrome{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#101e36;color:#b2c7e8;font:8px monospace;letter-spacing:.1em}.screen-chrome>span:first-child{display:flex;gap:5px}.screen-chrome i{display:block;width:5px;height:5px;border:1px solid #7287aa;border-radius:50%}.story-scene video{display:block;width:100%;height:calc(100% - 54px);object-fit:cover;object-position:center;background:#101e36}.story-scene figcaption{height:24px;display:flex;align-items:center;padding:0 14px;font:7px monospace;color:#829abf;letter-spacing:.08em}.story-navigation{display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;z-index:7;padding-top:15px;border-top:1px solid #ffffff20}.story-scroll-hint,.story-capture-date{font:8px monospace;letter-spacing:.1em;color:#8ca4c8}.story-tabs{display:flex;gap:8px;min-width:40%}.story-tabs button{position:relative;flex:1;text-align:left;background:none;border:0;padding:13px 16px;color:#7b90b1;font-size:10px;overflow:hidden;cursor:pointer}.story-tabs button>span{font:8px monospace;margin-right:12px}.story-tabs button:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:#ffffff20}.story-tabs button i{position:absolute;left:0;bottom:0;height:2px;width:var(--tab-progress,0%);background:#14375f;z-index:2;transition:width .12s}.story-tabs button[aria-pressed=true]{color:white}.story-tabs button:hover{background:#ffffff09}.hero{--hero-exit:0}.hero-copy{transform:translateY(calc(var(--hero-exit)*-65px));opacity:calc(1 - var(--hero-exit)*.55)}.hero-art{transform:translateY(var(--art-shift,0)) scale(calc(1 + var(--hero-exit)*.12)) rotate(calc(var(--hero-exit)*-3deg));transform-origin:65% 65%}.chapter-3 .group,.chapter-6 article{transition-delay:var(--reveal-delay,0ms)}.chapter-8 .space-y-24>div{position:relative}.chapter-8 .product-shot{will-change:transform}.brand-film{clip-path:inset(var(--film-inset,0%) round 12px);transition:clip-path .15s linear}.motion-paused .story-scene,.motion-paused .story-copy{transition:none}.motion-paused .story-scene.is-active{transform:none}.motion-paused .editorial-marquee>div{transform:none}.motion-reduced .product-story{height:auto}.motion-reduced .story-pin{position:relative;height:auto;min-height:0;padding:65px 6%}.motion-reduced .story-stage{display:flex;flex-direction:column;gap:25px;padding:35px 0}.motion-reduced .story-copies{display:none}.motion-reduced .story-screens{aspect-ratio:auto;display:grid;gap:35px}.motion-reduced .story-scene{position:relative;opacity:1;transform:none!important;visibility:visible;aspect-ratio:1280/805}.motion-reduced .story-scene video{object-fit:contain}.motion-reduced .story-navigation{display:none}.motion-reduced .motion-toggle{display:none}.motion-reduced .editorial-marquee>div{transform:none;will-change:auto}.motion-reduced .hero-copy{transform:none;opacity:1}.motion-reduced .brand-film{clip-path:none}
@media(max-width:1100px){.story-stage{grid-template-columns:30% 70%}.story-copy p{font-size:11px}.story-copy h3{font-size:38px}.story-heading h2{font-size:52px}.story-scroll-hint{display:none}.story-tabs{min-width:60%}}
@media(max-width:760px){.editorial-marquee{padding:24px 0}.product-story{height:340svh}.story-pin{padding:30px 6% 22px;min-height:690px}.story-kicker{font-size:8px;letter-spacing:.08em}.story-heading h2{font-size:39px;margin-top:15px}.motion-toggle{padding:8px 11px;font-size:12px;gap:0}.motion-toggle span{display:none}.story-stage{display:flex;flex-direction:column;justify-content:center;gap:23px;padding:30px 0 22px}.story-screens{order:0;flex:none;width:100%;aspect-ratio:1280/805}.story-copies{order:1;width:100%;height:210px;padding-right:0;flex:none}.story-copy{padding:0 2px}.story-copy h3{font-size:34px;line-height:1.03;margin:12px 0 12px}.story-copy h3 br{display:none}.story-copy p{max-width:100%;font-size:12px;line-height:1.7;margin:0}.story-copy a{max-width:none;font-size:10px;padding-top:9px;margin-top:2px}.story-number{font-size:8px}.story-scene{border-radius:4px}.story-scene.is-active{transform:translate3d(0,var(--screen-drift,0px),0) rotateY(0) scale(1)}.screen-chrome{height:22px;font-size:6px;padding:0 9px}.story-scene video{height:calc(100% - 40px)}.story-scene figcaption{height:18px;font-size:5px;padding:0 9px}.story-tabs{min-width:100%;gap:3px}.story-tabs button{padding:11px 5px;font-size:9px}.story-tabs button>span{font-size:7px;margin-right:5px}.story-capture-date{display:none}.story-navigation{padding-top:5px}.story-orbit{width:150vw;height:150vw;left:-10%;top:35%}.story-heading{gap:12px}.motion-reduced .story-stage{padding:25px 0}.brand-film{clip-path:none}}
@media(max-height:740px) and (min-width:761px){.story-pin{padding-top:30px;min-height:610px}.story-heading h2{font-size:45px}.story-screens{max-height:440px;width:auto;aspect-ratio:1280/805}.story-copies{height:250px}.story-copy h3{font-size:36px;margin:15px 0}.story-copy p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-copy{transform:none!important;opacity:1!important}.hero-art{transform:none!important}.brand-film{clip-path:none!important}}
@media(max-width:760px) and (max-height:760px){.story-pin{min-height:0;padding-top:22px;padding-bottom:16px}.story-heading h2{font-size:32px;margin-top:10px}.story-stage{gap:16px;padding:18px 0 12px}.story-copies{height:180px}.story-copy h3{font-size:28px;margin:10px 0}.story-copy p{font-size:11px}.story-copy a{font-size:9px}.story-tabs button{padding-top:8px;padding-bottom:10px}}
/* Perspective entrance adapted from the Container Scroll Animation pattern on 21st.dev. */
.story-screens{transform:translateY(calc((1 - var(--tour-entry,1))*60px)) rotateX(calc((1 - var(--tour-entry,1))*18deg)) scale(calc(.88 + var(--tour-entry,1)*.12));transform-origin:50% 80%;will-change:transform}.story-copy p{font-size:14px;line-height:1.75}.story-copy a{font-size:12px;min-height:44px}.story-copies{height:315px}.story-tabs button{font-size:12px;min-height:44px}.story-tabs{gap:8px}.motion-toggle{min-height:44px}.scene-static-summary{display:none}.motion-paused .story-screens,.motion-reduced .story-screens{transform:none;will-change:auto}.motion-reduced .story-scene{aspect-ratio:auto}.motion-reduced .story-scene video{height:auto;aspect-ratio:16/9}.motion-reduced .scene-static-summary{display:block;padding:25px;color:#fff}.scene-static-summary h3{color:#fff;font:400 36px/1.1 'Instrument Serif',serif;margin:14px 0}.scene-static-summary p{color:#c6d2e5;font-size:15px;line-height:1.75;max-width:640px}.scene-static-summary a{display:inline-flex;margin-top:16px;gap:20px;min-height:44px;font-size:14px;color:#b8d0ff}.story-kicker,.story-number{color:#b5c6e0}.screen-chrome{color:#c7d5eb}.story-scene figcaption{color:#b1c1da}.menu-toggle{min-width:44px;min-height:44px}@media(max-width:760px){.story-copy p{font-size:14px;line-height:1.65}.story-copy a{font-size:12px}.story-copies{height:235px}.story-copy h3{font-size:32px}.story-stage{gap:20px;padding-top:20px;padding-bottom:16px}.story-tabs button{font-size:11px}.story-screens{transform:none}.story-tabs{gap:8px}.motion-toggle{min-width:44px}.story-heading h2{font-size:36px}}@media(max-width:760px) and (max-height:760px){.story-heading h2{font-size:29px}.story-copies{height:200px}.story-copy h3{font-size:27px}.story-copy p{font-size:12px}.story-copy a{font-size:11px}.story-stage{padding-top:12px;padding-bottom:8px;gap:14px}}@media(max-height:740px) and (min-width:761px){.story-copies{height:300px}.story-copy p{font-size:13px}.story-copy a{font-size:11px}}