:root{--paper:#f7f3ec;--ink:#1a2332;--teal:#0f6b5c;--teal-soft:#0f6b5c1f;--ink-muted:#1a23328c;--font-brand:"Fraunces", Georgia, serif;--font-body:"Source Sans 3", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.stage{isolation:isolate;background:var(--paper);place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.atmosphere{z-index:0;pointer-events:none;color:var(--teal);position:absolute;inset:0}.wash{background:radial-gradient(ellipse 70% 55% at 18% 22%, var(--teal-soft), transparent 60%), radial-gradient(ellipse 55% 50% at 82% 78%, #1a23320f, transparent 55%), radial-gradient(ellipse 90% 70% at 50% 110%, #0f6b5c14, transparent 50%);animation:18s ease-in-out infinite alternate wash-drift;position:absolute;inset:-20%}.grain{opacity:.35;mix-blend-mode:multiply;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 180px;position:absolute;inset:0}.stamp{opacity:.09;width:min(92vw,720px);height:auto;animation:22s ease-in-out infinite alternate stamp-drift;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)rotate(-8deg)}.content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:.85rem;padding:1.5rem;display:flex;position:relative}.brand{font-family:var(--font-brand);letter-spacing:-.03em;color:var(--ink);font-size:clamp(3.5rem,12vw,7.5rem);font-weight:600;line-height:.95;animation:1.1s cubic-bezier(.22,1,.36,1) both brand-rise}.status{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-size:clamp(.95rem,2.4vw,1.15rem);font-weight:500;animation:1.1s cubic-bezier(.22,1,.36,1) .18s both brand-rise}@keyframes brand-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes wash-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(2%,1.5%)scale(1.04)}}@keyframes stamp-drift{0%{transform:translate(-50%,-48%)rotate(-8deg)scale(1)}to{transform:translate(-52%,-50%)rotate(-5deg)scale(1.03)}}@media (prefers-reduced-motion:reduce){.brand,.status,.wash,.stamp{animation:none}}
