:root{
  --ink:#121414;
  --carbon:#0d1011;
  --carbon-2:#151a1b;
  --paper:#eee9df;
  --paper-2:#e4ded2;
  --stone:#a6a095;
  --muted:#7f827e;
  --white:#f9f7f2;
  --terracotta:#c05b3e;
  --terracotta-2:#9c432e;
  --petrol:#17373b;
  --line:rgba(255,255,255,.16);
  --shell:min(1320px, calc(100vw - 64px));
  --narrow:min(920px, calc(100vw - 48px));
  --sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
  --serif:Georgia, "Times New Roman", serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--carbon)}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.55;overflow-x:hidden}
a{color:inherit}
img,video,svg{display:block;max-width:100%}
button{font:inherit}
::selection{background:var(--terracotta);color:#fff}
.shell{width:var(--shell);margin-inline:auto;position:relative}
.shell.narrow,.narrow{width:var(--narrow);margin-inline:auto}
.paper{background:var(--paper);color:var(--ink)}
.dark{background:var(--carbon);color:var(--white)}
.eyebrow,.kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800}
.eyebrow{color:var(--terracotta);margin:0 0 1.35rem}
section{position:relative}
section:not(.hero){padding:clamp(5.5rem,9vw,9.5rem) 0}
h2,h3,p{margin-top:0}
h2{font-size:clamp(3.1rem,7.2vw,7.6rem);line-height:.94;letter-spacing:-.052em;font-weight:700;margin-bottom:2rem}
h3{font-size:clamp(1.65rem,3vw,3rem);line-height:1.05;letter-spacing:-.035em}
p{font-size:clamp(1rem,1.25vw,1.22rem)}

