/* =========================================================
LAIDBACK OLD SIX - NIEUWE BASIS
========================================================= */

:root{
    --black:#050505;
    --red:#FF0000;
    --deep-red:#8d0000;
    --gold:#d6a400;
    --gold-light:#f3c72f;
    --white:#f3f3f3;
    --muted:#999;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
    margin:0;
    background:#000;
    color:var(--white);
    font-family:Arial,Helvetica,sans-serif;
}

a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

.page-container{
    width:min(1320px,92%);
    margin:auto;
}


/* HEADER */

.topbar{
    min-height:74px;
    padding:0 28px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:20px;
    background:#030303;
    border-bottom:1px solid #1a1a1a;
    position:relative;
    z-index:50;
}

.mini-brand{
    display:flex;
    align-items:center;
    font-size:30px;
    font-weight:900;
    letter-spacing:-2px;
}

.mini-l,.mini-o6{color:#fff}
.mini-b{color:var(--red)}
.pulse{color:var(--gold-light);margin-left:8px;font-size:20px;letter-spacing:-7px}
.guitar{margin-left:10px;font-size:26px}

.main-nav{
    display:flex;
    justify-content:center;
    height:74px;
}

.main-nav a{
    display:flex;
    align-items:center;
    padding:0 18px;
    font-size:14px;
    font-weight:900;
    border-bottom:3px solid transparent;
}

.main-nav a:hover,
.main-nav a.active{
    color:var(--gold-light);
    border-bottom-color:var(--gold-light);
}

.socials{display:flex;gap:10px}

.socials a{
    width:28px;height:28px;
    display:grid;place-items:center;
    background:#fff;color:#000;border-radius:50%;
    font-weight:900;
}

.menu-toggle{display:none}


/* HOME HERO */

.hero{
    min-height:720px;
    position:relative;
    overflow:hidden;
    background:url("../images/hero-home.jpg") center 42% / cover no-repeat;
}

.hero-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.06) 0%,
        rgba(0,0,0,.08) 45%,
        rgba(0,0,0,.72) 80%,
        rgba(0,0,0,.98) 100%
    );
}

.hero-content{
    position:relative;
    z-index:2;
    width:min(1460px,94%);
    min-height:720px;
    margin:auto;
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,.45fr);
    gap:55px;
    align-items:end;
    padding-bottom:22px;
}

.hero-left{
    max-width:570px;
    transform:translateY(10px);
}

.hero-logo{
    width:min(470px,78%);
    max-height:210px;
    object-fit:contain;
    object-position:left bottom;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.85));
}

.bluescole-wrap{
    display:flex;
    align-items:center;
    gap:12px;
    max-width:500px;
    margin-left:8px;
}

.bluescole-wrap h2{
    margin:0;
    color:var(--gold-light);
    font-family:Georgia,serif;
    font-style:italic;
    font-size:clamp(28px,3vw,43px);
    white-space:nowrap;
}

.gold-line{
    height:3px;
    background:var(--gold);
    flex:1;
    max-width:120px;
}

.slogan{
    margin:5px 0 0 18px;
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:6px;
}


/* SHOW */

.show-card{
    width:350px;
    max-width:100%;
    justify-self:end;
    background:rgba(0,0,0,.94);
    border:1px solid #1d1d1d;
    transform:translateY(8px);
}

.show-card h3{
    margin:0;
    padding:11px;
    text-align:center;
    color:var(--gold-light);
    font-size:16px;
}

.countdown{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid #222;
    border-bottom:1px solid #222;
}

.countdown>div{
    text-align:center;
    padding:9px 5px;
    border-right:1px solid #665500;
}

.countdown>div:last-child{border-right:0}

.countdown strong{
    display:block;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:28px;
}

.countdown span{
    display:block;
    font-size:8px;
    font-weight:900;
}

