.ga-hts{width:100%;padding:18px 0 8px;background:#fff}
.ga-hts__inner{width:min(1280px,calc(100% - 40px));margin:0 auto}
.ga-hts__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);gap:14px;min-height:520px}
.ga-hts__side{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-height:0}
.ga-hts__tile{position:relative;display:flex;align-items:flex-end;min-width:0;overflow:hidden;border-radius:18px;background-image:var(--ga-hts-bg);background-size:cover;background-position:center;text-decoration:none;isolation:isolate}
.ga-hts__tile--main{min-height:520px}
.ga-hts__tile--small{min-height:0}
.ga-hts__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,20,42,.05) 18%,rgba(5,22,45,.82) 100%)}
.ga-hts__tile--main .ga-hts__overlay{background:linear-gradient(90deg,rgba(4,18,38,.80) 0%,rgba(4,18,38,.42) 50%,rgba(4,18,38,.08) 82%)}
.ga-hts__content{display:flex;flex-direction:column;align-items:flex-start;padding:34px;color:#fff;max-width:620px;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.ga-hts__eyebrow{display:block;margin-bottom:8px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ga-hts__h1,.ga-hts__h2{display:block;margin:0;color:#fff;line-height:1.04;letter-spacing:-.02em;font-weight:800}
.ga-hts__h1{font-size:clamp(38px,4.5vw,70px)}
.ga-hts__h2{font-size:clamp(24px,2.3vw,38px)}
.ga-hts__text{display:block;margin-top:14px;max-width:500px;color:#fff;font-size:18px;line-height:1.5}
.ga-hts__button{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-height:52px;padding:0 22px;border-radius:10px;background:#0c72cf;color:#fff;font-weight:800;text-shadow:none}
.ga-hts__link{display:inline-block;margin-top:12px;color:#fff;font-weight:800}

@media(max-width:900px){
  .ga-hts__grid{grid-template-columns:1fr;min-height:0}
  .ga-hts__tile--main{min-height:460px}
  .ga-hts__side{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .ga-hts__tile--small{min-height:245px}
  .ga-hts__content{padding:26px}
}

@media(max-width:620px){
  .ga-hts{padding:10px 0 6px}
  .ga-hts__inner{width:calc(100% - 20px)}
  .ga-hts__grid{gap:10px}
  .ga-hts__tile{border-radius:14px}
  .ga-hts__tile--main{min-height:390px}
  .ga-hts__side{grid-template-columns:1fr 1fr;gap:10px}
  .ga-hts__tile--small{min-height:180px}
  .ga-hts__content{padding:22px}
  .ga-hts__tile--small .ga-hts__content{padding:15px}
  .ga-hts__h1{font-size:38px}
  .ga-hts__h2{font-size:19px}
  .ga-hts__text{font-size:15px}
  .ga-hts__eyebrow{font-size:10px}
  .ga-hts__button{min-height:46px;padding:0 17px}
}

@media(max-width:410px){
  .ga-hts__side{grid-template-columns:1fr}
  .ga-hts__tile--small{min-height:200px}
}


/* V1.2: mobiele/guest-weergave mag de tegels nooit verbergen */
html body.home .ga-hts,
html body.front-page .ga-hts,
html body .ga-hts[data-ga-home-tiles="1"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
html body .ga-hts__grid,
html body .ga-hts__side,
html body .ga-hts__tile{
  visibility:visible!important;
  opacity:1!important;
}