body { display:grid; grid-template-rows:auto 1fr auto; }
main:not(.not-found) { position:relative; z-index:1; display:flex; min-height:calc(100svh - 5rem); flex-direction:column; justify-content:center; padding-block:clamp(4rem,8vw,6rem); }
.label { margin:0 0 2rem; color:var(--accent); font-size:.75rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:11ch; margin:0; font-family:var(--display); font-size:clamp(2.8rem,8vw,7rem); font-weight:300; letter-spacing:-.045em; line-height:.94; }
.statement { max-width:34rem; margin:clamp(3rem,7vw,6rem) 0 0 auto; }.statement p { margin:0; font-family:var(--display); font-size:clamp(1.35rem,2.5vw,2.2rem); font-weight:300; line-height:1.25; }.statement>span { display:block; margin-top:1.5rem; color:var(--secondary); font-size:.875rem; }
.ambient { position:fixed; inset:0; overflow:hidden; opacity:var(--ambient-opacity); pointer-events:none; filter:blur(var(--ambient-blur)); transition:opacity .25s,filter .25s; }.ambient svg { position:absolute; top:-6%; right:-14%; width:max(76rem,125vw); height:112vh; min-height:46rem; }.ambient path,.ambient circle { fill:none; stroke:var(--line); stroke-width:1; vector-effect:non-scaling-stroke; }.ambient .accent { stroke:var(--accent); stroke-dasharray:2 10; }.waves { animation:drift 26s ease-in-out infinite alternate; }.rings { transform-origin:980px 170px; animation:orbit 34s ease-in-out infinite alternate; }
@keyframes drift { from { transform:translate(-18px,-8px) scale(1.01); } to { transform:translate(24px,15px) scale(1.025); } } @keyframes orbit { from { transform:translate(9px,-6px) rotate(-1.2deg); } to { transform:translate(-14px,13px) rotate(1.6deg); } }
@media (max-width:639px) { .ambient svg { right:-52%; width:190vw; } }
@media (prefers-reduced-motion:reduce) { .waves,.rings { animation:none; } }