.services-hero,.service-hero{background:var(--color-bg)}
.services-hero__media,.service-hero__media{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:1.48/1}
.services-hero__media img,.service-hero__media img{width:100%;height:100%;object-fit:cover}
.page-hero__actions{display:flex;align-items:center;gap:18rem;flex-wrap:wrap;margin-top:30rem}
.page-hero__actions>a{color:var(--color-primary);font:700 15rem/1.2 var(--font-sans);border-bottom:1rem solid currentColor}
.services-list__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18rem}
.service-card{min-height:245rem;display:flex;flex-direction:column;gap:16rem;padding:24rem;border:1rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-ink);transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease),border-color var(--speed) var(--ease)}
.service-card:hover,.service-card:focus-visible{transform:translateY(-4rem);box-shadow:var(--shadow-md);border-color:rgba(198,92,54,.4);outline:0}
.service-card>span,.service-info-card>span,.service-process li>span{color:var(--color-eyebrow);font:800 13rem/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}
.service-card h2,.service-info-card h2{font:700 27rem/1.08 var(--font-serif);letter-spacing:0}
.service-card p,.service-info-card p{margin:0;color:var(--color-text);font-size:17rem;line-height:1.55}
.service-blocks__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18rem}
.service-info-card{display:grid;gap:14rem;align-content:start;min-height:240rem;padding:24rem;border:1rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-sm)}
.service-process__grid,.service-faq__grid{display:grid;grid-template-columns:minmax(260rem,390rem) minmax(0,1fr);gap:56rem;align-items:start}
.service-process ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14rem;list-style:none;margin:0;padding:0}
.service-process li{display:grid;gap:10rem;padding:22rem;border:1rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}
.service-process li p{margin:0;font:700 18rem/1.35 var(--font-sans);color:var(--color-ink)}
.service-faq__items{display:grid;gap:14rem}
.service-faq__items article{padding:22rem;border:1rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-sm)}
.service-faq__items h3{font:700 22rem/1.2 var(--font-serif);margin-bottom:9rem}
.service-faq__items p{margin:0;color:var(--color-text);font-size:17rem;line-height:1.55}
.service-related__panel{display:grid;grid-template-columns:minmax(260rem,420rem) minmax(0,1fr);gap:40rem;align-items:center;padding:36rem;border-top:3rem solid var(--color-line);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}
.service-related__links{display:flex;gap:12rem;flex-wrap:wrap}
.service-related__links a{padding:12rem 16rem;border:1rem solid var(--color-border);border-radius:999rem;background:var(--color-bg);color:var(--color-primary);font:700 14rem/1.2 var(--font-sans)}
.service-related__links a:hover,.service-related__links a:focus-visible{border-color:var(--color-primary);outline:0}
@media (max-width:1100px){
    .services-list__grid,.service-blocks__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .service-process__grid,.service-faq__grid,.service-related__panel{grid-template-columns:1fr;gap:28rem}
}
@media (max-width:700px){
    .services-list__grid,.service-blocks__grid,.service-process ol{grid-template-columns:1fr}
    .service-card,.service-info-card{min-height:0;padding:20rem}
    .service-card h2,.service-info-card h2{font-size:25rem}
    .service-related__panel{padding:24rem}
}
