.story-interactive{min-width:0;max-width:1200px;margin:40px auto;padding:0 24px}.before-after,.interactive-fallback{min-width:0;max-width:100%;margin:0}.comparison-slider{background:#e8edf0;border-radius:8px;width:100%;max-width:100%;overflow:hidden}.comparison-photo{width:100%;position:relative;overflow:hidden}.comparison-label{color:#fff;overflow-wrap:anywhere;background:#102b45df;border-radius:5px;max-width:70%;padding:8px 12px;font:600 14px/1.4 Arial,sans-serif;position:absolute;top:16px;left:16px}.comparison-label-after{left:auto;right:16px}.comparison-label small{font-size:11px;font-weight:400;display:block}.before-after figcaption{color:inherit;padding:12px 0;font-size:14px;line-height:1.6}.before-after figcaption p{white-space:pre-line;margin:0 0 5px}.before-after figcaption small{opacity:.7;font-size:11px}.comparison-missing{color:#50677b;background:#e8edf0;place-items:center;min-height:180px;padding:20px;font:14px/1.5 Arial,sans-serif;display:grid}.comparison-slider [role=slider]:focus-visible{outline-offset:-3px;outline:3px solid #ddbd6e}.interactive-fallback img{width:100%;height:auto;display:block}.interactive-fallback figcaption{padding:10px;font-size:13px}.interactive-preview .story-interactive{margin:0;padding:0}@media (max-width:760px){.story-interactive{margin:24px auto;padding:0 12px}.comparison-label{max-width:65%;padding:6px 8px;font-size:12px;top:8px;left:8px}.comparison-label-after{left:auto;right:8px}}.comparison-horizontal .comparison-label-after{top:auto;bottom:16px}@media (max-width:760px){.comparison-horizontal .comparison-label-after{bottom:8px}}.interactive-preview .before-after{width:min(100%,calc(max(220px,100svh - 430px)*var(--comparison-aspect)));margin-inline:auto}.story-interactive{overflow-wrap:anywhere;min-width:0}.story-interactive figure{margin:0}.story-interactive nav{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.story-interactive button{cursor:pointer;min-height:44px;padding:8px 14px}.story-interactive button:focus-visible{outline-offset:3px;outline:3px solid #4ba3ff}.interactive-prose{white-space:pre-line}.interactive-static{margin:20px 0}.interactive-static summary{cursor:pointer;padding:12px}.interactive-gold{--interactive-color:#b17a25}.interactive-blue{--interactive-color:#287bb5}.interactive-red{--interactive-color:#b63d3d}.hotspot-scroll{max-height:70vh;overflow:auto}.hotspot-stage{line-height:0;position:relative}.hotspot-stage img{display:block}.story-interactive .hotspot-dot,.hotspot-dot{background:var(--interactive-color,#b17a25);color:#fff;touch-action:none;cursor:pointer;border:2px solid #fff;border-radius:50%;min-width:44px;min-height:44px;line-height:1;position:absolute;transform:translate(-50%,-50%)}.interactive-data svg{width:100%;height:auto}.interactive-data table{border-collapse:collapse;width:100%}.interactive-data td,.interactive-data th{text-align:left;border-bottom:1px solid #8885;padding:10px}.interactive-metrics{flex-wrap:wrap;gap:24px;display:flex}.interactive-metrics strong{color:var(--interactive-color);font-size:clamp(28px,5vw,64px);display:block}.timeline-horizontal>nav{flex-wrap:nowrap;overflow:auto}.interactive-timeline [aria-current=step]{border:2px solid var(--landing-accent,#b17a25)}.interactive-timeline iframe,.interactive-timeline video{aspect-ratio:16/9;border:0;width:100%}.interactive-item-actions{gap:8px;margin:12px 0;display:flex}@media (max-width:760px){.timeline-horizontal>nav{flex-wrap:wrap}.interactive-data table{font-size:14px}}@media (prefers-reduced-motion:reduce){.story-interactive *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.interactive-webgl{width:100%;height:440px;max-height:65vh;position:relative}.map-point,.panorama-marker button{color:#fff;cursor:pointer;background:#815e20;border:2px solid #fff;border-radius:50%;min-width:44px;min-height:44px}.map-story-points>li{min-height:45vh;padding:24px 0}.panorama-canvas{touch-action:pan-y}.story-interactive [aria-current=location]{border-left:3px solid #b17a25;padding-left:15px}.maplibregl-ctrl-attrib{color:#222}.interactive-animation{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:65vh;display:block}.interactive-webgl model-viewer button{color:#fff;background:#815e20;border:2px solid #fff;border-radius:50%;min-width:44px;min-height:44px}.interactive-editor-settings details{border:1px solid #8885;margin:12px 0;padding:12px}.interactive-editor-settings summary{cursor:pointer;font-weight:600}.story-interactive{padding-block:32px}.story-interactive h3{margin:0 0 24px;font-size:clamp(23px,3vw,34px)}.story-interactive h4{margin:18px 0 12px;font-size:23px}.story-interactive button{background:var(--landing-interactive-surface,#a88c5417);color:inherit;font:inherit;border:1px solid #a88c5488;border-radius:7px;font-size:15px;line-height:1.4}.story-interactive button:hover{background:#b8893833}.story-interactive button:disabled{opacity:.45;cursor:default}.story-interactive details{border-block:1px solid #8884;padding:12px 0}.story-interactive table{font-size:16px}.story-interactive summary{font:inherit;font-size:16px}.story-interactive figcaption{opacity:.8;margin-top:16px}.story-map-mode-story{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:28px;display:grid}.story-map-mode-story>h3{grid-column:1/-1}.story-map-mode-story>.story-map-viewer{align-self:start;position:sticky;top:80px}.map-story-points{margin-top:0;padding-left:24px}.interactive-editor-settings input[type=checkbox]{justify-self:start;width:auto}.interactive-preview .interactive-webgl{height:360px}.story-interactive .hotspot-dot{background:var(--interactive-color,#b17a25);color:#fff;border:2px solid #fff}@media (max-width:760px){.story-map-mode-story{display:block}.story-map-mode-story>.story-map-viewer{position:static}.map-story-points>li{min-height:0}.story-interactive{padding-block:24px}}
