:root{--ink:#0a0807;--gold:#c8a04a;--gold-lt:#e7cf96;--line:rgba(200,160,74,.26);
 --line-s:rgba(200,160,74,.12);--txt:#d9d1c4;--body:#c4bcae;--mut:#8b8176}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--txt);font-family:Lora,Georgia,serif;line-height:1.75;
 background-image:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(200,160,74,.07),transparent 70%);
 background-repeat:no-repeat}
.mono{font-family:"IBM Plex Mono",monospace;text-transform:uppercase}
.wrap{max-width:760px;margin:0 auto;padding:0 28px}
.rule{height:1px;background:var(--line)}
header{padding:16px 0}
.brandbar{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brandbar a{font-size:11.5px;letter-spacing:.34em;color:var(--gold);text-decoration:none;white-space:nowrap}
.brandbar .s{font-size:10px;letter-spacing:.2em;color:var(--mut);text-align:right}
.crumb{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
 color:var(--mut);padding:30px 0 0}
.crumb a{color:var(--gold);text-decoration:none}
.crumb a:hover{text-decoration:underline}
article{padding:18px 0 10px}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:56px;font-weight:300;line-height:1.08;
 letter-spacing:.01em;color:#f2ead9;margin:14px 0 20px}
.standfirst{font-size:21px;line-height:1.65;color:var(--txt);margin-bottom:12px}
.meta{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
 color:var(--mut);padding:18px 0 34px;border-bottom:1px solid var(--line-s)}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;font-weight:400;line-height:1.2;
 color:var(--gold-lt);margin:52px 0 16px}
h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;font-weight:600;color:#f2ead9;margin:34px 0 10px}
p{font-size:18.5px;color:var(--body);margin:0 0 20px}
article a{color:var(--gold-lt);text-decoration:underline;text-underline-offset:3px}
article a:hover{color:var(--gold)}
ul,ol{margin:0 0 22px 24px}
li{font-size:18.5px;color:var(--body);margin-bottom:11px}
strong{color:var(--txt);font-weight:600}
.callout{border-left:2px solid var(--gold);background:rgba(200,160,74,.05);padding:20px 24px;margin:30px 0}
.callout p:last-child{margin-bottom:0}
.answer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin:30px 0}
.answer p{font-size:20px;color:var(--txt);margin:0}
.signup{border:1px solid var(--line);background:rgba(0,0,0,.4);padding:30px 28px;margin:52px 0 20px;text-align:center}
.signup h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;font-weight:300;color:#f2ead9;margin:0 0 8px}
.signup .lead{font-size:16px;color:var(--mut);margin-bottom:22px}
#joinSlot{max-width:430px;margin:0 auto}
form{display:flex;border:1px solid var(--line);background:rgba(0,0,0,.45)}
input{flex:1;background:transparent;border:0;outline:0;color:#f2ead9;font-family:"IBM Plex Mono",monospace;
 font-size:12.5px;padding:14px 15px;letter-spacing:.04em}
input::placeholder{color:#6e665c}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
button{background:var(--gold);color:#17110a;border:0;font-family:"IBM Plex Mono",monospace;font-size:10.5px;
 letter-spacing:.2em;text-transform:uppercase;padding:0 22px;cursor:pointer}
button:hover{background:var(--gold-lt)}
button:disabled{opacity:.55;cursor:default}
.formnote{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--mut);margin-top:10px;line-height:1.7}
.formnote.is-err{color:#d98b6a}
.fine{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--mut);margin-top:12px}
.joined{display:flex;gap:16px;align-items:center;border:1px solid var(--line);background:rgba(0,0,0,.4);
 padding:17px 19px;text-align:left}
.joined svg{width:38px;height:38px;flex:0 0 38px}
.joined .jt{font-family:"Cormorant Garamond",serif;font-size:19px;color:var(--gold-lt);font-weight:300;line-height:1.25}
.joined .js{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--mut);margin-top:5px}
.more{border-top:1px solid var(--line);margin-top:54px;padding-top:26px}
.more p.lbl{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
 color:var(--mut);margin-bottom:14px}
.more ul{list-style:none;margin:0}
.more li{margin-bottom:9px;font-size:17px}
.more a{color:var(--gold-lt);text-decoration:none}
.more a:hover{text-decoration:underline}
footer{padding:36px 0 46px;text-align:center;border-top:1px solid var(--line-s);margin-top:46px}
footer p{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
 color:#5f584f;line-height:2.2}
footer a{color:var(--mut);text-decoration:none}
@media(max-width:640px){h1{font-size:38px}h2{font-size:27px}p,li{font-size:17px}.wrap{padding:0 22px}
 form{flex-direction:column}button{padding:14px}.standfirst{font-size:19px}}