/* A film soundstage, with the miniature city kept visually distinct from data. */
.city69-roll{--city69-top:68px;--city69-camera:0;--city69-intro:1;--city69-branch:0;--city69-reveal:0;--city69-dim:0;position:relative;height:220svh;background:#051019;color:#f0eee1;isolation:isolate;scroll-margin-top:0;font-family:Anuphan,sans-serif}
.city69-roll *{box-sizing:border-box}.city69-stage{position:sticky;top:var(--city69-top);height:calc(100svh - var(--city69-top));min-height:600px;overflow:hidden;background:#051019;isolation:isolate}
.city69-camera{position:absolute;inset:0;z-index:0;transform:translateY(calc(var(--city69-camera)*-1.5%)) scale(calc(1 + var(--city69-camera)*.115));transform-origin:53% 64%;will-change:transform;opacity:calc(1 - var(--city69-dim));transition:opacity .1s linear}
.city69-picture{position:absolute;width:max(112%,1420px);height:auto;max-width:none;left:50%;bottom:2%;transform:translateX(-50%);display:block}
.city69-stage::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#051019 0%,#051019b0 13%,#05101920 35%,transparent 48%,#05101910 60%,#051019 96%),linear-gradient(90deg,#0510199c 0,transparent 24%,transparent 76%,#0510197a 100%)}
.city69-stage::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;box-shadow:inset 0 0 110px #01080c75;border-block:1px solid #aecfca25}
.city69-topbar{position:absolute;z-index:9;top:24px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:16px}.city69-brand{font:500 11px/1.4 Geist,Arial,sans-serif;letter-spacing:.2em;color:#c8d6cf}.city69-controls{display:flex;align-items:center;gap:22px}.city69-controls a,.city69-controls button{font:400 12px/1.5 Anuphan,sans-serif;color:#b8cdc5;text-decoration:none;border:0;background:none;padding:6px 0;cursor:pointer}.city69-controls a:hover,.city69-controls button:hover{color:#fff5dc}.city69-controls button{border-bottom:1px solid #a7c5b54a}.city69-controls :focus-visible,.city69-results-link:focus-visible{outline:2px solid #e8bd78;outline-offset:6px}
.city69-intro{position:absolute;z-index:4;left:7%;top:13%;max-width:700px;opacity:var(--city69-intro);transform:translateY(calc((1 - var(--city69-intro))*-14px));pointer-events:none}.city69-eyebrow{font-size:14px;letter-spacing:.09em;color:#bad1c5;margin:0 0 15px}.city69-title{font:450 clamp(42px,5.1vw,72px)/1.18 Anuphan,sans-serif;white-space:pre-line;margin:0;color:#f6f1e4;letter-spacing:-.035em;text-shadow:0 3px 30px #031119}.city69-cohort{font-size:17px;line-height:1.7;margin:20px 0 0;color:#d1ded5}
.city69-engine{position:absolute;z-index:3;left:7%;top:14%;display:flex;align-items:center;gap:10px;font-size:18px;color:#dfebe0;opacity:calc((1 - var(--city69-intro))*(1 - var(--city69-reveal)));transform:translateY(calc(var(--city69-intro)*12px));pointer-events:none}.city69-engine-light{width:6px;height:6px;background:#e6bd82;border-radius:50%;box-shadow:0 0 15px #e8c78b70}.city69-engine-label{padding-right:10px}
.city69-worlds{position:absolute;z-index:5;left:7%;right:7%;bottom:24%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;opacity:calc(var(--city69-branch)*(1 - var(--city69-reveal)));transform:translateY(calc((1 - var(--city69-branch))*18px));pointer-events:none}.city69-world{min-width:0;border:1px solid #c4d4bf6b;border-top:2px solid var(--world-color,#a5b9b4);background:#0b1d25d9;backdrop-filter:blur(9px);display:flex;align-items:center;gap:14px;padding:15px 18px;box-shadow:0 8px 30px #0004}.city69-world-A{--world-color:#b8dbc8}.city69-world-B{--world-color:#eac187}.city69-world-C{--world-color:#e5a6ac}.city69-world-id{font:450 34px/1 Newsreader,Georgia,serif;color:var(--world-color,#bacbc5)}.city69-world-fixed .city69-world-id{font:500 14px/1 Geist,Arial,sans-serif;letter-spacing:.06em}.city69-world-label{font-size:15px;line-height:1.45;color:#ebece0}
.city69-timeline{position:absolute;z-index:6;left:7%;right:7%;bottom:5%;opacity:calc(1 - var(--city69-reveal));pointer-events:none}.city69-timehead{display:flex;gap:20px;align-items:baseline;justify-content:space-between}.city69-date{font-size:25px;font-weight:450;font-variant-numeric:tabular-nums;color:#f2ead8}.city69-range{font-size:12px;line-height:1.5;color:#b7c9c2}.city69-month-track{display:flex;gap:4px;align-items:center;height:22px;margin:8px 0}.city69-month{display:block;flex:1;min-width:0;height:4px;background:#adc4bd2e}.city69-month-year{height:10px}.city69-month-past{background:#a5c9ba9c}.city69-month-current{background:#efd0a0;box-shadow:0 0 9px #eebd7a6e;height:15px}.city69-timefoot{display:flex;justify-content:space-between;gap:24px;font-size:11px;line-height:1.6;color:#9fb7af}.city69-illustration-note{color:#80978f}.city69-rounds{white-space:nowrap}
.city69-reveal{position:absolute;z-index:8;inset:15% 7% 17%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:var(--city69-reveal);transform:translateY(calc((1 - var(--city69-reveal))*32px)) scale(calc(.965 + var(--city69-reveal)*.035));pointer-events:none}.city69-reveal-kicker{font-size:17px;line-height:1.6;letter-spacing:.06em;color:#e1be84;margin-bottom:20px}.city69-question{font:450 clamp(42px,5.6vw,78px)/1.25 Anuphan,sans-serif;letter-spacing:-.025em;white-space:pre-line;margin:0;color:#f2eee0;text-shadow:0 4px 40px #031019}.city69-results-link{font-size:15px;color:#c5dccf;text-decoration:none;margin-top:35px;padding:8px 2px;border-bottom:1px solid #a2c7b869}.city69-roll[data-city69-reveal-ready="true"] .city69-results-link{pointer-events:auto}.city69-cut-edge{position:absolute;z-index:8;bottom:0;left:0;right:0;height:3px;background:#e3c18a;transform:scaleX(var(--city69-reveal));transform-origin:center;opacity:var(--city69-reveal)}
.city69-rig,.city69-atmosphere{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc(.65*(1 - var(--city69-reveal)))}.city69-rig-line{position:absolute;left:1%;right:1%;top:4px;border-top:2px solid #778a842d}.city69-lamp{position:absolute;top:1%;width:46px;height:29px;background:linear-gradient(90deg,#091923,#21333d,#0a1b26);border:1px solid #47616b;border-radius:5px 5px 35% 35%;box-shadow:0 12px 15px -10px #ffe5b7b3}.city69-lamp::after{content:"";position:absolute;left:5px;right:5px;bottom:-3px;height:4px;background:#dcc6a0;border-radius:50%;opacity:.75}.city69-lamp-left{left:17%;transform:rotate(-20deg)}.city69-lamp-right{right:14%;transform:rotate(18deg)}.city69-beam{position:absolute;top:3%;width:44%;height:75%;background:linear-gradient(180deg,#e5dbc910,#e5dbc906 65%,transparent);clip-path:polygon(45% 0,48% 0,100% 100%,0 100%);filter:blur(7px);transform-origin:46% 0;animation:city69-light-drift 13s ease-in-out infinite alternate;animation-play-state:paused}.city69-beam-left{left:-2%;rotate:-10deg}.city69-beam-right{right:-3%;rotate:17deg;animation-delay:-7s}.city69-floor-shine{position:absolute;left:25%;right:25%;bottom:22%;height:25%;border-radius:50%;background:#d6c59e05;filter:blur(25px)}
.city69-car-body{fill:#d5dfd7}.city69-car-1 .city69-car-body{fill:#d7ad72}.city69-car-2 .city69-car-body{fill:#688f91}.city69-window{opacity:.1;animation:city69-window-life 5s ease-in-out infinite alternate;animation-delay:var(--window-delay);animation-play-state:paused}.city69-running .city69-window,.city69-running .city69-beam{animation-play-state:running}@keyframes city69-window-life{from{opacity:.06}to{opacity:.2}}@keyframes city69-light-drift{from{transform:rotate(-2deg)}to{transform:rotate(3deg)}}
/* Static versions retain the complete thought and free the page from the runway. */
.city69-roll.city69-static{height:auto}.city69-static .city69-stage{position:relative;top:0;height:auto;min-height:860px;padding:95px 7% 36px;display:flex;flex-direction:column}.city69-static .city69-camera{transform:none;opacity:.8}.city69-static .city69-picture{bottom:20%;width:max(105%,1300px)}.city69-static .city69-intro{position:relative;top:auto;left:auto;opacity:1;transform:none;max-width:760px;pointer-events:auto}.city69-static .city69-title{font-size:clamp(34px,4vw,56px)}.city69-static .city69-cohort{font-size:16px;margin-top:12px}.city69-static .city69-engine{display:none}.city69-static .city69-worlds{position:relative;inset:auto;opacity:1;transform:none;margin-top:260px}.city69-static .city69-timeline{position:relative;inset:auto;opacity:1;margin-top:26px}.city69-static .city69-date{font-size:18px}.city69-static .city69-range{display:none}.city69-static .city69-month-current{box-shadow:none}.city69-static .city69-reveal{position:relative;inset:auto;opacity:1;transform:none;text-align:left;align-items:flex-start;margin-top:35px;pointer-events:auto}.city69-static .city69-reveal-kicker{font-size:13px;margin-bottom:7px}.city69-static .city69-question{font-size:clamp(28px,3vw,42px);white-space:normal}.city69-static .city69-results-link{margin-top:15px;font-size:14px}.city69-static .city69-atmosphere,.city69-static .city69-rig,.city69-static .city69-cut-edge{display:none}.city69-art-missing .city69-camera{display:none}.city69-art-missing .city69-stage{background:radial-gradient(ellipse at 50% 65%,#29433e55,transparent 60%),#07141b}.city69-static.city69-art-missing .city69-worlds{margin-top:60px}
@media(min-width:1600px){.city69-picture{width:112%}.city69-worlds,.city69-timeline{left:10%;right:10%}.city69-intro,.city69-engine{left:10%}}
@media(max-width:800px){.city69-roll{height:190svh}.city69-stage{min-height:620px}.city69-topbar{left:6%;right:6%;top:19px}.city69-brand{font-size:9px;letter-spacing:.11em;max-width:115px}.city69-controls{gap:14px}.city69-controls a,.city69-controls button{font-size:11px}.city69-intro{left:7%;right:7%;top:13%}.city69-title{font-size:clamp(38px,7vw,52px);line-height:1.2}.city69-cohort{font-size:15px;max-width:330px;margin-top:16px}.city69-eyebrow{font-size:12px;margin-bottom:13px}.city69-picture{width:1250px;bottom:6%;left:49%}.city69-worlds{left:7%;right:7%;bottom:25%;gap:8px}.city69-world{padding:12px 10px;gap:8px}.city69-world-id{font-size:27px}.city69-world-label{font-size:12px}.city69-world-fixed .city69-world-id{font-size:11px}.city69-timeline{bottom:6%}.city69-timehead{display:block}.city69-date{font-size:22px}.city69-range{display:block;margin-top:3px;font-size:10px}.city69-month-track{gap:2px}.city69-timefoot{display:block;font-size:10px}.city69-illustration-note{display:block;margin-top:2px}.city69-engine{font-size:15px;right:7%;top:14%;align-items:flex-start}.city69-engine-light{margin-top:8px;flex-shrink:0}.city69-question{font-size:clamp(35px,6vw,49px)}.city69-reveal-kicker{font-size:15px}.city69-reveal{inset:14% 6% 18%}.city69-results-link{font-size:14px}.city69-lamp{width:33px;height:22px}.city69-static .city69-stage{min-height:850px}.city69-static .city69-picture{width:1200px;bottom:25%}.city69-static .city69-worlds{margin-top:235px}.city69-static .city69-cohort{max-width:none}.city69-static .city69-title{font-size:42px}.city69-static .city69-world-label{font-size:13px}}
@media(max-width:520px){.city69-roll{--city69-top:68px;height:180svh}.city69-stage{min-height:590px}.city69-brand{max-width:83px;font-size:8px;line-height:1.7}.city69-controls{gap:12px}.city69-controls a,.city69-controls button{font-size:10px}.city69-topbar{left:6%;right:6%}.city69-intro{top:13%}.city69-title{font-size:41px}.city69-cohort{font-size:13px;margin-top:13px;max-width:280px}.city69-eyebrow{font-size:11px}.city69-picture{width:1400px;bottom:0;left:50%}.city69-worlds{grid-template-columns:repeat(2,minmax(0,1fr));bottom:26%;gap:7px}.city69-world{padding:10px 12px;gap:12px;min-height:44px}.city69-world-id{font-size:25px}.city69-world-label{font-size:12px}.city69-world-fixed .city69-world-id{font-size:10px}.city69-worlds .city69-world-fixed{gap:10px}.city69-timehead{margin-bottom:7px}.city69-date{font-size:20px}.city69-range{font-size:9px}.city69-timefoot{font-size:9px}.city69-month-track{height:16px;margin:5px 0}.city69-month{height:3px}.city69-month-year{height:7px}.city69-month-current{height:12px}.city69-engine{top:13%;font-size:14px;max-width:290px;line-height:1.7}.city69-question{font-size:38px;line-height:1.35}.city69-reveal-kicker{font-size:14px;margin-bottom:17px}.city69-results-link{margin-top:25px;font-size:13px}.city69-static .city69-stage{padding-top:92px;min-height:0}.city69-static .city69-title{font-size:36px}.city69-static .city69-cohort{font-size:13px}.city69-static .city69-picture{width:1080px;bottom:31%}.city69-static .city69-worlds{margin-top:210px}.city69-static .city69-world-label{font-size:12px}.city69-static .city69-date{font-size:15px}.city69-static .city69-question{font-size:28px;line-height:1.5}.city69-static .city69-reveal{margin-top:25px}.city69-static .city69-reveal-kicker{font-size:12px}.city69-static .city69-results-link{font-size:12px;margin-top:12px}}
@media(max-height:740px) and (min-width:801px){.city69-stage{min-height:520px}.city69-intro{top:14%}.city69-title{font-size:47px}.city69-cohort{font-size:15px;margin-top:12px}.city69-picture{width:max(108%,1250px);bottom:-10%}.city69-worlds{bottom:25%}.city69-world{padding:11px 15px}.city69-timeline{bottom:4%}.city69-date{font-size:20px}.city69-timefoot{font-size:10px}}
@media(prefers-reduced-motion:reduce){.city69-roll *, .city69-roll *::before,.city69-roll *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.city69-pause{display:none}}
@media print{.city69-roll{height:auto}.city69-stage{position:relative;top:0;min-height:750px}.city69-controls{display:none}}

/* Decorative day/night compression; the dated timeline remains the data. */
.city69-roll{--city115-day:0;--city115-dusk:0;--city115-night:0;--city115-sky-strength:0}
.city115-sky,.city115-orbit{position:absolute;pointer-events:none;user-select:none}
.city115-sky{inset:0;z-index:1;overflow:hidden;opacity:var(--city115-sky-strength);mask-image:linear-gradient(#000 0%,#000 34%,#000000a6 48%,transparent 73%)}
.city115-sky>i{position:absolute;inset:0;display:block}
.city115-daylight{background:radial-gradient(ellipse at 74% 25%,#fff3bd42 0%,#f1c38019 28%,transparent 57%),linear-gradient(180deg,#496b87ed 0%,#658795c2 23%,#abbab86b 46%,#bad0b900 77%);opacity:var(--city115-day)}
.city115-sunset{background:radial-gradient(ellipse at 80% 40%,#ffca8575 0%,#de866e38 30%,transparent 68%),linear-gradient(180deg,#413554c4 0%,#87506a91 23%,#d994685c 44%,#c27b5200 72%);opacity:var(--city115-dusk)}
.city115-stars{background:radial-gradient(circle at 17% 15%,#d5e7f1b3 0 .8px,transparent 1.5px),radial-gradient(circle at 26% 24%,#d5e7f175 0 .7px,transparent 1.4px),radial-gradient(circle at 38% 11%,#e5e9d4b3 0 1px,transparent 1.8px),radial-gradient(circle at 47% 29%,#d5e7f17d 0 .8px,transparent 1.5px),radial-gradient(circle at 56% 18%,#d5e7f1b3 0 .9px,transparent 1.6px),radial-gradient(circle at 63% 8%,#d5e7f180 0 .7px,transparent 1.4px),radial-gradient(circle at 72% 31%,#e5e9d4ad 0 .9px,transparent 1.7px),radial-gradient(circle at 78% 14%,#d5e7f1b3 0 1px,transparent 1.8px),radial-gradient(circle at 86% 26%,#d5e7f185 0 .7px,transparent 1.4px),radial-gradient(circle at 92% 10%,#d5e7f1ad 0 .8px,transparent 1.5px),linear-gradient(180deg,#10182ed6,#10213966 45%,transparent 80%);opacity:var(--city115-night)}
.city115-orbit{inset:7% 0 auto;z-index:2;width:100%;height:46%;overflow:visible;opacity:var(--city115-sky-strength)}
.city115-orbit-path,.city115-arc{fill:none;stroke:#bfd5de1a;stroke-width:1;vector-effect:non-scaling-stroke}
.city115-sun{fill:#ffe7a5;filter:drop-shadow(0 0 7px #ffd48bae) drop-shadow(0 0 22px #ffb45d66)}
.city115-moon{fill:#e1edf0;filter:drop-shadow(0 0 8px #d2e5fa69)}
.city115-sun-halo{fill:#ffd98e;opacity:.11}
.city115-sun-disc{fill:#ffe8ae}
.city115-moon-halo{fill:#c8dff3;opacity:.07}
.city115-moon-disc{fill:#e5eff5}
.city115-sun-trail,.city115-moon-trail{fill:none;stroke-width:1.3;stroke-linecap:round;vector-effect:non-scaling-stroke}
.city115-sun-trail{stroke:#ffe1a147}
.city115-moon-trail{stroke:#d9e8f33d}
.city69-stage:has(.city115-sky)::before{z-index:3;background:linear-gradient(90deg,#051019b5 0%,#05101970 23%,#05101912 54%,transparent 72%),linear-gradient(180deg,#05101959 0%,transparent 20%,transparent 62%,#051019b3 83%,#051019 100%)}
.city69-stage:has(.city115-sky) .city69-camera{filter:brightness(calc(1 + var(--city115-day)*.28 - var(--city115-night)*.14)) saturate(calc(1 + var(--city115-dusk)*.13))}
.city69-stage:has(.city115-sky) .city69-topbar,.city69-stage:has(.city115-sky) .city69-engine,.city69-stage:has(.city115-sky) .city69-cohort{text-shadow:0 1px 12px #031019d9}
.city69-stage:has(.city115-sky) .city69-engine{opacity:calc(clamp(0, calc((.16 - var(--city69-intro))*6.25), 1)*(1 - var(--city69-reveal)))}
.city69-static .city115-sky{opacity:.35}
.city69-static .city115-orbit{opacity:.4}
@media(max-width:800px){
 .city115-orbit{top:8%;height:44%}
 .city115-sky{mask-image:linear-gradient(#000 0%,#000 31%,#00000080 49%,transparent 70%)}
}
@media(max-width:520px){
 .city115-orbit{top:10%;left:45%;width:55%;height:39%}
 .city115-sun-disc{r:36px}
 .city115-sun-halo{r:76px}
 .city115-moon-disc{transform:scale(2.4);transform-origin:0 0}
 .city115-moon-halo{r:64px}
 .city115-sky{mask-image:linear-gradient(#000 0%,#000 30%,#00000080 43%,transparent 63%)}
 .city69-stage:has(.city115-sky)::before{background:linear-gradient(90deg,#051019ad 0%,#05101963 35%,transparent 76%),linear-gradient(180deg,#05101940,transparent 25%,transparent 60%,#051019ba 80%,#051019 100%)}
}
@media print{.city115-sky,.city115-orbit{display:none}.city69-stage:has(.city115-sky) .city69-camera{filter:none}}

/* Reading142: the city opens without the former three-line title overlay.
 * Lift the one-sided text scrim; the bottom gradient still protects the timeline. */
.city69-stage:has(.city115-sky)::before{background:linear-gradient(180deg,#05101952 0%,transparent 24%,transparent 60%,#051019a3 83%,#051019 100%),linear-gradient(90deg,#05101930 0%,transparent 24%,transparent 76%,#05101930 100%)}
.city69-roll.city69-static .city69-worlds{margin-top:clamp(280px,30vw,360px)}
@media(max-width:800px){.city69-roll.city69-static .city69-worlds{margin-top:300px}}
@media(max-width:520px){.city69-roll.city69-static .city69-worlds{margin-top:285px}}
@media print{.city69-roll.city69-static .city69-worlds{margin-top:260px}}