:root{--field:#1a3a2a;--field-mid:#2d5a3d;--sky:#a8c5b5;--mist:#d4e8dc;--ink:#0f2418;--glow:#ffffff59;--display:"Bricolage Grotesque", sans-serif;--body:"Source Sans 3", sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--body);color:var(--ink);background:var(--field);-webkit-font-smoothing:antialiased}#app{min-height:100svh}.stage{place-items:center;min-height:100svh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.atmosphere{background:radial-gradient(ellipse 90% 60% at 50% 110%, var(--field-mid) 0%, transparent 55%), radial-gradient(ellipse 70% 50% at 20% 20%, #a8c5b573 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 85% 30%, #d4e8dc4d 0%, transparent 45%), linear-gradient(165deg, var(--mist) 0%, var(--sky) 35%, var(--field-mid) 70%, var(--field) 100%);animation:18s ease-in-out infinite alternate drift;position:absolute;inset:0}.grain{opacity:.12;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;position:absolute;inset:0}.brand{z-index:1;font-family:var(--display);letter-spacing:-.04em;color:var(--ink);text-align:center;text-shadow:0 1px 0 var(--glow);margin:0;font-size:clamp(2.75rem,10vw,6.5rem);font-weight:700;line-height:1;animation:1.1s cubic-bezier(.22,1,.36,1) both rise;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.04)translate(-1%,1%)}}@media (prefers-reduced-motion:reduce){.atmosphere,.brand{animation:none}}