/* Oblasti 08. Progressive enhancement retains the full document without JS/WebGL. */
.site-oblasti{--oblasti-margin:clamp(28px,5.7vw,110px)}
.site-oblasti .site-header{position:fixed;inset:0 0 auto;background:var(--bg)}
.site-oblasti .site-header__inner{min-height:110px}
.oblasti-story{position:relative;background:var(--bg);padding-top:var(--header-height,110px)}
.oblasti-scene{height:50vh;pointer-events:none;overflow:hidden}
.oblasti-fallback{display:block;width:100%;height:100%;object-fit:contain}
/* The static fallback is not a loading poster: its framing differs from WebGL. */
@media(scripting:enabled){.oblasti-scene:not([data-state=fallback]) .oblasti-fallback{visibility:hidden}}
.oblasti-panel{margin:64px var(--oblasti-margin);max-width:620px;scroll-margin-top:calc(var(--header-height,110px) + 24px)}
.oblasti-panel h1,.oblasti-panel h2{font:300 clamp(42px,4.12vw,74px)/1.045 var(--display);letter-spacing:-.065em;color:var(--text);margin:0 0 28px;text-wrap:initial}
.oblasti-panel .eyebrow{font:10px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:0 0 24px;color:var(--meta)}
.oblasti-panel .body{font-size:clamp(14px,1.055vw,18px);line-height:1.66;color:var(--body);max-width:420px}
.oblasti-panel p{text-wrap:initial}
.oblasti-panel .body p{margin:0 0 21px}.oblasti-panel .body p:last-child{margin-bottom:0}
.oblasti-panel .oblasti-cta{display:inline-flex;gap:13px;align-items:center;color:var(--signal);font-size:clamp(15px,1.14vw,19px);line-height:1.6;text-decoration:none;min-height:44px}
.oblasti-chapters{display:flex;flex-wrap:wrap;gap:6px 23px;margin:24px var(--oblasti-margin);font-size:11px;color:var(--meta)}
.oblasti-chapters a{position:relative;display:inline-flex;align-items:center;min-height:32px;text-decoration:none;white-space:nowrap;color:inherit}
.oblasti-chapters a[aria-current]{color:var(--text)}
.oblasti-chapters a[aria-current]:after{content:'';height:1px;background:currentColor;position:absolute;bottom:0;left:0;right:0}
.oblasti-scrubber,.oblasti-progress{display:none}
.oblasti-story.is-enhanced{height:max(900svh,5600px);padding-top:0}
.is-enhanced .oblasti-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.is-enhanced .oblasti-scene{position:absolute;inset:0;height:100%;z-index:0}
.oblasti-scene canvas{width:100%;height:100%;display:block}
.oblasti-scene:has(canvas):not([data-state=fallback]) .oblasti-fallback{display:none}
.oblasti-scene[data-state=fallback] canvas{display:none}
.is-enhanced .oblasti-fallback{position:absolute;left:48%;top:calc(var(--header-height,110px) + 12px);width:48%;height:65%;opacity:.65}
.is-enhanced .oblasti-panels{position:absolute;inset:0;z-index:3;pointer-events:none}
.is-enhanced .oblasti-panel{position:absolute;margin:0;left:var(--oblasti-margin);top:50%;width:min(30.5vw,460px);opacity:0;visibility:hidden;transform:translateY(-38%);pointer-events:none}
.is-enhanced .oblasti-panel.active{visibility:visible}
.is-enhanced .oblasti-panel:not([inert]){pointer-events:auto}
.is-enhanced .intro,.is-enhanced .ending{top:57%;width:min(34vw,510px);transform:translateY(-18%)}
.oblasti-panel.intro .body{max-width:410px}
.is-enhanced .direction{top:49%;width:min(32vw,480px)}
.oblasti-panel.direction h2{font-size:clamp(64px,6.5vw,112px)}
.is-enhanced .journey{top:49%;width:min(29vw,430px)}
.is-enhanced .systems{width:min(29vw,430px)}
.is-enhanced .systems.right{left:67%;width:27%}
.is-enhanced .delivery{top:49%}
.oblasti-panel:not(.intro):not(.ending):not(.direction) h2{font-size:clamp(47px,4.65vw,84px);line-height:1.02}
.is-enhanced .oblasti-chapters{position:absolute;margin:0;left:var(--oblasti-margin);bottom:34px;z-index:5}
.is-enhanced .oblasti-progress{display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;z-index:6;background:#aaa99f44}
.oblasti-progress>div{height:100%;transform:scaleX(0);transform-origin:left;background:var(--signal)}
.is-enhanced .oblasti-scrubber{display:block;appearance:none;position:absolute;bottom:0;left:0;width:100%;height:16px;margin:0;padding:0;background:transparent;z-index:7;cursor:ew-resize;outline-offset:-3px}
.oblasti-scrubber::-webkit-slider-runnable-track{background:transparent;height:2px}
.oblasti-scrubber::-webkit-slider-thumb{appearance:none;width:9px;height:9px;margin-top:-3.5px;border-radius:50%;background:var(--signal);opacity:0}
.oblasti-scrubber:hover::-webkit-slider-thumb,.oblasti-scrubber:focus-visible::-webkit-slider-thumb{opacity:1}
.site-oblasti .document-hero h2{font-size:clamp(36px,4.12vw,64px);line-height:1.1;letter-spacing:-.04em}
@media(max-width:1000px){.is-enhanced .oblasti-panel{width:34vw}.oblasti-panel .body{font-size:14px}.is-enhanced .intro,.is-enhanced .ending{top:52%;width:39vw}.is-enhanced .direction{width:46vw}.is-enhanced .systems.right{left:64%;width:31%}.is-enhanced .journey{width:33vw}.oblasti-panel .eyebrow{margin-bottom:18px}}
@media(max-width:700px){
 .site-oblasti{--oblasti-margin:24px}.site-oblasti .site-header__inner{min-height:88px}
 .oblasti-story.is-enhanced{height:max(1000svh,6400px)}
 .is-enhanced .oblasti-panel,.is-enhanced .systems.right{left:24px;right:24px;top:auto;bottom:116px;width:auto;transform:none}
 .oblasti-panel h1,.oblasti-panel h2,.oblasti-panel:not(.intro):not(.ending):not(.direction) h2{font-size:42px;line-height:1.01;letter-spacing:-.06em;margin-bottom:21px}
 .oblasti-panel.intro h1,.oblasti-panel.ending h2{font-size:41px}
 .oblasti-panel.direction h2{font-size:56px;margin-bottom:24px}
 .oblasti-panel .body{font-size:13px;line-height:1.6;max-width:390px}
 .oblasti-panel .body p{margin-bottom:16px}.oblasti-panel.intro .body{max-width:360px}
 .oblasti-panel .eyebrow{font-size:9px;margin-bottom:16px}
 .is-enhanced .oblasti-chapters{bottom:calc(16px + env(safe-area-inset-bottom));left:20px;right:20px;gap:0 20px;padding:4px;max-width:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;font-size:10px}
 .is-enhanced .oblasti-chapters::-webkit-scrollbar{display:none}
 .is-enhanced .oblasti-chapters a{flex:0 0 auto;min-height:44px}
 .oblasti-panel.journey h2 br{display:none}
 .oblasti-panel .oblasti-cta{font-size:16px}
 .is-enhanced .oblasti-fallback{left:24px;top:calc(var(--header-height,88px) + 12px);width:calc(100% - 48px);height:34%}
}
@media(max-width:380px){.site-oblasti .site-header__inner{min-height:120px}}
@media(max-height:650px) and (min-width:701px){
 .oblasti-panel h1,.oblasti-panel h2,.oblasti-panel:not(.intro):not(.ending):not(.direction) h2{font-size:44px;margin-bottom:19px}
 .oblasti-panel.direction h2{font-size:70px;margin-bottom:20px}
 .oblasti-panel .body{font-size:13px;line-height:1.5}.oblasti-panel .body p{margin-bottom:14px}.oblasti-panel .eyebrow{margin-bottom:13px}
}
@media(prefers-reduced-motion:reduce){.oblasti-panel{background:var(--bg)}.oblasti-story *{scroll-behavior:auto!important}}
:root[data-theme=night] .oblasti-fallback{filter:grayscale(1) brightness(1.7)}
.is-enhanced .oblasti-chapters{mix-blend-mode:difference;color:#e1e1d9}
.is-enhanced .oblasti-chapters a[aria-current]{color:#fff}
:root[data-theme=night] .is-enhanced .oblasti-chapters{mix-blend-mode:normal;color:#e1e0d9;text-shadow:0 1px 2px #0008}
.oblasti-fallback{filter:grayscale(1) brightness(1.7)}
:root[data-theme=day] .oblasti-fallback{filter:none}
.is-enhanced .oblasti-stage{background:var(--bg)}