/* Edge-attached glass planes and a shared geometric viewing aperture. */
.aperture-overlay .landscape-stage{overflow:clip}
.aperture-frame{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:clip}
.aperture-material{position:absolute;background:linear-gradient(130deg,rgb(var(--glass-rgb)/.24),rgb(var(--glass-deep)/.72) 90%),#1637475e;backdrop-filter:blur(24px) saturate(.75);-webkit-backdrop-filter:blur(24px) saturate(.75);transition:none!important;animation:none!important}
.aperture-borders{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.aperture-frost{fill:#b6d2da60;stroke:none}
.aperture-edge{fill:none;stroke:#d7eef27a;stroke-width:.8}
.landscape-story.aperture-overlay .story-copy,.aperture-swim-content,.aperture-tool-clip{position:absolute;inset:0;width:100%;height:100%;max-width:none;min-height:0;pointer-events:none;z-index:5;overflow:clip}
.landscape-story.aperture-overlay .story-panel[data-scene]{
 position:absolute;inset:auto;left:var(--pane-copy-x,48px)!important;inset-inline-start:var(--pane-copy-x,48px)!important;top:var(--pane-copy-y,25%)!important;bottom:auto!important;right:auto;
 width:var(--pane-copy-width,27.5vw)!important;max-width:none;height:max-content;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;
 transition:none!important;animation:none!important;translate:none!important;
}
.landscape-story.aperture-overlay .story-panel[data-scene="4"]{display:none}
.landscape-story.aperture-overlay .story-panel h1{font:400 clamp(54px,4.75vw,82px)/1.025 var(--ui);letter-spacing:-.06em;max-width:100%;text-wrap:balance}
.landscape-story.aperture-overlay .story-panel[data-scene] h2{font:400 clamp(36px,3.6vw,57px)/1.045 var(--ui);letter-spacing:-.055em;max-width:100%;text-wrap:balance}
.landscape-story.aperture-overlay .story-panel[data-scene] em{font-style:normal;color:#c4dce6}
.landscape-story.aperture-overlay .story-panel[data-scene] .story-description{font:400 14px/1.65 var(--ui);margin-top:25px;max-width:34ch;color:#d1e2e9;white-space:normal;text-wrap:pretty}
.landscape-story.aperture-overlay .story-panel[data-scene]>.text-link{font:500 12px/1.5 var(--ui);display:flex;justify-content:space-between;gap:20px;min-height:45px;width:100%;max-width:none;margin:29px 0 0;padding:12px 0 4px;border:0;border-top:1px solid #d4e9f14a;border-radius:0;color:#eff7fb;background:linear-gradient(90deg,#daeff016,transparent) no-repeat;background-size:0% 100%;transition:background-size .45s}
.landscape-story.aperture-overlay .story-panel[data-scene]>.text-link:hover{background-size:100% 100%}
.aperture-overlay .text-link .ui-icon{width:18px;height:18px;flex-shrink:0;transition:translate .35s}
.aperture-overlay .text-link:hover .ui-icon{translate:4px 0}
.landscape-story.aperture-overlay .scene-bottom{position:absolute;top:var(--tool-y)!important;left:var(--tool-x)!important;inset-inline-start:var(--tool-x)!important;right:auto!important;bottom:auto!important;width:244px!important;height:32px;margin:0;display:block;transition:none!important;pointer-events:auto}
.landscape-story.aperture-overlay .scene-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;height:32px}
.landscape-story.aperture-overlay .scene-tools button{min-height:32px;font:400 10px/1.3 var(--ui);padding:0;color:#d5e7ed;white-space:nowrap}
.aperture-tool-clip{z-index:7}
.aperture-swim-layout{position:absolute;left:48px;right:48px;top:var(--swim-y,70%);display:grid;grid-template-columns:.85fr 2fr;gap:34px;align-items:start;pointer-events:auto}
.landscape-story.aperture-overlay .aperture-swim-layout .story-panel[data-scene="3"]{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:auto!important;transform:none!important;opacity:1!important}
.landscape-story.aperture-overlay .story-panel[data-scene="3"] h2{font-size:clamp(29px,2.7vw,43px)}
.landscape-story.aperture-overlay .story-panel[data-scene="3"] .story-description{font-size:12px;line-height:1.55;margin-top:17px;max-width:32ch}
.landscape-story.aperture-overlay .story-panel[data-scene="3"]>.text-link{font-size:11px;min-height:35px;margin-top:18px;padding-top:10px}
.landscape-story.aperture-overlay .scene-instruments{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:1fr 1fr;gap:25px;width:auto!important;max-width:none;align-items:start;transform:none!important}
.landscape-story.aperture-overlay .scene-instruments .fire-readout,.landscape-story.aperture-overlay .scene-instruments .swim-live-stats{position:relative!important;inset:auto!important;width:auto!important;min-width:0;max-width:none;padding:0 0 0 25px!important;order:initial;border:0;border-left:1px solid #d5e8ef33;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;opacity:1!important;isolation:isolate}
.landscape-story.aperture-overlay .scene-instruments .swim-live-stats{order:-1;z-index:2}
.landscape-story.aperture-overlay .scene-instruments .fire-readout{z-index:1}
.aperture-overlay .swim-stats-heading{display:flex;justify-content:space-between;gap:10px;font:400 8px/1.5 var(--mono);letter-spacing:0}
.aperture-overlay .swim-stats-heading [data-stat-status]{font-size:7px}
.aperture-overlay .swim-live-stats .swim-stats-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:15px 0 0!important;align-items:center}
.aperture-overlay .swim-stat-primary [data-stat-accuracy]{font:400 clamp(35px,3.7vw,55px)/1 var(--ui);letter-spacing:-.06em}
.aperture-overlay .swim-live-stats .swim-stat-primary>span{font:400 10px/1.5 var(--ui);margin-top:5px}
.aperture-overlay .swim-live-stats .swim-stat-counts{display:grid;gap:9px}
.aperture-overlay .swim-live-stats .swim-stat-counts dd{font:400 18px/1.1 var(--ui)}
.aperture-overlay .swim-live-stats .swim-stat-counts dt{font:400 9px/1.4 var(--ui);margin-top:3px}
.aperture-validation{position:relative;font:400 10px/1.5 var(--ui);color:#c6dce6;letter-spacing:0;margin-top:13px}
.aperture-validation summary{display:flex;align-items:center;justify-content:space-between;min-height:30px;cursor:pointer;gap:14px}
.aperture-validation summary:after{content:'+';font-size:16px}
.aperture-validation[open] summary:after{content:'−'}
.aperture-validation[open]{z-index:4}
.aperture-validation-copy>p{font:400 10px/1.5 var(--ui)}
.aperture-validation-copy .swim-stats-foot{display:flex;justify-content:space-between;gap:15px;font:400 7px/1.5 var(--ui);margin:9px 0}
.aperture-validation-copy a{display:inline-flex;align-items:center;gap:15px;font-size:9px}
.aperture-validation-copy .ui-icon{width:16px;height:16px}
.landscape-story.aperture-overlay .fire-caption{font-size:8px;margin-bottom:14px}
.landscape-story.aperture-overlay .fire-caption strong{font-size:8px}
.aperture-overlay .fire-readout .forecast-heading{font-size:10px;margin-bottom:8px}
.aperture-overlay .fire-readout .forecast-options{padding:3px;border-radius:30px}
.aperture-overlay .fire-readout .forecast-options button{height:34px;font-size:12px}
.aperture-overlay .fire-readout .forecast-description{font:400 10px/1.5 var(--ui);letter-spacing:0;margin:10px 0}
.aperture-overlay .fire-readout .fire-legend{font-size:9px;gap:12px}
.aperture-overlay .fire-readout .fire-track{display:block;margin-top:12px;height:1px}
.landscape-story.aperture-overlay .fire-readout small{display:block;font:400 9px/1.5 var(--ui);letter-spacing:0;margin-top:8px}
.landscape-story.aperture-overlay .case-compass{right:185px!important;top:115px!important;bottom:auto!important}
.landscape-story.aperture-overlay[data-chapter="3"] .chapter-rail{top:112px!important;bottom:auto!important;transform:none}
.inspecting-transformer .aperture-frame,.inspecting-transformer .aperture-swim-content,.inspecting-transformer .aperture-tool-clip{visibility:hidden!important}
.inspection-landing .aperture-frame,.inspection-landing .aperture-swim-content{animation:inspection-land .42s ease-out both}
@media(min-width:1001px){.aperture-validation summary{display:none}}
@media(min-width:761px) and (max-width:1050px){
 .landscape-story.aperture-overlay .story-panel h1{font-size:38px}
 .landscape-story.aperture-overlay .story-panel[data-scene] h2{font-size:34px}
 .landscape-story.aperture-overlay .story-panel[data-scene] .story-description{font-size:12px;margin-top:20px}
 .aperture-swim-layout{gap:22px;grid-template-columns:.8fr 2fr}
 .landscape-story.aperture-overlay .scene-instruments{gap:16px}
 .landscape-story.aperture-overlay .scene-instruments .fire-readout,.landscape-story.aperture-overlay .scene-instruments .swim-live-stats{padding-left:16px!important}
 .landscape-story.aperture-overlay .story-panel[data-scene="3"] h2{font-size:27px}
 .aperture-overlay .swim-stats-heading [data-stat-status]{display:none}
 .aperture-overlay .swim-live-stats .swim-stats-body{grid-template-columns:1fr;gap:9px}
 .aperture-overlay .swim-live-stats .swim-stat-counts{grid-template-columns:1fr 1fr}
}
@media(min-width:761px) and (max-height:800px){
 .landscape-story.aperture-overlay .story-panel h1{font-size:clamp(42px,4vw,60px)}
 .landscape-story.aperture-overlay .story-panel[data-scene] h2{font-size:clamp(34px,3.1vw,48px)}
 .landscape-story.aperture-overlay .story-panel[data-scene] .story-description{font-size:12px;line-height:1.6;margin-top:20px}
 .landscape-story.aperture-overlay .story-panel[data-scene]>.text-link{margin-top:22px}
 .landscape-story.aperture-overlay .story-panel[data-scene="3"] h2{font-size:29px}
 .landscape-story.aperture-overlay .story-panel[data-scene="3"] .story-description{font-size:11px;margin-top:13px}
 .landscape-story.aperture-overlay .story-panel[data-scene="3"]>.text-link{margin-top:14px}
}
@media(max-width:1000px){
 .aperture-validation-copy{position:absolute;bottom:calc(100% + 10px);left:-16px;right:-16px;z-index:4;border:1px solid #c5e8f15c;border-radius:16px;background:#123040fa;box-shadow:0 15px 50px #00131b33;padding:16px}
}
@media(max-width:760px){
 .landscape-story.aperture-overlay .story-panel[data-scene] h1{font-size:clamp(34px,10.6vw,49px);line-height:1.03}
 .landscape-story.aperture-overlay .story-panel[data-scene] h2{font-size:clamp(29px,9vw,39px);line-height:1.04}
 .landscape-story.aperture-overlay .story-panel[data-scene] .story-description{font-size:12px;line-height:1.55;margin-top:18px;max-width:38ch}
 .landscape-story.aperture-overlay .story-panel[data-scene]>.text-link{min-height:38px;font-size:11px;margin-top:22px}
 .landscape-story.aperture-overlay .chapter-rail{top:86px!important;left:22px!important;right:22px!important;width:calc(100% - 44px)!important;transform:none!important}
 .landscape-story.aperture-overlay .scene-bottom{width:calc(100% - 64px)!important}
 .landscape-story.aperture-overlay .scene-tools button{font-size:9px}
 .aperture-swim-layout{left:32px;right:32px;display:block}
 .landscape-story.aperture-overlay .aperture-swim-layout .story-panel[data-scene="3"]{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}
 .landscape-story.aperture-overlay .story-panel[data-scene="3"] h2{font-size:25px;grid-column:1;grid-row:1}
 .aperture-overlay .story-panel[data-scene="3"] h2 br{display:none}
 .landscape-story.aperture-overlay .story-panel[data-scene="3"] .story-description{font-size:11px;line-height:1.5;grid-column:1/-1;margin:0}
 .landscape-story.aperture-overlay .story-panel[data-scene="3"]>.text-link{grid-column:2;grid-row:1;margin:0;padding:0;border:0;min-height:34px;font-size:10px;gap:10px;max-width:82px}
 .landscape-story.aperture-overlay .scene-instruments{margin-top:14px;display:flex!important;flex-direction:column;gap:12px}
 .landscape-story.aperture-overlay .scene-instruments .fire-readout{width:100%!important;order:-1;padding:0!important;border:0}
 .landscape-story.aperture-overlay .scene-instruments .swim-live-stats{width:100%!important;padding:11px 0 0!important;border:0;border-top:1px solid #d4e9ef33;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;order:initial}
 .aperture-overlay .swim-stats-heading{grid-column:1/-1;font-size:7px}
 .aperture-overlay .swim-stats-heading [data-stat-status]{font-size:6px;display:block}
 .aperture-overlay .swim-live-stats .swim-stats-body{display:flex;gap:14px;grid-column:1;grid-row:2;margin:0!important;align-items:center}
 .aperture-overlay .swim-stat-primary [data-stat-accuracy]{font-size:29px}
 .aperture-overlay .swim-live-stats .swim-stat-primary>span{font-size:8px;margin-top:2px}
 .aperture-overlay .swim-live-stats .swim-stat-counts{display:flex;gap:12px}
 .aperture-overlay .swim-live-stats .swim-stat-counts dd{font-size:14px}
 .aperture-overlay .swim-live-stats .swim-stat-counts dt{font-size:7px;max-width:60px}
 .aperture-validation{grid-column:2;grid-row:2;margin:0;align-self:end}
 .aperture-validation summary{font-size:0;gap:0;justify-content:flex-end;min-height:36px}
 .aperture-validation summary:before{content:'Details';font-size:9px;margin-right:8px}
 .aperture-validation-copy{left:auto;right:0;width:min(290px,calc(100vw - 72px))}
 .landscape-story.aperture-overlay .fire-caption{display:none}
 .aperture-overlay .fire-readout .forecast-heading{font-size:9px;margin-bottom:6px}
 .aperture-overlay .fire-readout .forecast-options button{height:32px;font-size:11px}
 .aperture-overlay .fire-readout .fire-legend{font-size:8px;gap:15px}
 .aperture-overlay .fire-readout .fire-track{display:none}
 .landscape-story.aperture-overlay .fire-readout small{font-size:8px;margin-top:7px}
 .landscape-story.aperture-overlay .case-compass{right:28px!important;top:166px!important}
}
@media(max-width:370px){
 .landscape-story.aperture-overlay .story-panel[data-scene="3"] h2{font-size:22px}
 .aperture-overlay .swim-live-stats .swim-stats-body{gap:10px}
 .aperture-overlay .swim-live-stats .swim-stat-counts{gap:8px}
 .aperture-overlay .swim-live-stats .swim-stat-counts dt{max-width:55px;font-size:6px}
 .aperture-validation summary:before{display:none}
}
@media(prefers-reduced-transparency:reduce){.aperture-material{background:#173849;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.inspection-landing .aperture-frame,.inspection-landing .aperture-swim-content{animation:none}}

.inspecting-transformer .aperture-frame{display:none!important}

@media(max-width:760px){.landscape-story.aperture-overlay .chapter-rail{grid-template-columns:repeat(6,minmax(0,1fr))}.aperture-overlay .chapter-rail button{grid-column:span 2}.aperture-overlay .chapter-rail button:nth-child(n+4){grid-column:span 3}}

/* Moving glass uses its optical tint while avoiding a fresh backdrop blur on
   every scroll frame. The same SVG path still defines fill, edge and copy. */
.is-ui-moving .aperture-material{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:760px){
 .aperture-material{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(130deg,rgb(var(--glass-rgb)/.63),rgb(var(--glass-deep)/.91) 90%)}
}