/*! cpd-page 1.0.1 | /podcast to Figma "Podcast V3" (frame 4905:8877, 1920 x 6736; the stats band is a page-level sibling).
   Loads after cfs-page + cfr-page. Sections: hero (copy | photo) 88-651, stats 771-969, about 1089-1743, featured clips (CMS) 1863-2429,
   previous podcasts (CMS) from 2549 + load more, CTA band (s13) 5799-6093, footer2 at 6213. Rails 304 / 1616, insets 36 (35 + rail). */

.cfh-page{--cpd-line:#EEEDEC;--cpd-ink:#1D0A05;--cpd-tint:#F9F7F4;--cpd-orange:#FF5400}
.cfh-page :is(.cpd-h1,.cpd-h2,.cpd-stat-num){font-family:'Artifictrial',var(--cfh-display);font-weight:400;color:var(--cpd-ink);margin:0}
.cfh-page .cpd-h2-b{font-weight:600}

/* ---- hero: copy 654 | photo 658, divider on x 958; logo 158, H1 205, links pinned 36 above the bottom line ---- */
.cfh-page .cpd-hero{position:relative;width:100%;border-bottom:1px solid var(--cpd-line)}
.cfh-page .cpd-hero-grid{display:grid;grid-template-columns:minmax(0,654fr) minmax(0,658fr)}
.cfh-page .cpd-hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:70px 36px 35px 35px}
.cfh-page .cpd-hero-top{display:flex;flex-direction:column;align-items:flex-start;gap:19px}
.cfh-page .cpd-logo{display:block;width:121px;height:28px}
/* Figma rounds the 105% line height to 50px (4 lines = 200) */
.cfh-page .cpd-h1{max-width:561px;font-size:48px;line-height:50px;letter-spacing:-0.5px}
.cfh-page .cpd-listen{display:flex;flex-direction:column;gap:16px;width:336px;max-width:100%}
.cfh-page .cpd-listen-link{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;height:36px;padding:0 16px;border:1px solid var(--cpd-line);background-color:transparent;color:var(--cpd-ink);text-decoration:none;transition:border-color .18s ease-out}
.cfh-page .cpd-listen-link:hover{border-color:var(--cpd-ink)}
.cfh-page .cpd-listen-link:focus-visible{outline:2px solid var(--cpd-orange);outline-offset:2px}
.cfh-page .cpd-listen-t{font-family:var(--cfh-mono);font-weight:400;font-size:14px;line-height:19.6px;letter-spacing:0;color:var(--cpd-ink)}
.cfh-page .cpd-listen-ico{display:block;flex:none;width:16px;height:16px;object-fit:contain}
.cfh-page .cpd-hero-media{border-left:1px solid var(--cpd-line);padding:36px 35px 35px}
.cfh-page .cpd-hero-img{display:block;width:100%;height:auto;aspect-ratio:586/491;object-fit:cover}

/* ---- stats band: 120 below the hero, #F9F7F4 between 1px lines, column lines on x 742 / 1180 ---- */
.cfh-page .cpd-stats{display:grid;grid-template-columns:minmax(0,437fr) minmax(0,438fr) minmax(0,435fr);margin-top:120px;background-color:var(--cpd-tint);border-top:1px solid var(--cpd-line);border-bottom:1px solid var(--cpd-line)}
.cfh-page .cpd-stat{padding:60px 36px 59px 35px}
.cfh-page .cpd-stat+.cpd-stat{border-left:1px solid var(--cpd-line)}
.cfh-page .cpd-stat-num{font-size:48px;line-height:48px;letter-spacing:-0.96px;color:var(--cpd-orange)}
.cfh-page .cpd-stat-label{margin:8px 0 0;font-family:var(--cfh-sans);font-size:16px;line-height:21px;letter-spacing:-0.16px;color:var(--cpd-ink)}

