:root{--mm-black:#050505;--mm-gold:#d8a332;--mm-cream:#f7f0e4;--mm-berry:#9f193d;--mm-oswald:'Oswald',Arial,sans-serif}
.mm-page{background:var(--mm-black);color:#fff}
.mm-header{position:relative;background:var(--mm-black);border-bottom-color:rgba(216,163,50,.45)}
.mm-hero{position:relative;min-height:calc(100svh - 91px);padding:5rem 8vw;display:grid;grid-template-columns:1fr minmax(340px,.85fr);gap:6vw;align-items:center;overflow:hidden;isolation:isolate}
.mm-hero::before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.72) 48%,rgba(5,5,5,.18) 82%),url('brunch-toast.jpeg');background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}
.mm-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(216,163,50,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(216,163,50,.14) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 78%);mask-image:linear-gradient(90deg,#000,transparent 78%)}
.mm-kicker{font:600 .78rem/1.35 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mm-gold);margin:0 0 1.25rem}
.mm-hero h1{display:grid;grid-template-columns:auto auto;align-items:end;width:max-content;max-width:100%;font-family:var(--mm-oswald);text-transform:uppercase;line-height:.78;letter-spacing:-.055em;margin:0}
.mm-hero h1 span{grid-column:1/3;font-size:clamp(4.1rem,8vw,8.2rem)}
.mm-hero h1 em{font-family:var(--serif);font-size:clamp(3rem,5vw,5rem);font-weight:400;color:var(--mm-berry);padding-right:.35em}
.mm-hero h1 strong{font-size:clamp(4.5rem,9vw,9.2rem);color:var(--mm-gold)}
.mm-subtitle{font-family:var(--serif);font-style:italic;font-size:clamp(1.7rem,3vw,3rem);margin:1.4rem 0}
.mm-button{background:var(--mm-gold);color:var(--mm-black);border:2px solid var(--mm-gold)}
.mm-button:hover{background:#fff;color:var(--mm-black)}
.mm-flyer{margin:0;background:var(--mm-cream);padding:.65rem;box-shadow:1.25rem 1.25rem 0 var(--mm-berry);transform:rotate(1.2deg)}
.mm-flyer img{display:block;width:100%;height:auto}
.mm-dates{padding:7rem 8vw;background:var(--mm-cream);color:var(--mm-black)}
.mm-dates header{text-align:center;max-width:760px;margin:0 auto 3.5rem}.mm-dates h2,.mm-reserve h2,.mm-private h2{font-family:var(--mm-oswald);font-size:clamp(3.5rem,7vw,7rem);line-height:.88;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 1.3rem}.mm-dates header>p:last-child{font-size:1rem;color:rgba(5,5,5,.7)}
.mm-date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mm-date-grid article{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;border:2px solid var(--mm-black);background:#fff}.mm-date-grid span,.mm-date-grid small{font:700 .76rem var(--sans);letter-spacing:.18em;text-transform:uppercase}.mm-date-grid span{color:var(--mm-berry)}.mm-date-grid strong{font:700 clamp(3.4rem,6vw,6rem)/1 var(--mm-oswald);color:var(--mm-gold);margin:.35rem 0}

.mm-reserve{padding:7rem 8vw;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6vw;align-items:center;background:var(--mm-black)}.mm-reserve-copy{max-width:650px}.mm-reserve-copy>p:last-child{color:rgba(255,255,255,.7)}.mm-widget{display:inline-block;width:auto;max-width:100%;justify-self:end;overflow:hidden}.mm-widget iframe{display:block;max-width:100%!important}.mm-large-party{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.24)}.mm-large-party p{margin:0;color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.45}.mm-large-party strong{color:#fff}.mm-large-party .button{flex:0 0 auto;padding:.8rem 1rem;font-size:.72rem}
.mm-private{padding:6rem 8vw;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;background:var(--mm-berry)}.mm-private h2{font-size:clamp(3rem,6vw,6rem)}.mm-private p:last-child{max-width:620px}.mm-private .mm-kicker{color:#fff}
@media(max-width:900px){.mm-hero,.mm-reserve{grid-template-columns:1fr}.mm-flyer{max-width:620px;margin-top:2rem}.mm-widget{justify-self:start}.mm-date-grid{grid-template-columns:1fr 1fr}.mm-private{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.mm-hero,.mm-dates,.mm-reserve,.mm-private{padding:4.5rem 6vw}.mm-hero::before{inset:0;background-image:linear-gradient(180deg,rgba(5,5,5,.08),rgba(5,5,5,.4) 42%,rgba(5,5,5,.96) 78%),url('brunch-toast.jpeg');background-size:cover,88% auto;background-position:center,center 1rem;background-repeat:no-repeat;background-color:#050505;transform:none}.mm-hero::after{background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}.mm-hero h1 span{font-size:3.55rem}.mm-hero h1 em{font-size:2.8rem}.mm-hero h1 strong{font-size:4.1rem}.mm-flyer{max-width:88%;justify-self:center;box-shadow:.75rem .75rem 0 var(--mm-berry)}.mm-date-grid{grid-template-columns:1fr 1fr}.mm-large-party{align-items:stretch;flex-direction:column}.mm-large-party .button,.mm-private .button{width:100%;text-align:center}}
