.service-hero { padding-block: 40px 56px; }
.service-hero__grid { display:grid; grid-template-columns:minmax(0,1fr); gap:32px; align-items:center; }
.service-hero__grid > * { min-width:0; }
.service-hero .kicker { line-height:1.4; padding-block:6px; }
.service-hero h1 { font:400 clamp(35px,4.3vw,66px)/1.06 var(--font-display); letter-spacing:-.045em; margin-block:24px; overflow-wrap:break-word; }
.service-hero__lead { font-size:19px; color:var(--asphalt-600); max-width:44ch; }
.service-hero figure { overflow:hidden; border-radius:26px; background:var(--asphalt-100); }
.service-hero img { width:100%; height:auto; aspect-ratio: 5 / 4; object-fit:cover; }
.service-hero figcaption { font-size:12px; padding:12px 18px; color:var(--asphalt-600); }
.service-caption { color:var(--asphalt-600); font-size:13px; margin-top:18px; }
.service-editorial,.service-planning,.service-questions { display:grid; grid-template-columns:minmax(0,1fr); gap:32px; padding-block:56px; }
.service-page h2 { font:400 clamp(28px,3vw,44px)/1.12 var(--font-display); letter-spacing:-.04em; margin-block:20px; }
.service-editorial > p { font-size:19px; color:var(--asphalt-600); max-width:60ch; }
.service-scope { padding-block:56px; background:var(--limewash-100); }
.service-scope h2 { max-width:24ch; }
.service-scope__grid { display:grid; gap:32px; margin-top:36px; }
.service-scope article { border-top:1px solid var(--asphalt-300); padding-top:24px; }
.service-scope article > span { color:var(--marker-800); font-size:13px; }
.service-page h3 { font:600 23px/1.2 var(--font-text); letter-spacing:-.02em; margin:20px 0 12px; }
.service-scope p,.service-planning p,.service-questions p { color:var(--asphalt-600); line-height:1.7; }
.service-planning aside { background:var(--asphalt-950); color:var(--limewash-50); padding:28px; border-radius:24px; }
.service-planning aside > span { font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--marker-400); }
.service-planning aside h3 { font-size:26px; }
.service-planning aside ul { list-style:disc; padding-left:20px; margin-block:24px; }
.service-planning aside li { margin-block:12px; }
.service-planning aside p { color:var(--asphalt-300); font-size:14px; }
.service-planning aside a { display:inline-flex; min-height:44px; align-items:center; margin-top:16px; color:var(--marker-400); }
.service-questions { border-top:1px solid var(--line); }
.service-questions details { border-bottom:1px solid var(--line); padding-block:18px; }
.service-questions summary { min-height:44px; cursor:pointer; font-size:18px; font-weight:600; }
.service-questions details p { padding-block:8px 16px; }
.service-related { padding-block:40px 60px; }
.service-related > div { display:grid; gap:12px; }
.service-related > div a { display:flex; justify-content:space-between; gap:16px; padding:24px; border:1px solid var(--line); border-radius:18px; text-decoration:none; font-weight:600; }
.service-related > div a:hover { background:var(--marker-100); }
.service-directory { padding-block:32px 64px; }
.service-directory h2 { margin-block:24px; }
.service-directory__grid { display:grid; gap:28px; margin-top:32px; }
.service-directory__grid section { padding:24px; border:1px solid var(--line); border-radius:22px; background:#fff; }
.service-directory__grid h3 { font:600 23px/1.25 var(--font-text); margin-bottom:20px; }
.service-directory__grid a { display:flex; justify-content:space-between; gap:12px; padding:12px 0; min-height:44px; border-top:1px solid var(--line); text-decoration:none; }
.service-directory__grid a:hover { color:var(--marker-800); }
@media(min-width:768px) {
  .service-scope__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .service-related > div { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .service-directory__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-planning { grid-template-columns:1.1fr 1fr; gap:48px; }
}
@media(min-width:1000px) {
  .service-hero__grid { grid-template-columns:1.15fr 1fr; gap:56px; }
  .service-hero img { aspect-ratio:4/5; }
  .service-editorial,.service-questions { grid-template-columns:.9fr 1.1fr; gap:72px; padding-block:80px; }
  .service-planning { padding-block:80px; gap:80px; }
}