.hero{position:relative;height:360vh;--stage-h:88vh;--stage-h:88dvh}.hero__sticky{position:sticky;top:0;height:100vh;height:100dvh;overflow:clip}.hero__stage{position:relative;height:100%;width:100%;--art-cx:0.665;--art-cy:0.5;--art-h:0.98;--art-wf:0}.hero__art{position:absolute;inset:0;margin:0;opacity:var(--art-o,1);background:radial-gradient(90% 110% at calc(var(--art-cx) * 100%) calc(var(--art-cy) * 100%),#0B9190 0,#0A7C79 30%,#075552 62%,var(--hero-ground) 100%);will-change:opacity}.hero__art:after{content:"";inset:auto 0 0 0;height:16%;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--hero-ground) 70%,var(--bg)));opacity:calc(1 - var(--art-o, 1));pointer-events:none}.hero__art:after,.hero__canvas,.hero__plateImg{position:absolute}.hero__canvas{inset:0;width:100%;height:100%;opacity:0;transition:opacity var(--d-fast) linear}.hero[data-engine=live] .hero__canvas{opacity:1}.hero[data-engine=live] .hero__plateImg{opacity:0}.hero__plateImg{height:calc(var(--art-h) * 100%);width:auto;max-width:none;aspect-ratio:16/9;left:calc(var(--art-cx) * 100%);top:calc(var(--art-cy) * 100%);translate:-50% -50%;transition:opacity var(--d-base) linear;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}.hero__overlay{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;padding:calc(var(--float-top-h) + clamp(40px, 6vh, 84px)) clamp(20px,3vw,56px) clamp(22px,3.4vh,40px);pointer-events:none}.hero__overlay :is(a,button){pointer-events:auto}.hero__slot{position:relative;display:grid;width:min(35%,520px);min-height:0}.hero__beat{grid-area:1/1;align-self:start;opacity:var(--o,0);transform:translate3d(0,calc((1 - var(--o, 0)) * 14px),0);will-change:opacity,transform}.hero__beat--mid{align-self:center}.hero__beat[data-faded=true]{pointer-events:none}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s-6)}.hero__live{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 26%,transparent);animation:livePulse 2.4s ease-in-out infinite}.hero h1{font-size:clamp(2.3rem,4.6vw,4.6rem);line-height:1;letter-spacing:-.025em;text-transform:uppercase;color:var(--text);text-shadow:0 2px 30px rgb(4 49 44/.5)}.hero h1 em{font-style:normal;color:var(--brand)}.hero__sub{margin-top:var(--s-6);max-width:40ch;font-size:var(--t-lg);line-height:1.5;color:var(--text-muted);text-wrap:pretty}.hero__beatNo{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--brand);letter-spacing:.08em}.hero__beatName{position:relative;display:inline-block;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(2.6rem,5.6vw,5.4rem);line-height:.95;letter-spacing:-.02em;color:var(--text);margin:var(--s-2) 0 var(--s-6)}.hero__beatName:after{content:"";position:absolute;left:calc(100% + var(--s-6));top:.5em;width:clamp(40px,12vw,220px);height:1px;background:linear-gradient(to right,var(--brand),transparent);transform:scaleX(var(--o,0));transform-origin:left}.hero__callouts{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}.hero__callouts li{display:grid;grid-template-columns:5.2rem 1fr;gap:var(--s-4);align-items:baseline;font-size:var(--t-lg);color:var(--text);padding-bottom:var(--s-3);border-bottom:1px solid var(--border)}.hero__callouts .mono{font-size:var(--t-xs);letter-spacing:.08em;color:var(--brand)}.hero__resolve{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,2.4vw,2.2rem);letter-spacing:-.015em;line-height:1.1;color:var(--text)}.hero__resolveNote{margin-top:var(--s-4);font-size:var(--t-base);color:var(--text-muted);max-width:38ch}.hero__plate{position:relative;justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2vw,32px);padding:clamp(14px,1.6vw,20px) clamp(16px,2vw,26px);border-radius:var(--r-xl);isolation:isolate;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@media (prefers-reduced-transparency:reduce){.hero__plate{background:var(--gf-950);-webkit-backdrop-filter:none;backdrop-filter:none}}.hero__stats{display:flex;align-items:baseline;gap:clamp(16px,2vw,30px);margin:0}.hero__stat{display:flex;flex-direction:column-reverse;gap:2px}.hero__statNum{margin:0;font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.03em;line-height:1;color:var(--text)}.hero__statLabel{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.hero__rule{align-self:stretch;width:1px;background:var(--border)}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--s-3)}.hero__stall{font-size:var(--t-sm)}.hero__cue{position:absolute;right:clamp(20px,3vw,56px);bottom:clamp(26px,4vh,44px);display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);opacity:var(--cue-o,1)}.hero__cueLine{display:block;width:44px;height:1px;background:currentColor;transform-origin:left;animation:cueDraw 2.2s var(--ease-inout) infinite}@keyframes cueDraw{0%{transform:scaleX(0)}50%{transform:scaleX(1);transform-origin:left}51%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@media (max-width:1023px){.hero__stage{--art-cx:0.5;--art-cy:0.3;--art-h:0;--art-wf:1.25}.hero__plateImg{height:auto;width:calc(var(--art-wf) * 100%)}.hero__overlay{grid-template-rows:1fr auto;padding-top:calc(var(--float-top-h) + 16px)}.hero__slot{width:100%;margin-bottom:var(--s-6)}.hero__beat,.hero__beat--mid,.hero__slot{align-self:end}.hero__beatName:after{display:none}.hero h1{font-size:clamp(2rem,6.4vw,3.2rem)}.hero__sub{font-size:var(--t-base);max-width:52ch}.hero__cue{display:none}}@media (max-width:639px){.hero{height:280vh}.hero__stage{--art-cy:0.21;--art-wf:1.32}.hero__overlay{padding-inline:16px;padding-bottom:calc(var(--mobile-bar-h) + 14px + env(safe-area-inset-bottom))}.hero__eyebrow{margin-bottom:var(--s-3);font-size:.7rem}.hero h1{font-size:1.75rem}.hero__sub{margin-top:var(--s-3);font-size:var(--t-sm)}.hero__slot{margin-bottom:var(--s-4)}.hero__beatName{font-size:2.2rem;margin-bottom:var(--s-3)}.hero__callouts li{font-size:var(--t-sm);grid-template-columns:4.2rem 1fr}.hero__plate{justify-self:stretch;flex-direction:column;align-items:stretch;gap:var(--s-3);padding:var(--s-3) var(--s-4)}.hero__rule{display:none}.hero__stats{justify-content:space-between}.hero__ctas{flex-wrap:nowrap}.hero__ctas>.btn{flex:1 1 0;min-width:0;min-height:50px;padding-inline:var(--s-3);font-size:var(--t-sm)}.hero .hero__stall{justify-content:center}}@media (max-width:639px) and (max-height:700px){.hero__sub{display:none}}@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero .hero__sticky{position:static;height:auto;padding:calc(var(--float-top-h) + 48px) 0 48px}.hero .hero__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--s-8);padding-inline:clamp(20px,3vw,56px)}.hero .hero__canvas{display:none}.hero .hero__art{position:sticky;top:calc(var(--float-top-h) + 40px);align-self:start;order:2;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16/9}.hero .hero__plateImg{position:static;width:100%;height:100%;translate:none;opacity:1;-webkit-mask-image:none;mask-image:none}.hero .hero__overlay{position:relative;inset:auto;display:grid;grid-template-rows:none;gap:var(--s-8);padding:0;order:1}.hero .hero__slot{width:100%;display:grid;gap:var(--s-8);margin:0}.hero .hero__beat{grid-area:auto;opacity:1!important;transform:none!important}.hero .hero__beatName{font-size:var(--t-2xl);margin-bottom:var(--s-3)}.hero .hero__beatName:after,.hero .hero__cue{display:none}.hero{background:var(--hero-ground)}@media (max-width:899px){.hero .hero__stage{grid-template-columns:1fr}}}