:root{--ink:#0a0a0a;--paper:#e9e7df;--accent:#9f4f42;--line:rgba(233,231,223,.18)}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{min-height:100svh;background:var(--ink);color:var(--paper);font-family:"IBM Plex Mono",monospace;overflow:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--line) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(233,231,223,.07) 50%,transparent calc(50% + .5px));pointer-events:none}
.grain{position:fixed;inset:-50%;z-index:10;pointer-events:none;opacity:.045;background-image:repeating-radial-gradient(circle at 20% 30%,var(--paper) 0 .45px,transparent .7px 4px);background-size:7px 9px;animation:grain .22s steps(2) infinite}
.frame{position:fixed;inset:22px;z-index:5;pointer-events:none;border:1px solid var(--line)}
.corner{position:absolute;width:13px;height:13px;border-color:var(--paper)}
.corner--tl{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.corner--tr{right:-1px;top:-1px;border-right:1px solid;border-top:1px solid}.corner--bl{left:-1px;bottom:-1px;border-left:1px solid;border-bottom:1px solid}.corner--br{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}
.topbar,footer{position:fixed;z-index:6;left:44px;right:44px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em;line-height:1.45}
.topbar{top:31px}.topbar p,footer p{margin:0}.topbar p:last-child{text-align:right}
main{min-height:100svh;display:grid;place-items:center;padding:90px 44px}
.hero{position:relative;width:min(1180px,90vw);display:grid;place-items:center;text-align:center;transition:transform .12s ease-out}
.pulse-field{position:absolute;width:min(58vw,700px);aspect-ratio:1;border:1px solid rgba(159,79,66,.35);border-radius:50%;filter:blur(.2px);opacity:.45;animation:field-pulse 2.2s cubic-bezier(.17,.67,.32,1) infinite}
.pulse-field:before,.pulse-field:after{content:"";position:absolute;inset:12%;border:1px solid rgba(159,79,66,.22);border-radius:50%}.pulse-field:after{inset:28%;background:radial-gradient(circle,rgba(159,79,66,.16),transparent 68%);border:0}
h1{position:relative;z-index:2;margin:0;font-family:"Archivo Black",sans-serif;font-size:clamp(63px,13.2vw,188px);font-weight:400;line-height:.68;letter-spacing:-.085em;text-transform:lowercase;filter:drop-shadow(0 0 25px rgba(0,0,0,.75));animation:word-pulse 2.2s cubic-bezier(.2,.8,.2,1) infinite;transform-origin:center;transition:margin .12s ease-out;touch-action:none}
.line{display:block;color:var(--paper)}
.line--nice{transform:translateX(-.16em)}
.line--people{color:var(--accent);transform:translateX(.08em)}
.line--things{transform:translateX(.18em)}
.release{position:absolute;z-index:3;bottom:-58px;width:min(460px,70vw);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;font-size:9px;letter-spacing:.2em;color:rgba(233,231,223,.68)}
.release-line{height:1px;background:linear-gradient(90deg,var(--accent),rgba(233,231,223,.18));transform-origin:left;animation:scan 2.2s ease-in-out infinite}
footer{bottom:31px;align-items:end}footer p:last-child{text-align:right}.footer-center{position:absolute;left:50%;transform:translateX(-50%);font-family:"Archivo Black",sans-serif;font-size:17px;letter-spacing:-.08em}.footer-center span{color:var(--accent);display:inline-block;animation:cross-pulse 2.2s infinite}
@keyframes word-pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(0,0,0,.7))}7%{transform:scale(1.018)}12%{transform:scale(1)}18%{transform:scale(1.009)}24%{transform:scale(1)}}
@keyframes field-pulse{0%,100%{transform:scale(.82);opacity:.08}14%{transform:scale(1);opacity:.45}35%{transform:scale(1.07);opacity:.12}}
@keyframes cross-pulse{0%,100%{opacity:.4}10%,18%{opacity:1;text-shadow:0 0 10px var(--accent)}24%{opacity:.4}}
@keyframes scan{0%,100%{transform:scaleX(.08);opacity:.2}35%,70%{transform:scaleX(1);opacity:1}}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-3%,2%)}75%{transform:translate(3%,4%)}100%{transform:translate(-2%,-3%)}}
@media(max-width:620px){.frame{inset:12px}.topbar,footer{left:25px;right:25px}.topbar{top:21px}footer{bottom:21px}.footer-center{display:none}main{padding:82px 24px}.hero{width:100%}h1{font-size:clamp(56px,20.5vw,104px);line-height:.71}.pulse-field{width:95vw}.release{bottom:-62px;width:80vw}footer{font-size:8px}.line--nice{transform:translateX(-.08em)}.line--people{transform:translateX(.02em)}.line--things{transform:translateX(.08em)}}
@media(prefers-reduced-motion:reduce){.grain,.pulse-field,h1,.release-line,.footer-center span{animation:none}.pulse-field{opacity:.18;transform:scale(.95)}}