/* V4 changes are deliberately scoped to the three submitted preview IDs. */
#service-rows-a .service-photo{margin:0;min-width:0}
#service-rows-a .service-photo img{width:100%;height:210px;object-fit:cover;display:block}
#service-rows-a .service-photo figcaption{font-size:10px;line-height:1.5;margin-top:9px;color:#625b54}
#project-showcase-a .project-named{grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}
#project-showcase-a .project-copy h3{font-size:clamp(52px,5.1vw,74px)}
#project-showcase-a .project-copy .row-list .item{padding:20px 0}
#project-showcase-a .project-copy .row-list h4{font-size:33px}
#project-showcase-a .project-composition{padding-top:0}
#project-showcase-a .project-main-device{padding:0 9px 25px 0;margin:0}
#project-showcase-a .project-main-device .desktop-device{transform:rotate(-2deg)}
#project-showcase-a .project-main-device .desktop-device img{aspect-ratio:1280/900;object-fit:contain}
#project-showcase-a .project-main-device figcaption{position:static;display:flex;align-items:baseline;gap:12px;margin:20px 0 0;font-size:10px;line-height:1.5}
#project-showcase-a .project-main-device figcaption strong{font-weight:600;font-size:13px}
#project-showcase-a .named-alternates{grid-template-columns:1.15fr .85fr;gap:22px;margin-top:0;align-items:start}
#project-showcase-a .named-alternates>figure{transform:none;margin:0;min-width:0}
#project-showcase-a .named-alternates .named-csl{grid-column:1/-1;max-width:88%;margin:0 auto 3px;transform:rotate(2deg)}
#project-showcase-a .named-csl .study-screen img{aspect-ratio:16/9;object-fit:contain}
#project-showcase-a .named-uropanama{transform:rotate(-2deg)}
#project-showcase-a .named-costeo{transform:rotate(2deg)}
#project-showcase-a .named-uropanama .study-screen img{aspect-ratio:1.44;object-fit:contain}
#project-showcase-a .named-costeo .study-screen img{aspect-ratio:955/938;object-fit:contain}
#project-showcase-a .named-alternates figcaption{margin-top:10px}
#project-showcase-a .named-alternates figcaption strong{font-weight:600;font-size:13px}
#project-showcase-a .named-alternates figcaption span{font-size:10px}
#scope-b .edition-title>span,#scope-b .edition-feature strong,#scope-b .tier-edition dd{background:linear-gradient(110deg,#007e70 8%,#245ca3 48%,#7438ca 95%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.09em;padding-bottom:.08em}
#scope-b .edition-title>span{font-size:35px}
#scope-b .edition-feature strong{line-height:1.04}
#scope-b .tier-edition dd{line-height:1.15}
#scope-b .capacity-flow{position:absolute;inset:225px 0 auto;height:550px;pointer-events:none;z-index:0;opacity:.85}
#scope-b .capacity-flow svg{display:block;width:100%;height:100%;overflow:visible}
#scope-b .capacity-route,#scope-b .capacity-spark{fill:none;stroke:url("#capacity-gradient");stroke-width:3;stroke-linejoin:round}
#scope-b .capacity-route{opacity:.2}
#scope-b .capacity-spark{stroke-width:6;stroke-dasharray:120 1100;stroke-dashoffset:120;filter:drop-shadow(0 0 9px #4fa3ff);animation:capacity-progress 7s linear infinite;animation-play-state:paused}
#scope-b .scope-motion-active .capacity-spark{animation-play-state:running}
#scope-b .capacity-editions{z-index:1}
#scope-b .tier-edition{transition:box-shadow .25s ease,border-color .25s ease}
#scope-b .tier-edition:hover,#scope-b .tier-edition:focus-visible{border-color:#00E5CC;box-shadow:0 25px 50px #0005,0 0 35px #4fa3ff45;outline:2px solid #4FA3FF;outline-offset:5px}
@keyframes capacity-progress{to{stroke-dashoffset:-1100}}
@media(max-width:1100px){#project-showcase-a .project-named{gap:35px}#project-showcase-a .project-copy .row-list h4{font-size:29px}#project-showcase-a .named-alternates{gap:18px}#project-showcase-a .named-alternates figcaption span{font-size:9px}}
@media(max-width:760px){#project-showcase-a .project-named{display:block}#project-showcase-a .project-copy .row-list{grid-template-columns:1fr 1fr}#project-showcase-a .project-copy .row-list .item:last-child{grid-column:auto}#project-showcase-a .project-composition{max-width:600px;margin-top:30px}#project-showcase-a .named-csl{max-width:100%}#scope-b .capacity-flow{top:260px;height:520px}}
@media(max-width:600px){#service-rows-a .service-photo img{height:180px}#project-showcase-a .project-copy h3{font-size:49px}#project-showcase-a .project-copy .row-list{display:block}#project-showcase-a .project-copy .row-list .item{padding:16px 0}#project-showcase-a .project-main-device figcaption{display:block}#project-showcase-a .project-main-device figcaption span{display:block;margin-top:5px}#project-showcase-a .named-alternates{gap:20px 14px}#project-showcase-a .named-alternates .named-csl{max-width:94%}#project-showcase-a .named-alternates figcaption strong{font-size:12px}#project-showcase-a .named-alternates figcaption span{font-size:9px}#scope-b .capacity-flow{inset:360px 6px auto;height:1250px}#scope-b .capacity-spark{stroke-width:9}}
@media(prefers-reduced-motion:reduce){#scope-b .capacity-spark{animation:none;opacity:.6}#scope-b .tier-edition{transition:none}}

/* Keep the progression route visible above the tier tops. */
#scope-b .capacity-editions>.capacity-flow{inset:0 -24px auto;height:100px;opacity:.8;z-index:0}
#scope-b .tier-edition{z-index:1}
@media(max-width:600px){#scope-b .capacity-editions>.capacity-flow{display:none}}