/* Outlier Signal prototype, revision 2. */
:root{
  --wow-blue:#1737ff;
  --wow-acid:#e5ff00;
  --wow-orange:#ff4d21;
  --wow-red:#ff214d;
  --wow-black:#07080a;
  --wow-ice:#f5f2e8;
  --wow-display:"Arial Black","IBM Plex Sans",Arial,sans-serif;
  --wow-serif:"Fraunces",Georgia,serif;
  --wow-mono:"IBM Plex Mono",ui-monospace,monospace;
  --wow-sans:"IBM Plex Sans",system-ui,sans-serif;
}

html{scroll-padding-top:72px}

.wow-home{
  margin:0;
  overflow-x:clip;
  background:var(--wow-black);
  color:var(--wow-ice);
  font-family:var(--wow-sans);
}

.wow-home::before{display:none}
.wow-home *{box-sizing:border-box}
.wow-home a{color:inherit}
.wow-home a:focus-visible,
.wow-home button:focus-visible,
.wow-home summary:focus-visible{
  outline:3px solid var(--wow-acid);
  outline-offset:4px;
  border-radius:0;
}

.wow-home .skip-link{
  z-index:1000;
  border:2px solid var(--wow-black);
  border-radius:0;
  background:var(--wow-acid);
  color:var(--wow-black);
  font-weight:600;
}

.wow-chrome{
  position:fixed;
  z-index:200;
  inset:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:58px;
  padding:0 24px;
  border-bottom:1px solid rgba(245,242,232,.22);
  background:rgba(7,8,10,.92);
  color:var(--wow-ice);
  backdrop-filter:blur(10px);
}

.wow-chrome .brandmark{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--wow-ice);
  font-family:var(--wow-mono);
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.12em;
  text-decoration:none;
  text-transform:uppercase;
}

.wow-chrome .brandmark b{color:var(--wow-acid)}
.wow-chrome .topbar-right{gap:14px}
.wow-chrome .topnav{gap:8px}
.wow-chrome .topnav a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 10px;
  color:var(--wow-ice);
  font-size:.68rem;
  letter-spacing:.12em;
  text-decoration:none;
}
.wow-chrome .topnav a:hover,
.wow-chrome .topnav a:focus-visible{background:var(--wow-acid);color:var(--wow-black)}

.wow-chrome .theme-toggle{
  width:44px;
  height:44px;
  border:1px solid rgba(245,242,232,.55);
  border-radius:0;
  color:var(--wow-acid);
  background:var(--wow-black);
}
.wow-chrome .theme-toggle:hover{border-color:var(--wow-acid);background:var(--wow-acid);color:var(--wow-black)}