.show-info{
    padding:12px 15px 14px;
    text-align:center;
    background:linear-gradient(135deg,#a40000,#690000);
    border-top:2px solid var(--red);
}

.show-date{
    margin:0 0 4px;
    color:var(--gold-light);
    font-size:13px;
    font-weight:900;
}

.show-info h4{
    margin:0;
    font-size:21px;
}

.show-info p{
    margin:4px 0 9px;
    font-size:12px;
    font-weight:900;
}

.show-button{
    display:inline-block;
    padding:7px 13px;
    border:1px solid var(--gold);
    background:#080808;
    font-size:11px;
    font-weight:900;
}


/* HOME CARDS */

.feature-strip{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:13px;
    padding:17px 34px 22px;
    background:#050505;
}

.feature-card{
    min-height:150px;
    display:grid;
    grid-template-columns:48% 52%;
    overflow:hidden;
    background:#090909;
    border:1px solid #725d00;
    transition:.25s;
}

.feature-card:hover{
    border-color:var(--gold-light);
    transform:translateY(-3px);
}

.feature-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.feature-text{
    padding:14px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.feature-label{
    display:inline-block;
    width:max-content;
    margin-bottom:7px;
    padding:4px 7px;
    background:var(--deep-red);
    color:white;
    font-size:10px;
    font-weight:900;
}

.feature-text h3{
    margin:0 0 6px;
    font-size:18px;
}

.feature-text p{
    margin:0 0 12px;
    color:var(--gold-light);
    font-size:12px;
    font-weight:900;
}

.feature-button{
    width:max-content;
    padding:7px 9px;
    border:1px solid var(--gold);
    font-size:11px;
    font-weight:900;
}

.music-feature{border-color:var(--red)}


/* BOTTOM */

.bottom-slogan{
    min-height:92px;
    padding:8px 8%;
    display:grid;
    grid-template-columns:1fr 90px 1fr;
    align-items:center;
    background:repeating-linear-gradient(
        135deg,#090909 0,#090909 12px,#0d0d0d 12px,#0d0d0d 24px
    );
}

.big-words{
    text-align:center;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:clamp(24px,3vw,42px);
    letter-spacing:7px;
}

.big-words span{color:var(--red)}

.pick-wrap{
    width:62px;
    margin:auto;
}

.pick-wrap img{
    width:100%;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.65));
}

.footer{
    padding:13px;
    text-align:center;
    background:#050505;
    color:#777;
    font-size:11px;
    letter-spacing:1px;
}


/* MUSIC PAGE */

.music-page-hero{
    min-height:350px;
    position:relative;
    display:grid;
    place-items:center;
    text-align:center;
    background:url("../images/hero-home.jpg") center 44% / cover no-repeat;
}

.music-page-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.9));
}

.music-page-content{
    position:relative;
    z-index:2;
    padding:45px 20px;
}

.music-page-content h1{
    margin:0;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:clamp(58px,9vw,100px);
    letter-spacing:3px;
}

.music-page-content h2{
    margin:-4px 0 8px;
    color:var(--gold-light);
    font-family:Georgia,serif;
    font-style:italic;
    font-size:clamp(29px,4vw,45px);
}

