/* ArezzoMT2 v79 - live scene hero with separate animated characters */

/* neutralize previous parallax look */
body.az-v22-body .az74-page::before{
  background:
    linear-gradient(180deg, rgba(9,10,18,.50), rgba(8,9,17,.76)),
    url('../images/az79-stage-bg.jpg') center center / cover no-repeat !important;
  transform:scale(1.04) !important;
  animation:az79BgBreath 18s ease-in-out infinite alternate !important;
  filter:saturate(1.04) brightness(.94) !important;
}
body.az-v22-body .az74-page::after{
  background:
    radial-gradient(circle at 20% 32%, rgba(255,76,48,.12), transparent 19%),
    radial-gradient(circle at 80% 30%, rgba(255,110,60,.11), transparent 18%),
    radial-gradient(circle at 50% 70%, rgba(98,90,255,.10), transparent 20%) !important;
  opacity:.72 !important;
  animation:az79AtmosPulse 12s ease-in-out infinite alternate !important;
}
@keyframes az79BgBreath{
  0%{transform:scale(1.04) translate3d(0,0,0)}
  50%{transform:scale(1.055) translate3d(0,-6px,0)}
  100%{transform:scale(1.07) translate3d(0,4px,0)}
}
@keyframes az79AtmosPulse{
  0%{opacity:.48; transform:scale(1)}
  50%{opacity:.82; transform:scale(1.03)}
  100%{opacity:.58; transform:scale(1.06)}
}

body.az-v22-body .az74-stage{position:relative !important; overflow:hidden !important}
body.az-v22-body .az74-logo-row,
body.az-v22-body .az74-grid,
body.az-v22-body .az74-stats{position:relative; z-index:3}

/* live scene */
body.az-v22-body .az79-scene{
  position:absolute;
  inset:72px 12px 12px 12px;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}
body.az-v22-body .az79-sparks,
body.az-v22-body .az79-sparks::before,
body.az-v22-body .az79-sparks::after{
  content:"";
  position:absolute;
  inset:0;
}
body.az-v22-body .az79-sparks{
  opacity:.55;
  background:
    radial-gradient(circle at 15% 92%, rgba(255,135,71,.95) 0 1.2px, transparent 1.3px),
    radial-gradient(circle at 29% 86%, rgba(255,84,32,.85) 0 1px, transparent 1.1px),
    radial-gradient(circle at 38% 91%, rgba(255,169,76,.82) 0 1.3px, transparent 1.4px),
    radial-gradient(circle at 59% 88%, rgba(255,88,54,.78) 0 1.1px, transparent 1.2px),
    radial-gradient(circle at 68% 93%, rgba(255,152,66,.82) 0 1.2px, transparent 1.3px),
    radial-gradient(circle at 83% 87%, rgba(255,94,54,.88) 0 1px, transparent 1.1px);
  animation:az79SparkRise 10s linear infinite;
}
body.az-v22-body .az79-sparks::before{
  opacity:.4;
  background:
    radial-gradient(circle at 10% 100%, rgba(255,140,72,.9) 0 1px, transparent 1.1px),
    radial-gradient(circle at 31% 98%, rgba(255,103,50,.8) 0 1px, transparent 1.1px),
    radial-gradient(circle at 57% 99%, rgba(255,172,88,.75) 0 1.2px, transparent 1.3px),
    radial-gradient(circle at 76% 95%, rgba(255,110,60,.9) 0 1.1px, transparent 1.2px);
  animation:az79SparkRise 15s linear infinite reverse;
}
body.az-v22-body .az79-sparks::after{
  background:linear-gradient(180deg, transparent 0%, rgba(255,95,55,.06) 65%, rgba(255,95,55,.09) 100%);
  animation:az79Heat 6s ease-in-out infinite alternate;
}
@keyframes az79SparkRise{
  0%{transform:translateY(0)}
  100%{transform:translateY(-28px)}
}
@keyframes az79Heat{
  0%{opacity:.35; filter:blur(0px)}
  100%{opacity:.62; filter:blur(2px)}
}

body.az-v22-body .az79-glow{
  position:absolute;
  width:28%;
  aspect-ratio:1/1;
  border-radius:999px;
  filter:blur(42px);
  opacity:.45;
  background:radial-gradient(circle, rgba(216,69,35,.45), rgba(216,69,35,.08) 55%, transparent 72%);
}
body.az-v22-body .az79-glow-left{left:-3%; bottom:12%; animation:az79GlowLeft 7s ease-in-out infinite alternate}
body.az-v22-body .az79-glow-right{right:-3%; bottom:16%; animation:az79GlowRight 6.5s ease-in-out infinite alternate}
@keyframes az79GlowLeft{
  0%{transform:scale(1) translateY(0); opacity:.34}
  100%{transform:scale(1.08) translateY(-10px); opacity:.58}
}
@keyframes az79GlowRight{
  0%{transform:scale(1) translateY(0); opacity:.30}
  100%{transform:scale(1.12) translateY(-12px); opacity:.54}
}

