@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url("index_files/cormorant-garamond-v21-latin-regular.woff2") format("woff2");}

:root{--navy:#030914;--navy-light:#071625;--blue:#1e4466;--gold:#d8c39a;--gold-light:#eadcbc;--white:#f5f1e8;--width:1200px;}

*{box-sizing:border-box;margin:0;padding:0;}
html{min-width:0;background:var(--navy);scroll-behavior:smooth;scrollbar-gutter:stable;}
body{min-width:0;min-height:100vh;background:var(--navy);color:var(--white);font-family:Georgia,"Times New Roman",serif;line-height:1.6;overflow-x:hidden;}
body.no-scroll{overflow-y:hidden;}
a{color:inherit;}
img{display:block;width:100%;max-width:100%;height:auto;}
button{font:inherit;}
.page{width:100%;min-height:100vh;display:flex;flex-direction:column;}


/* HEADER A MENU */

.header{width:100%;height:120px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;}
.logo{margin-left:20px;position:relative;z-index:32;}
.logo img{width:auto;height:88px;}
.menu-toggle{width:95px;height:70px;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;position:relative;z-index:32;cursor:pointer;}
.menu-toggle span{height:2px;background:var(--gold-light);opacity:1;transition:transform .35s ease;}
.menu-toggle span:nth-child(1){width:90px;}
.menu-toggle span:nth-child(2){width:74px;}
.menu-toggle span:nth-child(3){width:58px;}
.menu-toggle span:nth-child(4){width:42px;}
.menu-toggle.is-open span:nth-child(1){transform:translateX(-40%);}
.menu-toggle.is-open span:nth-child(2){transform:translateX(-15%);}
.menu-toggle.is-open span:nth-child(3){transform:translateX(-80%);}
.menu-toggle.is-open span:nth-child(4){transform:translateX(-50%);}
.site-nav{position:fixed;inset:0;background:rgba(3,9,20,.98);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;visibility:hidden;opacity:0;pointer-events:none;transition:.35s;}
.site-nav.is-open{visibility:visible;opacity:1;pointer-events:auto;}
.site-nav a{color:var(--gold-light);font-size:clamp(26px,7vw,48px);text-decoration:none;}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--white);}

@media(orientation:portrait){
.logo img{height:66px;}
}

@media(min-width:700px){
.header{height:165px;}
.logo{margin-left:35px;}
.logo img{height:110px;}
.menu-toggle{width:140px;height:80px;gap:7px;}
.menu-toggle span:nth-child(1){width:135px;}
.menu-toggle span:nth-child(2){width:115px;}
.menu-toggle span:nth-child(3){width:95px;}
.menu-toggle span:nth-child(4){width:75px;}
}

@media(min-width:700px) and (orientation:portrait){
.logo img{height:82.5px;}
}


/* SPOLEČNÝ OBSAH */

.main{width:100%;max-width:var(--width);margin:0 auto;padding:30px 20px 70px;flex:1;}
.label{color:var(--gold);font-size:11px;letter-spacing:.28em;text-transform:uppercase;}

@media(min-width:700px){
.main{padding:40px 7.5% 90px;}
}


/* TITUL */

.page-title{width:100%;margin:0 auto 40px;text-align:center;}
.page-title img{display:block;width:100%;height:auto;margin:0 auto;}

@media(orientation:landscape){
.page-title{width:50%;}
}


/* ÚVOD */

.home{max-width:none;padding:20px 0 0;}
.hero{width:100%;overflow:hidden;}
.slideshow{width:100%;position:relative;}
.hero-slide{width:100%;display:none;}
.hero-slide.is-active{display:block;}
.hero-slide img{display:block;width:100%;height:auto;object-fit:contain;}
.hero-text{width:min(86%,800px);margin:32px auto 65px;text-align:center;}
.hero-text h1{color:var(--gold-light);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(50px,13vw,92px);font-weight:400;line-height:1;}
.hero-text blockquote{margin-top:20px;color:rgba(234,220,188,.78);font-size:17px;}

@media(orientation:portrait){
.hero{width:100vw;max-width:100%;margin:0;}
.slideshow{width:100%;}
.hero-slide img{width:100%;height:auto;object-fit:contain;}
}

@media(min-width:700px){
.slideshow{aspect-ratio:16/10;}
.hero-text blockquote{font-size:21px;}
}


/* NEJBLIŽŠÍ KONCERT */

