/* Bedrijfsevents — alleen wat op deze pagina staat, één op één uit bedrijfsevents.html (referentie).
   Gedeeld: home.css (componenten) en subpage.css (subpagina's). */
.mosaic{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:240px 240px;gap:12px}
.mosaic__img{position:relative;border-radius:18px;overflow:hidden;background:#EADFD3}
.mosaic__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dag{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;overflow:hidden}
.dag__photo{position:relative;min-height:560px;background:#4A3340}
.dag__text{padding:72px clamp(32px,5vw,88px);align-self:center;max-width:680px}
@media (max-width:999px){
.dag{grid-template-columns:minmax(0,1fr)}
.dag__photo{min-height:320px}
.dag__text{padding:48px 24px 56px}
.mosaic{grid-template-rows:180px 180px}
}

/* Mobiel (< 768 px) — alleen deze pagina, één op één uit bedrijfsevents-mobiel.html. Gedeeld: mobile.css */
@media (max-width:767px){
.mos{position:relative;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:150px 150px;gap:8px;margin-top:30px}
.mos__img{position:relative;border-radius:18px;overflow:hidden;background:#EADFD3}
.mos__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile-m{display:flex;flex-direction:column;gap:12px;padding:16px 14px;border-radius:16px;background:#FFFFFF;border:1px solid #E6D6C6;min-height:104px}
.tile-m__ico{width:38px;height:38px;border-radius:11px;background:#F3EBE1;display:flex;align-items:center;justify-content:center}
.quote-card{background:#F8F2EC;border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:14px}
.qfoot{display:flex;flex-direction:column;gap:2px;padding-top:14px;border-top:1px solid #E6DCD0;font-size:14px;color:#6B5560}
}