/* Keep pinned content below the navigation and within the available screen. */
.technical{overflow:visible}
#scene-label[hidden]{display:none!important}

.extra-card{background:#18383b}.extra-card>img{z-index:0!important}.extra-card:after{z-index:1!important;pointer-events:none}.extra-card .story-card-text,.extra-card .story-tag{z-index:2}
.extra-card>img{opacity:1}.extra-card .story-card-text>span{font-size:15px}
.format-selector,.format-intro{top:calc(var(--header-clearance,86px) + 10px)}
.format-panel{min-height:0!important;padding:12px 0 18px!important}
.format-illustration{margin:0 0 12px}.format-illustration>img{height:clamp(120px,23svh,230px);max-height:none;aspect-ratio:auto;width:100%}
.format-illustration figcaption{font-size:13px;margin-top:5px}
.format-panel h3{font-size:28px;margin:10px 0 12px}.format-panel>p:not(.tiny){font-size:17px;line-height:1.5;margin-bottom:14px}
.format-panel dl{font-size:15px;line-height:1.45;margin:12px 0 0;grid-template-columns:140px 1fr;gap:6px 12px}
.format-panel dt,.format-panel dd{padding-top:9px;margin:0}
.format-tabs{margin:0 0 10px}.format-tabs button{padding-bottom:12px;font-size:14px;gap:8px}
.format-scroll-hint{margin-bottom:14px;padding-bottom:10px;font-size:13px}
.format-selector.format-tight .format-illustration>img{height:115px}
.format-selector.format-tight .format-panel{padding-bottom:6px!important}
.format-selector.format-tight .format-panel h3{font-size:24px;margin:8px 0}
.format-selector.format-tight .format-panel>p:not(.tiny){font-size:16px;line-height:1.4;margin-bottom:8px}
.format-selector.format-tight .format-panel dl{font-size:14px;line-height:1.35;margin-top:8px}
.format-selector.format-tight .format-tabs button{gap:5px;padding-bottom:8px;font-size:13px;min-height:42px}
.format-selector.format-tight .format-scroll-hint{margin-bottom:8px;font-size:12px}
/* Each note advances the same pinned graphic; numbering also works on small screens. */
.workflow13{position:sticky;top:calc(var(--header-clearance,86px) + 10px);width:100%;align-self:start}
.workflow13 .workflow-tabs{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.workflow13 .workflow-tabs button{font-size:13px;padding:9px 5px;min-height:38px;white-space:nowrap}
.workflow13 .workflow-tabs button:before{display:none}
.workflow13 .workflow-art>svg{height:clamp(185px,32svh,310px);width:100%;aspect-ratio:auto}
.workflow-controls13{min-height:0;padding:10px 18px 14px}
.workflow-controls13 label,.workflow-controls13 button{font-size:15px}
.workflow-controls13 button{padding:10px 12px;min-height:42px}
.workflow-controls13 input[type=range]{min-height:24px}
.workflow13 figcaption{padding:14px 18px 0}
.workflow13 figcaption p{min-height:0;font-size:16px;line-height:1.5;margin-top:0}
.workflow13 .workflow-hint{font-size:12px;padding:12px 18px 14px}
.production-notes li{min-height:clamp(190px,28svh,270px);padding:24px 0 24px 18px}
.production-notes button{font-size:22px}.production-notes p{font-size:18px;line-height:1.6}
.workflow13 .workflow-mobile-detail{display:none}
.about-layout{grid-template-columns:1.15fr 1fr}
.team-photo14{height:610px;margin:20px -25px 0;padding-top:12px}.team-cutout14{max-width:110%}.team-frame14{inset:18% 8% 12%}
.about-credits strong{font-size:21px}.about-credits span{font-size:16px}
.financing15{overflow:visible}
.finance-intro15{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}
.finance-intro15 h2{margin-bottom:24px}.finance-intro15 p{font-size:19px;color:#38594f;line-height:1.65;max-width:52ch}
.finance-budget15{border-top:2px solid #a37856;padding-top:22px}
.finance-budget15>span{font-size:12px;letter-spacing:.08em;display:block;color:#6e634d}
.finance-budget15>strong{font-family:var(--serif);font-size:clamp(34px,3.3vw,53px);line-height:1.25;font-weight:400;display:block;margin:16px 0 18px;letter-spacing:-.04em}
.finance-budget15>p{font-size:16px;line-height:1.6;margin:0}
.finance-modules15{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px;border-top:1px solid #193d3040;padding-top:26px}
.finance-modules15 article>span{font-size:11px;letter-spacing:.08em;color:#7a674f}.finance-modules15 h3{font-family:var(--serif);font-size:26px;line-height:1.2;margin:13px 0 16px}.finance-modules15 p{font-size:17px;line-height:1.6;color:#496358;margin:0}
.finance-path15{display:grid;grid-template-columns:1fr 2fr;gap:6vw;margin-top:38px;padding-top:25px;border-top:1px solid #193d302c}
.finance-path15 h3{font-family:var(--serif);font-size:27px;line-height:1.25}.finance-path15 p{font-size:17px;line-height:1.65;color:#496358;margin:0}
@media(max-width:1100px){.finance-modules15{grid-template-columns:repeat(2,1fr);gap:28px}.about-layout{gap:40px}.team-photo14{height:540px;margin-inline:-15px}}
@media(max-width:800px){
 .compact-production{display:block;position:relative;height:calc(var(--workflow-panel-height,560px) + var(--workflow-travel,0px))}
 .production-notes{display:none}.workflow13{position:sticky;top:calc(var(--header-clearance,86px) + 10px);max-width:620px;margin:0 auto}
 .workflow13 #workflow-caption{display:none}.workflow13 .workflow-mobile-detail{display:block}
 .workflow13 figcaption>strong{display:block;font-size:26px;line-height:1.2}
 .workflow13 #workflow-detail{font-size:17px;line-height:1.5;margin-top:12px}
 .workflow13 .workflow-art>svg{height:clamp(160px,28svh,245px)}
 .workflow13 .workflow-hint{padding-top:9px}
 .format-panel dl{grid-template-columns:130px 1fr}
 .format-intro{position:relative;top:auto}
 .finance-intro15{gap:35px}.finance-path15{gap:35px}
}
@media(max-width:600px){
 .format-tabs button{font-size:13px}.format-tabs button svg{width:22px;height:22px}
 .format-panel{padding-inline:0!important}.format-illustration{margin:0 0 10px;width:100%}
 .format-illustration>img{height:clamp(115px,22svh,185px)}
 .format-panel h3{font-size:25px}.format-panel>p:not(.tiny){font-size:16px;line-height:1.45}
 .format-panel dl{grid-template-columns:105px 1fr;font-size:14px;gap:4px 10px;line-height:1.4}
 .format-panel dt,.format-panel dd{padding-top:7px}.format-panel dd{margin:0}
 .format-selector.format-tight .format-illustration>img{height:90px}
 .format-selector.format-tight .format-illustration figcaption{font-size:12px}
 .format-selector.format-tight .format-panel h3{font-size:22px}
 .workflow13 .workflow-tabs{padding:10px;gap:6px}.workflow13 .workflow-tabs button{font-size:13px;padding:8px 3px;min-height:36px}
 .workflow13 figcaption>strong{font-size:24px}.workflow13 #workflow-detail{font-size:16px;margin-top:9px}
 .workflow13 .workflow-controls13{padding:8px 14px 10px}.workflow13 figcaption{padding:12px 14px 0}
 .workflow13 .workflow-hint{padding:10px 14px 12px;font-size:11px}
 .workflow13 .workflow-art>svg{height:clamp(145px,27svh,215px)}
 .about-layout{grid-template-columns:1fr;gap:30px}.team-photo14{height:520px;margin:18px -12px 0}.team-cutout14{max-width:108%;height:100%}.about-credits strong{font-size:22px}
 .finance-intro15,.finance-path15{grid-template-columns:1fr;gap:26px}.finance-intro15 p{font-size:18px}.finance-budget15>strong{font-size:40px}.finance-budget15>p{font-size:16px}
 .finance-modules15{grid-template-columns:1fr;gap:0;margin-top:32px;padding-top:0}.finance-modules15 article{padding:23px 0;border-bottom:1px solid #193d302c}.finance-modules15 h3{font-size:27px;margin:10px 0}.finance-modules15 p{font-size:17px}.finance-path15{margin-top:30px;padding-top:0;border:0}.finance-path15 h3{font-size:28px}.finance-path15 p{font-size:17px}
 .financing15 .section-top .section-note{max-width:170px}.financing15 .compact-contact{padding-top:28px}
}
@media(max-height:650px){.workflow13 .workflow-art>svg{height:140px}.workflow13 .workflow-hint{display:none}.workflow13 #workflow-detail{font-size:15px;line-height:1.4}.workflow13 .workflow-tabs{padding-block:8px}.workflow13 figcaption{padding-bottom:12px}.workflow-controls13>div{gap:3px}}
.reduce-motion .compact-production{height:auto!important}.reduce-motion .workflow13{position:relative!important;top:auto!important}
@media(prefers-reduced-motion:reduce){.compact-production{height:auto!important}.workflow13{position:relative!important;top:auto!important}}
.format-selector.format-small .format-illustration>img{height:65px}
.format-selector.format-small .format-illustration figcaption,.format-selector.format-small .format-scroll-hint{display:none}
.format-selector.format-small .format-panel>p:not(.tiny){font-size:15px;line-height:1.35}
.format-selector.format-small .format-panel dl{font-size:13px;line-height:1.3}
.format-selector.format-small .format-panel h3{font-size:22px;line-height:1.15}
@media(max-height:600px){.workflow13 .workflow-art>svg{height:112px}.workflow13 .workflow-tabs button{min-height:32px;font-size:12px}.workflow13 figcaption>strong{font-size:22px}.workflow13 .workflow-controls13 label,.workflow13 .workflow-controls13 button{font-size:14px}}