/* Jill Ratliff: design system "Bold Stage" (ref: jaybaer). Gloock + DM Sans, indigo/orange/blue, square corners. */
:root{--ind:#181349;--ind-d:#0b0f26;--ind-l:#221c5e;--org:#f2a85d;--org-l:#f7bd82;--blue:#0073e5;--off:#fafafa;--txt:#2b2a3d;--mute:#6b6a80;--line:#ececf2;--wrap:1240px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'DM Sans',sans-serif;font-size:1.0625rem;line-height:1.6;color:var(--txt);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:Gloock,Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.01em}
.w{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.k{font-size:.8rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.5px}
.dark .k{color:var(--org)}
.h2{font-size:clamp(2.2rem,3.6vw,3.3rem);color:var(--ind);margin-top:12px}
.dark .h2{color:#fff}
.h2 span{color:var(--blue)}.dark .h2 span{color:var(--org)}
.lede{color:var(--mute);max-width:620px;margin-top:18px}
.dark .lede{color:#a9a6cf}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 26px;font-weight:700;font-size:.95rem;transition:.2s;border:0;cursor:pointer;font-family:inherit}
.btn::after{content:"→"}
.b-org{background:var(--org);color:var(--ind-d)}.b-org:hover{background:var(--org-l)}
.b-blue{background:var(--blue);color:#fff}.b-blue:hover{background:#1a85f0}
.b-ind{background:var(--ind);color:#fff}.b-ind:hover{background:var(--ind-l)}
.b-line{border:2px solid var(--ind);color:var(--ind)}.b-line:hover{background:var(--ind);color:#fff}
.b-txt{padding:0;min-height:44px}
.dark .b-txt{color:#fff}
.ctas{display:flex;gap:14px 26px;align-items:center;flex-wrap:wrap;margin-top:30px}
.sec{padding:120px 0}.sec.off{background:var(--off)}.dark{background:var(--ind-d);color:#fff}
.ghost{position:absolute;font-family:Gloock,serif;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);pointer-events:none;white-space:nowrap}
.ghost.l{-webkit-text-stroke:1px #e3e2ee}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:8px}

/* nav: sits on the indigo hero of every page */
.nav{position:absolute;top:0;left:0;right:0;z-index:20}
.nav .w{display:flex;align-items:center;height:84px;gap:40px;max-width:none;padding:0 40px}
.logo{font-family:Gloock,serif;font-size:1.5rem;color:#fff;white-space:nowrap}
.nav ul{display:flex;gap:28px;flex:1;list-style:none}
.nav ul a{color:#c9c7e6;font-size:.92rem;font-weight:500;display:inline-flex;min-height:44px;align-items:center;position:relative}
.nav ul a:hover,.nav ul a[aria-current=page]{color:#fff}
.nav ul a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--org)}
.nav .w>.btn{min-height:44px;font-size:.85rem}
.menu{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative;margin-left:auto}
.menu i,.menu i::before,.menu i::after{position:absolute;left:11px;width:22px;height:2px;background:#fff;content:""}
.menu i{top:21px}.menu i::before{left:0;top:-7px}.menu i::after{left:0;top:7px}

/* home hero */
.hero{background:var(--ind);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;position:relative;overflow:hidden}
.hero-txt{padding:170px 40px 80px;max-width:720px;margin-left:auto;position:relative;z-index:2}
.hero h1{font-size:clamp(2.4rem,4.3vw,3.9rem);margin-bottom:26px}
.hero h1 span{color:var(--org);display:block}
.hero p{color:#b9b7d8;max-width:500px;font-size:1.05rem}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:54px;max-width:520px}
.tile{background:var(--ind-l);padding:20px 22px}
.tile b{font-family:Gloock,serif;font-weight:400;font-size:2rem;display:block;color:#fff;line-height:1}
.tile span{font-size:.85rem;color:#a9a6cf}
.art{position:relative;background:var(--blue)}
.art::before{content:"";position:absolute;right:0;bottom:0;width:62%;height:58%;background:var(--org);clip-path:polygon(100% 0,100% 100%,0 100%)}
.art::after{content:"";position:absolute;left:0;top:0;width:34%;height:30%;background:var(--ind);clip-path:polygon(0 0,100% 0,0 100%)}
.art img{position:absolute;left:12%;bottom:0;width:76%;height:86%;object-fit:cover;object-position:center 12%;z-index:1}
.hero .ghost{right:-20px;top:120px;font-size:13rem;z-index:2}

/* inner page hero: indigo, shorter, same devices */
.phero{background:var(--ind);color:#fff;position:relative;overflow:hidden}
.phero .w{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;min-height:560px;position:relative;z-index:2}
.phero .txt{padding:150px 0 80px}
.crumbs{font-size:.8rem;color:#a9a6cf;margin-bottom:18px}.crumbs a:hover{color:#fff}
.phero h1{font-size:clamp(2.6rem,4.6vw,4.2rem);margin:12px 0 22px}
.phero h1 span{color:var(--org);display:block}
.phero p{color:#b9b7d8;max-width:540px}
.phero .art{align-self:stretch;margin-right:calc(min(0px,(1240px - 100vw)/2) - 32px);min-height:420px}
.phero .art img{left:10%;width:80%;height:84%}
.phero .ghost{left:-10px;bottom:-40px;font-size:11rem;z-index:1}
.phero .cover-art{align-self:center;justify-self:center;padding:130px 0 70px}

/* credential bar */
.cos{border-bottom:1px solid var(--line);padding:42px 0}
.cos .w{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cos small{font-size:.85rem;font-weight:700;color:var(--ind)}
.cos ul{display:flex;gap:46px;list-style:none;flex-wrap:wrap}
.cos li{font-family:Gloock,serif;font-size:1.45rem;color:#9a99ad}

/* book cover on an offset block */
.cover{position:relative;justify-self:center}
.cover::before{content:"";position:absolute;inset:34px -34px -34px 34px;background:var(--org)}
.cover img{position:relative;width:313px;box-shadow:0 30px 50px -20px rgba(11,15,38,.5)}
.seal{position:absolute;right:-60px;top:-30px;z-index:2;width:128px;height:128px;border-radius:50%;background:var(--blue);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.7rem;font-weight:700;line-height:1.2;padding:14px;transform:rotate(8deg)}
.seal b{font-family:Gloock,serif;font-weight:400;font-size:2rem;line-height:1}
.booksec{position:relative;overflow:hidden}
.booksec .ghost{left:-10px;top:30px;font-size:11rem}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;position:relative}
.split.even{grid-template-columns:1fr 1fr}
.split p{color:var(--mute);margin-bottom:16px;max-width:560px}
.dark .split p{color:#a9a6cf}
.pic img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 12%}
.pic.sq img{aspect-ratio:1}
.pic.blk{position:relative}.pic.blk::after{content:"";position:absolute;left:0;bottom:0;width:90px;height:90px;background:var(--org)}

/* buy row */
.buy{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.formats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.formats span{font-size:.85rem;font-weight:700;color:var(--ind);border:1px solid #d9d8e6;padding:8px 14px}
.dark .formats span{color:#fff;border-color:#2c2a5c}

/* numbered rows (talks, takeaways, facts) */
.rows{border-top:1px solid var(--line);margin-top:50px;counter-reset:n;list-style:none}
.dark .rows{border-color:#2c2a5c}
.rows li{display:grid;grid-template-columns:90px 1fr 1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);align-items:baseline;counter-increment:n}
.dark .rows li{border-color:#2c2a5c}
.rows li::before{content:counter(n,decimal-leading-zero);font-family:Gloock,serif;color:var(--org);font-size:1.4rem}
.rows h3{font-size:1.9rem;color:var(--ind)}
.dark .rows h3{color:#fff}
.rows p{color:var(--mute);font-size:1rem}.dark .rows p{color:#a9a6cf}
.rows.two li{grid-template-columns:90px 1fr}

/* image cards */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:50px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.card{display:block;background:#fff;border:1px solid var(--line);transition:.2s}
.card:hover{border-color:var(--ind);transform:translateY(-3px)}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.cards.three .card img{aspect-ratio:4/5}
.card .b{padding:26px 28px 30px}
.card h3{font-size:1.8rem;color:var(--ind)}
.card .b span{display:inline-block;margin-top:10px;font-weight:700;font-size:.9rem;color:var(--blue)}

/* podcast list */
.plist{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line);margin-top:50px}
.ep{display:grid;grid-template-columns:130px 1fr auto;gap:34px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:.2s}
.ep img{width:130px;height:130px;object-fit:cover}
.ep small{font-size:.8rem;font-weight:700;color:var(--blue)}
.ep h3{font-size:1.6rem;margin:6px 0 4px;color:var(--ind)}
.ep span{font-size:.9rem;color:var(--mute)}
.ep:hover h3{color:var(--blue)}

/* press kit */
.bios{display:grid;gap:18px;margin-top:50px}
.bio{border:1px solid var(--line);padding:32px;background:#fff}
.bio header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.bio h3{font-size:1.6rem;color:var(--ind)}
.bio h3 small{font-family:'DM Sans',sans-serif;font-size:.8rem;color:var(--mute);margin-left:10px}
.bio p{color:var(--mute);margin-bottom:10px}
.copy{min-height:42px;font-size:.85rem;padding:0 18px}.copy::after{content:none}
.dl{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px}
.dl figure{margin:0}
.dl img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 12%;background:#fff}
.dl img.contain{object-fit:contain;background:var(--off)}
.dl figcaption{padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.92rem}
.dl figcaption small{display:block;color:var(--mute);font-size:.8rem}
.dl a{font-weight:700;color:var(--blue);min-height:44px;display:inline-flex;align-items:center}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}
.contact a{border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;gap:10px;background:#fff;transition:.2s}
.contact a:hover{border-color:var(--ind)}
.contact h3{font-size:1.7rem;color:var(--ind)}
.contact p{color:var(--mute);font-size:.95rem;flex:1}
.contact span{font-weight:700;color:var(--blue)}
.fmt{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;border:1px solid #2c2a5c}
.fmt div{padding:30px;border-right:1px solid #2c2a5c}.fmt div:last-child{border:0}
.fmt b{display:block;font-family:Gloock,serif;font-weight:400;font-size:1.6rem;color:#fff;margin-bottom:6px}
.fmt span{color:#a9a6cf;font-size:.95rem}

/* closing CTA band (every page) */
.band{background:var(--org);padding:110px 0}
.band .w{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.band h2{font-size:clamp(2.4rem,4.5vw,4.2rem);color:var(--ind-d);max-width:760px}
.band p{color:var(--ind);margin-top:12px;max-width:560px}
.band .ctas{margin-top:0}
.band .b-txt{color:var(--ind-d)}

/* footer (every page) */
.foot{background:var(--ind-d);color:#a9a6cf;padding:80px 0 30px;font-size:.95rem}
.foot .top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.foot .logo{display:inline-block;margin-bottom:12px}
.foot .tag{max-width:320px;margin-bottom:24px}
.foot h5{color:#fff;font-family:Gloock,serif;font-weight:400;font-size:1.3rem;margin-bottom:12px}
.foot ul{list-style:none}
.foot li a,.foot li span{display:inline-flex;min-height:38px;align-items:center}
.foot a:hover{color:#fff}
.soc{display:flex;gap:8px}
.soc a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--ind-l);transition:.2s}
.soc svg{width:18px;height:18px;fill:#c9c7e6;transition:.2s}
.soc a:hover{background:var(--org)}.soc a:hover svg{fill:var(--ind-d)}
.foot .bot{border-top:1px solid #23214a;margin-top:56px;padding-top:24px;font-size:.85rem}

@media(max-width:960px){
 .menu{display:block}
 .nav .w{padding:0 22px;gap:16px}
 .nav ul{display:none;position:absolute;top:84px;left:0;right:0;background:var(--ind-d);flex-direction:column;gap:0;padding:10px 22px 22px}
 .nav.open ul{display:flex}
 .nav .w>.btn{display:none}
 .nav ul .m-cta{display:block;margin-top:12px}
 .nav ul a[aria-current=page]::after{display:none}
 .w{padding:0 22px}
 .hero{grid-template-columns:minmax(0,1fr);min-height:0}
 .hero-txt{padding:120px 22px 50px;margin:0}
 .art{height:480px}
 .hero .ghost,.phero .ghost,.booksec .ghost{display:none}
 .tiles{margin-top:40px}.tile b{font-size:1.6rem}
 .phero .w{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}
 .phero .txt{padding:120px 0 50px}
 .phero .art{margin:0 -22px;height:440px;min-height:0}
 .phero .cover-art{padding:20px 0 90px}
 .cos ul{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:24px}.cos li{font-size:1.15rem;white-space:nowrap}
 .sec{padding:80px 0}
 .split,.split.even{grid-template-columns:1fr;gap:70px}
 .cover img{width:240px}
 .seal{right:-40px;width:104px;height:104px}.seal b{font-size:1.6rem}
 .rows li,.rows.two li{grid-template-columns:1fr;gap:8px}
 .cards,.cards.three,.contact,.fmt{grid-template-columns:1fr}
 .fmt div{border-right:0;border-bottom:1px solid #2c2a5c}
 .dl{grid-template-columns:1fr 1fr}
 .ep{grid-template-columns:90px 1fr;gap:18px}.ep img{width:90px;height:90px}.ep .btn{display:none}
 .band{padding:80px 0}
 .foot .top{grid-template-columns:1fr 1fr}.foot .top>div:first-child{grid-column:1/-1}
 .bio header{flex-direction:column;align-items:flex-start}
}
@media(min-width:961px){.nav ul .m-cta{display:none}}
/* on dark heroes: outline buttons and format chips go light */
.phero .b-line,.dark .b-line{border-color:#fff;color:#fff}.phero .b-line:hover,.dark .b-line:hover{background:#fff;color:var(--ind)}
.phero .formats span{color:#fff;border-color:#3a3577}