/* Personal photographs, paper objects and small experiments along the road. */
body::before{opacity:.16}body::after{opacity:.22}
.band__inner{max-width:1120px}.band{scroll-margin-top:24px}.intro-note{max-width:650px;font-size:1.3rem;line-height:1.6;margin:1.3rem 0 2rem}.desk-scene{position:relative;margin:3rem 0 5rem;transform:rotate(-1deg)!important}.desk-scene>img{width:100%;height:auto;display:block;border:10px solid #faf1da;box-shadow:0 12px 30px #0e1a4220}.desk-scene figcaption{display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.75rem;padding:1rem .3rem}.desk-scene figcaption span{opacity:.6}.desk-pin{position:absolute;padding:.55rem .8rem;background:#faedbf;color:var(--ink);font:600 .8rem var(--sans);box-shadow:3px 4px 0 #0e1a4240;transform:rotate(3deg);text-decoration:none}.pin-books{bottom:26%;right:27%}.pin-work{top:32%;right:8%}.memory{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(2rem,7vw,6rem);padding:2rem 0}.memory figure{max-width:350px;transform:rotate(-4deg);background:#fff5db;padding:12px 12px 5px;box-shadow:5px 8px 0 #0e1a4215}.memory img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}.memory figcaption{font:italic 1rem var(--serif);text-align:center;padding:8px}.memory h3{font:700 clamp(2.5rem,5vw,4.4rem)/1.05 var(--display);margin:1rem 0 1.5rem}.memory p{margin-bottom:1rem}.handwritten{font:italic 1.7rem var(--serif);display:block;margin:1.5rem 0;color:inherit}.bookshelf{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:2rem;border-bottom:14px solid #d8b887;padding:2rem 1rem 0;margin:3rem 0 2rem;box-shadow:0 9px 0 #0b237d}.book{color:#f8e5bf;border:0;border-radius:3px 9px 9px 3px;min-height:365px;padding:1.7rem 1.4rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;position:relative;box-shadow:inset 9px 0 0 #0002,8px 1px 0 #ead9b2,11px 3px 0 #112149;transition:transform .2s}.book:hover,.book[aria-expanded=true]{transform:translateY(-15px) rotate(-2deg)}.book span{font: .72rem var(--mono);margin-bottom:1.5rem}.book strong{font:700 clamp(1.5rem,3vw,2.6rem)/1.05 var(--display)}.book em{font:italic .95rem var(--serif)}.book small{font:.6rem var(--mono);margin-top:auto;padding-top:1rem}.book-art{font:normal 4rem var(--serif);margin:1rem 0}.book-rebel{background:#ad341d;transform:rotate(-3deg)}.book-influence{background:#f0d28d;color:#172b56;min-height:390px}.book-galaxy{background:#163c35;transform:rotate(3deg)}.book-notes{background:#f8e7c4;color:var(--ink);padding:2rem;border-radius:2px;max-width:850px;margin:2rem auto 0}.book-notes h3{font:700 2rem var(--display);margin-bottom:.8rem}.book-notes a{color:var(--ink)}.book-notes p{margin:.6rem 0}.book-notes .text-button{margin-top:.8rem}.experiment{background:#f8edcf;border:1px solid #0e1a4225;margin-top:2.5rem;box-shadow:8px 8px 0 #d8c7a5}.experiment-top{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;font:.75rem var(--mono);border-bottom:1px solid #0e1a4220}#crowd-lab{width:100%;height:350px;display:block}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.4rem;border-top:1px solid #0e1a4220}.lab-controls label{font:600 .85rem var(--sans);display:flex;flex-direction:column;gap:.7rem}.lab-controls label span{font: .7rem var(--mono);opacity:.7}input[type=range]{width:100%;accent-color:#cb461c}.lab-buttons{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;grid-column:1/-1}.text-button{background:none;color:inherit;border:0;border-bottom:1px solid currentColor;font:inherit;cursor:pointer;padding:.3rem 0}.model-note,.source-note{font:.8rem/1.65 var(--sans);opacity:.8;margin:1rem 0 1.7rem}.model-note{padding:0 1.4rem}.timeline-puzzle{border:1px solid #f8e5bf55;padding:2rem;margin-top:2rem}.timeline-puzzle>p:not(.handwritten){font-size:.95rem}#event-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.7rem 0}#event-options button{background:#f5e7c6;color:#14224f;border:0;padding:1.6rem 1rem;font:600 1.1rem/1.4 var(--sans);cursor:pointer;box-shadow:4px 4px 0 #0b2169}#event-options button:disabled{opacity:.45;cursor:default}#timeline-reveals{list-style:none;display:grid;gap:1rem;margin:1rem 0}#timeline-reveals li{padding:1rem;border-left:3px solid #f0ad62;background:#092b992f}#timeline-reveals strong{display:block;font:.8rem var(--mono);margin-bottom:.4rem}.now-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.now-grid p{margin-bottom:1.6rem}.question-orbit{position:relative;aspect-ratio:1;border:1px dashed #1b44be80;border-radius:50%;max-width:370px;width:100%;margin:2rem auto;font:italic 1.3rem var(--serif)}.question-orbit span{position:absolute;padding:.6rem 1rem;background:#f1e0b8}.question-orbit .orbit-center{left:50%;top:50%;transform:translate(-50%,-50%);font:700 3.6rem var(--display);color:#1b44be}.question-orbit span:nth-child(2){top:-6%;left:38%}.question-orbit span:nth-child(3){top:40%;right:-10%}.question-orbit span:nth-child(4){bottom:-6%;left:30%}.question-orbit span:nth-child(5){top:42%;left:-6%}.talk-fold{margin-top:2rem;border-top:1px solid #14224f40;padding:1rem 0}.talk-fold summary{cursor:pointer}.talk-fold .video-slot{margin-top:1rem;aspect-ratio:16/9}.writing-link{display:flex;flex-direction:column;gap:1.5rem;text-decoration:none;border-block:1px solid #f8e5bf55;padding:2rem 0;margin:2rem 0}.writing-link span{font:.75rem var(--mono)}.writing-link strong{font:700 clamp(1.5rem,3vw,2.7rem)/1.2 var(--display)}.contact-research{margin-top:2rem;font-size:.9rem}.research-sub{font:700 2rem var(--display);margin:4rem 0 1.5rem}.research-links a{display:block;text-decoration:none;border-top:1px solid #14224f40;padding:1.5rem 0}.research-links span{font:.7rem var(--mono)}.research-links strong{display:block;font:700 1.8rem var(--display);margin:.5rem 0}.research-links p{font-size:1rem}.about-sketch{width:100%;height:auto}.hero__line{max-width:460px;margin-inline:auto}.band__inner>*{opacity:1;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e8551b;outline-offset:6px}.book-notes button{color:var(--ink)}[hidden]{display:none!important}
@media(max-width:700px){.memory,.now-grid{grid-template-columns:1fr;gap:2rem}.memory figure{max-width:290px;margin:0 auto}.desk-scene{margin-bottom:2rem}.desk-scene figcaption{display:block}.desk-scene figcaption span{display:block}.desk-pin{font-size:.6rem;padding:.4rem}.pin-books{bottom:35%;right:23%}.bookshelf{gap:1rem;padding-inline:0}.book{min-height:275px;padding:1.2rem .65rem}.book-influence{min-height:295px}.book strong{font-size:1.3rem}.book span{font-size:.57rem}.book-art{font-size:2.7rem}.book small{font-size:.5rem}.book em{font-size:.7rem}.lab-controls{grid-template-columns:1fr}.experiment-top{font-size:.6rem}.timeline-puzzle{padding:1.3rem}#event-options{grid-template-columns:1fr}#event-options button{padding:1rem}.intro-note{font-size:1.1rem}.question-orbit{max-width:260px}.desk-scene>img{border-width:5px}.book-notes{padding:1.3rem}.rail .stop span{font-size:.55rem}#crowd-lab{height:280px}}

/* Contact / working prospectus */
.prospectus .band{padding-block:clamp(4rem,9vw,7.5rem)}
.prospectus-hero .band__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);gap:clamp(2.5rem,7vw,6rem);align-items:center}
.prospectus-hero__copy>p:not(.eyebrow){max-width:42rem}
.prospectus-lede{font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.52;max-width:45rem}
.prospectus-hero__copy .prospectus-lede{margin-bottom:1.2rem}
.prospectus-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem 1.6rem;margin-top:2.2rem}
.text-link{font:700 .82rem var(--mono);letter-spacing:.04em;text-transform:uppercase}
.prospectus-portrait{background:var(--cream-hi);padding:10px 10px 7px;box-shadow:9px 11px 0 var(--ink);transform:rotate(2.5deg)}
.prospectus-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.prospectus-portrait figcaption{padding:.7rem .35rem .35rem;font:italic .9rem var(--serif);text-align:center}
.fact-sheet{border-top:1px solid rgba(248,225,176,.45);margin-top:2.6rem;max-width:58rem}
.fact-sheet dl>div{display:grid;grid-template-columns:minmax(9rem,.42fr) minmax(0,1fr);gap:1.3rem;padding:1.1rem 0;border-bottom:1px solid rgba(248,225,176,.28)}
.fact-sheet dt{font:.68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--light-soft);padding-top:.3em}
.fact-sheet dd{font:700 clamp(1.15rem,2.2vw,1.55rem)/1.28 var(--display);text-transform:uppercase;color:var(--cream-hi)}
.fact-caveat{max-width:43rem;margin-top:1.6rem;padding-left:1rem;border-left:3px solid var(--orange);font-size:.9rem;color:var(--light-soft)}
.prospectus-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.7rem}
.prospectus-pillars article{background:var(--cream-hi);border:2px solid var(--ink);padding:1.6rem;box-shadow:5px 5px 0 var(--ink)}
.prospectus-pillars span{font:.7rem var(--mono);color:var(--orange-lo)}
.prospectus-pillars h3{font:700 1.55rem/1.05 var(--display);text-transform:uppercase;margin:.75rem 0 1rem}
.prospectus-pillars p{font-size:1rem;line-height:1.65}
.prospectus-proof{margin-top:3rem;max-width:49rem;padding:1.6rem 1.8rem;border-left:7px solid var(--orange);background:rgba(250,241,218,.55)}
.prospectus-proof>p:not(.eyebrow){font-size:1.13rem;margin-bottom:1rem}
.prospectus-proof>a{display:block;margin-top:.55rem;font-weight:700}
.press-section .prospectus-lede{color:var(--cloud)}
.press-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3rem;border-top:1px solid rgba(248,225,176,.4)}
.press-grid a{display:flex;flex-direction:column;padding:1.7rem 1.5rem 1.7rem 0;text-decoration:none;border-bottom:1px solid rgba(248,225,176,.35)}
.press-grid a:nth-child(odd){border-right:1px solid rgba(248,225,176,.35);padding-right:1.7rem}
.press-grid a:nth-child(even){padding-left:1.7rem}
.press-grid span{font:.66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--light-soft)}
.press-grid strong{font:700 clamp(1.35rem,2.4vw,1.9rem)/1.08 var(--display);text-transform:uppercase;margin:.65rem 0;color:var(--cream-hi)}
.press-grid p{font-size:.95rem;line-height:1.55;color:var(--cloud)}
.press-grid em{font:700 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-top:auto;padding-top:1.2rem;color:var(--cream-hi)}
.press-grid a:hover strong{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}
.contact-brief__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:clamp(2.5rem,7vw,6rem);align-items:start}
.email-address{display:inline-block;font:700 clamp(1.25rem,3vw,2rem) var(--display);text-transform:uppercase;margin-top:1.8rem}
.contact-brief aside{background:var(--cream-hi);border:2px solid var(--ink);padding:1.7rem;box-shadow:7px 7px 0 var(--orange)}
.contact-brief ol{list-style:none;counter-reset:brief;display:grid;gap:1rem}
.contact-brief li{counter-increment:brief;display:grid;grid-template-columns:2rem 1fr;column-gap:.6rem}
.contact-brief li:before{content:"0" counter(brief);grid-row:1/3;font:.68rem var(--mono);color:var(--orange-lo);padding-top:.2rem}
.contact-brief li b{font:700 1rem var(--display);text-transform:uppercase}
.contact-brief li span{font-size:.88rem;line-height:1.45;color:var(--ink-soft)}
.contact-note{max-width:48rem;margin-top:3rem;padding-top:1.2rem;border-top:1px solid rgba(14,26,66,.25);font-size:.9rem}
@media(max-width:760px){.prospectus-hero .band__inner,.contact-brief__grid{grid-template-columns:1fr}.prospectus-portrait{max-width:310px;margin:0 auto}.prospectus-pillars{grid-template-columns:1fr}.press-grid{grid-template-columns:1fr}.press-grid a:nth-child(odd){border-right:0;padding-right:0}.press-grid a:nth-child(even){padding-left:0}.fact-sheet dl>div{grid-template-columns:1fr;gap:.35rem}.fact-sheet dt{padding-top:0}}

