/* Home V3 — reference-led premium scientific podcast layout */
body.reference-home{background:#050817;color:#f9f8ff}
body.reference-home .site-header{padding:0;border-bottom:1px solid rgba(194,164,255,.13);background:rgba(5,8,23,.9);backdrop-filter:blur(20px)}
body.reference-home .site-header.scrolled{padding:0;background:rgba(5,8,23,.95)}
body.reference-home .nav-shell{height:78px;width:min(calc(100% - 48px),1360px);border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;backdrop-filter:none}
body.reference-home .brand{width:205px}
body.reference-home .desktop-nav{gap:30px}
body.reference-home .desktop-nav a{font-size:.76rem;padding:30px 0;color:#d6d6e6}
body.reference-home .desktop-nav a:after{bottom:18px}
body.reference-home .header-actions{gap:10px}
body.reference-home .icon-button{width:40px;height:40px;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.035)}
body.reference-home .social{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
body.reference-home .subscribe-top{padding:13px 21px;background:linear-gradient(90deg,#8d4fff,#ef4db6);box-shadow:0 10px 35px rgba(170,73,255,.3)}
body.reference-home main{overflow:hidden}

.ref-hero{position:relative;padding:126px 0 52px;min-height:690px;background:radial-gradient(circle at 73% 35%,rgba(75,38,210,.38),transparent 31%),radial-gradient(circle at 93% 52%,rgba(184,42,170,.18),transparent 27%),linear-gradient(135deg,#070a18 0%,#071025 60%,#101048 100%);border-bottom:1px solid rgba(255,255,255,.08)}
.ref-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to right,transparent 0%,black 48%,black 100%);opacity:.35}
.ref-hero .page-width{width:min(calc(100% - 54px),1380px)}
.ref-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center}
.ref-copy{padding:24px 0 12px;max-width:650px}
.ref-kicker{display:flex;align-items:center;gap:10px;color:#d6c5f1;font-size:.68rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.ref-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#b95cff;box-shadow:0 0 20px #c05aff}
.ref-copy h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(4rem,5.2vw,6.3rem);line-height:.91;letter-spacing:-.065em;margin:23px 0 20px;max-width:760px}
.ref-copy h1 span{display:block;background:linear-gradient(90deg,#bf77ff 0%,#dd6fe4 50%,#f06baa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ref-copy>p{max-width:620px;color:#b5bdd1;font-size:1rem;line-height:1.75;margin-bottom:0}
.ref-actions{display:flex;gap:13px;margin-top:27px}
.ref-actions .button{min-height:52px;border-radius:15px;padding:0 24px}
.ref-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:660px;margin-top:31px;padding-top:23px;border-top:1px solid rgba(255,255,255,.13)}
.ref-stat{min-width:0;padding:0 20px;border-right:1px solid rgba(255,255,255,.13)}
.ref-stat:first-child{padding-left:0}.ref-stat:last-child{border-right:0}
.ref-stat strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:1.55rem;line-height:1;color:#d8a5ff;letter-spacing:-.05em}
.ref-stat span{display:block;margin-top:6px;color:#8e98ad;font-size:.68rem;white-space:nowrap}

.ref-visual{position:relative;height:510px;min-width:0}
.ref-visual:before,.ref-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(209,162,255,.27);box-shadow:0 0 45px rgba(127,63,255,.16) inset;animation:refFloat 9s ease-in-out infinite}
.ref-visual:before{width:56px;height:56px;left:11%;top:21%}.ref-visual:after{width:34px;height:34px;right:7%;top:14%;animation-delay:-3s}
.ref-orbits{position:absolute;right:-25px;top:10px;width:520px;height:500px;opacity:.9}
.ref-orbits i{position:absolute;border:1px solid rgba(160,105,255,.18);border-radius:50%;animation:orbitBreath 8s ease-in-out infinite}
.ref-orbits i:nth-child(1){width:460px;height:460px;right:0;top:18px}.ref-orbits i:nth-child(2){width:360px;height:360px;right:50px;top:70px;animation-delay:-2s}.ref-orbits i:nth-child(3){width:255px;height:255px;right:105px;top:125px;animation-delay:-4s}
.ref-micro-circle{position:absolute;right:76px;top:-32px;width:270px;height:270px;border-radius:50%;background:url('../img/histology.svg') 69% 32%/165% no-repeat;border:1px solid rgba(238,179,255,.45);box-shadow:0 0 0 8px rgba(139,92,246,.08),0 0 55px rgba(199,79,255,.26);overflow:hidden;animation:refFloat 11s ease-in-out infinite reverse}
.ref-micro-circle:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(119,47,255,.05),rgba(239,91,167,.15));mix-blend-mode:screen}
.ref-micro-small{position:absolute;left:72px;top:258px;width:145px;height:145px;border-radius:50%;background:url('../img/histology.svg') 24% 68%/210% no-repeat;border:1px solid rgba(172,110,255,.48);box-shadow:0 0 44px rgba(98,57,217,.28);animation:refFloat 8s ease-in-out infinite}
.ref-mic{position:absolute;right:183px;top:102px;width:255px;z-index:4;filter:drop-shadow(0 30px 55px rgba(0,0,0,.55));animation:micHover 7s ease-in-out infinite}
.ref-wave{position:absolute;z-index:2;left:88px;right:35px;top:233px;height:98px;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.72;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}
.ref-wave i{width:4px;border-radius:4px;background:linear-gradient(180deg,#e26cff,#764cff);box-shadow:0 0 12px rgba(200,88,255,.5);animation:wave 1.15s ease-in-out infinite}
.ref-wave i:nth-child(5n+1){height:24px}.ref-wave i:nth-child(5n+2){height:52px;animation-delay:-.18s}.ref-wave i:nth-child(5n+3){height:78px;animation-delay:-.35s}.ref-wave i:nth-child(5n+4){height:43px;animation-delay:-.52s}.ref-wave i:nth-child(5n){height:30px;animation-delay:-.68s}
.ref-note{position:absolute;z-index:6;right:13px;top:255px;width:225px;padding:18px 20px;border:1px solid rgba(204,176,255,.26);border-radius:17px;background:rgba(13,16,47,.83);backdrop-filter:blur(16px);box-shadow:0 20px 55px rgba(2,3,12,.36);color:#e9e5f3;font-size:.84rem;line-height:1.55;animation:refFloat 7s ease-in-out infinite reverse}
.ref-note:before{content:"“";display:block;color:#c879ff;font-size:1.7rem;font-weight:900;line-height:1;margin-bottom:8px}
.ref-impact{position:absolute;right:-2px;top:337px;display:grid;gap:9px;color:#cf91ff;text-transform:uppercase;letter-spacing:.32em;font-size:.67rem;font-weight:800}

.ref-featured{position:absolute;z-index:8;right:12px;bottom:7px;width:min(655px,94%);min-height:154px;display:grid;grid-template-columns:205px 1fr auto;gap:20px;align-items:center;padding:15px 16px;border:1px solid rgba(198,149,255,.34);border-radius:20px;background:linear-gradient(135deg,rgba(18,21,58,.94),rgba(19,16,56,.94));backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.33)}
.ref-featured-thumb{position:relative;height:120px;border-radius:13px;overflow:hidden;background:#161a31}.ref-featured-thumb img{width:100%;height:100%;object-fit:cover}.ref-featured-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(7,9,20,.7))}
.ref-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:rgba(24,19,61,.78);color:white;display:grid;place-items:center;box-shadow:0 0 0 9px rgba(139,92,246,.11),0 0 30px rgba(175,78,255,.3);transition:.25s}.ref-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#8b5cf6}
.ref-play svg{width:18px;height:18px}
.ref-featured-copy .episode-tag{padding:0;background:transparent;color:#c478ff;font-size:.61rem;letter-spacing:.19em}
.ref-featured-copy h2{font-family:Manrope,Inter,sans-serif;font-size:1.2rem;line-height:1.14;letter-spacing:-.025em;margin:8px 0 6px;color:#fff}
.ref-featured-copy p{margin:0;color:#aab2c8;font-size:.75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ref-featured-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.04)}
.ref-featured-arrow:hover{background:rgba(139,92,246,.2);border-color:rgba(186,132,255,.45)}

.ref-section{padding:62px 0;background:#060918}.ref-section.alt{background:linear-gradient(180deg,#080b1c,#070a16)}
.ref-section .page-width{width:min(calc(100% - 54px),1380px)}
.ref-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}
.ref-heading .kicker{color:#ba7dff}.ref-heading h2{font-family:Manrope,Inter,sans-serif;font-size:2rem;letter-spacing:-.045em;margin:8px 0 0}.ref-heading>a{display:flex;gap:8px;align-items:center;font-size:.73rem;color:#c7b8e5;font-weight:700;padding:11px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px}.ref-heading>a:hover{border-color:rgba(186,125,255,.45);color:#fff}.ref-heading>a svg{width:15px}
.ref-episodes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ref-episode-row{display:grid;grid-template-columns:128px 1fr auto;gap:16px;align-items:center;min-height:108px;padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(139,92,246,.035));transition:.3s var(--ease);overflow:hidden}.ref-episode-row:hover{transform:translateY(-3px);border-color:rgba(184,120,255,.34);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(139,92,246,.065))}
.ref-episode-img{position:relative;height:84px;border-radius:11px;overflow:hidden}.ref-episode-img img{width:100%;height:100%;object-fit:cover}.ref-episode-img span{position:absolute;right:5px;bottom:5px;padding:3px 5px;border-radius:5px;background:rgba(5,7,16,.85);font-size:.58rem;color:#fff}
.ref-episode-info .meta{display:block;color:#c074ff;font-size:.58rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.ref-episode-info h3{font-family:Manrope,Inter,sans-serif;font-size:1rem;line-height:1.22;margin:0 0 5px}.ref-episode-info p{margin:0;color:#858fa5;font-size:.69rem;line-height:1.45}.ref-mini-play{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:0;background:#202344;color:#fff}.ref-mini-play:hover{background:#7c3aed}.ref-mini-play svg{width:16px}

.ref-topic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ref-topic{min-height:140px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;background:#0d1125;transition:.3s}.ref-topic:before{content:"";position:absolute;inset:0;background:url('../img/histology.svg') center/cover;opacity:.16;transition:.4s}.ref-topic>*{position:relative;z-index:2}.ref-topic:hover{transform:translateY(-4px);border-color:rgba(187,117,255,.4)}.ref-topic:hover:before{opacity:.28;transform:scale(1.06)}.ref-topic svg{color:#bd7dff;width:24px;height:24px}.ref-topic strong{display:block;margin-top:26px;font-size:.82rem}.ref-topic span{display:block;color:#7f899f;font-size:.65rem;margin-top:5px;line-height:1.4}

.ref-guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ref-guest{display:grid;grid-template-columns:210px 1fr;min-height:220px;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;background:#0c1022;transition:.3s}.ref-guest:hover{transform:translateY(-4px);border-color:rgba(187,117,255,.4)}.ref-guest img{width:100%;height:100%;object-fit:cover}.ref-guest-copy{padding:25px}.ref-guest-copy .meta{font-size:.61rem;color:#bd7dff;text-transform:uppercase;letter-spacing:.15em;font-weight:850}.ref-guest-copy h3{font-family:Manrope,Inter,sans-serif;font-size:1.55rem;letter-spacing:-.035em;margin:10px 0}.ref-guest-copy p{color:#8e98ad;line-height:1.65;font-size:.78rem}.ref-guest-copy a{display:inline-flex;align-items:center;gap:6px;color:#d1b3ff;font-size:.72rem;font-weight:750}.ref-guest-copy a svg{width:14px}

.ref-about{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(239,91,167,.025))}.ref-about h2{font-family:Manrope,Inter,sans-serif;font-size:2.55rem;line-height:1.03;letter-spacing:-.05em;margin:10px 0 15px}.ref-about p{color:#9da7ba;line-height:1.75;font-size:.86rem}.ref-values{display:grid;gap:9px}.ref-value{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.025)}.ref-value strong{color:#c77dff;font-size:.78rem}.ref-value span{color:#c9cede;font-size:.74rem}

body.reference-home .newsletter{padding:48px 0;background:#050817}body.reference-home .newsletter-card{padding:32px 36px;border-radius:21px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(239,91,167,.05));box-shadow:none}body.reference-home .newsletter-card h2{font-size:2rem}
body.reference-home .site-footer{padding-top:54px;background:#040611}body.reference-home .footer-grid{padding-bottom:34px}body.reference-home .footer-bottom{padding:16px 0 22px}
body.reference-home .video-modal-panel{width:min(calc(100% - 32px),860px);margin:10vh auto 0;border-radius:20px;padding:10px}
body.reference-home .video-frame{border-radius:13px}

@keyframes refFloat{50%{transform:translateY(-10px)}}@keyframes micHover{50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes orbitBreath{50%{transform:scale(1.025);opacity:.68}}

@media(max-width:1180px){body.reference-home .desktop-nav{display:none}body.reference-home .menu-button{display:grid}.ref-hero{padding-top:115px}.ref-hero-grid{grid-template-columns:1fr .82fr}.ref-copy h1{font-size:clamp(3.8rem,7vw,5.6rem)}.ref-featured{grid-template-columns:170px 1fr auto}.ref-featured-thumb{height:110px}.ref-topic-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ref-hero{padding:108px 0 32px}.ref-hero-grid{grid-template-columns:1fr}.ref-copy{max-width:none}.ref-visual{height:470px}.ref-featured{right:0;left:0;margin:auto;width:100%}.ref-orbits{right:50%;transform:translateX(50%)}.ref-micro-circle{right:calc(50% - 160px)}.ref-mic{right:calc(50% - 95px)}.ref-note{right:10px}.ref-impact{display:none}.ref-micro-small{left:10%}.ref-episodes,.ref-guest-grid{grid-template-columns:1fr}.ref-topic-grid{grid-template-columns:repeat(2,1fr)}.ref-about{grid-template-columns:1fr}.ref-stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){body.reference-home .nav-shell{width:calc(100% - 20px);height:68px}.ref-hero .page-width,.ref-section .page-width{width:min(calc(100% - 28px),1380px)}.ref-copy h1{font-size:clamp(3rem,14vw,4.35rem)}.ref-copy>p{font-size:.9rem}.ref-actions{display:grid}.ref-actions .button{width:100%}.ref-stats{grid-template-columns:1fr 1fr;gap:14px}.ref-stat{padding:0;border-right:0}.ref-visual{height:470px;margin-top:10px}.ref-orbits{width:390px;height:390px;top:30px}.ref-orbits i:nth-child(1){width:360px;height:360px}.ref-orbits i:nth-child(2){width:285px;height:285px;right:38px;top:38px}.ref-orbits i:nth-child(3){width:205px;height:205px;right:78px;top:79px}.ref-micro-circle{width:205px;height:205px;right:calc(50% - 125px);top:5px}.ref-mic{width:195px;right:calc(50% - 75px);top:97px}.ref-wave{left:10px;right:10px;top:205px}.ref-note{top:205px;width:180px;font-size:.72rem;padding:14px}.ref-micro-small{width:105px;height:105px;top:245px}.ref-featured{grid-template-columns:112px 1fr;gap:11px;bottom:0;padding:10px}.ref-featured-thumb{height:82px}.ref-featured-arrow{display:none}.ref-featured-copy h2{font-size:.93rem;margin:5px 0}.ref-featured-copy p{font-size:.64rem}.ref-section{padding:48px 0}.ref-heading{align-items:flex-start;flex-direction:column}.ref-episode-row{grid-template-columns:96px 1fr auto}.ref-episode-img{height:72px}.ref-episode-info p{display:none}.ref-topic-grid{grid-template-columns:1fr 1fr}.ref-topic{min-height:125px}.ref-guest{grid-template-columns:120px 1fr;min-height:180px}.ref-guest-copy{padding:18px}.ref-guest-copy h3{font-size:1.2rem}.ref-guest-copy p{font-size:.7rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ref-about{padding:22px}.ref-about h2{font-size:2rem}}