.music-page-content p{color:#bbb}

.discography{
    padding:80px 0 100px;
    background:#090909;
}

.section-title{
    text-align:center;
    margin-bottom:40px;
}

.section-title span{
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:4px;
}

.section-title h2{
    margin:8px 0;
    font-size:clamp(38px,5vw,60px);
}

.section-title p{color:#888}

.cd-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.cd-card{
    overflow:hidden;
    background:#101010;
    border:1px solid #2d2d2d;
    transition:.25s;
}

.cd-card:hover{
    transform:translateY(-6px);
    border-color:var(--gold-light);
}

.cd-cover{
    position:relative;
    aspect-ratio:1/1;
    overflow:hidden;
    background:#050505;
}

.cd-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.cd-card:hover img{transform:scale(1.035)}

.cd-play{
    position:absolute;
    right:15px;
    bottom:15px;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    padding-left:3px;
    border-radius:50%;
    background:var(--red);
    color:white;
}

.cd-info{padding:17px}

.cd-info small{
    color:var(--gold-light);
    font-weight:900;
    letter-spacing:2px;
}

.cd-info h3{
    margin:7px 0 4px;
    font-size:22px;
}

.cd-info p{
    margin:0;
    color:#777;
}

.music-bottom{
    padding:65px 20px;
    text-align:center;
    background:#050505;
}

.music-bottom h2{
    margin:0;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:clamp(32px,5vw,55px);
    letter-spacing:4px;
}

.music-bottom p{
    color:var(--gold-light);
    letter-spacing:5px;
    font-size:12px;
}


/* ALBUM PAGE */

.album-page{
    min-height:calc(100vh - 74px);
    padding:70px 0 90px;
    background:radial-gradient(circle at 15% 35%,#251606 0,#090909 42%,#050505 75%);
}

.album-layout{
    display:grid;
    grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
    gap:55px;
    align-items:start;
}

.back-link{
    display:block;
    margin-bottom:20px;
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
}

.album-big-cover{
    width:100%;
    max-width:520px;
    box-shadow:0 30px 80px rgba(0,0,0,.6);
}

.album-label{
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:4px;
}

.album-right h1{
    margin:7px 0;
    font-size:clamp(42px,6vw,72px);
    line-height:1;
}

.album-subtitle{color:#999}

.red-line{
    width:75px;
    height:3px;
    background:var(--red);
    margin:22px 0;
}

.album-track{
    padding:15px 0;
    border-bottom:1px solid #252525;
}

.track-title{
    display:grid;
    grid-template-columns:42px 1fr;
    align-items:center;
    margin-bottom:9px;
}

.track-title span{
    color:var(--gold-light);
    font-weight:900;
}

.album-track audio{
    width:100%;
    height:40px;
}

.album-note{
    margin-top:25px;
    padding:14px 16px;
    border-left:3px solid var(--gold);
    background:#111;
    color:#999;
    line-height:1.6;
}


/* RESPONSIVE */

@media(max-width:1150px){
    .main-nav a{padding:0 11px;font-size:12px}
    .feature-strip{grid-template-columns:1fr 1fr}
    .hero-content{
        grid-template-columns:1fr;
        padding-top:330px;
    }
    .show-card{margin-left:auto}
}

@media(max-width:850px){
    .topbar{grid-template-columns:auto auto}
    .menu-toggle{
        display:block;
        justify-self:end;
        background:#111;
        color:white;
        border:1px solid #333;
        padding:8px 11px;
        font-size:20px;
    }
    .main-nav{
        display:none;
        position:absolute;
        top:74px;
        left:0;
        right:0;
        height:auto;
        flex-direction:column;
        background:#050505;
    }
    .main-nav.open{display:flex}
    .main-nav a{
        height:46px;
        border-bottom:1px solid #222;
    }
    .socials{display:none}
    .cd-grid{grid-template-columns:1fr 1fr}
    .album-layout{grid-template-columns:1fr}
}

@media(max-width:600px){
    .hero{
        min-height:760px;
        background-position:center top;
    }
    .hero-content{
        min-height:760px;
        padding-top:350px;
    }
    .hero-logo{width:72%}
    .show-card{width:100%}
    .feature-strip{grid-template-columns:1fr;padding:13px}
    .bottom-slogan{
        grid-template-columns:1fr;
        gap:14px;
        padding:22px 15px;
    }
    .pick-wrap{width:54px}
    .cd-grid{grid-template-columns:1fr}
}


/* =========================================================
BAND PAGE
========================================================= */

.band-page-hero{
    min-height:480px;
    position:relative;
    display:grid;
    place-items:center;
    text-align:center;
    background:
        url("../images/band-live.jpg")
        center 42% / cover no-repeat;
}

.band-page-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.42),
            rgba(0,0,0,.9)
        );
}

.band-page-hero-content{
    position:relative;
    z-index:2;
    padding:60px 20px;
}

.band-page-logo{
    width:min(300px,68vw);
    max-height:150px;
    margin:0 auto 15px;
    object-fit:contain;
}

.band-kicker,
.band-section-label{
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:4px;
}

.band-page-hero h1{
    margin:6px 0 0;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:clamp(58px,9vw,105px);
    letter-spacing:3px;
}

.band-page-hero h2{
    margin:-6px 0 8px;
    color:var(--gold-light);
    font-family:Georgia,serif;
    font-style:italic;
    font-size:clamp(30px,4vw,47px);
}

.band-hero-text{
    color:#bbb;
    font-weight:700;
}


/* INTRO */

.band-intro{
    padding:90px 0;
    background:
        radial-gradient(
            circle at 15% 50%,
            #251606 0,
            #0a0a0a 38%,
            #050505 75%
        );
}

.band-intro-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:60px;
    align-items:center;
}

.band-intro-image img{
    width:100%;
    border:1px solid #333;
    filter:grayscale(100%);
    box-shadow:0 28px 80px rgba(0,0,0,.6);
}

.band-intro-copy h2{
    margin:8px 0 0;
    font-size:clamp(44px,6vw,72px);
    line-height:.95;
}

.band-red-line{
    width:75px;
    height:3px;
    background:var(--red);
    margin:22px 0;
}

.band-intro-copy p{
    color:#aaa;
    line-height:1.8;
}

