/* Product-page hero only. Original user-supplied vessel faces right. */
.products-hero {
  min-height: max(660px, 74svh);
  background: #0e0e0e;
}
.products-hero::before {
  inset: 0;
  background:
    linear-gradient(90deg, #0e0e0e 0%, rgba(14,14,14,.91) 24%, rgba(14,14,14,.5) 48%, rgba(14,14,14,.08) 76%, rgba(14,14,14,.06)),
    linear-gradient(0deg, #0e0e0e 0%, rgba(14,14,14,.6) 12%, transparent 40%),
    url("products-vessel-right.png?v=20260920-edge2") right clamp(24px, 3.5vw, 76px) center / min(1040px, 88vw) auto no-repeat,
    radial-gradient(ellipse at 76% 42%, #283342 0%, #141a23 37%, #0e0e0e 70%);
}
.products-hero::after { opacity: .07; }
.products-hero-inner { position: relative; z-index: 1; }
.products-hero h1 {
  max-width: 12em;
  color: var(--white);
  font-size: clamp(54px, 6.35vw, 94px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.055em;
}
.products-hero h1 strong { color: inherit; }
.products-hero .eyebrow { color: rgba(245,245,245,.74); }
.products-hero .eyebrow span { color: var(--red); }
.products-hero-inner > p:last-child { max-width: 31em; color: rgba(245,245,245,.74); }
@media (max-width: 760px) {
  .products-hero { min-height: 710px; padding: 330px 0 64px; }
  .products-hero::before {
    background:
      linear-gradient(0deg, #0e0e0e 0%, rgba(14,14,14,.96) 36%, transparent 65%),
      url("products-vessel-right.png?v=20260920-edge2") right 5vw top 112px / 90vw auto no-repeat,
      radial-gradient(ellipse at 68% 29%, #283342 0%, #141a23 36%, #0e0e0e 67%);
  }
  .products-hero h1 { max-width: 100%; font-size: clamp(30px, 9.4vw, 58px); }
  .products-hero-inner > p:last-child { margin-top: 24px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .products-hero::before {
    background:
      linear-gradient(90deg, #0e0e0e 0%, rgba(14,14,14,.9) 25%, rgba(14,14,14,.42) 54%, rgba(14,14,14,.08) 80%),
      linear-gradient(0deg, #0e0e0e 0%, rgba(14,14,14,.64) 14%, transparent 45%),
      url("products-vessel-right.png?v=20260920-edge2") right 3vw top 122px / 90vw auto no-repeat,
      radial-gradient(ellipse at 75% 37%, #283342 0%, #141a23 37%, #0e0e0e 70%);
  }
}