.demo-sunday { --sunday-cream: #f8f5ec; --sunday-ink: #853e32; --sunday-red: #a83226; --sunday-muted: #776c5d; background: var(--sunday-cream); color: var(--sunday-ink); }
.sunday-header { max-width: 1440px; margin-inline: auto; min-height: 105px; padding: 20px clamp(24px, 4.5vw, 72px); display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.sunday-wordmark { font-family: Georgia, serif; font-size: 33px; letter-spacing: -.07em; font-weight: 650; text-decoration: none; white-space: nowrap; }
.sunday-wordmark span { color: var(--sunday-red); }
.sunday-header nav { display: flex; align-items: center; gap: 38px; font-size: 12px; font-weight: 650; }
.sunday-header nav a { min-height: 44px; display: inline-flex; align-items: center; gap: 28px; text-decoration: none; }
.sunday-header nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
.sunday-nav-visit { padding: 0 17px; border: 1px solid #a8322655; border-radius: 3px; }
.sunday-hero { display: grid; grid-template-columns: .9fr 1.1fr; max-width: 1440px; margin-inline: auto; }
.sunday-hero-copy { padding: clamp(40px, 6vw, 90px) 28px clamp(45px, 6vw, 90px) clamp(24px, 4.5vw, 72px); align-self: center; }
.sunday-kicker { font-size: 10px; font-weight: 650; letter-spacing: .17em; margin-bottom: 32px; }
.sunday-hero h1 { font-family: Georgia, serif; font-size: clamp(40px, 4.65vw, 67px); font-weight: 400; line-height: 1.08; letter-spacing: -.057em; }
.sunday-hero h1 em { font-weight: 400; }
.sunday-hero-description { font-size: 15px; line-height: 1.8; max-width: 310px; margin-top: 28px; color: #786253; }
.sunday-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; background: var(--sunday-red); color: #fffaf0; border: 1px solid var(--sunday-red); border-radius: 3px; min-height: 54px; padding: 16px 21px; font-size: 12px; font-weight: 650; text-decoration: none; transition: background .18s, transform .18s; }
.sunday-button:hover { background: #87261b; transform: translateY(-2px); }
.sunday-hero .sunday-button { margin-top: 31px; }
.sunday-hero-photo { min-height: 530px; }
.sunday-hero-photo img { height: 100%; width: 100%; object-fit: cover; object-position: center; }
.sunday-welcome { display: flex; justify-content: space-between; align-items: center; gap: 32px; max-width: 1440px; margin-inline: auto; padding: 32px clamp(24px, 4.5vw, 72px); border-bottom: 1px solid #853e3229; }
.sunday-welcome p { font-family: Georgia, serif; font-size: 19px; letter-spacing: -.015em; }
.sunday-welcome p span { margin-left: 7px; color: #786253; }
.sunday-welcome a { display: flex; gap: 24px; align-items: center; min-height: 44px; font-size: 11px; font-weight: 650; text-decoration: none; }
.sunday-welcome a:hover { text-decoration: underline; text-underline-offset: 4px; }
.sunday-container { max-width: 1220px; margin-inline: auto; padding-inline: clamp(24px, 5vw, 72px); }
.sunday-menu { padding-block: 94px 88px; }
.sunday-menu h2, .sunday-story h2, .sunday-visit h2 { font-family: Georgia, serif; font-size: clamp(38px, 3.9vw, 56px); font-weight: 400; letter-spacing: -.05em; line-height: 1.12; }
.sunday-menu-tabs { display: flex; align-items: center; gap: 12px; margin-top: 39px; border-bottom: 1px solid #853e3233; }
.sunday-menu-tabs button { position: relative; padding: 14px 20px 19px; margin-bottom: -1px; background: none; color: #756653; font-size: 13px; line-height: 1.3; font-weight: 600; border: 0; border-bottom: 2px solid transparent; min-height: 49px; }
.sunday-menu-tabs button:first-child { padding-left: 0; }
.sunday-menu-tabs button[aria-selected="true"] { color: var(--sunday-red); border-bottom-color: var(--sunday-red); }
.sunday-menu-tabs button:hover { color: var(--sunday-red); }
.sunday-menu-note { margin-top: 24px; color: #786253; font-size: 12px; line-height: 1.6; }
.sunday-menu-items { display: grid; grid-template-columns: 1fr 1fr; gap: 33px 64px; margin: 32px 0 0; min-height: 154px; }
.sunday-menu-item dt { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; font-family: Georgia, serif; font-size: 21px; letter-spacing: -.025em; line-height: 1.35; }
.sunday-menu-item dd { max-width: 310px; margin: 8px 0 0; font-size: 12px; line-height: 1.75; color: #786253; }
.sunday-price { flex-shrink: 0; font-family: "Manrope Variable", sans-serif; font-size: 12px; font-weight: 650; color: var(--sunday-red); }
.sunday-menu-footnote { margin-top: 34px; color: #786253; font-size: 10px; line-height: 1.7; }
.sunday-menu-noscript { margin-top: 20px; color: #786253; font-size: 13px; }
.sunday-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.sunday-story { background: var(--sunday-red); color: #fff6e5; padding: 88px clamp(24px, 5vw, 72px); }
.sunday-story-inner { max-width: 1076px; margin-inline: auto; display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: center; }
.sunday-story h2 { font-size: clamp(39px, 4.1vw, 59px); }
.sunday-story p { max-width: 420px; font-size: 15px; line-height: 1.85; color: #ffe7d4; }
.sunday-story p + p { margin-top: 18px; }
.sunday-visit { padding-block: 95px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; }
.sunday-visit-heading > p { margin-top: 24px; font-size: 14px; line-height: 1.8; max-width: 300px; color: #786253; }
.sunday-visit .sunday-button { margin-top: 29px; }
.sunday-hours { border: 1px solid #853e3240; border-radius: 3px; padding: 36px; }
.sunday-hours h3 { font-family: Georgia, serif; font-weight: 400; font-size: 24px; line-height: 1.3; letter-spacing: -.025em; max-width: 250px; }
.sunday-hours dl { margin: 25px 0; display: grid; gap: 16px; }
.sunday-hours dl div { display: flex; justify-content: space-between; gap: 24px; font-size: 12px; line-height: 1.5; }
.sunday-hours dd { margin: 0; flex-shrink: 0; }
.sunday-hours > p { padding-top: 23px; border-top: 1px solid #853e3233; font-size: 10px; line-height: 1.8; color: #786253; }
.sunday-footer { max-width: 1440px; margin-inline: auto; border-top: 1px solid #853e3229; padding: 34px clamp(24px, 4.5vw, 72px); display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.sunday-footer-brand { font-family: Georgia, serif; font-size: 31px; font-weight: 600; letter-spacing: -.065em; text-decoration: none; }
.sunday-footer p { font-size: 10px; line-height: 1.9; color: #786253; text-align: right; }
.sunday-footer p a { text-underline-offset: 3px; }
@media (max-width: 1023px) {
  .sunday-header { min-height: 90px; }
  .sunday-header nav { gap: 23px; }
  .sunday-wordmark { font-size: 30px; }
  .sunday-hero-photo { min-height: 480px; }
  .sunday-hero h1 { font-size: 45px; }
  .sunday-welcome p { font-size: 16px; }
  .sunday-welcome p span { display: block; margin: 5px 0 0; }
  .sunday-menu-items { gap: 34px; }
  .sunday-menu-item dt { font-size: 19px; gap: 18px; }
  .sunday-story-inner { gap: 45px; }
  .sunday-visit { gap: 45px; }
  .sunday-hours { padding: 26px; }
}
@media (max-width: 767px) {
  .sunday-header { min-height: 81px; padding: 13px 21px; gap: 20px; }
  .sunday-wordmark { font-size: 26px; }
  .sunday-header nav { font-size: 11px; gap: 17px; }
  .sunday-header nav .sunday-story-nav { display: none; }
  .sunday-header nav a { gap: 8px; }
  .sunday-nav-visit { border: 0; padding: 0; }
  .sunday-hero { grid-template-columns: 1fr; }
  .sunday-hero-copy { padding: 38px 24px 39px; }
  .sunday-kicker { font-size: 9px; margin-bottom: 23px; }
  .sunday-hero h1 { font-size: clamp(44px, 10.6vw, 65px); letter-spacing: -.065em; line-height: 1.12; }
  .sunday-hero-description { margin-top: 20px; font-size: 14px; max-width: 290px; }
  .sunday-hero .sunday-button { margin-top: 25px; }
  .sunday-hero-photo { height: 315px; min-height: 0; }
  .sunday-hero-photo img { object-position: center 48%; }
  .sunday-welcome { padding: 24px; gap: 16px; }
  .sunday-welcome p { font-size: 17px; max-width: 230px; line-height: 1.35; }
  .sunday-welcome p span { margin-top: 4px; font-size: 13px; }
  .sunday-welcome a { font-size: 0; gap: 0; }
  .sunday-welcome a span { font-size: 23px; padding: 10px; }
  .sunday-menu { padding-block: 59px; }
  .sunday-menu-tabs { gap: 7px; margin-top: 29px; }
  .sunday-menu-tabs button { padding: 14px 10px 17px; font-size: 12px; }
  .sunday-menu-items { grid-template-columns: 1fr; gap: 26px; margin-top: 26px; }
  .sunday-menu-item dt { font-size: 20px; }
  .sunday-menu-item dd { max-width: 275px; font-size: 12px; }
  .sunday-menu-footnote { max-width: 265px; margin-top: 28px; }
  .sunday-story { padding-block: 59px; }
  .sunday-story-inner { grid-template-columns: 1fr; gap: 28px; }
  .sunday-story p { font-size: 14px; }
  .sunday-visit { padding-block: 61px; grid-template-columns: 1fr; gap: 40px; }
  .sunday-hours { padding: 28px; }
  .sunday-hours h3 { max-width: none; }
  .sunday-footer { padding-block: 29px; flex-direction: column; align-items: flex-start; gap: 18px; }
  .sunday-footer p { text-align: left; }
}