.menus-page header{position:relative;background:var(--linen)}
.menus-page nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.menus-intro{text-align:center;padding:64px 24px 56px}
.menus-intro h1{font-size:clamp(48px,5vw,76px)}
.menus-intro p{margin-top:20px;font-size:18px}
.menu-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1480px;margin:auto;padding:0 4%}
.serving-menu{--menu-paper:#edcb75;position:relative;display:flex;flex-direction:column;text-align:center;background:var(--menu-paper);padding:36px 30px 32px;outline:1px solid #632d3e65;outline-offset:-13px;border-radius:150px 150px 3px 3px}
.serving-menu.garden{--menu-paper:#eee7d5;outline-style:dashed}
.serving-menu.coastal{--menu-paper:#e7c1b8;outline-style:double;outline-width:3px}
.menu-heading{min-height:345px}
.menu-heading img{width:115px;height:100px;object-fit:contain;margin:0 auto 16px}
.garden .menu-heading img{transform:rotate(-8deg)}
.serving-menu h2{font-size:clamp(30px,2.75vw,43px);line-height:1.16}
.menu-price{font-size:24px;font-weight:600;margin-top:22px}
.menu-price span{font-size:13px;font-weight:400;margin-left:3px}
.menu-description{font-size:14px;line-height:1.55;margin:12px auto 0;max-width:240px}
.serving-courses{display:grid;gap:36px;flex:1}
.serving-course{min-height:143px}
.course-label{font:italic 16px/1.5 Georgia,serif;margin-bottom:13px}
.serving-course h3{font:23px/1.25 Young,Georgia,serif;letter-spacing:-.025em;max-width:300px;margin:auto}
.serving-course h3+p{font-size:14px;line-height:1.6;margin:12px auto 0;max-width:260px}
.menu-ending{margin-top:28px}
.menu-ending>p{font-size:12px;font-style:italic;margin:0 auto 24px}
.menu-ending .button{font-size:14px;gap:20px;padding:13px 18px;width:100%}
.menu-details{text-align:center;max-width:720px;margin:48px auto 72px;padding:0 24px;font-size:14px;line-height:1.7}
.menu-details p+p{margin-top:12px}
.menu-details .text-link{font-size:16px;margin-top:20px}
.menus-page footer{border-top:1px solid #632d3e30}
.menus-page footer>a:not(.brand){font-size:14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:761px) and (max-width:1100px){.menu-columns{gap:16px;padding:0 3%}.serving-menu{padding:32px 22px 28px;border-radius:110px 110px 3px 3px}.serving-menu h2{font-size:30px}.menu-heading{min-height:340px}.serving-course h3{font-size:20px}.serving-course{min-height:165px}.menu-ending .button{padding:12px 7px;font-size:12px;gap:8px}}
@media(max-width:760px){.menus-intro{padding:44px 24px 36px}.menus-intro p{font-size:16px;max-width:280px;margin:18px auto 0}.menu-columns{grid-template-columns:1fr;gap:32px;padding:0 7%;max-width:540px}.serving-menu{padding:32px 30px;border-radius:150px 150px 3px 3px}.menu-heading{min-height:0;margin-bottom:40px}.serving-menu h2{font-size:39px}.serving-courses{gap:32px}.serving-course{min-height:0}.serving-course h3{font-size:23px}.menu-ending{margin-top:36px}.menu-details{margin:40px auto 48px}.menus-page .nav-cta{font-size:11px}.menus-page footer{flex-wrap:wrap}}

/* Five smaller courses, with room for the expanded meal. */
.menu-heading{min-height:360px}
.serving-course{min-height:145px}
.serving-courses{gap:28px}

@media(min-width:761px) and (max-width:1100px){.serving-course{min-height:180px}}
@media(max-width:760px){.menu-heading{min-height:0}.serving-course{min-height:0}.serving-courses{gap:34px}}


/* Matching plated-food illustrations, retained at their original aspect ratio. */
.serving-menu .menu-heading img{width:220px;max-width:100%;height:147px;object-fit:contain;mix-blend-mode:multiply;transform:none;margin:0 auto 20px}
.menu-heading{min-height:407px}
@media(max-width:760px){.menu-heading{min-height:0}}

/* Larger type and artwork; keep three columns only where they can breathe. */
.menu-columns{max-width:1600px;padding-inline:3%;gap:24px}
.serving-menu{padding:36px 28px 32px}
.serving-menu .menu-heading img{width:250px;height:167px;margin-bottom:24px}
.menu-heading{min-height:430px}
.serving-menu h2{font-size:clamp(34px,2.8vw,46px)}
.menu-price{font-size:28px}.menu-price span{font-size:15px}
.menu-description,.serving-course h3+p{font-size:16px;line-height:1.6}
.serving-course h3{font-size:25px;line-height:1.3}
.course-label{font-size:17px}.serving-course{min-height:160px}
.serving-courses{gap:24px}.menu-ending>p{font-size:14px}
.menu-ending .button{font-size:16px;min-height:52px}
.menu-details{font-size:16px;max-width:800px}
@media(min-width:1001px) and (max-width:1200px){
.serving-menu{padding-inline:24px}.serving-menu h2{font-size:34px}
.serving-course h3{font-size:23px}.serving-course{min-height:175px}
.menu-heading{min-height:435px}
}
@media(max-width:1000px){
.menu-columns{grid-template-columns:1fr;max-width:650px;padding-inline:6%;gap:40px}
.serving-menu{padding:36px clamp(24px,6vw,48px);border-radius:160px 160px 3px 3px}
.menu-heading{min-height:0;margin-bottom:44px}
.serving-menu h2{font-size:clamp(34px,6vw,46px)}
.serving-course{min-height:0}.serving-courses{gap:36px}
.serving-course h3{font-size:25px}.menu-ending{margin-top:40px}
}