.deck-index{
  position:fixed;
  z-index:180;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  font-family:var(--wow-mono);
}
.deck-index ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.deck-index li{position:relative}
.deck-index a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid rgba(245,242,232,.22);
  background:rgba(7,8,10,.86);
  color:var(--wow-ice);
  font-size:.64rem;
  font-style:normal;
  letter-spacing:.04em;
  text-decoration:none;
  transition:background-color .15s,color .15s,transform .15s;
}
.deck-index a i{
  position:absolute;
  right:calc(100% + 7px);
  display:none;
  min-width:max-content;
  padding:7px 9px;
  border:1px solid var(--wow-black);
  background:var(--wow-ice);
  color:var(--wow-black);
  font-size:.68rem;
  font-style:normal;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.deck-index a:hover i,.deck-index a:focus-visible i{display:block}
.deck-index a[aria-current="location"]{
  border-color:var(--wow-black);
  background:var(--wow-acid);
  color:var(--wow-black);
  box-shadow:inset 0 0 0 2px var(--wow-black);
}

.scene-deck{position:relative;isolation:isolate;padding-top:58px}
.scene{
  --stack-edge:0px;
  position:relative;
  min-height:100svh;
  padding:clamp(82px,9vh,112px) clamp(28px,6vw,92px) clamp(42px,6vh,72px);
  overflow:hidden;
  isolation:isolate;
  scroll-margin-top:0;
}
.scene::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    radial-gradient(circle at 20% 30%,currentColor 0 1px,transparent 1.4px),
    radial-gradient(circle at 72% 60%,currentColor 0 1px,transparent 1.4px);
  background-size:13px 17px,19px 23px;
  mix-blend-mode:soft-light;
}
.scene[data-scene="02"]{--stack-edge:4px}
.scene[data-scene="03"]{--stack-edge:8px}
.scene[data-scene="04"]{--stack-edge:12px}
.scene[data-scene="05"]{--stack-edge:16px}
.scene[data-scene="06"]{--stack-edge:20px}
.scene[data-scene="07"]{--stack-edge:24px}
.scene[data-scene="08"]{--stack-edge:28px}
.scene[data-scene="09"]{--stack-edge:32px}
.scene-meta{
  position:absolute;
  z-index:8;
  top:18px;
  left:clamp(24px,5vw,78px);
  right:clamp(64px,6vw,96px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:12px;
  border-bottom:2px solid currentColor;
  font-family:var(--wow-mono);
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase;
}
.scene-meta a{text-underline-offset:4px}
.scene-kicker{
  margin:0 0 14px;
  font-family:var(--wow-mono);
  font-size:.75rem;
  font-weight:500;
  letter-spacing:.16em;
  line-height:1.4;
  text-transform:uppercase;
}

/* Opening poster */
.scene-opening{
  min-height:max(100svh,760px);
  padding:0;
  background:var(--wow-ice);
  color:var(--wow-black);
}
.scene-opening::after{z-index:2;opacity:.12;color:var(--wow-black)}
.hero-collage{position:absolute;z-index:0;inset:0;display:block;margin:0}
.hero-collage img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.03)}
.hero-ink{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(245,242,232,.08) 0 46%,transparent 67%),
    linear-gradient(0deg,rgba(245,242,232,.96) 0 3%,transparent 22%);
}
.hero-folio{
  position:absolute;
  z-index:5;
  top:78px;
  right:70px;
  margin:0;
  color:var(--wow-ice);
  font-family:var(--wow-mono);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
}
.hero-type{
  position:absolute;
  z-index:4;
  top:clamp(82px,10vh,112px);
  left:clamp(22px,4.5vw,76px);
  width:min(78vw,1180px);
}
.hero-type .eyebrow{
  display:inline-block;
  margin:0 0 16px;
  padding:6px 9px;
  border:2px solid var(--wow-black);
  background:var(--wow-acid);
  color:var(--wow-black);
  font-family:var(--wow-mono);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.2em;
  line-height:1;
  text-transform:uppercase;
}
.hero-type .thesis{
  margin:0;
  color:var(--wow-black);
  font-family:var(--wow-display);
  font-size:clamp(3.1rem,6.55vw,7.55rem);
  font-style:normal;
  font-weight:900;
  letter-spacing:-.065em;
  line-height:.82;
  text-transform:uppercase;
}
.hero-type .thesis span{display:block;max-width:max-content}
.hero-type .thesis span:first-child{font-size:.78em}
.hero-type .thesis span:nth-child(2){font-size:1.08em}
.hero-type .thesis span:last-child{font-size:1.09em}
.hero-type .thesis em{
  display:block;
  width:max-content;
  max-width:100%;
  margin:.09em 0 .12em .35em;
  padding:.02em .14em .09em;
  background:var(--wow-black);
  color:var(--wow-acid);
  font-family:var(--wow-serif);
  font-size:.78em;
  font-style:italic;
  font-weight:540;
  letter-spacing:-.045em;
  line-height:.95;
  text-transform:none;
  transform:rotate(-1.2deg);
}
.hero-lower{
  position:absolute;
  z-index:5;
  right:clamp(64px,6vw,98px);
  bottom:clamp(30px,4vh,48px);
  left:clamp(22px,4.5vw,76px);
  display:grid;
  grid-template-columns:minmax(280px,470px) 1fr;
  align-items:end;
  gap:24px;
}
.hero-lower .lede{
  margin:0;
  padding:16px 18px;
  border:2px solid var(--wow-black);
  background:var(--wow-ice);
  color:var(--wow-black);
  font-size:clamp(.92rem,1.18vw,1.08rem);
  font-weight:500;
  line-height:1.45;
  box-shadow:7px 7px 0 var(--wow-blue);
}
.hero-actions{
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:5px;
  margin:0;
  font-family:var(--wow-mono);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.hero-actions a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 13px;
  border:2px solid var(--wow-black);
  background:var(--wow-black);
  color:var(--wow-ice);
  text-decoration:none;
}
:root[data-theme="light"] .wow-home .hero-actions a{color:var(--wow-ice)}
.hero-actions a:first-child{background:var(--wow-acid);color:var(--wow-black)}
:root[data-theme="light"] .wow-home .hero-actions a:first-child{color:var(--wow-black)}
.hero-actions a:hover,.hero-actions a:focus-visible{background:var(--wow-blue);color:var(--wow-ice)}
.buddy-tag{
  position:absolute;
  z-index:5;
  right:7.5%;
  top:66%;
  padding:5px 8px;
  border:1px solid var(--wow-black);
  background:var(--wow-acid);
  color:var(--wow-black);
  font-family:var(--wow-mono);
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.buddy-tag::before{content:"";position:absolute;right:100%;top:50%;width:52px;border-top:2px solid var(--wow-black)}

/* One project per sheet */
.project-scene{color:var(--wow-black)}
.project-scene .project-number{
  position:absolute;
  z-index:0;
  right:-.02em;
  bottom:-.22em;
  color:currentColor;
  font-family:var(--wow-display);
  font-size:clamp(22rem,46vw,48rem);
  font-weight:900;
  letter-spacing:-.12em;
  line-height:.8;
  opacity:.095;
  pointer-events:none;
}
.project-copy{position:absolute;z-index:4;width:min(48vw,730px)}
.project-copy h2{
  margin:0 0 22px;
  color:inherit;
  font-family:var(--wow-display);
  font-size:clamp(3.8rem,8.7vw,9.5rem);
  font-weight:900;
  letter-spacing:-.075em;
  line-height:.78;
  text-transform:uppercase;
}
.project-copy > p:not(.scene-kicker){max-width:42ch;margin:0;font-size:clamp(1rem,1.45vw,1.25rem);font-weight:500;line-height:1.45}
.project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.project-actions a{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:0 15px;
  border:2px solid currentColor;
  font-family:var(--wow-mono);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
}
.project-actions a:hover,.project-actions a:focus-visible{background:var(--wow-black);color:var(--wow-acid)}

.project-one{background:var(--wow-blue);color:var(--wow-ice)}
.project-one .scene-meta{color:var(--wow-acid)}
.project-one .project-copy{left:6vw;bottom:10vh}
.project-one .project-copy h2{color:var(--wow-acid)}
.project-one .project-actions a:hover,.project-one .project-actions a:focus-visible{background:var(--wow-acid);color:var(--wow-black)}
.capacity-motif{position:absolute;z-index:2;top:16%;right:8%;width:38vw;height:58vh}
.capacity-motif::before,.capacity-motif::after{
  content:"";position:absolute;left:0;right:0;border-top:6px solid var(--wow-acid);transform-origin:left center
}
.capacity-motif::before{top:24%;transform:rotate(15deg)}
.capacity-motif::after{top:73%;border-color:var(--wow-ice);transform:rotate(-17deg)}
.capacity-motif i{position:absolute;width:22px;height:22px;border:5px solid var(--wow-black);background:var(--wow-acid);transform:rotate(45deg)}
.capacity-motif i:nth-child(1){left:3%;top:23%}.capacity-motif i:nth-child(2){left:28%;top:34%}.capacity-motif i:nth-child(3){left:54%;top:44%}.capacity-motif i:nth-child(4){left:76%;top:53%}.capacity-motif i:nth-child(5){right:0;top:60%}

.project-two{background:var(--wow-acid);color:var(--wow-black)}
.project-two .project-copy{right:8vw;top:20vh;text-align:right}
.project-two .project-copy > p{margin-left:auto}
.project-two .project-actions{justify-content:flex-end}
.message-motif{position:absolute;z-index:1;left:5vw;bottom:9vh;width:43vw;height:62vh}
.message-motif i{position:absolute;display:block;width:72%;height:44%;border:8px solid var(--wow-black);border-radius:44% 44% 44% 5%;background:var(--wow-blue);box-shadow:18px 18px 0 var(--wow-black)}
.message-motif i:first-child{top:0;left:0}
.message-motif i:last-child{right:0;bottom:0;border-radius:44% 44% 5% 44%;background:var(--wow-orange);transform:rotate(-8deg)}

.project-three{background:var(--wow-ice);color:var(--wow-black)}
.project-three .project-copy{left:8vw;top:21vh}
.project-three .project-copy h2{color:var(--wow-blue)}
.csv-motif{
  position:absolute;z-index:1;right:5vw;bottom:9vh;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:42vw;height:58vh;padding:18px;border:7px solid var(--wow-black);background:var(--wow-black);transform:rotate(2.5deg)
}
.csv-motif i{background:var(--wow-orange)}
.csv-motif i:nth-child(2),.csv-motif i:nth-child(4),.csv-motif i:nth-child(8){background:var(--wow-acid)}
.csv-motif i:nth-child(3),.csv-motif i:nth-child(6),.csv-motif i:nth-child(7){background:var(--wow-blue)}

.project-four{background:var(--wow-orange);color:var(--wow-black)}
.project-four .project-copy{right:7vw;bottom:8vh;text-align:right}
.project-four .project-copy > p{margin-left:auto}
.project-four .project-actions{justify-content:flex-end}
.sudoku-motif{
  position:absolute;z-index:1;left:5vw;top:16vh;width:min(52vh,42vw);aspect-ratio:1;border:8px solid var(--wow-black);
  background:
    linear-gradient(90deg,transparent 32.7%,var(--wow-black) 32.7% 34.2%,transparent 34.2% 65.8%,var(--wow-black) 65.8% 67.3%,transparent 67.3%),
    linear-gradient(transparent 32.7%,var(--wow-black) 32.7% 34.2%,transparent 34.2% 65.8%,var(--wow-black) 65.8% 67.3%,transparent 67.3%),
    repeating-linear-gradient(90deg,transparent 0 calc(11.111% - 2px),rgba(7,8,10,.72) calc(11.111% - 2px) 11.111%),
    repeating-linear-gradient(transparent 0 calc(11.111% - 2px),rgba(7,8,10,.72) calc(11.111% - 2px) 11.111%),
    var(--wow-acid);
  box-shadow:22px 22px 0 var(--wow-blue)
}
.sudoku-motif::after{content:"7";position:absolute;right:12%;bottom:4%;font-family:var(--wow-display);font-size:9vw;line-height:1;color:var(--wow-blue)}

/* Evidence wall */
.evidence-scene{background:var(--wow-black);color:var(--wow-ice)}
.evidence-scene .scene-meta{color:var(--wow-acid)}
.evidence-title{position:absolute;z-index:3;top:14vh;left:5vw;width:30vw}
.evidence-title h2{margin:0;color:var(--wow-orange);font-family:var(--wow-display);font-size:clamp(4rem,8vw,9rem);font-weight:900;letter-spacing:-.075em;line-height:.78;text-transform:uppercase}
.evidence-facts{position:absolute;z-index:3;top:13vh;right:6vw;display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:8px;width:55vw;margin:0}
.evidence-facts div{display:flex;min-height:132px;flex-direction:column;justify-content:space-between;padding:14px;border:3px solid currentColor}
.evidence-facts div:nth-child(1){background:var(--wow-acid);color:var(--wow-black)}
.evidence-facts div:nth-child(2){background:var(--wow-blue);color:var(--wow-ice)}
.evidence-facts div:nth-child(3){background:var(--wow-orange);color:var(--wow-black)}
.evidence-facts div:nth-child(4){background:var(--wow-ice);color:var(--wow-black)}
.evidence-facts dt{max-width:25ch;font-family:var(--wow-mono);font-size:.65rem;font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}
.evidence-facts dd{margin:0;font-family:var(--wow-display);font-size:clamp(2.4rem,4.6vw,5.5rem);font-weight:900;letter-spacing:-.07em;line-height:.82;text-transform:uppercase}
.evidence-history{position:absolute;z-index:3;top:48%;right:6vw;left:5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;border-top:3px solid var(--wow-ice);list-style:none;counter-reset:proof}
.evidence-history li{position:relative;min-height:190px;padding:17px 18px 12px;border-right:1px solid rgba(245,242,232,.45);counter-increment:proof}
.evidence-history li::before{content:"0" counter(proof);display:block;margin-bottom:20px;color:var(--wow-acid);font-family:var(--wow-mono);font-size:.7rem}
.evidence-history li > span{display:block;margin-bottom:8px;color:var(--wow-orange);font-family:var(--wow-mono);font-size:.64rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.evidence-history strong{display:block;margin-bottom:8px;font-family:var(--wow-serif);font-size:clamp(1rem,1.6vw,1.5rem);font-weight:560;line-height:1.05}
.evidence-history p{margin:0;color:#c7c9cc;font-size:clamp(.78rem,.95vw,.92rem);line-height:1.4}
.evidence-coda{position:absolute;z-index:3;right:6vw;bottom:4vh;left:5vw;margin:0;color:var(--wow-ice);font-family:var(--wow-serif);font-size:clamp(1.75rem,3.25vw,3.5rem);font-weight:500;letter-spacing:-.035em;line-height:1}
.evidence-coda em{color:var(--wow-acid)}

/* Argument poster stack */
.writing-scene{background:var(--wow-acid);color:var(--wow-black)}
.writing-heading{position:absolute;z-index:3;top:14vh;left:5vw;width:29vw}
.writing-heading h2{margin:0;font-family:var(--wow-display);font-size:clamp(3rem,6vw,6.9rem);font-weight:900;letter-spacing:-.07em;line-height:.82;text-transform:uppercase}
.poster-stack{position:absolute;z-index:4;top:16vh;right:6vw;bottom:6vh;left:35vw;display:grid;grid-template-columns:1.05fr .9fr 1fr;align-items:end;gap:0;margin:0;padding:0;list-style:none}
.poster{position:relative;min-width:0;transition:transform .22s ease,z-index .22s}
.poster:nth-child(1){z-index:1;height:82%;transform:rotate(-1.8deg) translateX(16px)}
.poster:nth-child(2){z-index:3;height:96%;transform:rotate(1.2deg)}
.poster:nth-child(3){z-index:2;height:76%;transform:rotate(-.8deg) translateX(-16px)}
.poster:hover,.poster:focus-within{z-index:10;transform:translateY(-12px) rotate(0)}
.poster a{position:relative;display:flex;height:100%;flex-direction:column;padding:clamp(18px,2vw,30px);border:5px solid var(--wow-black);color:inherit;text-decoration:none;overflow:hidden;box-shadow:12px 12px 0 rgba(7,8,10,.22)}
.poster-one a{background:var(--wow-black);color:var(--wow-acid)}
.poster-two a{background:var(--wow-blue);color:var(--wow-ice)}
.poster-three a{background:var(--wow-orange);color:var(--wow-black)}
.poster time{position:absolute;right:-.1em;bottom:-.16em;color:currentColor;font-family:var(--wow-display);font-size:clamp(5rem,10vw,12rem);font-weight:900;letter-spacing:-.08em;line-height:1;opacity:.13}
.poster span{position:relative;z-index:1;font-family:var(--wow-mono);font-size:.67rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.poster h3{position:relative;z-index:1;margin:18px 0 14px;font-family:var(--wow-display);font-size:clamp(1.45rem,2.4vw,3rem);font-weight:900;letter-spacing:-.055em;line-height:.88;text-transform:uppercase}
.poster p{position:relative;z-index:1;margin:0;font-size:clamp(.78rem,1vw,.95rem);line-height:1.4}
.poster b{position:relative;z-index:1;margin-top:auto;padding-top:18px;font-family:var(--wow-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}

/* One field-notes spread */
.notes-scene{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  grid-template-rows:auto 1fr;
  gap:24px 5vw;
  min-height:max(100svh,780px);
  background:var(--wow-ice);
  color:var(--wow-black);
}
.notes-about{grid-row:1 / 3;padding:0 4vw 0 0;border-right:4px solid var(--wow-black)}
.notes-about h2{margin:0 0 24px;color:var(--wow-blue);font-family:var(--wow-display);font-size:clamp(4rem,7.4vw,8rem);font-weight:900;letter-spacing:-.075em;line-height:.78;text-transform:uppercase}
.notes-about > p:not(.scene-kicker){max-width:58ch;margin:0 0 17px;font-size:clamp(.9rem,1.1vw,1.04rem);line-height:1.53}
.notes-about strong{box-shadow:inset 0 -.5em var(--wow-acid)}
.notes-current{position:relative;padding:20px 22px;border:4px solid var(--wow-black);background:var(--wow-blue);color:var(--wow-ice);box-shadow:13px 13px 0 var(--wow-acid);transform:rotate(1deg)}
.notes-current h2{margin:0 0 12px;font-family:var(--wow-serif);font-size:clamp(1.65rem,2.6vw,2.7rem);font-weight:560;line-height:1.02}
.notes-current > p:not(.scene-kicker,.current-asof){margin:0;font-size:.92rem;line-height:1.45}
.notes-current .current-asof{margin:14px 0 0;color:var(--wow-acid);font-size:.68rem}
.notes-preoccupations{align-self:end;padding:0}
.notes-preoccupations > .scene-kicker{margin-bottom:6px;color:var(--wow-blue)}
.notes-preoccupations > h2{margin:0 0 14px;font-family:var(--wow-serif);font-size:clamp(1.45rem,2.1vw,2.15rem);font-weight:560;line-height:1.05}
.note-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:3px solid var(--wow-black);border-left:3px solid var(--wow-black)}
.note-grid article{min-width:0;padding:12px;border-right:3px solid var(--wow-black);border-bottom:3px solid var(--wow-black)}
.note-grid article > span{font-family:var(--wow-mono);font-size:.62rem;color:var(--wow-blue)}
.note-grid h3{margin:3px 0 5px;font-family:var(--wow-display);font-size:.9rem;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
.note-grid p{margin:0;font-size:.72rem;line-height:1.36}
:root[data-theme="dark"] .notes-scene{background:#0c0d10;color:var(--wow-ice)}
:root[data-theme="dark"] .notes-about{border-color:var(--wow-ice)}
:root[data-theme="dark"] .notes-about h2{color:var(--wow-acid)}
:root[data-theme="dark"] .notes-about strong{box-shadow:inset 0 -.5em color-mix(in srgb,var(--wow-acid) 40%,transparent)}
:root[data-theme="dark"] .notes-current{border-color:var(--wow-ice);box-shadow:13px 13px 0 var(--wow-orange)}
:root[data-theme="dark"] .note-grid{border-color:var(--wow-ice)}
:root[data-theme="dark"] .note-grid article{border-color:var(--wow-ice)}

/* Finale */
.contact-scene{min-height:max(100svh,740px);background:var(--wow-orange);color:var(--wow-black)}
.contact-main{position:absolute;z-index:3;top:12vh;left:5vw;width:min(67vw,1040px)}
.contact-main h2{margin:0;font-family:var(--wow-display);font-size:clamp(6rem,14vw,16rem);font-weight:900;letter-spacing:-.09em;line-height:.67;text-transform:uppercase}
.contact-main > p:not(.scene-kicker){max-width:52ch;margin:30px 0 18px;font-size:clamp(.95rem,1.2vw,1.08rem);font-weight:500;line-height:1.45}
.contact-email{display:inline-block;max-width:100%;padding:8px 0;border-bottom:5px solid currentColor;font-family:var(--wow-serif);font-size:clamp(1.3rem,2.75vw,3rem);font-weight:600;letter-spacing:-.03em;text-decoration:none;overflow-wrap:anywhere}
.contact-email:hover,.contact-email:focus-visible{background:var(--wow-acid)}
.contact-links{position:absolute;z-index:4;right:5vw;top:22vh;display:grid;width:min(24vw,320px);border-top:3px solid var(--wow-black)}
.contact-links a{display:flex;align-items:center;min-height:50px;padding:0 8px;border-bottom:3px solid var(--wow-black);font-family:var(--wow-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.contact-links a:hover,.contact-links a:focus-visible{background:var(--wow-black);color:var(--wow-acid)}
.contact-footer{position:absolute;z-index:4;right:5vw;bottom:60px;left:5vw;display:grid;grid-template-columns:minmax(0,650px) auto;justify-content:space-between;gap:30px;align-items:end;padding-top:14px;border-top:3px solid var(--wow-black)}
.contact-footer .footnote{max-width:64ch;margin:0;padding:0;border:0;color:var(--wow-black);font-size:.8rem;line-height:1.45}
.contact-footer .footnote a{color:inherit;font-weight:600;text-underline-offset:3px}
.contact-footer .copyright{margin:0;padding:0;color:var(--wow-black);font-family:var(--wow-mono);font-size:.65rem;letter-spacing:.08em;white-space:nowrap}
.signal-ticker{position:absolute;z-index:2;right:0;bottom:0;left:0;height:42px;border-top:3px solid var(--wow-black);background:var(--wow-acid);color:var(--wow-black);font-family:var(--wow-display);font-size:1.55rem;font-weight:900;letter-spacing:-.04em;line-height:39px;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.signal-ticker span{display:block;width:max-content;animation:ticker-arrive 3.8s cubic-bezier(.16,1,.3,1) both}
@keyframes ticker-arrive{from{transform:translateX(-22%)}to{transform:translateX(0)}}

/* The deck exists only when the viewport has room for it. */
@media (min-width:1200px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
  .scene{
    position:sticky;
    top:calc(58px + var(--stack-edge));
    min-height:calc(100svh - 58px - var(--stack-edge));
    height:calc(100svh - 58px - var(--stack-edge));
    border-top:4px solid var(--wow-black);
    box-shadow:0 -18px 44px rgba(7,8,10,.35);
  }
  .scene:target,.scene:focus-within{z-index:100!important}
  .scene[data-scene="01"]{z-index:1}.scene[data-scene="02"]{z-index:2}.scene[data-scene="03"]{z-index:3}
  .scene[data-scene="04"]{z-index:4}.scene[data-scene="05"]{z-index:5}.scene[data-scene="06"]{z-index:6}
  .scene[data-scene="07"]{z-index:7}.scene[data-scene="08"]{z-index:8}.scene[data-scene="09"]{z-index:9}
}

/* Keep the complete field-notes spread inside short laptop viewports. */
@media (min-width:1200px) and (min-height:740px) and (max-height:800px) and (prefers-reduced-motion:no-preference){
  .notes-scene{padding-top:64px;padding-bottom:18px;gap:16px 4vw}
  .notes-about h2{margin-bottom:16px;font-size:clamp(3.6rem,6.2vw,6rem)}
  .notes-about > p:not(.scene-kicker){margin-bottom:12px;font-size:.86rem;line-height:1.42}
  .notes-current{padding:14px 16px}
  .notes-current h2{font-size:1.65rem}
  .notes-current > p:not(.scene-kicker,.current-asof){font-size:.82rem;line-height:1.38}
  .notes-current .current-asof{margin-top:8px}
  .notes-preoccupations > h2{margin-bottom:8px;font-size:1.45rem}
  .note-grid{grid-template-columns:repeat(4,1fr)}
  .note-grid article{padding:8px}
  .note-grid p{font-size:.72rem;line-height:1.3}
  .contact-main{top:10vh}
}

@media (max-width:1199px), (max-height:739px), (prefers-reduced-motion:reduce){
  html{scroll-padding-top:58px}
  .deck-index{display:none}
  .wow-chrome .topnav{display:none}
  .wow-chrome .mobile-menu{display:block}
  .wow-chrome .mobile-menu summary{border-radius:0;background:var(--wow-black);color:var(--wow-ice)}
  .wow-chrome .mobile-menu nav{
    max-height:calc(100dvh - 70px);
    overflow-y:auto;
    overscroll-behavior:contain;
    border:2px solid var(--wow-ice);
    border-radius:0;
    background:var(--wow-black);
    -webkit-overflow-scrolling:touch;
  }
  .wow-chrome .mobile-menu nav a{display:flex;align-items:center;min-height:44px;color:var(--wow-ice)}
  .scene{min-height:auto;padding:90px clamp(20px,5vw,48px) 64px;overflow:hidden}
  .scene-meta{top:76px;left:clamp(20px,5vw,48px);right:clamp(20px,5vw,48px)}
  .scene-meta a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:2px 4px}

  .scene-opening{min-height:900px;padding:0}
  .hero-type{top:88px;left:20px;width:calc(100% - 40px)}
  .hero-type .thesis{font-size:clamp(2.75rem,11vw,5.5rem);line-height:.86}
  .hero-type .thesis span:nth-child(2),.hero-type .thesis span:last-child{font-size:1em}
  .hero-type .thesis em{margin:.12em 0 .14em 0;font-size:.78em}
  .hero-collage{top:250px;height:520px}
  .hero-collage img{object-position:68% center}
  .hero-ink{background:linear-gradient(180deg,var(--wow-ice) 0 34%,transparent 57%),linear-gradient(0deg,var(--wow-ice) 0 8%,transparent 32%)}
  .hero-folio{display:none}
  .hero-lower{right:20px;bottom:32px;left:20px;grid-template-columns:1fr;gap:12px}
  .hero-lower .lede{max-width:600px}
  .hero-actions{justify-content:flex-start}
  .buddy-tag{right:7%;top:68%}

  .project-scene{min-height:760px}
  .project-copy,.project-one .project-copy,.project-two .project-copy,.project-three .project-copy,.project-four .project-copy{top:auto;right:auto;bottom:60px;left:clamp(20px,6vw,72px);width:min(82vw,690px);text-align:left}
  .project-copy > p:not(.scene-kicker),.project-two .project-copy > p,.project-four .project-copy > p{margin-left:0}
  .project-actions,.project-two .project-actions,.project-four .project-actions{justify-content:flex-start}
  .project-copy h2{font-size:clamp(3.5rem,11.5vw,7rem)}
  .capacity-motif{top:15%;right:4%;width:52vw;height:42vh}
  .message-motif{top:15%;bottom:auto;left:4%;width:55vw;height:40vh;opacity:.8}
  .csv-motif{top:16%;right:5%;bottom:auto;width:48vw;height:36vh}
  .sudoku-motif{top:15%;left:5%;width:min(40vh,46vw)}

  .evidence-scene{padding-bottom:70px}
  .evidence-title,.evidence-facts,.evidence-history,.evidence-coda{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto}
  .evidence-title{margin:64px 0 34px}
  .evidence-title h2{font-size:clamp(4rem,10vw,7rem)}
  .evidence-facts{grid-template-columns:repeat(2,1fr);margin-bottom:40px}
  .evidence-history{grid-template-columns:repeat(2,1fr);margin-bottom:34px}
  .evidence-coda{font-size:clamp(2rem,5vw,3rem)}

  .writing-scene{padding-bottom:70px}
  .writing-heading,.poster-stack{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto}
  .writing-heading{margin:64px 0 34px}
  .writing-heading h2{font-size:clamp(3.4rem,9vw,6rem)}
  .poster-stack{min-height:520px}

  .notes-scene{grid-template-columns:1fr;grid-template-rows:auto;gap:36px;padding-top:110px}
  .notes-about{grid-row:auto;padding:0 0 30px;border-right:0;border-bottom:4px solid currentColor}
  .notes-current{transform:none}

  .contact-scene{min-height:820px}
  .contact-main{top:118px;left:5vw;width:64vw}
  .contact-links{top:145px}
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce){
  .wow-chrome .topnav{display:flex}
  .wow-chrome .mobile-menu{display:none}
}

/* Keep a protected portrait lane across the full desktop range. The type may
   cross into the blue field, but its box ends before Tristan's face begins. */
@media (min-width:1200px){
  .hero-type{width:min(1180px,calc(55vw - clamp(22px,4.5vw,76px)))}
  .hero-type .thesis{font-size:clamp(3.1rem,5.25vw,7.55rem)}
  .hero-type .thesis span,.hero-type .thesis em{max-width:100%}
}

/* On tablet-shaped canvases, reserve the left column for type so the
   portrait remains readable even where the headline and image overlap. */
@media (min-width:701px) and (max-width:1199px){
  .hero-type{width:min(52vw,560px)}
  .hero-type .thesis{font-size:clamp(2.9rem,6.6vw,4.3rem)}
  .hero-type .thesis span{max-width:100%}
  .hero-collage img{object-position:50% center}
}

@media (max-width:700px){
  .wow-chrome{padding:0 12px}
  .wow-chrome .brandmark{min-width:44px;justify-content:center}
  .wow-chrome .brandmark span{display:none}
  .wow-chrome .topbar-right{gap:7px}
  .scene-meta{flex-wrap:wrap;gap:4px 10px;font-size:.59rem;letter-spacing:.06em}
  .scene-meta a{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .scene-meta span:nth-child(3){display:none}

  /* On phones, let the rendered headline determine where the portrait starts.
     This replaces the old fixed top offsets that alternated between a gap and
     an overlap as the headline wrapped. */
  .scene-opening{
    display:grid;
    grid-template-areas:
      "type"
      "visual"
      "lower";
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto clamp(420px,118vw,500px) auto;
    align-content:start;
    min-height:0;
    padding:clamp(40px,6svh,56px) 0 24px;
  }
  .hero-type,
  .hero-collage,
  .hero-ink,
  .hero-lower,
  .buddy-tag{position:relative;inset:auto;min-width:0}
  .hero-type{grid-area:type;width:auto;margin:0 20px -16px}
  .hero-type .eyebrow{font-size:.62rem}
  .hero-type .thesis{font-size:clamp(2.55rem,12.6vw,4.2rem);letter-spacing:-.07em}
  .hero-type .thesis span:first-child{font-size:.68em}
  .hero-type .thesis > *{max-width:100%;overflow-wrap:anywhere}
  .hero-collage{grid-area:visual;width:100%;height:100%}
  .hero-collage img{object-position:66% center}
  .hero-ink{
    grid-area:visual;
    align-self:stretch;
    width:100%;
    height:100%;
    background:
      linear-gradient(180deg,var(--wow-ice) 0 5%,transparent 24%),
      linear-gradient(0deg,var(--wow-ice) 0 4%,transparent 25%);
  }
  .hero-lower{grid-area:lower;width:auto;margin:-64px 20px 0}
  .hero-lower .lede{padding:13px;font-size:.88rem;line-height:1.42;box-shadow:5px 5px 0 var(--wow-blue)}
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:.62rem}
  .hero-actions a{width:100%;min-width:0;justify-content:center;padding:0 8px;text-align:center;white-space:normal;overflow-wrap:anywhere}
  .buddy-tag{
    grid-area:visual;
    z-index:5;
    align-self:end;
    justify-self:end;
    margin:0 5% clamp(58px,16vw,84px) 0;
    font-size:.55rem;
  }
  .buddy-tag::before{width:28px}

  .project-scene{min-height:0;padding:110px 20px 56px}
  .project-copy,
  .project-one .project-copy,
  .project-two .project-copy,
  .project-three .project-copy,
  .project-four .project-copy{
    position:relative;
    inset:auto;
    width:auto;
    min-width:0;
    margin-top:clamp(250px,67vw,320px);
    text-align:left;
  }
  .project-copy h2{max-width:100%;font-size:clamp(2.5rem,13vw,4.8rem);line-height:.82;overflow-wrap:anywhere}
  /* Add clearance only when root text is enlarged; normal mobile stays unchanged. */
  .project-four .project-copy{
    margin-top:calc(clamp(250px,67vw,320px) + max(0px,calc(12.25rem - 261px)));
  }
  .project-four .project-copy h2{font-size:clamp(2.05rem,10.5vw,3.75rem);line-height:.84;letter-spacing:-.065em;hyphens:auto}
  .project-copy > p:not(.scene-kicker){font-size:.96rem}
  .project-actions a{max-width:100%;min-width:0;text-align:center;white-space:normal;overflow-wrap:anywhere}
  .project-number{font-size:25rem!important}
  .capacity-motif{top:14%;right:-10%;width:74vw;height:36vh}
  .message-motif{top:16%;left:-12%;width:72vw;height:34vh}
  .csv-motif{top:16%;right:-7%;width:65vw;height:31vh}
  .sudoku-motif{top:16%;left:-8%;width:63vw;box-shadow:12px 12px 0 var(--wow-blue)}

  .evidence-title{margin-top:54px}
  .evidence-title h2{max-width:100%;font-size:clamp(3.5rem,14vw,6rem);overflow-wrap:anywhere}
  .evidence-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evidence-facts div{min-width:0;min-height:112px;padding:10px}
  .evidence-facts dt,.evidence-facts dd{max-width:100%;overflow-wrap:anywhere}
  .evidence-facts dd{font-size:clamp(2rem,10vw,3rem)}
  .evidence-history{grid-template-columns:1fr}
  .evidence-history li{min-height:auto;border-right:0;border-bottom:1px solid rgba(245,242,232,.45)}

  .writing-heading{min-width:0;margin-top:max(54px,calc(44px + 2rem))}
  .writing-heading h2{max-width:12ch;font-size:clamp(2.5rem,13vw,5rem);line-height:.84;text-wrap:balance;overflow-wrap:anywhere}
  .poster-stack{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;min-height:0;gap:18px}
  .poster,.poster:nth-child(1),.poster:nth-child(2),.poster:nth-child(3){width:auto;height:auto;min-height:0;transform:none}
  .poster a{height:auto;min-height:clamp(320px,92vw,400px);padding:22px;box-shadow:7px 7px 0 rgba(7,8,10,.25)}
  .poster h3{font-size:clamp(1.9rem,8vw,2.8rem);line-height:.92;overflow-wrap:anywhere}
  .poster p{font-size:max(14px,1rem);line-height:1.5;overflow-wrap:anywhere}

  .notes-scene{padding-top:max(110px,calc(76px + 3rem))}
  .notes-about,.notes-current,.notes-preoccupations{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .notes-about h2{max-width:100%;font-size:clamp(3.25rem,15vw,4.75rem);overflow-wrap:anywhere}
  .notes-current h2,.notes-preoccupations h2{max-width:100%;overflow-wrap:anywhere}
  .note-grid{grid-template-columns:1fr}
  .note-grid p{font-size:.82rem}

  .contact-scene{min-height:0;padding:90px 20px 96px}
  .contact-main,.contact-links,.contact-footer{position:relative;inset:auto;width:auto}
  .contact-main{margin-top:64px}
  .contact-main h2{max-width:100%;font-size:clamp(4.5rem,24vw,8rem);overflow-wrap:anywhere}
  .contact-main > p:not(.scene-kicker){margin-top:28px}
  .contact-email{font-size:clamp(1.15rem,5vw,1.6rem)}
  .contact-links{margin-top:44px}
  .contact-footer{grid-template-columns:1fr;gap:14px;margin-top:64px}
  .contact-footer .copyright{white-space:normal}
  .signal-ticker{font-size:1.2rem}
}

/* Short phone landscapes get a compact two-column opening and normal-flow
   content. This also keeps every section reachable after text enlargement. */
@media (orientation:landscape) and (min-width:701px) and (max-width:932px) and (max-height:500px){
  .scene-opening{
    display:grid;
    grid-template-areas:
      "type visual"
      "lower lower";
    grid-template-columns:minmax(0,52%) minmax(0,48%);
    grid-template-rows:auto auto;
    align-content:start;
    min-height:0;
    padding:24px 0;
  }
  .hero-type,.hero-collage,.hero-ink,.hero-lower{position:relative;inset:auto;min-width:0}
  .hero-type{grid-area:type;align-self:start;width:auto;margin:0 20px}
  .hero-type .thesis{font-size:clamp(2.4rem,6vw,3.4rem)}
  .hero-type .thesis > *{max-width:100%;overflow-wrap:anywhere}
  .hero-collage{
    grid-area:visual;
    align-self:start;
    width:calc(100% + 16px);
    height:clamp(300px,calc(100svh - 82px),420px);
    margin-left:-16px;
  }
  .hero-collage img{object-position:58% center}
  .hero-ink{
    grid-area:visual;
    align-self:start;
    width:100%;
    height:clamp(300px,calc(100svh - 82px),420px);
    background:
      linear-gradient(90deg,var(--wow-ice) 0 4%,transparent 27%),
      linear-gradient(0deg,var(--wow-ice) 0 3%,transparent 22%);
  }
  .hero-lower{grid-area:lower;width:auto;margin:40px 20px 0}
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
  .hero-actions a{width:100%;min-width:0;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere}
  .buddy-tag{display:none}

  .project-scene{min-height:0;padding:100px 20px 56px}
  .project-copy,
  .project-one .project-copy,
  .project-two .project-copy,
  .project-three .project-copy,
  .project-four .project-copy{
    position:relative;
    inset:auto;
    width:auto;
    min-width:0;
    margin-top:250px;
    text-align:left;
  }
  .project-copy h2{max-width:100%;overflow-wrap:anywhere}
  .project-actions a{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}

  .writing-heading,.poster-stack{min-width:0}
  .writing-heading h2{max-width:100%;overflow-wrap:anywhere}
  .poster-stack{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;gap:14px}
  .poster,.poster:nth-child(1),.poster:nth-child(2),.poster:nth-child(3){height:auto;min-height:0;transform:none}
  .poster a{height:auto;min-height:410px}
  .poster h3{overflow-wrap:anywhere}

  .notes-scene{padding-top:max(110px,calc(76px + 3rem))}
  .notes-about,.notes-current,.notes-preoccupations{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .notes-about h2,.notes-current h2,.notes-preoccupations h2{max-width:100%;overflow-wrap:anywhere}

  .contact-scene{min-height:0;padding-bottom:96px}
  .contact-main,.contact-links,.contact-footer{position:relative;inset:auto;width:auto}
  .contact-main{margin-top:64px}
  .contact-main h2{max-width:100%;overflow-wrap:anywhere}
  .contact-links{margin-top:44px}
  .contact-footer{grid-template-columns:1fr;gap:14px;margin-top:64px}
}

/* At the narrowest phone width, short facts stay readable as one column
   instead of breaking compact values such as "15+ yrs" across tiny tracks. */
@media (max-width:340px){
  .evidence-facts{grid-template-columns:minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
  .scene{position:relative!important;top:auto!important;height:auto!important;min-height:auto!important}
  .scene-opening{min-height:900px!important}
  .project-scene{min-height:720px!important}
  .contact-scene{min-height:auto!important;padding-bottom:64px}
  .contact-main,.contact-links,.contact-footer{position:relative;inset:auto;width:auto}
  .contact-main{margin-top:64px}
  .contact-links{margin-top:44px}
  .contact-footer{margin-top:64px}
  .poster,.poster:hover,.poster:focus-within{transition:none;transform:none!important}
  .signal-ticker{display:none}
}

/* The intrinsic mobile compositions already grow with their content. Do not
   reintroduce the old fixed hero/project minimums when motion is reduced. */
@media (max-width:700px) and (prefers-reduced-motion:reduce),
       (orientation:landscape) and (min-width:701px) and (max-width:932px) and (max-height:500px) and (prefers-reduced-motion:reduce){
  .scene-opening,.project-scene{min-height:0!important}
}

@media (forced-colors:active){
  .scene{border:2px solid CanvasText}
  .scene::after,.hero-ink,.capacity-motif,.message-motif,.csv-motif,.sudoku-motif,.project-number{display:none}
  .deck-index a[aria-current="location"]{outline:3px solid Highlight}
  .hero-lower .lede,.poster a,.notes-current{box-shadow:none}
}

@media print{
  .wow-chrome,.deck-index,.signal-ticker{display:none!important}
  .scene{position:relative!important;top:auto!important;min-height:auto!important;height:auto!important;break-inside:avoid;padding:32px!important;color:#000!important;background:#fff!important;box-shadow:none!important}
  .hero-collage{position:relative;height:420px}
  .hero-type,.hero-lower,.project-copy,.evidence-title,.evidence-facts,.evidence-history,.evidence-coda,.writing-heading,.poster-stack,.contact-main,.contact-links,.contact-footer{position:relative;inset:auto;width:auto}
}

/* Secondary pages inherit the loud edition without becoming slide decks. */
body:not(.wow-home).wow-page{
  background:var(--wow-ice);
  color:var(--wow-black);
}
body:not(.wow-home).wow-page::before{display:none}
body.wow-page .topbar{border-bottom:3px solid currentColor}
body.wow-page .brandmark b,body.wow-page .kicker,body.wow-page .eyebrow{color:var(--wow-blue)}
body.wow-page h1{font-family:var(--wow-display);font-weight:900;letter-spacing:-.065em;line-height:.84;text-transform:uppercase}
body.wow-page h2,body.wow-page h3{letter-spacing:-.025em}
body.wow-page .theme-toggle{border-radius:0;border:2px solid currentColor;color:var(--wow-blue)}
body.wow-page .wrap{max-width:1380px}
body.wow-page a:focus-visible{outline:3px solid var(--wow-blue);outline-offset:4px}
:root[data-theme="dark"] body:not(.wow-home).wow-page{background:var(--wow-black);color:var(--wow-ice)}
:root[data-theme="dark"] body.wow-page .brandmark b,
:root[data-theme="dark"] body.wow-page .kicker,
:root[data-theme="dark"] body.wow-page .eyebrow{color:var(--wow-acid)}

/* Media archive: cover plus ledger. */
.press-page .page{position:relative;padding-top:clamp(64px,9vh,100px)}
.press-page .page::before{
  content:"ARCHIVE / 29";
  position:absolute;
  z-index:-1;
  top:35px;
  right:0;
  color:var(--wow-blue);
  font-family:var(--wow-display);
  font-size:clamp(5rem,13vw,12rem);
  font-weight:900;
  letter-spacing:-.09em;
  line-height:.8;
  opacity:.12;
}
.press-page .page > h1{
  max-width:1000px;
  margin-bottom:28px;
  font-size:clamp(3.8rem,8.3vw,8.8rem);
}
.press-page .page > .lede{
  max-width:750px;
  margin-bottom:70px;
  padding:22px 25px;
  border:4px solid var(--wow-black);
  background:var(--wow-blue);
  color:var(--wow-ice);
  box-shadow:12px 12px 0 var(--wow-acid);
  font-size:1rem;
}
.press-page .clip-group+.clip-group{margin-top:70px}
.press-page .group-title{
  display:block;
  margin:0;
  padding:15px 18px;
  border:3px solid currentColor;
  background:var(--wow-acid);
  color:var(--wow-black);
  font-family:var(--wow-display);
  font-size:clamp(1.4rem,2.3vw,2.45rem);
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1;
  text-transform:uppercase;
}
.press-page .clips{border-top:3px solid currentColor}
.press-page .clip{
  display:grid;
  grid-template-columns:minmax(150px,190px) minmax(0,1fr);
  gap:5px 28px;
  padding:24px 18px;
  border-bottom:2px solid currentColor;
  transition:background-color .16s,color .16s,transform .16s;
}
.press-page .clip:focus-within,.press-page .clip:hover{background:var(--wow-blue);color:var(--wow-ice)}
.press-page .clip-src{grid-row:1 / 3;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;color:inherit;font-size:.68rem}
.press-page .clip-src .yr{color:var(--wow-blue)}
:root[data-theme="dark"] .press-page .clip-src .yr{color:var(--wow-acid)}
.press-page .clip:hover .clip-src .yr,.press-page .clip:focus-within .clip-src .yr{color:var(--wow-acid)}
.press-page .clip-title{color:inherit;font-family:var(--wow-serif);font-size:clamp(1.35rem,2.1vw,2.1rem);font-weight:560;line-height:1.06}
.press-page .clip-title:hover,.press-page .clip-title:focus-visible{color:inherit}
.press-page .clip-note{margin:4px 0 0;color:inherit;font-size:.9rem;opacity:.78}
.press-page .clip-group:first-of-type .clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:12px;border:0}
.press-page .clip-group:first-of-type .clip{display:flex;min-height:275px;flex-direction:column;padding:22px;border:4px solid var(--wow-black);color:var(--wow-black)}
.press-page .clip-group:first-of-type .clip:nth-child(1){background:var(--wow-acid)}
.press-page .clip-group:first-of-type .clip:nth-child(2){background:var(--wow-blue);color:var(--wow-ice)}
.press-page .clip-group:first-of-type .clip:nth-child(3){background:var(--wow-orange)}
.press-page .clip-group:first-of-type .clip:nth-child(4){background:var(--wow-ice)}
.press-page .clip-group:first-of-type .clip-src{display:flex;flex-direction:row;margin-bottom:24px}
.press-page .clip-group:first-of-type .clip-src .yr{color:inherit}
.press-page .clip-group:first-of-type .clip-title{font-family:var(--wow-display);font-size:clamp(1.7rem,3vw,3.1rem);font-weight:900;letter-spacing:-.06em;line-height:.88;text-transform:uppercase}
.press-page .clip-group:first-of-type .clip-note{margin-top:auto;padding-top:18px}
.press-page .clip-group:first-of-type .clip-note{opacity:1}

/* Writing index: three physical argument covers. */
.writing-index-page .page{position:relative;padding-top:clamp(64px,9vh,100px)}
.writing-index-page .page::before{content:"03";position:absolute;z-index:-1;top:20px;right:0;color:var(--wow-orange);font-family:var(--wow-display);font-size:clamp(10rem,24vw,23rem);font-weight:900;letter-spacing:-.12em;line-height:.8;opacity:.14}
.writing-index-page .page > h1{max-width:1000px;font-size:clamp(4rem,9.6vw,10rem)}
.writing-index-page .page > .lede{max-width:720px;margin-bottom:60px;padding:20px 24px;border-left:12px solid var(--wow-blue);background:rgba(23,55,255,.1)}
.writing-index-page .essays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:0;margin:0 0 80px;padding:15px 0 30px}
.writing-index-page .essay{position:relative;display:flex;min-height:480px;flex-direction:column;padding:28px;border:5px solid var(--wow-black);color:var(--wow-black);box-shadow:12px 12px 0 rgba(7,8,10,.22);transition:transform .2s ease,z-index .2s}
.writing-index-page .essay:nth-child(1){z-index:2;background:var(--wow-acid);transform:rotate(-1.2deg) translateX(10px)}
.writing-index-page .essay:nth-child(2){z-index:3;min-height:530px;background:var(--wow-blue);color:var(--wow-ice);transform:rotate(1deg)}
.writing-index-page .essay:nth-child(3){z-index:1;background:var(--wow-orange);transform:rotate(-.8deg) translateX(-10px)}
.writing-index-page .essay:hover,.writing-index-page .essay:focus-within{z-index:10;transform:translateY(-10px) rotate(0)}
.writing-index-page .essay p.essay-meta{color:inherit;font-size:.68rem}
.writing-index-page .essay-meta .topic{color:inherit}
.writing-index-page .essay a.t{margin:25px 0 20px;color:inherit;font-family:var(--wow-display);font-size:clamp(1.8rem,3.25vw,3.6rem);font-weight:900;letter-spacing:-.06em;line-height:.88;text-transform:uppercase}
.writing-index-page .essay a.t:hover,.writing-index-page .essay a.t:focus-visible{color:inherit}
.writing-index-page .essay > p:last-child{margin-top:auto;color:inherit;font-size:.92rem;line-height:1.45}
.writing-index-page .writing-end{max-width:760px;padding:35px;border:4px solid currentColor;background:var(--wow-ice);color:var(--wow-black);box-shadow:12px 12px 0 var(--wow-blue)}
:root[data-theme="dark"] .writing-index-page .writing-end{background:#121318;color:var(--wow-ice);box-shadow:12px 12px 0 var(--wow-acid)}

/* Essays: loud title plate, calm reading field. */
body.article-page{overflow-x:clip}
.article-page .page{position:relative;padding-top:clamp(64px,9vh,100px)}
.article-page .page::before{content:"";position:absolute;z-index:-1;top:90px;right:0;width:52vw;height:310px;background:var(--wow-blue);clip-path:polygon(7% 4%,100% 0,96% 94%,0 100%);opacity:.15}
.article-page .page > h1{max-width:1100px;margin-bottom:28px;font-size:clamp(3.5rem,7.7vw,8.3rem);overflow-wrap:anywhere}
.article-page .article-dek{max-width:720px;margin-bottom:22px;padding:18px 22px;border-left:10px solid var(--wow-acid);color:var(--bone);font-size:clamp(1.05rem,1.6vw,1.3rem)}
.article-page .art-meta{padding-bottom:22px;border-bottom:4px solid currentColor}
.article-page .prose{max-width:700px;margin-top:58px}
.article-page .prose h2{margin-top:2.2em;color:var(--bone);font-family:var(--wow-display);font-size:clamp(1.6rem,2.5vw,2.35rem);font-weight:900;letter-spacing:-.04em;line-height:1;text-transform:uppercase}
.article-page .prose a{color:var(--wow-blue);font-weight:500;text-decoration-thickness:2px}
:root[data-theme="dark"] .article-page .prose a{color:var(--wow-acid)}
.article-page .assessment-checklist{border-top:4px solid currentColor!important}
.article-page .assessment-checklist li::before{color:var(--wow-blue)!important;font-weight:600}
:root[data-theme="dark"] .article-page .assessment-checklist li::before{color:var(--wow-acid)!important}
.article-page .more-card{border:3px solid currentColor;border-radius:0}
.article-page .more-card:hover,.article-page .more-card:focus-visible{border-color:var(--wow-blue);background:rgba(23,55,255,.1)}

.error-page main{position:relative}
.error-page h1{color:var(--wow-blue);font-size:clamp(6rem,18vw,16rem)!important}
:root[data-theme="dark"] .error-page h1{color:var(--wow-acid)}

@media (max-width:760px){
  .press-page .page::before,.writing-index-page .page::before,.article-page .page::before{display:none}
  .press-page .page > h1,.writing-index-page .page > h1,.article-page .page > h1{font-size:clamp(3rem,15vw,5rem)}
  .press-page .page > .lede{margin-right:8px;box-shadow:8px 8px 0 var(--wow-acid)}
  .press-page .clip-group:first-of-type .clips{grid-template-columns:1fr}
  .press-page .clip-group:first-of-type .clip{min-height:230px}
  .press-page .clip{display:block;padding:22px 4px}
  .press-page .clip-src{display:flex;flex-direction:row;margin-bottom:12px}
  .writing-index-page .essays{grid-template-columns:1fr;gap:20px}
  .writing-index-page .essay,.writing-index-page .essay:nth-child(1),.writing-index-page .essay:nth-child(2),.writing-index-page .essay:nth-child(3){min-height:420px;transform:none}
  .article-page .prose{margin-top:38px}
}