@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap";:root{--color-gold: #C9A962;--color-gold-light: #E8D5A3;--color-gold-dark: #9A7B3C;--color-burgundy: #722F37;--color-burgundy-light: #8B4049;--color-burgundy-dark: #5A252C;--color-cream: #FDF8F0;--color-sand: #E8DFD0;--color-terracotta: #C17F59;--color-olive: #4A6741;--color-charcoal: #1A1A1A;--color-dark-brown: #2C2419;--color-slate: #3D3D3D;--color-white: #FFFFFF;--color-off-white: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-emerald: #2D5A4A;--color-teal: #1D4E4E;--color-copper: #B87333;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic: "Amiri", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-hero: 4.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .2em;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-gold: 0 4px 20px rgba(201, 169, 98, .3);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-slower: .7s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-charcoal);background-color:var(--color-cream);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-dark-brown)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--color-gray-600)}a{color:var(--color-burgundy);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gold-dark)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}@media(max-width:768px){.container{padding:0 var(--space-4)}}.section{padding:var(--space-24) 0}.section-sm{padding:var(--space-16) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gold{color:var(--color-gold)}.text-burgundy{color:var(--color-burgundy)}.text-white{color:var(--color-white)}.bg-cream{background-color:var(--color-cream)}.bg-sand{background-color:var(--color-sand)}.bg-dark{background-color:var(--color-dark-brown)}.bg-burgundy{background-color:var(--color-burgundy)}.bg-gold{background-color:var(--color-gold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.md\:grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.pattern-batik{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30L30 0z' fill='none' stroke='%23C9A962' stroke-opacity='0.1' stroke-width='1'/%3E%3C/svg%3E")}.pattern-islamic{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0L80 40L40 80L0 40L40 0z M40 20L60 40L40 60L20 40L40 20z' fill='none' stroke='%23722F37' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E")}.gold-line{width:80px;height:3px;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-light));margin:var(--space-4) auto}.gold-line-left{margin-left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-slow) ease-out}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark));color:var(--color-white);border-color:var(--color-gold)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-gold-light),var(--color-gold));box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-secondary{background:var(--color-burgundy);color:var(--color-white);border-color:var(--color-burgundy)}.btn-secondary:hover{background:var(--color-burgundy-light);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-gold);border-color:var(--color-gold)}.btn-outline:hover{background:var(--color-gold);color:var(--color-white)}.btn-outline-light{background:transparent;color:var(--color-white);border-color:var(--color-white)}.btn-outline-light:hover{background:var(--color-white);color:var(--color-burgundy)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card-image{width:100%;height:240px;object-fit:cover}.card-content{padding:var(--space-6)}.card-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-dark-brown);margin-bottom:var(--space-2)}.card-description{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--leading-relaxed)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-brown);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-charcoal);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px #c9a96233}.form-textarea{min-height:120px;resize:vertical}img{max-width:100%;height:auto;display:block}.img-cover{width:100%;height:100%;object-fit:cover}.img-rounded{border-radius:var(--radius-lg)}@media(max-width:768px){:root{--text-hero: 2.5rem;--text-6xl: 2.5rem;--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-sand)}::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dark)}::selection{background:var(--color-gold);color:var(--color-white)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section-icon{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-4);position:relative;height:60px;width:80px;margin-left:auto;margin-right:auto}.section-icon-left{margin-left:0;margin-right:0}.gunungan-section{position:absolute;height:60px;width:auto;left:50%;transform:translate(-50%);transform-origin:center bottom}.gunungan-section-main{z-index:3}.gunungan-section-dup1{z-index:2;animation:rotateSectionLeft 2.5s ease-in-out infinite}.gunungan-section-dup2{z-index:1;animation:rotateSectionRight 2.5s ease-in-out infinite}@keyframes rotateSectionLeft{0%,to{transform:translate(-50%) rotate(0);opacity:0}25%{opacity:.8}50%{transform:translate(-50%) rotate(-35deg);opacity:1}75%{opacity:.8}}@keyframes rotateSectionRight{0%,to{transform:translate(-50%) rotate(0);opacity:0}25%{opacity:.8}50%{transform:translate(-50%) rotate(35deg);opacity:1}75%{opacity:.8}}.section-badge{display:inline-block;padding:var(--space-1) var(--space-4);background:#c9a96226;color:var(--color-gold-dark);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:var(--space-3)}.section-title{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--color-dark-brown);margin-bottom:var(--space-4)}.section-description{font-size:var(--text-lg);color:var(--color-gray-500);line-height:var(--leading-relaxed)}.page-hero{position:relative;height:85vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.page-hero-background{position:absolute;inset:0}.page-hero-background img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);animation:zoomOut 20s infinite alternate}@keyframes zoomOut{0%{transform:scale(1.05)}to{transform:scale(1.15)}}.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#1e181266,#1e181299,#1e1812cc);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.page-hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:0 var(--space-6);display:flex;flex-direction:column;align-items:center}.hero-icon{margin-bottom:var(--space-4);position:relative;width:100px;height:80px;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}.gunungan-hero{position:absolute;width:auto;height:70px;object-fit:contain;left:50%;transform:translate(-50%);filter:drop-shadow(0 2px 8px rgba(255,255,255,.4));transform-origin:center bottom}.gunungan-hero-main{z-index:3}.gunungan-hero-dup1{z-index:2;animation:rotateHeroLeft 2.5s ease-in-out infinite}.gunungan-hero-dup2{z-index:1;animation:rotateHeroRight 2.5s ease-in-out infinite}@keyframes rotateHeroLeft{0%,to{transform:translate(-50%) rotate(0);opacity:0}25%{opacity:.8}50%{transform:translate(-50%) rotate(-35deg);opacity:1}75%{opacity:.8}}@keyframes rotateHeroRight{0%,to{transform:translate(-50%) rotate(0);opacity:0}25%{opacity:.8}50%{transform:translate(-50%) rotate(35deg);opacity:1}75%{opacity:.8}}.page-hero-content h1{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:700;color:var(--color-white);line-height:1.1;margin-bottom:var(--space-6);text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-.02em}.page-hero-content p{font-size:var(--text-xl);color:var(--color-gray-200);font-weight:300;max-width:600px;line-height:1.6;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.delay-5{animation-delay:1s}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-2) 0;background:transparent;transition:all .4s cubic-bezier(.4,0,.2,1)}.header-scrolled{background:#fdf8f0fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #00000014;padding:var(--space-2) 0}.header.menu-open{background:#fdf8f0fa}.nav{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;position:relative;z-index:1001}.logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:transparent!important;box-shadow:none!important;border-radius:0}.logo-img{height:44px;width:auto;transition:all .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.header-scrolled .logo-img{filter:drop-shadow(0 1px 4px rgba(0,0,0,.15))}.logo:hover .logo-icon{transform:scale(1.05)}.logo-text{display:flex;flex-direction:column}.logo-name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-dark-brown);line-height:1.2;transition:color .3s ease}.header:not(.header-scrolled):not(.menu-open) .logo-name{color:var(--color-white);text-shadow:0 2px 10px rgba(0,0,0,.3)}.logo-location{font-size:10px;font-weight:var(--font-medium);color:var(--color-gold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.nav-menu{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-brown);text-decoration:none;border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);background:none;border:none;cursor:pointer;font-family:inherit}.header:not(.header-scrolled):not(.menu-open) .nav-link{color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.3)}.nav-link:hover{color:var(--color-gold);background:#c9a96226}.header:not(.header-scrolled):not(.menu-open) .nav-link:hover{color:var(--color-gold-light);background:#ffffff1a}.nav-link.active{color:var(--color-gold-dark);background:#c9a96226}.dropdown-arrow{font-size:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.7}.dropdown-trigger.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;min-width:220px;padding-top:var(--space-2);opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:all .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.dropdown-menu.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.dropdown-content{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 50px #00000026,0 10px 30px #0000001a,0 0 0 1px #0000000d;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.dropdown-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);text-decoration:none;border-radius:var(--radius-lg);transition:all .25s ease}.dropdown-link:hover{color:var(--color-gold-dark);background:linear-gradient(135deg,#c9a9621a,#c9a9620d);transform:translate(4px)}.dropdown-link.active{color:var(--color-gold-dark);background:linear-gradient(135deg,#c9a96226,#c9a9621a)}.dropdown-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a9621a,#722f370d);border-radius:var(--radius-md);color:var(--color-dark-brown)}.dropdown-icon svg{width:18px;height:18px}.dropdown-label{flex:1}.nav-cta{margin-left:var(--space-4);box-shadow:0 4px 15px #c9a9624d}.nav-cta:hover{box-shadow:0 6px 20px #c9a96266}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:#c9a9621a;border:none;border-radius:var(--radius-lg);cursor:pointer;padding:10px;position:relative;z-index:1001;transition:all .3s ease}.mobile-menu-btn:hover{background:#c9a96233}.mobile-menu-btn span{display:block;width:100%;height:2px;background:var(--color-dark-brown);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.header:not(.header-scrolled):not(.menu-open) .mobile-menu-btn{background:#ffffff26}.header:not(.header-scrolled):not(.menu-open) .mobile-menu-btn span{background:var(--color-white)}.mobile-menu-btn.active{background:#c9a96233}.mobile-menu-btn.active span{background:var(--color-dark-brown)}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-overlay{display:none;position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:99998}.mobile-overlay.show{opacity:1;visibility:visible}.mobile-nav{display:none;position:fixed;top:var(--space-4);right:var(--space-4);bottom:auto;left:auto;width:300px;max-width:calc(100vw - var(--space-8));max-height:75vh;background:var(--color-white);z-index:99999;transform:translate(calc(100% + var(--space-4)));opacity:1;visibility:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),visibility .4s;overflow-y:auto;box-shadow:0 20px 60px #00000040,0 8px 25px #00000026;border-radius:var(--radius-lg)}.mobile-nav.open{transform:translate(0);visibility:visible}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-gray-200);background:linear-gradient(135deg,#c9a96214,#c9a96205)}.mobile-nav-brand{display:flex;align-items:center;gap:var(--space-3)}.mobile-nav-logo{width:36px;height:36px;object-fit:contain}.mobile-nav-brand-text{display:flex;flex-direction:column}.mobile-nav-brand-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-charcoal);line-height:1.2}.mobile-nav-brand-tagline{font-size:10px;color:var(--color-charcoal);text-transform:uppercase;letter-spacing:.5px}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#0000000d;border-radius:var(--radius-lg);cursor:pointer;color:var(--color-gray-600);transition:all .2s ease}.mobile-nav-close:hover{background:#0000001a;color:var(--color-dark-brown)}.mobile-nav-menu{list-style:none;margin:0;padding:var(--space-2) var(--space-3)}.mobile-nav-menu>li{margin-bottom:var(--space-2)}.mobile-nav-menu>li>a,.mobile-dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-brown);text-decoration:none;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;text-align:left;transition:all .25s ease}.mobile-nav-menu>li>a:hover,.mobile-dropdown-trigger:hover{background:#c9a9621a;color:var(--color-gold-dark)}.mobile-nav-menu>li>a.active{background:linear-gradient(135deg,#c9a96226,#c9a9621a);color:var(--color-gold-dark)}.mobile-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-dark-brown)}.mobile-nav-icon svg{width:16px;height:16px}.mobile-dropdown-trigger{justify-content:space-between}.mobile-dropdown-trigger span:first-child{display:flex;align-items:center;gap:var(--space-3)}.mobile-dropdown-arrow{font-size:12px;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.6}.mobile-dropdown-trigger.open{background:#c9a9621a;color:var(--color-gold-dark)}.mobile-dropdown-trigger.open .mobile-dropdown-arrow{transform:rotate(180deg)}.mobile-dropdown{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.mobile-dropdown.show{max-height:400px}.mobile-dropdown li a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-left:var(--space-6);font-size:13px;color:var(--color-gray-600);text-decoration:none;border-radius:var(--radius-sm);margin:2px var(--space-1);transition:all .25s ease}.mobile-dropdown li a:hover{background:#c9a96214;color:var(--color-gold-dark)}.mobile-dropdown li a.active{background:#c9a9621f;color:var(--color-gold-dark)}.mobile-dropdown-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600)}.mobile-dropdown-icon svg{width:14px;height:14px}.mobile-nav-footer{padding:var(--space-3);border-top:1px solid var(--color-gray-200);display:flex;flex-direction:row;justify-content:center;gap:var(--space-2)}.mobile-cta{flex:1;max-width:130px;justify-content:center;padding:var(--space-2) var(--space-3);font-size:11px;border-radius:var(--radius-md);text-align:center}.mobile-cta-wa{flex:1;max-width:130px;justify-content:center;padding:var(--space-2) var(--space-3);font-size:11px;border-radius:var(--radius-md);background:#25d366;color:var(--color-white);border:none;display:flex;align-items:center;gap:var(--space-1);text-decoration:none;font-weight:var(--font-medium);transition:all .3s ease;text-align:center}.mobile-cta-wa:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 4px 15px #25d36666}@media(max-width:1024px){.nav-menu,.nav-cta{display:none}.mobile-menu-btn,.mobile-overlay{display:flex}.mobile-nav{display:flex;flex-direction:column}.header-scrolled .logo-text{opacity:1;visibility:visible;transition:all .3s ease}.header-scrolled .logo-name{color:var(--color-charcoal);text-shadow:none}.header-scrolled .logo-location{color:var(--color-charcoal)}.header-scrolled .logo-icon{width:40px;height:40px}.header-scrolled .logo-img{height:36px}}@media(max-width:768px){.mobile-nav{width:280px;right:var(--space-3);top:var(--space-3);max-height:70vh}}@media(max-width:480px){.logo-text{display:none}.logo-icon{width:40px;height:40px}.logo-img{height:36px}.mobile-nav{width:calc(100vw - var(--space-4));max-width:320px;right:var(--space-2);top:var(--space-2);max-height:75vh}.mobile-nav-header{padding:var(--space-3)}.mobile-nav-menu{padding:var(--space-2) var(--space-3)}.mobile-nav-footer{padding:var(--space-2)}.mobile-cta,.mobile-cta-wa{max-width:110px;font-size:10px;padding:6px 10px}}.footer{position:relative;background:var(--color-dark-brown);color:var(--color-gray-300);overflow:hidden}.footer-pattern{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--color-gold) 0%,var(--color-burgundy) 25%,var(--color-gold) 50%,var(--color-burgundy) 75%,var(--color-gold) 100%);z-index:2}.footer-watermark{position:absolute;bottom:-10%;right:-5%;width:500px;height:500px;opacity:.03;pointer-events:none;z-index:0;transform:rotate(-15deg)}.footer-watermark img{width:100%;height:100%;object-fit:contain}.footer-container{max-width:var(--container-xl);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{padding-right:var(--space-8);position:relative;z-index:1}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-logo .logo-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.footer-logo .logo-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.footer-logo .logo-text{display:flex;flex-direction:column}.footer-logo .logo-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-white);line-height:1.2}.footer-logo .logo-subtitle{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-gold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.footer-tagline{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-gray-400);margin-bottom:var(--space-6)}.footer-social{display:flex;gap:var(--space-3)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-full);color:var(--color-gray-300);transition:all var(--transition-fast)}.social-link:hover{background:var(--color-gold);color:var(--color-white);transform:translateY(-3px)}.footer-column{min-width:0}.footer-heading{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-white);margin-bottom:var(--space-4);position:relative;padding-bottom:var(--space-2)}.footer-heading:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--color-gold)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{font-size:var(--text-sm);color:var(--color-gray-400);text-decoration:none;transition:all var(--transition-fast);display:inline-block}.footer-links a:hover{color:var(--color-gold);transform:translate(5px)}.footer-contact{list-style:none}.footer-contact li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-400)}.footer-contact svg{flex-shrink:0;color:var(--color-gold);margin-top:2px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1)}.footer-copyright p{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-1)}.footer-heritage{font-size:var(--text-xs);color:var(--color-gold);font-style:italic}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{font-size:var(--text-sm);color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-gold)}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-brand{grid-column:span 2;padding-right:0}}@media(max-width:768px){.footer-container{padding:var(--space-12) var(--space-4) var(--space-6)}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.footer-legal{gap:var(--space-4)}}.loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cream) 0%,#f5efe6 50%,var(--color-sand) 100%);z-index:9999}.loading-content{text-align:center;animation:fadeIn .3s ease-out}.loading-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.logo-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:transparent;animation:logoPulse 1.5s ease-in-out infinite}.loading-logo-img{width:100%;height:100%;object-fit:contain;animation:iconBounce 1.5s ease-in-out infinite}.logo-text{display:flex;flex-direction:column;animation:textSlideUp .5s ease-out .2s both}.logo-wisma{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:#000;letter-spacing:var(--tracking-wide)}.logo-nusantara{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-medium);color:#000;letter-spacing:var(--tracking-widest);text-transform:uppercase}.loading-bar{width:200px;height:4px;background:#0000001a;border-radius:var(--radius-full);overflow:hidden;margin:0 auto var(--space-4)}.loading-progress{height:100%;width:30%;background:#000;border-radius:var(--radius-full);animation:loadingSlide 1s ease-in-out infinite}.loading-text{font-size:var(--text-sm);color:#000;margin:0;animation:textFade 1.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes textSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingSlide{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}@keyframes textFade{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:480px){.logo-icon{width:64px;height:64px}.icon-inner{font-size:2rem}.logo-wisma{font-size:var(--text-xl)}.logo-nusantara{font-size:var(--text-base)}.loading-bar{width:160px}}.audio-toggle{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:999;width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000026;overflow:hidden}.audio-toggle.muted{background:var(--color-gray-200);color:var(--color-gray-500)}.audio-toggle.muted:hover{background:var(--color-gray-300);transform:scale(1.1)}.audio-toggle.playing{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark));color:var(--color-white);animation:pulse-glow 2s ease-in-out infinite}.audio-toggle.playing:hover{transform:scale(1.1)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #c9a96266}50%{box-shadow:0 4px 30px #c9a96299,0 0 40px #c9a9624d}}.audio-toggle svg{position:relative;z-index:2}.sound-waves{position:absolute;right:-20px;display:flex;align-items:center;gap:2px;opacity:.4}.sound-waves span{width:3px;background:var(--color-white);border-radius:2px;animation:wave .8s ease-in-out infinite}.sound-waves span:nth-child(1){height:8px;animation-delay:0s}.sound-waves span:nth-child(2){height:16px;animation-delay:.15s}.sound-waves span:nth-child(3){height:10px;animation-delay:.3s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.audio-toggle.loaded{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.audio-toggle{width:44px;height:44px;bottom:var(--space-4);right:var(--space-4)}.audio-toggle svg{width:18px;height:18px}}