:root{--gold-top:#F0BE35;--gold-bottom:#CB921F;--shadow:rgba(0,0,0,.45);--shiftY:clamp(32px,6vw,120px);--logoLift:clamp(4px,1.2vw,14px);--lightness:1.06}
.brand-stage{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-items:center;gap:clamp(2px,0.6vw,10px)}
.brand-stage .logo{grid-row:1;height:clamp(120px,20vw,260px);width:auto;display:block;filter:drop-shadow(0 6px 24px rgba(255,215,0,.18));z-index:2}
.brand-stage .name{grid-row:2;z-index:1;font-weight:700;font-variation-settings:"wght" 690;letter-spacing:.01em;font-size:clamp(2.5rem,9vw,5.25rem);line-height:1;background:linear-gradient(180deg,var(--gold-top) 0%,var(--gold-bottom) 100%);-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 4px 12px var(--shadow);transform:translateY(calc(-1*var(--shiftY))) scale(.96);opacity:0;filter:brightness(var(--lightness)) saturate(1.02) blur(.8px);pointer-events:none}
@keyframes ctaIn{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}
.brand-stage .down-cta{grid-row:3;width:clamp(26px,5.6vw,44px);height:clamp(20px,4.4vw,36px);background:linear-gradient(180deg,var(--gold-top),var(--gold-bottom));clip-path:polygon(50% 100%,0 30%,18% 30%,50% 72%,82% 30%,100% 30%);opacity:0;transform:translateY(-6px);filter:brightness(var(--lightness)) saturate(1.02);text-decoration:none}
@keyframes nameDrop{0%{transform:translateY(calc(-1*var(--shiftY))) scale(.96);opacity:0;filter:brightness(var(--lightness)) saturate(1.02) blur(.8px)}35%{opacity:0}100%{transform:translateY(0) scale(1);opacity:1;filter:brightness(var(--lightness)) saturate(1.02) blur(0)}}
@keyframes logoLift{0%{transform:translateY(0)}100%{transform:translateY(calc(-1*var(--logoLift)))}}
.brand-stage.ready .name{animation:nameDrop 1100ms cubic-bezier(.2,.7,.2,1) both}
.brand-stage.ready .logo{animation:logoLift 900ms cubic-bezier(.2,.7,.2,1) both}
.brand-stage.ready .down-cta{animation:ctaIn 600ms ease 900ms both}
.brand-stage.no-anim .name{opacity:1;transform:translateY(0);filter:none}
.brand-stage.no-anim .logo{transform:translateY(calc(-1*var(--logoLift)))}
.brand-stage.no-anim .down-cta{opacity:1}