:root {
    --primary-color: #A88156;--primary-light-color: rgba(168,129,86,0.1);--text-color: #17191D;--inverse-color: #17191D;--text-light-color: #17191D;--heading-color: #17191D;--bg-color: #F5F3EE;--bg-component-color: #fefdfd;--bg-lightest-color: #F5F3EE;--border-color: rgba(23,25,29,0.1);--link-color: #A88156;--btn-color: #A88156;--btn-text-color: #FFFFFF;--badge-bg-color: rgba(23,25,29,0.1);--badge-text-color: #17191D;--card-bg-color: #fefdfd;--card-border-color: rgba(23,25,29,0.1);--announcement-bg-color: #A88156;--announcement-text-color: #FFFFFF;--footer-bg-color: #fefdfd;--footer-header-color: #17191D;--footer-text-color: rgba(23,25,29,0.8);--footer-link-color: #17191D;--input-bg-color: #fefdfd;--input-text-color: #17191D;--input-placeholder-color: rgba(23,25,29,0.6);--input-border-color: rgba(23,25,29,0.1);--nav-bg-color: transparent;--nav-link-color: #17191D;--nav-btn-bg-color: #A88156;--nav-btn-text-color: #FFFFFF;--header-text-color: #17191D;--header-bg-color: #FFFFFF;--global-header-text-color: #17191D;--global-header-bg-color: #FFFFFF;--hero-heading-highlight-color: #A88156;--hero-heading-highlight-bg-color: transparent;--accent-1-color: #A88156;--accent-2-color: #F3F66F;--accent-3-color: #F05842;--accent-4-color: #EFCD61;--accent-5-color: #D2F877;--orb-1-color: #E69133;--orb-2-color: #D0DF3A;--orb-3-color: #DE2621;--orb-4-color: #D9266F;

    --h1-font-size: 77px;
    --h1-font-weight: 600;
    --h2-font-size: 64px;
    --h2-font-weight: 600;
    --h3-font-size: 23px;
    --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: 600;
    --pagination-font-size: 16px;
    --border-radius-button: 0px 0px 0px 0px;
    --border-radius-card: 4px 4px 4px 4px;
    --border-radius-image: 2px 2px 2px 2px;
    --card-body-padding: 24px 24px 24px 24px;
    --nav-bar-logo-height: 50px;
    --body-font-size: 16px;
    --card-padding: 0px;
    --card-title-font-size: 22px;
    --page-width: 1260px;
    --heading-font-weight: 700;
    --nav-bar-bg-filler-height: 44px;
    --heading-highlight-color: var(--primary-color);
    --scroll-anim-start: translateY(0px);
    
    --body-line-height: 1.85;
    
    
    --card-shadow-style: none;
    
    --heading-letter-spacing: -0.03em;
    
    --nav-bar-link-font-case: uppercase;
    
}


@font-face{font-family:"Archivo Fallback";src:local("Arial");size-adjust:98.6988%;ascent-override:88.9575%;descent-override:21.2769%;line-gap-override:0.0%}:root{--heading-font:"Archivo","Archivo Fallback"}.heading,.display,.show-page .navbar-brand,.section-title .section-title-inner,h1,h2,h3,h4,h5,h6{font-family:"Archivo","Archivo Fallback" !important}@font-face{font-family:"IBM Plex Sans Fallback";src:local("Arial");size-adjust:101.1663%;ascent-override:101.3184%;descent-override:27.183%;line-gap-override:0.0%}:root{--body-font:"IBM Plex Sans","IBM Plex Sans Fallback"}body,p,.navbar-nav .nav-link,.btn{font-family:"IBM Plex Sans","IBM Plex Sans Fallback" !important}

.container {max-width: var(--page-width) !important;}
.container.navbar-container {max-width: 100% !important; padding-left: 24px; padding-right: 24px;}


  p,
  .post-content-body > p:not(.text-lg),
  .post-content-body li {
    font-size: var(--body-font-size) !important;
  }


  .heading, .heading>a, .display {font-weight: var(--heading-font-weight) !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 .heading,
.pp-card .pp-card-title {
  font-size: var(--card-title-font-size) !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:32.0px !important;padding-bottom:96px !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:#A88156 !important;}#header-hero #c-text{flex:55% !important;max-width:55% !important;text-align:left !important;}#header-hero #c-text #homepage-header-title{font-size:clamp(45px, 16.67vw, 100px) !important;font-weight:700 !important;}#header-hero #c-text #homepage-header-description{font-size:17px !important;font-weight:400 !important;}#header-hero #c-artwork{flex:40.0% !important;max-width:40.0% !important;margin-left:auto !important;order:2 !important;}#homepage-header-achievement-badge{font-size:.9em !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}}




  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  



  section, section.border-bottom, section.border-top { border: none !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; }
}



.slice { padding-top: 8rem !important; padding-bottom: 8rem !important; }



h1, h2, h3 { letter-spacing: var(--heading-letter-spacing); }



h1, h2, h3 { line-height: 1.1; }





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









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







body, p, .card-text, .excerpt {
    line-height: var(--body-line-height);
}



.slice + .slice::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 10%;
    
    border-top: 1px solid var(--border-color);
    
    width: 80%;
}


