@font-face{font-family:Shoulders;src:url('/fonts/BigShoulders-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Work;src:url('/fonts/WorkSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Work;src:url('/fonts/WorkSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Mono;src:url('/fonts/GeistMono-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--navy:#101d35;--white:#edf5fd;--blue:#87bbdd;--lime:#d4fa64}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:#091323;color:var(--white);font-family:Work,sans-serif;padding:32px}
.card{width:min(1080px,100%);padding:48px 56px 38px;background-color:var(--navy);background-image:linear-gradient(#1b304b 1px,transparent 1px),linear-gradient(90deg,#1b304b 1px,transparent 1px);background-size:30px 30px;box-shadow:0 24px 90px #0005;border:1px solid #243953}
header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-weight:700;font-size:22px}.edition{font:14px Mono,monospace;color:var(--blue)}
h1{font:700 clamp(36px,6.8vw,80px)/1.05 Shoulders,sans-serif;margin:58px 0 28px;letter-spacing:-.015em}.recipient{font:20px Mono,monospace;color:var(--lime);margin:0}
.details{display:flex;justify-content:space-between;align-items:center;margin:24px 0 28px;gap:20px}.copy h2{font-size:23px;line-height:1.55;margin:0 0 24px}.copy p{font-size:21px;line-height:1.6;margin:0}.layers{width:260px;max-width:40%;height:auto}
.domain{font:700 clamp(30px,6vw,72px)/1.15 Shoulders,sans-serif;color:var(--navy);background:var(--lime);padding:13px 18px 7px;overflow-wrap:anywhere}
footer{font:14px Mono,monospace;margin-top:28px}footer span:last-child{color:var(--lime)}
@media(min-width:1500px){h1{font-size:80px}.domain{font-size:72px}}
@media(max-width:650px){body{padding:16px}.card{padding:26px 22px 24px;background-size:24px 24px}.brand{font-size:16px}.edition{font-size:8px;max-width:112px;text-align:right;line-height:1.6}h1{font-size:clamp(31px,8.8vw,56px);margin:40px 0 24px}.recipient{font-size:13px}.details{margin:22px 0 26px;gap:12px}.copy h2{font-size:15px;line-height:1.5;margin-bottom:18px}.copy p{font-size:13px;line-height:1.7}.layers{width:140px;max-width:37%}.domain{font-size:clamp(28px,7.7vw,48px);padding:12px 10px 7px}footer{font-size:8px;gap:10px;line-height:1.7;margin-top:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}