/* V12 - approved-reference geometry correction.
   Critical fix: Home media geometry is full-hero width on every breakpoint.
   Gold arc = outer traced contour; video = slightly inset parallel contour,
   leaving the narrow white band visible in the supplied reference. */

/* Do not let any older mask/ellipse layer participate. */
.home-page .reference-home-hero .hero-media,
.home-page .hero-video-clip{
  -webkit-mask:none!important;mask:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
  border-radius:0!important;filter:none!important;box-shadow:none!important;
}
.home-page .reference-home-hero .hero-media{
  top:0!important;left:0!important;right:0!important;width:100%!important;height:100%!important;
  position:absolute!important;overflow:visible!important;margin:0!important;
}
.home-page .hero-video-clip{position:absolute!important;inset:0!important;overflow:hidden!important}
.home-page .hero-video-clip video{
  top:0!important;bottom:0!important;right:auto!important;height:100%!important;
  transform:none!important;transform-origin:center!important;border-radius:0!important;
  object-fit:cover!important;
}
.home-page .hero-gold-arc{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  z-index:6!important;pointer-events:none!important;background:none!important;overflow:visible!important;
}
.home-page .hero-gold-arc path{
  fill:none!important;stroke:#d1a04a!important;stroke-width:1.45!important;
  vector-effect:non-scaling-stroke!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}

@media (min-width:981px){
  .home-page .hero-video-clip{-webkit-clip-path:url(#homeHeroClipDesktop)!important;clip-path:url(#homeHeroClipDesktop)!important}
  .home-page .hero-video-clip video{
    left:32%!important;width:68%!important;object-position:0% center!important;
  }
  .home-page .hero-arc-desktop{display:block!important}
  .home-page .hero-arc-tablet,.home-page .hero-arc-mobile{display:none!important}
  /* In the reference the first stock card begins at about 43% of the full hero width. */
  .home-page .reference-home-hero .stock-cards{left:43%!important;right:auto!important;bottom:24px!important;gap:18px!important}
  .home-page .reference-home-hero .video-toggle{left:45.5%!important;bottom:111px!important}
}

@media (min-width:601px) and (max-width:980px){
  .home-page .hero-video-clip{-webkit-clip-path:url(#homeHeroClipTablet)!important;clip-path:url(#homeHeroClipTablet)!important}
  .home-page .hero-video-clip video{
    left:27%!important;width:73%!important;object-position:40% center!important;
  }
  .home-page .hero-arc-tablet{display:block!important}
  .home-page .hero-arc-desktop,.home-page .hero-arc-mobile{display:none!important}
  .home-page .reference-home-hero .stock-cards{left:3.5%!important;right:32%!important;bottom:22px!important;gap:9px!important}
  .home-page .reference-home-hero .video-toggle{left:38%!important;bottom:89px!important}
}

@media (max-width:600px){
  .home-page .hero-video-clip{-webkit-clip-path:url(#homeHeroClipMobile)!important;clip-path:url(#homeHeroClipMobile)!important}
  .home-page .hero-video-clip video{
    left:10%!important;width:90%!important;object-position:30% center!important;
  }
  .home-page .hero-arc-mobile{display:block!important}
  .home-page .hero-arc-desktop,.home-page .hero-arc-tablet{display:none!important}
  .home-page .reference-home-hero .stock-cards{left:2.8%!important;right:7.5%!important;bottom:10px!important;gap:7px!important}
  .home-page .reference-home-hero .video-toggle{left:24%!important;bottom:83px!important}
  /* Preserve the stronger readable text field requested for mobile. */
  .home-page .reference-home-hero .blueprint{opacity:.20!important;filter:saturate(.55) contrast(.92)!important}
  .home-page .reference-home-hero .hero-copy:before{
    background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.78) 72%,rgba(255,255,255,.08))!important;
    -webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;
  }
}

/* Product / Service detail hero: retain the approved geometry, but ensure no legacy ellipse/mask can override it. */
.detail-page .reference-detail-hero .detail-hero-media,
.detail-page .detail-image-clip{
  -webkit-mask:none!important;mask:none!important;-webkit-mask-image:none!important;mask-image:none!important;
  border-radius:0!important;box-shadow:none!important;filter:none!important;
}
.detail-page .detail-gold-arc{background:none!important}