/* AVAZ — cinematic looping hero, mobile-first */
/* Full-bleed hero: section + inner + craft all span the viewport edge to
   edge (no gutters, square corners), so the video fills the black bar. */
.hero--craft{position:relative;overflow:hidden;background:#050505}
.hero--craft .hero__inner--solo{max-width:none;padding-left:0;padding-right:0}
.hero--craft.hero{border-radius:0;margin-bottom:0;background:#050505}
.hero--craft.hero::before,.hero--craft.hero::after{display:none}
.hero--craft .craft{position:relative;width:100%;max-width:none;margin:0;min-height:clamp(460px,72svh,820px);overflow:hidden;background:#050505;isolation:isolate;border-radius:0}
.hero--craft .hero__inner--solo{padding-top:0;padding-bottom:0}
.hero--craft .hero-video-layer{position:absolute;inset:0;z-index:0;background:#050505;overflow:hidden}
.hero--craft .hero-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:0;transform:scale(1.02);transition:opacity .95s ease,transform 8s ease;pointer-events:none;background:#050505}
.hero--craft .hero-video.is-active{opacity:1;transform:scale(1.055)}
.hero--craft .hero-video-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.02) 42%,rgba(3,4,6,.76) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 48%,rgba(0,0,0,.14));pointer-events:none}
.hero--craft .hero-gap{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:radial-gradient(circle at 50% 52%,rgba(211,166,82,.08),transparent 30%),#050505;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s;pointer-events:none}
.hero--craft .hero-gap.is-visible{opacity:1;visibility:visible;transition:opacity .7s ease}
.hero--craft .hero-gap::after{content:"";width:7px;height:7px;border-radius:50%;background:rgba(230,189,115,.7);box-shadow:0 0 28px 8px rgba(230,189,115,.13);animation:heroPulse 1.8s ease-in-out infinite}
.hero--craft .hero__overlay{position:absolute;z-index:4;right:6%;top:50%;transform:translateY(-50%);max-width:min(620px,42vw);text-align:right;text-shadow:0 6px 34px rgba(0,0,0,.9);pointer-events:none}
.hero--craft .hero__title{font-size:clamp(30px,4.5vw,72px);line-height:1.25;margin:0;color:#fff;font-weight:900;letter-spacing:-.02em}
.hero--craft .hero__title span{color:#e6bd73}
/* Stage controls are intentionally hidden: the hero is an uninterrupted cinematic loop. */
.hero--craft .craft__video-stages,.hero--craft .craft__hint{display:none!important}
.hero--craft .craft__premium-hero,.hero--craft .craft__steps,.hero--craft .craft__progress,.hero--craft .craft__dust{display:none!important}
@keyframes heroPulse{0%,100%{transform:scale(.75);opacity:.35}50%{transform:scale(1.15);opacity:.9}}
@media(max-width:900px){
  .hero--craft .craft{min-height:clamp(440px,68svh,720px);border-radius:0}
  .hero--craft .hero__overlay{right:5%;top:50%;max-width:48vw}
}
@media(max-width:650px){
  .hero--craft .craft{min-height:clamp(430px,62svh,620px);border-radius:0}
  .hero--craft .hero-video{object-position:center center;transform:scale(1.01)}
  .hero--craft .hero-video.is-active{transform:scale(1.035)}
  .hero--craft .hero__overlay{right:20px;left:20px;top:auto;bottom:38px;max-width:none;transform:none;text-align:center}
  .hero--craft .hero__title{font-size:clamp(26px,8vw,40px);line-height:1.35}
  .hero--craft .hero-video{object-position:center center}

}
@media(prefers-reduced-motion:reduce){
  .hero--craft .hero-video{transition:none;transform:none!important}
  .hero--craft .hero-gap{transition:none}
  .hero--craft .hero-gap::after{animation:none}
  .hero--craft .hero-video{display:none}
  .hero--craft .hero-video[data-stage="3"]{display:block;opacity:1}
}
