
body { overflow-wrap: break-word; word-wrap: break-word; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
}

:root {
 --terracotta: #AB5332;
 --terracotta-dark: #8E4220;
 --olive: #6B7C4E;
 --gold: #C9A96E;
 --gold-light: #D4B97E;
 --cream: #F5F0EB;
 --sand: #E8DFD5;
 --charcoal: #2C2C2C;
 --dark: #1A1A1A;
 --off-white: #FAFAF8;
 --white: #FFFFFF;
 --font-heading: 'Spectral', Georgia, serif;
 --font-body: 'Inter', -apple-system, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
 font-family: var(--font-body);
 color: var(--charcoal);
 background: var(--off-white);
 line-height: 1.6;
  overflow-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
 font-family: var(--font-heading);
 font-weight: var(--fw-bold);
 line-height: 1.2;
}

em {
}

.pg-mday-hero h1 {
 font-family: var(--font-heading);
 font-size: var(--fs-5rem);
 font-weight: var(--fw-bold);
 line-height: 1.1;
 margin-bottom: 20px;
 letter-spacing: -1px;
 opacity: 0;
 animation: fadeSlideUp 0.35s ease 0.17s forwards;
 color: var(--white);
}

.pg-mday-hero-subtitle {
 font-size: var(--fs-1_3rem);
 font-weight: var(--fw-light);
 margin-bottom: 40px;
 opacity: 0;
 animation: fadeSlideUp 0.35s ease 0.25s forwards;
 color: var(--c-ffffff-a95);
 max-width: 700px;
 margin-left: auto;
 margin-right: auto;
}

.pg-mday-hero-cta {
 display: inline-block;
 background: var(--gold);
 color: var(--dark);
 padding: 14px 40px;
 border-radius:999px;
 font-size: var(--fs-1rem);
 font-weight: var(--fw-semibold);
 text-decoration: none;
 transition: all var(--dur-default) ease;
 border: 2px solid var(--gold);
 opacity: 0;
 animation: fadeSlideUp 0.35s ease 0.35s forwards;
}

@media (hover: hover) and (pointer: fine){.pg-mday-hero-cta:hover {
 background: var(--gold-light);
 transform: translateY(-2px);
 box-shadow: 0 6px 20px var(--c-c9a96e-a30);
}}

.pg-mday-hero-badge {
 position: absolute;
 z-index: 3;
 top: 60px;
 right: 48px;
 background: var(--dark);
 border-radius: var(--r-lg);
 padding: 18px 22px;
 box-shadow: 0 8px 32px var(--c-000000-a20);
 display: flex;
 align-items: center;
 gap: 14px;
 opacity: 0;
 animation: fadeSlideUp 0.35s ease 0.42s forwards;
}

.pg-mday-hero-badge-stars {
 color: var(--gold);
 font-size: var(--fs-18px);
}

.pg-mday-hero-badge-text {
 font-size: var(--fs-small);
 font-weight: var(--fw-bold);
 color: var(--white);
}

.pg-mday-hero-badge-sub {
 font-size: var(--fs-small);
 color: var(--c-ffffff-a60);
}

@keyframes fadeSlideUp {
 from {
 opacity: 0;
 transform: translateY(40px);
 }
 to {
 opacity: 1;
 transform: translateY(0);
 }
}

.pg-reveal.pg-visible {
 opacity: 1;
 transform: translateY(0);
}

.pg-section {
 padding: 100px 48px;
}

.pg-container {
 max-width: 1280px;
 margin: 0 auto;
 padding: 0 48px;
}

.pg-intro-section {
 background: var(--off-white);
 padding: 100px 48px;
}

.pg-intro-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 80px;
 align-items: center;
}

.pg-intro-text p {
 font-size: var(--fs-lead);
 color: var(--fg-muted);
 line-height: 1.6;
 max-width: 34em;
 margin-bottom: 20px;
}

.pg-intro-highlight {
 font-style: normal;
 color: var(--terracotta);
 font-weight: var(--fw-medium);
}

.pg-intro-images {
 position: relative;
 height: 480px;
}

.pg-intro-img {
 position: absolute;
 border-radius: var(--r-lg);
 overflow: hidden;
 box-shadow: 0 16px 48px var(--c-000000-a12);
}

