:root{--ink:#16243A;--ink-deep:#101B2D;--parchment:#EFE4CC;--dim:#C9BDA3;--bronze:#B08D57;--terracotta:#C4512F;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--sans:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 50% 35%,#1d3050 0%,var(--ink) 55%,var(--ink-deep) 100%);color:var(--parchment);font-family:var(--serif)}
main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;gap:1.1rem}
.mark{width:clamp(96px,22vw,150px);height:auto}
.name{font-size:clamp(2rem,7vw,3.4rem);letter-spacing:.12em;margin:.2rem 0 0;font-weight:600}
.tag{font-family:var(--sans);font-size:clamp(.72rem,2.6vw,.9rem);letter-spacing:.32em;text-transform:uppercase;color:var(--bronze);margin:0}
.rule{width:min(320px,70vw);height:1px;background:linear-gradient(90deg,transparent,var(--bronze),transparent);opacity:.7}
.lead{font-size:clamp(1.15rem,4vw,1.5rem);max-width:34rem;line-height:1.5;margin:.3rem 0 0}
.soon{font-family:var(--sans);font-size:.95rem;color:var(--dim);margin:0}
a.yt{display:inline-block;margin-top:.6rem;font-family:var(--sans);font-size:.95rem;color:var(--parchment);text-decoration:none;border:1px solid var(--bronze);padding:.65rem 1.2rem;border-radius:999px}
a.yt:hover,a.yt:focus-visible{background:rgba(176,141,87,.18);outline:none}
footer{font-family:var(--sans);font-size:.75rem;color:var(--dim);opacity:.8;padding:0 1rem 1.2rem;text-align:center}