/* SEO service page: approved type, colour and project layout. */
.seo-service-link{display:inline-block;margin-top:12px;font-size:1rem;text-decoration:underline;text-underline-offset:4px;color:inherit}
.service-page .service-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-block:18px;font-size:1rem;color:var(--muted)}
.service-page .service-breadcrumb a:hover{color:var(--accent)}
.service-page .case-hero{grid-template-columns:48% 52%;padding-top:30px;align-items:center}
.service-page .case-hero-copy{padding-right:40px}
.service-page .case-hero h1{font-size:clamp(45px,5.2vw,67px);line-height:1.02;letter-spacing:-.045em}
.service-page .case-hero-copy>p:not(.case-overline){font-size:1.25rem;line-height:1.4;max-width:460px}
.service-page .service-hero-cta{margin-top:26px}
.service-page .service-hero-image{padding:35px 0 35px 26px;background:transparent}
.service-page .service-hero-image figcaption{position:static;margin-top:28px;font-size:1rem}
.service-page .service-offer,.service-page .service-projects{padding-bottom:80px}
.service-page .case-work-head h2{font:400 clamp(32px,3.8vw,48px)/1.08 var(--display-font);text-transform:uppercase;letter-spacing:-.035em;margin:20px 0 0}
.service-page .service-offer-grid,.service-page .service-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
.service-page .service-offer article{border-top:2px solid var(--ink);padding-top:20px}
.service-page .service-number{color:var(--accent);font-size:1rem;font-weight:700}
.service-page h3{font:600 1.75rem/1.15 var(--body-font);margin:15px 0}
.service-page .service-offer p,.service-page .service-project p{font-size:1.25rem;line-height:1.4;margin:0 0 18px}
.service-page .service-project{display:block;border-bottom:1px solid var(--line);padding-bottom:24px}
.service-page .service-project img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e8e7e0}
.service-page .service-project:nth-child(2) img{object-fit:cover}
.service-page .service-project:hover .text-link{color:var(--accent)}
.service-page .service-collaboration{padding-top:30px}
.service-page .service-contact-copy{font-size:1.25rem;line-height:1.4;max-width:420px}
.service-page .service-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;overflow-wrap:anywhere}
@media(max-width:920px){.service-page .case-hero{grid-template-columns:1fr}.service-page .case-hero-copy{padding:0 0 26px}.service-page .case-hero h1{font-size:clamp(43px,7vw,65px)}.service-page .service-hero-image{padding:15px 0 30px}.service-page .service-hero-image img{max-width:620px}.service-page .service-contact-links{margin-top:30px}}
@media(max-width:640px){.service-page .case-hero h1{font-size:clamp(36px,9.5vw,54px)}.service-page .service-offer-grid,.service-page .service-project-grid{grid-template-columns:1fr;gap:30px}.service-page .case-work-head h2{font-size:clamp(28px,7.4vw,40px)}.service-page .service-offer,.service-page .service-projects{padding-bottom:55px}.service-page .service-hero-image{margin-bottom:0}.service-page .service-hero-image figcaption{font-size:1rem}}