body.az-v22-body .az79-char{
  position:absolute;
  bottom:0;
  width:min(33vw, 430px);
  height:min(46vw, 610px);
  z-index:1;
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.28));
}
body.az-v22-body .az79-char-left{left:-2%; animation:az79HeroLeft 6.2s ease-in-out infinite alternate}
body.az-v22-body .az79-char-right{right:-1.5%; animation:az79HeroRight 5.6s ease-in-out infinite alternate}
body.az-v22-body .az79-char .az79-body,
body.az-v22-body .az79-char .az79-cape{
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:bottom center;
}
body.az-v22-body .az79-char-left .az79-body,
body.az-v22-body .az79-char-left .az79-cape{background-image:url('../images/az79-char-left.png')}
body.az-v22-body .az79-char-right .az79-body,
body.az-v22-body .az79-char-right .az79-cape{background-image:url('../images/az79-char-right.png')}
body.az-v22-body .az79-char .az79-body{animation:az79BodyBreath 4.8s ease-in-out infinite alternate}
body.az-v22-body .az79-char-left .az79-cape{
  clip-path:polygon(0 2%, 55% 0, 78% 15%, 100% 35%, 100% 66%, 67% 90%, 37% 100%, 0 95%);
  transform-origin:24% 36%;
  opacity:.92;
  animation:az79CapeLeft 3.3s ease-in-out infinite alternate;
}
body.az-v22-body .az79-char-right .az79-cape{
  clip-path:polygon(20% 0, 100% 0, 100% 100%, 42% 100%, 54% 65%, 24% 26%);
  transform-origin:72% 36%;
  opacity:.92;
  animation:az79CapeRight 3.1s ease-in-out infinite alternate;
}
@keyframes az79HeroLeft{
  0%{transform:translate3d(0,0,0) rotate(-0.8deg)}
  50%{transform:translate3d(2px,-6px,0) rotate(0.2deg)}
  100%{transform:translate3d(-1px,-2px,0) rotate(-0.3deg)}
}
@keyframes az79HeroRight{
  0%{transform:translate3d(0,0,0) rotate(0.8deg)}
  50%{transform:translate3d(-2px,-7px,0) rotate(-0.2deg)}
  100%{transform:translate3d(1px,-2px,0) rotate(0.3deg)}
}
@keyframes az79BodyBreath{
  0%{transform:translateY(0) scale(1)}
  100%{transform:translateY(-4px) scale(1.006)}
}
@keyframes az79CapeLeft{
  0%{transform:translate3d(0,0,0) rotate(-0.6deg) skewX(0deg)}
  50%{transform:translate3d(-5px,1px,0) rotate(1.4deg) skewX(-1.8deg)}
  100%{transform:translate3d(-8px,2px,0) rotate(2.5deg) skewX(-3deg)}
}
@keyframes az79CapeRight{
  0%{transform:translate3d(0,0,0) rotate(0.4deg) skewX(0deg)}
  50%{transform:translate3d(4px,1px,0) rotate(-1.4deg) skewX(1.8deg)}
  100%{transform:translate3d(8px,2px,0) rotate(-2.4deg) skewX(3deg)}
}

/* keep content cleaner over live scene */
body.az-v22-body .az74-card{
  background:linear-gradient(180deg, rgba(31,36,67,.34), rgba(17,20,40,.46)) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035) !important;
  backdrop-filter:blur(5px) !important;
}
body.az-v22-body .az74-news-card,
body.az-v22-body .az74-subpage-card{background:linear-gradient(180deg, rgba(28,32,58,.48), rgba(14,17,32,.62)) !important}
body.az-v22-body .az74-menu a,
body.az-v22-body .az74-btn,
body.az-v22-body .az74-subpage-content .btn,
body.az-v22-body .az74-subpage-content button,
body.az-v22-body .az74-subpage-content input[type=submit],
body.az-v22-body .az74-user-panel a,
body.az-v22-body .az74-community-card a{border-radius:14px !important}

/* better fit on smaller viewports */
@media(max-width: 1500px){
  body.az-v22-body .az79-char{width:min(31vw, 390px); height:min(43vw, 560px)}
}
@media(max-width: 1100px){
  body.az-v22-body .az79-char{opacity:.78; width:min(28vw, 300px); height:min(40vw, 450px)}
  body.az-v22-body .az79-scene{inset:84px 0 0 0}
}
@media(max-width: 900px){
  body.az-v22-body .az79-char,
  body.az-v22-body .az79-glow,
  body.az-v22-body .az79-sparks{display:none}
}