.band-intro-copy strong{
    color:#fff;
}

.band-quote{
    color:var(--gold-light)!important;
    font-weight:900;
    letter-spacing:3px;
    font-size:12px;
}


/* MEMBERS */

.members-section{
    padding:95px 0 110px;
    background:#090909;
}

.members-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}

.member-card{
    overflow:hidden;
    background:#101010;
    border:1px solid #2d2d2d;
    transition:.25s;
}

.member-card:hover{
    transform:translateY(-6px);
    border-color:var(--gold-light);
}

.member-photo-wrap{
    aspect-ratio:3/4;
    overflow:hidden;
    background:#050505;
}

.member-photo-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    filter:grayscale(100%);
    transition:
        transform .4s ease,
        filter .4s ease;
}

.member-card:hover img{
    transform:scale(1.035);
    filter:grayscale(75%);
}

.member-info{
    padding:18px 15px 20px;
    text-align:center;
}

.member-number{
    color:#666;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.member-info h3{
    margin:5px 0 4px;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:28px;
    letter-spacing:1px;
}

.member-role{
    margin:0;
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
}

.member-text{
    margin:11px 0 0;
    color:#777;
    font-size:13px;
    line-height:1.5;
}


/* LIVE SECTION */

.band-live-section{
    padding:100px 0;
    background:#050505;
}

.band-live-grid{
    display:grid;
    grid-template-columns:.75fr 1.25fr;
    gap:60px;
    align-items:center;
}

.band-live-copy h2{
    margin:8px 0 0;
    font-size:clamp(42px,6vw,70px);
    line-height:1;
}

.band-live-copy p{
    color:#aaa;
    line-height:1.8;
    margin-bottom:28px;
}

.band-button{
    display:inline-block;
    padding:12px 18px;
    background:var(--red);
    border:1px solid var(--red);
    font-size:12px;
    font-weight:900;
}

.band-button:hover{
    color:var(--gold-light);
}

.band-live-image{
    position:relative;
}

.band-live-image img{
    width:100%;
    border:1px solid #333;
    filter:grayscale(100%);
}

.band-live-badge{
    position:absolute;
    right:18px;
    bottom:18px;
    padding:8px 12px;
    background:var(--red);
    color:#fff;
    font-weight:900;
    font-size:12px;
    letter-spacing:2px;
}


/* BOTTOM */

.band-bottom{
    padding:70px 20px;
    text-align:center;
    background:
        repeating-linear-gradient(
            135deg,
            #090909 0,
            #090909 12px,
            #0d0d0d 12px,
            #0d0d0d 24px
        );
    border-top:1px solid #181818;
}

.band-bottom h2{
    margin:0;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:clamp(34px,5vw,60px);
    letter-spacing:5px;
}

.band-bottom h2 span{
    color:var(--red);
}

.band-bottom p{
    margin-top:12px;
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:4px;
}


/* RESPONSIVE BAND */

@media(max-width:1100px){

    .members-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .band-intro-grid,
    .band-live-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:700px){

    .members-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:470px){

    .members-grid{
        grid-template-columns:1fr;
    }

}


/* =========================================================
AGENDA - SIMPEL AANPASBAAR
========================================================= */

.agenda-hero{
    min-height:360px;
    position:relative;
    display:grid;
    place-items:center;
    text-align:center;
    background:url("../images/band-live.jpg") center 42% / cover no-repeat;
}

.agenda-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.9));
}

.agenda-hero-content{
    position:relative;
    z-index:2;
    padding:50px 20px;
}

.agenda-hero-content p{
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:3px;
}

.agenda-hero-content h1{
    margin:5px 0;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:clamp(58px,9vw,100px);
    letter-spacing:4px;
}

.agenda-hero-content span{
    color:#aaa;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}

.agenda-page{
    padding:80px 0 100px;
    background:#080808;
}

#shows{
    max-width:1000px;
    margin:40px auto 0;
}

.show-row{
    display:grid;
    grid-template-columns:110px 1fr 100px 90px;
    align-items:center;
    gap:20px;
    padding:18px;
    margin-bottom:12px;
    background:#111;
    border:1px solid #292929;
    border-left:4px solid var(--red);
}

.show-date{
    text-align:center;
    border-right:1px solid #333;
}

.show-day{
    display:block;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:42px;
    line-height:1;
}

.show-month{
    display:block;
    color:var(--gold-light);
    font-weight:900;
    letter-spacing:2px;
}

