:root{
  --ink:#1a1a1a; --ink-soft:#4a4642; --faint:#8a827a;
  --brass:#c9a46e; --brass-deep:#a8834b;
  --ground:#faf7f2; --card:#ffffff; --rule:#e6ded2;
  --live:#2f6b4f; --live-bg:#e8f1ec;
  --early:#8a6a2f; --early-bg:#f7f0e2;
  --shadow:0 1px 2px rgba(26,26,26,.04), 0 14px 34px -20px rgba(26,26,26,.28);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#f2ede4; --ink-soft:#c6bdb0; --faint:#8f877c;
    --brass:#d8b57f; --brass-deep:#e0c9a0;
    --ground:#161514; --card:#1f1d1b; --rule:#332f2b;
    --live:#8fd0af; --live-bg:#1b2a23;
    --early:#e0c188; --early-bg:#2a2419;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 14px 34px -20px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --ink:#f2ede4; --ink-soft:#c6bdb0; --faint:#8f877c;
  --brass:#d8b57f; --brass-deep:#e0c9a0;
  --ground:#161514; --card:#1f1d1b; --rule:#332f2b;
  --live:#8fd0af; --live-bg:#1b2a23;
  --early:#e0c188; --early-bg:#2a2419;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 14px 34px -20px rgba(0,0,0,.7);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);
  font:400 16px/1.65 Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  max-width:72rem;margin:0 auto;padding:2rem 1.5rem 0}
.wordmark{font:600 1.05rem/1 Archivo,sans-serif;letter-spacing:.34em;text-transform:uppercase;
  color:var(--ink);text-decoration:none}
.masthead nav{display:flex;gap:1.6rem}
.masthead nav a{font:500 .82rem/1 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;
  color:var(--faint);text-decoration:none;padding-bottom:.3rem;border-bottom:1px solid transparent}
.masthead nav a:hover,.masthead nav a[aria-current]{color:var(--ink);border-bottom-color:var(--brass)}
main{max-width:72rem;margin:0 auto;padding:0 1.5rem 6rem}
.eyebrow{font:500 .74rem/1 Archivo,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  color:var(--brass-deep);margin:0 0 1rem}
.lede{padding:4rem 0 2.5rem;border-bottom:1px solid var(--rule)}
.lede h1{font:300 clamp(2.1rem,5.2vw,3.4rem)/1.1 Fraunces,Georgia,serif;letter-spacing:-.015em;
  margin:0 0 1.15rem;text-wrap:balance}
.sub{color:var(--ink-soft);margin:0;max-width:58ch;font-size:1.05rem}
.sectitle{font:500 .74rem/1 Archivo,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  color:var(--brass-deep);margin:3.5rem 0 .4rem}
.secnote{color:var(--faint);font-size:.9rem;margin:0 0 1.5rem;max-width:52ch}
.grid{display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr))}
.card{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:1.6rem;
  box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.7rem;text-decoration:none;color:inherit;
  transition:border-color .16s ease,transform .16s ease}
.card:hover{border-color:var(--brass);transform:translateY(-2px)}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.card h2{font:500 1.45rem/1.1 Fraunces,Georgia,serif;margin:0;letter-spacing:-.01em}
.role{font:500 .72rem/1 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0}
.card p.one{margin:0;color:var(--ink-soft);font-size:.95rem}
.tag{font:500 .66rem/1 Archivo,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  padding:.34rem .5rem;border-radius:4px;white-space:nowrap}
.tag.live{color:var(--live);background:var(--live-bg)}
.tag.built{color:var(--live);background:var(--live-bg)}
.tag.open{color:var(--live);background:var(--live-bg)}
.tag.prototype,.tag.design{color:var(--early);background:var(--early-bg)}
.go{margin-top:auto;padding-top:.8rem;font:500 .86rem/1 Archivo,sans-serif;color:var(--ink);
  display:inline-flex;align-items:center;gap:.45rem}
.go span{color:var(--brass-deep);transition:transform .16s ease}
.card:hover .go{color:var(--brass-deep)}
.card:hover .go span{transform:translateX(3px)}
.facts{list-style:none;margin:2.5rem 0 0;padding:0;border-top:1px solid var(--rule)}
.facts li{padding:1rem 0 1rem 1.35rem;border-bottom:1px solid var(--rule);position:relative;
  color:var(--ink-soft)}
.facts li::before{content:"";position:absolute;left:0;top:1.62em;width:.5rem;height:1px;background:var(--brass)}
.status-line{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:0 0 1.1rem}
.where{margin:2.5rem 0 0;padding:1.25rem 1.5rem;background:var(--card);border:1px solid var(--rule);
  border-radius:12px;box-shadow:var(--shadow)}
.where p{margin:0;color:var(--ink-soft);font-size:.95rem}
.where a{color:var(--brass-deep)}
.cta{margin:3.5rem 0 0;padding-top:2.5rem;border-top:1px solid var(--rule);max-width:52ch}
.cta h2{font:300 1.6rem/1.2 Fraunces,Georgia,serif;margin:0 0 .7rem;letter-spacing:-.01em}
.cta p{color:var(--ink-soft);margin:0 0 1.2rem}
.cta a{color:var(--brass-deep);font-weight:500}
.back{display:inline-block;margin:2.5rem 0 0;font:500 .85rem/1 Archivo,sans-serif;
  color:var(--faint);text-decoration:none}
.back:hover{color:var(--brass-deep)}
footer{border-top:1px solid var(--rule);margin-top:4rem;max-width:72rem;margin-left:auto;margin-right:auto;
  padding:2rem 1.5rem 3rem}
footer p{margin:0 0 .4rem;color:var(--ink-soft);font-size:.92rem}
footer .fine{color:var(--faint);font-size:.85rem}
.legalnav{display:flex;flex-wrap:wrap;gap:.3rem .55rem;margin:.9rem 0 0;padding:0;list-style:none}
.legalnav li{display:flex;gap:.55rem;align-items:baseline}
.legalnav li::after{content:"·";color:var(--faint)}
.legalnav li:last-child::after{content:""}
.legalnav a{font-size:.85rem;color:var(--faint);text-decoration:none}
.legalnav a:hover{color:var(--brass-deep);text-decoration:underline}
a:focus-visible,.card:focus-visible{outline:2px solid var(--brass-deep);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}