/* Máscaras posicionadas nas coordenadas proporcionais do UI_1.psd. */
.hero-art{overflow:visible}
.hero-image-plane,.hero-legs-plane{position:absolute;inset:0;will-change:transform}
.hero-image-plane{overflow:hidden}
.hero-legs-plane{z-index:4;pointer-events:none}
.legs-mask{position:absolute;left:42.9936%;top:60.038%;width:9.9636%;height:32.8259%;max-width:none}
.business-photo-wrap{min-height:0;aspect-ratio:1027/1032}
.business-photo{top:auto;bottom:11.05%;left:10.03%;right:auto;width:79.84%;height:auto;aspect-ratio:820/1149;border-radius:50% 50% 0 0 / 35.683% 35.683% 0 0;will-change:transform}
.business-photo img{width:100%;height:100%;object-fit:contain;object-position:center}
.vote-label{font-variant-numeric:tabular-nums}
.vote:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){
 .hero-image-plane{overflow:hidden}
 .hero-legs-plane{overflow:visible}
 .legs-mask{left:34.01%;top:60.038%;width:19.828%;height:32.8259%}
 .business-photo-wrap{aspect-ratio:1027/1032;min-height:0;margin-top:15px}
 .business-photo{top:auto;left:15%;right:auto;width:70%;bottom:10%;aspect-ratio:820/1149;border-radius:50% 50% 0 0 / 35.683% 35.683% 0 0}
}
@media(prefers-reduced-motion:reduce){.hero-image-plane,.hero-legs-plane,.business-photo{will-change:auto}}

/* A caixa e o arco escalam juntos; cover preserva a proporção da foto original. */
.business-photo-wrap{align-self:start;flex-shrink:0}
.business-photo{box-sizing:border-box;height:auto;min-height:0;max-height:none;aspect-ratio:820 / 1149}
.business-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:48% center}


.closing-mobile{display:none}
@media(max-width:700px){
 .closing-desktop{display:none}
 .closing-mobile{display:flex;flex-direction:column;align-items:center;gap:30px;padding:32px 7% 44px}
 .closing-mobile img{display:block;height:auto;max-width:100%}
 .closing-mobile-fish{width:100%}
 .closing-mobile-signature{width:90%;margin:5px 0}
 .closing-mobile-caviar{width:78%}
}


@media(max-width:700px){
 .hero h1{white-space:normal;font-size:clamp(58px,18vw,126px);line-height:.88;margin-top:-6%}
 .hero h1>span:not(.hero-title-gap){display:block;white-space:nowrap}
 .hero h1>.hero-title-gap{display:none}
 html[lang=en] .hero h1{font-size:clamp(48px,14.5vw,101px)}
}


@media(max-width:700px){
 .hero h1{width:94%;margin-left:auto;margin-right:auto}
 .hero h1>span:not(.hero-title-gap){width:max-content;margin-inline:auto;max-width:none}
}