.show-year{
    display:block;
    margin-top:3px;
    color:#777;
    font-size:11px;
}

.show-info h3{
    margin:0 0 5px;
    font-size:22px;
}

.show-info p{
    margin:0;
    color:#888;
}

.show-countdown{
    text-align:center;
}

.show-countdown strong{
    display:block;
    color:var(--red);
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:31px;
}

.show-countdown span{
    color:#888;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.show-button{
    padding:10px 12px;
    text-align:center;
    background:var(--red);
    color:#fff;
    font-size:11px;
    font-weight:900;
}

.show-button:hover{
    color:var(--gold-light);
}

.no-shows{
    margin:40px auto;
    text-align:center;
    color:#999;
}

@media(max-width:700px){

    .show-row{
        grid-template-columns:80px 1fr 70px;
    }

    .show-button{
        grid-column:1/-1;
    }

}

/* =========================================================
GALERIJ PAGE
========================================================= */

.gallery-hero{
    min-height:430px;
    position:relative;
    display:grid;
    place-items:center;
    text-align:center;
    background:
        url("../images/gallery-live-1.jpg")
        center 42% / cover no-repeat;
}

.gallery-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.32),
            rgba(0,0,0,.91)
        );
}

.gallery-hero-content{
    position:relative;
    z-index:2;
    padding:55px 20px 35px;
}

.gallery-logo{
    width:min(320px,70vw);
    max-height:145px;
    object-fit:contain;
    margin:0 auto 5px;
}

.gallery-hero-content h2{
    margin:0;
    color:var(--gold-light);
    font-family:Georgia,serif;
    font-style:italic;
    font-size:clamp(28px,4vw,42px);
}

.gallery-slogan{
    margin:6px 0 17px;
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:5px;
}

.gallery-hero-content h1{
    margin:0;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:clamp(52px,8vw,92px);
    letter-spacing:4px;
}


/* FOTO GRID */

.gallery-page{
    padding:80px 0 100px;
    background:#080808;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:250px;
    gap:14px;
}

.gallery-item{
    position:relative;
    padding:0;
    overflow:hidden;
    border:1px solid #2c2c2c;
    background:#050505;
    color:white;
    cursor:pointer;
}

.gallery-item.gallery-large{
    grid-row:span 2;
}

.gallery-item.gallery-wide{
    grid-column:span 2;
}

.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:grayscale(100%);
    transition:
        transform .4s ease,
        filter .4s ease;
}

.gallery-item:hover img{
    transform:scale(1.04);
    filter:grayscale(55%);
}

.gallery-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:28px 16px 14px;
    text-align:left;
    background:
        linear-gradient(
            transparent,
            rgba(0,0,0,.92)
        );
}

.gallery-overlay strong{
    display:block;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:22px;
    letter-spacing:1px;
}

.gallery-overlay small{
    display:block;
    margin-top:3px;
    color:var(--gold-light);
    font-weight:900;
    letter-spacing:1px;
}


/* BOTTOM */

.gallery-bottom{
    padding:70px 20px;
    text-align:center;
    background:
        repeating-linear-gradient(
            135deg,
            #090909 0,
            #090909 12px,
            #0d0d0d 12px,
            #0d0d0d 24px
        );
}

.gallery-bottom h2{
    margin:0;
    font-family:Impact,Arial Narrow,sans-serif;
    font-size:clamp(34px,5vw,60px);
    letter-spacing:5px;
}

.gallery-bottom h2 span{
    color:var(--red);
}

.gallery-bottom p{
    margin-top:12px;
    color:var(--gold-light);
    font-size:11px;
    font-weight:900;
    letter-spacing:4px;
}


@media(max-width:900px){

    .gallery-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:600px){

    .gallery-grid{
        grid-template-columns:1fr;
        grid-auto-rows:320px;
    }

    .gallery-item.gallery-large{
        grid-row:span 1;
    }

    .gallery-item.gallery-wide{
        grid-column:span 1;
    }

}

.site-rock-logo{display:flex!important;align-items:center;height:74px;padding:0!important;flex-shrink:0}
.site-rock-logo img{display:block;width:auto;height:58px;max-width:350px;object-fit:contain}
@media(max-width:900px){.site-rock-logo img{height:50px;max-width:300px}}
@media(max-width:600px){.site-rock-logo{height:64px}.site-rock-logo img{height:43px;max-width:255px}}