/* The copy and the 3D scene occupy separate layout columns at every breakpoint. */
#hero{--hero-progress:0;position:relative;height:235vh;height:235svh;background:#0b112b}
[data-hero-stage]{position:sticky;top:0;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#33253866,transparent 52%),#0b112b}
.hero-layout{position:relative;z-index:1;max-width:1680px;margin:auto;box-sizing:border-box;height:100%;padding:110px clamp(24px,4vw,72px) 100px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:clamp(16px,3vw,60px);align-items:center}
[data-hero-copy]{position:relative;z-index:2;max-width:620px}
.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;color:#bdbbce;margin-bottom:30px}
.hero-eyebrow>span{flex:none;width:6px;height:6px;border-radius:50%;background:#ff6a45;box-shadow:0 0 18px #ff6a4566}
#hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(56px,6.2vw,100px);line-height:1.01;letter-spacing:-.065em;color:#f4eee5}
#hero h1>span{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;letter-spacing:-.035em;color:#ff8668}
[data-hero-lead]{font-size:clamp(16px,1.35vw,20px);line-height:1.65;color:#bcbccc;margin-top:28px}
[data-hero-ctas]{display:flex;align-items:flex-start;flex-direction:column;gap:20px;margin-top:34px}
.hero-primary{display:flex;align-items:center;gap:22px;padding:17px 22px;border-radius:8px;background:#ff6a45;color:#11152d;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 8px 32px #ff6a4510}
.hero-primary>span{font-size:22px;line-height:1}
.hero-primary:hover{background:#ff8769;color:#11152d;transform:translateY(-2px)}
.hero-secondary{display:flex;gap:18px;align-items:center;color:#f4eee5;font-size:14px;text-decoration:none;border-bottom:1px solid #f4eee535;padding-bottom:6px}
.hero-note{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:12px;color:#9697ac}
.hero-note i{width:3px;height:3px;border-radius:50%;background:#9697ac}
.hero-visual{position:relative;min-width:0;align-self:center}
.hero-visual-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#898ba3;padding:0 4%;}
.hero-live-dot{height:5px;width:5px;border-radius:50%;background:#ff8668}
.hero-scene{position:relative;width:100%;height:clamp(360px,63vh,680px);height:clamp(360px,63svh,680px)}
#hero-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .5s}
.hero-ready #hero-canvas{opacity:1}
.hero-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 4%;font-size:12px;color:#d3cdd6;min-height:32px}
.hero-concept{font-size:9px;letter-spacing:.04em;color:#898ba3;white-space:nowrap}
.hero-orbit{position:absolute;width:62vw;height:62vw;max-width:980px;max-height:980px;right:-6vw;top:50%;transform:translateY(-50%);border:1px solid #ffffff05;border-radius:50%;pointer-events:none}
.hero-orbit:after{content:'';position:absolute;inset:12%;border:1px solid #ffffff06;border-radius:50%}
.hero-bottom{position:absolute;z-index:2;bottom:32px;left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px);display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #ffffff15}
.hero-steps{display:flex;gap:30px;font-size:12px;color:#85869d}
.hero-steps>span{display:flex;gap:9px;transition:color .3s}
.hero-steps b{font-weight:400;color:#74768e;font-size:10px}
.hero-steps .is-active{color:#f4eee5}.hero-steps .is-active b{color:#ff8668}
.hero-scroll{display:flex;gap:18px;align-items:center;font-size:11px;color:#9697ac}.hero-scroll>span{font-size:19px;color:#ff8668}
.hero-progress{position:absolute;bottom:-1px;left:0;width:100%;height:1px;overflow:hidden}.hero-progress>span{display:block;width:100%;height:100%;background:#ff8668;transform:scaleX(var(--hero-progress));transform-origin:left}
#hero-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:12%;transition:opacity .4s;pointer-events:none}
.hero-ready #hero-fallback{opacity:0}.hero-static #hero-fallback{opacity:1}
.hero-static-site{width:100%;background:#f4f0e8;color:#302b25;padding:5%;box-sizing:border-box;box-shadow:0 24px 70px #0003;border-radius:8px;transform:perspective(900px) rotateY(-8deg)}
.hero-static-brand{font-family:'Instrument Serif',serif;font-size:28px;padding-bottom:12px;border-bottom:1px solid #ccc4b6;display:flex;justify-content:space-between;align-items:center}
.hero-static-brand>span{font:7px Manrope,sans-serif;letter-spacing:1px}
.hero-static-content{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:15px;align-items:center}.hero-static-content p{font-family:'Instrument Serif',serif;font-size:clamp(20px,2.5vw,44px);line-height:1.05}.hero-static-content span{display:block;font-size:8px;margin-top:16px}.hero-static-content img{display:block;width:100%;height:auto}
.hero-reduced,.hero-static{height:auto!important}.hero-reduced .hero-bottom,.hero-static .hero-bottom{display:none}
html:not(.js) #hero{height:auto}html:not(.js) .hero-bottom{display:none}
@media(min-width:1600px){.hero-layout{gap:50px}}
@media(max-width:1100px) and (min-width:761px){.hero-layout{gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-inline:28px}#hero h1{font-size:clamp(50px,6.3vw,68px)}.hero-primary{font-size:12px;gap:12px;padding:16px}.hero-concept{display:none}.hero-eyebrow{font-size:9px}.hero-scene{height:55svh}}
@media(max-width:760px){
 #hero{height:235svh}
 [data-hero-stage]{min-height:700px}
 .hero-layout{padding:100px 22px 76px;display:flex;flex-direction:column;justify-content:center;gap:24px}
 [data-hero-copy]{width:100%;max-width:500px;flex:none}
 .hero-eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:17px}
 #hero h1{font-size:clamp(44px,10.5vw,65px);line-height:.98}
 [data-hero-lead]{font-size:14px;line-height:1.55;margin-top:18px}
 [data-hero-ctas]{margin-top:20px;gap:13px;flex-direction:row;flex-wrap:wrap;align-items:center}
 .hero-primary{font-size:11px;padding:14px 15px;gap:13px;letter-spacing:-.015em}
 .hero-primary>span{font-size:18px}.hero-secondary{font-size:11px;padding-bottom:4px;gap:9px}
 .hero-note{margin-top:16px;font-size:10px}.hero-visual{width:100%;max-width:500px;min-height:0;flex:1;display:flex;flex-direction:column}
 .hero-visual-top{display:none}.hero-scene{height:auto;min-height:190px;flex:1}.hero-caption{font-size:10px;min-height:24px;justify-content:center}.hero-concept{display:none}
 .hero-bottom{left:22px;right:22px;bottom:20px;padding-bottom:14px}.hero-steps{gap:18px;font-size:10px}.hero-steps b{font-size:9px}.hero-scroll{font-size:0;gap:0}.hero-scroll>span{font-size:18px}
 .hero-orbit{width:100vw;height:100vw;right:-20vw;top:70%}
}
@media(max-width:760px) and (max-height:740px){.hero-layout{padding-top:86px;gap:12px}.hero-eyebrow{margin-bottom:12px}.hero-note{display:none}[data-hero-lead]{margin-top:13px}.hero-primary{padding:12px 14px}.hero-caption{display:none}}
@media(prefers-reduced-motion:reduce){#hero{height:auto}[data-hero-stage]{position:relative}.hero-bottom{display:none}#hero-canvas{transition:none}.hero-primary{transition:none}.hero-ready #hero-fallback{transition:none}}
@media(max-width:400px){header>a:first-child>span:last-child{display:none}header>a:first-child{white-space:nowrap}}