@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --navy: #1a2744;
    --navy-light: #243554;
    --gold: #c9a96e;
    --gold-light: #ddb97a;
    --cream: #faf8f3;
    --warm: #f5f0e8;
    --bronze: #8b6914;
    --terracotta: #b87d4b;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--cream);color:#1f2937;line-height:1.6;overflow-x:hidden}
.font-serif{font-family:'Cormorant Garamond',serif}

/* Utilities */
.gradient-text{background:linear-gradient(135deg,var(--gold)0%,#f0d99c 50%,var(--gold)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.glass-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);border:1px solid rgba(201,169,110,0.15)}
.verse-box{border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(201,169,110,0.08)0%,transparent 100%)}
.pyramid-level{position:relative;transition:all .4s ease}
.pyramid-level:hover{transform:translateX(8px)}
.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .8s ease}
.scroll-reveal.visible{opacity:1;transform:translateY(0)}
.card-hover{transition:all .3s ease}
.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.1)}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.float-anim{animation:float 4s ease-in-out infinite}
@keyframes pulse-gold{0%,100%{box-shadow:0 0 0 0 rgba(201,169,110,0.4)}50%{box-shadow:0 0 0 15px rgba(201,169,110,0)}}
.pulse-gold{animation:pulse-gold 2s infinite}
@keyframes bounce{0%,100%{transform:translateX(-50%)translateY(0)}50%{transform:translateX(-50%)translateY(-10px)}}

.bg-pattern{background-image:radial-gradient(circle at 2px 2px,rgba(201,169,110,0.3)1px,transparent 0);background-size:40px 40px}

/* Scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--cream)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--bronze)}
::selection{background:rgba(201,169,110,0.3);color:var(--navy)}

/* Navbar */
#navbar.scrolled{background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);box-shadow:0 1px 3px rgba(0,0,0,0.1)}
#navbar.scrolled .logo-text{color:var(--navy)}
#navbar.scrolled .nav-link{color:#4b5563}
#mobile-menu{display:none;background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);border-top:1px solid #f3f4f6}
#mobile-menu.active{display:block}
nav a.active{color:var(--gold)}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Print */
@media print{nav,footer,.no-print{display:none!important}}