/* ═══════════════════════════════════════════════════════════
   ACTA v4 — Attestation of Creative Trajectory and Authorship
   DA: FAT grotesque / monochrome clip / black→LED gradient / studio charcoal
   ═══════════════════════════════════════════════════════════ */

:root{
  --char:   #11110F;
  --char-2: #181815;
  --ivory:  #F4F0E8;
  --alu:    #A6A29A;
  --alu-dim:#6E6A63;
  --led:    #FF5B2E;
  --ok:     #B4D455;
  --hair:   rgba(244,240,232,.14);
  --hair-2: rgba(244,240,232,.07);

  --fat:  "Archivo", "Arial Black", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --sans: "Inter", system-ui, sans-serif;

  --pad: clamp(20px, 5vw, 88px);
  --scroll-thumb:#3A3833;
}

/* ── scrollbar, in the DA ──────────────────────── */
html{ scrollbar-width:thin; scrollbar-color:var(--scroll-thumb) var(--char); }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--char); }
::-webkit-scrollbar-thumb{
  background:var(--scroll-thumb);
  border-radius:5px;
  border:2px solid var(--char);
}
::-webkit-scrollbar-thumb:hover{ background:var(--alu-dim); }

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  background:var(--char);
  color:var(--ivory);
  font-family:var(--sans);
  font-weight:300;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
::selection{ background:var(--led); color:var(--char); }
a{ color:inherit; text-decoration:none; }
em{ font-style:italic; }
s{ text-decoration-thickness:1px; text-decoration-color:var(--led); }

/* ── FAT display titles ────────────────────────── */
.fat-title{
  font-family:var(--fat);
  font-weight:860;
  font-stretch:115%;
  text-transform:uppercase;
  line-height:.92;
  letter-spacing:-.015em;
  font-size:clamp(38px, 6.6vw, 96px);
}
.fat-title em{
  font-style:normal;
  color:transparent;
  -webkit-text-stroke:1.5px var(--ivory);
  text-stroke:1.5px var(--ivory);
}
/* word-split reveal */
.fat-title .w{ display:inline-block; overflow:hidden; vertical-align:top; padding-bottom:.08em; margin-bottom:-.08em; }
.fat-title .w i{
  display:inline-block; font-style:inherit;
  transform:translateY(115%);
  transition:transform .9s cubic-bezier(.16,.84,.26,1);
  transition-delay:calc(var(--i) * 55ms);
}
.fat-title.in .w i{ transform:translateY(0); }

/* ── grain ─────────────────────────────────────── */
.grain{
  position:fixed; inset:-50%; z-index:200; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  opacity:.07; animation:grain 900ms steps(3) infinite;
}
@keyframes grain{
  0%{transform:translate(0,0)} 33%{transform:translate(-2%,1%)}
  66%{transform:translate(1%,-2%)} 100%{transform:translate(0,0)}
}

/* ── boot ──────────────────────────────────────── */
.boot{
  position:fixed; inset:0; z-index:300; background:var(--char);
  display:flex; align-items:flex-end; padding:var(--pad);
  transition:opacity .6s ease, visibility .6s;
}
.boot.done{ opacity:0; visibility:hidden; pointer-events:none; }
.boot-lines{ display:flex; flex-direction:column; gap:.4em; }
.boot-lines span{
  font-family:var(--mono); font-size:12px; letter-spacing:.08em;
  color:var(--alu); opacity:0; animation:bootline .1s forwards;
}
.boot-lines span:nth-child(1){ animation-delay:.05s }
.boot-lines span:nth-child(2){ animation-delay:.30s }
.boot-lines span:nth-child(3){ animation-delay:.55s }
.boot-lines span:nth-child(4){ animation-delay:.80s }
.boot-lines span:nth-child(5){ animation-delay:1.05s }
.boot-lines em{ color:var(--ok); font-style:normal; }
.boot-ok{ color:var(--led) !important; }
@keyframes bootline{ to{ opacity:1 } }

