@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
/* Final framing keeps the full luminaire beside the copy; the opening frame shades the macro for legibility. */
.sticky-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0abb 0%,#080a0a66 35%,transparent 70%);opacity:calc(1 - var(--progress));z-index:2;pointer-events:none}
.intro-copy,.reveal-copy,.stage-bottom{z-index:3}
.product-shot{width:min(54vw,820px);transform:translate(-50%,-50%) translateX(calc(var(--progress)*8vw)) scale(calc(3.55 - var(--progress)*2.65))}
.reveal-copy h2{font-size:clamp(52px,5.1vw,88px);max-width:365px}
@media(max-width:900px){.product-shot{width:77vw;transform:translate(-50%,-50%) translateX(calc(var(--progress)*4vw)) scale(calc(3.3 - var(--progress)*2.28))}}
@media(max-width:600px){.product-shot{width:105vw;left:91%;transform:translate(-50%,-50%) translateX(calc(var(--progress)*-34vw)) scale(calc(3.2 - var(--progress)*2.32))}.reveal-copy h2{font-size:clamp(47px,12.5vw,68px);max-width:73vw}}
:root{color-scheme:dark;--bg:#101111;--cream:#f3f0e9;--muted:#a5a8a6;--line:#4a4d4b;--progress:0;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}.prototype-note{height:29px;background:#dcd7c9;color:#1c1c1c;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.12em}.header{height:82px;position:absolute;top:29px;z-index:20;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff35;background:linear-gradient(180deg,#090b0bee,#090b0b68)}.brand img{width:184px;display:block}.header nav{display:flex;gap:34px;font-size:12px;font-weight:700}.header nav a,.header-link{transition:opacity .2s}.header nav a:hover,.header-link:hover{opacity:.58}.header-link{border:1px solid #eee8;padding:12px 16px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.header-link span{margin-left:15px}.journey{height:270vh;position:relative}.sticky-stage{height:100vh;min-height:620px;position:sticky;top:0;overflow:hidden;background:radial-gradient(circle at 68% 50%,#2e3330 0,#101211 42%,#080909 82%)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:10vw 10vw;opacity:calc(.22 + var(--progress)*.4);mask-image:linear-gradient(90deg,transparent,#000)}.stage-glow{position:absolute;width:68vw;height:68vw;left:44%;top:16%;border-radius:50%;background:radial-gradient(circle,#ebece359 0,#d4d9ca20 22%,transparent 64%);filter:blur(25px);opacity:calc(var(--progress)*.9);transform:translateY(calc(12% - var(--progress)*12%))}.product-shot{position:absolute;width:min(61vw,900px);aspect-ratio:3882/2824;top:51%;left:68%;transform:translate(-50%,-50%) translateX(calc(var(--progress)*-12vw)) scale(calc(3.55 - var(--progress)*2.65));transform-origin:49% 41%;will-change:transform;filter:drop-shadow(0 35px 65px #000a)}.product-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.product-shot .product-on{opacity:clamp(0,calc((var(--progress) - .58)*2.1),1)}.intro-copy{position:absolute;left:5.3%;top:50%;transform:translateY(-50%) translateY(calc(var(--progress)*-75px));opacity:clamp(0,calc(1 - var(--progress)*2.3),1);pointer-events:none}.eyebrow{font-family:'DM Sans',Arial,sans-serif;font-size:11px;letter-spacing:.22em;font-weight:700;color:#c6c8c2}.intro-copy h1{font-size:clamp(58px,7.1vw,132px);line-height:.98;letter-spacing:-.085em;font-weight:500;margin:22px 0}.intro-copy h1 em,.models h2 em{font-style:normal;color:#b1b8af}.reveal-copy{position:absolute;left:5.3%;top:37%;max-width:430px;opacity:clamp(0,calc((var(--progress) - .43)*2.7),1);transform:translateY(calc((1 - var(--progress))*80px));pointer-events:var(--reveal-pointer,none)}.reveal-copy h2{font-size:clamp(54px,6.1vw,110px);font-weight:500;letter-spacing:-.085em;line-height:1.02;margin:18px 0 22px}.reveal-copy p{font-size:15px;line-height:1.7;color:#c6c7c1;max-width:300px}.reveal-copy a{margin-top:25px;display:inline-flex;align-items:center;gap:54px;padding:15px 0;border-bottom:1px solid #d2d3cc;font-size:12px;font-weight:800;letter-spacing:.11em;pointer-events:auto}.reveal-copy a span{font-size:24px}.stage-bottom{position:absolute;bottom:29px;left:5.3%;right:5.3%;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:30px;font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:.16em;color:#bdc0b9}.progress{height:1px;background:#ffffff55}.progress span{height:2px;width:calc(var(--progress)*100%);display:block;background:#eee}.scroll-hint{text-align:right}.models{padding:135px 4.5% 70px;background:#e9e7df;color:#151817}.models-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:0 0 76px}.models .eyebrow{color:#676b66}.models h2{font-weight:500;font-size:clamp(58px,7vw,120px);line-height:.99;letter-spacing:-.085em;margin:22px 0 0}.models h2 em{color:#8f968d}.models-intro{max-width:330px}.models-intro p{font-size:15px;line-height:1.65;color:#474b48;margin:0 0 24px}.all-lights{display:flex;align-items:center;gap:12px;border:0;background:none;color:#171b18;padding:0;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.04em}.switch-track{width:46px;height:25px;border:1px solid #555d56;border-radius:30px;padding:3px;display:inline-flex;align-items:center;transition:background .25s}.switch-track span{width:17px;height:17px;border-radius:50%;background:#323d35;transition:transform .25s,background .25s}.all-lights[aria-pressed=true] .switch-track{background:#283e30}.all-lights[aria-pressed=true] .switch-track span{transform:translateX(20px);background:white}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.model-card{position:relative;min-height:580px;background:#242826;color:#f6f5ef;overflow:hidden;isolation:isolate}.model-card:nth-child(2){background:#303330}.model-card:nth-child(3){background:#24292b}.model-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#ffffff37,transparent 52%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:-1}.model-card.is-lit:before,.model-card:hover:before{opacity:1}.model-link{height:100%;min-height:580px;display:flex;flex-direction:column;padding:26px;position:relative}.model-number{font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:.16em}.arrow{position:absolute;right:26px;top:20px;font-size:27px;font-weight:400;transition:transform .3s}.model-link:hover .arrow{transform:translate(4px,-4px)}.model-visual{position:relative;display:block;width:100%;height:390px;margin:auto 0 14px}.model-visual img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;filter:drop-shadow(0 24px 30px #0009);transition:opacity .38s,transform .55s var(--ease)}.model-card:hover .model-visual img{transform:scale(1.04)}.model-visual .on{opacity:0}.model-card.is-lit .on,.model-card:hover .on,.model-card:focus-within .on{opacity:1}.model-card.is-lit .off,.model-card:hover .off,.model-card:focus-within .off{opacity:0}.model-meta{display:flex;flex-direction:column;gap:6px;border-top:1px solid #ffffff55;padding-top:18px;padding-bottom:52px}.model-meta strong{font-size:21px;font-weight:600;letter-spacing:-.035em}.model-meta span{font-size:11px;color:#c2c6c1}.light-toggle{position:absolute;left:26px;bottom:21px;background:none;border:0;color:#e2e3dc;display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:11px}.bulb{width:12px;height:12px;border-radius:50%;border:1px solid currentColor;display:inline-block}.model-card.is-lit .bulb{background:#f5f8e3;box-shadow:0 0 13px #fff}.models-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #9a9e98;margin-top:42px;padding-top:22px;font-size:11px;color:#60655e}.models-footer a{color:#1a211c;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.models-footer a span{font-size:18px;margin-left:40px}@media(max-width:900px){.header nav{display:none}.header{height:72px}.brand img{width:155px}.journey{height:220vh}.sticky-stage{min-height:560px}.product-shot{width:85vw;left:81%;top:54%;transform:translate(-50%,-50%) translateX(calc(var(--progress)*-17vw)) scale(calc(3.3 - var(--progress)*2.28))}.intro-copy h1{font-size:clamp(50px,8vw,78px)}.reveal-copy{top:27%}.reveal-copy h2{font-size:clamp(55px,8vw,80px)}.models{padding-top:85px}.model-grid{grid-template-columns:1fr}.model-card,.model-link{min-height:500px}.model-visual{height:310px}.models-heading{align-items:start}.models h2{font-size:clamp(56px,7vw,85px)}}@media(max-width:600px){.prototype-note{font-size:8px}.prototype-note span{display:none}.header{padding:0 20px}.brand img{width:135px}.header-link{font-size:9px;padding:10px}.header-link span{display:none}.sticky-stage{min-height:520px}.product-shot{width:112vw;left:91%;top:58%;transform:translate(-50%,-50%) translateX(calc(var(--progress)*-37vw)) scale(calc(3.2 - var(--progress)*2.32))}.intro-copy{left:22px;top:38%}.intro-copy h1{font-size:clamp(46px,14vw,72px)}.eyebrow{font-size:9px}.reveal-copy{left:22px;top:25%;max-width:75vw}.reveal-copy h2{font-size:clamp(49px,14vw,70px)}.reveal-copy p{font-size:13px;max-width:210px}.stage-bottom{left:22px;right:22px;grid-template-columns:1fr 1fr}.stage-bottom>span:first-child{display:none}.models{padding:80px 15px 45px}.models-heading{display:block;margin-bottom:38px}.models h2{font-size:clamp(52px,13vw,76px)}.models-intro{margin-top:35px}.model-grid{gap:8px}.model-card,.model-link{min-height:470px}.model-visual{height:295px}.models-footer{display:block}.models-footer a{display:block;margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey{height:100vh}.sticky-stage{--progress:1!important}.intro-copy{display:none}.reveal-copy{opacity:1;transform:none;--reveal-pointer:auto}}
/* Final framing overrides */
.sticky-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0abb 0%,#080a0a66 35%,transparent 70%);opacity:calc(1 - var(--progress));z-index:2;pointer-events:none}
.intro-copy,.reveal-copy,.stage-bottom{z-index:3}
.product-shot{width:min(54vw,820px);transform:translate(-50%,-50%) translateX(calc(var(--progress)*8vw)) scale(calc(3.55 - var(--progress)*2.65))}
.reveal-copy h2{font-size:clamp(52px,5.1vw,88px);max-width:365px}
@media(max-width:900px){.product-shot{width:77vw;transform:translate(-50%,-50%) translateX(calc(var(--progress)*4vw)) scale(calc(3.3 - var(--progress)*2.28))}}
@media(max-width:600px){.product-shot{width:105vw;left:91%;transform:translate(-50%,-50%) translateX(calc(var(--progress)*-34vw)) scale(calc(3.2 - var(--progress)*2.32))}.reveal-copy h2{font-size:clamp(47px,12.5vw,68px);max-width:73vw}}
.craft{min-height:660px;display:grid;grid-template-columns:42% 58%;background:#151817;color:#eeeae2;overflow:hidden}.craft-copy{padding:110px 7vw 80px 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.craft .eyebrow{color:#aeb3aa}.craft h2{font-size:clamp(58px,6vw,105px);font-weight:500;letter-spacing:-.085em;line-height:1;margin:28px 0}.craft p{font-size:14px;color:#bfc4bb;line-height:1.75;max-width:350px}.craft a{display:flex;gap:65px;align-items:center;border-bottom:1px solid #c7cbc2;padding:16px 0;margin-top:25px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.craft a span{font-size:21px}.craft-visual{display:grid;place-items:center;position:relative;background:radial-gradient(circle at 53% 50%,#49504c 0,#292e2b 37%,#191d1a 72%)}.craft-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:75px 75px}.craft-visual img{position:relative;width:94%;max-height:620px;object-fit:contain;filter:drop-shadow(0 30px 55px #000a);transform:rotate(-2deg)}
@media(max-width:900px){.craft{grid-template-columns:1fr}.craft-copy{padding:80px 7% 35px}.craft-visual{min-height:440px}.craft-visual img{max-height:440px}}
@media(max-width:600px){.craft-copy{padding:72px 22px 26px}.craft h2{font-size:64px}.craft-visual{min-height:300px}.craft-visual img{max-height:315px}}
/* Navigation is part of the hero composition, not a separate bar. */
.prototype-note{display:none}
.header{top:0;height:90px;background:transparent;border:0;color:#fff;text-shadow:0 2px 12px #0009}
.header:before{content:none}
.header-link{border:0;border-bottom:1px solid #ffffffb5;padding:11px 0}
.brand img{filter:drop-shadow(0 2px 10px #0008)}
@media(max-width:600px){.header{height:76px}}