:root{--charcoal:#141c22;--signal:#d51532;--muted:#55636b;--rule:#b6c1c6}
.cinema button,.reel-strip button,.city-show button,.capture-show button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
:is(.cinema,.reel-strip,.city-show,.capture-show) :focus-visible{outline:3px solid #ed3451;outline-offset:3px}
.eyeline,.catalog-bar,.index-pages,.preview-credit,.episode-meta,.orbit-controls,.transport,.exit-film,.youtube-link,.capture-select,.route-switch{font:700 .72rem/1.2 Consolas,'Courier New',monospace;letter-spacing:.075em;text-transform:uppercase}
.eyeline{display:flex;align-items:center;gap:.7em}.eyeline i{width:2rem;height:3px;display:inline-block;background:#e92b45}
.screening-stage{padding:0;display:block;background:#10181e}
.cinema{position:relative;background:#111a20;color:#fafbf9;min-height:100svh;overflow:hidden;isolation:isolate}
.cinema-preview{min-height:100svh;display:flex;align-items:center}
.motion-preview,.cinema-shade{position:absolute;inset:0;width:100%;height:100%}
.motion-preview{width:72%;left:auto;object-fit:cover;object-position:50% 42%;background:#7f8587}
.cinema-shade{background:linear-gradient(90deg,#10191f 2%,#10191ff5 25%,#10191fa8 47%,#10191f0a 78%),linear-gradient(0deg,#10191fbc,transparent 27%)}
.cinema-copy{position:relative;max-width:56%;padding:3rem 0 4rem var(--edge)}
.cinema-copy h2,.city-heading h2,.district-view h2,.capture-show h2{font:900 clamp(3.6rem,7.9vw,8.75rem)/.86 'Arial Black',Arial,sans-serif;letter-spacing:-.088em;margin:1.25rem 0}
.cinema-copy h2 em{color:#ff384e}.cinema-copy>p:not(.eyeline){max-width:35ch;font-size:clamp(.95rem,1.3vw,1.17rem);line-height:1.5;color:#e0e6e8}.cinema-copy p a{text-decoration-color:#98a7ad;text-underline-offset:.2em}
.cinema .watch-film{margin-top:1.7rem;display:inline-flex;align-items:center;gap:.45em;background:#f8f9f6;color:#15232a;padding:.35rem 1.1rem .35rem .35rem;font-weight:800;min-height:48px}
.watch-film b{background:var(--signal);color:white;display:grid;place-items:center;width:40px;height:40px;font-size:.85rem;margin-right:.3rem}.watch-film:hover b{background:#ac0d26}
.preview-credit{position:absolute;right:var(--edge);bottom:7%;display:flex;align-items:center;gap:.8rem;color:white;text-shadow:0 1px 8px #111}
.preview-credit span:first-child{font:italic 900 clamp(2rem,4vw,4.4rem)/.85 Arial,sans-serif;letter-spacing:-.08em;border-right:2px solid #f63850;padding-right:.7rem}
.full-film{position:relative;display:grid;align-content:center;justify-items:center;gap:.55rem;min-height:100svh;padding:3.5rem var(--edge) 1rem;background:radial-gradient(ellipse at 50% 40%,#38434a,#11191f 68%)}
[hidden]{display:none!important}.cinema .exit-film{position:absolute;left:var(--edge);top:1rem;color:white;font:var(--mono);padding:.65rem 0}
.projection{height:min(75svh,810px);aspect-ratio:9/16;max-width:100%;background:#11181c}.projection video,.youtube-slot,.youtube-slot iframe{display:block;width:100%;height:100%;border:0;object-fit:contain}
.transport{display:flex;width:min(35rem,100%);align-items:center;gap:.6rem}.transport button,.orbit-controls button{min-height:44px;white-space:nowrap}
.transport input,.orbit-controls input{flex:1;min-width:0;accent-color:#ef304a;height:28px}.film-sound i{font-style:normal;color:#ff5169}.youtube-link{color:white;text-underline-offset:.3em}
.reel-strip{background:#111b21;color:#fff;padding:2.4rem var(--edge) clamp(3.3rem,6vw,6.8rem);border-top:1px solid #445057}
.strip-head,.city-heading,.catalog-bar,.index-pages{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.strip-head h2{font-size:clamp(1.9rem,3.5vw,3.6rem);letter-spacing:-.065em}.rail-arrows{display:flex;gap:.35rem}.rail-arrows button,.index-pages button{width:46px;height:44px;border:1px solid #78868c;font-size:1.2rem}.rail-arrows button:hover,.index-pages button:hover{background:#697a8320}button:disabled{opacity:.35;cursor:default}
.episode-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,25vw,395px);gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:.9rem 3px .75rem;scrollbar-width:thin;scrollbar-color:#5e6e77 transparent}
.episode-rail button{text-align:left;padding:0;scroll-snap-align:start}.episode-art{display:block;position:relative;overflow:hidden;aspect-ratio:1.77;background:#293740}.episode-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.episode-art b{position:absolute;bottom:0;left:0;background:#151c22e6;color:white;padding:.55rem .75rem;font:700 .65rem Consolas,monospace}
.episode-rail button[aria-pressed=true] .episode-art b{background:var(--signal)}.episode-rail button:hover img{transform:scale(1.035)}.episode-rail strong{display:block;line-height:1.15;letter-spacing:-.025em;font-size:clamp(1rem,1.65vw,1.45rem);margin:.65rem 0}
.city-show,.capture-show{padding:clamp(3.4rem,6vw,7rem) var(--edge);background:#eef2f3;color:#15212a}
.city-heading{align-items:flex-end;margin-bottom:2rem}.city-heading h2,.capture-show .strip-head h2{margin:.65rem 0 0}.city-heading em,.capture-show em{color:var(--signal)}.city-heading>p{max-width:37ch;line-height:1.48;color:#435560}
.district-view{min-height:min(80svh,740px);position:relative;display:grid;align-items:end;overflow:hidden;color:#fff;background:#29353d}.district-view>img,.route-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.route-shade{background:linear-gradient(90deg,#111c25d9,transparent 78%),linear-gradient(0deg,#111c25b8,transparent 50%)}.district-view figcaption{position:relative;padding:clamp(2rem,6vw,6rem) var(--edge)}
#route-caption{max-width:37ch}#route-caption strong,#route-caption span{display:block}#route-caption span{margin-top:.3rem;color:#e1e7e9}.route-switch,.capture-select{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1.5rem}.route-switch a,.capture-select button{min-height:44px;display:inline-flex;align-items:center;padding:.55rem .85rem;border:1px solid currentColor;text-decoration:none}.route-switch a[aria-current=true],.capture-select button[aria-pressed=true]{background:var(--signal);color:white;border-color:var(--signal)}
.capture-view{position:relative;margin-top:2rem}.capture-view img{width:100%;height:auto;aspect-ratio:2.18;object-fit:cover}.capture-view figcaption{position:absolute;bottom:0;left:0;padding:.75rem 1rem;background:#121b22;color:#fff;font-weight:700}.capture-select{margin-top:.9rem}
.final-strip{color:#fff;background:#a60e26;padding-block:clamp(3rem,6vw,6.5rem)}.final-strip .next-stop{background:white;color:#9c1026}
@media(max-width:760px){
 .motion-preview{width:100%;height:68%;object-position:50% 37%}.cinema-preview{align-items:flex-end}
 .cinema-shade{background:linear-gradient(0deg,#10191f 9%,#10191ff7 28%,#10191fa3 50%,transparent 78%)}
 .cinema-copy{max-width:100%;padding:2rem var(--edge) clamp(2rem,5svh,4rem)}.cinema-copy h2{font-size:clamp(3.1rem,11vw,5.2rem);margin:.7rem 0}
 .cinema-copy>p:not(.eyeline){font-size:.91rem;max-width:40ch}.cinema .watch-film{margin-top:.9rem}.preview-credit{top:1.2rem;bottom:auto;right:var(--edge);font-size:.62rem}
 .episode-rail{grid-auto-columns:min(72vw,20rem);gap:.7rem}.city-heading{display:block}.city-heading>p{margin-top:1rem}
 .district-view{min-height:66svh}.capture-view img{aspect-ratio:1.45}.capture-select button{font-size:.65rem}.projection{height:min(69svh,166vw)}.full-film{padding-inline:1rem}
}
@media(max-height:525px) and (orientation:landscape){.cinema-copy{padding-block:1rem}.cinema-copy h2{font-size:3rem}.projection{height:61svh}}
@media(prefers-reduced-motion:reduce){.episode-art img{transition:none}}
.cinema .preview-sound{min-height:44px;padding:.5rem .8rem;margin-left:.3rem;border-bottom:1px solid #fff8;font:700 .72rem Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}
.preview-sound:before{content:'▥';margin-right:.5rem;color:#ff526c}.preview-sound[aria-pressed=true]:before{color:white}
.episode-art .card-motion{position:absolute;inset:0;z-index:1;border:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.episode-art b{z-index:2}
@media(max-width:760px){.motion-preview{mask-image:linear-gradient(#000 65%,transparent)}}
.transport input{appearance:none;padding:0;background:transparent;cursor:pointer}
.transport input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#ff405c var(--played,0%),#f9fbfe80 var(--played,0%))}
.transport input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;width:8px;height:8px;margin-top:-3px;transform:rotate(45deg)}

.reel-tools {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  border-top: 1px solid var(--rule); padding: .9rem 0;
}
#reel-count, .browse-help {
  font: 700 .72rem/1.4 Consolas, monospace; text-transform: uppercase; letter-spacing: .07em;
}
.reel-search { display: flex; align-items: center; gap: .65rem; min-width: 0 }
.reel-search input {
  width: clamp(8rem, 18vw, 18rem); min-height: 40px; font: inherit;
  background: transparent; color: var(--charcoal); border: 0; border-bottom: 1px solid #8c9aa2;
}
.search-glass { width: 13px; height: 13px; border: 2px solid currentColor; border-radius: 100%; position: relative }
.search-glass::after { content: ''; width: 7px; height: 2px; background: currentColor; position: absolute; top: 9px; left: 8px; transform: rotate(45deg) }
.asset-reels {
  display: flex; gap: clamp(.6rem, 1.3vw, 1.35rem); align-items: start;
  overflow-x: auto; overscroll-behavior-x: contain; 
  margin-inline: calc(-1 * var(--edge)); padding: 4px var(--edge) 1rem;
  scroll-padding-inline: var(--edge); scrollbar-color: #707e86 #d8e0e3;
}
.asset-reel {
  flex: 0 0 min(74vw, clamp(13rem, 38svh, 25rem)); aspect-ratio: 9 / 16;
  position: relative; background: #44505a;
}
.asset-reel .reel-cover, .reel-cover img, .reel-player, .reel-player video {
  width: 100%; height: 100%; display: block; padding: 0; position: absolute; inset: 0;
}
.reel-cover, .reel-player video { user-select: none; -webkit-user-select: none; cursor: grab }
.asset-reels.dragging * { cursor: grabbing }
.reel-cover img, .reel-player video { object-fit: contain }
.reel-play-icon {
  position: absolute; right: 6%; bottom: 4%; width: 44px; height: 44px; display: grid; place-items: center;
  background: #f7f9f5; color: #162028; border-radius: 100%; box-shadow: 0 2px 12px #10212c42;
}
.reel-play-icon::after { content: ''; border-left: 11px solid currentColor; border-block: 7px solid transparent; margin-left: 3px }
.reel-cover:is(:hover,:focus-visible) .reel-play-icon { background: var(--signal); color: #fff }
.reel-player { background: #18232a }
.reel-transport {
  position: absolute; bottom: 0; left: 0; right: 0; padding: .5rem .85rem;
  display: grid; grid-template-columns: 1fr 1fr; align-items: center; color: white; background: #101a22f5;
}
.reel-transport input { grid-column: 1 / -1; margin: 0; width: 100%; height: 22px; accent-color: #eb314e }
.reel-transport button { min-height: 38px; text-align: left; font: 700 .76rem Consolas, monospace; text-transform: uppercase }
.reel-transport .reel-wire { text-align: right }
.reel-error { position: absolute; top: 29%; margin: 1rem; padding: .65rem; color: white; background: #18232a }
.browse-help { margin-top: .85rem; color: #43535e; text-transform: none }

/* The trailer occupies the same white field as the last frame of the descent. */
.gameplay-screening, .gameplay-stage {background:white}
.trailer-anchor {position:absolute;top:0}
.journey.live + .gameplay-screening {height:192svh;margin-top:-100svh;background:transparent;pointer-events:none}
.journey.live + .gameplay-screening .trailer-anchor {top:63svh}
.journey.live + .gameplay-screening .gameplay-stage {visibility:hidden}
.journey.live + .gameplay-screening.on-white .gameplay-stage {visibility:visible;pointer-events:auto}
.gameplay-stage {display:grid;align-content:center;justify-items:center;color:#192328;padding:1rem var(--edge)}
.gameplay-inner {width:min(100%,126svh,83rem)}
.journey.live + .gameplay-screening .gameplay-inner {opacity:var(--film-reveal,0)}
@media (prefers-reduced-motion:no-preference) {
  .journey.live + .gameplay-screening .gameplay-stage {overflow:clip}
  .journey.live + .gameplay-screening .gameplay-inner {
    transform:translateY(calc(54svh * (1 - var(--film-reveal,0))));
  }
}
.gameplay-inner h2 {font:900 clamp(1.8rem,4vw,4.35rem)/.96 Arial,sans-serif;letter-spacing:-.075em;margin:0 0 clamp(.65rem,1.5svh,1.2rem)}
.gameplay-inner h2 em {color:var(--signal)}
.gameplay-inner video {display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff;cursor:pointer}
.gameplay-controls {display:flex;align-items:center;gap:clamp(.7rem,1.8vw,1.5rem);min-height:50px;color:#1c262b}
.gameplay-controls button {display:flex;align-items:center;justify-content:center;gap:.45rem;min-width:44px;min-height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:700 .72rem Consolas,monospace;text-transform:uppercase;letter-spacing:.04em}
.gameplay-controls :focus-visible {outline:2px solid var(--signal);outline-offset:2px}
#trailer-play {position:relative;color:white}
#trailer-play::before {content:'';position:absolute;width:32px;height:32px;border-radius:50%;background:var(--signal)}
#trailer-play i {position:relative;width:0;height:0;border-block:5px solid transparent;border-left:8px solid currentColor;left:1px}
#trailer-play.playing i {width:9px;height:11px;border:0;border-inline:3px solid currentColor;left:0}
#trailer-time {font:700 .74rem Consolas,monospace;font-variant-numeric:tabular-nums}
#trailer-seek {flex:1;min-width:0;margin:0;appearance:none;height:44px;background:transparent;cursor:pointer}
#trailer-seek::-webkit-slider-runnable-track {height:2px;background:linear-gradient(to right,var(--signal) var(--played,0%),#b4c1c6 var(--played,0%))}
#trailer-seek::-webkit-slider-thumb {appearance:none;width:5px;height:14px;margin-top:-6px;background:var(--signal);transform:skew(-18deg)}
#trailer-seek::-moz-range-track {height:2px;background:#b4c1c6}
#trailer-seek::-moz-range-progress {background:var(--signal);height:2px}
#trailer-seek::-moz-range-thumb {width:5px;height:14px;border:0;border-radius:0;background:var(--signal)}
#trailer-sound[aria-pressed=true] .levels i {height:9px}
#trailer-sound[aria-pressed=true] .levels i:nth-child(2) {height:15px}
#trailer-sound[aria-pressed=true] .levels i:last-child {height:6px}
.gameplay-inner > p {font-size:.79rem;line-height:1.45;color:#4b5b64;margin:0}
@media(max-width:760px) {
  .asset-reel {flex-basis:min(76vw,36svh,23rem)}
  .gameplay-inner h2 {font-size:clamp(2rem,8vw,3rem)}
  .mast nav {gap:clamp(.4rem,1.8vw,1rem)}
}
@media(max-height:540px) and (orientation:landscape) {
  .gameplay-inner {width:min(100%,118svh)}
  .gameplay-inner h2 {font-size:1.5rem}
}

/* The archive occupies a lit bay, with the film plane turning to face the viewer. */
#the-city { overflow:clip; position:relative; padding-bottom:clamp(2rem,4vw,4rem); background:#111a21;color:#f3f6f6 }
#the-city .city-heading {align-items:center}
#the-city .city-heading>p {color:#c0ccd2}
#the-city .eyeline {color:#c8d3d9}
#the-city .reel-tools {border-color:#41515b;color:#d2dadf}
#the-city .reel-search input {color:white;border-color:#74818a}
#the-city .reel-search input::placeholder {color:#b7c4cb}
.film-vault {--tint:#55646d; isolation:isolate; position:relative; display:grid;grid-template-columns:minmax(12rem,25%) minmax(0,1fr);align-items:center;margin-inline:calc(-1 * var(--edge));padding-left:var(--edge);background:
 radial-gradient(ellipse at 71% 100%,color-mix(in srgb,var(--tint) 57%,transparent),transparent 58%),
 linear-gradient(160deg,#152029,#27343e 59%,#13202a);overflow:hidden}
.film-vault::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(121deg,transparent 30%,#ffffff05 30.1%,transparent 55%),linear-gradient(to top,#10181ebb,transparent 18%);pointer-events:none}
.film-vault::after {content:'';position:absolute;height:1px;background:linear-gradient(90deg,transparent,#ea364b 32%,#9cadb766 65%,transparent);left:0;right:0;bottom:11%;z-index:-1}
.vault-caption {position:relative;z-index:1;padding:1.2rem .65rem 1.2rem 0;min-width:0}
.film-kicker,.folio small,.city-show #launch-film,.archive-transport .browse-help {font:700 .68rem/1.4 Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}
.film-kicker {color:#becbd2;display:flex;align-items:center;gap:.6rem}
.film-kicker b {width:1.35rem;height:3px;transform:skew(-26deg);background:#ff3851}
.folio {display:flex;align-items:baseline;gap:.5rem;margin:1.5rem 0 .85rem;font:italic 900 clamp(3rem,6.9vw,8rem)/.8 Arial,sans-serif;letter-spacing:-.09em;color:#748695}
.folio small {color:#c0cbd0;letter-spacing:.03em}
#vault-film-name {font:800 clamp(1.8rem,3.65vw,4.8rem)/.98 Arial,sans-serif;letter-spacing:-.067em;margin:0;overflow-wrap:break-word;text-wrap:balance}
.city-show #launch-film {color:#f6f8fa;display:inline-flex;align-items:center;gap:.8rem;min-height:44px;margin-top:1.3rem;padding:0}
#launch-film span {display:grid;place-items:center;width:37px;height:37px;line-height:1;border-radius:50%;color:white;background:#c7213b;font-size:.74rem;padding-left:2px}
#launch-film:hover span,#launch-film:focus-visible span {background:#fa3650}
#the-city [hidden]{display:none!important}
#asset-reels {--film:clamp(12rem,min(23vw,34svh),23rem);--slot:calc(var(--film)*.72);gap:0;position:relative;isolation:isolate;align-items:center;margin:0;padding:0;scroll-padding:0;scrollbar-width:none;overflow-y:hidden;min-height:calc(var(--film)*16/9 + 3.5rem);cursor:grab;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
#asset-reels::-webkit-scrollbar {display:none}
#asset-reels::before,#asset-reels::after {content:'';flex:0 0 calc((100% - var(--slot))/2);height:1px}
#asset-reels .asset-reel {position:relative;flex:0 0 var(--slot);height:calc(var(--film)*16/9);aspect-ratio:auto;background:transparent}
.reel-face {width:var(--film);aspect-ratio:9/16;position:absolute;top:50%;left:50%;overflow:hidden;background:#2a373f;outline:1px solid #bac9d05c;box-shadow:0 14px 23px -12px #010a10da;
transform:translate(-50%,-50%) translate(var(--spread,0px),var(--drop,0px)) perspective(820px) rotateY(var(--yaw,0deg)) scale(var(--scale,.76));filter:brightness(var(--shade,.55))}
.reel-face:focus-within {outline:2px solid #ff415b;outline-offset:2px}
.archive-transport {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,5rem);margin-top:1.1rem}
.archive-transport .browse-help {margin:0;color:#c6d2da}.archive-transport .browse-help span {color:#ff4962;padding-inline:.4rem}
#archive-dial {appearance:none;cursor:ew-resize;background:transparent;width:100%;height:38px;margin:0;color:#ff3851}
#archive-dial::-webkit-slider-runnable-track {height:11px;background:linear-gradient(0deg,#6b7982 1px,transparent 1px),repeating-linear-gradient(90deg,#81909a 0 1px,transparent 1px 9px)}
#archive-dial::-webkit-slider-thumb {appearance:none;width:14px;height:20px;margin-top:-4px;background:currentColor;clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}
#archive-dial::-moz-range-track {height:11px;background:repeating-linear-gradient(90deg,#81909a 0 1px,transparent 1px 9px)}
#archive-dial::-moz-range-thumb {background:currentColor;border:0;border-radius:0;width:8px;height:20px}
@media(max-width:760px){
 #the-city .city-heading{display:block;margin-bottom:1rem}
 .film-vault {display:flex;flex-direction:column-reverse;align-items:stretch;padding:0}
 #asset-reels {--film:clamp(9rem,min(56vw,33svh),16rem);--slot:calc(var(--film)*.70);min-height:calc(var(--film)*16/9 + 2.7rem)}
 .vault-caption {padding:.25rem var(--edge) 1.1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem}
 .film-kicker {grid-column:1/-1;font-size:.58rem}.folio{margin:0;display:block;font-size:2rem}.folio small{display:none}
 #vault-film-name {font-size:clamp(1.15rem,5vw,1.9rem);line-height:1.05;text-wrap:initial}
 .city-show #launch-film {font-size:0;gap:0;margin:0}.archive-transport {display:flex;flex-direction:column-reverse;align-items:stretch;gap:.2rem}.archive-transport .browse-help{text-align:center;font-size:.6rem}
 .film-vault::after {bottom:28%}
}
@media(prefers-reduced-motion:reduce){.reel-face{transform:translate(-50%,-50%) translateX(var(--spread,0px)) scale(var(--scale,.76))}}

/* Developer journal */
#devlogs .screening-stage, #devlogs .cinema { min-height:0; }
#devlogs .cinema-preview {
  display:grid; grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);
  align-items:stretch; min-height:0; background:#10191e;
}
.maker-story {
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  position:relative; isolation:isolate; overflow:hidden; color:white;
  padding:clamp(2.5rem,5.5vw,6rem) clamp(1.6rem,3.5vw,4rem) clamp(2.5rem,5.5vw,6rem) var(--edge);
  background:#ac1530;
}
.maker-story::after {
  content:''; position:absolute; z-index:-1; inset:0;
  background:linear-gradient(121deg,#c51b38 0 67%,#b31732 67% 83%,#9e152d 83%);
}
.maker-story .eyeline {font-size:.8rem;letter-spacing:.13em;color:#fff}
.maker-story .eyeline::before {content:'';width:2.15rem;height:3px;background:currentColor;transform:skew(-25deg)}
.maker-story h2 {font:900 clamp(3.4rem,6vw,7.2rem)/.91 Arial,sans-serif;letter-spacing:-.08em;margin:clamp(1rem,2.6vw,2.4rem) 0}
.maker-story h2 em {font-style:italic;color:#fff2eb}
.maker-byline {border-left:3px solid #fff9;padding-left:.8rem;display:grid;gap:.08rem}
.maker-byline strong {font-size:1.13rem;line-height:1.2}
.maker-byline span {color:#ffe5e5;font:.74rem/1.5 Consolas,monospace}
.maker-intro {margin:1.1rem 0;max-width:40ch;line-height:1.5;font-size:clamp(.98rem,1.3vw,1.15rem)}
.maker-links {display:flex;align-items:center;gap:.6rem 1.4rem;flex-wrap:wrap}
.maker-links a {display:inline-flex;align-items:center;min-height:44px;color:#fff;text-underline-offset:.28em;font-weight:700;font-size:.88rem}
.maker-links .meet-georg {background:white;color:#98102a;text-decoration:none;padding:.5rem .95rem;gap:.7rem}
.vlog-feature {min-width:0;align-self:center;padding:clamp(1.6rem,3.8vw,4rem) var(--edge) clamp(1.6rem,3.8vw,4rem) clamp(1.5rem,3.8vw,4rem)}
.vlog-heading {display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.8rem;font:700 .78rem/1.4 Consolas,monospace;text-transform:uppercase;letter-spacing:.07em}
#episode-status {color:white} #film-index {color:#bdcbd1}
.vlog-screen {position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.58;background:#26333b}
.vlog-screen .motion-preview {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none}
.vlog-screen::after {content:'';position:absolute;pointer-events:none;inset:30% 0 0;background:linear-gradient(transparent,#091116ec)}
.cinema .vlog-screen .watch-film {position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:flex-start;gap:.75rem;padding:1.25rem 7rem 1.2rem 1.15rem;margin:0;background:transparent;color:#fff;text-align:left}
.vlog-play {flex:none;align-self:flex-end;width:42px;height:42px;border-radius:50%;background:#d31334;display:grid;place-items:center;padding-left:2px;font-size:.86rem}
.watch-name {align-self:flex-end;font:800 clamp(1.35rem,2.3vw,2.5rem)/1.02 Arial,sans-serif;letter-spacing:-.045em}
.cinema .vlog-screen .preview-sound {position:absolute;right:.9rem;bottom:1rem;z-index:2;color:white;border:0;margin:0;font:.72rem Consolas,monospace;text-transform:uppercase}
.cinema .vlog-screen .watch-film:focus-visible {outline-offset:-4px}
.vlog-chapters {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.85rem}
.vlog-chapters button {display:grid;text-align:left;justify-items:start;gap:.4rem}
.vlog-chapters img {width:100%;aspect-ratio:2.65;object-fit:cover;object-position:50% 38%}
.vlog-chapters span {font-weight:700;font-size:.88rem;line-height:1.2}
.vlog-chapters small {display:block;font:700 .68rem/1.4 Consolas,monospace;color:#ff7786}
.vlog-chapters button:hover span {text-decoration:underline;text-underline-offset:.2em}
#episodes {padding-top:1.6rem;padding-bottom:clamp(2rem,4vw,4rem)}
@media(max-width:760px) {
  #devlogs .cinema-preview {grid-template-columns:1fr}
  .maker-story,.vlog-feature {padding:1.6rem var(--edge)}
  .maker-story h2 {font-size:clamp(3.1rem,10vw,4.6rem);margin:.8rem 0 1.05rem}
  .maker-byline {display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}
  .maker-byline strong {font-size:1rem}
  .maker-intro {margin:.8rem 0;font-size:.95rem}
  .vlog-screen {aspect-ratio:1.6}
  .cinema .vlog-screen .watch-film {padding:1rem 6rem 1rem .75rem;gap:.5rem}
  .vlog-play {width:35px;height:35px}
  .vlog-chapters {gap:.5rem}
}