/* ── nav ───────────────────────────────────────── */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; justify-content:space-between; align-items:center;
  padding:18px var(--pad);
  mix-blend-mode:difference;
  font-family:var(--mono); font-size:12px; letter-spacing:.1em;
  border-bottom:1px solid transparent;
  transition:background .22s ease, border-color .22s ease;
}
/* over the hero the bar reads by inversion, which is the intent. Once the page
   scrolls it would invert against every section it crosses, so it settles into
   charcoal glass instead and the inversion is dropped. */
.nav.stuck{
  mix-blend-mode:normal;
  background:rgba(17,17,15,.72);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);
  backdrop-filter:blur(18px) saturate(1.4);
  border-bottom-color:rgba(244,240,232,.07);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .nav.stuck{ background:rgba(17,17,15,.94); }
}
.nav-mark{
  display:flex; align-items:center; gap:10px;
  font-family:var(--fat); font-weight:900; font-stretch:120%;
  font-size:17px; letter-spacing:.02em;
}
.nav-led{
  width:7px; height:7px; border-radius:50%; background:var(--led);
  box-shadow:0 0 8px var(--led); animation:led 2.4s infinite;
}
@keyframes led{ 0%,100%{opacity:1} 50%{opacity:.35} }
.nav-sub{ font-family:var(--mono); font-weight:300; font-size:10px; color:var(--alu); letter-spacing:.06em; display:none; }
@media(min-width:900px){ .nav-sub{ display:inline; margin-left:6px } }
.nav-links{ display:flex; gap:clamp(14px,3vw,36px); }
.nav-extra{ display:none; }
.nav-links a{ color:var(--alu); transition:color .25s; text-transform:uppercase; }
.nav-links a:hover{ color:var(--ivory); }
.nav-paper{ color:var(--led) !important; }

/* ── burger (mobile) ───────────────────────────── */
.nav-burger{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:40px; height:40px; padding:8px;
  background:transparent; border:1px solid var(--hair); cursor:pointer;
  position:relative; z-index:3;
}
.nav-burger i{ display:block; height:1.5px; background:var(--ivory); transition:transform .3s, opacity .3s; }
.nav.menu-open .nav-burger i:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
.nav.menu-open .nav-burger i:nth-child(2){ opacity:0; }
.nav.menu-open .nav-burger i:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }
@media(max-width:700px){
  .nav-links{ display:none; }
  .nav-burger{ display:flex; }
  .nav.menu-open{
    mix-blend-mode:normal;
    background:rgba(17,17,15,.97);
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  }
  .nav.menu-open .nav-links{
    display:flex; position:fixed; inset:0; z-index:2;
    flex-direction:column; justify-content:center;
    padding:0 var(--pad); gap:22px;
    background:rgba(17,17,15,.97);
    font-size:15px; letter-spacing:.14em;
    overflow-y:auto;
  }
  .nav.menu-open .nav-extra{ display:block; }
  body:has(.nav.menu-open){ overflow:hidden; }
}

/* ── section head ──────────────────────────────── */
.sec-head{
  display:flex; align-items:baseline; gap:18px;
  font-family:var(--mono); letter-spacing:.14em;
  border-top:1px solid var(--hair);
  padding-top:16px; margin-bottom:clamp(40px,7vh,80px);
}
.sec-no{ color:var(--led); font-size:13px; }
.sec-name{ color:var(--alu); font-size:12px; }
.sec-head::after{ content:""; flex:1; height:1px; background:var(--hair-2); align-self:center; }

/* ── reveal ────────────────────────────────────── */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .9s cubic-bezier(.2,.6,.2,1), transform .9s cubic-bezier(.2,.6,.2,1); }
.reveal.in{ opacity:1; transform:none; }

/* ═══ HERO ═══════════════════════════════════════ */
.hero{
  position:relative; min-height:100svh;
  display:flex; flex-direction:column; justify-content:center;
  padding:120px var(--pad) 100px; overflow:hidden;
}
.svg-defs{ position:absolute; width:0; height:0; pointer-events:none; }

/* ── hero media stack ──────────────────────────── */
.hero-media{ position:absolute; inset:0; overflow:hidden; z-index:0; background:var(--char); }
.hero-media > *{ position:absolute; inset:0; width:100%; height:100%; }

