.service-hero { min-height: 78svh; display: grid; align-content: end; padding: 9rem var(--gutter) 4rem; color: var(--paper-bright); background: var(--blue); border-bottom: var(--line) solid var(--ink); }
.service-hero h1 { max-width: 10ch; margin: 0; font-size: clamp(4rem, 11vw, 11rem); }
.service-hero__lede { max-width: 39rem; margin: 2rem 0 0; font-size: clamp(1.1rem, 2vw, 1.45rem); }
.service-copy { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 8vw, 9rem); }
.service-copy h2 { font-size: clamp(3rem, 7vw, 7.5rem); }
.service-copy__body { max-width: 44rem; }
.service-copy__body h3 { margin-top: 2.8rem; font-family: var(--display); font-size: 1.65rem; text-transform: uppercase; }
.service-copy__list { padding: 0; list-style: none; border-top: var(--line) solid var(--ink); }
.service-copy__list li { padding: .9rem 0; border-bottom: var(--line) solid var(--ink); font-weight: 600; }
.service-cta { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 2rem; color: var(--ink); background: var(--hot); border-block: var(--line) solid var(--ink); }
.service-cta h2 { max-width: 10ch; }
.service-cta .button { margin-bottom: .5rem; }
@media (max-width: 760px) { .service-copy, .service-cta { grid-template-columns: 1fr; } .service-hero { min-height: 40rem; padding-top: 8rem; } }