.pg-intro-img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.pg-intro-img-1 {
 width: 280px;
 height: 340px;
 top: 0;
 left: 0;
 transform: rotate(-3deg);
 z-index: 2;
}

.pg-intro-img-2 {
 width: 240px;
 height: 300px;
 top: 60px;
 right: 0;
 transform: rotate(2deg);
 z-index: 1;
}

.pg-menu-section {
 background: var(--cream);
 padding: 100px 48px;
}

.pg-menu-grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 32px;
 margin-top: 48px;
}

.pg-menu-card {
 background: var(--white);
 border-radius: var(--r-lg);
 overflow: hidden;
 box-shadow: 0 4px 12px var(--c-000000-a06);
 transition: all var(--dur-default) ease;
}

.pg-menu-card-img {
 width: 100%;
 aspect-ratio: 16/10;
 overflow: hidden;
 position: relative;
}

.pg-menu-card-img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.6s ease;
}

.pg-menu-card-body {
 padding: 24px;
}

.pg-menu-card-title {
 font-family: var(--font-heading);
 font-size: var(--fs-20px);
 font-weight: var(--fw-semibold);
 color: var(--dark);
 margin-bottom: 8px;
}.pg-menu-card-desc{
 font-size: var(--fs-16px);
 color: var(--fg-muted);
 line-height: 1.6;
 max-width: 34em;
 margin-bottom: 16px;
}

.pg-menu-card-price {
 font-size: var(--fs-16px);
 font-weight: var(--fw-bold);
 color: var(--terracotta);
 background: var(--cream);
 display: inline-block;
 padding: 6px 12px;
 border-radius: 6px;
}

.pg-menu-card-serves {
 display: block;
 margin-top: 8px;
 font-size: var(--fs-small);
 font-weight: var(--fw-semibold);
 color: var(--fg-muted);
 letter-spacing: 0.5px;
}

.pg-cta-band {
 background: var(--dark);
 padding: 60px 48px;
}

.pg-cta-band-inner {
 max-width: 1280px;
 margin: 0 auto;
}

.pg-cta-card {
 display: block;
 background: linear-gradient(135deg, var(--terracotta), var(--terracotta-dark));
 border-radius: var(--r-lg);
 padding: 48px var(--pg-axis-inset);
 text-decoration: none;
 transition: all var(--dur-default) ease;
 max-width: 560px;
}

@media (hover: hover) and (pointer: fine){.pg-cta-card:hover {
 transform: translateY(-6px);
 box-shadow: 0 20px 60px var(--c-ab5332-a35);
}}

.pg-cta-card h3 {
 font-family: var(--font-heading);
 font-size: var(--fs-h3);
 line-height: var(--lh-h3);
 color: var(--white);
 margin-bottom: 8px;
}

.pg-cta-card p {
 font-size: var(--fs-16px);
 color: var(--c-ffffff-a90);
 margin-bottom: 16px;
 line-height: 1.5;
}

.pg-cta-card .pg-promo-highlight {
 color: var(--c-fff3d0);
 font-weight: var(--fw-bold);
}

.pg-cta-card-arrow {
 display: inline-block;
 background: var(--white);
 color: var(--terracotta);
 padding: 12px 28px;
 border-radius: var(--r-md);
 font-weight: var(--fw-bold);
 font-size: var(--fs-15px);
 transition: all 0.3s;
}

@media (hover: hover) and (pointer: fine){.pg-cta-card:hover .pg-cta-card-arrow {
 transform: translateY(-2px);
 box-shadow: 0 8px 24px var(--c-000000-a20);
}}

.pg-cta-card-wrap {
 position: relative;
}

.pg-atmosphere-section {
 background: var(--off-white);
 position: relative;
 overflow: hidden;
 padding: 100px 48px;
}

.pg-atmosphere-inner {
 position: relative;
 z-index: 1;
}

.pg-atmosphere-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 40px;
 margin-top: 48px;
}

.pg-atmosphere-item {
 text-align: left;
}

.pg-atmosphere-item h3 {
 font-family: var(--font-heading);
 font-size: var(--fs-20px);
 font-weight: var(--fw-semibold);
 color: var(--dark);
 margin-bottom: 12px;
}.pg-atmosphere-item p{
 font-size: var(--fs-16px);
 color: var(--fg-muted);
 line-height: 1.6;
}

