*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Lato,'Playfair Display',Calibri,Tahoma,Geneva,Verdana,sans-serif;background-color:#050505;color:#fff;overflow-x:hidden;line-height:1.6;}.page-reveal{position:fixed;top:0;left:0;width:100%;height:100%;background:#050505;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;}.reveal-expand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:1px;border-radius:50%;background:rgba(255,140,0,0.5);box-shadow:0 0 0 0 rgba(43,38,38,0.9);transform:scale(0);opacity:1;animation:expandFadeCircle 1.6s cubic-bezier(0.4,0,0.2,1) forwards;}@keyframes expandFadeCircle{0%{transform:translate(-50%,-50%) scale(0);box-shadow:0 0 0 0 rgba(255,140,0,0.9);opacity:1;}20%{transform:translate(-50%,-50%) scale(5);box-shadow:0 0 0 20px rgba(255,140,0,0.8);opacity:1;}40%{transform:translate(-50%,-50%) scale(12);box-shadow:0 0 0 50px rgba(255,165,0,0.6);opacity:0.8;}60%{transform:translate(-50%,-50%) scale(20);box-shadow:0 0 0 100px rgba(255,165,0,0.4);opacity:0.5;}80%{transform:translate(-50%,-50%) scale(30);box-shadow:0 0 0 180px rgba(255,69,0,0.2);opacity:0.2;}100%{transform:translate(-50%,-50%) scale(40);box-shadow:0 0 0 300px rgba(255,69,0,0);opacity:0;}}.page-content{opacity:0;animation:contentFadeIn 0.6s ease-out forwards 0s;}@keyframes contentFadeIn{0%{opacity:0;}100%{opacity:1;}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;}.particle{position:absolute;background:rgb(115,64,28);border-radius:50%;opacity:0.7;animation:float 8s infinite ease-in-out;}@keyframes float{0%{transform:translateY(0) scale(1);opacity:0.7;}50%{transform:translateY(-20px) scale(1.2);opacity:1;}100%{transform:translateY(0) scale(1);opacity:0.7;}}.nav-toggle{position:fixed;top:20px;left:20px;z-index:1000;width:50px;height:50px;background:rgba(0,0,0,0.7);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);border:1px solid #444;}.nav-toggle:hover{background:#d4af37;border-color:#d4af37;}.nav-toggle span{display:block;width:24px;height:2px;background:#d4af37;position:relative;transition:all 0.3s ease;}.nav-toggle:hover span,.nav-toggle:hover span::before,.nav-toggle:hover span::after{background:#000;}.nav-toggle span::before,.nav-toggle span::after{content:'';position:absolute;width:24px;height:2px;background:#d4af37;transition:all 0.3s ease;}.nav-toggle span::before{top:-8px;}.nav-toggle span::after{top:8px;}.nav-toggle.active span{background:transparent;}.nav-toggle.active span::before{transform:rotate(45deg);top:0;}.nav-toggle.active span::after{transform:rotate(-45deg);top:0;}.nav-menu{position:fixed;top:0;left:-320px;width:300px;height:100vh;background:#0a0a0a;backdrop-filter:blur(20px);z-index:999;padding:100px 0 20px;transition:left 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);border-right:1px solid rgba(200,168,106,0.4);overflow-y:auto;box-shadow:5px 0 15px rgba(0,0,0,0.5);}.nav-menu.active{left:0;}.nav-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#333,transparent);}.menu-logo{position:absolute;top:20px;left:20px;width:40px;height:40px;background:#111;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#d4af37;font-size:24px;font-weight:bold;}.nav-menu ul{list-style:none;padding-top:20px;}.nav-menu li{margin:8px 0;}.nav-menu a{color:#aaa;text-decoration:none;font-size:16px;padding:12px 20px 12px 30px;display:block;transition:all 0.3s ease;position:relative;border-left:3px solid transparent;font-weight:500;letter-spacing:0.5px;}.nav-menu a.active{background:#141414;color:#fff;border-left:3px solid #d4af37;padding-left:27px;}.nav-menu a:hover:not(.active){border-left:3px solid #d4af37;padding-left:27px;background:rgba(255,255,255,0.05);color:#fff;}.menu-divider{height:1px;background:#333;margin:20px 30px;}.banner-caption{text-align:center;padding:30px 20px 15px;font-size:2.2rem;font-weight:bold;letter-spacing:2px;background:linear-gradient(90deg,#dbbd5a,#FFA500,#FF8C00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 15px rgba(255,215,0,0.3);}.banner-section{width:100%;height:600px;position:relative;overflow:hidden;background:#000;}.banner-image{width:100%;height:100%;object-fit:contain;transition:transform 0.5s ease;}.banner-image:hover{transform:scale(1.02);}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0) 100%);pointer-events:none;display:flex;align-items:center;justify-content:center;}.thumbnail-preview-section{width:100%;background:#0a0a0a;padding:25px 20px;border-top:1px solid rgba(200,168,106,0.2);}.thumbnail-container{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;}.thumbnail{width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,0.3);cursor:pointer;transition:all 0.3s ease;background:#1a1a1a;}.thumbnail:hover{border-color:#d4af37;transform:scale(1.1);box-shadow:0 5px 15px rgba(212,175,55,0.3);}.thumbnail img{width:100%;height:100%;object-fit:cover;}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:9999;display:none;align-items:center;justify-content:center;flex-direction:column;}.overlay.active{display:flex;}.overlay-close{position:absolute;top:30px;right:40px;color:#fff;font-size:40px;cursor:pointer;transition:color 0.3s ease;z-index:10000;line-height:1;}.overlay-close:hover{color:#d4af37;}.image-viewer{max-width:90%;max-height:85vh;}.image-viewer img{width:100%;height:100%;object-fit:contain;}.footer{text-align:center;padding:40px 20px;color:rgba(200,168,106,0.6);border-top:1px solid rgba(200,168,106,0.2);margin-top:10px;}.copyright{text-align:center;color:rgba(200,168,106,0.6);font-size:14px;z-index:3;opacity:1;transform:translateY(0);}@media (max-width:992px){.banner-section{height:500px;}.banner-caption{font-size:1.8rem;}.thumbnail{width:80px;height:80px;}}@media (max-width:768px){.banner-section{height:400px;}.banner-image{object-fit:cover;}.banner-caption{font-size:1.5rem;padding-top:20px;}.thumbnail{width:65px;height:65px;}.thumbnail-preview-section{padding:20px 15px;}}@media (max-width:480px){.banner-section{height:300px;}.banner-caption{font-size:1.2rem;}.thumbnail{width:55px;height:55px;}.thumbnail-container{gap:10px;}.overlay-close{top:15px;right:20px;font-size:30px;}}