.cms-hero-grid.with-scenes .cms-hero-visual::before,
.cms-hero-grid.with-scenes .cms-hero-visual::after,
.cms-hero-grid.with-scenes::before,
.cms-hero-grid.with-scenes::after {
  display: none !important;
  content: none !important;
}

.cms-hero-grid.with-scenes .cms-hero-visual {
  overflow: visible !important;
  isolation: isolate !important;
  background: transparent !important;
}

.cms-hero-grid.with-scenes .hero-carousel {
  position: relative !important;
  inset: auto !important;
  width: min(100%, 720px) !important;
  height: clamp(390px, 48vh, 520px) !important;
  min-height: 0 !important;
  overflow: visible !important;
  border-radius: 0 !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.cms-hero-grid.with-scenes .hc-track,
.cms-hero-grid.with-scenes .hc-slide,
.cms-hero-grid.with-scenes .hc-visual,
.cms-hero-grid.with-scenes .csf-wrapper,
.cms-hero-grid.with-scenes .csf-frame {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.hero-featured-cards-wrap {
  position: relative !important;
  z-index: 20 !important;
}

/* Premium hero pass: calmer material, clearer conversion, safer contrast */
.cms-hero {
  background:
    radial-gradient(circle 760px at 74% 36%, rgba(255, 106, 26, .12), transparent 66%),
    radial-gradient(circle 520px at 16% 36%, rgba(116, 45, 12, .16), transparent 74%),
    radial-gradient(ellipse 86% 62% at 56% 70%, rgba(106, 48, 16, .2), transparent 76%),
    linear-gradient(118deg, #1b120c 0%, #20140c 43%, #2a180d 68%, #15100c 100%) !important;
}

.cms-hero::before {
  opacity: .08 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.014) 1px, transparent 1px) !important;
  background-size: 90px 90px !important;
}

.cms-hero::after {
  background:
    linear-gradient(90deg, rgba(27,18,12,.72) 0%, rgba(27,18,12,.2) 34%, transparent 66%, rgba(21,16,12,.2) 100%),
    linear-gradient(180deg, transparent 0%, transparent 70%, rgba(21,16,12,.2) 100%) !important;
}

.cms-hero-grid.with-scenes {
  grid-template-columns: minmax(520px, .88fr) minmax(500px, 1.12fr) !important;
  min-height: clamp(560px, 78vh, 700px) !important;
}

.cms-hero-grid.with-scenes .cms-hero-copy {
  padding-top: clamp(64px, 8vh, 92px) !important;
  padding-bottom: clamp(26px, 4vh, 42px) !important;
  max-width: 680px !important;
}

.cms-hero-grid.with-scenes .cms-hero-title {
  font-size: clamp(2.5rem, 3.75vw, 4.15rem) !important;
  line-height: .98 !important;
  margin-bottom: clamp(18px, 2.3vh, 24px) !important;
}

.cms-hero-grid.with-scenes .cms-hero-sub {
  max-width: 48ch !important;
  line-height: 1.6 !important;
}

.cms-hero-grid.with-scenes .cms-hero-actions {
  margin-top: clamp(22px, 3vh, 30px) !important;
}

.cms-hero-grid.with-scenes .btn-cta {
  padding: 0 22px !important;
  font-size: .95rem !important;
  letter-spacing: -.005em !important;
  text-transform: none !important;
  color: #fffaf3 !important;
  background: linear-gradient(180deg, #ff7a2a, #df5200) !important;
  border: 1px solid rgba(255, 188, 136, .34) !important;
  box-shadow: 0 12px 34px rgba(116, 42, 4, .28), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.cms-hero-grid.with-scenes .btn-outline {
  padding: 0 22px !important;
  font-size: .95rem !important;
  letter-spacing: -.005em !important;
  text-transform: none !important;
  color: rgba(255, 250, 243, .9) !important;
  background: rgba(255, 250, 243, .035) !important;
  border: 1px solid rgba(255, 239, 224, .38) !important;
  box-shadow: none !important;
}

.cms-hero-grid.with-scenes .btn-outline:hover,
.cms-hero-grid.with-scenes .btn-outline:focus-visible {
  color: #fffaf3 !important;
  background: rgba(255, 250, 243, .07) !important;
  border-color: rgba(255, 250, 243, .58) !important;
}

.hero-featured-card {
  min-height: 188px !important;
  border-color: rgba(255, 239, 224, .22) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.032) 56%, rgba(0,0,0,.05)),
    rgba(30, 17, 11, .86) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.hero-featured-card:hover,
.hero-featured-card:focus-visible {
  border-color: rgba(255, 239, 224, .34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04) 56%, rgba(0,0,0,.05)),
    rgba(38, 22, 14, .9) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,.3), 0 0 24px rgba(222,144,78,.08) !important;
}

