:root{--cream:#f5efe3;--paper:#fbf8f0;--ink:#1c2119;--green:#2f4a35;--orange:#dd642d;--line:#d9d2c3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid #ffffff42}.brand{display:flex;align-items:center;gap:12px;font-family:"Fraunces",serif;font-size:20px;font-weight:700}.brand em{font-weight:600}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid currentColor;border-radius:50%;font-size:17px}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav-cta{padding:12px 18px;border:1px solid #ffffff8c;border-radius:99px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:760px;height:100vh;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(17,16,11,.88) 0%,rgba(17,16,11,.56) 43%,rgba(17,16,11,.08) 78%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%)}.hero-content{position:relative;z-index:1;padding:100px clamp(24px,8vw,120px) 30px;max-width:850px}.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--orange)}.eyebrow.light{color:#f6b58d}.hero h1,.intro h2,.menu-heading h2,.story h2,.order h2,.practical h2{font-family:"Fraunces",serif;margin:0;line-height:.95;font-weight:600}.hero h1{font-size:clamp(62px,8vw,112px);letter-spacing:-.04em}.hero-copy{font-size:18px;line-height:1.65;max-width:520px;margin:28px 0 34px;color:#f4eee4}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;gap:32px;padding:17px 22px;border-radius:4px;font-weight:700;font-size:14px;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:#fff}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.light-link{color:#fff}.open-badge{position:absolute;right:5vw;bottom:70px;width:132px;height:132px;border-radius:50%;background:var(--cream);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg);font-size:13px}.open-badge strong{font-family:"Fraunces";font-size:20px}.scroll-cue{position:absolute;bottom:26px;left:50%;font-size:23px}.section-pad{padding-left:clamp(24px,8vw,120px);padding-right:clamp(24px,8vw,120px)}.intro{padding-top:120px;padding-bottom:120px}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:10vw;align-items:end}.intro h2{font-size:clamp(48px,6vw,84px);letter-spacing:-.04em}.intro h2 span{color:#9a9b8c;font-style:italic}.intro-grid>p{font-size:17px;line-height:1.8;margin:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:100px;padding-top:32px;border-top:1px solid var(--line)}.benefits article{position:relative;padding-left:48px}.benefits span{position:absolute;left:0;top:2px;font-size:11px;color:var(--orange);font-weight:700}.benefits h3{font-family:"Fraunces";font-size:24px;margin:0 0 10px}.benefits p{color:#66695f;line-height:1.65;margin:0;font-size:14px}.menu-section{background:var(--cream);padding:110px 0 0}.menu-heading{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:end}.menu-heading h2{font-size:clamp(50px,6vw,78px)}.menu-heading>p{line-height:1.7;color:#62655d}.menu-list{margin-top:60px}.dish{display:grid;grid-template-columns:70px 1fr auto;gap:30px;padding:30px 0;border-top:1px solid #cfc7b7;align-items:center;transition:.2s padding}.dish:hover{padding-left:14px}.dish-number{font-size:12px;color:#9a9386}.dish-tag{margin:0 0 5px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--orange);font-weight:700}.dish h3{font:600 36px "Fraunces";margin:0 0 6px}.dish p:last-child{color:#65675f;margin:0}.dish-price{font:600 25px "Fraunces"}.menu-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cfc7b7;margin-top:10px;padding-top:26px;padding-bottom:80px;font-size:13px}.story{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.story-visual{min-height:540px;background:var(--green);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.story-visual:before,.story-visual:after{content:"";position:absolute;border:1px solid #f5efe34f;border-radius:50%;width:60%;aspect-ratio:1}.story-visual:after{width:78%}.story-visual span{font:600 clamp(50px,6vw,82px)/.85 "Fraunces";text-align:center;font-style:italic;z-index:1}.story-visual small{z-index:1;margin-top:24px;text-transform:uppercase;letter-spacing:.2em}.story-copy h2{font-size:clamp(48px,5vw,70px);margin-bottom:30px}.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#5e6259}.button-dark{margin-top:18px;background:var(--ink);color:#fff}.order{padding:110px 24px;text-align:center;background:var(--orange);color:#fff}.order h2{font-size:clamp(52px,7vw,92px)}.order>p:not(.eyebrow){margin:24px auto 32px;max-width:570px;line-height:1.7}.button-cream{background:var(--cream);color:var(--ink)}.practical{padding-top:110px;padding-bottom:110px}.practical h2{font-size:72px}.practical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px;padding-top:36px;border-top:1px solid var(--line)}.practical-grid h3{font:600 22px "Fraunces"}.practical-grid p{line-height:1.8;color:#60635c}.practical-grid a{border-bottom:1px solid}.practical-grid p a{border:0}footer{background:var(--ink);color:#eee8db;padding:55px clamp(24px,8vw,120px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:13px}.footer-brand{font-size:18px}footer>p{text-align:center;color:#aaa99e}footer>div{display:flex;gap:22px;justify-content:flex-end;color:#aaa99e}
@media(max-width:800px){.site-header{height:70px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:25px;background:var(--ink);flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block;width:40px;height:40px}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:7px}.hero{min-height:680px}.hero-content{padding-top:90px}.hero h1{font-size:57px}.hero-shade{background:linear-gradient(90deg,rgba(17,16,11,.87),rgba(17,16,11,.38)),linear-gradient(0deg,rgba(0,0,0,.4),transparent)}.open-badge{width:105px;height:105px;bottom:45px;right:20px}.intro{padding-top:80px;padding-bottom:80px}.intro-grid,.menu-heading,.story{grid-template-columns:1fr;gap:30px}.intro h2{font-size:47px}.benefits{grid-template-columns:1fr;gap:38px;margin-top:65px}.menu-section{padding-top:80px}.menu-heading>p{margin:0}.dish{grid-template-columns:35px 1fr}.dish-price{grid-column:2;font-size:21px}.dish h3{font-size:30px}.menu-footer{align-items:flex-start;gap:20px;flex-direction:column}.story{padding-top:80px;padding-bottom:80px}.story-visual{min-height:390px;order:2}.order{padding:80px 24px}.practical{padding-top:80px;padding-bottom:80px}.practical-grid{grid-template-columns:1fr;gap:20px}.practical h2{font-size:56px}footer{grid-template-columns:1fr;gap:24px;text-align:left}footer>p{text-align:left}footer>div{justify-content:flex-start;flex-wrap:wrap}.scroll-cue{display:none}}
@media(max-width:480px){.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.open-badge{display:none}.dish{gap:12px}.dish p:last-child{font-size:13px}.menu-heading h2{font-size:45px}}

