#hero-webgl{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;pointer-events:none}
#hero-webgl canvas{display:block;width:100%;height:100%}
.header{background:rgba(8,9,8,.56);backdrop-filter:blur(8px)}
.has-3d .hero-caption{padding:15px 18px;background:rgba(8,9,8,.75);color:#c8cbbc;backdrop-filter:blur(8px)}
.hero-art>img{transition:opacity 1.4s ease}
.hero.has-3d #hero-webgl{opacity:1}
.hero.has-3d .hero-art>img{opacity:0}
.hero.has-3d .art-shade{background:linear-gradient(90deg,rgba(8,9,8,.7),rgba(8,9,8,.12) 43%,transparent 65%),linear-gradient(0deg,#080908,transparent 15%)}
.explore-3d,.hero-motion{display:none}
.has-3d .explore-3d{display:block}
.has-3d .fallback-caption{display:none}
.has-3d .hero-motion{display:block;width:max-content;background:transparent;color:#bfc2b7;padding:5px 0;border-bottom:1px solid #727766;font-size:11px;letter-spacing:.04em;margin-top:8px}
.hero-motion:hover{color:var(--orange)}
.innovation{padding:64px var(--pad) 65px;border-bottom:1px solid var(--line)}
.innovation-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end}
.innovation-heading h2{font-size:clamp(42px,5.1vw,78px)}
.innovation-heading>p{font-size:17px;line-height:1.7;color:#aeb5a4;max-width:410px}
.innovation-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}
.innovation-metrics>div{border-top:1px solid var(--line);padding:30px 28px 15px 0}
.innovation-metrics>div+div{border-left:1px solid var(--line);padding-left:35px}
.innovation-metrics strong{font-size:clamp(64px,8vw,120px);font-weight:400;line-height:1;letter-spacing:-.075em;display:block;margin-bottom:25px;color:var(--paper)}
.innovation-metrics strong span{font-size:.5em;color:var(--orange);vertical-align:top;line-height:1.4;margin-left:6px;font-weight:300}
.innovation-metrics h3{font-size:20px;letter-spacing:-.03em;line-height:1.3;max-width:270px}
.innovation-metrics p{font-size:14px;line-height:1.6;color:#a3ac97;margin-top:14px}
.recognition-row{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:27px;margin-top:40px;font-size:12px;line-height:1.6;color:#bec4b5}
.recognition-row b{font-size:10px;color:var(--orange);font-weight:400;margin-left:10px}
@media(max-width:760px){.hero.has-3d .art-shade{background:linear-gradient(90deg,rgba(8,9,8,.45),rgba(8,9,8,.08)),linear-gradient(0deg,#080908,transparent 30%)}.hero-caption{display:flex;bottom:142px;right:var(--pad);left:var(--pad);border-left:0;padding-left:0;flex-direction:row;align-items:center;justify-content:space-between}.hero-caption>span{display:none!important}.has-3d .hero-motion{font-size:12px;margin-left:auto}.innovation{padding-top:44px;padding-bottom:40px}.innovation-heading{display:block}.innovation-heading>p{margin-top:28px;font-size:16px}.innovation-metrics{margin-top:36px;grid-template-columns:1fr}.innovation-metrics>div{display:grid;grid-template-columns:100px 1fr;column-gap:20px;padding:22px 0}.innovation-metrics>div+div{padding-left:0;border-left:0}.innovation-metrics strong{grid-row:span 2;font-size:64px;margin:0}.innovation-metrics h3{font-size:18px;padding-top:6px}.innovation-metrics p{margin-top:8px;font-size:13px}.recognition-row{flex-direction:column;gap:13px;margin-top:20px;padding-top:24px}}
@media(prefers-reduced-motion:reduce){#hero-webgl,.hero-art>img{transition:none}}
@media(max-width:760px){.has-3d .hero-caption{background:transparent;backdrop-filter:none;padding:0}.hero.has-3d .art-shade{background:linear-gradient(90deg,rgba(8,9,8,.72),rgba(8,9,8,.12)),linear-gradient(0deg,#080908,transparent 30%)}}