/* Refinements measured against design-reference/approved-concept.png.
   The base preview stylesheet owns components and functional responsive states. */
:root { --gold: #cda652; --gold-dark: #89642c; --line: #cbb78f; }
.brand-seal { width: 76px; }
.brand-wordmark strong { color: #f0dfb6; font-size: 29px; text-transform: uppercase; font-variant: normal; letter-spacing: .025em; }
.hero { min-height: 665px; border-bottom-width: 1px; }
.hero-content { padding-block: 18px 24px; }
.hero-seal { width: 222px; margin-bottom: 4px; }
.hero-brand span { font-size: 29px; letter-spacing: .045em; }
.hero h1 { margin-top: 8px; font-size: clamp(51px, 5.5vw, 76px); }
.hero .flourish { margin-block: 15px; width: 290px; }
.hero-copy { max-width: 650px; color: #f8eedb; font-size: 15px; line-height: 1.65; }
.hero-actions { gap: 22px; margin-top: 22px; }
.btn-gold { background: linear-gradient(125deg, #e1c477, #c7a24e); }
.drop-note { margin-top: 15px; }
.fresh { padding-block: 35px 28px; }
.fresh .shell { width: min(1400px, calc(100% - 60px)); }
.botanical { opacity: .34; }
.botanical-left { left: -80px; top: -30px; }
.botanical-right { right: -70px; top: -20px; }
.section-title { margin-bottom: 23px; }
.section-title .eyebrow { margin-bottom: 6px; }
.section-title .flourish { margin-block: 12px 0; width: 300px; }
.market-grid { gap: 22px; }
.market-photo { aspect-ratio: 1.7; }
.market-copy { padding-top: 13px; }
.market-copy h3 { margin-bottom: 12px; }
.market-footnote { padding-top: 12px; margin-top: 24px; }
.story { grid-template-columns: 1.1fr .9fr; }
.story-photo { min-height: 470px; }
.story-inner { max-width: 700px; padding: 37px clamp(32px, 3.3vw, 55px); }
.story-inner .eyebrow { margin-bottom: 12px; }
.story h2 { font-weight: 500; font-size: clamp(39px, 4.2vw, 58px); line-height: 1.02; }
.story-lead { font: 400 14px/1.75 var(--sans); color: #493c2b; margin-bottom: 12px; }
.story-inner > p:not(.eyebrow):not(.story-lead) { margin-block: 12px; font-size: 13px; line-height: 1.75; }
.story-botanical { opacity: .25; }
.outline-link { padding: 10px 17px; margin-top: 8px; border: 1px solid #a88c55; }
.values { background: radial-gradient(ellipse at 50% 0, #56613c55, transparent 70%), url("paper-grain.07472d4af025.svg"), #27351d; padding-block: 34px 38px; }
.values-title { margin-bottom: 27px; }
.values-grid p { font-size: 12px; line-height: 1.65; color: #efe5d0; }
.value-icon { stroke: #d7b15e; }
.visit { padding-block: 34px 38px; }
.visit h2 { font: 600 16px/1.4 var(--sans); text-transform: uppercase; letter-spacing: .26em; }
.visit-copy { margin-top: 9px; font-size: 13px; line-height: 1.7; }
.visit-facts { margin-block: 17px; }
.visit-facts > div { padding: 12px 16px; }
.visit-facts strong { font-size: 20px; }
.visit-sketch { opacity: .26; }
.visit-berries { opacity: .3; }
.visit .btn-dark { background: transparent; color: var(--brown); border-color: #9e804b; }
.visit .btn-dark:hover { background: #d7bf8a55; }
@media (min-width: 1700px) {
  .hero { min-height: 700px; }
  .hero-content { padding-block: 22px 28px; }
  .story-inner { padding-block: 45px; }
}
@media (max-width: 1100px) {
  .brand-wordmark strong { font-size: 25px; }
  .brand-seal { width: 65px; }
  .story-inner { padding-inline: 30px; }
}
@media (max-width: 1000px) {
  .market-grid { gap: 30px 24px; }
  .market-photo { aspect-ratio: 1.5; }
}
@media (max-width: 900px) {
  .brand-seal { width: 55px; }
  .hero { min-height: 640px; }
  .hero-seal { width: 205px; }
  .hero h1 { font-size: 62px; }
}
@media (max-width: 740px) {
  .story { grid-template-columns: 1fr; }
  .story-photo { min-height: 400px; }
  .story-inner { max-width: none; padding: 36px 32px 40px; }
  .story h2 { font-size: 48px; }
}
@media (max-width: 640px) {
  .brand-seal { width: 50px; }
  .brand-wordmark strong { font-size: 22px; }
  .hero-content { padding-block: 24px 26px; }
  .hero-seal { width: 186px; }
  .hero-brand span { font-size: 26px; }
  .hero h1 { font-size: clamp(37px, 10.4vw, 60px); }
  .hero .flourish { width: 218px; }
  .hero-copy { max-width: 335px; font-size: 12px; }
  .hero-actions { gap: 9px; margin-top: 20px; }
  .fresh { padding-block: 30px 25px; }
  .fresh .shell { width: calc(100% - 36px); }
  .section-title { margin-bottom: 21px; }
  .section-title .flourish { width: 235px; }
  .market-grid { gap: 28px 14px; }
  .market-photo { aspect-ratio: 1.03; }
  .botanical-left { left: -115px; }
  .botanical-right { right: -113px; }
  .story-photo { min-height: 350px; }
  .story-inner { padding-inline: 25px; }
  .story h2 { font-size: 45px; }
  .story-lead { font-size: 14px; }
  .values { padding-block: 34px; }
  .values-title h2 { max-width: 290px; margin: auto; font-size: 31px; text-wrap: balance; }
  .values-grid p { font-size: 11px; }
  .visit { padding-block: 30px 35px; }
  .visit h2 { font-size: 15px; }
  .visit-copy { font-size: 11px; }
  .visit-facts > div { padding: 14px 8px; }
  .visit-facts strong { font-size: 20px; }
  .visit-sketch, .visit-berries { opacity: .16; }
  .footer-brand .brand-wordmark strong { font-size: 21px; }
}
@media (max-width: 360px) {
  .brand-seal { width: 39px; }
  .brand-wordmark strong { font-size: 19px; }
}