:root{--bg-dark:#0d0d0d;--bg-card:#141414;--gold:#d4af37;--gold-hover:#b8962e;--text-light:#fff;--text-muted:#aaa}html{scroll-behavior:smooth}html,body{background-color:#0d0d0d;width:100%;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}.landing-page{background-color:var(--bg-dark);color:var(--text-light);font-family:Playfair Display,Georgia,serif;overflow-x:hidden}.scroll-fade{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.fade-in-visible{opacity:1;transform:translateY(0)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;justify-content:space-bestween;box-sizing:border-box;z-index:1000;background-color:#0d0d0df2;border-bottom:1px solid #ffffff0d;align-items:center;width:100%;height:70px;padding:0 12.5%;display:flex;position:fixed;top:0;left:0}.nav-links a{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;justify-content:space-evenly;margin:0 15px;font-family:montserrat;font-size:1em;text-decoration:none}.nav-btn{background:var(--gold);color:#000;border:1px solid var(--gold);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:1em}.logo{letter-spacing:3px;color:var(--text-light);font-family:Playfair Display,serif;font-size:1.1rem}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:7px;padding:8px;display:none}.hamburger-btn span{background-color:var(--text-light);width:26px;height:1.5px;transition:background-color .3s;display:block}.hamburger-btn:hover span{background-color:var(--gold)}.mobile-menu-overlay{z-index:2000;background-color:var(--bg-dark);flex-direction:column;padding:28px 24px 36px;animation:.35s ease-out mobileMenuFadeIn;display:flex;position:fixed;inset:0}@keyframes mobileMenuFadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.mobile-menu-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:2.4rem;font-weight:300;line-height:1;transition:color .3s}.mobile-menu-close:hover{color:var(--gold)}.mobile-menu-nav{flex:1;align-items:center;display:flex}.mobile-menu-nav ul{width:100%;margin:0;padding:0;list-style:none}.mobile-menu-nav li{border-bottom:1px solid #ffffff1f}.mobile-menu-nav li:first-child{border-top:1px solid #ffffff1f}.mobile-menu-nav a{color:var(--text-light);letter-spacing:.5px;align-items:center;gap:20px;padding:22px 0;font-family:Playfair Display,serif;font-size:clamp(1.6rem,5vw,2.2rem);text-decoration:none;transition:color .3s;display:flex}.mobile-menu-nav a:before{content:"";background-color:var(--gold);flex-shrink:0;width:7px;height:7px}.mobile-menu-nav a:hover{color:var(--gold)}.mobile-menu-footer{justify-content:space-between;align-items:center;gap:16px;padding-top:32px;display:flex}.mobile-menu-contact{color:var(--text-muted);word-break:break-all;max-width:50%;font-family:Montserrat,sans-serif;font-size:.85rem;text-decoration:none;transition:color .3s}.mobile-menu-contact:hover{color:var(--text-light)}.mobile-menu-reserve-btn{letter-spacing:.5px;border-radius:25px;flex-shrink:0;margin-right:0;padding:14px 28px;font-family:Playfair Display,serif;font-size:clamp(1em,5vw,1.2em);font-weight:400}.hero-section{box-sizing:border-box;background:linear-gradient(#0000008c,#0d0d0d),url(/photos/photo1.png) 50% 15%/cover no-repeat;flex-direction:column;justify-content:flex-end;width:100%;min-height:100vh;padding:120px 12.5% 40px;display:flex}.hero-content{max-width:600px;margin-bottom:15vh}.hero-content p{color:var(--text-muted);font-family:Montserrat,sans-serif;font-size:1em;line-height:1.7}.hero-content h1{letter-spacing:3px;margin-bottom:20px;font-size:3.3em}.hero-content p{color:var(--text-muted);margin-bottom:30px;line-height:1.6}.hero-buttons{box-sizing:border-box;flex-direction:column;justify-content:start;align-items:self-start;gap:20px;width:100%;max-width:600px;margin:0 auto;padding:0;font-size:1.5em;display:flex}.btn-primary{background-color:var(--gold);color:#000;cursor:pointer;border:none;border-radius:25px;margin-right:15px;padding:12px 28px;font-size:.85em;font-weight:700;transition:all .3s}.btn-primary:hover{background-color:var(--gold-hover)}.btn-secondary{border:1px solid var(--text-light);color:var(--text-light);cursor:pointer;background:0 0;border-radius:25px;padding:12px 28px;font-size:.85em;transition:all .3s}.about-section{background-color:var(--bg-dark);box-sizing:border-box;width:100%;padding:clamp(60px,8vw,100px) 0}.about-container{justify-content:space-between;align-items:center;gap:clamp(24px,4vw,40px);width:min(1200px,90%);max-width:1200px;margin:0 auto;display:flex}.about-left-text{flex:1;min-width:0;max-width:500px}.about-left-text p{color:var(--text-muted);font-family:Montserrat,sans-serif;font-size:1em;line-height:1.7}.about-left-text h2{letter-spacing:2px;margin-bottom:5px;font-family:Playfair Display,serif;font-size:clamp(1.6rem,3.5vw,2.3em)}.about-left-text .subtitle{color:var(--gold);margin-bottom:20px;font-family:Playfair Display,serif;font-size:clamp(1rem,2vw,1.1em);font-style:italic}.about-left-text .about-text{color:var(--text-muted);font-size:clamp(.9rem,1.8vw,1em);line-height:1.7}.about-right-media{flex:1;justify-content:flex-end;align-items:center;gap:clamp(12px,2vw,20px);min-width:0;display:flex}.thumbnails-grid{flex-direction:column;flex-shrink:0;gap:12px;display:flex}.thumb-wrapper{cursor:pointer;background-color:#1a1a1a;border:2px solid #0000;border-radius:12px;width:clamp(48px,6vw,65px);height:clamp(58px,7.5vw,80px);transition:all .3s;overflow:hidden}.thumb-wrapper img{object-fit:cover;width:100%;height:100%}.thumb-wrapper:hover,.thumb-wrapper.active{border-color:var(--gold);transform:scale(1.05)}.main-image-container{aspect-ratio:7/9;background-color:#1a1a1a;border-radius:8px;flex-shrink:1;width:min(420px,100%);max-width:100%;position:relative;overflow:hidden}.main-member-img{object-fit:cover;width:100%;height:100%}.member-info{box-sizing:border-box;background:linear-gradient(#0000,#000000d9);width:100%;padding:clamp(24px,5vw,40px) 20px 20px;position:absolute;bottom:0;left:0}.member-info h3{letter-spacing:1px;margin:0 0 5px;font-family:Playfair Display,serif;font-size:clamp(1rem,2vw,1.2em)}.member-info p{color:var(--gold);letter-spacing:1px;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(.85rem,1.6vw,1em);font-style:italic}.repertoire-section{background-color:var(--bg-card);padding:80px 8%}.repertoire-container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;width:75%;max-width:1200px;margin:0 auto;display:flex}.repertoire-text{flex:1;justify-content:space-evenly;align-self:center;gap:50px;max-width:600px}.repertoire-text h2{letter-spacing:2px;margin-bottom:10px;font-family:Playfair Display,serif;font-size:2.3em}.repertoire-text p{color:var(--text-muted);font-family:Montserrat,sans-serif;font-size:1em;line-height:1.7}.repertoire-image img{object-fit:cover;border-radius:4px;width:500px;height:500px}.gallery-section{background-color:var(--bg-dark);text-align:center;box-sizing:border-box;align-self:center;width:100%;padding:clamp(60px,10vw,100px) 0}.gallery-section h2{letter-spacing:2px;width:min(1200px,90%);margin:0 auto;font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.5em)}.gallery-grid{box-sizing:border-box;justify-content:center;gap:20px;width:75%;margin:0 auto;padding:3%;display:flex}.video-card{border-radius:4px;min-width:0;overflow:hidden}.video-card-inner,.video-card-image{width:100%;height:100%;display:block}.video-card-content,.video-card-btn{display:none}.video-card img{object-fit:cover;width:100%;transition:opacity .3s;display:block}.play-subtext{color:var(--gold);padding:10px 12px;font-family:Montserrat,sans-serif;font-size:clamp(.85rem,1.6vw,1em);display:block}.gallery-section .outline-btn{margin-top:clamp(8px,2vw,16px)}.footer-section{box-sizing:border-box;background-color:#0d0d0d;border-top:1px solid #ffffff0d;width:100%;padding:80px 0 60px}.footer-container{box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:40px;width:75%;max-width:1400px;margin:0 auto;display:flex}.footer-column{flex:1}.footer-brand{flex-direction:column;gap:20px;display:flex}.footer-logo{letter-spacing:2px;color:var(--text-light);font-family:Playfair Display,serif;font-size:1.5rem}.footer-socials{gap:12px;display:flex}.social-link{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:1em;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{background-color:var(--gold);color:#0d0d0d;transform:translateY(-3px)}.footer-column h4{color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:25px;font-size:1.5em}.footer-column ul{flex-direction:column;gap:12px;margin:0;padding:0;font-family:Montserrat,sans-serif;list-style:none;display:flex}.footer-column ul li{color:var(--text-muted);font-size:1em}.footer-column ul li a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-column ul li a:hover{color:var(--text-light)}@media (width<=768px){.footer-container{text-align:center;flex-direction:column;gap:40px;width:95%}.footer-brand{align-items:center}.footer-socials{justify-content:center}}.repertoire-section{box-sizing:border-box;background-color:#141414;width:100%;padding:100px 0}.repertoire-image,.repertoire-text{flex:1}.repertoire-image img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;max-width:480px;height:auto}@media (width<=1024px){.navbar{padding:0 2.5%}.nav-links{display:none}.hamburger-btn{display:flex}.about-container{text-align:center;flex-direction:column;align-items:center;width:min(1200px,92%)}.about-left-text{max-width:640px}.about-right-media{justify-content:center;width:100%}.main-image-container{width:min(380px,75vw)}}@media (width<=768px){.navbar{padding:0 2.5%}.hero-section{padding:100px 2.5% 40px}.about-container,.repertoire-container,.gallery-section h2{width:95%}.repertoire-container{text-align:center;flex-direction:column}.about-right-media{flex-direction:column;gap:20px}.thumbnails-grid{flex-flow:wrap;justify-content:center;width:100%}.main-image-container{width:min(340px,92vw)}}@media (width>=769px){.gallery-grid{flex-direction:row;justify-content:center;align-items:center;gap:clamp(12px,1.6vw,20px);width:75%;max-width:1200px;margin:0 auto;padding:clamp(24px,3vw,40px) 0;display:flex}.video-card{flex-shrink:0}.side-video{aspect-ratio:35/26;flex:0 0 clamp(180px,18vw,350px);align-self:center;width:clamp(180px,18vw,350px)}.side-video img{opacity:.6;width:100%;height:100%}.side-video:hover img{opacity:.85}.center-video{border:2px solid var(--gold);background-color:#1a1a1a;flex:0 clamp(280px,38vw,550px);align-self:center;max-width:550px}.center-video img{aspect-ratio:55/38;opacity:1;width:100%;height:auto}.center-video:hover img{opacity:1}}@media (width<=768px){#galerija.gallery-section{padding:clamp(48px,8vw,72px) 0 clamp(56px,10vw,80px);overflow:hidden}#galerija h2{width:95%;margin-bottom:8px}#galerija .gallery-grid{grid-template-columns:unset;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;align-items:stretch;gap:14px;max-width:100%;margin:0;padding:28px calc(50% - min(78vw,300px)/2) 56px;overflow:auto visible;width:100%!important;display:flex!important}#galerija .gallery-grid::-webkit-scrollbar{display:none}#galerija .video-card{scroll-snap-align:center;opacity:.45;border-radius:0;flex:0 0 min(78vw,300px);align-self:stretch;max-width:none;transition:opacity .35s,transform .35s;overflow:visible;transform:scale(.92);width:auto!important;height:auto!important}#galerija .video-card.active{opacity:1;transform:scale(1)}#galerija .video-card.center-video{grid-column:unset;background:0 0;border:none;display:block}#galerija .video-card.side-video{flex:0 0 min(78vw,300px)}#galerija .video-card-inner{background:linear-gradient(#1f1f1f 0%,#121212 100%);border-radius:28px;flex-direction:column;height:100%;padding-bottom:28px;display:flex;position:relative;overflow:visible;box-shadow:0 18px 40px #00000073}#galerija .video-card-image{border-radius:28px 28px 0 0;height:auto;overflow:hidden}#galerija .video-card img{aspect-ratio:4/3;object-fit:cover;opacity:1;border-radius:0;width:100%;height:auto}#galerija .video-card-content{text-align:center;padding:18px 20px 36px;display:block}#galerija .video-card-content h3{letter-spacing:.5px;color:var(--text-light);margin:0 0 10px;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700}#galerija .video-card-content p{color:var(--text-muted);margin:0;font-family:Montserrat,sans-serif;font-size:.82rem;line-height:1.55}#galerija .video-card-btn{background:var(--text-light);color:#111;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:12px 32px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;display:inline-block;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 8px 24px #00000059}#galerija .play-subtext{margin-top:4px}#galerija .outline-btn{margin-top:12px}}