:root{--color-dark: #1A1A1A; --color-espresso: #2D2D2D; --color-stone: #888888; --color-gold: #C4A265; --color-gold-light: #D4B887; --color-parchment: #F7F5F2; --color-cream: #EFEDEA; --color-white: #FFFFFF; --color-text: #1A1A1A; --color-text-light: #666666; --color-overlay: rgba(26, 26, 26, 0.65); --color-overlay-deep: rgba(26, 26, 26, 0.82); --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; --font-body: 'Inter', system-ui, -apple-system, sans-serif; --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); --transition-slow: all 1.8s cubic-bezier(0.16, 1, 0.3, 1); --transition-ultra: all 2.2s cubic-bezier(0.16, 1, 0.3, 1); --max-width: 1280px; --section-padding: clamp(60px, 10vw, 120px);}
@keyframes fadeInUp{
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
@keyframes scrollPulse{
            0%, 100% {
                opacity: 1;
                transform: translateY(0);
            }
            50% {
                opacity: 0.4;
                transform: translateY(8px);
            }
        }
@keyframes fadeIn{
            from { opacity: 0; }
            to { opacity: 1; }
        }
.nav{position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; transition: background 0.6s ease, padding 0.4s ease, box-shadow 0.4s ease;}
.nav.scrolled{background: rgba(26, 26, 26, 0.95); padding: 14px 40px; box-shadow: 0 2px 40px rgba(0, 0, 0, 0.2); backdrop-filter: blur(20px);}
.nav-brand{font-family: var(--font-display); font-size: 1.1rem; font-weight: 400; color: var(--color-white); letter-spacing: 4px; text-transform: uppercase;}
.nav-links{display: flex; gap: 32px; list-style: none;}
.nav-links a{font-size: 0.72rem; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: rgba(255, 255, 255, 0.75); transition: color 0.3s ease;}
.nav-links a:hover{color: var(--color-gold-light);}
.nav-mobile-toggle{display: none; background: none; border: none; cursor: pointer; width: 28px; height: 20px; position: relative;}
.nav-mobile-toggle span{display: block; width: 100%; height: 1.5px; background: var(--color-white); position: absolute; left: 0; transition: var(--transition);}
.nav-mobile-toggle span:nth-child(1){top: 0;}
.nav-mobile-toggle span:nth-child(2){top: 50%; transform: translateY(-50%);}
.nav-mobile-toggle span:nth-child(3){bottom: 0;}
.footer{padding: 40px clamp(24px, 5vw, 80px); background: var(--color-dark); border-top: 1px solid rgba(196, 162, 101, 0.1);}
.footer-inner{max-width: var(--max-width); margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; flex-wrap: wrap;}
.footer-brand{font-family: var(--font-display); font-size: 0.9rem; color: var(--color-gold-light); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 8px;}
.footer-tagline{font-size: 0.72rem; color: rgba(255, 255, 255, 0.35);}
.footer-links{display: flex; gap: 24px;}
.footer-links a{font-size: 0.72rem; color: rgba(255, 255, 255, 0.4); transition: color 0.3s;}
.footer-links a:hover{color: var(--color-gold-light);}
.disclaimer{padding: 24px clamp(24px, 5vw, 80px); background: var(--color-dark); font-size: 0.62rem; line-height: 1.7; color: rgba(255, 255, 255, 0.2); max-width: var(--max-width); margin: 0 auto;}
.wa-float{position: fixed; bottom: 24px; right: 24px; background: #25D366; border-radius: 50%; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); z-index: 999; transition: var(--transition);}
.wa-float:hover{transform: translateY(-4px); box-shadow: 0 8px 28px rgba(37, 211, 102, 0.5);}
.back-top{position: fixed; bottom: 24px; left: 24px; width: 44px; height: 44px; background: var(--color-espresso); color: var(--color-gold-light); border: 1px solid rgba(196, 162, 101, 0.3); border-radius: 50%; font-size: 1.1rem; cursor: pointer; z-index: 999; opacity: 0; visibility: hidden; transition: var(--transition); display: flex; align-items: center; justify-content: center;}
.back-top.show{opacity: 1; visibility: visible;}
.back-top:hover{transform: translateY(-3px); background: var(--color-gold); color: var(--color-dark);}
@media (max-width: 900px){.nav-links{display: none;}
.nav-mobile-toggle{display: block;}}
@media (max-width: 600px){.nav{padding: 16px 20px;}
.footer-inner{flex-direction: column;}}

.shell-main{padding-top:108px}
.navbar .nav-link[aria-current]::after{width:100%}
.navbar{z-index:100}
.footer{margin-top:40px}
@media(max-width:768px){.shell-main{padding-top:92px}}

.nav a,.footer a,.wa-float{text-decoration:none}
.nav-links a.bgm-drop-t{color:rgba(255,255,255,.75)}.nav-links a.bgm-drop-t:hover{color:var(--color-gold-light)}
.nav-links a[aria-current],.nav-links a.bgm-drop-t[aria-current]{color:var(--color-gold)}
.nav-brand{color:#fff}.footer a{color:inherit}
.bgm-drop-m a{color:#fff!important;font-size:.72rem}
@media(max-width:900px){.shell-main{padding-top:92px}}