.service-preview-page {background:#fff;color:#19232a;}
.service-preview-page .header-nav,.service-preview-page [data-aos] {opacity:1!important;transform:none!important;}
.service-preview-page .header-nav {padding-top:14px;margin-bottom:0;}
.service-preview-page:not(.menu-open)>.home-responsive-header {height:auto;min-height:0;}
.service-preview-page:not(.menu-open)>.home-responsive-header .header-nav nav {position:relative!important;top:auto;}
.service-page-content {width:min(1280px,calc(100% - 48px));margin:34px auto 80px;}
.service-page-breadcrumb {font-size:13px;color:#727a7f;margin-bottom:24px;}
.service-page-breadcrumb a {color:inherit;}
.service-page-content h1 {font-size:clamp(32px,4vw,52px);font-weight:750;letter-spacing:-.025em;margin:0 0 24px;}
.guide-hero{position:relative;isolation:isolate;height:230px;border-radius:20px;overflow:hidden;margin:0 0 28px;background:#20453f}
.guide-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.guide-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102821b3,#10282130)}
.guide-hero>div{position:relative;z-index:1;display:flex;align-items:flex-end;height:100%;padding:32px 40px}
.service-page-content .guide-hero h1{color:white;margin:0;font-size:clamp(30px,4vw,48px);text-shadow:0 2px 12px #0004}
.guide-topic-categories{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.guide-topic-categories a{display:flex;gap:12px;align-items:center;border:1px solid #dce3e2;border-radius:10px;padding:12px 16px;color:#243832;text-decoration:none;font-size:15px;background:#f8faf9}
.guide-topic-categories span{font-size:12px;color:#66736e}
.guide-topic-categories [aria-current]{border-color:#b18424;background:#fff7dc;font-weight:650}
.guide-topic-categories a:hover{border-color:#b18424}.guide-topic-categories a:focus-visible{outline:3px solid #af812d;outline-offset:3px}
.guide-topic-heading{font-size:28px;font-weight:650;margin:0 0 24px}
@media(max-width:600px){.guide-hero{height:180px;border-radius:14px}.guide-hero>div{padding:24px}.guide-topic-categories{gap:8px}.guide-topic-categories a{padding:10px 12px;font-size:14px}}
.service-guide-categories {display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid #e5e8e9;margin-bottom:32px;padding-bottom:20px;}
.service-guide-categories a {border:1px solid #e1e3e5;border-radius:30px;padding:10px 20px;color:#313b40;text-decoration:none;font-size:14px;}
.service-guide-categories [aria-current] {background:#ffcf00;border-color:#ffcf00;font-weight:650;}
.service-articles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px;}
.service-article {border:1px solid #e6e8e8;border-radius:18px;overflow:hidden;background:#fff;}
.service-article-link {display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;}
.service-article-link>img {width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;background:#f5f5f2;}
.service-article-copy {padding:22px;display:flex;flex:1;flex-direction:column;align-items:flex-start;}
.service-article-copy h2 {font-size:23px;font-weight:650;line-height:1.3;margin:0 0 14px;}
.service-article-copy p {font-size:14px;line-height:1.7;color:#687076;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.service-read-more {margin-top:auto;padding-top:15px;font-weight:600;font-size:14px;color:#89611b;}
.service-article-link:hover {color:inherit;background:#fdfbf6;}
.service-article-link:focus-visible,.service-guide-categories a:focus-visible {outline:3px solid #b38b37;outline-offset:-3px;}
.service-billboard-page {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.service-billboard-visual {border-radius:24px;overflow:hidden;background:#faf6ed;padding:24px;}
.service-billboard-visual>img,.service-billboard-visual>svg {display:block;width:100%;height:auto;}
.service-billboard-page h2 {font-size:30px;font-weight:700;}
.service-billboard-page p,.service-billboard-page li {font-size:17px;line-height:1.8;}
.service-contact {display:inline-block;background:#ffcf00;color:#17222e;border-radius:30px;padding:14px 24px;text-decoration:none;margin-top:16px;font-weight:650;}
@media(max-width:1000px){.service-articles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.service-page-content{width:calc(100% - 32px);margin-top:20px}.service-articles,.service-billboard-page{grid-template-columns:1fr}.service-article-copy h2{font-size:22px}.service-billboard-page{gap:24px}}

/* Match the mobile About/Contact hero: photo from the top, menu over it, title at the foot. */
@media(max-width:767.98px){
 .service-preview-page:has(.guide-hero):not(.menu-open)>.home-responsive-header{
  position:absolute;inset:0 0 auto;width:100%;margin:0;padding:10px 22px 0;border-radius:0;overflow:visible;z-index:100;
 }
 .service-preview-page:has(.guide-hero):not(.menu-open) .header-nav{padding-top:16px;}
 .service-preview-page:has(.guide-hero):not(.menu-open) .header-nav nav{
  margin:0!important;width:100%;background:#fff;border-radius:16px;
 }
 .service-page-content:has(.guide-hero){
  display:flex;flex-direction:column;width:calc(100% - 32px);margin-top:10px;
 }
 .service-page-content .guide-hero{
  order:-1;flex:none;width:calc(100% + 12px);margin:0 -6px 20px;
  height:min(116vw,510px);min-height:390px;border-radius:0 0 4px 4px;padding:0;
 }
 .guide-hero>img{object-position:center;}
 .guide-hero:after{background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.84));}
 .guide-hero>div{padding:24px 22px 27px;}
 .service-page-content .guide-hero h1{font-size:clamp(29px,8vw,40px);line-height:1.08;font-weight:800;}
 .service-page-content:has(.guide-hero) .service-page-breadcrumb{margin-bottom:20px;}
}