.pg-reservations-section {
 background: var(--cream);
 padding: 100px 48px;
}

.pg-reservation-box {
 background: linear-gradient(135deg, var(--white) 0%, var(--c-ab5332-a08) 100%);
 border: 2px solid var(--gold);
 padding: 48px;
 border-radius: var(--r-lg);
 text-align: left;
 margin: var(--space-48) 0 0;
 max-width: 600px;
}

.pg-reservation-box h3 {
 font-family: var(--font-heading);
 font-size: var(--fs-24px);
 font-weight: var(--fw-semibold);
 color: var(--dark);
 margin-bottom: 16px;
}

.pg-reservation-box p {
 font-size: var(--fs-16px);
 color: var(--fg-muted);
 margin-bottom: 24px;
 line-height: 1.6;
}

.pg-phone-link {
 display: inline-block;
 font-family: var(--font-heading);
 font-size: var(--fs-24px);
 font-weight: var(--fw-semibold);
 line-height: 1.2;
 color: var(--terracotta);
 text-decoration: none;
 border-bottom: 2px solid var(--terracotta);
 transition: all var(--dur-default) ease;
 padding-bottom: 2px;
}

@media (hover: hover) and (pointer: fine){.pg-phone-link:hover {
 color: var(--dark);
 border-bottom-color: var(--dark);
}}

.pg-walk-ins {
 margin-top: 20px;
 font-size: var(--fs-15px);
 color: var(--fg-muted);
 font-style: normal;
}

.pg-details-text {
 margin-top: 40px;
 font-size: var(--fs-16px);
 color: var(--fg-muted);
 line-height: 1.8;
}

.pg-details-text strong {
 color: var(--dark);
}

.pg-details-text a {
 color: var(--terracotta-dark);
 text-decoration: none;
 border-bottom: 2px solid var(--terracotta-dark);
 transition: all var(--dur-default) ease;
}

@media (hover: hover) and (pointer: fine){.pg-details-text a:hover {
 color: var(--dark);
 border-bottom-color: var(--dark);
}}

.pg-gift-section {
 background: var(--dark);
 color: var(--white);
 padding: 60px 48px;
}

.pg-gift-inner {
 max-width: 1280px;
 margin: 0 auto;
}

.pg-gift-cta {
 display: inline-block;
 background: var(--gold);
 color: var(--dark);
 padding: 14px 36px;
 border-radius:999px;
 font-weight: 600;
 font-size: var(--fs-16px);
 text-decoration: none;
 transition: all 0.3s;
 margin-top: var(--space-24);
}

@media (hover: hover) and (pointer: fine){.pg-gift-cta:hover {
 background: var(--gold-light);
 transform: translateY(-2px);
 box-shadow: 0 8px 24px var(--c-c9a96e-a30);
}}

.pg-faq-section {
 background: var(--cream);
 padding: 100px 48px;
}

.pg-faq-container {
 max-width: none;
}

.pg-static-links {
 background: var(--dark);
 color: var(--white);
 padding: 48px;
 margin: 0;
 text-align: center;
}

.pg-static-links h3 {
 font-family: var(--font-heading);
 font-size: var(--fs-24px);
 margin-bottom: 32px;
 color: var(--gold);
 font-weight: var(--fw-semibold);
}

.pg-static-links-list {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 24px;
 margin-bottom: 32px;
}

.pg-static-links-list a {
 color: var(--cream);
 text-decoration: none;
 font-weight: var(--fw-medium);
 font-size: var(--fs-16px);
 transition: color var(--dur-default) ease;
}

@media (hover: hover) and (pointer: fine){.pg-static-links-list a:hover {
 color: var(--gold);
}}.pg-static-links p{
 font-size: var(--fs-16px);
 color: var(--c-ffffff-a60);
}

@media (max-width: 1024px) {
 .pg-mday-hero h1 {
 font-size: var(--fs-3_5rem);
 }

    .pg-intro-grid {
 grid-template-columns: 1fr;
 gap: 40px;
 }

 .pg-intro-images {
 width: 100%;
 max-width: 552px;
 }

 .pg-section {
 padding: 60px 32px;
 }

  }

