/* Lay-out afgestemd op de goedgekeurde ontwerpvisual. */
.topbar{padding-left:max(calc((100vw - 1440px)/2),32px);padding-right:max(calc((100vw - 1440px)/2),32px)}
.site-shell{max-width:1440px;padding-top:26px}
.hero{min-height:408px;padding:0 0 0 38px;grid-template-columns:1fr 1.05fr;gap:30px;border-radius:24px}
.hero.compact{display:block;min-height:0;padding:34px 38px;background:#fff}
.hero.compact h1{font-size:48px;line-height:1.08;margin:7px 0 10px;max-width:none}
.hero.compact p{margin:0;max-width:760px}
.hero-copy{padding:34px 0;position:relative;z-index:1}
.hero h1{font-size:clamp(48px,3.7vw,60px);max-width:660px;margin:10px 0 16px;line-height:1.04}
.hero p{font-size:18px;line-height:1.55;max-width:600px;margin:0}
.hero-actions{margin-top:24px}
.mosaic{height:100%;min-height:408px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);overflow:hidden;position:relative}
.mosaic span{position:static!important;inset:auto!important;width:auto!important;height:auto!important;border-radius:0!important;transform:none!important}
.mosaic span:nth-child(1){background:#ff654f;border-radius:0 0 80px 0!important}.mosaic span:nth-child(2){background:#6544f5;grid-column:2/4;grid-row:1/3;border-radius:100px 0 0 0!important}.mosaic span:nth-child(3){background:#ffc43f;border-radius:0 0 0 80px!important}.mosaic span:nth-child(4){background:#ffb51f;border-radius:0 80px 0 0!important}.mosaic span:nth-child(5){background:#08a985;border-radius:80px 0 0 0!important}.mosaic span:nth-child(6){background:#00a783;grid-column:1;grid-row:3;border-radius:0 80px 0 0!important}.mosaic span:nth-child(7){background:#ffc43f;grid-column:2;grid-row:3}.mosaic span:nth-child(8){background:#ff654f;grid-column:3/5;grid-row:3;border-radius:80px 0 0 0!important}
.mosaic b{inset:132px auto auto 29%;font-size:38px;line-height:1.02;transform:rotate(-3deg);z-index:2}
.section-title{margin-top:30px;margin-bottom:14px}.section-title h2{font-size:30px}
.club-card{padding:16px;min-height:158px;display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto auto;column-gap:18px;align-content:center}.club-icon{grid-column:1;grid-row:1/4;width:84px;height:84px;align-self:center}.club-icon img{width:60px;height:60px}.club-card h2{grid-column:2;margin:0 0 2px;font-size:19px}.club-card p{grid-column:2;min-height:0;margin:0 0 8px;font-size:14px;line-height:1.45}.club-card strong{grid-column:2;font-size:14px}
.agenda-strip{gap:16px}.mini-event{min-height:108px;padding:14px}
@media(max-width:900px){.topbar{padding-left:18px;padding-right:18px}.hero{padding:30px;grid-template-columns:1fr}.mosaic{min-height:260px}.club-card{grid-template-columns:82px 1fr}.club-icon{width:70px;height:70px}.club-icon img{width:50px;height:50px}}