.service-hero { padding:clamp(5rem,8vw,6.5rem) 0; background:var(--color-surface-muted); }
.service-hero-grid, .service-editorial, .service-final-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--grid-gap); align-items:center; }
.service-hero-copy { grid-column:span 7; }
.service-hero-copy h1 { max-width:760px; margin:.5rem 0 1.25rem; font-size:clamp(3rem,4.4vw,4.8rem); line-height:.99; }
.service-hero-copy .lead { margin-bottom:var(--space-6); }
.service-hero-media { grid-column:span 5; margin:0; overflow:hidden; aspect-ratio:5/4; }
.service-hero-media img, .service-editorial-media img { width:100%; height:100%; object-fit:cover; }
.service-section { padding-block:var(--space-section); }
.service-section--muted { background:var(--color-surface-muted); }
.service-editorial-copy { grid-column:1 / span 5; }
.service-editorial-media { grid-column:7 / span 6; margin:0; overflow:hidden; aspect-ratio:5/4; }
.service-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem var(--space-8); margin:var(--space-6) 0 0; padding:0; list-style:none; }
.service-list li { padding-top:.7rem; border-top:1px solid var(--color-border); color:var(--color-text-muted); }
.method-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--space-4); margin:var(--space-6) 0 0; padding:0; list-style:none; }
.method-list li { padding-top:var(--space-4); border-top:2px solid var(--color-brand); }
.method-list strong { display:block; margin-bottom:.35rem; font-size:.92rem; }
.method-list span { color:var(--color-text-muted); font-size:.9rem; line-height:1.5; }
.service-note { max-width:820px; padding:var(--space-6); border-left:2px solid var(--color-brand); background:var(--color-surface); }
.service-note p { margin:0; }
.service-note p + p { margin-top:var(--space-4); }
.service-final { padding-block:var(--space-section); background:var(--color-dark); color:var(--color-white); }
.service-final-copy { grid-column:1 / span 7; }
.service-final h2 { margin:.45rem 0 1rem; color:var(--color-white); }
.service-final p { color:rgba(255,255,255,.75); }
.service-final .btn--secondary { color:var(--color-white); border-color:rgba(255,255,255,.55); }
.service-final .hero-support { color:rgba(255,255,255,.85); }
@media (max-width:900px) { .service-hero { padding:0 0 var(--space-section); } .service-hero-grid, .service-editorial, .service-final-grid { grid-template-columns:1fr; gap:var(--space-8); } .service-hero-copy, .service-hero-media, .service-editorial-copy, .service-editorial-media, .service-final-copy { grid-column:auto; } .service-hero-media { order:-1; aspect-ratio:16/10; } .method-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px) { .service-hero-media { margin-inline:calc(var(--page-padding-mobile) * -1); aspect-ratio:4/3; } .service-hero-copy { padding-top:var(--space-8); } .service-hero-copy h1 { font-size:clamp(2.5rem,10.5vw,3.25rem); } .service-list { grid-template-columns:1fr; } .method-list { grid-template-columns:1fr; gap:var(--space-5); } .service-note { padding:var(--space-5); } }