/* R92: integrated desktop service bar; the mobile campaign stays yellow. */
#site>.topline .r92-service-campaign{display:none}
#site>.campaign-strip .shell>a{font-size:20px;line-height:1.3;text-align:center;font-weight:700}
#site>.campaign-strip .shell{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;min-height:62px}
#site>.campaign-strip .shell>a{grid-column:2}
#site>.campaign-strip .shell>button{grid-column:3}
#site>.campaign-strip .shell>a:is(:hover,:focus){text-decoration:none}

@media(min-width:768px){
  #site>.campaign-strip{display:none}
  #site>.topline{background:#0e3650;color:#fff;border:0}
  #site>.topline>.shell{width:min(1600px,calc(100% - 64px));min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:8px}
  #site>.topline .showroom-toplinks{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;font-weight:700;color:#cbdde7;line-height:1.5}
  #site>.topline .toplinks{display:flex;gap:20px;flex:none;font-size:12px;font-weight:700}
  #site>.topline .r92-service-campaign{display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;line-height:1.4;min-width:0}
  #site>.topline .r92-service-campaign strong{display:block;flex:none;padding:5px 10px;background:#ffe02e;color:#104d76;border-radius:4px;font-size:15px;white-space:nowrap}
  #site>.topline .r92-service-campaign .r92-service-copy{font-weight:700}
  #site>.topline .r92-service-campaign .r92-service-cta{color:#ffe02e;font-weight:700;white-space:nowrap}
  #site>.topline a:hover{color:#ffe02e}
  #site>.topline .r92-service-campaign:hover strong{background:#fff}
}
@media(min-width:768px) and (max-width:1199px){
  #site>.topline>.shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;padding-block:9px}
  #site>.topline .r92-service-campaign{grid-column:1/-1;grid-row:2;justify-self:center}
  #site>.topline .toplinks{grid-column:2;grid-row:1}
}

/* A full-width three-part opening, with the original photography left intact. */
#inhoud .home-hero[data-static-banner="r75"] .hero-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,.72fr);align-items:stretch;gap:0}
#inhoud .home-hero[data-static-banner="r75"] .hero-entrance{height:clamp(440px,calc(100svh - 315px),660px);aspect-ratio:auto}
#inhoud .home-hero+.section{padding-top:40px}
#inhoud .home-hero[data-static-banner="r75"] .hero-entrance img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%}
#inhoud .home-hero[data-static-banner="r75"] .hero-entrance>div{top:auto;bottom:28px;left:28px;right:28px}
#inhoud .home-hero[data-static-banner="r75"] .hero-entrance h2{font-size:32px;line-height:1.14;overflow-wrap:normal;hyphens:manual}
#inhoud .home-hero[data-static-banner="r75"] .hero-entrance p{font-size:16px;line-height:1.45;max-width:340px;margin-top:10px}
#inhoud .home-hero[data-static-banner="r75"] .hero-entrance>div>span{font-size:14px;margin-top:14px}
#inhoud .home-hero .r92-home-campaign{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:32px;background:#104d76;color:white;gap:20px}
#inhoud .r92-home-campaign .r92-campaign-eyebrow{font-size:12px;line-height:1.4;font-weight:700;color:#ffe02e;text-transform:uppercase}
#inhoud .r92-home-campaign h2{color:white;font-size:38px;line-height:1.12;margin:0;overflow-wrap:normal}
#inhoud .r92-home-campaign h2 span{display:block}
#inhoud .r92-home-campaign .r92-campaign-summary{font-size:17px;line-height:1.6;color:#e2edf2;margin:0}
#inhoud .r92-home-campaign .r92-campaign-link{display:inline-flex;align-items:center;gap:12px;color:#ffe02e;font-size:16px;font-weight:700;line-height:1.5;padding-block:4px}
#inhoud .r92-home-campaign .r92-campaign-link:hover{text-decoration:underline}
#inhoud .r92-home-campaign .r92-campaign-terms{font-size:12px;line-height:1.6;color:#d3e2e9;margin: auto 0 0;padding-top:12px}
#inhoud .r92-home-campaign .r92-campaign-terms a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){
  #inhoud .home-hero .r92-home-campaign{padding:42px;gap:24px}
  #inhoud .r92-home-campaign h2{font-size:46px}
  #inhoud .r92-home-campaign .r92-campaign-summary{font-size:19px}
  #inhoud .r92-home-campaign .r92-campaign-link{font-size:18px}
  #inhoud .r92-home-campaign .r92-campaign-terms{font-size:13px}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance>div{left:40px;right:40px;bottom:32px}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance h2{font-size:38px}
}
@media(min-width:768px) and (max-width:1199px){
  #inhoud .home-hero[data-static-banner="r75"] .hero-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance{height:480px}
  #inhoud .home-hero .r92-home-campaign{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;padding:28px 32px}
  #inhoud .r92-home-campaign .r92-campaign-eyebrow{grid-column:1}
  #inhoud .r92-home-campaign h2{grid-column:1;grid-row:2/4;font-size:36px}
  #inhoud .r92-home-campaign .r92-campaign-summary{grid-column:2;grid-row:1/3}
  #inhoud .r92-home-campaign .r92-campaign-link{grid-column:2;grid-row:3}
  #inhoud .r92-home-campaign .r92-campaign-terms{grid-column:1/-1;margin:0;padding:0}
}
@media(max-width:767px){
  #inhoud .home-hero[data-static-banner="r75"] .hero-pair{grid-template-columns:minmax(0,1fr)}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance{height:auto;aspect-ratio:1.15}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance>div{left:24px;right:24px;bottom:24px}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance h2{font-size:29px}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance p{font-size:15px}
  #inhoud .home-hero .r92-home-campaign{padding:30px 24px;gap:18px}
  #inhoud .r92-home-campaign h2{font-size:36px}
  #inhoud .r92-home-campaign .r92-campaign-terms{margin:0;padding-top:8px}
}
@media(max-width:359px){
  #site>.campaign-strip .shell{grid-template-columns:0 minmax(0,1fr) 32px;gap:6px}
  #site>.campaign-strip .shell>a{font-size:18px}
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance h2{font-size:26px}
}