.concert{width:calc(100% - 20px);margin:0 10px;padding:40px 20px;text-align:center;background:var(--navy-light);border:1px solid rgba(216,195,154,.55);}
.concert h2{max-width:850px;margin:12px auto 0;color:var(--gold-light);font-size:clamp(32px,9vw,56px);font-weight:400;line-height:1.15;}
.concert-details{margin-top:32px;}
.concert-details summary{display:inline-block;min-width:190px;padding:13px 20px;border:1px solid var(--gold);color:var(--gold-light);font-size:12px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;list-style:none;}
.concert-details summary::-webkit-details-marker{display:none;}
.concert-details summary:hover{background:var(--gold-light);color:var(--navy);}
.concert-more{max-width:760px;margin:35px auto 0;padding-top:30px;border-top:1px solid rgba(216,195,154,.3);}
.concert-more p{margin-top:8px;color:rgba(245,241,232,.78);}
.concert-label{width:80%;margin:0 auto 25px;padding-bottom:20px;border-bottom:1px solid rgba(216,195,154,.4);color:var(--gold-light);font-size:clamp(25px,5vw,34px);line-height:1.2;}
.concert-date{color:var(--gold-light);font-size:19px;line-height:1.2;}
.buttons{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.button{width:100%;max-width:280px;padding:13px 20px;border:1px solid var(--gold);color:var(--gold-light);font-size:12px;letter-spacing:.15em;text-decoration:none;text-transform:uppercase;}
.button:hover{background:var(--gold-light);color:var(--navy);}

@media(min-width:700px){
.concert{padding:100px 40px;}
.button{width:auto;min-width:190px;}
}


/* VIDEO ÚVOD */

.video-home{width:100%;margin:0 auto;padding:70px 20px;}
.video-home iframe{display:block;width:100%;aspect-ratio:16/9;border:0;}

@media(orientation:landscape){
.video-home{width:50%;}
}


/* KRITIKA */

.press{width:100%;padding:70px 20px;text-align:center;}
.press h2{margin-bottom:35px;color:var(--gold-light);font-size:clamp(32px,7vw,52px);font-weight:400;}
.press-clipping{width:100%;max-width:760px;margin:0 auto;display:block;text-decoration:none;transition:transform .3s;}
.press-clipping:hover{transform:translateY(-5px);}
.press-clipping img{display:block;width:100%;height:auto;}
.press p{width:100%;max-width:680px;margin:30px auto 0;color:rgba(245,241,232,.75);font-size:18px;line-height:1.7;}

@media(min-width:700px){
.press{padding:95px 7.5%;}
}

/* O NÁS */

.about-nav{width:100%;padding:18px 20px;display:flex;align-items:center;justify-content:center;gap:22px;}
.about-nav a{color:var(--gold-light);font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;line-height:1;text-decoration:none;}
.about-nav a:hover{color:var(--white);}
.about-nav span{width:1px;height:22px;background:rgba(216,195,154,.45);}

.about-band{width:100%;scroll-margin-top:30px;}
.about-photo{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;}
.about-photo picture{display:block;width:100%;}
.about-photo img{display:block;width:100%;height:auto;object-fit:contain;}

.bio{width:calc(100% - 40px);max-width:780px;margin:40px auto 0;}
.bio h1,.members h2{margin-bottom:35px;color:var(--gold-light);font-size:clamp(32px,7vw,48px);font-weight:400;line-height:1.2;text-align:center;}
.bio p{margin-top:18px;color:rgba(245,241,232,.78);font-size:17px;}
.bio-photo{width:100%;margin:35px 0;}
.bio-photo img{display:block;width:100%;height:auto;}

.members{width:calc(100% - 40px);max-width:780px;margin:0 auto;padding:70px 0;scroll-margin-top:30px;}
.member{padding:28px 0;border-top:1px solid rgba(216,195,154,.3);}
.member:last-child{border-bottom:1px solid rgba(216,195,154,.3);}
.member h3{color:var(--gold-light);font-size:clamp(24px,5vw,31px);font-weight:400;}
.member-intro{margin-top:8px;color:rgba(245,241,232,.8);}
.member-preview{margin-top:18px;color:rgba(245,241,232,.8);}
.member-web{margin-top:8px;display:inline-block;color:var(--gold);text-decoration:none;}
.member-web:hover{text-decoration:underline;}

.member-details{margin-top:18px;}
.member-details summary{width:max-content;color:var(--gold-light);cursor:pointer;list-style:none;}
.member-details summary::-webkit-details-marker{display:none;}
.member-details summary::after{content:" +";margin-left:5px;}
.member-details[open] summary::after{content:" −";}
.member-text{margin-top:18px;padding:18px 20px;background:rgba(255,255,255,.22);color:rgba(245,241,232,.8);}

@media(orientation:portrait){
.bio-photo{width:100vw;margin:35px 0 35px calc(50% - 50vw);}
}

@media(min-width:700px){
.about-photo img{aspect-ratio:16/9;}
.member-text{padding:18px 35px;}
}

/* PRO POŘADATELE */

.organizers{width:calc(100% - 40px);max-width:780px;margin:0 auto;}
.organizers h1{text-align:center;color:var(--gold-light);font-size:clamp(32px,7vw,48px);font-weight:400;}
.organizers-intro{margin:25px 0 60px;color:rgba(245,241,232,.8);font-size:18px;}
.program{padding:45px 0;border-top:1px solid rgba(216,195,154,.3);}
.program h2{margin-bottom:20px;color:var(--gold-light);font-size:clamp(26px,5vw,34px);font-weight:400;}
.program p{margin-top:16px;color:rgba(245,241,232,.8);}
.program-photo{margin:35px 0 0;}
.program-photo img{width:100%;height:auto;}
.organizers-contact{padding:55px 0;text-align:center;border-top:1px solid rgba(216,195,154,.3);}
.organizers-contact h2{margin-bottom:15px;color:var(--gold-light);font-weight:400;}
.organizers-contact .button{margin-top:25px;display:inline-block;}


/* FOTOGALERIE */

.gallery-grid{width:100%;display:grid;grid-template-columns:1fr;gap:20px;}
.gallery-card{min-width:0;background:var(--navy-light);border:1px solid rgba(216,195,154,.4);text-decoration:none;overflow:hidden;}
.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.gallery-card span{display:block;padding:18px;color:var(--gold-light);font-size:22px;}
.album{width:100%;padding-top:35px;margin-top:45px;border-top:1px solid rgba(216,195,154,.35);scroll-margin-top:20px;}
.album h2{margin-bottom:20px;color:var(--gold-light);font-size:30px;font-weight:400;}
.album-grid{width:100%;display:grid;grid-template-columns:1fr;gap:16px;}
.album-grid a{display:block;min-width:0;overflow:hidden;}
.album-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;}

