:root{
  --v-dark:#080B0D; --v-iron:#282A2B; --v-surface:#101315;
  --v-gold:#D4AF37; --v-antique-gold:#B88932; --v-pale-gold:#E7D39A;
  --v-parchment:#C9B995; --v-stone:#8B8B8B; --v-blood:#7A1F1F;
  --v-line:rgba(184,137,50,.28); --v-line-soft:rgba(201,185,149,.13);
  --v-display:"Cormorant Garamond",Georgia,serif;
  --v-ui:Manrope,-apple-system,"Segoe UI",Arial,sans-serif;
  --v-mono:"DM Mono",ui-monospace,Menlo,monospace;
  --v-band-hero:#090c0e; --v-band-signal:#111516; --v-band-relics:#101315;
  --v-band-chronicle:#151719; --v-band-progress:#0d1011;
}
*{box-sizing:border-box}
body{margin:0;background:var(--v-dark);color:var(--v-parchment);
  font-family:var(--v-ui);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--v-gold)}
:focus-visible{outline:2px solid var(--v-gold);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.mast{position:relative;overflow:hidden;border-bottom:1px solid var(--v-line);
  background:radial-gradient(120% 78% at 50% -22%,#3a2b14 0%,#14181a 44%,#080B0D 78%)}
.mast-inner{position:relative;z-index:2;padding-top:64px;padding-bottom:60px}
.mast-crest{position:absolute;top:50%;right:-70px;width:430px;transform:translateY(-50%);
  opacity:.09;z-index:1;pointer-events:none;
  filter:sepia(1) saturate(1.7) hue-rotate(3deg)}
.mast-logo{display:block;width:210px;margin-bottom:34px}
main>.wrap{padding-top:48px}
h1,h2,h3{font-family:var(--v-display);color:var(--v-pale-gold);letter-spacing:-.02em;
  text-wrap:balance;margin:0 0 .4em}
h1{font-size:clamp(46px,7vw,82px);line-height:.96;font-weight:600}
h1 i{color:var(--v-gold);font-style:italic}
h2{font-size:clamp(30px,4vw,44px);line-height:1.06;font-weight:600}
h3{font-size:22px;font-family:var(--v-ui);font-weight:600}
.label{font:500 11px var(--v-mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--v-antique-gold);margin:0}
.site-nav{display:flex;align-items:center;justify-content:space-between;height:70px;
  border-bottom:1px solid var(--v-line)}
.site-nav nav{display:flex;gap:26px;font-size:11px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase}
.site-nav a{color:var(--v-parchment);text-decoration:none}
.site-nav a:hover{color:var(--v-gold)}
.nav-lockup{display:flex;align-items:center;text-decoration:none}
.nav-logo{display:block;width:132px;height:auto}
.nav-cta{border:1px solid rgba(184,137,50,.6);padding:10px 14px;color:var(--v-pale-gold);
  font:700 10px var(--v-ui);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
  transition:background .18s,border-color .18s,color .18s}
.nav-cta:hover{background:var(--v-antique-gold);border-color:var(--v-pale-gold);color:var(--v-dark)}
.drop-cap::first-letter,.prose>p:first-of-type::first-letter{
  float:left;font:700 3.4em/.78 var(--v-display);color:var(--v-gold);
  margin:.04em .14em 0 0}
.btn{display:inline-block;padding:14px 19px;text-decoration:none;border:0;
  background:linear-gradient(#e2bc49,#9d7022);color:#0B0907;
  font:700 11px var(--v-ui);letter-spacing:.13em;text-transform:uppercase;
  transition:filter .18s,background .18s,border-color .18s,color .18s}
.btn:hover{filter:brightness(1.09)}
.btn-ghost{padding:13px 18px;background:none;border:1px solid var(--v-line);
  color:var(--v-parchment)}
.btn-ghost:hover{filter:none;border-color:var(--v-gold);color:var(--v-gold)}
.site-footer{border-top:1px solid var(--v-line);margin-top:80px;padding:34px 0 54px;
  font:500 10px var(--v-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--v-stone)}
.chronicle{list-style:none;margin:0;padding:0}
.mark{font:500 10px var(--v-mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--v-antique-gold);line-height:1.5;padding-top:.55em}
.mark b{display:block;color:var(--v-stone);font-weight:500}
.chronicle li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:0 30px;
  padding:32px 0;border-top:1px solid var(--v-line-soft)}
.chronicle li>.mark{grid-column:1;grid-row:1}
.chronicle li>h2,.chronicle li>p{grid-column:2}
.chronicle li h2{margin:10px 0 12px;font-size:clamp(26px,3.4vw,38px)}
.chronicle li>p{margin:0}
.chronicle li h2 a{text-decoration:none;color:var(--v-pale-gold)}
.chronicle li h2 a:hover{color:var(--v-gold)}
.prose{max-width:62ch;margin-top:0}
.prose h2,.prose h3{margin-top:1.6em}
.prose code{font:400 14px var(--v-mono);color:var(--v-pale-gold)}
.prose pre{overflow-x:auto;padding:16px;background:var(--v-surface);
  border:1px solid var(--v-line-soft)}
.prose blockquote{margin:1.4em 0;padding-left:18px;border-left:2px solid var(--v-antique-gold);
  color:var(--v-stone)}
.prose table{display:block;width:max-content;max-width:100%;overflow-x:auto;
  border-collapse:collapse;font-size:14px;margin:1.4em 0}
.prose th,.prose td{padding:9px 18px 9px 0;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--v-line-soft)}
.prose th{font:600 10px var(--v-mono);letter-spacing:.15em;text-transform:uppercase;
  color:var(--v-antique-gold);border-bottom-color:var(--v-line)}
.lede{max-width:56ch;font:500 clamp(17px,1.9vw,20px)/1.6 var(--v-display);
  color:var(--v-pale-gold)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.ledger{list-style:none;margin:0;padding:0}
.ledger li{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:0 30px;
  align-items:baseline;padding:22px 0;border-top:1px solid var(--v-line-soft)}
.ledger b{font:600 22px var(--v-display);color:var(--v-antique-gold)}
.ledger h3{margin:0 0 4px}
.ledger p{margin:0;font-size:14px;color:var(--v-stone);max-width:60ch}
.ledger .label{white-space:nowrap}
.ledger li.status-active .label,.ledger li.status-shipped .label{color:var(--v-gold)}
.ledger li.status-blocked .label{color:var(--v-blood)}
.chronicle li>p:only-child,.ledger li>p:only-child{grid-column:1/-1}
.releases{list-style:none;margin:0;padding:0}
.releases li{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;
  padding:26px 0;border-top:1px solid var(--v-line-soft)}
.releases h3{margin:0 0 6px}
.sum{margin:12px 0 0;display:flex;flex-direction:column;gap:4px}
.sum code{font:400 12px var(--v-mono);color:var(--v-stone);word-break:break-all}
.first-run{margin-top:70px;padding-top:26px;border-top:1px solid var(--v-line)}
.steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.steps li{display:flex;gap:16px;padding:22px;border:1px solid var(--v-line-soft);
  background:var(--v-surface)}
.steps b{font:600 26px var(--v-display);color:var(--v-antique-gold);line-height:1}
.ledger b,.steps b{font-variant-numeric:lining-nums}
.steps h3{margin:0 0 5px;font-size:17px}
.steps p{margin:0;font-size:14px;color:var(--v-stone)}
.band{padding-inline:max(clamp(20px,8vw,130px),(100% - 1240px)/2)}
.motif{display:inline-block;width:7px;height:7px;background:var(--v-antique-gold);
  transform:rotate(45deg);flex:none}
.hero-band{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center;
  min-height:580px;padding-top:100px;padding-bottom:100px;
  background:radial-gradient(ellipse at 66% 50%,#3a2d17 0,transparent 39%),var(--v-band-hero)}
.signal-panel{width:235px;padding:24px;border:1px solid rgba(184,137,50,.53);
  background:rgba(8,11,13,.73);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.signal-panel .label{margin-bottom:14px}
.signal-state{display:flex;align-items:center;gap:9px;margin:0 0 16px;
  font:600 19px var(--v-display);color:var(--v-pale-gold)}
.signal-state .motif{background:var(--v-gold)}
.signal-row{margin:0 0 12px;padding-top:12px;border-top:1px solid var(--v-line-soft)}
.signal-row:last-child{margin-bottom:0}
.signal-row span{display:block;font:500 9px var(--v-mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--v-stone);margin-bottom:4px}
.signal-row b{font:500 14px var(--v-ui);color:var(--v-parchment);font-weight:500}
.signal-ticker{display:flex;justify-content:space-between;align-items:center;gap:25px;
  padding-top:17px;padding-bottom:17px;background:var(--v-band-signal);
  border-top:1px solid rgba(184,137,50,.38);border-bottom:1px solid rgba(184,137,50,.38)}
.signal-line{display:flex;align-items:baseline;gap:18px;margin:0;max-width:none}
.signal-line .label{white-space:nowrap}
.signal-more{font:600 10px var(--v-ui);letter-spacing:.13em;text-transform:uppercase;
  color:var(--v-gold);text-decoration:none;white-space:nowrap}
.signal-more:hover{color:var(--v-pale-gold)}
.inspect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  padding-top:85px;padding-bottom:85px;background:var(--v-band-relics)}
.inspect-card{min-height:360px;position:relative;padding:22px;overflow:hidden;text-decoration:none;
  display:flex;flex-direction:column;justify-content:flex-end;
  border:1px solid var(--v-line-soft);background:var(--v-dark);
  transition:border-color .2s}
.inspect-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.54;transition:transform .7s,opacity .5s;filter:saturate(.75)}
.inspect-card:after{content:"";position:absolute;inset:0;
  background:linear-gradient(transparent,rgba(8,11,13,.95))}
.inspect-card>*:not(img){z-index:1;position:relative}
.inspect-card .label{display:block}
.inspect-card h2{margin:8px 0 6px;font-size:25px;color:var(--v-pale-gold)}
.inspect-card p{margin:0;font-size:14px;color:var(--v-stone);max-width:none}
.inspect-card:hover{border-color:var(--v-line)}
.inspect-card:hover img{transform:scale(1.1);opacity:.85}
.inspect-card:focus-visible{border-color:var(--v-gold)}
.archive-timeline{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;
  padding-top:120px;padding-bottom:120px;background:var(--v-band-chronicle)}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{position:relative;padding:0 0 34px 30px;border-left:1px solid var(--v-line-soft)}
.timeline li:last-child{border-left-color:transparent;padding-bottom:0}
.timeline li.timeline-empty{border-left-color:transparent;padding-left:0}
.timeline .motif{position:absolute;left:-4px;top:5px}
.timeline .label{display:block;margin-bottom:7px}
.timeline b{display:block;margin-bottom:6px;font:600 26px/1.15 var(--v-display);
  color:var(--v-pale-gold);font-weight:600}
.timeline b a{color:inherit;text-decoration:none}
.timeline b a:hover{color:var(--v-gold)}
.timeline p{margin:0;font-size:14px;color:var(--v-stone);max-width:56ch}
.timeline-more a{font:600 10px var(--v-ui);letter-spacing:.13em;text-transform:uppercase;
  color:var(--v-gold);text-decoration:none}
.build-progress{display:grid;grid-template-columns:.7fr 1.3fr;column-gap:75px;align-items:start;
  padding-top:110px;padding-bottom:110px;
  background:radial-gradient(ellipse at 90% 40%,#302818 0,transparent 47%),var(--v-band-progress)}
.build-progress>div p{font-size:14px;color:var(--v-stone)}
.rail{grid-column:2;list-style:none;margin:0;padding:26px 0 0;display:grid;
  grid-auto-flow:column;grid-auto-columns:1fr;gap:0 18px;
  border-top:1px solid var(--v-line-soft)}
.rail li{position:relative;padding-top:24px}
.rail .motif{position:absolute;top:-4px;left:0;background:var(--v-iron);
  border:1px solid var(--v-antique-gold)}
.rail li.status-built .motif,.rail li.status-shipped .motif,
.rail li.status-active .motif{background:var(--v-gold);border-color:var(--v-gold)}
.rail li.status-blocked .motif{background:var(--v-blood);border-color:var(--v-blood)}
.rail b{display:block;margin-bottom:6px;font:600 21px var(--v-display);
  color:var(--v-antique-gold);font-variant-numeric:lining-nums}
.rail span{display:block;font:600 14px var(--v-ui);color:var(--v-pale-gold)}
.rail small{display:block;margin-top:5px;font:500 9px var(--v-mono);letter-spacing:.13em;
  text-transform:uppercase;color:var(--v-stone)}
.rail li.status-blocked small{color:var(--v-blood);filter:brightness(1.7)}
.rail-more{grid-column:2;margin:26px 0 0}
.rail-more a{font:600 10px var(--v-ui);letter-spacing:.13em;text-transform:uppercase;
  color:var(--v-gold);text-decoration:none}
.community{position:relative;overflow:hidden;text-align:center;padding:130px 24px;
  background:radial-gradient(circle at 50% 42%,#3a2c18 0,#151719 41%,#080B0D 76%)}
.community-crest{height:108px;width:auto;margin:0 auto 19px}
.community .label{margin-bottom:14px}
.community h2{margin-bottom:.5em}
.community p{margin-left:auto;margin-right:auto;max-width:52ch;color:var(--v-stone)}
.community-actions{justify-content:center;margin-top:30px}
@media(max-width:720px){
  .hero-band{grid-template-columns:1fr;gap:40px;min-height:0;
    padding-top:60px;padding-bottom:60px}
  .signal-panel{width:100%;max-width:310px}
  .chronicle li{grid-template-columns:minmax(0,1fr)}
  .chronicle li>.mark,.chronicle li>h2,.chronicle li>p{grid-column:1}
  .mark{padding-top:0;margin-bottom:10px}
  .mark b{display:inline;margin-left:8px}
  .ledger li{grid-template-columns:44px minmax(0,1fr);row-gap:8px}
  .ledger .label{grid-column:2}
  .site-nav{flex-wrap:wrap;height:auto;padding-top:14px;padding-bottom:14px}
  .site-nav nav{gap:16px;flex-wrap:wrap}
  .mast-crest{width:280px;right:-90px}
  .nav-cta{display:none}
  .nav-logo{width:104px}
  .signal-ticker{flex-direction:column;align-items:flex-start;gap:10px;
    padding-top:18px;padding-bottom:18px}
  .signal-line{flex-direction:column;gap:6px}
  .inspect-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}
  .inspect-card{min-height:300px}
  .archive-timeline{grid-template-columns:1fr;gap:40px;
    padding-top:75px;padding-bottom:75px}
  .build-progress{grid-template-columns:1fr;gap:45px;
    padding-top:75px;padding-bottom:75px}
  .rail{grid-column:1;grid-auto-flow:row;grid-auto-columns:auto;gap:22px 0}
  .rail li{padding-top:0;padding-left:26px}
  .rail .motif{top:6px}
  .rail-more{grid-column:1}
  .community{padding:85px 20px}
  .community-crest{height:82px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.gate{max-width:560px}
.gate .lede{margin-bottom:26px}
.gate-form{margin:0}
.field{display:block;margin:0 0 20px}
.field label{display:block;font:500 11px var(--v-mono);letter-spacing:.16em;
  text-transform:uppercase;color:var(--v-antique-gold);margin-bottom:8px}
.field input{display:block;width:100%;padding:13px 14px;background:var(--v-surface);
  border:1px solid var(--v-line);color:var(--v-parchment);
  font:400 16px var(--v-ui);transition:border-color .18s}
.field input:hover{border-color:rgba(184,137,50,.5)}
.field input:focus{border-color:var(--v-gold);outline:none}
.form-note{display:block;margin-top:7px;font-size:13px;color:var(--v-stone)}
.form-bad{color:var(--v-pale-gold)}
.notice{margin:0 0 24px;padding:14px 16px;border-left:2px solid var(--v-antique-gold);
  background:var(--v-surface);font-size:15px}
.notice-bad{border-left-color:var(--v-blood);color:var(--v-pale-gold)}