/* Uitklapbare buffetkaart */
.story-photo{min-height:540px;overflow:hidden;background:var(--green)}
.story-photo img{display:block;width:100%;height:100%;min-height:540px;object-fit:cover;object-position:center}
.buffet-hint{margin:32px 0 0;color:#62655d;font-size:14px;font-weight:600}
.buffet-list{margin-top:28px}
.buffet-card{border-top:1px solid #cfc7b7}
.buffet-card:last-child{border-bottom:1px solid #cfc7b7}
.buffet-card summary{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;gap:24px;align-items:center;padding:30px 0;cursor:pointer;list-style:none;transition:padding .2s,background .2s}
.buffet-card summary::-webkit-details-marker{display:none}
.buffet-card summary:hover{padding-left:12px;padding-right:12px;background:#ffffff4a}
.buffet-card summary:hover .buffet-title{color:var(--orange)}
.buffet-number{font-size:11px;color:#9a9386}
.buffet-title{font:600 clamp(25px,3vw,38px)/1.1 "Fraunces";transition:color .2s}
.buffet-title small{display:block;margin-bottom:7px;color:var(--orange);font:700 10px/1.2 "DM Sans";letter-spacing:.14em;text-transform:uppercase}
.buffet-card summary strong{font:600 23px "Fraunces";white-space:nowrap}
.expand-label{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:132px;padding:11px 14px;border:1px solid #aaa18f;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.buffet-card summary:hover .expand-label{background:var(--orange);border-color:var(--orange);color:#fff}
.when-open{display:none}
.buffet-card[open] .when-closed{display:none}
.buffet-card[open] .when-open{display:inline}
.chevron{font-size:16px;line-height:1;transition:transform .25s}
.buffet-card[open] .chevron{transform:rotate(180deg)}
.buffet-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:4px 0 38px 78px;animation:buffet-in .25s ease}
.buffet-content h4{margin:0 0 14px;font:600 20px "Fraunces"}
.buffet-content h4 span{display:block;margin-top:5px;color:var(--orange);font:700 10px "DM Sans";text-transform:uppercase;letter-spacing:.1em}
.buffet-content ul{margin:0;padding:0;list-style:none}
.buffet-content li{position:relative;margin:0 0 9px;padding-left:16px;color:#5f635a;font-size:14px;font-weight:700;line-height:1.5}
.buffet-content li:before{content:"·";position:absolute;left:0;color:var(--orange);font-weight:700}
.signature-card{margin-top:22px;padding:0 24px;background:var(--green);color:var(--cream);border:0}
.signature-card .buffet-number,.signature-card .buffet-content li{color:#d8d5c9}
.signature-card .expand-label{border-color:#f5efe380}
.signature-card summary:hover .buffet-title{color:#f2ad84}
.signature-intro{margin:0 0 24px;padding:0 0 0 78px;color:#d8d5c9;font-style:italic}
.dessert{padding-left:20px;border-left:1px solid #ffffff3d}
@keyframes buffet-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media(max-width:800px){
  .story-photo{min-height:390px;order:2}
  .story-photo img{min-height:390px}
  .buffet-hint{margin-top:24px}
  .buffet-list{margin-top:22px}
  .buffet-card summary{grid-template-columns:28px minmax(0,1fr) auto;gap:12px;padding:24px 0}
  .buffet-card summary strong{grid-column:2;font-size:20px}
  .expand-label{grid-column:2/4;justify-self:start;min-width:126px;margin-top:4px}
  .buffet-content{grid-template-columns:1fr 1fr;gap:28px;padding:5px 0 32px 40px}
  .signature-card{padding:0 18px}
  .signature-intro{padding-left:40px}
}
@media(max-width:520px){
  .buffet-content{grid-template-columns:1fr;padding-left:40px}
  .buffet-title{font-size:25px}
  .signature-card{margin-left:-8px;margin-right:-8px}
  .dessert{padding-left:0;border-left:0}
}