*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #030305;--bg-panel: #08080c;--bg-glass: rgba(8, 8, 12, .85);--gold: #c9a227;--gold-bright: #e8c547;--gold-dim: #6b5b3f;--gold-light: #e8dcc8;--text-muted: #5a5568;--accent-philosophy: #c9a961;--accent-theology: #8b4a6b;--accent-science: #4a7c8b;--accent-history: #6b8b4a;--font-display: "Cinzel Decorative", serif;--font-body: "Cormorant Garamond", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--gold-light);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}.particles-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.5}.particle{position:absolute;width:2px;height:2px;background:var(--gold);border-radius:50%;animation:float 25s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100vh) translate(30px);opacity:0}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;opacity:0;visibility:hidden;background:linear-gradient(to bottom,rgba(3,3,5,.95) 0%,transparent 100%)}.nav-logo{font-family:var(--font-display);font-size:1rem;color:var(--gold);letter-spacing:.2em}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-link{font-family:var(--font-ui);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);position:relative;transition:color .3s ease;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--gold)}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,transparent 30%,rgba(3,3,5,.6) 100%)}.journey-section{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;z-index:5}.journey-quote{max-width:800px;text-align:center;opacity:0;border:none;margin:0;padding:0}.quote-line{font-family:var(--font-body);font-size:clamp(1.4rem,3.5vw,2rem);font-style:italic;color:var(--gold-light);line-height:1.5;margin-bottom:1rem}.quote-attribution{display:block;font-family:var(--font-display);font-size:.85rem;font-style:normal;color:var(--gold-dim);letter-spacing:.15em;text-transform:uppercase}.site-footer{padding:3rem 2rem;text-align:center;border-top:1px solid rgba(201,169,97,.08);background:var(--bg-deep);position:relative;z-index:10}.footer-content{max-width:500px;margin:0 auto}.footer-title{font-family:var(--font-display);font-size:1.2rem;color:var(--gold);letter-spacing:.1em;margin-bottom:.5rem}.footer-desc{color:var(--text-muted);font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.footer-year{font-family:var(--font-ui);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}@media(max-width:768px){.site-nav{padding:1rem 1.5rem}.nav-links{gap:1.2rem}.nav-link{font-size:.6rem}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;perspective:1000px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-deep);z-index:0}.hero-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(180,145,50,.2) 0%,transparent 60%);filter:blur(100px);animation:pulse-glow 8s ease-in-out infinite;z-index:0}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.4);opacity:.5}}.hero-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-title-wrapper{position:relative}.hero-title{font-family:Cinzel Decorative,serif;font-size:clamp(3rem,10vw,7rem);font-weight:700;letter-spacing:.12em;color:#d4af37;line-height:1.1;opacity:0;text-shadow:0 0 40px rgba(212,175,55,.4),0 0 80px rgba(212,175,55,.2),0 0 120px rgba(212,175,55,.1)}.hero-title .char{display:inline-block;opacity:0;transform:translateY(30px)}.hero-rule{width:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(180,145,50,.5) 20%,#d4af37 50%,rgba(180,145,50,.5) 80%,transparent 100%);opacity:0;margin-top:0;box-shadow:0 0 20px #d4af374d}.hero-scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;z-index:1}.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,#d4af37,transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:.8;transform:scaleY(1)}}.scroll-text{font-family:var(--font-ui);font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-dim)}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020204;z-index:10000;pointer-events:none}.hero-connector{position:absolute;bottom:-100px;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,var(--bg-deep) 100%);z-index:2;pointer-events:none}.collage-universe{position:relative;min-height:200vh;z-index:5}.collage-stage{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.collage-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease}.bg-layer.active{opacity:1}.bg-philosophy{background:radial-gradient(ellipse at 25% 75%,rgba(160,130,60,.15) 0%,transparent 50%),radial-gradient(ellipse at 75% 25%,rgba(100,130,70,.08) 0%,transparent 40%),var(--bg-deep)}.bg-theology{background:radial-gradient(ellipse at 65% 85%,rgba(120,60,90,.2) 0%,transparent 50%),radial-gradient(ellipse at 25% 25%,rgba(160,130,60,.08) 0%,transparent 40%),var(--bg-deep)}.bg-science{background:radial-gradient(ellipse at 50% 50%,rgba(60,110,130,.2) 0%,transparent 55%),radial-gradient(ellipse at 85% 25%,rgba(160,130,60,.06) 0%,transparent 40%),var(--bg-deep)}.bg-history{background:radial-gradient(ellipse at 35% 65%,rgba(100,130,70,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 35%,rgba(130,110,70,.08) 0%,transparent 40%),var(--bg-deep)}.topic-cards-container{position:relative;width:100%;max-width:1300px;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.topic-card{position:absolute;width:min(95vw,1200px);max-height:85vh;overflow-y:auto;background:#08080ceb;border:1px solid rgba(180,145,50,.12);border-radius:8px;padding:3rem;opacity:0;visibility:hidden;scrollbar-width:thin;scrollbar-color:rgba(180,145,50,.2) transparent}.topic-card::-webkit-scrollbar{width:4px}.topic-card::-webkit-scrollbar-thumb{background:#b4913233}.topic-card.active{opacity:1;visibility:visible}.topic-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(180,145,50,.1)}.topic-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:10px;flex-shrink:0}.topic-icon svg{width:34px;height:34px;stroke-width:1.5;fill:none}.topic-title-group{flex:1}.topic-label{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.topic-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);letter-spacing:.06em;margin:0}.topic-desc{font-family:var(--font-body);font-size:1.1rem;color:var(--gold-light);line-height:1.6;margin-bottom:1.5rem;opacity:.9}.topics-container{display:flex;flex-direction:column;gap:0}.topic-block{padding:1.25rem 0;border-top:1px solid rgba(180,145,50,.08)}.topic-block:first-child{border-top:none;padding-top:.75rem}.topic-block:last-child{padding-bottom:0}.topic-block-title{font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.35rem);color:var(--gold);letter-spacing:.04em;margin-bottom:.75rem;line-height:1.35}.topic-block-desc{font-family:var(--font-body);font-size:clamp(1rem,1.6vw,1.15rem);color:#c4b8a0;line-height:1.75;margin:0}.topic-progress{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.6rem;z-index:10}.progress-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);opacity:.25;cursor:pointer;transition:all .3s ease}.progress-dot:hover{opacity:.5}.progress-dot.active{background:var(--gold);opacity:1;transform:scale(1.25)}@media(max-width:768px){.topic-card{padding:2rem;width:96vw;max-height:80vh}.topic-card-header{flex-direction:column;text-align:center;gap:1rem}.topic-icon{width:50px;height:50px}.topic-icon svg{width:28px;height:28px}.topic-block{padding:1.1rem 0}.topic-block-title{font-size:1.05rem}.topic-block-desc{font-size:.95rem;line-height:1.65}}