/* the clip is darkened to near-monochrome; .hero-tint (multiply) and .hero-glow
   (screen) build the black-to-ember gradient over it. */
.hero-vid{
  object-fit:cover; pointer-events:none;
  filter:grayscale(1) brightness(.82) contrast(1.08);
  -webkit-filter:grayscale(1) brightness(.82) contrast(1.08);
  transform:translateZ(0);
}
/* the canvas now overlays only what the filter cannot do: baked grain, the drifting
   hot light and the sound-motif waveform. Transparent, so the clip shows through. */
.hero-tint{
  background:linear-gradient(180deg,
    rgba(11,11,10,.88) 0%,
    rgba(11,11,10,.30) 28%,
    rgba(11,11,10,.12) 55%,
    rgba(87,21,7,.50) 78%,
    rgba(196,58,26,.85) 93%,
    #FF5B2E 100%);
}
.hero-glow{
  background:radial-gradient(120% 55% at 50% 108%,
    rgba(255,91,46,.45),
    rgba(255,91,46,.16) 45%,
    rgba(255,91,46,0) 72%);
  mix-blend-mode:screen;
}
/* no clip yet: the canvas paints the procedural ember and must stay opaque */

/* static legibility vignette — plain gradients, no animation, no blend mode */
.hero-vig{
  pointer-events:none;
  background:
    linear-gradient(to right, rgba(17,17,15,.86) 0%, rgba(17,17,15,.30) 46%, rgba(17,17,15,.10) 68%, rgba(17,17,15,.55) 100%),
    linear-gradient(to bottom, rgba(17,17,15,.55) 0%, rgba(17,17,15,0) 26%, rgba(17,17,15,0) 62%, rgba(17,17,15,.82) 100%),
    radial-gradient(120% 120% at 50% 40%, rgba(17,17,15,0) 55%, rgba(17,17,15,.5) 100%);
}

.hero-inner{ position:relative; z-index:3; max-width:1200px; will-change:transform; }
.hero-kicker{
  font-family:var(--mono); font-size:clamp(10px,1.3vw,13px);
  color:var(--led); letter-spacing:.1em; margin-bottom:2.2em;
}
.hero-title{
  font-family:var(--fat); font-weight:900; font-stretch:118%;
  text-transform:uppercase;
  font-size:clamp(42px, 8.8vw, 138px);
  line-height:.9; letter-spacing:-.02em;
}
.hero-title em{
  font-style:normal; color:transparent;
  -webkit-text-stroke:2px var(--led);
  text-stroke:2px var(--led);
}
.ht-line{ display:block; overflow:hidden; padding-bottom:.06em; margin-bottom:-.06em; }
.ht-line span{ display:block; transform:translateY(112%); animation:htup 1s cubic-bezier(.16,.84,.26,1) forwards; }
.ht-line:nth-child(1) span{ animation-delay:1.35s }
.ht-line:nth-child(2) span{ animation-delay:1.46s }
.ht-line:nth-child(3) span{ animation-delay:1.57s }
.ht-line:nth-child(4) span{ animation-delay:1.68s }
@keyframes htup{ to{ transform:translateY(0) } }
.hero-sub{
  margin-top:clamp(10px,1.6vw,24px);
  font-family:var(--mono); font-size:12px;
  letter-spacing:.34em; text-transform:uppercase;
  color:var(--led);
  text-shadow:0 1px 12px rgba(17,17,15,.8);
}
.hero-cta{
  display:inline-flex; align-items:center; gap:14px;
  margin-top:2.2em; padding:14px 26px;
  border:1px solid var(--hair); font-family:var(--mono);
  font-size:12px; letter-spacing:.18em;
  background:rgba(17,17,15,.5);
  transition:border-color .3s, background .3s, color .3s;
}
.hero-cta:hover{ border-color:var(--led); color:var(--led); }
.cta-arrow{ color:var(--led); }

.hero-session{
  position:absolute; right:var(--pad); bottom:120px; z-index:3;
  display:flex; flex-direction:column; gap:9px;
  font-family:var(--mono); font-size:10.5px; letter-spacing:.16em;
  color:var(--alu);
}
.hs-row{ display:flex; align-items:center; gap:10px; }
.hs-row i{ width:5px; height:5px; border-radius:50%; background:var(--alu-dim); }
.hs-row.on{ color:var(--ivory); }
.hs-row.on i{ background:var(--ok); box-shadow:0 0 6px var(--ok); }
.hs-meta{
  margin-top:8px; padding-top:10px;
  border-top:1px solid var(--hair-2);
  color:var(--alu-dim); font-size:9.5px; letter-spacing:.14em;
}
@media(max-width:820px){ .hero-session{ display:none } }

/* ═══ 01 BURDEN ══════════════════════════════════ */
.burden{ padding:clamp(90px,14vh,160px) var(--pad); }
.burden-split{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,6vw,90px);
  margin-bottom:clamp(60px,10vh,110px);
}
@media(max-width:820px){ .burden-split{ grid-template-columns:1fr } }
.accusation{
  font-family:var(--fat); font-weight:640; font-stretch:105%; font-style:italic;
  font-size:clamp(26px,3.4vw,46px); line-height:1.08; letter-spacing:-.01em;
  color:var(--ivory);
}
.accusation-src{
  margin-top:1.6em; font-family:var(--mono); font-size:11px;
  letter-spacing:.1em; color:var(--alu-dim);
}
.burden-right p{ margin-bottom:1.2em; color:var(--alu); max-width:52ch; }
.burden-right .lede{ color:var(--ivory); font-size:1.12em; }
.burden-right strong{ font-weight:500; color:var(--ivory); }
.burden-right em{ color:var(--ivory); }
.num{ font-family:var(--mono); color:var(--led); font-size:.95em; }

