.service-page{font-family:'Space Mono',monospace}.service-nav{display:flex;align-items:center;gap:36px;padding-block:28px}.service-nav>a{margin-right:auto}.service-nav nav{display:flex;gap:28px;font-size:12px}.service-nav nav a{text-decoration:none}.service-hero{background:#d6ff53;padding:65px 55px;color:#171b15}.service-label{font-size:13px;margin-bottom:28px}.service-hero h1{font:700 clamp(54px,7.5vw,112px)/1 Supreme,Arial,sans-serif;letter-spacing:-.045em}.service-hero h1 span{color:#171b15}.service-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-top:40px}.service-hero-bottom>p{max-width:760px;font-size:16px;line-height:1.8}.service-hero-bottom .btn{flex:none}.service-local{font-size:11px;margin-top:38px}.service-section{margin-top:110px}.service-heading{margin-bottom:36px}.service-heading h2,.service-contact h2{font:700 clamp(32px,4vw,54px)/1.1 Supreme,Arial,sans-serif;letter-spacing:-.035em}.service-heading>p{font-size:14px;line-height:1.8;margin-top:20px;max-width:850px}.service-two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;font-size:15px;line-height:1.9}.service-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.service-project-image{display:grid;place-items:center;aspect-ratio:1.5;border-radius:var(--radius);overflow:hidden;background-size:cover;background-position:center}.service-project-image img{width:55%;max-height:130px;object-fit:contain}.service-hsg{background-color:#173b2c;background-image:linear-gradient(#173b2c70,#173b2ca0),url('/images/projects/hsg-network.webp');background-blend-mode:normal,soft-light}.service-bfg{background-image:linear-gradient(#0003,#0005),url('/images/projects/bfg-lawn.jpg')}.service-work-grid h3{font:700 28px/1.2 Supreme,Arial,sans-serif;margin:24px 0 12px}.service-work-grid p{font-size:12px;margin-bottom:24px}.service-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-capabilities article{background:var(--surface);padding:36px;border-radius:var(--radius)}.service-capabilities h3,.service-scenarios h3,.service-process h3{font:700 clamp(24px,2.5vw,32px)/1.2 Supreme,Arial,sans-serif;letter-spacing:-.025em}.service-capabilities p,.service-scenarios p,.service-process p{font-size:14px;line-height:1.85;margin-top:18px}.service-split{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.service-scenarios{display:grid;gap:35px}.service-scenarios .btn{margin-top:24px}.service-process{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-process article{padding-top:26px;border-top:1px solid var(--line)}.service-contact{background:#7546e8;color:#f8f8f7;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:50px}.service-contact p{max-width:750px;font-size:14px;line-height:1.85;margin-top:24px}.service-contact .btn{flex:none}.service-footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-block:70px 30px;padding:0;font-size:11px;border-radius:0;background:transparent;color:var(--ink)}.service-page .faq-list{width:100%}.service-page .faq-list summary h3{font-family:Supreme,Arial,sans-serif;font-weight:700}.service-page .faq-list .service-body{font-size:14px;line-height:1.8}
@media(max-width:800px){.service-nav{gap:16px;flex-wrap:wrap}.service-nav img{width:180px}.service-nav nav{gap:16px}.service-hero{padding:40px 28px}.service-hero-bottom{display:block}.service-hero-bottom .btn{margin-top:28px}.service-section{margin-top:70px}.service-two-col,.service-split{grid-template-columns:1fr;gap:26px}.service-process{grid-template-columns:1fr}.service-contact{padding:32px;display:block}.service-contact .btn{margin-top:28px}.service-work-grid,.service-capabilities{gap:18px}.service-capabilities article{padding:26px}}
@media(max-width:560px){.service-nav nav{order:3;width:100%}.service-nav .btn{font-size:11px;padding-inline:18px}.service-hero h1{font-size:clamp(44px,11vw,62px)}.service-hero-bottom>p{font-size:13px}.service-local{line-height:1.8}.service-work-grid,.service-capabilities{grid-template-columns:1fr}.service-work-grid{gap:40px}.service-two-col{font-size:14px}.service-footer{display:grid;gap:16px}.service-page .faq-list summary h3{font-size:23px}}

/* Keep subpage hero actions beneath the supporting text at every size. */
.service-hero-bottom{display:block}.service-hero-bottom .btn{margin-top:28px}.service-scenarios .scenario-icon{width:36px;height:36px;margin-bottom:20px}

.service-process .process-icon{width:36px;height:36px;margin-bottom:20px}

/* Service-page hero themes: vary the brand color without changing layout. */
.service-page{--service-hero-bg:#d6ff53;--service-hero-ink:#171b15;--service-hero-button-bg:#171b15;--service-hero-button-ink:#d6ff53}
.branding-page{--service-hero-bg:#7546e8;--service-hero-ink:#f8f8f7;--service-hero-button-bg:#f8f8f7;--service-hero-button-ink:#171b15}
.service-page .service-hero{background:var(--service-hero-bg);color:var(--service-hero-ink)}
.service-page .service-hero h1 span{color:inherit}
.service-page .service-hero .btn-primary{background:var(--service-hero-button-bg);color:var(--service-hero-button-ink)}
.service-page .service-hero .btn:focus-visible{outline-color:var(--service-hero-ink)}

/* Branding is led by the work, with brief service detail between galleries. */
.branding-intro .service-heading{max-width:1000px;margin-bottom:0}
.brand-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}
.brand-gallery figure{min-width:0}.brand-gallery-image{overflow:hidden;border-radius:var(--radius);background:var(--surface);aspect-ratio:3/2;display:grid;place-items:center}
.brand-gallery img{width:100%;height:100%;object-fit:cover;object-position:center}
.brand-gallery figcaption{font-size:12px;line-height:1.6;margin-top:16px}
.brand-service-list article{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:30px 0;border-top:1px solid var(--line)}
.brand-service-list h3{font:700 clamp(26px,3vw,38px)/1.15 Supreme,Arial,sans-serif;letter-spacing:-.025em}
.brand-service-list p{max-width:650px;font-size:14px;line-height:1.85}
.brand-web-link{background:var(--surface);padding:40px;display:flex;gap:32px;align-items:center;justify-content:space-between}
.brand-web-link h2{font:700 clamp(28px,3vw,40px)/1.15 Supreme,Arial,sans-serif}.brand-web-link p{font-size:14px;line-height:1.8;margin-top:16px}.brand-web-link .btn{flex-shrink:0}
@media(max-width:700px){.brand-gallery{grid-template-columns:1fr;gap:30px}.brand-service-list article{grid-template-columns:1fr;gap:16px}.brand-web-link{display:block;padding:28px}.brand-web-link .btn{margin-top:24px}}