/* ============================================================
   seattle-pages.css — Marketing pages Seattle visual language
   Brand colors preserved. Layout / type / motion only.
   ============================================================ */

/* Cream page headers — exclude mm-page-header (keeps dark photo hero) */
.au-page-header,
.br-page-header,
.gal-page-header,
.csr-page-header,
.pr-page-header,
.sc-page-header,
.bh-page-header {
  background: #f8f7f2 !important;
}

/* Restore dark KohRush landing hero */
.mm-page-header {
  background: #111 !important;
}
.mm-page-header__title {
  color: #fff !important;
  letter-spacing: 0.04em !important;
}
.mm-page-header__title em,
.mm-page-header__title .brand-kohrush {
  font-style: normal !important;
}
.mm-page-header__title .brand-kohrush__koh {
  color: #0d542b !important;
}
.mm-page-header__title .brand-kohrush__rush {
  color: #5d4037 !important;
}
.mm-page-header__sub {
  color: rgba(255, 255, 255, 0.75) !important;
}
/* Dark hero eyebrow only — minimalist white text */
.mm-page-header .mm-eyebrow {
  color: #fff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  margin-bottom: 20px !important;
}
.mm-page-header .mm-eyebrow-dot {
  display: none !important;
}
.mm-brand-section .mm-eyebrow,
.mm-featured .mm-eyebrow,
.mm-cta .mm-eyebrow,
.mm-eyebrow--green,
.mm-eyebrow--yellow {
  color: #111111 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.mm-brand-tab__name,
.mm-brand-tab__desc,
.mm-stat__num,
.mm-stat__label {
  color: inherit;
}
.mm-stat__num {
  color: #eab308 !important;
}
.mm-stat__label {
  color: rgba(255, 255, 255, 0.7) !important;
}

.mm-page-header__title,
.au-page-header__title,
.br-page-header__title,
.gal-page-header__title,
.csr-page-header__title,
.pr-page-header__title,
.sc-page-header__title,
.bh-page-header__title,
.au-values__title,
.au-pillars__title,
.br-section__title,
.gal-section__title,
.csr-section__title,
.pr-section__title,
h1[class*="__title"],
h2[class*="__title"] {
  font-family: 'Oswald', 'DM Sans', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-weight: 700 !important;
}

.mm-page-header__title {
  letter-spacing: 0.04em !important;
}

/* About — circular photo + clean copy */
.au-pillars {
  background: #fff !important;
  padding: 72px 0 !important;
}
.au-pillars__grid {
  display: grid !important;
  grid-template-columns: minmax(220px, 320px) 1fr !important;
  gap: 48px !important;
  align-items: center !important;
  max-width: 1100px !important;
  margin-inline: auto !important;
}
.au-pillar:first-child {
  grid-column: 1;
}
.au-pillar:first-child .au-pillar__img,
.au-pillar:first-child img {
  width: min(280px, 70vw) !important;
  height: min(280px, 70vw) !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  margin-inline: auto !important;
}
.au-pillar__title,
.au-values__card-title {
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.au-values {
  background: #f8f7f2 !important;
}
.au-values__grid {
  gap: 24px !important;
}
.au-values__card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.au-contact {
  background: #fff !important;
}
/* Fix form labels for white background */
.au-contact .au-form__label {
  color: #111 !important;
}
.au-contact .au-eyebrow--light {
  color: #111 !important;
}
.au-contact .au-contact__title {
  color: #111 !important;
}
.au-contact .au-contact__sub {
  color: #666 !important;
}
/* Fix contact info links */
.au-contact .au-contact__info-item,
.au-contact .au-contact__info-item a,
.au-contact .au-contact__info-item span {
  color: #111 !important;
}
.au-contact .au-contact__info-item svg {
  color: #0d542b !important;
}
/* Fix form inputs - visible border + hover animation */
.au-contact .au-form__input {
  background: #fff !important;
  border: 1.5px solid #e0e0e0 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}
.au-contact .au-form__input:hover {
  border-color: #bbb !important;
  transform: translateY(-1px);
}
.au-contact .au-form__input:focus {
  border-color: #0d542b !important;
  box-shadow: 0 0 0 3px rgba(13, 84, 43, 0.15) !important;
  transform: translateY(0);
}
.au-contact .au-form__input::placeholder {
  color: #999 !important;
}

/* Brands / gallery / CSR / promos — airy cards */
.br-card,
.gal-item,
.csr-card,
.pr-card,
.sc-card,
.bh-card,
.sc-offer,
.bh-offer {
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease !important;
}
.br-card:hover,
.gal-item:hover,
.csr-card:hover {
  transform: translateY(-6px) !important;
}

.br-filter-pill,
.gal-filter-pill,
.filter-pill {
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

/* Compact page heroes → Seattle banner strip */
.au-hero {
  min-height: 260px !important;
  height: 32vw !important;
  max-height: 380px !important;
  align-items: center !important;
  justify-content: center !important;
}
.au-hero__content {
  text-align: center !important;
  padding-bottom: 0 !important;
}
.au-hero__title {
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #fff !important;
}

@media (max-width: 860px) {
  .au-pillars__grid {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }
  .au-hero {
    height: 220px !important;
    min-height: 200px !important;
  }
}

/* Smooth CTA buttons */
.btn,
a.btn,
.mm-cta,
.au-contact__btn {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
}
.btn:hover,
a.btn:hover {
  transform: translateY(-2px);
}