.topics-overlay{background:linear-gradient(180deg,#0a0402d6,#0a04029e 40%,#0a0402e0)}.topics-main{position:relative;z-index:5;max-width:1100px;margin:0 auto;padding:calc(var(--nav-height) + 2.5rem) 1.5rem 5rem}.topics-header{text-align:center;margin-bottom:3rem;opacity:0;animation:fadeUp .9s ease .1s forwards}.topics-eyebrow{font-family:var(--font-body);font-size:.68rem;font-weight:400;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}.topics-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.4rem);font-weight:500;line-height:1.15;color:var(--beige);margin-bottom:.9rem}.topics-title em{font-style:italic;font-weight:400;color:var(--terracotta-light)}.topics-subtitle{font-family:var(--font-body);font-size:1.05rem;font-weight:300;color:#f5ecd7b8;letter-spacing:.04em}.topics-list{display:flex;flex-direction:column;gap:0;opacity:0;animation:fadeUp .9s ease .3s forwards}.theme-block{border-bottom:1px solid rgba(245,236,215,.08)}.theme-toggle{width:100%;display:flex;align-items:center;gap:1rem;padding:1.3rem 0;background:none;border:none;cursor:pointer;text-align:left;transition:background .2s ease}.theme-toggle:hover .theme-title,.theme-toggle[aria-expanded=true] .theme-title{color:var(--gold-light)}.theme-number{font-family:var(--font-display);font-size:.72rem;color:var(--gold);opacity:.45;letter-spacing:.12em;flex-shrink:0;width:1.8rem}.theme-title-wrap{flex:1}.theme-title{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.45rem);font-weight:500;color:var(--beige);line-height:1.2;transition:color .25s ease}.theme-desc{font-family:var(--font-body);font-size:.88rem;font-weight:300;color:#f5ecd79e;margin-top:.28rem;line-height:1.5}.theme-count{font-family:var(--font-body);font-size:.72rem;font-weight:400;letter-spacing:.1em;color:var(--gold);opacity:.55;flex-shrink:0;margin-right:.5rem}.theme-icon{flex-shrink:0;width:18px;height:18px;position:relative;color:var(--text-dim);transition:opacity .25s ease}.theme-icon:before,.theme-icon:after{content:"";position:absolute;background:currentColor;border-radius:2px;transition:transform .35s ease,opacity .3s ease}.theme-icon:before{width:14px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-icon:after{width:1.5px;height:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-toggle[aria-expanded=true] .theme-icon:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}.theme-panel{overflow:hidden;max-height:0;transition:max-height .45s cubic-bezier(.4,0,.2,1)}.theme-panel:not([hidden]){max-height:2000px}.theme-panel[hidden]{display:block!important;max-height:0;visibility:hidden}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem;padding:.5rem 0 2rem}.library-panel{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:1.25rem;padding:.5rem 0 2rem}.library-hero{min-height:310px;border:1px solid rgba(201,168,76,.22);border-radius:10px;background:linear-gradient(180deg,#0a04020d,#0a04028f),url(/ancient-library-hero.png) center / cover no-repeat;box-shadow:0 14px 40px #0000004d}.library-menu{display:flex;flex-direction:column;gap:.8rem;justify-content:center}.library-menu-card{display:flex;align-items:center;gap:1rem;min-height:78px;padding:1rem 1.2rem;color:var(--beige);font-family:var(--font-display);font-size:1.2rem;background:#1a0f0ab8;border:1px solid rgba(201,168,76,.24);border-radius:10px}.library-menu-number{color:var(--gold);font-family:var(--font-body);font-size:.68rem;letter-spacing:.18em;opacity:.65}.library-menu-arrow{margin-left:auto;color:var(--gold);opacity:.7}@media(max-width:680px){.library-panel{grid-template-columns:1fr}.library-hero{min-height:240px}}@media(max-width:480px){.theme-grid{grid-template-columns:1fr}}.topic-card{background:#1a0f0a8c;border:1px solid rgba(245,236,215,.08);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.topic-card:hover{border-color:#c9a84c4d;transform:translateY(-2px);box-shadow:0 8px 32px #0006}.topic-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.topic-thumb{position:relative;width:100%;aspect-ratio:16/9;background:#1a0f0acc;overflow:hidden}.topic-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.topic-card:hover .topic-thumb img{transform:scale(1.04)}.play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:#0a040273;transition:opacity .25s ease}.topic-card:hover .play-btn{opacity:1}.play-btn svg{width:44px;height:44px;color:var(--beige);filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.topic-card-body{padding:.75rem .9rem .9rem}.topic-series-badge{display:inline-block;font-family:var(--font-body);font-size:.62rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.7;margin-bottom:.3rem}.topic-card-title{font-family:var(--font-body);font-size:.85rem;font-weight:400;color:#f5ecd7e0;line-height:1.4}.topic-card-date{font-family:var(--font-body);font-size:.72rem;font-weight:300;color:var(--text-dim);margin-top:.3rem}.video-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.video-modal[hidden]{display:none!important}.modal-backdrop{position:absolute;inset:0;background:#0a0402e0;cursor:pointer}.modal-inner{position:relative;z-index:1;width:100%;max-width:900px;background:#1a0f0af7;border:1px solid rgba(245,236,215,.1);border-radius:14px;overflow:hidden;box-shadow:0 24px 80px #000000b3}.modal-close{position:absolute;top:.75rem;right:.9rem;z-index:2;background:#0a0402b3;border:1px solid rgba(245,236,215,.15);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.85rem;cursor:pointer;transition:color .2s ease,border-color .2s ease}.modal-close:hover{color:var(--beige);border-color:#f5ecd766}.modal-video-wrap{width:100%;aspect-ratio:16/9;background:#000}.modal-video-wrap iframe{display:block}.modal-meta{padding:1rem 1.2rem 1.2rem}.modal-series{font-family:var(--font-body);font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.7;margin-bottom:.3rem}.modal-title{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.3rem);font-weight:500;color:var(--beige);margin-bottom:.6rem}.modal-connect-link{font-family:var(--font-body);font-size:.78rem;font-weight:300;color:var(--terracotta-light);letter-spacing:.04em;transition:color .2s ease}.modal-connect-link:hover{color:var(--beige)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}