/* A self-contained Services composition; no cycling panels or scroll effects. */
.bold-site.services-page{--services-ink:#142b24;--services-muted:#52665b;--services-paper:#f5f3ed}
.bold-site.services-page main>section.services-overview,.bold-site.services-page main>section.services-engagement,.bold-site.services-page main>section.services-next{padding:clamp(48px,6vw,88px) 0!important}
.bold-site.services-page .secondary-cinema{height:clamp(480px,48vw,680px)!important;min-height:0!important}
.services-page .cinema-frame img{animation:none!important;transform:none!important;object-position:50% 42%!important}
.services-page .cinema-copy{opacity:1!important;transform:none!important}
.services-overview{background:var(--services-paper);color:var(--services-ink)}
.services-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:16px 72px;margin-bottom:40px}
.services-intro .eyebrow{grid-column:1/-1;margin:0;color:var(--services-muted)}
.bold-site.services-page .services-intro h2,.bold-site.services-page .services-engagement h2,.bold-site.services-page .services-next h2{font-size:clamp(32px,3.2vw,48px)!important;line-height:1.12;letter-spacing:-.035em;font-weight:400;margin:0;color:inherit}
.services-page .services-intro h2 em,.services-page .services-engagement h2 em,.services-page .services-next h2 em{font-family:Georgia,serif;font-weight:400;color:inherit}
.services-intro>p:last-child{font-size:18px;line-height:1.65;max-width:42ch;margin:0;align-self:center;color:var(--services-muted)}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;grid-auto-rows:1fr}
.services-offering{padding:clamp(24px,3.4vw,48px);border:1px solid #cbd4c5;background:linear-gradient(140deg,#edf0e5,#f8f7f2);border-radius:16px;min-width:0;display:flex;flex-direction:column;scroll-margin-top:130px}
.services-icon{width:80px;height:74px;color:#4a6857;margin-bottom:24px;flex:none}
.bold-site.services-page .services-offering h2{font-size:clamp(26px,2.4vw,34px);font-weight:400;letter-spacing:-.025em;line-height:1.2;color:var(--services-ink);margin:0 0 14px}
.services-offering .services-description{font-size:17px;line-height:1.6;color:var(--services-muted);margin:0 0 24px}
.services-offering ul{padding:0;margin:0 0 24px;list-style:none}
.services-offering li{font-size:16px;line-height:1.5;padding:12px 0;border-bottom:1px solid #d1d9ca;color:var(--services-ink)}
.services-offering .services-qualification{font-size:14px;line-height:1.6;color:var(--services-muted);margin:auto 0 0;max-width:54ch}
.services-engagement{background:#142b24;color:#f5f3ed}
.services-engagement-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:start}
.services-engagement .eyebrow{margin:0 0 20px;color:#bfceb4}
.services-engagement-copy p{font-size:18px;line-height:1.7;color:#d2dacd;margin:0 0 24px;max-width:48ch}
.services-engagement-copy p+p{font-size:15px;color:#b9c8b6}
.services-engagement .text-link{color:#e5edc6}
.services-next{background:#e8edde;color:var(--services-ink)}
.services-next-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:center}
.services-next p{font-size:17px;line-height:1.6;color:var(--services-muted);margin:20px 0 24px}
.bold-site.services-page .services-next a.button{background:#173a2e;border-color:#173a2e;color:#fff;transform:none;transition:background .25s ease,box-shadow .25s ease}
.bold-site.services-page .services-next a.button:hover,.bold-site.services-page .services-next a.button:focus-visible{background:#284e3c;color:#fff;transform:none;box-shadow:0 6px 18px #173a2e20}
.services-existing{border-left:1px solid #bac8b1;padding-left:40px}
.bold-site.services-page .services-existing h3{font-size:24px;line-height:1.3;margin:0;font-weight:400;color:inherit}
.services-existing .text-link{color:#173a2e}
.services-page main a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
@media(max-width:800px){.services-intro,.services-engagement-grid,.services-next-grid{grid-template-columns:1fr;gap:24px}.services-intro{margin-bottom:32px}.services-existing{border-left:0;border-top:1px solid #bac8b1;padding:28px 0 0}.services-intro>p:last-child,.services-engagement-copy p{font-size:16px}.services-next-grid{gap:32px}}
@media(max-width:600px){.services-grid{grid-template-columns:1fr;gap:20px;grid-auto-rows:auto}.services-icon{width:64px;height:60px;margin-bottom:20px}.services-offering .services-description{font-size:16px}.services-offering li{font-size:15px}.services-page .secondary-cinema{height:480px!important}.services-page .cinema-frame img{object-position:50% center!important}.services-next .button{white-space:normal;max-width:100%}}
@media(prefers-reduced-motion:reduce){.services-page main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Concise introduction without a repeated headline. */
.services-intro{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.bold-site.services-page .services-intro h2.services-label{font-size:12px!important;line-height:1.5;letter-spacing:.13em;font-weight:600;text-transform:uppercase;color:var(--services-muted);margin:0}
.services-intro>p:last-child{align-self:auto;max-width:64ch}

/* Keep the introduction within the photographic opening. */
.bold-site.services-page .cinema-copy .services-hero-intro{font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:#edf0e6;margin:20px 0 0;max-width:46ch}
@media(max-width:600px){.bold-site.services-page .cinema-copy .services-hero-intro{font-size:16px;margin-top:16px;max-width:34ch}.bold-site.services-page .secondary-cinema{height:540px!important}}

@media(max-width:600px){.bold-site.services-page .secondary-cinema{height:480px!important}.bold-site.services-page .secondary-cinema .cinema-frame img{object-position:62% center!important}}

/* Align service descriptions and scope rows when two columns become narrow. */
@media(min-width:601px) and (max-width:1000px){.services-offering .services-description{min-height:3.2em}.services-offering li{min-height:72px;box-sizing:border-box;display:flex;align-items:center}}

/* Mobile Services keeps its copy over the photograph. */
@media(max-width:650px){
 .bold-site.services-page .secondary-cinema{height:clamp(410px,100vw,480px)!important}
 .bold-site.services-page .secondary-cinema .cinema-frame{inset:0!important;height:100%!important}
 .bold-site.services-page .secondary-cinema .cinema-frame img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:60% center!important}
 .bold-site.services-page .secondary-cinema::after{background:linear-gradient(180deg,transparent 30%,rgba(4,18,15,.22) 48%,rgba(4,18,15,.9) 100%)!important}
 .bold-site.services-page .secondary-cinema .cinema-stage{padding-bottom:28px!important}
 .bold-site.services-page .secondary-cinema .cinema-copy h1{font-size:clamp(32px,7.3vw,40px)!important;line-height:1.12!important}
 .bold-site.services-page .cinema-copy .services-hero-intro{max-width:42ch;font-size:16px;margin-top:16px}
}
