:root{--ink:#1A1622;--deep:#141019;--panel:#231D2C;--line:#352C40;--honey:#F2B860;--ember:#E8875A;--cream:#F4E9D8;--muted:#B5A898;--faint:#8A7E8F;
--mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;--sans:system-ui,"Segoe UI","Helvetica Neue",sans-serif;--disp:"Iowan Old Style",Palatino,"Palatino Linotype",Georgia,serif}
*{margin:0;padding:0;box-sizing:border-box}
body{background:radial-gradient(1200px 500px at 70% -10%,#3A2733 0%,transparent 60%),var(--ink);color:var(--cream);font-family:var(--sans);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--honey);text-decoration:none}a:focus-visible{outline:2px solid var(--honey);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
header{border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;height:62px;gap:20px}
.mark{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:17px;letter-spacing:.04em}
.mark b{color:var(--honey);font-weight:500}
.sprite{animation:bob 3.2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-3px) rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.sprite{animation:none}}
nav{margin-left:auto;display:flex;gap:20px}nav a{font-family:var(--mono);font-size:13px;color:var(--muted);letter-spacing:.06em}nav a:hover{color:var(--honey)}
.hero{padding:96px 28px 56px}
.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin-bottom:22px}
h1{font-family:var(--disp);font-weight:400;font-size:clamp(32px,5.4vw,58px);line-height:1.12;max-width:16em;letter-spacing:-.01em}
h1 em{color:var(--honey)}
.tag{font-family:var(--disp);font-style:italic;font-size:clamp(19px,2.2vw,24px);color:var(--cream);margin-top:22px}
.sub{color:var(--muted);max-width:36em;margin-top:12px}
.block{padding:52px 28px;border-top:1px solid var(--line)}
h2{font-family:var(--disp);font-weight:400;font-size:28px;margin-bottom:10px}
h2 span{font-family:var(--mono);font-size:13px;color:var(--honey);vertical-align:middle;margin-right:12px;letter-spacing:.1em}
.note{color:var(--faint);font-size:14.5px;margin-bottom:26px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{background:var(--panel);border:1px dashed var(--line);border-radius:10px;padding:22px 20px 24px;min-height:150px}
.card h3{font-family:var(--disp);font-weight:400;font-size:20px;margin:14px 0 6px}
.card p{color:var(--muted);font-size:15px}
.soon{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--honey);padding:3px 8px;border-radius:3px}
.team{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 36px;margin-top:18px}
.team li{padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:15.5px}
.team b{color:var(--cream);font-weight:600;margin-right:10px}
.vow{max-width:40em;margin-top:18px}.vow p{margin-bottom:12px;color:var(--muted)}.vow strong{color:var(--honey);font-weight:600}
.quiet{font-family:var(--mono);font-size:13px;color:var(--faint)!important;margin-top:20px}
.invite p{color:var(--muted);max-width:36em}
footer{border-top:1px solid var(--line);background:var(--deep);padding:36px 0 44px;font-family:var(--mono);font-size:13px;color:var(--muted)}
footer .small{color:var(--faint);font-size:12px;margin-top:4px;font-style:italic}
@media (max-width:520px){.wrap{padding:0 20px}.hero{padding:64px 20px 40px}.block{padding:40px 20px}nav{gap:14px}nav a{font-size:12px}.team{grid-template-columns:1fr}}
html{background:var(--deep)}