.autopsy{
  display:grid; grid-template-columns:1fr 1.6fr; gap:1px;
  background:var(--hair); border:1px solid var(--hair);
}
@media(max-width:820px){ .autopsy{ grid-template-columns:1fr } }
.autopsy-col{ background:var(--char-2); padding:clamp(20px,3vw,40px); }
.autopsy-label{
  font-family:var(--mono); font-size:10px; letter-spacing:.2em;
  color:var(--alu-dim); margin-bottom:24px;
}
.file-block{
  border:1px dashed var(--alu-dim); padding:28px 22px;
  display:flex; flex-direction:column; gap:8px; align-items:center;
  margin:26px 0;
}
.file-name{ font-family:var(--mono); font-size:14px; }
.file-meta{ font-family:var(--mono); font-size:10px; color:var(--alu-dim); letter-spacing:.06em; }
.autopsy-verdict{
  font-family:var(--mono); font-size:11px; letter-spacing:.08em; color:var(--alu-dim);
}
.autopsy-verdict.on{ color:var(--ok); }
.sess-rows{ display:flex; flex-direction:column; gap:11px; margin-bottom:26px; }
.sess-row{
  display:grid; grid-template-columns:64px 150px 1fr auto;
  gap:12px; align-items:center;
  font-family:var(--mono); font-size:11px;
}
@media(max-width:520px){ .sess-row{ grid-template-columns:56px 1fr auto } .sr-bar{ display:none } }
.sr-t{ color:var(--alu-dim); }
.sr-type{ color:var(--ivory); letter-spacing:.04em; }
.sr-bar{ height:8px; background:var(--hair); position:relative; overflow:hidden; }
.sr-bar::after{
  content:""; position:absolute; top:0; bottom:0; left:0; background:var(--alu-dim); width:0;
  transition:width 1.2s cubic-bezier(.2,.6,.2,1) .3s;
}
.in .b1::after{ width:70%; background:var(--ok) } .in .b2::after{ width:45%; }
.in .b3::after{ width:28%; background:var(--led) } .in .b4::after{ width:38%; }
.in .b5::after{ width:85%; } .in .b6::after{ width:100%; background:var(--ok) }
.sr-flag{ font-size:9px; letter-spacing:.14em; color:var(--alu-dim); }
.sr-flag.ok{ color:var(--ok); } .sr-flag.warn{ color:var(--led); }

