/* CGC Motion episode skin v2026.10.27. Loaded only on single posts whose content holds <article class="cgc-post">.
   Every rule is prefixed "body .cgc-post.cgcm-ep" so it outranks the per-post shell styles printed inside the content. */
body.single-post:has(.cgcm-ep){overflow-x:clip;}
body.single-post:has(.cgcm-ep) #primary{margin-top:0;}
body.single-post:has(.cgcm-ep) .ast-article-single{padding-top:0;}
body.single-post:has(.cgcm-ep) .ast-primary-header-bar,body.single-post:has(.cgcm-ep) .main-header-bar{border-bottom-width:0;}
body.single-post:has(.cgcm-ep) .ast-article-single>div>.entry-header{box-sizing:border-box; width:100vw; margin:0 0 0 calc(50% - 50vw); padding:34px 20px 0; background:#1D1B1C; text-align:left;}
body.single-post:has(.cgcm-ep) .ast-article-single>div>.entry-header .entry-meta{max-width:720px; margin:0 auto; font-family:'Jost',sans-serif; font-size:12.5px; letter-spacing:.18em; text-transform:uppercase; color:#B9B2AE;}
body.single-post:has(.cgcm-ep) .ast-article-single>div>.entry-header .entry-meta a{color:#E9A3A1;}

body .cgc-post.cgcm-ep{padding-top:0;}
body .cgc-post.cgcm-ep p a:not([class]),body .cgc-post.cgcm-ep li a:not([class]){text-decoration:none; border-bottom:0; background-image:linear-gradient(currentColor,currentColor); background-repeat:no-repeat; background-position:0 100%; background-size:100% 1px; padding-bottom:1px; transition:background-size .3s cubic-bezier(.2,.8,.2,1), color .15s ease;}
body .cgc-post.cgcm-ep p a:not([class]):hover,body .cgc-post.cgcm-ep li a:not([class]):hover{background-size:100% 2px;}

/* reading progress */
@supports (animation-timeline:scroll()){
  body .cgc-post.cgcm-ep::before{content:""; position:fixed; left:0; right:0; top:var(--wp-admin--admin-bar--height,0px); height:4px; background:#E33B3B; transform-origin:0 50%; transform:scaleX(0); z-index:99999; pointer-events:none; animation:cgcmEpProg linear both; animation-timeline:scroll(root);}
}
@keyframes cgcmEpProg{to{transform:scaleX(1);}}

/* the band: eyebrow, title, intro, hosts' take, players, follow */
body .cgc-post.cgcm-ep .cgcm-ep-band{position:relative; width:100vw; margin:0 0 8px calc(50% - 50vw); padding:44px 0 72px; background:#1D1B1C; color:#fff; overflow:hidden; isolation:isolate;}
body .cgc-post.cgcm-ep .cgcm-ep-band::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(55% 60% at 85% 10%,rgba(227,59,59,.22),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px);}
body .cgc-post.cgcm-ep .cgcm-ep-in{max-width:760px; margin:0 auto; padding:0 20px;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-eyebrow{color:#E9A3A1; font-weight:500; letter-spacing:.24em; margin-bottom:20px; animation:cgcmEpUp .7s cubic-bezier(.2,.8,.2,1) both;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-eyebrow svg path:first-child{animation:cgcmEpSteam 2.6s ease-out infinite;}
body .cgc-post.cgcm-ep .cgcm-ep-band h1{color:#fff; font-weight:500; font-size:clamp(36px,5.4vw,60px); line-height:1.04; letter-spacing:-.015em; margin:0 0 26px; animation:cgcmEpUp .9s cubic-bezier(.2,.8,.2,1) .08s both;}
body .cgc-post.cgcm-ep .cgcm-ep-band h1 span{color:#E33B3B !important; font-weight:500 !important; font-style:italic;}
body .cgc-post.cgcm-ep .cgcm-ep-band>.cgcm-ep-in>p{color:rgba(255,255,255,.84); animation:cgcmEpUp .8s cubic-bezier(.2,.8,.2,1) .25s both;}
body .cgc-post.cgcm-ep .cgcm-ep-band>.cgcm-ep-in>p:nth-of-type(2){font-size:20px; line-height:1.55; color:#fff;}
body .cgc-post.cgcm-ep .cgcm-ep-band p a:not([class]){color:#fff; background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5));}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-take{position:relative; margin:30px 0 34px; padding:24px 26px 22px 28px; background:rgba(255,255,255,.06); border:0; border-radius:16px; animation:cgcmEpUp .8s cubic-bezier(.2,.8,.2,1) .35s both;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-take::before{content:""; position:absolute; left:0; top:18px; bottom:18px; width:4px; border-radius:0 3px 3px 0; background:#E33B3B;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-take *{color:rgba(255,255,255,.9);}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-take .cgc-take-k,body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-take cite{color:#E9A3A1;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-embeds{margin:34px 0 14px; animation:cgcmEpUp .9s cubic-bezier(.2,.8,.2,1) .45s both;}
@media (min-width:1020px){ body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-embeds{margin-left:-100px; margin-right:-100px;} }
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-yt{border:0; border-radius:18px; box-shadow:0 40px 80px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08); margin-bottom:16px;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-facade{background:#262324; border-color:rgba(255,255,255,.1); color:#fff; border-radius:16px; transition:border-color .2s ease, background .2s ease, transform .3s cubic-bezier(.2,.8,.2,1);}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-facade:hover,body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-facade:focus-visible{background:#2E2A2B; border-color:#E33B3B; transform:translateY(-3px);}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-facade-v{color:#fff;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-facade-k,body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-facade-n{color:#B9B2AE;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-facade-play{box-shadow:0 0 0 0 rgba(227,59,59,.5); animation:cgcmEpPulse 2.4s ease-out infinite;}
body .cgc-post.cgcm-ep .cgcm-ep-band iframe{border-radius:16px;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-follow{margin-top:14px;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-follow-k{color:#E9A3A1;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-follow a{background:transparent; color:#fff; border-color:rgba(255,255,255,.22); transition:background .2s ease, border-color .2s ease;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-follow a:hover{background:#E33B3B; border-color:#E33B3B; color:#fff;}
/* links that are components, not prose: no theme underline */
body .cgc-post.cgcm-ep .cgcm-ep-band a.cgc-facade,body .cgc-post.cgcm-ep .cgcm-ep-band a.cgc-facade *,body .cgc-post.cgcm-ep .cgc-follow a,body .cgc-post.cgcm-ep .cgc-lapse-btn,body .cgc-post.cgcm-ep .cgc-kofi-strip a,body .cgc-post.cgcm-ep nav.cgc-ts a{text-decoration:none !important; background-image:none;}
/* Ko-fi strip (added by the CGC Ko-fi Strip plugin right after the players) inside the dark band */
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-kofi-strip{position:relative; margin:14px 0 6px; padding:18px 20px; gap:16px; background:linear-gradient(90deg,rgba(227,59,59,.16),rgba(255,255,255,.05) 60%); border:1px solid rgba(255,255,255,.1); border-left:0; border-radius:16px; color:#fff; animation:cgcmEpUp .8s cubic-bezier(.2,.8,.2,1) .55s both;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-kofi-strip::before{content:""; position:absolute; left:0; top:14px; bottom:14px; width:4px; border-radius:0 3px 3px 0; background:#E33B3B;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-kofi-strip .cgc-kofi-strip__icon{box-shadow:0 0 0 0 rgba(227,59,59,.5); animation:cgcmEpPulse 2.4s ease-out infinite;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-kofi-strip .cgc-kofi-strip__icon svg path:first-child{animation:cgcmEpSteam 2.2s ease-out infinite;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-kofi-strip .cgc-kofi-strip__h{color:#fff;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-kofi-strip .cgc-kofi-strip__p{color:#C9C2BE;}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-kofi-strip a.cgc-kofi-strip__btn{background:#DC3030; padding:12px 22px; box-shadow:0 14px 30px -18px rgba(220,48,48,.9);}
body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-kofi-strip a.cgc-kofi-strip__btn:hover{background:#fff; color:#1D1B1C !important;}
@media (min-width:1020px){ body .cgc-post.cgcm-ep .cgcm-ep-band .cgc-kofi-strip{margin-left:-100px; margin-right:-100px;} }
@keyframes cgcmEpUp{from{opacity:0; translate:0 18px;} to{opacity:1; translate:0 0;}}
@keyframes cgcmEpSteam{0%{opacity:0;} 40%{opacity:1;} 100%{opacity:0;}}
@keyframes cgcmEpPulse{0%{box-shadow:0 0 0 0 rgba(227,59,59,.55);} 70%{box-shadow:0 0 0 14px rgba(227,59,59,0);} 100%{box-shadow:0 0 0 0 rgba(227,59,59,0);}}

/* key takeaways */
body .cgc-post.cgcm-ep .cgc-card{position:relative; margin:56px 0 40px; padding:34px 34px 18px; background:#fff; border:0; border-radius:22px; box-shadow:0 1px 0 rgba(29,27,28,.05),0 30px 60px -40px rgba(29,27,28,.55); overflow:hidden;}
body .cgc-post.cgcm-ep .cgc-card::before{content:""; position:absolute; left:0; right:0; top:0; height:4px; background:#DC3030;}
body .cgc-post.cgcm-ep .cgc-card h2{color:#C42E2E; letter-spacing:.2em; font-size:13px; font-weight:500; margin-bottom:20px;}
body .cgc-post.cgcm-ep .cgc-card ul{counter-reset:cgcmkt;}
body .cgc-post.cgcm-ep .cgc-card li{counter-increment:cgcmkt; padding:0 0 18px 50px;}
body .cgc-post.cgcm-ep .cgc-card li::before{content:counter(cgcmkt,decimal-leading-zero); width:auto; height:auto; top:-2px; left:0; border-radius:0; background:none; font-family:'Jost',sans-serif; font-weight:500; font-size:22px; line-height:1.2; color:#E33B3B;}

/* newsletter */
body .cgc-post.cgcm-ep .cgc-news{position:relative; overflow:hidden; isolation:isolate; padding:30px 30px 24px; background:#DC3030; border:0; border-radius:22px; color:#fff;}
body .cgc-post.cgcm-ep .cgc-news::before{content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(60% 90% at 100% 0%,rgba(255,255,255,.16),transparent 70%);}
body .cgc-post.cgcm-ep .cgc-news p{color:rgba(255,255,255,.92);}
body .cgc-post.cgcm-ep .cgc-news .cgc-news-k{color:#FFE3E1;}
body .cgc-post.cgcm-ep .cgc-news p.cgc-news-t{color:#fff; font-size:clamp(22px,2.6vw,28px); font-weight:500; line-height:1.15;}
body .cgc-post.cgcm-ep .cgc-news input[type=email]{border:0; height:50px;}
body .cgc-post.cgcm-ep .cgc-news button{background:#1D1B1C; height:50px; transition:background .2s ease, transform .2s ease;}
body .cgc-post.cgcm-ep .cgc-news button:hover{background:#000; transform:translateY(-1px);}
body .cgc-post.cgcm-ep .cgc-news a{color:#fff;}

/* narrative */
body .cgc-post.cgcm-ep>h2{position:relative; font-weight:500; font-size:clamp(26px,3.6vw,36px); line-height:1.12; margin:64px 0 18px; padding-top:18px;}
body .cgc-post.cgcm-ep>h2::before{content:""; position:absolute; left:0; top:0; width:44px; height:3px; border-radius:2px; background:#E33B3B; transform-origin:left center;}
body .cgc-post.cgcm-ep .cgc-quote{position:relative; margin:52px 0; padding:4px 0 4px 30px; border-left:0;}
body .cgc-post.cgcm-ep .cgc-quote::before{content:""; position:absolute; left:0; top:6px; bottom:6px; width:5px; border-radius:3px; background:#E33B3B; transform-origin:center top;}
body .cgc-post.cgcm-ep .cgc-quote p{font-size:clamp(26px,3.4vw,36px); font-weight:500; font-style:italic; line-height:1.18;}
body .cgc-post.cgcm-ep .cgc-try{position:relative; padding:26px 28px 24px 74px; background:#FCEAE9; border:0; border-radius:18px;}
body .cgc-post.cgcm-ep .cgc-try::before{content:""; position:absolute; left:24px; top:26px; width:32px; height:32px; border-radius:50%; background:#DC3030 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/18px no-repeat;}
body .cgc-post.cgcm-ep .cgc-try .cgc-try-k{color:#C42E2E;}

/* faq */
body .cgc-post.cgcm-ep .cgc-faq{counter-reset:cgcmfaq; border-top:0;}
body .cgc-post.cgcm-ep .cgc-faq details{counter-increment:cgcmfaq; position:relative; border-bottom:0; border-top:1px solid #E4E3E0;}
body .cgc-post.cgcm-ep .cgc-faq details:last-child{border-bottom:1px solid #E4E3E0;}
body .cgc-post.cgcm-ep .cgc-faq details::before{content:""; position:absolute; top:-1px; left:0; right:0; height:2px; background:#DC3030; transform:scaleX(0); transform-origin:left center; transition:transform .5s cubic-bezier(.7,0,.2,1);}
body .cgc-post.cgcm-ep .cgc-faq details:hover::before,body .cgc-post.cgcm-ep .cgc-faq details[open]::before{transform:scaleX(1);}
body .cgc-post.cgcm-ep .cgc-faq summary{padding:20px 40px 20px 46px; font-weight:500;}
body .cgc-post.cgcm-ep .cgc-faq summary::before{content:counter(cgcmfaq,decimal-leading-zero); position:absolute; left:2px; top:24px; font-size:12.5px; letter-spacing:.16em; color:#5F6268; font-variant-numeric:tabular-nums;}
body .cgc-post.cgcm-ep .cgc-faq details[open] summary::before,body .cgc-post.cgcm-ep .cgc-faq details:hover summary::before{color:#DC3030;}
body .cgc-post.cgcm-ep .cgc-faq summary::after{content:""; top:50%; right:6px; width:16px; height:16px; margin-top:-8px; background:linear-gradient(#DC3030,#DC3030) center/100% 2px no-repeat,linear-gradient(#DC3030,#DC3030) center/2px 100% no-repeat; transition:transform .4s cubic-bezier(.2,.8,.2,1);}
body .cgc-post.cgcm-ep .cgc-faq details[open] summary::after{content:""; transform:rotate(135deg);}
body .cgc-post.cgcm-ep .cgc-faq .cgc-faq-a{padding-left:46px;}
@supports (interpolate-size:allow-keywords){
  body .cgc-post.cgcm-ep .cgc-faq,body .cgc-post.cgcm-ep .cgc-transcript{interpolate-size:allow-keywords;}
  body .cgc-post.cgcm-ep .cgc-faq details::details-content{height:0; overflow:clip; transition:height .45s cubic-bezier(.2,.8,.2,1), content-visibility .45s allow-discrete;}
  body .cgc-post.cgcm-ep .cgc-faq details[open]::details-content{height:auto;}
}

/* lapse card, hosts, about, credits, transcript */
body .cgc-post.cgcm-ep .cgc-lapse{position:relative; overflow:hidden; isolation:isolate; padding:38px 38px 34px; border-radius:22px; box-shadow:0 30px 60px -40px rgba(29,27,28,.8);}
body .cgc-post.cgcm-ep .cgc-lapse::before{content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(60% 90% at 100% 100%,rgba(227,59,59,.28),transparent 70%);}
body .cgc-post.cgcm-ep .cgc-lapse .cgc-lapse-h{font-size:clamp(26px,3vw,34px); font-weight:500; line-height:1.1;}
body .cgc-post.cgcm-ep .cgc-lapse-btn{padding:14px 28px; box-shadow:0 18px 40px -22px rgba(220,48,48,.8); transition:transform .2s ease, background .2s ease;}
body .cgc-post.cgcm-ep .cgc-lapse-btn:hover{transform:translateY(-2px);}
body .cgc-post.cgcm-ep .cgc-block{position:relative; overflow:hidden; border-radius:18px; padding:26px 30px;}
body .cgc-post.cgcm-ep .cgc-block::before{content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#DC3030;}
body .cgc-post.cgcm-ep .cgc-transcript details{border-radius:18px; border:0; background:#fff; box-shadow:0 1px 0 rgba(29,27,28,.05),0 22px 44px -34px rgba(29,27,28,.5);}
body .cgc-post.cgcm-ep .cgc-transcript summary{background:#1D1B1C; color:#fff; padding:20px 50px 20px 24px;}
body .cgc-post.cgcm-ep .cgc-transcript summary::after{color:#E33B3B; top:17px; right:22px;}

/* scroll reveals */
@supports (animation-timeline:view()){
  body .cgc-post.cgcm-ep>h2::before{animation:cgcmEpLine linear both; animation-timeline:view(); animation-range:entry 10% cover 30%;}
  body .cgc-post.cgcm-ep .cgc-quote::before{animation:cgcmEpDrop linear both; animation-timeline:view(); animation-range:entry 20% cover 40%;}
  body .cgc-post.cgcm-ep .cgc-quote,body .cgc-post.cgcm-ep .cgc-card,body .cgc-post.cgcm-ep .cgc-try,body .cgc-post.cgcm-ep .cgc-lapse,body .cgc-post.cgcm-ep .cgc-news{animation:cgcmEpIn linear both; animation-timeline:view(); animation-range:entry 0% entry 50%;}
}
@keyframes cgcmEpLine{from{transform:scaleX(0);} to{transform:scaleX(1);}}
@keyframes cgcmEpDrop{from{transform:scaleY(0);} to{transform:scaleY(1);}}
@keyframes cgcmEpIn{from{opacity:0; translate:0 40px;} to{opacity:1; translate:0 0;}}

@media (max-width:600px){
  body .cgc-post.cgcm-ep .cgcm-ep-band{padding:32px 0 52px;}
  body .cgc-post.cgcm-ep .cgc-card,body .cgc-post.cgcm-ep .cgc-lapse,body .cgc-post.cgcm-ep .cgc-news{padding:26px 22px 18px;}
  body .cgc-post.cgcm-ep .cgc-try{padding:22px 20px 20px 64px;}
  body .cgc-post.cgcm-ep .cgc-try::before{left:18px; top:22px;}
}
@media (prefers-reduced-motion:reduce){
  body .cgc-post.cgcm-ep *,body .cgc-post.cgcm-ep *::before,body .cgc-post.cgcm-ep::before{animation:none !important; transition:none !important;}
  body .cgc-post.cgcm-ep>h2::before{transform:none;}
}
