/* INDUSTRIES — 2-column grid; each item = vertical 1:1.6 image with a title and five pointers beside it */
.horeca__grid{list-style:none;margin:0;padding-block:0 clamp(5rem,10vw,9rem);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(3rem,6vw,6rem) clamp(1.5rem,4vw,4rem)}
.horeca__item{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1rem,2.4vw,2.2rem);align-items:start}
.horeca__media{aspect-ratio:5/8;width:100%;border-radius:var(--radius-lg)}
.horeca__body{display:flex;flex-direction:column;gap:clamp(.8rem,1.6vw,1.4rem)}
.horeca__title{font-size:clamp(1.9rem,3.2vw,3.6rem);line-height:.95;color:var(--on-yellow);text-wrap:balance}
@supports (text-box:trim-start cap alphabetic){.horeca__title{text-box:trim-start cap alphabetic}}
@supports not (text-box:trim-start cap alphabetic){.horeca__title{margin-top:-.043em}}
.horeca__points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(.6rem,1.1vw,1rem)}
.horeca__points li{position:relative;padding-left:1.5em;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.2;color:var(--on-yellow)}
.horeca__points li::before{content:"";position:absolute;left:0;top:.35em;width:.6em;height:.6em;border-radius:50%;background:var(--on-yellow)}
@media (max-width:1000px){.horeca__grid{grid-template-columns:1fr}}
@media (max-width:520px){.horeca__item{grid-template-columns:1fr}.horeca__media{width:68%}}
/* Placeholder outline sits flush with the box so an empty slot lines up with the heading
   exactly as a real image does. */
.horeca .slot{--slot-ink:var(--on-yellow);outline-offset:0}