/*
@font-face {
    font-family: 'Despair Display';
    src: url('./fonts/DespairDisplay-Bold.woff2') format('woff2'),
         url('./fonts/DespairDisplay-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}*/

.tax-landing-lookbook{
    position: relative;
    height: 45.98958vw; /* 883px */
    margin-left: 5.20833vw; /* 100px */
    margin-right: 5.20833vw; /* 100px */
    margin-top: 7.70833vw; /* 148px */

}


.cards-container-lookbook {
    display: flex;
    flex-direction: row;
    gap: 1.04167vw; /* 20px */
    position: relative;
}

.card-lookbook {
    display: flex;
    flex-direction: column;
    gap: 1.04167vw; /* 20px */
    width: 29.16667vw; /* 560px */
    height: 21.77083vw; /* 418px */
    flex: none;
}

.image-placeholder-lookbook {
    width: 29.16667vw; /* 560px */
    height: 19.27083vw; /* 370px */
    background-color: #0A0A0A;
    flex: none;
    position: relative;
    overflow: hidden;
}

.tax-image-lookbook {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.link-with-arrow-lookbook {
    display: inline-flex;
    align-items: center;
    gap: 0.78125vw; /* 15px */
    text-decoration: none;
    width: min-content;
}

.link-text-lookbook {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.25vw; /* 24px */
    line-height: 110%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #0A0A0A;
}

.arrow img {
    width: 1.45833vw; /* 28px */
    height: 1.45833vw; /* 28px */
    filter: invert(1);
}

.tall-image-lookbook {
    height: 36.45833vw; /* 700px */
    width: 29.16667vw; /* 560px */
    background-color: #0A0A0A;
    flex: none;
    position: relative;
    overflow: hidden;
}

/* Headline section */
.headline-section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*padding: 5.83333vw 6.25vw; /* 112px 120px */
    position: absolute;
    height: 19.01042vw; /* 365px */
    left: 9.010vw; /* 273px */
    right: 9.010vw; /* 272px */
    top: 26.979vw; /* 666px */
    isolation: isolate;
}

.accent-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    
    width: 100%;
    height: 100%;
}

.accent-text {
    /* Text styling */
    font-family: 'Despair Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10.41667vw; /* 200px */
    line-height: 80%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #0A0A0A;
    
    /* Background and positioning */
    padding: 1.04167vw; /* 20px */
    position: absolute;
    z-index: 2;
    left: 5.83333vw;
    top: 6.25vw;
    /* Text alignment */
    display: flex;
    align-items: center;
}

.graffiti-image {
    position: absolute;
    left: 0;
    top: 0;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    width: 71.6145vw;
    height: 19.01041vw;
    z-index: 1;
}
.lookbook-button{
    display: none;
}

@media (max-width: 1024px) {
    .tall-image-lookbook{
        display: none;
    }


    .tax-landing-lookbook{
        height: 62.5vw; /* 640px/1024 */
        margin-left: 1.855vw; /* 19px/1024 */
        margin-right: 1.855vw; /* 19px/1024 */
        margin-top: 8.594vw; /* 88px/1024 */
    }
    
    .cards-container-lookbook {
        top: 26.367vw; /* 270px/1024 */
        gap: 1.465vw; /* 15px/1024 */
    }
    
    .card-lookbook {
        gap: 1.953vw; /* 20px/1024 */
        width: 47.363vw; /* 485px/1024 */
        height: 36.133vw; /* 370px/1024 */
    }
    
    .image-placeholder-lookbook {
        width: 47.363vw; /* 485px/1024 */
        height: 29.297vw; /* 300px/1024 */
    }
    
    .tax-image-lookbook {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .link-with-arrow-lookbook {
        gap: 0; 
    }
    
    .link-text-lookbook {
        display: none;
    }
    
    .arrow img {
        display: none;
    }
    
    .lookbook-button {
        display: block;
        width: 47.363vw; /* 485px/1024 */
        height: 4.88vw;
        background: #0000E9;
        border-radius: 3.906vw; /* 40px/1024 */
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Inter', sans-serif;
        font-weight: 700;
        font-size: 1.367vw;
        line-height: 110%;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #FFFFFF;
        white-space: nowrap;
    }
    
    .lookbook-button:hover {
        background: #0000c7;
    }
    
    /* Headline section */
    .headline-section {
        height: 23.438vw; /* 240px/1024 */
        left: 4.004vw; /* 41px/1024 */
        right: 4.004vw; /* 41px/1024 */
        top: 0;
    }
    
    .accent-text {
        font-size: 9.375vw; /* 96px/1024 */
        left: 17.480vw; /* 179px/1024 */
        top: 8.398vw; /* 86px/1024 */
    }
    
    .graffiti-image {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .tax-image-lookbook-mb{
        display: none;
    }
    }


@media (max-width: 375px) {
    .tax-landing-lookbook{
        height: 179.733vw; /* 674px/375 */
        margin-left: 2.667vw; /* 10px/375 */
        margin-right: 2.667vw; /* 10px/375 */
        margin-top: 23.467vw; /* 88px/375 */
    }
    
    .cards-container-lookbook {
        top: 30.4vw; /* 114px/375 */
        gap: 2.667vw; /* 10px/375 */
    }
    
    .card-lookbook {
        gap: 5.333vw; /* 20px/375 */
        width: 46.133vw; /* 173px/375 */
        height: 149.333vw; /* 560px/375 */
    }
    
    .image-placeholder-lookbook {
        width: 46.133vw; /* 173px/375 */
        height: 130.667vw; /* 490px/375 */
    }
    
    .tax-image-lookbook {
        display: none;
    }
    
    .tax-image-lookbook-mb{
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .link-with-arrow-lookbook {
        gap: 0; 
    }
    
    .lookbook-button {
        width: 46.133vw; /* 173px/375 */
        height: 13.333vw; /* 50px/375 */
        border-radius: 10.667vw; /* 40px/375 */
        font-size: 3.733vw; /* 14px/375 */
    }
    
    /* Headline section */
    .headline-section {
        height: 25.067vw; /* 94px/375 */
        left: 2.933vw; /* 11px/375 */
        right: 2.933vw; /* 11px/375 */
        top: 0;
    }
    
    .accent-text {
        font-size: 10.667vw; /* 40px/375 */
        left: 16.8vw; /* 63px/375 */
        top: 8.8vw; /* 33px/375 */
    }
    
    .graffiti-image {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
}