.landing{z-index:1;text-align:center;align-content:center;justify-items:center;gap:14px;max-width:34rem;min-height:100%;margin:0 auto;padding:40px 22px;display:grid;position:relative}.landing__studio{color:var(--amber-soft);font:500 .74rem/1 var(--font-body);letter-spacing:.3em;text-transform:uppercase;margin:0}.landing__title{letter-spacing:.01em;text-shadow:0 2px 34px #0b0f1eb3;animation:landing-in 1.6s var(--ease-out) both;margin:4px 0 0;font-size:clamp(2.6rem,11.5vw,4.8rem);font-weight:600;line-height:1.02}.landing__tagline{color:var(--amber-soft);font:500 1.1rem/1.3 var(--font-display);animation:landing-in 1.6s var(--ease-out) .25s both;margin:0}.landing__body{max-width:28rem;color:var(--paper-dim);text-wrap:balance;animation:landing-in 1.6s var(--ease-out) .45s both;margin:6px 0 10px;font-size:1.02rem;line-height:1.55}.landing__play{min-width:160px;min-height:52px;color:var(--ink);font:600 1.1rem/1 var(--font-body);background:var(--paper);transition:transform var(--dur-hover) var(--ease-out), background var(--dur-hover) var(--ease-out);animation:landing-in 1.6s var(--ease-out) .65s both;border-radius:999px;justify-content:center;align-items:center;padding:0 34px;text-decoration:none;display:inline-flex;box-shadow:0 8px 40px #f2a54147}.landing__play:hover{background:#fff8ec;transform:translateY(-2px)}.landing__play:active{transform:scale(.97)}.landing__play:focus-visible{outline:3px solid var(--amber-soft);outline-offset:4px}.landing__note{color:var(--paper-dim);animation:landing-in 1.6s var(--ease-out) .85s both;margin:8px 0 0;font-size:.85rem}@keyframes landing-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.landing__title,.landing__tagline,.landing__body,.landing__play,.landing__note{animation:none}}
