:root{--ink: #201220;--cream: #fff8f0;--blush: #ff8f87;--sun: #ffcd78;--mint: #7edac2;--surface: rgba(255, 248, 240, .72)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Plus Jakarta Sans,sans-serif;background:radial-gradient(circle at 18% 20%,rgba(255,205,120,.55),transparent 42%),radial-gradient(circle at 85% 10%,rgba(126,218,194,.6),transparent 36%),linear-gradient(145deg,#ffddd6,#fff8f0 48%,#ffe9d0)}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(-32deg,transparent 0 18px,rgba(255,255,255,.12) 18px 22px);opacity:.38}.shell{position:relative;z-index:1;max-width:1024px;margin:0 auto;padding:72px 24px 84px}.hero{background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(32,18,32,.08);border-radius:24px;padding:clamp(32px,6vw,64px);box-shadow:0 28px 55px #20122029;animation:floatIn .62s cubic-bezier(.2,.68,.2,1) both}.kicker{margin:0;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.62}h1{margin:14px 0 10px;font-family:Fraunces,serif;font-size:clamp(2.6rem,7vw,5rem);line-height:.96}.tagline{margin:0;font-size:clamp(1rem,2vw,1.25rem);max-width:44ch}.cta-row{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px}.btn{text-decoration:none;border-radius:999px;padding:11px 20px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,var(--blush),var(--sun));color:#31140f;box-shadow:0 10px 24px #ff8f875c}.btn-ghost{border:1px solid rgba(32,18,32,.22);color:inherit;background:#ffffff8c}.grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:#ffffffbd;border:1px solid rgba(32,18,32,.08);border-radius:18px;padding:18px;box-shadow:0 10px 26px #20122014}.card h2{margin:2px 0 8px;font-family:Fraunces,serif}.card p{margin:0;line-height:1.5}.panel{margin-top:30px;background:#ffffffad;border:1px solid rgba(32,18,32,.08);border-radius:24px;padding:clamp(20px,4vw,34px);box-shadow:0 18px 35px #2012201a}.panel-head h2{margin:8px 0;font-family:Fraunces,serif;font-size:clamp(1.8rem,4vw,2.6rem)}.panel-head p{margin:0;max-width:62ch;line-height:1.55}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:700;opacity:.65}.platform-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.platform-card{text-decoration:none;color:inherit;background:linear-gradient(150deg,#ffffffd6,#fff5e6e6);border:1px solid rgba(32,18,32,.1);border-radius:16px;padding:16px;display:block;transition:transform .18s ease,box-shadow .18s ease}.platform-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2012201f}.platform-card h3{margin:0;font-family:Fraunces,serif}.platform-card p{margin:8px 0 14px;line-height:1.45}.platform-card span{font-weight:700;text-decoration:underline;text-underline-offset:3px}.episode-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.episode-card{background:#ffffffbd;border:1px solid rgba(32,18,32,.08);border-radius:14px;padding:14px}.episode-meta{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;opacity:.66}.episode-card h3{margin:8px 0;font-family:Fraunces,serif}.episode-card p{margin:0 0 10px;line-height:1.45}.episode-card a{color:#6a261f;font-weight:700}.social-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.social-link{text-decoration:none;color:#2e1b15;text-align:center;font-weight:700;background:linear-gradient(130deg,#ffcd78ad,#7edac29e);border:1px solid rgba(32,18,32,.12);border-radius:999px;padding:11px 14px;transition:transform .17s ease,box-shadow .17s ease}.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 18px #20122029}.social-note{margin:14px 0 0;opacity:.74}.reveal{opacity:0;transform:translateY(14px)}.reveal.is-visible{animation:slideIn .44s ease both}@keyframes floatIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.shell{padding:40px 16px 60px}.hero{border-radius:20px;padding:26px}.cta-row{gap:10px}.btn,.social-link{width:100%;text-align:center}}
