/* A stationary facility, with seven horizontal text handovers driven by native scroll. */
.sites-page .ops-scroll-track { position:relative; }
.ops-sticky { position:sticky; top:var(--ops-top,120px); padding-block:8px 24px; }
.sites-page .ops-scroll-track .ops-console { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:18px; background:transparent; margin-bottom:38px; }
.sites-page .ops-scroll-track .ops-step { display:block; min-width:0; }
.sites-page .ops-scroll-track .ops-select {
 display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:10px;
 position:relative; width:100%; min-height:94px; padding:0 0 18px; margin:0;
 color:#aeb8a4; background:transparent; border:0; border-bottom:1px solid #47513f;
 cursor:pointer; text-align:left;
}
.sites-page .ops-scroll-track .ops-select::before,.sites-page .ops-scroll-track .ops-indicator { display:none; }
.sites-page .ops-scroll-track .ops-select[aria-current=step] { color:var(--white); border-bottom-color:var(--orange); }
.sites-page .ops-scroll-track .ops-number { font:500 30px/1 var(--display); color:#85927b; }
.sites-page .ops-scroll-track .ops-select[aria-current=step] .ops-number { color:var(--orange); }
.sites-page .ops-scroll-track .ops-name { font:600 clamp(18px,1.65vw,26px)/1.08 var(--display); text-transform:uppercase; max-width:none; overflow-wrap:normal; hyphens:auto; }
.sites-page .ops-scroll-track .ops-select:focus-visible { outline:2px solid var(--orange); outline-offset:5px; }
.sites-page .ops-scroll-track .ops-content { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:center; gap:40px; }
.sites-page .ops-scroll-track .ops-panels { display:grid; min-width:0; overflow:hidden; }
.sites-page .ops-scroll-track .ops-panel { grid-area:1 / 1; padding:0; background:transparent; display:flex; flex-direction:column; justify-content:center; visibility:hidden; opacity:0; min-width:0; }
.sites-page .ops-scroll-track .ops-copy h4 { font-size:clamp(42px,4.2vw,64px); line-height:1; margin-bottom:22px; }
.sites-page .ops-scroll-track .ops-copy > p:not(.ops-static-label) { font-size:17px; line-height:1.65; }
.sites-page .ops-scroll-track .ops-static-label { display:none; }
.sites-page .ops-scroll-track .ops-scene-slot { display:none; }
.sites-page .ops-scroll-track .ops-focus { justify-content:flex-start; font-size:22px; gap:8px 20px; margin:24px 0 0; }
.sites-page .ops-scroll-track .ops-output { margin:24px 0 0; padding:0; border:0; gap:5px; }
.sites-page .ops-scroll-track .ops-output::before { width:26px; height:2px; margin-bottom:10px; }
.sites-page .ops-scroll-track .ops-output strong { font-size:16px; line-height:1.5; }
.sites-page .ops-scroll-track .ops-visual { min-width:0; }
.sites-page .ops-scroll-track .ops-scene { aspect-ratio:1.8; min-height:0; }
.sites-page .ops-scroll-track .ops-caption { margin-top:12px; font-size:14px; line-height:1.6; }
.sites-page .ops-scroll-track.is-running .ops-panel { will-change:transform,opacity; }
html[lang=uk] .sites-page .ops-scroll-track .ops-name { font-size:clamp(16px,1.4vw,22px); line-height:1.15; }
html[lang=uk] .sites-page .ops-scroll-track .ops-copy h4 { font-size:clamp(34px,3.4vw,52px); line-height:1.1; }
@media(max-width:1100px) {
 .sites-page .ops-scroll-track .ops-console { gap:12px; }
 .sites-page .ops-scroll-track .ops-content { gap:26px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .sites-page .ops-scroll-track .ops-copy h4 { font-size:44px; }
 .sites-page .ops-scroll-track .ops-copy > p:not(.ops-static-label) { font-size:16px; }
}
@media(max-width:800px) {
 .ops-sticky { padding-block:0 10px; }
 .sites-page .ops-scroll-track .ops-console { gap:8px; margin-bottom:20px; }
 .sites-page .ops-scroll-track .ops-select { min-height:44px; padding:7px 0 10px; align-items:center; gap:0; }
 .sites-page .ops-scroll-track .ops-number { font-size:27px; }
 .sites-page .ops-scroll-track .ops-name { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .sites-page .ops-scroll-track .ops-content { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
 .sites-page .ops-scroll-track .ops-static-label { display:block; font-size:16px; line-height:1.3; margin-bottom:12px; }
 .sites-page .ops-scroll-track .ops-copy h4 { font-size:clamp(34px,9vw,48px); margin-bottom:14px; }
 .sites-page .ops-scroll-track .ops-copy > p:not(.ops-static-label) { font-size:16px; line-height:1.55; }
 .sites-page .ops-scroll-track .ops-focus { font-size:20px; gap:6px 18px; margin-top:16px; }
 .sites-page .ops-scroll-track .ops-output { margin-top:16px; }
 .sites-page .ops-scroll-track .ops-output::before { display:none; }
 .sites-page .ops-scroll-track .ops-output span { font-size:13px; }
 .sites-page .ops-scroll-track .ops-output strong { font-size:15px; line-height:1.4; }
 .sites-page .ops-scroll-track .ops-scene { aspect-ratio:1.95; }
 .sites-page .ops-scroll-track .ops-caption { font-size:13px; margin:2px 0 0; }
 html[lang=uk] .sites-page .ops-scroll-track .ops-copy h4 { font-size:clamp(29px,7.5vw,39px); }
}
/* Short viewports keep every stage readable, advancing as it reaches the reader. */
.sites-page .ops-scroll-track.is-reading { height:auto !important; }
.sites-page .ops-scroll-track.is-reading .ops-sticky { position:static; }
.sites-page .ops-scroll-track.is-reading .ops-console { position:sticky; top:var(--ops-top,120px); z-index:3; background:#161b14; padding-top:8px; padding-bottom:8px; }
.sites-page .ops-scroll-track.is-reading .ops-content { display:block; }
.sites-page .ops-scroll-track.is-reading .ops-panels { display:block; overflow:clip; }
.sites-page .ops-scroll-track.is-reading .ops-panel { visibility:visible; opacity:1; padding:34px 0 50px; scroll-margin-top:190px; }
.sites-page .ops-scroll-track.is-reading .ops-scene-slot { display:block; margin:18px 0; }
.sites-page .ops-scroll-track.is-reading .ops-fallback { max-height:330px; }
.sites-page .ops-scroll-track.is-reading .ops-static-label { display:block; }
.sites-page .ops-scroll-track.is-reading .ops-visual { display:contents; }
.sites-page .ops-scroll-track.is-reading .ops-visual .ops-scene { display:none; }
@media(prefers-reduced-motion:reduce) {
 .sites-page .ops-scroll-track .ops-select { transition:none; }
}

/* Two quiet, persistent actions beneath the stage sequence. */
.ops-actions { display:flex; align-items:stretch; justify-content:center; gap:24px; margin-top:36px; }
.ops-actions .button { --connector-width:48px; min-height:64px; padding:12px 24px; gap:14px; margin:0; }
.ops-actions .button .action-label { font-size:17px; line-height:1.4; }
.ops-actions.is-enhanced {
 position:fixed; inset:auto 0 0; z-index:16; margin:0;
 padding:14px var(--gutter) calc(14px + env(safe-area-inset-bottom,0px));
 background:#101610f5; backdrop-filter:blur(12px);
 visibility:hidden; pointer-events:none;
}
.ops-actions.is-visible { visibility:visible; pointer-events:auto; }
/* Only tighten the stage when needed to leave clear space above the actions. */
.sites-page .ops-scroll-track.is-compact .ops-sticky { padding-block:0 10px; }
.sites-page .ops-scroll-track.is-compact .ops-console { margin-bottom:20px; }
.sites-page .ops-scroll-track.is-compact .ops-select { min-height:76px; padding-bottom:12px; gap:8px; }
.sites-page .ops-scroll-track.is-compact .ops-scene { max-height:calc(100svh - var(--ops-top) - var(--ops-dock-height) - 200px); }
.sites-page .ops-scroll-track.is-compact .ops-copy h4 { margin-bottom:16px; }
.sites-page .ops-scroll-track.is-compact .ops-focus,.sites-page .ops-scroll-track.is-compact .ops-output { margin-top:16px; }
@media(max-width:800px) {
 .ops-actions { gap:12px; }
 .ops-actions.is-enhanced { padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px)); }
 .ops-actions .button { flex:1 1 0; width:auto; min-width:0; max-width:320px; --connector-width:26px; --bracket-width:16px; --bracket-cut:8px; padding:10px 14px; gap:8px; min-height:64px; }
 .ops-actions .button .action-label { font-size:14px; line-height:1.4; overflow-wrap:normal; hyphens:auto; }
 .sites-page .ops-scroll-track.is-compact .ops-console { margin-bottom:14px; }
 .sites-page .ops-scroll-track.is-compact .ops-select { min-height:44px; padding:7px 0 10px; gap:0; }
 .sites-page .ops-scroll-track.is-compact .ops-scene { max-height:132px; }
 .sites-page .ops-scroll-track.is-compact .ops-static-label { margin-bottom:8px; }
 .sites-page .ops-scroll-track.is-compact .ops-copy h4 { margin-bottom:10px; }
 .sites-page .ops-scroll-track.is-compact .ops-focus { margin-top:12px; }
 .sites-page .ops-scroll-track.is-compact .ops-output { margin-top:10px; }
}
@media(min-width:801px) {
 html:not([lang=uk]) .sites-page .ops-scroll-track.is-compact .ops-copy h4 { font-size:clamp(40px,3.5vw,54px); }
}