:root{--ink:#15262a;--cream:#f7f2df;--teal:#0f6f70;--teal2:#0a5157;--orange:#bd5b2f;--yellow:#f3bd39;--red:#d33f3f;--black:#172024;--pixel:ui-monospace,"Cascadia Mono","Courier New",monospace;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;background:white;padding:.75rem 1rem}.skip:focus{top:1rem}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem);background:rgba(247,242,223,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(21,38,42,.15)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font:800 .9rem var(--pixel);letter-spacing:.08em}.pixels{width:40px;height:16px;background:linear-gradient(90deg,var(--red) 0 20%,transparent 20% 28%,var(--red) 28% 55%,transparent 55% 62%,var(--red) 62% 100%);clip-path:polygon(0 0,23% 0,23% 45%,45% 45%,45% 0,68% 0,68% 45%,100% 45%,100% 100%,73% 100%,73% 66%,47% 66%,47% 100%,20% 100%,20% 67%,0 67%)}.menu-btn{border:0;background:var(--ink);color:white;padding:.7rem 1rem;font:700 .78rem var(--pixel);cursor:pointer}.chapter-nav{position:fixed;z-index:45;top:64px;right:0;width:min(420px,100%);height:calc(100dvh - 64px);background:#142629;color:white;padding:2rem;display:flex;flex-direction:column;gap:.45rem;transform:translateX(105%);transition:.25s}.chapter-nav.open{transform:none}.chapter-nav a{padding:1rem;border:1px solid #355054;text-decoration:none;font:700 .8rem var(--pixel)}.chapter-nav a:hover,.chapter-nav a.active{background:var(--yellow);color:var(--ink)}.hero{min-height:100dvh;padding:9rem clamp(1rem,7vw,7rem) 5rem;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f6f70 0 60%,#0b565d 60%);color:white}.hero-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:48px 48px;transform:perspective(500px) rotateX(62deg) scale(1.7);transform-origin:bottom}.hero:after{content:"";position:absolute;width:48vw;height:48vw;right:-18vw;top:10vh;border:7vw solid rgba(255,255,255,.06);transform:rotate(45deg)}.hero-content{position:relative;z-index:3;max-width:1000px}.eyebrow,.label,.kicker,.mini{font:800 .78rem var(--pixel);letter-spacing:.16em}.hero h1{font:900 clamp(3.8rem,10vw,9.4rem)/.78 var(--pixel);letter-spacing:-.08em;margin:.3rem 0 2rem;text-shadow:7px 7px 0 rgba(151,29,33,.55)}.hero h1 em{font-style:normal;color:var(--yellow)}.lead{font-size:clamp(1.1rem,2.1vw,1.6rem);max-width:720px;line-height:1.45}.start-btn{display:inline-flex;align-items:center;gap:1.5rem;margin-top:2rem;background:var(--yellow);color:var(--ink);padding:1rem 1.25rem;text-decoration:none;font:900 .9rem var(--pixel);box-shadow:7px 7px 0 rgba(0,0,0,.25)}.hero-controller{position:absolute;right:8vw;bottom:9vh;font-size:clamp(3rem,7vw,7rem);opacity:.22;transform:rotate(-8deg);display:flex;gap:2rem}.buttons{letter-spacing:.2em}.scanline{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.05) 6px 7px)}.intro-band{display:grid;grid-template-columns:2fr 1fr;background:var(--ink);color:white;padding:clamp(2rem,6vw,5rem) clamp(1rem,7vw,7rem);gap:4rem;align-items:end}.intro-copy p{font-size:clamp(1.3rem,2.5vw,2.2rem);max-width:900px;line-height:1.25;margin:.8rem 0 0}.stat{border-left:3px solid var(--yellow);padding-left:2rem;display:flex;flex-direction:column}.stat strong{font:900 6rem/1 var(--pixel);color:var(--yellow)}.stat span{font:700 .9rem var(--pixel)}.chapter{padding:6rem clamp(1rem,7vw,7rem);position:relative}.chapter.orange{background:#b85b32;color:#fff8df}.chapter:before{content:"";position:absolute;inset:0;opacity:.08;background:repeating-linear-gradient(135deg,#fff 0 2px,transparent 2px 28px);pointer-events:none}.chapter-head{position:relative;max-width:1100px;margin-bottom:6rem}.chapter-no{font:800 1rem var(--pixel);background:var(--yellow);color:var(--ink);padding:.5rem .7rem}.chapter h2{font:900 clamp(2.8rem,7vw,7rem)/.9 var(--pixel);letter-spacing:-.05em;margin:1rem 0}.chapter h2 span{color:var(--yellow)}.chapter-head>p:last-child{font-size:clamp(1.2rem,2vw,1.7rem);max-width:780px;line-height:1.4}.story-block{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem);align-items:center;min-height:65vh;padding:4rem 0}.story-block.year-hero{grid-template-columns:.4fr 1fr 1.2fr}.year{font:900 clamp(4.8rem,10vw,10rem)/.8 var(--pixel);color:var(--yellow);writing-mode:vertical-rl;transform:rotate(180deg);text-shadow:6px 6px 0 rgba(0,0,0,.18)}.year.small{font-size:clamp(2.8rem,5vw,5rem);writing-mode:horizontal-tb;transform:none;margin-bottom:1rem}.story-copy h3{font:900 clamp(2rem,4vw,4.5rem)/.95 var(--pixel);margin:.2rem 0 1.25rem}.story-copy p{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55;max-width:650px}.photo{margin:0;position:relative;background:var(--yellow);padding:.65rem;box-shadow:18px 18px 0 rgba(26,35,37,.28)}.photo img{display:block;width:100%;max-height:520px;object-fit:cover}.photo figcaption{background:var(--yellow);color:var(--ink);font:800 .7rem var(--pixel);padding:.55rem .25rem 0}.photo.big img{aspect-ratio:16/10}.photo.clean img{object-fit:contain;background:#fff}.tilt-right{transform:rotate(2.5deg)}.tilt-left{transform:rotate(-2.3deg)}.split.reverse figure{order:2}.pixel-divider{height:18px;width:min(600px,80%);margin:2rem auto;background:linear-gradient(90deg,var(--yellow) 0 10%,transparent 10% 14%,var(--yellow) 14% 29%,transparent 29% 34%,var(--yellow) 34% 62%,transparent 62% 67%,var(--yellow) 67% 100%)}.gallery-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1rem;margin:2rem 0 6rem}.gallery-strip img{width:100%;height:280px;object-fit:cover;border:8px solid #f0b52d;box-shadow:10px 10px 0 rgba(0,0,0,.2)}.fact{margin-top:2rem;background:#26363a;border:3px solid var(--yellow);padding:1.25rem;font:700 .9rem/1.45 var(--pixel)}.fact span{color:var(--yellow);display:block;margin-bottom:.6rem}.end-question{margin-top:4rem;padding:clamp(2rem,6vw,5rem);background:var(--ink);border:4px solid var(--yellow);text-align:center}.end-question h3{font:900 clamp(2.2rem,5vw,5rem)/1 var(--pixel);margin:1rem auto;max-width:900px}.end-question p{font-size:1.15rem;max-width:700px;margin:1rem auto 2rem}.end-question a{display:inline-block;background:var(--yellow);color:var(--ink);padding:1rem 1.3rem;text-decoration:none;font:900 .85rem var(--pixel)}.chapters-overview{padding:7rem clamp(1rem,7vw,7rem);background:#f5edda}.overview-head{max-width:900px;margin-bottom:3rem}.overview-head h2{font:900 clamp(2.5rem,6vw,6rem)/.9 var(--pixel);margin:.6rem 0}.overview-head p{font-size:1.25rem;line-height:1.5}.chapter-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card{min-height:180px;padding:1.5rem;border:2px solid var(--ink);display:grid;grid-template-columns:70px 1fr;grid-template-rows:1fr auto;column-gap:1rem;text-decoration:none;background:#fff8e9;transition:.2s}.card:hover,.card.live{transform:translateY(-4px);box-shadow:8px 8px 0 var(--ink);background:var(--yellow)}.card span{grid-row:1/3;font:900 2.4rem var(--pixel)}.card strong{font:900 clamp(1.2rem,2vw,2rem)/1 var(--pixel);align-self:center}.card small{font:700 .76rem var(--pixel);opacity:.7}footer{background:#15262a;color:white;padding:2.5rem clamp(1rem,7vw,7rem);display:flex;justify-content:space-between;gap:2rem;font:700 .78rem var(--pixel)}.domain{color:var(--yellow)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.topbar{height:58px}.brand span:last-child{display:none}.chapter-nav{top:58px;height:calc(100dvh - 58px)}.hero{padding-top:7rem}.hero h1{font-size:clamp(3.2rem,15vw,6rem)}.hero-controller{display:none}.intro-band{grid-template-columns:1fr}.story-block,.story-block.year-hero{grid-template-columns:1fr;min-height:0;padding:3rem 0}.year{writing-mode:horizontal-tb;transform:none;font-size:4.5rem}.split.reverse figure{order:0}.gallery-strip{grid-template-columns:1fr 1fr}.gallery-strip img:first-child{grid-column:1/3}.gallery-strip img{height:200px}.chapter-cards{grid-template-columns:1fr}.chapter h2{font-size:clamp(2.5rem,12vw,5rem)}footer{flex-direction:column}.photo{transform:none!important}.card{grid-template-columns:55px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.card{transition:none}}
.chapter.green{background:#78a94b;color:#fffbe8}.chapter.red{background:#a93636;color:#fff8df}.deep-dive{margin-top:1.5rem;border:2px solid var(--yellow);background:rgba(21,38,42,.88);color:white}.deep-dive summary{cursor:pointer;padding:1rem 1.2rem;font:900 .78rem var(--pixel);color:var(--yellow);list-style:none}.deep-dive summary::-webkit-details-marker{display:none}.deep-dive summary:after{content:' +';float:right}.deep-dive[open] summary:after{content:' −'}.deep-dive>div{padding:0 1.2rem 1.2rem;line-height:1.55}.deep-dive p{font-size:1rem;margin:.4rem 0}.media-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0 5rem}.media-row figure{margin:0}.media-row img{width:100%;aspect-ratio:16/10;object-fit:cover;border:7px solid var(--yellow)}.media-row figcaption{font:700 .68rem var(--pixel);padding-top:.5rem}.quote-question{font:900 clamp(2rem,5vw,4.5rem)/1.08 var(--pixel);max-width:950px;margin:5rem auto;text-align:center}.chapter-jump{display:inline-block;margin-top:1rem;background:var(--yellow);color:var(--ink);padding:.9rem 1rem;text-decoration:none;font:900 .8rem var(--pixel)}
@media(max-width:800px){.media-row{grid-template-columns:1fr}.media-row img{aspect-ratio:16/9}}

/* V3: richer exhibition layer */
.museum-grid,.archive-wall{max-width:1180px;margin:2rem auto 5rem;padding:2rem;border:1px solid rgba(255,255,255,.22);background:rgba(12,18,20,.72);box-shadow:12px 12px 0 rgba(0,0,0,.15)}
.museum-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:start}.museum-grid h3,.archive-wall h3{font-size:clamp(1.6rem,3vw,2.7rem);margin:.4rem 0 1rem}.mini-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mini-cards article{padding:1.2rem;border:2px solid #f4bd39;background:#222;color:#fff}.mini-cards strong{color:#f4bd39;letter-spacing:.06em}.mini-cards p{margin:.6rem 0 0;line-height:1.55}.archive-wall{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem}.thumb-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}.thumb-wall figure{margin:0;background:#f4bd39;padding:.45rem;transform:rotate(-1deg)}.thumb-wall figure:nth-child(even){transform:rotate(1.5deg)}.thumb-wall img{display:block;width:100%;height:180px;object-fit:cover;background:#111}.thumb-wall figcaption{font-size:.72rem;color:#171717;padding:.45rem;font-weight:700;text-transform:uppercase}.chapter.green .museum-grid,.chapter.green .archive-wall{background:rgba(13,54,34,.72)}.chapter.red .museum-grid,.chapter.red .archive-wall{background:rgba(64,19,18,.74)}
@media(max-width:760px){.museum-grid,.archive-wall{grid-template-columns:1fr;padding:1.25rem;margin-bottom:3rem}.mini-cards{grid-template-columns:1fr}.thumb-wall{grid-template-columns:repeat(2,1fr)}.thumb-wall img{height:150px}}

/* V7: återställd utställningskänsla + förbättrad läsbarhet */
.chapter{isolation:isolate;overflow:hidden}
.chapter::before{z-index:-2}
.chapter::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.12;filter:saturate(1.15) contrast(1.05);mix-blend-mode:screen}
#chapter-1::after{background-image:url('assets/bg/ch1.webp')}
#chapter-2::after{background-image:url('assets/bg/ch2.webp')}
#chapter-3::after{background-image:url('assets/bg/ch3.webp')}
#chapter-4::after{background-image:url('assets/bg/ch4.webp')}
#chapter-5::after{background-image:url('assets/bg/ch5.webp')}
#chapter-6::after{background-image:url('assets/bg/ch6.webp')}
#chapter-7::after{background-image:url('assets/bg/ch7.webp')}
#chapter-8::after{background-image:url('assets/bg/ch8.webp')}
.chapter-head,.story-block,.museum-grid,.archive-wall,.media-row,.quote-question,.end-question{position:relative;z-index:1}
.deep-dive,.fact,.museum-grid,.archive-wall{color:#fff}
.deep-dive p,.fact,.museum-grid p,.archive-wall p{color:#fff}
.mini-cards article{background:rgba(19,35,38,.94);color:#fff;border:1px solid rgba(244,189,57,.65)}
.mini-cards article strong{color:var(--yellow)}
.deep-dive summary:hover{background:rgba(244,189,57,.14)}
.photo{transition:transform .22s ease,box-shadow .22s ease}
.photo:hover{transform:translateY(-5px) rotate(0deg);box-shadow:22px 22px 0 rgba(26,35,37,.34)}
.gallery-strip img,.media-row img,.thumb-wall figure{transition:transform .2s ease,filter .2s ease}
.gallery-strip img:hover,.media-row img:hover,.thumb-wall figure:hover{transform:translateY(-5px) scale(1.015);filter:saturate(1.1)}
.card:hover{transform:translateY(-6px) rotate(-.4deg)}
@media(max-width:760px){.chapter::after{opacity:.07;background-position:top center}.photo:hover,.gallery-strip img:hover,.media-row img:hover,.thumb-wall figure:hover{transform:none}}
/* V8: rena kapitelbakgrunder – grundfärg + diagonala vita streck, inga rollupbilder */
.chapter::after{display:none!important;background-image:none!important}
.chapter.teal{background:#268c8d;color:#fff8df}
.chapter::before{z-index:-1!important;opacity:.10!important;background:repeating-linear-gradient(135deg,rgba(255,255,255,.95) 0 2px,transparent 2px 30px)!important}

/* Chapter 1 design system, V17.
   Single owner for spacing, media layout, and responsive order.
   Avoid version-specific overrides or element-by-element margin patches. */
:is(#chapter-1,#chapter-2) {
  --exhibit-image-gap: 2rem;
  --exhibit-content-gap: 2.5rem;
  --exhibit-section-gap: 5rem;
  --exhibit-column-gap: clamp(2rem, 5vw, 5rem);
}
:is(#chapter-1,#chapter-2) .story-block.split {
  min-height:0;
  padding:0;
  margin:var(--exhibit-section-gap) 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:var(--exhibit-column-gap);
  align-items:start;
}
:is(#chapter-1,#chapter-2) .story-block.split > * {min-width:0;align-self:start;}
:is(#chapter-1,#chapter-2) .story-block.split:not(.reverse) > .story-copy {grid-column:1;grid-row:1;}
:is(#chapter-1,#chapter-2) .story-block.split:not(.reverse) > :is(.v11-image-stack,.v11-home-images,figure.photo) {grid-column:2;grid-row:1;}
:is(#chapter-1,#chapter-2) .story-block.split.reverse > .story-copy {grid-column:2;grid-row:1;}
:is(#chapter-1,#chapter-2) .story-block.split.reverse > :is(.v11-image-stack,.v11-home-images,figure.photo) {grid-column:1;grid-row:1;order:initial;}
:is(#chapter-1,#chapter-2) .story-copy .year.small {font-size:clamp(3.6rem,7.4vw,7.5rem);line-height:1.05;transform:none;display:block;margin:0 0 1.5rem;}
:is(#chapter-1,#chapter-2) .story-copy p {max-width:690px;}
:is(#chapter-1,#chapter-2) .story-copy :is(.fact,.deep-dive,.v12-video-wrap) {margin-top:var(--exhibit-content-gap);}
:is(#chapter-1,#chapter-2) .story-copy .fact {font:500 1rem/1.55 var(--sans);}
:is(#chapter-1,#chapter-2) .fact span {font:900 .85rem var(--pixel);}
:is(#chapter-1,#chapter-2) .v11-image-stack, :is(#chapter-1,#chapter-2) .v11-home-images {
 display:flex;flex-direction:column;align-items:stretch;gap:var(--exhibit-image-gap);
 margin:0;
}
:is(#chapter-1,#chapter-2) :is(.v11-image-stack,.v11-home-images) > .photo {width:100%;margin:0;}
:is(#chapter-1,#chapter-2) .v11-secondary-image {width:min(76%,390px);align-self:center;margin:0;}
:is(#chapter-1,#chapter-2) .v11-secondary-image > figure {margin:0;}
:is(#chapter-1,#chapter-2) .v12-schematic {width:min(95%,510px);}
:is(#chapter-1,#chapter-2) .photo {margin:0;transition:transform .22s ease,box-shadow .22s ease;}
:is(#chapter-1,#chapter-2) .photo.tilt-left {transform:rotate(-2.3deg);}
:is(#chapter-1,#chapter-2) .photo.tilt-right {transform:rotate(2.5deg);}
:is(#chapter-1,#chapter-2) .photo:hover {transform:translateY(-5px) rotate(0);}
:is(#chapter-1,#chapter-2) .photo img {display:block;width:100%;height:auto;max-height:none;object-fit:cover;background:transparent;}
:is(#chapter-1,#chapter-2) .story-block .photo:not(.clean) img {aspect-ratio: 1.24 / 1;}
:is(#chapter-1,#chapter-2) .story-block .photo.clean img {object-fit:contain;background:white;}
:is(#chapter-1,#chapter-2) .v14-schematic-figure img {aspect-ratio:auto!important;height:auto;object-fit:contain;background:white;}
:is(#chapter-1,#chapter-2) .v12-space-frame img {aspect-ratio:1.05 / 1!important;object-fit:cover;object-position:center 34%;}
:is(#chapter-1,#chapter-2) .v11-home-images .v11-console-image {aspect-ratio:1.35 / 1!important;object-fit:contain;background:#fff;}
:is(#chapter-1,#chapter-2) .v11-home-images > .exhibit-media-secondary {width:min(76%,390px);align-self:center;}
:is(#chapter-1,#chapter-2) .v11-home-images > .exhibit-media-secondary img {aspect-ratio:1.35 / 1;}
:is(#chapter-1,#chapter-2) .v9-section {margin:var(--exhibit-section-gap) 0;}
:is(#chapter-1,#chapter-2) .v9-section-heading {max-width:900px;margin:0 0 var(--exhibit-content-gap);}
:is(#chapter-1,#chapter-2) .v9-section-heading h3 {font:900 clamp(2rem,4.5vw,4.2rem)/1 var(--pixel);margin:.6rem 0 1.5rem;}
:is(#chapter-1,#chapter-2) .v9-section-heading p {font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6;}
:is(#chapter-1,#chapter-2) .v9-gallery {display:grid;gap:var(--exhibit-image-gap);align-items:start;}
:is(#chapter-1,#chapter-2) .v9-gallery.two {grid-template-columns:repeat(2,minmax(0,1fr));max-width:1050px;margin-inline:auto;}
:is(#chapter-1,#chapter-2) .v9-gallery.three {grid-template-columns:repeat(3,minmax(0,1fr));}
:is(#chapter-1,#chapter-2) .v9-gallery figure {min-width:0;}
:is(#chapter-1,#chapter-2) .v9-gallery .photo:nth-child(odd) {transform:rotate(-1.2deg);}
:is(#chapter-1,#chapter-2) .v9-gallery .photo:nth-child(even) {transform:rotate(1.3deg);}
:is(#chapter-1,#chapter-2) .v9-gallery .photo:hover {transform:translateY(-5px) rotate(0);}
:is(#chapter-1,#chapter-2) .v9-gallery img {aspect-ratio:1/1;object-fit:cover;background:transparent;}
:is(#chapter-1,#chapter-2) .v9-gallery + :is(.fact,.deep-dive,.v12-video-wrap) {margin-top:var(--exhibit-content-gap);}
:is(#chapter-1,#chapter-2) .v9-detail-image {display:block;width:min(100%,520px);height:auto;object-fit:contain;border:7px solid var(--yellow);margin-top:1rem;}
:is(#chapter-1,#chapter-2) .v12-comparison {display:grid;grid-template-columns:minmax(0,1fr);gap:var(--exhibit-image-gap);width:100%;}
:is(#chapter-1,#chapter-2) .v12-comparison figure {display:block;position:static;float:none;min-width:0;width:100%;margin:0;background:transparent;transform:none;}
:is(#chapter-1,#chapter-2) .v12-comparison figure img {display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:transparent;}
:is(#chapter-1,#chapter-2) .v12-comparison figcaption {display:block;position:static;white-space:normal;line-height:1.45;overflow-wrap:anywhere;font-size:.8rem;margin:.45rem 0 0;padding:0;}
:is(#chapter-1,#chapter-2) .v12-video-wrap {width:min(100%,650px);margin-inline:auto;}
:is(#chapter-1,#chapter-2) .v12-video-label {font:900 .75rem/1.5 var(--pixel);margin:0 0 .65rem;color:var(--yellow);}
:is(#chapter-1,#chapter-2) .v12-video-shell {position:relative;width:100%;aspect-ratio:16/9;border:9px solid var(--yellow);background:#142629;box-shadow:12px 12px 0 rgba(0,0,0,.2);overflow:hidden;}
:is(#chapter-1,#chapter-2) .v12-video-shell iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
:is(#chapter-1,#chapter-2) .v12-video-play {width:100%;height:100%;border:0;background:transparent;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;font:800 clamp(.8rem,1.3vw,1rem)/1.4 var(--pixel);padding:1rem;}
:is(#chapter-1,#chapter-2) .v12-play-glyph {display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--yellow);color:#142629;font-size:2rem;}
:is(#chapter-1,#chapter-2) .v12-video-note {font-size:.82rem;line-height:1.4;margin:.8rem 0 0;opacity:.85;}
@media(max-width:800px){
 :is(#chapter-1,#chapter-2) {--exhibit-image-gap:2rem;--exhibit-content-gap:2.5rem;--exhibit-section-gap:4rem;}
 :is(#chapter-1,#chapter-2) .story-block.split {display:flex;flex-direction:column;gap:var(--exhibit-content-gap);}
 :is(#chapter-1,#chapter-2) .story-block.split > .story-copy {order:0;width:100%;}
 :is(#chapter-1,#chapter-2) .story-block.split > :is(.v11-image-stack,.v11-home-images,figure.photo) {order:1;width:100%;}
 :is(#chapter-1,#chapter-2) .story-block.split > .v13-mobile-extra {order:2;width:100%;margin:0;}
 :is(#chapter-1,#chapter-2) .story-block.split > .v13-mobile-extra + .v13-mobile-extra {margin-top:0;}
 :is(#chapter-1,#chapter-2) .v9-gallery.two {grid-template-columns:1fr;}
 :is(#chapter-1,#chapter-2) .v9-gallery.three {grid-template-columns:repeat(2,minmax(0,1fr));}
 :is(#chapter-1,#chapter-2) .v9-gallery.three figure:first-child {grid-column:1/-1;}
 :is(#chapter-1,#chapter-2) .v11-secondary-image {width:min(76%,390px);}
 :is(#chapter-1,#chapter-2) .v11-home-images > .exhibit-media-secondary {width:min(76%,390px);}
 :is(#chapter-1,#chapter-2) .v12-video-shell {border-width:7px;}
}
@media(max-width:520px){
 :is(#chapter-1,#chapter-2) .v9-gallery.three {grid-template-columns:1fr;}
 :is(#chapter-1,#chapter-2) .v9-gallery.three figure:first-child {grid-column:auto;}
}

/* Chapter 1 layout contract (V19): semantic DOM order is always copy then media.
   Desktop alternates columns using .reverse; mobile uses DOM order.
   Explicit grid tracks avoid grid-area/grid-column shorthand conflicts. */
@media (min-width:801px) {
  :is(#chapter-1,#chapter-2) .story-block.split > .story-copy {grid-column:1;grid-row:1;order:0;}
  :is(#chapter-1,#chapter-2) .story-block.split > :is(.v11-image-stack,.v11-home-images,figure.photo) {grid-column:2;grid-row:1;order:0;}
  :is(#chapter-1,#chapter-2) .story-block.split.reverse > .story-copy {grid-column:2;grid-row:1;order:0;}
  :is(#chapter-1,#chapter-2) .story-block.split.reverse > :is(.v11-image-stack,.v11-home-images,figure.photo) {grid-column:1;grid-row:1;order:0;}
}
:is(#chapter-1,#chapter-2) :is(.v11-image-stack,.v11-home-images) > .exhibit-media-primary {order:0;}
:is(#chapter-1,#chapter-2) :is(.v11-image-stack,.v11-home-images) > .exhibit-media-secondary {order:1;}
@media (max-width:800px) {
  :is(#chapter-1,#chapter-2) .story-block.split, :is(#chapter-1,#chapter-2) .story-block.split.reverse {display:flex;flex-direction:column;}
  :is(#chapter-1,#chapter-2) .story-block.split > .story-copy {order:0;}
  :is(#chapter-1,#chapter-2) .story-block.split > :is(.v11-image-stack,.v11-home-images,figure.photo) {order:1;}
  :is(#chapter-1,#chapter-2) .story-block.split > .v13-mobile-extra {order:2;}
}

/* V23: chapter 2. All evolution cards use the same structural image/label rows.
   Arrow is in a dedicated grid column, vertically centered on the images. */
#chapter-2 .v11-image-stack > .v11-secondary-image {width:min(76%,390px);align-self:center;flex:none;}
#chapter-2 .v11-image-stack > .v11-secondary-image > .photo {width:100%;margin:0;}
#chapter-2 .v11-image-stack > .v11-secondary-image img {aspect-ratio:1.24/1;}
#chapter-2 img[src$="gameboy-v23.webp"] {aspect-ratio:3/4!important;object-fit:cover!important;background:transparent;}
#chapter-2 .v22-map-comparison {display:grid;grid-template-columns:1fr;gap:var(--exhibit-image-gap);margin-top:1.4rem;}
#chapter-2 .v22-map-comparison .photo {transform:none;margin:0;}
#chapter-2 .v22-map-comparison img {display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;background:#fff;border:5px solid var(--yellow);}
#chapter-2 .v22-map-comparison figcaption {font-size:.83rem;line-height:1.5;}
#chapter-2 .v22-genre-evolution {margin:clamp(4rem,8vw,7rem) 0;position:relative;z-index:1;}
#chapter-2 .v22-evolution-head {max-width:840px;margin:0 auto 2.5rem;text-align:center;}
#chapter-2 .v22-evolution-head h3 {font:900 clamp(2rem,4.2vw,4rem)/1.08 var(--pixel);margin:.6rem 0 1rem;}
#chapter-2 .v22-evolution-head p {font-size:clamp(1.04rem,1.5vw,1.25rem);line-height:1.6;}
#chapter-2 .v22-evolution-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--exhibit-image-gap);}
#chapter-2 .v22-evolution-card {min-width:0;padding:clamp(1rem,2vw,1.65rem);background:rgba(13,49,53,.9);border:2px solid rgba(255,255,255,.26);box-shadow:9px 9px 0 rgba(0,0,0,.17);}
#chapter-2 .v22-evolution-genre {display:inline-block;color:var(--yellow);font:900 .75rem/1.4 var(--pixel);letter-spacing:.04em;margin-bottom:1.2rem;}
#chapter-2 .v22-evolution-track {display:block;min-width:0;}
#chapter-2 .v23-evolution-images {display:grid;grid-template-columns:minmax(0,1fr) clamp(32px,4vw,44px) minmax(0,1fr);column-gap:.55rem;align-items:center;min-width:0;}
#chapter-2 .v22-evolution-picture {width:100%;min-width:0;aspect-ratio:1.15/1;border:5px solid var(--yellow);overflow:hidden;background:transparent;}
#chapter-2 .v22-evolution-picture img {width:100%;height:100%;object-fit:cover;display:block;}
#chapter-2 .v23-evolution-arrow {display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;color:var(--yellow);font-size:clamp(1.8rem,3vw,2.7rem);line-height:1;white-space:nowrap;}
#chapter-2 .v23-evolution-labels {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:calc(clamp(32px,4vw,44px) + 1.1rem);}
#chapter-2 .v23-evolution-label {min-width:0;}
#chapter-2 .v22-evolution-name {font:800 clamp(.85rem,1.35vw,1.1rem)/1.3 var(--sans);margin:.75rem 0 .25rem;overflow-wrap:anywhere;}
#chapter-2 .v22-evolution-year {font:900 .85rem var(--pixel);color:var(--yellow);}
#chapter-2 .v22-evolution-description {line-height:1.55;margin:1.3rem 0 0;opacity:.94;}
@media(max-width:1000px){#chapter-2 .v22-evolution-grid {grid-template-columns:1fr;max-width:660px;margin-inline:auto;}}
@media(max-width:520px){#chapter-2 .v22-evolution-card {padding:1rem;}#chapter-2 .v23-evolution-images {grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);column-gap:.3rem;}#chapter-2 .v23-evolution-labels {column-gap:calc(28px + .6rem);}#chapter-2 .v22-evolution-picture {border-width:3px;}#chapter-2 .v22-evolution-genre {font-size:.69rem;}#chapter-2 .v22-evolution-name {font-size:.83rem;}#chapter-2 .v23-evolution-arrow {font-size:1.65rem;}}

/* V25: shared media-video placement. Video follows the image on desktop;
   the existing mobile semantic ordering script moves it after facts and deep dives. */
#chapter-2 .v11-image-stack > .exhibit-media-video {
  width:100%; max-width:100%; margin:var(--exhibit-image-gap) 0 0; align-self:stretch;
}
#chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure {
  width:min(58%,310px); align-self:center; margin:0;
}
#chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure img {
  display:block; width:100%; aspect-ratio:3/4; object-fit:cover;
}
@media(max-width:800px){
  #chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure {width:min(62%,280px);}
  #chapter-2 .story-block.split > .exhibit-media-video.v13-mobile-extra {
    width:100%; max-width:100%; margin:0; order:3;
  }
}

/* V26: moderately larger Game Boy, using the existing central figure component. */
#chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure {width:min(76%,390px);}
@media(max-width:800px){#chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure {width:min(78%,350px);}}

/* Chapter 3: reusable semantic layout contract, no per-segment overrides. */
#chapter-3 .story-block.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
#chapter-3 .story-block.split>.story-copy{grid-column:1;grid-row:1;min-width:0}
#chapter-3 .story-block.split>.v11-image-stack{grid-column:2;grid-row:1;min-width:0}
#chapter-3 .story-block.split.reverse>.story-copy{grid-column:2}
#chapter-3 .story-block.split.reverse>.v11-image-stack{grid-column:1}
#chapter-3 .v11-image-stack{display:flex;flex-direction:column;gap:var(--exhibit-image-gap,1.5rem)}
#chapter-3 .v11-image-stack .photo{margin:0}
#chapter-3 .v27-rpg-evolution,#chapter-3 .v27-cinema{max-width:1180px;margin:clamp(4rem,8vw,7rem) auto}
#chapter-3 .v27-section-intro{max-width:900px;margin:0 auto 2rem;text-align:center}
#chapter-3 .v27-section-intro h3{font:900 clamp(1.8rem,3.6vw,3.6rem)/1.1 var(--pixel);margin:.65rem 0 1rem}
#chapter-3 .v27-section-intro p{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}
#chapter-3 .v27-rpg-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.8vw,1.4rem)}
#chapter-3 .v27-rpg-card{min-width:0;position:relative;background:rgba(20,18,45,.84);border:2px solid rgba(255,255,255,.22);padding:.75rem;box-shadow:7px 7px 0 rgba(0,0,0,.15)}
#chapter-3 .v27-rpg-card:not(:last-child):after{content:'→';position:absolute;right:-1.35rem;top:30%;z-index:3;color:var(--yellow);font:900 2rem var(--pixel);text-shadow:1px 2px #161324}
#chapter-3 .v27-rpg-image{aspect-ratio:4/3;border:5px solid var(--yellow);overflow:hidden}
#chapter-3 .v27-rpg-image img{width:100%;height:100%;display:block;object-fit:cover}
#chapter-3 .v27-rpg-meta{padding:.9rem .3rem .4rem}
#chapter-3 .v27-rpg-meta>span{font:800 .65rem var(--pixel);color:var(--yellow)}
#chapter-3 .v27-rpg-meta h4{font:900 clamp(1.15rem,2vw,1.8rem)/1.15 var(--pixel);margin:.6rem 0 .25rem}
#chapter-3 .v27-rpg-meta strong{color:var(--yellow);font:800 .8rem var(--pixel)}
#chapter-3 .v27-rpg-meta p{line-height:1.5;margin:.8rem 0 0}
#chapter-3 .v27-rpg-footnote{text-align:center;max-width:760px;margin:1.8rem auto 0;line-height:1.6}
#chapter-3 .v27-cinema-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
#chapter-3 .v27-cinema-gallery figure{margin:0;min-width:0}
#chapter-3 .v27-cinema-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:7px solid var(--yellow);transform:rotate(-1deg)}
#chapter-3 .v27-cinema-gallery figure:nth-child(2) img{transform:rotate(1deg)}
#chapter-3 .v27-cinema-gallery figcaption{font:700 .72rem/1.6 var(--pixel);padding:.7rem .2rem}
@media(max-width:900px){#chapter-3 .v27-rpg-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}#chapter-3 .v27-rpg-card:nth-child(2):after{display:none}}
@media(max-width:800px){#chapter-3 .story-block.split,#chapter-3 .story-block.split.reverse{display:flex;flex-direction:column;gap:var(--exhibit-image-gap,1.8rem)}#chapter-3 .story-block.split>.story-copy{order:0;width:100%}#chapter-3 .story-block.split>.v11-image-stack{order:1;width:100%}#chapter-3 .v27-cinema-gallery{grid-template-columns:1fr;max-width:540px;margin:auto}#chapter-3 .v27-cinema-gallery img{aspect-ratio:16/10}}
@media(max-width:520px){#chapter-3 .v27-rpg-track{grid-template-columns:1fr;max-width:440px;margin:auto;gap:2.1rem}#chapter-3 .v27-rpg-card:not(:last-child):after{right:50%;top:auto;bottom:-2.2rem;transform:translateX(50%) rotate(90deg)}#chapter-3 .v27-rpg-image{aspect-ratio:16/9}}

/* V29: chapter 3 uses the same rust-red striped chapter theme and typography as chapter 1. */
#chapter-3.chapter.orange{background:#b85b32;color:#fff8df;font-family:var(--sans)}
#chapter-3 .v27-rpg-card{background:rgba(50,20,17,.86);color:#fff;border-color:rgba(255,255,255,.35)}
#chapter-3 .v27-rpg-meta,#chapter-3 .v27-rpg-meta h4,#chapter-3 .v27-rpg-meta p{color:#fff8df}
#chapter-3 .v27-rpg-meta>span,#chapter-3 .v27-rpg-meta strong{color:var(--yellow)}
#chapter-3 .v11-secondary-image{width:min(75%,390px);align-self:center;margin:0}
#chapter-3 .v11-secondary-image figure{margin:0}
#chapter-3 .v11-secondary-image img{width:100%;height:auto;display:block;object-fit:cover}
@media(max-width:800px){#chapter-3 .v11-secondary-image{width:min(78%,360px)}}


/* V30: shared exhibition layout tokens. Apply to all completed chapters. */
:is(#chapter-1,#chapter-2,#chapter-3){
 --exhibit-image-gap:2rem;
 --exhibit-content-gap:2.5rem;
 --exhibit-section-gap:5rem;
 --exhibit-column-gap:clamp(2rem,5vw,5rem);
 --exhibit-head-gap:var(--exhibit-section-gap);
}
/* Standardize the first segment's start and all following section boundaries. */
:is(#chapter-1,#chapter-2,#chapter-3)>.chapter-head{margin:0 0 var(--exhibit-head-gap);}
:is(#chapter-1,#chapter-2,#chapter-3)>.chapter-head + :is(.story-block,.v9-section,.v27-rpg-evolution,.v27-cinema){margin-top:0;}
:is(#chapter-1,#chapter-2,#chapter-3)>.story-block.split{min-height:0;padding:0;margin:0 0 var(--exhibit-section-gap);}
:is(#chapter-1,#chapter-2,#chapter-3)>.v9-section,
:is(#chapter-1,#chapter-2,#chapter-3)>.v27-rpg-evolution,
:is(#chapter-1,#chapter-2,#chapter-3)>.v27-cinema,
:is(#chapter-1,#chapter-2,#chapter-3)>.v22-genre-evolution{margin:0 0 var(--exhibit-section-gap);}
/* Gallery-type sections have one common centered introduction. */
:is(#chapter-1,#chapter-2,#chapter-3) :is(.v9-section-heading,.v27-section-intro,.v22-evolution-head){max-width:900px;margin:0 auto var(--exhibit-content-gap);text-align:center;}
/* Chapter 3: same story layout as chapter 1/2, semantic media order and spacing. */
#chapter-3 .story-block.split{column-gap:var(--exhibit-column-gap);align-items:start;}
#chapter-3 .story-block.split>.v11-image-stack{display:flex;flex-direction:column;align-items:stretch;gap:var(--exhibit-image-gap);}
#chapter-3 .v11-image-stack>.exhibit-media-primary{order:0;width:100%;}
#chapter-3 .v11-image-stack>.exhibit-media-secondary{order:1;width:min(76%,390px);align-self:center;}
#chapter-3 .v11-image-stack>.exhibit-media-video{order:2;margin:0;width:100%;}
#chapter-3 .story-copy .year.small{font-size:clamp(3.6rem,7.4vw,7.5rem);line-height:1.05;display:block;margin:0 0 1.5rem;}
#chapter-3 .story-copy :is(.fact,.deep-dive,.v12-video-wrap){margin-top:var(--exhibit-content-gap);}
#chapter-3 .story-copy .fact{font:500 1rem/1.55 var(--sans);}
#chapter-3 .story-copy .fact span{font:900 .85rem var(--pixel);}
/* RPG progression: match chapter 2 card surfaces and keep arrows centered on the images. */
#chapter-3 .v27-rpg-card{background:rgba(13,49,53,.9);border:2px solid rgba(255,255,255,.26);box-shadow:9px 9px 0 rgba(0,0,0,.17);color:#fff8df;}
#chapter-3 .v27-rpg-card:not(:last-child):after{top:calc(.75rem + (100vw - 2 * clamp(1rem,7vw,7rem) - 3 * clamp(.75rem,1.8vw,1.4rem))/4 * .375);transform:translateY(-50%);right:-1.35rem;}
#chapter-3 .v27-rpg-definition{margin-top:1rem;}
#chapter-3 .v27-rpg-footnote{display:none;}
/* Reuse the same photo/figcaption framing as the chapter 1 arcade gallery. */
#chapter-3 .v27-cinema-gallery{gap:var(--exhibit-image-gap);align-items:start;}
#chapter-3 .v27-cinema-gallery .photo{padding:.65rem;background:var(--yellow);box-shadow:18px 18px 0 rgba(26,35,37,.28);transform:rotate(-1.2deg);}
#chapter-3 .v27-cinema-gallery .photo:nth-child(even){transform:rotate(1.3deg);}
#chapter-3 .v27-cinema-gallery .photo img{transform:none;width:100%;aspect-ratio:1/1;object-fit:cover;border:0;background:transparent;}
#chapter-3 .v27-cinema-gallery .photo figcaption{background:var(--yellow);color:var(--ink);font:800 .7rem var(--pixel);padding:.55rem .25rem 0;}
@media(max-width:900px){
 #chapter-3 .v27-rpg-card:not(:last-child):after{top:calc(.75rem + (100vw - 2 * clamp(1rem,7vw,7rem) - 1.6rem)/2 * .375);}
}
@media(max-width:800px){
 :is(#chapter-1,#chapter-2,#chapter-3){--exhibit-section-gap:4rem;--exhibit-head-gap:4rem;}
 #chapter-3 .story-block.split>.v13-mobile-extra{order:2;width:100%;margin:0;}
 #chapter-3 .story-block.split>.v13-mobile-extra.v12-video-wrap{order:3;}
 #chapter-3 .v27-cinema-gallery .photo{transform:none;}
 #chapter-3 .v27-rpg-card:not(:last-child):after{top:calc(.75rem + (100vw - 2 * clamp(1rem,7vw,7rem) - 1.6rem)/2 * .375);}
}
@media(max-width:520px){
 #chapter-3 .v27-rpg-card:not(:last-child):after{top:auto;bottom:-2.2rem;right:50%;transform:translateX(50%) rotate(90deg);}
}
/* V30 arrow geometry: anchor the arrow to the actual image, not the variable-height card. */
#chapter-3 .v27-rpg-card:not(:last-child)::after{content:none;}
#chapter-3 .v27-rpg-card:not(:last-child) .v27-rpg-image{position:relative;overflow:visible;}
#chapter-3 .v27-rpg-card:not(:last-child) .v27-rpg-image::after{content:'→';position:absolute;left:calc(100% + .3rem);top:50%;transform:translateY(-50%);z-index:4;color:var(--yellow);font:900 2rem/1 var(--pixel);text-shadow:1px 2px #161324;}
@media(max-width:520px){
 #chapter-3 .v27-rpg-card:not(:last-child) .v27-rpg-image::after{left:50%;top:calc(100% + 1.4rem);transform:translateX(-50%) rotate(90deg);}
}


/* V31: one shared video presentation for all finished chapters. */
:is(#chapter-1,#chapter-2,#chapter-3) .v12-video-wrap{width:min(100%,650px);margin-inline:auto;min-width:0}
:is(#chapter-1,#chapter-2,#chapter-3) .v12-video-label{font:900 .75rem/1.5 var(--pixel);margin:0 0 .65rem;color:#fff8df}
:is(#chapter-1,#chapter-2,#chapter-3) .v12-video-shell{position:relative;width:100%;aspect-ratio:16/9;border:9px solid var(--yellow);background:#142629;box-shadow:12px 12px 0 rgba(0,0,0,.2);overflow:hidden}
:is(#chapter-1,#chapter-2,#chapter-3) .v12-video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
:is(#chapter-1,#chapter-2,#chapter-3) .v12-video-play{width:100%;height:100%;border:0;background:transparent;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;font:800 clamp(.8rem,1.3vw,1rem)/1.4 var(--pixel);padding:1rem}
:is(#chapter-1,#chapter-2,#chapter-3) .v12-video-note{font-size:.82rem;line-height:1.4;margin:.8rem 0 0;opacity:.85}
/* The RPG track uses real grid cells for arrows, rather than fragile pseudo-elements. */
#chapter-3 .v27-rpg-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr) 34px) minmax(0,1fr);gap:0;align-items:stretch}
#chapter-3 .v27-rpg-card{min-width:0;border:0!important;background:rgba(13,49,53,.9);padding:.75rem;box-shadow:9px 9px 0 rgba(0,0,0,.17)}
#chapter-3 .v27-rpg-card::after,#chapter-3 .v27-rpg-image::after{content:none!important}
#chapter-3 .v31-rpg-arrow{display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:2;color:var(--yellow);font:900 2rem/1 var(--pixel);padding-top:calc((100% * 0) + .75rem + (min(18vw,220px) / 2) - 1rem)}
/* Arrow centers align to the image, not the taller text card. */
#chapter-3 .v27-rpg-track{--rpg-image-width:calc((100% - 102px) / 4 - 1.5rem)}
#chapter-3 .v31-rpg-arrow{padding-top:calc(.75rem + var(--rpg-image-width) * .375 - 1rem)}
:is(#chapter-1,#chapter-2,#chapter-3) .end-question h3 + a{margin-top:clamp(1.25rem,3vw,2.5rem)}
@media(max-width:900px){
 #chapter-3 .v27-rpg-track{grid-template-columns:minmax(0,1fr);max-width:440px;margin-inline:auto;gap:0}
 #chapter-3 .v31-rpg-arrow{height:52px;padding:0;align-items:center;transform:rotate(90deg)}
}
@media(max-width:800px){
 :is(#chapter-1,#chapter-2,#chapter-3) .v12-video-shell{border-width:7px}
 #chapter-3 .story-block.split>.v13-mobile-extra.v12-video-wrap{order:3}
}

/* V32: chapter 3 adopts chapter 5's green palette, including its background treatment. */
#chapter-3.chapter.green{background:#78a94b;color:#fffbe8;font-family:var(--sans)}
#chapter-3::after{background-image:none!important}
/* RPG arrows: measure width against the entire track, never the 34px arrow column. */
#chapter-3 .v27-rpg-track{container-type:inline-size}
@media(min-width:901px){
 #chapter-3 .v31-rpg-arrow{padding-top:0!important;align-self:start;justify-self:center;margin-top:calc(.75rem + ((100cqw - 102px)/4 - 1.5rem)*.375 - 1rem);}
}
@media(max-width:900px){#chapter-3 .v31-rpg-arrow{margin-top:0;padding:0!important;align-items:center;}}
/* V32: chapter 4 uses the same chapter layout, media order and spacing tokens. */
#chapter-4{--exhibit-section-gap:clamp(4.5rem,7vw,7rem);--exhibit-head-gap:clamp(3rem,6vw,5rem);--exhibit-image-gap:1.3rem;--exhibit-content-gap:1.8rem;--exhibit-column-gap:clamp(2rem,6vw,7rem)}
#chapter-4::after{background-image:none!important}
#chapter-4>.chapter-head{margin:0 0 var(--exhibit-head-gap)}
#chapter-4>.story-block,#chapter-4>.v32-gallery,#chapter-4>.v32-comparison{margin:0 0 var(--exhibit-section-gap)}
#chapter-4 .story-block.split{min-height:0;padding:0;gap:var(--exhibit-column-gap);align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#chapter-4 .story-block.split.reverse>.v11-image-stack{grid-column:2;grid-row:1}
#chapter-4 .story-block.split.reverse>.story-copy{grid-column:1;grid-row:1}
#chapter-4 .v11-image-stack{display:flex;flex-direction:column;gap:var(--exhibit-image-gap);align-items:stretch;min-width:0}
#chapter-4 .v11-image-stack>.exhibit-media-primary{width:100%;order:0;margin:0}
#chapter-4 .v11-image-stack>.exhibit-media-secondary{width:min(76%,390px);order:1;align-self:center;margin:0}
#chapter-4 .v11-image-stack .photo img{width:100%;aspect-ratio:4/3;max-height:none;object-fit:cover}
#chapter-4 .story-copy .year.small{font-size:clamp(3.6rem,7.4vw,7.5rem);line-height:1.05;display:block;margin:0 0 1.5rem}
#chapter-4 .story-copy .fact,#chapter-4 .story-copy .deep-dive{margin-top:var(--exhibit-content-gap)}
#chapter-4 .story-copy .fact{font:500 1rem/1.55 var(--sans)}
#chapter-4 .story-copy .fact span{font:900 .85rem var(--pixel)}
#chapter-4 .v32-section-intro{max-width:850px;margin:0 auto 2rem;text-align:center}
#chapter-4 .v32-section-intro h3{font:900 clamp(1.8rem,3.5vw,3.4rem)/1.1 var(--pixel);margin:0 0 1rem}
#chapter-4 .v32-section-intro p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6}
#chapter-4 .v32-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--exhibit-image-gap);align-items:start}
#chapter-4 .v32-gallery-grid .photo{transform:rotate(-1deg);box-shadow:12px 12px 0 rgba(26,35,37,.28)}
#chapter-4 .v32-gallery-grid .photo:nth-child(2){transform:rotate(1deg)}
#chapter-4 .v32-gallery-grid .photo img{aspect-ratio:1/1;max-height:none;object-fit:cover}
#chapter-4 .v32-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:1rem;align-items:center;max-width:1050px;margin:auto}
#chapter-4 .v32-compare-grid .photo{transform:none;min-width:0}
#chapter-4 .v32-compare-grid .photo img{aspect-ratio:16/10;max-height:none;object-fit:cover}
#chapter-4 .v32-compare-arrow{color:var(--yellow);font:900 3rem/1 var(--pixel);text-align:center}
#chapter-4 .end-question h3+a{margin-top:clamp(1.25rem,3vw,2.5rem)}
@media(max-width:800px){
 #chapter-4{--exhibit-section-gap:4rem;--exhibit-head-gap:4rem;--exhibit-image-gap:1.7rem}
 #chapter-4 .story-block.split{display:flex;flex-direction:column;gap:1.8rem}
 #chapter-4 .story-block.split>.story-copy{order:0;width:100%}
 #chapter-4 .story-block.split>.v11-image-stack{order:1;width:100%}
 #chapter-4 .story-block.split>.v13-mobile-extra{order:2;width:100%;margin:0}
 #chapter-4 .v32-gallery-grid{grid-template-columns:1fr;max-width:480px;margin:auto;gap:2rem}
 #chapter-4 .v32-gallery-grid .photo{transform:none!important}
 #chapter-4 .v32-compare-grid{grid-template-columns:1fr;max-width:480px;gap:1rem}
 #chapter-4 .v32-compare-arrow{transform:rotate(90deg)}
}
/* The actual RPG arrow offset is measured from the rendered image by script.js. */
@media(min-width:901px){#chapter-3 .v31-rpg-arrow{padding:0!important;margin-top:0;align-self:start}}

/* V33: Chapter 4 uses the same shared spacing and video components as previous chapters. */
#chapter-4{--exhibit-image-gap:clamp(1.9rem,3vw,2.7rem)}
#chapter-4 .v11-image-stack{gap:var(--exhibit-image-gap)!important}
#chapter-4 .v11-image-stack>.photo{margin:0!important;flex-shrink:0}
#chapter-4 .v11-image-stack>.exhibit-media-primary{order:0!important}
#chapter-4 .v11-image-stack>.exhibit-media-secondary{order:1!important;width:min(70%,360px)!important;align-self:center}
#chapter-4 .v11-image-stack>.exhibit-media-secondary img{aspect-ratio:4/3;object-fit:cover}
#chapter-4 .story-copy .v12-video-wrap{margin-top:var(--exhibit-content-gap);width:100%;min-width:0}
#chapter-4 .v12-video-label{font:900 .75rem/1.5 var(--pixel);margin:0 0 .65rem;color:#fff8df}
#chapter-4 .v12-video-shell{position:relative;width:100%;aspect-ratio:16/9;border:9px solid var(--yellow);background:#142629;box-shadow:12px 12px 0 rgba(0,0,0,.2);overflow:hidden}
#chapter-4 .v12-video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#chapter-4 .v12-video-play{width:100%;height:100%;border:0;background:transparent;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;font:800 clamp(.8rem,1.3vw,1rem)/1.4 var(--pixel);padding:1rem}
#chapter-4 .v12-video-note{font-size:.82rem;line-height:1.4;margin:.8rem 0 0;opacity:.85}
@media(max-width:800px){#chapter-4{--exhibit-image-gap:1.7rem}#chapter-4 .v12-video-shell{border-width:7px}#chapter-4 .story-block.split>.v13-mobile-extra.v12-video-wrap{order:3;width:100%}}

/* V34: all full-width editorial features use the same centered content measure. */
:is(#chapter-3,#chapter-4) > :is(.v27-rpg-evolution,.v27-cinema,.v32-gallery,.v32-comparison){
  width:100%;max-width:1180px;margin-left:auto!important;margin-right:auto!important;
  box-sizing:border-box;min-width:0;
}
/* Every framed image is interactive on pointer devices, including gallery cards.
   The hover declaration comes after static tilt declarations and preserves mobile behavior. */
@media (hover:hover) and (pointer:fine){
  .chapter .photo{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;will-change:transform}
  .chapter .photo:hover,
  #chapter-3 .v27-cinema-gallery .photo:hover,
  #chapter-4 .v32-gallery-grid .photo:hover,
  #chapter-4 .v32-compare-grid .photo:hover{
    transform:translateY(-7px) rotate(0deg) scale(1.015)!important;
    box-shadow:20px 22px 0 rgba(26,35,37,.32)!important;
    filter:saturate(1.06);
  }
}
@media (prefers-reduced-motion:reduce){.chapter .photo{transition:none!important}}

/* V35: Chapter 5 shares chapter 4's spacing and media ordering principles. */
#chapter-5{--exhibit-section-gap:clamp(4.5rem,7vw,7rem);--exhibit-head-gap:clamp(3rem,6vw,5rem);--exhibit-image-gap:clamp(1.9rem,3vw,2.7rem);--exhibit-content-gap:1.8rem;--exhibit-column-gap:clamp(2rem,6vw,7rem)}
#chapter-5>.chapter-head{margin:0 0 var(--exhibit-head-gap)}
#chapter-5>.story-block,#chapter-5>.v35-feature{margin:0 auto var(--exhibit-section-gap);max-width:1180px;width:100%;box-sizing:border-box}
#chapter-5 .story-block.split{min-height:0;padding:0;gap:var(--exhibit-column-gap);align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#chapter-5 .story-block.split.reverse>.v11-image-stack{grid-column:2;grid-row:1}
#chapter-5 .story-block.split.reverse>.story-copy{grid-column:1;grid-row:1}
#chapter-5 .v11-image-stack{display:flex;flex-direction:column;gap:var(--exhibit-image-gap);align-items:stretch;min-width:0}
#chapter-5 .v11-image-stack>.exhibit-media-primary{width:100%;order:0;margin:0}
#chapter-5 .v11-image-stack>.exhibit-media-secondary{width:min(70%,360px);order:1;align-self:center;margin:0}
#chapter-5 .v11-image-stack .photo img{width:100%;aspect-ratio:4/3;max-height:none;object-fit:cover}
#chapter-5 .story-copy .year.small{font-size:clamp(3.6rem,7.4vw,7.5rem);line-height:1.05;display:block;margin:0 0 1.5rem}
#chapter-5 .story-copy .fact{margin-top:var(--exhibit-content-gap);font:500 1rem/1.55 var(--sans)}
#chapter-5 .story-copy .fact span{font:900 .85rem var(--pixel)}
#chapter-5 .v35-section-intro{max-width:850px;margin:0 auto 2.2rem;text-align:center}
#chapter-5 .v35-section-intro h3{font:900 clamp(1.8rem,3.5vw,3.4rem)/1.1 var(--pixel);margin:0 0 1rem}
#chapter-5 .v35-section-intro p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6}
#chapter-5 .v35-evo-track{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:.65rem;align-items:start}
#chapter-5 .v35-evo-card{min-width:0}
#chapter-5 .v35-evo-card .photo{margin:0;transform:none;background:rgba(0,0,0,.14)}
#chapter-5 .v35-evo-card img{width:100%;aspect-ratio:1/1;object-fit:cover;max-height:none}
#chapter-5 .v35-evo-card p{font-size:.93rem;line-height:1.5;margin:1rem 0 0}
#chapter-5 .v35-evo-arrow{font:900 2.4rem/1 var(--pixel);color:var(--yellow);align-self:start;justify-self:center;margin-top:clamp(3rem,7vw,6.5rem)}
#chapter-5 .v35-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--exhibit-image-gap);align-items:start}
#chapter-5 .v35-gallery-grid .photo{margin:0;transform:rotate(-1deg);box-shadow:12px 12px 0 rgba(26,35,37,.28)}
#chapter-5 .v35-gallery-grid .photo:nth-child(2){transform:rotate(1deg)}
#chapter-5 .v35-gallery-grid .photo img{aspect-ratio:1/1;max-height:none;object-fit:cover}
#chapter-5 .end-question h3+a{margin-top:clamp(1.25rem,3vw,2.5rem)}
@media(max-width:800px){
 #chapter-5{--exhibit-section-gap:4rem;--exhibit-head-gap:4rem;--exhibit-image-gap:1.7rem}
 #chapter-5 .story-block.split{display:flex;flex-direction:column;gap:1.8rem}
 #chapter-5 .story-block.split>.story-copy{order:0;width:100%}
 #chapter-5 .story-block.split>.v11-image-stack{order:1;width:100%}
 #chapter-5 .v35-evo-track{grid-template-columns:minmax(0,1fr);max-width:440px;margin:auto;gap:1rem}
 #chapter-5 .v35-evo-arrow{transform:rotate(90deg);margin:0;justify-self:center}
 #chapter-5 .v35-gallery-grid{grid-template-columns:1fr;max-width:480px;margin:auto;gap:2rem}
 #chapter-5 .v35-gallery-grid .photo{transform:none!important}
}


/* V36 – shared responsive rules for all published chapters (no per-milestone patches). */
:root{--exhibit-wide-measure:1560px;--exhibit-feature-measure:1320px;--exhibit-fact-measure:100%}
/* Consistent chapter palette: rust, blue, green, repeated. */
#chapter-5.chapter.teal{background:#268c8d;color:#fff8df}
/* Keep large split sections proportionate to the available viewport, but bounded for readability. */
:is(#chapter-1,#chapter-2,#chapter-3,#chapter-4,#chapter-5) > .story-block.split{
 width:100%;max-width:var(--exhibit-wide-measure);margin-left:auto!important;margin-right:auto!important;
 box-sizing:border-box;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));
}
:is(#chapter-1,#chapter-2,#chapter-3,#chapter-4,#chapter-5) > .story-block.split > :is(.story-copy,.v11-image-stack,.v11-home-images,figure.photo){min-width:0}
/* Standard text width is applied to paragraphs only; fact panels expand with their column. */
:is(#chapter-1,#chapter-2,#chapter-3,#chapter-4,#chapter-5) .story-copy{width:100%;min-width:0}
:is(#chapter-1,#chapter-2,#chapter-3,#chapter-4,#chapter-5) .story-copy .fact{
 width:100%;max-width:none;box-sizing:border-box;overflow-wrap:break-word;
}
:is(#chapter-1,#chapter-2,#chapter-3,#chapter-4,#chapter-5) .story-copy .fact p{
 width:100%;max-width:none;box-sizing:border-box;
}
/* Editorial features share a centered measure, distinct from two-column milestones. */
:is(#chapter-1,#chapter-2,#chapter-3,#chapter-4,#chapter-5) > :is(.v9-section,.v27-rpg-evolution,.v27-cinema,.v32-gallery,.v32-comparison,.v35-feature){
 width:100%;max-width:var(--exhibit-feature-measure);margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;min-width:0;
}
/* Shared evolution card framing, following chapter 3's gallery/evolution visual language. */
#chapter-5 .v35-evo-track{grid-template-columns:repeat(3,minmax(0,1fr) 36px) minmax(0,1fr);gap:0;align-items:start}
#chapter-5 .v35-evo-card{padding:.75rem;min-width:0;background:rgba(13,49,53,.9);border:0;box-shadow:9px 9px 0 rgba(0,0,0,.17);color:#fff8df}
#chapter-5 .v35-evo-card .photo{padding:.5rem;background:var(--yellow);border:0;box-shadow:none;transform:none;margin:0}
#chapter-5 .v35-evo-card .photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;max-height:none}
#chapter-5 .v35-evo-card .photo figcaption{background:var(--yellow);color:var(--ink);padding:.5rem .2rem 0;font:800 .68rem/1.45 var(--pixel)}
#chapter-5 .v35-evo-card p{color:#fff8df;padding:.2rem .35rem;margin:.8rem 0 .25rem}
#chapter-5 .v35-evo-arrow{align-self:start;justify-self:center;margin:0;display:flex;align-items:center;justify-content:center;min-height:0;position:relative;top:0;transform:none}
/* Chapter 5 uses exactly the same reusable video presentation as previous chapters. */
#chapter-5 .v12-video-wrap{margin-top:var(--exhibit-content-gap,1.8rem);width:100%;min-width:0}
#chapter-5 .v12-video-label{font:900 .75rem/1.5 var(--pixel);margin:0 0 .65rem;color:#fff8df}
#chapter-5 .v12-video-shell{position:relative;width:100%;aspect-ratio:16/9;border:9px solid var(--yellow);background:#142629;box-shadow:12px 12px 0 rgba(0,0,0,.2);overflow:hidden}
#chapter-5 .v12-video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#chapter-5 .v12-video-play{width:100%;height:100%;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;font:800 clamp(.8rem,1.3vw,1rem)/1.4 var(--pixel);padding:1rem}
#chapter-5 .v12-video-note{font-size:.82rem;line-height:1.4;margin:.8rem 0 0;opacity:.85}
/* Current chapter in the persistent topbar. */
.active-chapter-label{font:800 clamp(.64rem,1.15vw,.83rem)/1.3 var(--pixel);text-align:center;min-width:0;max-width:45vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);padding:0 1rem}
@media(min-width:801px){
 #chapter-5 .story-block.split:not(.reverse)>.story-copy{grid-column:1;grid-row:1}
 #chapter-5 .story-block.split:not(.reverse)>.v11-image-stack{grid-column:2;grid-row:1}
 #chapter-5 .story-block.split.reverse>.story-copy{grid-column:2;grid-row:1}
 #chapter-5 .story-block.split.reverse>.v11-image-stack{grid-column:1;grid-row:1}
}
@media(max-width:800px){
 :is(#chapter-1,#chapter-2,#chapter-3,#chapter-4,#chapter-5)>.story-block.split{display:flex;flex-direction:column;grid-template-columns:none;gap:1.8rem}
 #chapter-5 .v35-evo-track{grid-template-columns:1fr;max-width:440px;margin:auto;gap:1rem}
 #chapter-5 .v35-evo-arrow{transform:rotate(90deg);min-height:2rem;align-self:center}
 #chapter-5 .v12-video-shell{border-width:7px}
 #chapter-5 .story-block.split>.v13-mobile-extra.v12-video-wrap{order:3;width:100%}
 .active-chapter-label{max-width:calc(100vw - 155px);font-size:clamp(.6rem,2.5vw,.76rem);padding:0 .35rem}
}

/* V37: common responsive layout and typography for chapters 1-8. */
.chapter>.chapter-head{box-sizing:border-box;width:100%;max-width:1180px;margin-left:auto!important;margin-right:auto!important;padding-left:0;padding-right:0}
.chapter>.chapter-head .chapter-no{display:inline-block;margin-bottom:clamp(1.1rem,2vw,1.65rem)!important}
.chapter>.chapter-head .kicker{margin-top:0!important;margin-bottom:clamp(1.15rem,2.5vw,2rem)!important;line-height:1.55!important}
.chapter>.chapter-head h2{margin-top:0!important;line-height:1.16!important}
.chapter .v12-video-label,.chapter .exhibit-video-caption{font-size:clamp(1rem,1.25vw,1.16rem)!important;line-height:1.5!important;font-family:inherit!important;font-weight:600!important;color:#fff!important}
.chapter .v12-video-note{font-size:clamp(.86rem,1.1vw,1rem)!important;line-height:1.5!important}
#chapter-5 .v36-wow-video{margin-top:clamp(1.5rem,3vw,2.3rem);width:100%;box-sizing:border-box}
#chapter-5 .v11-image-stack .v36-wow-video{max-width:100%}
#chapter-6{--exhibit-section-gap:clamp(4rem,7vw,7rem);--exhibit-head-gap:clamp(3rem,5vw,5rem)}
#chapter-6>.chapter-head{margin-bottom:var(--exhibit-head-gap)!important}
#chapter-6>.story-block,#chapter-6>.v37-feature{width:100%;max-width:1180px;margin:0 auto var(--exhibit-section-gap);box-sizing:border-box}
#chapter-6>.story-block.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:start;min-height:0;padding:0}
#chapter-6>.story-block.split:not(.reverse)>.story-copy{grid-column:1;grid-row:1}
#chapter-6>.story-block.split:not(.reverse)>.v11-image-stack{grid-column:2;grid-row:1}
#chapter-6>.story-block.split.reverse>.story-copy{grid-column:2;grid-row:1}
#chapter-6>.story-block.split.reverse>.v11-image-stack{grid-column:1;grid-row:1}
#chapter-6 .v11-image-stack{display:flex;flex-direction:column;align-items:center;gap:1.8rem;min-width:0}
#chapter-6 .v11-image-stack>.photo:first-child{width:100%}
#chapter-6 .v11-image-stack>.photo:not(:first-child){width:75%}
#chapter-6 .v11-image-stack>.photo{margin:0!important;max-width:100%;box-sizing:border-box}
#chapter-6 .v11-image-stack>.photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
#chapter-6 .v37-intro{text-align:center;max-width:850px;margin:0 auto 2.4rem}
#chapter-6 .v37-intro h3{margin-bottom:1rem}
#chapter-6 .v37-intro p{color:#fff;line-height:1.65}
#chapter-6 .v37-evo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;align-items:start}
#chapter-6 .v37-evo-card{min-width:0}
#chapter-6 .v37-evo-card .photo{margin:0 0 1rem;transform:none}
#chapter-6 .v37-evo-card .photo img{aspect-ratio:4/3;object-fit:cover;width:100%}
#chapter-6 .v37-evo-card p{color:#fff;line-height:1.5;font-size:1rem}
#chapter-6 .v37-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:start}
#chapter-6 .v37-gallery .photo{margin:0;min-width:0}
#chapter-6 .v37-gallery .photo img{aspect-ratio:4/3;object-fit:cover;width:100%}
#chapter-6 .v37-gallery .photo:nth-child(2){transform:rotate(1.5deg)}
#chapter-6 .v37-gallery .photo:nth-child(3){transform:rotate(-1.5deg)}
#chapter-6 .photo:hover{transform:translateY(-8px) rotate(0deg)!important;transition:transform .25s ease}
#chapter-6 .end-question{max-width:1180px;margin-left:auto;margin-right:auto}
@media(max-width:800px){
 .chapter>.chapter-head{max-width:100%}
 #chapter-6{--exhibit-section-gap:4rem;--exhibit-head-gap:4rem}
 #chapter-6>.story-block.split{display:flex;flex-direction:column;gap:1.8rem}
 #chapter-6>.story-block.split>.story-copy{order:1;width:100%}
 #chapter-6>.story-block.split>.v11-image-stack{order:2;width:100%}
 #chapter-6 .v37-evo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #chapter-6 .v37-gallery{grid-template-columns:1fr;max-width:540px;margin:auto;gap:2rem}
 #chapter-5 .v11-image-stack .v36-wow-video{width:100%;margin-top:1.8rem}
}
@media(max-width:500px){#chapter-6 .v37-evo-grid{grid-template-columns:1fr;max-width:440px;margin:auto}}
@media(prefers-reduced-motion:reduce){#chapter-6 .photo:hover{transform:none!important}}

/* V38: unified chapter opening hierarchy with tighter, readable spacing. */
.chapter>.chapter-head .chapter-no{margin-bottom:clamp(.7rem,1.1vw,1rem)!important}
.chapter>.chapter-head .kicker{margin:0 0 clamp(.7rem,1.3vw,1.05rem)!important;line-height:1.45!important}
.chapter>.chapter-head h2{margin:0 0 clamp(1.05rem,2vw,1.5rem)!important;line-height:1.08!important}
.chapter>.chapter-head>p:last-child{margin:0!important}
.chapter>.chapter-head h2 .chapter-title-second{white-space:nowrap}
/* V38: Chapter 6 follows the same design tokens and presentation as chapter 5. */
#chapter-6{--exhibit-image-gap:1.3rem;--exhibit-content-gap:1.8rem}
#chapter-6 .v35-feature{width:100%;max-width:1180px;margin:0 auto var(--exhibit-section-gap);box-sizing:border-box;min-width:0}
#chapter-6 .v35-section-intro{max-width:850px;margin:0 auto 2.2rem;text-align:center}
#chapter-6 .v35-section-intro h3{font:900 clamp(1.8rem,3.5vw,3.4rem)/1.1 var(--pixel);margin:0 0 1rem}
#chapter-6 .v35-section-intro p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6;color:#fffbe8}
#chapter-6 .v35-evo-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr) 36px) minmax(0,1fr);gap:0;align-items:start}
#chapter-6 .v35-evo-card{padding:.75rem;min-width:0;background:rgba(13,49,53,.9);border:0;box-shadow:9px 9px 0 rgba(0,0,0,.17);color:#fff8df}
#chapter-6 .v35-evo-card .photo{padding:.5rem;background:var(--yellow);border:0;box-shadow:none;transform:none;margin:0}
#chapter-6 .v35-evo-card .photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;max-height:none}
#chapter-6 .v35-evo-card .photo figcaption{background:var(--yellow);color:var(--ink);padding:.5rem .2rem 0;font:800 .68rem/1.45 var(--pixel)}
#chapter-6 .v35-evo-card p{color:#fff8df;padding:.2rem .35rem;margin:.8rem 0 .25rem;font-size:.93rem;line-height:1.5}
#chapter-6 .v35-evo-arrow{font:900 2.4rem/1 var(--pixel);color:var(--yellow);align-self:start;justify-self:center;margin:0;display:flex;align-items:center;justify-content:center;position:relative;top:0}
#chapter-6 .v35-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:start}
#chapter-6 .v35-gallery-grid .photo{margin:0;transform:rotate(-1deg);box-shadow:12px 12px 0 rgba(26,35,37,.28)}
#chapter-6 .v35-gallery-grid .photo:nth-child(2){transform:rotate(1deg)}
#chapter-6 .v35-gallery-grid .photo img{aspect-ratio:1/1;max-height:none;object-fit:cover}
#chapter-6 .v12-video-wrap{margin-top:var(--exhibit-content-gap);width:100%;min-width:0}
#chapter-6 .v12-video-shell{position:relative;width:100%;aspect-ratio:16/9;border:9px solid var(--yellow);background:#142629;box-shadow:12px 12px 0 rgba(0,0,0,.2);overflow:hidden}
#chapter-6 .v12-video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#chapter-6 .v12-video-play{width:100%;height:100%;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;font:800 clamp(.8rem,1.3vw,1rem)/1.4 var(--pixel);padding:1rem}
#chapter-6 .v12-video-note{font-size:.82rem;line-height:1.4;margin:.8rem 0 0;opacity:.85}
#chapter-6 .end-question h3+a{margin-top:clamp(1.25rem,3vw,2.5rem)}
@media(max-width:800px){
 #chapter-6 .v35-evo-track{grid-template-columns:1fr;max-width:440px;margin:auto;gap:1rem}
 #chapter-6 .v35-evo-arrow{transform:rotate(90deg);min-height:2rem;align-self:center}
 #chapter-6 .v35-gallery-grid{grid-template-columns:1fr;max-width:480px;margin:auto;gap:2rem}
 #chapter-6 .v35-gallery-grid .photo{transform:none!important}
 #chapter-6 .v12-video-shell{border-width:7px}
 #chapter-6 .story-block.split>.v13-mobile-extra.v12-video-wrap{order:3;width:100%}
}

/* V39: separate the exhibition's opening title from its eyebrow. */
.hero .hero-content .eyebrow{margin-bottom:clamp(1.1rem,2.5vw,2rem)}
.hero .hero-content h1{margin-top:0;line-height:.9}
/* Chapter 7 adopts the same shared two-column, fact box and gallery rules as chapters 5–6. */
#chapter-7{--exhibit-section-gap:clamp(4.5rem,7vw,7rem);--exhibit-head-gap:clamp(3rem,6vw,5rem);--exhibit-image-gap:clamp(1.9rem,3vw,2.7rem);--exhibit-content-gap:1.8rem;--exhibit-column-gap:clamp(2rem,6vw,7rem)}
#chapter-7>.chapter-head{margin-bottom:var(--exhibit-head-gap)}
#chapter-7>.story-block,#chapter-7>.v35-feature{max-width:1180px;width:100%;margin:0 auto var(--exhibit-section-gap);box-sizing:border-box;min-width:0}
#chapter-7>.story-block.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--exhibit-column-gap);align-items:start;min-height:0;padding:0}
#chapter-7>.story-block.split.reverse>.v11-image-stack{grid-column:2;grid-row:1}
#chapter-7>.story-block.split.reverse>.story-copy{grid-column:1;grid-row:1}
#chapter-7 .v11-image-stack{display:flex;flex-direction:column;gap:var(--exhibit-image-gap);min-width:0}
#chapter-7 .v11-image-stack>.photo{margin:0;width:100%}
#chapter-7 .v11-image-stack>.exhibit-media-secondary{width:min(70%,360px);align-self:center;margin:0}
#chapter-7 .v11-image-stack>.exhibit-media-secondary .photo{margin:0}
#chapter-7 .v11-image-stack .photo img{width:100%;aspect-ratio:4/3;object-fit:cover;max-height:none}
#chapter-7 .story-copy .year.small{font-size:clamp(3.6rem,7.4vw,7.5rem);line-height:1.05;display:block;margin:0 0 1.5rem}
#chapter-7 .story-copy .fact{font:500 1rem/1.55 var(--sans);margin-top:var(--exhibit-content-gap)}
#chapter-7 .story-copy .fact span{font:900 .85rem var(--pixel)}
#chapter-7 .v35-section-intro{max-width:850px;margin:0 auto 2.2rem;text-align:center}
#chapter-7 .v35-section-intro h3{font:900 clamp(1.8rem,3.5vw,3.4rem)/1.1 var(--pixel);margin:0 0 1rem}
#chapter-7 .v35-section-intro p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6;color:#fff8df}
#chapter-7 .v35-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--exhibit-image-gap);align-items:start}
#chapter-7 .v35-gallery-grid .photo{margin:0;transform:rotate(-1deg);box-shadow:12px 12px 0 rgba(26,35,37,.28)}
#chapter-7 .v35-gallery-grid .photo:nth-child(2){transform:rotate(1deg)}
#chapter-7 .v35-gallery-grid .photo img{width:100%;aspect-ratio:1/1;object-fit:cover;max-height:none}
#chapter-7>.end-question{max-width:1180px;margin:0 auto}
#chapter-7 .end-question h3+a{margin-top:clamp(1.25rem,3vw,2.5rem)}
@media(hover:hover) and (pointer:fine){#chapter-7 .photo{transition:transform .25s ease,box-shadow .25s ease}#chapter-7 .photo:hover{transform:translateY(-7px) rotate(0deg) scale(1.015)!important;box-shadow:20px 22px 0 rgba(26,35,37,.32)!important}}
@media(max-width:800px){
 #chapter-7{--exhibit-section-gap:4rem;--exhibit-head-gap:4rem;--exhibit-image-gap:1.7rem}
 #chapter-7>.story-block.split{display:flex;flex-direction:column;gap:1.8rem}
 #chapter-7>.story-block.split>.story-copy{order:0;width:100%}
 #chapter-7>.story-block.split>.v11-image-stack{order:1;width:100%}
 #chapter-7>.story-block.split>.v13-mobile-extra{order:2;width:100%}
 #chapter-7 .v35-gallery-grid{grid-template-columns:1fr;max-width:480px;margin:auto;gap:2rem}
 #chapter-7 .v35-gallery-grid .photo{transform:none!important}
 #chapter-7 .story-copy .year.small{font-size:clamp(3.2rem,11vw,5.5rem)}
}
@media(prefers-reduced-motion:reduce){#chapter-7 .photo{transition:none!important}}

/* V41: stable header layout, regardless of chapter label length. */
.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:initial;gap:1rem}
.topbar .active-chapter-label{grid-column:1;grid-row:1;justify-self:start;max-width:100%;padding:0;white-space:nowrap;text-align:left}
.topbar .brand{grid-column:2;grid-row:1;justify-self:center;white-space:nowrap;min-width:0}
.topbar .menu-btn{grid-column:3;grid-row:1;justify-self:end}
.topbar.at-top{grid-template-columns:minmax(0,1fr) auto}
.topbar.at-top .active-chapter-label{display:none}
.topbar.at-top .brand{grid-column:1;justify-self:start}
.topbar.at-top .menu-btn{grid-column:2}
/* Pixel-art mark, deliberately square with distinct pixel blocks. */
.topbar .pixels{flex:none;width:34px;height:22px;clip-path:none;background:linear-gradient(var(--red),var(--red)) 0 0/8px 8px no-repeat,linear-gradient(var(--red),var(--red)) 10px 0/8px 8px no-repeat,linear-gradient(var(--red),var(--red)) 20px 0/8px 8px no-repeat,linear-gradient(var(--red),var(--red)) 10px 10px/8px 8px no-repeat,linear-gradient(var(--red),var(--red)) 20px 10px/8px 8px no-repeat,linear-gradient(var(--red),var(--red)) 30px 10px/4px 8px no-repeat,linear-gradient(var(--red),var(--red)) 20px 20px/8px 2px no-repeat}
@media(max-width:1050px){.topbar:not(.at-top) .active-chapter-label{font-size:.65rem;max-width:31vw;overflow:hidden;text-overflow:ellipsis}.topbar:not(.at-top) .brand{font-size:.72rem;letter-spacing:0}}
@media(max-width:800px){.topbar:not(.at-top){grid-template-columns:minmax(0,1fr) auto}.topbar:not(.at-top) .active-chapter-label{max-width:calc(100vw - 145px);font-size:clamp(.58rem,2.3vw,.74rem)}.topbar:not(.at-top) .brand{display:none}.topbar:not(.at-top) .menu-btn{grid-column:2}.topbar.at-top .brand span:last-child{display:inline;font-size:clamp(.55rem,2vw,.8rem)}.topbar .pixels{width:24px;height:18px;transform:scale(.7);transform-origin:left center;margin-right:-8px}}
/* V41: chapter 8 uses the shared, wide-screen exhibit system. */
#chapter-8::after{background-image:none!important}
#chapter-8{--exhibit-section-gap:clamp(4.5rem,7vw,7rem);--exhibit-head-gap:clamp(3rem,6vw,5rem);--exhibit-image-gap:clamp(1.9rem,3vw,2.7rem);--exhibit-content-gap:1.8rem;--exhibit-column-gap:clamp(2rem,6vw,7rem)}
#chapter-8>.chapter-head{margin-bottom:var(--exhibit-head-gap)!important}
#chapter-8>.story-block,#chapter-8>.v35-feature{max-width:1180px;width:100%;margin:0 auto var(--exhibit-section-gap);box-sizing:border-box;min-width:0}
#chapter-8>.story-block.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--exhibit-column-gap);align-items:start;min-height:0;padding:0}
#chapter-8>.story-block.split.reverse>.v11-image-stack{grid-column:2;grid-row:1}
#chapter-8>.story-block.split.reverse>.story-copy{grid-column:1;grid-row:1}
#chapter-8 .v11-image-stack{display:flex;flex-direction:column;gap:var(--exhibit-image-gap);min-width:0}
#chapter-8 .v11-image-stack>.photo{margin:0;width:100%}
#chapter-8 .v11-image-stack>.exhibit-media-secondary{width:min(70%,360px);align-self:center;margin:0}
#chapter-8 .v11-image-stack>.exhibit-media-secondary .photo{margin:0}
#chapter-8 .v11-image-stack .photo img{width:100%;aspect-ratio:4/3;object-fit:cover;max-height:none}
#chapter-8 .story-copy .year.small{font-size:clamp(3.6rem,7.4vw,7.5rem);line-height:1.05;display:block;margin:0 0 1.5rem}
#chapter-8 .story-copy .fact{font:500 1rem/1.55 var(--sans);margin-top:var(--exhibit-content-gap)}
#chapter-8 .story-copy .fact span{font:900 .85rem var(--pixel)}
#chapter-8 .v35-section-intro{max-width:850px;margin:0 auto 2.2rem;text-align:center}
#chapter-8 .v35-section-intro h3{font:900 clamp(1.8rem,3.5vw,3.4rem)/1.1 var(--pixel);margin:0 0 1rem}
#chapter-8 .v35-section-intro p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6;color:#fff8df}
#chapter-8 .v35-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--exhibit-image-gap);align-items:start}
#chapter-8 .v35-gallery-grid .photo{margin:0;transform:rotate(-1deg);box-shadow:12px 12px 0 rgba(26,35,37,.28)}
#chapter-8 .v35-gallery-grid .photo:nth-child(2){transform:rotate(1deg)}
#chapter-8 .v35-gallery-grid .photo img{width:100%;aspect-ratio:1/1;object-fit:cover;max-height:none}
#chapter-8>.end-question{max-width:1180px;margin:0 auto}
#chapter-8 .end-question h3+a{margin-top:clamp(1.25rem,3vw,2.5rem)}
#chapter-8 .end-question .v41-secondary-link{margin-left:.6rem;background:transparent;color:var(--yellow);border:2px solid var(--yellow)}
@media(max-width:800px){#chapter-8::after{background-image:none!important}
#chapter-8{--exhibit-section-gap:4rem;--exhibit-head-gap:4rem;--exhibit-image-gap:1.7rem}#chapter-8>.story-block.split{display:flex;flex-direction:column;gap:1.8rem}#chapter-8>.story-block.split>.story-copy{order:0;width:100%}#chapter-8>.story-block.split>.v11-image-stack{order:1;width:100%}#chapter-8 .v35-gallery-grid{grid-template-columns:1fr;max-width:480px;margin:auto;gap:2rem}#chapter-8 .v35-gallery-grid .photo{transform:none!important}#chapter-8 .story-copy .year.small{font-size:clamp(3.2rem,11vw,5.5rem)}#chapter-8 .end-question .v41-secondary-link{margin:.8rem 0 0}}
@media(prefers-reduced-motion:reduce){#chapter-8 .photo{transition:none!important}}


/* V42: Improve title tracking without forcing horizontal overflow on phones. */
.hero .hero-content h1{letter-spacing:-.035em}
@media(max-width:600px){.hero .hero-content h1{letter-spacing:-.045em;font-size:clamp(2.8rem,13.5vw,5.2rem)}}
/* V42: Consistent editorial section heading typography across chapters 1–8. */
.chapter :is(.v27-section-intro,.v32-section-intro,.v35-section-intro,.v22-evolution-head,.v9-section-heading) h3{
  font:900 clamp(1.8rem,3.5vw,3.4rem)/1.1 var(--pixel);
  text-transform:none;
  letter-spacing:normal;
}
/* Account for the persistent header when the hero CTA targets the introduction. */
#about-exhibition{scroll-margin-top:64px}
@media(max-width:800px){#about-exhibition{scroll-margin-top:58px}}


/* V43: consistent spacing for stacked framed photos, including shadow clearance. */
:is(#chapter-1,#chapter-2,#chapter-3) :is(.v11-image-stack,.v11-home-images){gap:clamp(2.8rem,4.3vw,4.4rem)!important;}
:is(#chapter-1,#chapter-2,#chapter-3) :is(.v11-image-stack,.v11-home-images) > .exhibit-media-secondary{margin-top:.35rem!important;}
/* Tilt remains subtle on narrow viewports without frame/shadow collisions. */
@media(max-width:800px){
 .chapter .story-block .v11-image-stack .photo.tilt-left{transform:rotate(-1.25deg)!important;}
 .chapter .story-block .v11-image-stack .photo.tilt-right{transform:rotate(1.25deg)!important;}
 :is(#chapter-1,#chapter-2,#chapter-3) :is(.v11-image-stack,.v11-home-images){gap:3rem!important;}
 :is(#chapter-1,#chapter-2,#chapter-3) :is(.v11-image-stack,.v11-home-images) > .exhibit-media-secondary{margin-top:.25rem!important;}
}
@media(hover:hover) and (pointer:fine){
 .chapter .story-block .v11-image-stack .photo:hover{transform:translateY(-6px) rotate(0deg) scale(1.01)!important;}
}
/* Overview: clearer title leading and structured, balanced navigation cards. */
.overview-head h2{line-height:1.13!important;letter-spacing:-.035em;}
.chapter-cards .card{grid-template-columns:clamp(3.4rem,6vw,5.4rem) minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:clamp(.9rem,2vw,1.6rem);row-gap:.65rem;min-width:0;}
.chapter-cards .card span{grid-column:1;grid-row:1/3;font-size:clamp(1.9rem,3vw,2.9rem);line-height:1.1;align-self:start;}
.chapter-cards .card strong{grid-column:2;grid-row:1;font-size:clamp(1.15rem,1.7vw,1.8rem);line-height:1.12;align-self:end;overflow-wrap:break-word;}
.chapter-cards .card small{grid-column:2;grid-row:2;font:700 clamp(.69rem,.9vw,.86rem)/1.4 var(--pixel);letter-spacing:.01em;opacity:.8;overflow-wrap:break-word;}
@media(max-width:500px){.chapter-cards .card{padding:1.2rem;grid-template-columns:3rem minmax(0,1fr)}.chapter-cards .card strong{font-size:clamp(1.05rem,4.4vw,1.4rem)}.chapter-cards .card small{font-size:.7rem}}
/* Video uses the same player component in the final chapter. */
#chapter-8 .v12-video-wrap{margin-top:var(--exhibit-content-gap,1.8rem);width:100%;min-width:0;}
#chapter-8 .v12-video-shell{position:relative;width:100%;aspect-ratio:16/9;border:9px solid var(--yellow);background:#142629;box-shadow:12px 12px 0 rgba(0,0,0,.2);overflow:hidden;}
#chapter-8 .v12-video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
#chapter-8 .v12-video-play{width:100%;height:100%;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;font:800 clamp(.8rem,1.3vw,1rem)/1.4 var(--pixel);padding:1rem;}
#chapter-8 .v12-video-note{font-size:clamp(.86rem,1.1vw,1rem);line-height:1.5;margin:.8rem 0 0;opacity:.85;}

/* V44: coherent mobile image tilt across every chapter. Evolution/comparison
   imagery remains square and unrotated to make chronological sequences legible. */
@media (max-width:800px){
 .chapter .photo{transform:rotate(-1.15deg)!important;}
 .chapter .photo:nth-of-type(even){transform:rotate(1.15deg)!important;}
 .chapter .photo.tilt-right{transform:rotate(1.25deg)!important;}
 .chapter .photo.tilt-left{transform:rotate(-1.25deg)!important;}
 .chapter :is(.v11-image-stack,.v11-home-images){gap:max(3rem,42px)!important;}
 .chapter :is(.v11-image-stack,.v11-home-images) > :is(.exhibit-media-secondary,.v11-secondary-image){margin-top:.45rem!important;}
 /* Deliberately unrotated editorial comparisons and evolution sequences. */
 .chapter :is(.v27-rpg-evolution,.v35-evo-track,.v37-evo-grid,.v22-genre-evolution,.v32-comparison,.v32-compare-grid,.v22-map-comparison) .photo{transform:none!important;}
 .chapter :is(.v27-cinema-gallery,.v32-gallery-grid,.v35-gallery-grid,.v37-gallery) .photo:nth-child(odd){transform:rotate(-1.1deg)!important;}
 .chapter :is(.v27-cinema-gallery,.v32-gallery-grid,.v35-gallery-grid,.v37-gallery) .photo:nth-child(even){transform:rotate(1.1deg)!important;}
 /* Prevent the unbreakable first line of the chapter 2 title from clipping. */
 #chapter-2 > .chapter-head h2{font-size:clamp(1.45rem,6.6vw,3.4rem)!important;letter-spacing:-.055em;}
}
/* A compact first screen; avoid large empty bands around the exhibition title. */
.hero{min-height:clamp(620px,86svh,940px);padding-top:clamp(6rem,11vh,8rem);padding-bottom:clamp(3rem,6vh,5rem);}
@media(max-width:800px){.hero{min-height:clamp(540px,83svh,820px);padding-top:6rem;padding-bottom:3rem;}}
/* The chapter chooser is now directly after the contextual introduction. */
#chapters{scroll-margin-top:64px;}
@media(max-width:800px){#chapters{scroll-margin-top:58px;}}


/* V45 shared presentation refinements */
.chapter .v12-video-wrap,.chapter .v12-video-shell,.chapter .v12-video-wrap:hover,.chapter .v12-video-shell:hover{transform:none!important;rotate:none!important;}
.chapter .v12-video-wrap{filter:none!important;}
.chapter :is(.v22-evolution-genre,.v27-rpg-meta>span,summary,.deep-dive>summary){font:800 clamp(.85rem,1.3vw,1.02rem)/1.35 var(--pixel)!important;letter-spacing:.025em;}
.chapter .v22-evolution-genre{color:var(--yellow);}
#chapter-5 .v35-evo-card{display:flex;flex-direction:column;height:100%;}
#chapter-5 .v35-evo-card>p{flex:1;}
@media(max-width:800px){
 .topbar .brand,.topbar .current-chapter,.topbar .topbar-chapter{font-size:clamp(.73rem,2.65vw,.92rem)!important;}
 #chapter-2>.chapter-head h2{font-size:clamp(1.85rem,7.6vw,3.45rem)!important;letter-spacing:-.07em!important;}
 .chapter .end-question h3{font-size:clamp(1.5rem,6.4vw,2.6rem)!important;line-height:1.13!important;overflow-wrap:break-word;}
 /* Media comes before fact boxes and clips, all within their own article. */
 :is(#chapter-1,#chapter-2,#chapter-3,#chapter-4,#chapter-5,#chapter-6,#chapter-7,#chapter-8)>article.story-block.split{display:flex!important;flex-direction:column!important;}
 .chapter>article.story-block.split>.story-copy{order:0!important;width:100%;}
 .chapter>article.story-block.split>.v11-image-stack{order:1!important;width:100%;}
 .chapter>article.story-block.split>.v13-mobile-extra:is(aside.fact,details.deep-dive){order:2!important;width:100%;margin-top:1.5rem;}
 .chapter>article.story-block.split>.v13-mobile-extra.v12-video-wrap{order:3!important;width:100%;}
}
@media(min-width:801px){
 #chapter-7 .v11-image-stack>.exhibit-media-primary{width:100%!important;order:0!important;}
 #chapter-7 .v11-image-stack>.exhibit-media-secondary{width:min(70%,360px)!important;order:1!important;align-self:center;}
}


/* V46: unify primary/secondary image size and ordering across chapters. */
@media(min-width:801px){
 #chapter-1 .story-block .v11-image-stack, #chapter-2 .story-block .v11-image-stack, #chapter-8 .story-block .v11-image-stack{display:flex;flex-direction:column;align-items:stretch;gap:clamp(2.8rem,4vw,4rem)}
 #chapter-1 .story-block .v11-image-stack>.exhibit-media-primary, #chapter-2 .story-block .v11-image-stack>.exhibit-media-primary, #chapter-8 .story-block .v11-image-stack>.exhibit-media-primary{order:0;width:100%;align-self:stretch;margin:0}
 #chapter-1 .story-block .v11-image-stack>.exhibit-media-secondary, #chapter-2 .story-block .v11-image-stack>.exhibit-media-secondary, #chapter-8 .story-block .v11-image-stack>.exhibit-media-secondary{order:1;width:min(70%,360px);align-self:center;margin:.4rem 0 0}
 #chapter-1 .story-block .v11-image-stack>.v12-video-wrap{order:2;width:100%;margin-top:.3rem}
 #chapter-8 .story-block .v11-image-stack>.exhibit-media-secondary .photo{width:100%;margin:0}
}
/* Pac-Man and Mario: a smaller second frame on all screens. */
#chapter-1 .story-block .v11-image-stack>.v46-pacman-secondary, #chapter-2 .story-block .v11-image-stack>.exhibit-media-secondary{max-width:360px;width:min(70%,360px);align-self:center}
/* The first Pac-Man frame stays full-width, the second remains below it. */
#chapter-1 .story-block .v11-image-stack>.v46-pacman-secondary{order:1}
#chapter-1 .story-block .v11-image-stack>.v12-video-wrap{order:2}
/* Make the chapter 2 title match all other chapter titles. A discretionary
   break in the long word prevents horizontal overflow on narrow devices. */
@media(max-width:800px){
 #chapter-2>.chapter-head h2{font-size:clamp(2.5rem,12vw,5rem)!important;letter-spacing:-.05em!important;overflow-wrap:normal;hyphens:manual}
 .topbar:not(.at-top) .active-chapter-label{font-size:clamp(.78rem,3.1vw,.98rem)!important;max-width:calc(100vw - 125px)}
 .topbar.at-top .brand span:last-child{font-size:clamp(.78rem,3vw,.96rem)!important}
 .topbar .brand{font-size:clamp(.78rem,3vw,.96rem)!important}
 #chapter-1 .v11-image-stack>.v46-pacman-secondary,#chapter-2 .v11-image-stack>.exhibit-media-secondary{width:min(70%,360px)!important;align-self:center!important;order:1!important}
 #chapter-1 .v11-image-stack>.exhibit-media-primary,#chapter-2 .v11-image-stack>.exhibit-media-primary{order:0!important;width:100%!important}
 #chapter-1 .v11-image-stack>.v12-video-wrap{order:2!important}
}

/* V47: Pac-Man small artwork and video sit side by side beneath the large artwork. */
#chapter-1 .v11-image-stack>.v47-pacman-media-pair{order:1;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(1.2rem,2.8vw,2rem);align-items:start;width:100%;margin-top:.4rem;min-width:0}
#chapter-1 .v47-pacman-media-pair>.v46-pacman-secondary{width:100%!important;max-width:none!important;margin:0!important;align-self:start!important;order:initial!important}
#chapter-1 .v47-pacman-media-pair>.v12-video-wrap{width:100%!important;min-width:0;margin:0!important;order:initial!important}
#chapter-1 .v47-pacman-media-pair .v12-video-shell{width:100%;aspect-ratio:16/9}
@media(max-width:800px){#chapter-1 .v11-image-stack>.v47-pacman-media-pair{display:flex;flex-direction:column;gap:2.5rem;align-items:center}#chapter-1 .v47-pacman-media-pair>.v46-pacman-secondary{width:min(70%,360px)!important;align-self:center!important}#chapter-1 .v47-pacman-media-pair>.v12-video-wrap{width:100%!important}}
/* Editorial additions keep the same text rhythm as the original body copy. */
.chapter .story-copy p.v47-editorial-addition{margin-top:1rem}

/* V48: Pac-Man: secondary artwork belongs beneath the primary image in the left column; video belongs in the right text column on desktop. Mobile reorder moves the video after the images. */
@media(min-width:801px){#chapter-1 .story-block.split.reverse .v11-image-stack>.v46-pacman-secondary{width:min(70%,360px)!important;max-width:360px!important;align-self:center!important;margin-top:.4rem!important}#chapter-1 .story-block.split.reverse .story-copy>.v12-video-wrap{width:100%;max-width:640px;margin-top:2rem}}

/* V49: source palette for pixel mark, consistent chapter-card hierarchy and year spacing. */
.topbar .pixels{background:linear-gradient(#d29b96,#d29b96) 0 0/8px 8px no-repeat,linear-gradient(#bf7472,#bf7472) 10px 0/8px 8px no-repeat,linear-gradient(#d37c79,#d37c79) 20px 0/8px 8px no-repeat,linear-gradient(#d6a09b,#d6a09b) 0 10px/8px 8px no-repeat,linear-gradient(#bb5c60,#bb5c60) 10px 10px/8px 8px no-repeat,linear-gradient(#873f43,#873f43) 20px 10px/8px 8px no-repeat,linear-gradient(#efc7c3,#efc7c3) 30px 10px/4px 8px no-repeat!important}
.chapter-cards .card strong{text-transform:uppercase;line-height:1.23}
.chapter .story-copy .year.small{line-height:1.18!important}
#chapter-1 .v49-astrosmash-img{border:0!important;outline:0!important}

/* V50: Öka radavståndet på vita flerradiga rubriker; minska på gula årtal. */
.chapter .story-copy h3{line-height:1.13!important;}
.chapter .v9-section-heading h3,.chapter .v35-section-intro h3,.chapter .v35-feature h3,.chapter .v9-section h3{line-height:1.14!important;}
.chapter .story-copy .year.small{line-height:.98!important;}

/* V51: archive fact follows main image in both desktop and mobile layouts. */
#chapter-7 .v11-image-stack > aside.fact { width:100%; max-width:100%; margin-top:1.5rem; }

/* V54: additional chapter videos and layout adjustments */
:is(#chapter-4,#chapter-5,#chapter-6) > section .v54-video {width:min(100%,740px);margin:clamp(2rem,4vw,3rem) auto 0;}
#chapter-7 .v54-video {width:100%;max-width:100%;margin-top:1.8rem;}
#chapter-7 .v12-video-shell {position:relative;width:100%;aspect-ratio:16/9;border:9px solid var(--yellow);background:#142629;box-shadow:12px 12px 0 rgba(0,0,0,.2);overflow:hidden;}
#chapter-7 .v12-video-shell iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
#chapter-7 .v12-video-play {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;padding:1rem;border:0;background:transparent;color:white;cursor:pointer;font:800 clamp(.8rem,1.3vw,1rem)/1.4 var(--pixel);}
#chapter-7 .v12-video-note {font-size:.82rem;line-height:1.4;margin:.8rem 0 0;opacity:.85;}
#chapter-7 .v11-image-stack > aside.fact {margin-top:.2rem;}
#chapter-8 .v11-image-stack > aside.fact {width:100%;margin:0;}
#chapter-8 .v11-image-stack > .v12-video-wrap {width:100%;margin-top:.3rem;}
#chapter-8 .v11-image-stack > .v12-video-wrap .v12-video-shell {width:100%;}
#chapter-8 .v11-image-stack > .v12-video-wrap .v12-video-play {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;padding:1rem;border:0;background:transparent;color:white;cursor:pointer;font:800 clamp(.8rem,1.3vw,1rem)/1.4 var(--pixel);}
#chapter-8 .story-copy h3.v54-mortal-title {max-width:none!important;width:100%!important;letter-spacing:-.025em;font-size:clamp(1.75rem,3vw,3.25rem)!important;overflow-wrap:normal;}
#chapter-1 .v54-pacman-crop {display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center center;}
#chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure {width:min(58%,290px)!important;}
#chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure img.v54-gameboy-img {width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;}
/* Same year-label scale for chapter 6 as the other chapters. */
#chapter-6 .story-copy .year.small {font-size:clamp(3.6rem,7.4vw,7.5rem)!important;line-height:.98!important;}
@media(max-width:800px){
 #chapter-6 .story-copy .year.small {font-size:clamp(3.2rem,11vw,5.5rem)!important;}
 #chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure {width:min(66%,270px)!important;}
 #chapter-8 .v11-image-stack > aside.fact {order:2!important;}
 #chapter-8 .v11-image-stack > .v12-video-wrap {order:3!important;}
 #chapter-7 .v11-image-stack > .v54-video {order:1!important;}
 #chapter-7 .v11-image-stack > aside.fact {order:2!important;}
}

/* V55: film descriptions use the same tone as the adjacent YouTube fallback note. */
.chapter .v12-video-label, .chapter .exhibit-video-caption {color:inherit!important;opacity:.85!important;}
/* V55: preserve the archive fact after the large image on mobile; show it below text on desktop. */
@media (min-width:801px) {
 #chapter-7 .v55-mobile-archive-fact {display:none!important;}
 #chapter-7 .v55-desktop-archive-fact {display:block!important;margin-top:1.5rem;}
 /* Senate: left column below explanatory text; ESRB image remains second in right column. */
 #chapter-8 .v55-mobile-senate-video {display:none!important;}
 #chapter-8 .v55-desktop-senate-video {display:block!important;margin-top:1.8rem;}
 /* Explicit media order overrides inherited figure ordering. */
 #chapter-8 .v11-image-stack > .exhibit-media-primary {order:0!important;}
 #chapter-8 .v11-image-stack > .exhibit-media-secondary {order:1!important;}
 #chapter-8 .v11-image-stack > aside.fact {order:2!important;}
 #chapter-8 .v11-image-stack > .v12-video-wrap {order:3!important;}
}
@media (max-width:800px) {
 #chapter-7 .v55-desktop-archive-fact {display:none!important;}
 #chapter-7 .v55-mobile-archive-fact {display:block!important;}
 #chapter-8 .v55-desktop-senate-video {display:none!important;}
 #chapter-8 .v55-mobile-senate-video {display:block!important;}
}

/* V56: fill Contra cover frame and keep new Angry Birds images ordered. */
#chapter-4 img.v56-contra-cover {display:block;width:100%;height:100%;object-fit:cover!important;}
#chapter-5 .v11-image-stack > .exhibit-media-primary {order:0!important;}
#chapter-5 .v11-image-stack > .exhibit-media-secondary {order:1!important;}
#chapter-5 .v56-angry-video {margin-top:1.6rem;}
#chapter-6 .v56-wow-video {margin-top:1.3rem;}

/* V57: unify year-segment image dimensions and video ordering. */
#chapter-1 .v11-image-stack > figure.exhibit-media-primary:has(img.v54-pacman-crop){width:100%!important;max-width:100%!important;align-self:stretch!important;}
#chapter-1 img.v54-pacman-crop{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center center!important;}
#chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure{width:100%!important;max-width:100%!important;align-self:stretch!important;}
#chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure img.v54-gameboy-img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center center!important;}
#chapter-3 .v12-video-wrap .v12-video-label,#chapter-3 .v12-video-wrap .v12-video-note,#chapter-3 .v12-video-wrap .v12-video-note a{color:#fff!important;opacity:1!important;}
#chapter-6 .v11-image-stack > .exhibit-media-primary{order:0!important;}
#chapter-6 .v11-image-stack > .v12-video-wrap{order:1!important;width:100%;margin-top:.3rem!important;}
#chapter-6 .v57-secondlife-video{width:100%;}
@media(max-width:800px){
 #chapter-2 .exhibit-gameboy-media > .exhibit-gameboy-figure{width:100%!important;max-width:100%!important;}
}

/* V60: consistent secondary photo spacing and fully visible research report */
.v60-fortnite-secondary { margin-top: 0; }
.v60-candy-fact-slot .fact { margin: 0; width: 100%; }
.v60-report-full img { object-fit: contain !important; object-position: center top !important; height: auto !important; max-height: none !important; }

/* V61: shared fact-box typography regardless of whether the box is in text or image column. */
#chapter-7 .fact, #chapter-8 .fact {font:500 1rem/1.55 var(--sans);}
#chapter-7 .fact > span, #chapter-8 .fact > span {font:900 .85rem/1.4 var(--pixel);}
#chapter-7 .fact > p, #chapter-8 .fact > p {font:500 1rem/1.55 var(--sans);margin:.55rem 0 0;max-width:none;}
#chapter-7 .v60-candy-fact-slot {width:100%!important;max-width:100%!important;align-self:stretch!important;margin-top:.45rem!important;}
#chapter-7 .v60-candy-fact-slot > .fact {width:100%;max-width:none;margin:0;}
/* Fortnite secondary frame uses the same reduced width as other year-heading segments. */
#chapter-6 .v11-image-stack > .v60-fortnite-secondary {width:min(70%,360px)!important;max-width:360px!important;align-self:center!important;margin-top:.45rem!important;}
#chapter-6 .v60-fortnite-secondary > figure.photo {width:100%!important;max-width:100%!important;margin:0!important;}
/* No Russian fact follows the main image, in the image-side column. */
#chapter-8 .v11-image-stack > aside.v61-standard-fact {width:100%;max-width:100%;margin-top:.3rem;align-self:stretch;}
@media(max-width:800px){
 #chapter-6 .v11-image-stack > .v60-fortnite-secondary {width:min(70%,360px)!important;align-self:center!important;}
 #chapter-7 .v11-image-stack > .v60-candy-fact-slot {width:100%!important;max-width:none!important;}
 #chapter-8 .v11-image-stack > aside.v61-standard-fact {order:2!important;}
}

/* V62: one consistent typographic system for every fact box in all eight chapters.
   These final rules override older chapter-specific declarations. */
.chapter .fact,
.chapter .story-copy .fact,
.chapter .v11-image-stack .fact {font:500 1rem/1.55 var(--sans)!important;}
.chapter .fact > span,
.chapter .story-copy .fact > span,
.chapter .v11-image-stack .fact > span {font:900 .85rem/1.4 var(--pixel)!important;}
.chapter .fact > p,
.chapter .story-copy .fact > p,
.chapter .v11-image-stack .fact > p {font:500 1rem/1.55 var(--sans)!important;margin:.55rem 0 0;max-width:none;}
/* Candy Crush fact is a full-column panel, not a narrow secondary photo. */
#chapter-7 .v11-image-stack > .v60-candy-fact-slot.exhibit-media-secondary {width:100%!important;max-width:none!important;min-width:0;align-self:stretch!important;flex:none!important;}
#chapter-7 .v60-candy-fact-slot > aside.fact {display:block;width:100%!important;max-width:none!important;box-sizing:border-box;}

/* V63: Keep the whole exhibition in a single left-aligned reading flow on small screens. */
@media (max-width: 768px) {
  .chapter :is(h1,h2,h3,h4,h5,h6,p,figcaption,summary,.v9-section-heading,.v27-section-intro,.v22-evolution-head,.v32-section-intro,.v35-section-intro,.v37-intro,.fact,.fact span,.deep-dive,.deep-dive summary) {text-align:left!important;}
  .chapter :is(.v9-section-heading,.v27-section-intro,.v22-evolution-head,.v32-section-intro,.v35-section-intro,.v37-intro) {margin-left:0;margin-right:0;}
  .chapter .fact {text-align:left!important;}
}
/* V63: Show entire archival screenshots without cropping their original edges. */
#chapter-1 .v49-astrosmash-img,
#chapter-7 img[src$="spelannons.webp"] {object-fit:contain!important;object-position:center center!important;height:auto!important;aspect-ratio:auto!important;}

/* V64: mobile text alignment - cover all nested text containers, including
   centered chapter introductions, gallery labels and standalone captions.
   Match the exhibition's existing 800px mobile layout breakpoint. */
@media screen and (max-width: 800px) {
  .chapter,
  .chapter :is(header,section,article,aside,div,figure,figcaption,blockquote,details,summary,h1,h2,h3,h4,h5,h6,p,span,small,strong,em,li),
  .intro-band, .intro-band :is(div,h1,h2,h3,p,span),
  .chapters-overview :is(h1,h2,h3,p,small,strong,span),
  .end-question, .end-question :is(h1,h2,h3,p) {
    text-align: left !important;
  }
  /* Headings previously centered with auto margins should use the
     normal left edge of their single-column mobile parent. */
  .chapter :is(.v9-section-heading,.v27-section-intro,.v22-evolution-head,
    .v32-section-intro,.v35-section-intro,.v37-intro,.v27-rpg-footnote) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Preserve centered artwork, arrows, controls and the chapter label in
     the fixed navigation bar; these are not editorial reading text. */
  .topbar .active-chapter-label {text-align:left!important;}
}

/* V65: tillganglighet och stabilitet */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(24px)}
.js .reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}
.chapter-nav{visibility:hidden;transition:transform .25s,visibility 0s .25s}
.chapter-nav.open{visibility:visible;transition:transform .25s}
:where(a,button,summary,input,textarea,select):focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px #15262a;outline-offset:3px;position:relative;z-index:2}
.chapter.green,#chapter-3.chapter.green{background:#4f7f2a}
.chapter.teal,#chapter-5.chapter.teal{background:#1d7274}
.chapter.orange,#chapter-3.chapter.orange{background:#a9522a}
/* Keep original chapter palettes for large decorative graphics; improve label legibility */
.chapter .kicker,.chapter .mini,.chapter .label,.chapter .eyebrow{font-size:max(.8rem,12.8px)}
@media(max-width:800px){.chapter-nav{transition:transform .25s,visibility 0s .25s}}
@media(max-width:320px){.story-block,.v11-image-stack,.story-copy,.photo,.chapter-head{min-width:0}.chapter h2,.story-copy h3{overflow-wrap:anywhere}.chapter{padding-left:1rem;padding-right:1rem}}

/* Feedback: compact contact strip, retained from V68. */
.chapter img{max-width:100%}
/* V68: compact single-line feedback near the footer */
.feedback.feedback-compact{padding:.8rem clamp(1rem,7vw,7rem);background:#f5edda;text-align:center}
.feedback.feedback-compact p{margin:0;font:400 .875rem/1.5 var(--sans);text-align:center}
.feedback.feedback-compact a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.feedback.feedback-compact a:focus-visible{outline:3px solid #8c464b;outline-offset:3px}
@media(max-width:800px){.feedback.feedback-compact,.feedback.feedback-compact p{text-align:center}}

/* V69: responsive safeguards, without overriding individual image compositions. */
@media (max-width: 800px) {
  .story-block, .story-copy, .v11-image-stack, .exhibit-media, .exhibit-media-secondary,
  .v12-video-wrap, .v27-rpg-card, .v35-evo-card { min-width: 0; }
  .chapter :is(h1,h2,h3,h4,figcaption), .chapter-nav a { overflow-wrap: break-word; }
  .v12-video-wrap iframe { max-width: 100%; }
}
@media (max-width: 320px) {
  .chapter :is(h1,h2,h3,h4), .feedback-compact p { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .chapter-nav { transition-duration: 0s; }
  html:focus-within { scroll-behavior: auto; }
}

/* V70: Keep the Metal Gear comparison arrow between the images on mobile.
   Explicit grid placement prevents it from overlapping the first image. */
@media screen and (max-width: 800px) {
  #chapter-4 .v32-compare-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    align-items: center;
    justify-items: center;
    gap: 1rem;
  }
  #chapter-4 .v32-compare-grid > figure:first-of-type {grid-column:1;grid-row:1;width:100%;}
  #chapter-4 .v32-compare-grid > .v32-compare-arrow {
    grid-column:1;grid-row:2;position:static!important;
    inset:auto!important;float:none;display:block;
    margin:.2rem auto;line-height:1;transform:rotate(90deg);
    text-align:center!important;justify-self:center;align-self:center;
  }
  #chapter-4 .v32-compare-grid > figure:last-of-type {grid-column:1;grid-row:3;width:100%;}
  /* Only the closing teaser text is centered; editorial copy stays left-aligned. */
  .chapter .end-question > h3,
  .chapter .end-question > p {text-align:center!important;margin-left:auto;margin-right:auto;}
}