.hero-featured-card::after {
  background: linear-gradient(90deg, transparent, rgba(255, 239, 224, .18), transparent) !important;
}

.hero-featured-card h3 {
  color: #fff6ee !important;
  font-size: clamp(1rem, 1.1vw, 1.16rem) !important;
}

.hero-featured-card p {
  color: rgba(255, 250, 243, .84) !important;
  font-size: 1rem !important;
  line-height: 1.52 !important;
}

.hero-featured-icon,
.card-arrow {
  border-color: rgba(255, 239, 224, .18) !important;
}

.cms-hero.hero-motion-paused .po-sweep,
.cms-hero.hero-motion-paused .po-sweep-inv,
.cms-hero.hero-motion-paused .po-card,
.cms-hero.hero-motion-paused .po-nebula,
.cms-hero.hero-motion-paused .po-dot,
.cms-hero.hero-motion-paused .po-particle {
  animation-play-state: paused !important;
}

.cms-hero.hero-motion-paused .po-field,
.cms-hero.hero-motion-paused .po-connector-layer,
.cms-hero.hero-motion-paused .po-dot {
  opacity: .26 !important;
}

@media (prefers-reduced-motion: reduce) {
  .po-card,
  .po-sweep,
  .po-sweep-inv,
  .po-dot,
  .po-particle,
  .po-nebula {
    animation: none !important;
  }
}

@media (max-width: 900px) {
  .cms-hero-grid.with-scenes {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    align-items: start !important;
  }

  .cms-hero-grid.with-scenes .cms-hero-copy {
    padding-bottom: 22px !important;
  }

  .cms-hero-grid.with-scenes .cms-hero-visual {
    min-height: 300px !important;
    height: 300px !important;
    opacity: 1 !important;
    overflow: visible !important;
    margin: 0 18px 26px !important;
    display: grid !important;
    place-items: center !important;
  }

  .cms-hero-grid.with-scenes .hero-carousel {
    width: 100% !important;
    height: 300px !important;
  }

  .hero-featured-cards-wrap {
    margin-top: 0 !important;
    padding-top: 22px !important;
    clear: both !important;
  }
}

@media (max-width: 620px) {
  .cms-hero-grid.with-scenes .cms-hero-copy {
    padding: 58px 20px 18px !important;
  }

  .cms-hero-grid.with-scenes .cms-hero-visual {
    min-height: 285px !important;
    height: 285px !important;
    margin: 0 16px 32px !important;
  }

  .cms-hero-grid.with-scenes .hero-carousel {
    height: 285px !important;
  }

  .cms-hero-grid.with-scenes .hc-prev,
  .cms-hero-grid.with-scenes .hc-next {
    bottom: 8px !important;
  }

  .cms-hero-grid.with-scenes .hc-prev {
    left: 18px !important;
  }

  .cms-hero-grid.with-scenes .hc-next {
    right: 18px !important;
  }

  .cms-hero-grid.with-scenes .hc-indicators {
    bottom: 20px !important;
    left: 50% !important;
  }

  .hero-featured-cards-wrap {
    /* Spacing overrides removed */
  }

}