@font-face{font-family:Erode;src:url('/fonts/erode-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Erode;src:url('/fonts/erode-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Erode;src:url('/fonts/erode-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--bg:#0d060b;--surface:#1b0e17;--ink:#fff;--muted:#c8bdc4;--accent:#ff488b;--plum:#470c35;--pad:clamp(20px,2.2vw,32px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 19px/1.5 Erode,Georgia,serif}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button,a{transition:transform .18s,opacity .18s}button:active,.button:active{transform:translateY(2px)}a:hover,button:hover{opacity:.82}img{display:block;width:100%;height:auto;object-fit:cover}h1,h2,h3,p{margin:0}h2{font-size:clamp(32px,3vw,44px);font-weight:500;line-height:1.05;letter-spacing:-.035em}h3{font-size:28px;font-weight:500;line-height:1.1;letter-spacing:-.02em}p{max-width:58ch}p+p{margin-top:20px}.small{font-size:15px;line-height:1.4}.muted{color:var(--muted)}.preview{padding:10px var(--pad);background:#291521;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.preview a{white-space:nowrap}.skip{position:absolute;top:-100px}.skip:focus{top:8px;z-index:9;background:#fff;color:#111;padding:16px}.hero{padding:0 var(--pad) 24px}.wordmark{font-size:clamp(110px,23vw,380px);font-weight:500;letter-spacing:-.065em;line-height:.82;white-space:nowrap;text-align:center;padding:17px 0 25px;margin-left:-.04em}.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 8px}.nav a{background:var(--surface);padding:14px 18px;text-decoration:none;display:flex;justify-content:space-between;align-items:center;font-size:17px}.hero-grid{display:grid;grid-template-columns:1fr 3.25fr 1fr;gap:8px}.hero-centre{min-width:0;display:flex;flex-direction:column}.hero-photo{overflow:hidden;flex:1;min-height:300px}.hero-photo img{height:100%;max-height:490px;object-position:50% 45%;animation:photo-drift 18s ease-in-out infinite alternate}.hero-caption{padding:20px 24px;background:var(--surface)}.hero-caption h2{font-size:clamp(24px,2.4vw,36px);letter-spacing:-.025em}.hero-caption p{margin-top:8px;font-size:17px}.facts-rail{display:flex;flex-direction:column;gap:8px}.fact{padding:22px 18px;flex:1;display:flex;flex-direction:column;justify-content:center;background:#fff;color:#101421}.fact:nth-child(2){background:#470c35;color:white}.fact strong{font-size:clamp(25px,2.2vw,36px);line-height:1.05;font-weight:500}.fact span{margin-top:10px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:17px 22px;background:var(--accent);color:var(--bg);font-weight:600;text-decoration:none;border:0}.facts-rail .button{flex:1;align-items:flex-end;min-height:110px}.button.secondary{background:var(--surface);color:var(--ink)}.content-section{padding:125px var(--pad)}.about{display:grid;grid-template-columns:1fr 3fr;gap:clamp(32px,6vw,100px);background:white;color:#101421}.about h2{max-width:8ch}.about-text{max-width:900px}.about-text .intro{font-size:clamp(23px,2.4vw,34px);line-height:1.22;letter-spacing:-.015em;max-width:44ch}.about-text .detail{max-width:60ch;clear:both;padding-top:12px}.showcase{background:var(--plum);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center}.showcase figure{margin:0}.showcase img{aspect-ratio:1;object-position:48% center}.showcase figcaption{font-size:14px;margin-top:10px}.showcase-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:42px}.tabs{display:flex;gap:20px;flex-wrap:wrap}.tabs button{border:0;background:transparent;color:#fff;padding:8px 0;font-size:18px;opacity:.62}.tabs button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:7px}.showcase h2{margin-bottom:24px}.showcase p{max-width:36ch}.showcase .button{align-self:flex-start}.marquee{overflow:hidden;background:white;color:#101421;padding:35px 0}.marquee div{width:max-content;font-size:clamp(34px,6vw,90px);font-weight:500;line-height:1;letter-spacing:-.04em;animation:marquee 45s linear infinite}.marquee:hover div{animation-play-state:paused}.pricing{background:white;color:#101421}.pricing h2{font-size:clamp(46px,6.6vw,100px);max-width:19ch;line-height:.95}.price-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;margin-top:55px}.package-select{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.package-select button{background:#f0e8ed;color:#101421;border:0;padding:14px 18px;min-height:50px}.package-select button[aria-pressed=true]{background:var(--bg);color:white}.quote{background:#f0e8ed;padding:28px;display:flex;flex-direction:column;gap:20px}.quote-top{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.quote output{font-size:48px;line-height:1}.quote .small{font-size:16px}.quote .button{margin-top:auto}.process{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.process p{margin-top:24px;max-width:34ch}.itinerary{background:#fff;color:#101421;padding:35px}.itinerary ol{margin:0;padding:0;list-style:none;display:grid;gap:30px}.itinerary li{display:grid;grid-template-columns:1fr 2fr;gap:24px}.itinerary span{font-size:17px}.itinerary footer{margin:30px -35px -35px;padding:18px 35px;background:var(--plum);color:white}.faq{background:white;color:#101421;display:grid;grid-template-columns:1fr 1.5fr;gap:100px}.faq-list details{background:#f6f0f4;margin-bottom:10px;padding:22px 25px}.faq summary{cursor:pointer;font-size:21px;line-height:1.2}.faq details p{font-size:18px;margin-top:18px;max-width:55ch}.closing{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;background:var(--plum)}.closing h2{font-size:clamp(48px,6vw,90px);line-height:1;max-width:10ch}.closing p{margin:24px 0}.closing img{aspect-ratio:4/3}.site-footer{background:white;color:#101421;padding:35px var(--pad) 5px}.footer-links{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:16px}.footer-word{font-size:clamp(100px,23vw,380px);font-weight:500;line-height:.85;letter-spacing:-.065em;text-align:center;margin:45px 0 0}.site-footer .credit{font-size:14px;max-width:90ch;margin-top:30px}.reveal.is-entering{animation:enter .7s both;animation-delay:var(--delay,0ms)}.nav a:hover span,.button:hover span{transform:translateX(5px)}.nav span,.button span{transition:transform .2s}.context-note{color:white;margin:0 0 24px;padding:22px;background:var(--surface)}@keyframes enter{from{opacity:.15;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-drift{to{transform:scale(1.055)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1700px){.hero-photo img{max-height:650px}}@media(max-width:900px){body{font-size:18px}.hero-grid{grid-template-columns:1fr 3fr}.facts-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}.hero-centre{grid-column:1/-1}.hero-photo{height:390px}.fact{padding:20px}.facts-rail .button{min-height:100px}.about,.process,.faq{gap:40px}.content-section{padding:85px var(--pad)}.price-grid{gap:35px}.showcase{gap:35px}.showcase-copy{gap:30px}.itinerary{padding:25px}.itinerary footer{margin:25px -25px -25px;padding:20px 25px}}@media(max-width:600px){.preview{font-size:13px;align-items:flex-start}.preview span{max-width:26ch}.wordmark{font-size:25vw;padding:20px 0}.nav{grid-template-columns:repeat(2,1fr);gap:6px}.nav a{padding:11px 14px;min-height:46px}.hero{padding-bottom:16px}.hero-grid{gap:6px}.hero-photo{min-height:0;height:auto;aspect-ratio:4/3}.hero-photo img{height:100%;object-position:38% center}.hero-caption{padding:20px}.hero-caption h2{font-size:26px;max-width:18ch}.hero-caption p{font-size:16px}.facts-rail{gap:6px;grid-template-columns:1fr 1fr}.facts-rail .button{grid-column:1/-1;min-height:56px;align-items:center}.fact{padding:18px}.fact strong{font-size:28px}.fact span{font-size:15px}.content-section{padding:70px var(--pad)}.about,.showcase,.price-grid,.process,.faq,.closing{grid-template-columns:1fr;gap:35px}.about h2{max-width:none}.about-text .intro{font-size:24px;line-height:1.3}.showcase-copy{gap:28px}.showcase .tabs{gap:24px}.showcase img{aspect-ratio:4/3}.showcase p{max-width:40ch}.showcase h2{font-size:34px;max-width:14ch}.marquee{padding:25px 0}.pricing h2{font-size:11vw;max-width:19ch}.price-grid{margin-top:35px}.package-select{gap:6px}.package-select button{padding:12px 14px;font-size:17px}.quote{padding:23px}.quote output{font-size:40px}.itinerary li{grid-template-columns:1fr;gap:5px}.itinerary{padding:25px}.process h2,.faq h2{max-width:13ch}.faq-list details{padding:22px}.closing h2{font-size:54px;max-width:10ch}.closing img{grid-row:1}.footer-links{display:grid;grid-template-columns:1fr 1fr}.footer-word{font-size:25vw}.small{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.marquee div{width:auto;font-size:34px;line-height:1.2;padding:0 var(--pad)}.marquee .duplicate{display:none}.hero-photo img{transform:none}}

/* Keep the whole invitation readable on the first screen. */
.wordmark{font-size:clamp(110px,21vw,320px);line-height:.78;padding:12px 0 10px}.brand-descriptor{text-align:center;margin:0 auto 20px;font-size:18px}.hero-photo{height:345px;min-height:0;flex:none}.hero-photo img{height:100%;max-height:none}.about h2,.faq h2{align-self:start}.about h2{max-width:10ch}@media(max-width:900px){.hero-photo{height:340px}}@media(max-width:600px){.wordmark{font-size:25vw;padding:20px 0 12px}.brand-descriptor{font-size:16px;margin-bottom:18px}.hero-photo{height:auto;aspect-ratio:4/3}}

.hero-photo img{object-position:50% 15%}@media(max-width:600px){.hero-photo img{object-position:38% center}}

.mobile-break{display:none}@media(max-width:600px){.mobile-break{display:inline}}

/* The service reads with the spacing and restraint of a short menu. */
.quote{background:#faf7f4;border-block:1px solid #470c35;padding:30px 0}.quote-top{padding-bottom:20px;border-bottom:1px solid #d9ccd3}.quote-top h3{font-style:italic}.quote output{font-variant-numeric:tabular-nums;font-size:40px}#package-detail{white-space:pre-line;line-height:1.9}.quote p+p{margin-top:0}.quote .button{margin-top:12px}.quote .small{color:#59454f}.closing h2{max-width:12ch}.hero-caption h2{font-size:clamp(24px,2.25vw,34px)}

/* Matt Grills: one photograph, an open wordmark, and clearly separated surfaces. */
:root{--cream:#faf5ed;--rose:#ead5dc;--surface:#3d2935}
.wordmark{font-size:clamp(72px,15.8vw,260px);line-height:.9;letter-spacing:-.06em;padding:24px 0 12px;margin:0;color:var(--cream)}
.brand-descriptor{color:var(--cream);margin-bottom:26px}
.nav a{background:var(--cream);color:var(--bg);padding:16px 20px}
.nav a:last-child{background:var(--accent)}
.hero-grid{grid-template-columns:minmax(0,3.5fr) minmax(240px,1fr)}
.hero-photo{height:auto;aspect-ratio:3/2}
.hero-photo img{object-position:50% 8%;animation:none}
.hero-caption{background:var(--cream);color:var(--bg);padding:24px 26px}
.hero-caption h2{font-size:clamp(26px,2.5vw,40px)}
.fact{background:var(--cream);color:var(--bg);padding:26px}
.fact:nth-child(2){background:var(--rose);color:var(--bg)}
.fact strong{font-size:clamp(28px,2.3vw,38px)}
.fact span{font-size:17px;line-height:1.45}
.button.secondary{background:var(--cream);color:var(--bg)}
.context-note{background:var(--rose);color:var(--bg)}
.tabs button{opacity:1;padding:10px 14px;background:#6b3859;color:white}
.tabs button[aria-pressed=true]{background:var(--cream);color:var(--bg);text-decoration:none}
.nav a:hover,.button:hover,.tabs button:hover{opacity:1;filter:brightness(.94)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#a75477}
.footer-word{font-size:clamp(72px,15.8vw,260px);line-height:.95;letter-spacing:-.06em;padding-bottom:18px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-centre{grid-column:auto}.facts-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}.facts-rail .button{min-height:100px;align-items:center}.hero-photo{height:clamp(340px,51vw,500px)}}
@media(max-width:600px){.wordmark{font-size:17.4vw;padding:26px 0 14px}.brand-descriptor{font-size:15px;margin-bottom:22px}.nav a{padding:13px 14px;font-size:16px}.hero-photo{height:auto;aspect-ratio:4/3}.hero-photo img{object-position:42% center}.hero-caption{padding:24px 20px}.hero-caption h2{font-size:29px}.facts-rail{grid-template-columns:1fr 1fr}.fact{padding:20px 16px}.fact strong{font-size:27px}.fact span{font-size:15px}.facts-rail .button{grid-column:1/-1;min-height:60px}.footer-word{font-size:17.4vw}.showcase .tabs{gap:8px}.tabs button{font-size:16px;padding:10px 12px}}

/* Manual menu carousel: no timer or automatic movement. */
.food-controls[hidden]{display:none!important}
.showcase .is-menu img{aspect-ratio:4/3;object-fit:cover;touch-action:pan-y}
.food-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.food-controls button{display:grid;place-items:center;width:48px;min-height:48px;border:0;background:var(--cream);color:var(--bg);font-size:25px;line-height:1}
.food-controls p{margin:0;font-size:17px;font-variant-numeric:tabular-nums}
.showcase .is-menu figcaption{font-size:17px;min-height:3em;line-height:1.5}

/* Give the service menu a proper inset on every screen. */
.quote{padding:30px;min-width:0}
.quote-top{flex-wrap:wrap;gap:12px 24px}
.quote .button{width:100%;gap:16px}
.area-link{margin-top:16px;font-size:16px;line-height:1.4}
.service-area{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(40px,7vw,100px);background:var(--cream);color:var(--bg)}
.service-area h2{font-size:clamp(36px,4vw,58px);margin-bottom:26px}
.service-area .small{font-size:16px;margin-top:24px}
.area-list{display:grid;gap:30px;align-content:start}
.area-list h3{font-size:25px;margin-bottom:10px}
.area-list p{font-size:18px;line-height:1.6}
@media(max-width:600px){.quote{padding:24px 20px}.quote-top h3{font-size:27px}.quote output{font-size:36px}.quote .button{padding:16px;gap:12px}.service-area{grid-template-columns:1fr;gap:36px}}