/* Compact v1: minder scrollen zonder Camilles design te veranderen.
   Minder witruimte per sectie, liggende sectorfoto's en op mobiel veegrijen voor kaarten. */

/* Witruimte per sectie */
.home-section{padding-block:clamp(40px,4vw,56px)}
.pages-section{padding-block:clamp(48px,5vw,72px)}

/* Sectoren: liggende foto's, iets compactere kop */
.sector-grid{margin-top:36px}
.sector-film,.sector-film.sector-photo{aspect-ratio:3/2;margin-bottom:18px}
.sector-card h3{font-size:clamp(24px,2.2vw,32px);margin-top:10px}
.sector-card .sector-lead{font-size:clamp(17px,1.3vw,19px);margin-top:12px}

/* Mensen: foto minder hoog */
.home-people-image picture,.home-people-image img{aspect-ratio:4/3;object-fit:cover}

/* Mobiel: kaartenrijen horizontaal veegbaar, volgende kaart half in beeld */
@media (max-width:700px){
  .sector-grid,.home-cases .case-grid,.agent-ex-grid,.sol-grid{
    display:grid;grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:84%;
    gap:14px;align-items:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    margin-inline:calc(var(--gutter,22px)*-1);padding-inline:var(--gutter,22px);scroll-padding-inline:var(--gutter,22px);
    padding-bottom:6px;scrollbar-width:none}
  .sector-grid::-webkit-scrollbar,.home-cases .case-grid::-webkit-scrollbar,.agent-ex-grid::-webkit-scrollbar,.sol-grid::-webkit-scrollbar{display:none}
  .sector-grid>*,.home-cases .case-grid>*,.agent-ex-grid>*,.sol-grid>*{scroll-snap-align:start;min-width:0}
  .sector-grid>.sector-card{display:flex;flex-direction:column;grid-row:auto}
  .home-cases .case-card.is-featured{grid-column:auto;display:flex;flex-direction:column}
  .sector-card>p:not(.sector-lead){font-size:.9375rem}
}