/* Dedicated service landing pages • MBERWAKI • 2026 */
.service-page{background:#f8f6f2;color:#292a29}
.service-breadcrumb{background:#f2ece3;border-bottom:1px solid #e3d9cd}
.service-breadcrumb .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-height:43px;font-size:12px;color:#615a50}
.service-breadcrumb a{text-decoration:none}
.service-breadcrumb a:hover{color:#78571d}
.service-breadcrumb span[aria-hidden]{color:#a99c88}
.service-hero{background:#f4f0ea;overflow:hidden}
.service-hero-grid{display:grid;grid-template-columns:1.03fr 0.97fr;min-height:475px;align-items:stretch}
.service-hero-text{padding:76px 46px 72px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.service-eyebrow{font:700 11px/1.6 Arial,sans-serif;letter-spacing:.16em;color:#78571d;text-transform:uppercase;direction:ltr;margin:0 0 15px}
.service-hero h1{font-size:clamp(34px,4.3vw,57px);line-height:1.42;margin:0 0 19px;font-weight:800}
.service-hero p{font-size:17px;line-height:1.95;color:#534f49;margin:0 0 24px;max-width:540px}
.service-hero-buttons{display:flex;flex-wrap:wrap;gap:10px}
.service-hero-image{margin:0;position:relative;min-height:430px;background:#d9cbbb}
.service-hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.service-hero-image figcaption{position:absolute;bottom:0;right:0;left:0;padding:45px 20px 14px;background:linear-gradient(0deg,rgba(19,19,19,.68),transparent);color:#fff;font-size:12px}
.service-intro{font-size:15px;color:#625d56;text-align:center;max-width:720px;margin:-6px auto 32px;line-height:1.9}
.service-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.service-value{padding:28px 25px;background:white;border:1px solid #e9e1d7;border-radius:10px;box-shadow:0 5px 16px rgba(31,29,25,.05)}
.service-value .num{color:#9b742f;font:700 25px/1 Georgia,serif;display:block;margin-bottom:15px;direction:ltr;text-align:right}
.service-value h3{font-size:18px;line-height:1.5;margin:0 0 9px}
.service-value p{font-size:14px;line-height:1.85;color:#666058;margin:0}
.service-process{background:#f0ebe4}
.service-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.service-step{padding:23px 20px;background:white;border-top:4px solid #896322;border-radius:7px;box-shadow:0 5px 17px rgba(30,30,30,.045)}
.service-step .num{font:700 26px/1 Georgia,serif;color:#9b742f;display:block;margin-bottom:14px;direction:ltr;text-align:right}
.service-step h3{font-size:16px;margin:0 0 9px}
.service-step p{font-size:13px;line-height:1.8;margin:0;color:#676059}
.service-deliverables{background:#fff}
.service-deliverables-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.service-deliverables figure{margin:0;background:#ece4d9;border-radius:12px;overflow:hidden}
.service-deliverables img{width:100%;max-height:470px;object-fit:cover}
.service-deliverables figcaption{font-size:12px;color:#5b554d;padding:9px 14px;background:#eee7dd}
.service-deliverables h2{text-align:start;margin-bottom:15px}
.service-deliverables p{font-size:15px;line-height:1.85;color:#5c564e}
.service-checklist{padding:0;list-style:none;margin:21px 0 0}
.service-checklist li{position:relative;padding:11px 26px 11px 0;border-bottom:1px solid #eee9e2;font-weight:600;font-size:14px;line-height:1.6}
.service-checklist li:before{content:"✓";position:absolute;right:0;color:#78571d;font-weight:800}
.service-smallprint{font-size:12px!important;line-height:1.8;color:#756c63!important}
.service-faq{background:#f4f0ea}
.service-faq-list{max-width:860px;margin-inline:auto;display:grid;gap:12px}
.service-faq details{background:#fff;border:1px solid #e2d8c9;border-radius:9px;overflow:hidden}
.service-faq summary{list-style:none;cursor:pointer;padding:17px 19px;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:18px}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary:after{content:"+";flex:none;width:26px;height:26px;background:#eee8dc;color:#6a501f;border-radius:50%;display:grid;place-items:center;font-size:20px}
.service-faq details[open] summary:after{content:"−"}
.service-faq details p{border-top:1px solid #eee7df;padding:14px 19px 20px;font-size:14px;line-height:1.9;margin:0;color:#686059}
.service-cta{background:#303030;color:white;text-align:center;padding:72px 0}
.service-cta h2{font-size:clamp(26px,3vw,40px);line-height:1.4;margin:0 0 12px}
.service-cta p{font-size:15px;line-height:1.85;color:#ded7ce;max-width:650px;margin:0 auto 26px}
.service-cta .btn{min-height:48px;padding-inline:30px}
.service-other{padding:38px 0 50px;background:#f8f6f2}
.service-other h2{text-align:center;font-size:21px;margin:0 0 21px}
.service-other-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:860px;margin-inline:auto}
.service-other-links a{padding:22px;background:white;border:1px solid #ded5c9;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:800;text-decoration:none}
.service-other-links a:hover{border-color:#987536;color:#78571d}
.service-other-links a:after{content:"↖";font-size:19px;color:#896322}
.service-page .site-footer{margin-top:0}
@media(max-width:900px){
 .service-hero-grid{grid-template-columns:1fr 1fr}
 .service-hero-text{padding:50px 26px 50px 0}
 .service-hero-image{min-height:400px}
 .service-value-grid{gap:12px}
 .service-value{padding:22px 18px}
 .service-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-deliverables-grid{gap:25px}
}
@media(max-width:700px){
 .service-hero-grid{grid-template-columns:1fr}
 .service-hero-text{padding:51px 0 42px}
 .service-hero-image{min-height:310px;max-height:360px}
 .service-hero-image img{position:relative;max-height:360px}
 .service-value-grid{grid-template-columns:1fr}
 .service-deliverables-grid{grid-template-columns:1fr}
 .service-deliverables figure{order:-1}
 .service-cta{padding:56px 0}
}
@media(max-width:450px){
 .service-hero h1{font-size:35px}
 .service-hero p{font-size:15px}
 .service-hero-buttons{width:100%}
 .service-hero-buttons .btn{flex:1;white-space:normal}
 .service-process-grid{grid-template-columns:1fr}
 .service-other-links{grid-template-columns:1fr}
}
