/* ============================================================================
   EVERYONE · THE KIT
   One kit makes everything: the pieces, the film, the site, the deck, the docs.
   Monochrome per canon. No gold, no accent hue. The only color is light
   against dark, and contrast, scale and weight do the rest, the way the mark
   already does.
   Single visual world on purpose. Every value painted explicitly so nothing
   borrows a host theme.
   This file exists so "one kit" is literally true rather than a claim. Change a
   token here and every document changes with it.
   ========================================================================= */
:root{
  --void:#000;--panel:#0E0E0E;--panel-2:#161616;--line:#262626;--line-2:#1A1A1A;
  --bone:#F2EFE9;--bone-2:#A29D95;--bone-3:#6A6560;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --wrap:min(1000px,100% - 2.6rem);--read:64ch;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--void);scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--bone);font:400 16.5px/1.7 var(--sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{width:var(--wrap);margin-inline:auto}
.read{max-width:var(--read)}
p{margin:0 0 1.05em;color:var(--bone-2)}
strong,b{font-weight:600;color:var(--bone)}
em{font-style:italic}
a{color:var(--bone)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--bone);color:var(--void)}
.lab{font:500 10px/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--bone-3)}

.top{position:sticky;top:0;z-index:40;background:rgba(0,0,0,.88);
  backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line-2)}
.top .in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;
  width:var(--wrap);margin-inline:auto}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{width:15px;display:block}
.brand span{font:500 12.5px/1 var(--sans);letter-spacing:.24em}
.top .back{font:500 12.5px/1 var(--sans);color:var(--bone-3)}

header.hd{padding:clamp(3rem,9vw,6rem) 0 clamp(2.2rem,5vw,3.5rem);border-bottom:1px solid var(--line)}
h1.big{font:200 clamp(2.4rem,8vw,4.8rem)/0.94 var(--serif);letter-spacing:-.04em;margin:1.3rem 0 0;
  max-width:16ch;text-wrap:balance}
.standfirst{font:300 clamp(1.02rem,2.3vw,1.4rem)/1.44 var(--serif);color:var(--bone-2);
  max-width:46ch;margin-top:1.6rem}
.meta{display:flex;flex-wrap:wrap;gap:.5rem 2.2rem;margin-top:2.4rem;padding-top:1.2rem;
  border-top:1px solid var(--line-2)}
.meta span{font:400 10.5px/1.6 var(--mono);letter-spacing:.18em;color:var(--bone-3);text-transform:uppercase}

section.s{padding:clamp(2.6rem,6vw,4.4rem) 0;border-top:1px solid var(--line-2)}
h2{font:300 clamp(1.6rem,4vw,2.5rem)/1.06 var(--serif);letter-spacing:-.03em;margin:.7rem 0 0;
  max-width:22ch;text-wrap:balance}
h3{font:500 10.5px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:2.4rem 0 1rem;
  color:var(--bone-3)}
h3:first-child{margin-top:0}
.dek{font-size:15px;color:var(--bone-3);max-width:54ch;margin-top:.9rem}

dl.sp{margin:0}
dl.sp>div{display:grid;grid-template-columns:1fr;gap:.3rem;padding:1.2rem 0;border-top:1px solid var(--line-2)}
@media(min-width:740px){dl.sp>div{grid-template-columns:12rem 1fr;gap:2rem;align-items:baseline}}
dl.sp>div:first-child{border-top:0}
dl.sp dt{font:500 10.5px/1.9 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bone-3)}
dl.sp dd{margin:0;font-size:15px;line-height:1.66;color:var(--bone-2)}
dl.sp dd strong{color:var(--bone)}

.cards{display:grid;gap:1px;background:var(--line-2);border:1px solid var(--line-2);margin:1.5rem 0}
@media(min-width:760px){.cards.two{grid-template-columns:1fr 1fr}.cards.three{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--panel);padding:1.5rem 1.4rem}
.card .k{font:500 9.5px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bone-3);
  display:block;margin-bottom:.7rem}
.card .t{font:300 1.35rem/1.12 var(--serif);color:var(--bone);display:block;margin-bottom:.5rem;
  letter-spacing:-.018em}
.card p{font-size:13.5px;line-height:1.6;margin:0}
.card.inv{background:var(--bone)}.card.inv .t{color:var(--void)}.card.inv p{color:#3A3A3A}
.card.inv .k{color:#7A7772}.card.inv b{color:var(--void)}

.note{border-left:1px solid var(--bone);padding:.15rem 0 .15rem 1.3rem;margin:1.8rem 0;
  font:300 1.08rem/1.52 var(--serif);color:var(--bone-2);max-width:56ch}
.note b{color:var(--bone);font-weight:400}
.tbl{overflow-x:auto;margin:1.4rem 0}
table{border-collapse:collapse;width:100%;min-width:32rem;font-size:14px}
th{text-align:left;font:500 10px/1.6 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--bone-3);padding:0 1.2rem .8rem 0;border-bottom:1px solid var(--line)}
td{padding:.9rem 1.2rem .9rem 0;border-bottom:1px solid var(--line-2);color:var(--bone-2);
  vertical-align:top;line-height:1.55}
td b{color:var(--bone)}
td.num{font-variant-numeric:tabular-nums;white-space:nowrap}

.st{display:inline-flex;align-items:center;gap:.4rem;font:500 9px/1 var(--mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--bone-3);border:1px solid var(--line);border-radius:100px;
  padding:.35rem .6rem;white-space:nowrap}
.st i{width:4px;height:4px;border-radius:50%;background:var(--bone-3)}
.st.live{color:var(--bone);border-color:rgba(242,239,233,.28)}.st.live i{background:var(--bone)}

.qa{border-top:1px solid var(--line-2);padding:1.4rem 0}
.qa:first-of-type{border-top:0}
.qa .q{font:300 1.32rem/1.22 var(--serif);color:var(--bone);letter-spacing:-.018em;margin-bottom:.7rem;
  max-width:38ch}
.qa p{font-size:15px;line-height:1.66;max-width:60ch}
.qa p:last-child{margin-bottom:0}

.docs{display:grid;gap:1px;background:var(--line-2);border:1px solid var(--line-2)}
@media(min-width:700px){.docs{grid-template-columns:1fr 1fr}}
.doc{background:var(--panel);padding:1.15rem 1.3rem;display:block;text-decoration:none}
.doc:hover{background:var(--panel-2)}
.doc b{display:block;font-size:15px;font-weight:500;color:var(--bone)}
.doc small{display:block;font-size:12.5px;color:var(--bone-3);margin-top:.25rem}
.doc.off{opacity:.5;cursor:default}
.doc.off:hover{background:var(--panel)}

ul{margin:0 0 1.05em;padding-left:1.15rem}
li{margin-bottom:.5rem;color:var(--bone-2)}
li strong{color:var(--bone)}
footer{border-top:1px solid var(--line);padding:3rem 0 5rem;color:var(--bone-3);font-size:13px;line-height:1.75}
footer b{color:var(--bone-2);font-weight:500}
:focus-visible{outline:1px solid var(--bone);outline-offset:3px}