:root {
    --primary-color: #1734CC;--primary-light-color: rgba(23,52,204,0.1);--text-color: rgba(245,246,252,0.8);--inverse-color: #000000;--text-light-color: rgba(245,246,252,0.6);--heading-color: #f5f6fc;--bg-color: #111111;--bg-component-color: #1c1c1c;--bg-lightest-color: #111111;--border-color: rgba(245,246,252,0.1);--link-color: #1734CC;--btn-color: #1734CC;--btn-text-color: #FFFFFF;--badge-bg-color: rgba(245,246,252,0.1);--badge-text-color: #f5f6fc;--card-bg-color: #1c1c1c;--card-border-color: rgba(245,246,252,0.1);--announcement-bg-color: #1734CC;--announcement-text-color: #FFFFFF;--footer-bg-color: #16161A;--footer-header-color: #f5f6fc;--footer-text-color: rgba(245,246,252,0.8);--footer-link-color: #f5f6fc;--input-bg-color: #1c1c1c;--input-text-color: #f5f6fc;--input-placeholder-color: rgba(245,246,252,0.6);--input-border-color: rgba(245,246,252,0.1);--nav-bg-color: #000000;--nav-link-color: #f5f6fc;--nav-btn-bg-color: #1734CC;--nav-btn-text-color: #FFFFFF;--header-text-color: #f5f6fc;--header-bg-color: #16161A;--global-header-text-color: #f5f6fc;--global-header-bg-color: #111111;--mask-color: rgba(255,255,255,0.5);--accent-1-color: #1734CC;--accent-2-color: #9D6FF6;--accent-3-color: #42A3F0;--accent-4-color: #6C61EF;--accent-5-color: #C577F8;--orb-1-color: #334FE6;--orb-2-color: #7D3ADF;--orb-3-color: #219EDE;--orb-4-color: #26D9C8;

    --h1-font-size: 40px;
    --h1-font-weight: 700;
    --h2-font-size: 32px;
    --h2-font-weight: 700;
    --h3-font-size: 24px;
    --h3-font-weight: 700;
    --subpage-header-subtitle-font-size: 20px;
    --subpage-header-subtitle-font-weight: 500;
    --nav-bar-link-font-size: 0.875rem;
    --nav-bar-link-font-weight: 500;
    --pagination-font-size: 14px;
    --border-radius-button: 8px 8px 8px 8px;
    --border-radius-card: 20px 20px 20px 20px;
    --border-radius-image: 20px 20px 20px 20px;
    --card-body-padding: 24px 24px 24px 24px;
    --nav-bar-logo-height: 50px;
    
    --card-padding: 0px;
    
    
    --heading-font-weight: 600;
    --nav-bar-bg-filler-height: 44px;
    --heading-highlight-color: var(--primary-color);
    --scroll-anim-start: translateY(32px);
    
    
    
    --card-shadow-style: 0 2px 12px rgba(0,0,0,0.06);
    
    
    --nav-bar-link-font-case: capitalize;
    
}


@font-face{font-family:"DM Sans Fallback";src:local("Arial");size-adjust:104.531%;ascent-override:94.9001%;descent-override:29.6563%;line-gap-override:0.0%}






  .heading, .heading>a, .display {font-weight: var(--heading-font-weight) !important;}






.body-wrap,
.sct-color-1,
.navbar.bg-default,
.top-navbar {
  background: var(--bg-color) !important;
  border-color: var(--bg-color) !important;
}




  #header-hero {background-color:transparent !important;}
  #header-hero .section-wrapper {background-color:var(--header-bg-color) !important; border-radius: 40px;}
  #header-hero .section-inner-wrapper { padding: 0 40px !important}



#header-hero.episode-header #c-text>div {
  background-color: var(--bg-color) !important;
  padding: 48px;
}

#header-hero.episode-header #header-content-wrapper {
  padding-bottom: 0 !important;
}



  @media (max-width: 575px) {
    .podcast-home-page #header-hero-banner-section,
    .podcast-home-page #header-hero {
      display: none !important;
    }
  }





.card,
.pp-card {
  background-color: var(--card-bg-color) !important;
  border-color: var(--border-color) !important;
  overflow: hidden;
  border-radius: var(--border-radius-card) !important;
}




.card:not(.p-0) .card-body,
.pp-card:not(.p-0) .pp-card-body {
  padding: var(--card-body-padding) !important;
}





  .card,
  .pp-card {
    transition: all .2s cubic-bezier(.455, .03, .515, .955);
    transform: translate(0);
  }
  .card:hover,
  .pp-card:hover {
    transform: translate(0, -4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
  }



#header-hero{position:relative !important;}#header-hero #header-content-wrapper{max-width:100% !important;padding-top:48px !important;padding-bottom:48px !important;}#header-hero #c-text{flex:60% !important;max-width:60% !important;text-align:left !important;}#header-hero #c-text #homepage-header-title{font-size:48px !important;font-weight:500 !important;}#header-hero #c-text #homepage-header-description{font-size:20px !important;font-weight:500 !important;}#header-hero #c-artwork{flex:35.0% !important;max-width:35.0% !important;margin-left:auto !important;order:2 !important;}@media (max-width: 992px) {#header-hero #c-text {flex: 100% !important; max-width: 100% !important;}#header-hero #c-artwork{flex: 100% !important; max-width: 100% !important}}


  @media (min-width: 800px) {
    .subscribe-page {
        margin-top: -42px;
        margin-bottom: -42px;
    }
  }



  

  

  

  

  

  

  

  

  #featured-episodes-section .section-wrapper {
      background-color: #1F126D !important; border:0 !important;
      
      border-radius: 40px !important;
    }
    #featured-episodes-section .section-inner-wrapper { padding: 24px !important}
  

  

  

  

  

  

  

  

  

  

  

  

  

  





.scroll-animate {
  opacity: 0;
  transform: var(--scroll-anim-start);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.scroll-animate.visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .scroll-animate { opacity: 1 !important; transform: none !important; transition: none !important; }
}











.card, .pp-card { box-shadow: var(--card-shadow-style) !important; }





@keyframes heroFadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
#header-hero #header-content-wrapper > * {
    opacity: 0;
    animation: heroFadeUp 0.7s ease-out forwards;
}
#header-hero #header-content-wrapper > *:nth-child(1) { animation-delay: 0.1s; }
#header-hero #header-content-wrapper > *:nth-child(2) { animation-delay: 0.25s; }
#header-hero #header-content-wrapper > *:nth-child(3) { animation-delay: 0.4s; }
#header-hero #header-content-wrapper > *:nth-child(4) { animation-delay: 0.55s; }
#header-hero #header-content-wrapper > *:nth-child(5) { animation-delay: 0.7s; }
#header-hero .header-image-wrapper {
    opacity: 0;
    animation: heroFadeUp 0.8s ease-out 0.2s forwards;
}
@media (prefers-reduced-motion: reduce) {
    #header-hero #header-content-wrapper > *,
    #header-hero .header-image-wrapper { animation: none; opacity: 1; }
}



@keyframes heroBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(8px); }
}
.hero-scroll-indicator {
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    animation: heroBounce 2s ease-in-out infinite;
    z-index: 10;
    cursor: pointer;
}
.hero-scroll-indicator svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.7;
}
#header-hero { position: relative; }