/* Only genuinely global rules belong here; component breakpoints stay with components. */
main { min-width: 0; }
h1,h2,h3,p,a,dd { overflow-wrap: anywhere; }
.breadcrumbs ol { flex-wrap: wrap; }
.button { line-height: 1.35; text-align: center; }
:where(.content-grid,.collection-empty,.contact-form-grid,.interior-hero-grid) > * { min-width: 0; }
.eyebrow { color: #866334; }
:is(.section-dark,.section-wine,.interior-hero) .eyebrow { color: var(--color-brass-soft); }
.breadcrumbs ol { color: #b9afa4; }
@media (max-width: 47.99rem) { :root { --space-8: 4rem; } .interior-hero h1 { font-size: clamp(2.6rem,11vw,4rem); } .interior-hero-art { margin-inline: auto; } .button-row { align-items: stretch; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }