.hero{padding-block:clamp(3rem,8vw,6rem);position:relative;overflow:hidden}
.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.hero__text{display:flex;flex-direction:column;gap:var(--space-lg);animation:fade-up .8s ease-out both}
.hero__subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.15em;color:var(--color-text-dim);line-height:var(--line-height-relaxed)}
.hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-black);line-height:var(--line-height-snug)}
.hero__description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);max-width:520px}
.hero__media{position:relative;display:flex;align-items:center;justify-content:center;animation:fade-up .8s ease-out .2s both}
.hero__character{width:100%;max-width:min(600px,100%);aspect-ratio:600/800;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));animation:floating 6s ease-in-out infinite}
.hero__neon-panel{position:absolute;top:10%;right:-5%;max-width:320px;padding:var(--space-lg) var(--space-xl);background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);z-index:var(--z-elevated)}
.hero__neon-text{font-size:var(--font-size-sm);color:var(--color-text)}.hero__neon-brand{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-primary)}