@media(min-width:700px){
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
}


/* AUDIO CD */

.audio-album{width:100%;max-width:900px;margin:0 auto 80px;}
.album-cover{width:70%;max-width:350px;margin:0 auto 35px;}
.album-info{width:100%;max-width:600px;margin:0 auto;}
.album-info h1{margin-bottom:15px;color:var(--gold-light);font-size:clamp(38px,8vw,55px);font-weight:400;}
.album-info h2{margin:30px 0 10px;color:var(--gold-light);font-size:24px;font-weight:400;}
.album-info p{color:rgba(245,241,232,.78);}
.album-members{margin-top:20px;}

@media(orientation:landscape){
.audio-album{display:flex;align-items:flex-start;gap:50px;}
.album-cover{width:35%;max-width:300px;margin:0;}
.album-info{flex:1;max-width:none;margin:0;}
}


/* AUDIO PŘEHRÁVAČ */

.audio-list{width:100%;max-width:700px;margin:0 auto 50px;}
.audio-list h2{margin-bottom:25px;color:var(--gold-light);font-size:30px;font-weight:400;}
.track{padding:20px 0;border-top:1px solid rgba(216,195,154,.3);}
.track p{margin-bottom:10px;color:var(--gold-light);}
.player{display:flex;align-items:center;gap:15px;}
.play{width:25px;border:0;background:none;color:var(--gold-light);cursor:pointer;}
.seek{width:100%;height:1px;accent-color:var(--gold-light);cursor:pointer;}
.time{min-width:35px;color:rgba(245,241,232,.6);font-size:11px;}
.player audio{display:none;}


/* VIDEA */

.video-list{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:35px;}
.video-list iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid rgba(216,195,154,.4);background:#000;}

@media(min-width:700px) and (orientation:portrait){
.video-list{width:80%;}
}

@media(orientation:landscape){
.video-list{width:65%;}
}


/* KONTAKT */

.contact-page{width:100%;}
.contact{width:100%;padding:65px 20px;text-align:center;}
.contact h1{margin-bottom:25px;color:var(--gold-light);font-size:22px;font-weight:400;}
.contact p{margin-top:8px;color:rgba(245,241,232,.8);font-size:18px;}
.contact a{text-decoration:none;}
.contact a:hover{color:var(--gold-light);}
.contact-photo{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;}
.contact-photo img{display:block;width:100%;height:auto;object-fit:contain;}


/* FOOTER */
.footer{width:100%;margin-top:auto;background:var(--blue);border-top:1px solid rgba(216,195,154,.35);}
.footer-inner{width:calc(100% - 40px);max-width:var(--width);margin:0 auto;padding:45px 0 28px;text-align:center;}
.footer-logo{display:inline-block;}
.footer-logo img{width:auto;height:80px;}
.footer-contact{margin-top:28px;}
.footer-heading{margin-bottom:10px;color:var(--gold-light);font-size:12px;letter-spacing:.2em;text-transform:uppercase;}
.footer-contact a{display:block;text-decoration:none;}
.footer-social{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:18px;}
.footer-social a{display:block;}
.footer-social img{width:auto;height:48px;}
.footer-meta{margin-top:30px;padding-top:20px;border-top:1px solid rgba(216,195,154,.2);color:rgba(245,241,232,.6);font-size:11px;}
.footer-meta p+p{margin-top:5px;}
.footer-meta a{text-decoration:none;}

@media(min-width:700px){
.footer-inner{padding:60px 0 30px;display:grid;grid-template-columns:1fr 1fr;align-items:start;text-align:left;}
.footer-contact{margin:0;text-align:right;}
.footer-social{justify-content:flex-end;}
.footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;}
.footer-meta p+p{margin-top:0;}
}

/* OMEZENÍ ANIMACÍ */

@media(prefers-reduced-motion:reduce){
*{scroll-behavior:auto!important;transition:none!important;}
}