:root{--bg:#080a0c;--white:#f5f7f8;--muted:#a3acb3;--ice:#bbeaff;--line:#ffffff23;--max:1440px;--pad:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}a,button,input{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--ice);outline-offset:6px}.wrap{width:100%;max-width:var(--max);padding-inline:var(--pad);margin-inline:auto}.eyebrow{font-size:12px;line-height:1.6;font-weight:700;letter-spacing:.18em;margin:0 0 28px;color:var(--ice)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:900}h1,h2{font-family:Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.055em;line-height:.98}h2{font-size:clamp(42px,6.6vw,100px);margin-bottom:28px}.outline{-webkit-text-stroke:1px #e8f1f7;color:transparent}.button{display:inline-flex;min-height:54px;padding:15px 26px;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;line-height:1.35;text-decoration:none;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button.light{background:var(--white);color:#080a0c}.button.light:hover{background:var(--ice)}.button.dark{background:#0a0d12;color:#fff}.button.dark:hover{background:#293342}.text-link{font-size:14px;font-weight:700;display:inline-block}.text-link:hover{color:var(--ice)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:20px;background:#fff;color:#000;z-index:100;padding:12px}.skip:focus{top:15px}
.nav{position:fixed;top:0;left:0;width:100%;height:80px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:30;background:linear-gradient(#080a0cd9,#080a0c05);transition:background .3s;border-bottom:1px solid #ffffff20}.nav.scrolled{background:#080a0cef;backdrop-filter:blur(16px)}.mark{font-size:24px;line-height:1;font-weight:900;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.mark span{color:#080a0c;-webkit-text-stroke:1px white}.nav nav{display:flex;gap:32px}.nav nav a{font-size:14px;color:#e5e9eb;text-decoration:none}.nav nav a:hover{color:var(--ice)}.nav-shop{font-size:14px;font-weight:700;text-decoration:none;border:1px solid #ffffff60;padding:8px 18px}.nav-shop:hover{background:#fff;color:#000}.page-progress{position:absolute;height:2px;bottom:-1px;left:0;width:100%;background:var(--ice);transform:scaleX(0);transform-origin:left}
.hero{position:relative;height:100svh;min-height:680px;max-height:1200px;isolation:isolate;overflow:hidden}.hero-films{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:5px;z-index:-3;will-change:transform}.hero-film{overflow:hidden;background:#112033}.hero-film video{width:100%;height:100%;object-fit:cover;object-position:50% 43%}.outer-film:first-child video{object-position:50% 40%;filter:brightness(.65)}.outer-film:last-child video{filter:brightness(.83)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05080ccc,transparent 72%),linear-gradient(0deg,#080a0c 0%,#080a0c35 35%,#080a0c10 75%,#080a0c88)}.hero-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:135px;will-change:transform,opacity}.hero .eyebrow{color:#e6f5ff;margin-bottom:24px}.hero h1{font-size:clamp(60px,8.8vw,145px);letter-spacing:-.055em;max-width:1200px;margin:0 0 35px;line-height:.96}.hero h1 span{color:var(--ice)}.hero-lower{display:flex;align-items:center;gap:60px}.hero-lower p{font-size:18px;line-height:1.55;color:#e6e8ea;margin:0}.hero-bottom{position:absolute;bottom:38px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;gap:16px}.scroll-cue{font-size:12px;letter-spacing:.06em;text-decoration:none;display:flex;align-items:center;gap:14px}.scroll-line{height:37px;width:1px;display:block;background:#ffffff40;overflow:hidden}.scroll-line:after{content:'';display:block;background:var(--ice);height:18px;animation:scrollbar 2s ease-in-out infinite}.motion-button{background:#080a0c80;border:1px solid #ffffff30;color:white;padding:9px 12px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;min-height:42px}.pause-icon{width:9px;height:12px;border-inline:2px solid white}.motion-button[aria-pressed=true] .pause-icon{border:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid white}.hero-side{position:absolute;right:27px;top:45%;writing-mode:vertical-rl;font-size:12px;letter-spacing:.2em;color:#ffffffab}
.moment{padding-block:140px 120px}.moment h2{max-width:1100px;font-size:clamp(42px,6.4vw,94px);line-height:1.12;font-weight:700;letter-spacing:-.045em}.word-reveal span{color:#717b83;transition:color .25s}.word-reveal span.lit{color:#f5f7f8}.moment-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:45px}.small-brand{font-weight:900;letter-spacing:.14em;font-size:12px}.moment-bottom p{font-size:18px;max-width:420px;margin:0;color:var(--muted)}
.cinema-scroll{height:190svh;position:relative}.cinema-sticky{height:100svh;min-height:620px;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.cinema-frame{position:relative;width:44%;height:78%;overflow:hidden;z-index:2;will-change:width,height;box-shadow:0 20px 100px #000}.cinema-frame video{width:100%;height:100%;object-fit:cover;object-position:center 48%}.cinema-shade{position:absolute;inset:0;background:linear-gradient(0deg,#02080dc7,transparent 62%)}.cinema-caption{position:absolute;bottom:7%;left:7%;right:5%;font-weight:900;font-size:clamp(34px,5.8vw,90px);line-height:1;letter-spacing:-.055em;margin:0}.cinema-caption span{color:var(--ice)}.cinema-rail{position:absolute;top:45%;left:50%;transform:translateX(-50%);font-family:Arial Black,Arial,sans-serif;font-size:clamp(70px,13vw,210px);font-weight:900;letter-spacing:-.07em;white-space:nowrap;-webkit-text-stroke:1px #ffffff35;color:transparent;pointer-events:none}.cinema-index{position:absolute;bottom:25px;left:var(--pad);margin:0;z-index:3;color:white}
.focus{padding-top:130px;padding-bottom:120px;overflow:hidden}.focus-heading{max-width:1000px}.focus h2{font-size:clamp(42px,6.3vw,94px)}.focus-visual{position:relative;margin-top:60px;padding-block:80px 90px}.focus-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 clamp(130px,23vw,370px)/1 Arial;letter-spacing:-.06em;color:#111820;pointer-events:none}.floating-goggle{width:90%;margin:auto;position:relative;filter:drop-shadow(0 35px 25px #0009);transform:rotate(-6deg);will-change:transform}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:30px}.specs>div{border-top:1px solid var(--line);padding-top:22px}.specs>div>span{font-size:12px;color:var(--ice)}.specs h3{font-size:22px;margin:20px 0 10px}.specs p{margin:0;color:var(--muted);font-size:16px;max-width:330px}
.switch-section{height:250svh;position:relative;background:#edf0f3;color:#0b0f15}.switch-sticky{position:sticky;top:0;height:100svh;min-height:780px;padding:110px var(--pad) 40px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.switch-header{max-width:1440px;width:100%;margin-inline:auto;position:relative;z-index:2}.switch-header .eyebrow{color:#445765;margin-bottom:15px}.switch-header h2{font-size:clamp(36px,4.7vw,70px);margin-bottom:15px}.switch-header h2 span{color:#5c6d7b}.switch-layout{max-width:1440px;width:100%;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:7%;flex:1;min-height:0}.switch-visual{height:100%;max-height:470px;min-height:300px;position:relative;background:#edf0f3}.switch-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;will-change:transform,opacity}.switch-goggle{z-index:2}.switch-lens{z-index:3;opacity:0;transform:translate(45%,0) scale(.75)}.switch-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:900 clamp(65px,9vw,150px)/1 Arial;letter-spacing:-.06em;color:#dce2e6;z-index:-1}.switch-visual-note{position:absolute;bottom:2%;left:0;font-size:12px;color:#54616b;z-index:5}.switch-copy{position:relative;z-index:4}.step-count{font-size:14px;display:flex;align-items:baseline;gap:8px;color:#7a8690}.step-count b{font-size:52px;color:#101923;letter-spacing:-.06em;line-height:1}.switch-steps{list-style:none;padding:0;margin:18px 0 25px}.switch-steps li{display:grid;grid-template-columns:28px 1fr;gap:14px;border-top:1px solid #0a152122;padding:14px 0;opacity:.58;transition:opacity .25s}.switch-steps li.is-active{opacity:1}.switch-steps li>span{font-size:12px;font-weight:700;padding-top:3px}.switch-steps h3{font-size:20px;line-height:1.25;margin:0 0 6px}.switch-steps p{font-size:16px;line-height:1.5;margin:0;max-width:400px}.switch-copy .text-link:hover{color:#386989}.switch-progress{height:3px;background:#162b3d20;position:absolute;bottom:0;left:0;width:100%}.switch-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#283e50}
.colors{padding:135px 0 110px}.colors-header{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:45px}.colors-header h2{font-size:clamp(38px,5.5vw,82px);margin-bottom:0}.colors-header>p{color:var(--muted);font-size:17px;max-width:290px;margin:0}.color-stage{background:#eef1f5;color:#0a1423;position:relative;overflow:hidden;padding:25px 32px 32px;--tone:#207dc4}.color-stage[data-color=green]{--tone:#41843d}.color-stage[data-color=red]{--tone:#b24144}.color-stage[data-color=black]{--tone:#363d48}.color-stage-top{display:flex;justify-content:space-between;position:relative;z-index:2;font-size:12px;font-weight:700;letter-spacing:.12em}.color-word{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);font:900 clamp(90px,20vw,310px)/1 Arial;letter-spacing:-.07em;color:var(--tone);opacity:.13;transition:color .5s;pointer-events:none}.color-image-frame{height:420px;position:relative;width:86%;max-width:760px;margin:0 auto}.color-image-frame img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:opacity .22s,transform .5s}.color-image-frame img.changing{opacity:0;transform:translateY(-20px) scale(.97)}.color-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;position:relative;z-index:3}.color-stage-bottom p{margin:0;font-size:14px;color:#56616d;min-width:145px}.color-stage-bottom strong{color:#0a1423}.swatches{border:0;padding:0;margin:0;display:flex;gap:16px}.swatches label{display:grid;justify-items:center;gap:5px;font-size:14px;cursor:pointer;padding:6px}.swatches input{appearance:none;-webkit-appearance:none;margin:0;width:29px;height:29px;border-radius:50%;background:var(--swatch);border:3px solid #eef1f5;box-shadow:0 0 0 1px #b4bdc6;cursor:pointer;transition:box-shadow .2s}.swatches input:checked{box-shadow:0 0 0 2px #122538}.swatches input:focus-visible{outline:2px solid #1a5f93;outline-offset:5px}.color-note{font-size:12px;margin:16px 0 0;color:var(--muted)}.photochrom{display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:35px;align-items:center;border-block:1px solid var(--line);margin-top:75px;padding:32px 0}.photochrom .eyebrow{margin:0}.photochrom h3{font-size:22px;margin:0 0 8px}.photochrom p{font-size:16px;color:var(--muted);margin:0}.photochrom a{justify-self:end}
.models{padding-top:20px;padding-bottom:130px}.models-heading p:last-child{color:var(--muted);font-size:17px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:60px}.model{min-width:0;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column}.model-no{font-size:12px;letter-spacing:.13em;color:var(--muted)}.model-image{height:235px;display:flex;align-items:center;justify-content:center;padding:20px 0;overflow:hidden;background:radial-gradient(ellipse,#ffffff06,transparent 68%)}.model-image img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.model:hover .model-image img{transform:translateY(-8px) rotate(-3deg)}.model h3{font-size:32px;line-height:1.1;letter-spacing:-.04em;margin-bottom:15px}.model p{font-size:16px;color:var(--muted);margin-bottom:25px;max-width:350px}.model-link{margin-top:auto;padding:16px 0;border-top:1px solid var(--line);text-decoration:none;font-size:14px;font-weight:700;color:var(--ice)}.model-link:hover{text-decoration:underline}.comparison{margin-top:60px;border-block:1px solid var(--line)}.comparison summary{font-size:17px;font-weight:700;padding:24px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.comparison summary::-webkit-details-marker{display:none}.comparison summary span{font-size:28px;font-weight:400;transition:transform .2s}.comparison[open] summary span{transform:rotate(45deg)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px;font-size:14px}th,td{text-align:left;padding:17px 15px;border-bottom:1px solid var(--line)}thead th{color:var(--ice)}tbody th{font-weight:400;color:#cbd1d6}.comparison>p{font-size:13px;color:var(--muted);margin:20px 0}
.finale{position:relative;isolation:isolate;min-height:850px;height:100svh;max-height:1150px;overflow:hidden;border-top:1px solid var(--line);display:flex;align-items:center;padding:95px var(--pad)}.finale-video{position:absolute;inset:0 0 0 40%;z-index:-1}.finale-video video{width:100%;height:100%;object-fit:cover;object-position:center 45%}.finale-video:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),#080a0c05 70%),linear-gradient(0deg,var(--bg),transparent 35%)}.finale-copy{position:relative;z-index:1}.finale h2{font-size:clamp(66px,10vw,156px);line-height:.94}.finale p:not(.eyebrow){color:#d3dce2;font-size:18px}.finale .button{margin-top:12px}footer{padding:60px var(--pad) 25px}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:60px}.footer-top .mark{font-size:36px}.footer-top p{font-size:14px;color:var(--muted);margin:0}.footer-top>a:last-child{font-size:14px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.footer-bottom div{display:flex;gap:25px}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.6,.2,1)}.js .reveal.is-visible{opacity:1;transform:none}@keyframes scrollbar{0%{transform:translateY(-20px)}75%,100%{transform:translateY(40px)}}
@media(min-width:1500px){.hero-copy{max-width:1440px;left:calc((100vw - 1440px)/2 + 45px)}}
@media(max-width:1000px){.nav nav{gap:20px}.hero h1{font-size:9.1vw}.switch-sticky{min-height:750px}.switch-layout{gap:4%;grid-template-columns:1fr 1fr}.switch-header h2{font-size:5vw}.specs{gap:25px}.color-stage-bottom{flex-wrap:wrap}.color-stage-bottom .button{width:100%;margin-top:10px}.color-stage-bottom p{flex:1}.colors-header{display:block}.colors-header>p{margin-top:22px;max-width:none}.photochrom{grid-template-columns:1fr 2fr}.photochrom a{grid-column:2;justify-self:start}.model-grid{gap:24px}.model-image{height:190px}.model h3{font-size:27px}.footer-top{flex-wrap:wrap}}
@media(max-width:700px){:root{--pad:24px}.nav{height:68px;gap:15px}.mark{font-size:20px}.nav nav{display:none}.nav-shop{font-size:14px;padding:7px 12px}.hero{min-height:680px;max-height:1000px}.hero-films{display:block}.hero-film{height:100%}.outer-film{display:none}.hero-film video{object-position:center 38%}.hero-shade{background:linear-gradient(0deg,#080a0c,transparent 83%),linear-gradient(90deg,#080a0c55,transparent)}.hero-copy{bottom:135px}.hero h1{font-size:clamp(42px,11.2vw,77px);line-height:1.02;margin-bottom:22px}.hero .eyebrow{font-size:12px;margin-bottom:20px}.hero-lower{display:block}.hero-lower p{font-size:16px;margin-bottom:25px}.hero .button{min-height:52px}.hero-bottom{bottom:30px;align-items:end}.motion-label{max-width:100px;text-align:left;line-height:1.35}.motion-button{padding:8px;font-size:12px}.hero-side{display:none}.scroll-cue{font-size:12px;max-width:150px}.moment{padding-block:85px}.moment h2{font-size:clamp(35px,9.6vw,65px);line-height:1.12}.moment-bottom{display:block;margin-top:30px}.small-brand{display:none}.moment-bottom p{font-size:16px}.cinema-scroll{height:155svh}.cinema-sticky{min-height:550px}.cinema-frame{width:84%;height:79%}.cinema-caption{font-size:clamp(34px,8.6vw,52px);bottom:11%;left:7%}.cinema-rail{display:none}.cinema-index{font-size:12px}.focus{padding-block:85px}.focus h2{font-size:clamp(29px,8.1vw,58px)}.focus-visual{margin-top:30px;padding-block:45px}.floating-goggle{width:100%}.focus-word{font-size:28vw}.specs{display:block;margin-top:35px}.specs>div{padding:20px 0;display:grid;grid-template-columns:24px 1fr;gap:0 12px}.specs h3{font-size:20px;margin:0 0 7px}.specs p{grid-column:2;font-size:16px;max-width:none}.specs>div>span{padding-top:5px}.switch-section{height:240svh}.switch-sticky{padding:92px 24px 24px;min-height:720px}.switch-header .eyebrow{font-size:12px;margin-bottom:14px}.switch-header h2{font-size:clamp(27px,7.8vw,45px);line-height:1.02;margin-bottom:0}.switch-layout{display:flex;flex-direction:column;gap:0;justify-content:space-around}.switch-visual{flex:1;width:100%;max-height:280px;min-height:170px}.switch-watermark{font-size:26vw}.switch-visual-note{font-size:12px;bottom:0}.switch-copy{width:100%;flex:0}.step-count{display:none}.switch-steps{margin:14px 0}.switch-steps li{gap:8px;padding:8px 0;grid-template-columns:22px 1fr;opacity:.58}.switch-steps h3{font-size:17px;margin:0;line-height:1.3}.switch-steps p{font-size:16px;line-height:1.4;display:none;margin-top:7px}.switch-steps li.is-active p{display:block}.switch-copy .text-link{font-size:14px}.colors{padding-block:85px}.colors-header h2{font-size:clamp(26px,7vw,46px);line-height:1.03}.colors-header>p{font-size:16px}.color-stage{padding:20px 18px 22px;margin-inline:-8px}.color-stage-top{font-size:12px}.color-image-frame{height:290px;width:110%;margin-left:-5%}.color-word{font-size:25vw;top:35%}.color-stage-bottom{gap:20px}.color-stage-bottom>p{width:100%;flex:auto;font-size:14px;text-align:center}.swatches{width:100%;justify-content:center;gap:12px}.swatches input{width:32px;height:32px}.color-stage-bottom .button{margin-top:0}.color-note{font-size:12px}.photochrom{display:block;padding:28px 0;margin-top:40px}.photochrom .eyebrow{display:block;margin-bottom:15px}.photochrom h3{font-size:22px}.photochrom p{font-size:16px}.photochrom .text-link{margin-top:20px}.models{padding-bottom:85px}.models-heading h2{font-size:clamp(39px,10.5vw,69px)}.models-heading p:last-child{font-size:16px}.model-grid{display:block;margin-top:35px}.model{margin-bottom:40px}.model-image{height:225px}.model h3{font-size:32px}.model p{max-width:none}.model-link{padding-bottom:5px}.comparison{margin-top:0}.comparison summary{font-size:16px;gap:20px}.finale{min-height:740px;padding:85px 24px;align-items:end;max-height:950px}.finale-video{inset:0}.finale-video:after{background:linear-gradient(0deg,#080a0c 2%,#080a0c85 40%,#080a0c08 90%),linear-gradient(90deg,#080a0c44,transparent)}.finale h2{font-size:clamp(67px,17vw,110px)}.finale .eyebrow{font-size:12px}.finale p:not(.eyebrow){font-size:16px}.footer-top{display:block;padding-bottom:32px}.footer-top .mark{font-size:32px;display:inline-block;margin-bottom:25px}.footer-top p{margin-bottom:20px}.footer-bottom{flex-direction:column;gap:20px;line-height:1.6}.footer-bottom div{gap:22px}}
@media(max-height:759px) and (min-width:701px){.switch-section{height:auto}.switch-sticky{position:relative;height:auto;min-height:840px}.cinema-scroll{height:auto}.cinema-sticky{position:relative}}
@media(max-height:740px) and (max-width:700px){.switch-section{height:auto}.switch-sticky{position:relative;height:auto;min-height:900px}.switch-layout{display:block}.switch-visual{height:260px}.switch-steps li{opacity:1}.switch-steps p{display:block}.cinema-scroll{height:auto}.cinema-sticky{position:relative;height:750px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.cinema-scroll,.switch-section{height:auto}.cinema-sticky,.switch-sticky{position:relative}.cinema-frame{width:100%;height:100%}.switch-steps li{opacity:1}.switch-steps p{display:block}.switch-sticky{height:auto;min-height:900px}.floating-goggle{transform:none!important}.word-reveal span{color:var(--white)}}
.motion-paused .scroll-line:after{animation-play-state:paused}.motion-paused .word-reveal span{color:var(--white)}.motion-paused .switch-steps li{opacity:1}.motion-paused .switch-steps p{display:block}

/* Style-led story: real product colors, lens portrait, and the shared mountain day. */
.hero-lower{gap:45px}.hero-lower p{max-width:470px}.hero h1 span{color:#e5edf2}
.focus{padding-top:60px;padding-bottom:30px}.focus-heading{max-width:none;display:grid;grid-template-columns:1.5fr 1fr;gap:0 70px;align-items:end}.focus-heading .eyebrow{grid-column:1/-1}.focus-heading h2{margin-bottom:0}.focus-intro{max-width:440px;margin:0 0 5px;color:#b2bac1;font-size:19px;line-height:1.65}.focus-visual{margin-top:20px}.focus-word{color:#141c24}
.colors{padding-top:100px}.colors-header h2{font-size:clamp(38px,5.8vw,86px)}.colors-header>p{max-width:330px}.cinema-caption span{color:#e5edf2}
.lens-story{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(40px,7vw,110px);padding-block:135px}.lens-portrait{margin:0;position:relative;overflow:hidden;max-height:760px;aspect-ratio:3/4}.lens-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 47%}.lens-portrait:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#03080bcc)}.lens-portrait figcaption{position:absolute;bottom:27px;left:27px;right:20px;z-index:1;font-size:10px;letter-spacing:.16em;font-weight:700}.lens-story h2{font-size:clamp(38px,4.7vw,72px);line-height:1.04}.lens-story-copy>p:not(.eyebrow){color:var(--muted);max-width:540px}.lens-story-copy .lens-lead{font-size:23px;line-height:1.4;color:var(--white)!important;margin-bottom:25px}.lens-details{margin:35px 0 30px}.lens-details>div{padding:17px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:25px;font-size:14px}.lens-details dt{font-weight:700;color:#e6edf2}.lens-details dd{margin:0;color:var(--muted)}
.models{padding-top:115px}.finale-friends{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;min-height:0;height:auto;max-height:none;padding-block:90px;align-items:center}.finale-friends h2{font-size:clamp(42px,4.6vw,72px);line-height:1.02}.finale-friends .finale-video{position:relative;inset:auto;z-index:0;width:100%;max-width:450px;justify-self:end;aspect-ratio:9/16;overflow:hidden}.finale-friends .finale-video:after{display:none}.finale-friends .finale-video video{object-fit:contain;height:100%;width:100%;display:block}.finale-friends .finale-copy{min-width:0}.finale-friends .eyebrow{font-size:11px}.finale-friends .finale-copy>p:not(.eyebrow){font-size:17px;max-width:490px}
.brand-shop{display:flex;align-items:center;gap:45px;border-top:1px solid var(--line);padding-block:45px;margin-bottom:55px}.brand-shop>a{flex:0 0 180px}.brand-shop img{width:180px;height:180px;object-fit:contain}.brand-shop .eyebrow{font-size:10px;margin-bottom:12px}.brand-shop div>p:not(.eyebrow){font-size:25px;line-height:1.25;letter-spacing:-.03em;font-weight:700;margin-bottom:17px}.brand-shop .text-link{font-size:13px}
@media(max-width:1000px){.nav nav{gap:18px}.nav nav a{font-size:12px}.focus-heading{grid-template-columns:1.2fr 1fr;gap:0 30px}.focus-intro{font-size:17px}.lens-story{gap:40px}.lens-details>div{display:block}.lens-details dt{margin-bottom:5px}.finale-friends{gap:35px}}
@media(max-width:700px){.hero-lower p{max-width:330px}.hero h1{font-size:clamp(38px,11.4vw,78px)}.focus{padding-block:20px 15px}.focus-heading{display:block}.focus h2{font-size:clamp(45px,12vw,80px)}.focus-intro{font-size:16px;margin:25px 0 0;max-width:none}.focus-visual{margin-top:30px}.colors{padding-top:55px}.colors-header h2{font-size:clamp(32px,8.8vw,61px)}.lens-story{display:flex;flex-direction:column;gap:35px;padding-block:75px}.lens-portrait{width:100%;max-height:470px;aspect-ratio:4/5}.lens-portrait figcaption{font-size:9px;left:18px;bottom:20px}.lens-story h2{font-size:clamp(31px,8.5vw,58px)}.lens-story-copy .lens-lead{font-size:21px}.lens-story-copy>p:not(.eyebrow){font-size:16px}.lens-details>div{display:grid;grid-template-columns:1fr 1.3fr;gap:15px;font-size:14px}.lens-details dt{margin:0}.models{padding-top:75px}.finale-friends{display:flex;flex-direction:column;gap:35px;padding:55px 24px 65px;align-items:stretch}.finale-friends .finale-video{order:-1;max-width:380px;max-height:none;margin:auto;aspect-ratio:4/5}.finale-friends .finale-video video{object-fit:cover;object-position:center 60%}.finale-friends h2{font-size:clamp(31px,8.6vw,58px)}.finale-friends .finale-copy>p:not(.eyebrow){font-size:16px}.brand-shop{gap:25px;margin-bottom:35px;padding-block:30px;align-items:center}.brand-shop>a{flex-basis:110px}.brand-shop img{width:110px;height:110px}.brand-shop .eyebrow{font-size:9px;letter-spacing:.1em}.brand-shop div>p:not(.eyebrow){font-size:19px}.brand-shop .text-link{font-size:12px}.brand-shop div{min-width:0}}
@media(max-width:370px){.hero-lower p{font-size:15px}.hero h1{font-size:11vw}.lens-details>div{display:block}.lens-details dt{margin-bottom:5px}.brand-shop{gap:16px}.brand-shop>a{flex-basis:85px}.brand-shop img{width:85px;height:85px}}

/* Scroll chapters: color / light / optical construction. */
.focus-heading{grid-template-columns:1.65fr 1fr;gap:0 45px}.focus h2{font-size:clamp(35px,5.15vw,78px)}
.cinema-caption{font-size:clamp(29px,4.45vw,68px)}
.chapter-progress{position:absolute;inset:auto 0 0;height:3px;background:#ffffff20}.chapter-progress span{display:block;height:100%;background:var(--ice);transform:scaleX(0);transform-origin:left}
.scroll-colors{height:300svh;padding:0;position:relative}.colors-sticky{height:100svh;position:sticky;top:0;padding-block:105px 30px;display:flex;flex-direction:column;justify-content:center}.scroll-colors .colors-header{margin-bottom:25px;gap:35px}.scroll-colors .colors-header h2{font-size:clamp(32px,4.4vw,66px)}.scroll-colors .colors-header .eyebrow{margin-bottom:12px}.scroll-colors .color-stage{padding-top:20px;padding-bottom:23px}.scroll-colors .color-image-frame{height:clamp(230px,34vh,375px);max-width:690px}.scroll-colors .color-note{margin-top:10px}.scroll-colors .color-word{font-size:clamp(90px,17vw,250px);top:40%}
.weather-scroll{height:240svh;position:relative;--weather-progress:0}.weather-sticky{position:sticky;top:0;height:100svh;min-height:760px;overflow:hidden;isolation:isolate;padding:105px var(--pad) 35px;display:flex;flex-direction:column;justify-content:space-between}.weather-films{position:absolute;inset:0;z-index:-3;overflow:hidden}.weather-films img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 37%}.weather-sun{transform:scale(calc(1 + var(--weather-progress)*.07))}.weather-flat{opacity:var(--weather-progress);transform:scale(calc(1.07 - var(--weather-progress)*.07))}.weather-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05090dd9 0%,#05090d50 70%),linear-gradient(0deg,#080a0cf0,transparent 50%,#080a0c88)}.weather-top{display:flex;justify-content:space-between;gap:25px}.weather-top .eyebrow{margin:0}.weather-hint{font-size:13px;color:#dbe4e9;margin:0}.weather-content{display:grid;grid-template-columns:1.6fr 1fr;gap:8%;align-items:end;margin-block:40px}.weather-copy h2{font-size:clamp(38px,5.2vw,80px);margin-bottom:35px}.weather-copy h3{font-size:26px;margin-bottom:8px;letter-spacing:-.035em}.weather-copy p{font-size:18px;line-height:1.55;color:#e1e7eb;max-width:530px;margin:0}.weather-texts,.weather-options{display:grid}.weather-texts>div,.weather-options>div{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s,transform .5s,visibility .5s}.weather-scroll[data-weather=sun] [data-weather-copy=sun],.weather-scroll[data-weather=sun] [data-weather-option=sun],.weather-scroll[data-weather=flat] [data-weather-copy=flat],.weather-scroll[data-weather=flat] [data-weather-option=flat]{opacity:1;visibility:visible;transform:none}.weather-option{padding:28px;border-top:1px solid #d9e4ed66;background:#080e14c7;backdrop-filter:blur(12px)}.weather-option .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:20px}.weather-option h3{font-size:26px;line-height:1.1;letter-spacing:-.035em;margin-bottom:16px}.weather-option p{font-size:16px;color:#cbd5dc;margin-bottom:25px}.weather-option .text-link{font-size:14px}.weather-control{max-width:800px;width:100%}.weather-control>label{font-size:14px;display:block;margin-bottom:12px;font-weight:700}.weather-range-row{display:flex;gap:20px;align-items:center;font-size:14px}.weather-range-row span{white-space:nowrap}.weather-range-row input{width:100%;height:32px;cursor:ew-resize;accent-color:#dceefa}.weather-control>p{font-size:12px;color:#b5c2cb;margin:6px 0 0}
.optics-scroll{height:235svh;position:relative;border-top:1px solid var(--line);--pane-separation:0}.optics-sticky{height:100svh;min-height:760px;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding-block:105px 45px}.optics-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:45px}.optics-top .eyebrow{margin:0}.optics-tabs{display:flex;gap:9px}.optics-tabs button{font-size:14px;border:1px solid #697984;background:transparent;color:#bac4cb;padding:10px 14px;line-height:1.3}.optics-tabs button[aria-pressed=true]{color:#080a0c;background:#e4eef4;border-color:#e4eef4}.optics-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.optics-visual{display:grid;min-width:0;perspective:1200px}.optics-visual>figure{grid-area:1/1;margin:0;position:relative;align-self:center;transition:opacity .5s,transform .7s;min-width:0}.double-visual{background:radial-gradient(ellipse at 40% 50%,#1535465e,transparent 75%);padding-top:15px}.double-visual svg{width:100%;height:auto;overflow:visible}.double-visual svg text{font-family:Arial,Helvetica,sans-serif;fill:#c9d8e2;font-size:16px}.double-visual svg .diagram-side{font-size:12px;letter-spacing:3px;fill:#778c9b}.outer-pane{transform:translateX(calc(var(--pane-separation)*-30px))}.inner-pane{transform:translateX(calc(var(--pane-separation)*30px))}.air-gap{opacity:calc(.3 + var(--pane-separation)*.7)}.optics-visual figcaption{font-size:12px;line-height:1.45;color:#9dabb5;text-align:center;margin-top:20px}.hd-visual{background:#e9edf0;opacity:0;transform:translateY(45px) rotate(-3deg);padding:20px;overflow:hidden}.hd-visual img{width:100%;aspect-ratio:1.1;object-fit:contain;mix-blend-mode:multiply;position:relative}.hd-word{font-size:clamp(110px,20vw,270px);font-weight:900;position:absolute;top:5%;left:5%;line-height:1;color:#d9dfe3;letter-spacing:-.07em}.hd-visual figcaption{color:#425460;position:relative;margin:0 0 10px}.optics-copy{display:grid;min-width:0}.optics-copy article{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(25px);transition:opacity .5s,transform .5s,visibility .5s}.tech-number{display:block;font-size:clamp(60px,7vw,115px);font-weight:900;letter-spacing:-.07em;line-height:.9;margin-bottom:18px;color:var(--ice)}.optics-copy .eyebrow{font-size:12px;margin-bottom:15px}.optics-copy h2{font-size:clamp(32px,3.9vw,60px);line-height:1.06;margin-bottom:24px}.optics-copy p:not(.eyebrow){font-size:17px;color:#aebbc4;max-width:560px;margin-bottom:23px}.optics-copy p.tech-benefit{color:#edf3f6;border-top:1px solid var(--line);padding-top:20px;font-size:18px}.optics-scroll[data-optics=double] [data-optics-copy=double],.optics-scroll[data-optics=hd] [data-optics-copy=hd]{opacity:1;visibility:visible;transform:none}.optics-scroll[data-optics=hd] .double-visual{opacity:0;transform:translateY(-25px);pointer-events:none}.optics-scroll[data-optics=hd] .hd-visual{opacity:1;transform:none}.optics-scroll[data-optics=double] .hd-visual{pointer-events:none}
.switch-header h2{font-size:clamp(32px,4.3vw,65px)}.switch-section{height:260svh}.switch-visual img{transition:none}.magnet-caption{position:absolute;top:0;left:0;font-size:14px;font-weight:700;color:#425564;letter-spacing:.02em;z-index:5}.switch-visual-note{bottom:0}.switch-watermark{font-size:clamp(60px,7vw,110px)}
@media(max-width:1000px){.focus-heading{grid-template-columns:1fr 1fr}.focus h2{font-size:4.8vw}.weather-content{gap:30px;grid-template-columns:1.25fr 1fr}.weather-copy h2{font-size:4.8vw}.weather-option{padding:23px}.weather-hint{display:none}.optics-top{display:block}.optics-top .eyebrow{margin-bottom:20px}.optics-copy h2{font-size:3.6vw}.optics-copy p:not(.eyebrow){font-size:16px}.tech-number{font-size:70px}}
@media(max-width:700px){.focus-heading{display:block}.focus h2{font-size:clamp(29px,8.15vw,55px)}.cinema-caption{font-size:clamp(26px,7.2vw,45px)}.scroll-colors{height:280svh}.colors-sticky{padding-block:88px 20px;justify-content:center}.scroll-colors .colors-header{margin-bottom:18px}.scroll-colors .colors-header h2{font-size:clamp(25px,7.4vw,45px)}.scroll-colors .colors-header .eyebrow{font-size:12px;margin-bottom:9px}.scroll-colors .colors-header>p{font-size:14px;margin-top:13px;line-height:1.4}.scroll-colors .color-image-frame{height:clamp(150px,23vh,230px);width:100%;margin:0}.scroll-colors .color-stage{padding:15px 14px 18px}.scroll-colors .color-stage-bottom{gap:12px}.scroll-colors .color-stage-bottom .button{min-height:47px;padding:12px}.scroll-colors .swatches{gap:12px}.scroll-colors .swatches label{padding:5px}.scroll-colors .color-word{top:33%;font-size:24vw}.scroll-colors .color-stage-top{font-size:12px}.scroll-colors .color-note{font-size:12px;line-height:1.4}.weather-scroll{height:230svh}.weather-sticky{padding:90px 24px 28px;min-height:740px}.weather-top .eyebrow{font-size:12px;letter-spacing:.12em}.weather-content{display:block;margin:22px 0}.weather-copy h2{font-size:clamp(28px,7.8vw,50px);margin-bottom:22px}.weather-copy h3{font-size:21px;margin-bottom:6px}.weather-copy p{font-size:16px;line-height:1.45}.weather-option{padding:18px 20px;margin-top:24px;border:1px solid #ffffff40}.weather-option .eyebrow{font-size:11px;margin-bottom:11px}.weather-option h3{font-size:23px;margin-bottom:10px}.weather-option p{font-size:15px;line-height:1.45;margin-bottom:15px}.weather-range-row{gap:12px;font-size:12px}.weather-control>label{font-size:14px;margin-bottom:7px}.weather-control>p{font-size:12px;line-height:1.4;margin-top:5px}.weather-films img{object-position:50% 35%}.optics-scroll{height:250svh}.optics-sticky{min-height:740px;padding:90px 24px 25px;justify-content:space-between}.optics-top{margin-bottom:15px}.optics-top .eyebrow{font-size:12px;margin-bottom:14px}.optics-tabs{gap:8px}.optics-tabs button{font-size:13px;padding:9px 12px}.optics-layout{display:flex;flex-direction:column;gap:16px}.optics-visual{width:100%;max-width:430px}.optics-visual>figure{width:100%;min-height:0}.double-visual{padding:0}.double-visual svg{display:block;height:clamp(180px,25vh,230px);width:100%}.optics-visual figcaption{margin-top:3px;font-size:11px}.hd-visual{padding:5px 16px 10px}.hd-visual img{height:clamp(180px,25vh,230px);aspect-ratio:auto}.hd-visual figcaption{margin-top:0}.hd-word{font-size:150px}.optics-copy{width:100%}.tech-number{font-size:44px;display:inline-block;vertical-align:middle;margin:0 12px 12px 0}.optics-copy .eyebrow{font-size:11px;display:inline-block;margin-bottom:12px;max-width:70%}.optics-copy h2{font-size:clamp(26px,7.1vw,43px);margin-bottom:15px}.optics-copy p:not(.eyebrow){font-size:15px;line-height:1.45;margin-bottom:15px}.optics-copy p.tech-benefit{padding-top:12px;font-size:15px}.optics-copy .text-link{font-size:14px}.switch-header h2{font-size:clamp(23px,6.1vw,39px)}.magnet-caption{font-size:13px;top:10px}.switch-watermark{font-size:19vw}.switch-visual-note{font-size:11px}}
/* Static layouts keep all explanations accessible without scroll animation. */
@media(max-height:759px){.scroll-colors,.weather-scroll,.optics-scroll{height:auto}.colors-sticky,.weather-sticky,.optics-sticky{position:relative;height:auto;min-height:0}.weather-sticky{padding-block:95px 45px}.weather-content{margin-block:35px}.optics-sticky{padding-block:95px 60px}.optics-layout{padding-bottom:10px}}
.motion-paused .scroll-colors,.motion-paused .weather-scroll,.motion-paused .optics-scroll{height:auto}.motion-paused .colors-sticky,.motion-paused .weather-sticky,.motion-paused .optics-sticky{position:relative;height:auto;min-height:0}.motion-paused .weather-texts,.motion-paused .weather-options,.motion-paused .optics-copy{display:block}.motion-paused [data-weather-copy],.motion-paused [data-weather-option],.motion-paused [data-optics-copy]{opacity:1;visibility:visible;transform:none;margin-bottom:25px}.motion-paused .optics-visual{display:block}.motion-paused .optics-visual>figure{opacity:1;transform:none;margin-bottom:30px}.motion-paused .optics-tabs{display:none}.motion-paused .outer-pane{transform:translateX(-30px)}.motion-paused .inner-pane{transform:translateX(30px)}.motion-paused .air-gap{opacity:1}.motion-paused .chapter-progress{display:none}
@media(prefers-reduced-motion:reduce){.scroll-colors,.weather-scroll,.optics-scroll{height:auto}.colors-sticky,.weather-sticky,.optics-sticky{position:relative;height:auto;min-height:0}.weather-sun,.weather-flat{transform:none}.weather-texts,.weather-options,.optics-copy{display:block}[data-weather-copy],[data-weather-option],[data-optics-copy]{opacity:1!important;visibility:visible!important;transform:none!important;margin-bottom:25px}.optics-visual{display:block}.optics-visual>figure{opacity:1!important;transform:none!important;margin-bottom:30px}.optics-tabs,.chapter-progress{display:none}.outer-pane{transform:translateX(-30px)}.inner-pane{transform:translateX(30px)}.air-gap{opacity:1}}

.hd-word,.color-word,.switch-watermark{display:none}.switch-sticky{min-height:760px}.switch-visual{isolation:isolate}.double-visual svg text{font-size:19px}.double-visual svg .diagram-side{font-size:14px}@media(max-width:700px){.double-visual svg text{font-size:24px}.double-visual svg .diagram-side{font-size:19px}.optics-visual figcaption{font-size:12px}.switch-visual-note{font-size:12px}}

.weather-option{position:relative}.weather-option .eyebrow,.weather-option h3{padding-right:65px}.weather-tint{position:absolute;right:25px;top:28px;width:48px;height:68px;border:1px solid #bfcbd7;background:rgb(calc(30 + var(--weather-progress)*180),calc(40 + var(--weather-progress)*177),calc(48 + var(--weather-progress)*175));box-shadow:inset 4px 0 0 #ffffff15}.switch-visual{overflow:hidden}.weather-option h3{font-size:24px}@media(max-width:700px){.weather-option h3{font-size:22px}.weather-tint{right:19px;top:19px;width:40px;height:58px}.weather-option .eyebrow,.weather-option h3{padding-right:48px}}

@media(max-width:700px){.weather-option p,.optics-copy p:not(.eyebrow),.optics-copy p.tech-benefit{font-size:16px}.hd-visual img{height:clamp(170px,23vh,210px)}.optics-layout{gap:12px}}

/* Illustrative orange-lens view, isolated to the scenery. Original assets stay unchanged. */
.weather-scroll{--flat-opacity:0;--hd-strength:0}
.weather-flat{opacity:var(--flat-opacity);filter:sepia(var(--hd-strength)) saturate(calc(1 + var(--hd-strength))) hue-rotate(calc(var(--hd-strength)*-25deg)) contrast(calc(1 + var(--hd-strength)*.28)) brightness(calc(1 + var(--hd-strength)*.1))}
.weather-films{isolation:isolate}.weather-films:after{content:'';position:absolute;inset:0;background:#e58a23;mix-blend-mode:color;opacity:calc(var(--hd-strength)*.68);pointer-events:none}
.weather-scroll[data-weather=hd] [data-weather-copy=hd],.weather-scroll[data-weather=hd] [data-weather-option=hd]{opacity:1;visibility:visible;transform:none}
.weather-scroll[data-weather=flat] .weather-tint,.weather-scroll[data-weather=hd] .weather-tint{background:#dd8d22}
.weather-control-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}.weather-control-top label{font-size:14px;font-weight:700}
.hd-filter-toggle{padding:8px 13px;min-height:38px;font-size:14px;font-weight:700;line-height:1.3;color:#e9eef2;background:#0a111bd9;border:1px solid #7c8e9e;white-space:nowrap}.hd-filter-toggle[aria-pressed=true]{border-color:#e0a344;color:#ffcc78}.hd-filter-toggle:hover{background:#203040}
.weather-scroll[data-weather=hd] #weather-range{accent-color:#eab45f}.weather-scroll[data-weather=hd] .weather-hint{color:#ffcf8e}
@media(max-width:700px){.weather-control-top label{font-size:14px}.hd-filter-toggle{font-size:13px;padding:7px 10px}.weather-content{margin-block:18px}.weather-option{margin-top:20px}.weather-option p{margin-bottom:12px}.weather-copy h2{margin-bottom:18px}}