/* Interview briefing */
.media-hero .h2{font-size:clamp(2.35rem,5.5vw,4.35rem)}
.hero-aside{margin-top:1.2rem;padding-left:1rem;border-left:3px solid var(--orange);font-style:italic;color:var(--ink-soft)}
.role-section{scroll-margin-top:1rem;background:var(--cream);padding-top:clamp(4.5rem,9vw,7rem)}
.role-intro{max-width:70rem;margin:0 auto;padding:0 clamp(1.2rem,5vw,3rem) clamp(3rem,7vw,5rem);display:grid;grid-template-columns:1.2fr .65fr;gap:clamp(2rem,7vw,6rem);align-items:end}
.role-intro>p{max-width:31rem;color:var(--ink-soft)}
.story-player{position:relative;width:min(1120px,calc(100% - 3rem));height:clamp(34rem,70vh,42rem);margin:0 auto clamp(4rem,8vw,7rem);background:var(--ink);color:var(--cream-hi);outline:none;overflow:hidden;touch-action:pan-y;box-shadow:12px 12px 0 var(--orange)}
.story-player:focus-visible{outline:5px solid var(--orange);outline-offset:-5px}
.story-tabs{position:absolute;z-index:5;top:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.45rem;padding:.45rem;border:1px solid rgba(248,225,176,.35);background:rgba(14,26,66,.88);backdrop-filter:blur(10px);border-radius:999px}
.story-tabs button{width:2.9rem;height:2.9rem;border:0;border-radius:50%;background:transparent;color:var(--cloud);font:700 .72rem var(--mono);cursor:pointer;transition:background .18s,color .18s,transform .18s}
.story-tabs button:hover{transform:translateY(-2px)}
.story-tabs button.is-active{background:var(--cream-hi);color:var(--ink)}
.story-panels,.story-panel{height:100%}
.story-panel{display:grid;grid-template-columns:minmax(330px,42%) minmax(0,58%);align-items:stretch;animation:story-in .4s ease both}
.story-panel[hidden]{display:none}
@keyframes story-in{from{opacity:.25;transform:translateX(24px)}to{opacity:1;transform:none}}
.story-copy{align-self:center;padding:6.5rem clamp(2rem,4vw,3.8rem) 5.5rem;max-width:36rem}
.story-date{font:.72rem var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--cloud);margin-bottom:1.25rem}
.story-copy h3{font:700 clamp(2rem,3.2vw,3.35rem)/.98 var(--display);text-transform:uppercase;margin-bottom:1.35rem;color:var(--cream-hi)}
.story-copy p:not(.story-date){max-width:34rem;font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.58;color:var(--cloud)}
.story-copy p+p{margin-top:1rem}
.story-copy--dense{padding-top:5.4rem;padding-bottom:4.5rem}.story-copy--dense h3{font-size:clamp(1.8rem,2.7vw,2.85rem);margin-bottom:1rem}.story-copy--dense p:not(.story-date){font-size:clamp(.9rem,1vw,1rem);line-height:1.44}.story-copy--dense p+p{margin-top:.8rem}
.story-visual{position:relative;min-height:100%;overflow:hidden;background:var(--sky);isolation:isolate}
.story-visual:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(90deg,rgba(14,26,66,.22),transparent 22%)}
.story-photo img{display:block;width:100%;height:100%;object-fit:cover}.story-photo:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(14,26,66,.38),transparent 38%,rgba(14,26,66,.18))}.story-photo--desk img{object-position:54% center}.story-photo--control img{object-position:54% center}.story-photo--dam img{object-position:35% center}.story-photo__caption{position:absolute;z-index:12;top:5.6rem;left:1.6rem;max-width:19rem;padding:.8rem 1rem;background:rgba(14,26,66,.88);border-left:4px solid var(--orange);color:var(--cream-hi);backdrop-filter:blur(8px)}.story-photo--dam .story-photo__caption{left:auto;right:1.6rem}.story-photo__caption span,.story-photo__caption strong{display:block}.story-photo__caption span{font:.58rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cloud)}.story-photo__caption strong{margin-top:.35rem;font:700 clamp(1.05rem,2vw,1.55rem)/1.02 var(--display);text-transform:uppercase}
.visual-trigger{display:block;background:linear-gradient(180deg,#efbf76 0 48%,var(--orange) 48% 52%,var(--sky-deep) 52%)}
.crowd-sky{position:absolute;z-index:3;left:7%;right:7%;top:12%;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;color:var(--ink)}.crowd-sky span{max-width:9rem;font:700 clamp(1.2rem,2vw,1.8rem)/.95 var(--display);text-transform:uppercase}.crowd-sky i{font:italic clamp(1rem,1.5vw,1.25rem) var(--serif)}
.crowd-illustration{position:absolute;z-index:2;inset:38% 4% 0}.person{position:absolute;bottom:0;width:9%;height:45%;border:3px solid var(--ink);border-radius:45% 45% 8% 8%;background:var(--cream-hi);box-shadow:4px 0 0 var(--ink)}.person:before{content:"";position:absolute;left:50%;top:-27%;translate:-50% 0;width:75%;aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;background:var(--orange)}.person:after{content:"";position:absolute;left:50%;top:32%;translate:-50% 0;width:140%;height:13%;background:var(--ink);transform:rotate(var(--arm,0deg))}.person:nth-child(3n){background:#f4c67b}.person:nth-child(3n+1):before{background:var(--cream-hi)}.person:nth-child(even){height:54%}.p1{left:1%;--arm:-18deg}.p2{left:9%;--arm:14deg}.p3{left:18%;--arm:-8deg}.p4{left:27%;--arm:22deg}.p5{left:36%;--arm:-25deg}.p6{left:45%;--arm:8deg}.p7{left:54%;--arm:-14deg}.p8{left:63%;--arm:23deg}.p9{left:72%;--arm:-22deg}.p10{left:81%;--arm:12deg}.p11{left:14%;height:68%;--arm:-30deg}.p12{left:68%;height:65%;--arm:28deg}.placard{position:absolute;z-index:5;padding:.5rem .7rem;background:var(--cream-hi);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--orange);font:700 clamp(.75rem,1.4vw,1.1rem) var(--display);letter-spacing:.04em}.placard:after{content:"";position:absolute;left:50%;top:100%;width:4px;height:4.5rem;background:var(--ink)}.placard-one{left:13%;top:1%;transform:rotate(-5deg)}.placard-two{right:10%;top:8%;transform:rotate(4deg)}
.visual-network{display:grid;grid-template-columns:1fr auto 1.25fr;place-items:center;gap:clamp(1rem,3vw,2.5rem);padding:clamp(2rem,6vw,5rem);background:var(--sky-deep)}
.network-in{position:relative;z-index:2;width:clamp(9rem,18vw,14rem);aspect-ratio:1;border-radius:50%;background:var(--orange);color:var(--cream-hi);display:grid;place-content:center;text-align:center;border:4px solid var(--cream);box-shadow:8px 8px 0 var(--ink)}.network-in b{font:700 clamp(3rem,7vw,5.8rem)/.85 var(--display)}.network-in span{font:.66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:.8rem}.funnel-arrow{position:relative;z-index:2;font:700 clamp(2rem,5vw,4rem) var(--display);font-style:normal;color:var(--cream)}.channel-stack{position:relative;z-index:2;display:grid;gap:.8rem;width:100%}.channel-stack span{padding:.85rem 1rem;background:var(--cream-hi);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--orange);font:700 clamp(.75rem,1.5vw,1rem) var(--mono);transform:rotate(-1deg)}.channel-stack span:nth-child(even){transform:rotate(1.5deg)}
.visual-signal{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-content:center;padding:clamp(2rem,5vw,4rem);background:linear-gradient(155deg,var(--sky) 0 60%,var(--orange) 60%)}
.triage-column{position:relative;z-index:2;min-height:19rem;padding:1rem;background:var(--cream-hi);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform:rotate(-2deg)}.triage-column:nth-of-type(2){transform:translateY(-1.4rem) rotate(1.5deg)}.triage-column:nth-of-type(3){transform:rotate(2.5deg)}.triage-column>b{display:block;padding-bottom:.65rem;border-bottom:2px solid var(--ink);font:700 clamp(.72rem,1.4vw,1rem) var(--mono)}.triage-column span{display:block;margin-top:1rem;padding:.65rem;background:var(--cream);font:700 .74rem var(--mono);transform:rotate(-2deg)}.triage-column.check span{background:#f4c67b}.triage-column.remove span{background:#e78765}
.signal-chip{position:absolute;padding:.65rem .9rem;background:var(--cream-hi);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:700 .72rem var(--mono);text-transform:uppercase;transform:rotate(-3deg);animation:chip-drift 4s ease-in-out infinite}.signal-chip.good{left:8%;top:14%}.signal-chip.warn{right:7%;top:21%;transform:rotate(4deg);animation-delay:.4s}.signal-chip.help{left:11%;bottom:19%;background:var(--orange);color:var(--cream-hi);animation-delay:.8s}.signal-chip.calm{right:8%;bottom:13%;transform:rotate(-5deg);animation-delay:1.2s}.signal-chip.second{left:55%;top:45%;animation-delay:1.6s}
@keyframes chip-drift{50%{translate:0 -12px}}
.signal-center{position:absolute;left:50%;bottom:5%;translate:-50% 0;z-index:2;padding:.65rem 1rem;border-radius:999px;background:var(--ink);color:var(--cream-hi);display:flex;align-items:center;gap:.65rem;border:3px solid var(--cream-hi);box-shadow:5px 5px 0 rgba(14,26,66,.45)}
.signal-center b{font:700 clamp(1.3rem,3vw,2.2rem)/1 var(--display)}.signal-center span{font:.58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.visual-poll{display:grid;place-items:center;padding:clamp(2rem,6vw,5rem);background:var(--cream);color:var(--ink)}
.decision-flow{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;width:min(82%,32rem);gap:.55rem}.decision-flow span,.decision-flow strong{padding:.8rem 1rem;border:2px solid var(--ink);background:var(--cream-hi);box-shadow:4px 4px 0 var(--ink);font:700 clamp(1rem,2.3vw,1.5rem) var(--display);text-transform:uppercase;text-align:center}.decision-flow span:nth-of-type(1){transform:translateX(-10%) rotate(-2deg)}.decision-flow span:nth-of-type(2){transform:translateX(8%) rotate(1.5deg)}.decision-flow span:nth-of-type(3){transform:translateX(-3%) rotate(-1deg)}.decision-flow i{text-align:center;font:700 1.5rem var(--display);font-style:normal;color:var(--orange)}.decision-flow strong{background:var(--orange);color:var(--cream-hi);font-size:clamp(1.5rem,3vw,2.5rem);transform:rotate(1deg)}.decision-flow small{font:.6rem var(--mono);letter-spacing:.1em}
.visual-throughline{display:block;padding:clamp(3rem,7vw,6rem);background:radial-gradient(circle at 52% 48%,var(--sky-low),var(--sky-deep))}
.journey-portrait{position:absolute;z-index:3;left:50%;top:50%;translate:-50% -50%;width:clamp(10rem,25vw,19rem);padding:.7rem;background:var(--cream-hi);border:3px solid var(--ink);box-shadow:11px 11px 0 var(--orange);transform:rotate(-2deg)}.journey-portrait img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.journey-portrait span{display:block!important;border:0!important;background:none!important;border-radius:0!important;padding:.55rem .2rem .1rem!important;text-align:center;font:italic 1rem var(--serif)!important;text-transform:none!important;color:var(--ink)}
.milestone{position:absolute;z-index:4;display:grid;padding:.75rem 1rem;background:var(--cream-hi);color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--orange)}.milestone b{font:700 clamp(1.4rem,3.5vw,2.8rem)/1 var(--display);text-transform:uppercase}.milestone small{font:.55rem var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.35rem}.milestone.m1{left:7%;top:12%;transform:rotate(-5deg)}.milestone.m2{right:6%;top:15%;transform:rotate(4deg)}.milestone.m3{left:8%;bottom:12%;transform:rotate(3deg)}.milestone.m4{right:6%;bottom:11%;transform:rotate(-4deg)}.visual-throughline>p{position:absolute;z-index:4;left:50%;bottom:2.5%;translate:-50% 0;width:100%;text-align:center;font-style:italic;color:var(--cloud)}
.story-copy{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--orange) transparent}.circus-ring{color:var(--ink)}
.visual-playbook{background:var(--sky-deep);color:var(--cream-hi)}
.playbook-date{position:absolute;top:13%;left:8%;font:700 .7rem var(--mono);letter-spacing:.16em;color:var(--cloud)}
.playbook-track{position:absolute;z-index:2;left:8%;right:8%;top:34%;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.75rem}
.playbook-track span{display:grid;place-content:center;aspect-ratio:1;max-width:8.6rem;border:2px solid var(--cream);border-radius:50%;font:700 clamp(.72rem,1.5vw,1rem)/1.15 var(--mono);text-align:center;color:var(--cream-hi)}
.playbook-track i{display:block;width:clamp(1rem,2vw,2.3rem);height:2px;background:var(--orange)}
.discord-route{position:absolute;z-index:3;left:50%;bottom:20%;translate:-50% 0;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.05rem;border:2px solid var(--orange);background:var(--sky-deep);color:var(--cream-hi)}
.discord-route small{font:.55rem var(--mono);letter-spacing:.1em}.discord-route b{font:700 clamp(1.25rem,2.5vw,2rem) var(--display)}.discord-route span{font:700 1.8rem var(--display);color:var(--orange)}
.visual-dam{background:linear-gradient(90deg,var(--sky-deep) 0 60%,var(--orange) 60%);color:var(--cream-hi)}
.dam-water{position:absolute;z-index:1;left:0;right:40%;top:18%;bottom:18%;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}
.dam-water i{display:block;width:78%;height:2px;background:var(--sky-low);transform:skewX(-35deg)}.dam-water i:nth-child(even){width:62%;margin-left:13%}
.dam-wall{position:absolute;z-index:3;left:54%;top:8%;bottom:8%;width:12%;background:var(--cream);border:3px solid var(--ink);transform:skewY(-3deg)}
.dam-crack{position:absolute;left:46%;width:4px;background:var(--orange);transform-origin:top}.dam-crack.c1{top:13%;height:30%;transform:rotate(17deg)}.dam-crack.c2{top:40%;height:25%;transform:rotate(-24deg)}.dam-crack.c3{top:61%;height:28%;transform:rotate(12deg)}
.dam-before,.dam-after{position:absolute;z-index:4;font:700 clamp(1.25rem,3vw,2.7rem)/.9 var(--display);text-transform:uppercase}.dam-before{left:8%;bottom:23%}.dam-after{right:6%;top:13%;color:var(--ink);text-align:right}
@media(min-width:801px){.story-player .story-tabs{left:71%}.story-player .story-controls{left:calc(42% + 1.5rem)}}
.visual-region{background:linear-gradient(145deg,var(--sky-deep),var(--sky));display:grid;place-items:center}.region-card{position:absolute;z-index:2;width:31%;aspect-ratio:.78;padding:1.2rem;background:var(--cream-hi);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--orange);display:flex;flex-direction:column;justify-content:center}.region-card small{font:.62rem var(--mono);letter-spacing:.12em}.region-card b{font:700 clamp(1.7rem,3.8vw,3.5rem)/.82 var(--display);margin:.7rem 0;text-transform:uppercase}.region-card span{font:.68rem var(--mono);text-transform:uppercase}.region-card.sri{left:7%;top:18%;transform:rotate(-7deg)}.region-card.bang{left:35%;top:25%;transform:rotate(3deg)}.region-card.nepal{right:5%;top:14%;background:var(--orange);color:var(--cream-hi);transform:rotate(-2deg)}.region-arrow{position:absolute;z-index:4;font:700 3rem var(--display);font-style:normal;color:var(--cream-hi)}.region-arrow.a1{left:32%;top:59%}.region-arrow.a2{left:63%;top:51%}
.visual-circus{background:radial-gradient(circle,var(--cream) 0 38%,var(--orange) 39% 41%,var(--sky-deep) 42%);display:grid;place-items:center}.circus-ring{position:absolute;z-index:2;width:55%;aspect-ratio:1;border:5px solid var(--ink);border-radius:50%;background:var(--cream-hi);display:grid;place-content:center;text-align:center;box-shadow:12px 12px 0 var(--orange);transform:rotate(-5deg)}.circus-ring span{font:700 clamp(1.6rem,4vw,3.5rem)/.9 var(--display);text-transform:uppercase}.circus-ring i{font:italic 1.4rem var(--serif)}.ban-stamp{position:absolute;z-index:4;right:5%;top:13%;padding:1rem;background:var(--orange);color:var(--cream-hi);border:4px solid var(--ink);font:700 clamp(1rem,2.1vw,1.6rem)/1 var(--display);text-align:center;transform:rotate(10deg);box-shadow:6px 6px 0 var(--ink)}.visual-circus>p{position:absolute;z-index:4;left:5%;bottom:19%;font:italic clamp(1rem,1.8vw,1.35rem) var(--serif);color:var(--cream-hi)}.visual-circus>p b{font-style:normal;text-transform:uppercase}
.visual-everybody{background:var(--sky-deep);display:grid;place-items:center}.everybody-grid{position:absolute;inset:12% 9% 22%;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.everybody-grid span{display:grid;place-items:center;padding:.8rem;background:var(--cream-hi);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--orange);font:700 clamp(.7rem,1.5vw,1rem) var(--mono);transform:rotate(-2deg)}.everybody-grid span:nth-child(even){transform:rotate(2deg)}.everybody-grid span:last-child{grid-column:2/4;background:var(--orange);color:var(--cream-hi);font-size:1.2rem}.shared-screen{position:absolute;z-index:4;left:50%;top:45%;translate:-50% -50%;padding:1.4rem 1.7rem;background:var(--ink);color:var(--cream-hi);border:4px solid var(--cream-hi);font:700 clamp(1.3rem,3vw,2.5rem)/.9 var(--display);text-align:center;box-shadow:8px 8px 0 rgba(14,26,66,.45);transform:rotate(-4deg)}
.visual-control{background:linear-gradient(120deg,var(--sky-deep) 0 54%,#d75832 54%);display:grid;place-items:center}.channel-locks{position:absolute;z-index:2;left:7%;top:16%;width:52%;display:grid;gap:.8rem}.channel-locks span{display:flex;justify-content:space-between;padding:.8rem 1rem;background:var(--cream-hi);color:var(--ink);border:2px solid var(--ink);font:700 clamp(.75rem,1.6vw,1.05rem) var(--mono);box-shadow:5px 5px 0 var(--orange)}.channel-locks b{color:#b52d1e}.sovereignty-wall{position:absolute;z-index:3;right:-7%;top:13%;height:73%;width:48%;display:grid;place-items:center;background:var(--orange);color:var(--cream-hi);border:5px solid var(--ink);font:700 clamp(1.2rem,2.5vw,2.3rem) var(--display);text-transform:uppercase;writing-mode:vertical-rl;box-shadow:-10px 10px 0 var(--ink);transform:rotate(4deg)}.visual-control>p{position:absolute;z-index:5;left:8%;bottom:20%;font:italic 1.15rem var(--serif);color:var(--cream-hi)}
.visual-role{background:var(--sky-deep)}.role-node{position:absolute;z-index:3;padding:1rem;background:var(--cream-hi);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--orange);font:700 clamp(.8rem,1.7vw,1.15rem) var(--display);text-align:center}.role-node.me{left:50%;top:50%;translate:-50% -50%;width:10rem;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;background:var(--orange);color:var(--cream-hi);font-size:2.4rem}.role-node.me small{display:block;font:.52rem var(--mono);text-transform:uppercase;margin-top:.5rem}.role-node.reddit{left:8%;top:15%;transform:rotate(-4deg)}.role-node.influence{right:7%;top:18%;transform:rotate(4deg)}.role-node.volunteers{left:50%;bottom:21%;translate:-50% 0;transform:rotate(-2deg)}.role-line{position:absolute;z-index:1;left:50%;top:50%;height:4px;background:var(--cream-hi);transform-origin:left}.role-line.l1{width:35%;transform:rotate(-145deg)}.role-line.l2{width:34%;transform:rotate(-34deg)}.role-line.l3{width:21%;transform:rotate(90deg)}
.visual-call{background:linear-gradient(160deg,var(--sky) 0 55%,var(--orange) 55%);display:flex;align-items:center;justify-content:center;gap:2rem;padding:4rem}.murmur{display:grid;gap:.8rem;z-index:2}.murmur span{padding:.75rem;background:var(--cream-hi);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:700 .78rem var(--mono);transform:rotate(-3deg)}.murmur span:nth-child(even){transform:rotate(4deg)}.visual-call>i{z-index:2;font:700 3rem var(--display);font-style:normal;color:var(--cream-hi)}.call-poster{z-index:2;padding:1.2rem 1.5rem;background:var(--cream-hi);color:var(--ink);border:4px solid var(--ink);box-shadow:9px 9px 0 var(--sky-deep);display:grid;transform:rotate(3deg)}.call-poster small{font:.65rem var(--mono)}.call-poster b{font:700 clamp(2.4rem,5vw,4.5rem)/.9 var(--display)}.call-poster span{margin-top:.7rem;padding:.55rem;background:var(--orange);color:var(--cream-hi);font:700 1rem var(--mono);text-align:center}
.visual-gathering{background:linear-gradient(180deg,#efbf76 0 45%,var(--sky-deep) 45%)}.small-crowd{position:absolute;z-index:2;inset:47% 7% 0;display:flex;align-items:flex-end;justify-content:center}.small-crowd span{position:relative;width:13%;height:55%;margin-left:-1%;background:var(--cream-hi);border:3px solid var(--ink);border-radius:45% 45% 4% 4%}.small-crowd span:before{content:"";position:absolute;left:50%;top:-28%;translate:-50% 0;width:64%;aspect-ratio:1;border-radius:50%;background:var(--orange);border:3px solid var(--ink)}.small-crowd span:nth-child(even){height:72%;background:#f4c67b}.microphone{position:absolute;z-index:3;left:20%;top:20%;width:5px;height:46%;background:var(--ink);transform:rotate(-8deg)}.microphone:before{content:"";position:absolute;left:-9px;top:-18px;width:20px;height:30px;border-radius:50%;background:var(--ink)}.speech-card{position:absolute;z-index:4;left:7%;top:12%;padding:.8rem 1rem;background:var(--cream-hi);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--orange);font:700 1rem var(--display);transform:rotate(-5deg)}.speech-card small{font:.55rem var(--mono);text-transform:uppercase}.rupture{position:absolute;z-index:5;right:4%;top:32%;padding:.8rem;background:#b52d1e;color:var(--cream-hi);border:3px solid var(--ink);font:700 1rem var(--display);transform:rotate(7deg)}
.visual-collapse{background:linear-gradient(180deg,#efbf76 0 72%,#9c5a34 72%);overflow:hidden}.rotten-house{position:absolute;z-index:3;right:8%;bottom:18%;width:55%;height:53%;background:#8b5035;border:5px solid var(--ink);transform:rotate(6deg);transform-origin:bottom right;box-shadow:12px 8px 0 rgba(14,26,66,.35)}.roof{position:absolute;left:-10%;top:-33%;width:120%;height:38%;background:#5e382b;border:5px solid var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%)}.door{position:absolute;left:38%;bottom:0;width:25%;height:48%;background:#3d2c2a;border:4px solid var(--ink);transform:rotate(-8deg);transform-origin:bottom right}.window{position:absolute;top:21%;width:18%;aspect-ratio:1;background:var(--cream);border:4px solid var(--ink)}.w1{left:9%;transform:rotate(-5deg)}.w2{right:8%;transform:rotate(8deg)}.crack{position:absolute;width:5px;height:42%;background:var(--ink);transform:rotate(22deg)}.c1{left:31%;top:5%}.c2{right:31%;top:39%;transform:rotate(-27deg)}.striker{position:absolute;z-index:5;left:10%;bottom:17%;width:10%;height:31%;background:var(--ink);border-radius:40% 40% 5% 5%}.striker:before{content:"";position:absolute;left:50%;top:-28%;translate:-50% 0;width:75%;aspect-ratio:1;border-radius:50%;background:var(--orange);border:3px solid var(--ink)}.striker i{position:absolute;left:60%;top:25%;width:250%;height:13%;background:var(--ink);transform:rotate(-18deg);transform-origin:left}.impact{position:absolute;z-index:6;left:39%;bottom:35%;font:700 4rem var(--display);color:var(--orange);transform:rotate(-12deg)}.saplings{position:absolute;z-index:2;right:5%;bottom:5%;display:flex;gap:1.2rem}.saplings i{position:relative;width:4px;height:2rem;background:#264f31}.saplings i:before,.saplings i:after{content:"";position:absolute;bottom:45%;width:1.2rem;height:.7rem;border-radius:100% 0;background:#3c7b46}.saplings i:before{right:1px;transform:rotate(25deg)}.saplings i:after{left:1px;transform:scaleX(-1) rotate(25deg)}.visual-collapse>p{position:absolute;z-index:7;left:7%;top:8%;font:italic clamp(1rem,1.8vw,1.4rem) var(--serif);color:var(--ink)}
.story-controls{position:absolute;z-index:20;left:1.5rem;right:1.5rem;bottom:1.2rem;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.story-controls button{min-width:7.3rem;min-height:2.9rem;pointer-events:auto;border:1px solid var(--cream);border-radius:999px;padding:.7rem 1rem;background:rgba(14,26,66,.9);color:var(--cream-hi);font:700 .7rem var(--mono);text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px)}
.story-controls button:disabled{opacity:.28;cursor:default}.story-controls output{font:.7rem var(--mono);color:var(--cloud)}
.scope-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,6vw,5rem);margin-top:2.8rem}
.scope-grid h3{font:700 1.55rem var(--display);text-transform:uppercase;margin-bottom:1rem}
.scope-grid ul{list-style:none;display:grid;gap:.75rem}
.scope-grid li{position:relative;padding-left:1.5rem}
.scope-grid li:before{content:"→";position:absolute;left:0;font-family:var(--mono)}
.scope-grid>div:last-child{padding:1.5rem;border:2px solid var(--cream-hi);background:rgba(14,26,66,.13)}
.scope-grid p+p{margin-top:1rem}
.video-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.6rem}
.video-resource-grid a{display:flex;flex-direction:column;min-height:19rem;padding:1.5rem;background:var(--cream-hi);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-decoration:none}
.video-resource-grid span{font:.66rem var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--orange-lo)}
.video-resource-grid strong{font:700 clamp(1.25rem,2.1vw,1.7rem)/1.08 var(--display);text-transform:uppercase;margin:.8rem 0}
.video-resource-grid p{font-size:.94rem;line-height:1.58}
.video-resource-grid em{margin-top:auto;padding-top:1.2rem;font:700 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.video-resource-grid a:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--orange)}
@media(max-width:800px){.video-resource-grid{grid-template-columns:1fr}.video-resource-grid a{min-height:0}.scope-grid{grid-template-columns:1fr}}
@media(max-width:800px){.role-intro{grid-template-columns:1fr}.story-player,.story-panels{width:100%;height:100svh;min-height:100svh;margin:0;box-shadow:none}.story-panel{grid-template-columns:1fr;grid-template-rows:58svh 42svh;height:100svh;min-height:100svh}.story-visual{grid-row:1;min-height:0}.story-copy{grid-row:2;min-height:0;padding:5.1rem 1.3rem 1.4rem;overflow:auto}.story-copy h3{font-size:clamp(1.65rem,7.8vw,2.5rem);margin-bottom:.65rem}.story-copy p:not(.story-date){font-size:.93rem;line-height:1.45}.story-date{margin-bottom:.45rem}.story-tabs{position:absolute;z-index:20;top:.65rem;left:50%;transform:translateX(-50%);width:max-content;margin:0}.story-tabs button{width:2.55rem;height:2.55rem}.story-controls{position:absolute;z-index:20;top:calc(58svh + .7rem);bottom:auto;left:1rem;right:1rem;margin:0;padding:0}.story-visual:after{background:linear-gradient(180deg,rgba(14,26,66,.16),transparent 28%)}.story-visual:before{font-size:15rem}.crowd-sky{top:15%;left:6%;right:6%;align-items:flex-start}.crowd-sky span{font-size:1rem}.crowd-sky i{font-size:.85rem;max-width:8rem;text-align:right}.crowd-illustration{inset:42% 1% 0}.person{width:10%;border-width:2px}.person:before{border-width:2px}.placard{padding:.35rem .45rem;border-width:2px;font-size:.65rem}.placard:after{height:3.2rem}.visual-network{grid-template-columns:1fr auto 1.25fr;gap:.65rem;padding:4rem 1rem 1rem}.network-in{width:7rem}.network-in b{font-size:2.8rem}.network-in span{font-size:.47rem}.funnel-arrow{font-size:1.5rem}.channel-stack{gap:.48rem}.channel-stack span{font-size:.57rem;padding:.52rem}.visual-signal{gap:.35rem;padding:4rem .6rem 2rem}.triage-column{min-height:14rem;padding:.5rem;box-shadow:3px 3px 0 var(--ink)}.triage-column:nth-of-type(2){transform:translateY(-.6rem) rotate(1.5deg)}.triage-column>b{font-size:.5rem}.triage-column span{font-size:.48rem;padding:.4rem;margin-top:.7rem}.signal-center{bottom:1.2%;padding:.35rem .65rem}.signal-center b{font-size:1.1rem}.signal-center span{font-size:.45rem}.decision-flow{gap:.38rem;width:75%;padding-top:2rem}.decision-flow span,.decision-flow strong{padding:.48rem .65rem;font-size:.83rem;box-shadow:3px 3px 0 var(--ink)}.decision-flow strong{font-size:1.3rem}.decision-flow i{font-size:.85rem}.journey-portrait{width:10.5rem;top:50%}.journey-portrait span{font-size:.8rem!important}.milestone{padding:.45rem .55rem}.milestone b{font-size:1.15rem}.milestone small{font-size:.42rem}.milestone.m1{left:4%;top:17%}.milestone.m2{right:4%;top:19%}.milestone.m3{left:4%;bottom:9%}.milestone.m4{right:4%;bottom:8%}.visual-throughline>p{font-size:.75rem;bottom:1%}.story-controls button{min-width:5.5rem;min-height:2.55rem;font-size:.58rem;padding:.55rem .72rem}}
@media(max-width:800px){.story-tabs{gap:.14rem;padding:.3rem}.story-tabs button{width:2.15rem;height:2.15rem;font-size:.58rem}.region-card{width:32%;padding:.55rem;border-width:2px;box-shadow:4px 4px 0 var(--orange)}.region-card b{font-size:1.05rem}.region-card span{font-size:.42rem}.region-card.sri{left:3%;top:23%}.region-card.bang{left:34%;top:29%}.region-card.nepal{right:2%;top:20%}.region-arrow{font-size:1.5rem}.region-arrow.a1{left:31%;top:55%}.region-arrow.a2{left:63%;top:53%}.circus-ring{width:52%;border-width:3px;box-shadow:6px 6px 0 var(--orange)}.circus-ring span{font-size:1.35rem}.circus-ring i{font-size:.8rem}.ban-stamp{right:3%;top:17%;padding:.55rem;border-width:2px;font-size:.7rem}.visual-circus>p{left:4%;bottom:9%;font-size:.78rem}.everybody-grid{inset:16% 4% 10%;gap:.35rem}.everybody-grid span{padding:.4rem;font-size:.46rem;box-shadow:2px 2px 0 var(--orange)}.everybody-grid span:last-child{font-size:.7rem}.shared-screen{padding:.75rem;font-size:1rem;border-width:2px;box-shadow:4px 4px 0 rgba(14,26,66,.45)}.channel-locks{left:4%;top:20%;width:59%;gap:.45rem}.channel-locks span{padding:.5rem;font-size:.52rem;box-shadow:3px 3px 0 var(--orange)}.sovereignty-wall{font-size:1rem;border-width:3px}.visual-control>p{left:5%;bottom:9%;font-size:.75rem}.role-node{padding:.6rem;border-width:2px;font-size:.58rem;box-shadow:3px 3px 0 var(--orange)}.role-node.me{width:7rem;font-size:1.6rem}.role-node.reddit{left:4%;top:18%}.role-node.influence{right:3%;top:20%}.role-node.volunteers{bottom:10%}.visual-call{gap:.8rem;padding:3.5rem .8rem 1rem}.murmur{gap:.4rem}.murmur span{padding:.42rem;font-size:.47rem}.visual-call>i{font-size:1.4rem}.call-poster{padding:.7rem;border-width:2px;box-shadow:5px 5px 0 var(--sky-deep)}.call-poster b{font-size:2rem}.call-poster span{font-size:.65rem}.speech-card{top:16%;left:4%;padding:.5rem;font-size:.7rem;border-width:2px}.rupture{right:2%;top:34%;padding:.5rem;font-size:.62rem;border-width:2px}.rotten-house{right:3%;bottom:16%;width:59%;height:48%;border-width:3px}.roof{border-width:3px}.door,.window{border-width:2px}.striker{left:7%;bottom:16%;width:11%}.impact{left:37%;bottom:31%;font-size:2.5rem}.saplings{gap:.7rem}.visual-collapse>p{left:4%;top:12%;font-size:.78rem}.playbook-date{top:16%;left:5%;font-size:.52rem}.playbook-track{left:4%;right:4%;top:35%;gap:.28rem}.playbook-track span{border-width:1px;font-size:.45rem}.playbook-track i{width:.55rem}.discord-route{bottom:8%;padding:.5rem .65rem;gap:.45rem}.discord-route small{font-size:.38rem}.discord-route b{font-size:1rem}.discord-route span{font-size:1.15rem}.dam-wall{left:52%;width:14%;border-width:2px}.dam-before,.dam-after{font-size:1rem}.dam-before{left:5%;bottom:10%}.dam-after{right:4%;top:18%}}
@media(prefers-reduced-motion:reduce){.book{transition:none}html{scroll-behavior:auto}}
/* Anchor labels point into the objects and stay clear of faces. */
.pin-books{bottom:28%;right:35%;transform:rotate(-3deg)}.pin-work{top:31%;right:5%;transform:rotate(2deg)}
.pin-books::after{content:'↘';position:absolute;right:-24px;top:16px;font:2.5rem var(--serif);color:#f9e8b9;text-shadow:1px 1px #14224f}.pin-work::after{content:'↙';position:absolute;left:-22px;top:25px;font:2.5rem var(--serif);color:#f9e8b9;text-shadow:1px 1px #14224f}
#event-options button{border:2px solid #f2bf72;border-radius:8px;transition:transform .15s,background .15s}#event-options button::after{content:'Tap to choose →';display:block;font:.7rem var(--mono);margin-top:1rem;color:#812a13}#event-options button:hover:not(:disabled){transform:translateY(-4px);background:#ffeec5}#event-options button:disabled::after{content:'✓ Placed in the timeline'}
#timeline-feedback{font-weight:700!important;color:#ffe1a5}.book-notes p{max-width:65ch;margin-bottom:1rem}
@media(max-width:700px){.pin-books{bottom:30%;right:40%}.pin-work{top:18%;right:4%}.pin-books::after,.pin-work::after{font-size:1.7rem}.pin-work::after{top:15px}.pin-books::after{right:-17px;top:8px}}
@media(max-width:800px){.story-copy{padding-top:7.5rem}}
@media(max-width:800px){.story-photo__caption{top:4.35rem;left:1rem;max-width:15rem;padding:.6rem .75rem}.story-photo--dam .story-photo__caption{left:auto;right:1rem}.story-photo__caption strong{font-size:1rem}.story-photo--desk img{object-position:58% center}.story-photo--control img{object-position:54% center}.story-photo--dam img{object-position:34% center}}

/* Mobile story player: content flows naturally instead of behaving like a fixed-height deck. */
@media(max-width:800px){
  .role-section{padding-bottom:clamp(3rem,10vw,5rem)}
  .role-intro{padding-bottom:2.25rem}
  .story-player{width:100%;height:auto;min-height:0;margin:0;background:var(--ink);overflow:hidden;box-shadow:none;touch-action:pan-y}
  .story-panels,.story-panel{height:auto;min-height:0}
  .story-panel{display:flex;flex-direction:column;animation:none}
  .story-visual{order:1;width:100%;height:clamp(18rem,70vw,30rem);min-height:0;flex:none}
  .story-copy,.story-copy--dense{order:2;align-self:stretch;max-width:none;min-height:0;padding:2rem 1.25rem 2.25rem;overflow:visible}
  .story-copy h3,.story-copy--dense h3{font-size:clamp(1.9rem,8.8vw,2.75rem);line-height:.98;margin-bottom:1rem}
  .story-copy p:not(.story-date),.story-copy--dense p:not(.story-date){max-width:38rem;font-size:clamp(.98rem,4.2vw,1.08rem);line-height:1.55}
  .story-copy p+p,.story-copy--dense p+p{margin-top:1rem}
  .story-date{margin-bottom:.65rem}
  .story-tabs{top:.7rem;left:50%;width:max-content;max-width:calc(100% - 1rem);gap:.12rem;padding:.3rem}
  .story-tabs button{width:2.15rem;height:2.15rem;flex:none;font-size:.58rem}
  .story-controls{position:relative;inset:auto;display:flex;width:100%;margin:0;padding:.85rem 1rem 1rem;background:var(--ink);border-top:1px solid rgba(248,225,176,.18)}
  .story-controls button{min-width:6.4rem;min-height:2.7rem;font-size:.62rem}
  .story-controls output{font-size:.65rem}
  .story-photo__caption{top:4rem;left:1rem;right:auto;max-width:min(16rem,calc(100% - 2rem));padding:.6rem .75rem}
  .story-photo--dam .story-photo__caption{left:auto;right:1rem}
}
@media(max-width:380px){
  .story-tabs{gap:0;padding:.25rem}
  .story-tabs button{width:1.95rem;height:1.95rem;font-size:.54rem}
  .story-copy,.story-copy--dense{padding-inline:1rem}
  .story-controls{padding-inline:.75rem}
  .story-controls button{min-width:5.8rem}
}

/* Contact page: one coherent small-screen rhythm. */
@media(max-width:800px){
  .prospectus .band{padding-block:clamp(3.5rem,10vw,4.75rem)}
  .prospectus-hero .band__inner{gap:2.75rem}
  .prospectus-actions{margin-top:1.75rem}
  .prospectus-portrait{width:min(100%,20rem)}
  .fact-sheet{margin-top:2rem}
  .fact-sheet dl>div{padding:.95rem 0}
  .fact-caveat{margin-top:1.35rem}

  .role-section{padding:clamp(3.5rem,10vw,4.75rem) 0 clamp(4rem,11vw,5rem)}
  .role-intro{
    display:grid;
    grid-template-columns:1fr;
    gap:1.2rem;
    padding:0 1.25rem 2rem;
  }
  .role-intro h2{margin-bottom:0;font-size:clamp(2rem,8vw,3.2rem)}
  .role-intro h2 br{display:none}
  .role-intro>p{max-width:34rem;font-size:1rem;line-height:1.55}

  .story-player{
    width:calc(100% - 2rem);
    max-width:46rem;
    height:auto;
    min-height:0;
    margin:0 auto;
    overflow:hidden;
    box-shadow:6px 6px 0 var(--orange);
  }
  .story-panels,.story-panel{height:auto;min-height:0}
  .story-panel{display:flex;flex-direction:column}
  .story-visual{
    order:1;
    width:100%;
    height:clamp(14rem,62vw,25rem);
    min-height:0;
    flex:none;
  }
  .story-copy,.story-copy--dense{
    order:2;
    align-self:stretch;
    max-width:none;
    min-height:0;
    padding:1.75rem 1.25rem 2rem;
    overflow:visible;
  }
  .story-copy h3,.story-copy--dense h3{
    max-width:16ch;
    margin-bottom:.9rem;
    font-size:clamp(1.75rem,7.5vw,2.55rem);
    line-height:1;
  }
  .story-copy p:not(.story-date),.story-copy--dense p:not(.story-date){
    max-width:40rem;
    font-size:clamp(.96rem,3.8vw,1.06rem);
    line-height:1.52;
  }
  .story-copy p+p,.story-copy--dense p+p{margin-top:.9rem}
  .story-date{margin-bottom:.55rem}

  .story-tabs{
    top:.65rem;
    left:50%;
    width:max-content;
    max-width:calc(100% - 1rem);
    gap:.08rem;
    padding:.25rem;
  }
  .story-tabs button{width:2rem;height:2rem;flex:none;font-size:.55rem}
  .story-photo__caption{
    top:3.65rem;
    left:.8rem;
    right:auto;
    max-width:min(15rem,calc(100% - 1.6rem));
    padding:.55rem .7rem;
  }
  .story-photo--dam .story-photo__caption{left:auto;right:.8rem}
  .story-photo__caption strong{font-size:.92rem}

  .story-controls{
    position:relative;
    inset:auto;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:.75rem;
    width:100%;
    margin:0;
    padding:.8rem 1rem .9rem;
    background:var(--ink);
    border-top:1px solid rgba(248,225,176,.18);
  }
  .story-controls button{width:100%;max-width:8rem;min-width:0;min-height:2.65rem;padding:.55rem .7rem;font-size:.58rem}
  .story-controls button:last-child{justify-self:end}
  .story-controls output{align-self:center;font-size:.62rem;white-space:nowrap}

  .scope-grid{gap:2rem;margin-top:2rem}
  .video-resource-grid{gap:1rem;margin-top:2rem}
  .press-grid{margin-top:2rem}
  .contact-brief__grid{gap:2rem}
  .footer__social{flex-wrap:wrap;gap:.7rem 1rem}
}

@media(max-width:360px){
  .plainpage__top{align-items:flex-start;padding-block:1rem}
  .plainpage__mail{font-size:.75rem}
  .plainpage__back{font-size:.86rem}
  .story-player{width:calc(100% - 1.25rem)}
  .story-copy,.story-copy--dense{padding:1.5rem 1rem 1.75rem}
  .story-tabs button{width:1.8rem;height:1.8rem;font-size:.5rem}
  .story-photo__caption{top:3.4rem}
  .story-controls{padding-inline:.75rem}
}

/* Mobile editorial story: a compact reading card, not a scaled-down poster. */
@media(max-width:599px){
  .role-section{padding-top:3.25rem;padding-bottom:3.75rem}
  .role-intro{gap:.85rem;padding:0 1.25rem 1.6rem}
  .role-intro .eyebrow{margin-bottom:.65rem}
  .role-intro h2{max-width:18ch;font-size:clamp(1.85rem,8vw,2.35rem);line-height:1.02}
  .role-intro>p{font-size:.94rem;line-height:1.45}

  .story-player{
    width:calc(100% - 1.5rem);
    max-width:34rem;
    padding-top:2.85rem;
    background:var(--cream-hi);
    color:var(--ink);
    border:1px solid rgba(14,26,66,.28);
    box-shadow:5px 5px 0 var(--orange);
  }
  .story-tabs{
    top:0;
    left:0;
    transform:none;
    display:grid;
    grid-template-columns:repeat(8,1fr);
    width:100%;
    max-width:none;
    height:2.85rem;
    gap:0;
    padding:.3rem .45rem;
    border:0;
    border-radius:0;
    background:var(--ink);
    backdrop-filter:none;
  }
  .story-tabs button{
    justify-self:center;
    width:2.15rem;
    height:2.15rem;
    font-size:.52rem;
  }
  .story-tabs button:hover{transform:none}

  .story-visual{
    height:clamp(9.75rem,48vw,12.5rem);
    border-bottom:1px solid rgba(14,26,66,.22);
  }
  .story-visual:after{background:linear-gradient(180deg,rgba(14,26,66,.12),transparent 35%)}
  .story-photo__caption{display:none}

  .story-copy,.story-copy--dense{
    padding:1.3rem 1.15rem 1.45rem;
    background:var(--cream-hi);
    color:var(--ink);
  }
  .story-date{
    margin-bottom:.45rem;
    color:var(--orange-lo);
    font-size:.62rem;
    letter-spacing:.14em;
  }
  .story-copy h3,.story-copy--dense h3{
    max-width:18ch;
    margin-bottom:.75rem;
    color:var(--ink);
    font-size:clamp(1.55rem,7vw,1.9rem);
    line-height:1;
  }
  .story-copy p:not(.story-date),.story-copy--dense p:not(.story-date){
    color:var(--ink-soft);
    font-size:clamp(.9rem,3.8vw,.98rem);
    line-height:1.44;
  }
  .story-copy p+p,.story-copy--dense p+p{margin-top:.75rem}

  .story-controls{
    min-height:3.7rem;
    padding:.55rem .7rem;
    background:var(--cream-hi);
    border-top:1px solid rgba(14,26,66,.2);
  }
  .story-controls button{
    max-width:7rem;
    min-height:2.45rem;
    border-color:var(--ink);
    background:var(--ink);
    color:var(--cream-hi);
    backdrop-filter:none;
  }
  .story-controls button:disabled{opacity:.2}
  .story-controls output{color:var(--ink-soft)}
}

@media(max-width:340px){
  .story-player{width:calc(100% - 1rem)}
  .story-tabs{padding-inline:.25rem}
  .story-tabs button{width:1.9rem;height:1.9rem}
  .story-copy,.story-copy--dense{padding-inline:1rem}
}

/* Small tablets get an actual tablet composition instead of a tall phone stack. */
@media(min-width:600px) and (max-width:800px){
  .role-intro{padding-bottom:2.25rem}
  .story-player{
    width:calc(100% - 2rem);
    max-width:54rem;
    padding-top:3.2rem;
    background:var(--cream-hi);
    border:1px solid rgba(14,26,66,.25);
    box-shadow:7px 7px 0 var(--orange);
  }
  .story-tabs{
    top:0;
    left:0;
    transform:none;
    display:grid;
    grid-template-columns:repeat(8,1fr);
    width:100%;
    max-width:none;
    height:3.2rem;
    gap:0;
    padding:.35rem 1rem;
    border:0;
    border-radius:0;
    background:var(--ink);
  }
  .story-tabs button{justify-self:center;width:2.45rem;height:2.45rem;font-size:.58rem}
  .story-panel{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);grid-template-rows:minmax(31rem,auto);align-items:stretch}
  .story-visual{grid-column:1;grid-row:1;order:initial;width:auto;height:auto;min-height:31rem}
  .story-copy,.story-copy--dense{
    grid-column:2;
    grid-row:1;
    order:initial;
    align-self:stretch;
    padding:2rem 1.75rem;
    background:var(--cream-hi);
    color:var(--ink);
  }
  .story-date{color:var(--orange-lo)}
  .story-copy h3,.story-copy--dense h3{color:var(--ink);font-size:clamp(2rem,4.5vw,2.6rem)}
  .story-copy p:not(.story-date),.story-copy--dense p:not(.story-date){color:var(--ink-soft);font-size:.98rem;line-height:1.48}
  .story-photo__caption{display:none}
  .story-controls{min-height:3.7rem;padding:.55rem 1rem;background:var(--cream-hi);border-top:1px solid rgba(14,26,66,.2)}
  .story-controls button{min-height:2.45rem;border-color:var(--ink);background:var(--ink);color:var(--cream-hi)}
  .story-controls output{color:var(--ink-soft)}
}