:root {
    --primary-color: #D67D1C;--primary-light-color: rgba(214,125,28,0.1);--text-color: #040913;--inverse-color: #040913;--text-light-color: #040913;--heading-color: #040913;--bg-color: #FFF3DC;--bg-component-color: #fffdfb;--bg-lightest-color: #FFF3DC;--border-color: rgba(4,9,19,0.1);--link-color: #A83F1A;--btn-color: #D67D1C;--btn-text-color: #FFF7E8;--badge-bg-color: rgba(4,9,19,0.1);--badge-text-color: #040913;--card-bg-color: #FFF8EA;--card-border-color: rgba(4,9,19,0.1);--announcement-bg-color: #8C1709;--announcement-text-color: #FFF3DC;--footer-bg-color: #1E080C;--footer-header-color: #FFF3DC;--footer-text-color: #FFF3DC;--footer-link-color: #F0B25C;--input-bg-color: #fffdfb;--input-text-color: #040913;--input-placeholder-color: rgba(4,9,19,0.6);--input-border-color: rgba(4,9,19,0.1);--nav-bg-color: #61190B;--nav-link-color: #FFF3DC;--nav-btn-bg-color: #D67D1C;--nav-btn-text-color: #FFF7E8;--header-text-color: #040913;--header-bg-color: #FDE7C1;--global-header-text-color: #FFF3DC;--global-header-bg-color: #040913;--mask-color: rgba(0,0,0,0.85);--accent-1-color: #D67D1C;--accent-2-color: #F3F66F;--accent-3-color: #F05742;--accent-4-color: #EFCD61;--accent-5-color: #D3F877;--orb-1-color: #E69033;--orb-2-color: #D0DF3A;--orb-3-color: #DE2521;--orb-4-color: #D92670;

    --h1-font-size: 40px;
    --h1-font-weight: 600;
    --h2-font-size: 32px;
    --h2-font-weight: 600;
    --h3-font-size: 24px;
    --h3-font-weight: 600;
    --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: 50px 50px 50px 50px;
    --border-radius-card: 20px 20px 20px 20px;
    --border-radius-image: 20px 20px 20px 20px;
    --card-body-padding: 20px 20px 20px 20px;
    --nav-bar-logo-height: 4px;
    
    --card-padding: 0px;
    
    --page-width: 1140px;
    --heading-font-weight: 600;
    --nav-bar-bg-filler-height: 4px;
    --heading-highlight-color: var(--primary-color);
    --scroll-anim-start: translateY(32px);
    
    
    
    --card-shadow-style: 0 4px 24px rgba(0,0,0,0.12);
    
    
    --nav-bar-link-font-case: capitalize;
    
}


@font-face{font-family:"Oswald Fallback";src:local("Arial");size-adjust:81.4265%;ascent-override:146.5125%;descent-override:35.4921%;line-gap-override:0.0%}:root{--heading-font:"Oswald","Oswald Fallback"}.heading,.display,.show-page .navbar-brand,.section-title .section-title-inner,h1,h2,h3,h4,h5,h6{font-family:"Oswald","Oswald Fallback" !important}@font-face{font-family:"Lato Fallback";src:local("Arial");size-adjust:97.6894%;ascent-override:101.0345%;descent-override:21.8038%;line-gap-override:0.0%}:root{--body-font:"Lato","Lato Fallback"}body,p,.navbar-nav .nav-link,.btn{font-family:"Lato","Lato Fallback" !important}

.container {max-width: var(--page-width) !important;}




  .heading, .heading>a, .display {font-weight: var(--heading-font-weight) !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;
}







.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:115px !important;}#header-hero svg.bottom-header-border{position:absolute !important;bottom:-1px !important;z-index:1 !important;}#header-hero svg.bottom-header-border .fill-bg{fill:var(--bg-color) !important;}#header-hero svg.bottom-header-border .fill-primary{fill:#D67D1C !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:40px !important;font-weight:600 !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;
    }
  }



  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  





.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; }







.top-navbar {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.color-scheme-dark .top-navbar {
    background: rgba(0, 0, 0, 0.7) !important;
}



.block-image,
.pp-card-image {
    position: relative;
    overflow: hidden;
}
.block-image::after,
.pp-card-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}
.block-image::before,
.pp-card-image::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -14px;
    border-style: solid;
    border-width: 20px 0 20px 34px;
    border-color: transparent transparent transparent #fff;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}
.block-image:hover::after,
.block-image:hover::before,
.pp-card-image:hover::after,
.pp-card-image:hover::before {
    opacity: 1;
}