.video-hero{position:relative;height:min(125vw,88vh);overflow:hidden;background:var(--mp-marinho-hover);color:var(--mp-branco)}.video-hero__media,.video-hero__poster,.video-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-hero__poster,.video-hero__video{object-fit:cover}.video-hero__media--desktop{display:none}.video-hero__media--both{display:block}.video-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:32px 20px;pointer-events:none}.video-hero__box{display:flex;flex-direction:column;align-items:center;gap:var(--mp-s3);max-width:640px;text-align:center;pointer-events:auto}.video-hero__script{margin:0 0 6px;font-family:var(--mp-font-script);font-size:clamp(calc(var(--script-size) * .65),4.6vw,var(--script-size));line-height:1.1;text-transform:lowercase}.video-hero__title{margin:0;font-family:var(--mp-font-serif);font-size:clamp(calc(var(--title-size) * .65),3vw,var(--title-size));line-height:1.12;text-wrap:balance}.video-hero__button{display:inline-flex;align-items:center;height:var(--mp-h-control);margin-top:var(--mp-s2);padding:0 var(--mp-s5);background:var(--mp-branco);color:var(--mp-marinho);font-family:var(--mp-font-label);font-weight:500;font-size:var(--mp-size-label);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:opacity var(--mp-t-fast) var(--mp-ease)}.video-hero__button:hover{color:var(--mp-marinho);opacity:.88}.video-hero__toggle{position:absolute;right:var(--page-margin);bottom:var(--mp-s5);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--mp-branco);color:var(--mp-branco);--icon-size: 16px}.video-hero__icon-play,.video-hero__toggle[aria-pressed=true] .video-hero__icon-pause{display:none}.video-hero__toggle[aria-pressed=true] .video-hero__icon-play{display:block}@media(min-width:960px){.video-hero{height:min(80vh,820px)}.video-hero__media--desktop{display:block}.video-hero__media--mobile{display:none}.video-hero__content{padding:64px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-video-hero.css.map */
