/* CGC Motion v2026.10.27.3: Episodes feed (/episodes/, the WordPress posts page). Restyles Astra's blog grid; loaded only there. No content or copy changes. */

/* ---------- band at the top ---------- */
body.blog{overflow-x:clip;}
.cgcm-feed-band{position:relative;overflow:hidden;background:#1D1B1C;color:#fff;padding:72px 24px 0;}
.cgcm-feed-band::before{content:"";position:absolute;inset:-40% -10% auto auto;width:70vw;height:140%;background:radial-gradient(closest-side,rgba(220,48,48,.35),rgba(220,48,48,0));pointer-events:none;}
.cgcm-feed-in{position:relative;max-width:1200px;margin:0 auto;}
.cgcm-feed-k{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-family:'Jost',sans-serif;font-weight:500;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#E9C9C6;}
.cgcm-feed-k svg{width:26px;height:26px;flex:none;}
.cgcm-feed-k .s{animation:cgcmFeedSteam 2.4s ease-out infinite;}
.cgcm-feed-k .s+.s{animation-delay:.5s;}
@keyframes cgcmFeedSteam{0%{opacity:0;transform:translateY(3px);}40%{opacity:1;}100%{opacity:0;transform:translateY(-4px);}}
.cgcm-feed-band h1{margin:0;font-family:'Jost',sans-serif;font-weight:500;font-size:clamp(64px,11vw,168px);line-height:.9;letter-spacing:-.03em;color:#fff;}
.cgcm-feed-band h1 span{display:inline-block;animation:cgcmFeedRise .9s cubic-bezier(.2,.8,.2,1) both;}
@keyframes cgcmFeedRise{from{opacity:0;transform:translateY(40%);}to{opacity:1;transform:none;}}
.cgcm-feed-wave{display:flex;align-items:flex-end;gap:5px;height:70px;margin-top:40px;opacity:.9;}
.cgcm-feed-wave i{flex:1;max-width:9px;border-radius:3px 3px 0 0;background:#DC3030;transform-origin:bottom;animation:cgcmFeedEq 1.6s ease-in-out infinite alternate;}
.cgcm-feed-wave i:nth-child(3n){background:#E9C9C6;opacity:.5;}
@keyframes cgcmFeedEq{from{transform:scaleY(.25);}to{transform:scaleY(1);}}

/* ---------- page frame ---------- */
body.blog #content{background:#F4F3F1;}
body.blog.ast-separate-container #primary,body.blog #primary{margin-top:56px;margin-bottom:64px;}
body.blog #secondary{margin-top:56px;}

/* ---------- the grid ---------- */
body.blog #main>.ast-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;}
body.blog #main>.ast-row::before,body.blog #main>.ast-row::after{display:none;}
body.blog #main article.ast-archive-post{width:auto !important;max-width:none;margin:0 !important;padding:0 !important;float:none;background:transparent !important;box-shadow:none !important;}
body.blog #main article .ast-article-inner{height:100%;margin:0;padding:0;background:transparent !important;box-shadow:none !important;}
body.blog #main article .post-content{display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;padding:0 0 22px;border-radius:18px;background:#fff;box-shadow:0 1px 0 rgba(29,27,28,.06),0 18px 40px -30px rgba(29,27,28,.45);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;}
body.blog #main article:hover .post-content{transform:translateY(-6px);box-shadow:0 1px 0 rgba(29,27,28,.06),0 30px 60px -30px rgba(29,27,28,.55);}
body.blog #main article .post-content>*{margin-left:22px;margin-right:22px;}

/* thumbnail with a play button that appears on hover */
body.blog #main article .ast-blog-featured-section{margin:0 0 20px !important;padding:0;}
body.blog #main article .post-thumb-img-content{position:relative;overflow:hidden;margin:0;}
body.blog #main article .post-thumb-img-content a{display:block;}
body.blog #main article .post-thumb-img-content img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0;transition:transform .7s cubic-bezier(.2,.8,.2,1);}
body.blog #main article:hover .post-thumb-img-content img{transform:scale(1.06);}
body.blog #main article .post-thumb-img-content::after{content:"";position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#DC3030 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14'%3E%3Cpath fill='%23fff' d='M0 1.2v11.6c0 .9 1 1.5 1.8 1L12 7.9c.7-.5.7-1.5 0-1.9L1.8.2C1 -.3 0 .3 0 1.2Z'/%3E%3C/svg%3E") 54% 50%/18px no-repeat;box-shadow:0 12px 26px -10px rgba(0,0,0,.6);opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1);pointer-events:none;}
body.blog #main article:hover .post-thumb-img-content::after{opacity:1;transform:scale(1);}

/* title */
body.blog #main article .entry-title{order:0;margin-top:0;margin-bottom:12px;font-family:'Jost',sans-serif;font-weight:500;font-size:22px;line-height:1.2;letter-spacing:-.005em;}
body.blog #main article .entry-title a{color:#1D1B1C;text-decoration:none;background:linear-gradient(#DC3030,#DC3030) 0 100%/0 2px no-repeat;transition:background-size .45s cubic-bezier(.7,0,.2,1),color .2s ease;}
body.blog #main article:hover .entry-title a{background-size:100% 2px;}

/* meta: category and date on one line, topics as chips */
body.blog #main article .entry-header{margin-bottom:14px;padding:0;}
body.blog #main article .entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:0;line-height:1;color:#5F6268;}
body.blog #main article .entry-meta>span{font-size:13px;}
body.blog #main article .cat-links a{font-family:'Jost',sans-serif;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#DC3030;text-decoration:none;}
body.blog #main article .posted-on,body.blog #main article .posted-on .published{font-family:'Jost',sans-serif;font-size:13px;color:#5F6268;}
body.blog #main article .posted-on::before{content:"";display:inline-block;width:4px;height:4px;margin:0 10px 2px 0;border-radius:50%;background:#B9B2AE;vertical-align:middle;}
body.blog #main article .tags-links{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%;margin-top:6px;font-size:0 !important;}
body.blog #main article .tags-links a{display:inline-block;padding:6px 10px;border-radius:999px;background:#F4F3F1;border:1px solid #E4E3E0;font-family:'Jost',sans-serif;font-weight:500;font-size:12.5px;line-height:1.1;color:#1D1B1C;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease;}
body.blog #main article .tags-links a:hover{background:#DC3030;border-color:#DC3030;color:#fff;}

/* excerpt and read more */
body.blog #main article .ast-excerpt-container{margin-bottom:18px;}
body.blog #main article .ast-excerpt-container p{margin:0;font-size:15px;line-height:1.6;color:#4A4C50;}
body.blog #main article .read-more{margin-top:auto;margin-bottom:0;}
body.blog #main article .read-more .ast-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:#1D1B1C;color:#fff;font-family:'Jost',sans-serif;font-weight:600;font-size:14px;letter-spacing:.01em;text-decoration:none;transition:background .25s ease,gap .3s ease;}
body.blog #main article .read-more .ast-button:hover,body.blog #main article:hover .read-more .ast-button{background:#DC3030;gap:12px;}
body.blog #main article .entry-content{display:none;}

/* newest episode on page 1: a wide dark feature card */
body.blog:not(.paged) #main>.ast-row>article:first-child{grid-column:1/-1;}
body.blog:not(.paged) #main>.ast-row>article:first-child .post-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:36px;padding:0;background:#1D1B1C;}
body.blog:not(.paged) #main>.ast-row>article:first-child .post-content>*{margin-left:0;margin-right:36px;}
body.blog:not(.paged) #main>.ast-row>article:first-child .ast-blog-featured-section{grid-column:1;grid-row:1/-1;align-self:center;margin:28px 0 28px 28px !important;}
body.blog:not(.paged) #main>.ast-row>article:first-child .post-thumb-img-content{border-radius:12px;}
body.blog:not(.paged) #main>.ast-row>article:first-child .entry-title{grid-column:2;margin-top:40px;font-size:clamp(26px,2.4vw,36px);}
body.blog:not(.paged) #main>.ast-row>article:first-child .entry-title a{color:#fff;}
body.blog:not(.paged) #main>.ast-row>article:first-child .entry-header{grid-column:2;}
body.blog:not(.paged) #main>.ast-row>article:first-child .ast-excerpt-container{grid-column:2;}
body.blog:not(.paged) #main>.ast-row>article:first-child .ast-excerpt-container p{color:#D6D1CE;font-size:16px;}
body.blog:not(.paged) #main>.ast-row>article:first-child .read-more{grid-column:2;margin-bottom:40px;}
body.blog:not(.paged) #main>.ast-row>article:first-child .read-more .ast-button{background:#DC3030;}
body.blog:not(.paged) #main>.ast-row>article:first-child .read-more .ast-button:hover{background:#fff;color:#DC3030;}
body.blog:not(.paged) #main>.ast-row>article:first-child .posted-on,body.blog:not(.paged) #main>.ast-row>article:first-child .posted-on .published{color:#B9B2AE;}
body.blog:not(.paged) #main>.ast-row>article:first-child .cat-links a{color:#E9C9C6;}
body.blog:not(.paged) #main>.ast-row>article:first-child .tags-links a{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff;}
body.blog:not(.paged) #main>.ast-row>article:first-child .tags-links a:hover{background:#DC3030;border-color:#DC3030;}
body.blog:not(.paged) #main>.ast-row>article:first-child .post-thumb-img-content::after{width:78px;height:78px;margin:-39px 0 0 -39px;background-size:24px;opacity:1;transform:none;}

/* cards rise in as they scroll into view */
@supports (animation-timeline:view()){
  body.blog #main>.ast-row>article{animation:cgcmFeedIn linear both;animation-timeline:view();animation-range:entry 0% entry 40%;}
}
@keyframes cgcmFeedIn{from{opacity:0;translate:0 40px;}to{opacity:1;translate:0 0;}}

/* ---------- pagination ---------- */
body.blog .ast-pagination,body.blog nav.pagination{margin-top:48px;padding:0;}
body.blog .nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;}
body.blog .nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;margin:0 !important;padding:0 14px;border-radius:999px !important;border:1px solid #E4E3E0 !important;background:#fff !important;color:#1D1B1C !important;font-family:'Jost',sans-serif;font-weight:600;font-size:15px;line-height:1;text-decoration:none;box-sizing:border-box;transition:background .2s ease,color .2s ease,transform .3s cubic-bezier(.2,.8,.2,1);}
body.blog .nav-links a.page-numbers:hover{background:#DC3030 !important;border-color:#DC3030 !important;color:#fff !important;transform:translateY(-2px);}
body.blog .nav-links .page-numbers.current{background:#1D1B1C !important;border-color:#1D1B1C !important;color:#fff !important;}
body.blog .nav-links .page-numbers.dots{border:0 !important;background:transparent !important;min-width:20px;}
body.blog .nav-links .next.page-numbers,body.blog .nav-links .prev.page-numbers{padding:0 22px;background:#DC3030 !important;border-color:#DC3030 !important;color:#fff !important;}
body.blog .nav-links .next.page-numbers:hover,body.blog .nav-links .prev.page-numbers:hover{background:#1D1B1C !important;border-color:#1D1B1C !important;}

/* ---------- sidebar ---------- */
@media (min-width:922px){
  body.blog #secondary .sidebar-main{position:sticky;top:120px;}
}
body.blog #secondary .sidebar-main{display:flex;flex-direction:column;gap:18px;}
body.blog #secondary .widget{margin:0;padding:22px;border-radius:18px;background:#fff;border:1px solid #E4E3E0;}
body.blog #secondary .widget:has(.cgc-sidebar-tags){padding:0;border:0;background:transparent;}
body.blog #secondary .cgc-sidebar-tags{border-radius:18px !important;}
body.blog #secondary .wp-block-search__label,body.blog #secondary h2.wp-block-heading{display:block;margin:0 0 12px;font-family:'Jost',sans-serif;font-weight:600;font-size:13px !important;letter-spacing:.08em;text-transform:uppercase;color:#6E7176;}
body.blog #secondary .wp-block-search__inside-wrapper{display:flex;gap:8px;padding:0;border:0;}
body.blog #secondary .wp-block-search__input{flex:1;min-width:0;height:46px;padding:0 16px;border-radius:999px;border:1px solid #E4E3E0;background:#F4F3F1;font-size:15px;}
body.blog #secondary .wp-block-search__input:focus{border-color:#DC3030;background:#fff;outline:0;}
body.blog #secondary .wp-block-search__button{height:46px;margin:0;padding:0 20px;border-radius:999px;background:#DC3030;font-family:'Jost',sans-serif;font-weight:600;font-size:14px;transition:background .2s ease;}
body.blog #secondary .wp-block-search__button:hover{background:#1D1B1C;}
body.blog #secondary .wp-block-archives{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
body.blog #secondary .wp-block-archives li{margin:0;padding:0;border:0;}
body.blog #secondary .wp-block-archives a{display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:999px;background:#1D1B1C;color:#fff;font-family:'Jost',sans-serif;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;text-decoration:none;transition:background .2s ease;}
body.blog #secondary .wp-block-archives a:hover{background:#DC3030;}

/* ---------- smaller screens ---------- */
@media (max-width:1180px){
  .cgcm-feed-wave i:nth-child(n+100){display:none;}
  body.blog #main>.ast-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
}
@media (max-width:921px){
  .cgcm-feed-band{padding:48px 20px 0;}
  .cgcm-feed-wave{height:48px;gap:4px;margin-top:28px;}
  body.blog #content>.ast-container{padding-left:16px;padding-right:16px;}
  body.blog.ast-separate-container #primary,body.blog #primary{margin-top:28px;margin-bottom:28px;}
  body.blog #secondary{margin-top:0;margin-bottom:48px;}
  body.blog:not(.paged) #main>.ast-row>article:first-child .post-content{display:flex;padding-bottom:26px;}
  body.blog:not(.paged) #main>.ast-row>article:first-child .post-content>*{margin-left:22px;margin-right:22px;}
  body.blog:not(.paged) #main>.ast-row>article:first-child .ast-blog-featured-section{margin:0 0 20px !important;align-self:auto;}
  body.blog:not(.paged) #main>.ast-row>article:first-child .post-thumb-img-content{border-radius:0;}
  body.blog:not(.paged) #main>.ast-row>article:first-child .entry-title{margin-top:0;font-size:26px;}
  body.blog:not(.paged) #main>.ast-row>article:first-child .read-more{margin-bottom:0;}
}
@media (max-width:640px){
  .cgcm-feed-wave i:nth-child(n+56){display:none;}
  body.blog #main>.ast-row{grid-template-columns:minmax(0,1fr);gap:18px;}
}

@media (prefers-reduced-motion:reduce){
  body.blog *,.cgcm-feed-band *{animation:none !important;transition:none !important;}
}