@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";
.gallery-page-container{--gold:#c5a059;--black:#000;--white:#fff;--text-muted:#a4a4a4;--transition:all .5s cubic-bezier(.165, .84, .44, 1);background-color:var(--black);color:var(--white);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.gallery-page-container ::-webkit-scrollbar{width:8px}.gallery-page-container ::-webkit-scrollbar-track{background:var(--black)}.gallery-page-container ::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px}.gallery-hero{align-items:center;width:100%;height:100vh;padding:0 5%;display:flex;position:relative;overflow:hidden}.gallery-hero-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.gallery-hero-bg img,.gallery-hero-bg>span>img{filter:brightness(.4);object-fit:cover!important;width:100%!important;height:100%!important}.gallery-hero-content{z-index:2;max-width:600px;position:relative}.gallery-hero-content h1{margin-bottom:1.5rem;font-size:5rem;font-weight:700;line-height:1.1}.gallery-hero-content h1 span{display:block}.gallery-hero-content h1 .gallery-gold-text{color:var(--gold)}.gallery-hero-content p{color:var(--text-muted);max-width:450px;margin-bottom:2.5rem;font-size:1.1rem}.gallery-btn-primary{border:1px solid var(--gold);color:var(--white);text-transform:uppercase;letter-spacing:1px;transition:var(--transition);align-items:center;gap:10px;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.gallery-btn-primary:hover{background:var(--gold);color:var(--black)}.gallery-btn-primary span{font-size:.9rem}.gallery-section-content{background-color:var(--black);padding:100px 5%}.gallery-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:300px;gap:20px;display:grid}.gallery-item{cursor:pointer;position:relative;overflow:hidden}.gallery-item>span,.gallery-item>div{top:0;left:0;width:100%!important;height:100%!important;position:absolute!important}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.gallery-item:hover img{filter:brightness(.6);transform:scale(1.05)}.gallery-overlay{z-index:2;position:absolute;bottom:20px;left:20px}.gallery-overlay h3{text-transform:uppercase;letter-spacing:2px;color:var(--white);margin-bottom:5px;font-size:1.2rem}.gallery-overlay .gallery-line{background:var(--gold);width:40px;height:2px}.gallery-item-luxuriance{grid-area:span 2/span 8}.gallery-item-downtown{grid-area:span 2/span 4}.gallery-item-sky-inn,.gallery-item-signature,.gallery-item-spectra-x{grid-area:span 1/span 4}.gallery-item-behind-magic,.gallery-item-grand-opening{grid-column:span 6}.gallery-small-thumbs{grid-template-columns:repeat(5,1fr);gap:15px;margin-top:20px;display:grid}.gallery-thumb-item{height:150px;overflow:hidden}.gallery-thumb-item img{object-fit:cover;width:100%;height:100%}.gallery-stats-section{border-top:1px solid #c5a05933;border-bottom:1px solid #c5a05933;justify-content:space-around;align-items:center;padding:80px 5%;display:flex}.gallery-stat-box{text-align:center;padding:0 40px;position:relative}.gallery-stat-box:not(:last-child):after{content:"";background:var(--gold);width:1px;height:60px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.gallery-stat-icon{color:var(--gold);margin-bottom:10px;display:block}.gallery-stat-number{color:var(--white);font-size:2.5rem;font-weight:700;display:block}.gallery-stat-label{text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-size:.8rem}.gallery-visual-experience{background-color:var(--black);grid-template-columns:1fr 2fr;align-items:center;gap:50px;padding:100px 5%;display:grid}.gallery-experience-text h2{margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.1}.gallery-experience-text h2 .gallery-gold-text{color:var(--gold)}.gallery-experience-text .gallery-line{background:var(--gold);width:60px;height:2px}.gallery-experience-img{height:500px;position:relative;overflow:hidden}.gallery-experience-img img{object-fit:cover;width:100%;height:100%}.gallery-footer-section{align-items:center;min-height:500px;padding:100px 5%;display:flex;position:relative;overflow:hidden}.gallery-footer-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.gallery-footer-bg img{object-fit:cover;filter:brightness(.3);width:100%;height:100%}.gallery-footer-content{z-index:2;max-width:600px;position:relative}.gallery-footer-content h2{margin-bottom:2rem;font-size:3.5rem;font-weight:700;line-height:1.1}.gallery-footer-content h2 .gallery-gold-text{color:var(--gold)}@media (max-width:1024px){.gallery-hero-content h1{font-size:3.5rem}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.gallery-item-luxuriance,.gallery-item-downtown,.gallery-item-sky-inn,.gallery-item-signature,.gallery-item-spectra-x,.gallery-item-behind-magic,.gallery-item-grand-opening{grid-column:span 1;height:300px}.gallery-visual-experience{grid-template-columns:1fr}.gallery-stats-section{flex-wrap:wrap;gap:30px}.gallery-stat-box{width:45%}.gallery-stat-box:nth-child(2):after{display:none}}@media (max-width:768px){.gallery-hero-content h1{font-size:2.5rem}.gallery-grid{grid-template-columns:1fr}.gallery-small-thumbs{grid-template-columns:repeat(3,1fr)}.gallery-stat-box{width:100%}.gallery-stat-box:after{display:none}.gallery-footer-content h2{font-size:2.5rem}}