/* Ordered construction series. Shared native dialog and gallery.js handle interaction. */
.build-series-section{padding:clamp(48px,6vw,88px) 0;background:var(--paper)}
.build-series{min-width:0;scroll-margin-top:110px}
.series-heading{margin-bottom:24px}
.series-heading h3{font:700 clamp(1.6rem,2.7vw,2.5rem)/1.1 var(--display);text-transform:uppercase;margin:0 0 12px}
.series-sequence{font-size:.72rem;line-height:1.65;margin:0;color:inherit;opacity:.72}
.series-phases{display:grid;grid-template-columns:repeat(var(--phase-count),minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.series-phase{min-width:0;border-top:1px solid var(--line);position:relative}
.series-phase::before{content:"";position:absolute;top:-2px;left:0;width:18px;height:3px;background:var(--orange)}
.series-phase h4{font:700 .75rem/1.25 var(--body);letter-spacing:.04em;text-transform:uppercase;margin:14px 0;min-height:2.5em;display:flex;align-items:center;overflow-wrap:anywhere;hyphens:auto}
.series-image{display:block;width:100%;padding:0;border:0;aspect-ratio:3/4;overflow:hidden;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.series-image img{display:block;width:100%;height:100%;object-fit:contain}
.series-image:focus-visible,.series-link:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.series-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-top:18px}
.series-actions a{font-size:.66rem;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.series-link{font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.series-actions .work-open{margin:0}
.home-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.series-home .series-heading{margin-bottom:16px}
.series-home .series-heading h3{font-size:clamp(1.5rem,2vw,2rem);margin:0}
.series-home .series-phases{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(230px,23vw,300px);gap:14px}
.series-home .series-phase{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:7px;border:0;min-height:0}
.series-home .series-phase:first-child{grid-row:1 / span 2}
.series-home .series-phase::before{content:none}
.series-home .series-image{height:100%;min-height:0;max-height:none;aspect-ratio:auto}
.series-home .series-image img{object-fit:cover;object-position:center 65%}
.series-home .series-phase:first-child img{object-position:center 45%}
.series-home .series-phase h4{font-size:.75rem;line-height:1.4;letter-spacing:.025em;font-weight:600;color:rgba(255,255,255,.84);margin:0;min-height:0;display:block}
.series-home .series-actions{margin-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.series-home .series-link{font-size:.62rem;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.72)}
.series-home .series-link:hover,.series-home .series-link:focus-visible{color:var(--orange)}
.gallery-heading{min-width:0}
.gallery-phase{font-size:.68rem;line-height:1.3;letter-spacing:.05em;margin:5px 0 0;color:var(--paper);opacity:.7}
@media(max-width:900px){
 .home-series-grid{gap:28px}
 .series-phases{gap:24px}
 .build-series-section .series-phases{grid-template-columns:1fr}
 .build-series-section .series-phase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
 .build-series-section .series-phase h4{grid-column:1/-1;min-height:0;margin:12px 0 0}
 .build-series-section .series-image{aspect-ratio:3/4;max-height:340px}
 .service-series .series-phase{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;padding-top:12px}
 .service-series .series-phase h4{grid-column:1;grid-row:1;margin:0;line-height:1.6}
 .service-series .series-phase>.series-image{grid-column:2;grid-row:1;height:220px;aspect-ratio:auto}
}
@media(max-width:600px){
 .project-strip.project-teaser{padding-top:48px}
 .home-series-grid{grid-template-columns:1fr;gap:20px}
 .project-teaser .project-strip-link{font-size:.68rem}
 .series-home{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
 .series-home .series-phases{grid-column:1/-1;height:200px;gap:12px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
 .series-home .series-heading{margin-bottom:12px}
 .series-home .series-heading h3{font-size:clamp(1.25rem,5.2vw,1.5rem)}
 .series-home .series-phase h4{letter-spacing:.01em}
 .series-home .series-actions{grid-column:2;grid-row:1;align-self:start;margin:0;border:0}
 .series-home .series-actions a{font-size:.6rem;gap:8px}
 .gallery-phase{font-size:.6rem}
}