.scroll-progress{position:fixed;z-index:200;top:0;left:0;right:0;height:3px;background:transparent;pointer-events:none}
.scroll-progress span{display:block;width:0;height:100%;background:var(--terracotta)}
.site-header{position:fixed;z-index:150;top:0;left:0;right:0;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#fff;background:linear-gradient(to bottom,rgba(8,10,10,.78),rgba(8,10,10,0));transition:.35s ease}
.site-header.is-solid{background:rgba(13,16,17,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:.68rem;letter-spacing:.12em;font-weight:800;white-space:nowrap}
.brand-mark{width:24px;height:1px;background:var(--terracotta);position:relative}
.brand-mark:after{content:"";position:absolute;right:5px;top:-5px;width:1px;height:11px;background:var(--terracotta);transform:rotate(28deg)}
.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:.68rem;letter-spacing:.14em;font-weight:800}
.chapter-nav{display:flex;gap:18px}
.chapter-nav a{text-decoration:none;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;opacity:.68;transition:.2s ease}
.chapter-nav a:hover,.chapter-nav a.active{opacity:1;color:#fff}

.hero{min-height:100svh;background:var(--carbon);color:var(--white);display:grid;align-items:end;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 68% 35%,rgba(192,91,62,.16),transparent 32%);background-size:8vw 8vw,8vw 8vw,100% 100%;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.18))}
.hero:before{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,#0d1011,transparent)}
.hero-fault{position:absolute;top:-8%;right:9%;width:min(36vw,530px);height:120%;opacity:.62;filter:drop-shadow(0 0 24px rgba(192,91,62,.18))}
.hero-fault path{fill:none;stroke:var(--terracotta);stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-dasharray:1800;stroke-dashoffset:1800}
.hero-fault .fault-secondary{stroke:rgba(255,255,255,.17);stroke-width:1}
.hero-inner{padding:clamp(7rem,11vh,9rem) 0 clamp(5.5rem,9vh,7rem);z-index:2}
.hero .kicker{color:#b6b9b5;margin-bottom:2.2rem}
.hero h1{font-size:clamp(4.4rem,10.3vw,10.8rem);line-height:.78;letter-spacing:-.075em;margin:0 0 3.2rem;font-weight:720;max-width:1100px}
.hero h1 span{display:block}
.hero h1 .accent-word{font-family:var(--serif);font-weight:400;font-style:italic;color:#e1a28f;letter-spacing:-.06em;margin-left:8vw}
.hero-meta{display:grid;grid-template-columns:minmax(0,680px) 1fr;gap:60px;align-items:end}
.hero-dek{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2.35rem);line-height:1.18;color:#d8d4cc;margin:0}
.hero-cases{display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-size:.7rem;letter-spacing:.13em;font-weight:800;color:#9ea3a1}
.scroll-cue{display:inline-flex;gap:14px;align-items:center;margin-top:2.4rem;text-decoration:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#fff}
.scroll-cue i{width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;font-style:normal}
.hero-time{position:absolute;right:30px;bottom:26px;display:flex;gap:10px;align-items:flex-end;color:#fff;z-index:4}
.hero-time span{font-size:4.8rem;line-height:.78;font-weight:800;color:var(--terracotta)}
.hero-time small{font-size:.55rem;line-height:1.35;letter-spacing:.13em;font-weight:800;color:#a9aeab}

.story-opening{padding-top:clamp(7rem,12vw,12rem)!important}
.story-opening h2{max-width:980px}
.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:4rem 0 5rem}
.story-columns p{font-family:var(--serif);font-size:clamp(1.25rem,1.6vw,1.55rem);line-height:1.6}
.dropcap:first-letter{float:left;font-family:var(--sans);font-size:6.4rem;line-height:.72;padding:.12em .12em 0 0;font-weight:700;color:var(--terracotta)}
.opening-quote{margin:0;border-top:1px solid #b8b0a4;border-bottom:1px solid #b8b0a4;padding:2.3rem 0;font-size:clamp(1.8rem,3.5vw,3.7rem);line-height:1.12;letter-spacing:-.035em;font-weight:650}

.manifesto{padding:9rem 0!important}
.manifesto .statement{max-width:1200px}
.manifesto .statement em{font-family:var(--serif);font-weight:400;color:#dfa38e}
.three-times{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:5rem}
.three-times article{padding:2rem 2.2rem 0 0;border-right:1px solid var(--line);min-height:170px}
.three-times article:last-child{border-right:0}
.three-times span{font-size:.73rem;letter-spacing:.2em;font-weight:900;color:var(--terracotta)}
.three-times p{font-family:var(--serif);font-size:1.25rem;color:#bbbdb9;margin-top:1.4rem}

.scrolly-science{background:#d7d2c8;padding:0!important}
.scrolly-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:start;padding:8rem 0}
.sticky-panel{position:sticky;top:100px;height:calc(100vh - 130px);align-self:start}
.map-frame{height:100%;position:relative;overflow:hidden;background:linear-gradient(150deg,#13292d 0%,#0f1b1d 45%,#191817 100%);border:1px solid rgba(0,0,0,.15);box-shadow:0 30px 70px rgba(0,0,0,.15)}
.map-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 64% 45%,rgba(192,91,62,.22),transparent 18%),linear-gradient(35deg,transparent 42%,rgba(255,255,255,.05) 42.2%,transparent 43%)}
.map-contour{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-12deg)}
.contour-a{width:58%;height:36%;left:18%;top:31%}
.contour-b{width:38%;height:24%;left:36%;top:38%}
.fault-line{position:absolute;height:2px;background:var(--terracotta);transform-origin:left center;box-shadow:0 0 20px rgba(192,91,62,.38)}
.fault-a{width:68%;left:16%;top:49%;transform:rotate(-11deg)}
.fault-b{width:52%;left:29%;top:55%;transform:rotate(18deg);opacity:.65}
.map-label{position:absolute;color:rgba(255,255,255,.58);font-size:.67rem;letter-spacing:.16em;font-weight:800}
.map-label--north{left:8%;top:12%}.map-label--south{right:7%;bottom:12%}
.epicentre{position:absolute;width:68px;height:68px;border:1px solid var(--terracotta);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(192,91,62,.12);box-shadow:0 0 0 8px rgba(192,91,62,.06)}
.epicentre b{font-size:1.4rem}.epicentre small{position:absolute;top:72px;font-size:.6rem;letter-spacing:.08em;white-space:nowrap;color:#b6bab8}
.epicentre-a{left:42%;top:46%}.epicentre-b{left:58%;top:51%}
.media-note{position:absolute;left:22px;bottom:20px;color:#aeb6b4;font-size:.58rem;letter-spacing:.14em;font-weight:800}
.science-copy{padding-top:3rem}
.scrolly-step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;max-width:520px}
.scrolly-step h2{font-size:clamp(3.1rem,5.4vw,5.6rem)}
.scrolly-step h3{font-size:clamp(2.3rem,4vw,4rem)}
.scrolly-step h3 span{color:var(--terracotta)}
.scrolly-step p{font-family:var(--serif);font-size:1.22rem}
.quake-data{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #aaa59c;margin-top:2rem}
.quake-data div{padding:1.4rem 1rem 0 0;border-right:1px solid #aaa59c}
.quake-data div:last-child{border-right:0;padding-left:1rem}
.quake-data strong{font-size:2.6rem;display:block}.quake-data span{font-size:.74rem;letter-spacing:.08em}

.section-heading{max-width:920px;margin-bottom:4rem}.section-heading p{font-family:var(--serif);font-size:1.3rem;color:inherit;opacity:.72}
.split-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;max-width:none;align-items:end}
.split-heading p{margin-bottom:1rem}
.experts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bdb5a8;border:1px solid #bdb5a8}
.expert-card{background:var(--paper);padding:1.3rem 1.3rem 2.2rem;position:relative;overflow:hidden}
.expert-index{font-size:.63rem;letter-spacing:.16em;font-weight:800;color:#817a70}
.portrait-placeholder{margin:1.5rem 0 2rem;aspect-ratio:4/5;background:linear-gradient(145deg,#191b1b,#333736);display:grid;place-items:center;position:relative;overflow:hidden}
.portrait-placeholder:before{content:"";position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.05);top:15%}
.portrait-placeholder:after{content:"";position:absolute;width:80%;height:43%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.04);bottom:-15%}
.portrait-placeholder span{z-index:1;font-size:.62rem;letter-spacing:.18em;color:#8d9390}
.expert-theme{font-size:.62rem;letter-spacing:.18em;font-weight:900;color:var(--terracotta);margin-bottom:.7rem}
.expert-card h3{font-size:2.15rem;margin-bottom:1rem}
.expert-card>p:last-child{font-family:var(--serif);font-size:1.05rem;color:#4a4743}
.quote-ribbon{margin:5rem 0 0;padding:2.4rem 0 0;border-top:1px solid #aaa499;font-size:clamp(2rem,4.2vw,4.8rem);line-height:1.05;font-weight:650;letter-spacing:-.045em}
.quote-ribbon cite{display:block;margin-top:1.2rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--terracotta)}

.building-investigation{overflow:hidden}
.building-investigation:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 49.85%,rgba(192,91,62,.28) 50%,transparent 50.15%);pointer-events:none}
.wide-placeholder{min-height:54vh!important}
.media-placeholder{background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 13px),#171b1c;border:1px solid rgba(255,255,255,.16);min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;color:#fff}
.media-placeholder strong{font-size:1.4rem;letter-spacing:-.02em}.media-placeholder small{margin-top:.5rem;color:#9ea3a1}
.placeholder-kicker{font-size:.6rem;letter-spacing:.16em;color:var(--terracotta);font-weight:800;margin-bottom:.6rem}
.process-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:4rem}
.process-chain div{border-top:1px solid rgba(255,255,255,.28);padding-top:1.2rem}
.process-chain b{display:block;color:var(--terracotta);font-size:.72rem}.process-chain span{font-size:.72rem;letter-spacing:.12em;font-weight:900}.process-chain i{font-style:normal;color:#6d7371}

.known-risk h2{font-size:clamp(3.2rem,6.6vw,6.6rem)}
.editorial-rule{height:1px;background:#aaa399;margin:4rem 0}
.lead-copy{font-family:var(--serif);font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.36}
.question-stack{margin-top:4rem;border-top:1px solid #aaa399}
.question-stack p{margin:0;padding:1.3rem 0;border-bottom:1px solid #aaa399;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:650}

.actor-network{height:min(70vw,650px);max-height:650px;position:relative;margin-top:4rem;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at center,rgba(192,91,62,.14),transparent 32%)}
.actor-network svg{position:absolute;inset:0;width:100%;height:100%}.actor-network path{stroke:rgba(255,255,255,.16);stroke-width:1.2;fill:none;vector-effect:non-scaling-stroke}
.actor{position:absolute;z-index:2;transform:translate(-50%,-50%);min-width:120px;padding:13px 16px;text-align:center;border:1px solid rgba(255,255,255,.2);background:#121616;font-size:.7rem;letter-spacing:.1em;font-weight:850}
.actor-main{left:50%;top:50%;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:var(--terracotta);border:0;font-size:.84rem}
.actor-1{left:50%;top:10%}.actor-2{left:78%;top:22%}.actor-3{left:85%;top:57%}.actor-4{left:67%;top:88%}.actor-5{left:33%;top:88%}.actor-6{left:15%;top:57%}.actor-network .actor:nth-of-type(8){left:22%;top:22%}

.timeline-section{height:450vh;background:#151718;color:#fff;padding:0!important}
.timeline-pin{height:100vh;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.timeline-head{padding-top:4.5rem}.timeline-head h2{font-size:clamp(2.9rem,5.3vw,5.3rem);max-width:820px;margin-bottom:2rem}
.timeline-viewport{width:100%;overflow:hidden;padding-left:max(32px,calc((100vw - min(1320px,calc(100vw - 64px)))/2))}
.timeline-track{display:flex;gap:16px;width:max-content;padding:2rem 5vw 4rem 0;will-change:transform}
.timeline-card{width:min(36vw,430px);height:420px;flex:0 0 auto;background:#ece7dd;color:#101212;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;border-top:7px solid var(--terracotta)}
.timeline-card span{position:absolute;top:1.5rem;left:2rem;font-size:4.7rem;letter-spacing:-.06em;font-weight:800;color:#bdb6aa}
.timeline-card h3{font-size:2.2rem;margin-bottom:1rem}.timeline-card p{font-family:var(--serif);font-size:1.15rem}
.timeline-media{background:#17373b;color:#fff;border-top-color:#e1a18d}.timeline-media span{color:rgba(255,255,255,.18)}

.community-grid{display:grid;grid-template-columns:1fr .82fr 1fr;gap:18px;align-items:stretch}
.community-grid .media-placeholder{background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 13px),#151819}
.community-quote{background:var(--terracotta);color:#fff;padding:2.2rem;display:flex;align-items:flex-end}.community-quote p{font-family:var(--serif);font-size:clamp(1.5rem,2.3vw,2.3rem);line-height:1.2;margin:0}

.international h2{max-width:1100px}
.mirror-story{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;margin-top:4rem}
.mirror-card{border:1px solid rgba(255,255,255,.15);min-height:320px;padding:2rem;position:relative;background:#121616}
.mirror-card.origin{background:#ece7dd;color:#121414;border:0}
.mirror-card span{font-size:4.5rem;line-height:1;font-weight:850;color:rgba(255,255,255,.1)}
.mirror-card.origin span{color:#cbc4b8}.mirror-card small{display:block;margin:1.2rem 0 .8rem;font-size:.62rem;letter-spacing:.16em;color:var(--terracotta);font-weight:800}
.mirror-card h3{font-size:2rem}.mirror-card p{font-family:var(--serif);font-size:1.05rem;opacity:.72}
.mirror-arrow{font-size:3rem;color:var(--terracotta)}
.mirror-return{grid-column:1/-1;text-align:center;font-size:.66rem;letter-spacing:.16em;font-weight:900;color:#9da19f;padding:1rem 0}
.second-origin{grid-row:3}
.method-note{margin:4rem 0 0;padding:1.3rem 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);font-size:.72rem;letter-spacing:.1em;font-weight:800;color:#b2b6b4}

.source-card{margin-top:4rem;padding:2.2rem;border:1px solid #aaa399;background:#e4ded2}
.source-card small{font-size:.62rem;letter-spacing:.16em;color:var(--terracotta);font-weight:800}.source-card h3{font-size:2.4rem;margin:1rem 0}.source-card p{font-family:var(--serif)}
.rebuild-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.15);margin-top:4rem}
.rebuild-grid article{background:#111515;padding:2rem;min-height:260px}.rebuild-grid span{font-size:3.5rem;font-weight:850;color:rgba(255,255,255,.1)}.rebuild-grid h3{font-size:1.25rem;margin-top:2.4rem}.rebuild-grid p{font-family:var(--serif);font-size:.95rem;color:#aeb2af}
.big-question{margin-top:5rem;font-family:var(--serif);font-size:clamp(2.2rem,4.6vw,5rem);line-height:1.05;color:#dfa38e;max-width:1100px}

.sendai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#bcb5aa;border:1px solid #bcb5aa}
.sendai-grid article{background:var(--paper);padding:2rem;min-height:290px;display:flex;flex-direction:column}.sendai-grid b{font-size:4rem;color:#c7c0b4;line-height:1}.sendai-grid span{font-size:.72rem;letter-spacing:.12em;font-weight:900;margin-top:auto}.sendai-grid p{font-family:var(--serif);font-size:1.3rem;margin-top:1rem}

.finding{min-height:100vh;display:grid;align-items:center;overflow:hidden}
.finding:before{content:"";position:absolute;left:50%;top:-8%;width:1px;height:116%;background:linear-gradient(var(--terracotta),rgba(192,91,62,.05));transform:rotate(12deg);transform-origin:center;box-shadow:0 0 24px rgba(192,91,62,.25)}
.finding-chain{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:2.5rem 0 5rem}
.finding-chain span{font-size:.62rem;letter-spacing:.12em;font-weight:900;border:1px solid rgba(255,255,255,.22);padding:.65rem .8rem}.finding-chain i{font-style:normal;color:var(--terracotta)}
.finding-title{max-width:1180px}.finding-title em{font-family:var(--serif);font-weight:400;color:#dfa38e}
.finding-copy{max-width:850px;font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.9rem);color:#bec2bf}

.human-placeholder{margin:4rem 0;min-height:430px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 13px),#171b1c}
.human-questions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aaa399}
.human-questions div{padding:1.5rem 1.4rem 0 0;border-right:1px solid #aaa399}.human-questions div:last-child{border-right:0;padding-left:1.4rem}.human-questions span{font-size:.63rem;letter-spacing:.14em;font-weight:900;color:var(--terracotta)}.human-questions p{font-family:var(--serif);font-size:1.2rem;margin-top:.8rem}

.final-question{min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:8rem 0!important}
.final-question:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(23,55,59,.45),transparent 36%),radial-gradient(circle at 66% 60%,rgba(192,91,62,.12),transparent 28%)}
.final-fault{position:absolute;left:58%;top:-10%;width:1px;height:120%;background:linear-gradient(transparent,var(--terracotta),transparent);transform:rotate(10deg);box-shadow:0 0 30px rgba(192,91,62,.3)}
.final-inner{text-align:center;z-index:2}.final-inner .eyebrow{color:#c0c4c1}.final-inner h2{font-size:clamp(3.2rem,7.2vw,7.8rem);max-width:1250px;margin:0 auto}.final-inner h2 em{font-family:var(--serif);font-weight:400;color:#dfa38e}
.limit-note{max-width:760px;margin:3rem auto;color:#aeb2af;font-size:.82rem;letter-spacing:.04em}.closing-rule{width:1px;height:100px;background:var(--terracotta);margin:4rem auto}.closing-kicker{font-size:.72rem;letter-spacing:.2em;font-weight:900;color:#aeb2af}.closing-line{font-family:var(--serif);font-size:clamp(2rem,4vw,4.3rem);line-height:1.12;max-width:1040px;margin:1rem auto 5rem}.credits{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:.62rem;letter-spacing:.08em;color:#777f7c}.credits span:not(:last-child):after{content:"·";margin-left:18px}

@media (max-width: 1040px){
  :root{--shell:min(100% - 40px,1320px)}
  .chapter-nav{display:none}.menu-toggle{display:block}.chapter-nav.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:#0d1011;padding:20px 28px;border-top:1px solid rgba(255,255,255,.1)}
  .hero h1{font-size:clamp(4rem,11vw,7.5rem)}.hero-time{display:none}
  .hero-meta,.split-heading,.scrolly-wrap{grid-template-columns:1fr}
  .hero-cases{margin-top:1rem}
  .scrolly-wrap{gap:0}.sticky-panel{position:relative;top:auto;height:min(76vw,620px)}.science-copy{padding-top:0}.scrolly-step{min-height:auto;padding:5rem 0;max-width:none}
  .experts-grid{grid-template-columns:1fr 1fr}.expert-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1fr;gap:24px}.expert-card:last-child .portrait-placeholder{grid-row:1/5;margin:0}.expert-card:last-child .expert-index{grid-column:2}.expert-card:last-child .expert-theme,.expert-card:last-child h3,.expert-card:last-child>p:last-child{grid-column:2}
  .rebuild-grid{grid-template-columns:1fr 1fr}.rebuild-grid article:last-child{grid-column:1/-1}
  .sendai-grid{grid-template-columns:1fr 1fr}
}

@media (max-width: 760px){
  :root{--shell:calc(100% - 32px);--narrow:calc(100% - 32px)}
  section:not(.hero){padding:5rem 0}
  .site-header{padding:0 16px}.brand span:last-child{display:none}
  .hero-inner{padding-bottom:4.5rem}.hero h1{font-size:clamp(3.8rem,15vw,6rem);line-height:.82}.hero h1 .accent-word{margin-left:0}.hero-dek{font-size:1.35rem}.hero-fault{right:-18%;width:75vw}
  .story-columns{grid-template-columns:1fr;gap:1rem}.opening-quote{font-size:2rem}
  .three-times{grid-template-columns:1fr}.three-times article{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:1.5rem 0}.three-times article:last-child{border-bottom:0}
  .sticky-panel{height:62vh}.map-label{font-size:.55rem}.epicentre{width:54px;height:54px}.epicentre b{font-size:1.1rem}.epicentre small{top:58px}
  .quake-data{grid-template-columns:1fr}.quake-data div,.quake-data div:last-child{border-right:0;border-bottom:1px solid #aaa59c;padding:1.1rem 0}
  .experts-grid{grid-template-columns:1fr}.expert-card:last-child{grid-column:auto;display:block}.expert-card:last-child .portrait-placeholder{margin:1.5rem 0 2rem}.expert-card:last-child .expert-index,.expert-card:last-child .expert-theme,.expert-card:last-child h3,.expert-card:last-child>p:last-child{grid-column:auto}
  .process-chain{grid-template-columns:1fr}.process-chain i{transform:rotate(90deg);justify-self:start;margin-left:10px}.process-chain div{padding-top:.9rem}
  .actor-network{height:760px}.actor-network svg{display:none}.actor-main{left:50%;top:18%}.actor-1{left:25%;top:42%}.actor-2{left:75%;top:42%}.actor-3{left:25%;top:58%}.actor-4{left:75%;top:58%}.actor-5{left:25%;top:74%}.actor-6{left:75%;top:74%}
  .timeline-section{height:auto;padding:5rem 0!important}.timeline-pin{height:auto;position:relative;display:block}.timeline-head{padding-top:0}.timeline-viewport{padding:0 16px;overflow:visible}.timeline-track{display:grid;width:auto;padding:0;gap:12px}.timeline-card{width:auto;height:auto;min-height:280px}.timeline-card span{font-size:3.8rem}
  .community-grid{grid-template-columns:1fr}.mirror-story{grid-template-columns:1fr}.mirror-arrow{text-align:center;transform:rotate(90deg)}.mirror-return{grid-column:auto}.second-origin{grid-row:auto}
  .rebuild-grid,.sendai-grid{grid-template-columns:1fr}.rebuild-grid article:last-child{grid-column:auto}
  .human-questions{grid-template-columns:1fr}.human-questions div,.human-questions div:last-child{border-right:0;border-bottom:1px solid #aaa399;padding:1.3rem 0}.human-questions div:last-child{border-bottom:0}
  .credits{flex-direction:column;gap:6px}.credits span:after{display:none}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-fault path{stroke-dashoffset:0!important}
}

/* =========================================================
   YCP WEBDOC · V2 — DIRECCIÓN EDITORIAL + SISTEMA DE PRODUCCIÓN
   ========================================================= */
:root{
  --paper-warm:#f2eee6;
  --coal:#090c0d;
  --signal:#d05d3d;
  --signal-soft:#e6a08b;
  --rail:rgba(255,255,255,.08);
}
body{background:var(--coal)}
.site-header{padding-left:26px}
.chapter-status{display:flex;align-items:center;gap:10px;min-width:126px;color:#d7dad7;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;font-weight:850}
.chapter-status span{color:var(--terracotta);font-variant-numeric:tabular-nums}
.chapter-status b{font-weight:800;white-space:nowrap}
.brand{position:absolute;left:50%;transform:translateX(-50%)}
.chapter-nav{margin-left:auto}

.chapter-rail{position:fixed;z-index:120;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;color:#fff;mix-blend-mode:difference}
.chapter-rail a{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:7px;text-decoration:none;opacity:.28;transition:opacity .25s ease,transform .25s ease}
.chapter-rail a span{font-size:.52rem;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.chapter-rail a b{font-size:.49rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .3s ease}
.chapter-rail a:before{content:"";grid-column:1/-1;position:absolute;width:12px;height:1px;background:currentColor;transform:translateX(-16px);opacity:.5}
.chapter-rail a:hover,.chapter-rail a.active{opacity:1;transform:translateX(3px)}
.chapter-rail a:hover b,.chapter-rail a.active b{max-width:110px}

.time-thesis{background:var(--paper-warm);color:var(--ink);padding:0!important;border-bottom:1px solid #c6bfb3}
.time-thesis-grid{min-height:84vh;display:grid;grid-template-columns:.62fr 1px 1.38fr;gap:clamp(2.5rem,6vw,7rem);align-items:center}
.time-fast{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.time-fast:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(192,91,62,.22);border-radius:50%;left:-100px;bottom:10%;box-shadow:0 0 0 40px rgba(192,91,62,.035),0 0 0 80px rgba(192,91,62,.02)}
.time-number{font-size:clamp(9rem,20vw,20rem);font-weight:850;letter-spacing:-.095em;line-height:.72;color:var(--terracotta);position:relative;z-index:2}
.time-fast p{font-size:.72rem;letter-spacing:.26em;font-weight:900;margin:2rem 0 .7rem;position:relative;z-index:2}
.time-fast small{max-width:290px;color:#676762;line-height:1.5;position:relative;z-index:2}
.time-divider{height:62%;background:#beb6a9;position:relative}.time-divider i{position:absolute;top:28%;left:-4px;width:9px;height:9px;background:var(--terracotta);transform:rotate(45deg)}
.time-slow h2{font-size:clamp(3rem,6vw,6.6rem);max-width:900px;margin:0 0 2rem}.time-slow h2 em{font-family:var(--serif);font-weight:400;color:var(--terracotta);font-style:italic}
.time-slow>p:last-child{font-family:var(--serif);font-size:1.3rem;max-width:660px;color:#5e5d59}

.slot-code{display:inline-block;font-size:.54rem;letter-spacing:.18em;font-weight:900;color:var(--terracotta);margin-bottom:auto}
.media-placeholder[data-slot]{position:relative;isolation:isolate}
.media-placeholder[data-slot]:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.07);pointer-events:none}
.media-placeholder[data-slot]:before{content:"";position:absolute;right:14px;top:14px;width:42px;height:42px;border-top:1px solid rgba(255,255,255,.18);border-right:1px solid rgba(255,255,255,.18)}

.risk-layers{display:flex;flex-wrap:wrap;gap:8px;margin-top:2.8rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.14)}
.risk-layers span{border:1px solid rgba(255,255,255,.16);padding:.7rem .9rem;font-size:.58rem;letter-spacing:.14em;font-weight:900;color:#b8bcba;background:rgba(255,255,255,.02)}
.risk-layers span:nth-child(4),.risk-layers span:nth-child(5),.risk-layers span:nth-child(6){border-color:rgba(192,91,62,.38);color:#e4aa98}

.global-response{background:#0a0f10;overflow:hidden}
.global-response:before{content:"";position:absolute;left:0;right:0;top:42%;height:1px;background:linear-gradient(90deg,transparent,rgba(192,91,62,.5),transparent)}
.response-system{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:4rem;border:1px solid rgba(255,255,255,.12)}
.response-system article{background:#101516;padding:2rem;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end}
.response-system article b{font-size:.66rem;letter-spacing:.15em;color:var(--signal-soft)}
.response-system article span{font-family:var(--serif);font-size:1.05rem;color:#b6bcba;margin-top:1rem}
.response-core{position:absolute;left:50%;top:-54px;transform:translateX(-50%);z-index:3;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--terracotta);font-size:.58rem;letter-spacing:.12em;font-weight:900;box-shadow:0 0 0 12px rgba(192,91,62,.08)}
.interview-stage{display:grid;grid-template-columns:.34fr .66fr;margin-top:4rem;border:1px solid rgba(255,255,255,.14);min-height:370px}
.interview-meta{padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid rgba(255,255,255,.14)}
.interview-meta span{font-size:.58rem;letter-spacing:.16em;color:var(--terracotta);font-weight:900;margin-bottom:auto}.interview-meta b{font-size:1.1rem;letter-spacing:.02em}.interview-meta small{color:#929997;margin-top:.7rem}
.interview-screen{position:relative;display:grid;place-items:center;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 16px),linear-gradient(135deg,#172326,#0f1213);overflow:hidden}
.interview-screen:before{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.018),0 0 0 80px rgba(255,255,255,.01)}
.interview-screen span{font-size:.57rem;letter-spacing:.18em;color:#929997;font-weight:850;position:relative}

.timeline-card small{display:block;color:inherit;opacity:.45;font-size:.62rem;letter-spacing:.07em;margin-top:.8rem}
.timeline-card{transition:opacity .25s ease,transform .25s ease}
.timeline-card.is-past{opacity:.46}.timeline-card.is-active{transform:translateY(-12px);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.timeline-head:after{content:"SCROLL PARA AVANZAR  →";display:block;font-size:.54rem;letter-spacing:.17em;color:#686f6c;font-weight:900;margin-bottom:.8rem}

.mirror-media{height:112px;margin:1.5rem -2rem -2rem;padding:1rem 2rem;display:flex;align-items:flex-end;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 14px),#182021;color:#7e8885;font-size:.55rem;letter-spacing:.15em;font-weight:900;border-top:1px solid rgba(255,255,255,.1)}
.mirror-card.origin .mirror-media{background:#dad3c7;color:#7c746b;border-top-color:#c5bdb0}

.displacement-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:3.3rem}
.displacement-flow span{padding:.7rem .9rem;border:1px solid #afa69a;font-size:.58rem;letter-spacing:.11em;font-weight:900}
.displacement-flow i{font-style:normal;color:var(--terracotta)}

.economy-source{margin-top:3.5rem;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:120px 1fr;min-height:190px}
.economy-source>span{display:grid;place-items:center;background:var(--petrol);font-size:.6rem;letter-spacing:.14em;font-weight:900;color:#b7c4c3;writing-mode:vertical-rl;transform:rotate(180deg)}
.economy-source>div{padding:2rem}.economy-source small{font-size:.57rem;letter-spacing:.14em;color:var(--terracotta);font-weight:900}.economy-source h3{font-size:clamp(1.55rem,2.6vw,2.7rem);margin:1rem 0 .7rem}.economy-source p{font-family:var(--serif);color:#aeb4b2;max-width:760px}

.sendai-interview{margin-top:2rem;padding:1.1rem 1.4rem;border-left:4px solid var(--terracotta);background:#ddd6ca;display:flex;gap:18px;align-items:center}
.sendai-interview span{font-size:.56rem;letter-spacing:.14em;color:var(--terracotta);font-weight:900;white-space:nowrap}.sendai-interview p{margin:0;font-family:var(--serif);font-size:1.05rem}

.sources-method{background:#ddd7cd}
.source-types{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b7afa3;border:1px solid #b7afa3}
.source-types article{background:#ece7de;padding:2rem;min-height:250px}.source-types span{font-size:3.4rem;line-height:1;color:#c3bbaf;font-weight:850}.source-types h3{font-size:1.2rem;letter-spacing:.08em;margin:3rem 0 .8rem}.source-types p{font-family:var(--serif);font-size:1rem;color:#5e5e59}
.source-drawer{margin-top:2rem;border-top:1px solid #aaa197;border-bottom:1px solid #aaa197}
.source-drawer summary{cursor:pointer;padding:1.2rem 0;font-size:.65rem;letter-spacing:.14em;font-weight:900;list-style:none;display:flex;justify-content:space-between;align-items:center}.source-drawer summary::-webkit-details-marker{display:none}.source-drawer summary:after{content:"+";font-size:1.3rem;color:var(--terracotta)}.source-drawer[open] summary:after{content:"−"}
.source-drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:1.5rem 0 2.5rem}.source-drawer-grid b{font-size:.58rem;letter-spacing:.14em;color:var(--terracotta)}.source-drawer-grid p{font-family:var(--serif);font-size:.96rem;margin-top:.8rem;color:#595b57}
.ycp-credit{color:#a97466!important}

@media(max-width:1200px){
  .chapter-rail{display:none}
  .brand{position:static;transform:none;margin-right:auto;margin-left:18px}
  .chapter-status{display:none}
}
@media(max-width:900px){
  .time-thesis-grid{grid-template-columns:1fr;min-height:auto;padding:6rem 0;gap:3rem}.time-divider{width:100%;height:1px}.time-divider i{top:-4px;left:28%}.time-fast{min-height:280px}.time-number{font-size:10rem}.time-slow h2{font-size:3.5rem}
  .response-system{grid-template-columns:1fr 1fr;margin-top:6rem}.interview-stage{grid-template-columns:1fr}.interview-meta{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);min-height:180px}.interview-screen{min-height:320px}
  .source-types,.source-drawer-grid{grid-template-columns:1fr}.source-types article{min-height:190px}.source-types h3{margin-top:1.8rem}
}
@media(max-width:620px){
  .time-number{font-size:8rem}.time-slow h2{font-size:2.8rem}
  .response-system{grid-template-columns:1fr}.response-core{top:-48px}.response-system article{min-height:170px}
  .interview-stage{min-height:0}.interview-screen{min-height:240px}
  .displacement-flow{display:grid;grid-template-columns:1fr}.displacement-flow i{transform:rotate(90deg);justify-self:start;margin-left:18px}
  .economy-source{grid-template-columns:52px 1fr}.economy-source>div{padding:1.5rem}.sendai-interview{align-items:flex-start;flex-direction:column}
}

/* ========================================================================== */
/* YCP V3 · DIRECTION OF ART / RHYTHM / EDITORIAL TRANSITIONS                */
/* ========================================================================== */

.skip-link{position:fixed;z-index:999;left:16px;top:12px;transform:translateY(-160%);background:var(--terracotta);color:#fff;padding:.7rem 1rem;text-decoration:none;font-size:.7rem;letter-spacing:.08em;font-weight:900;transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}
.page-grain{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.14;mix-blend-mode:multiply;background-image:radial-gradient(rgba(14,16,17,.18) .55px,transparent .6px);background-size:4px 4px}
.dark .page-grain{mix-blend-mode:screen}

/* Make the header feel like an editorial instrument, not a website navbar. */
.site-header{border-bottom:1px solid rgba(255,255,255,.11)}
.brand-mark{position:relative;overflow:visible}.brand-mark:after{content:"";position:absolute;width:1px;height:18px;background:var(--terracotta);left:50%;top:-5px;transform:rotate(28deg)}
.chapter-nav a{position:relative}.chapter-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--terracotta);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.chapter-nav a.active:after,.chapter-nav a:hover:after{transform:scaleX(1)}

/* Section ambient numbering. */
[data-section]{isolation:isolate}
[data-section]:not(.hero):not(.timeline-section):not(.finding):before{content:attr(data-section);position:absolute;right:3vw;top:4rem;z-index:-1;font-size:clamp(4rem,12vw,12rem);line-height:.7;text-transform:uppercase;font-weight:900;letter-spacing:-.08em;color:rgba(14,16,17,.025);pointer-events:none;max-width:60vw;overflow:hidden;white-space:nowrap}
.dark[data-section]:not(.finding):before{color:rgba(255,255,255,.018)}

/* Chapter breaks create deliberate silence between information-dense modules. */
.chapter-break{height:70vh;min-height:520px;padding:0!important;background:var(--carbon);color:var(--white);display:grid;place-items:center;overflow:hidden}
.chapter-break:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 43%,rgba(192,91,62,.08) 43% 43.2%,transparent 43.2% 100%),radial-gradient(circle at 72% 30%,rgba(23,55,59,.4),transparent 38%)}
.chapter-break-line{position:absolute;left:50%;top:-10%;width:1px;height:120%;background:linear-gradient(transparent,var(--terracotta) 25% 76%,transparent);transform:rotate(16deg);transform-origin:center;opacity:.75}
.chapter-break-line:before,.chapter-break-line:after{content:"";position:absolute;left:-5px;width:10px;height:1px;background:var(--terracotta)}
.chapter-break-line:before{top:38%}.chapter-break-line:after{top:63%}
.chapter-break-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1rem,4vw,5rem)}
.chapter-break-inner>span{position:absolute;top:-7rem;left:0;font-size:.6rem;letter-spacing:.18em;color:#7f8885;font-weight:900}
.chapter-break-inner p{margin:0;font-size:clamp(3.6rem,9vw,9rem);font-weight:850;letter-spacing:-.075em;line-height:.84;text-transform:uppercase}.chapter-break-inner p:first-of-type{text-align:right}.chapter-break-inner i{font-family:var(--serif);font-size:clamp(1.3rem,2.5vw,2.2rem);font-style:italic;color:var(--terracotta)}
.chapter-break--world{background:#0b1719}.chapter-break--finding{background:#11100f}.chapter-break--finding .chapter-break-line{transform:rotate(-13deg)}

/* More premium media placeholders while source material is pending. */
.media-placeholder,.portrait-placeholder,.mirror-media,.interview-screen{position:relative;overflow:hidden}
.media-placeholder:before,.portrait-placeholder:before,.mirror-media:before,.interview-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 49.6%,rgba(192,91,62,.16) 49.7% 50%,transparent 50.1%),repeating-linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.03) 50px 51px)}
.paper .media-placeholder:before,.paper .portrait-placeholder:before{background:linear-gradient(135deg,transparent 0 49.6%,rgba(192,91,62,.13) 49.7% 50%,transparent 50.1%),repeating-linear-gradient(90deg,transparent 0 49px,rgba(13,16,17,.04) 50px 51px)}
.media-placeholder strong,.portrait-placeholder span,.mirror-media,.interview-screen>span{position:relative;z-index:1}

/* Science: the replacement map will inherit a strong scrollytelling frame. */
.science-visual:after{content:"SCROLL PARA DESPLEGAR LA AMENAZA";position:absolute;left:18px;bottom:-32px;font-size:.54rem;letter-spacing:.14em;color:#767a78;font-weight:900}
.map-frame{box-shadow:0 35px 90px rgba(10,12,12,.12)}
.map-frame:after{content:"AMENAZA  ≠  VULNERABILIDAD";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;font-size:clamp(1.2rem,2.7vw,2.5rem);letter-spacing:-.03em;font-weight:900;background:rgba(13,16,17,.88);color:#fff;padding:1.15rem 1.4rem;white-space:nowrap;transition:opacity .4s ease,transform .4s ease}.map-frame.show-question:after{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* Experts: staggered editorial rhythm and a fine accent rule. */
.experts-grid{align-items:start}.expert-card{position:relative}.expert-card:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--terracotta);transform-origin:left;transform:scaleX(.12);transition:transform .45s ease}.expert-card:hover:after{transform:scaleX(1)}
.expert-card:nth-child(2){margin-top:5.5rem}.expert-card:nth-child(3){margin-top:11rem}
.quote-ribbon{margin-top:8rem}

/* 72H: add a visual temporal axis and stronger active card. */
.timeline-viewport:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(192,91,62,.55),rgba(255,255,255,.2),transparent);z-index:0}.timeline-track{position:relative;z-index:1}.timeline-card{transition:opacity .3s ease,transform .3s ease,border-color .3s ease,background .3s ease}.timeline-card.is-past{opacity:.48}.timeline-card.is-active{transform:translateY(-18px);border-color:var(--terracotta);background:#171c1d}.timeline-card.is-active span{color:var(--terracotta)}

/* International mirror: sticky methodological rule + descending story cards. */
.mirror-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.55fr);gap:clamp(3rem,7vw,8rem);align-items:start;margin-top:6rem}
.mirror-thesis{position:sticky;top:130px;border-top:1px solid rgba(255,255,255,.22);padding-top:1.2rem}.mirror-thesis>span{font-size:.58rem;letter-spacing:.16em;color:var(--terracotta);font-weight:900}.mirror-thesis>p{font-family:var(--serif);font-size:clamp(1.45rem,2.25vw,2.2rem);line-height:1.22;margin:2rem 0 3rem;color:#d8d5ce}.mirror-loop{display:flex;align-items:center;gap:.7rem;font-size:.7rem;letter-spacing:.12em}.mirror-loop b{border:1px solid rgba(255,255,255,.18);padding:.65rem .8rem}.mirror-loop i{font-style:normal;color:var(--terracotta);font-size:1.4rem}
.mirror-layout .mirror-story{margin-top:0}.mirror-layout .mirror-card{min-height:360px}.mirror-layout .mirror-card:nth-of-type(2){margin-top:8vh}.mirror-layout .mirror-card:nth-of-type(3){margin-top:4vh}.mirror-layout .mirror-card:nth-of-type(4){margin-top:8vh}.mirror-layout .mirror-arrow{font-size:2rem;color:var(--terracotta)}.mirror-layout .mirror-return{margin-block:2rem}

/* Finding becomes a destination, not another section. */
.finding{height:260vh;padding:0!important;background:#090b0b;overflow:clip}
.finding:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(192,91,62,.16),transparent 28%),linear-gradient(118deg,transparent 0 48%,rgba(192,91,62,.08) 48% 48.2%,transparent 48.2%);pointer-events:none}
.finding-pin{height:100vh;position:sticky;top:0;display:grid;align-items:center;overflow:hidden}
.finding-shell{padding-top:4rem}
.finding-counter{position:absolute;right:0;top:4.5rem;text-align:right}.finding-counter span{display:block;font-size:clamp(4rem,8vw,7.5rem);font-weight:900;line-height:.75;color:rgba(255,255,255,.06)}.finding-counter small{font-size:.52rem;letter-spacing:.15em;color:#666d6b;font-weight:900}
.finding-chain{margin-top:5rem;display:flex;align-items:center;gap:clamp(.5rem,1.8vw,1.6rem);white-space:nowrap;overflow:visible}.finding-chain .finding-node{font-size:clamp(.62rem,1vw,.9rem);letter-spacing:.11em;font-weight:900;border:1px solid rgba(255,255,255,.17);padding:.85rem 1rem;background:rgba(255,255,255,.015);transition:border-color .3s,background .3s,color .3s,transform .3s}.finding-chain .finding-node.is-hot{border-color:var(--terracotta);background:rgba(192,91,62,.11);color:#fff;transform:translateY(-4px)}.finding-chain i{font-style:normal;color:#59605e}
.finding-thesis{max-width:1080px;margin-top:clamp(4rem,8vh,7rem)}.finding-overline{display:block;font-size:.55rem;letter-spacing:.17em;color:var(--terracotta);font-weight:900;margin-bottom:1.3rem}.finding-title{font-size:clamp(3.5rem,7.6vw,8.2rem);line-height:.86;letter-spacing:-.066em;margin:0}.finding-title em{color:var(--terracotta);font-style:normal}.finding-copy{max-width:760px;margin-top:2rem;font-family:var(--serif);font-size:clamp(1.1rem,1.7vw,1.45rem);color:#aeb4b1;line-height:1.5}

/* Final: a stricter, magazine-like full stop. */
.final-question{min-height:110vh}.closing-rule{position:relative}.closing-rule:after{content:"";position:absolute;width:11px;height:11px;border:1px solid var(--terracotta);border-radius:50%;top:-5px;left:50%;background:var(--carbon)}
.credits{border-top:1px solid rgba(255,255,255,.12);padding-top:1.6rem}

@media(max-width:1000px){
  .chapter-break-inner{grid-template-columns:1fr}.chapter-break-inner p:first-of-type{text-align:left}.chapter-break-inner i{display:none}.chapter-break-inner p{font-size:clamp(3.5rem,13vw,7rem)}
  .expert-card:nth-child(2),.expert-card:nth-child(3){margin-top:0}
  .mirror-layout{grid-template-columns:1fr}.mirror-thesis{position:relative;top:auto;max-width:720px}.mirror-layout .mirror-card:nth-of-type(n){margin-top:0}
  .finding-chain{flex-wrap:wrap;white-space:normal}.finding{height:auto;padding:8rem 0!important}.finding-pin{height:auto;position:relative}.finding-counter{position:relative;right:auto;top:auto;text-align:left;margin:2rem 0}.finding-thesis{margin-top:4rem}
}
@media(max-width:620px){
  .page-grain{opacity:.08}.chapter-break{min-height:440px;height:58vh}.chapter-break-inner>span{top:-4rem}.chapter-break-line{left:74%}
  .science-visual:after{display:none}.map-frame:after{white-space:normal;width:88%;text-align:center}
  .finding-chain i{display:none}.finding-chain .finding-node{flex:1 1 calc(50% - .5rem);text-align:center}.finding-title{font-size:clamp(3.1rem,14vw,5.2rem)}
}

@media print{
  .site-header,.chapter-rail,.scroll-progress,.scroll-cue,.page-grain,.chapter-break{display:none!important}
  section{break-inside:avoid;padding:2rem 0!important}.hero,.finding,.final-question{min-height:0;height:auto!important;color:#111!important;background:#fff!important}.hero-fault,.hero-grid,.final-fault{display:none!important}.finding-pin{position:relative;height:auto}.dark{background:#fff!important;color:#111!important}.shell{width:92%!important}.media-placeholder,.portrait-placeholder,.mirror-media,.interview-screen{border:1px solid #aaa!important}
}
.mirror-card.is-reading{border-color:rgba(192,91,62,.62);box-shadow:0 20px 70px rgba(0,0,0,.18);transform:translateY(-5px)}
.mirror-card{transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}

/* ========================================================================== */
/* YCP V4 · QA DE RITMO, MÁRGENES Y ORTOTIPOGRAFÍA VISUAL                    */
/* ========================================================================== */
:root{
  --section-y-standard:clamp(6.5rem,8.5vw,9.5rem);
  --section-y-wide:clamp(8rem,10.5vw,12rem);
  --block-gap:clamp(3rem,5vw,5.5rem);
  --copy-gap:clamp(1.15rem,1.8vw,1.7rem);
}

/* Las anclas no quedan ocultas bajo la cabecera fija. */
main>section{scroll-margin-top:82px}

/* El sistema anterior tenía padding genérico y excepciones acumuladas. V4 fija
   dos ritmos verticales explícitos para mantener continuidad editorial. */
main>section.rhythm-standard:not(.timeline-section):not(.finding):not(.chapter-break){padding-block:var(--section-y-standard)!important}
main>section.rhythm-wide:not(.timeline-section):not(.finding):not(.chapter-break){padding-block:var(--section-y-wide)!important}
.story-opening.rhythm-wide{padding-top:clamp(9rem,12vw,13rem)!important;padding-bottom:clamp(8rem,10vw,11rem)!important}

/* Cuando dos módulos comparten fondo, añadimos una separación física muy fina
   para que no parezcan una sola sección accidentalmente. */
main>section.paper+section.paper{border-top:1px solid rgba(74,69,63,.15)}
main>section.dark+section.dark{border-top:1px solid rgba(255,255,255,.08)}

/* Ritmo interno de titulares y copy. */
h1,h2,h3{text-wrap:balance}
p,blockquote{widows:3;orphans:3}
.section-heading{margin-bottom:var(--block-gap)}
.section-heading>p,.lead-copy,.story-columns p,.science-copy p,.source-card p,.finding-copy{max-width:72ch}
.section-heading>p{line-height:1.55}
.story-columns{margin-top:clamp(3rem,5vw,5rem);margin-bottom:clamp(4rem,6vw,6rem)}
.opening-quote{margin-top:0}

/* Espaciados de componentes principales: más aire antes de estructuras densas. */
.experts-grid,.actor-network,.response-system,.community-grid,.rebuild-grid,.sendai-grid,.source-types{margin-top:clamp(3.5rem,5.5vw,6rem)}
.quote-ribbon{margin-top:clamp(5.5rem,8vw,8rem)}
.process-chain{margin-top:clamp(3.5rem,5.5vw,5.5rem)}
.risk-layers{margin-top:clamp(2.2rem,3.5vw,3.25rem)}
.question-stack{margin-top:clamp(3rem,5vw,4.5rem)}
.source-card,.economy-source{margin-top:clamp(3rem,5vw,4.5rem)}
.big-question{margin-top:clamp(4rem,6.5vw,6rem)}
.human-placeholder{margin-block:clamp(3.5rem,6vw,5.5rem)}
.source-drawer{margin-top:clamp(2.5rem,4vw,3.5rem)}

/* Mejor separación de cada card sin inflar el conjunto. */
.expert-card h3,.mirror-card h3,.timeline-card h3,.rebuild-grid h3{text-wrap:balance}
.expert-card>p:last-child,.mirror-card p,.timeline-card p,.rebuild-grid p{line-height:1.55}

/* Los capítulos de transición deben respirar de verdad. */
.chapter-break{min-height:clamp(540px,70vh,760px)}
.chapter-break-inner{padding-block:clamp(4rem,7vh,7rem)}

/* Copy técnico visible en español, sin sensación de prototipo. */
.science-visual:after{content:"DESPLAZA PARA EXPLORAR LA AMENAZA"}
.timeline-head:after{content:"DESPLAZA PARA AVANZAR  →"}

/* Focus visible y microaccesibilidad. */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--terracotta);outline-offset:4px}

/* Cierre con aire suficiente entre pregunta, remate y créditos. */
.final-inner>h2{margin-bottom:clamp(2.5rem,4vw,4rem)}
.limit-note{margin-bottom:clamp(3rem,5vw,5rem)}
.closing-rule{margin-block:clamp(3rem,6vw,6rem)}
.closing-kicker{margin-bottom:1.15rem}
.closing-line{margin-bottom:clamp(4rem,7vw,7rem)}
.credits{display:grid;gap:.55rem}

@media(max-width:900px){
  :root{--section-y-standard:clamp(5.5rem,10vw,7rem);--section-y-wide:clamp(6.5rem,12vw,8.5rem);--block-gap:clamp(2.5rem,6vw,4rem)}
  main>section{scroll-margin-top:72px}
  .story-opening.rhythm-wide{padding-top:7rem!important;padding-bottom:7rem!important}
  .story-columns{gap:2.2rem}
  .experts-grid,.actor-network,.response-system,.community-grid,.rebuild-grid,.sendai-grid,.source-types{margin-top:3.5rem}
}

@media(max-width:620px){
  :root{--section-y-standard:5.25rem;--section-y-wide:6rem}
  .story-opening.rhythm-wide{padding-top:6rem!important;padding-bottom:6rem!important}
  .story-columns{margin-top:2.5rem;margin-bottom:3.5rem}
  .opening-quote{padding-block:1.8rem}
  .chapter-break{min-height:430px}
  .chapter-break-inner{padding-block:3rem}
  .human-placeholder{margin-block:3rem}
}

/* ========================================================================== */
/* YCP V5 · ACABADO EDITORIAL / MICROINTERACCIONES / PRESENTACIÓN SIN MEDIOS */
/* ========================================================================== */
:root{
  --hairline-light:rgba(255,255,255,.11);
  --hairline-dark:rgba(13,16,17,.14);
  --ease-editorial:cubic-bezier(.22,.61,.36,1);
}

/* Más control sobre el ritmo de lectura: las secciones densas ganan salida
   inferior y los cambios de fondo no producen “saltos” visuales. */
main>section.rhythm-wide:not(.chapter-break):not(.finding){padding-bottom:calc(var(--section-y-wide) + clamp(.75rem,1.8vw,2rem))!important}
main>section.rhythm-standard:not(.chapter-break):not(.finding){padding-bottom:calc(var(--section-y-standard) + clamp(.35rem,1vw,1rem))!important}
.story-opening+section,.known-risk+section,.community+section,.sendai+section{box-shadow:0 -1px 0 rgba(13,16,17,.05)}

/* Pequeño marcador editorial para cada sección, sin añadir ruido al contenido. */
main>section[data-section]:not(.hero):not(.timeline-section):not(.finding):not(.final-question):after{
  content:"";position:absolute;left:max(32px,calc((100vw - 1320px)/2));bottom:0;width:clamp(42px,5vw,74px);height:1px;background:currentColor;opacity:.12
}

/* Placeholders: dejan de parecer una maqueta técnica y funcionan como piezas
   de composición hasta que llegue el material documental. */
.media-placeholder,.portrait-placeholder,.mirror-media,.interview-screen{
  border-radius:2px;
  transition:transform .45s var(--ease-editorial),border-color .45s ease,background-color .45s ease;
}
.media-placeholder:hover,.portrait-placeholder:hover,.mirror-media:hover,.interview-screen:hover{transform:translateY(-3px)}
.portrait-placeholder{align-content:end;justify-items:start;padding:1.35rem;background:linear-gradient(160deg,#101516 0%,#232827 58%,#151718 100%)}
.portrait-placeholder span{font-size:.57rem;letter-spacing:.17em;color:#d0d2cf;font-weight:900}
.portrait-placeholder small{position:relative;z-index:2;margin-top:.4rem;font-family:var(--serif);font-size:1rem;color:#959b98}
.portrait-placeholder:after{opacity:.55}
.media-placeholder .placeholder-kicker{position:relative;z-index:2}
.media-placeholder strong,.media-placeholder small{max-width:620px}
.mirror-media{min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.35rem;padding:1.4rem;background:#111718;border:1px solid rgba(255,255,255,.12);font-size:.58rem!important;letter-spacing:.13em!important;color:#d1d5d2!important;font-weight:900}
.mirror-media span,.mirror-media small{position:relative;z-index:2}.mirror-media small{color:#7f8885;font-family:var(--serif);font-size:.9rem;letter-spacing:0;font-weight:400}
.interview-screen>span{max-width:80%;text-align:center;line-height:1.5}

/* El timeline mantiene lenguaje visual aunque aún no haya vídeo integrado. */
.timeline-media{background:linear-gradient(145deg,#1a2021,#0e1213)!important}
.timeline-media:after{content:"";position:absolute;right:24px;bottom:24px;width:52px;height:52px;border:1px solid rgba(192,91,62,.46);border-radius:50%;box-shadow:inset 0 0 0 12px rgba(192,91,62,.04)}
.timeline-media small{display:block;margin-top:auto;padding-top:1.5rem;color:#7d8582;font-size:.62rem;letter-spacing:.06em}

/* Pulido de componentes. */
.expert-card,.source-types article,.rebuild-grid article,.sendai-grid article,.mirror-card{transition:transform .38s var(--ease-editorial),box-shadow .38s ease,border-color .38s ease}
.expert-card:hover,.source-types article:hover,.rebuild-grid article:hover,.sendai-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.07)}
.dark .rebuild-grid article:hover{box-shadow:0 22px 60px rgba(0,0,0,.22)}
.question-stack p{position:relative;padding-left:1.5rem}.question-stack p:before{content:"";position:absolute;left:0;top:.78em;width:8px;height:1px;background:var(--terracotta)}
.source-drawer summary{transition:color .2s ease}.source-drawer summary:hover{color:var(--terracotta)}

/* La red institucional gana legibilidad sin medios. */
.actor{box-shadow:0 10px 35px rgba(0,0,0,.1)}
.actor-main{box-shadow:0 18px 55px rgba(192,91,62,.16)}

/* Mejor tratamiento de párrafos largos y pies editoriales. */
.lead-copy,.section-heading>p,.method-note,.limit-note{line-height:1.65}
.method-note{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.11)}
.source-card{border-top:1px solid #aaa197;border-bottom:1px solid #aaa197;padding-block:1.6rem}
.source-card small{display:block;margin-bottom:.65rem;color:var(--terracotta);font-size:.58rem;letter-spacing:.14em;font-weight:900}

/* Cabecera móvil: overlay limpio, clicable y sin sensación de dropdown antiguo. */
@media(max-width:1040px){
  .chapter-nav.open{top:66px;bottom:auto;padding:1.6rem 24px 2rem;background:rgba(9,12,13,.98);backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.35)}
  .chapter-nav.open a{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.72rem}
  .chapter-nav.open a:last-child{border-bottom:0}
}

/* Responsive de producción: nada debe quedar demasiado pegado a los bordes. */
@media(max-width:900px){
  main>section[data-section]:not(.hero):not(.timeline-section):not(.finding):not(.final-question):after{left:20px}
  .mirror-media{min-height:160px}
}
@media(max-width:620px){
  h2{letter-spacing:-.045em}
  .section-heading{margin-bottom:3rem}
  .portrait-placeholder{aspect-ratio:5/4;min-height:280px}
  .timeline-card{padding:1.5rem}
  .timeline-media:after{width:42px;height:42px;right:18px;bottom:18px}
  .source-card{padding-block:1.35rem}
}

/* En impresión y reduced motion no necesitamos hover ni desplazamientos. */
@media(prefers-reduced-motion:reduce){
  .media-placeholder:hover,.portrait-placeholder:hover,.mirror-media:hover,.interview-screen:hover,.expert-card:hover,.source-types article:hover,.rebuild-grid article:hover,.sendai-grid article:hover{transform:none!important}
}

/* =========================================================
   YCP V6 · AJUSTES FINALES 8 SEPTIEMBRE
   ========================================================= */

.data-source{margin-top:18px;font-size:.74rem;line-height:1.45;letter-spacing:.04em;text-transform:uppercase;opacity:.62}
.quake-data small{display:block;margin-top:8px;font-size:.72rem;opacity:.58;letter-spacing:.04em}

.building-source-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin:42px 0 0}
.source-focus{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045)}
.source-focus>span,.institution-note>span{display:block;margin-bottom:14px;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent,#d56842)}
.source-focus h3{font-size:clamp(1.65rem,2.8vw,2.55rem);margin:0 0 12px;line-height:1}
.source-focus p{max-width:680px;opacity:.77}
.media-window{margin-top:28px;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.08)}
.media-window b{font-size:.82rem;letter-spacing:.09em;text-transform:uppercase}
.media-window small{margin-top:7px;opacity:.58}
.source-focus--text{background:rgba(255,255,255,.025)}

.source-spotlight{position:relative;overflow:hidden}
.source-spotlight:before{content:"A";position:absolute;right:-.02em;top:-.19em;font-size:min(42vw,520px);font-weight:900;line-height:1;color:rgba(16,20,21,.035);pointer-events:none}
.source-spotlight-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(42px,7vw,110px);align-items:start}
.source-spotlight h2{font-size:clamp(2.7rem,5.6vw,6.2rem);line-height:.95;margin:14px 0 40px;letter-spacing:-.055em}
.source-spotlight h2 em{font-style:normal;color:var(--accent,#c85f3c)}
.source-spotlight blockquote{font-size:clamp(1.55rem,2.8vw,3rem);line-height:1.1;margin:0;padding-left:24px;border-left:3px solid var(--accent,#c85f3c);max-width:770px}
.source-spotlight-copy{padding-top:46px}
.source-spotlight-copy>p{font-size:1.15rem;line-height:1.75;max-width:680px}
.alexander-questions{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(0,0,0,.12)}
.alexander-questions span{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--accent,#c85f3c)}
.alexander-questions p{margin:0 0 9px}

.institution-note{max-width:780px;margin:30px auto 54px;padding:22px 26px;border-left:3px solid var(--accent,#d56842);background:rgba(255,255,255,.045)}
.institution-note b{display:block;font-size:1.15rem;margin-bottom:7px}
.institution-note p{margin:0;opacity:.72}

.international-method{padding-top:clamp(90px,10vw,160px);padding-bottom:clamp(90px,10vw,150px)}
.international-method h2{font-size:clamp(2.8rem,6.4vw,7rem);line-height:.93;letter-spacing:-.06em;margin:14px 0 48px}
.international-method h2 em{font-style:normal;color:var(--accent,#d56842)}
.compare-loop{display:flex;flex-wrap:wrap;align-items:center;gap:10px 15px;padding:25px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);font-size:.75rem;letter-spacing:.08em;font-weight:850}
.compare-loop i{color:var(--accent,#d56842);font-size:1.15rem;font-style:normal}

.documentary-case{position:relative;overflow:hidden}
.documentary-case-head{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:end;margin-bottom:42px}
.documentary-case-head .eyebrow{grid-column:1/-1}
.documentary-case-head h2{font-size:clamp(3rem,6.4vw,7.4rem);line-height:.9;letter-spacing:-.06em;margin:0}
.documentary-case-head>p:last-child{font-size:1.05rem;max-width:460px;margin:0 0 8px;opacity:.68}
.documentary-photo{position:relative;margin:0;overflow:hidden;background:#171a1b;min-height:min(68vw,720px)}
.documentary-photo img{display:block;width:100%;height:min(68vw,720px);object-fit:cover;filter:saturate(.72) contrast(1.04) brightness(.86);transition:transform 1.1s cubic-bezier(.2,.7,.1,1),filter .55s ease}
.documentary-photo:hover img{transform:scale(1.012);filter:saturate(.82) contrast(1.02) brightness(.91)}
.documentary-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 26px 18px;background:linear-gradient(transparent,rgba(0,0,0,.76));color:#fff;font-size:.72rem;line-height:1.45;letter-spacing:.035em}
.documentary-photo.is-missing:after{content:"ARCHIVO DOCUMENTAL · CARGA ONLINE";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.72);font-size:.72rem;letter-spacing:.12em}
.case-reading{display:grid;grid-template-columns:.65fr 1.35fr;gap:28px;margin:30px 0 0;padding-top:26px;border-top:1px solid currentColor}
.case-reading strong{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#d56842)}
.case-reading p{font-size:clamp(1.35rem,2.5vw,2.3rem);line-height:1.2;margin:0;max-width:940px}
.documentary-case--turkiye .documentary-photo{background:#090b0c}
.documentary-case--turkiye .case-reading{border-color:rgba(255,255,255,.2)}

.rebuild-principle{display:grid;grid-template-columns:auto auto auto 1fr;gap:18px;align-items:center;margin:34px 0 44px;padding:24px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.rebuild-principle span{font-size:clamp(1.5rem,3.4vw,3.3rem);font-weight:900;letter-spacing:-.04em}
.rebuild-principle i{font-size:2rem;color:var(--accent,#d56842);font-style:normal}
.rebuild-principle p{margin:0;max-width:620px;opacity:.72}

.mutter-voice{position:relative;overflow:hidden}
.mutter-voice:after{content:"M";position:absolute;right:-.04em;bottom:-.27em;font-size:min(52vw,700px);font-weight:900;color:rgba(18,22,24,.028);line-height:1;pointer-events:none}
.mutter-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(42px,7vw,110px);align-items:start}
.mutter-grid h2{font-size:clamp(2.8rem,5.4vw,6rem);line-height:.94;letter-spacing:-.055em;margin:12px 0 26px}
.mutter-grid>div>p{font-size:1.08rem;line-height:1.72;max-width:650px}
.mutter-grid blockquote{margin:22px 0 0;padding:34px;border-left:4px solid var(--accent,#d56842);background:#f0ece3;font-size:clamp(1.55rem,3vw,3rem);line-height:1.08;position:relative;z-index:1}
.mutter-grid cite{display:block;margin-top:22px;font-size:.72rem;line-height:1.45;font-style:normal;text-transform:uppercase;letter-spacing:.08em;opacity:.62}
.mutter-chain{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:42px;padding-top:27px;border-top:1px solid rgba(0,0,0,.13);font-size:.75rem;font-weight:850;letter-spacing:.08em}
.mutter-chain i{font-style:normal;color:var(--accent,#d56842)}

.international-value{position:relative;background:#ece8df}
.international-value h2{font-size:clamp(2.8rem,6vw,6.6rem);line-height:.93;letter-spacing:-.06em;max-width:1180px;margin:15px 0 55px}
.international-value h2 em{font-style:normal;color:var(--accent,#c85f3c)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.14)}
.value-grid article{background:#ece8df;padding:28px;min-height:250px}
.value-grid span{font-size:.72rem;font-weight:900;color:var(--accent,#c85f3c)}
.value-grid h3{font-size:1.15rem;margin:42px 0 15px;letter-spacing:.04em}
.value-grid p{line-height:1.6;margin:0}
.editorial-proposition{margin:54px 0 0;font-size:clamp(1.6rem,3.4vw,3.4rem);line-height:1.1;max-width:1100px}

.method-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);font-size:1.06rem;line-height:1.75;margin:25px 0 40px}
.method-copy p{margin:0}

.final-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);margin:48px 0}
.final-three article{background:#0d1011;padding:25px;min-height:135px}
.final-three b{display:block;color:var(--accent,#d56842);font-size:.72rem;letter-spacing:.11em;margin-bottom:28px}
.final-three span{font-size:1.05rem;line-height:1.4}

.closing-editorial{min-height:96vh;display:grid;place-items:center;position:relative;overflow:hidden;background:#080a0b;padding:clamp(90px,11vw,175px) 0}
.closing-editorial:before{content:"";position:absolute;left:50%;top:-10%;width:1px;height:125%;background:linear-gradient(transparent,rgba(213,104,66,.75),transparent);transform:rotate(12deg)}
.closing-editorial-inner{position:relative;z-index:1;text-align:center;max-width:1180px}
.closing-editorial h2{font-size:clamp(3.4rem,8vw,9.2rem);line-height:.86;letter-spacing:-.065em;margin:18px auto 35px;max-width:1120px}
.closing-lead{font-size:clamp(1.35rem,2.5vw,2.35rem);line-height:1.25;max-width:880px;margin:0 auto 48px;color:rgba(255,255,255,.72)}
.closing-words{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:0 auto 70px;font-size:.72rem;font-weight:900;letter-spacing:.11em;color:rgba(255,255,255,.56)}
.closing-words i{font-style:normal;color:var(--accent,#d56842)}
.closing-last{font-size:clamp(1.8rem,4.6vw,4.8rem);line-height:1.05;margin:0 auto 70px;max-width:1040px}
.closing-last strong{color:var(--accent,#d56842);font-weight:800}
.closing-editorial .credits{border-top:1px solid rgba(255,255,255,.12);padding-top:30px}

@media(max-width:980px){
  .building-source-grid,.source-spotlight-grid,.documentary-case-head,.mutter-grid,.method-copy{grid-template-columns:1fr}
  .source-spotlight-copy{padding-top:0}
  .documentary-case-head{gap:16px}
  .documentary-case-head .eyebrow{grid-column:auto}
  .case-reading{grid-template-columns:1fr;gap:10px}
  .value-grid{grid-template-columns:1fr}
  .value-grid article{min-height:0}
  .rebuild-principle{grid-template-columns:auto auto auto;align-items:center}
  .rebuild-principle p{grid-column:1/-1}
  .final-three{grid-template-columns:1fr}
}
@media(max-width:640px){
  .documentary-photo,.documentary-photo img{height:70vh;min-height:520px}
  .documentary-photo figcaption{padding:48px 18px 15px;font-size:.66rem}
  .source-focus{padding:22px}
  .alexander-questions{grid-template-columns:1fr}
  .alexander-questions span{margin-top:8px}
  .compare-loop{font-size:.66rem}
  .case-reading p{font-size:1.3rem}
  .mutter-grid blockquote{padding:26px 22px}
  .closing-editorial h2{font-size:clamp(3rem,15vw,5.2rem)}
}

.fieldwork{position:relative;overflow:hidden}
.fieldwork-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr 1.1fr;gap:12px;margin-top:42px}
.fieldwork-grid figure{margin:0;min-width:0}
.fieldwork-placeholder{height:clamp(260px,31vw,500px);display:flex;align-items:flex-end;padding:22px;background:linear-gradient(150deg,rgba(255,255,255,.025),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.11);font-size:.72rem;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.7)}
.fieldwork-grid figure:nth-child(2) .fieldwork-placeholder,.fieldwork-grid figure:nth-child(3) .fieldwork-placeholder{height:clamp(230px,27vw,440px);margin-top:42px}
.fieldwork-grid figcaption{padding:12px 3px 0;font-size:.7rem;line-height:1.4;color:rgba(255,255,255,.52)}
@media(max-width:980px){.fieldwork-grid{grid-template-columns:1fr 1fr}.fieldwork-grid figure:nth-child(2) .fieldwork-placeholder,.fieldwork-grid figure:nth-child(3) .fieldwork-placeholder{margin-top:0;height:clamp(260px,40vw,440px)}}
@media(max-width:580px){.fieldwork-grid{grid-template-columns:1fr}.fieldwork-placeholder,.fieldwork-grid figure:nth-child(2) .fieldwork-placeholder,.fieldwork-grid figure:nth-child(3) .fieldwork-placeholder{height:58vh;min-height:380px}}


/* ============================================================
   YCP V7 · Integración del prototipo visual del cliente
   ============================================================ */
.tectonic-map{display:block;width:100%;height:100%;min-height:420px}
.tectonic-map [data-map-fault],
.tectonic-map [data-map-epicentre]{transition:opacity .45s ease}
.map-prototype-caption{position:absolute;left:18px;right:18px;bottom:16px;display:grid;gap:3px;padding:10px 12px;background:rgba(10,16,18,.82);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(9px);color:#dce3df;font-size:.62rem;line-height:1.35;z-index:3}
.map-prototype-caption b{font-size:.61rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.map-prototype-caption span{opacity:.74}
.map-frame:before{display:none}
.map-frame{background:#101820}
.map-frame.show-question .tectonic-map{filter:saturate(.82) brightness(.72)}
.quote-translation{display:block;margin-top:1.15rem;font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1.55;font-weight:500;letter-spacing:0;opacity:.68}
.mutter-voice blockquote .quote-translation,
.source-spotlight blockquote .quote-translation{max-width:760px}
.documentary-photo img{background:#17191a}

/* Private capture mode. Never visible unless ?defensa=1 is appended. */
.defense-tools{position:fixed;left:18px;bottom:18px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(8,11,12,.94);border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 50px rgba(0,0,0,.28);color:#fff;backdrop-filter:blur(12px)}
.defense-tools[hidden]{display:none}
.defense-tools div{display:grid;gap:2px;margin-right:6px}
.defense-tools small{font-size:.52rem;letter-spacing:.14em;opacity:.55}
.defense-tools strong{font-size:.75rem}
.defense-tools button{appearance:none;border:1px solid rgba(255,255,255,.24);background:#fff;color:#111;padding:9px 12px;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.defense-tools [data-defense-stop]{background:transparent;color:#fff}
body.is-defense-capture .site-header,
body.is-defense-capture .chapter-rail,
body.is-defense-capture .scroll-progress,
body.is-defense-capture .scroll-cue{opacity:0!important;pointer-events:none!important}
body.is-defense-capture .page-grain{opacity:.14}
body.is-defense-capture{cursor:none}
body.is-defense-capture .defense-tools{display:none!important}

@media(max-width:760px){
  .tectonic-map{min-height:340px}
  .map-prototype-caption{position:static;background:#101820;border:0;border-top:1px solid rgba(255,255,255,.12);padding:12px 14px}
  .defense-tools{left:10px;right:10px;bottom:10px;flex-wrap:wrap}
}

/* =========================================================
   YCP V8 · MATERIAL REAL + ARCHIVO AUDIOVISUAL · 01/09/2026
   ========================================================= */
.webdoc-v8 .hero--photo{position:relative;background:#0b1014;isolation:isolate}
.webdoc-v8 .hero--photo::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,10,14,.92) 0%,rgba(5,10,14,.72) 43%,rgba(5,10,14,.38) 73%,rgba(5,10,14,.56) 100%),linear-gradient(180deg,rgba(3,8,12,.18),rgba(3,8,12,.66)),var(--hero-photo);background-size:cover;background-position:center 52%;z-index:-3;transform:scale(1.01)}
.webdoc-v8 .hero--photo::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,transparent 72%,#0b1014 100%);pointer-events:none}
.webdoc-v8 .hero--photo .hero-grid{opacity:.14}
.webdoc-v8 .hero--photo .hero-inner{position:relative;z-index:3}
.webdoc-v8 .hero-photo-credit{margin:1.5rem 0 0;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.56)}

.webdoc-v8 .investigation-photo{position:relative;margin:3.25rem 0 3.75rem;overflow:hidden;border-radius:2px;background:#090e12}
.webdoc-v8 .investigation-photo img{display:block;width:100%;height:min(68vh,760px);object-fit:cover;object-position:center 56%;filter:saturate(.83) contrast(1.04)}
.webdoc-v8 .investigation-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,12,.68),transparent 58%),linear-gradient(0deg,rgba(5,9,12,.56),transparent 46%);pointer-events:none}
.webdoc-v8 .investigation-photo-overlay{position:absolute;z-index:2;left:clamp(1.35rem,4vw,3.75rem);bottom:clamp(2rem,5vw,4.5rem);max-width:min(730px,78%);color:#fff}
.webdoc-v8 .investigation-photo-overlay>span{display:block;font-size:clamp(1.75rem,4.1vw,4.5rem);line-height:.95;font-weight:800;letter-spacing:-.045em;margin-bottom:1.5rem}
.webdoc-v8 .investigation-photo-overlay>div{display:flex;flex-wrap:wrap;gap:.55rem}
.webdoc-v8 .investigation-photo-overlay b{font-size:.68rem;letter-spacing:.11em;border:1px solid rgba(255,255,255,.48);padding:.55rem .7rem;background:rgba(8,13,17,.45);backdrop-filter:blur(6px)}
.webdoc-v8 .investigation-photo figcaption{position:absolute;z-index:3;right:1.25rem;bottom:1rem;max-width:420px;color:rgba(255,255,255,.7);font-size:.7rem;text-align:right}

.webdoc-v8 .fieldwork-grid figure{overflow:hidden;background:#0e151a}
.webdoc-v8 .fieldwork-media{position:relative;overflow:hidden;aspect-ratio:4/3;background:#101820}
.webdoc-v8 .fieldwork-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.65,.2,1),filter .6s ease;filter:saturate(.82) contrast(1.03)}
.webdoc-v8 .fieldwork-grid figure:hover .fieldwork-media img{transform:scale(1.025);filter:saturate(.95) contrast(1.04)}
.webdoc-v8 .fieldwork-label{position:absolute;left:1rem;bottom:1rem;padding:.42rem .58rem;background:rgba(8,12,15,.82);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.12em}
.webdoc-v8 .fieldwork-grid figcaption{padding:.85rem 0 0;color:rgba(255,255,255,.68)}
.webdoc-v8 .fieldwork-story-strip{position:relative;margin:4.5rem 0 0;min-height:min(62vh,680px);overflow:hidden}
.webdoc-v8 .fieldwork-story-strip img{width:100%;height:min(62vh,680px);object-fit:cover;display:block;filter:saturate(.76) contrast(1.08)}
.webdoc-v8 .fieldwork-story-strip::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,12,16,.82),rgba(7,12,16,.05) 62%)}
.webdoc-v8 .fieldwork-story-strip figcaption{position:absolute;z-index:2;left:clamp(1.25rem,5vw,4.5rem);right:clamp(1.25rem,5vw,4.5rem);bottom:clamp(1.75rem,5vw,4.25rem);max-width:900px;color:#fff}
.webdoc-v8 .fieldwork-story-strip figcaption span{display:block;color:var(--accent);font-size:.68rem;letter-spacing:.14em;font-weight:800;margin-bottom:.8rem}
.webdoc-v8 .fieldwork-story-strip figcaption strong{font-size:clamp(1.55rem,3.4vw,3.6rem);line-height:1.06;letter-spacing:-.035em}

.webdoc-v8 .timeline-photo-band{position:absolute;z-index:0;inset:0 0 auto 0;height:100%;margin:0;overflow:hidden;opacity:.2;pointer-events:none}
.webdoc-v8 .timeline-photo-band img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.15)}
.webdoc-v8 .timeline-photo-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b1116 0%,rgba(11,17,22,.74) 34%,#0b1116 100%)}
.webdoc-v8 .timeline-photo-band figcaption{display:none}
.webdoc-v8 .timeline-pin{position:relative;isolation:isolate}
.webdoc-v8 .timeline-head,.webdoc-v8 .timeline-viewport{position:relative;z-index:2}

.webdoc-v8 .community-photo{margin:0;position:relative;min-height:420px;overflow:hidden;background:#d7d1c7}
.webdoc-v8 .community-photo img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center 46%;display:block;filter:saturate(.82)}
.webdoc-v8 .community-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.15rem;color:#fff;font-size:.72rem;background:linear-gradient(0deg,rgba(10,14,17,.85),transparent)}

.webdoc-v8 .human-documentary{position:relative;margin:3.5rem calc(50% - 50vw) 4rem;min-height:min(78vh,820px);overflow:hidden;background:#101820}
.webdoc-v8 .human-documentary img{width:100%;height:min(78vh,820px);object-fit:cover;object-position:center 49%;display:block;filter:saturate(.76) contrast(1.04)}
.webdoc-v8 .human-documentary::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,15,.1),rgba(8,12,15,.08)),linear-gradient(0deg,rgba(8,12,15,.82),transparent 60%)}
.webdoc-v8 .human-documentary figcaption{position:absolute;z-index:2;left:max(5vw,1.25rem);right:max(5vw,1.25rem);bottom:max(5vw,1.5rem);max-width:820px;color:#fff}
.webdoc-v8 .human-documentary figcaption span{display:block;color:var(--accent);font-size:.68rem;letter-spacing:.14em;font-weight:800;margin-bottom:.75rem}
.webdoc-v8 .human-documentary figcaption strong{display:block;font-size:clamp(1.9rem,4.2vw,4.6rem);line-height:.98;letter-spacing:-.045em}
.webdoc-v8 .human-documentary figcaption small{display:block;margin-top:1.1rem;max-width:650px;color:rgba(255,255,255,.68);line-height:1.55}

.webdoc-v8 .evidence-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0 2.25rem}
.webdoc-v8 .evidence-method-grid article{padding:1.5rem;border:1px solid rgba(15,25,32,.12);background:#fff}
.webdoc-v8 .evidence-method-grid span{display:block;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.12em;margin-bottom:2rem}
.webdoc-v8 .evidence-method-grid b{display:block;font-size:1rem;margin-bottom:.7rem}
.webdoc-v8 .evidence-method-grid p{margin:0;font-size:.88rem;color:var(--muted)}
.webdoc-v8 .verification-flow{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin:0 0 4rem;padding:1.4rem;background:var(--ink);color:#fff}
.webdoc-v8 .verification-flow span{font-size:.7rem;letter-spacing:.1em;font-weight:800}
.webdoc-v8 .verification-flow i{font-style:normal;color:var(--accent)}

.webdoc-v8 .audiovisual-archive{margin-top:4.5rem;padding-top:3.5rem;border-top:1px solid rgba(15,25,32,.14)}
.webdoc-v8 .audiovisual-archive-head{max-width:860px;margin-bottom:2rem}
.webdoc-v8 .audiovisual-archive-head>span{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:var(--accent)}
.webdoc-v8 .audiovisual-archive-head h3{font-size:clamp(2rem,4vw,4.3rem);line-height:1;margin:.55rem 0 1rem;letter-spacing:-.04em}
.webdoc-v8 .audiovisual-archive-head p{max-width:760px;color:var(--muted)}
.webdoc-v8 .video-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}
.webdoc-v8 .video-archive-card{background:#0c1216;color:#fff;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.webdoc-v8 .video-archive-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem}
.webdoc-v8 .video-archive-meta span{font-size:.63rem;letter-spacing:.11em;font-weight:800;color:#d9684f}
.webdoc-v8 .video-archive-meta p{margin:0;font-size:.68rem;color:rgba(255,255,255,.55)}
.webdoc-v8 .youtube-frame{position:relative;aspect-ratio:16/9;background:#05080a}
.webdoc-v8 .youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.webdoc-v8 .youtube-note{margin:1.25rem 0 0;padding:1rem 1.1rem;background:rgba(15,25,32,.045);font-size:.78rem;line-height:1.55;color:var(--muted)}
.webdoc-v8 .youtube-note code{font:inherit;color:var(--ink)}
.webdoc-v8 .archive-link{display:inline-flex;margin-top:1.25rem;color:inherit;text-decoration:none;font-size:.7rem;letter-spacing:.08em;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:.2rem;opacity:.78}
.webdoc-v8 .archive-link:hover{opacity:1}

@media(max-width:900px){
  .webdoc-v8 .hero--photo::before{background-position:60% 50%;background-image:linear-gradient(90deg,rgba(5,10,14,.9),rgba(5,10,14,.55)),linear-gradient(180deg,rgba(3,8,12,.12),rgba(3,8,12,.75)),var(--hero-photo)}
  .webdoc-v8 .investigation-photo img{height:62vh;min-height:520px}
  .webdoc-v8 .investigation-photo-overlay{max-width:88%}
  .webdoc-v8 .investigation-photo figcaption{position:relative;right:auto;bottom:auto;padding:.8rem 0;text-align:left;color:rgba(255,255,255,.68)}
  .webdoc-v8 .evidence-method-grid{grid-template-columns:1fr}
  .webdoc-v8 .video-archive-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .webdoc-v8 .investigation-photo{margin:2.4rem 0 3rem}
  .webdoc-v8 .investigation-photo img{height:66vh;min-height:480px;object-position:58% center}
  .webdoc-v8 .investigation-photo-overlay{left:1rem;bottom:1.5rem;max-width:92%}
  .webdoc-v8 .investigation-photo-overlay>span{font-size:2.1rem}
  .webdoc-v8 .investigation-photo-overlay>div{gap:.35rem}
  .webdoc-v8 .investigation-photo-overlay b{font-size:.58rem;padding:.45rem .5rem}
  .webdoc-v8 .fieldwork-story-strip{margin-top:2.75rem;min-height:66vh}
  .webdoc-v8 .fieldwork-story-strip img{height:66vh;object-position:58% center}
  .webdoc-v8 .human-documentary{min-height:70vh}
  .webdoc-v8 .human-documentary img{height:70vh;object-position:60% center}
  .webdoc-v8 .video-archive-meta{align-items:flex-start;flex-direction:column;gap:.25rem}
  .webdoc-v8 .verification-flow{justify-content:flex-start}
}

/* V8 · Imágenes de metodología / cuaderno de campo */
.method-image-log{margin:clamp(42px,6vw,78px) 0;padding:clamp(24px,4vw,48px);background:#141b20;color:#f4f1e9;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.method-image-log-head{display:grid;grid-template-columns:minmax(140px,.35fr) 1fr;column-gap:32px;align-items:start;margin-bottom:28px}
.method-image-log-head>span{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--terracotta,#b85336)}
.method-image-log-head h3{margin:0;font-size:clamp(28px,4vw,48px);line-height:1.02;letter-spacing:-.035em}
.method-image-log-head p{grid-column:2;margin:12px 0 0;max-width:760px;color:rgba(244,241,233,.72);line-height:1.65}
.method-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.method-image-grid figure{margin:0;position:relative;background:#0d1114;overflow:hidden;min-height:310px}
.method-image-grid img{width:100%;height:240px;object-fit:cover;display:block;filter:saturate(.82) contrast(1.03);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.method-image-grid figure:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.02)}
.method-image-grid figcaption{padding:16px 16px 18px;display:grid;gap:5px}
.method-image-grid b{font-size:11px;letter-spacing:.12em;color:#f4f1e9}
.method-image-grid span{font-size:12px;color:rgba(244,241,233,.62);line-height:1.45}
@media(max-width:980px){.method-image-grid{grid-template-columns:repeat(2,1fr)}.method-image-log-head{grid-template-columns:1fr}.method-image-log-head p{grid-column:1}}
@media(max-width:560px){.method-image-grid{grid-template-columns:1fr}.method-image-grid figure{min-height:0}.method-image-grid img{height:58vw;max-height:320px}}
.community-operation-photo{margin:0;position:relative;min-height:330px;overflow:hidden;background:#151b20}
.community-operation-photo img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block;filter:saturate(.84) contrast(1.04)}
.community-operation-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,10,12,.88) 100%)}
.community-operation-photo figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff;display:grid;gap:3px}
.community-operation-photo figcaption span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#e26b4a}
.community-operation-photo figcaption strong{font-size:17px}
.community-operation-photo figcaption small{font-size:11px;color:rgba(255,255,255,.7)}

/* =========================
   YCP V9 · material 01/09
   ========================= */
.document-evidence{position:relative;background:#f3efe7}
.document-evidence:before{content:"DOCUMENTOS";position:absolute;right:2vw;top:5vh;font-size:clamp(4rem,12vw,12rem);font-weight:900;letter-spacing:-.06em;opacity:.025;pointer-events:none}
.document-ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(13,16,17,.13);border:1px solid rgba(13,16,17,.13);margin-top:clamp(2.5rem,5vw,5rem)}
.document-ledger article{background:#f8f4ec;padding:clamp(1.5rem,2.6vw,2.8rem);min-height:270px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.document-ledger article:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#c05b3e,#d8ad48);transform:scaleX(.18);transform-origin:left;transition:transform .45s ease}
.document-ledger article:hover:after{transform:scaleX(1)}
.document-ledger article>span{font-size:.72rem;letter-spacing:.16em;opacity:.48}
.document-ledger b{font-size:1.05rem;margin-top:2.2rem;letter-spacing:.04em}
.document-ledger p{font-size:.98rem;line-height:1.55;margin:1rem 0 auto;color:#444}
.document-ledger small{font-size:.68rem;letter-spacing:.12em;font-weight:800;color:#8b5c2c;margin-top:1.4rem}
.document-principle{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:2.8rem auto 0;font-weight:850;letter-spacing:.08em;font-size:clamp(.68rem,.9vw,.88rem)}
.document-principle i{font-style:normal;color:#b26042}

.case-lenses{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 1.1rem}
.case-lenses span{border:1px solid currentColor;border-radius:999px;padding:.55rem .8rem;font-size:.68rem;letter-spacing:.09em;font-weight:800;opacity:.8}
.case-reading small{display:block;margin-top:1rem;max-width:920px;line-height:1.55;opacity:.72}

.reconstruction-sectors{position:relative;min-height:760px;margin:clamp(3rem,7vw,6rem) 0 3.5rem;display:grid;place-items:center}
.sector-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(280px,25vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2c383b 0,#15191b 56%,#0c0f10 100%);border:2px solid #d9a43e;box-shadow:0 0 0 10px rgba(217,164,62,.08),0 32px 70px rgba(0,0,0,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}
.sector-core small{font-size:.61rem;letter-spacing:.11em;color:#d9a43e;font-weight:800}
.sector-core strong{font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.05;margin:.75rem 0;color:#fff}
.sector-core span{font-size:.69rem;color:#b9c1c3}
.sector-card{position:absolute;z-index:2;width:210px;min-height:122px;padding:1.15rem 1.2rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);backdrop-filter:blur(8px);box-shadow:0 20px 45px rgba(0,0,0,.14)}
.sector-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#d9a43e}
.sector-card:nth-of-type(even):before{background:#b55742}
.sector-card b{display:block;font-size:.84rem;letter-spacing:.06em;color:#fff}
.sector-card p{font-size:.78rem;line-height:1.45;color:#c5cbcc;margin:.55rem 0 0}
.sector-1{left:3%;top:7%}.sector-2{left:37%;top:0}.sector-3{right:4%;top:8%}.sector-4{right:0;top:42%}.sector-5{right:5%;bottom:4%}.sector-6{left:40%;bottom:0}.sector-7{left:4%;bottom:5%}.sector-8{left:0;top:42%}
.sector-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.sector-lines path{fill:none;stroke:rgba(217,164,62,.28);stroke-width:1.4;stroke-dasharray:7 8}

.finding-node{position:relative}
.finding-node b{position:absolute;left:50%;top:-2.1rem;transform:translateX(-50%);width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;background:#d5a31f;color:#111;font-size:.7rem;box-shadow:0 0 0 5px rgba(213,163,31,.08)}
.finding-node[data-phase="recovery"] b{background:#65acd3;color:#071116}
.finding-node[data-phase="risk"].is-hot{border-color:#d5a31f!important;box-shadow:0 0 0 1px rgba(213,163,31,.35),0 0 32px rgba(213,163,31,.12)}
.finding-node[data-phase="recovery"].is-hot{border-color:#65acd3!important;box-shadow:0 0 0 1px rgba(101,172,211,.35),0 0 32px rgba(101,172,211,.12)}

.world-route{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 38%,rgba(32,85,108,.24),transparent 30%),linear-gradient(180deg,#081116,#0b0f12)}
.world-route:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent 8%,#000 30%,#000 75%,transparent);pointer-events:none}
.world-route .shell{position:relative;z-index:2}
.route-stage{margin-top:3rem;border:1px solid rgba(255,255,255,.12);background:rgba(3,9,12,.55);min-height:590px;position:relative;overflow:hidden}
.route-stage svg{width:100%;height:auto;display:block;min-height:500px}
.route-arc{fill:none;stroke:url(#routeGlow);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(217,164,62,.35));stroke-dasharray:12 10}
.route-node{fill:#d9a43e;stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 12px rgba(217,164,62,.85))}
.route-node--world{fill:#75b7d7;filter:drop-shadow(0 0 16px rgba(117,183,215,.9))}
.route-label text{fill:#fff;font-family:Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:1px}
.route-label small{fill:#c0c8ca;font-family:Arial,sans-serif;font-size:15px}
.route-label--world text{fill:#a5d9ef}
.route-questions{position:absolute;left:50%;bottom:2.2rem;transform:translateX(-50%);width:max-content;max-width:92%;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:center;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.12);padding:.8rem 1rem;font-size:.69rem;letter-spacing:.08em;font-weight:800}
.route-questions i{font-style:normal;color:#d9a43e}

@media(max-width:1050px){
  .document-ledger{grid-template-columns:repeat(2,1fr)}
  .reconstruction-sectors{min-height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:260px}
  .sector-core{top:0;transform:translateX(-50%);width:220px}
  .sector-card{position:relative;inset:auto!important;width:auto;min-height:130px}
  .sector-lines{display:none}
  .route-stage{min-height:auto}
}
@media(max-width:700px){
  .document-ledger{grid-template-columns:1fr}
  .document-ledger article{min-height:220px}
  .reconstruction-sectors{grid-template-columns:1fr;padding-top:240px}
  .sector-core{width:205px}
  .route-stage svg{min-height:390px;transform:scale(1.15);transform-origin:center}
  .route-label text{font-size:20px}.route-label small{font-size:13px}
  .route-questions{position:relative;left:auto;bottom:auto;transform:none;margin:0 1rem 1rem;width:auto}
  .finding-node b{top:-1.65rem;width:1.25rem;height:1.25rem;font-size:.61rem}
}

/* ========================================================================== */
/* YCP WEBDOC V10 · PREFINAL VISUAL QA                                       */
/* ========================================================================== */
:root{--header-h:66px}
[id]{scroll-margin-top:calc(var(--header-h) + 24px)}
.webdoc-v10 main>section[data-section]:not(.hero){scroll-margin-top:calc(var(--header-h) + 18px)}
.webdoc-v10 .section-heading{margin-bottom:clamp(2.5rem,4vw,4.5rem)}
.webdoc-v10 h2{overflow-wrap:normal;word-break:normal}

/* Header-safe section starts */
.webdoc-v10 .state-system,
.webdoc-v10 .source-spotlight,
.webdoc-v10 .known-risk,
.webdoc-v10 .fieldwork,
.webdoc-v10 .sources-method,
.webdoc-v10 .credits-sources{padding-top:clamp(7rem,10vw,10rem)!important}

/* Science/map: compact, legible and without label collisions. */
.webdoc-v10 .scrolly-wrap{padding-top:clamp(7.5rem,9vw,9rem);padding-bottom:clamp(6rem,8vw,8rem)}
.webdoc-v10 .sticky-panel{top:92px;height:calc(100vh - 122px);max-height:760px}
.webdoc-v10 .map-frame{display:flex;flex-direction:column;justify-content:center;padding:clamp(.75rem,1.6vw,1.25rem)}
.webdoc-v10 .tectonic-map{width:100%;height:auto;max-height:calc(100% - 92px)}
.webdoc-v10 .map-prototype-caption{position:relative;left:auto;right:auto;bottom:auto;margin-top:.85rem;max-width:none;padding:.75rem .9rem;background:rgba(4,9,12,.62)}
.webdoc-v10 .map-source-note b{font-size:.58rem;letter-spacing:.12em}
.webdoc-v10 .map-source-note span{font-size:.62rem;line-height:1.45;color:rgba(255,255,255,.68)}

/* Expert cards: remove the visual appearance of missing files. */
.webdoc-v10 .experts-grid{align-items:stretch}
.webdoc-v10 .expert-card{padding:1.4rem 1.4rem 2.1rem;display:flex;flex-direction:column}
.webdoc-v10 .expert-identity{aspect-ratio:4/3;margin:1.4rem 0 1.7rem;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:1.25rem;background:
linear-gradient(145deg,rgba(192,91,62,.22),transparent 48%),
radial-gradient(circle at 72% 32%,rgba(255,255,255,.08),transparent 27%),#15191a;color:#fff}
.webdoc-v10 .expert-identity:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 48%,rgba(192,91,62,.24) 48% 48.4%,transparent 48.4%);opacity:.72}
.webdoc-v10 .expert-identity span{position:relative;z-index:1;font-size:clamp(3.1rem,6vw,6.2rem);line-height:.78;letter-spacing:-.08em;font-weight:850;color:#f4f0e7}
.webdoc-v10 .expert-identity small{position:relative;z-index:1;max-width:140px;text-align:right;font-size:.56rem;line-height:1.45;letter-spacing:.12em;color:rgba(255,255,255,.62);font-weight:800}
.webdoc-v10 .expert-theme{margin-top:auto}
.webdoc-v10 .expert-card h3{font-size:clamp(1.65rem,2.6vw,2.55rem)}

/* Narrative video links */
.webdoc-v10 .video-reference{margin-top:1.25rem;display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);text-decoration:none;color:inherit;transition:.25s ease}
.webdoc-v10 .video-reference>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--terracotta);color:#fff;font-size:.8rem;flex:0 0 auto}
.webdoc-v10 .video-reference b,.webdoc-v10 .video-reference small{display:block}.webdoc-v10 .video-reference b{font-size:.78rem;letter-spacing:.05em}.webdoc-v10 .video-reference small{margin-top:.2rem;color:rgba(255,255,255,.55);font-size:.68rem}
.webdoc-v10 .video-reference:hover{border-color:rgba(192,91,62,.7);background:rgba(192,91,62,.07)}
.webdoc-v10 .video-reference--compact{padding:.72rem .8rem}.webdoc-v10 .video-reference--compact>span{width:30px;height:30px}

/* State: title no longer clips under the fixed header. */
.webdoc-v10 #estado .section-heading h2{font-size:clamp(3rem,6vw,6.2rem);line-height:.92}
.webdoc-v10 .actor-network{margin-top:2.5rem;min-height:560px}

/* 72h: image is atmospheric, not a giant standalone block. */
.webdoc-v10 .timeline-pin{padding-top:var(--header-h);justify-content:flex-start}
.webdoc-v10 .timeline-head{padding-top:clamp(2rem,4vh,3.5rem)}
.webdoc-v10 .timeline-head h2{font-size:clamp(2.55rem,4.5vw,4.6rem);line-height:.98;margin-bottom:1rem}
.webdoc-v10 .timeline-photo-band{height:100%!important;opacity:.13!important}
.webdoc-v10 .timeline-photo-band img{object-position:center 42%}
.webdoc-v10 .timeline-viewport{margin-top:auto;margin-bottom:2.5vh}
.webdoc-v10 .timeline-card{height:360px;width:min(32vw,390px)}
.webdoc-v10 .timeline-card span{font-size:3.85rem}

/* Chapter transitions: shorter and deliberately composed, no blank half-screen. */
.webdoc-v10 .chapter-break{height:auto;min-height:clamp(330px,46vh,470px)}
.webdoc-v10 .chapter-break-inner{padding-block:clamp(3.5rem,6vh,5rem)}
.webdoc-v10 .chapter-break-inner p{font-size:clamp(3.3rem,6.6vw,6.4rem);line-height:.86}
.webdoc-v10 .chapter-break-inner>span{top:-2.5rem}

/* Hallazgo: strong but fully readable at 1366–1920 widths. */
.webdoc-v10 .finding-shell{padding-top:calc(var(--header-h) + 2rem)}
.webdoc-v10 .finding-title{font-size:clamp(3.15rem,5.8vw,6rem);line-height:.91;max-width:1040px}
.webdoc-v10 .finding-thesis{margin-top:clamp(2.8rem,5vh,4.5rem)}
.webdoc-v10 .finding-chain{margin-top:3rem;margin-bottom:1.5rem;gap:clamp(.4rem,1.1vw,.85rem)}
.webdoc-v10 .finding-chain .finding-node{padding:.72rem .78rem;font-size:clamp(.57rem,.75vw,.74rem)}
.webdoc-v10 .finding-counter{top:calc(var(--header-h) + 1.25rem)}

/* Route to the world: valid SVG sublabels and reserved lower caption zone. */
.webdoc-v10 .route-stage{min-height:610px;padding-bottom:78px}
.webdoc-v10 .route-stage svg{height:520px;min-height:0;overflow:visible}
.webdoc-v10 .route-label text{font-size:21px}
.webdoc-v10 .route-label .route-sub{fill:#c0c8ca;font-family:Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:0}
.webdoc-v10 .route-questions{bottom:1.15rem;max-width:calc(100% - 2rem)}

/* Human return: constrain photo and clearly separate caption hierarchy. */
.webdoc-v10 .human-documentary{margin:3rem 0 3.5rem;min-height:0;height:min(64vh,650px)}
.webdoc-v10 .human-documentary img{height:100%;object-position:center 48%}
.webdoc-v10 .human-documentary figcaption{max-width:740px}
.webdoc-v10 .human-documentary figcaption strong{font-size:clamp(1.7rem,3.2vw,3.35rem);line-height:1.02}
.webdoc-v10 .human-documentary figcaption small{margin-top:.8rem;font-weight:800;color:#fff;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.webdoc-v10 .human-documentary figcaption p{margin:.45rem 0 0;font-size:.78rem;color:rgba(255,255,255,.72)}

/* Methodology + audiovisual: professional summary, no 9 broken iframes on local preview. */
.webdoc-v10 .audiovisual-archive{margin-top:4rem;border-top:1px solid rgba(15,25,32,.14);padding-top:2rem}
.webdoc-v10 .audiovisual-archive>summary{list-style:none;cursor:pointer;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:1.25rem 0}
.webdoc-v10 .audiovisual-archive>summary::-webkit-details-marker{display:none}
.webdoc-v10 .audiovisual-archive>summary div{max-width:760px}
.webdoc-v10 .audiovisual-archive>summary span{font-size:.66rem;letter-spacing:.14em;color:var(--terracotta);font-weight:850}
.webdoc-v10 .audiovisual-archive>summary h3{font-size:clamp(2rem,3.8vw,3.8rem);margin:.35rem 0 .6rem}
.webdoc-v10 .audiovisual-archive>summary p{margin:0;color:var(--muted)}
.webdoc-v10 .audiovisual-archive>summary>b{white-space:nowrap;font-size:.72rem;letter-spacing:.08em;border:1px solid #aaa399;padding:.7rem .85rem}
.webdoc-v10 .video-archive-grid--lite{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.webdoc-v10 .video-tile{background:#0d1215;color:#fff;border:1px solid rgba(255,255,255,.1)}
.webdoc-v10 .video-poster{position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#080b0d;overflow:hidden;cursor:pointer}
.webdoc-v10 .video-poster img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.72) contrast(1.05) brightness(.76);transition:.35s ease}
.webdoc-v10 .video-poster:hover img{filter:saturate(.9) contrast(1.04) brightness(.9);transform:scale(1.015)}
.webdoc-v10 .video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(192,91,62,.95);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.webdoc-v10 .video-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .9rem}.webdoc-v10 .video-tile-meta b{font-size:.7rem;letter-spacing:.06em}.webdoc-v10 .video-tile-meta span{font-size:.62rem;color:rgba(255,255,255,.55);text-align:right}
.webdoc-v10 .youtube-note{margin-top:1rem!important}
.webdoc-v10 .video-tile.is-loaded .video-poster{display:none}.webdoc-v10 .video-tile iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}

/* Credits/final 7 files */
.webdoc-v10 .credits-sources{background:#e8e2d7}
.webdoc-v10 .credits-ledger{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #aaa399;border-left:1px solid #aaa399;margin-top:3rem}
.webdoc-v10 .credits-ledger article{padding:1.3rem 1.4rem;border-right:1px solid #aaa399;border-bottom:1px solid #aaa399;display:grid;gap:.55rem}
.webdoc-v10 .credits-ledger span{font-size:.62rem;letter-spacing:.12em;font-weight:850;color:var(--terracotta)}
.webdoc-v10 .credits-ledger b{font-size:1rem;line-height:1.45}
.webdoc-v10 .credits-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#aaa399;margin-top:2rem;border:1px solid #aaa399}
.webdoc-v10 .credits-columns>div{background:#f0ebe2;padding:1.6rem}.webdoc-v10 .credits-columns h3{font-size:1.2rem}.webdoc-v10 .credits-columns p{font-family:var(--serif);font-size:1rem;margin:0}
.webdoc-v10 .credits-comparative{margin:2rem 0 0;padding:1.25rem 0;border-top:1px solid #aaa399;border-bottom:1px solid #aaa399;font-family:var(--serif)}

@media(max-width:1040px){
  .webdoc-v10 .video-archive-grid--lite{grid-template-columns:repeat(2,minmax(0,1fr))}
  .webdoc-v10 .route-stage{padding-bottom:96px}
  .webdoc-v10 .human-documentary{height:min(58vh,560px)}
  .webdoc-v10 .credits-ledger,.webdoc-v10 .credits-columns{grid-template-columns:1fr}
}
@media(max-width:760px){
  .webdoc-v10 .scrolly-wrap{padding-top:6rem}.webdoc-v10 .sticky-panel{height:auto;max-height:none}.webdoc-v10 .tectonic-map{max-height:none}
  .webdoc-v10 .expert-identity{aspect-ratio:16/10}.webdoc-v10 .expert-identity span{font-size:4.6rem}
  .webdoc-v10 .timeline-pin{padding-top:0}.webdoc-v10 .timeline-photo-band{display:none}
  .webdoc-v10 .timeline-card{width:auto;height:auto;min-height:260px}
  .webdoc-v10 .chapter-break{min-height:300px}.webdoc-v10 .chapter-break-inner p{font-size:clamp(2.7rem,13vw,4.9rem)}
  .webdoc-v10 .finding-title{font-size:clamp(2.85rem,13vw,4.8rem)}
  .webdoc-v10 .route-stage{padding-bottom:1rem}.webdoc-v10 .route-stage svg{height:auto;min-height:360px;transform:none}.webdoc-v10 .route-questions{position:relative;bottom:auto;margin:0 1rem 1rem}
  .webdoc-v10 .human-documentary{height:56vh;min-height:420px;margin-inline:0}.webdoc-v10 .human-documentary figcaption{left:1rem;right:1rem;bottom:1rem}
  .webdoc-v10 .video-archive-grid--lite{grid-template-columns:1fr}.webdoc-v10 .audiovisual-archive>summary{align-items:flex-start;flex-direction:column}.webdoc-v10 .audiovisual-archive>summary>b{align-self:flex-start}
}
.webdoc-v10 .source-groups{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}.webdoc-v10 .source-groups span{padding:.55rem .65rem;border:1px solid #aaa399;font-size:.6rem;letter-spacing:.08em;font-weight:800;background:#f2ede5}.webdoc-v10 .copyright-line{font-size:.72rem;color:#6f6b64;margin:1.1rem 0 0}
/* First and last screens tuned for 16:9 laptop/tribunal viewports. */
.webdoc-v10 .hero h1{font-size:clamp(4rem,8.6vw,9.1rem);line-height:.82;max-width:1120px;margin-bottom:2.4rem}
.webdoc-v10 .hero-inner{padding-top:clamp(6.2rem,9vh,7.5rem);padding-bottom:clamp(4.2rem,6vh,5.2rem)}
.webdoc-v10 .hero-dek{font-size:clamp(1.25rem,2vw,2rem)}
.webdoc-v10 .closing-editorial{min-height:auto;padding:clamp(7rem,10vw,10rem) 0}
.webdoc-v10 .closing-editorial h2{font-size:clamp(3.2rem,6.2vw,6.8rem);line-height:.92;margin:1rem auto 2rem}
.webdoc-v10 .closing-lead{margin-bottom:2.2rem}
.webdoc-v10 .closing-last{margin-bottom:3.5rem}


/* =========================================================
   YCP WEBDOC · V11 — SERIE FOTOGRÁFICA + TIMELINE FINAL
   ========================================================= */
.webdoc-v11{
  --v11-photo-gap:clamp(10px,1.2vw,18px);
}
.webdoc-v11 .damage-diptych{display:grid;grid-template-columns:1.08fr .92fr;gap:var(--v11-photo-gap);margin:clamp(2.4rem,5vw,5rem) 0}
.webdoc-v11 .damage-diptych figure{margin:0;background:#0f1212;overflow:hidden;cursor:zoom-in}
.webdoc-v11 .damage-diptych img{width:100%;height:clamp(330px,34vw,520px);object-fit:cover;transition:transform .55s ease}
.webdoc-v11 .damage-diptych figure:hover img{transform:scale(1.018)}
.webdoc-v11 .damage-diptych figcaption{display:flex;gap:18px;align-items:baseline;padding:1rem 1.1rem 1.2rem;color:#d9d6cf}
.webdoc-v11 .damage-diptych figcaption span{font-size:.62rem;letter-spacing:.15em;color:var(--terracotta);font-weight:900;white-space:nowrap}
.webdoc-v11 .damage-diptych figcaption strong{font-family:var(--serif);font-weight:400;font-size:1rem}

.webdoc-v11 .fieldwork-grid--v11{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:minmax(240px,31vw);gap:var(--v11-photo-gap);background:none;border:0}
.webdoc-v11 .fieldwork-grid--v11 figure{margin:0;min-height:0;background:#101414;overflow:hidden;cursor:zoom-in}
.webdoc-v11 .fieldwork-grid--v11 figure:first-child{grid-column:1/3;grid-row:span 2}
.webdoc-v11 .fieldwork-grid--v11 .fieldwork-feature--portrait{grid-row:span 2}
.webdoc-v11 .fieldwork-grid--v11 .fieldwork-media{height:100%;min-height:0}
.webdoc-v11 .fieldwork-grid--v11 img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease}
.webdoc-v11 .fieldwork-grid--v11 figure:hover img{transform:scale(1.018);filter:contrast(1.04)}
.webdoc-v11 .fieldwork-grid--v11 figcaption{padding:.85rem 0 0;color:#bfc3bf;font-family:var(--serif);font-size:.92rem}
.webdoc-v11 .fieldwork-story-strip--v11{margin-top:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);background:#ece7dd;color:#111;cursor:zoom-in;overflow:hidden}
.webdoc-v11 .fieldwork-story-strip--v11 img{width:100%;height:clamp(360px,42vw,620px);object-fit:cover}
.webdoc-v11 .fieldwork-story-strip--v11 figcaption{padding:clamp(1.7rem,3vw,3rem);display:flex;flex-direction:column;justify-content:flex-end;gap:1rem}
.webdoc-v11 .fieldwork-story-strip--v11 figcaption span{font-size:.64rem;letter-spacing:.16em;color:var(--terracotta);font-weight:900}
.webdoc-v11 .fieldwork-story-strip--v11 figcaption strong{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.12;font-weight:400}
.webdoc-v11 .fieldwork-story-strip--v11 figcaption small{font-size:.78rem;color:#6e6a63}

.webdoc-v11 .displacement-photo-v11{margin:clamp(2.5rem,5vw,5rem) 0 4rem;display:grid;grid-template-columns:minmax(300px,.72fr) 1fr;background:#121616;color:#fff;overflow:hidden;cursor:zoom-in}
.webdoc-v11 .displacement-photo-v11 img{width:100%;height:min(68vh,720px);object-fit:cover;object-position:center 38%}
.webdoc-v11 .displacement-photo-v11 figcaption{padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:flex-end;gap:1rem}
.webdoc-v11 .displacement-photo-v11 figcaption span{font-size:.62rem;letter-spacing:.16em;color:#e0a18e;font-weight:900}
.webdoc-v11 .displacement-photo-v11 figcaption strong{font-family:var(--serif);font-size:clamp(1.7rem,3vw,3.2rem);font-weight:400;line-height:1.1}

/* Timeline: pin duration now equals the exact horizontal distance. No dead black tail. */
.webdoc-v11 .timeline-section{height:auto!important;min-height:100vh;background:#151718}
.webdoc-v11 .timeline-pin{height:100vh!important;position:relative!important;top:auto!important;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding-top:var(--header-h,66px)}
.webdoc-v11 .timeline-head{padding-top:clamp(1.4rem,2.6vh,2.8rem);position:relative;z-index:2}
.webdoc-v11 .timeline-head h2{margin-bottom:.6rem}
.webdoc-v11 .timeline-photo-band{position:absolute;inset:0;z-index:0;height:100%!important;margin:0;overflow:hidden;opacity:.12!important;pointer-events:none}
.webdoc-v11 .timeline-photo-band img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:grayscale(.15) contrast(1.14)}
.webdoc-v11 .timeline-photo-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b1116 0%,rgba(11,17,22,.86) 35%,#0b1116 100%)}
.webdoc-v11 .timeline-photo-band figcaption{display:none}
.webdoc-v11 .timeline-viewport{position:relative;z-index:1;width:100vw;overflow:hidden;padding:0!important;margin-top:auto;margin-bottom:auto}
.webdoc-v11 .timeline-track{padding:2rem max(32px,calc((100vw - 1320px)/2)) 3rem!important;gap:14px}
.webdoc-v11 .timeline-card{width:min(31vw,390px);height:min(39vh,355px);min-height:310px}
.webdoc-v11 .timeline-card:last-child{margin-right:0}

.webdoc-v11 .community-grid .community-photo img,
.webdoc-v11 .community-grid .community-operation-photo img{width:100%;height:100%;object-fit:cover}

.webdoc-v11 .method-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.webdoc-v11 .method-image-grid figure{cursor:zoom-in}
.webdoc-v11 .method-image-grid figure:nth-child(1),
.webdoc-v11 .method-image-grid figure:nth-child(4),
.webdoc-v11 .method-image-grid figure:nth-child(9){grid-column:span 2}
.webdoc-v11 .method-image-grid img{aspect-ratio:4/3;object-fit:cover}
.webdoc-v11 .sensitive-field-archive{margin-top:18px;border:1px solid #b8afa3;background:#e7e1d6}
.webdoc-v11 .sensitive-field-archive summary{list-style:none;cursor:pointer;padding:1.1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}
.webdoc-v11 .sensitive-field-archive summary::-webkit-details-marker{display:none}
.webdoc-v11 .sensitive-field-archive summary span{display:block;font-size:.61rem;letter-spacing:.15em;color:var(--terracotta);font-weight:900}
.webdoc-v11 .sensitive-field-archive summary b{display:block;margin-top:.25rem;font-size:.92rem}
.webdoc-v11 .sensitive-field-archive summary i{font-size:1.5rem;font-style:normal}
.webdoc-v11 .sensitive-field-archive>p{max-width:820px;padding:0 1.25rem 1rem;font-family:var(--serif);font-size:1rem;color:#5e5b55}
.webdoc-v11 .sensitive-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 1.25rem 1.25rem}
.webdoc-v11 .sensitive-field-grid figure{margin:0;background:#111;cursor:zoom-in}
.webdoc-v11 .sensitive-field-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.78)}
.webdoc-v11 .sensitive-field-grid figcaption{padding:.8rem;color:#d7d5cf;font-size:.78rem;line-height:1.45}

.webdoc-v11 [data-lightbox]{cursor:zoom-in}
.webdoc-v11 .photo-lightbox{border:0;padding:0;background:rgba(7,9,10,.96);width:100vw;height:100vh;max-width:none;max-height:none;color:#fff}
.webdoc-v11 .photo-lightbox::backdrop{background:rgba(7,9,10,.96)}
.webdoc-v11 .photo-lightbox figure{margin:0;width:100%;height:100%;display:grid;grid-template-rows:1fr auto;place-items:center;padding:clamp(18px,4vw,60px)}
.webdoc-v11 .photo-lightbox img{max-width:min(92vw,1500px);max-height:82vh;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.webdoc-v11 .photo-lightbox figcaption{width:min(92vw,1100px);padding-top:1rem;font-family:var(--serif);font-size:1rem;color:#cacdc9;text-align:center}
.webdoc-v11 .photo-lightbox-close{position:fixed;z-index:2;right:22px;top:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#111;color:#fff;font-size:1.65rem;line-height:1;cursor:pointer}

@media(max-width:1040px){
  .webdoc-v11 .damage-diptych{grid-template-columns:1fr}
  .webdoc-v11 .fieldwork-grid--v11{grid-template-columns:1fr 1fr;grid-auto-rows:380px}
  .webdoc-v11 .fieldwork-grid--v11 figure:first-child{grid-column:1/-1;grid-row:auto}
  .webdoc-v11 .fieldwork-grid--v11 .fieldwork-feature--portrait{grid-row:span 2}
  .webdoc-v11 .fieldwork-story-strip--v11{grid-template-columns:1fr}
  .webdoc-v11 .fieldwork-story-strip--v11 img{height:min(70vw,560px)}
  .webdoc-v11 .displacement-photo-v11{grid-template-columns:1fr}
  .webdoc-v11 .displacement-photo-v11 img{height:min(78vw,620px)}
  .webdoc-v11 .method-image-grid{grid-template-columns:1fr 1fr}
  .webdoc-v11 .method-image-grid figure:nth-child(n){grid-column:auto}
}
@media(max-width:760px){
  .webdoc-v11 .fieldwork-grid--v11{grid-template-columns:1fr;grid-auto-rows:auto}
  .webdoc-v11 .fieldwork-grid--v11 figure:first-child,.webdoc-v11 .fieldwork-grid--v11 .fieldwork-feature--portrait{grid-column:auto;grid-row:auto}
  .webdoc-v11 .fieldwork-grid--v11 .fieldwork-media{height:auto}
  .webdoc-v11 .fieldwork-grid--v11 img{height:auto;aspect-ratio:4/3}
  .webdoc-v11 .fieldwork-grid--v11 .fieldwork-feature--portrait img{aspect-ratio:3/4}
  .webdoc-v11 .timeline-section{height:auto!important;padding:5rem 0!important}
  .webdoc-v11 .timeline-pin{height:auto!important;position:relative!important;padding-top:0!important;display:block}
  .webdoc-v11 .timeline-photo-band{display:none}
  .webdoc-v11 .timeline-viewport{width:auto;overflow:visible;padding:0 16px!important;margin:0}
  .webdoc-v11 .timeline-track{display:grid;width:auto!important;transform:none!important;padding:0!important;gap:12px}
  .webdoc-v11 .timeline-card{width:auto;height:auto;min-height:255px}
  .webdoc-v11 .method-image-grid,.webdoc-v11 .sensitive-field-grid{grid-template-columns:1fr}
}

/* ========================================================================== */
/* YCP WEBDOC V12 · UX / RHYTHM / NATIVE HORIZONTAL SCROLL QA               */
/* ========================================================================== */
.webdoc-v12{
  --v12-gap:clamp(10px,1vw,16px);
  --v12-rule:rgba(18,22,24,.16);
}
.webdoc-v12 main{overflow:clip}
.webdoc-v12 main>section:not(.hero){scroll-margin-top:calc(var(--header-h,66px) + 20px)}

/* 01 · Expert voices: visible photographic panels rather than empty-looking identities. */
.webdoc-v12 .experts-grid--photo{align-items:stretch}
.webdoc-v12 .experts-grid--photo .expert-card{display:flex;flex-direction:column;min-width:0;padding-top:1.15rem}
.webdoc-v12 .expert-photo{position:relative;margin:1.15rem 0 1.5rem;aspect-ratio:4/3;overflow:hidden;background:#111719}
.webdoc-v12 .expert-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.82) contrast(1.03);transition:transform .55s ease,filter .35s ease}
.webdoc-v12 .expert-photo--context img{object-position:center 45%}
.webdoc-v12 .expert-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,10,11,.72) 100%);pointer-events:none}
.webdoc-v12 .expert-photo figcaption{position:absolute;z-index:2;left:1rem;right:1rem;bottom:.85rem;color:#fff;font-size:.58rem;letter-spacing:.13em;font-weight:850}
.webdoc-v12 .expert-card:hover .expert-photo img{transform:scale(1.018);filter:saturate(.96) contrast(1.03)}
.webdoc-v12 .expert-card h3{font-size:clamp(1.7rem,2.25vw,2.7rem);line-height:1.02}

/* 02 / 14 · Act transitions: editorial pause, not an empty screen. */
.webdoc-v12 .chapter-break{height:auto!important;min-height:clamp(250px,34vh,335px)!important;padding:0!important}
.webdoc-v12 .chapter-break-inner{padding-block:clamp(2.4rem,4.8vh,3.6rem)!important}
.webdoc-v12 .chapter-break-inner>span{top:-1.2rem!important}
.webdoc-v12 .chapter-break-inner p{font-size:clamp(3rem,5.7vw,5.8rem)!important;line-height:.88!important}
.webdoc-v12 .chapter-break-line{height:112%;top:-6%}

/* 03 · David Alexander: stronger hierarchy and a stable 2-column editorial grid. */
.webdoc-v12 .source-spotlight-grid--v12{grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:clamp(42px,5.5vw,82px);align-items:start}
.webdoc-v12 .source-spotlight-grid--v12 h2{font-size:clamp(3.1rem,5.1vw,5.8rem);line-height:.94;max-width:790px}
.webdoc-v12 .source-spotlight-grid--v12 blockquote{margin-top:2rem;max-width:760px}
.webdoc-v12 .alexander-portrait{margin:0 0 1.7rem;background:#151a1c;overflow:hidden;position:relative;aspect-ratio:16/10}
.webdoc-v12 .alexander-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 26%;display:block}
.webdoc-v12 .alexander-portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:.58rem;letter-spacing:.12em;font-weight:850}
.webdoc-v12 .source-spotlight-copy>p{font-size:1.08rem;line-height:1.68;margin:0}
.webdoc-v12 .alexander-questions{display:grid;grid-template-columns:1fr!important;gap:0;margin-top:1.6rem;padding-top:0;border-top:1px solid var(--v12-rule)}
.webdoc-v12 .alexander-questions>div{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--v12-rule);align-items:start}
.webdoc-v12 .alexander-questions>div:last-child{border-bottom:0}
.webdoc-v12 .alexander-questions span{margin:0!important;padding-top:.18rem}
.webdoc-v12 .alexander-questions p{margin:0!important;font-family:var(--serif);font-size:1.03rem}

/* 04 / 05 · Fieldwork: coherent magazine mosaic, no accidental tall columns. */
.webdoc-v12 .fieldwork-grid--v11{grid-template-columns:minmax(0,1.3fr) minmax(0,.82fr) minmax(0,.82fr)!important;grid-template-rows:clamp(250px,25vw,360px) clamp(250px,25vw,360px)!important;grid-auto-rows:auto!important;gap:var(--v12-gap)!important;margin-top:clamp(2.5rem,4vw,4rem)}
.webdoc-v12 .fieldwork-grid--v11 figure{position:relative!important;min-height:0!important;overflow:hidden!important;background:#101414!important}
.webdoc-v12 .fieldwork-grid--v11 figure:first-child{grid-column:1!important;grid-row:1/3!important}
.webdoc-v12 .fieldwork-grid--v11 figure:nth-child(2){grid-column:2;grid-row:1}
.webdoc-v12 .fieldwork-grid--v11 figure:nth-child(3){grid-column:3;grid-row:1}
.webdoc-v12 .fieldwork-grid--v11 figure:nth-child(4){grid-column:2;grid-row:2}
.webdoc-v12 .fieldwork-grid--v11 figure:nth-child(5){grid-column:3;grid-row:2}
.webdoc-v12 .fieldwork-grid--v11 .fieldwork-media{position:absolute!important;inset:0;height:auto!important;aspect-ratio:auto!important}
.webdoc-v12 .fieldwork-grid--v11 img{width:100%;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.webdoc-v12 .fieldwork-grid--v11 .fieldwork-feature--portrait img{object-position:center 32%}
.webdoc-v12 .fieldwork-grid--v11 figcaption{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:3rem 1rem .9rem!important;margin:0;color:#fff!important;background:linear-gradient(transparent,rgba(6,9,10,.82));font-size:.78rem!important;line-height:1.35;pointer-events:none}
.webdoc-v12 .fieldwork-grid--v11 .fieldwork-label{bottom:auto;top:1rem;z-index:4}
.webdoc-v12 .fieldwork-story-strip--v11{margin-top:clamp(2rem,4vw,3.6rem)!important;grid-template-columns:minmax(0,1.15fr) minmax(290px,.55fr)!important}
.webdoc-v12 .fieldwork-story-strip--v11 img{height:clamp(340px,36vw,520px)!important}

/* 06 · Governance network: seventh spoke has a seventh actor. */
.webdoc-v12 .actor-network{height:clamp(480px,48vw,590px);min-height:0!important;margin-top:2.5rem!important}
.webdoc-v12 .actor-7{left:22%;top:22%}

/* 07 / 08 · Native 72h scrollytelling: sticky CSS + JS, no GSAP dependency. */
.webdoc-v12 .timeline-section{height:auto;min-height:100vh;background:#0e1316!important;padding:0!important;position:relative;overflow:clip}
.webdoc-v12 .timeline-pin{height:100vh!important;position:sticky!important;top:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding-top:var(--header-h,66px)!important;background:#0e1316}
.webdoc-v12 .timeline-head{padding-top:clamp(1.2rem,2.4vh,2.1rem)!important;position:relative;z-index:3}
.webdoc-v12 .timeline-head h2{font-size:clamp(2.25rem,4vw,4.9rem);line-height:.95;max-width:930px;margin:.35rem 0 .5rem}
.webdoc-v12 .timeline-photo-band{position:absolute!important;inset:0!important;width:100%;height:100%!important;margin:0!important;opacity:.16!important;z-index:0!important;pointer-events:none}
.webdoc-v12 .timeline-photo-band img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:grayscale(.25) contrast(1.15)}
.webdoc-v12 .timeline-photo-band:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,15,.92) 0%,rgba(7,12,15,.72) 40%,rgba(7,12,15,.9) 100%)}
.webdoc-v12 .timeline-photo-band figcaption{display:none}
.webdoc-v12 .timeline-viewport{position:relative!important;z-index:2!important;width:100vw!important;overflow:hidden!important;padding:0!important;margin:auto 0!important}
.webdoc-v12 .timeline-track{display:flex!important;width:max-content!important;gap:14px!important;padding:1.6rem max(32px,calc((100vw - 1320px)/2)) 2.6rem!important;will-change:transform;transform:translate3d(0,0,0)}
.webdoc-v12 .timeline-card{width:min(30vw,370px)!important;height:clamp(275px,34vh,330px)!important;min-height:0!important;flex:0 0 auto!important;background:#ece7dd!important;color:#101212!important;transform:none}
.webdoc-v12 .timeline-card span{font-size:clamp(3rem,4vw,4rem)}
.webdoc-v12 .timeline-card.is-active{background:#f5f0e7!important;color:#0d1011!important;transform:translateY(-10px)!important;box-shadow:0 20px 55px rgba(0,0,0,.3)}
.webdoc-v12 .timeline-interview{padding:clamp(4.5rem,7vw,7rem) 0;background:#121719}
.webdoc-v12 .timeline-interview-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);align-items:end;gap:clamp(2rem,6vw,7rem)}
.webdoc-v12 .timeline-interview h2{font-size:clamp(2.5rem,5vw,5.7rem);line-height:.94;margin:.4rem 0 1.3rem;max-width:900px}
.webdoc-v12 .timeline-interview p:not(.eyebrow){max-width:690px;color:#bbc0bd;font-family:var(--serif);font-size:1.08rem;line-height:1.55}

/* 09 / 10 · International mirrors: wider titles + less dead vertical space. */
.webdoc-v12 .documentary-case{padding-block:clamp(5rem,7.5vw,8rem)!important}
.webdoc-v12 .documentary-case-head{grid-template-columns:minmax(0,1.25fr) minmax(300px,.6fr)!important;gap:clamp(28px,5vw,70px)!important;margin-bottom:clamp(2rem,3.6vw,3.3rem)!important;align-items:end}
.webdoc-v12 .documentary-case-head h2{font-size:clamp(3.3rem,5.8vw,6.4rem)!important;line-height:.91!important;max-width:900px}
.webdoc-v12 .documentary-case-head>p:last-child{max-width:520px;font-size:1.02rem;line-height:1.55}
.webdoc-v12 .documentary-photo{min-height:0!important;height:auto!important;aspect-ratio:16/7.2}
.webdoc-v12 .documentary-photo img{height:100%!important;min-height:0!important;object-fit:cover}
.webdoc-v12 .case-lenses{margin-top:1.5rem}
.webdoc-v12 .case-reading{margin-top:1.7rem;padding-top:1.6rem}

/* 11 / 12 · Sendai: remove unfinished grey gutter and improve CTA contrast. */
.webdoc-v12 .sendai{padding-block:clamp(5rem,7vw,7rem)!important}
.webdoc-v12 .sendai-grid{gap:0!important;background:transparent!important;border:1px solid #bdb5aa!important;margin-top:clamp(2.5rem,4vw,4rem)!important}
.webdoc-v12 .sendai-grid article{background:#f0ebe1!important;border-right:1px solid #bdb5aa;min-height:245px!important;padding:2rem 1.8rem!important}
.webdoc-v12 .sendai-grid article:last-child{border-right:0}
.webdoc-v12 .sendai-grid b{color:#bdb5aa}
.webdoc-v12 .sendai-interview{margin-top:0!important;border-left:4px solid var(--terracotta)!important;background:#d9d1c4!important;color:#111!important;padding:1.25rem 1.4rem!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:1.3rem!important;align-items:center!important}
.webdoc-v12 .sendai-interview>span{color:#a8482f!important}
.webdoc-v12 .sendai-interview p{color:#111!important}
.webdoc-v12 .sendai-interview .video-reference{background:#151a1c!important;color:#fff!important;border-color:#151a1c!important;min-width:210px}
.webdoc-v12 .sendai-interview .video-reference small{color:rgba(255,255,255,.72)!important;opacity:1!important}

/* 13 · Mutter: visible source portrait fills the visual slot. */
.webdoc-v12 .mutter-grid--v12{grid-template-columns:minmax(0,.95fr) minmax(340px,.85fr)!important;gap:clamp(42px,6vw,88px)!important;align-items:center!important}
.webdoc-v12 .mutter-intro{display:grid;grid-template-columns:minmax(170px,.46fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:end}
.webdoc-v12 .mutter-portrait{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;background:#181d1e}
.webdoc-v12 .mutter-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.webdoc-v12 .mutter-portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.8rem .85rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.76));color:#fff;font-size:.55rem;letter-spacing:.11em;font-weight:850}
.webdoc-v12 .mutter-grid h2{font-size:clamp(2.7rem,4.5vw,5.2rem)!important}
.webdoc-v12 .mutter-grid blockquote{margin:0!important;padding:clamp(1.8rem,3vw,3rem)!important}
.webdoc-v12 .mutter-chain{margin-top:2.5rem!important}

/* 14 / 15 · Finding: no 260vh pin; chain and thesis are immediately readable. */
.webdoc-v12 .finding{height:auto!important;min-height:0!important;padding:clamp(5.5rem,8vw,8.5rem) 0!important;background:#090b0b!important;overflow:hidden!important}
.webdoc-v12 .finding-pin{height:auto!important;position:relative!important;top:auto!important;display:block!important;overflow:visible!important}
.webdoc-v12 .finding-shell{padding-top:0!important}
.webdoc-v12 .finding-counter{top:.4rem!important;right:0!important}
.webdoc-v12 .finding-chain{margin:5.4rem 0 2.4rem!important;white-space:normal!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px!important}
.webdoc-v12 .finding-chain i{display:none!important}
.webdoc-v12 .finding-chain .finding-node{display:flex;align-items:center;justify-content:center;text-align:center;min-height:66px;padding:1.15rem .55rem!important;color:#f3eee5!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.28)!important;font-size:clamp(.6rem,.7vw,.72rem)!important;opacity:1!important}
.webdoc-v12 .finding-chain .finding-node[data-phase="risk"]{border-color:#c49b25!important;box-shadow:inset 0 3px 0 #c49b25}
.webdoc-v12 .finding-chain .finding-node[data-phase="recovery"]{border-color:#6daed2!important;box-shadow:inset 0 3px 0 #6daed2}
.webdoc-v12 .finding-chain .finding-node b{top:-1.75rem!important}
.webdoc-v12 .finding-thesis{max-width:1040px!important;margin-top:2.6rem!important;opacity:1!important;transform:none!important}
.webdoc-v12 .finding-title{font-size:clamp(3rem,5.6vw,5.9rem)!important;line-height:.91!important;color:#f5f1e9!important}
.webdoc-v12 .finding-copy{color:#c4cac6!important;font-size:clamp(1.15rem,1.55vw,1.4rem)!important}
.webdoc-v12 .finding-counter span{color:rgba(255,255,255,.12)!important}
.webdoc-v12 .finding-counter small{color:#9ba3a0!important}

/* 16 · International journalism: the empty field becomes a visual/editorial split. */
.webdoc-v12 .international-value{padding-block:clamp(5.5rem,8vw,8.5rem)!important}
.webdoc-v12 .international-value h2{margin-bottom:clamp(2.6rem,4vw,4rem)!important;max-width:1280px}
.webdoc-v12 .international-value-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:var(--v12-gap);align-items:stretch}
.webdoc-v12 .international-value-photo{margin:0;position:relative;min-height:520px;overflow:hidden;background:#171c1d;cursor:zoom-in}
.webdoc-v12 .international-value-photo img{width:100%;height:100%;object-fit:cover;object-position:center 32%;display:block}
.webdoc-v12 .international-value-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.78))}
.webdoc-v12 .international-value-photo figcaption{position:absolute;z-index:2;left:1.3rem;right:1.3rem;bottom:1.3rem;color:#fff;display:grid;gap:.6rem}
.webdoc-v12 .international-value-photo figcaption span{font-size:.58rem;letter-spacing:.13em;color:#e18063;font-weight:850}
.webdoc-v12 .international-value-photo figcaption strong{font-family:var(--serif);font-size:clamp(1.3rem,2vw,2.1rem);font-weight:400;line-height:1.12}
.webdoc-v12 .international-value-layout .value-grid{grid-template-columns:1fr!important;background:transparent!important;border:1px solid rgba(0,0,0,.16)!important}
.webdoc-v12 .international-value-layout .value-grid article{min-height:0!important;padding:2rem!important;border-bottom:1px solid rgba(0,0,0,.14)}
.webdoc-v12 .international-value-layout .value-grid article:last-child{border-bottom:0}
.webdoc-v12 .international-value-layout .value-grid h3{margin:1.5rem 0 .8rem!important}
.webdoc-v12 .editorial-proposition{margin-top:2.8rem!important}

/* 17 · Human questions: breathing room from separator rules. */
.webdoc-v12 .human-questions{margin-top:2.2rem;border-top:1px solid #aaa399;border-bottom:1px solid #aaa399}
.webdoc-v12 .human-questions div,.webdoc-v12 .human-questions div:last-child{padding:2rem 1.8rem 2.2rem!important}
.webdoc-v12 .human-questions div:first-child{padding-left:0!important}
.webdoc-v12 .human-questions p{margin:.9rem 0 0!important;line-height:1.35}

/* 04 / 05 / 18 · Method image grid + sensitive archive readability. */
.webdoc-v12 .method-image-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.webdoc-v12 .method-image-grid figure:nth-child(n){grid-column:auto!important;min-height:0!important;background:#0d1114}
.webdoc-v12 .method-image-grid img{height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important}
.webdoc-v12 .method-image-grid figcaption{min-height:96px;padding:13px 14px 15px!important}
.webdoc-v12 .sensitive-field-archive{background:#e7e1d6!important;color:#111!important;border-color:#afa598!important;margin-top:1.2rem!important}
.webdoc-v12 .sensitive-field-archive summary{color:#111!important;padding:1.25rem 1.4rem!important;min-height:76px}
.webdoc-v12 .sensitive-field-archive summary b{color:#202322!important;font-size:1rem!important}
.webdoc-v12 .sensitive-field-archive summary i{color:#2e3331!important;font-weight:400}
.webdoc-v12 .sensitive-field-archive>p{color:#3e423f!important;line-height:1.55!important;padding:0 1.4rem 1.3rem!important}

/* All eleven YouTube pieces stay visible instead of being hidden inside a disclosure. */
.webdoc-v12 .audiovisual-archive--open{margin-top:clamp(4rem,7vw,7rem)!important;padding-top:clamp(3rem,5vw,5rem)!important;border-top:1px solid rgba(15,25,32,.18)!important}
.webdoc-v12 .audiovisual-archive--open .audiovisual-archive-head{max-width:920px;margin-bottom:2rem}
.webdoc-v12 .audiovisual-archive--open .audiovisual-archive-head span{font-size:.66rem;letter-spacing:.14em;color:var(--terracotta);font-weight:900}
.webdoc-v12 .audiovisual-archive--open .audiovisual-archive-head h3{font-size:clamp(2.5rem,4.7vw,5rem);line-height:.95;margin:.5rem 0 1rem}
.webdoc-v12 .audiovisual-archive--open .audiovisual-archive-head p{max-width:760px;line-height:1.55;color:#545955}
.webdoc-v12 .video-archive-grid--lite{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important}
.webdoc-v12 .video-tile-meta span{color:rgba(255,255,255,.72)!important}
.webdoc-v12 .youtube-note{color:#525852!important;line-height:1.55!important}

@media(max-width:1100px){
  .webdoc-v12 .fieldwork-grid--v11{grid-template-columns:1.15fr .85fr!important;grid-template-rows:330px 330px 330px!important}
  .webdoc-v12 .fieldwork-grid--v11 figure:first-child{grid-column:1!important;grid-row:1/3!important}
  .webdoc-v12 .fieldwork-grid--v11 figure:nth-child(2){grid-column:2;grid-row:1}.webdoc-v12 .fieldwork-grid--v11 figure:nth-child(3){grid-column:2;grid-row:2}.webdoc-v12 .fieldwork-grid--v11 figure:nth-child(4){grid-column:1;grid-row:3}.webdoc-v12 .fieldwork-grid--v11 figure:nth-child(5){grid-column:2;grid-row:3}
  .webdoc-v12 .source-spotlight-grid--v12,.webdoc-v12 .mutter-grid--v12{grid-template-columns:1fr!important}
  .webdoc-v12 .mutter-intro{grid-template-columns:minmax(180px,.35fr) 1fr}
  .webdoc-v12 .method-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .webdoc-v12 .international-value-layout{grid-template-columns:.8fr 1.2fr}
}
@media(max-width:900px){
  .webdoc-v12 .documentary-case-head{grid-template-columns:1fr!important}
  .webdoc-v12 .documentary-photo{aspect-ratio:16/9}
  .webdoc-v12 .timeline-interview-inner{grid-template-columns:1fr}
  .webdoc-v12 .international-value-layout{grid-template-columns:1fr}
  .webdoc-v12 .international-value-photo{min-height:420px;max-height:640px}
  .webdoc-v12 .finding-chain{grid-template-columns:repeat(3,1fr)!important;row-gap:2.2rem!important}
  .webdoc-v12 .video-archive-grid--lite{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .webdoc-v12 .chapter-break{min-height:260px!important}
  .webdoc-v12 .source-spotlight-grid--v12{grid-template-columns:1fr}
  .webdoc-v12 .alexander-questions>div{grid-template-columns:1fr;gap:.4rem}
  .webdoc-v12 .fieldwork-grid--v11{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:auto!important}
  .webdoc-v12 .fieldwork-grid--v11 figure:nth-child(n){grid-column:auto!important;grid-row:auto!important;position:relative!important;min-height:0!important}
  .webdoc-v12 .fieldwork-grid--v11 .fieldwork-media{position:relative!important;inset:auto!important;height:auto!important;aspect-ratio:4/3!important}
  .webdoc-v12 .fieldwork-grid--v11 .fieldwork-feature--portrait .fieldwork-media{aspect-ratio:3/4!important}
  .webdoc-v12 .fieldwork-grid--v11 figcaption{position:relative!important;padding:.8rem 0 1.3rem!important;background:none!important;color:#c8cbc7!important}
  .webdoc-v12 .fieldwork-grid--v11 .fieldwork-label{top:auto;bottom:1rem}
  .webdoc-v12 .fieldwork-story-strip--v11{grid-template-columns:1fr!important}
  .webdoc-v12 .timeline-section{height:auto!important;min-height:0!important;padding:4.5rem 0!important}
  .webdoc-v12 .timeline-pin{height:auto!important;position:relative!important;top:auto!important;padding-top:0!important;display:block!important;overflow:visible!important}
  .webdoc-v12 .timeline-photo-band{display:none!important}
  .webdoc-v12 .timeline-viewport{width:auto!important;overflow:visible!important;padding:0 16px!important;margin:0!important}
  .webdoc-v12 .timeline-track{display:grid!important;width:auto!important;transform:none!important;padding:0!important;gap:12px!important}
  .webdoc-v12 .timeline-card{width:auto!important;height:auto!important;min-height:245px!important}
  .webdoc-v12 .actor-network{height:780px}
  .webdoc-v12 .actor-network svg{display:none}
  .webdoc-v12 .actor-main{left:50%;top:13%}.webdoc-v12 .actor-1{left:25%;top:34%}.webdoc-v12 .actor-2{left:75%;top:34%}.webdoc-v12 .actor-3{left:25%;top:49%}.webdoc-v12 .actor-4{left:75%;top:49%}.webdoc-v12 .actor-5{left:25%;top:64%}.webdoc-v12 .actor-6{left:75%;top:64%}.webdoc-v12 .actor-7{left:50%;top:80%}
  .webdoc-v12 .sendai-grid{grid-template-columns:1fr!important}
  .webdoc-v12 .sendai-grid article{border-right:0!important;border-bottom:1px solid #bdb5aa}.webdoc-v12 .sendai-grid article:last-child{border-bottom:0}
  .webdoc-v12 .sendai-interview{grid-template-columns:1fr!important;align-items:start!important}
  .webdoc-v12 .mutter-intro{grid-template-columns:1fr}
  .webdoc-v12 .mutter-portrait{max-width:330px;aspect-ratio:1/1}
  .webdoc-v12 .finding-chain{grid-template-columns:1fr 1fr!important;row-gap:2.2rem!important}
  .webdoc-v12 .finding-counter{position:relative!important;top:auto!important;right:auto!important;text-align:left!important;margin:1.5rem 0 0!important}
  .webdoc-v12 .method-image-grid{grid-template-columns:1fr 1fr!important}
  .webdoc-v12 .video-archive-grid--lite{grid-template-columns:1fr!important}
  .webdoc-v12 .human-questions div,.webdoc-v12 .human-questions div:last-child{padding:1.5rem .2rem!important}
}
@media(max-width:500px){
  .webdoc-v12 .experts-grid--photo .expert-card{padding-inline:0}
  .webdoc-v12 .method-image-grid{grid-template-columns:1fr!important}
  .webdoc-v12 .finding-chain{grid-template-columns:1fr!important;row-gap:2rem!important}
  .webdoc-v12 .documentary-photo{aspect-ratio:4/3!important;height:auto!important;min-height:0!important}
  .webdoc-v12 .documentary-photo img{height:100%!important;min-height:0!important}
}

/* ========================================================================== */
/* YCP WEBDOC V13 · UX FINAL PASS · RHYTHM / MEDIA / HORIZONTAL SCROLL        */
/* ========================================================================== */
.webdoc-v13{
  --v13-rule:rgba(255,255,255,.13);
  --v13-paper-rule:rgba(18,20,20,.14);
  --v13-radius:0px;
}
/* Sticky scrollytelling must not live inside an overflow-clipped ancestor. */
.webdoc-v13 main{overflow:visible!important}
.webdoc-v13 body{overflow-x:hidden}
.webdoc-v13 main>section:not(.hero){scroll-margin-top:84px}

/* Expert voices: photographic, compact and aligned. */
.webdoc-v13 .expert-voices{padding-block:clamp(5rem,7vw,7rem)!important}
.webdoc-v13 .expert-voices .section-heading{margin-bottom:clamp(2.5rem,4vw,4rem)!important}
.webdoc-v13 .experts-grid--photo{background:transparent!important;border:1px solid #bdb5a8!important;gap:0!important;align-items:stretch}
.webdoc-v13 .experts-grid--photo .expert-card{border-right:1px solid #bdb5a8!important;padding:1.25rem 1.25rem 2rem!important;min-height:0!important}
.webdoc-v13 .experts-grid--photo .expert-card:last-child{border-right:0!important}
.webdoc-v13 .expert-photo{aspect-ratio:4/3!important;margin:1rem 0 1.3rem!important;background:#15191a!important}
.webdoc-v13 .expert-photo img{width:100%;height:100%;object-fit:cover!important;object-position:center 28%!important;filter:saturate(.9) contrast(1.03)}
.webdoc-v13 .expert-photo--field img{object-position:center 42%!important}
.webdoc-v13 .expert-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:.75rem .85rem;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;font-size:.56rem;letter-spacing:.11em;font-weight:850}
.webdoc-v13 .expert-card h3{font-size:clamp(1.55rem,2.1vw,2.35rem)!important;margin:.4rem 0 .7rem!important}
.webdoc-v13 .expert-card>p:last-child{font-family:var(--serif);font-size:1rem;line-height:1.45;margin:0}
.webdoc-v13 .quote-ribbon{margin-top:2.5rem!important}

/* Chapter breaks are interludes, not full-page voids. */
.webdoc-v13 .chapter-break{min-height:220px!important;height:auto!important}
.webdoc-v13 .chapter-break-inner{padding-block:2.5rem!important}
.webdoc-v13 .chapter-break-inner>span{top:-.75rem!important}
.webdoc-v13 .chapter-break-inner p{font-size:clamp(2.8rem,5.1vw,5.2rem)!important;line-height:.88!important}
.webdoc-v13 .chapter-break-inner i{font-size:clamp(1.2rem,2vw,1.8rem)!important}

/* Alexander: stable two-column composition with controlled quote scale. */
.webdoc-v13 .source-spotlight{padding-block:clamp(5rem,7vw,7rem)!important}
.webdoc-v13 .source-spotlight-grid--v12{grid-template-columns:minmax(0,1.08fr) minmax(360px,.75fr)!important;gap:clamp(42px,5vw,76px)!important;align-items:start!important}
.webdoc-v13 .source-spotlight-grid--v12 h2{font-size:clamp(3.2rem,5.2vw,5.7rem)!important;max-width:760px!important;margin-bottom:2rem!important}
.webdoc-v13 .source-spotlight blockquote{font-size:clamp(1.55rem,2.35vw,2.55rem)!important;line-height:1.13!important;padding-left:20px!important;margin-top:1.5rem!important}
.webdoc-v13 .source-spotlight-copy{padding-top:.2rem!important}
.webdoc-v13 .alexander-portrait{margin:0 0 1.5rem!important;aspect-ratio:4/3!important;overflow:hidden;background:#161a1a}
.webdoc-v13 .alexander-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.webdoc-v13 .alexander-portrait figcaption{padding:.65rem .75rem;background:#171a1a;color:#fff;font-size:.56rem;letter-spacing:.12em;font-weight:850}
.webdoc-v13 .alexander-questions{margin-top:1.5rem!important}
.webdoc-v13 .alexander-questions>div{padding:1rem 0!important;align-items:start!important}
.webdoc-v13 .alexander-questions p{margin:0!important;line-height:1.35!important}

/* Fieldwork: one hero image + a clean 2x2 supporting grid. Captions overlay, never break the grid. */
.webdoc-v13 .fieldwork{padding-block:clamp(5rem,7vw,7rem)!important}
.webdoc-v13 .fieldwork-grid--v13{display:grid!important;grid-template-columns:1.35fr .72fr .72fr!important;grid-template-rows:280px 280px!important;gap:12px!important;background:transparent!important;border:0!important}
.webdoc-v13 .fieldwork-grid--v13 figure{position:relative!important;margin:0!important;min-height:0!important;overflow:hidden!important;background:#111718!important;cursor:zoom-in}
.webdoc-v13 .fieldwork-grid--v13 figure:first-child{grid-column:1!important;grid-row:1/3!important}
.webdoc-v13 .fieldwork-grid--v13 figure:nth-child(2){grid-column:2;grid-row:1}
.webdoc-v13 .fieldwork-grid--v13 figure:nth-child(3){grid-column:3;grid-row:1}
.webdoc-v13 .fieldwork-grid--v13 figure:nth-child(4){grid-column:2;grid-row:2}
.webdoc-v13 .fieldwork-grid--v13 figure:nth-child(5){grid-column:3;grid-row:2}
.webdoc-v13 .fieldwork-grid--v13 .fieldwork-media{position:absolute!important;inset:0!important;height:100%!important}
.webdoc-v13 .fieldwork-grid--v13 img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .45s ease}
.webdoc-v13 .fieldwork-grid--v13 figure:hover img{transform:scale(1.018)}
.webdoc-v13 .fieldwork-grid--v13 figcaption{position:absolute!important;z-index:3;left:0;right:0;bottom:0;padding:2.7rem 1rem .9rem!important;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff!important;font-family:var(--serif);font-size:.9rem;line-height:1.35}
.webdoc-v13 .fieldwork-grid--v13 .fieldwork-label{top:1rem!important;bottom:auto!important;left:1rem!important}
.webdoc-v13 .fieldwork-story-strip--v11{margin-top:12px!important;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important}
.webdoc-v13 .fieldwork-story-strip--v11 img{height:clamp(360px,36vw,550px)!important}

/* State map: seven actors, tighter rhythm, no black desert after the diagram. */
.webdoc-v13 .state-map{padding-top:clamp(5rem,7vw,7rem)!important;padding-bottom:clamp(3.2rem,4.5vw,4.5rem)!important}
.webdoc-v13 .state-map .section-heading{margin-bottom:2.2rem!important}
.webdoc-v13 .actor-network--v13{height:540px!important;margin-top:2rem!important}
.webdoc-v13 .actor-network--v13 .actor{min-width:108px;padding:.7rem .8rem!important}
.webdoc-v13 .actor-network--v13 .actor-main{width:150px!important;height:150px!important}

/* 72 HOURS: real vertical-to-horizontal scrollytelling. */
.webdoc-v13 .timeline-section{height:auto;min-height:100vh;background:#0e1316!important;padding:0!important;position:relative!important;overflow:visible!important}
.webdoc-v13 .timeline-pin{height:100vh!important;position:sticky!important;top:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding-top:66px!important;background:#0e1316!important;z-index:1}
.webdoc-v13 .timeline-head{padding-top:clamp(1.15rem,2vh,1.8rem)!important;z-index:4!important}
.webdoc-v13 .timeline-head h2{font-size:clamp(2.8rem,4.7vw,5rem)!important;line-height:.93!important;margin-bottom:.5rem!important;max-width:820px}
.webdoc-v13 .timeline-head p{max-width:720px;color:#b8beba!important;font-family:var(--serif);font-size:1rem!important}
.webdoc-v13 .timeline-progress-v13{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:1.1rem;max-width:720px}
.webdoc-v13 .timeline-progress-v13 span{position:relative;padding-top:.65rem;border-top:2px solid rgba(255,255,255,.18);font-size:.57rem;letter-spacing:.1em;color:#6f7774;font-weight:850;transition:.25s ease}
.webdoc-v13 .timeline-progress-v13 span.is-active{border-color:var(--terracotta);color:#fff}
.webdoc-v13 .timeline-progress-v13 span.is-past{border-color:rgba(192,91,62,.48);color:#9da39f}
.webdoc-v13 .timeline-scroll-hint{position:absolute;z-index:3;right:max(30px,calc((100vw - 1320px)/2));top:1rem;color:#8f9894;font-size:.58rem;letter-spacing:.14em;font-weight:850}
.webdoc-v13 .timeline-photo-band{opacity:.10!important}
.webdoc-v13 .timeline-viewport{position:relative!important;z-index:2!important;width:100vw!important;overflow:hidden!important;padding:0!important;margin:auto 0!important}
.webdoc-v13 .timeline-track{display:flex!important;width:max-content!important;gap:14px!important;padding:1.3rem max(34px,calc((100vw - 1320px)/2)) 2rem!important;will-change:transform!important}
.webdoc-v13 .timeline-card{width:clamp(310px,23vw,380px)!important;height:clamp(270px,34vh,335px)!important;min-height:0!important;flex:0 0 auto!important}
.webdoc-v13 .timeline-card span{font-size:clamp(3.2rem,4.3vw,4.8rem)!important}
.webdoc-v13 .timeline-card h3{font-size:clamp(1.3rem,1.7vw,1.75rem)!important}
.webdoc-v13 .timeline-card p{font-size:1rem!important}
.webdoc-v13 .timeline-interview{padding:clamp(4rem,6vw,6rem) 0!important}
.webdoc-v13 .timeline-interview h2{font-size:clamp(2.6rem,4.4vw,4.8rem)!important}

/* International cases: titles and media read as one unit; no empty half-screen. */
.webdoc-v13 .documentary-case{padding-block:clamp(4.7rem,6.5vw,6.5rem)!important}
.webdoc-v13 .documentary-case-head{gap:clamp(28px,5vw,70px)!important;align-items:end!important;margin-bottom:2.5rem!important}
.webdoc-v13 .documentary-case h2{font-size:clamp(3.5rem,6.2vw,6.6rem)!important;line-height:.9!important;max-width:950px!important;margin-bottom:0!important}
.webdoc-v13 .documentary-case-head>p{margin-bottom:.5rem!important;font-size:1.05rem!important}
.webdoc-v13 .documentary-photo{height:min(58vw,620px)!important;min-height:420px!important;margin-top:0!important}
.webdoc-v13 .documentary-case .case-reading{margin-top:2.2rem!important}

/* Sendai: finished card, high contrast interview row. */
.webdoc-v13 .sendai{padding-block:clamp(4.8rem,6.5vw,6.5rem)!important}
.webdoc-v13 .sendai .section-heading{margin-bottom:2.6rem!important}
.webdoc-v13 .sendai-grid{margin-top:0!important}
.webdoc-v13 .sendai-grid article{min-height:220px!important;padding:1.7rem 1.6rem!important}
.webdoc-v13 .sendai-interview{background:#d5cbbd!important;padding:1.25rem 1.5rem!important;min-height:92px}
.webdoc-v13 .sendai-interview .video-reference{background:#101516!important;color:#fff!important;border:1px solid #101516!important}
.webdoc-v13 .sendai-interview .video-reference b{color:#fff!important}
.webdoc-v13 .sendai-interview .video-reference small{color:#c5cbc8!important;font-size:.67rem!important}

/* Mutter: image visibly balances the quote. */
.webdoc-v13 .mutter-voice{padding-block:clamp(5rem,7vw,7rem)!important}
.webdoc-v13 .mutter-grid--v12{grid-template-columns:minmax(300px,.68fr) minmax(0,1.15fr)!important;gap:clamp(40px,6vw,90px)!important;align-items:center!important}
.webdoc-v13 .mutter-portrait{min-height:440px!important;max-height:560px!important}
.webdoc-v13 .mutter-quote blockquote{font-size:clamp(2rem,3.25vw,3.55rem)!important;line-height:1.05!important}

/* Finding: compact, visible thesis, no pinned black void. */
.webdoc-v13 .chapter-break--finding{min-height:220px!important}
.webdoc-v13 .finding{height:auto!important;min-height:0!important;padding:clamp(4.7rem,6.5vw,6.5rem) 0!important;overflow:hidden!important}
.webdoc-v13 .finding-pin{height:auto!important;position:relative!important;display:block!important}
.webdoc-v13 .finding-shell{min-height:0!important}
.webdoc-v13 .finding-chain{margin:2rem 0 2.8rem!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:22px!important}
.webdoc-v13 .finding-chain .finding-node{min-height:70px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:#151a1b!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
.webdoc-v13 .finding-chain .finding-node[data-phase="risk"]{border-color:#b98600!important}
.webdoc-v13 .finding-chain .finding-node[data-phase="recovery"]{border-color:#6aaac8!important}
.webdoc-v13 .finding-chain i{display:none!important}
.webdoc-v13 .finding-thesis{margin-top:2.3rem!important;max-width:1080px!important}
.webdoc-v13 .finding-title{font-size:clamp(3rem,5vw,5.45rem)!important;line-height:.92!important}

/* International value: remove the cream void; stronger contrast on cards. */
.webdoc-v13 .international-value{padding-block:clamp(5rem,6.8vw,7rem)!important}
.webdoc-v13 .international-value h2{font-size:clamp(3.4rem,5.8vw,6.3rem)!important;max-width:1200px!important;margin-bottom:2.8rem!important}
.webdoc-v13 .international-value-layout{grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)!important;gap:14px!important}
.webdoc-v13 .international-value-photo{min-height:480px!important}
.webdoc-v13 .international-value-layout .value-grid article{background:#f5f0e6!important;color:#111!important;padding:1.8rem 2rem!important}
.webdoc-v13 .international-value-layout .value-grid article span{color:#b74e34!important;font-weight:900!important}
.webdoc-v13 .international-value-layout .value-grid h3{color:#111!important}
.webdoc-v13 .international-value-layout .value-grid p{color:#414540!important}
.webdoc-v13 .editorial-proposition{margin:2.2rem 0 0!important;color:#252927!important}

/* Human return: rules no longer touch text. */
.webdoc-v13 .human-return{padding-block:clamp(5rem,7vw,7rem)!important}
.webdoc-v13 .human-documentary{margin:3rem 0 0!important}
.webdoc-v13 .human-questions{margin-top:2.4rem!important}
.webdoc-v13 .human-questions div,.webdoc-v13 .human-questions div:last-child{padding:1.9rem 1.8rem 2.1rem!important}
.webdoc-v13 .human-questions div:first-child{padding-left:1.8rem!important}
.webdoc-v13 .human-questions p{margin-top:.85rem!important}

/* Dedicated video library: all eleven pieces are impossible to miss. */
.webdoc-v13 .video-library{padding-block:clamp(5rem,7vw,7rem)!important;background:#0d1113!important}
.webdoc-v13 .video-library .eyebrow{color:#e17b5d!important}
.webdoc-v13 .video-library-heading{margin-bottom:2.8rem!important}
.webdoc-v13 .video-library-heading h2{font-size:clamp(3.2rem,5.4vw,5.8rem)!important;max-width:960px}
.webdoc-v13 .video-library-heading p{color:#b7beba!important;max-width:520px}
.webdoc-v13 .audiovisual-archive--v13{margin:0!important;padding:0!important;border:0!important}
.webdoc-v13 .video-archive-grid--lite{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.webdoc-v13 .video-tile{background:#171c1e!important;border:1px solid rgba(255,255,255,.13)!important;overflow:hidden!important;min-width:0}
.webdoc-v13 .video-poster{display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;position:relative;overflow:hidden;background:linear-gradient(145deg,#1e2426,#111516);cursor:pointer}
.webdoc-v13 .video-poster img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;transition:transform .35s ease,opacity .35s ease}
.webdoc-v13 .video-poster:hover img{transform:scale(1.02);opacity:1}
.webdoc-v13 .video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--terracotta);color:#fff;font-size:1.1rem;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.webdoc-v13 .video-tile-meta{padding:1rem 1.05rem 1.15rem!important;display:grid!important;gap:.35rem!important}
.webdoc-v13 .video-tile-meta b{color:#fff!important;font-size:.9rem!important}
.webdoc-v13 .video-tile-meta span{color:#aeb5b1!important;font-size:.72rem!important;opacity:1!important}
.webdoc-v13 .video-tile iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.webdoc-v13 .youtube-note{margin-top:1.4rem!important;color:#9da5a1!important;max-width:930px;font-size:.82rem!important}

/* Methodology: cleaner 4-column mosaic and legible sensitive disclosure. */
.webdoc-v13 .sources-method{padding-block:clamp(5rem,7vw,7rem)!important}
.webdoc-v13 .method-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.webdoc-v13 .method-image-grid figure{background:#111718!important;overflow:hidden!important}
.webdoc-v13 .method-image-grid img{aspect-ratio:4/3!important;width:100%;object-fit:cover!important}
.webdoc-v13 .method-image-grid figcaption{min-height:105px!important;background:#111718!important;color:#fff!important;padding:12px 13px 14px!important}
.webdoc-v13 .method-image-grid figcaption b{color:#f3eee7!important;font-size:.67rem!important}
.webdoc-v13 .method-image-grid figcaption span{color:#b9c0bc!important;font-size:.78rem!important;line-height:1.35!important}
.webdoc-v13 .sensitive-field-archive{background:#e7dfd2!important;color:#111!important}
.webdoc-v13 .sensitive-field-archive summary{background:#e7dfd2!important}
.webdoc-v13 .sensitive-field-archive summary span{color:#b44e35!important}
.webdoc-v13 .sensitive-field-archive summary b{color:#171a19!important}
.webdoc-v13 .sensitive-field-archive summary i{color:#171a19!important}
.webdoc-v13 .sensitive-field-archive>p{color:#454a46!important}

@media(max-width:1100px){
  .webdoc-v13 .experts-grid--photo{grid-template-columns:1fr 1fr!important}
  .webdoc-v13 .experts-grid--photo .expert-card:last-child{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(240px,.55fr) 1fr!important;column-gap:24px!important}
  .webdoc-v13 .experts-grid--photo .expert-card:last-child .expert-photo{grid-row:1/5!important;margin:0!important}
  .webdoc-v13 .fieldwork-grid--v13{grid-template-columns:1fr 1fr!important;grid-template-rows:360px 300px 300px!important}
  .webdoc-v13 .fieldwork-grid--v13 figure:first-child{grid-column:1/-1!important;grid-row:1!important}
  .webdoc-v13 .fieldwork-grid--v13 figure:nth-child(2){grid-column:1;grid-row:2}.webdoc-v13 .fieldwork-grid--v13 figure:nth-child(3){grid-column:2;grid-row:2}.webdoc-v13 .fieldwork-grid--v13 figure:nth-child(4){grid-column:1;grid-row:3}.webdoc-v13 .fieldwork-grid--v13 figure:nth-child(5){grid-column:2;grid-row:3}
  .webdoc-v13 .mutter-grid--v12,.webdoc-v13 .source-spotlight-grid--v12{grid-template-columns:1fr!important}
  .webdoc-v13 .international-value-layout{grid-template-columns:1fr!important}
  .webdoc-v13 .method-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .webdoc-v13 .experts-grid--photo{grid-template-columns:1fr!important}
  .webdoc-v13 .experts-grid--photo .expert-card{border-right:0!important;border-bottom:1px solid #bdb5a8!important}
  .webdoc-v13 .experts-grid--photo .expert-card:last-child{grid-column:auto!important;display:block!important;border-bottom:0!important}
  .webdoc-v13 .experts-grid--photo .expert-card:last-child .expert-photo{margin:1rem 0 1.3rem!important}
  .webdoc-v13 .fieldwork-grid--v13{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:auto!important}
  .webdoc-v13 .fieldwork-grid--v13 figure:nth-child(n){grid-column:auto!important;grid-row:auto!important;position:relative!important;aspect-ratio:4/3}
  .webdoc-v13 .fieldwork-grid--v13 figure:nth-child(4){aspect-ratio:3/4}
  .webdoc-v13 .fieldwork-grid--v13 .fieldwork-media{position:absolute!important;inset:0!important}
  .webdoc-v13 .fieldwork-story-strip--v11{grid-template-columns:1fr!important}
  .webdoc-v13 .actor-network--v13{height:760px!important}
  .webdoc-v13 .timeline-section{height:auto!important;min-height:0!important;padding:4.5rem 0!important;overflow:visible!important}
  .webdoc-v13 .timeline-pin{height:auto!important;position:relative!important;top:auto!important;padding-top:0!important;overflow:visible!important;display:block!important}
  .webdoc-v13 .timeline-photo-band,.webdoc-v13 .timeline-scroll-hint{display:none!important}
  .webdoc-v13 .timeline-viewport{width:auto!important;overflow:visible!important;padding:0 16px!important;margin:0!important}
  .webdoc-v13 .timeline-track{display:grid!important;width:auto!important;transform:none!important;padding:0!important;gap:12px!important}
  .webdoc-v13 .timeline-card{width:auto!important;height:auto!important;min-height:230px!important}
  .webdoc-v13 .timeline-progress-v13{display:none!important}
  .webdoc-v13 .documentary-photo{height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
  .webdoc-v13 .finding-chain{grid-template-columns:1fr 1fr!important;gap:24px 10px!important}
  .webdoc-v13 .video-archive-grid--lite{grid-template-columns:1fr!important}
  .webdoc-v13 .method-image-grid{grid-template-columns:1fr 1fr!important}
  .webdoc-v13 .human-questions div,.webdoc-v13 .human-questions div:first-child,.webdoc-v13 .human-questions div:last-child{padding:1.45rem .8rem 1.65rem!important}
}
@media(max-width:500px){
  .webdoc-v13 .method-image-grid{grid-template-columns:1fr!important}
  .webdoc-v13 .finding-chain{grid-template-columns:1fr!important}
}

/* =========================================================
   YCP WEBDOC · V14 — AJUSTES DE MAQUETACIÓN Y MODAL DE VÍDEO
   ========================================================= */
.webdoc-v14 .three-times{align-items:stretch}
.webdoc-v14 .three-times article{padding:2rem 1.55rem 1.35rem;min-height:190px}
.webdoc-v14 .three-times article:first-child{padding-left:.2rem}
.webdoc-v14 .three-times p{margin-top:1.1rem;max-width:26ch;line-height:1.45}

.webdoc-v14 .building-investigation .section-heading{max-width:1180px}
.webdoc-v14 .building-investigation .section-heading h2{max-width:980px;text-wrap:balance}
.webdoc-v14 .building-investigation .section-heading p{max-width:980px}

.webdoc-v14 .human-return .shell.narrow{width:min(1120px,calc(100vw - 64px))}
.webdoc-v14 .human-documentary{margin:3rem auto 0!important;max-width:1100px;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 60px rgba(0,0,0,.18)}
.webdoc-v14 .human-documentary img{height:min(72vh,720px)!important;object-position:center 44%!important}
.webdoc-v14 .human-documentary figcaption{max-width:760px!important}

.webdoc-v14 .interview-stage{grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);min-height:400px}
.webdoc-v14 .interview-screen--video{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:2rem;background-image:linear-gradient(180deg,rgba(12,18,20,.16),rgba(8,12,13,.72)),var(--video-poster);background-size:cover;background-position:center;min-height:100%}
.webdoc-v14 .interview-screen--video::before{display:none}
.webdoc-v14 .interview-screen-content{position:relative;z-index:1;max-width:360px}
.webdoc-v14 .interview-screen-content>span{display:block;font-size:.58rem;letter-spacing:.16em;font-weight:900;color:#fff;opacity:.8;margin-bottom:.85rem}
.webdoc-v14 .video-reference--panel{margin-top:0!important;background:rgba(9,13,14,.82)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(10px)}
.webdoc-v14 .video-reference--panel small{color:rgba(255,255,255,.74)!important}

.webdoc-v14 .case-reading{grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr);gap:34px;align-items:start;margin-top:1.8rem;padding-top:1.5rem}
.webdoc-v14 .case-reading strong{display:block;max-width:190px;line-height:1.45}
.webdoc-v14 .case-reading p{font-size:clamp(1.6rem,2.9vw,2.7rem);line-height:1.16;text-wrap:balance}
.webdoc-v14 .case-reading small{max-width:980px;margin-top:1.1rem;font-size:1.02rem}

.webdoc-v14 .economy-source{grid-template-columns:120px minmax(0,1fr) minmax(230px,290px);align-items:stretch;gap:0}
.webdoc-v14 .economy-source>.video-reference{margin:0!important;border-left:1px solid rgba(255,255,255,.14);display:flex;align-items:flex-start;justify-content:flex-start;padding:1.4rem 1.05rem!important;min-height:100%}
.webdoc-v14 .economy-source>.video-reference>div{max-width:160px}
.webdoc-v14 .economy-source>.video-reference small{line-height:1.45}

.webdoc-v14 .mutter-voice:after{font-size:min(44vw,560px);right:-.07em;top:-.04em;bottom:auto;color:rgba(18,22,24,.022)}
.webdoc-v14 .mutter-grid--v12{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;gap:clamp(34px,5vw,74px)!important;align-items:start!important}
.webdoc-v14 .mutter-intro{grid-template-columns:minmax(220px,.43fr) minmax(0,1fr)!important;align-items:start!important}
.webdoc-v14 .mutter-portrait{max-width:300px;min-height:0!important;max-height:none!important}
.webdoc-v14 .mutter-grid h2{font-size:clamp(2.45rem,4.1vw,4.7rem)!important;max-width:8.3ch;line-height:.95!important;text-wrap:balance}
.webdoc-v14 .mutter-grid>div>p{font-size:1rem;line-height:1.68;max-width:560px}
.webdoc-v14 .mutter-grid blockquote{padding:clamp(1.6rem,2.8vw,2.5rem)!important;font-size:clamp(1.85rem,3vw,3.12rem)!important;line-height:1.08!important}
.webdoc-v14 .mutter-grid cite{margin-top:1rem}

.webdoc-v14 .finding-pin{display:block!important}
.webdoc-v14 .finding-counter{position:relative!important;right:auto!important;top:auto!important;display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin:0 0 1.65rem!important;pointer-events:none}
.webdoc-v14 .finding-counter span{font-size:clamp(3rem,6vw,4.8rem)!important;color:rgba(255,255,255,.09)!important}
.webdoc-v14 .finding-counter small{color:#7e8783!important}
.webdoc-v14 .finding-chain{margin-top:0!important}

.webdoc-v14 .final-question{min-height:auto!important;display:block!important;padding-block:4.5rem 3rem!important}
.webdoc-v14 .final-inner{text-align:center;max-width:1140px;margin-inline:auto}
.webdoc-v14 .final-inner h2{max-width:1100px}
.webdoc-v14 .final-three{margin:2.25rem 0 1.5rem}
.webdoc-v14 .limit-note{margin:0 auto}

.webdoc-v14 .video-modal{width:min(1100px,calc(100vw - 48px));padding:0;border:1px solid rgba(255,255,255,.12);background:#0d1113;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.5)}
.webdoc-v14 .video-modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.webdoc-v14 .video-modal-close{position:absolute;top:10px;right:12px;z-index:3;border:0;background:rgba(255,255,255,.08);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.4rem;cursor:pointer}
.webdoc-v14 .video-modal-inner{padding:1.25rem 1.25rem 1.4rem}
.webdoc-v14 .video-modal-header{padding-right:46px;margin-bottom:1rem}
.webdoc-v14 .video-modal-header span{display:block;color:var(--terracotta);font-size:.62rem;letter-spacing:.18em;font-weight:900;margin-bottom:.35rem}
.webdoc-v14 .video-modal-header strong{display:block;font-size:1.05rem;letter-spacing:.02em}
.webdoc-v14 .video-modal-frame{background:#000;border:1px solid rgba(255,255,255,.08)}
.webdoc-v14 .video-modal-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.webdoc-v14 .video-modal-note{margin:.9rem 0 .7rem;color:#b8bfbc;font-size:.82rem}
.webdoc-v14 .video-modal-link{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem .92rem;border:1px solid rgba(255,255,255,.16);text-decoration:none}
.webdoc-v14 .video-modal-link:hover{border-color:rgba(192,91,62,.7);background:rgba(192,91,62,.08)}

@media (max-width: 1040px){
  .webdoc-v14 .building-investigation .section-heading h2{max-width:700px}
  .webdoc-v14 .interview-stage{grid-template-columns:1fr;min-height:0}
  .webdoc-v14 .interview-screen--video{min-height:300px}
  .webdoc-v14 .economy-source{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"label content" "label action"}
  .webdoc-v14 .economy-source>span{grid-area:label}
  .webdoc-v14 .economy-source>div{grid-area:content}
  .webdoc-v14 .economy-source>.video-reference{grid-area:action;border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .webdoc-v14 .mutter-grid--v12,.webdoc-v14 .mutter-intro,.webdoc-v14 .case-reading{grid-template-columns:1fr!important}
  .webdoc-v14 .mutter-portrait{max-width:340px}
  .webdoc-v14 .finding-counter{align-items:flex-start;text-align:left}
}

@media (max-width: 760px){
  .webdoc-v14 .three-times article,.webdoc-v14 .three-times article:first-child{padding:1.35rem 0}
  .webdoc-v14 .building-investigation .section-heading h2{max-width:none}
  .webdoc-v14 .human-return .shell.narrow{width:calc(100vw - 32px)}
  .webdoc-v14 .human-documentary{max-width:none}
  .webdoc-v14 .human-documentary img{height:58vh!important;min-height:420px}
  .webdoc-v14 .interview-screen--video{padding:1rem;min-height:260px}
  .webdoc-v14 .video-reference--panel{max-width:100%}
  .webdoc-v14 .case-reading p{font-size:1.35rem}
  .webdoc-v14 .economy-source{grid-template-columns:52px 1fr}
  .webdoc-v14 .mutter-portrait{max-width:280px}
  .webdoc-v14 .mutter-grid blockquote{font-size:1.7rem!important;padding:1.4rem!important}
  .webdoc-v14 .video-modal{width:min(100vw - 24px,1100px)}
  .webdoc-v14 .video-modal-inner{padding:1rem}
}

/* =========================================================
   YCP WEBDOC · V15 — CIERRE DESKTOP / UX
   ========================================================= */
.webdoc-v15 .building-investigation .section-heading{max-width:1320px!important}
.webdoc-v15 .building-investigation .section-heading h2{font-size:clamp(4.7rem,6.2vw,6.8rem)!important;line-height:.88!important;max-width:1180px!important;letter-spacing:-.055em!important;margin-bottom:1.6rem!important}
.webdoc-v15 .building-investigation .section-heading p{max-width:1080px!important}

/* La fotografía de familiares vuelve a ser una pieza editorial a sangre dentro del módulo. */
.webdoc-v15 .fieldwork-story-strip--v11{position:relative!important;display:block!important;min-height:clamp(460px,48vw,650px)!important;margin-top:14px!important;background:#0d1113!important;overflow:hidden!important}
.webdoc-v15 .fieldwork-story-strip--v11 img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 46%!important;filter:saturate(.88) contrast(1.04)!important}
.webdoc-v15 .fieldwork-story-strip--v11::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(7,11,13,.76) 0%,rgba(7,11,13,.26) 52%,rgba(7,11,13,.08) 100%),linear-gradient(0deg,rgba(7,11,13,.62),transparent 54%)!important;z-index:1!important}
.webdoc-v15 .fieldwork-story-strip--v11 figcaption{position:absolute!important;z-index:2!important;left:clamp(2rem,5vw,4.6rem)!important;right:auto!important;bottom:clamp(2rem,5vw,4rem)!important;width:min(760px,72%)!important;padding:0!important;color:#fff!important;display:block!important}
.webdoc-v15 .fieldwork-story-strip--v11 figcaption span{display:block!important;margin-bottom:.9rem!important;color:#e87858!important}
.webdoc-v15 .fieldwork-story-strip--v11 figcaption strong{display:block!important;font-size:clamp(2.25rem,4vw,4.6rem)!important;line-height:.96!important;color:#fff!important}
.webdoc-v15 .fieldwork-story-strip--v11 figcaption small{display:block!important;margin-top:1rem!important;color:rgba(255,255,255,.78)!important;font-size:.9rem!important;max-width:620px!important}

/* 72 h: pin real, recorrido completo y salida solo después de mostrar la última tarjeta. */
.webdoc-v15 .timeline-section{height:auto;min-height:100vh!important;position:relative!important;overflow:visible!important}
.webdoc-v15 .timeline-pin{height:100vh!important;position:absolute;top:0;left:0;right:0;width:100%;padding-top:var(--header-h,66px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.webdoc-v15 .timeline-head{flex:0 0 auto!important;padding-top:clamp(1rem,1.7vh,1.5rem)!important}
.webdoc-v15 .timeline-head h2{font-size:clamp(2.8rem,4.6vw,4.9rem)!important;line-height:.92!important;max-width:900px!important;margin-bottom:.55rem!important}
.webdoc-v15 .timeline-viewport{width:100%!important;max-width:none!important;overflow:hidden!important;margin:auto 0 0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important}
.webdoc-v15 .timeline-track{padding-left:max(70px,calc((100vw - 1320px)/2))!important;padding-right:max(150px,calc((100vw - 1320px)/2 + 150px))!important;padding-top:1rem!important;padding-bottom:2rem!important;gap:16px!important}
.webdoc-v15 .timeline-card{width:clamp(330px,23vw,400px)!important;height:clamp(285px,35vh,350px)!important}
.webdoc-v15 .timeline-card:last-child{margin-right:24px!important}
.webdoc-v15 .timeline-scroll-hint{top:calc(var(--header-h,66px) + 22px)!important}

/* Casos internacionales: la pregunta domina y el párrafo de contexto usa todo el ancho. */
.webdoc-v15 .case-reading{display:grid!important;grid-template-columns:minmax(190px,.32fr) minmax(0,1.68fr)!important;gap:18px 44px!important;align-items:start!important;margin-top:2rem!important;padding-top:1.65rem!important}
.webdoc-v15 .case-reading strong{grid-column:1!important;max-width:190px!important;padding-top:.35rem!important}
.webdoc-v15 .case-reading p{grid-column:2!important;margin:0!important;max-width:980px!important;font-size:clamp(2rem,3.2vw,3.4rem)!important;line-height:1.08!important;letter-spacing:-.025em!important}
.webdoc-v15 .case-reading small{grid-column:1/-1!important;display:block!important;width:100%!important;max-width:none!important;margin:1.2rem 0 0!important;padding-top:1.25rem!important;border-top:1px solid currentColor!important;opacity:.66!important;font-size:1rem!important;line-height:1.65!important}

/* Mutter: proporciones editoriales, sin título desbordado ni márgenes invadidos. */
.webdoc-v15 .mutter-grid--v12{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:clamp(42px,5vw,78px)!important;align-items:start!important}
.webdoc-v15 .mutter-intro{grid-template-columns:220px minmax(0,1fr)!important;gap:clamp(28px,3vw,46px)!important;align-items:start!important}
.webdoc-v15 .mutter-portrait{width:220px!important;max-width:220px!important}
.webdoc-v15 .mutter-grid h2{font-size:clamp(2.65rem,3.2vw,3.75rem)!important;line-height:.94!important;max-width:9.8ch!important;margin:10px 0 24px!important;letter-spacing:-.045em!important}
.webdoc-v15 .mutter-grid>div>p{font-size:1.02rem!important;line-height:1.62!important;max-width:470px!important}
.webdoc-v15 .mutter-grid blockquote{font-size:clamp(1.8rem,2.65vw,3rem)!important;line-height:1.08!important;padding:clamp(1.7rem,2.5vw,2.35rem)!important}
.webdoc-v15 .mutter-chain{margin-top:3rem!important}

/* Modal: estado local explícito y reproductor limpio cuando existe http(s). */
.webdoc-v15 .video-modal-local{padding:1rem 1.1rem;margin-bottom:1rem;background:#171d1f;border-left:3px solid var(--terracotta);color:#e8ece9}
.webdoc-v15 .video-modal-local strong{display:block;margin-bottom:.35rem}
.webdoc-v15 .video-modal-local p{margin:0;color:#bfc6c2;font-size:.84rem;line-height:1.55}
.webdoc-v15 .video-modal.is-local-file .video-modal-frame{display:none}
.webdoc-v15 .video-modal.is-local-file .video-modal-note{display:none}

@media(max-width:1040px){
  .webdoc-v15 .building-investigation .section-heading h2{font-size:clamp(4rem,8vw,5.4rem)!important}
  .webdoc-v15 .case-reading{grid-template-columns:1fr!important}
  .webdoc-v15 .case-reading strong,.webdoc-v15 .case-reading p,.webdoc-v15 .case-reading small{grid-column:1!important;max-width:none!important}
  .webdoc-v15 .mutter-grid--v12{grid-template-columns:1fr!important}
  .webdoc-v15 .mutter-intro{grid-template-columns:220px 1fr!important}
}


/* ===== V15.2 · FIX FINAL DEL RECORRIDO HORIZONTAL 72H ===== */
.webdoc-v15-2 .timeline-section{position:relative!important;height:auto;min-height:100vh!important;overflow:visible!important;padding:0!important}
.webdoc-v15-2 .timeline-pin{height:100vh!important;min-height:680px!important;overflow:hidden!important;background:#0e1316!important;box-sizing:border-box!important}
.webdoc-v15-2 .timeline-viewport{width:100%!important;max-width:none!important;overflow:hidden!important;display:flex!important;align-items:center!important;flex:1 1 auto!important;margin:0!important;padding:0!important}
.webdoc-v15-2 .timeline-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;gap:16px!important;will-change:transform!important;padding-left:max(72px,calc((100vw - 1320px)/2))!important;padding-right:max(220px,calc((100vw - 1320px)/2 + 220px))!important;padding-top:1rem!important;padding-bottom:2rem!important}
.webdoc-v15-2 .timeline-card{flex:0 0 clamp(330px,23vw,400px)!important;width:clamp(330px,23vw,400px)!important;height:clamp(285px,35vh,350px)!important}
.webdoc-v15-2 .timeline-card:last-child{margin-right:0!important}
.webdoc-v15-2 .timeline-interview{position:relative!important;z-index:2!important}
@media(max-width:760px){.webdoc-v15-2 .timeline-section{height:auto!important;min-height:0!important;padding:4.5rem 0!important}.webdoc-v15-2 .timeline-pin{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;height:auto!important;min-height:0!important;padding-top:0!important;overflow:visible!important}.webdoc-v15-2 .timeline-track{display:grid!important;width:auto!important;transform:none!important;padding:0!important}.webdoc-v15-2 .timeline-viewport{overflow:visible!important;display:block!important}.webdoc-v15-2 .timeline-card{width:auto!important;height:auto!important;min-height:230px!important}}


/* ===== V15.3 · 72H: ESTADO DE PIN FORZADO (corrige reglas legacy !important) ===== */
/* Las versiones anteriores conservan reglas sticky!important. En V15.3 el estado
   data-pin-state manda explícitamente, por lo que el panel permanece realmente
   fijo durante TODO el recorrido horizontal y solo se libera al mostrar 72 h. */
.webdoc-v15-3 .timeline-section{
  position:relative!important;
  min-height:100vh!important;
  overflow:visible!important;
  padding:0!important;
}
.webdoc-v15-3 .timeline-pin{
  height:100vh!important;
  min-height:680px!important;
  width:100%!important;
  left:0!important;
  right:0!important;
  overflow:hidden!important;
  background:#0e1316!important;
  box-sizing:border-box!important;
}
.webdoc-v15-3 .timeline-pin[data-pin-state="before"]{
  position:absolute!important;
  top:0!important;
  bottom:auto!important;
  z-index:1!important;
}
.webdoc-v15-3 .timeline-pin[data-pin-state="fixed"]{
  position:fixed!important;
  top:0!important;
  bottom:auto!important;
  z-index:115!important;
}
.webdoc-v15-3 .timeline-pin[data-pin-state="after"]{
  position:absolute!important;
  top:auto!important;
  bottom:0!important;
  z-index:1!important;
}
.webdoc-v15-3 .timeline-viewport{
  width:100vw!important;
  max-width:none!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
}
.webdoc-v15-3 .timeline-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  gap:16px!important;
  will-change:transform!important;
  padding-left:max(72px,calc((100vw - 1320px)/2))!important;
  padding-right:max(240px,calc((100vw - 1320px)/2 + 240px))!important;
  padding-top:1rem!important;
  padding-bottom:2rem!important;
}
.webdoc-v15-3 .timeline-card{
  flex:0 0 clamp(330px,23vw,400px)!important;
  width:clamp(330px,23vw,400px)!important;
  height:clamp(285px,35vh,350px)!important;
}
@media(max-width:760px){
  .webdoc-v15-3 .timeline-section{height:auto!important;min-height:0!important;padding:4.5rem 0!important}
  .webdoc-v15-3 .timeline-pin,
  .webdoc-v15-3 .timeline-pin[data-pin-state="before"],
  .webdoc-v15-3 .timeline-pin[data-pin-state="fixed"],
  .webdoc-v15-3 .timeline-pin[data-pin-state="after"]{
    position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    width:auto!important;height:auto!important;min-height:0!important;padding-top:0!important;overflow:visible!important;z-index:auto!important
  }
  .webdoc-v15-3 .timeline-track{display:grid!important;width:auto!important;transform:none!important;padding:0!important}
  .webdoc-v15-3 .timeline-viewport{overflow:visible!important;display:block!important;width:auto!important}
  .webdoc-v15-3 .timeline-card{width:auto!important;height:auto!important;min-height:230px!important}
}


/* =========================================================
   YCP WEBDOC · V15.4 — 72H STICKY NATIVO, SIN SOLAPAMIENTOS
   =========================================================
   El problema de V15.3 provenía de sacar el panel del flujo con position:fixed.
   V15.4 vuelve al patrón canónico: sección alta + hijo sticky. El siguiente
   capítulo no puede entrar en pantalla hasta que termina TODO el viaje horizontal.
*/
.webdoc-v15-4{
  overflow-x:hidden!important;
}
.webdoc-v15-4 main{
  overflow:visible!important; /* imprescindible: overflow:clip del legacy rompe sticky */
}
.webdoc-v15-4 .timeline-section{
  position:relative!important;
  height:auto;
  min-height:100vh!important;
  overflow:visible!important;
  padding:0!important;
  isolation:isolate;
  background:#0e1316!important;
}
.webdoc-v15-4 .timeline-pin,
.webdoc-v15-4 .timeline-pin[data-pin-state="before"],
.webdoc-v15-4 .timeline-pin[data-pin-state="fixed"],
.webdoc-v15-4 .timeline-pin[data-pin-state="after"]{
  position:sticky!important;
  top:0!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  height:100vh!important;
  min-height:680px!important;
  padding-top:var(--header-h,66px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  background:#0e1316!important;
  z-index:20!important;
}
.webdoc-v15-4 .timeline-head{
  position:relative!important;
  z-index:4!important;
  flex:0 0 auto!important;
  padding-top:clamp(.8rem,1.4vh,1.2rem)!important;
}
.webdoc-v15-4 .timeline-viewport{
  position:relative!important;
  z-index:3!important;
  width:100vw!important;
  max-width:none!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
}
.webdoc-v15-4 .timeline-track{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  gap:16px!important;
  will-change:transform!important;
  transform:translate3d(0,0,0);
  padding-left:max(72px,calc((100vw - 1320px)/2))!important;
  padding-right:max(260px,calc((100vw - 1320px)/2 + 260px))!important;
  padding-top:1rem!important;
  padding-bottom:2rem!important;
}
.webdoc-v15-4 .timeline-card{
  flex:0 0 clamp(330px,23vw,400px)!important;
  width:clamp(330px,23vw,400px)!important;
  height:clamp(285px,35vh,350px)!important;
  min-height:0!important;
}
.webdoc-v15-4 .timeline-interview{
  position:relative!important;
  z-index:1!important;
}

@media(max-height:760px) and (min-width:761px){
  .webdoc-v15-4 .timeline-pin,
  .webdoc-v15-4 .timeline-pin[data-pin-state="before"],
  .webdoc-v15-4 .timeline-pin[data-pin-state="fixed"],
  .webdoc-v15-4 .timeline-pin[data-pin-state="after"]{
    min-height:100vh!important;
  }
  .webdoc-v15-4 .timeline-head h2{font-size:clamp(2.4rem,4vw,4.1rem)!important}
  .webdoc-v15-4 .timeline-card{height:clamp(250px,34vh,310px)!important}
}

@media(max-width:760px){
  .webdoc-v15-4 main{overflow:hidden!important}
  .webdoc-v15-4 .timeline-section{height:auto!important;min-height:0!important;padding:4.5rem 0!important;overflow:visible!important}
  .webdoc-v15-4 .timeline-pin,
  .webdoc-v15-4 .timeline-pin[data-pin-state="before"],
  .webdoc-v15-4 .timeline-pin[data-pin-state="fixed"],
  .webdoc-v15-4 .timeline-pin[data-pin-state="after"]{
    position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    width:auto!important;height:auto!important;min-height:0!important;padding-top:0!important;overflow:visible!important;z-index:auto!important
  }
  .webdoc-v15-4 .timeline-track{display:grid!important;width:auto!important;transform:none!important;padding:0!important}
  .webdoc-v15-4 .timeline-viewport{overflow:visible!important;display:block!important;width:auto!important}
  .webdoc-v15-4 .timeline-card{width:auto!important;height:auto!important;min-height:230px!important}
}

/* =========================================================
   YCP WEBDOC · V16 — RESPONSIVE / PRODUCCIÓN
   ========================================================= */
.webdoc-v16{max-width:100%;overflow-x:clip!important}
.webdoc-v16 main{max-width:100%;overflow:visible!important}
.webdoc-v16 img,.webdoc-v16 svg,.webdoc-v16 video,.webdoc-v16 iframe{max-width:100%}
.webdoc-v16 .shell{width:min(calc(100% - 48px),1320px)}
.webdoc-v16 .narrow{width:min(calc(100% - 48px),980px)}
.webdoc-v16 .section-heading h2{overflow-wrap:anywhere}
.webdoc-v16 .video-reference{min-width:0}

/* Tablet / portátil estrecho */
@media(max-width:1100px){
  .webdoc-v16 .chapter-rail{display:none!important}
  .webdoc-v16 .site-header{padding-inline:20px}
  .webdoc-v16 .chapter-status{min-width:auto}
  .webdoc-v16 .hero-inner{padding-top:clamp(7rem,14vh,10rem)}
  .webdoc-v16 .hero-meta{gap:1.6rem}
  .webdoc-v16 .hero-dek{max-width:58ch}
  .webdoc-v16 .split-heading{grid-template-columns:1fr!important;gap:1.35rem!important}
  .webdoc-v16 .split-heading>p{max-width:68ch!important}
  .webdoc-v16 .scrolly-wrap{grid-template-columns:1fr!important;gap:2.5rem!important}
  .webdoc-v16 .sticky-panel{position:relative!important;top:auto!important;height:auto!important;min-height:0!important}
  .webdoc-v16 .science-visual{max-width:900px;margin-inline:auto}
  .webdoc-v16 .science-copy{padding-top:0!important}
  .webdoc-v16 .scrolly-step{min-height:0!important;padding-block:3.5rem!important;max-width:760px!important}
  .webdoc-v16 .building-source-grid,
  .webdoc-v16 .source-spotlight-grid--v12,
  .webdoc-v16 .timeline-interview-inner,
  .webdoc-v16 .interview-stage,
  .webdoc-v16 .mutter-grid--v12,
  .webdoc-v16 .international-value-layout{grid-template-columns:1fr!important}
  .webdoc-v16 .timeline-interview-inner{gap:2.25rem!important;align-items:start!important}
  .webdoc-v16 .timeline-interview .video-reference{justify-self:start!important;width:min(100%,520px)}
  .webdoc-v16 .mutter-intro{grid-template-columns:minmax(180px,260px) 1fr!important;gap:2rem!important}
  .webdoc-v16 .mutter-grid--v12 blockquote{font-size:clamp(2rem,4.4vw,3.4rem)!important}
  .webdoc-v16 .method-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .webdoc-v16 .video-archive-grid--lite{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* En tablet vertical y móvil la cronología deja de estar anclada y pasa a swipe nativo. */
@media(max-width:900px){
  .webdoc-v16{--header-h:60px}
  .webdoc-v16 .shell,.webdoc-v16 .narrow{width:min(calc(100% - 36px),760px)}
  .webdoc-v16 .site-header{height:60px;padding-inline:16px}
  .webdoc-v16 .chapter-status{display:none!important}
  .webdoc-v16 .brand{font-size:.68rem;letter-spacing:.09em;max-width:calc(100% - 92px)}
  .webdoc-v16 .brand span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .webdoc-v16 .menu-toggle{display:block!important;font-size:.64rem;padding:.55rem .7rem}
  .webdoc-v16 .chapter-nav.open{top:60px;max-height:calc(100svh - 60px);overflow:auto;padding:18px 20px 24px;gap:0}
  .webdoc-v16 .chapter-nav.open a{padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.8rem}

  .webdoc-v16 main>section{scroll-margin-top:60px}
  .webdoc-v16 .hero{min-height:100svh}
  .webdoc-v16 .hero-inner{padding-top:clamp(6.5rem,14vh,8.5rem);padding-bottom:5rem}
  .webdoc-v16 .hero h1{font-size:clamp(4rem,12vw,6.8rem)!important;line-height:.84!important;max-width:900px}
  .webdoc-v16 .hero h1 .accent-word{margin-left:0!important}
  .webdoc-v16 .hero-meta{grid-template-columns:1fr!important;gap:1.5rem!important}
  .webdoc-v16 .hero-cases{display:flex!important;flex-wrap:wrap;gap:.6rem 1rem!important}
  .webdoc-v16 .hero-time{display:none!important}

  .webdoc-v16 .manifesto .statement{font-size:clamp(3.2rem,9vw,5.8rem)!important;line-height:.93!important}
  .webdoc-v16 .three-times{grid-template-columns:1fr!important;margin-top:3rem!important}
  .webdoc-v16 .three-times article,.webdoc-v16 .three-times article:first-child{padding:1.45rem .2rem!important;border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:0!important}
  .webdoc-v16 .three-times article:last-child{border-bottom:0!important}

  .webdoc-v16 .experts-grid--photo{grid-template-columns:1fr!important}
  .webdoc-v16 .experts-grid--photo .expert-card,.webdoc-v16 .experts-grid--photo .expert-card:last-child{display:block!important;grid-column:auto!important;border-right:0!important;border-bottom:1px solid #bdb5a8!important}
  .webdoc-v16 .experts-grid--photo .expert-card:last-child{border-bottom:0!important}
  .webdoc-v16 .expert-photo{aspect-ratio:16/10!important;min-height:0!important}
  .webdoc-v16 .expert-photo img{width:100%!important;height:100%!important;object-fit:cover!important}

  .webdoc-v16 .building-investigation .section-heading h2{font-size:clamp(3.7rem,10vw,5.9rem)!important;line-height:.92!important;max-width:13ch!important}
  .webdoc-v16 .building-source-grid{grid-template-columns:1fr!important}
  .webdoc-v16 .source-spotlight-grid--v12{grid-template-columns:1fr!important;gap:2.25rem!important}
  .webdoc-v16 .source-spotlight-grid--v12 h2{font-size:clamp(3rem,8vw,5rem)!important}
  .webdoc-v16 .alexander-portrait{max-width:520px!important}

  .webdoc-v16 .document-ledger{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .webdoc-v16 .fieldwork-grid--v13{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;grid-auto-rows:auto!important}
  .webdoc-v16 .fieldwork-grid--v13 figure:nth-child(n){grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/3!important;position:relative!important}
  .webdoc-v16 .fieldwork-grid--v13 .fieldwork-feature--wide{grid-column:1/-1!important;aspect-ratio:16/9!important}
  .webdoc-v16 .fieldwork-grid--v13 .fieldwork-feature--portrait{aspect-ratio:3/4!important}
  .webdoc-v16 .fieldwork-grid--v13 .fieldwork-media{position:absolute!important;inset:0!important;height:auto!important}
  .webdoc-v16 .fieldwork-story-strip--v11{grid-template-columns:1fr!important;min-height:0!important}
  .webdoc-v16 .fieldwork-story-strip--v11 img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important}

  .webdoc-v16 .actor-network--v13{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:18px!important;background:#0d1112!important}
  .webdoc-v16 .actor-network--v13 svg{display:none!important}
  .webdoc-v16 .actor-network--v13 .actor{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto!important;min-width:0!important;min-height:68px!important;display:grid!important;place-items:center!important;padding:.9rem!important}
  .webdoc-v16 .actor-network--v13 .actor-main{grid-column:1/-1!important;min-height:112px!important;border-radius:0!important}

  /* 72 h: swipe táctil, sin pin ni scroll vertical artificial. */
  .webdoc-v16 .timeline-section{height:auto!important;min-height:0!important;padding:4.5rem 0 3.25rem!important;overflow:visible!important}
  .webdoc-v16 .timeline-pin,
  .webdoc-v16 .timeline-pin[data-pin-state]{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding-top:0!important;overflow:visible!important;z-index:auto!important;display:block!important}
  .webdoc-v16 .timeline-photo-band{display:none!important}
  .webdoc-v16 .timeline-head{padding-top:0!important;margin-bottom:1.25rem!important}
  .webdoc-v16 .timeline-head h2{font-size:clamp(3rem,8.6vw,5.2rem)!important;line-height:.94!important;margin-bottom:1.2rem!important}
  .webdoc-v16 .timeline-head:after{content:"DESLIZA LAS TARJETAS  →"!important;margin-top:.75rem!important}
  .webdoc-v16 .timeline-progress-v13{display:flex!important;gap:.35rem!important;overflow-x:auto!important;padding-bottom:.35rem!important;scrollbar-width:none}
  .webdoc-v16 .timeline-progress-v13::-webkit-scrollbar{display:none}
  .webdoc-v16 .timeline-progress-v13>*{flex:0 0 auto!important}
  .webdoc-v16 .timeline-viewport{display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0!important;padding:0!important;scroll-snap-type:x mandatory!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin}
  .webdoc-v16 .timeline-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;transform:none!important;will-change:auto!important;gap:12px!important;padding:1rem 18px 1.6rem!important}
  .webdoc-v16 .timeline-card{flex:0 0 min(82vw,360px)!important;width:min(82vw,360px)!important;height:auto!important;min-height:280px!important;scroll-snap-align:center!important;transform:none!important;background:#ece7dd!important;color:#101212!important;opacity:1!important;box-shadow:none!important}
  .webdoc-v16 .timeline-card.is-active,.webdoc-v16 .timeline-card.is-past{background:#ece7dd!important;color:#101212!important;opacity:1!important;transform:none!important}
  .webdoc-v16 .timeline-card:first-child{border-top-color:var(--terracotta)!important}
  .webdoc-v16 .timeline-card span{font-size:clamp(3.2rem,12vw,4.5rem)!important}
  .webdoc-v16 .timeline-scroll-hint{display:none!important}

  .webdoc-v16 .timeline-interview{padding-block:4.5rem!important}
  .webdoc-v16 .timeline-interview-inner{grid-template-columns:1fr!important;gap:2rem!important}
  .webdoc-v16 .timeline-interview h2{font-size:clamp(3.2rem,9vw,5.2rem)!important;max-width:14ch!important}
  .webdoc-v16 .timeline-interview .video-reference{width:100%!important;max-width:520px!important;justify-self:start!important}

  .webdoc-v16 .community-grid{grid-template-columns:1fr!important}
  .webdoc-v16 .response-system{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .webdoc-v16 .response-core{grid-column:1/-1!important;grid-row:auto!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;min-height:120px!important}
  .webdoc-v16 .interview-stage{grid-template-columns:1fr!important;min-height:0!important}
  .webdoc-v16 .interview-screen--video{min-height:280px!important}
  .webdoc-v16 .documentary-case-head{grid-template-columns:1fr!important;gap:1.5rem!important}
  .webdoc-v16 .documentary-case-head h2{font-size:clamp(3.5rem,9vw,5.8rem)!important;max-width:14ch!important}
  .webdoc-v16 .case-lenses{grid-template-columns:1fr 1fr!important}
  .webdoc-v16 .case-reading{grid-template-columns:1fr!important}
  .webdoc-v16 .route-stage{min-height:0!important;padding-bottom:1rem!important}
  .webdoc-v16 .route-stage svg{height:auto!important;min-height:340px!important;transform:none!important}
  .webdoc-v16 .route-questions{position:relative!important;inset:auto!important;margin:0 1rem 1rem!important}
  .webdoc-v16 .sendai-grid{grid-template-columns:1fr 1fr!important}
  .webdoc-v16 .rebuild-grid{grid-template-columns:1fr 1fr!important}
  .webdoc-v16 .economy-source{grid-template-columns:64px 1fr!important;grid-template-areas:"label content" "label action"!important}
  .webdoc-v16 .economy-source>span{grid-area:label!important}
  .webdoc-v16 .economy-source>div{grid-area:content!important}
  .webdoc-v16 .economy-source>.video-reference{grid-area:action!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.14)!important}
  .webdoc-v16 .mutter-grid--v12{grid-template-columns:1fr!important}
  .webdoc-v16 .finding{height:auto!important;min-height:0!important;padding:5rem 0!important}
  .webdoc-v16 .finding-pin{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important}
  .webdoc-v16 .finding-chain{white-space:normal!important;flex-wrap:wrap!important}
  .webdoc-v16 .finding-title{font-size:clamp(3.4rem,10vw,6.2rem)!important}
  .webdoc-v16 .international-value-layout{grid-template-columns:1fr!important}
  .webdoc-v16 .human-documentary{height:auto!important;min-height:0!important}
  .webdoc-v16 .human-documentary img{height:auto!important;min-height:0!important;aspect-ratio:4/3!important;object-fit:cover!important}
  .webdoc-v16 .video-archive-grid--lite{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .webdoc-v16 .evidence-method-grid{grid-template-columns:1fr 1fr!important}
  .webdoc-v16 .source-drawer-grid{grid-template-columns:1fr!important}
}

/* Móvil */
@media(max-width:600px){
  .webdoc-v16 .shell,.webdoc-v16 .narrow{width:calc(100% - 28px)!important}
  .webdoc-v16 .site-header{padding-inline:12px}
  .webdoc-v16 .brand span:last-child{font-size:.6rem;max-width:245px}
  .webdoc-v16 .hero-inner{padding-top:6.25rem!important;padding-bottom:4.25rem!important}
  .webdoc-v16 .hero h1{font-size:clamp(3.45rem,17vw,5.2rem)!important;line-height:.82!important;letter-spacing:-.06em!important}
  .webdoc-v16 .hero .kicker{font-size:.58rem;line-height:1.45}
  .webdoc-v16 .hero-dek{font-size:1.08rem!important;line-height:1.45!important}
  .webdoc-v16 .hero-cases{font-size:.55rem!important}
  .webdoc-v16 .story-opening h2,
  .webdoc-v16 .section-heading h2{font-size:clamp(2.7rem,13vw,4.25rem)!important;line-height:.94!important}
  .webdoc-v16 .opening-quote{font-size:clamp(1.65rem,7vw,2.25rem)!important}
  .webdoc-v16 .manifesto .statement{font-size:clamp(2.9rem,13vw,4.4rem)!important}
  .webdoc-v16 .tectonic-map{min-width:720px!important;max-width:none!important}
  .webdoc-v16 .map-frame{overflow-x:auto!important;overscroll-behavior-inline:contain!important}
  .webdoc-v16 .map-prototype-caption{position:relative!important;inset:auto!important;width:auto!important;margin-top:1rem!important}

  .webdoc-v16 .document-ledger{grid-template-columns:1fr!important}
  .webdoc-v16 .fieldwork-grid--v13{grid-template-columns:1fr!important}
  .webdoc-v16 .fieldwork-grid--v13 figure:nth-child(n),.webdoc-v16 .fieldwork-grid--v13 .fieldwork-feature--wide{grid-column:auto!important;aspect-ratio:4/3!important}
  .webdoc-v16 .fieldwork-grid--v13 .fieldwork-feature--portrait{aspect-ratio:3/4!important}
  .webdoc-v16 .fieldwork-story-strip--v11 figcaption{padding:1rem!important}
  .webdoc-v16 .fieldwork-story-strip--v11 figcaption strong{font-size:clamp(1.75rem,8vw,2.6rem)!important}
  .webdoc-v16 .actor-network--v13{grid-template-columns:1fr!important;padding:12px!important}
  .webdoc-v16 .actor-network--v13 .actor-main{grid-column:auto!important}

  .webdoc-v16 .timeline-head h2{font-size:clamp(2.85rem,13vw,4.2rem)!important}
  .webdoc-v16 .timeline-card{flex-basis:86vw!important;width:86vw!important;min-height:255px!important;padding:1.45rem!important}
  .webdoc-v16 .timeline-interview h2{font-size:clamp(2.9rem,13vw,4.3rem)!important}

  .webdoc-v16 .response-system{grid-template-columns:1fr!important}
  .webdoc-v16 .response-core{grid-column:auto!important}
  .webdoc-v16 .case-lenses{grid-template-columns:1fr!important}
  .webdoc-v16 .documentary-photo{aspect-ratio:4/3!important;height:auto!important;min-height:0!important}
  .webdoc-v16 .documentary-photo img{height:100%!important;min-height:0!important}
  .webdoc-v16 .sendai-grid,.webdoc-v16 .rebuild-grid{grid-template-columns:1fr!important}
  .webdoc-v16 .economy-source{grid-template-columns:52px 1fr!important}
  .webdoc-v16 .mutter-intro{grid-template-columns:1fr!important}
  .webdoc-v16 .mutter-portrait{max-width:260px!important}
  .webdoc-v16 .mutter-grid--v12 blockquote{font-size:clamp(1.7rem,8vw,2.5rem)!important;padding:1.2rem!important}
  .webdoc-v16 .finding-chain{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important}
  .webdoc-v16 .finding-chain i{display:none!important}
  .webdoc-v16 .finding-title{font-size:clamp(3rem,14vw,4.8rem)!important}
  .webdoc-v16 .human-questions{grid-template-columns:1fr!important}
  .webdoc-v16 .human-questions div{padding:1.2rem .1rem!important;border-right:0!important;border-bottom:1px solid #aaa399!important}
  .webdoc-v16 .human-questions div:last-child{border-bottom:0!important}
  .webdoc-v16 .video-archive-grid--lite,.webdoc-v16 .method-image-grid,.webdoc-v16 .evidence-method-grid{grid-template-columns:1fr!important}
  .webdoc-v16 .video-tile-meta{min-height:0!important}
  .webdoc-v16 .sensitive-field-grid{grid-template-columns:1fr!important}
  .webdoc-v16 .final-inner h2{font-size:clamp(3rem,14vw,4.8rem)!important}
  .webdoc-v16 .closing-editorial h2{font-size:clamp(3rem,14vw,4.8rem)!important}
  .webdoc-v16 .video-modal{width:calc(100vw - 18px)!important;max-height:calc(100svh - 18px)!important}
  .webdoc-v16 .video-modal-inner{padding:.85rem!important}
  .webdoc-v16 .video-modal-close{top:6px!important;right:6px!important}
}

@media(max-width:380px){
  .webdoc-v16 .brand span:last-child{max-width:205px}
  .webdoc-v16 .hero h1{font-size:3.25rem!important}
  .webdoc-v16 .timeline-card{flex-basis:88vw!important;width:88vw!important}
}

/* =========================================================
   YCP WEBDOC · V17 — RESPONSIVE ESTÁTICO + MAPA MÓVIL
   =========================================================
   En <=1100px eliminamos la dependencia de animaciones de entrada
   y damos prioridad a lectura inmediata, anchuras seguras y contenido
   que nunca pueda quedar fuera del viewport.
*/
.webdoc-v17{max-width:100%;overflow-x:clip!important}

@media(max-width:1100px){
  /* El contenido debe existir visualmente desde el primer frame. */
  .webdoc-v17 .hero-fault path,
  .webdoc-v17 [data-map-fault],
  .webdoc-v17 [data-map-epicentre]{opacity:1!important}

  /* Mapa tectónico: escala al ancho real del dispositivo. */
  .webdoc-v17 .science-visual{width:100%!important;max-width:760px!important;margin-inline:auto!important}
  .webdoc-v17 .map-frame{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:clamp(6px,1.6vw,12px)!important;
    box-sizing:border-box!important;
  }
  .webdoc-v17 .tectonic-map{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:900/520!important;
    object-fit:contain!important;
  }
  .webdoc-v17 .map-frame:after{display:none!important}
  .webdoc-v17 .map-prototype-caption{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:8px 0 0!important;
    box-sizing:border-box!important;
  }

  /* Titulares del bloque científico: nunca desbordan. */
  .webdoc-v17 .science-copy,
  .webdoc-v17 .scrolly-step{width:100%!important;max-width:100%!important;min-width:0!important}
  .webdoc-v17 .scrolly-step h2,
  .webdoc-v17 .scrolly-step h3{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  .webdoc-v17 .scrolly-step h2{font-size:clamp(2.55rem,8vw,4.6rem)!important;line-height:.96!important;letter-spacing:-.045em!important}
  .webdoc-v17 .scrolly-step h3{font-size:clamp(2rem,6.5vw,3.4rem)!important;line-height:1!important;letter-spacing:-.035em!important}

  /* Protección general para titulares responsive. */
  .webdoc-v17 main h1,
  .webdoc-v17 main h2,
  .webdoc-v17 main h3{
    max-width:100%!important;
    min-width:0!important;
  }

  /* Tablet: 72h pasa también a desplazamiento táctil nativo. */
  .webdoc-v17 .timeline-section{height:auto!important;min-height:0!important;padding:4rem 0 3rem!important;overflow:visible!important}
  .webdoc-v17 .timeline-pin,
  .webdoc-v17 .timeline-pin[data-pin-state]{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding-top:0!important;overflow:visible!important;z-index:auto!important;display:block!important}
  .webdoc-v17 .timeline-viewport{display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important}
  .webdoc-v17 .timeline-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;transform:none!important;will-change:auto!important;gap:12px!important;padding:1rem 18px 1.5rem!important}
  .webdoc-v17 .timeline-card{flex:0 0 min(76vw,380px)!important;width:min(76vw,380px)!important;height:auto!important;min-height:270px!important;scroll-snap-align:center!important;transform:none!important;opacity:1!important}
}

@media(max-width:600px){
  .webdoc-v17 .scrolly-wrap{padding:3.5rem 0!important;gap:1.35rem!important}
  .webdoc-v17 .science-visual{max-width:100%!important}
  .webdoc-v17 .map-frame{padding:5px!important;box-shadow:0 12px 30px rgba(10,12,12,.12)!important}
  .webdoc-v17 .map-prototype-caption{padding:.75rem .8rem!important}
  .webdoc-v17 .map-prototype-caption b{font-size:.54rem!important;letter-spacing:.12em!important}
  .webdoc-v17 .map-prototype-caption span{font-size:.64rem!important;line-height:1.35!important}

  .webdoc-v17 .scrolly-step{padding-block:2.6rem!important}
  .webdoc-v17 .scrolly-step h2{font-size:clamp(2.35rem,11.2vw,3.2rem)!important;line-height:.95!important}
  .webdoc-v17 .scrolly-step h3{font-size:clamp(1.9rem,9.2vw,2.65rem)!important;line-height:.98!important}
  .webdoc-v17 .scrolly-step p{font-size:1.05rem!important;line-height:1.55!important}
  .webdoc-v17 .quake-data strong{font-size:2.15rem!important}

  /* Evita títulos de capítulos cortados lateralmente en pantallas de 320–430 px. */
  .webdoc-v17 .section-heading h2,
  .webdoc-v17 .building-investigation .section-heading h2,
  .webdoc-v17 .source-spotlight-grid--v12 h2,
  .webdoc-v17 .documentary-case-head h2,
  .webdoc-v17 .timeline-interview h2{
    width:100%!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    hyphens:auto!important;
  }

  .webdoc-v17 .timeline-card{flex-basis:84vw!important;width:84vw!important;min-height:250px!important}
}


/* V18 · correcciones finales solicitadas por cliente (04/09/2026) */
.webdoc-v18 .expert-photo--hanik img{object-position:center 28%!important;filter:saturate(.96) contrast(1.02)!important}
.webdoc-v18 .interview-screen--tab-only{background:#101516!important;background-image:none!important;min-height:220px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(1.25rem,3vw,2.2rem)!important}
.webdoc-v18 .interview-screen--tab-only::before{display:none!important}
.webdoc-v18 .interview-screen--tab-only .interview-screen-content{width:min(100%,560px)!important;max-width:none!important}
.webdoc-v18 .interview-screen--tab-only .interview-screen-content>span{color:#d0d6d3!important;opacity:.82!important;margin-bottom:1rem!important}
.webdoc-v18 .interview-screen--tab-only .video-reference--panel{width:100%!important;max-width:none!important;background:#171d1f!important;border-color:rgba(255,255,255,.18)!important}
.webdoc-v18 .youtube-note code{color:#fff4e8!important;background:rgba(192,91,62,.18)!important;border:1px solid rgba(192,91,62,.28)!important;padding:.08em .28em!important;border-radius:2px!important;font-weight:800!important}
.webdoc-v18 .full-report-feature{background:#0c1112!important;color:#f2efe8!important;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.webdoc-v18 .full-report-feature.full-report-feature--photo{background-image:linear-gradient(90deg,rgba(7,11,12,.95) 0%,rgba(7,11,12,.88) 42%,rgba(7,11,12,.68) 68%,rgba(7,11,12,.78) 100%),linear-gradient(180deg,rgba(4,7,8,.28),rgba(4,7,8,.76)),url('assets/images/field/portada-bandera-venezuela.webp')!important;background-size:cover!important;background-position:center 48%!important;background-repeat:no-repeat!important}
.webdoc-v18 .full-report-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(2.2rem,5vw,5.2rem);align-items:center}
.webdoc-v18 .full-report-copy h2{font-size:clamp(3rem,6vw,6.4rem);line-height:.9;letter-spacing:-.055em;margin:.45rem 0 1.5rem;color:#f4f0e8}
.webdoc-v18 .full-report-copy>p{font-family:var(--serif);font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.6;color:#b7bfbb;max-width:720px}
.webdoc-v18 .full-report-meta{margin-top:2.25rem;padding-top:1.35rem;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;gap:.45rem}
.webdoc-v18 .full-report-meta strong{font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.35;color:#fff}
.webdoc-v18 .full-report-meta span{font-family:var(--serif);font-style:italic;color:#d6cfc4;font-size:1.05rem}
.webdoc-v18 .full-report-media{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#151a1c}
.webdoc-v18 .full-report-media>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.04) brightness(.74);transform:scale(1.01)}
.webdoc-v18 .full-report-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(5,8,9,.86) 100%);pointer-events:none}
.webdoc-v18 .full-report-media figcaption{position:absolute;z-index:2;left:clamp(1rem,2vw,1.6rem);right:clamp(1rem,2vw,1.6rem);bottom:clamp(1rem,2vw,1.6rem);display:grid;gap:.8rem}
.webdoc-v18 .full-report-media figcaption>span{font-size:.62rem;letter-spacing:.15em;font-weight:900;color:#f0a48e}
.webdoc-v18 .full-report-open{width:100%!important;max-width:520px;background:rgba(10,15,16,.9)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important;backdrop-filter:blur(8px)}
.webdoc-v18 .full-report-open small{color:#c3cbc7!important;opacity:1!important}
@media(max-width:1100px){
  .webdoc-v18 .full-report-grid{grid-template-columns:1fr!important;gap:2rem!important}
  .webdoc-v18 .full-report-media{aspect-ratio:16/9!important}
  .webdoc-v18 .full-report-copy h2{font-size:clamp(2.8rem,10vw,5rem)!important}
}
@media(max-width:720px){
  .webdoc-v18 .interview-screen--tab-only{min-height:auto!important;padding:1rem!important}
  .webdoc-v18 .full-report-feature{padding-top:3.5rem!important;padding-bottom:3.5rem!important}
  .webdoc-v18 .full-report-feature.full-report-feature--photo{background-position:58% center!important;background-image:linear-gradient(180deg,rgba(7,11,12,.90),rgba(7,11,12,.88)),url('assets/images/field/portada-bandera-venezuela.webp')!important}
  .webdoc-v18 .full-report-media{aspect-ratio:4/3!important}
  .webdoc-v18 .full-report-meta{margin-top:1.5rem!important}
  .webdoc-v18 .full-report-media figcaption{left:.8rem;right:.8rem;bottom:.8rem}
  .webdoc-v18 .full-report-open{padding:.85rem!important}
}



/* V19 production: same-origin assets, no inline style dependency. */
.hero--photo{--hero-photo:url('../images/field/edificio-colapsado.webp')}

.video-tile--extended .video-tile-meta b::after{content:' · EXTENSA';font-size:.68em;letter-spacing:.12em;opacity:.58}


/* =========================================================
   V20 · Colombia + marco político (10/09/2026)
   Material visual incorporado desde el guion facilitado por el cliente.
   ========================================================= */
.webdoc-v20 .regional-echo{background:#e9e4da;color:var(--ink);overflow:hidden}
.webdoc-v20 .regional-echo:before{content:"COLOMBIA";position:absolute;right:-.03em;top:.02em;font-size:clamp(7rem,18vw,18rem);line-height:.8;font-weight:800;letter-spacing:-.08em;color:rgba(18,20,20,.035);pointer-events:none}
.webdoc-v20 .regional-echo-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:clamp(2rem,5vw,5rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.webdoc-v20 .regional-echo-heading h2{font-size:clamp(3.3rem,6.3vw,6.6rem);max-width:980px;margin-bottom:0}
.webdoc-v20 .regional-echo-heading p{font-family:var(--serif);font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.6;color:#5f625e;margin:0}
.webdoc-v20 .regional-echo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:1px;background:#b9b2a7;border:1px solid #b9b2a7}
.webdoc-v20 .regional-echo-map{margin:0;background:#0d1112;position:relative;min-width:0}
.webdoc-v20 .regional-echo-map img{width:100%;height:100%;min-height:420px;object-fit:contain;background:#0d1112}
.webdoc-v20 .regional-echo-map figcaption,.webdoc-v20 .regional-impact figcaption{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.2rem;background:#111617;color:#fff}
.webdoc-v20 .regional-echo-map figcaption span,.webdoc-v20 .regional-impact figcaption span{font-size:.62rem;letter-spacing:.16em;color:#e48a6f;font-weight:900}
.webdoc-v20 .regional-echo-map figcaption strong,.webdoc-v20 .regional-impact figcaption strong{font-family:var(--serif);font-size:1rem;line-height:1.45;font-weight:400;color:#d8ddd9}
.webdoc-v20 .regional-echo-facts{background:#121718;color:#f8f5ee;padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center;gap:1rem}
.webdoc-v20 .regional-echo-facts>span{font-size:.68rem;letter-spacing:.18em;font-weight:900;color:#e47758}
.webdoc-v20 .regional-echo-facts>strong{font-size:clamp(1.4rem,2.1vw,2.1rem);line-height:1.08}
.webdoc-v20 .regional-echo-facts>div{padding:1rem 0;border-top:1px solid rgba(255,255,255,.13);display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.webdoc-v20 .regional-echo-facts b{font-size:clamp(2rem,3vw,3.3rem);line-height:1}
.webdoc-v20 .regional-echo-facts small{font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:#909997}
.webdoc-v20 .regional-echo-facts p{font-family:var(--serif);font-size:1.08rem;line-height:1.55;color:#c6cbc8;margin:.5rem 0 0}
.webdoc-v20 .regional-impact{margin:clamp(1.3rem,2vw,2rem) 0 0;border:1px solid #b9b2a7;background:#0d1112}
.webdoc-v20 .regional-impact img{width:100%;height:auto;max-height:720px;object-fit:contain;background:#0d1112}
.webdoc-v20 .regional-echo-closing{max-width:1080px;margin:clamp(2.2rem,4vw,3.7rem) auto 0;text-align:center;font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.4;color:#444743}
.webdoc-v20 .regional-echo-closing b{color:var(--terracotta)}

.webdoc-v20 .political-context{background:#0b0f10;color:#f7f4ed;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.webdoc-v20 .political-context:before{content:"ESTADO";position:absolute;right:-.02em;top:.08em;font-size:clamp(7rem,19vw,19rem);line-height:.8;font-weight:800;letter-spacing:-.075em;color:rgba(255,255,255,.025);pointer-events:none}
.webdoc-v20 .political-context-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:clamp(2rem,5vw,5rem);align-items:end;margin-bottom:clamp(2.8rem,5vw,4.6rem)}
.webdoc-v20 .political-context-heading h2{font-size:clamp(3.5rem,6.7vw,7rem);max-width:1020px;margin:0}
.webdoc-v20 .political-context-heading p{font-family:var(--serif);font-size:clamp(1.08rem,1.5vw,1.38rem);line-height:1.6;color:#adb6b2;margin:0}
.webdoc-v20 .political-context-montage{margin:0;border:1px solid rgba(255,255,255,.16);background:#111718}
.webdoc-v20 .political-context-montage img{width:100%;height:auto;max-height:850px;object-fit:contain;background:#111718}
.webdoc-v20 .political-context-montage figcaption{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;padding:1rem 1.2rem;border-top:1px solid rgba(255,255,255,.12);background:#111718}
.webdoc-v20 .political-context-montage figcaption span{font-size:.63rem;letter-spacing:.16em;font-weight:900;color:#e27657;white-space:nowrap}
.webdoc-v20 .political-context-montage figcaption strong{font-family:var(--serif);font-weight:400;color:#c5ceca;line-height:1.45}
.webdoc-v20 .political-context-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);margin-top:clamp(1.3rem,2vw,2rem)}
.webdoc-v20 .political-context-cards article{background:#0f1415;padding:clamp(1.5rem,2.5vw,2.3rem);min-height:250px}
.webdoc-v20 .political-context-cards span{font-size:.63rem;letter-spacing:.16em;font-weight:900;color:#e27657}
.webdoc-v20 .political-context-cards h3{font-size:clamp(1.45rem,2.1vw,2.25rem);margin:1rem 0}
.webdoc-v20 .political-context-cards p{font-family:var(--serif);font-size:1.02rem;line-height:1.55;color:#aeb6b3;margin:0}
.webdoc-v20 .political-border-row{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:clamp(2rem,4vw,4rem);align-items:stretch;margin-top:clamp(3rem,6vw,5.5rem)}
.webdoc-v20 .political-border-row figure{margin:0;border:1px solid rgba(255,255,255,.15);background:#0f1516;display:flex;align-items:center}
.webdoc-v20 .political-border-row figure img{width:100%;height:100%;max-height:580px;object-fit:contain}
.webdoc-v20 .political-question{border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:clamp(2rem,4vw,3.4rem) 0;display:flex;flex-direction:column;justify-content:center}
.webdoc-v20 .political-question>span{font-size:.65rem;letter-spacing:.18em;font-weight:900;color:#e27657}
.webdoc-v20 .political-question h3{font-size:clamp(2rem,3.7vw,4rem);line-height:.98;margin:1rem 0 1.4rem;max-width:600px}
.webdoc-v20 .political-question p{font-family:var(--serif);font-size:1.15rem;color:#aeb7b3;max-width:560px}
.webdoc-v20 .political-question strong{margin-top:1.5rem;font-size:clamp(1rem,1.7vw,1.5rem);line-height:1.25;color:#fff;max-width:560px}

@media(max-width:1100px){
  .webdoc-v20 .regional-echo-heading,.webdoc-v20 .political-context-heading{grid-template-columns:1fr!important;gap:1.25rem!important}
  .webdoc-v20 .regional-echo-grid,.webdoc-v20 .political-border-row{grid-template-columns:1fr!important}
  .webdoc-v20 .political-context-cards{grid-template-columns:1fr!important}
  .webdoc-v20 .regional-echo-map img{min-height:0!important}
  .webdoc-v20 .political-context-montage figcaption{grid-template-columns:1fr!important;gap:.45rem!important}
  .webdoc-v20 .political-context-montage figcaption span{white-space:normal!important}
  .webdoc-v20 .political-border-row figure img{height:auto!important;max-height:none!important}
}
@media(max-width:600px){
  .webdoc-v20 .regional-echo,.webdoc-v20 .political-context{padding:4rem 0!important}
  .webdoc-v20 .regional-echo-heading h2,.webdoc-v20 .political-context-heading h2{font-size:clamp(2.55rem,11.5vw,3.6rem)!important;line-height:.94!important}
  .webdoc-v20 .regional-echo-facts{padding:1.35rem!important}
  .webdoc-v20 .regional-echo-closing{text-align:left!important;font-size:1.25rem!important}
  .webdoc-v20 .political-context-cards article{min-height:0!important;padding:1.35rem!important}
  .webdoc-v20 .political-context-montage figcaption,.webdoc-v20 .regional-echo-map figcaption,.webdoc-v20 .regional-impact figcaption{padding:.8rem!important}
  .webdoc-v20 .political-question{padding:1.4rem 0!important}
}