@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap";:root{--color-midnight: #0a1628;--color-deep-blue: #1a2744;--color-navy: #243b55;--color-slate: #3d5a80;--color-parchment: #1e2d47;--color-cream: #253552;--color-ivory: #2d3d5a;--color-sand: #3a4a66;--color-gold: #c9a962;--color-gold-light: #d4b97a;--color-gold-dark: #a68b4b;--color-text-primary: #f0ebe3;--color-text-secondary: #d4cfc5;--color-text-muted: #a8a39b;--color-accent-sage: #7d8471;--color-accent-dusty-blue: #7d8fa8;--font-display: "Cormorant Garamond", "Noto Serif SC", serif;--font-body: "Noto Serif SC", "Cormorant Garamond", serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-slower: .8s ease;--shadow-soft: 0 4px 20px rgba(10, 22, 40, .08);--shadow-medium: 0 8px 40px rgba(10, 22, 40, .12);--shadow-gold: 0 4px 20px rgba(201, 169, 98, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px}body{font-family:var(--font-body);background-color:var(--color-parchment);color:var(--color-text-primary);line-height:1.8;font-size:16px;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:9999}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;line-height:1.3}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{font-weight:300;color:var(--color-text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gold)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;background:linear-gradient(to bottom,var(--color-midnight) 0%,transparent 100%);transition:all var(--transition-base)}.navbar.scrolled{background:#0a1628f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d}.navbar-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:100%;height:100%;fill:var(--color-gold)}.logo h1{font-size:1.5rem;font-weight:400;color:var(--color-gold);letter-spacing:.1em}.desktop-nav ul{display:flex;gap:var(--space-xl);list-style:none}.desktop-nav a{color:var(--color-text-primary);font-size:.95rem;font-weight:300;letter-spacing:.05em;position:relative;padding:var(--space-sm) 0}.desktop-nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--color-gold);transition:all var(--transition-base);transform:translate(-50%)}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.desktop-nav a:hover,.desktop-nav a.active{color:var(--color-gold)}.mobile-menu{display:none}.menu-toggle{width:32px;height:24px;position:relative;cursor:pointer;background:none;border:none}.menu-toggle span{position:absolute;left:0;width:100%;height:2px;background:var(--color-gold);transition:all var(--transition-base)}.menu-toggle span:nth-child(1){top:0}.menu-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.menu-toggle span:nth-child(3){bottom:0}.mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-midnight);display:flex;align-items:center;justify-content:center;z-index:999}.mobile-nav ul{list-style:none;text-align:center}.mobile-nav li{margin:var(--space-lg) 0}.mobile-nav a{font-size:1.5rem;color:var(--color-text-primary);font-weight:300;letter-spacing:.1em}.poems-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);max-width:900px;margin:0 auto}.poem-card{background:var(--color-parchment);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:all var(--transition-base);position:relative;cursor:pointer}.poem-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-radius:var(--radius-lg);transition:border-color var(--transition-base);pointer-events:none;z-index:2}.poem-card:hover:before{border-color:var(--color-gold)}.poem-card-visual{height:220px;position:relative;overflow:hidden}.poem-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.poem-card:hover .poem-card-visual img{transform:scale(1.05)}.poem-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-midnight) 0%,rgba(10,22,40,.3) 50%,transparent 100%);opacity:.7}.poem-card-number{position:absolute;top:var(--space-md);right:var(--space-md);font-family:var(--font-display);font-size:2.5rem;font-weight:300;color:var(--color-gold);opacity:.6;z-index:2}.poem-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#0a1628cc;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);z-index:2;border:2px solid var(--color-gold)}.poem-card-play svg{width:28px;height:28px;color:var(--color-gold);margin-left:3px}.poem-card:hover .poem-card-play{opacity:1}.poem-card-play:hover{background:#c9a962e6}.poem-card-play:hover svg{color:var(--color-midnight)}.poem-card-content{padding:var(--space-lg)}.poem-card-title{font-size:1.25rem;margin-bottom:var(--space-sm);color:var(--color-text-primary);transition:color var(--transition-base)}.poem-card:hover .poem-card-title{color:var(--color-gold-dark)}.poem-card-desc{font-size:.9rem;color:var(--color-text-muted)}@media (max-width: 768px){.poems-grid{grid-template-columns:1fr;gap:var(--space-lg)}.poem-card-visual{height:200px}}@media (max-width: 480px){.poem-card-visual{height:180px}.poem-card-play{width:56px;height:56px}}@media (max-width: 900px){.desktop-nav{display:none}.mobile-menu{display:block}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--color-midnight)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(201,169,98,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(36,59,85,.3) 0%,transparent 50%),linear-gradient(180deg,var(--color-midnight) 0%,var(--color-deep-blue) 100%)}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;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%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a962' fill-opacity='0.4'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3Ccircle cx='30' cy='30' r='10' stroke='%23c9a962' stroke-width='0.5'/%3E%3Ccircle cx='30' cy='30' r='20' stroke='%23c9a962' stroke-width='0.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:var(--space-xl)}.hero-verse{font-family:var(--font-display);font-size:clamp(.9rem,2vw,1.1rem);color:var(--color-gold);font-weight:300;letter-spacing:.3em;text-transform:uppercase;margin-bottom:var(--space-lg);opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:.3s}.hero-title{font-size:clamp(3rem,8vw,6rem);color:var(--color-text-primary);font-weight:300;margin-bottom:var(--space-lg);opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:.5s}.hero-title span{display:block;font-weight:500;color:var(--color-gold)}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#faf6f0b3;font-weight:300;max-width:600px;margin:0 auto var(--space-xl);opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:.7s}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);font-family:var(--font-display);font-size:1rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:.9s}.hero-cta:hover{background:var(--color-gold);color:var(--color-midnight)}.hero-cta svg{width:16px;height:16px;transition:transform var(--transition-base)}.hero-cta:hover svg{transform:translate(4px)}.hero-rays{position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);opacity:.03;animation:rotate 120s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.featured-section{padding:var(--space-2xl) 0;background:var(--color-cream);position:relative}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-label{font-size:.85rem;color:var(--color-gold);letter-spacing:.3em;text-transform:uppercase;margin-bottom:var(--space-sm)}.section-title{color:var(--color-text-primary);font-weight:400}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.featured-card{background:var(--color-parchment);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:all var(--transition-base);position:relative}.featured-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-radius:var(--radius-lg);transition:border-color var(--transition-base);pointer-events:none}.featured-card:hover:before{border-color:var(--color-gold)}.featured-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium)}.card-visual{height:200px;position:relative;overflow:hidden}.card-visual img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-card:hover .card-visual img{transform:scale(1.05)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-midnight) 0%,transparent 60%);opacity:.6}.card-number{position:absolute;top:var(--space-md);right:var(--space-md);font-family:var(--font-display);font-size:3rem;font-weight:300;color:var(--color-gold);opacity:.5}.card-content{padding:var(--space-lg)}.card-title{font-size:1.25rem;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.card-desc{font-size:.9rem;color:var(--color-text-muted)}@media (max-width: 1000px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.featured-grid{grid-template-columns:1fr}}.content-section{padding:var(--space-2xl) 0;background:var(--color-parchment)}.content-section.dark{background:var(--color-midnight)}.content-section.dark .section-title{color:var(--color-parchment)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.article-card{background:var(--color-parchment);border-radius:var(--radius-md);padding:var(--space-lg);position:relative;transition:all var(--transition-base);border:1px solid var(--color-sand)}.article-card:before{content:"";position:absolute;top:0;left:0;width:40px;height:1px;background:var(--color-gold);transition:width var(--transition-base)}.article-card:hover:before{width:100%}.article-card:hover{box-shadow:var(--shadow-soft)}.article-card h3{font-size:1.1rem;margin-bottom:var(--space-sm);color:var(--color-text-primary);transition:color var(--transition-base)}.article-card:hover h3{color:var(--color-gold-dark)}.article-card p{font-size:.9rem;color:var(--color-text-muted)}@media (max-width: 900px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.articles-grid{grid-template-columns:1fr}}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.video-card{background:var(--color-parchment);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);cursor:pointer}.video-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.video-thumbnail{aspect-ratio:16/9;background:var(--color-midnight);position:relative;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#c9a962e6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.1);background:var(--color-gold)}.video-play svg{width:24px;height:24px;fill:var(--color-midnight);margin-left:3px}.video-info{padding:var(--space-md)}.video-info h4{font-size:1rem;margin-bottom:var(--space-xs)}.video-info p{font-size:.85rem;color:var(--color-text-muted)}.bible-section{padding:var(--space-2xl) 0;background:linear-gradient(135deg,var(--color-deep-blue) 0%,var(--color-midnight) 100%);position:relative;overflow:hidden}.bible-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0L100 50L50 100L0 50Z' fill='none' stroke='%23c9a962' stroke-width='0.5'/%3E%3C/svg%3E")}.bible-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.bible-icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:#c9a9621a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,169,98,.3)}.bible-icon svg{width:40px;height:40px;fill:var(--color-gold)}.bible-title{font-size:clamp(2rem,4vw,3rem);color:var(--color-text-primary);margin-bottom:var(--space-md)}.bible-desc{color:#faf6f0b3;font-size:1.1rem;margin-bottom:var(--space-xl)}.bible-links{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.bible-link{padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid rgba(201,169,98,.5);color:var(--color-gold);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;transition:all var(--transition-base);cursor:pointer}.bible-link:hover{background:var(--color-gold);color:var(--color-midnight);border-color:var(--color-gold)}.path-section{padding:var(--space-2xl) 0;background:var(--color-cream)}.path-steps{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.path-step{text-align:center;padding:var(--space-lg);max-width:200px;cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-lg)}.path-step:hover{background:var(--color-parchment);box-shadow:var(--shadow-soft)}.path-icon{width:80px;height:80px;margin:0 auto var(--space-md);border-radius:50%;background:var(--color-parchment);border:1px dashed var(--color-gold);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.path-step:hover .path-icon{background:var(--color-gold);border-style:solid}.path-icon img{width:40px;height:40px;transition:filter var(--transition-base)}.path-step:hover .path-icon img{filter:brightness(0) saturate(100%)}.path-step h4{font-size:1.1rem;color:var(--color-text-primary)}.footer{background:var(--color-midnight);color:var(--color-text-secondary);padding:var(--space-2xl) 0 var(--space-lg)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-about h3{color:var(--color-gold);font-size:1.25rem;margin-bottom:var(--space-md)}.footer-about p{color:#fff9;font-size:.95rem}.footer-links h3,.video-series{margin-bottom:3rem}.footer-contact h3{color:var(--color-gold);font-size:1rem;margin-bottom:var(--space-md);letter-spacing:.1em}.footer-links ul{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:#fff9;font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-gold)}.footer-contact p{color:#fff9;font-size:.9rem;margin-bottom:var(--space-sm)}.footer-bottom{padding-top:var(--space-lg);text-align:center}.video-series{margin-bottom:3rem}.series-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;height:260px;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.series-hero:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000080}.series-hero img{width:100%;height:100%;object-fit:cover;display:block}.series-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a16281a,#0a162899,#0a1628e6);display:flex;align-items:flex-end;justify-content:space-between;padding:2rem}.series-hero-content{flex:1}.series-hero-content h3{font-family:var(--font-serif);font-size:2rem;color:#f5f0e8;margin:0 0 .5rem;font-weight:600;letter-spacing:.05em}.series-hero-content p{color:#f5f0e8cc;font-size:.95rem;margin:0}.series-expand-btn{width:44px;height:44px;border-radius:50%;background:#c9a96233;border:1px solid var(--color-gold);color:var(--color-gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .3s ease;flex-shrink:0}.series-expand-btn svg{width:20px;height:20px;transition:transform .3s ease}.series-expand-btn.expanded svg{transform:rotate(90deg)}.series-expand-btn:hover{background:#c9a96266}.video-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;overflow:hidden}.video-card-new{background:var(--color-parchment);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative}.video-card-new:hover{transform:translateY(-8px)}.video-card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-midnight)}.video-card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.video-card-new:hover .video-card-thumbnail img{transform:scale(1.08)}.video-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0a1628bf;border:2px solid var(--color-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease,background .3s ease;color:var(--color-gold)}.video-card-play svg{width:20px;height:20px;fill:currentColor;margin-left:2px}.video-card-new:hover .video-card-play{opacity:1;transform:translate(-50%,-50%) scale(1.1);background:#c9a962e6;color:var(--color-midnight)}.video-card-number{position:absolute;bottom:8px;right:10px;background:#0a1628cc;color:var(--color-gold);font-family:var(--font-serif);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid rgba(201,169,98,.3)}.video-card-content{padding:1rem 1.2rem 1.2rem}.video-card-content h4{font-family:var(--font-serif);font-size:1rem;color:var(--color-gold);margin:0 0 .4rem;font-weight:600;letter-spacing:.02em;line-height:1.4}.video-card-content p{font-size:.85rem;color:#f5f0e8a6;margin:0;line-height:1.5}@media (max-width: 768px){.series-hero{height:180px}.series-hero-content h3{font-size:1.4rem}.series-hero-overlay{padding:1.2rem}.video-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.video-card-content{padding:.75rem 1rem 1rem}.video-card-content h4{font-size:.9rem}}@media (max-width: 480px){.video-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.footer-bottom p{color:#fff6;font-size:.85rem}@media (max-width: 800px){.video-series{margin-bottom:3rem}.series-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;height:260px;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.series-hero:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000080}.series-hero img{width:100%;height:100%;object-fit:cover;display:block}.series-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a16281a,#0a162899,#0a1628e6);display:flex;align-items:flex-end;justify-content:space-between;padding:2rem}.series-hero-content{flex:1}.series-hero-content h3{font-family:var(--font-serif);font-size:2rem;color:#f5f0e8;margin:0 0 .5rem;font-weight:600;letter-spacing:.05em}.series-hero-content p{color:#f5f0e8cc;font-size:.95rem;margin:0}.series-expand-btn{width:44px;height:44px;border-radius:50%;background:#c9a96233;border:1px solid var(--color-gold);color:var(--color-gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .3s ease;flex-shrink:0}.series-expand-btn svg{width:20px;height:20px;transition:transform .3s ease}.series-expand-btn.expanded svg{transform:rotate(90deg)}.series-expand-btn:hover{background:#c9a96266}.video-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;overflow:hidden}.video-card-new{background:var(--color-parchment);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative}.video-card-new:hover{transform:translateY(-8px)}.video-card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-midnight)}.video-card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.video-card-new:hover .video-card-thumbnail img{transform:scale(1.08)}.video-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0a1628bf;border:2px solid var(--color-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease,background .3s ease;color:var(--color-gold)}.video-card-play svg{width:20px;height:20px;fill:currentColor;margin-left:2px}.video-card-new:hover .video-card-play{opacity:1;transform:translate(-50%,-50%) scale(1.1);background:#c9a962e6;color:var(--color-midnight)}.video-card-number{position:absolute;bottom:8px;right:10px;background:#0a1628cc;color:var(--color-gold);font-family:var(--font-serif);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid rgba(201,169,98,.3)}.video-card-content{padding:1rem 1.2rem 1.2rem}.video-card-content h4{font-family:var(--font-serif);font-size:1rem;color:var(--color-gold);margin:0 0 .4rem;font-weight:600;letter-spacing:.02em;line-height:1.4}.video-card-content p{font-size:.85rem;color:#f5f0e8a6;margin:0;line-height:1.5}@media (max-width: 768px){.series-hero{height:180px}.series-hero-content h3{font-size:1.4rem}.series-hero-overlay{padding:1.2rem}.video-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.video-card-content{padding:.75rem 1rem 1rem}.video-card-content h4{font-size:.9rem}}@media (max-width: 480px){.video-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.footer-content{grid-template-columns:1fr;text-align:center}}.video-category{margin-bottom:var(--space-md)}.category-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-parchment);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.category-header:hover{background:var(--color-ivory)}.category-info h4{font-size:1.1rem;margin-bottom:var(--space-xs)}.category-info p{font-size:.85rem;color:var(--color-text-muted)}.toggle-btn{width:32px;height:32px;background:var(--color-cream);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.toggle-btn svg{width:16px;height:16px;fill:var(--color-text-muted);transition:transform var(--transition-base)}.toggle-btn.expanded svg{transform:rotate(90deg)}.sub-videos{padding-left:var(--space-lg);margin-top:var(--space-sm);border-left:1px solid var(--color-sand)}.sub-video-item{padding:var(--space-md);background:var(--color-parchment);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-base)}.sub-video-item:hover{background:var(--color-ivory);transform:translate(4px)}.ornament{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-lg) 0}.ornament-line{width:60px;height:1px;background:var(--color-gold);opacity:.5}.ornament-diamond{width:8px;height:8px;background:var(--color-gold);transform:rotate(45deg);opacity:.5}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition-slow)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dark)}::selection{background:#c9a9624d;color:var(--color-text-primary)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}button{font-family:inherit}a{text-decoration:none;color:inherit}