/* The original black-and-gold brand artwork anchors the storefront. */
html { scroll-padding-top: 136px; }
.site-header {
  height: 124px;
  background: #040403;
  color: #f5eddb;
  border-bottom: 1px solid #a98a4659;
  gap: 24px;
}
.brand-logo { width: 232px; }
.brand-logo img { display: block; width: 100%; height: auto; object-fit: contain; }
.desktop-nav a { white-space: nowrap; }
.desktop-nav a::after { background: #d5b568; }
.site-header .icon-button:hover { background: #d4b46b1a; }
.site-header .saved-count { background: #d5b568; color: #17130b; }
.site-footer { background: #040403; color: #eee5d1; }
.footer-main { grid-template-columns: minmax(250px, 1.4fr) 1fr 1.1fr 1fr; }
.footer-brand .brand-logo { width: min(270px, 100%); }
.footer-brand p { color: #d7bc7e; }
.footer-brand > span, .footer-bottom { color: #b9b2a4; }
.footer-main h3 { color: #d5b568; }
.footer-main > div:not(:first-child) > a, .footer-button { color: #d8d2c7; }
.footer-bottom { border-color: #b59a5538; }
@media (max-width: 1100px) {
  .site-header { height: 110px; }
  .site-header .brand-logo { width: 202px; }
  .footer-main { grid-template-columns: minmax(220px, 1.2fr) 1fr 1.1fr 1fr; }
}
@media (max-width: 900px) {
  html { scroll-padding-top: 112px; }
  .site-header { height: 102px; }
  .site-header .brand-logo { width: 190px; }
  .footer-main { grid-template-columns: 1.2fr 1fr; }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 100px; }
  .site-header { height: 90px; padding-left: 4%; padding-right: 4%; gap: 8px; }
  .site-header .brand-logo { width: min(170px, calc(100vw - 160px)); }
  .header-actions { flex-shrink: 0; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-brand .brand-logo { width: 250px; }
}

/* Compact supplied logo: preserve its full artwork within the sticky header. */
.site-header, .site-footer { background: #000; }
.site-header .brand-logo { width: 155px; }
.site-header .brand-logo img { max-height: 105px; object-fit: contain; }
.announcement { background: #17130e; color: #ead8ae; }
.hero em, .eyebrow.light { color: #d5b568; }
.button.dark { background: #17130e; color: #f4e4bf; border-color: #a17d37; }
.button.dark:hover { background: #49391e; }
.button.ivory { background: #d5b568; color: #17130e; border-color: #d5b568; }
.button.ivory:hover { background: #e6ce93; }
@media (max-width:1100px) { .site-header .brand-logo { width: 135px; } .site-header .brand-logo img { max-height: 92px; } }
@media (max-width:900px) { .site-header .brand-logo { width: 125px; } .site-header .brand-logo img { max-height: 84px; } }
@media (max-width:600px) { .site-header .brand-logo { width: min(108px, calc(100vw - 160px)); } .site-header .brand-logo img { max-height: 74px; } }