/* ---- about: 120 below, photo 582 square | copy centred on the row (title 1225, body 1295) ---- */
.cfh-page .cpd-about{margin-top:120px;border-top:1px solid var(--cpd-line);border-bottom:1px solid var(--cpd-line)}
.cfh-page .cpd-about-grid{display:grid;grid-template-columns:minmax(0,654fr) minmax(0,658fr)}
.cfh-page .cpd-about-media{padding:35px 36px 35px 35px}
.cfh-page .cpd-about-img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.cfh-page .cpd-about-copy{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--cpd-line);padding:36px 36px 36px 35px}
.cfh-page .cpd-about-copy .cpd-h2{font-size:48px;line-height:50px;letter-spacing:-0.5px}
.cfh-page .cpd-about-text{max-width:496px;margin-top:20px}
.cfh-page .cpd-p{margin:0;font-family:var(--cfh-sans);font-weight:400;font-size:16px;line-height:26px;letter-spacing:-0.32px;color:var(--cpd-ink)}
.cfh-page .cpd-p+.cpd-p{margin-top:26px}

/* ---- section headings (Featured Clips / Previous Podcasts): 48/48, -2%, 36 in ---- */
.cfh-page :is(.cpd-clips,.cpd-eps)>.cpd-h2{padding:0 36px 0 35px;font-size:48px;line-height:48px;letter-spacing:-0.96px}