/* ═══ 02 THIRD POSITION ══════════════════════════ */
.third{ padding:clamp(90px,14vh,160px) var(--pad); }
.third-title{ margin-bottom:clamp(50px,8vh,90px); }
.third-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--hair); border:1px solid var(--hair); }
@media(max-width:900px){ .third-cols{ grid-template-columns:1fr } }
.tc{ background:var(--char); padding:clamp(24px,3vw,44px); display:flex; flex-direction:column; gap:18px; }
.tc-head{ font-family:var(--fat); font-weight:800; font-stretch:115%; font-size:14px; letter-spacing:.14em; }
.tc.dim .tc-head{ color:var(--alu-dim); }
.tc.dim{ color:var(--alu-dim); }
.tc-q{
  font-family:var(--fat); font-weight:600; font-style:italic; font-stretch:105%;
  font-size:clamp(18px,1.9vw,24px); line-height:1.2; color:var(--alu);
}
.tc.dim .tc-q{ color:var(--alu-dim); }
.tc-body{ font-size:14px; color:var(--alu-dim); }
.tc.acta{ background:var(--char-2); box-shadow:inset 0 0 0 1px var(--led); }
.tc.acta .tc-head{ color:var(--led); }
.tc.acta .tc-q{ color:var(--ivory); }
.tc.acta .tc-body{ color:var(--alu); }
.tc-note{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; color:var(--alu-dim); border-top:1px solid var(--hair); padding-top:16px; margin-top:auto; }

/* -- what ACTA is not ------------------------------ */
.third-not{ max-width:62ch; margin-top:clamp(40px,7vh,80px); border-top:1px solid var(--hair); padding-top:22px; }
.third-not-title{ font-family:var(--mono); font-weight:400; font-size:11px; letter-spacing:.22em; color:var(--led); margin-bottom:14px; }
.third-not p{ color:var(--alu); font-size:15px; line-height:1.7; }
.tc-note strong{ color:var(--ok); font-weight:400; }

/* ═══ 03 CHAIN ═══════════════════════════════════ */
.chain{ padding:clamp(90px,14vh,160px) var(--pad); }
.chain-title{ max-width:14ch; }
.chain-title em{ -webkit-text-stroke-color:var(--led); }
.chain-sub{ margin-top:1.8em; margin-bottom:clamp(60px,10vh,110px); color:var(--alu); max-width:52ch; }

.rack{ display:flex; flex-direction:column; }
.rack-unit{
  display:grid; grid-template-columns:90px 1fr minmax(240px,340px);
  gap:clamp(20px,4vw,60px);
  padding:clamp(36px,5vh,56px) 0;
  border-top:1px solid var(--hair);
}
@media(max-width:900px){
  .rack-unit{ grid-template-columns:60px 1fr; }
  .ru-visual{ grid-column:2; }
}
.ru-index{ position:relative; }
.ru-no{
  font-family:var(--mono); font-size:clamp(22px,2.6vw,34px);
  color:var(--led); letter-spacing:.04em;
}
.ru-wire{
  position:absolute; left:12px; top:60px; bottom:-56px; width:1px;
  background:linear-gradient(var(--hair), var(--hair-2));
}
.ru-wire.last{ display:none; }
.ru-body h3{
  font-family:var(--fat); font-weight:820; font-stretch:112%;
  text-transform:uppercase; letter-spacing:.01em;
  font-size:clamp(19px,2.1vw,27px); margin-bottom:.8em;
}
.ru-body p{ color:var(--alu); max-width:58ch; font-size:15px; }
.ru-body strong{ color:var(--ivory); font-weight:500; }
.ru-visual{ display:flex; align-items:center; }
.ru-visual svg{ width:100%; color:var(--alu); }
.v-lab{ font-family:var(--mono); font-size:8.5px; fill:var(--alu-dim); letter-spacing:.12em; }
.v-lab.big{ font-size:10px; fill:var(--alu); }
.v-bits{ font-family:var(--mono); font-size:8px; fill:var(--led); letter-spacing:.1em; }
.v-led{ fill:var(--led); animation:led 2s infinite; }
.v-sine{ stroke:var(--led) !important; }

