/* Full-width illustrated headers for all four service destinations. */
.page-masthead.service-banner {position:relative;isolation:isolate;overflow:hidden;background:#151a1b;padding:30px 0 70px;min-height:600px;display:flex;align-items:center;}
.service-banner-art,.service-banner-shade {position:absolute;inset:0;z-index:-1;}
.service-banner-art img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.service-banner-shade {background:linear-gradient(90deg,#111819ec 0%,#111819bf 28%,#11181940 58%,#11181908 100%),linear-gradient(0deg,#151a1b85,transparent 35%);}
.service-banner-content {position:relative;}
.service-banner .breadcrumbs {margin-bottom:70px;color:#e0e7e3;}
.service-banner .page-hero-grid {display:block;max-width:none;}
.service-banner .page-hero-grid>div {max-width:590px;}
.service-banner h1 {font-size:clamp(42px,4.6vw,64px);}
.service-banner h1 em {color:#e2cd95;}
.service-banner .page-lead {max-width:570px;font-size:16px;color:#e1e7e3;line-height:1.8;}
.service-banner .section-label {color:#e3cf98;}
.service-banner .plain-link {color:#f0f3f1;}
@media(min-width:1800px){.page-masthead.service-banner {min-height:660px;}}
@media(max-width:900px){.service-banner .page-hero-grid>div {max-width:500px;}.service-banner-shade {background:linear-gradient(90deg,#111819ed,#11181999 55%,#11181938);}}
@media(max-width:700px){
 .page-masthead.service-banner {min-height:680px;padding:24px 0 36px;align-items:flex-start;}
 .service-banner .breadcrumbs {margin-bottom:36px;font-size:10px;}
 .service-banner .page-hero-grid>div {max-width:none;}
 .service-banner h1 {font-size:clamp(34px,9vw,46px);}
 .service-banner .page-lead {font-size:14px;}
 .service-banner-art img {object-position:75% bottom;}
 .service-banner-shade {background:linear-gradient(180deg,#111819eb 0%,#111819d9 48%,#11181936 80%,#151a1b55);}
 .service-banner .page-actions {gap:16px;}
}
/* Keep the flags at the right edge visible on wide screens. */
@media(min-width:701px){.service-banner-art img {object-position:right center;}}
/* Mobile artwork is a separate image, without text over the vehicle. */
@media(max-width:700px){
 .page-masthead.service-banner{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;padding:24px 22px 30px;gap:0;align-items:start}
 .service-banner .service-banner-content,.service-banner .page-hero-grid,.service-banner .page-hero-grid>div{display:contents}
 .service-banner .breadcrumbs{grid-row:1;margin:0 0 28px;flex-wrap:wrap;line-height:1.6}
 .service-banner .section-label{grid-row:2;margin:0 0 14px}
 .service-banner h1{grid-row:3;margin:0 0 20px;font-size:clamp(32px,8.5vw,46px)}
 .service-banner .service-banner-art{grid-row:4;position:relative;inset:auto;z-index:0;display:block;width:calc(100% + 44px);margin:0 -22px;aspect-ratio:1222/724}
 .service-banner-art img{width:100%;height:100%;object-fit:contain;object-position:center}
 .service-banner .service-banner-shade{display:none}
 .service-banner .page-lead{grid-row:5;margin:20px 0 0;max-width:none;font-size:14px;line-height:1.7}
 .service-banner .page-actions{grid-row:6;display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:22px}
 .service-banner .page-actions .button{justify-content:center;min-height:50px}
 .service-banner .page-actions .plain-link{align-self:center}
}