

.hero.discovery.c4 h1{transform:translateY(calc(clamp(12px,calc(50svh - 370px),160px) + 24px))}
.hero.discovery.c4 h1>.first{margin-left:20%}
@media(max-width:1100px){.hero.discovery.c4 h1>.first{margin-left:15%}}
@media(max-width:800px){
  .hero.discovery.c4 h1{transform:translateY(24px)}
  .hero.discovery.c4 h1>.first{margin-left:9%}
}
@media(max-width:600px){
  .hero.discovery.c4 h1{transform:translateY(14px)}
  .hero.discovery.c4 h1>.first{margin-left:8%}
}


.hero.discovery.c4 .hero-name{font-size:clamp(4.48rem,8.064vw,7.28rem)}
@media(max-width:600px){.hero.discovery.c4 .hero-name{font-size:clamp(2.912rem,13.44vw,3.36rem)}}

@media(min-width:801px) and (max-height:740px){.hero.discovery.c4 h1{transform:translateY(calc(clamp(12px,calc(50svh - 370px),160px) + 12px))}}