/* ═══ 04 SCORE ═══════════════════════════════════ */
.score{ padding:clamp(90px,14vh,160px) var(--pad); }
.score-title{ margin-bottom:clamp(50px,8vh,90px); max-width:16ch; }
.gestures{
  display:flex; flex-wrap:wrap; gap:14px 18px; align-items:baseline;
  font-family:var(--fat); font-weight:780; font-stretch:110%;
  font-size:clamp(15px,2.5vw,28px);
  letter-spacing:.04em; color:var(--ivory);
  border-top:1px solid var(--hair); border-bottom:1px solid var(--hair);
  padding:28px 0; margin-bottom:clamp(40px,7vh,70px);
}
.g-sep{ color:var(--led); font-weight:400; }
.code-wrap{ border:1px solid var(--hair); background:var(--char-2); max-width:860px; }
.code-bar{
  display:flex; align-items:center; gap:10px;
  font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; color:var(--alu-dim);
  padding:12px 18px; border-bottom:1px solid var(--hair);
}
.dotr{ width:7px; height:7px; border-radius:50%; background:var(--led); }
.code{ padding:22px 18px; overflow-x:auto; }
.code code{
  font-family:var(--mono); font-size:12.5px; line-height:1.75; color:var(--alu-dim);
}
.ck{ color:var(--alu); } .cv{ color:var(--ivory); }
.ce{ color:var(--led); } .cw{ color:var(--led); font-style:italic; }
.cg{ color:var(--ok); } .cn{ color:var(--ok); }
.score-note{ margin-top:3em; max-width:58ch; color:var(--alu); }

/* ═══ 05 POLITICAL ═══════════════════════════════ */
.political{
  background:var(--ivory); color:var(--char);
  padding:clamp(110px,18vh,200px) var(--pad);
}
.political-inner{ max-width:1200px; }
.pol-title{ font-size:clamp(44px,8vw,124px); }
.pol-title em{
  -webkit-text-stroke:2px var(--char);
  text-stroke:2px var(--char);
}
.pol-second{
  font-family:var(--fat); font-weight:640; font-stretch:108%;
  font-size:clamp(24px,3.2vw,44px); margin-top:.7em; color:#3d3b36;
  line-height:1.05;
}
.pol-seatbelt{
  margin-top:3.2em; font-family:var(--mono);
  font-size:clamp(12px,1.4vw,15px); letter-spacing:.06em; color:#6e6a60;
  border-left:2px solid var(--led); padding-left:22px; line-height:1.9;
}
.political ::selection{ background:var(--char); color:var(--ivory); }

/* ═══ 06 KEYS ════════════════════════════════════ */
.keys{
  min-height:88svh; display:flex; align-items:center;
  padding:clamp(90px,14vh,160px) var(--pad);
}
.keys-inner{ max-width:1100px; }
.keys-line{
  font-family:var(--mono); font-size:clamp(14px,2vw,20px);
  letter-spacing:.14em; color:var(--alu-dim); margin-bottom:.9em;
}
.keys-title{
  font-size:clamp(44px,8vw,118px);
  margin:0.4em 0 0.5em;
}
.keys-title em{ -webkit-text-stroke-color:var(--led); }
.keys-sub{ color:var(--alu); max-width:44ch; }

/* ═══ 07 DISCLOSURE ══════════════════════════════ */
.disclosure{ padding:clamp(90px,14vh,160px) var(--pad); }
.disc-title{ max-width:16ch; }
.disc-sub{ margin-top:1.8em; margin-bottom:clamp(50px,8vh,90px); color:var(--alu); max-width:56ch; }
.redact{
  border:1px solid var(--hair); background:var(--char-2);
  padding:clamp(24px,4vw,52px); display:flex; flex-direction:column; gap:20px;
  max-width:860px;
}
.rd-row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.rd-block{
  height:16px; background:var(--hair);
  background-image:repeating-linear-gradient(-45deg, rgba(244,240,232,.05) 0 4px, transparent 4px 8px);
}
.w20{width:8%} .w35{width:22%} .w45{width:30%} .w50{width:34%}
.w60{width:42%} .w70{width:50%} .w80{width:58%} .w90{width:70%}
.rd-hash{ font-family:var(--mono); font-size:11.5px; color:var(--ok); letter-spacing:.06em; }
.rd-tag{
  font-family:var(--mono); font-size:8.5px; letter-spacing:.18em; color:var(--ok);
  border:1px solid rgba(180,212,85,.35); padding:3px 8px;
}
.rd-caption{
  margin-top:8px; font-family:var(--mono); font-size:10px;
  letter-spacing:.16em; color:var(--alu-dim);
}

