/* Carry the homepage's type, grid, colour and artboard treatment into this service page. */
.service-header{min-height:83px;padding-block:16px}.service-header nav,.service-footer nav{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.service-header nav a:hover,.service-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}
.service-intro{display:grid;grid-template-columns:1.3fr 1fr;padding:0;background:var(--paper)}.service-intro-copy{padding:38px var(--gutter) 48px;background-image:linear-gradient(#12121605 1px,transparent 1px),linear-gradient(90deg,#12121605 1px,transparent 1px);background-size:48px 48px}.service-intro h1{font-size:clamp(46px,6.4vw,96px);font-weight:700;line-height:.94;letter-spacing:-.065em;text-transform:uppercase;margin:60px 0 32px}.service-intro h1 span{color:var(--purple)}.service-intro .lead{font-size:clamp(16px,1.35vw,20px);line-height:1.65;max-width:580px}.service-actions{gap:24px 20px}.service-actions .underlined{font-size:14px}
.service-intro-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;overflow:hidden;isolation:isolate;padding:48px 44px 32px;background:var(--blue);border-left:var(--line)}.service-intro-art:before{content:"";position:absolute;width:75%;aspect-ratio:1;border:20px solid var(--ink);border-radius:50%;z-index:-1}.service-intro-art>a{display:block;width:min(100%,330px);padding:10px;background:white;border:var(--line);box-shadow:8px 8px 0 var(--ink);transform:rotate(5deg)}.service-intro-art img{width:100%;height:auto}.service-intro-art figcaption{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:9px;letter-spacing:.06em}.service-intro-art figcaption a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.monthly-card:nth-child(2){box-shadow:6px 6px 0 var(--blue)}.service-scope{background:var(--purple);color:var(--paper)}.service-scope .eyebrow{color:var(--paper)}.service-scope a:focus-visible{outline-color:var(--paper)}.service-contact h2{font-size:clamp(40px,5.5vw,80px);max-width:850px}.service-contact .button{box-shadow:5px 5px 0 var(--blue)}
@media(max-width:1000px){.service-intro{grid-template-columns:1.15fr 1fr}.service-intro-copy{padding-inline:var(--gutter)}.service-intro h1{font-size:clamp(42px,6.1vw,68px)}.service-intro-art{padding-inline:30px}.service-intro-art figcaption{flex-direction:column;gap:10px}}
@media(max-width:700px){.service-intro{grid-template-columns:1fr}.service-intro-copy{padding-block:32px 40px}.service-intro h1{font-size:clamp(44px,10.5vw,72px);margin:38px 0 26px}.service-intro-art{border-left:0;border-top:var(--line);padding:38px var(--gutter) 24px}.service-intro-art>a{width:min(68%,280px)}.service-intro-art figcaption{flex-direction:row}.service-intro-art:before{width:min(65%,300px);border-width:16px}.service-header nav{font-size:11px}.service-contact h2{font-size:40px}}