/* About Us — page-specific (page-shared already loaded in layout) */

/* ── Banner with photo background ── */
.page-hero.page-hero--about {
  position: relative !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 280px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 96px 24px 88px !important;
  text-align: center !important;
  color: #ffffff !important;
}

.page-hero.page-hero--about .page-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}

.page-hero.page-hero--about h1 {
  margin: 0 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(34px, 5vw, 52px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

/* ── Two columns: text | product image ── */
.about-split-section {
  background: #e8eaee !important;
  padding: 48px 20px 64px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.about-split-shell {
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.about-split {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: auto !important;
  align-items: stretch !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px rgba(10, 31, 94, 0.08);
  width: 100% !important;
}

.about-split-copy {
  padding: clamp(36px, 5vw, 64px) clamp(28px, 4vw, 56px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.about-split-copy h2 {
  margin: 0 0 22px !important;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight: 700 !important;
  color: #2a2a6a !important;
  line-height: 1.2 !important;
}

.about-split-copy p {
  margin: 0 0 18px !important;
  font-family: "Open Sans", "Montserrat", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #444444 !important;
}

.about-split-copy p:last-child {
  margin-bottom: 0 !important;
}

.about-split-media {
  position: relative !important;
  min-height: 480px !important;
  height: 100% !important;
  background: #0846c1 !important;
  overflow: hidden !important;
  min-width: 0 !important;
}

.about-split-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 480px !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

@media (max-width: 860px) {
  .about-split {
    grid-template-columns: 1fr !important;
  }

  .about-split-media,
  .about-split-media img {
    min-height: 360px !important;
  }

  .about-split-copy {
    padding: 36px 24px 40px !important;
  }
}

@media (max-width: 640px) {
  .page-hero.page-hero--about {
    min-height: 200px !important;
    padding: 64px 16px 56px !important;
    background-position: center top !important;
  }

  .about-split-section {
    padding: 28px 12px 48px !important;
  }

  .about-split-media,
  .about-split-media img {
    min-height: 300px !important;
  }
}