/* ---- featured clips (CMS Playlists, featured): heading 1863, card grid between lines 1945 / 2429, column lines x 742 / 1179 ---- */
.cfh-page .cpd-clips{margin-top:120px}
.cfh-page .cpd-clips-slot{margin-top:34px;border-top:1px solid var(--cpd-line);border-bottom:1px solid var(--cpd-line)}
.cfh-page .cpd-clips .collection-list-2{display:grid;grid-template-columns:minmax(0,437fr) minmax(0,437fr) minmax(0,436fr);gap:0;margin:0;padding:0}
.cfh-page .cpd-clips .w-dyn-item{display:flex;min-width:0;margin:0;padding:0}
.cfh-page .cpd-clips .w-dyn-item+.w-dyn-item{border-left:1px solid var(--cpd-line)}
.cfh-page .cpd-clips .div-block-153{display:flex;flex-direction:column;gap:0;flex:1 1 auto;width:100%;min-width:0;margin:0;padding:35px 36px 35px 35px;background:none;border:0;border-radius:0}
.cfh-page .cpd-clips .div-block-153>img{display:block;width:100%;height:auto;aspect-ratio:366/200;object-fit:cover;border-radius:0;margin:0}
.cfh-page .cpd-clips .div-block-155{display:flex;flex-direction:column;gap:0;align-items:flex-start;flex:1 1 auto;margin:0;padding:0;background:none}
.cfh-page .cpd-clips .image-187{display:block;width:auto;max-width:100%;height:20px;margin:36px 0 0;object-fit:contain;object-position:left center}
.cfh-page .cpd-clips .div-block-154{display:flex;flex-direction:column;gap:0;margin:20px 0 26px;padding:0}
.cfh-page .cpd-clips .heading-53{margin:0;font-family:'Artifictrial',var(--cfh-display);font-weight:500;font-size:20px;line-height:24px;letter-spacing:-0.4px;color:var(--cpd-ink)}
.cfh-page .cpd-clips .text-block-146{margin:8px 0 0;max-width:200px;font-family:var(--cfh-sans);font-weight:400;font-size:16px;line-height:21px;letter-spacing:-0.16px;color:var(--cpd-ink)}
/* "Watch episode ->": outline button pinned to the card bottom so the 3 buttons line up (Figma 2357) */
.cfh-page .cpd-clips .link-block-3{box-sizing:border-box;display:inline-flex;align-items:center;margin:auto 0 0;height:36px;padding:8px 11px 8px 16px;border:1px solid var(--cpd-orange);border-radius:0;background:transparent;text-decoration:none;position:relative;overflow:hidden;transition:background-color .18s ease-out}
.cfh-page .cpd-clips .link-block-3:hover{background-color:rgba(255,84,0,.06)}
.cfh-page .cpd-clips .div-block-174{display:flex;align-items:center;gap:4px;margin:0;padding:0;background:none}
.cfh-page .cpd-clips .text-block-147{margin:0;font-family:var(--cfh-mono);font-weight:400;font-size:14px;line-height:19.6px;letter-spacing:0;text-transform:none;color:var(--cpd-orange)}
.cfh-page .cpd-clips .image-188{display:none}
.cfh-page .cpd-clips .div-block-174::after{content:"";display:block;flex:none;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.51513 5.11722L10.89 8.71702C10.9249 8.75416 10.9525 8.79828 10.9714 8.84683C10.9903 8.89539 11 8.94744 11 9C11 9.05256 10.9903 9.10461 10.9714 9.15317C10.9525 9.20172 10.9249 9.24584 10.89 9.28298L7.51513 12.8828C7.44477 12.9578 7.34934 13 7.24983 13C7.15032 13 7.05489 12.9578 6.98452 12.8828C6.91416 12.8077 6.87463 12.7059 6.87463 12.5998C6.87463 12.4937 6.91416 12.3919 6.98452 12.3168L9.71959 9.39998L2.37499 9.39998C2.27553 9.39998 2.18016 9.35784 2.10983 9.28283C2.03951 9.20782 2 9.10608 2 9C2 8.89392 2.03951 8.79218 2.10983 8.71717C2.18016 8.64216 2.27553 8.60002 2.37499 8.60002L9.71959 8.60002L6.98452 5.68318C6.91416 5.60813 6.87463 5.50634 6.87463 5.4002C6.87463 5.29406 6.91416 5.19227 6.98452 5.11722C7.05489 5.04216 7.15032 5 7.24983 5C7.34934 5 7.44477 5.04216 7.51513 5.11722Z' fill='%23FF5400' stroke='%23FF5400' stroke-width='0.2'/%3E%3C/svg%3E") center/16px 16px no-repeat}
.cfh-page .cpd-clips .div-block-175{display:none}
/* 1.0.1: the old .image-187 class caps logos at max-height 21px (released for this one).
   Carbliss logo (CMS file 699c28a6...88ec) is white with 28px of empty space under the word, made for the old dark page:
   black + sized so the word is Figma's 73 x 20 at 2215 (the box still takes 20px of flow) */
.cfh-page .cpd-clips .image-187[src*="699c28a62cb3d278790088ec"]{height:28px;max-height:none;margin:33px 0 -5px;filter:brightness(0)}

/* the old dark-design classes set flex gaps (9 / 8 / 16 / 7 / 40px): every container below zeroes them and spaces with margins
   (Figma rounds 160% to 26px lines) */
/* ---- previous podcasts (CMS Playlists): heading 2549, rows 1312 x 365 (#F9F7F4, lines top + bottom; the rails are the sides),
   thumb 402 x 293 at 36, copy at x 778, platform buttons pinned to the thumb bottom ---- */
.cfh-page .cpd-eps{margin-top:120px}
.cfh-page .cpd-eps-slot{margin-top:34px}
.cfh-page .cpd-eps .collection-list-wrapper{margin:0;padding:0}
.cfh-page .cpd-eps .collection-list{display:flex;flex-direction:column;gap:68px;margin:0;padding:0}
.cfh-page .cpd-eps .w-dyn-item{margin:0;padding:0}
.cfh-page .cpd-eps .w-dyn-item[hidden]{display:none}
.cfh-page .cpd-eps .podcast-collection-item{margin:0;padding:36px 35px;background-color:var(--cpd-tint);border:0;border-top:1px solid var(--cpd-line);border-bottom:1px solid var(--cpd-line);border-radius:0;box-shadow:none}
.cfh-page .cpd-eps .podcast-item-inner-wraper{display:grid;grid-template-columns:minmax(0,402fr) minmax(0,802fr);grid-template-rows:auto;grid-template-areas:none;column-gap:36px;row-gap:0;align-items:stretch;margin:0;padding:0}
.cfh-page .cpd-eps .podcast-item-thumbnail{grid-area:auto;align-self:start;width:100%;height:auto;aspect-ratio:402/293;margin:0;overflow:hidden;border-radius:0}
.cfh-page .cpd-eps .image-186{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.cfh-page .cpd-eps .podcast-item-content-wraper{display:flex;flex-direction:column;gap:0;min-width:0;margin:0;padding:0}
.cfh-page .cpd-eps .div-block-149{display:flex;flex-direction:column;gap:0;align-items:flex-start;margin:0;padding:0}
.cfh-page .cpd-eps .div-block-150{display:flex;gap:0;margin:0;padding:0}
.cfh-page .cpd-eps .text-block-144{margin:0;font-family:var(--cfh-mono);font-weight:400;font-size:14px;line-height:16.66px;letter-spacing:1.4px;text-transform:uppercase;color:var(--cpd-ink)}
.cfh-page .cpd-eps .text-block-143{margin:12px 0 0;font-family:'Artifictrial',var(--cfh-display);font-weight:500;font-size:20px;line-height:26px;letter-spacing:-0.2px;color:var(--cpd-ink)}
.cfh-page .cpd-eps .div-block-151{display:flex;flex-direction:column;gap:0;flex:1 1 auto;margin:0;padding:0}
.cfh-page .cpd-eps .div-block-152{display:block;margin:32px 0 0;padding:0;font-family:var(--cfh-sans);font-size:16px;line-height:26px}
.cfh-page .cpd-eps .div-block-152>*{display:inline}
.cfh-page .cpd-eps :is(.text-block-145,.div-block-152>.guest-title){margin:0;font-family:var(--cfh-sans);font-size:16px;line-height:26px;letter-spacing:-0.16px;color:var(--cpd-ink)}
.cfh-page .cpd-eps .text-block-145{font-weight:600}
.cfh-page .cpd-eps .text-block-145.mblhide{font-weight:300}
.cfh-page .cpd-eps .div-block-152>.guest-title{font-weight:400}
/* after the margin:0 rule above (same specificity) */
.cfh-page .cpd-eps .div-block-152>.text-block-145{margin-right:4.4px}
.cfh-page .cpd-eps .div-block-151>.guest-title{max-width:781px;margin:10px 0 0;font-family:var(--cfh-sans);font-weight:400;font-size:16px;line-height:26px;letter-spacing:-0.16px;color:var(--cpd-ink)}
.cfh-page .cpd-eps .social-podcast-wraper{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:15px;margin:auto 0 0;padding:30px 0 0}
.cfh-page .cpd-eps .podcqst-yt-link{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:290px;max-width:100%;height:36px;margin:0;padding:0 16px;background-color:#FCFBF8;border:1px solid var(--cpd-line);border-radius:0;text-decoration:none;transition:border-color .18s ease-out}
.cfh-page .cpd-eps .text-block-149{margin:0;font-family:var(--cfh-mono);font-weight:400;font-size:14px;line-height:19.6px;letter-spacing:0;text-transform:none;color:var(--cpd-ink)}
.cfh-page .cpd-eps .image-184{display:block;width:18px;height:15px;margin:0;object-fit:contain}
.cfh-page .cpd-eps .podcast-social-links{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:38px;height:36px;margin:0;padding:0;background-color:#FCFBF8;border:1px solid var(--cpd-line);border-radius:0;transition:border-color .18s ease-out}
.cfh-page .cpd-eps .image-185{display:block;width:18px;height:auto;max-height:20px;margin:0}
.cfh-page .cpd-eps :is(.podcqst-yt-link,.podcast-social-links):hover{border-color:var(--cpd-ink)}

/* ---- load more: 45 below the last row. Off by default: script cpdMore shows 7 episodes and turns the row on (data-cpd-on)
   only while more are hidden (7 episodes today = no button) ---- */
.cfh-page .cpd-more-row{display:none;justify-content:center;margin-top:45px}
.cfh-page .cpd-more-row[data-cpd-on]{display:flex}
.cfh-page .cpd-more{box-sizing:border-box;display:inline-flex;align-items:center;height:36px;padding:8px 16px;border:1px solid var(--cpd-orange);background:transparent;color:var(--cpd-orange);font-family:var(--cfh-mono);font-weight:400;font-size:14px;line-height:19.6px;text-decoration:none;transition:background-color .18s ease-out}
.cfh-page .cpd-more:hover{background-color:rgba(255,84,0,.06)}

/* ---- CTA band (cfh-s13 copied from /contact-us): heading + 1 button (36 tall, so no 88px outline-button offset), Figma 90 / 48 / 30 / 36 / 90 = 294;
   120 above and below ---- */
.cfh-page [data-cfh-sec="s13-cta"] .cfh-s13-head{margin-bottom:30px}
@media (min-width:992px){
  .cfh-page [data-cfh-sec="s13-cta"] .cfh-s13-band{padding-top:90px;padding-bottom:90px}
  .cfh-page .cfh-sec.cfh-s13[data-cfh-sec="s13-cta"]{padding-top:120px;padding-bottom:30px}
}

/* ---- photos fill their cells (cover) when the copy column is the taller one (992-1279) instead of leaving a gap under them;
   at 1280+ the photo sets the row height, as in Figma ---- */
.cfh-page :is(.cpd-hero-media,.cpd-about-media){display:flex;flex-direction:column}
.cfh-page :is(.cpd-hero-img,.cpd-about-img){flex:1 0 auto}
.cfh-page .cpd-hero-img{object-position:72% 50%}
@media (min-width:992px) and (max-width:1279px){
  .cfh-page .cpd-hero-copy{padding-top:48px}
  .cfh-page .cpd-h1{font-size:40px;line-height:42px;letter-spacing:-0.4px}
  .cfh-page .cpd-about-copy .cpd-h2{font-size:40px;line-height:42px;letter-spacing:-0.4px}
}

/* ---- tablet (768-991): hero + about stack (copy over photo), stats stay 3 across, 3 narrow clip cards, episode thumb 5/12 ---- */
@media (max-width:991px){
  .cfh-page :is(.cpd-hero-grid,.cpd-about-grid){grid-template-columns:minmax(0,1fr)}
  .cfh-page .cpd-hero-copy{gap:40px;padding:64px 32px 48px}
  .cfh-page .cpd-h1{max-width:600px;font-size:44px;line-height:46px;letter-spacing:-0.44px}
  .cfh-page .cpd-hero-media{border-left:0;border-top:1px solid var(--cpd-line);padding:32px}
  .cfh-page :is(.cpd-hero-img,.cpd-about-img){flex:none}
  .cfh-page :is(.cpd-stats,.cpd-about,.cpd-clips,.cpd-eps){margin-top:80px}
  .cfh-page .cpd-stat{min-width:0;padding:48px 16px 48px 32px}
  .cfh-page .cpd-stat-num{font-size:44px;line-height:44px;letter-spacing:-0.88px}
  .cfh-page .cpd-about-copy{order:-1;border-left:0;padding:56px 32px 48px}
  .cfh-page .cpd-about-copy .cpd-h2{font-size:40px;line-height:42px;letter-spacing:-0.8px}
  .cfh-page .cpd-about-text{max-width:600px}
  .cfh-page .cpd-about-media{border-top:1px solid var(--cpd-line);padding:32px}
  .cfh-page .cpd-about-img{aspect-ratio:4/3;object-position:50% 45%}
  .cfh-page :is(.cpd-clips,.cpd-eps)>.cpd-h2{padding:0 32px;font-size:40px;line-height:42px;letter-spacing:-0.8px}
  .cfh-page :is(.cpd-clips-slot,.cpd-eps-slot){margin-top:32px}
  .cfh-page .cpd-clips .div-block-153{padding:24px}
  .cfh-page .cpd-clips .image-187{margin-top:24px}
  .cfh-page .cpd-clips .image-187[src*="699c28a62cb3d278790088ec"]{margin-top:21px}
  .cfh-page .cpd-clips .div-block-154{margin:16px 0 24px}
  .cfh-page .cpd-eps .collection-list{gap:40px}
  .cfh-page .cpd-eps .podcast-collection-item{padding:32px}
  .cfh-page .cpd-eps .podcast-item-inner-wraper{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:32px}
  .cfh-page .cpd-eps .div-block-152{margin-top:20px}
  .cfh-page .cpd-eps .social-podcast-wraper{padding-top:24px}
  .cfh-page .cpd-eps .podcqst-yt-link{flex:1 1 auto;width:auto;max-width:290px;min-width:0}
  .cfh-page .cfh-sec.cfh-s13[data-cfh-sec="s13-cta"]{padding-top:80px}
}
/* ---- phones: everything in one column; body copy 16/22 like the other cfh pages ---- */
@media (max-width:767px){
  .cfh-page .cpd-hero-copy{gap:32px;padding:48px 24px 40px}
  .cfh-page .cpd-h1{font-size:36px;line-height:38px;letter-spacing:-0.36px}
  .cfh-page .cpd-hero-media{padding:24px}
  .cfh-page :is(.cpd-stats,.cpd-about,.cpd-clips,.cpd-eps){margin-top:64px}
  .cfh-page .cpd-stats{grid-template-columns:minmax(0,1fr)}
  .cfh-page .cpd-stat{padding:28px 24px}
  .cfh-page .cpd-stat+.cpd-stat{border-left:0;border-top:1px solid var(--cpd-line)}
  .cfh-page .cpd-stat-num{font-size:40px;line-height:40px;letter-spacing:-0.8px}
  .cfh-page .cpd-about-copy{padding:40px 24px 32px}
  .cfh-page .cpd-about-copy .cpd-h2{font-size:30px;line-height:33px;letter-spacing:-0.6px}
  .cfh-page .cpd-about-media{padding:24px}
  .cfh-page .cpd-about-img{aspect-ratio:1/1}
  .cfh-page :is(.cpd-p,.cpd-stat-label){line-height:22px}
  .cfh-page .cpd-p+.cpd-p{margin-top:16px}
  .cfh-page :is(.cpd-clips,.cpd-eps)>.cpd-h2{padding:0 24px;font-size:30px;line-height:33px;letter-spacing:-0.6px}
  .cfh-page :is(.cpd-clips-slot,.cpd-eps-slot){margin-top:24px}
  .cfh-page .cpd-clips .collection-list-2{grid-template-columns:minmax(0,1fr)}
  .cfh-page .cpd-clips .w-dyn-item+.w-dyn-item{border-left:0;border-top:1px solid var(--cpd-line)}
  .cfh-page .cpd-clips .text-block-146{max-width:none}
  .cfh-page .cpd-eps .collection-list{gap:24px}
  .cfh-page .cpd-eps .podcast-collection-item{padding:24px}
  .cfh-page .cpd-eps .podcast-item-inner-wraper{grid-template-columns:minmax(0,1fr);row-gap:20px}
  .cfh-page .cpd-eps .div-block-152{margin-top:16px}
  .cfh-page .cpd-eps :is(.div-block-152,.text-block-145,.div-block-152>.guest-title,.div-block-151>.guest-title){line-height:22px}
  .cfh-page .cfh-sec.cfh-s13[data-cfh-sec="s13-cta"]{padding-top:64px}
}
@media (max-width:479px){
  .cfh-page .cpd-hero-copy{padding:40px 20px 32px}
  .cfh-page .cpd-h1{font-size:32px;line-height:34px;letter-spacing:-0.32px}
  .cfh-page :is(.cpd-hero-media,.cpd-about-media){padding:16px}
  .cfh-page .cpd-listen{width:100%}
  .cfh-page .cpd-stat{padding:28px 20px}
  .cfh-page .cpd-about-copy{padding:32px 20px 28px}
  .cfh-page :is(.cpd-clips,.cpd-eps)>.cpd-h2{padding:0 20px}
  .cfh-page .cpd-clips .div-block-153{padding:20px}
  .cfh-page .cpd-eps .podcast-collection-item{padding:20px}
  .cfh-page .cpd-listen-link{height:auto;min-height:36px}
  /* YouTube + Spotify + Apple need ~300px; below 480 the YouTube button takes its own row, the two icons sit under it */
  .cfh-page .cpd-eps .podcqst-yt-link{flex:1 1 100%;max-width:none}
}
/* "Listen on Apple Podcasts" (24 mono characters) stays on one line down to 320 */
@media (max-width:359px){
  .cfh-page .cpd-listen-link{gap:8px;padding:0 12px}
  .cfh-page .cpd-listen-t{font-size:13px}
}