:root{--bg: #0a0a0a;--fg: #f4f4f1;--muted: #8f8f8a;--faint: #8a8a85;--line: rgba(244, 244, 241, .45);--serif: "Instrument Serif", "Iowan Old Style", Palatino, Georgia, serif;--sans: "Outfit", "Avenir Next", "Segoe UI", sans-serif;--ease: cubic-bezier(.22, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--fg);color-scheme:dark;font-family:var(--sans);background-color:var(--bg);background-image:radial-gradient(ellipse 78% 68% at 50% 46%,#0a0a0a,#0a0a0a 22%,#0a0a0ae0 48%,#0a0a0a66),url(/masonry.svg);background-size:auto,168px 72px;background-attachment:fixed}::selection{background:var(--fg);color:var(--bg)}.stage{min-height:100dvh;display:grid;place-items:center;padding:6.5rem 1.5rem 5.5rem}.panel{display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,36rem)}.mark{position:relative;margin-bottom:2.4rem}.mark:before{content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:6%;height:28%;background:radial-gradient(ellipse at center,rgba(244,244,241,.14),transparent 70%);filter:blur(6px)}.mark svg{display:block;width:10rem;height:auto}.brand{margin:0 0 1.15rem;padding-left:.48em;font-size:.78rem;font-weight:400;letter-spacing:.48em;text-transform:uppercase;color:var(--fg)}h1{margin:0;font-family:var(--serif);font-size:clamp(3.4rem,8vw,5.6rem);font-weight:400;letter-spacing:-.03em;line-height:.92}.rule{display:block;width:2.5rem;height:1px;margin:1.7rem 0 1.15rem;background:var(--line)}.status{margin:0;padding-left:.34em;font-size:.72rem;font-weight:300;letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}.footer{position:fixed;left:0;right:0;bottom:1.6rem;text-align:center;font-size:.72rem;letter-spacing:.12em;color:var(--faint)}.reveal{animation:rise .9s var(--ease) both}.panel .reveal:nth-child(1){animation-delay:.05s}.panel .reveal:nth-child(2){animation-delay:.16s}.panel .reveal:nth-child(3){animation-delay:.28s}.panel .reveal:nth-child(4){animation-delay:.4s}.panel .reveal:nth-child(5){animation-delay:.5s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal{animation:none}}@media(max-width:420px){.mark svg{width:7rem}.brand,.status{letter-spacing:.28em}.brand{padding-left:.28em}}
