/* LITHORA hero/material final fix v2 - load last */

/* Restore the original premium content alignment: hero copy aligns with the header brand/container, not the browser edge. */
.hero .hero-inner,
section.hero .container.hero-inner {
  width: min(1440px, calc(100% - 64px)) !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: grid !important;
  align-items: center !important;
}

/* Keep copy left-aligned inside the restored content container. */
.hero h1 {
  max-width: 760px !important;
  font-size: clamp(58px, 6.4vw, 108px) !important;
  line-height: .96 !important;
  letter-spacing: -0.052em !important;
}

.hero p {
  max-width: 720px !important;
  font-size: clamp(18px, 1.28vw, 22px) !important;
  line-height: 1.56 !important;
}

.hero .eyebrow {
  max-width: 760px !important;
}

.hero-actions {
  max-width: 720px !important;
}

.hero-actions .btn,
.hero-actions .secondary-btn,
.hero .btn,
.hero .btn-outline,
.hero .btn-primary {
  width: 245px !important;
  height: 58px !important;
  min-height: 58px !important;
  font-size: 13px !important;
  letter-spacing: .055em !important;
}

/* Restore a calmer left-to-right overlay similar to the preferred earlier version. */
.hero-bg:after,
.hero::after {
  background: linear-gradient(
    90deg,
    rgba(18, 13, 9, .78) 0%,
    rgba(18, 13, 9, .52) 45%,
    rgba(18, 13, 9, .20) 100%
  ) !important;
}

/* Keep top navigation visually aligned and less oversized. */
.site-header .nav,
header .container.nav {
  width: min(1440px, calc(100% - 64px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.brand {
  transform: none !important;
}

/* Material Choice should use the original material board image and not become another repeated product scene. */
#materials .page-hero-media img,
#materials img,
.materials img {
  object-fit: contain !important;
  object-position: center !important;
  background: #f4eee4 !important;
}

/* Avoid overly loud typography introduced in later revisions. */
.section h2,
.page-hero h1,
.cta-band h2 {
  font-size: clamp(42px, 4.2vw, 72px) !important;
  line-height: 1 !important;
}

@media (max-width: 960px) {
  .hero .hero-inner,
  section.hero .container.hero-inner,
  .site-header .nav,
  header .container.nav {
    width: min(100% - 40px, 720px) !important;
  }

  .hero h1 {
    font-size: clamp(46px, 11vw, 72px) !important;
  }
}

@media (max-width: 640px) {
  .hero .hero-inner,
  section.hero .container.hero-inner,
  .site-header .nav,
  header .container.nav {
    width: calc(100% - 32px) !important;
  }

  .hero-actions .btn,
  .hero-actions .secondary-btn {
    width: 100% !important;
  }
}