/* ========================================= */
/* Mobile Optimisation */
/* ========================================= */


@media (max-width:900px) {


/* ============================= */
/* Navigation */
/* ============================= */


.navbar {

    width:100%;
    max-width:100vw;
    padding:15px;
    display:flex;
    align-items:center;
    gap:10px;
    overflow:visible;

}


.logo-link {

    flex-shrink:1;

}


.logo {

    width:clamp(70px,22vw,120px);
    height:auto;
    max-width:100%;
    display:block;
    object-fit:contain;

}


.nav-buttons {

    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:clamp(3px,1vw,8px);
    flex:1;
    min-width:0;

}


.nav-button {

    width:clamp(38px,11vw,60px);
    height:clamp(38px,11vw,60px);
    flex-shrink:1;
    font-size:clamp(.5rem,2vw,.75rem);

}



/* ============================= */
/* Creative Dropdown */
/* ============================= */


.dropdown {

    position:relative;

}


.dropdown-menu {

    position:absolute;

    top:calc(100% + 8px);

    left:0;

    display:none;

    flex-direction:column;

    background:black;

    padding:6px;

    min-width:90px;

    z-index:9999;

}


.dropdown.open .dropdown-menu {

    display:flex;

}


.dropdown-menu a {

    color:white;

    text-decoration:none;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    padding:8px 12px;

    min-height:32px;

    font-size:clamp(.5rem,2vw,.75rem);

    white-space:nowrap;

}



/* ============================= */
/* Section Navigation */
/* ============================= */


.section-nav {

    left:clamp(15px,4vw,40px);

}



/* ============================= */
/* Hero Text */
/* ============================= */


.home-content,
.promotions-content,
.photography-content,
.sound-content,
.events-content {

    left:clamp(15px,4vw,40px);

    bottom:clamp(40px,8vh,80px);

    width:auto;

    max-width:85vw;

    text-align:left;

}



.home-content h1,
.promotions-content h1,
.photography-content h1,
.sound-content h1,
.events-content h1 {

    font-size:clamp(3rem,12vw,5rem);

    line-height:.9;

    letter-spacing:-0.05em;

    margin:0;

}



.section-subtitle {

    margin-top:15px;

    max-width:300px;

    font-size:clamp(.85rem,3vw,1rem);

    line-height:1.4;

}

/* ========================================= */
/* Inner Pages - Hero Content */
/* ========================================= */


.page-content {

    left:clamp(15px,4vw,40px);

    bottom:clamp(40px,8vh,80px);

    width:auto;

    max-width:85vw;

    text-align:left;

}



.page-title {

    font-size:clamp(3rem,12vw,5rem);

    line-height:.9;

    letter-spacing:-0.05em;

    margin:0;

}



.page-content .section-subtitle {

    margin-top:15px;

    max-width:300px;

    font-size:clamp(.85rem,3vw,1rem);

    line-height:1.4;

}

}