/* The source layout remains the no-JavaScript and reduced-motion version. */
.intro{position:relative;overflow:hidden}
.intro .inner{position:relative}
.intro .media img{object-fit:contain}
.metaphor,.answer{position:relative;isolation:isolate}
.metaphor::before,.answer::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.48;background:radial-gradient(circle at 70% 55%,rgba(83,138,180,.17),transparent 48%)}
.answer::before{background:radial-gradient(circle at 57% 65%,rgba(247,175,95,.3),transparent 54%)}
.metaphor .inner,.answer .inner{position:relative}
.sequence-scroll{position:relative}
.sequence-stage{position:relative}
.sequence-meta{display:none}
.sequence-glow{display:none}
.what-if .media{position:relative}
.what-if .media::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px rgba(18,41,65,.3)}
.development .media img{object-fit:contain}
.development .scene-gallery .media{border-top:1px solid rgba(41,73,104,.16);padding-top:25px}
.spotlight-kicker{font:12px Georgia,serif;letter-spacing:.16em;color:#f5bb73}
.workflow-toggle:focus-visible,.workflow-caption a:focus-visible{outline:2px solid #f5bb73;outline-offset:-3px}
.workflow-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 30px;margin:80px 0 24px}.workflow-heading .spotlight-kicker{width:100%;color:#8e562b}.development .workflow-heading .group-title{margin:0}.workflow-heading p{font-size:14px;color:#5b6d7a}
.workflow-accordion{display:grid;grid-template-columns:minmax(0,1fr) 82px 82px;height:clamp(390px,42vw,510px);background:#15314d;border:1px solid rgba(16,42,72,.3);transition:grid-template-columns .72s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 55px rgba(20,44,72,.15)}
.workflow-accordion.is-open-1{grid-template-columns:82px minmax(0,1fr) 82px}.workflow-accordion.is-open-2{grid-template-columns:82px 82px minmax(0,1fr)}
.workflow-panel{position:relative;min-width:0;overflow:hidden;border-right:1px solid rgba(234,242,249,.2);background:#183958}.workflow-panel:last-child{border-right:0}.workflow-panel:nth-child(2){background:#214663}.workflow-panel:nth-child(3){background:#2a506b}
.workflow-toggle{position:absolute;inset:0;z-index:3;width:100%;border:0;background:transparent;color:#f3f1ea;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:20px;transition:background .25s}.workflow-toggle:hover{background:rgba(245,187,115,.12)}.workflow-panel.is-active .workflow-toggle{height:60px;bottom:auto;justify-content:flex-start;background:rgba(9,28,47,.38);border-bottom:1px solid rgba(255,255,255,.17)}.workflow-index{color:#f5bb73;font:16px Georgia,serif}.workflow-label{font:18px/1.25 "Noto Serif SC","Songti SC",serif;white-space:nowrap}.workflow-panel:not(.is-active) .workflow-toggle{flex-direction:column;justify-content:space-between;padding:22px 15px}.workflow-panel:not(.is-active) .workflow-label{writing-mode:vertical-rl;transform:rotate(180deg)}
.workflow-content{height:100%;padding:78px 24px 20px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;min-width:0;opacity:1;visibility:visible}.workflow-panel:not(.is-active) .workflow-content{opacity:0;visibility:hidden;pointer-events:none}.workflow-content img{width:100%;height:100%;min-height:0;object-fit:contain;background:rgba(255,255,255,.96)}.workflow-caption{display:flex;align-items:center;gap:14px;min-width:0;color:#f3f1ea}.workflow-caption span{font:11px Georgia,serif;letter-spacing:.08em;color:#f5bb73}.workflow-caption strong{font:400 18px "Noto Serif SC","Songti SC",serif}.workflow-caption a{margin-left:auto;border-bottom:1px solid rgba(245,187,115,.6);padding:5px 0;color:#f5bb73;font-size:13px;white-space:nowrap}.workflow-caption a:hover{color:#fff}
.tone-art{margin-top:42px;overflow:hidden;background:#1a304a}.tone-art img{width:100%;height:auto;object-fit:contain}.tone-art figcaption{padding:12px 16px;color:#a9bed0;font:12px Georgia,serif;letter-spacing:.1em}
.story-flow article{border-top:2px solid transparent;transition:background .3s,border-color .3s}
.story-flow article:hover{background:#2b4663;border-top-color:var(--warm)}

@media(min-width:761px){
  .what-if .inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,115px);align-items:start}
  .what-if .copy{position:sticky;top:clamp(100px,12vh,150px);margin-bottom:0}
  .what-if .media{max-width:none;margin-left:0}
  .what-if .media img{max-height:none}

  .motion-ready .sequence-scroll{height:410svh;margin:clamp(34px,5vw,72px) 0}
  .motion-ready .metaphor .sequence-scroll{height:610svh}
  .motion-ready .sequence-stage{position:sticky;top:82px;height:calc(100svh - 106px);padding:44px 0 42px;display:grid;place-items:center;overflow:hidden}
  .motion-ready .sequence-stage::before{content:"";position:absolute;inset:7% 0;background:linear-gradient(135deg,rgba(148,189,219,.1),transparent 38%,rgba(13,24,41,.1));border:1px solid rgba(216,232,244,.15);pointer-events:none}
  .motion-ready .answer .sequence-stage::before{border-color:rgba(250,203,143,.25);background:linear-gradient(145deg,rgba(246,184,109,.07),transparent 48%,rgba(247,182,107,.1))}
  .motion-ready .sequence-stage .media-grid{position:relative;isolation:isolate;width:100%;height:100%;display:block;margin:0}
  .motion-ready .sequence-stage .media-grid .media{position:absolute;inset:0;display:grid;place-items:center;visibility:hidden;opacity:0;transform-origin:center center;will-change:opacity,transform}
  .motion-ready .sequence-stage .media-grid .media:first-child{visibility:visible;opacity:1}
  .motion-ready .sequence-stage .media-grid img{width:100%;height:100%;max-width:100%;max-height:calc(100svh - 200px);object-fit:contain;filter:drop-shadow(0 25px 45px rgba(0,0,0,.22))}
  .motion-ready .sequence-meta{display:flex;align-items:center;gap:15px;position:absolute;z-index:12;top:12px;left:12px;color:var(--paper);font:13px/1 Georgia,serif;letter-spacing:.1em}
  .motion-ready .sequence-meta::before{content:"";width:25px;height:1px;background:var(--warm)}
  .motion-ready .sequence-total{color:var(--mist)}
  .motion-ready .sequence-progress{position:absolute;z-index:12;left:12px;right:12px;bottom:12px;height:2px;background:rgba(232,239,246,.2)}
  .motion-ready .sequence-progress-fill{display:block;width:100%;height:100%;background:var(--warm);transform:scaleX(.04);transform-origin:left center}
  .motion-ready .sequence-glow{display:block;position:absolute;inset:14% 4%;background:radial-gradient(circle at 50% 70%,rgba(255,188,111,.53),transparent 61%);mix-blend-mode:screen;pointer-events:none;opacity:0}
  .motion-ready .metaphor .sequence-glow{background:radial-gradient(circle at 50% 70%,rgba(93,161,204,.28),transparent 61%)}
  .motion-ready .metaphor .after-images{margin-top:clamp(30px,6vw,85px)}
  .motion-ready .answer .light-sequence{margin-top:clamp(30px,5vw,70px)}
}

@media(max-width:760px){
  .workflow-heading{margin-top:60px}
  .workflow-accordion,.workflow-accordion.is-open-0,.workflow-accordion.is-open-1,.workflow-accordion.is-open-2{grid-template-columns:minmax(0,1fr);height:520px}
  .workflow-accordion.is-open-0{grid-template-rows:minmax(0,1fr) 58px 58px}.workflow-accordion.is-open-1{grid-template-rows:58px minmax(0,1fr) 58px}.workflow-accordion.is-open-2{grid-template-rows:58px 58px minmax(0,1fr)}
  .workflow-panel{border-right:0;border-bottom:1px solid rgba(234,242,249,.2)}.workflow-panel:not(.is-active) .workflow-toggle{flex-direction:row;justify-content:flex-start;gap:15px;padding:12px 20px}.workflow-panel:not(.is-active) .workflow-label{writing-mode:horizontal-tb;transform:none}.workflow-content{padding:70px 15px 15px}.workflow-caption span{display:none}.workflow-caption strong{font-size:15px}
  .sequence-scroll{height:auto!important}
  .sequence-stage{position:relative!important;height:auto!important}
  .sequence-stage .media-grid{display:grid!important;grid-template-columns:1fr!important}
  .sequence-stage .media-grid .media{position:relative!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .sequence-meta,.sequence-progress,.sequence-glow{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .workflow-accordion{transition:none}
  .sequence-scroll{height:auto!important}
  .sequence-stage{position:relative!important;height:auto!important;overflow:visible!important}
  .sequence-stage .media-grid{display:grid!important}
  .sequence-stage .media-grid .media{position:relative!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .sequence-meta,.sequence-progress,.sequence-glow{display:none!important}
  .story-flow article{transition:none}
}