/* ═══ 08 THREAT ══════════════════════════════════ */
.threat{ padding:clamp(90px,14vh,160px) var(--pad); }
.threat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(24px,4vw,60px); }
@media(max-width:900px){ .threat-grid{ grid-template-columns:1fr } }
.tg-head{
  font-family:var(--fat); font-weight:800; font-stretch:114%;
  font-size:13px; letter-spacing:.14em; color:var(--led);
  margin-bottom:1.4em;
}
.tg p:not(.tg-head){ font-size:14px; color:var(--alu); }
.tg strong{ color:var(--ivory); font-weight:500; }

/* ═══ 09 FOOT ════════════════════════════════════ */
.foot{
  border-top:1px solid var(--hair);
  padding:clamp(90px,14vh,160px) var(--pad) 40px;
}
.foot-top{
  display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(40px,6vw,100px);
  margin-bottom:clamp(70px,10vh,120px);
}
.foot-top > *{ min-width:0; }
@media(max-width:900px){ .foot-top{ grid-template-columns:1fr } }
.foot-title{ font-size:clamp(34px,4.4vw,62px); }
.foot-title em{ -webkit-text-stroke-color:var(--led); }
.foot-links{ display:flex; flex-direction:column; }
.research-note{ margin-top:26px; max-width:56ch; font-size:13px; color:var(--alu-dim); line-height:1.65; }
/* -- cite window, meme composant que la fenetre code du site -- */
.cite-wrap{ margin-top:30px; border:1px solid var(--hair); background:var(--char-2); min-width:0; }
.cite-body{ padding:18px; }
.cite-apa{ font-size:13px; line-height:1.7; color:var(--alu); margin-bottom:16px; }
.cite-apa em{ color:var(--ivory); }
.cite-apa a{ color:var(--led); word-break:break-all; }
.cite-tabs{ margin-left:auto; display:flex; gap:4px; }
.cite-tab{
  background:transparent; border:1px solid var(--hair-2); cursor:pointer;
  padding:3px 9px; color:var(--alu-dim);
  font-family:var(--mono); font-size:9.5px; letter-spacing:.14em;
  transition:color .25s, border-color .25s;
}
.cite-tab:hover{ color:var(--ivory); }
.cite-tab.on{ color:var(--led); border-color:var(--led); }
.cite-panel{ display:none; }
.cite-panel.on{ display:block; }
.cite-badge{ margin-bottom:14px; }
.cite-badge img{ display:block; }
.cite-code{ padding:0; }
.cite-code code{ font-size:11px; line-height:1.7; }
.fl{
  display:grid; grid-template-columns:44px minmax(0,1fr);
  padding:20px 0; border-top:1px solid var(--hair);
  transition:padding-left .3s ease;
}
.fl:last-child{ border-bottom:1px solid var(--hair); }
.fl:hover{ padding-left:12px; }
.fl:hover .fl-name{ color:var(--led); }
.fl-no{ font-family:var(--mono); font-size:11px; color:var(--alu-dim); padding-top:4px; }
.fl-name{
  font-family:var(--fat); font-weight:680; font-stretch:106%;
  font-size:clamp(15px,1.6vw,19px); transition:color .25s;
}
.fl-txt{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.fl-sub{ font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; line-height:1.55; color:var(--alu); }
.fl-desc{ font-size:13px; line-height:1.65; color:var(--alu-dim); max-width:62ch; }
.fl-extra{ color:var(--led); }
.fl-meta{ font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; color:var(--alu-dim); margin-top:6px; min-width:0; overflow-wrap:anywhere; }

/* ── founders (tiny, protected) ────────────────── */
.founders{
  border-top:1px solid var(--hair);
  padding:26px 0;
  margin-bottom:clamp(50px,7vh,80px);
  display:flex; flex-wrap:wrap; align-items:center; gap:26px 44px;
  user-select:none; -webkit-user-select:none;
}
.fd-label{
  font-family:var(--mono); font-size:9px; letter-spacing:.24em;
  color:var(--alu-dim); flex-basis:100%;
}
.fd-rows{ display:flex; flex-wrap:wrap; gap:22px 56px; }
.fd-row{ display:flex; align-items:center; gap:14px; }
.fd-phwrap{
  position:relative; width:44px; height:44px; border-radius:50%;
  overflow:hidden; flex:none;
  outline:1px solid var(--hair); outline-offset:2px;
}
.fd-ph{
  width:100%; height:100%; display:block; border-radius:50%;
  pointer-events:none;
}
.fd-shield{ position:absolute; inset:0; z-index:2; border-radius:50%; }
.fd-txt{ display:flex; flex-direction:column; gap:2px; }
.fd-name{
  font-family:var(--fat); font-weight:750; font-stretch:110%;
  font-size:13px; letter-spacing:.03em; text-transform:uppercase;
}
.fd-org{ text-transform:none; font-style:italic; font-family:var(--sans); font-weight:300; letter-spacing:.01em; color:var(--ivory); }
.fd-role{ font-family:var(--mono); font-size:10px; letter-spacing:.1em; color:var(--led); }
.fd-desc{ font-family:var(--mono); font-size:9.5px; letter-spacing:.04em; color:var(--alu-dim); }
.fd-note{
  flex-basis:100%; max-width:62ch;
  font-family:var(--mono); font-size:10.5px; letter-spacing:.05em;
  color:var(--alu); line-height:1.8;
}

.foot-note{
  max-width:72ch; color:var(--alu-dim); font-size:13px;
  display:flex; flex-direction:column; gap:1em;
  margin-bottom:clamp(60px,8vh,100px);
}
.foot-note em{ color:var(--alu); }

/* ── rights matrix ─────────────────────────────── */
.foot-rights{
  margin-bottom:clamp(50px,7vh,80px);
  border-top:1px solid var(--hair); padding-top:26px;
}
.fr-label{
  font-family:var(--mono); font-size:9px; letter-spacing:.24em;
  color:var(--alu-dim); margin-bottom:16px;
}
.fr-grid{ list-style:none; display:flex; flex-direction:column; gap:9px; max-width:60ch; }
.fr-grid li{
  display:grid; grid-template-columns:100px 1fr; gap:16px; align-items:baseline;
  font-family:var(--mono); font-size:11px; letter-spacing:.04em;
  padding-bottom:9px; border-bottom:1px solid var(--hair-2);
}
.fr-path{ color:var(--led); letter-spacing:.1em; }
.fr-lic{ color:var(--alu); }

.foot-base{
  display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap;
  border-top:1px solid var(--hair); padding-top:22px;
  font-family:var(--mono); font-size:9.5px; letter-spacing:.14em; color:var(--alu-dim);
  line-height:1.8;
}
.fb-mid{ color:var(--led); }
@media(max-width:700px){ .foot-base{ flex-direction:column } }

/* very discreet patent + citation lines */
.foot-patent{
  margin-top:20px;
  font-family:var(--mono); font-size:8.5px; letter-spacing:.14em;
  color:var(--alu-dim); opacity:.5;
}
.foot-doi{
  margin-top:8px; max-width:96ch;
  font-family:var(--mono); font-size:8.5px; letter-spacing:.08em; line-height:1.7;
  color:var(--alu-dim); opacity:.5;
}
.foot-doi em{ font-style:italic; }
.foot-doi a{ color:var(--alu-dim); text-decoration:underline; text-underline-offset:2px; transition:color .25s; }
.foot-doi a:hover{ color:var(--led); }