.brand,.hero h1{display:inline-block;position:relative;width:5.4em;aspect-ratio:400/82;font-size:19px;line-height:1;text-indent:-9999px;overflow:hidden;white-space:nowrap;text-decoration:none;vertical-align:middle;flex:none}
.hero h1{display:block;font-size:clamp(48px,10vw,104px);width:min(100%,4.6em)}
.brand::before,.hero h1::before{content:'';position:absolute;inset:0;background:currentColor;-webkit-mask:url(/logo-letras.svg) center/contain no-repeat;mask:url(/logo-letras.svg) center/contain no-repeat}
.brand::after,.hero h1::after{content:'';position:absolute;inset:0;background:url(/logo-v.svg) center/contain no-repeat}