.brunch-primary{background:#FF9F1C;color:#0E3B2A;border-color:#FF9F1C}
.brunch-outline{background:transparent;color:#FFF4E0;border-color:#FFF4E0}
.brunch-hero{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:#0E3B2A;color:#FFF4E0}
.brunch-hero-photo{order:2;min-width:0}
.brunch-hero-copy{order:1;align-self:center;padding:clamp(1.5rem,5vw,4rem);max-width:620px}
.brunch-hero-copy h1{color:#FF9F1C;margin:.4rem 0 1rem}
.brunch-hero-copy .button-row{gap:.65rem}
.brunch-hero-photo .slot-brunch-hero{height:100%;min-height:430px;aspect-ratio:8/5}
.slot-brunch-hero,.slot-brunch-card{display:block;width:100%;aspect-ratio:8/5;border-radius:.6rem}
.brunch-hero-photo picture img,.brunch-menu-card picture img,.promo-card-brunch picture img{display:block;width:100%;height:100%;object-fit:cover}
.brunch-menu{max-width:1180px;margin:auto;padding:clamp(2rem,5vw,4rem) 16px}
.brunch-menu h2{color:#0E3B2A}
.brunch-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.brunch-menu-card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden;background:#FFF4E0;border:1px solid #0E3B2A;border-radius:.6rem}
.brunch-menu-card-text{grid-template-columns:1fr}
.brunch-menu-copy{align-self:center;padding:clamp(1rem,3vw,2rem);color:#0E3B2A}
.brunch-menu-copy h3{margin:.1rem 0 .5rem;color:#B5125C;font-size:1.5rem}
.brunch-coming{margin:1rem 0 0;color:#0E3B2A;font-weight:700}
.brunch-visit{padding:1.5rem max(16px,calc((100% - 1180px)/2));background:#B5125C;color:#FFF4E0}
.brunch-visit>p{margin:0 auto 1.25rem;max-width:1180px}
.brunch-visit h2{color:#FFF4E0}
.brunch-visit a{color:#FFF4E0}
.brunch-visit .button{color:#0E3B2A}
.promo-card-brunch{border-color:#0E3B2A}
.promo-card-brunch .day-label{color:#0E3B2A}
.promo-card-brunch .slot-brunch-card{aspect-ratio:3/2;border-radius:0}
.brunch-special{margin-top:1.5rem;padding:1.25rem;background:#FFF4E0;border-left:6px solid #B5125C;border-radius:.5rem;color:#0E3B2A}
.brunch-special h2{margin:.1rem 0 .4rem;color:#0E3B2A;font-size:1.8rem}
.brunch-special p{margin:.35rem 0}
.brunch-special a{font-weight:800;text-underline-offset:.15em}
@media(min-width:1024px){
  .promo-grid:has(.promo-card-brunch){grid-template-columns:repeat(6,minmax(0,1fr))}
  .promo-grid:has(.promo-card-brunch)>.promo-card{grid-column:span 2}
  .promo-grid:has(.promo-card-brunch)>.promo-card:nth-child(4){grid-column:2/span 2}
  .promo-grid:has(.promo-card-brunch)>.promo-card:nth-child(5){grid-column:4/span 2}
}
@media(min-width:768px) and (max-width:1023px){
  .promo-grid:has(.promo-card-brunch){grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-grid:has(.promo-card-brunch)>.promo-card:nth-child(5){grid-column:1/-1}
}
@media(max-width:767px){
  .brunch-hero{grid-template-columns:1fr;min-height:0}
  .brunch-hero-photo{order:0}
  .brunch-hero-photo .slot-brunch-hero{min-height:0}
  .brunch-hero-copy{order:1;padding:1.5rem 16px 2rem}
  .brunch-hero-copy h1{font-size:clamp(2.5rem,12vw,3.8rem)}
  .brunch-hero-copy .button-row{display:grid;grid-template-columns:1fr}
  .brunch-hero-copy .button{width:100%;min-height:48px}
  .brunch-menu-grid{grid-template-columns:1fr}
  .brunch-menu-card{grid-template-columns:1fr}
  .brunch-menu-copy{grid-row:2}
  .brunch-menu-card picture{grid-row:1;grid-column:1/-1}
  .promo-grid:has(.promo-card-brunch){grid-template-columns:1fr}
}