/* Wrapper */
.valuation-hero{
  position: relative;
  isolation: isolate;
  min-height: 240px;
  padding: clamp(28px, 7vw, 84px) 16px;
  display: grid;
  place-items: center;
  color: #fff;
  overflow: hidden;
  background: #111; /* fallback while video loads */
}

/* (Old) ::after curve not needed anymore */
/* .valuation-hero::after{ display:none; } */

/* Background video layer */
.vh-bg{ position:absolute; inset:0; z-index:0; }
.vh-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover; object-position: center;
}
.vh-scrim{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35));
}

/* Content */
.vh-inner{ position: relative; z-index: 1; text-align:center; }
.vh-title{
  font-family: "Amiko", Sans-serif;
  margin: 0;
  font-weight: Bold;
  font-size: clamp(60px, 5.2vw, 52px);
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.1;
  text-shadow: 0 6px 22px rgba(0,0,0,.45);
}

/* Bottom SVG shape (your code) */
.vh-shape{
  position:absolute; left:0; right:0; bottom:-1px;
  height:72px; z-index:2; line-height:0; pointer-events:none;
}
.vh-shape svg{
  display:block;
  width:100%;
  height:100%;
  transform: scaleY(-1);        /* 🔁 flips the shape vertically */
  transform-origin: center;
}

.subhead{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #ffffff;
}
.vh-shape .elementor-shape-fill{ fill:#ffffff; } /* page bg color */

/* Smaller devices */
@media (max-width: 520px){
  .valuation-hero{ min-height: 200px; }
  .vh-shape{ height:58px; }
  .vh-title{ font-size:22px;letter-spacing: .08em; }
  
  .subhead{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #ffffff;
}
}

/* Accessibility: pause motion if user prefers reduced motion */
@media (prefers-reduced-motion: reduce){
  .vh-video{ display:none; }
  /*.vh-bg{ background:#222; } /* static fallback */
}