/*
Theme Name: Holden Swanson
Author: Holden Swanson
Description: Professional colorful author and podcast website for Holden Swanson.
Version: 7.4.0
Requires at least: 5.8
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: holden-swanson
Tags: author, podcast, books, personal, responsive, custom-menu
*/
:root{--ink:#17131d;--muted:#66616d;--paper:#fcfbf9;--white:#fff;--line:#e8e2df;--pink:#f20a86;--orange:#ff7a00;--cyan:#00a9c8;--purple:#6c35e8;--shadow:0 22px 60px rgba(28,18,38,.10);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(252,251,249,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,19,29,.08)}.header-inner{min-height:78px;display:flex;align-items:center;gap:24px}.brand{width:185px;display:flex;align-items:center}.brand img{width:175px}.main-nav{margin-left:auto}.main-nav ul{list-style:none;margin:0;padding:0}.main-nav>ul{display:flex;align-items:center;gap:3px}.main-nav li{position:relative}.main-nav a{display:block;padding:10px 13px;border-radius:10px;font-size:13px;font-weight:800}.main-nav a:hover{background:#f2edf2}.main-nav .menu-item-has-children>a:after{content:'⌄';margin-left:6px;font-size:11px}.main-nav .sub-menu{position:absolute;left:0;top:calc(100% + 7px);min-width:235px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(5px);transition:.18s ease;z-index:200}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.main-nav .sub-menu a{padding:11px 13px}.main-nav .sub-menu a:hover{background:linear-gradient(100deg,rgba(242,10,134,.09),rgba(0,169,200,.08),rgba(108,53,232,.08))}.header-socials{margin-left:8px}.socials{display:flex;gap:7px}.socials a{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff}.socials a:hover{box-shadow:0 8px 18px rgba(0,0,0,.08);transform:translateY(-2px)}.socials svg{width:16px;height:16px;fill:currentColor}.mobile-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;width:43px;height:43px}.mobile-menu{background:rgba(252,251,249,.98);border-bottom:1px solid var(--line);padding:8px 0 20px}.mobile-menu .main-nav{margin:0}.mobile-menu .main-nav>ul{display:block}.mobile-menu .sub-menu{position:static;display:block;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:2px 0 4px 16px}.mobile-menu .sub-menu a{padding:8px 12px}
.hero{position:relative;overflow:hidden}.hero-colorful{padding:62px 0 70px;background:linear-gradient(135deg,#fff8fc,#f8fbff 50%,#fbf8ff)}.hero-colorful:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-250px;background:radial-gradient(circle,rgba(242,10,134,.17),rgba(108,53,232,.07) 48%,transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;position:relative;z-index:1}.hero-copy{padding:10px 0}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:900;color:#7d7580}.hero h1{font-size:clamp(48px,6.3vw,82px);line-height:.94;letter-spacing:-.07em;margin:14px 0 22px}.gradient{background:linear-gradient(100deg,var(--orange),var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-alt{background:linear-gradient(100deg,var(--cyan),#2464ed,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;color:#5e5964;max-width:640px;margin:0}.button-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border-radius:999px;background:#17131d;color:#fff;font-weight:850;font-size:13px;border:1px solid #17131d;box-shadow:0 8px 18px rgba(23,19,29,.10);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.outline{background:#fff;color:#17131d;border-color:#dcd6d2}.btn-gradient{background:linear-gradient(100deg,var(--pink),var(--purple));border:0}.hero-social-note{margin-top:17px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#827b86}.hero-social-note span{margin:0 5px;color:var(--pink)}.hero-brand-card{position:relative;min-height:330px;border-radius:34px;background:#fff;border:1px solid #ebe4e2;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden}.hero-brand-card:before{content:"";position:absolute;inset:10px;border-radius:26px;border:1px solid rgba(108,53,232,.10)}.hero-brand-card:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,rgba(242,10,134,.13),rgba(0,169,200,.13),rgba(108,53,232,.13));filter:blur(24px)}.hero-brand-card img{position:relative;z-index:2;width:94%;max-width:560px}
.intro-section{padding:90px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:center}.intro-photo-wrap{position:relative;padding:14px 20px 20px 14px}.intro-photo-wrap img{position:relative;z-index:2;width:100%;border-radius:28px;box-shadow:0 24px 55px rgba(23,19,29,.16)}.photo-ring{position:absolute;inset:-8px 18px 18px -8px;border-radius:32px;background:linear-gradient(135deg,var(--pink),var(--orange),var(--cyan),var(--purple));transform:rotate(-3deg)}.intro-copy h2{font-size:clamp(42px,5vw,67px);line-height:.98;letter-spacing:-.06em;margin:10px 0 22px}.intro-copy p{font-size:17px;color:#45404a;max-width:720px}.rainbow-label{color:var(--pink)}.text-link{display:inline-flex;gap:8px;margin-top:8px;font-weight:900}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(4px)}
.explore-section{padding:90px 0;background:linear-gradient(180deg,#fff,#fbf8ff)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-head h2{font-size:clamp(38px,4.8vw,62px);line-height:.98;letter-spacing:-.06em;margin:8px 0 0}.section-head>p{max-width:440px;color:var(--muted);margin:0}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.explore-card{min-height:300px;border-radius:28px;padding:28px;position:relative;overflow:hidden;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.11);transition:.25s}.explore-card:hover{transform:translateY(-6px)}.books-card{background:linear-gradient(135deg,#f20a86,#ff7900)}.podcast-card{background:linear-gradient(135deg,#00a9c8,#2464ed)}.about-card{background:linear-gradient(135deg,#6c35e8,#d31a98)}.card-number{font-size:11px;font-weight:900;letter-spacing:.15em;opacity:.75}.card-icon{font-size:29px;margin-top:42px}.explore-card h3{font-size:34px;letter-spacing:-.05em;margin:8px 0}.explore-card p{color:rgba(255,255,255,.88);max-width:330px;margin:0}.card-arrow{position:absolute;bottom:26px;font-weight:900;font-size:13px}.quote-section{padding:0 0 90px;background:#fbf8ff}.quote-card{border-radius:30px;padding:58px 50px;text-align:center;background:linear-gradient(135deg,#17131d,#29173f,#122437);color:#fff}.quote-mark{font-size:65px;line-height:.7;color:#ff4b9b}.quote-card blockquote{font-size:clamp(31px,4vw,53px);font-weight:850;letter-spacing:-.05em;margin:8px auto}.quote-card p{color:#cbc5d0;margin:0}.colorful-cta{padding-bottom:90px;background:#fbf8ff}.cta-box{border-radius:28px;padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(105deg,#f20a86,#6c35e8 54%,#00a9c8);box-shadow:0 25px 65px rgba(87,37,135,.20)}.cta-box h2{font-size:clamp(33px,4vw,50px);line-height:1;letter-spacing:-.05em;margin:7px 0 10px}.cta-box p{color:rgba(255,255,255,.86);margin:0;max-width:650px}.btn-white{background:#fff!important;color:#17131d!important;border-color:#fff!important}
.page-hero{padding:76px 0 40px}.page-title{font-size:clamp(48px,6vw,80px);line-height:.94;letter-spacing:-.065em;margin:8px 0 15px}.page-hero .intro{font-size:18px;color:var(--muted);max-width:760px}.section{padding:68px 0}.cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cover-card{min-width:0}.cover-media{height:510px;background:#fff;border:1px solid #e3ddd9;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:28px;overflow:hidden;box-shadow:0 9px 28px rgba(23,19,29,.055);position:relative}.cover-media:before{content:"";position:absolute;inset:9px;border:1px solid rgba(23,19,29,.05);border-radius:17px}.cover-media img{position:relative;z-index:1;height:420px;width:auto;max-width:80%;object-fit:contain;filter:drop-shadow(0 17px 20px rgba(0,0,0,.13))}.cover-caption{padding:15px 5px 2px;font-size:17px;font-weight:900;display:flex;justify-content:space-between}.cover-caption span{font-size:21px}.detail{padding:68px 0 105px}.detail-grid{display:grid;grid-template-columns:minmax(360px,480px) minmax(0,720px);gap:76px;align-items:start;max-width:1180px;margin:auto}.detail-media{height:620px;min-height:620px;background:#fff;border:1px solid #e3ddd9;border-radius:28px;padding:38px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 42px rgba(23,19,29,.075);position:sticky;top:105px}.detail-media img{height:515px;width:auto;max-width:88%;object-fit:contain;filter:drop-shadow(0 18px 23px rgba(0,0,0,.14))}.detail-copy{padding-top:10px}.detail-copy .eyebrow{color:#8d7583}.detail-copy h2{font-size:clamp(46px,5.8vw,76px);line-height:.94;letter-spacing:-.065em;margin:9px 0 25px}.detail-copy h3{font-size:24px;margin:43px 0 8px}.detail-copy p{font-size:17px;line-height:1.82;color:#45404a}.podcast-detail .detail-media img{height:350px;max-height:350px}.guest-list{display:grid;gap:18px}.guest-card-detail{display:grid;grid-template-columns:300px 1fr;gap:32px;background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;align-items:center;box-shadow:0 10px 30px rgba(23,19,29,.055)}.guest-card-detail .cover-media{height:330px;padding:24px}.guest-card-detail .cover-media img{height:255px;max-width:88%}.guest-card-detail h2{font-size:30px;letter-spacing:-.04em;margin:0 0 8px}.guest-card-detail p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:center}.about-photo{border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(23,19,29,.11)}.about-copy h1{font-size:clamp(46px,5.8vw,74px);line-height:.94;letter-spacing:-.065em;margin:8px 0 23px}.about-copy p{font-size:17px;color:#45404a}.contact-wrap{max-width:820px}.contact-form{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:25px;padding:30px;box-shadow:0 10px 30px rgba(23,19,29,.05)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{margin-bottom:17px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:900;margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid #d8d2ce;border-radius:13px;padding:12px 13px;font:inherit}.field textarea{min-height:175px;resize:vertical}.notice{padding:12px 14px;border-radius:12px;background:#eff8f0;margin-bottom:18px}.site-footer{border-top:1px solid var(--line);padding:28px 0;background:#fff}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-inner p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:980px){.main-nav,.header-socials{display:none}.mobile-toggle{display:block}.hero-grid,.intro-grid,.about-grid,.detail-grid{grid-template-columns:1fr}.hero-brand-card{order:-1;min-height:300px}.cover-grid{grid-template-columns:1fr 1fr}.detail-media{position:static}.explore-grid{grid-template-columns:1fr}.guest-card-detail{grid-template-columns:220px 1fr}.section-head{display:block}.section-head>p{margin-top:14px}}
@media(max-width:620px){.container{width:min(calc(100% - 30px),var(--max))}.header-inner{min-height:70px}.brand{width:150px}.brand img{width:145px}.hero-colorful{padding:40px 0 60px}.hero h1{font-size:47px}.hero p{font-size:16px}.hero-brand-card{min-height:245px;padding:25px}.intro-section,.explore-section{padding:70px 0}.intro-copy h2{font-size:45px}.cover-grid{grid-template-columns:1fr}.cover-media{height:500px}.cover-media img{height:425px}.page-hero{padding:58px 0 30px}.detail{padding:48px 0 78px}.detail-media{height:500px;min-height:500px;padding:25px}.detail-media img{height:420px}.detail-copy h2{font-size:48px}.detail-copy p{font-size:16px;line-height:1.75}.podcast-detail .detail-media img{height:320px}.guest-card-detail{grid-template-columns:1fr}.guest-card-detail .cover-media{height:370px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta-box{padding:30px 24px;display:block}.cta-box .btn{margin-top:22px}.footer-inner{display:block}.footer-inner .socials{margin-top:15px}}
/* v4.0 visual polish */
[hidden]{display:none!important}
.site-header:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#f20a86,#ff7a00,#00a9c8,#6c35e8)}
.brand img{width:178px;height:auto;max-height:55px;object-fit:contain;object-position:left center}
.main-nav a{letter-spacing:.01em}
.hero-colorful{padding:34px 0 52px;min-height:calc(100svh - 81px);display:flex;align-items:center}
.hero-grid{gap:44px}
.hero-copy{padding:0}
.hero-kicker{display:flex;align-items:center;gap:9px}
.kicker-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f20a86,#ff7a00);box-shadow:0 0 0 5px rgba(242,10,134,.08)}
.hero h1{margin-top:12px}
.hero-follow{display:flex;gap:14px;flex-wrap:wrap;margin-top:17px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#77707c}
.hero-follow span{color:#302a36}
.hero-follow span:before{content:"·";color:#f20a86;margin-right:14px}
.hero-brand-card{min-height:380px;border-radius:30px;padding:24px 30px 28px;justify-content:flex-start;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.97)}
.hero-card-top{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.16em;font-weight:900;color:#837b87}
.hero-card-line{height:1px;flex:1;background:linear-gradient(90deg,#f20a86,#00a9c8,transparent)}
.hero-logo-wrap{flex:1;display:grid;place-items:center;min-height:240px}
.hero-brand-card img{width:100%;max-width:600px;max-height:280px;object-fit:contain}
.mic-badge{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#17131d;color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:0 10px 25px rgba(23,19,29,.14)}
.mic-badge svg{width:17px;height:17px;fill:#ff4b9b}
.intro-section{padding:76px 0}
.intro-photo-wrap{max-width:500px}
.cover-media{background:#fff;box-shadow:0 15px 36px rgba(23,19,29,.07);border:1px solid #ddd7d3}
.cover-media:after{content:"";position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);pointer-events:none}
.cover-media img{height:430px;max-height:430px;max-width:78%;object-fit:contain}
.cover-caption{font-size:16px}
.detail-media{background:#fff}
.guest-card-detail .cover-media{background:#fff}
.page-hero{padding-top:62px;padding-bottom:28px}
.page-hero:after{content:"";display:block;margin-top:34px;width:100%;height:4px;border-radius:99px;background:linear-gradient(90deg,#f20a86,#ff7a00,#00a9c8,#6c35e8);opacity:.18}
.site-footer{padding:24px 0}
@media(max-width:980px){.hero-colorful{min-height:auto;padding:36px 0 58px}.hero-brand-card{order:-1;min-height:330px}.hero-grid{gap:28px}}
@media(max-width:620px){
 .site-header:before{height:2px}.header-inner{min-height:62px}.brand{width:148px}.brand img{width:142px;max-height:46px}.mobile-toggle{width:40px;height:40px}
 .mobile-menu{padding:5px 0 18px}.mobile-menu .main-nav>ul>li>a{padding:11px 8px}.mobile-menu .sub-menu{padding-left:8px}
 .hero-colorful{padding:18px 0 48px;min-height:0}.hero-grid{gap:18px}.hero-brand-card{order:-1;min-height:220px;padding:16px 17px 18px;border-radius:24px}.hero-card-top{font-size:7px}.hero-logo-wrap{min-height:132px}.hero-brand-card img{max-height:145px}.mic-badge{font-size:8px;padding:7px 9px}.mic-badge svg{width:15px;height:15px}.hero h1{font-size:45px;line-height:.95;margin:10px 0 18px}.hero p{font-size:15px}.button-row{margin-top:20px}.button-row .btn{width:100%}.hero-follow{font-size:9px;gap:9px}.hero-follow span:before{margin-right:9px}
 .intro-section{padding:58px 0}.intro-photo-wrap{max-width:390px;margin:auto}.intro-copy h2{font-size:43px}.explore-section{padding:62px 0}.quote-section{padding-bottom:62px}.quote-card{padding:42px 24px}.colorful-cta{padding-bottom:62px}
 .page-hero{padding:46px 0 20px}.page-hero:after{margin-top:24px}.cover-media{height:470px;padding:22px}.cover-media img{height:420px;max-height:420px;max-width:80%}.detail-media{height:510px;min-height:510px}.detail-media img{height:430px}.podcast-detail .detail-media img{height:320px}
}

/* v5.0 book presentation + mobile navigation */
.cover-media{
  height:520px;
  padding:30px;
  background:linear-gradient(145deg,#f0edf3 0%,#e9e4eb 100%);
  border:1px solid #d7d0da;
  border-radius:26px;
  box-shadow:0 18px 42px rgba(34,25,42,.10);
}
.cover-media:before{
  content:"";position:absolute;inset:14px;border:1px solid rgba(23,19,29,.08);border-radius:19px;
  background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);z-index:0;
}
.cover-media:after{content:"";position:absolute;inset:14px;border-radius:19px;pointer-events:none;box-shadow:0 12px 28px rgba(35,26,45,.07)}
.cover-media img{
  z-index:2;height:438px;width:auto;max-width:78%;object-fit:contain;
  filter:drop-shadow(0 20px 18px rgba(0,0,0,.18));
}
.cover-card:hover .cover-media{transform:translateY(-3px);box-shadow:0 24px 50px rgba(34,25,42,.13);border-color:#cfc5d3}
.cover-card .cover-caption{padding-top:18px}
.detail-media{
  background:linear-gradient(145deg,#f0edf3 0%,#e9e4eb 100%);
  border-color:#d7d0da;
}
.detail-media:before{
  content:"";position:absolute;inset:16px;border:1px solid rgba(23,19,29,.08);border-radius:20px;background:rgba(255,255,255,.72);z-index:0;
}
.detail-media:after{content:"";position:absolute;inset:16px;border-radius:20px;box-shadow:0 14px 30px rgba(35,26,45,.07);pointer-events:none}
.detail-media img{z-index:2}
.mobile-toggle{
  display:none;align-items:center;justify-content:center;gap:8px;padding:0 12px;width:auto;min-width:82px;height:42px;
  font-size:10px;font-weight:900;letter-spacing:.12em;color:#17131d;
}
.mobile-toggle-icon{display:flex;flex-direction:column;gap:3px;width:15px}
.mobile-toggle-icon i{display:block;height:2px;width:15px;border-radius:99px;background:#17131d}
.mobile-menu{border-top:0;padding:8px 0 22px;box-shadow:0 18px 28px rgba(23,19,29,.07)}
.mobile-menu .main-nav>ul>li>a{font-size:14px;font-weight:900;padding:13px 10px;border-bottom:1px solid #eee8e6;border-radius:0}
.mobile-menu .sub-menu{margin:0 0 6px 0;padding:4px 0 5px 14px;border-left:2px solid #f20a86;background:linear-gradient(90deg,rgba(242,10,134,.04),transparent)}
.mobile-menu .sub-menu a{font-size:13px;font-weight:800;padding:9px 10px;color:#504955}
.mobile-menu .socials{padding:15px 8px 0}
@media(max-width:980px){
 .mobile-toggle{display:flex}
 .cover-media{height:510px}
 .cover-media img{height:430px}
}
@media(max-width:620px){
 .header-inner{min-height:64px}
 .mobile-toggle{min-width:88px;height:40px}
 .mobile-menu{padding:6px 0 20px}
 .cover-media{height:455px;padding:22px;border-radius:24px;background:linear-gradient(145deg,#efebf2,#e5e0e9)}
 .cover-media:before,.cover-media:after{inset:12px;border-radius:18px}
 .cover-media img{height:400px;max-width:82%;filter:drop-shadow(0 17px 16px rgba(0,0,0,.18))}
 .detail-media{height:500px;min-height:500px;padding:24px}
 .detail-media:before,.detail-media:after{inset:14px;border-radius:19px}
}

/* v6.1 — exact supplied logo restored in header and hero */
.brand img{width:166px;height:auto;max-height:58px;object-fit:contain}
.hs-primary-list{list-style:none;margin:0;padding:0}
.main-nav> .hs-primary-list{display:flex;align-items:center;gap:3px}
.hs-primary-list>li{position:relative}
.hs-primary-list a{display:block}
.hs-primary-list .sub-menu{min-width:245px}
.hs-primary-list .nav-connect{background:#17131d;color:#fff;border-radius:999px;padding-left:16px;padding-right:16px}
.hs-primary-list .nav-connect:hover{background:linear-gradient(100deg,var(--pink),var(--purple));color:#fff}

/* The cover itself must contrast with the page and with white/transparent edges. */
.cover-media,.detail-media{
  background:linear-gradient(145deg,#3a3542 0%,#25212c 58%,#18151d 100%);
  border:1px solid #4b4454;
  box-shadow:0 24px 55px rgba(18,14,23,.18), inset 0 1px 0 rgba(255,255,255,.10);
}
.cover-media:before,.detail-media:before{
  inset:13px;
  border:1px solid rgba(255,255,255,.12);
  background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.10),rgba(255,255,255,.025) 55%,transparent 72%);
  box-shadow:none;
}
.cover-media:after,.detail-media:after{inset:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);}
.cover-media img,.detail-media img{filter:drop-shadow(0 22px 22px rgba(0,0,0,.38));}
.cover-card .cover-media{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.cover-card:hover .cover-media{transform:translateY(-5px);box-shadow:0 30px 65px rgba(18,14,23,.24);border-color:#655b70}

.mobile-menu .main-nav{display:block;margin:0}
.mobile-menu .hs-primary-list{display:block!important}
.mobile-menu .hs-primary-list>li{position:relative}
.mobile-menu .hs-primary-list>li>a{font-size:15px;font-weight:900;padding:13px 10px;border-bottom:1px solid #eee8e6;border-radius:0}
.mobile-menu .hs-primary-list>li.menu-item-has-children>a:after{content:'⌄';float:right;margin-right:3px}
.mobile-menu .hs-primary-list .sub-menu{position:static;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;min-width:0;padding:5px 0 7px 15px;margin:0;border-left:2px solid var(--pink);background:linear-gradient(90deg,rgba(242,10,134,.055),transparent);box-shadow:none}
.mobile-menu .hs-primary-list .sub-menu a{font-size:13px;font-weight:800;padding:9px 10px;color:#504955;border-bottom:0}
.mobile-menu .nav-connect{background:linear-gradient(100deg,var(--pink),var(--purple))!important;color:#fff!important;border-radius:999px!important;margin-top:8px;text-align:center}
@media(max-width:980px){
  .main-nav,.header-socials{display:none}
  .mobile-toggle{display:flex}
  .mobile-menu .main-nav{display:block!important}
  .mobile-menu .socials{padding:15px 8px 0}
  .cover-media{height:510px}
  .cover-media img{height:430px}
}
@media(max-width:620px){
  .header-inner{min-height:64px}
  .brand{width:154px}
  .brand img{width:148px;max-height:48px}
  .mobile-toggle{min-width:88px;height:40px}
  .mobile-menu{padding:6px 0 20px}
  .cover-media{height:455px;padding:22px}
  .cover-media img{height:400px;max-width:82%}
  .detail-media{height:500px;min-height:500px;padding:24px}
  .detail-media img{height:430px}
}


/* v6.1 logo visibility: use the supplied Holden Swanson artwork at full opacity. */
.brand img{display:block;opacity:1;visibility:visible;mix-blend-mode:normal}
.hero-logo-wrap img{display:block;opacity:1;visibility:visible;mix-blend-mode:normal}
.hero-brand-card{background:#fff}
@media(max-width:980px){.brand img{width:155px;max-height:50px}.hero-logo-wrap{min-height:230px}.hero-brand-card img{max-height:220px}}
@media(max-width:620px){.brand img{width:142px;max-height:48px}.hero-logo-wrap{min-height:145px}.hero-brand-card img{max-height:150px}}

/* v6.2 — keep podcast archive cards neutral; .podcast-card is also used by homepage explore cards */
.cover-grid .podcast-card,
.cover-grid .guest-card{
  background:transparent;
  color:inherit;
  box-shadow:none;
  min-height:0;
  padding:0;
  border-radius:0;
  overflow:visible;
}
.cover-grid .podcast-card:hover,
.cover-grid .guest-card:hover{
  transform:none;
  box-shadow:none;
}
.cover-grid .podcast-card .cover-media,
.cover-grid .guest-card .cover-media{
  color:var(--ink);
}


/* v6.2.1 home hero: clean book + podcast visual, no logo duplication */
.hero-brand-card{min-height:520px;padding:22px 26px 24px;background:rgba(255,255,255,.98);border:1px solid #e8e0e6;box-shadow:0 28px 70px rgba(34,20,48,.13)}
.hero-card-stage{position:relative;z-index:2;flex:1;min-height:390px;display:grid;grid-template-columns:.62fr 1fr;align-items:center;gap:10px;width:100%}
.hero-mic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#17131d;text-align:center}
.hero-mic svg{width:74px;height:74px;fill:currentColor;filter:drop-shadow(0 12px 18px rgba(108,53,232,.15))}
.hero-mic span{font-size:9px;letter-spacing:.16em;font-weight:900;color:#756d7a}
.hero-book{display:flex;align-items:center;justify-content:center;height:100%;min-height:360px}
.hero-book img{display:block;width:auto;height:min(365px,100%);max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.20))}
.hero-card-caption{position:relative;z-index:3;display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid #eee8ec;padding-top:12px;font-size:12px}
.hero-card-caption strong{font-size:20px;letter-spacing:-.03em}.hero-card-caption span{color:#7b7380;font-weight:700}
.intro-section{position:relative}.intro-copy{max-width:760px}.intro-copy .text-link{padding-bottom:2px;border-bottom:2px solid rgba(242,10,134,.18)}
@media(max-width:980px){.hero-brand-card{min-height:430px}.hero-card-stage{min-height:310px}.hero-book img{height:315px}.hero-mic svg{width:64px;height:64px}}
@media(max-width:620px){.hero-brand-card{min-height:350px;padding:16px 16px 18px}.hero-card-stage{min-height:245px;grid-template-columns:.48fr 1fr;gap:0}.hero-mic{gap:8px}.hero-mic svg{width:48px;height:48px}.hero-mic span{font-size:7px;letter-spacing:.11em}.hero-book{min-height:220px}.hero-book img{height:245px;max-width:100%}.hero-card-caption strong{font-size:16px}.hero-card-caption span{font-size:10px}}


/* v6.3 — exact supplied homepage direction: editorial hero, responsive book/mic composition */
.hs-exact-hero{min-height:430px;padding:40px 0 38px;background:linear-gradient(90deg,#fbfcff 0%,#f8fbff 43%,#f7f9fc 63%,#fff9f5 100%);display:flex;align-items:center;position:relative}
.hs-exact-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 54% 42%,rgba(255,255,255,.95) 0 15%,rgba(255,255,255,.15) 42%,transparent 64%);pointer-events:none}
.hs-exact-hero:after{content:"";position:absolute;right:-80px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(242,10,134,.16),rgba(108,53,232,.09) 43%,transparent 70%);pointer-events:none}
.hero-paint{position:absolute;z-index:0;pointer-events:none;width:180px;height:100%;opacity:.82;filter:blur(.1px)}
.hero-paint-left{left:-55px;top:0;background:linear-gradient(135deg,transparent 10%,rgba(242,10,134,.92) 13%,rgba(108,53,232,.86) 29%,transparent 45%),linear-gradient(150deg,transparent 34%,rgba(0,169,200,.75) 39%,transparent 48%);clip-path:polygon(0 4%,75% 0,100% 19%,54% 39%,100% 53%,65% 67%,100% 84%,47% 100%,0 96%,19% 75%,0 58%,23% 40%,0 23%)}
.hero-paint-right{right:-45px;bottom:0;background:linear-gradient(140deg,transparent 12%,rgba(0,169,200,.9) 19%,rgba(0,169,200,.2) 31%,transparent 38%),linear-gradient(35deg,transparent 25%,rgba(242,10,134,.88) 32%,rgba(255,122,0,.8) 49%,transparent 61%);clip-path:polygon(100% 0,55% 10%,100% 23%,66% 39%,100% 53%,57% 70%,100% 86%,50% 100%,0 94%,22% 76%,0 60%,29% 44%,0 25%,34% 12%)}
.hs-exact-hero .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(510px,.98fr);gap:28px;align-items:center;z-index:2}
.hs-exact-hero .hero-copy{padding:0;position:relative;z-index:3}
.hs-exact-hero .hero-kicker{font-size:10px;letter-spacing:.19em;color:#6c7180;gap:8px;white-space:nowrap}
.hs-exact-hero .hero-kicker b{color:#d5d8df;font-weight:900}
.hs-exact-hero .hero-kicker .kicker-dot{width:8px;height:8px;flex:0 0 auto}
.hs-exact-hero h1{font-size:clamp(50px,5.35vw,77px);line-height:.94;letter-spacing:-.065em;margin:17px 0 18px;max-width:760px}
.hs-exact-hero .gradient{background:linear-gradient(100deg,#ff6a00 0%,#f20a86 48%,#8d2de0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-exact-hero .gradient-alt{background:linear-gradient(100deg,#08a9d4 0%,#2569e9 48%,#7130e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-exact-hero p{font-size:17px;line-height:1.55;max-width:610px;color:#4f5d73}
.hs-exact-hero .hero-actions{gap:12px;margin-top:20px}
.hs-exact-hero .hero-actions .btn{min-height:48px;padding:12px 18px;font-size:12px}
.hs-exact-hero .hero-actions .btn.outline{background:rgba(255,255,255,.92);border-color:#e7e9ee;box-shadow:0 10px 25px rgba(31,48,80,.06)}
.hs-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;line-height:1}.hs-btn-icon svg{width:19px;height:19px;fill:currentColor}
.hs-exact-hero .hero-follow{margin-top:17px;gap:0;font-size:10px;letter-spacing:.11em;color:#7a8493}
.hs-exact-hero .hero-follow span{color:#2f394a}
.hs-exact-hero .hero-follow span:first-child{color:#718096}
.hs-exact-hero .hero-follow span:before{margin-right:10px;color:#f20a86}
.hs-exact-hero .hero-follow span:first-child:before{content:"";margin:0}
.hero-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:visible}
.hero-photo-glow{position:absolute;inset:10px -25px 0 15px;border-radius:32px;background:radial-gradient(circle at 56% 48%,rgba(255,255,255,.98),rgba(224,238,247,.55) 39%,rgba(255,222,235,.38) 65%,transparent 76%);filter:blur(8px)}
.hero-mic-large{position:absolute;left:12%;bottom:43px;width:215px;height:215px;z-index:1;transform:rotate(-3deg);display:grid;place-items:center;border-radius:42% 48% 38% 45%;background:radial-gradient(circle at 50% 35%,#30333b,#17191f 58%,#0d0e12);box-shadow:0 30px 42px rgba(20,26,38,.27),inset 10px 8px 18px rgba(255,255,255,.08)}
.hero-mic-large:before{content:"";position:absolute;inset:24px 32px 22px;border-radius:44%;border:1px solid rgba(255,255,255,.18)}
.hero-mic-large svg{width:112px;height:112px;fill:#0c0d10;filter:drop-shadow(0 2px 0 rgba(255,255,255,.15))}
.hero-feature-book{position:absolute;right:2%;top:0;height:405px;width:300px;display:flex;justify-content:center;align-items:flex-end;z-index:3}
.hero-feature-book img{height:405px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 23px 18px rgba(26,28,36,.24))}
.hero-feature-book:after{content:"";position:absolute;bottom:9px;left:15%;right:3%;height:28px;border-radius:50%;background:rgba(23,26,33,.15);filter:blur(14px);z-index:-1}
/* The Usual? detail uses the same exact hero artwork and a clean, non-blending presentation box. */
.detail-grid .detail-media{background:#fff;border:1px solid #e6e8ed;box-shadow:0 22px 55px rgba(26,34,49,.10);border-radius:28px;overflow:hidden}
.detail-grid .detail-media:before,.detail-grid .detail-media:after{display:none}
.detail-grid .detail-media img{height:540px;max-height:540px;max-width:94%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,0,0,.16));}
@media(max-width:1100px){
 .hs-exact-hero .hero-grid{grid-template-columns:1fr .9fr;gap:12px}
 .hs-exact-hero h1{font-size:clamp(46px,6vw,68px)}
 .hero-feature-book{right:0;height:360px;width:270px}.hero-feature-book img{height:360px}
 .hero-mic-large{left:4%;width:175px;height:175px}.hero-mic-large svg{width:90px;height:90px}
}
@media(max-width:980px){
 .hs-exact-hero{padding:38px 0 52px;min-height:0}
 .hs-exact-hero .hero-grid{grid-template-columns:1fr;gap:26px}
 .hero-visual{order:-1;min-height:390px;max-width:720px;margin:0 auto;width:100%}
 .hero-feature-book{right:8%;height:370px;width:280px}.hero-feature-book img{height:370px}
 .hero-mic-large{left:16%;bottom:36px;width:190px;height:190px}
 .hs-exact-hero .hero-copy{max-width:760px;margin:auto;width:100%}
 .hs-exact-hero .hero-actions{flex-wrap:wrap}
}
@media(max-width:620px){
 .hs-exact-hero{padding:18px 0 46px}
 .hero-paint{width:85px;opacity:.55}
 .hs-exact-hero .hero-grid{gap:20px}
 .hero-visual{min-height:300px;margin-top:0}
 .hero-photo-glow{inset:10px -10px 0}
 .hero-feature-book{right:4%;height:300px;width:205px;top:0}
 .hero-feature-book img{height:300px}
 .hero-mic-large{left:3%;bottom:22px;width:125px;height:125px;border-radius:40%}
 .hero-mic-large:before{inset:15px 20px}
 .hero-mic-large svg{width:66px;height:66px}
 .hs-exact-hero .hero-kicker{font-size:7px;letter-spacing:.13em;white-space:normal;line-height:1.6}
 .hs-exact-hero h1{font-size:clamp(43px,13vw,56px);line-height:.94;margin:12px 0 17px}
 .hs-exact-hero p{font-size:15px;line-height:1.55}
 .hs-exact-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}
 .hs-exact-hero .hero-actions .btn{width:100%;min-height:47px}
 .hs-exact-hero .hero-follow{font-size:9px;margin-top:15px;line-height:1.8}
 .detail-grid .detail-media{height:520px;min-height:520px;padding:18px}
 .detail-grid .detail-media img{height:470px;max-height:470px;max-width:96%}
}


/* v6.3.1 — The Usual? uses the supplied cover artwork on a clean white card.
   The artwork has transparent edges, so a dark card makes the cover appear blended. */
.cover-media-usual{
  background:#fff !important;
  border-color:#e3ddd9 !important;
  box-shadow:0 9px 28px rgba(23,19,29,.055) !important;
}
.cover-media-usual:before,.cover-media-usual:after{
  display:none !important;
}
.cover-media-usual img{
  height:455px !important;
  max-width:88% !important;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.14)) !important;
}
@media(max-width:980px){
  .cover-media-usual img{height:430px !important}
}
@media(max-width:620px){
  .cover-media-usual img{height:395px !important;max-width:88% !important}
}

/* v6.8 — final client markup + elegant real podcast microphone */
.hs-exact-hero .hero-mic-large{
  left:5%; bottom:8px; width:365px; height:365px; z-index:2;
  transform:none; display:flex; align-items:flex-end; justify-content:center;
  border-radius:0; background:transparent; box-shadow:none; overflow:visible;
}
.hs-exact-hero .hero-mic-large:before{display:none}
.hs-exact-hero .hero-mic-large img{
  display:block; width:100%; height:100%; object-fit:cover; object-position:center;
  border-radius:34px; mix-blend-mode:multiply;
  filter:drop-shadow(0 22px 22px rgba(26,28,36,.18));
}
/* Client requested the social row under the hero removed. */
.hero-follow,.hero-social-note{display:none !important}
/* Client requested no numbers on the Explore the Work cards. */
.card-number{display:none !important}
/* The Explore heading intentionally has no supporting paragraph. */
.section-head.colorful-head > p{display:none !important}
@media(max-width:1100px){
  .hs-exact-hero .hero-mic-large{left:2%;width:310px;height:310px}
}
@media(max-width:980px){
  .hs-exact-hero .hero-mic-large{left:8%;bottom:12px;width:320px;height:320px}
}
@media(max-width:620px){
  .hs-exact-hero .hero-mic-large{left:0;bottom:0;width:185px;height:230px}
  .hs-exact-hero .hero-mic-large img{border-radius:24px}
}

/* Reliable click/tap dropdowns for Books and Podcasts on desktop and mobile. */
.main-nav .menu-item-has-children > a{padding-right:30px}
.main-nav .menu-item-has-children > .hs-submenu-toggle{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  width:22px; height:22px; padding:0; border:0; background:transparent;
  cursor:pointer; z-index:3; color:currentColor;
}
.main-nav .menu-item-has-children > .hs-submenu-toggle:after{content:'⌄';font-size:12px;font-weight:900}
.main-nav .menu-item-has-children.is-open > .hs-submenu-toggle:after{content:'⌃'}
.main-nav .menu-item-has-children.is-open > .sub-menu{opacity:1;visibility:visible;transform:none}
.mobile-menu .menu-item-has-children > .hs-submenu-toggle{right:10px;top:17px;transform:none}
.mobile-menu .menu-item-has-children > .sub-menu{display:none}
.mobile-menu .menu-item-has-children.is-open > .sub-menu{display:block}


/* v6.9 — precision cleanup: click-only dropdowns + isolated hero assets */
/* Never render a second arrow: the dedicated toggle is the only dropdown indicator. */
.main-nav .hs-primary-list > li.menu-item-has-children > a:after,
.main-nav .hs-primary-list > li.menu-item-has-children > a::after,
.mobile-menu .hs-primary-list > li.menu-item-has-children > a:after,
.mobile-menu .hs-primary-list > li.menu-item-has-children > a::after{content:none !important;display:none !important}
.main-nav .hs-primary-list > li.menu-item-has-children > a{padding-right:34px}
/* Dropdowns open only after the user clicks the arrow, never just by hovering. */
.main-nav .hs-primary-list > li.menu-item-has-children:hover > .sub-menu,
.main-nav .hs-primary-list > li.menu-item-has-children:focus-within > .sub-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.main-nav .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu{opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important;background:#fff !important;box-shadow:0 18px 40px rgba(28,18,38,.12) !important}
.main-nav .hs-primary-list > li.menu-item-has-children.is-open:hover > .sub-menu,
.main-nav .hs-primary-list > li.menu-item-has-children.is-open:focus-within > .sub-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
/* Keep the submenu visually contained below the header; no ghosting into the hero. */
.site-header{isolation:isolate}
.main-nav .sub-menu{z-index:999;background:#fff !important}
/* Hero: real microphone cutout and book sit beside each other, with no rectangular image background. */
.hs-exact-hero .hero-photo-glow{display:none !important}
.hs-exact-hero .hero-visual{min-height:435px;display:flex;align-items:center;justify-content:flex-end;gap:16px;position:relative;overflow:visible;padding-right:6px}
.hs-exact-hero .hero-mic-large{position:relative;left:auto;bottom:auto;flex:0 0 330px;width:330px;height:auto;z-index:2;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;border-radius:0;overflow:visible;transform:none}
.hs-exact-hero .hero-mic-large img{display:block;width:330px;height:auto;max-height:415px;object-fit:contain;object-position:center;border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 24px 24px rgba(26,28,36,.18))}
.hs-exact-hero .hero-feature-book{position:relative;right:auto;top:auto;flex:0 0 245px;width:245px;height:400px;display:flex;justify-content:center;align-items:center;z-index:3}
.hs-exact-hero .hero-feature-book img{height:400px;width:auto;max-width:245px;object-fit:contain;filter:drop-shadow(0 20px 17px rgba(26,28,36,.20))}
.hs-exact-hero .hero-feature-book:after{display:none}
@media(max-width:1100px){
 .hs-exact-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);gap:18px}
 .hs-exact-hero .hero-visual{gap:8px}
 .hs-exact-hero .hero-mic-large{flex-basis:285px;width:285px}
 .hs-exact-hero .hero-mic-large img{width:285px;max-height:370px}
 .hs-exact-hero .hero-feature-book{flex-basis:220px;width:220px;height:365px}
 .hs-exact-hero .hero-feature-book img{height:365px;max-width:220px}
}
@media(max-width:980px){
 .hs-exact-hero .hero-grid{grid-template-columns:1fr;gap:26px}
 .hs-exact-hero .hero-visual{order:-1;min-height:390px;justify-content:center;padding:0}
 .hs-exact-hero .hero-mic-large{flex-basis:290px;width:290px}
 .hs-exact-hero .hero-mic-large img{width:290px;max-height:375px}
 .hs-exact-hero .hero-feature-book{flex-basis:235px;width:235px;height:370px}
 .hs-exact-hero .hero-feature-book img{height:370px;max-width:235px}
}
@media(max-width:620px){
 .hs-exact-hero .hero-visual{min-height:330px;gap:4px}
 .hs-exact-hero .hero-mic-large{flex-basis:190px;width:190px}
 .hs-exact-hero .hero-mic-large img{width:190px;max-height:285px}
 .hs-exact-hero .hero-feature-book{flex-basis:145px;width:145px;height:280px}
 .hs-exact-hero .hero-feature-book img{height:280px;max-width:145px}
}
/* The client requested the circled LET'S CONNECT label above the CTA removed. */
.social-cta .cta-box > .eyebrow{display:none !important}


/* v7.0 — final hero and navigation cleanup
   - isolated podcast microphone with no background/blending
   - microphone and book sit cleanly side-by-side
   - Books/Podcasts submenus open only while hovering/focusing those menu items
   - exactly one dropdown indicator
*/
/* Desktop: the small JS toggle button is not a second arrow. The link owns the single indicator. */
@media (min-width: 981px){
  .main-nav .hs-primary-list > li.menu-item-has-children > .hs-submenu-toggle{
    display:none !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children > a{
    padding-right:28px !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children > a:after{
    content:'⌄' !important;
    display:inline-block !important;
    margin-left:7px;
    font-size:11px;
    line-height:1;
    vertical-align:1px;
  }
  /* Closed by default. Hover/focus opens the menu only for these two parents. */
  .main-nav .hs-primary-list > li.menu-item-has-children > .sub-menu{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(7px) !important;
    top:calc(100% + 4px) !important;
    left:0 !important;
    z-index:1000 !important;
    background:#fff !important;
    box-shadow:0 18px 42px rgba(28,18,38,.14) !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children:hover > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:focus-within > .sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
}

/* Mobile: keep one visible indicator and allow the existing toggle to open the submenu. */
@media (max-width: 980px){
  .mobile-menu .hs-primary-list > li.menu-item-has-children > a:after{
    content:none !important;
    display:none !important;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .hs-submenu-toggle{
    display:block !important;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .hs-submenu-toggle:after{
    content:'⌄' !important;
    display:block !important;
    font-size:12px;
    font-weight:900;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children.is-open > .hs-submenu-toggle:after{
    content:'⌃' !important;
  }
}

/* Remove any inherited decorative dropdown shadows from the hero area. */
.hs-exact-hero .hero-visual,
.hs-exact-hero .hero-mic-large,
.hs-exact-hero .hero-feature-book{
  overflow:visible !important;
}

/* Clean, un-cropped isolated microphone. Its transparent canvas is preserved so
   the artwork is never hard-cropped at the top, bottom, cable, or stand. */
.hs-exact-hero .hero-photo-glow{
  display:none !important;
}
.hs-exact-hero .hero-visual{
  min-height:455px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px !important;
  padding:0 8px 0 0 !important;
}
.hs-exact-hero .hero-mic-large{
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  flex:0 0 315px !important;
  width:315px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  z-index:2 !important;
}
.hs-exact-hero .hero-mic-large:before{
  display:none !important;
}
.hs-exact-hero .hero-mic-large img{
  display:block !important;
  width:315px !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 18px 22px rgba(26,28,36,.17)) !important;
}
.hs-exact-hero .hero-feature-book{
  position:relative !important;
  right:auto !important;
  top:auto !important;
  flex:0 0 215px !important;
  width:215px !important;
  height:400px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:3 !important;
}
.hs-exact-hero .hero-feature-book img{
  display:block !important;
  width:auto !important;
  height:400px !important;
  max-width:215px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 20px 17px rgba(26,28,36,.20)) !important;
}
.hs-exact-hero .hero-feature-book:after{
  display:none !important;
}

@media(max-width:1100px){
  .hs-exact-hero .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(500px,.9fr) !important;
    gap:14px !important;
  }
  .hs-exact-hero .hero-visual{
    gap:10px !important;
    padding-right:0 !important;
  }
  .hs-exact-hero .hero-mic-large{
    flex-basis:285px !important;
    width:285px !important;
  }
  .hs-exact-hero .hero-mic-large img{
    width:285px !important;
  }
  .hs-exact-hero .hero-feature-book{
    flex-basis:205px !important;
    width:205px !important;
    height:370px !important;
  }
  .hs-exact-hero .hero-feature-book img{
    height:370px !important;
    max-width:205px !important;
  }
}
@media(max-width:980px){
  .hs-exact-hero .hero-grid{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
  .hs-exact-hero .hero-visual{
    order:-1 !important;
    min-height:390px !important;
    justify-content:center !important;
    gap:12px !important;
    padding:0 !important;
  }
  .hs-exact-hero .hero-mic-large{
    flex-basis:280px !important;
    width:280px !important;
  }
  .hs-exact-hero .hero-mic-large img{
    width:280px !important;
  }
  .hs-exact-hero .hero-feature-book{
    flex-basis:210px !important;
    width:210px !important;
    height:360px !important;
  }
  .hs-exact-hero .hero-feature-book img{
    height:360px !important;
    max-width:210px !important;
  }
}
@media(max-width:620px){
  .hs-exact-hero .hero-visual{
    min-height:315px !important;
    gap:5px !important;
  }
  .hs-exact-hero .hero-mic-large{
    flex-basis:180px !important;
    width:180px !important;
  }
  .hs-exact-hero .hero-mic-large img{
    width:180px !important;
  }
  .hs-exact-hero .hero-feature-book{
    flex-basis:140px !important;
    width:140px !important;
    height:285px !important;
  }
  .hs-exact-hero .hero-feature-book img{
    height:285px !important;
    max-width:140px !important;
  }
}

/* v7.0 approved theme — hero microphone replacement only.
   Uses the client's supplied transparent microphone artwork without altering its pixels.
   This override only sizes/positions the hero mic; all other v7.0 styling remains unchanged. */
.hs-exact-hero .hero-mic-large{
  flex:0 0 225px !important;
  width:225px !important;
  height:425px !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  transform:none !important;
}
.hs-exact-hero .hero-mic-large img{
  display:block !important;
  width:225px !important;
  height:auto !important;
  max-width:none !important;
  max-height:425px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 18px 20px rgba(26,28,36,.16)) !important;
}
@media(max-width:1100px){
  .hs-exact-hero .hero-mic-large{flex-basis:205px !important;width:205px !important;height:390px !important}
  .hs-exact-hero .hero-mic-large img{width:205px !important;max-height:390px !important}
}
@media(max-width:980px){
  .hs-exact-hero .hero-mic-large{flex-basis:190px !important;width:190px !important;height:360px !important}
  .hs-exact-hero .hero-mic-large img{width:190px !important;max-height:360px !important}
}
@media(max-width:620px){
  .hs-exact-hero .hero-mic-large{flex-basis:150px !important;width:150px !important;height:290px !important}
  .hs-exact-hero .hero-mic-large img{width:150px !important;max-height:290px !important}
}

/* v7.3 — dropdown destination links
   Keep the parent Books/Podcasts links and every submenu destination fully clickable.
   This is intentionally additive: no layout, typography, color, or hero changes. */
@media (min-width:981px){
  .main-nav .hs-primary-list > li.menu-item-has-children > a{
    position:relative;
    z-index:1002;
    pointer-events:auto !important;
    cursor:pointer;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children > .sub-menu{
    z-index:1001 !important;
    pointer-events:none !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children:hover > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:focus-within > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu{
    pointer-events:auto !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children > .sub-menu li,
  .main-nav .hs-primary-list > li.menu-item-has-children > .sub-menu a{
    position:relative;
    z-index:1003;
    pointer-events:auto !important;
    cursor:pointer;
  }
}
@media (max-width:980px){
  .mobile-menu .hs-primary-list > li.menu-item-has-children > a{
    position:relative;
    z-index:2;
    pointer-events:auto !important;
    cursor:pointer;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .sub-menu,
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .sub-menu li,
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .sub-menu a{
    pointer-events:auto !important;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .hs-submenu-toggle{
    z-index:4;
  }
}

/* v7.4 — clickable hero social row, matching the supplied homepage reference */
.hs-exact-hero .hero-social-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:17px;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.11em;
  font-weight:900;
  text-transform:uppercase;
}
.hs-exact-hero .hero-social-links a{
  color:#667184;
  text-decoration:none;
  transition:color .18s ease,transform .18s ease;
}
.hs-exact-hero .hero-social-links a:hover{
  color:#f20a86;
  transform:translateY(-1px);
}
.hs-exact-hero .hero-social-links .follow-label{
  color:#718096;
}
@media(max-width:620px){
  .hs-exact-hero .hero-social-links{
    gap:10px;
    font-size:8.5px;
    letter-spacing:.09em;
  }
}


/* v7.5 — clean dropdown behavior
   Desktop: Books/Podcasts submenus are hidden by default and appear only when
   the pointer/focus is on that parent item. Mobile: submenus start closed and
   open only after the user taps the dedicated arrow/toggle. */
@media (min-width:981px){
  .main-nav .hs-primary-list > li.menu-item-has-children > .sub-menu{
    display:block !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(7px) !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children:hover > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:focus-within > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
}

@media (max-width:980px){
  /* Critical: do not show book/podcast titles when the mobile menu first opens. */
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .sub-menu{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }
}


/* v7.7 — exact supplied homepage hero reference.
   Keep the rest of v7.6 unchanged. The hero social row is visible and clickable,
   and the microphone is the clean, elegant icon treatment shown in the supplied reference. */
.hs-exact-hero .hero-follow,
.hs-exact-hero .hero-social-links{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:18px !important;
  margin-top:17px !important;
  font-size:10px !important;
  line-height:1.4 !important;
  letter-spacing:.11em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  color:#718096 !important;
}
.hs-exact-hero .hero-follow .follow-label{color:#718096 !important}
.hs-exact-hero .hero-follow a{
  color:#718096 !important;
  text-decoration:none !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  transition:color .18s ease,transform .18s ease !important;
}
.hs-exact-hero .hero-follow a:hover{color:#17131d !important;transform:translateY(-1px)}
.hs-exact-hero .hero-mic-large{
  flex:0 0 275px !important;
  width:275px !important;
  height:275px !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  transform:none !important;
  position:relative !important;
}
.hs-exact-hero .hero-mic-inner{
  width:275px !important;
  height:275px !important;
  border-radius:40% 43% 41% 43% !important;
  background:linear-gradient(145deg,#292c34 0%,#17191f 52%,#0d0e12 100%) !important;
  box-shadow:0 30px 42px rgba(20,26,38,.24),inset 10px 8px 18px rgba(255,255,255,.055) !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
}
.hs-exact-hero .hero-mic-inner:before{
  content:"" !important;
  position:absolute !important;
  inset:27px 31px 27px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:44% !important;
}
.hs-exact-hero .hero-mic-glyph{
  width:122px !important;
  height:122px !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
  z-index:1 !important;
}
.hs-exact-hero .hero-mic-glyph svg{
  width:122px !important;
  height:122px !important;
  fill:#090a0d !important;
  filter:drop-shadow(0 2px 0 rgba(255,255,255,.10)) !important;
}
/* The reference hero uses a clean isolated visual; don't put a photographic
   microphone behind the book. */
.hs-exact-hero .hero-visual{
  min-height:420px !important;
  gap:28px !important;
  padding-right:8px !important;
  justify-content:flex-end !important;
}
.hs-exact-hero .hero-feature-book{
  flex:0 0 225px !important;
  width:225px !important;
  height:370px !important;
}
.hs-exact-hero .hero-feature-book img{
  height:370px !important;
  max-width:225px !important;
}
@media(max-width:1100px){
  .hs-exact-hero .hero-visual{gap:16px !important}
  .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner{width:245px !important;height:245px !important;flex-basis:245px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:108px !important;height:108px !important}
  .hs-exact-hero .hero-feature-book{flex-basis:195px !important;width:195px !important;height:340px !important}
  .hs-exact-hero .hero-feature-book img{height:340px !important;max-width:195px !important}
}
@media(max-width:980px){
  .hs-exact-hero .hero-visual{min-height:350px !important;gap:18px !important;justify-content:center !important}
  .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner{width:230px !important;height:230px !important;flex-basis:230px !important}
  .hs-exact-hero .hero-mic-inner:before{inset:23px 26px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:98px !important;height:98px !important}
  .hs-exact-hero .hero-feature-book{flex-basis:180px !important;width:180px !important;height:315px !important}
  .hs-exact-hero .hero-feature-book img{height:315px !important;max-width:180px !important}
}
@media(max-width:620px){
  .hs-exact-hero .hero-follow,.hs-exact-hero .hero-social-links{gap:12px !important;font-size:8px !important}
  .hs-exact-hero .hero-visual{min-height:285px !important;gap:8px !important}
  .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner{width:165px !important;height:165px !important;flex-basis:165px !important}
  .hs-exact-hero .hero-mic-inner:before{inset:16px 19px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:72px !important;height:72px !important}
  .hs-exact-hero .hero-feature-book{flex-basis:125px !important;width:125px !important;height:250px !important}
  .hs-exact-hero .hero-feature-book img{height:250px !important;max-width:125px !important}
}


/* v7.8 — final client adjustments: exact intro cutoff and centered mobile social icons. */
@media (max-width:980px){
  .mobile-menu .socials{
    justify-content:center !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .footer-inner .socials{
    justify-content:center !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:620px){
  .hs-exact-hero .hero-social-links{
    justify-content:center !important;
    width:100% !important;
  }
}

/* v7.9 — mobile final alignment polish.
   Desktop/tablet layout remains unchanged. On phones, headings and CTA buttons
   are centered, and guest-appearance actions stay in the text column rather
   than visually colliding with the artwork. */
@media (max-width:620px){
  /* Center all primary headings on phone screens. */
  .page-title,
  .section-head,
  .section-head > div,
  .section-head h2,
  .intro-copy,
  .intro-copy h2,
  .detail-copy,
  .detail-copy h2,
  .detail-copy h3,
  .about-copy,
  .about-copy h1,
  .about-copy h2,
  .contact-wrap,
  .guest-card-detail > div:last-child,
  .guest-card-detail h2,
  .cta-box,
  .cta-box h2,
  .colorful-head,
  .explore-card h3{
    text-align:center !important;
  }

  /* Center buttons consistently and prevent them from sitting beside/over artwork. */
  .button-row,
  .hero-actions,
  .intro-copy .text-link,
  .guest-card-detail .btn,
  .detail-copy .btn,
  .about-copy .btn,
  .contact-wrap .btn,
  .cta-box .btn{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .button-row,
  .hero-actions{
    width:100% !important;
    align-items:center !important;
  }

  .button-row .btn,
  .hero-actions .btn{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Keep the guest-appearance card vertical and keep its action below the copy. */
  .guest-card-detail{
    grid-template-columns:1fr !important;
    align-items:center !important;
    text-align:center !important;
  }
  .guest-card-detail .cover-media{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .guest-card-detail > div:last-child{
    width:100% !important;
  }
  .guest-card-detail .btn{
    width:max-content !important;
    max-width:100% !important;
  }

  /* Center the action labels on the three homepage work cards. */
  .explore-card .card-arrow{
    left:0 !important;
    right:0 !important;
    text-align:center !important;
  }

  /* Center CTA content while retaining the existing visual design. */
  .cta-box > div{
    text-align:center !important;
  }
  .cta-box .btn{
    width:max-content !important;
    max-width:100% !important;
  }
}

/* v8.0 — final navigation behavior
   Mobile menu starts with Books/Podcasts children completely closed.
   Only the dedicated arrow control opens a submenu. Desktop keeps hover-to-open. */
@media (max-width:980px){
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .sub-menu,
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .sub-menu *{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu,
  .mobile-menu .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu li,
  .mobile-menu .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu a{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}
@media (min-width:981px){
  .main-nav .hs-primary-list > li.menu-item-has-children > .sub-menu{
    display:block !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateY(7px) !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children:hover > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:focus-within > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
}

/* v8.2: Desktop Books/Podcasts dropdowns open only when their arrow is clicked. */
@media (min-width:981px){
  .main-nav .hs-primary-list > li.menu-item-has-children > .sub-menu{
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(5px) !important;
    pointer-events:none !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
  }
}

/* v8.3 — FINAL: desktop dropdowns are click-arrow ONLY.
   Hovering or keyboard focus on Books/Podcasts must never open the submenu.
   The dedicated arrow button is visible and is the only control that opens it. */
@media (min-width:981px){
  .main-nav .hs-primary-list > li.menu-item-has-children > a:after,
  .main-nav .hs-primary-list > li.menu-item-has-children > a::after{
    content:none !important;
    display:none !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children > a{
    padding-right:34px !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children > .hs-submenu-toggle{
    display:block !important;
    position:absolute !important;
    right:5px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:24px !important;
    height:30px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    color:currentColor !important;
    cursor:pointer !important;
    z-index:1004 !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children > .hs-submenu-toggle:after{
    content:'⌄' !important;
    display:block !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:30px !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open > .hs-submenu-toggle:after{
    content:'⌃' !important;
  }

  /* Closed means CLOSED — including hover and focus-within states. */
  .main-nav .hs-primary-list > li.menu-item-has-children:not(.is-open) > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:not(.is-open):hover > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:not(.is-open):focus > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:not(.is-open):focus-within > .sub-menu{
    display:block !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(7px) !important;
  }

  /* Only JavaScript's .is-open class can reveal the submenu. */
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open:hover > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open:focus-within > .sub-menu{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
}

/* v8.4 — FINAL MOBILE CLICK-ARROW-ONLY BEHAVIOR */
@media (max-width:980px){
  .mobile-menu .hs-primary-list > li.menu-item-has-children{position:relative !important;}
  .mobile-menu .hs-primary-list > li.menu-item-has-children > a{
    display:block !important;width:100% !important;padding-right:58px !important;
    position:relative !important;z-index:1 !important;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .hs-submenu-toggle{
    display:block !important;position:absolute !important;right:0 !important;top:3px !important;
    width:48px !important;height:46px !important;margin:0 !important;padding:0 !important;
    border:0 !important;border-radius:0 !important;background:transparent !important;
    color:currentColor !important;cursor:pointer !important;z-index:10 !important;
    -webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .hs-submenu-toggle:after{
    content:'⌄' !important;display:block !important;width:100% !important;height:100% !important;
    line-height:46px !important;text-align:center !important;font-size:14px !important;font-weight:900 !important;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children.is-open > .hs-submenu-toggle:after{content:'⌃' !important;}
  .mobile-menu .hs-primary-list > li.menu-item-has-children > .sub-menu,
  .mobile-menu .hs-primary-list > li.menu-item-has-children:hover > .sub-menu,
  .mobile-menu .hs-primary-list > li.menu-item-has-children:focus > .sub-menu,
  .mobile-menu .hs-primary-list > li.menu-item-has-children:focus-within > .sub-menu,
  .mobile-menu .hs-primary-list > li.menu-item-has-children:not(.is-open) > .sub-menu{
    display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;
    height:0 !important;overflow:hidden !important;
  }
  .mobile-menu .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu,
  .mobile-menu .hs-primary-list > li.menu-item-has-children.is-open:hover > .sub-menu,
  .mobile-menu .hs-primary-list > li.menu-item-has-children.is-open:focus-within > .sub-menu{
    display:block !important;visibility:visible !important;opacity:1 !important;pointer-events:auto !important;
    height:auto !important;overflow:visible !important;
  }
}

/* Desktop remains strictly arrow-click only too. */
@media (min-width:981px){
  .main-nav .hs-primary-list > li.menu-item-has-children > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:hover > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:focus > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:focus-within > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children:not(.is-open) > .sub-menu{
    display:block !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateY(7px) !important;
  }
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open:hover > .sub-menu,
  .main-nav .hs-primary-list > li.menu-item-has-children.is-open:focus-within > .sub-menu{
    display:block !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateY(0) !important;
  }
}

/* v8.5 — center footer copyright text on mobile. */
@media (max-width:620px){
  .site-footer .footer-inner > p{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
}

/* v8.6 — client visual updates: colorful media backgrounds, equalized covers/logos,
   book purchase placement, podcast link placement, and larger hero social labels. */
.cover-grid .cover-media{
  background:linear-gradient(135deg,#fff0f7 0%,#f3efff 48%,#e8f9fb 100%) !important;
  border:1px solid rgba(108,53,232,.14) !important;
}
.cover-grid .cover-media:before{border-color:rgba(108,53,232,.12) !important}
.cover-grid .cover-media img{height:410px !important;max-height:410px !important;width:auto !important;max-width:82% !important}
.cover-grid .podcast-card .cover-media img{height:330px !important;max-height:330px !important;max-width:76% !important}
.detail-grid .detail-media{
  background:linear-gradient(135deg,#fff0f7 0%,#f3efff 48%,#e8f9fb 100%) !important;
  border:1px solid rgba(108,53,232,.14) !important;
}
.detail-grid .detail-media img{height:500px !important;max-height:500px !important}
.detail-grid .detail-media .button-row{margin-top:18px !important;justify-content:center !important;position:relative;z-index:3}
.detail-grid .detail-media .button-row .btn{margin:0 !important}
.podcast-detail .detail-media img{height:350px !important;max-height:350px !important}
.podcast-detail .detail-media{display:flex !important;align-items:center !important;justify-content:center !important}
.podcast-detail .detail-copy .button-row{margin-top:18px !important;margin-bottom:28px !important}
.hs-exact-hero .hero-social-links{font-size:13px !important;gap:20px !important}
.hs-exact-hero .hero-social-links .follow-label{font-size:13px !important}
@media(max-width:620px){
  .hs-exact-hero .hero-social-links{font-size:10px !important;gap:12px !important}
  .hs-exact-hero .hero-social-links .follow-label{font-size:10px !important}
  .cover-grid .cover-media img{height:410px !important;max-height:410px !important}
  .cover-grid .podcast-card .cover-media img{height:300px !important;max-height:300px !important}
  .detail-grid .detail-media{height:auto !important;min-height:0 !important;padding:28px 22px 24px !important;position:static !important}
  .detail-grid .detail-media img{height:410px !important;max-height:410px !important}
  .podcast-detail .detail-media img{height:300px !important;max-height:300px !important}
}

/* v8.6 final alignment refinements */
.hs-exact-hero .hero-mic-large,
.hs-exact-hero .hero-mic-inner{width:370px !important;height:370px !important;flex-basis:370px !important}
.hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:145px !important;height:145px !important}
.hs-exact-hero .hero-feature-book{flex-basis:225px !important;width:225px !important;height:370px !important}
.hs-exact-hero .hero-feature-book img{height:370px !important;max-width:225px !important}
.detail-grid .detail-media{flex-direction:column !important}
@media(max-width:1100px){
 .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner{width:340px !important;height:340px !important;flex-basis:340px !important}
 .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:132px !important;height:132px !important}
 .hs-exact-hero .hero-feature-book{flex-basis:195px !important;width:195px !important;height:340px !important}
 .hs-exact-hero .hero-feature-book img{height:340px !important;max-width:195px !important}
}
@media(max-width:980px){
 .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner{width:315px !important;height:315px !important;flex-basis:315px !important}
 .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:122px !important;height:122px !important}
 .hs-exact-hero .hero-feature-book{flex-basis:180px !important;width:180px !important;height:315px !important}
 .hs-exact-hero .hero-feature-book img{height:315px !important;max-width:180px !important}
}
@media(max-width:620px){
 .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner{width:250px !important;height:250px !important;flex-basis:250px !important}
 .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:96px !important;height:96px !important}
 .hs-exact-hero .hero-feature-book{flex-basis:125px !important;width:125px !important;height:250px !important}
 .hs-exact-hero .hero-feature-book img{height:250px !important;max-width:125px !important}
}


/* v8.7 — client-final visual/layout pass. */
/* Homepage hero: microphone and featured book use identical visual boxes. */
.hs-exact-hero .hero-visual{align-items:center !important;gap:18px !important}
.hs-exact-hero .hero-mic-large,
.hs-exact-hero .hero-mic-inner,
.hs-exact-hero .hero-feature-book{
  width:370px !important;height:370px !important;flex:0 0 370px !important;box-sizing:border-box !important;
}
.hs-exact-hero .hero-feature-book img{width:100% !important;height:100% !important;max-width:100% !important;object-fit:contain !important}
.hs-exact-hero .hero-mic-inner{display:flex !important;align-items:center !important;justify-content:center !important}
@media(max-width:1100px){
 .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner,.hs-exact-hero .hero-feature-book{width:340px !important;height:340px !important;flex-basis:340px !important}
}
@media(max-width:980px){
 .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner,.hs-exact-hero .hero-feature-book{width:315px !important;height:315px !important;flex-basis:315px !important}
}
@media(max-width:620px){
 .hs-exact-hero .hero-visual{gap:5px !important}
 .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner,.hs-exact-hero .hero-feature-book{width:250px !important;height:250px !important;flex-basis:250px !important}
}
/* Books/Podcasts index pages: equal media boxes with homepage-inspired color. */
.hs-media-grid .cover-media{
 height:470px !important;border:0 !important;border-radius:28px !important;padding:30px !important;box-shadow:0 20px 45px rgba(23,19,29,.10) !important;
}
.hs-media-grid .cover-media:before{inset:10px !important;border:1px solid rgba(255,255,255,.42) !important;border-radius:20px !important}
.hs-media-grid .cover-media img{height:370px !important;width:370px !important;max-width:90% !important;max-height:370px !important;object-fit:contain !important;filter:drop-shadow(0 20px 20px rgba(23,19,29,.20)) !important}
.hs-color-pink{background:linear-gradient(135deg,#f20a86 0%,#ff7a00 100%) !important}
.hs-color-purple{background:linear-gradient(135deg,#6c35e8 0%,#d31a98 100%) !important}
.hs-color-cyan{background:linear-gradient(135deg,#00a9c8 0%,#2464ed 100%) !important}
.hs-media-grid .cover-caption{font-size:18px !important;padding-top:17px !important}
/* Detail pages: image/logo first, then action buttons, then copy. */
.hs-detail-stack{max-width:920px !important;display:block !important;margin:0 auto !important}
.hs-detail-stack .detail-media{position:static !important;width:100% !important;height:560px !important;min-height:560px !important;padding:35px !important;border:0 !important;border-radius:30px !important;box-shadow:0 24px 60px rgba(23,19,29,.12) !important}
.hs-detail-stack .detail-media img{height:440px !important;max-height:440px !important;width:auto !important;max-width:82% !important;object-fit:contain !important}
.hs-detail-stack .detail-media .button-row{margin-top:20px !important;justify-content:center !important}
.hs-detail-stack .detail-copy{padding:45px 8px 0 !important;max-width:850px !important;margin:0 auto !important}
.hs-detail-stack .detail-copy h2{margin-bottom:28px !important}
.hs-book-detail-page .detail-media{background:linear-gradient(135deg,#fff0f7 0%,#f3efff 48%,#e8f9fb 100%) !important}
.hs-podcast-detail-page .detail-media{background:linear-gradient(135deg,#e8f9fb 0%,#eef2ff 50%,#fff0f7 100%) !important}
.hs-podcast-detail-page .detail-media img{height:370px !important;max-height:370px !important;max-width:70% !important}
.hs-podcast-links{margin-top:0 !important;margin-bottom:30px !important;justify-content:flex-start !important}
.hs-about-hero .eyebrow,.hs-contact-hero .eyebrow{display:none !important}
@media(max-width:620px){
 .hs-media-grid .cover-media{height:430px !important}
 .hs-media-grid .cover-media img{height:340px !important;width:340px !important;max-height:340px !important}
 .hs-detail-stack .detail-media{height:auto !important;min-height:0 !important;padding:28px 20px 24px !important}
 .hs-detail-stack .detail-media img{height:360px !important;max-height:360px !important;max-width:88% !important}
 .hs-podcast-detail-page .detail-media img{height:300px !important;max-height:300px !important}
 .hs-detail-stack .detail-copy{padding:35px 2px 0 !important}
 .hs-podcast-links{justify-content:center !important}
 .hs-podcast-links .btn{width:100% !important}
}

/* v8.8 — final visual correction.
   Preserve the approved homepage design; only reduce the hero mic/book so the
   heading has its own space. The rest of this pass makes inner pages colorful
   and consistent with the homepage palette. */

/* HOMEPAGE: smaller, equal hero visual boxes — no heading overlap. */
.hs-exact-hero .hero-grid{grid-template-columns:1.08fr .92fr !important;gap:58px !important}
.hs-exact-hero .hero-visual{gap:18px !important;min-height:320px !important;padding-right:0 !important;justify-content:flex-end !important}
.hs-exact-hero .hero-mic-large,
.hs-exact-hero .hero-mic-inner,
.hs-exact-hero .hero-feature-book{
  width:245px !important;height:300px !important;flex:0 0 245px !important;box-sizing:border-box !important;
}
.hs-exact-hero .hero-mic-inner{border-radius:40% 43% 41% 43% !important}
.hs-exact-hero .hero-mic-inner:before{inset:25px 28px !important}
.hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:100px !important;height:100px !important}
.hs-exact-hero .hero-feature-book img{width:100% !important;height:100% !important;max-width:100% !important;object-fit:contain !important}

@media(max-width:1100px){
  .hs-exact-hero .hero-visual{gap:14px !important;min-height:290px !important}
  .hs-exact-hero .hero-mic-large,
  .hs-exact-hero .hero-mic-inner,
  .hs-exact-hero .hero-feature-book{width:215px !important;height:270px !important;flex-basis:215px !important}
  .hs-exact-hero .hero-mic-inner:before{inset:22px 24px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:88px !important;height:88px !important}
}
@media(max-width:980px){
  .hs-exact-hero .hero-grid{grid-template-columns:1fr !important;gap:26px !important}
  .hs-exact-hero .hero-visual{order:-1 !important;min-height:280px !important;justify-content:center !important;gap:14px !important}
  .hs-exact-hero .hero-mic-large,
  .hs-exact-hero .hero-mic-inner,
  .hs-exact-hero .hero-feature-book{width:220px !important;height:260px !important;flex-basis:220px !important}
  .hs-exact-hero .hero-mic-inner:before{inset:21px 23px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:86px !important;height:86px !important}
}
@media(max-width:620px){
  .hs-exact-hero .hero-visual{min-height:210px !important;gap:8px !important}
  .hs-exact-hero .hero-mic-large,
  .hs-exact-hero .hero-mic-inner,
  .hs-exact-hero .hero-feature-book{width:155px !important;height:190px !important;flex-basis:155px !important}
  .hs-exact-hero .hero-mic-inner:before{inset:16px 18px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:62px !important;height:62px !important}
}

/* INNER PAGES: carry the homepage's vivid pink / purple / cyan / orange look. */
body:not(.home){
  background:
    radial-gradient(circle at 6% 8%,rgba(242,10,134,.09),transparent 22%),
    radial-gradient(circle at 94% 16%,rgba(0,169,200,.10),transparent 24%),
    linear-gradient(180deg,#fff 0%,#fbf8ff 48%,#fff 100%) !important;
}
body:not(.home) .page-hero{
  position:relative !important;overflow:hidden !important;
  background:linear-gradient(115deg,#fff7fb 0%,#f5f0ff 48%,#eefbff 100%) !important;
  border-bottom:1px solid rgba(108,53,232,.08) !important;
}
body:not(.home) .page-hero:before,
body:not(.home) .page-hero:after{
  content:"" !important;position:absolute !important;pointer-events:none !important;
  filter:blur(.2px) !important;opacity:.8 !important;
}
body:not(.home) .page-hero:before{
  width:260px;height:180px;left:-90px;top:-55px;
  background:linear-gradient(135deg,rgba(242,10,134,.38),rgba(108,53,232,.22),transparent 72%);
  transform:rotate(-12deg);border-radius:45% 55% 35% 65%;
}
body:not(.home) .page-hero:after{
  width:310px;height:190px;right:-110px;bottom:-70px;
  background:linear-gradient(135deg,rgba(0,169,200,.30),rgba(36,100,237,.22),rgba(255,122,0,.22));
  transform:rotate(12deg);border-radius:55% 45% 65% 35%;
}
body:not(.home) .page-hero .container{position:relative;z-index:2}
body:not(.home) .page-title{
  background:linear-gradient(100deg,#17131d 0%,#6c35e8 58%,#f20a86 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body:not(.home) .section{position:relative}

/* Books / Podcasts index cards: equal-size, vivid presentation areas. */
.hs-media-grid .cover-media{
  height:470px !important;
  background:linear-gradient(135deg,#f20a86 0%,#ff7900 42%,#6c35e8 100%) !important;
  position:relative !important;isolation:isolate !important;
}
.hs-books-grid .cover-card:nth-child(2) .cover-media{background:linear-gradient(135deg,#6c35e8 0%,#d31a98 48%,#ff7900 100%) !important}
.hs-books-grid .cover-card:nth-child(3) .cover-media{background:linear-gradient(135deg,#00a9c8 0%,#2464ed 50%,#6c35e8 100%) !important}
.hs-podcasts-grid .cover-card:nth-child(2) .cover-media{background:linear-gradient(135deg,#00a9c8 0%,#2464ed 50%,#d31a98 100%) !important}
.hs-podcasts-grid .cover-card:nth-child(3) .cover-media{background:linear-gradient(135deg,#f20a86 0%,#6c35e8 50%,#00a9c8 100%) !important}
.hs-media-grid .cover-media:after{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.42;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.55),transparent 24%),
    radial-gradient(circle at 82% 76%,rgba(255,255,255,.30),transparent 26%),
    linear-gradient(135deg,transparent 25%,rgba(255,255,255,.14) 26%,transparent 43%);
}
.hs-media-grid .cover-media img{
  /* Equal visual height for every book/podcast while preserving each logo's proportions. */
  height:370px !important;width:auto !important;max-width:88% !important;max-height:370px !important;
  object-fit:contain !important;
}
.hs-podcasts-grid .cover-media img{height:300px !important;max-height:300px !important;max-width:78% !important}
.hs-media-grid .cover-caption{
  margin-top:12px !important;padding:13px 16px !important;border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;box-shadow:0 10px 24px rgba(23,19,29,.07) !important;
}
.hs-media-grid .cover-caption span{color:#6c35e8 !important}

/* Individual books and podcasts: image/logo first, then links/actions, then text. */
.hs-detail-page{position:relative !important;background:transparent !important}
.hs-detail-stack .detail-media{
  background:linear-gradient(135deg,#f20a86 0%,#6c35e8 48%,#00a9c8 100%) !important;
  box-shadow:0 25px 65px rgba(108,53,232,.18) !important;
  overflow:hidden !important;position:relative !important;
}
.hs-detail-stack .detail-media:before{
  content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.30);border-radius:22px;pointer-events:none;
}
.hs-detail-stack .detail-media:after{
  content:"";position:absolute;width:300px;height:300px;right:-100px;bottom:-130px;
  border-radius:50%;background:rgba(255,255,255,.16);filter:blur(3px);pointer-events:none;
}
.hs-detail-stack .detail-media img{position:relative;z-index:2}
.hs-book-detail-page .detail-media{background:linear-gradient(135deg,#f20a86 0%,#6c35e8 52%,#ff7900 100%) !important}
.hs-podcast-detail-page .detail-media{background:linear-gradient(135deg,#00a9c8 0%,#2464ed 48%,#d31a98 100%) !important}
.hs-detail-stack .detail-media .button-row{position:relative;z-index:3}
.hs-detail-stack .detail-copy{
  background:rgba(255,255,255,.86) !important;border:1px solid rgba(108,53,232,.10) !important;
  border-radius:28px !important;padding:36px 38px 44px !important;margin-top:30px !important;
  box-shadow:0 18px 48px rgba(23,19,29,.07) !important;backdrop-filter:blur(6px) !important;
}
.hs-detail-stack .detail-copy h2{
  background:linear-gradient(100deg,#17131d,#6c35e8,#f20a86);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hs-podcast-links{display:flex !important;flex-wrap:wrap !important;gap:11px !important}

/* About page and contact page get the same colorful framing without changing their content. */
.hs-about-hero + .detail,
.hs-contact-hero{position:relative !important}
.about-grid .about-photo{
  background:linear-gradient(135deg,#00a9c8,#2464ed,#6c35e8,#f20a86) !important;
  padding:14px !important;border-radius:30px !important;box-shadow:0 22px 55px rgba(108,53,232,.16) !important;
}
.about-grid .about-photo img{border-radius:20px !important;display:block !important}
.hs-contact-hero .contact-form{
  background:linear-gradient(135deg,rgba(242,10,134,.10),rgba(108,53,232,.10),rgba(0,169,200,.10)) !important;
  border:1px solid rgba(108,53,232,.12) !important;border-radius:30px !important;
  box-shadow:0 20px 55px rgba(23,19,29,.08) !important;
}

/* Guest appearances: colorful card treatment consistent with the homepage. */
.guest-card-detail{
  background:linear-gradient(135deg,#fff 0%,#fff7fb 48%,#f2fbff 100%) !important;
  border:1px solid rgba(108,53,232,.10) !important;
  box-shadow:0 20px 55px rgba(108,53,232,.10) !important;
}
.guest-card-detail .cover-media{
  background:linear-gradient(135deg,#f20a86,#6c35e8,#00a9c8) !important;
  border:0 !important;
}

@media(max-width:620px){
  .hs-media-grid .cover-media{height:400px !important}
  .hs-media-grid .cover-media img{height:320px !important;max-height:320px !important}
  .hs-podcasts-grid .cover-media img{height:250px !important;max-height:250px !important}
  .hs-detail-stack .detail-copy{padding:28px 22px 34px !important;border-radius:22px !important}
}


/* v8.9 — final precision pass from client requirements.
   Homepage layout is preserved; only the hero visual scale is adjusted.
   Inner pages receive a more polished, colorful presentation. */

/* HOMEPAGE ONLY: make the mic a true square with 20% rounded corners and
   make its height exactly match the featured book artwork. Keep both compact
   so the hero headline remains completely clear. */
.hs-exact-hero .hero-grid{grid-template-columns:1.12fr .88fr !important;gap:52px !important}
.hs-exact-hero .hero-visual{gap:18px !important;min-height:300px !important;justify-content:flex-end !important}
.hs-exact-hero .hero-mic-large,
.hs-exact-hero .hero-mic-inner,
.hs-exact-hero .hero-feature-book{
  width:280px !important;height:280px !important;flex:0 0 280px !important;
  box-sizing:border-box !important;
}
.hs-exact-hero .hero-mic-inner{border-radius:20% !important}
.hs-exact-hero .hero-mic-inner:before{inset:24px !important;border-radius:16% !important}
.hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:92px !important;height:92px !important}
.hs-exact-hero .hero-feature-book{top:auto !important;right:auto !important;position:relative !important;align-items:center !important}
.hs-exact-hero .hero-feature-book img{height:280px !important;width:auto !important;max-width:100% !important;object-fit:contain !important}
@media(max-width:1100px){
  .hs-exact-hero .hero-grid{grid-template-columns:1.08fr .92fr !important;gap:32px !important}
  .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner,.hs-exact-hero .hero-feature-book{width:245px !important;height:245px !important;flex-basis:245px !important}
  .hs-exact-hero .hero-feature-book img{height:245px !important}
  .hs-exact-hero .hero-mic-inner:before{inset:21px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:80px !important;height:80px !important}
}
@media(max-width:980px){
  .hs-exact-hero .hero-grid{grid-template-columns:1fr !important;gap:24px !important}
  .hs-exact-hero .hero-visual{order:-1 !important;min-height:250px !important;justify-content:center !important;gap:14px !important}
  .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner,.hs-exact-hero .hero-feature-book{width:215px !important;height:215px !important;flex-basis:215px !important}
  .hs-exact-hero .hero-feature-book img{height:215px !important}
  .hs-exact-hero .hero-mic-inner:before{inset:19px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:70px !important;height:70px !important}
}
@media(max-width:620px){
  .hs-exact-hero .hero-visual{min-height:175px !important;gap:8px !important}
  .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner,.hs-exact-hero .hero-feature-book{width:150px !important;height:150px !important;flex-basis:150px !important}
  .hs-exact-hero .hero-feature-book img{height:150px !important}
  .hs-exact-hero .hero-mic-inner:before{inset:14px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:54px !important;height:54px !important}
}

/* INNER PAGES: polished homepage-inspired presentation. */
body:not(.home) .page-hero{
  background:
    radial-gradient(circle at 12% 30%,rgba(242,10,134,.22),transparent 28%),
    radial-gradient(circle at 88% 20%,rgba(0,169,200,.20),transparent 30%),
    linear-gradient(115deg,#fff4fa 0%,#f2edff 48%,#eafbff 100%) !important;
}
body:not(.home) .page-hero .page-title{filter:drop-shadow(0 8px 20px rgba(108,53,232,.10))}
body:not(.home) .section{padding-top:54px !important}
.hs-media-grid .cover-card{position:relative !important}
.hs-media-grid .cover-card:after{
  content:"";position:absolute;left:12%;right:12%;bottom:-10px;height:18px;border-radius:50%;
  background:linear-gradient(90deg,rgba(242,10,134,.20),rgba(108,53,232,.18),rgba(0,169,200,.18));
  filter:blur(13px);z-index:-1;
}
.hs-media-grid .cover-media{min-height:470px !important}
.hs-media-grid .cover-caption{
  margin:14px 6px 0 !important;padding:15px 18px !important;
  background:rgba(255,255,255,.94) !important;border:1px solid rgba(108,53,232,.10) !important;
  box-shadow:0 12px 28px rgba(23,19,29,.08) !important;
}
.hs-media-grid .cover-caption span{font-weight:900 !important}

/* Make podcast and book logos/covers feel equally framed without changing artwork proportions. */
.hs-books-grid .cover-media,
.hs-podcasts-grid .cover-media{display:flex !important;align-items:center !important;justify-content:center !important}
.hs-books-grid .cover-media img,
.hs-podcasts-grid .cover-media img{object-fit:contain !important}
.hs-podcasts-grid .guest-card .cover-media{color:#fff !important}
.hs-podcasts-grid .guest-card .cover-media .eyebrow,
.hs-podcasts-grid .guest-card .cover-media strong{color:#fff !important}

/* Individual detail pages: elegant colored art panel, clean title and reading card. */
.hs-detail-stack .detail-media{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.28),transparent 24%),
    radial-gradient(circle at 84% 78%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(135deg,#f20a86 0%,#6c35e8 48%,#00a9c8 100%) !important;
}
.hs-book-detail-page .detail-media{background:linear-gradient(135deg,#f20a86 0%,#6c35e8 50%,#ff7a00 100%) !important}
.hs-podcast-detail-page .detail-media{background:linear-gradient(135deg,#00a9c8 0%,#2464ed 50%,#d31a98 100%) !important}
.hs-detail-stack .detail-media img{filter:drop-shadow(0 24px 24px rgba(16,18,28,.28)) !important}
.hs-detail-stack .detail-copy{
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(108,53,232,.12) !important;
  box-shadow:0 20px 55px rgba(23,19,29,.09) !important;
}
.hs-detail-stack .detail-copy h2{margin-top:0 !important}
.hs-detail-stack .detail-copy p{color:#3f3a46 !important}
.hs-podcast-links .btn{box-shadow:0 9px 22px rgba(108,53,232,.12) !important}

/* Guest appearances: make the word Guest white on the colorful card. */
.guest-placeholder .eyebrow,
.guest-placeholder strong{color:#fff !important}
.guest-card-detail .cover-media .eyebrow{color:#fff !important}

@media(max-width:620px){
  .hs-media-grid .cover-media{min-height:430px !important}
  .hs-media-grid .cover-caption{margin-left:0 !important;margin-right:0 !important}
  .hs-detail-stack .detail-copy{box-shadow:0 16px 38px rgba(23,19,29,.08) !important}
}

/* v9.0 — final client precision pass.
   Homepage remains unchanged except for the requested smaller hero mic/book.
   Books and Podcasts pages receive a more polished, colorful presentation. */

/* HOMEPAGE: compact matched square mic + book. Keep the approved layout and typography. */
.hs-exact-hero .hero-mic-large,
.hs-exact-hero .hero-mic-inner,
.hs-exact-hero .hero-feature-book{
  width:250px !important;
  height:250px !important;
  flex:0 0 250px !important;
  box-sizing:border-box !important;
}
.hs-exact-hero .hero-mic-inner{
  border-radius:20% !important;
  overflow:hidden !important;
}
.hs-exact-hero .hero-mic-inner:before{
  inset:20px !important;
  border-radius:16% !important;
}
.hs-exact-hero .hero-mic-glyph,
.hs-exact-hero .hero-mic-glyph svg{
  width:82px !important;
  height:82px !important;
}
.hs-exact-hero .hero-feature-book{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:20% !important;
}
.hs-exact-hero .hero-feature-book img{
  width:250px !important;
  height:250px !important;
  max-width:250px !important;
  max-height:250px !important;
  object-fit:contain !important;
}
@media(max-width:1100px){
  .hs-exact-hero .hero-mic-large,
  .hs-exact-hero .hero-mic-inner,
  .hs-exact-hero .hero-feature-book{width:220px !important;height:220px !important;flex-basis:220px !important}
  .hs-exact-hero .hero-feature-book img{width:220px !important;height:220px !important;max-width:220px !important;max-height:220px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:72px !important;height:72px !important}
}
@media(max-width:980px){
  .hs-exact-hero .hero-mic-large,
  .hs-exact-hero .hero-mic-inner,
  .hs-exact-hero .hero-feature-book{width:195px !important;height:195px !important;flex-basis:195px !important}
  .hs-exact-hero .hero-feature-book img{width:195px !important;height:195px !important;max-width:195px !important;max-height:195px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:64px !important;height:64px !important}
}
@media(max-width:620px){
  .hs-exact-hero .hero-mic-large,
  .hs-exact-hero .hero-mic-inner,
  .hs-exact-hero .hero-feature-book{width:145px !important;height:145px !important;flex-basis:145px !important}
  .hs-exact-hero .hero-feature-book img{width:145px !important;height:145px !important;max-width:145px !important;max-height:145px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:50px !important;height:50px !important}
}

/* BOOKS / PODCASTS INDEX: richer, homepage-inspired hero without the small
   'Books'/'Podcasts' eyebrow above the main heading. */
.hs-books-page .page-hero,
.hs-podcasts-page .page-hero{
  margin:18px auto 0 !important;
  width:min(calc(100% - 30px),var(--max)) !important;
  border-radius:34px !important;
  border:0 !important;
  padding:54px 58px 46px !important;
  background:
    radial-gradient(circle at 86% 22%,rgba(255,255,255,.28),transparent 25%),
    radial-gradient(circle at 15% 80%,rgba(255,255,255,.18),transparent 27%),
    linear-gradient(120deg,#f20a86 0%,#6c35e8 43%,#2464ed 72%,#00a9c8 100%) !important;
  box-shadow:0 24px 65px rgba(108,53,232,.18) !important;
  overflow:hidden !important;
  position:relative !important;
}
.hs-books-page .page-hero:before,
.hs-podcasts-page .page-hero:before{
  content:"" !important;position:absolute !important;inset:12px !important;
  border:1px solid rgba(255,255,255,.34) !important;border-radius:25px !important;
  pointer-events:none !important;
}
.hs-books-page .page-hero:after,
.hs-podcasts-page .page-hero:after{
  content:"" !important;position:absolute !important;width:320px;height:220px !important;
  right:-90px;bottom:-90px;margin:0 !important;border:0 !important;
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,0)) !important;
  border-radius:50% !important;opacity:1 !important;filter:blur(2px) !important;
}
.hs-books-page .page-hero .container,
.hs-podcasts-page .page-hero .container{position:relative !important;z-index:2 !important}
.hs-books-page .page-title,
.hs-podcasts-page .page-title{
  color:#fff !important;background:none !important;-webkit-text-fill-color:#fff !important;
  font-size:clamp(52px,6vw,82px) !important;text-shadow:0 10px 28px rgba(22,12,40,.18) !important;
}
.hs-books-page .page-hero .intro,
.hs-podcasts-page .page-hero .intro{color:rgba(255,255,255,.92) !important;max-width:780px !important;font-size:18px !important}
.hs-books-page .section,
.hs-podcasts-page .section{padding-top:58px !important}

/* Equal book card framing. The Usual? gets a controlled scale-up so its visible
   cover reads as the same size as the other two covers. */
.hs-books-grid .cover-media img{height:370px !important;max-height:370px !important;width:auto !important;object-fit:contain !important}
.hs-books-grid .cover-card:nth-child(2) .cover-media img{transform:scale(1.10) !important}
.hs-books-grid .cover-media{height:470px !important;border-radius:30px !important}
.hs-books-grid .cover-caption,
.hs-podcasts-grid .cover-caption{font-size:19px !important;font-weight:900 !important}

/* Podcast cards: equal visual logo sizing and a clean colorful frame. */
.hs-podcasts-grid .cover-media img{height:300px !important;max-height:300px !important;width:auto !important;object-fit:contain !important}
.hs-podcasts-grid .cover-media{height:470px !important;border-radius:30px !important}

/* Detail pages: stronger visual hierarchy and consistent color language. */
.hs-book-detail-page .detail-media,
.hs-podcast-detail-page .detail-media{
  border-radius:34px !important;
  min-height:540px !important;height:540px !important;
}
.hs-book-detail-page .detail-media img{max-height:405px !important;height:405px !important}
.hs-podcast-detail-page .detail-media img{max-height:330px !important;height:330px !important}
.hs-detail-stack .detail-copy h2{font-size:clamp(44px,5.4vw,72px) !important}
.hs-detail-stack .detail-copy{border-radius:30px !important}

@media(max-width:620px){
  .hs-books-page .page-hero,
  .hs-podcasts-page .page-hero{width:calc(100% - 20px) !important;padding:38px 28px 34px !important;border-radius:26px !important}
  .hs-books-page .page-title,
  .hs-podcasts-page .page-title{font-size:48px !important}
  .hs-books-page .section,
  .hs-podcasts-page .section{padding-top:38px !important}
  .hs-books-grid .cover-card:nth-child(2) .cover-media img{transform:scale(1.06) !important}
  .hs-book-detail-page .detail-media,
  .hs-podcast-detail-page .detail-media{min-height:420px !important;height:420px !important}
  .hs-book-detail-page .detail-media img{height:330px !important;max-height:330px !important}
  .hs-podcast-detail-page .detail-media img{height:270px !important;max-height:270px !important}
}


/* v9.1 — final visual tuning requested by client. */
/* Homepage: keep the approved hero design, only make the mic/book pair smaller and perfectly matched. */
.hs-exact-hero .hero-mic-large,
.hs-exact-hero .hero-mic-inner,
.hs-exact-hero .hero-feature-book{
  width:205px !important;
  height:205px !important;
  flex:0 0 205px !important;
}
.hs-exact-hero .hero-mic-inner{
  border-radius:30% !important;
  overflow:hidden !important;
}
.hs-exact-hero .hero-mic-inner:before{
  inset:18px !important;
  border-radius:24% !important;
}
.hs-exact-hero .hero-mic-glyph,
.hs-exact-hero .hero-mic-glyph svg{
  width:68px !important;
  height:68px !important;
}
.hs-exact-hero .hero-feature-book{
  border-radius:30% !important;
}
.hs-exact-hero .hero-feature-book img{
  width:205px !important;
  height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
}
@media(max-width:1100px){
  .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner,.hs-exact-hero .hero-feature-book{width:185px !important;height:185px !important;flex-basis:185px !important}
  .hs-exact-hero .hero-feature-book img{width:185px !important;height:185px !important;max-width:185px !important;max-height:185px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:62px !important;height:62px !important}
}
@media(max-width:980px){
  .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner,.hs-exact-hero .hero-feature-book{width:170px !important;height:170px !important;flex-basis:170px !important}
  .hs-exact-hero .hero-feature-book img{width:170px !important;height:170px !important;max-width:170px !important;max-height:170px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:56px !important;height:56px !important}
}
@media(max-width:620px){
  .hs-exact-hero .hero-mic-large,.hs-exact-hero .hero-mic-inner,.hs-exact-hero .hero-feature-book{width:135px !important;height:135px !important;flex-basis:135px !important}
  .hs-exact-hero .hero-feature-book img{width:135px !important;height:135px !important;max-width:135px !important;max-height:135px !important}
  .hs-exact-hero .hero-mic-glyph,.hs-exact-hero .hero-mic-glyph svg{width:46px !important;height:46px !important}
}

/* Books page: make The Usual? visibly match the height of the other covers. */
.hs-books-grid .cover-media img{height:400px !important;max-height:400px !important}
.hs-books-grid .cover-card:nth-child(2) .cover-media img{
  width:400px !important;
  height:400px !important;
  max-width:400px !important;
  max-height:400px !important;
  transform:none !important;
}

/* Books/Podcasts intro copy: dark multi-colour text, while preserving the colorful page design. */
.hs-books-page .page-hero .intro,
.hs-podcasts-page .page-hero .intro{
  color:#17131d !important;
  font-weight:800 !important;
  background:linear-gradient(90deg,#17131d 0%,#5337d9 34%,#c2188b 68%,#d45d00 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.hs-books-page .page-hero .intro strong,
.hs-podcasts-page .page-hero .intro strong{
  -webkit-text-fill-color:inherit !important;
}
@media(max-width:620px){
  .hs-books-grid .cover-media img{height:360px !important;max-height:360px !important}
  .hs-books-grid .cover-card:nth-child(2) .cover-media img{width:360px !important;height:360px !important;max-width:360px !important;max-height:360px !important}
}

/* v9.2 — Amazon button must sit directly beneath every book cover on desktop and mobile. */
.hs-book-detail-page .detail-media{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  padding:35px 35px 28px !important;
}
.hs-book-detail-page .detail-media img{
  display:block !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:405px !important;
  max-height:405px !important;
  max-width:88% !important;
  margin:0 auto !important;
}
.hs-book-detail-page .detail-media .button-row{
  display:flex !important;
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  justify-content:center !important;
  align-items:center !important;
}
.hs-book-detail-page .detail-media .button-row .btn{
  margin:0 !important;
  white-space:nowrap !important;
}
@media(max-width:620px){
  .hs-book-detail-page .detail-media{
    min-height:420px !important;
    height:420px !important;
    padding:25px 20px 22px !important;
    gap:14px !important;
  }
  .hs-book-detail-page .detail-media img{
    height:295px !important;
    max-height:295px !important;
    max-width:88% !important;
  }
}


/* v9.3 — final book detail alignment and page-title styling. */
.hs-book-detail-page .detail-media{display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;padding:35px !important}
.hs-book-detail-page .detail-media img{margin:0 auto !important;display:block !important}
.hs-book-detail-page .detail-copy{margin-top:0 !important;padding:0 38px 44px !important;text-align:center !important}
.hs-book-detail-page .detail-copy .hs-amazon-button{display:flex !important;justify-content:center !important;align-items:center !important;margin:50px 0 !important;width:100% !important}
.hs-book-detail-page .detail-copy .hs-amazon-button .btn{margin:0 auto !important}
.hs-book-detail-page .detail-copy h2,.hs-book-detail-page .detail-copy h3,.hs-book-detail-page .detail-copy p{text-align:center !important}
.hs-books-page .page-title,.hs-podcasts-page .page-title{color:#17131d !important;-webkit-text-fill-color:#17131d !important;background:none !important;text-shadow:none !important}
@media(max-width:620px){
.hs-book-detail-page .detail-media{min-height:420px !important;height:420px !important;padding:24px 18px !important}
.hs-book-detail-page .detail-copy{padding:0 20px 34px !important;text-align:center !important}
.hs-book-detail-page .detail-copy .hs-amazon-button{margin:50px 0 !important}
.hs-book-detail-page .detail-copy h2,.hs-book-detail-page .detail-copy h3,.hs-book-detail-page .detail-copy p{text-align:center !important}
.hs-books-page .page-title,.hs-podcasts-page .page-title{color:#17131d !important;-webkit-text-fill-color:#17131d !important}
}

/* v9.4 — client precision pass: smaller microphone in the homepage hero only. */
.hs-exact-hero .hero-mic-large,
.hs-exact-hero .hero-mic-inner{
  width:150px !important;
  height:150px !important;
  flex-basis:150px !important;
}
.hs-exact-hero .hero-mic-inner:before{inset:14px 18px !important}
.hs-exact-hero .hero-mic-glyph,
.hs-exact-hero .hero-mic-glyph svg{
  width:50px !important;
  height:50px !important;
}
@media(max-width:1100px){
  .hs-exact-hero .hero-mic-large,
  .hs-exact-hero .hero-mic-inner{width:130px !important;height:130px !important;flex-basis:130px !important}
  .hs-exact-hero .hero-mic-glyph,
  .hs-exact-hero .hero-mic-glyph svg{width:44px !important;height:44px !important}
}
@media(max-width:980px){
  .hs-exact-hero .hero-mic-large,
  .hs-exact-hero .hero-mic-inner{width:120px !important;height:120px !important;flex-basis:120px !important}
  .hs-exact-hero .hero-mic-glyph,
  .hs-exact-hero .hero-mic-glyph svg{width:40px !important;height:40px !important}
}
@media(max-width:620px){
  .hs-exact-hero .hero-mic-large,
  .hs-exact-hero .hero-mic-inner{width:100px !important;height:100px !important;flex-basis:100px !important}
  .hs-exact-hero .hero-mic-inner:before{inset:11px 14px !important}
  .hs-exact-hero .hero-mic-glyph,
  .hs-exact-hero .hero-mic-glyph svg{width:34px !important;height:34px !important}
}