.menu-section{background:#f8f2e9;color:#2d211b;scroll-margin-top:80px}.menu-section .menu-heading{max-width:680px;margin:0 auto 3rem}.menu-section .menu-heading h2{color:#732b18;font-size:clamp(2.25rem,5vw,4rem);font-weight:600;margin-bottom:1rem}.menu-section .menu-heading>p:last-child{color:#493a31;font-size:1.08rem;line-height:1.65}.menu-section .menu-kicker{color:#9b3437;font-size:.8rem;font-weight:700;letter-spacing:.18em;margin-bottom:.5rem;text-transform:uppercase}.menu-section .menu-card{background:#fffdfa;border:1px solid rgba(96,42,27,.2);box-shadow:0 14px 38px rgba(54,25,8,.08);color:#2d211b;margin-bottom:1.75rem;padding:clamp(1.4rem,3vw,2.15rem)}.menu-section .menu-card h3{color:#732b18;font-size:1.65rem;font-weight:700;letter-spacing:.01em;margin-bottom:1.25rem;text-transform:uppercase}.menu-section .menu-card-featured{border-color:#732b18;position:relative}.menu-section .menu-card-featured:after,.menu-section .menu-card-featured:before{border:1px solid #b58b3a;content:"";inset:.35rem;pointer-events:none;position:absolute}.menu-section .menu-card-featured:after{inset:.55rem}.menu-section .menu-card-featured>*{position:relative;z-index:1}.menu-section .menu-list{list-style:none;margin:0 0 2rem;padding:0}.menu-section .menu-list:last-child{margin-bottom:0}.menu-section .menu-list li{align-items:flex-start;border-bottom:1px dotted rgba(91,54,37,.35);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0}.menu-section .menu-list li>span:first-child{min-width:0}.menu-section .menu-list li>span:last-child{color:#692713;flex:0 0 auto;font-size:1.05rem;font-weight:700;white-space:nowrap}.menu-section .menu-list strong{color:#38261e;display:block;font-size:1.03rem;font-weight:700;letter-spacing:.015em;text-transform:uppercase}.menu-section .menu-list em,.menu-section .menu-list small{color:#66554b;display:block;font-size:.98rem;line-height:1.5}.menu-section .menu-list em{color:#8e1e15;margin-top:.25rem}.menu-section .menu-card p{color:#493a31;line-height:1.6}.menu-section .menu-card p strong{color:#38261e}.menu-section .menu-card p:last-child,.menu-section .menu-note,.menu-section .menu-special p:last-child{margin-bottom:0}.menu-section .menu-note{color:#66554b;font-style:italic}.menu-section .menu-offer{border:3px double #b58b3a}.menu-section .menu-price{color:#732b18;font-size:1.35rem}.menu-section .menu-photo{background:#732b18;box-shadow:0 16px 40px rgba(54,25,8,.16);margin:0 0 1.75rem;overflow:hidden;position:relative}.menu-section .menu-photo img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.menu-section .menu-photo:hover img{transform:scale(1.025)}.menu-section .menu-photo-tall{aspect-ratio:4/3}.menu-section .menu-photo-wide{aspect-ratio:16/10}.menu-section .menu-photo-dessert{aspect-ratio:4/3}.menu-section .menu-photo figcaption{background:linear-gradient(transparent,rgba(32,14,9,.78));bottom:0;color:#fff;font-size:.78rem;font-weight:700;left:0;letter-spacing:.13em;padding:3rem 1.4rem 1.15rem;position:absolute;text-transform:uppercase;width:100%}@media (max-width:575px){.menu-section .menu-heading{margin-bottom:2rem}.menu-section .menu-heading>p:last-child{font-size:1rem}.menu-section .menu-card h3{font-size:1.4rem}.menu-section .menu-list li{gap:.75rem;padding:.72rem 0}.menu-section .menu-list strong{font-size:1rem}.menu-section .menu-list em,.menu-section .menu-list small{font-size:.94rem}.menu-section .menu-photo,.menu-section .menu-photo-tall,.menu-section .menu-photo-wide,.menu-section .menu-photo-dessert{aspect-ratio:4/3}}

/* Lichte menutypografie: hiërarchie komt uit formaat, kleur en witruimte. */
.menu-section .menu-heading h2,
.menu-section .menu-kicker,
.menu-section .menu-card h3,
.menu-section .menu-list strong,
.menu-section .menu-list li>span:last-child,
.menu-section .menu-card strong,
.menu-section .menu-special strong,
.menu-section .menu-photo figcaption{font-weight:400}
.menu-section .menu-card h3{letter-spacing:.035em}
.menu-section .menu-list strong{letter-spacing:.045em}

/* Rustige, enkele kaartkaders. */
.menu-section .menu-card-featured{border-color:rgba(96,42,27,.2)}
.menu-section .menu-card-featured:before,
.menu-section .menu-card-featured:after{display:none}
.menu-section .menu-offer{border:1px solid rgba(96,42,27,.2)}