:root {
 --terracotta: #AB5332;
 --terracotta-dark: #8E4220;
 --olive: #6B7C4E;
 --gold: #C9A96E;
 --gold-light: #D4B97E;
 --cream: #F5F0EB;
 --sand: #E8DFD5;
 --charcoal: #2C2C2C;
 --dark: #1A1A1A;
 --off-white: #FAFAF8;
}

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

html, body {
 font-family: var(--ff-inter);
 color: var(--charcoal);
 background: var(--c-white);
  overflow-wrap: break-word;
}

a {
 color: var(--terracotta);
 text-decoration: none;
 transition: color var(--dur-default) ease;
}

@media (hover: hover) and (pointer: fine){a:hover {
 color: var(--terracotta-dark);
}}

.pg-blog-hero-inner h1 {
 font-family: var(--ff-spectral);
 font-size: var(--fs-3_5rem);
 font-weight: var(--fw-bold);
 line-height: 1.2;
 max-width: 900px;
 animation: fadeSlideUp 0.8s ease-out;
}

.pg-blog-hero-inner p {
 font-size: var(--fs-1_1rem);
 margin-top: 16px;
 color: var(--c-ffffff-a92);
 max-width: 700px;
 line-height: 1.6;
 animation: fadeSlideUp 0.8s ease-out 0.2s backwards;
}

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

.pg-blog-container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 24px;
}

.pg-featured-article {
 margin: 80px 0;
 border-radius: var(--r-md);
 overflow: hidden;
 background: var(--c-white);
 border: 1px solid var(--sand);
 transition: all var(--dur-default) ease;
 opacity: 0;
 animation: fadeSlideUp 0.8s ease 0.3s forwards;
}

@media (hover: hover) and (pointer: fine){.pg-featured-article:hover {
 box-shadow: 0 12px 48px var(--c-ab5332-a12);
 border-color: var(--gold);
}}

.pg-featured-article-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0;
 min-height: 380px;
}

.pg-featured-article-image {
 position: relative;
 overflow: hidden;
 background: linear-gradient(135deg, var(--gold) 0%, var(--terracotta) 100%);
}

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

@media (hover: hover) and (pointer: fine){.pg-featured-article:hover .pg-featured-article-image img {
 transform: scale(1.05);
}}

.pg-featured-article-content {
 padding: 48px 40px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 background: var(--c-white);
}

.pg-featured-article-title {
 font-family: var(--ff-spectral);
 font-size: var(--fs-2_2rem);
 font-weight: var(--fw-bold);
 color: var(--dark);
 margin-bottom: 12px;
 line-height: 1.3;
}

.pg-featured-article-excerpt {
 color: var(--fg-muted);
 font-size: var(--fs-1_05rem);
 line-height: 1.7;
 margin-bottom: 24px;
 flex-grow: 1;
}

.pg-featured-article-cta {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 color: var(--terracotta);
 font-weight: var(--fw-semibold);
 transition: all var(--dur-default) ease;
 width: fit-content;
}

@media (hover: hover) and (pointer: fine){.pg-featured-article-cta:hover {
 gap: 12px;
 color: var(--terracotta-dark);
}}

.pg-featured-article-cta svg {
 width: 16px;
 height: 16px;
 stroke: currentColor;
 stroke-width: 2;
}

.pg-articles-section {
 margin: 80px 0;
 opacity: 0;
 animation: fadeSlideUp 0.8s ease 0.4s forwards;
}

.pg-section-title {
 font-family: var(--ff-spectral);
 font-size: var(--fs-2rem);
 font-weight: var(--fw-bold);
 color: var(--dark);
 margin-bottom: 32px;
 line-height: 1.3;
}

.pg-article-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 gap: 32px;
 margin-bottom: 80px;
}

.pg-article-card {
 background: var(--c-white);
 border: 1px solid var(--sand);
 border-radius: var(--r-md);
 overflow: hidden;
 transition: all var(--dur-default) ease;
 display: flex;
 flex-direction: column;
 height: 100%;
}

@media (hover: hover) and (pointer: fine){.pg-article-card:hover {
 border-color: var(--gold);
 box-shadow: 0 8px 32px var(--c-ab5332-a10);
}}

.pg-article-card-image {
 width: 100%;
 height: 200px;
 background: linear-gradient(135deg, var(--gold) 0%, var(--terracotta) 100%);
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 overflow: hidden;
}

.pg-article-card-image picture {
 display: block; width: 100%; height: 100%;
}
.pg-article-card-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.6s ease;
}

@media (hover: hover) and (pointer: fine){.pg-article-card:hover .pg-article-card-image img {
 transform: scale(1.08);
}}

