.site-header nav a[aria-current="page"]{color:var(--gold2)}

.service-card li a{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:.65rem 0;color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(205,168,90,.18)}
.service-card li a:hover,.service-card li a:focus-visible{color:var(--gold2)}

.service-hero{position:relative;min-height:760px;display:flex;align-items:flex-end;padding:10rem 7vw 7rem;overflow:hidden}
.service-hero-image,.service-hero-scrim{position:absolute;inset:0}
.service-hero-image{background-size:cover;background-position:center;transform:scale(1.025)}
.service-hero-scrim{background:linear-gradient(90deg,rgba(3,9,7,.96),rgba(3,9,7,.62) 55%,rgba(3,9,7,.2)),linear-gradient(0deg,rgba(3,9,7,.9),transparent 55%)}
.service-hero-copy{position:relative;z-index:1;max-width:880px}
.service-hero h1,.catalog-hero h1{font:500 clamp(3rem,6.6vw,7rem)/.98 var(--serif);letter-spacing:-.035em;text-transform:uppercase;margin:.15em 0 .3em}
.service-hero-copy>p:not(.eyebrow){font-size:clamp(1rem,1.6vw,1.25rem);max-width:660px;color:#dad7ce}
.breadcrumbs{display:flex;gap:.7rem;margin-bottom:3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.breadcrumbs a{color:var(--cream);text-decoration:none}
.breadcrumbs span{color:var(--muted)}
.service-facts{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}
.service-facts span{border:1px solid var(--line);padding:.55rem .85rem;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;color:var(--gold2)}

.service-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:var(--cream);color:var(--ink)}
.service-story .eyebrow{color:#795f29}
.service-story h2,.benefits h2,.faq h2,.service-cta h2,.catalog-group h2{font:500 clamp(2.4rem,4.8vw,5.3rem)/1.04 var(--serif);text-transform:uppercase;margin:.1em 0}
.service-story>div:last-child{padding-top:2rem}
.service-story p{color:#515954}
.service-story .service-lede{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.55;color:var(--ink)}
.service-note{border-left:3px solid var(--gold);padding:1rem 0 1rem 1.4rem;margin-top:2rem}

.benefits{background:var(--green)}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benefit-grid article{padding:2rem;border-right:1px solid var(--line);min-height:190px}
.benefit-grid article:last-child{border:0}
.benefit-grid h3{font:500 1rem/1.5 var(--serif);text-transform:uppercase;margin:0}

.faq{background:var(--ink2);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:1.4rem 0}
.faq-list summary{cursor:pointer;font:500 1rem/1.5 var(--serif);text-transform:uppercase;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";float:right;color:var(--gold2);font-family:var(--sans)}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{color:#b9beb9;padding-right:3rem}

.service-cta{text-align:center;padding:8rem 1.4rem;background:#030907}
.service-cta h2{max-width:900px;margin:.15em auto}
.service-cta>p:not(.eyebrow){color:var(--muted);max-width:580px;margin:1.2rem auto 2rem}
.service-cta .text-link{display:table;margin:2rem auto 0}

.catalog-hero{padding:12rem 6vw 7rem;background:linear-gradient(110deg,rgba(7,18,15,.88),rgba(7,18,15,.45)),url('/media/service-10.jpg') center/cover;min-height:620px;display:flex;flex-direction:column;justify-content:flex-end}
.catalog-hero>p:last-child{max-width:650px;color:#d5d5cc;font-size:1.1rem}
.catalog-hero .text-link{display:inline-block}
.catalog{background:var(--cream);color:var(--ink)}
.catalog-group{display:grid;grid-template-columns:260px 1fr;gap:5vw;padding:5rem 0;border-top:1px solid rgba(7,18,15,.2)}
.catalog-group:first-child{border-top:0;padding-top:0}
.catalog-group .eyebrow{color:#765e2b}
.catalog-group h2{font-size:1.4rem}
.catalog-list{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.catalog-list article{border:1px solid rgba(7,18,15,.18);background:#faf7ef;display:flex;flex-direction:column}
.catalog-main{display:grid;grid-template-columns:150px 1fr;min-height:190px;color:var(--ink);text-decoration:none}
.catalog-main img{width:100%;height:100%;object-fit:cover}
.catalog-main>div{padding:1.4rem}
.catalog-main h3{font:500 1.05rem/1.35 var(--serif);text-transform:uppercase;margin:0}
.catalog-main p{font-size:.88rem;color:#5d655f}
.catalog-main span{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#725b2a}
.catalog-meta{display:flex;justify-content:space-between;padding:.85rem 1.2rem;border-top:1px solid rgba(7,18,15,.15);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.catalog-meta a{color:#604a1f;font-weight:600;text-decoration:none}

@media(max-width:1000px){.benefit-grid{grid-template-columns:1fr 1fr}
.benefit-grid article:nth-child(2){border-right:0}
.benefit-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}
.catalog-group{grid-template-columns:1fr}
.catalog-list{grid-template-columns:1fr}
}

@media(max-width:700px){.service-hero{min-height:650px;padding:7.5rem 1.25rem 4.5rem}
.service-hero h1,.catalog-hero h1{font-size:clamp(2.45rem,11vw,3.7rem)}
.breadcrumbs{margin-bottom:1.25rem;overflow-x:auto;white-space:nowrap}
.service-facts{gap:.6rem;margin:1.5rem 0}
.service-story,.faq{grid-template-columns:1fr;gap:2rem}
.service-story>div:last-child{padding-top:0}
.service-note{margin-top:1.5rem}
.section-intro{margin-bottom:2.5rem}
.benefit-grid{grid-template-columns:1fr}
.benefit-grid article{border-right:0;border-bottom:1px solid var(--line)!important;min-height:auto;padding:1.35rem 0}
.faq-list details{padding:1.15rem 0}
.faq-list summary{font-size:.92rem;padding-right:1rem}
.faq-list p{padding-right:0}
.service-cta{padding:5rem 1.25rem 7rem}
.catalog-hero{padding:7.5rem 1.25rem 3.75rem;min-height:480px}
.catalog-group{padding:3rem 0}
.catalog-list{gap:.85rem}
.catalog-main{grid-template-columns:105px 1fr}
.catalog-main>div{padding:1rem}
.catalog-main p{font-size:.82rem}
.catalog-meta{align-items:flex-start;flex-direction:column;gap:.5rem}
}

