.hero-field{background:var(--hero-bg);min-height:max(560px,100svh - 64px);color:var(--hero-fg);border-bottom:1px solid var(--border-color);display:flex;position:relative;overflow:hidden}.hero-canvas{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;opacity:0;animation:1.6s cubic-bezier(.45,0,.55,1) .1s forwards heroFade;position:absolute;inset:0}.hero-copy{z-index:1;font-family:var(--font-hero);pointer-events:none;flex-direction:column;justify-content:space-between;padding:48px 0 32px;display:flex;position:relative}.hero-top{flex-direction:column;gap:8px;display:flex}.hero-role{letter-spacing:.06em;text-transform:uppercase;color:var(--hero-accent);font-size:clamp(16px,4.6vw,24px);font-weight:300;line-height:32px}.hero-hud{letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums;opacity:.8;font-size:12px;font-weight:500;line-height:16px}.hero-bottom{flex-direction:column;gap:24px;display:flex}.hero-name{text-transform:uppercase;pointer-events:auto;flex-direction:column;display:flex}.hero-name-line{--wght:320;--wght-hover:700;white-space:nowrap;letter-spacing:-.01em;opacity:0;font-size:clamp(2.3rem,.5rem + 10.3vw,10.3rem);font-weight:300;line-height:.86;animation:.7s cubic-bezier(.22,1,.36,1) .2s forwards heroRise;display:block;transform:translateY(24px)}.hero-name-line--2{--wght:900;--wght-hover:600;letter-spacing:-.02em;color:var(--hero-accent);font-size:clamp(3.5rem,.8rem + 14.8vw,14.8rem);font-weight:900;line-height:.84;animation-delay:.32s}.hero-name [data-ch]{font-variation-settings:"wght" var(--wght);will-change:font-variation-settings;transition:font-variation-settings .55s cubic-bezier(.22,1,.36,1);display:inline-block}.hero-tags{flex-wrap:wrap;gap:8px 24px;list-style:none;display:flex}.hero-tags li{opacity:0;align-items:center;gap:8px;animation:.4s cubic-bezier(.22,1,.36,1) .7s forwards heroRise;display:flex;transform:translateY(10px)}.hero-tags li:nth-child(2){animation-delay:.78s}.hero-tags li:nth-child(3){animation-delay:.86s}.hero-tags li:before{content:"";background:var(--hero-accent);width:6px;height:6px}.hero-cue{opacity:0;align-items:center;gap:8px;animation:.4s cubic-bezier(.22,1,.36,1) 1.1s forwards heroFade;display:flex;position:absolute;bottom:32px;right:0}.hero-cue:before{content:"▼";color:var(--hero-accent);font-size:10px;animation:1.1s step-end infinite heroBlink}@media (width>=768px){.hero-hud{font-size:10px}}@keyframes heroFade{to{opacity:1}}@keyframes heroRise{to{opacity:1;transform:none}}@keyframes heroBlink{0%,55%{opacity:1}56%,to{opacity:0}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.hero-name [data-ch]:hover{font-variation-settings:"wght" var(--wght-hover);transition-duration:.3s}}@media (prefers-reduced-motion:reduce){.hero-canvas,.hero-name-line,.hero-tags li,.hero-cue{opacity:1;animation:none;transform:none}.hero-cue:before{animation:none}.hero-name [data-ch]{transition:none}}@media (width<=768px){.hero-field{min-height:max(480px,100svh - 56px)}.hero-copy{padding:32px 0 24px}.hero-cue{display:none}}