.pg-article-card-content {
 padding: 28px;
 flex-grow: 1;
 display: flex;
 flex-direction: column;
}

.pg-article-card-title {
 font-family: var(--ff-spectral);
 font-size: var(--fs-1_3rem);
 font-weight: var(--fw-bold);
 color: var(--dark);
 margin-bottom: 12px;
 line-height: 1.4;
}

.pg-article-card-excerpt {
 color: var(--fg-muted);
 font-size: var(--fs-0_95rem);
 line-height: 1.6;
 flex-grow: 1;
 margin-bottom: 16px;
}

.pg-article-card-link {
 color: var(--terracotta);
 font-weight: var(--fw-semibold);
 font-size: var(--fs-0_95rem);
 transition: all var(--dur-default) ease;
 display: inline-flex;
 align-items: center;
 gap: 6px;
 min-height: 24px;
 padding: 4px 0;
 width: fit-content;
}

@media (hover: hover) and (pointer: fine){.pg-article-card-link:hover {
 gap: 10px;
 color: var(--terracotta-dark);
}}

.pg-article-card-link svg {
 width: 14px;
 height: 14px;
 stroke: currentColor;
 stroke-width: 2;
}

.pg-newsletter-section {
 background: linear-gradient(135deg, var(--terracotta) 0%, var(--terracotta-dark) 100%);
 color: var(--c-white);
 padding: 80px 24px;
 margin: 80px 0 0 0;
 position: relative;
 overflow: hidden;
 opacity: 0;
 animation: fadeSlideUp 0.8s ease 0.5s forwards;
}

.pg-newsletter-section::before {
 content: '';
 position: absolute;
 top: -40%;
 right: -10%;
 width: 400px;
 height: 400px;
 background: radial-gradient(circle, var(--c-c9a96e-a08) 0%, transparent 70%);
 border-radius: 50%;
 z-index: 0;
}

.pg-newsletter-inner {
 max-width: 700px;
 margin: 0 auto;
 position: relative;
 z-index: 1;
 text-align: center;
}

.pg-newsletter-inner h2 {
 font-family: var(--ff-spectral);
 font-size: var(--fs-2_2rem);
 font-weight: var(--fw-bold);
 margin-bottom: 16px;
 line-height: 1.3;
}

.pg-newsletter-inner p {
 font-size: var(--fs-1_05rem);
 line-height: 1.8;
 color: var(--c-ffffff-a85);
 margin-bottom: 32px;
}

.pg-newsletter-cta {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 background: var(--gold);
 color: var(--dark);
 padding: 16px 40px;
 border-radius: 6px;
 font-weight: var(--fw-bold);
 text-decoration: none;
 transition: all var(--dur-default) ease;
}

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

.pg-newsletter-cta svg {
 width: 16px;
 height: 16px;
 stroke: currentColor;
 stroke-width: 2;
}

.pg-static-links {
 background: var(--cream);
 padding: 64px 24px;
 text-align: center;
 border-top: 1px solid var(--sand);
}

.pg-static-links h2 {
 font-family: var(--ff-spectral);
 font-size: var(--fs-1_8rem);
 font-weight: var(--fw-bold);
 line-height: 1.3;
 color: var(--dark);
 margin-bottom: 40px;
}

.pg-link-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
 gap: 16px;
 max-width: 900px;
 margin: 0 auto;
}

.pg-link-grid a {
 padding: 16px 20px;
 background: var(--c-white);
 border: 1px solid var(--sand);
 border-radius: 6px;
 font-weight: var(--fw-medium);
 color: var(--terracotta);
 transition: all var(--dur-default) ease;
}

@media (hover: hover) and (pointer: fine){.pg-link-grid a:hover {
 background: var(--terracotta);
 color: var(--c-white);
 border-color: var(--terracotta);
}}


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

