/* Stage 3 Phase 2: Scale Ops. Ported from the Stage 2 prototype (site_src/pages_services.py). */

.so-open{background:var(--white);padding-block:clamp(56px,7vw,96px) 0;overflow:hidden}
.so-open h1{font-size:clamp(48px,8vw,120px)}
.so-open .aside{font-family:var(--f-voice);font-style:italic;font-size:clamp(26px,3.2vw,42px);line-height:1.12;margin-top:.35em;max-width:20em}
.so-open .crumbs{font-size:14px;color:var(--grey);margin-bottom:22px}
.so-open .crumbs a{color:var(--grey);text-decoration:none}
.minimap{margin-top:56px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:2px solid var(--ink);position:relative}
.minimap a{padding:16px 10px 22px 0;text-decoration:none;font-weight:800;font-size:15px;position:relative}
.minimap a::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--blue)}
.minimap a span{display:block;font-weight:600;font-size:12px;color:var(--grey);letter-spacing:.06em}
.minimap a:hover{color:var(--blue)}
.minimap a:hover::before{background:var(--blue)}
@media (max-width:760px){.minimap{grid-template-columns:repeat(3,minmax(0,1fr))}}
.path{position:relative}
.stage-r{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr);gap:16px clamp(24px,4vw,56px);padding:40px 0;border-bottom:1px solid var(--line);scroll-margin-top:96px;position:relative}
.stage-r .st-n{font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--blue)}
.stage-r h3{font-weight:900;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(34px,4.2vw,56px);line-height:.9;margin-top:6px}
.stage-r .brk h4,.stage-r .bld h4{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.stage-r .brk h4{color:var(--red-deep)}
.stage-r .bld h4{color:var(--blue)}
.stage-r .brk p{font-family:var(--f-voice);font-style:italic;font-size:clamp(21px,2vw,25px);line-height:1.25}
.stage-r .bld p{font-size:17px}
.stage-r .bld b{display:block;font-weight:800;margin-bottom:4px}
/* What you get at the end (approved deliverables, 2026-10-12) */
.stage-r .eog{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.stage-r .eog p{font-size:16px;line-height:1.55}
@media (max-width:860px){.stage-r{grid-template-columns:1fr}}
.track-line{position:absolute;left:-28px;top:0;bottom:0;width:2px;background:var(--line)}
.track-line i{position:absolute;left:0;top:0;width:2px;height:0;background:var(--blue)}
@media (max-width:1320px){.track-line{display:none}}
.who2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.who2 .big{font-family:var(--f-voice);font-style:italic;font-size:clamp(28px,3.4vw,46px);line-height:1.1}
@media (max-width:860px){.who2{grid-template-columns:1fr}}