.star-gallery-hero{background-color:var(--base-600);justify-content:center;align-items:center;width:100%;height:75svh;min-height:550px;display:flex;position:relative;overflow:hidden}.hero-bg-image-wrapper{z-index:1;opacity:.18;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg-overlay{z-index:2;background:linear-gradient(#091e1766 0%,#091e17fa 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-spinning-mandala{pointer-events:none;z-index:2;opacity:.05;filter:invert(80%)sepia(15%)saturate(700%)hue-rotate(330deg)brightness(90%)contrast(85%);will-change:transform;width:clamp(380px,55vw,680px);height:clamp(380px,55vw,680px);animation:160s linear infinite spin-slow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content-wrapper{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:850px;margin-top:2rem;padding:0 2rem;display:flex;position:relative}.hero-tagline{font-family:var(--font-dm-mono), monospace;letter-spacing:.25em;color:var(--base-300);text-transform:uppercase;margin:0;font-size:.8rem;font-weight:500}.hero-title{color:var(--base-100);text-transform:uppercase;margin:0;font-family:Roslindale Variable,sans-serif;font-size:clamp(3rem,7.5vw,6.25rem);font-weight:900;line-height:.9}.hero-desc{font-family:var(--font-host-grotesk), sans-serif;color:var(--base-200);max-width:580px;margin:0 auto;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:400;line-height:1.45}.hero-scroll-indicator{z-index:3;color:var(--base-300);opacity:.65;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-indicator:hover{opacity:1}.scroll-mouse{border:2px solid var(--base-300);border-radius:12px;width:24px;height:38px;position:relative}.scroll-wheel{background-color:var(--base-300);border-radius:2px;width:4px;height:8px;animation:1.8s infinite scroll-wheel-anim;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scroll-wheel-anim{0%{opacity:1;top:6px}50%{opacity:0;top:16px}to{opacity:1;top:6px}}.gallery-section{position:relative;background-color:var(--base-600)!important;padding:4rem 0 8rem!important}.gallery-section .container{max-width:1200px!important}.gallery-grid{width:100%;column-count:3!important;column-gap:1.5rem!important;padding-bottom:2rem!important;display:block!important}@media (max-width:1024px){.gallery-grid{column-count:2!important}}@media (max-width:640px){.gallery-grid{column-count:1!important}}.gallery-item,.gallery-item:nth-child(3n),.gallery-item:nth-child(4n){break-inside:avoid!important;aspect-ratio:auto!important;background-color:#0f2b2240!important;border:none!important;border-radius:12px!important;width:100%!important;margin-bottom:1.5rem!important;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s cubic-bezier(.25,1,.5,1)!important;display:inline-block!important;position:relative!important;overflow:hidden!important;box-shadow:0 6px 25px #00000059!important}.gallery-item:hover{transform:translateY(-8px)!important;box-shadow:0 15px 35px #c5a88040!important}.gallery-item:before{content:""!important;z-index:2!important;opacity:.8!important;pointer-events:none!important;background:radial-gradient(circle,#091e1700 30%,#091e1773 100%)!important;transition:opacity .5s!important;position:absolute!important;inset:0!important}.gallery-item:hover:before{opacity:1!important}.gallery-item:after{content:""!important;z-index:3!important;pointer-events:none!important;border:1px solid #c5a88033!important;border-radius:8px!important;transition:inset .4s cubic-bezier(.25,1,.5,1),border-color .4s cubic-bezier(.25,1,.5,1)!important;position:absolute!important;inset:16px!important}.gallery-item:hover:after{border-color:#c5a880a6!important;inset:10px!important}.gallery-item img{transition:transform .8s cubic-bezier(.25,1,.5,1)!important}.gallery-item:hover img{transform:scale(1.05)!important}.gallery-caption{display:none!important}.gallery-filters-container{z-index:10;justify-content:center;align-items:center;width:100%;max-width:650px;margin:-1.5rem auto 4rem;padding:0 3.5rem;display:flex;position:relative}.gallery-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;background:#0f2b2266;border:1px solid #c5a88026;border-radius:50px;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;width:100%;padding:.5rem;display:flex;overflow-x:auto}.gallery-filters:active{cursor:grabbing}.gallery-filters::-webkit-scrollbar{display:none}.filter-arrow{color:var(--base-300);cursor:pointer;z-index:12;background:#0f2b22bf;border:1px solid #c5a88033;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.filter-arrow:hover{background:var(--base-300);color:var(--base-600);border-color:var(--base-300);transform:translateY(-50%)scale(1.1)}.filter-arrow:active{transform:translateY(-50%)scale(.95)}.filter-arrow.prev{left:.5rem}.filter-arrow.next{right:.5rem}.filter-tab{color:var(--base-200);font-family:var(--font-dm-mono), monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:30px;padding:.75rem 1.75rem;font-size:.75rem;font-weight:500;transition:color .4s,background-color .4s,border-color .4s;position:relative}.filter-tab:hover{color:var(--base-100)}.filter-tab.active{color:var(--base-600);background-color:var(--base-300);font-weight:600}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#091e17f5;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:0}.lightbox-overlay.active{opacity:1;pointer-events:auto}.lightbox-main{justify-content:center;align-items:center;width:90%;max-width:1200px;height:70%;display:flex;position:relative}.lightbox-img-wrapper{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative;transform:scale(.95)}.lightbox-overlay.active .lightbox-img-wrapper{transform:scale(1)}.lightbox-img-container{aspect-ratio:auto;background-color:#000;border:1px solid #c5a88040;border-radius:4px;justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #0009}.lightbox-slide-left{animation:.35s cubic-bezier(.25,1,.5,1) forwards slideLeft}.lightbox-slide-right{animation:.35s cubic-bezier(.25,1,.5,1) forwards slideRight}@keyframes slideLeft{0%{opacity:0;transform:translate(50px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(-50px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.lightbox-close-btn{color:var(--base-100);cursor:pointer;z-index:10001;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s,color .3s;display:flex;position:absolute;top:2rem;right:2rem}.lightbox-close-btn:hover{color:var(--base-300);transform:rotate(90deg)}.lightbox-nav-btn{color:var(--base-100);cursor:pointer;z-index:10000;background:#0f2b2299;border:1px solid #c5a88033;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-btn:hover{background:var(--base-500);border-color:var(--base-300);color:var(--base-300);transform:translateY(-50%)scale(1.1)}.lightbox-nav-btn:active{transform:translateY(-50%)scale(.95)}.lightbox-nav-btn.prev{left:2rem}.lightbox-nav-btn.next{right:2rem}.lightbox-info{text-align:center;z-index:10000;flex-direction:column;align-items:center;gap:.5rem;width:85%;max-width:700px;margin-top:2rem;display:flex}.lightbox-title{color:var(--base-300);text-transform:uppercase;letter-spacing:.02em;margin:0;font-family:Roslindale Variable,sans-serif;font-size:clamp(1.25rem,2.5vw,2.25rem);font-weight:900;line-height:1.1}.lightbox-desc{font-family:var(--font-host-grotesk), sans-serif;color:var(--base-200);margin:0;font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.3}.lightbox-counter{font-family:var(--font-dm-mono), monospace;color:var(--base-400);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;font-size:.75rem}@media (max-width:1024px){.lightbox-main{width:85%;height:60%}.lightbox-nav-btn{width:48px;height:48px}.lightbox-nav-btn.prev{left:1rem}.lightbox-nav-btn.next{right:1rem}}@media (max-width:768px){.star-gallery-hero{height:55svh!important;min-height:380px!important}.hero-content-wrapper{gap:.75rem!important;margin-top:1rem!important;padding:0 1.25rem!important}.hero-title{font-size:clamp(2rem,9vw,3.25rem)!important}.hero-desc{max-width:320px!important;font-size:.95rem!important;line-height:1.35!important}.gallery-filters-container{justify-content:center!important;max-width:100%!important;margin-bottom:2rem!important;padding:0 3rem!important;display:flex!important}.gallery-filters{background:#0f2b2299!important;border-radius:30px!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:.25rem!important;padding:.25rem!important}.filter-tab{white-space:nowrap!important;padding:.6rem 1.2rem!important;font-size:.7rem!important}.gallery-grid{column-count:2!important;column-gap:.75rem!important;padding-bottom:1rem!important}.gallery-item,.gallery-item:nth-child(3n),.gallery-item:nth-child(4n){border-radius:8px!important;margin-bottom:.75rem!important}.gallery-item:after{border-radius:6px!important;inset:10px!important}.gallery-item:hover:after{inset:7px!important}.lightbox-main{width:90%;height:55%}.lightbox-nav-btn{width:48px;height:48px;position:fixed;top:auto;bottom:2rem;transform:none}.lightbox-nav-btn:hover{transform:scale(1.1)}.lightbox-nav-btn:active{transform:scale(.95)}.lightbox-nav-btn.prev{left:3rem}.lightbox-nav-btn.next{right:3rem}.lightbox-info{margin-top:1rem;margin-bottom:7rem}.lightbox-close-btn{top:1rem;right:1rem}}
