/* sd-beelden.css · 21/10/2026 (Stefan): staande beelden in liggende kaders zo kaderen dat het onderwerp in beeld blijft.
   Gevonden met een automatische controle van alle publieke pagina's (390 en 1280 px). Alleen object-position en het mozaiekkader; geen nieuwe beelden. */

/* 1. /aanbod(-en/-fr) mozaiek: EN/FR hadden nog een vaste beeldhoogte (280 px desktop, 200 px gsm) in een kader met aspect-ratio,
      waardoor het grote beeld te laag was (lege band eronder) en anders werd uitgesneden dan op NL. Nu overal zoals NL: beeld vult het kader. */
.sd-mozaiek>.zoom{position:relative;overflow:hidden}
.sd-mozaiek>.zoom>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
/* onderwerp laag in het beeld: bruid voor het kasteel, gezin in de duinen */
.sd-mozaiek>.zoom>img[src*="DSC01391-bf26b184"]{object-position:center 75%}
.sd-mozaiek>.zoom>img[src*="DSC01540-31eb26ed"]{object-position:center 72%}

/* 2. Koppel onder de paraplu (DSC02370): het koppel staat onderaan het beeld */
.post-hero[src*="DSC02370-19ae6430"]{object-position:center 78%}
.contact-photo[src*="DSC02370-19ae6430"]{object-position:center 75%}
.blog-card-img img[src*="DSC02370-19ae6430"]{object-position:center 75%}

/* 3. /blog-fr: kaarten met staande beelden waarin het koppel laag staat */
.blog-card-img img[src*="AbbayedeVillerslaville21van65"]{object-position:center 65%}
.blog-card-img img[src*="DSC02285-a9926be3"]{object-position:center 90%}

/* 4. Homepage NL/EN/FR (21/10/2026, Stefan): fotostijl van /jaar-in-beeld op de inhoudsfoto's.
      Afgeronde hoeken, zachte donkere vignet, diepe schaduw; gsm: duo-foto's over volle breedte met zachte overloop boven/onder.
      Niet op de hero's (#hero), logo's, iconen of avatars. Bestaande verhoudingen en uitsnedes blijven. Geen tekst op foto's. */
body.sd-home .hp-duo-media,
body.sd-home .sd-blog-kijker .sbk-img,
body.sd-home .tile-grid .tile,
body.sd-home .mosaic figure{position:relative;overflow:hidden;border-radius:10px;
  box-shadow:0 30px 64px -26px rgba(29,25,19,.6),0 10px 24px -14px rgba(29,25,19,.4)}
body.sd-home .tile-grid .tile,
body.sd-home .mosaic figure{border-radius:8px;box-shadow:0 18px 36px -18px rgba(29,25,19,.55),0 6px 14px -8px rgba(29,25,19,.35)}
body.sd-home .hp-duo-media::before,
body.sd-home .sd-blog-kijker .sbk-img::before,
body.sd-home .tile-grid .tile::before,
body.sd-home .mosaic figure::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(125% 95% at 50% 45%,rgba(29,25,19,0) 58%,rgba(29,25,19,.42) 100%),linear-gradient(180deg,rgba(29,25,19,.16) 0%,rgba(29,25,19,0) 20%,rgba(29,25,19,0) 72%,rgba(29,25,19,.34) 100%)}
body.sd-home .tile-grid .tile .tile-label{z-index:2}
@media (max-width:760px){
  html body.sd-home section #hp-duo .hp-duo-media{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);justify-self:center;
    border-radius:0;box-shadow:none;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
}