.hero-brand{--brand-left:clamp(20px,3vw,48px);--brand-top:14px;--logo-x:calc(50vw - var(--brand-left) - 26px);--logo-y:calc(50vh - var(--brand-top) - 22px);position:fixed;left:var(--brand-left);top:var(--brand-top);z-index:101;display:flex;align-items:center;gap:12px;min-height:44px;color:#f1eee6;text-decoration:none}.hero-brand-mark{display:block;width:52px;height:35px;object-fit:contain;transform-origin:center;filter:drop-shadow(0 2px 10px #0008)}.hero-brand-name{font:600 .875rem/1.3 var(--font-body);letter-spacing:.01em;text-shadow:0 2px 8px #000,0 0 18px #000}.hero-brand:focus-visible{outline:2px solid #b1e8cc;outline-offset:6px;border-radius:4px}[data-hero-sequence] .hero-title-the{display:inline-block}[data-hero-sequence] .hero-title-impossible{position:relative;display:inline-block}.hero[data-intro=done] :is(.hero-title,.hero-title-capture,.hero-title-the,.hero-title-impossible,.hero-market-copy,.hero-ctas,.hero-ctas .btn){animation:none;opacity:1;transform:none;clip-path:none}@media(prefers-reduced-motion:no-preference){.hero-brand:not([data-intro=done]) .hero-brand-mark{animation:brand-dock 1.4s both}.hero-brand:not([data-intro=done]) .hero-brand-name{animation:interface-arrive .3s ease-out 1.25s both}.hero:not([data-intro=done]) .hero-title{animation:headline-arrive .55s cubic-bezier(.16,1,.3,1) 1.3s both}.hero:not([data-intro=done]) .hero-title-capture{animation:word-lift .85s cubic-bezier(.16,1,.3,1) 1.3s both}.hero:not([data-intro=done]) .hero-title-the{animation:ink-reveal .7s cubic-bezier(.22,1,.36,1) 1.6s both}.hero:not([data-intro=done]) .hero-title-impossible{animation:impossible-reveal .95s cubic-bezier(.16,1,.3,1) 1.85s both}.hero:not([data-intro=done]) .hero-market-copy{animation:interface-arrive .5s cubic-bezier(.16,1,.3,1) 2.7s both}.hero:not([data-intro=done]) .hero-ctas{animation:interface-arrive .5s cubic-bezier(.16,1,.3,1) 2.95s both}.hero:not([data-intro=done]) .hero-ctas .btn:last-child{animation:interface-arrive .5s cubic-bezier(.16,1,.3,1) 3.1s both}}.hero[data-intro=waiting] :is(.hero-title,.hero-title-capture,.hero-title-the,.hero-title-impossible,.hero-market-copy,.hero-ctas,.hero-ctas .btn),.hero-brand[data-intro=waiting] *{animation-play-state:paused}@keyframes brand-dock{0%{opacity:0;transform:translate(var(--logo-x),var(--logo-y)) scale(2.2);animation-timing-function:cubic-bezier(.16,1,.3,1)}23%{opacity:1;transform:translate(var(--logo-x),var(--logo-y)) scale(2.7)}52%{opacity:1;transform:translate(var(--logo-x),var(--logo-y)) scale(2.7);animation-timing-function:cubic-bezier(.65,0,.35,1)}90%{opacity:1;transform:translate(calc(var(--logo-x) * .06),calc(var(--logo-y) * -.015)) scale(1.15,.88) rotate(-5deg);animation-timing-function:cubic-bezier(.16,1,.3,1)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes headline-arrive{0%{opacity:0;transform:translate3d(0,18px,0) scale(.98)}to{opacity:1;transform:none}}@keyframes word-lift{0%{opacity:0;transform:translate3d(0,22px,0) scale(.96)}to{opacity:1;transform:none}}@keyframes ink-reveal{0%{opacity:0;clip-path:inset(-25% 100% -35% -20%);transform:rotate(-6deg)}25%{opacity:1}to{opacity:1;clip-path:inset(-25% -20% -35% -20%);transform:none}}@keyframes impossible-reveal{0%{opacity:0;transform:translate3d(-10px,0,0);clip-path:inset(-40% 100% -40% -10%)}55%{opacity:1;text-shadow:0 0 38px #9dffc86b}to{opacity:1;transform:none;clip-path:inset(-40% -10% -40% -10%)}}@keyframes interface-arrive{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@media(max-width:600px){.hero-brand{--brand-top:10px}}@media(prefers-reduced-motion:reduce){.hero *,.hero-brand *{animation:none!important;opacity:1!important;transform:none!important}}@media print{.hero *,.hero-brand *{animation:none!important;opacity:1!important;transform:none!important}.hero-brand{position:absolute}}@supports (height:100svh){.hero-brand{--logo-y:calc(50svh - var(--brand-top) - 22px)}}
