*{box-sizing:border-box}html,body{color:#f5ede2;cursor:crosshair;background:#120c08;height:100%;margin:0;font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block}#vignette{pointer-events:none;z-index:2;background:linear-gradient(100deg,#160b04a8 0%,#160b046b 28%,#160b0400 58%),radial-gradient(120% 90% at 18% 8%,#ffd6a024,#0000 55%),radial-gradient(140% 120%,#0000 55%,#0804029e 100%);position:fixed;inset:0}#grain{pointer-events:none;z-index:3;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.6s steps(3,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}#hero{z-index:4;pointer-events:none;grid-template-rows:1fr auto 1fr;padding:clamp(24px,5vw,72px);display:grid;position:fixed;inset:0}#hero header{letter-spacing:.18em;text-transform:uppercase;color:#f5ede2b3;justify-content:space-between;align-items:center;font-size:12px;display:flex}#hero header .brand{letter-spacing:.04em;text-transform:none;color:#f5ede2;font-family:Cormorant Garamond,serif;font-size:20px}#hero nav a{pointer-events:auto;color:inherit;opacity:.8;margin-left:28px;text-decoration:none}#hero nav a:hover{opacity:1}#hero main{max-width:760px}#hero .kicker{letter-spacing:.26em;text-transform:uppercase;color:#ffd296e6;margin:0 0 18px;font-size:12px}#hero h1{letter-spacing:-.01em;text-shadow:0 2px 30px #1408008c,0 1px 2px #14080099;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(56px,9vw,132px);font-weight:400;line-height:.92}#hero h1 em{color:#f7d9a8;font-style:italic}#hero p.lede{color:#f5ede2db;text-shadow:0 1px 12px #140800b3;max-width:520px;margin:26px 0 0;font-size:clamp(15px,1.5vw,19px);font-weight:300}#hero .cta{pointer-events:auto;color:#f5ede2;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e100847;border:1px solid #f7d9a88c;border-radius:999px;align-items:center;gap:12px;margin-top:36px;padding:14px 26px;font-size:13px;text-decoration:none;transition:background .25s,border-color .25s;display:inline-flex}#hero .cta:hover{background:#f7d9a829;border-color:#f7d9a8}#hero .cta svg{width:16px;height:16px}#hero footer{color:#f5ede299;letter-spacing:.06em;justify-content:space-between;align-items:flex-end;font-size:12px;display:flex}#hero footer .hint{align-items:center;gap:10px;display:flex}#hero footer .hint i{background:#f5ede280;width:26px;height:1px;display:inline-block}#fps{font-variant-numeric:tabular-nums;opacity:.6}#loading{z-index:10;letter-spacing:.08em;color:#f5ede2cc;background:#120c08;place-items:center;font-family:Cormorant Garamond,serif;font-size:22px;transition:opacity .9s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .err{color:#f0a880;text-align:center;max-width:520px;padding:0 24px;font-family:Inter,sans-serif;font-size:14px}@media (max-width:640px){#hero nav,#hero footer span:last-child{display:none}}
