/* HERO FULL WIDTH / FULL HEIGHT */
.hero{height:100svh;min-height:50rem}
.hero img{height:100svh;object-fit:cover;width:100%;display:block}
.hero .hero-media{position:relative}
.hero .hero-media::after{background:rgba(0,0,0,0.3);content:"";position:absolute;top:0;left:0;width:100%;height:100%}
.hero__content{position:absolute;bottom:4.4rem;left:50%;transform:translate(-50%,0);text-align:center;width:100%;z-index:1;visibility:hidden}
.hero__content h1{margin:0;font-size:4.8rem;line-height:1;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,0.45),0 4px 12px rgba(0,0,0,0.25);text-transform:uppercase}
.hero__content p{text-shadow:0 1px 2px rgba(0,0,0,0.45),0 4px 12px rgba(0,0,0,0.25);transform-origin:left;color:#fff;font-weight:400;line-height:1.3;letter-spacing:0.125rem;font-size:1.6rem;text-transform:uppercase;margin:4.4rem auto 0}
@media(min-width:1280px){
    .hero__content{top:50%;bottom:auto;transform:translate(-50%,-50%)}
    .hero__content h1{max-width:100%;font-size:7.2rem}
    .hero__content p{line-height:1;font-size:2.4rem}
}
@media(min-width:1920px){
    .hero__content p{margin:6.4rem auto 0;}
    .hero__content h1{font-size:9.6rem}
}