@media (max-width: 1024px) {
 .pg-blog-hero-inner h1 {
 font-size: var(--fs-2_8rem);
 }

 .pg-featured-article-grid {
 grid-template-columns: 1fr;
 min-height: auto;
 }

 .pg-featured-article-image {
 min-height: 300px;
 }

 .pg-featured-article-content {
 padding: 40px 32px;
 }

 .pg-article-grid {
 grid-template-columns: repeat(2, 1fr);
 gap: 24px;
 }

 .pg-newsletter-section {
 padding: 60px 24px;
 }

 .pg-newsletter-inner h2 {
 font-size: var(--fs-1_8rem);
 }
}

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

 .pg-blog-hero-inner p {
 font-size: var(--fs-1rem);
 }

 .pg-blog-container {
 padding: 0 16px;
 }

 .pg-featured-article {
 margin: 60px 0;
 }

 .pg-featured-article-content {
 padding: 32px 24px;
 }

 .pg-featured-article-title {
 font-size: var(--fs-1_8rem);
 }

 .pg-featured-article-excerpt {
 font-size: var(--fs-0_95rem);
 }

 .pg-articles-section {
 margin: 60px 0;
 }

 .pg-article-grid {
 grid-template-columns: 1fr;
 gap: 20px;
 }

 .pg-newsletter-section {
 padding: 48px 20px;
 }

 .pg-newsletter-inner h2 {
 font-size: var(--fs-1_6rem);
 }

 .pg-newsletter-inner p {
 font-size: var(--fs-0_95rem);
 }

 .pg-static-links {
 padding: 48px 20px;
 }

 .pg-static-links h2 {
 font-size: var(--fs-1_5rem);
 margin-bottom: 28px;
 }

 .pg-link-grid {
 grid-template-columns: repeat(2, 1fr);
 gap: 12px;
 }
 .pg-link-block-grid { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 480px) {
 .pg-blog-hero-inner h1 {
 font-size: var(--fs-1_6rem);
 }

 .pg-blog-hero-inner p {
 font-size: var(--fs-0_95rem);
 }

 .pg-featured-article {
 margin: 40px 0;
 }

 .pg-featured-article-content {
 padding: 24px 16px;
 }

 .pg-featured-article-title {
 font-size: var(--fs-1_4rem);
 }

 .pg-featured-article-excerpt {
 font-size: var(--fs-0_9rem);
 }

 .pg-article-grid {
 gap: 16px;
 }

 .pg-article-card-image {
 height: 160px;
 }

 .pg-article-card-content {
 padding: 20px;
 }

 .pg-article-card-title {
 font-size: var(--fs-1_1rem);
 }

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

 .pg-newsletter-inner h2 {
 font-size: var(--fs-1_4rem);
 }

 .pg-newsletter-inner p {
 font-size: var(--fs-0_9rem);
 margin-bottom: 24px;
 }

 .pg-static-links {
 padding: 40px 16px;
 }

 .pg-static-links h2 {
 font-size: var(--fs-1_3rem);
 margin-bottom: 20px;
 }

 .pg-link-grid {
 grid-template-columns: 1fr;
 gap: 10px;
 }

 .pg-link-grid a {
 padding: 12px 16px;
 font-size: var(--fs-0_95rem);
 }
}

.pg-link-block { max-width: 900px; margin: 0 auto; padding: 40px 24px; }
.pg-link-block h3 { font-family: var(--ff-spectral); font-size: var(--fs-1_4rem); text-align: center; color: var(--charcoal); margin-bottom: 24px; }
.pg-link-block-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.pg-link-block-col h4 { font-family: var(--ff-inter); font-size: var(--fs-0_85rem); font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: 1px; color: var(--terracotta); margin-bottom: 12px; }
.pg-link-block-col a { display: block; font-size: var(--fs-0_95rem); color: var(--charcoal); text-decoration: none; padding: 4px 0; transition: color 0.2s; }
@media (hover: hover) and (pointer: fine){.pg-link-block-col a:hover { color: var(--terracotta); }}

h1, h2, h3, .pg-food-hero-sub, .pg-cta-text, 
p { orphans: 2; widows: 2; }

@media print {
 .pg-food-hero, .pg-trust-strip, .pg-link-block, .pg-related-section, #site-nav, #site-footer, .pg-cta-strip, .pg-btn-order-primary, .pg-btn-order-secondary { display: none; }
 .pg-food-story, .pg-faq-section, .pg-menu-section { break-inside: avoid; }
 body { font-size: var(--fs-12pt); color: var(--c-000000); background: var(--c-ffffff); }
}

.pg-breadcrumb { max-width: 900px; margin: 0 auto; padding: 12px 24px; font-size: var(--fs-0_85rem); color: var(--c-666666); }
.pg-breadcrumb a { color: var(--terracotta); text-decoration: none; }
@media (hover: hover) and (pointer: fine){.pg-breadcrumb a:hover { text-decoration: underline; }}
.pg-breadcrumb .pg-sep { margin: 0 8px; color: var(--c-cccccc); }
.pg-breadcrumb .pg-current { color: var(--charcoal); }
a:focus-visible { outline: 2px solid var(--terracotta); outline-offset: 2px; }
.pg-btn-order-primary:focus-visible { outline: 2px solid var(--c-ffffff); outline-offset: 2px; }
.pg-btn-order-secondary:focus-visible { outline: 2px solid var(--terracotta); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .pg-reveal { opacity: 1; transform: none; transition: none; }
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}