.group-hero .angled-button{margin-top:28px}.group-hero .dinner-hero-portrait{height:min(580px,100svh - 210px)}.group-intro{padding-block:80px 40px}.group-intro p{text-align:center;max-width:850px;margin-inline:auto;font-size:clamp(18px,1.7vw,24px);line-height:1.75}.group-table-story[data-motion=ready]{height:360svh}.group-table-story[data-motion=ready] .welcome-second{opacity:var(--second-in,0);transform:translateY(calc((1 - var(--second-in,0)) * 65px))}.group-table-story .welcome-title{font-size:clamp(42px,4.8vw,76px)}.group-statement,.group-show{isolation:isolate;align-items:center;min-height:90svh;padding-block:120px;display:grid;position:relative;overflow:clip}.group-statement:after,.group-show:after{content:"";z-index:-1;background:linear-gradient(var(--black),transparent 25%,transparent 75%,var(--black)),#09070aa6;position:absolute;inset:0}.group-statement{text-align:center}.group-statement h2{font-size:clamp(48px,7vw,108px)}.group-occasion{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:120px}.group-occasion .dinner-copy h2{font-size:clamp(32px,3.9vw,60px)}.group-occasion .group-photo{grid-area:1/2}.group-occasion .dinner-copy{grid-area:1/1}.group-occasion.group-photo-left{--light-side:100%!important}.group-photo-left .group-photo{grid-column:1}.group-photo-left .dinner-copy{grid-column:2}.group-photo figure{aspect-ratio:4/5;width:100%;max-height:720px}.group-photo img{object-position:center}.group-show{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw}.group-show h2{font-size:clamp(36px,4.5vw,68px)}.group-show blockquote{font:clamp(30px,3.3vw,50px)/1.2 var(--serif);text-align:center;color:var(--champagne);margin:0}.group-show+.faq-story{margin-top:clamp(120px,20svh,240px)}.group-inquiry{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:8vw;padding-block:120px;display:grid}.group-inquiry h2{margin-bottom:32px;font-size:clamp(38px,4.5vw,68px)}.group-inquiry h3{font:clamp(28px,2.7vw,42px)/1.15 var(--serif);color:var(--champagne);margin-bottom:24px}.group-inquiry-copy{max-width:520px}.group-inquiry-copy p+p{margin-top:24px}.group-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 24px;margin-top:40px;display:grid}.group-form label{color:var(--champagne);flex-direction:column;gap:10px;min-width:0;font-size:14px;display:flex}.group-form input,.group-form select,.group-form textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;color:var(--champagne);background:#09070a40;border-radius:0;padding:12px 4px;font:16px/1.5 Arial,sans-serif}.group-form textarea{resize:vertical}.group-form-wide{grid-column:1/-1}.group-form .group-form-status{opacity:.7;font-size:14px}.group-form .angled-button{grid-column:1/-1;justify-self:start}.group-inquiry,.group-occasion{isolation:isolate;position:relative}.group-inquiry:before,.group-occasion#zakelijk:before{content:"";z-index:-1;pointer-events:none;width:1.5px;height:clamp(180px,32vw,420px);transform:skewX(var(--angle-inverse));filter:blur(.35px);background:linear-gradient(#0000,#b37b4b3d 25%,#e2bf7661 50%,#b37b4b33 75%,#0000);position:absolute;top:22%;left:2.5%}@media (max-width:1000px){.group-occasion,.group-show,.group-inquiry{gap:4vw}}@media (max-width:700px){.group-hero{height:auto;min-height:100svh}.group-hero .dinner-hero-layout{gap:44px}.group-hero .dinner-hero-parallax{height:360px}.group-hero .dinner-hero-portrait{height:100%}.group-intro{padding-block:60px 30px}.group-intro p{text-align:left;font-size:17px}.group-table-story[data-motion=ready]{height:auto}.group-table-story[data-motion=ready]>.welcome-stage{grid-template-rows:auto;height:auto;position:relative}.group-table-story[data-motion=ready] .welcome-words{display:block}.group-table-story[data-motion=ready] .welcome-words>*{opacity:1;transform:none}.group-table-story[data-motion=ready] .welcome-words p{margin-top:24px}.group-table-story[data-motion=ready] .welcome-cards{height:55svh;min-height:300px;transform:none}.group-table-story[data-motion=ready] .welcome-card:not(:first-child){display:none}.group-statement{min-height:75svh;padding-block:80px}.group-occasion,.group-show,.group-inquiry{grid-template-columns:1fr;gap:44px;padding-block:70px}.group-occasion .dinner-copy{grid-area:1/1}.group-occasion .group-photo{grid-area:2/1}.group-photo figure{max-width:480px;margin-inline:auto}.group-show{gap:70px;min-height:100svh}.group-inquiry{gap:60px}.group-inquiry:before,.group-occasion#zakelijk:before{opacity:.55;height:180px;left:4%}.group-form{gap:24px 16px}}@media (max-width:380px){.group-form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.group-table-story[data-motion=ready]{height:auto}.group-table-story[data-motion=ready] .welcome-words>*{opacity:1;transform:none}}.group-contact-note{margin-top:28px;font-size:15px}@media (max-height:700px){.group-table-story[data-motion=ready]{height:auto}.group-table-story[data-motion=ready] .welcome-second{opacity:1;transform:none}}.group-gallery-section h2{margin-bottom:64px;font-size:clamp(44px,5.5vw,84px)}.occasion-gallery{--gallery-height:612px;--closed-width:86px;--gallery-gap:18px;--copy-inset:76px;--gallery-skew:calc(var(--gallery-height) * tan(var(--angle)));gap:var(--gallery-gap);height:var(--gallery-height);margin-inline:calc(var(--gallery-skew) / 2);display:flex;container-type:inline-size}.occasion-panel{isolation:isolate;flex:0 0 var(--closed-width);min-width:0;transform:skewX(var(--angle-inverse));background:var(--black);transition:flex-basis 1.1s cubic-bezier(.25,.65,.3,1);position:relative;overflow:hidden}.occasion-panel[data-active=true]{flex-basis:calc(100% - 3 * var(--closed-width) - 3 * var(--gallery-gap))}.occasion-image{width:calc(100cqw - 3 * var(--closed-width) - 3 * var(--gallery-gap) + var(--gallery-skew));transform:translateX(-50%) skewX(var(--angle));z-index:-2;position:absolute;top:0;bottom:0;left:50%}.occasion-image img{object-position:center}.occasion-image-surface{position:absolute;inset:0}.occasion-panel:before,.occasion-panel:after{content:"";z-index:-1;pointer-events:none;transition:opacity 1s cubic-bezier(.25,.65,.3,1);position:absolute;inset:0}.occasion-panel:before{opacity:1;background:#09070a94}.occasion-panel:after{opacity:0;background:linear-gradient(#0000 22%,#09070a57 45%,#09070aad 70%,#09070adb)}.occasion-panel[data-active=true]:before{opacity:0}.occasion-panel[data-active=true]:after{opacity:1}.occasion-inner{height:100%;transform:skewX(var(--angle));--copy-width:calc(100cqw - 3 * var(--closed-width) - 3 * var(--gallery-gap) - 2 * var(--copy-inset));position:relative}.occasion-heading{left:50%;top:calc(100% - var(--body-height,330px) - 48px);width:var(--copy-width);margin:0;transition:transform 1s cubic-bezier(.22,1,.36,1),top 1s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-100%)}.occasion-toggle{color:var(--champagne);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;padding:0}.occasion-title{font:clamp(28px,2.7vw,44px)/1.13 var(--serif);letter-spacing:-.04em;transition:transform 1s cubic-bezier(.22,1,.36,1);display:block;transform:rotate(0)scale(1)}.occasion-title em{color:var(--gold)}.occasion-panel[data-active=false] .occasion-heading{top:50%;transform:translate(-50%,-50%)}.occasion-panel[data-active=false] .occasion-title{transform:rotate(calc(-90deg + var(--angle))) scale(.62)}.occasion-panel[data-active=false] .occasion-toggle:before{content:"";width:var(--gallery-height);height:var(--gallery-height);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.occasion-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.occasion-panel[data-active=false] .occasion-toggle:focus-visible{outline-offset:-4px}.occasion-toggle-symbol{display:none}.occasion-body{top:calc(100% - var(--body-height,330px) - 48px);left:calc(50% - var(--copy-width) / 2);width:calc(var(--copy-width) * .85);position:absolute;overflow:hidden}.occasion-body-inner{min-height:0;overflow:hidden}.occasion-body-content{padding-top:24px;transition:transform 1.2s cubic-bezier(.25,.65,.3,1);transform:translateY(-28px)}.occasion-body{opacity:0;clip-path:inset(0 0 100%);transition:opacity .25s,clip-path 1.2s cubic-bezier(.25,.65,.3,1)}.occasion-panel[data-active=true] .occasion-body{opacity:1;clip-path:inset(0);transition:opacity .9s .25s,clip-path 1.2s cubic-bezier(.25,.65,.3,1) .25s}.occasion-panel[data-active=true] .occasion-body-content{transition-delay:.25s;transform:translateY(0)}.occasion-body p{font-size:16px;line-height:1.7}.occasion-body p+p{margin-top:18px}.occasion-body .angled-button{max-width:100%;margin-top:24px}.group-gallery-section+.faq-story{margin-top:80px}@media (min-width:960px) and (max-width:1200px){.occasion-gallery{--gallery-height:663px;--closed-width:58px;--gallery-gap:12px;--copy-inset:48px}.occasion-title{font-size:30px}}@media (min-width:720px) and (max-width:959px){.occasion-gallery{--gallery-height:740px;--closed-width:44px;--gallery-gap:10px;--copy-inset:34px}.occasion-title{font-size:28px}.occasion-panel[data-active=false] .occasion-title{text-shadow:0 1px 3px #09070af2,0 0 8px #09070acc}.occasion-body p{font-size:15px;line-height:1.65}.occasion-body .angled-button{font-size:20px}}@media (max-width:719px){.group-gallery-section{padding-block:70px}.group-gallery-section h2{margin-bottom:40px}.occasion-gallery{flex-direction:column;gap:20px;height:auto;margin-inline:0;display:flex}.occasion-panel,.occasion-panel[data-active=true]{background:0 0;flex:auto;transform:none}.occasion-image{width:auto;inset:0;transform:none;container-type:size}.occasion-panel:before,.occasion-panel:after{display:none}.occasion-image-surface{--photo-cut:calc(100cqh * sin(var(--angle)));-webkit-mask-image:linear-gradient(calc(90deg + var(--angle)),transparent calc(var(--photo-cut) - .75px),#000 calc(var(--photo-cut) + .75px),#000 calc(100% - var(--photo-cut) - .75px),transparent calc(100% - var(--photo-cut) + .75px));mask-image:linear-gradient(calc(90deg + var(--angle)),transparent calc(var(--photo-cut) - .75px),#000 calc(var(--photo-cut) + .75px),#000 calc(100% - var(--photo-cut) - .75px),transparent calc(100% - var(--photo-cut) + .75px))}.occasion-image-surface:after{content:"";background:#09070a94;transition:background 1s cubic-bezier(.25,.65,.3,1);position:absolute;inset:0}.occasion-panel[data-active=true] .occasion-image-surface:after{background:#09070ad1}.occasion-inner{height:auto;padding:0;transform:none}.occasion-heading,.occasion-panel[data-active=false] .occasion-heading{width:auto;padding:0;position:static;transform:none}.occasion-body{clip-path:none;grid-template-rows:0fr;width:auto;transition:grid-template-rows 1.2s cubic-bezier(.25,.65,.3,1),opacity .25s;display:grid;position:relative;top:auto;bottom:auto;left:auto}.occasion-panel[data-active=true] .occasion-body{grid-template-rows:1fr;transition:grid-template-rows 1.2s cubic-bezier(.25,.65,.3,1),opacity .9s .25s}.occasion-panel[data-active=false] .occasion-toggle:before{display:none}.occasion-toggle,.occasion-panel[data-active=false] .occasion-toggle{justify-content:space-between;align-items:center;gap:16px;min-height:104px;padding:30px 24px;display:flex;position:relative;inset:auto}.occasion-title,.occasion-panel[data-active=false] .occasion-title{white-space:normal;width:auto;font-size:clamp(23px,4vw,34px);position:static;transform:none}.occasion-toggle-symbol{color:var(--gold);flex-shrink:0;font-size:26px;display:block}.occasion-body-content{padding:8px 24px 40px}.occasion-body .angled-button{font-size:13px}.occasion-toggle:focus-visible{outline-offset:-3px}}@media (prefers-reduced-motion:reduce){.occasion-panel,.occasion-panel:before,.occasion-panel:after,.occasion-heading,.occasion-title{transition:none}}@media (min-width:1201px){.group-gallery-section{grid-template-columns:clamp(250px,22vw,340px) minmax(0,1fr);align-items:center;column-gap:32px;display:grid}.group-gallery-heading{align-self:center}.group-gallery-section h2{white-space:nowrap;margin:0;font-size:clamp(35px,3.05vw,52px)}.group-gallery-photos{min-width:0}.occasion-gallery{--gallery-height:663px;--closed-width:64px;--gallery-gap:12px;--copy-inset:48px}.occasion-title{font-size:clamp(28px,2.4vw,38px)}}.dinner-page .group-gallery-section.dinner-light{isolation:isolate;z-index:1;background:0 0;position:relative;overflow:visible}.group-gallery-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(85% 50%,#b87b4857,#b87b4847 22%,#b87b4830 44%,#b87b481a 65%,#b87b4809 84%,#0000 100%);position:absolute;inset:-220px 0}@media (max-width:959px){.group-gallery-section h2{white-space:nowrap;font-size:clamp(32px,5.5vw,60px)}}@media (prefers-reduced-motion:reduce){.occasion-body,.occasion-body-content,.occasion-panel[data-active=true] .occasion-body,.occasion-panel[data-active=true] .occasion-body-content{transition:none}}.group-gallery-section{padding-block:clamp(140px,18svh,210px)}@media (max-width:959px){.group-gallery-section{padding-block:100px}}.group-intro.group-intro-photo{isolation:isolate;text-align:center;place-items:center;min-height:85svh;padding-block:120px;display:grid;position:relative}.group-intro-background{z-index:-2;position:absolute;inset:0}.group-intro-background img{object-position:center 45%}.group-intro-photo:before{content:"";z-index:-1;background:linear-gradient(var(--black),transparent 28%,transparent 72%,var(--black)),radial-gradient(ellipse at center,#09070a99,#09070ae0);position:absolute;inset:0}.group-intro-photo h2{margin-bottom:32px;font-size:clamp(38px,5.3vw,76px)}.group-intro-photo p{max-width:760px}.group-intro-photo .angled-button{margin-top:24px}@media (max-width:700px){.group-intro.group-intro-photo{padding-block:100px}.group-intro-photo p{text-align:center;font-size:17px}.group-gallery-section:before{inset-block:-160px}}.group-intro-photo .group-intro-copy{max-width:760px}.group-intro-photo p{max-width:560px;font-size:16px;line-height:1.75}.group-intro-photo{overflow:clip}.group-intro-copy{translate:0 calc(var(--hero-scroll,0) * -110px)}.group-intro-background img{animation:9s cubic-bezier(.2,.55,.3,1) both dinner-background-approach}.group-inquiry .angled-button{margin-top:28px}.group-contact-dialog{width:min(600px,100vw - 32px);max-height:calc(100svh - 40px);color:var(--champagne);overscroll-behavior:contain;background:#14100e;border:1px solid #e2bf7659;margin:auto;padding:36px;overflow:auto}.group-contact-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c7}.group-contact-dialog h2{font:40px/1.1 var(--serif);padding-right:28px}.group-contact-close{color:var(--gold);cursor:pointer;background:0 0;border:0;width:44px;height:44px;font:32px/1 Arial,sans-serif;position:absolute;top:12px;right:16px}.group-contact-dialog .group-form{gap:18px 16px;margin-top:28px}.group-contact-dialog .group-form label{gap:6px;font-size:13px}.group-contact-dialog .group-form input,.group-contact-dialog .group-form select,.group-contact-dialog .group-form textarea{background:#ffffff0a;border:1px solid #e2bf7647;padding:10px 12px}.group-contact-dialog :is(input,select,textarea,button):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.group-contact-dialog .group-form textarea{min-height:84px}.group-contact-dialog .group-form .angled-button{margin-top:0}body:has(.group-contact-dialog[open]){overflow:hidden}@media (max-width:600px){.group-contact-dialog{padding:28px 20px}.group-contact-dialog h2{font-size:34px}.group-intro-photo p{font-size:16px}}@media (prefers-reduced-motion:reduce){.group-intro-copy{translate:none}.group-intro-background img{animation:none}}.group-contact-dialog[open]{animation:.55s cubic-bezier(.22,1,.36,1) both group-contact-open}.group-contact-dialog[open]::backdrop{animation:.45s ease-out both group-contact-backdrop}@keyframes group-contact-open{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes group-contact-backdrop{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.group-contact-dialog[open],.group-contact-dialog[open]::backdrop{animation:none}}@media (min-width:701px){.group-inquiry-contact{padding-top:calc(2.08*clamp(38px,4.5vw,68px) + 32px)}}.group-hero .dinner-hero-copy{position:relative}@media (min-width:701px){.group-hero .dinner-hero-copy>.angled-button{position:absolute;top:100%;left:0}}@media (max-width:700px){.group-hero h1 em{white-space:normal}}@media (max-width:719px){.groups-page .group-hero .dinner-hero-backdrop{opacity:calc(.24 * (1 - var(--hero-scroll,0)))}body .responsive-page .group-hero .dinner-hero-copy>.angled-button{position:relative;inset:auto}}@media (prefers-reduced-motion:reduce){.occasion-image-surface:after{transition:none}}
