.services-hub-hero{padding:clamp(8rem,14vh,10rem) var(--gutter) clamp(2.5rem,5vw,5rem);background:#fff}
.services-hub-inner{max-width:calc(var(--max) - 2*var(--gutter));margin-inline:auto}
.services-hub-page .section-label::before{transform:none;transition:none}
.services-hub-hero .route-breadcrumb{margin-bottom:clamp(2rem,4vw,3.5rem)}
.services-hub-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:clamp(2.25rem,4vw,4.5rem);align-items:center}
.services-hub-copy h1{max-width:18ch;margin:0;font:500 clamp(2.75rem,5.4vw,5.6rem)/1.07 var(--font-primary);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
.services-hub-copy h1 em{font-style:normal;background-image:linear-gradient(transparent 78%,var(--yellow) 78%,var(--yellow) 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.services-hub-copy>p:not(.section-label){max-width:48rem;margin:1.5rem 0 0;color:#444;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.7}
.services-hub-photo{width:100%;max-width:420px;justify-self:end;margin:0;border:1px solid var(--line);background:#f3f3f0}
.services-hub-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.services-hub-photo figcaption{padding:.75rem 1rem;color:#555;font-size:.75rem;line-height:1.5}
.services-hub-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.services-hub-nav a{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;min-width:0;padding:clamp(1rem,2vw,1.75rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:500 .93rem/1.45 var(--font-primary);transition:background-color .2s ease,color .2s ease}
.services-hub-nav a>span:last-child{display:flex;justify-content:space-between;gap:.6rem;width:100%}
.services-hub-nav a:is(:hover,:focus-visible){background:var(--black);color:#fff}
.services-hub-icon{display:grid;place-items:center;flex:0 0 auto;width:3rem;height:3rem;border:1px solid var(--line);color:var(--yellow)}
.services-hub-icon svg{width:1.65rem;height:1.65rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.services-hub-nav a:is(:hover,:focus-visible) .services-hub-icon{border-color:rgba(255,196,0,.5)}
.service-guide{padding:clamp(3rem,6vw,6rem) var(--gutter);background:#fff;scroll-margin-top:1rem}
.service-guide-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.service-guide-title .services-hub-icon{width:4rem;height:4rem;margin-bottom:1.5rem;border-color:var(--black)}
.service-guide-title .services-hub-icon svg{width:2.2rem;height:2.2rem}
.service-guide-title h2{max-width:20ch;margin:0;font:500 clamp(2.1rem,3.7vw,3.8rem)/1.12 var(--font-primary);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}
.service-guide-title>p{max-width:43rem;margin:1.25rem 0 0;color:#444;font-size:1.05rem;line-height:1.7}
.service-guide-benefits{padding:clamp(1.35rem,2.5vw,2.25rem);border:1px solid var(--line)}
.service-guide-benefits h3{margin:0;font:600 .82rem/1.4 var(--font-primary);letter-spacing:.1em;text-transform:uppercase}
.service-guide-benefits ul{display:grid;gap:1.1rem;margin:1.4rem 0 0;padding:0;list-style:none}
.service-guide-benefits li{position:relative;padding-left:1.2rem;color:#555;font-size:.92rem;line-height:1.65}
.service-guide-benefits li::before{content:"";position:absolute;left:0;top:.65em;width:.4rem;height:.4rem;background:var(--yellow)}
.service-guide-benefits strong{display:block;color:var(--black);font-weight:600}
.service-guide-process{margin-top:clamp(2rem,4vw,3.5rem)}
.service-guide-process>h3{margin:0 0 1.25rem;font:600 .82rem/1.4 var(--font-primary);letter-spacing:.1em;text-transform:uppercase}
.service-guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line);list-style:none}
.service-guide-step{min-width:0;padding:clamp(1.25rem,2.3vw,2rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-guide-step .services-hub-icon{width:2.75rem;height:2.75rem;margin-bottom:1.5rem;border-color:var(--black)}
.service-guide-step h4{margin:0;font:600 clamp(1rem,1.35vw,1.25rem)/1.35 var(--font-primary);letter-spacing:-.015em}
.service-guide-step p{margin:.85rem 0 0;color:#555;font-size:.91rem;line-height:1.7}
.service-guide-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.25rem 2rem;flex-wrap:wrap;margin-top:1.75rem}
.service-guide-bottom>a:not(.button){display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;color:#555;font-size:.85rem;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px}
.service-guide-bottom>a:not(.button):is(:hover,:focus-visible){text-decoration-color:var(--black)}
@media(max-width:1100px){.services-hub-heading{grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:clamp(2rem,3.5vw,3rem)}.services-hub-copy h1{max-width:16ch}.services-hub-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.service-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.services-hub-heading,.service-guide-head{grid-template-columns:1fr}.services-hub-copy h1{max-width:18ch}.services-hub-copy>p:not(.section-label){max-width:44rem}.services-hub-photo{justify-self:start}.service-guide-benefits{max-width:45rem}}
@media(max-width:720px){.services-hub-hero{padding-top:7.5rem}.services-hub-copy h1{font-size:clamp(2.6rem,11.5vw,4.5rem)}.services-hub-nav{grid-template-columns:1fr}.services-hub-nav a{flex-direction:row;align-items:center;gap:1rem;padding:1rem}.services-hub-nav a>span:last-child{align-items:center}.service-guide-title h2{font-size:clamp(2rem,9vw,3.3rem)}.service-guide-title>p{font-size:1rem}.service-guide-bottom .button{width:100%;font-size:.85rem;padding-inline:1rem}}
@media(max-width:600px){.service-guide-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.services-hub-nav a{transition:none}}
@media(prefers-contrast:more){.services-hub-copy>p:not(.section-label),.service-guide-title>p,.service-guide-benefits li,.service-guide-step p,.service-guide-bottom>a:not(.button){color:var(--black)}}