/* V7 editorial art direction */
:root{--ice:#adf2ff;--ink:#06101a}html{scroll-behavior:smooth}.site-header{mix-blend-mode:normal;color:white;background:linear-gradient(#030c1788,transparent);padding-top:24px}.site-header>span{font-size:9px;letter-spacing:.18em}.brand{letter-spacing:-.055em}.chapter-nav{display:none}
.optical-hero{height:100svh;min-height:700px;position:relative;overflow:hidden;background:#030c17;color:#e9f5ff}#optical-stage{position:absolute;inset:0;touch-action:pan-y}#optical-stage canvas{display:block;width:100%;height:100%;cursor:grab}#optical-stage canvas:active{cursor:grabbing}.scene-fallback{display:none;width:100%;height:100%;object-fit:cover}.no-webgl .scene-fallback{display:block}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#020b17ed 0%,#020b1780 25%,transparent 58%),linear-gradient(0deg,#020b17ef,transparent 28%,transparent 80%,#020b1766)}.hero-grid{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - 1px),#bff2ff0b 50%,transparent calc(50% + 1px))}.hero-eyebrow{position:absolute;top:118px;left:5%;right:5%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.11em;color:#c5e6f1}.hero-eyebrow i{display:inline-block;width:5px;height:5px;background:#83e3fc;border-radius:50%;margin-right:9px;box-shadow:0 0 15px #65ceff}.hero-title{position:absolute;top:25%;left:7.2%;pointer-events:none}.hero-small{font-size:12px;letter-spacing:.7em;color:#afc5d3}.hero-title h1{font-size:clamp(66px,7.5vw,144px);font-weight:400;letter-spacing:-.065em;line-height:.83;margin:25px 0 26px}.hero-title h1 em{font-weight:300;font-family:Georgia,serif;font-size:.92em;color:#a9dcec;letter-spacing:-.055em}.hero-title p{font-size:12px;line-height:1.9;color:#9bb6c7;margin:0 0 22px}.hero-link{font-size:11px;display:inline-flex;gap:60px;align-items:center;border-bottom:1px solid #c6e8f54d;padding-bottom:8px;pointer-events:auto}.hero-link span{font-size:22px}.lens-label{position:absolute;right:7%;top:24%;font:9px monospace;letter-spacing:.13em;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:12px;color:#b9d9e5}.lens-label i{width:60px;height:1px;background:#c6e8f570}.lens-label small{font-size:10px;letter-spacing:.15em;color:#83a6b9}.scene-interaction{position:absolute;bottom:100px;left:54%;right:6%;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #c6e8f535;border-bottom:1px solid #c6e8f535}.scene-interaction>span{flex-basis:100%;text-align:center;font:9px monospace;letter-spacing:.16em;color:#9cc8d7}.scene-interaction button{background:none;color:#9ab4c4;border:0;font-size:10px;cursor:pointer;padding:6px}.scene-segment{display:flex;border:1px solid #b4d6e62b;border-radius:20px;padding:3px}.scene-segment button{border-radius:20px;padding:7px 16px}.scene-segment button.active{background:#dbf5ff;color:#062033}.finish-controls{display:flex;gap:7px}.finish-controls button{border:1px solid transparent;border-radius:50%;padding:4px}.finish-controls button.active{border-color:#bddeee}.finish-controls i{display:block;background:#51bddf;width:12px;height:12px;border-radius:50%}.finish-controls button+button i{background:#d89964}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:.12em;color:#8faaba}.hero-bottom a{display:flex;gap:24px;align-items:center;font:11px sans-serif}.hero-bottom b{font-size:23px;font-weight:300}.statement-section{padding:110px 8%;background:#dbe8ee;color:#102738;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;align-items:end}.statement-section .kicker{align-self:start;font-size:9px}.statement-section>p{font-size:clamp(30px,4vw,65px);line-height:1.3;letter-spacing:-.06em;margin:0}.statement-section>p span{color:#6e8d9f}.statement-section>div{font-size:12px;line-height:2.1;padding-left:30px}.object-section{background:#dbe8ee;padding-top:30px}.object-heading h2{font-weight:400;letter-spacing:-.055em}.object-viewer{border-radius:0;background:radial-gradient(ellipse at 50% 40%,#244057,#06111d 70%)}.object-viewer .view-images{mix-blend-mode:screen}.material-section{background:#dbe8ee;padding-top:0;gap:20px}.material-large,.camera-crop{border-radius:0}.motion-section{background:#040a10}.motion-heading h2{font-weight:400}.digital-section{background:#e5eff4}.digital-header h2{font-weight:400;letter-spacing:-.05em}.digital-header h2 em{font-family:Georgia,serif;font-weight:400}.app-orbit{border-color:#56738a1a}button:focus-visible,a:focus-visible{outline:2px solid #67caff;outline-offset:6px}
@media(min-width:1600px){.scene-interaction{bottom:125px}.hero-title{top:26%}.hero-title p{font-size:14px}}@media(max-width:900px){.hero-title h1{font-size:80px}.scene-interaction{left:48%;right:5%;gap:10px}.statement-section{grid-template-columns:1fr 2fr}.statement-section>div{grid-column:2;padding:0}.hero-bottom>span:last-child{display:none}}
@media(max-width:600px){.optical-hero{height:950px;min-height:0}.site-header>span{display:none}.hero-eyebrow{top:100px;font-size:8px}.hero-eyebrow>span:last-child{display:none}.hero-title{top:140px;left:7%}.hero-title h1{font-size:69px;line-height:.84;margin:18px 0}.hero-title h1 br:nth-child(2){display:none}.hero-title h1 em{margin-left:10px}.hero-title p{font-size:11px}.hero-title .hero-link{gap:30px}#optical-stage{top:310px;bottom:150px}.scene-vignette{background:linear-gradient(0deg,#030c17,transparent 25%,transparent 60%,#030c17 73%)}.hero-grid{display:none}.lens-label{top:420px;right:6%;font-size:8px}.lens-label small{display:none}.scene-interaction{left:7%;right:7%;bottom:85px}.hero-bottom{font-size:7px;bottom:25px}.hero-bottom a{font-size:10px}.statement-section{padding:65px 7%;display:block}.statement-section>p{margin:25px 0;font-size:41px}.statement-section>div{font-size:11px}.object-section{padding-top:20px}.object-heading h2{font-size:40px}.digital-header h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){.hero-title h1{font-size:64px}.hero-title h1 br:nth-child(2){display:initial}.hero-title h1 em{margin-left:0}.hero-title{top:137px}.hero-title p{font-size:10px}.hero-title .hero-link{margin-top:0}.lens-label{top:465px}.scene-vignette{background:linear-gradient(0deg,#030c17,transparent 25%,transparent 58%,#030c17 78%)}#optical-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#030c17,transparent 25%,transparent 75%,#030c17)}.hero-title{z-index:2}.scene-interaction{z-index:3}}
