/* CODE-Art.nl horeca page. Scoped to this page only. */
.horeca-detail-page { --horeca-copper:#b87943; --horeca-dark:#211d1a; --horeca-paper:#fffaf4; }
.horeca-detail-page .horeca-hero .inner-hero__media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(15,16,17,.92),rgba(15,16,17,.62) 46%,rgba(15,16,17,.08)); }
.horeca-detail-page .horeca-hero .inner-hero__media picture,.horeca-detail-page .horeca-hero .inner-hero__media img { width:100%; height:100%; display:block; object-fit:cover; }
.horeca-container { width:min(1500px,calc(100% - 48px)); margin-inline:auto; }
.horeca-visual-strip { padding:42px 0 58px; background:#f5efe6; }
.horeca-carousel { position:relative; }
.horeca-carousel__viewport { position:relative; min-height:clamp(420px,47vw,690px); overflow:hidden; border-radius:12px; background:#201d1a; box-shadow:0 22px 58px rgba(40,31,25,.16); }
.horeca-carousel__slide { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transition:opacity .5s ease; }
.horeca-carousel__slide.is-active { opacity:1; visibility:visible; }
.horeca-carousel__slide picture,.horeca-carousel__slide img { width:100%; height:100%; display:block; object-fit:cover; }
.horeca-carousel__slide figcaption { position:absolute; left:22px; right:22px; bottom:22px; padding:14px 17px; border-radius:8px; color:#fff; background:rgba(28,24,21,.84); font-weight:800; }
.horeca-carousel__controls { position:absolute; z-index:3; left:50%; bottom:82px; display:flex; align-items:center; gap:10px; transform:translateX(-50%); padding:7px; border-radius:999px; background:rgba(33,29,26,.87); }
.horeca-carousel__controls>button { display:grid; place-items:center; width:42px; height:42px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; font-size:27px; cursor:pointer; }
.horeca-carousel__dots { display:flex; gap:7px; }
.horeca-carousel__dots button { width:9px; height:9px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.42); cursor:pointer; }
.horeca-carousel__dots button.is-active { background:#d99a61; transform:scale(1.25); }
.horeca-content-section .content-layout { gap:clamp(28px,4vw,52px); }
.horeca-intro-card { padding:clamp(34px,5vw,70px); }
.horeca-block-action { margin-top:1.15rem; }
.horeca-photo-trio { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.horeca-photo-trio figure,.horeca-wide-photo { position:relative; overflow:hidden; margin:0; border-radius:10px; background:#211d1a; }
.horeca-photo-trio picture,.horeca-photo-trio img { width:100%; height:100%; display:block; }
.horeca-photo-trio img { min-height:370px; object-fit:cover; }
.horeca-photo-trio figcaption,.horeca-wide-photo figcaption { position:absolute; left:12px; right:12px; bottom:12px; padding:12px 14px; border-radius:7px; background:rgba(30,26,23,.84); color:#fff; font-weight:800; }
.horeca-wide-photo picture,.horeca-wide-photo img { display:block; width:100%; }
.horeca-wide-photo img { max-height:760px; object-fit:cover; }
.horeca-project-gallery { padding:clamp(52px,7vw,100px) 0 10px; }
.horeca-gallery-heading { width:min(940px,100%); margin:0 auto 34px; text-align:center; }
.horeca-gallery-heading h2 { margin:7px 0 15px; font-size:clamp(38px,4.5vw,68px); line-height:1.03; letter-spacing:-.04em; }
.horeca-gallery-heading>p:last-child { font-size:19px; line-height:1.65; }
.horeca-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.horeca-gallery-item { position:relative; min-height:310px; overflow:hidden; padding:0; border:0; border-radius:9px; background:#ddd; cursor:zoom-in; text-align:left; }
.horeca-gallery-item picture,.horeca-gallery-item img { display:block; width:100%; height:100%; }
.horeca-gallery-item img { object-fit:cover; transition:transform .35s ease; }
.horeca-gallery-item:hover img { transform:scale(1.035); }
.horeca-gallery-item span { position:absolute; left:10px; right:10px; bottom:10px; padding:10px 12px; border-radius:6px; background:rgba(30,26,23,.84); color:#fff; font-weight:800; }
.horeca-highlight { background:#262321!important; color:#fff; }
.horeca-highlight h2 { color:#fff; }
.horeca-highlight div { color:rgba(255,255,255,.8); }
.horeca-lightbox[hidden] { display:none; }
.horeca-lightbox { position:fixed; z-index:100500; inset:0; display:grid; place-items:center; padding:28px; background:rgba(8,7,6,.93); }
.horeca-lightbox figure { max-width:min(1280px,94vw); max-height:90vh; margin:0; }
.horeca-lightbox img { display:block; max-width:100%; max-height:82vh; object-fit:contain; }
.horeca-lightbox figcaption { padding:11px 0; color:#fff; text-align:center; }
.horeca-lightbox>button { position:fixed; top:18px; right:22px; width:46px; height:46px; border:0; border-radius:50%; background:#fff; font-size:29px; cursor:pointer; }
.horeca-lightbox-open { overflow:hidden; }
@media(max-width:980px){.horeca-photo-trio{grid-template-columns:1fr 1fr}.horeca-photo-trio figure:last-child{grid-column:1/-1}.horeca-gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.horeca-detail-page .horeca-hero .inner-hero__media::after{background:linear-gradient(0deg,rgba(15,16,17,.95),rgba(15,16,17,.65) 58%,rgba(15,16,17,.08))}.horeca-container{width:calc(100% - 28px)}.horeca-visual-strip{padding:24px 0 42px}.horeca-carousel__viewport{min-height:310px;border-radius:8px}.horeca-carousel__slide figcaption{left:10px;right:10px;bottom:10px;padding:10px 12px;font-size:14px}.horeca-carousel__controls{bottom:64px}.horeca-carousel__controls>button{width:38px;height:38px}.horeca-photo-trio{grid-template-columns:1fr}.horeca-photo-trio figure:last-child{grid-column:auto}.horeca-photo-trio img{min-height:270px}.horeca-gallery-grid{gap:9px}.horeca-gallery-item{min-height:205px}.horeca-gallery-item span{font-size:12px}.horeca-gallery-heading{text-align:left}.horeca-gallery-heading h2{font-size:clamp(34px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){.horeca-carousel__slide,.horeca-gallery-item img{transition:none}}