:root{--bg: #14110d;--bg-card: #1c1914;--bg-drawer: #201d18;--gold: #c9a84c;--gold-dim: rgba(201, 168, 76, .2);--gold-glow: rgba(201, 168, 76, .06);--border: rgba(201, 168, 76, .15);--text: #ede8df;--text-muted: #7a7060;--text-dim: #3a3530;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 100% 80% at 50% 0%,#1f1a12,#14110d 60%);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-weight:300;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:300px 300px}h1,h2,h3{font-family:var(--font-display);font-weight:400}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 48px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid transparent;transition:border-color .4s ease,background .4s ease}.site-header.scrolled{border-bottom-color:var(--gold-dim);background:#14110deb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header__logo{font-family:var(--font-display);font-size:18px;font-weight:400;letter-spacing:.25em;color:var(--gold);text-transform:uppercase;flex-shrink:0;padding:0 24px}.site-header__ornament{flex:1;display:flex;align-items:center;max-width:160px}.site-header__ornament:before,.site-header__ornament:after{content:"";flex:1;height:1px;background:#c9a84c4d}.site-header__diamond{font-size:7px;color:var(--gold);opacity:.3;padding:0 8px;line-height:1}.hero{position:relative;height:100vh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(201,168,76,.04) 0%,transparent 70%);pointer-events:none}.hero__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px;opacity:0;animation:heroFadeIn 1s ease .1s forwards}.hero__title{font-family:var(--font-display);font-size:clamp(80px,11vw,140px);font-style:italic;font-weight:300;letter-spacing:.2em;color:var(--text);line-height:1;opacity:0;transform:translateY(24px);animation:heroFadeIn 1s cubic-bezier(.22,1,.36,1) .3s forwards}.hero__subtitle{font-family:var(--font-body);font-size:13px;font-weight:300;letter-spacing:.3em;color:var(--text-muted);margin-top:8px;opacity:0;animation:heroFadeIn 1s ease .5s forwards}.hero__quote{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:heroFadeIn 1s ease .9s forwards}.hero__quote-text{font-family:var(--font-display);font-style:italic;font-size:28px;color:var(--gold);opacity:.9;line-height:1.3}.hero__quote-translation{font-family:var(--font-body);font-size:11px;font-weight:300;letter-spacing:.15em;color:var(--text-muted)}.hero__scroll{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:heroFadeIn 1s ease 1.4s forwards}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2.2s ease-in-out infinite}.hero__scroll-label{font-size:9px;letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase}.map-section{padding:80px 48px 60px;max-width:1400px;margin:0 auto}.section-divider{display:flex;align-items:center;gap:16px;margin-bottom:32px}.section-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.section-divider__ornament{font-family:var(--font-display);font-size:12px;color:var(--gold);opacity:.4;line-height:1}.category-bar{display:flex;gap:2px}.category-btn{flex:1;height:180px;background:var(--bg-card);border:1px solid rgba(201,168,76,.08);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;position:relative;box-shadow:0 2px 12px #0006,inset 0 1px #c9a84c14;transition:all .5s cubic-bezier(.23,1,.32,1);overflow:hidden}.category-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(201,168,76,.06) 0%,transparent 60%);opacity:0;transition:opacity .6s ease;border-radius:4px}.category-btn:hover:before,.category-btn.is-open:before{opacity:1}.category-btn:hover,.category-btn.is-open{box-shadow:0 8px 32px #00000080,inset 0 1px #c9a84c26,0 0 0 1px #c9a84c33;transform:translateY(-2px)}.category-icon{width:28px;height:28px;color:var(--gold);opacity:.65;stroke-width:1.25;position:relative;transition:opacity .6s ease;flex-shrink:0}.category-btn:hover .category-icon,.category-btn.is-open .category-icon{opacity:1}.category-btn__name{font-family:var(--font-display);font-size:15px;font-weight:400;letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase;transition:color .6s ease;position:relative}.category-btn:hover .category-btn__name,.category-btn.is-open .category-btn__name{color:var(--text)}.category-btn__count{font-family:var(--font-body);font-size:10px;font-weight:300;letter-spacing:.15em;color:var(--gold-dim);transition:color .6s ease;position:relative}.category-btn:hover .category-btn__count,.category-btn.is-open .category-btn__count{color:#c9a84c99}.category-btn__indicator{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold);border-radius:0 0 4px 4px;transform:scaleX(0);transition:transform .4s ease}.category-btn.is-open .category-btn__indicator{transform:scaleX(1)}.subtopics-panel{overflow:hidden;max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1);border:1px solid rgba(201,168,76,.12);border-top:none;border-radius:0 0 6px 6px}.subtopics-panel.is-open{max-height:600px}.subtopics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9a84c1a;padding:1px}.subtopic-tile{background:var(--bg-card);padding:28px 28px 24px;cursor:pointer;position:relative;border-radius:6px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(12px)}.subtopic-tile.visible{animation:tileReveal .5s cubic-bezier(.22,1,.36,1) var(--delay, 0ms) forwards}.subtopic-tile:hover{background:#2a2720;transform:translateY(-3px);box-shadow:inset 3px 0 0 0 var(--gold),0 8px 24px #0000004d}.subtopic-tile__label{font-size:9px;font-weight:400;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;opacity:.6}.subtopic-tile__title{font-family:var(--font-display);font-size:20px;font-style:italic;font-weight:400;color:var(--text);line-height:1.2}.subtopic-tile__arrow{position:absolute;bottom:20px;right:24px;font-size:14px;color:var(--gold);opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translate(-4px)}.subtopic-tile:hover .subtopic-tile__arrow{opacity:.7;transform:translate(0)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-backdrop.is-open{opacity:1;pointer-events:all}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:min(640px,calc(100vw - 48px));max-height:80vh;overflow-y:auto;background:var(--bg-drawer);border:1px solid rgba(201,168,76,.15);border-top:2px solid var(--gold);border-radius:10px;box-shadow:0 40px 80px #000000b3,0 0 0 1px #c9a84c26,inset 0 1px #c9a84c1a;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.modal.is-open{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.modal::-webkit-scrollbar{width:3px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.modal__inner{padding:48px 40px 40px}.drawer__close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:transparent;border:1px solid var(--gold-dim);border-radius:50%;color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,color .3s ease,background .3s ease;z-index:1}.drawer__close:hover{border-color:var(--gold);color:var(--gold);background:#c9a84c0f}.drawer__category{font-size:9px;font-weight:400;letter-spacing:.25em;color:var(--gold);text-transform:uppercase;opacity:.7;margin-bottom:12px}.drawer__title{font-family:var(--font-display);font-size:38px;font-style:italic;font-weight:400;color:var(--text);line-height:1.15;margin-bottom:24px}.drawer__divider{height:1px;background:var(--gold-dim);border:none;margin-bottom:28px}.drawer__body{font-family:var(--font-body);font-size:15px;font-weight:300;line-height:1.85;color:#c8bfb0;margin-bottom:32px}.drawer__quote{border-left:2px solid var(--gold);padding:4px 0 4px 20px;margin-bottom:32px}.drawer__quote-text{font-family:var(--font-display);font-size:17px;font-style:italic;font-weight:400;color:var(--text);line-height:1.6;margin-bottom:8px}.drawer__quote-author{font-family:var(--font-body);font-size:11px;font-weight:300;letter-spacing:.12em;color:var(--text-muted)}.drawer__tags{display:flex;flex-wrap:wrap;gap:8px}.drawer__tag{font-family:var(--font-body);font-size:10px;font-weight:300;letter-spacing:.12em;color:var(--gold);border:1px solid var(--gold-dim);border-radius:999px;padding:4px 14px}.term{border-bottom:1px dotted rgba(201,168,76,.5);cursor:help}.drawer__tag.term{border-bottom:none}.js-tooltip{position:fixed;background:#201d18;border:1px solid rgba(201,168,76,.25);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:12px;font-weight:300;line-height:1.5;padding:10px 14px;max-width:260px;white-space:normal;pointer-events:none;z-index:500;box-shadow:0 8px 24px #0009;opacity:0;transition:opacity .15s ease}.js-tooltip.is-visible{opacity:1}.site-footer{padding:20px 48px;border-top:1px solid rgba(58,53,48,.4);display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.site-footer p{font-family:var(--font-body);font-size:11px;font-weight:300;letter-spacing:.1em;color:var(--text-dim)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay, 0ms)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.15;transform:scaleY(.6);transform-origin:top}50%{opacity:.8;transform:scaleY(1);transform-origin:top}}@keyframes tileReveal{to{opacity:1;transform:translateY(0)}}