.tr-hero{

    position:relative;

    min-height:90vh;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    padding:120px 0;

    color:#fff;

}

.tr-hero-bg{

    position:absolute;

    inset:0;

    z-index:1;

}

.tr-hero-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.tr-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.55),
        rgba(0,0,0,.45),
        rgba(0,0,0,.70)
    );

    z-index:2;

}

.tr-hero-content{

    position:relative;

    z-index:3;

    max-width:900px;

    margin:auto;

    text-align:center;

}

.tr-hero h1{

    font-size:clamp(40px,5vw,64px);

    line-height:1.05;

    letter-spacing:.05em;

    color:#fff;

}

.tr-hero p{

    font-size:clamp(18px,2vw,24px);

    margin-bottom:40px;

    opacity:.95;

}

.tr-hero .tr-button{

    font-size:17px;

    padding:18px 38px;
}