@media screen and (max-width:1100px){

.story-content{
    grid-template-columns:1fr;
    gap:3rem;
}

.story-intro h1{
    font-size:clamp(3rem,9vw,5rem);
}
}



@media screen and (max-width:768px){

html,
body{
    width:100%;
    overflow-x:hidden;
}

*{
    min-width:0;
    max-width:100%;
}



/* PAGE */

.story-page{
    padding:4vh 5vw 8vh;
}



/* IMAGE */

.story-image-section{
    border-radius:2rem;
}

.story-image-section img{
    border-radius:2rem;
}



/* INTRO */

.story-intro{
    margin-top:2rem;
}

.story-intro h1{
    font-size:clamp(2.8rem,12vw,4.5rem);
}



/* CONTENT */

.story-content{
    margin-top:4vh;
    gap:2rem;
}

.content-left p{
    font-size:0.95rem;
    line-height:1.9;
}



/* CARDS */

.info-card,
.contact-box{
    padding:1.5rem;
    border-radius:1.5rem;
}

.info-card h3,
.contact-box h3{
    font-size:1.3rem;
}

@media(max-width:768px){

.top-header{

    padding:1rem 1.2rem;
}

.brand-title{

    font-size:0.72rem;

    letter-spacing:0.18rem;

    line-height:1.5;
}

.hamburger{

    width:2.8rem;
    height:2.8rem;
}

.mobile-nav{

    width:75vw;

    top:5rem;
}

}
/* BUTTON */

.contact-btn{
    width:100%;
}



/* REMOVE BLURS */

.blur{
    display:none;
}
}