@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;450;500;600;700;800&display=swap');
:root{--yellow:#ffd21a;--bg:#090a0b;--paper:#f1f0e9;--muted:#a7a9ab;--line:#292b2d;--light:#f3f8ff;--intensity:.75}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;border-bottom:1px solid #ffffff20;background:#0a0b0cf2;position:absolute;top:0;left:0;width:100%;z-index:5}.wordmark{font-size:34px;font-style:italic;font-weight:800;letter-spacing:-2px;line-height:1;display:inline-block}.wordmark span{display:block;letter-spacing:2px;font-size:7px;font-style:normal;font-weight:500;margin-top:7px}header nav{display:flex;gap:35px;font-size:12px}header nav a:hover,footer a:hover{color:var(--yellow)}.nav-action{font-size:12px;border-bottom:1px solid #676767;padding-bottom:8px}.nav-action span{margin-left:27px;color:var(--yellow)}.hero{min-height:840px;height:100svh;max-height:1200px;position:relative;display:flex;align-items:center}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 68%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08090aef 0%,#08090a9c 33%,#08090a0a 72%),linear-gradient(0deg,#08090a 0%,transparent 30%,#0003 100%)}.hero-copy{position:relative;padding:100px 7% 90px;width:100%}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;line-height:1.6}.hero .eyebrow{color:var(--yellow);display:flex;gap:12px;align-items:center}.hero .eyebrow span{width:6px;height:6px;background:var(--yellow);display:inline-block;border-radius:100%}h1,h2,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(70px,7.8vw,130px);margin:28px 0}.hero-description{color:#d0d1d0;font-size:16px;line-height:1.7;margin:0 0 35px}.button{display:inline-flex;gap:50px;align-items:center;justify-content:space-between;padding:19px 24px;font-size:12px;font-weight:600;transition:background .2s}.yellow{background:var(--yellow);color:#111}.yellow:hover{background:#ffe36e}.button span{font-size:20px;font-weight:400}.hero-bottom{position:absolute;bottom:35px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#d2d2cd}.hero-bottom a span{margin-left:12px}.section-wrap{padding:110px 7%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:30px 70px;padding-top:110px;padding-bottom:120px}.intro .eyebrow{grid-row:span 2;color:var(--yellow);padding-top:8px}.intro h2{font-size:clamp(36px,4vw,60px);margin:0}.intro>p:last-child{grid-column:2;color:var(--muted);font-size:15px;line-height:1.8;max-width:510px;margin:0}.product{background:#101113;padding-top:40px;padding-bottom:70px}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #44464a;padding-top:23px;color:#a9abad}.section-top p{margin:0;color:var(--yellow)}.section-top>span{font-size:9px;letter-spacing:1.5px}.product-heading{display:flex;align-items:center;justify-content:space-between;padding-top:55px}.product-heading h2{font-size:clamp(50px,5.8vw,88px);margin:0}.product-heading p{font-size:13px;color:var(--muted);line-height:1.7;padding-right:5%}.product-stage{position:relative;max-width:1160px;margin:15px auto 0;height:520px;background:#0b0b0b;overflow:hidden}.product-stage>img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}.hotspot{position:absolute;bottom:28%;left:25%;border:0;background:#17191dd9;border-radius:25px;padding:6px 15px 6px 6px;color:white;font-size:11px;display:flex;gap:10px;align-items:center}.hotspot span{display:inline-grid;place-items:center;width:29px;height:29px;background:var(--yellow);color:#151515;border-radius:50%;font-size:20px}.detail-panel{position:absolute;left:29%;bottom:39%;max-width:310px;background:var(--paper);color:#161718;padding:22px;font-size:13px;line-height:1.7;box-shadow:0 10px 40px #0008}.detail-panel p{margin:8px 0 0;color:#444}.stage-caption{position:absolute;bottom:22px;left:25px;font-size:9px;letter-spacing:1.5px;color:#a7a9ab}.view-controls{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.view-controls button{background:transparent;color:#6d7074;text-align:left;border:0;border-bottom:2px solid transparent;padding:25px 8px;font-size:10px;display:flex;gap:20px}.view-controls span{font-size:12px}.view-controls button.active{color:var(--paper);border-color:var(--yellow)}.view-controls button.active:first-letter{color:var(--yellow)}.light-section{padding-top:55px;padding-bottom:100px}.light-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;margin-top:65px}.light-layout h2{font-size:clamp(50px,5.5vw,80px);margin-bottom:27px}.section-description{font-size:14px;color:var(--muted);line-height:1.8;max-width:340px}.demo-note{color:#919397;font-size:11px;line-height:1.7;max-width:340px;margin-top:22px}.pattern-controls{margin-top:40px}.pattern-controls button{width:100%;display:flex;justify-content:space-between;background:transparent;border:0;border-top:1px solid var(--line);color:#a6a8aa;padding:18px 0;text-align:left;font-size:14px}.pattern-controls button:last-child{border-bottom:1px solid var(--line)}.pattern-controls button span{font-size:10px}.pattern-controls button.active{color:var(--yellow)}.light-demo{background:radial-gradient(ellipse at 50% 40%,#1b2025,#101214 65%);display:flex;flex-direction:column;align-self:start;margin-top:12px;border:1px solid #262a2d}.demo-header{display:flex;justify-content:space-between;align-items:center;padding:22px;font-size:9px;letter-spacing:1px}.demo-header button{background:none;border:1px solid #40454a;padding:9px 11px;color:#ccc;font-size:10px;letter-spacing:0}.light-visual{min-height:290px;display:flex;flex-direction:column;justify-content:center;padding-bottom:28px}.light-visual svg{width:100%;height:auto;overflow:visible}.band-body{fill:none;stroke:#363b41;stroke-width:24}.band-light{fill:none;stroke:var(--light);opacity:var(--intensity)}.band-glow{stroke-width:16}.band-core{stroke-width:8}.housing{fill:#252a30;stroke:#5f6265;stroke-width:1}.housing-line{fill:none;stroke:#888;stroke-width:2}.light-visual>span{text-align:center;font-size:8px;letter-spacing:1px;color:#93989c}.light-visual.breathe .band-light{animation:breathe 3s ease-in-out infinite}.light-visual.travel .band-light{stroke-dasharray:180 990;animation:travel 5s linear infinite}.light-visual.paused .band-light{animation-play-state:paused}.demo-settings{border-top:1px solid var(--line);display:flex;gap:35px;align-items:center;padding:30px 25px}.demo-settings>div:first-child{flex:1}.demo-settings label{font-size:11px;display:flex;justify-content:space-between;color:#bbb}.demo-settings output{color:white;font-size:10px}input[type=range]{accent-color:var(--yellow);width:100%;margin:20px 0 0}.colors{display:flex;gap:10px}.swatch{border:3px solid #111;width:24px;height:24px;border-radius:50%;outline:1px solid #343434}.swatch.active{outline:1px solid white}.white{background:#f3f8ff}.amber{background:#ffb62a}.red{background:#ff4d3d}.motion-note{margin:0 25px 18px;font-size:9px;color:#8d9297;line-height:1.5}.field{background:var(--paper);color:#141617}.field-heading{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:60px}.field-heading .eyebrow{grid-column:1/-1}.field-heading h2{font-size:clamp(50px,5.5vw,82px);margin:0}.field-heading>p:last-child{font-size:13px;line-height:1.8;align-self:end;justify-self:end}.field-grid{padding:0 4.2% 65px;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.field figure{margin:0}.field figure img{width:100%;height:420px;object-fit:cover;display:block}.field figcaption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding:17px 0;gap:10px}.field figcaption span:last-child{letter-spacing:0;color:#5b5e60}.closing{text-align:center;padding-top:125px;padding-bottom:130px}.closing .eyebrow{color:var(--yellow)}.closing h2{font-size:clamp(45px,5.7vw,85px);margin-bottom:35px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:38px 4.2%}footer p{font-size:8px;letter-spacing:1.8px;color:#929699;margin:0}footer>a:last-child{font-size:10px}footer .wordmark{font-size:25px}footer .wordmark span{font-size:5px}@keyframes breathe{0%,100%{opacity:.2}50%{opacity:var(--intensity)}}@keyframes travel{to{stroke-dashoffset:-1170}}[hidden]{display:none!important}@media(min-width:1700px){.section-wrap{padding-left:max(7%,calc((100% - 1450px)/2));padding-right:max(7%,calc((100% - 1450px)/2))}}@media(max-width:850px){header{height:75px}header nav{gap:18px;font-size:10px}.nav-action{display:none}.hero{min-height:780px}.hero-photo{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#08090ae0,#08090a20),linear-gradient(0deg,#08090a,transparent 60%)}.hero-copy{padding-top:100px}.hero-bottom>span:last-child{display:none}.section-wrap{padding:75px 6%}.intro{gap:25px;grid-template-columns:1fr}.intro .eyebrow{grid-row:auto}.intro>p:last-child{grid-column:1}.product-stage{height:390px}.light-layout{grid-template-columns:1fr;gap:35px;margin-top:40px}.light-layout h2 br{display:none}.section-description,.demo-note{max-width:100%}.pattern-controls{display:flex;gap:15px;margin-top:25px}.pattern-controls button{border-bottom:1px solid var(--line)}.pattern-controls button span{margin-left:12px}.field-heading{grid-template-columns:1fr}.field-heading>p:last-child{justify-self:start}.field-grid{gap:20px}.field figure img{height:300px}.field figcaption{flex-direction:column}.demo-settings{padding:25px}.detail-panel{left:15%;bottom:40%}.hotspot{left:15%;bottom:25%}}@media(max-width:500px){header{padding:0 6%}.wordmark{font-size:29px}header nav{gap:17px}header nav a:last-child{display:none}h1{font-size:73px}.hero{height:90svh;min-height:710px}.hero-copy{padding-top:55px}.hero-description{font-size:14px}.hero-photo{object-position:57% center}.hero-bottom{left:6%;right:6%;font-size:7px;letter-spacing:1px}.hero-bottom>span:first-child{max-width:90px;line-height:1.6}.hero-bottom a{align-self:end}.section-top>span{display:none}.product-heading{padding-top:35px}.product-heading p{font-size:10px;padding:0}.product-heading h2{font-size:49px}.product-stage{height:300px;margin-left:-6.8%;margin-right:-6.8%;max-width:none}.view-controls button{gap:9px;padding:20px 3px}.view-controls span{font-size:10px}.stage-caption{font-size:7px;left:20px;bottom:16px}.hotspot{font-size:9px;bottom:25%;left:17%}.hotspot span{width:23px;height:23px}.detail-panel{font-size:11px;max-width:260px;padding:16px;bottom:41%}.field-grid{grid-template-columns:1fr;padding:0 6% 40px}.field figure img{height:330px}.field figcaption{flex-direction:row}.field-heading{padding-bottom:35px}.demo-header{padding:18px 15px}.demo-header>span{font-size:8px}.light-visual{min-height:240px}.demo-settings{gap:20px;padding:22px 15px}.motion-note{margin-left:15px;margin-right:15px}footer{padding:30px 6%;flex-wrap:wrap;gap:25px}footer p{order:3;flex-basis:100%;font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}