/*
Support stylesheet
*/



.pattern-large-teal-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    display: block;
}

.section-404{
    padding-top:124px;  
    background-color: #013332;
    position: relative;
    overflow: hidden;
    padding-bottom: max(60px, calc(100vh - 750px));
}

.container-404 {
    position: relative;
    z-index: 2;
}

.container-404 h2{
    line-height: 110%; /* 22px */
    letter-spacing: -0.34px;
    font-size: 17px;
    color:var(--stone);
    margin-bottom: 16px;
}

.container-404 h2 {
    font-variation-settings: "slnt" 0, "wdth" 100, "wght" 900, "INKT" 0;    
} 


.container-404 h1{
    line-height: 110%; /* 70.4px */
    letter-spacing: -2.1px;
    color:var(--stone);
    font-size: 42px;
    margin-bottom: 16px;
    max-width:327px;
}

.container-404 h1 {
    font-variation-settings: "slnt" 0, "wdth" 200, "wght" 800, "INKT" 0;

} 


.container-404 p{
    color:var(--stone);
    line-height: 140%; /* 28px */
    font-size: 17px;
    margin-bottom: 40px;
}

.buttons-404{
    display: flex;
    gap:12px;
    flex-wrap: wrap;
    
}

.buttons-404 button {
    font-family: "area-variable", sans-serif;
    font-variation-settings: "wght" 900;
}





.back:before {content:"\e80a";}
.button.back:before {
    margin-right:8px;
    margin-top:2px;
    font-weight: 900;
}


@media screen and (min-width:480px){
    .section-404{
        padding-top:200px; 
        padding-bottom: max(120px, calc(100vh - 783px));
 
    }

    .container-404 h2{
        letter-spacing: -0.4px;
        font-size: 20px;
        margin-bottom: 40px;
    }

    .container-404 h1{
        letter-spacing: -3.2px;
        font-size: 64px;
        margin-bottom: 24px;
        max-width:100%;

    }

    .container-404 p{
        font-size: 20px;
        margin-bottom: 40px;
    }

    .buttons-404{
        gap:16px;
        
    }
    
    .buttons-404 button{
        font-size: 16px;
    }
    
    .back:before {content:"\e80a";}
    .button.back:before {font-size:16px;}
}