:root{
  --ground:#F2EDE4;
  --paper:#FBF8F3;
  --ink:#22261E;
  --muted:#6E7267;
  --faint:#D9D1C3;
  --olive:#3F4A36;
  --olive-ink:#F6F2E9;
  --sage:#8E9F80;
  --gold:#B08A3E;
  --danger:#A8412B;
  --shadow:0 1px 2px rgba(34,38,30,.05), 0 8px 24px -12px rgba(34,38,30,.14);
  --display:"Fraunces","Iowan Old Style",Georgia,serif;
  --sans:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#171A14;
    --paper:#20241C;
    --ink:#ECE7DB;
    --muted:#9BA291;
    --faint:#343A2D;
    --olive:#A9BA9A;
    --olive-ink:#191D14;
    --sage:#7E8F71;
    --gold:#D0AF63;
    --danger:#E5947C;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 28px -14px rgba(0,0,0,.6);
  }
}
*{box-sizing:border-box}
body{
  background:var(--ground);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  padding:0 22px;
  margin:0;
}
.wrap{
  max-width:520px;
  margin:0 auto;
  padding-block:38px 46px;
  display:flex;
  flex-direction:column;
  gap:40px;
}
.mast{display:flex;flex-direction:column;gap:14px}
.mast-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.wordmark{
  font-family:var(--display);
  font-weight:600;
  font-size:23px;
  letter-spacing:-.015em;
  color:var(--ink);
  text-decoration:none;
}
.wordmark span{color:var(--sage);font-weight:500}
.place{
  font-size:10.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  white-space:nowrap;
}
.rule{height:1px;background:var(--faint);position:relative;overflow:hidden}
.rule::after{
  content:"";
  position:absolute;inset:0 auto 0 0;width:34%;
  background:linear-gradient(90deg,var(--gold),var(--sage));
}
.hero{display:flex;flex-direction:column;gap:16px}
.eyebrow{
  display:flex;align-items:center;gap:9px;
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
}
.dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}
h1{
  margin:0;
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(28px,8vw,42px);
  line-height:1.08;
  letter-spacing:-.025em;
}
h1 em{font-style:italic;color:var(--sage);font-weight:400}
.lede{margin:0;font-size:17px;color:var(--muted);max-width:34ch}
.lede strong{color:var(--ink);font-weight:500}
.capture{
  background:var(--paper);
  border:1px solid var(--faint);
  border-radius:16px;
  padding:18px;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.capture-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
form{display:flex;flex-direction:column;gap:10px;margin:0}
.hp{position:absolute;left:-9999px}
input[type="email"]{
  width:100%;
  font-family:var(--sans);
  font-size:16px;
  color:var(--ink);
  background:transparent;
  border:1px solid var(--faint);
  border-radius:11px;
  padding:14px;
}
input[type="email"]:focus{outline:none;border-color:var(--sage)}
button[type="submit"], .chip{font-family:var(--sans);cursor:pointer}
button[type="submit"]{
  font-size:15.5px;
  font-weight:600;
  border:none;
  border-radius:11px;
  padding:15px 16px;
  background:var(--olive);
  color:var(--olive-ink);
}
button[type="submit"]:disabled{opacity:.55}
.fineprint{font-size:12.5px;color:var(--muted);line-height:1.45;margin:0}
.fineprint a{color:var(--ink)}
.err{font-size:13px;color:var(--danger);margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  font-size:14px;font-weight:500;color:var(--ink);
  background:transparent;border:1px solid var(--faint);
  border-radius:999px;padding:9px 14px;
}
.chip[aria-pressed="true"]{background:var(--sage);border-color:var(--sage);color:var(--olive-ink)}
.tick{font-family:var(--display);font-size:19px;font-weight:500;margin:0}
.skip{
  align-self:flex-start;background:none;border:none;padding:0;
  font-size:13px;color:var(--muted);text-decoration:underline;cursor:pointer;
}
.timeline{display:flex;flex-direction:column;padding-left:20px;position:relative}
.timeline::before{
  content:"";position:absolute;left:3px;top:8px;bottom:12px;width:1px;background:var(--faint);
}
.stage{padding:14px 0;position:relative}
.stage + .stage{border-top:1px solid var(--faint)}
.stage::before{
  content:"";position:absolute;left:-20px;top:20px;
  width:7px;height:7px;border-radius:50%;
  background:var(--ground);border:1.5px solid var(--sage);
}
.stage h2{
  margin:0 0 3px;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sage);
}
.stage p{margin:0;font-size:15px}
.note{
  border-left:2px solid var(--gold);
  padding:2px 0 2px 16px;
  font-family:var(--display);
  font-size:18px;line-height:1.4;margin:0;
}
.note span{color:var(--muted);font-family:var(--sans);font-size:14px;display:block;margin-top:6px}
footer{display:flex;flex-direction:column;gap:16px}
.social{display:flex;gap:8px;flex-wrap:wrap}
.social a{
  display:inline-flex;align-items:center;gap:7px;
  text-decoration:none;font-size:13.5px;font-weight:500;color:var(--ink);
  border:1px solid var(--faint);border-radius:999px;padding:8px 14px;
}
.legal{
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
  border-top:1px solid var(--faint);padding-top:16px;
}
.legal em{font-family:var(--display);font-style:italic;font-size:13px;letter-spacing:0;text-transform:none}
.legal-links{display:flex;gap:14px;flex-wrap:wrap}
.legal-links a{color:var(--muted);text-decoration:none}
.legal-links a:hover{color:var(--ink)}
.prose h2{
  font-family:var(--sans);
  font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sage);
  margin:28px 0 8px;
}
.prose h2:first-child{margin-top:0}
.prose p,.prose address{margin:0 0 12px;font-size:15px;font-style:normal}
.prose a{color:var(--ink)}
.addr{
  background:var(--paper);
  border:1px solid var(--faint);
  border-radius:14px;
  padding:16px 18px;
  line-height:1.5;
}
.updated{font-size:12px;color:var(--muted);margin:0}