.services-dropdown{width:330px}
.service-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:65px;margin:89px 0 45px;min-height:340px}
.service-detail-copy h1{font-size:clamp(23.04px,2.24vw,34.56px);font-weight:650;letter-spacing:-1.8px;line-height:1.1;margin:0 0 24px;max-width:680px}
.service-detail-copy>p{font-size:19px;line-height:1.6;color:#4c5668;max-width:590px;margin:0 0 28px}
.service-detail-visual{min-width:0;border:1px solid var(--line);border-radius:4px;height:340px;min-height:0;padding:0;overflow:hidden;background:#f3f5f7}
.service-detail-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body[data-service="video"] .service-detail-visual>img{object-position:center top}
body[data-service="service"] .service-detail-visual>img{object-position:center 65%}
body[data-service="print"] .service-detail-visual>img{object-position:center 40%}
.service-detail-scope{border-top:1px solid var(--line);padding-top:30px}
.service-detail-scope>.eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:13px}
.service-detail-scope h2{font-size:32px;font-weight:650;letter-spacing:-1px;margin:0 0 25px}
.service-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-scope-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-scope-grid article{border:1px solid var(--line);border-radius:4px;padding:25px 27px}
.service-step{display:block;width:30px;padding-bottom:12px;border-bottom:2px solid var(--accent);font-size:12px;color:#8993a3;margin-bottom:17px}
.service-scope-grid p{font-size:16px;line-height:1.65;margin:0;color:#4c5668}
@media(max-width:1200px){.service-detail-hero{gap:35px}.service-detail-visual{height:310px}.service-detail-copy>p{font-size:17px}.service-scope-grid{gap:18px}.service-scope-grid article{padding:23px}.service-scope-grid p{font-size:15px}}
@media(max-width:820px){.services-dropdown{width:100%}.service-detail-hero{grid-template-columns:1fr;gap:26px;margin:55px 0 30px;min-height:0}.service-detail-copy h1{font-size:25.6px;letter-spacing:-1.3px}.service-detail-copy>p{font-size:18px;max-width:650px}.service-detail-visual{height:auto;aspect-ratio:16/9}.service-detail-scope h2{font-size:29px}.service-scope-grid{gap:14px}.service-scope-grid article{padding:20px}.service-scope-grid p{font-size:14px}}
@media(max-width:560px){.service-detail-copy h1{font-size:21.76px;letter-spacing:-1.1px}.service-detail-copy>p{font-size:17px}.service-scope-grid,.service-scope-grid-four{grid-template-columns:1fr}.service-scope-grid article{padding:22px}.service-scope-grid p{font-size:16px}.service-detail-scope h2{font-size:27px}}
/* Shared laptop composition, based on the approved network page. */
@media(min-width:821px){
 .service-detail-hero{min-height:0;gap:38px;align-items:start;margin:76px 0 18px}
 .service-detail-copy{padding-top:6px}
 .service-detail-copy h1{font-size:clamp(20.48px,min(1.984vw,3.584vh),29.44px);line-height:1.08;letter-spacing:-1.3px;margin-bottom:16px}
 .service-detail-copy>p{font-size:16px;line-height:1.5;margin-bottom:0}
 .service-detail-visual{height:clamp(180px,calc(100svh - 430px),300px)}
 .service-detail-scope{padding-top:14px}
 .service-detail-scope>.eyebrow{font-size:10px;line-height:1.3;margin:0 0 7px}
 .service-detail-scope h2{font-size:26px;line-height:1.15;margin-bottom:12px}
 .service-scope-grid{gap:14px}
 .service-scope-grid article{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px}
 .service-step{font-size:11px;line-height:1;width:24px;padding-bottom:7px;margin:2px 0 0}
 .service-scope-grid p{font-size:14px;line-height:1.5}
 body[data-page="service-detail"] .site-footer{margin-top:14px;padding:10px 0 12px}
}
@media(min-width:1100px){.service-scope-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:821px) and (max-height:640px){.service-detail-hero{margin-top:74px;margin-bottom:14px}.service-detail-copy h1{margin-bottom:12px}.service-detail-scope{padding-top:12px}.service-scope-grid article{padding:12px 14px}body[data-page="service-detail"] .site-footer{margin-top:12px;padding:9px 0}}

/* Detailed service copy remains below the approved hero and compact service cards. */
.service-detail-content{margin:46px 0 56px;border-top:1px solid var(--line);padding-top:34px;display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.service-reading-section{max-width:920px}
.service-reading-section h2{font-size:24px;line-height:1.25;font-weight:650;letter-spacing:-.5px;margin:0 0 16px;color:var(--ink,#172235)}
.service-reading-section p{font-size:16px;line-height:1.75;color:#4c5668;margin:0 0 15px}
.service-reading-section p:last-child{margin-bottom:0}
@media(max-width:820px){.service-detail-content{margin:35px 0 40px;padding-top:28px;gap:28px}.service-reading-section h2{font-size:22px}.service-reading-section p{font-size:16px;line-height:1.7}}

/* Stack the numbered service points below the introduction beside the hero photo. */
.service-detail-copy .service-detail-scope{border-top:0;margin-top:20px;padding-top:0}
.service-detail-copy .service-detail-scope>.eyebrow{font-size:10px;line-height:1.3;letter-spacing:1.8px;margin:0 0 5px}
.service-detail-copy .service-detail-scope h2{font-size:20px;line-height:1.2;letter-spacing:-.4px;margin:0 0 10px}
.service-detail-copy .service-scope-grid{grid-template-columns:minmax(0,1fr);gap:7px}
.service-detail-copy .service-scope-grid article{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:11px;padding:9px 12px}
.service-detail-copy .service-step{font-size:11px;line-height:1.2;width:24px;padding-bottom:5px;margin:2px 0 0}
.service-detail-copy .service-scope-grid p{font-size:14px;line-height:1.45;margin:0}
.service-detail-main .service-detail-content{margin-top:24px;padding-top:24px}
@media(max-width:820px){.service-detail-copy>p{margin-bottom:0}.service-detail-copy .service-detail-scope{margin-top:22px}.service-detail-copy .service-scope-grid article{padding:11px 13px}.service-detail-copy .service-scope-grid p{font-size:15px}.service-detail-main .service-detail-content{margin-top:26px}}