/* H01 v02 only: leave room for the complete report beneath the mobile copy. */
.hero-art .art-fallback{inset:20% 28%;transform:rotate(-8deg);perspective:900px}
.hero-art .art-fallback i{inset:0;border:1px solid #7894a4;border-radius:5px;background:#12374c;transform:translate(10px,10px);box-shadow:0 18px 36px #0003}
.hero-art .art-fallback i:nth-child(2){inset:2%;border:1px solid #bfcfcf;background:repeating-linear-gradient(#e9ede6 0 5px,#bbcacb 5px 6px);transform:translate(5px,5px)}
.hero-art .art-fallback i:nth-child(3){inset:0;background:#12374c;border:1px solid #7894a4;border-left:4px solid #d1a158;transform:none}
.hero-art .art-fallback i:nth-child(3):before{content:'C2G';position:absolute;top:12%;left:13%;font:500 clamp(14px,2vw,27px) Arial;color:#d1a158}
.hero-art .art-fallback i:nth-child(3):after{content:'RELATÓRIO\A ANALÍTICO';white-space:pre;position:absolute;top:44%;left:13%;font:400 clamp(10px,1.3vw,20px)/1.5 Arial;color:#e9ede6}
html[lang^=en] .hero-art .art-fallback i:nth-child(3):after{content:'ANALYTICAL\A REPORT'}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
  .opening{--h01-art-top:710px;--h01-stage-height:calc(var(--h01-art-top) + 480px);height:calc(var(--h01-stage-height) + 100svh);min-height:0}
  .opening-stage{height:var(--h01-stage-height);min-height:0;top:min(0px,calc(100svh - var(--h01-stage-height)))}
  .hero-art{top:var(--h01-art-top);bottom:80px;left:0;right:0}
}