/* additions.css */
.addition-page{overflow-x:clip}.addition-intro{padding:40px var(--pad) 45px}.page-context{font-size:16px;color:#696b60;margin:0 0 32px}.addition-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:end}.addition-heading h1{font-size:clamp(58px,6.6vw,102px);line-height:.97;max-width:920px}.addition-heading>p{font:clamp(22px,2.05vw,32px)/1.25 var(--serif);max-width:470px;margin-bottom:7px}.editorial-hero{margin:0 var(--pad);position:relative;overflow:hidden;height:clamp(350px,44vw,700px);background:#d5cbb9}.editorial-hero img{height:100%;width:100%;object-fit:cover;display:block}.editorial-hero figcaption{position:absolute;bottom:14px;right:16px;background:#ece8dfe8;padding:7px 10px;font-size:12px;color:#50574d}.story-opening{padding:85px var(--pad) 35px;display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;align-items:end}.story-opening h2{font-size:clamp(44px,4.8vw,74px)}.story-opening p{font:clamp(23px,2vw,30px)/1.3 var(--serif);max-width:460px}.addition-section{padding:90px var(--pad);border-top:1px solid var(--rule)}.addition-section h2{font-size:clamp(43px,4.8vw,74px);line-height:1.02}.addition-section p{max-width:580px;font-size:17px}.why-place,.pilot-questions,.two-column,.pilot-builder{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.reason-list{display:grid;gap:30px}.reason-list article{display:flex;gap:22px;padding-bottom:30px;border-bottom:1px solid var(--rule)}.reason-list article:last-child{border-bottom:0;padding-bottom:0}.reason-list article>span{color:var(--copper);padding-top:5px;flex-shrink:0}.reason-list h3{font-size:31px;letter-spacing:-.035em;margin-bottom:12px}.reason-list p{font-size:16px;line-height:1.55}.related-work{display:grid;grid-template-columns:1fr 1.15fr;gap:7vw}.related-links{display:grid;align-content:start;grid-template-columns:1fr 1fr;gap:12px 34px}.related-links .text-link{font-size:16px;line-height:1.45;justify-content:space-between;padding:17px 0}.pilot-questions ol{padding:0;list-style:none;counter-reset:q;margin:25px 0 0}.pilot-questions li{counter-increment:q;padding:17px 0 17px 34px;border-top:1px solid var(--rule);position:relative;line-height:1.5;font-size:16px}.pilot-questions li:before{content:counter(q,decimal-leading-zero);position:absolute;left:0;color:var(--copper);font-size:12px;top:21px}.addition-cta{background:#252b25;color:#f0ebdf;padding:90px var(--pad);display:grid;grid-template-columns:1.35fr 1fr;gap:8vw;align-items:center}.addition-cta h2{font-size:clamp(50px,5vw,80px)}.addition-cta p{font-size:20px;max-width:450px;margin-bottom:25px}.capability-opening{border:0;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;padding-top:45px}.capability-opening h2{font-size:clamp(40px,4vw,64px);margin-bottom:22px}.record-strip{display:grid;grid-template-columns:38px 1fr 30px;gap:24px 15px;align-items:center}.record-strip span:nth-child(7){grid-column:1}.record-strip span[data-icon]{color:var(--copper)}.record-strip span:nth-child(3),.record-strip span:nth-child(6){transform:rotate(90deg);justify-self:end}.addition-lab{margin:0 var(--pad) 85px;background:#e0dbce;border:1px solid #cbc4b4;padding:30px}.lab-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:28px}.lab-heading h2{font-size:46px}.lab-heading p{font-size:13px;color:#666b5f;max-width:310px}.investigation-toolbar{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;border-top:1px solid #c6beaf;padding:25px 0}.addition-page input:not([type=checkbox]):not([type=range]),.addition-page textarea,.addition-page select{background:#ece8df;border:1px solid #bcb4a5;border-radius:0;padding:13px 14px;color:var(--ink);max-width:100%;min-width:0;width:100%;font-size:16px}.addition-page textarea{resize:vertical}.addition-page label{display:grid;gap:9px;line-height:1.4;font-size:14px}.addition-page .segmented{display:flex;flex-wrap:wrap;gap:0}.addition-page .segmented button{padding:11px 16px;border:1px solid #bcb4a5;min-height:44px;font-size:14px}.addition-page .segmented button[aria-pressed=true]{background:#30372e;color:#f5eee2}.case-workspace{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start}.sample-records{display:grid;gap:10px}.sample-record{padding:20px;background:#eee9df;border:1px solid #cec6b6;display:grid;grid-template-columns:30px 1fr;gap:10px 15px}.sample-record>span{color:var(--copper);padding-top:3px}.sample-record h3{font-size:28px;letter-spacing:-.035em}.sample-record .record-time{font-size:12px;color:#67695d;margin-bottom:6px}.sample-record p{font-size:15px;margin-top:9px}.sample-record button{grid-column:2;justify-self:start;min-height:40px;font-size:14px;padding:10px 0;border-bottom:1px solid var(--copper)}.sample-record.is-selected{border-left:3px solid var(--copper)}#record-search-status{font-size:13px;margin-top:14px}.case-builder{background:#f0ebdf;padding:25px;position:sticky;top:20px}.case-count{display:grid;grid-template-columns:28px 1fr;gap:9px 12px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--rule)}.case-count h3{font-size:29px}.case-count>span:last-child{grid-column:2;font-size:13px}.case-count>span:first-child{color:var(--copper)}#case-sequence{list-style:none;padding:0;margin:20px 0}#case-sequence li{border-left:1px solid #ad6c43;padding:7px 0 16px 17px;font-size:14px;line-height:1.4}#case-sequence li span{display:block;font-size:12px;color:#6c6c60;margin-top:4px}.addition-page .checkline{display:flex;align-items:center;gap:10px;margin:20px 0;font-size:14px}.checkline input{width:18px;height:18px;accent-color:var(--copper);flex-shrink:0}.case-builder>label:not(.checkline){margin-bottom:8px}.inline-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:20px}.inline-actions .text-link{font-size:13px}.inline-actions .button{font-size:18px;padding:14px 20px}.interaction-note{font-size:13px!important;color:#666b5e;line-height:1.5!important;margin-top:17px}.proof-link{display:grid;grid-template-columns:1fr 1fr;gap:25px 7vw}.proof-link>a{grid-column:2;justify-self:start}.scenario-tabs{display:flex;gap:0;border-bottom:1px solid #bcb4a5;padding-bottom:0;flex-wrap:wrap}.scenario-tabs button{display:flex;gap:12px;align-items:center;justify-content:center;padding:18px;min-height:62px;font-size:16px;flex:1;border-bottom:2px solid transparent}.scenario-tabs button[aria-pressed=true]{border-color:var(--copper);color:var(--copper);background:#f0ebdf70}.scenario-tabs svg{width:22px;height:22px}.response-lab-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;padding:28px 0 0}.response-route-visual{background:#ece8df;min-width:0;align-self:start}.response-route-visual svg{width:100%;height:auto}.response-route-visual>p{padding:0 20px 20px;margin-top:0}.response-lab-detail h3{font-size:36px;margin-bottom:14px}.response-lab-detail>p{font-size:16px}.response-lab-detail .interaction-note{padding-bottom:16px;border-bottom:1px solid #c6beaf}.response-recipient{border-top:1px solid #bcb4a5;padding:17px 0}.response-recipient h4{font-size:16px;font-weight:400;margin:0 0 7px}.response-recipient p{font-size:14px;color:#565d51;line-height:1.5}.response-recipient button{font-size:13px;margin-top:12px;min-height:36px;border-bottom:1px solid var(--copper);padding:7px 0}.response-recipient .recipient-state{color:var(--copper);font-size:12px;margin-left:8px}.route-path{stroke-dasharray:8 5}.response-is-moving .route-path{animation:route-pass 1.5s linear 2}.route-node{transition:fill .4s,stroke .4s}#response-actions{margin:15px 0}#response-actions .button{font-size:17px}#response-authority label{margin-top:18px}#response-authority button{font-size:15px;margin:15px 12px 0 0;padding:13px 17px}#response-outcome{border-left:2px solid var(--copper);padding-left:14px;margin:15px 0;font-size:14px}#response-reset{font-size:13px}.connection-workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;padding:32px 0 10px;align-items:center}.connection-workspace svg{width:100%;height:auto}.connection-workspace h2{font-size:43px;margin:17px 0}.connection-workspace p{font-size:16px}.connection-status{color:var(--copper);font-size:13px}.connection-workspace dl{font-size:14px;margin:25px 0}.connection-workspace dl>div{border-top:1px solid #bcb4a5;padding:12px 0;display:grid;grid-template-columns:105px 1fr;gap:20px}.connection-workspace dt{color:#616758}.connection-workspace dd{margin:0;line-height:1.45}.connection-workspace .text-link{font-size:14px}.deployment-path ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0 0}.deployment-path li{border-top:1px solid var(--rule);padding-top:28px}.deployment-path li span{color:var(--copper)}.deployment-path li h3{font-size:32px;margin:23px 0 15px}.deployment-path li p{font-size:16px}.pilot-builder>div>p{margin-top:24px}.pilot-builder form{display:grid;gap:21px}.pilot-builder .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pilot-builder form .button{justify-self:start}.pilot-builder #pilot-preview{grid-column:1/-1;background:#e0dbce;padding:35px}.pilot-builder #pilot-preview h3{font-size:37px;margin-bottom:22px}.pilot-builder pre{font:17px/1.6 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere}.partner-section{display:grid;grid-template-columns:1fr 1.3fr;gap:30px 6vw;align-items:center}.partner-section img{width:100%;height:430px;object-fit:cover}.partner-section>div>p{margin:25px 0}.partner-section>.interaction-note{grid-column:2;margin:0}.landing-additions{padding:80px var(--pad);border-top:1px solid var(--rule)}.landing-additions-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:6vw;align-items:end;margin-bottom:40px}.landing-additions h2{font-size:clamp(46px,4.5vw,72px)}.landing-additions-heading p{font:26px/1.25 var(--serif);max-width:430px}.capability-entries{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.capability-entry{border-top:1px solid var(--rule);padding-top:23px}.capability-entry>span{color:var(--copper)}.capability-entry h3{font-size:31px;margin:20px 0 13px}.capability-entry p{font-size:15px;line-height:1.5}.capability-entry .text-link{font-size:14px;margin-top:12px}.sector-entries{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.sector-entry img{width:100%;aspect-ratio:1.28;object-fit:cover;display:block}.sector-entry h3{font-size:30px;margin:17px 0 11px}.sector-entry a{display:block}.sector-entry p{font-size:14px;line-height:1.5}.sector-entry a:where(:not(.sector-film-launch))>span{display:inline-block;color:var(--copper);font-size:15px;margin-top:13px}.page-extension-link{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:26px var(--pad);border-top:1px solid var(--rule);font-size:16px}.page-extension-link .text-link{font-size:15px}.sector-interactive{scroll-margin-top:24px;min-height:300px}.sector-interactive>noscript{display:block;margin:0 var(--pad) 70px;padding:30px;border:1px solid var(--rule)}
@keyframes route-pass{to{stroke-dashoffset:-52}}@media(max-width:1000px){.addition-heading{grid-template-columns:1.4fr 1fr;gap:4vw}.addition-heading h1{font-size:68px}.case-workspace{gap:18px}.case-builder{padding:20px}.related-links{grid-template-columns:1fr}.capability-entries,.sector-entries{grid-template-columns:repeat(2,1fr);gap:32px}.scenario-tabs button{font-size:14px;padding:15px 10px}.response-lab-grid{gap:23px}}
@media(max-width:760px){.addition-intro{padding:25px 20px 32px}.page-context{font-size:14px;margin-bottom:24px}.addition-heading,.story-opening,.why-place,.pilot-questions,.two-column,.related-work,.addition-cta,.capability-opening,.case-workspace,.response-lab-grid,.connection-workspace,.pilot-builder,.partner-section,.proof-link{grid-template-columns:1fr;gap:30px}.addition-heading h1{font-size:55px;line-height:1.01}.addition-heading>p{font-size:24px;max-width:none}.editorial-hero{height:360px;margin:0 16px}.editorial-hero img{object-position:57% center}.story-opening{padding:55px 20px 25px}.story-opening h2{font-size:43px}.story-opening p{font-size:24px}.addition-section{padding:55px 20px}.addition-section h2{font-size:44px}.reason-list h3{font-size:29px}.reason-list p{font-size:16px}.addition-lab{margin:0 16px 55px;padding:20px 16px}.lab-heading{display:block;padding-bottom:23px}.lab-heading h2{font-size:37px}.lab-heading p{margin-top:15px}.investigation-toolbar{grid-template-columns:1fr;gap:18px}.investigation-toolbar .segmented button{padding:10px 11px;font-size:13px;flex:1}.case-builder{position:relative;top:auto;padding:20px 15px}.case-count h3{font-size:27px}.sample-record{padding:17px 14px;gap:9px 12px}.sample-record h3{font-size:27px}.sample-record p{font-size:15px}.addition-cta{padding:60px 20px}.addition-cta h2{font-size:49px}.addition-cta p{font-size:18px}.scenario-tabs{display:grid;grid-template-columns:1fr 1fr}.scenario-tabs button{justify-content:flex-start;font-size:14px;gap:9px;padding:14px 9px}.response-lab-grid{padding-top:20px}.response-lab-detail h3{font-size:34px}.response-route-visual{margin:0 -8px}.proof-link>a{grid-column:auto}.connection-workspace{padding:22px 0 0}.connection-workspace h2{font-size:38px}.connection-workspace dl>div{grid-template-columns:83px 1fr;gap:14px}.deployment-path ol{grid-template-columns:1fr;gap:25px}.deployment-path li{display:grid;grid-template-columns:30px 1fr;gap:0 16px}.deployment-path li h3{margin:0 0 13px;font-size:31px}.deployment-path li p{grid-column:2}.pilot-builder .form-row{grid-template-columns:1fr}.pilot-builder #pilot-preview{padding:25px 18px}.pilot-builder pre{font-size:15px}.partner-section img{height:300px}.partner-section>.interaction-note{grid-column:1}.landing-additions{padding:55px 20px}.landing-additions-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.landing-additions-heading p{font-size:24px}.capability-entries{grid-template-columns:1fr;gap:27px}.capability-entry{display:grid;grid-template-columns:32px 1fr;gap:10px 18px}.capability-entry h3{margin:0;font-size:31px}.capability-entry p,.capability-entry .text-link{grid-column:2;margin:0;justify-self:start}.sector-entries{gap:25px 18px}.sector-entry h3{font-size:26px}.sector-entry p{font-size:14px}.sector-entry img{aspect-ratio:1;object-position:60% center}.page-extension-link{padding:23px 20px;display:grid;gap:10px}.page-extension-link .text-link{justify-self:start}.related-links{gap:8px}.record-strip{grid-template-columns:32px 1fr 30px;gap:20px}.addition-page .button{max-width:100%;text-align:center}.addition-page .inline-actions .button{font-size:16px}}@media(max-width:360px){.addition-heading h1{font-size:48px}.addition-heading>p{font-size:22px}.addition-lab{margin-left:12px;margin-right:12px;padding:18px 12px}.addition-section h2{font-size:39px}.sector-entries{grid-template-columns:1fr}.editorial-hero{height:300px}.scenario-tabs button{font-size:12px;gap:7px;padding:13px 5px}.scenario-tabs svg{width:19px;height:19px}.case-builder .inline-actions{gap:10px}.addition-page input:not([type=checkbox]):not([type=range]),.addition-page textarea,.addition-page select{font-size:16px}}@media(prefers-reduced-motion:reduce){.route-path{animation:none!important}.route-node{transition:none}}

.place-purpose{padding:45px var(--pad) 40px}.place-purpose p{font:clamp(26px,2.6vw,40px)/1.2 var(--serif);max-width:950px;letter-spacing:-.025em}@media(max-width:760px){.place-purpose{padding:35px 20px}.place-purpose p{font-size:29px}}
.attention-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;margin-bottom:35px}.attention-heading p{font-size:18px}.attention-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.attention-layout>div>.checkline{margin:0 0 20px}.attention-detail{background:#e0dbce;padding:30px;align-self:start}.attention-detail>span{color:var(--copper)}.attention-detail h3{font-size:34px;margin:22px 0 15px}.attention-detail p{font-size:16px}.attention-detail dl{margin:23px 0}.attention-detail dl>div{border-top:1px solid #bcb4a5;padding:14px 0}.attention-detail dt{font-size:12px;color:#6b6e60}.attention-detail dd{margin:8px 0 0;font-size:15px;line-height:1.5}.attention-detail .text-link{font-size:14px}#attention-list{border-top:1px solid var(--rule)}#attention-list button{width:100%;display:grid;grid-template-columns:28px 1fr;gap:9px 16px;padding:23px 18px;text-align:left;border-bottom:1px solid var(--rule)}#attention-list button[aria-pressed=true]{background:#e1dccf;border-left:3px solid var(--copper)}#attention-list button>svg{color:var(--copper)}#attention-list strong{display:block;font:26px/1.2 var(--serif)}#attention-list small{display:block;margin-top:7px;font-size:13px;color:#676d5f}#attention-list em{grid-column:2;font-size:12px;color:var(--copper);font-style:normal}@media(max-width:760px){.attention-heading,.attention-layout{grid-template-columns:1fr;gap:25px}.attention-detail{padding:25px 20px}#attention-list button{padding:19px 12px}.attention-detail h3{font-size:31px}}
.data-boundary-lab{border:1px solid var(--rule);background:#e1dccf}.data-boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:35px}.data-boundary-grid h3{font-size:35px;margin-bottom:19px}.data-boundary-grid p{font-size:16px}.data-access-card{margin-top:20px;padding:25px;background:#333d30;color:#eeeadd;border-left:3px solid #dca26d}.data-access-card h4{font:25px/1.2 var(--serif);margin:0 0 15px}.data-access-card p{font-size:15px}.data-access-card[data-permitted=false]{background:#d1cdbf;color:#414a3d;border-color:#89957b}@media(max-width:760px){.data-boundary-grid{grid-template-columns:1fr;gap:25px;padding:25px 20px}.data-access-card{padding:21px}.data-boundary-grid h3{font-size:31px}}

/* Retail & venues (Yusuf, 12 October 2026: the fifth film's card, with its page): the film's own story as numbered steps,
   laid out like the pilot questions, by start and end so the numbers lead in Arabic too. */
.venue-story{display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.venue-steps{padding:0;list-style:none;counter-reset:step;margin:25px 0 0}
.venue-steps li{counter-increment:step;padding-block:17px;padding-inline:34px 0;border-top:1px solid var(--rule);position:relative;line-height:1.5;font-size:16px}
.venue-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;inset-inline-start:0;top:21px;color:var(--copper);font-size:12px}
@media(max-width:760px){.venue-story{display:block}.venue-steps{margin-top:18px}}
/* polish.css */
/* v10: bounded interaction refinements; load after the incumbent page styles. */
:root {
  --interface-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --interface-copper-text: #8e4325;
  --interface-secondary-text: #555e50;
}

/* Small text retains the established copper / earth palette on the lab surface. */
.addition-page .interaction-note {
  color: var(--interface-secondary-text);
}
.addition-page .connection-status,
.addition-page .response-recipient .recipient-state,
.addition-page .scenario-tabs button[aria-pressed="true"] {
  color: var(--interface-copper-text);
}

/* The regular copper outline is too close to the footer's dark background. */
.site-footer a:focus-visible {
  outline-color: var(--copper-light);
}

/* Frequent controls keep their current state immediately. Only press/lift moves. */
.button {
  transition: transform 100ms var(--interface-ease-out);
}
.button:hover {
  background: var(--copper);
  transform: none;
}
@media (hover: hover) and (pointer: fine) {
  .button:where(:not(:disabled):not([aria-disabled="true"])):hover {
    background: var(--interface-copper-text);
    transform: translateY(-2px);
  }
}
.button:where(:not(:disabled):not([aria-disabled="true"])):active {
  transform: scale(0.97);
  transition-duration: 120ms;
}
.nav-group > summary span {
  transition: transform 160ms var(--interface-ease-out);
}

/* A keyboard command must not wait for a hover, press or caret transition. */
.button:focus-visible,
.button:focus-visible:hover,
.button:focus-visible:active {
  transform: none;
  transition: none;
}
.nav-group > summary:focus-visible span {
  transition: none;
}

/* Expand the real target box on touch; typography and desktop density stay put. */
@media (pointer: coarse) {
  .site-footer a:not(.wordmark) {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .response-recipient button,
  .sample-record button {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .button,
  .button:hover,
  .button:active {
    transform: none;
    transition: none;
  }
  .nav-group > summary span {
    transition: none;
  }
}

/* Keep the save button's keyboard outline clear of its local status message. */
.case-builder #case-export-status:not(:empty) {
  margin-top: 10px;
  transition: none;
}
/* brand.css */
/* The existing Aspinos vector mark and wordmark; no page typography changes. */
.site-header .brand-wordmark,.site-footer .brand-wordmark {
  display:inline-flex;align-items:center;gap:11px;min-height:44px;
  font:600 15px/1 var(--sans);letter-spacing:.14em;white-space:nowrap;
}
.brand-wordmark .aspinos-mark{display:block;width:33px;height:33px;flex:none}
.site-footer .brand-wordmark{font-size:17px;gap:13px}
.site-footer .brand-wordmark .aspinos-mark{width:37px;height:37px}
@media(max-width:760px){
  .site-header .brand-wordmark{font-size:14px;gap:9px}
  .site-header .brand-wordmark .aspinos-mark{width:30px;height:30px}
}
/* hero-header.css */
/* Opening appearance; shared navigation supplies pointer, keyboard and touch reachability. */
.landing-page .site-header{
  position:absolute;inset:0 0 auto;z-index:80;height:82px;color:var(--ink);
  background:var(--paper);border-bottom:1px solid var(--rule);
}
.landing-page .mobile-nav{position:absolute;top:82px}
#school-stage .processing-clock{display:none!important}
#school-stage:is([data-phase="reality"],:not([data-phase])) .story-footer{display:none}
#school-stage .story-footer{justify-content:flex-end}
#school-stage .experience-controls{
  min-width:0;width:236px;gap:12px;padding:6px 15px 6px 6px;
  box-shadow:none;background:#eee9dfed;
}
#school-stage .experience-controls .play-control{width:44px;height:44px;min-width:44px}
#school-stage .experience-controls input{min-width:0;width:100%;flex:1}
.scenario-about{margin-left:26px}
@media(max-width:760px){
  .landing-page .site-header{height:72px}
  .landing-page .mobile-nav{top:72px;max-height:calc(100svh - 72px)}
  #school-stage .story-footer{left:18px;right:18px;bottom:18px}
  #school-stage[data-phase=response].is-visible .story-footer{
    top:auto;bottom:16px;padding:0;background:none;
  }
  #school-stage .experience-controls{width:min(236px,100%)}
  .scenario-about{margin:14px 0 0;display:flex;width:max-content}
}
@media(max-height:500px) and (orientation:landscape){
  .landing-page .site-header{height:66px}
  .landing-page .mobile-nav{top:66px;max-height:calc(100svh - 66px)}
}
/* motion-repair.css */
/* Film and frozen evidence share a source plane; a second crop never appears through a dissolve. */
#school-stage .school-plate{
  inset:0;mask-image:none;-webkit-mask-image:none;
  background:var(--school-source-background,#252925);
}
#school-stage #school-film,
#school-stage .school-plate img{
  position:absolute;inset:auto;object-fit:fill;object-position:initial;
  left:var(--school-source-left,0px);top:var(--school-source-top,0px);
  width:var(--school-source-width,100%);height:var(--school-source-height,100%);
  max-width:none;max-height:none;
}
#school-stage .story-copy{animation:none}
#school-stage .school-cutaway{display:none}
/* The source plane's dark surround is deliberate reading space, never a partial white shutter. */
#school-stage .scene-visual{background:var(--school-source-background,#252925)}
#school-stage{--school-source-background:#111713}
#school-stage #school-architecture{z-index:0}
#school-stage #school-film,#school-stage .school-plate{z-index:1}
#school-stage .scene-grain{z-index:2}
/* The transport had inherited an inset gradient, leaving a hard rectangle over source pixels. */
#school-stage .story-footer{background:none;padding:0;border:0}
#school-stage .experience-controls{background:#172018ed;color:var(--ink,#eee9df);border:1px solid var(--rule,#6e785f73);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#school-stage .experience-controls .play-control{color:var(--paper,#111713)}
#school-stage[data-phase=followup] .story-copy{color:var(--ink,#eee9df)}
#school-stage .case-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#school-stage .case-scores>div{display:block;min-width:0}
#school-stage .case-scores>div>span{display:block;font:400 12px/1.4 var(--sans);color:var(--muted,#b7c0b2);margin-bottom:7px}
#school-stage .case-scores strong{display:block;font:500 18px/1.3 var(--sans);color:var(--copper,#d9ad75);overflow-wrap:anywhere}
#school-stage .case-variant{background:transparent;border-color:var(--rule,#6e785f73)}
#school-stage .case-variant button{color:var(--ink,#eee9df)}
#school-stage .case-variant button[aria-pressed=true]{background:var(--copper,#d9ad75);color:var(--paper,#111713)}
#school-stage .detection-score{font:500 15px/1.35 var(--sans);letter-spacing:0;margin-block:4px}
#school-stage .detection-readout{min-height:110px}
@media(max-width:760px){
 #school-stage[data-phase=response]{height:100svh;min-height:0;padding:0;overflow:hidden}
 #school-stage[data-phase=response] .scene-visual,#school-stage[data-phase=response] .story-shade{height:100%;inset:0}
 #school-stage[data-phase=response] .story-copy{top:84px;left:22px;right:22px;width:auto}
 #school-stage[data-phase=response] .story-copy h2{font:500 30px/1.08 var(--sans);letter-spacing:-.03em;max-width:345px}
 #school-stage[data-phase=response] .response-panel{position:absolute;top:230px;bottom:105px;left:22px;right:22px;width:auto;height:auto;max-height:none;overflow:auto;overscroll-behavior:contain;margin:0;padding:18px;background:#172018f5}
 #school-stage[data-phase=response] .response-heading h3{font-size:24px;line-height:1.15}
 #school-stage[data-phase=response].is-visible .story-footer{position:absolute;left:22px;right:22px;top:auto;bottom:18px;padding:0;background:none}
 #school-stage[data-phase=response] .concept-disclosure{bottom:80px;font-size:12px}
 #school-stage[data-phase=response] .case-variant button{font-size:12px;min-height:44px}
 #school-stage[data-phase=response] .response-route p{font-size:13px}
 #school-stage[data-phase=response] .decision-buttons{flex-wrap:wrap}
}
@media(max-width:760px) and (max-height:700px){
 #school-stage[data-phase=response] .story-copy{top:35px}
 #school-stage[data-phase=response] .story-copy h2{font-size:26px}
 #school-stage[data-phase=response] .response-panel{top:145px;bottom:95px}
}
#school-stage .response-panel,#school-stage .school-receipt{animation:none}
/* A reduced-motion chapter uses explicit steps; its collapsed height is not a scroll timeline. */
body.reduced-motion #school-story{height:100svh}
body.reduced-motion #school-stage{height:100svh;min-height:0}
body.reduced-motion #school-stage[data-phase=reality] .story-footer{display:flex}
body.reduced-motion #school-stage .opening-classification{bottom:100px;pointer-events:none}
#school-stage[data-phase=observe] .opening-classification{display:block;bottom:100px;pointer-events:none}
#school-stage .concept-disclosure{background:#111713ed;box-shadow:0 0 0 4px #111713ed;pointer-events:none}