/* Approved photography: full compositions preserved, responsive crops in CSS. */
#s1 #section1_bg,#s7 #s7_bgKeuken{background-image:none!important}
.hero-photo,.coastal-photo,.service-photo{display:block;width:100%;height:100%}
#s1 .hero-photo img,#s7 .service-photo img{display:block;width:100%;max-width:none;height:100%!important;object-fit:cover}
#s1 .hero-photo img{object-position:24% 50%}
#s3 .boca-community-photo{display:block}
#s3 .boca-community-photo img{object-position:40% center}
#s2 .coastal-photo img{object-position:53% center}
#s7 #s7_bgWijn{display:none!important}
#s7{grid-template-rows:auto auto;padding-top:var(--j-gutter)}
#s7 #s7_bgKeuken{height:clamp(240px,70vw,400px)!important;margin:0!important;transform:none!important;will-change:auto!important;box-shadow:none;border-color:var(--j-rule)}
#s7 .service-photo img{object-position:50% 48%}
#s6 .johanne-portrait{display:block;width:min(82vw,360px);margin:0 auto;padding:12px;border:1px solid var(--j-rule);background:var(--j-white)}
#s6 .johanne-portrait .image_2{position:relative!important;inset:auto!important;display:block;width:100%;max-width:none;height:auto!important;aspect-ratio:1;object-fit:contain;margin:0!important}
@media(max-width:979px){
 #s1>.hero-logo-layer{align-self:end}
 #s1 #section1_logo{padding:0 var(--j-gutter) 24px}
}
@media(min-width:980px){
 #s1 .hero-photo img{object-position:28% center}
 #s2 .coastal-photo{height:100%}
 #s7{grid-template-rows:auto;padding-top:65px;padding-bottom:65px}
 #s7 #s7_bgKeuken{height:clamp(340px,30vw,480px)!important;width:100%!important}
 #s6 #s6_img2{align-self:center;background:transparent;border:0}
 #s6 #s6_img2 .w980{min-height:0;height:auto!important;padding:0}
 #s6 .johanne-portrait{width:100%;max-width:520px;padding:18px}
}