@media (max-width: 768px) {
 .pg-mday-hero h1 {
 font-size: var(--fs-2_5rem);
 }

 .pg-intro-grid {
 grid-template-columns: 1fr;
 }

 .pg-intro-images {
 height: 300px;
 }

 .pg-intro-img-1 {
 width: 200px;
 height: 240px;
 }

 .pg-intro-img-2 {
 width: 160px;
 height: 200px;
 }

 .pg-menu-grid {
 grid-template-columns: 1fr;
 }

 .pg-atmosphere-grid {
 grid-template-columns: 1fr;
 }

 .pg-static-links-list {
 grid-template-columns: repeat(2, 1fr);
 }

 .pg-cta-card {
 padding: 32px;
 }

 .pg-mday-hero-badge {
 top: 20px;
 right: 24px;
 padding: 12px 16px;
 font-size: var(--fs-12px);
 }

       .pg-section { padding: 50px 24px; }
  .pg-intro-section { padding: 50px 24px; }
  .pg-menu-section { padding: 50px 24px; }
  .pg-cta-band { padding: 32px 24px; }
  .pg-atmosphere-section { padding: 50px 24px; }
  .pg-reservations-section { padding: 50px 24px; }
  .pg-gift-section { padding: 32px 24px; }
  .pg-faq-section { padding: 50px 24px; }
}

@media (max-width: 480px) {
 .pg-intro-grid {
 gap: 20px;
 }

 .pg-intro-images {
 height: 200px;
 }

 .pg-intro-img-1 {
 width: 140px;
 height: 160px;
 }

 .pg-intro-img-2 {
 width: 110px;
 height: 140px;
 }

 .pg-menu-card {
 border-radius: 12px;
 }

 .pg-menu-card-img {
 aspect-ratio: 16/12;
 }

 .pg-atmosphere-grid {
 grid-template-columns: 1fr;
 gap: 24px;
 }

 .pg-static-links-list {
 grid-template-columns: 1fr;
 gap: 16px;
 }

 .pg-static-links-list a {
 font-size: var(--fs-14px);
 }

 .pg-cta-card {
 padding: 24px;
 }

 .pg-cta-card h3 {
 font-size: var(--fs-22px);
 }.pg-cta-card p{
 font-size: var(--fs-16px);
 }

 .pg-phone-link {
 font-size: var(--fs-18px);
 }

 .pg-reservation-box {
 padding: 24px;
 }

 .pg-section {
 padding: 40px 16px;
 }

 .pg-mday-hero-badge {
 display: none;
 }
}

a:focus-visible { outline: 2px solid var(--terracotta); outline-offset: 2px; }

h1, h2, h3, p { orphans: 2; widows: 2; }

@media print {
 #site-nav, #site-footer { display: none; }
 .pg-faq-section, .pg-menu-section { break-inside: avoid; }
 body { font-size: var(--fs-12pt); color: var(--c-000000); background: var(--c-ffffff); }
}

.pg-section-title {
 font-family: var(--font-heading);
 font-size: var(--fs-fluid-62);
 font-weight: var(--fw-bold);
 line-height: 1.1;
 letter-spacing: -0.3px;
 color: var(--charcoal);
 margin-bottom: var(--space-16);
}
.pg-section-desc {
 font-size: var(--fs-18px);
 line-height: 1.6;
 color: var(--fg-muted);
 max-width: 34em;
}
.pg-gift-section .pg-section-desc { color: inherit; }

.pg-intro-section, .pg-menu-section, .pg-cta-band, .pg-atmosphere-section,
.pg-reservations-section, .pg-gift-section, .pg-faq-section { padding-left: 0; padding-right: 0; }
.pg-container, .pg-cta-band-inner, .pg-gift-inner { max-width: none; margin: 0; padding: 0 var(--pg-axis-inset); }

.pg-section-title { text-wrap: balance; }
main h3, .pg-static-links h3 { text-wrap: balance; }
main p { text-wrap: pretty; }

.pg-mday-hero a:focus-visible, .pg-static-links a:focus-visible, .pg-cta-band a:focus-visible, .pg-gift-section a:focus-visible { outline: 2px solid var(--white); outline-offset: 3px; }

.pg-gift-section .pg-section-title{color:inherit}
