/* ============================================================
   KawadaSalon — Hero photo + brand logo overlay
   Added 2026-06-15. Additive override (loaded after style.css).
   Revert = remove the <link> in index.html and delete this file.
   ============================================================ */

/* --- Header: swap CSS pseudo-logo for the SVG logo --- */
.site-header .brand-mark,
.site-header .brand-name { display: none !important; }
.site-header .brand {
  width: 150px;
  height: 36px;
  background: url("images/brand/logo.svg") left center / contain no-repeat;
}

/* --- Hero: generated horse visual as full-bleed background --- */
body .hero {
  background:
    linear-gradient(90deg, rgba(251,248,242,0.95) 0%, rgba(251,248,242,0.68) 40%, rgba(251,248,242,0) 62%),
    url("images/hero-kawada.jpg") center right / cover no-repeat,
    var(--white);
}
body .hero::before,
body .hero::after { display: none !important; }
.hero-device-wrap { display: none !important; }

@media (max-width: 760px) {
  body .hero {
    background:
      linear-gradient(180deg, rgba(251,248,242,0.86) 0%, rgba(251,248,242,0.5) 55%, rgba(251,248,242,0.82) 100%),
      url("images/hero-kawada.jpg") center top / cover no-repeat,
      var(--white);
    min-height: auto;
    padding-top: 120px;
    padding-bottom: 72px;
  }
  .site-header .brand { width: 132px; height: 32px; }
}