@media screen and (max-width: 1000px) {
    .inset {
        max-width: 90%;
        margin: 0 auto
    }

    .podcast-player-wrapper.internal-embed {
        max-width: 80%;
    }
}

@media screen and (max-width: 900px) {
    .podcast-player-wrapper.internal-embed {
        max-width: 90%;
    }
}

@media screen and (min-width: 1200px) {
    .episode-card.regular .show-artwork img {
        max-width: 140px;
        max-height: auto;
        min-width: 140px !important;
        width: auto !important;
        height: auto !important;
    }
}

@media screen and (min-width: 1000px) {
    .episode-card.regular .show-artwork img {
        max-width: 140px;
        max-height: auto;
        min-width: 0 !important;
        width: auto !important;
        height: auto !important;
    }
}

@media screen and (max-width: 800px) {
    h1.primary {
        font-size:1em;
    }

    .show-card {
        --artwork-height: 100px
    }

    .hero {
        margin-bottom:22px !important;
    }

    .hero h3.lead {
        font-size:0.7em;
    }

    .hero h3 a {
        font-size:1em;
    }

    .hero div.hstack.mobile-only>picture>img {
        display: block !important;
        height:auto;
        border-radius: 5px;
    }

    .hstack.label {
        font-size: 0.6em;
    }

    .hstack.label img {
        max-height: 1em;
    }

    .founder-card {
        --avatar-size: 80px;
        margin-top: 0;
        width: 100%;
        margin-bottom: 22px
    }

    .founder-card .hstack.founder-header {
        align-items: center;
        margin-top: 0
    }

    .founders-container>.hstack {
        flex-direction: column;
    }

    .episode-card div.full-bleed-artwork {
        padding-left: 0
    }

    div.full-bleed-artwork-asset {
        display: none
    }

    .mobile-only {
        display: block
    }

    .hstack.mobile-only {
        display: flex
    }

    .mobile-hidden {
        display: none
    }

    .episode-card.hero .hstack,
    .episode-card .hstack.label {
        mix-blend-mode: normal
    }

    header.navbar nav>ul {
        flex-flow: column;
        align-items: end;
    }

    header.navbar nav {
        right: 58px;
        bottom: -152px;
        position: absolute;
        padding: 22px;
        display: none;
        background: var(--backdrop-bg-color);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        border-radius: 12px;
    }

    .navigation-container.nav-expanded header.navbar nav {
        display: block;
    }

    header.navbar nav>ul li {
        margin-bottom: 12px;
        text-align: right;
    }

    header.navbar nav>ul li:last-child {
        margin-bottom: 0;
    }

    header.navbar nav>ul li a {
        font-size: 13px;
        font-weight: 600
    }

    header.navbar nav>ul li a:hover,
    header.navbar nav>ul li a.selected {
        opacity: .9
    }

    header.navbar a.logo {
        display: block;
        height: 40px
    }

    header.navbar a.logo img {
        display: block;
        max-height: 40px;
        width: auto !important;
        height: auto !important;
    }

    .show-hero {
        --artwork-size: 100px;
    }

    .show-hero h3 {
        font-size: 30px !important;
    }

    .show-hero .show-info-main-stack {
        padding-left: 0
    }

    #search-box {
        --box-padding: 22px;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        -webkit-backdrop-filter: saturate(130%) blur(35px);
        backdrop-filter: saturate(200%) brightness(150%) blur(35px);
        z-index: 190
    }

    #search-box input {
        display: block;
        width: calc(100% - var(--box-padding) * 2);
        margin-left: var(--box-padding);
        margin-top: var(--box-padding)
    }

    #search-results {
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        z-index: 200;
        border-radius: 0;
        max-height: 100%;
        background: 0 0;
        box-shadow: none
    }

    .responsive-grid {
        display: block;
    }

    .show-card {
        background: none;
        padding: 0;
    }

    .show-card,
    .episode-card.regular {
        margin-bottom: 22px;
    }

    .episode-card.regular {
        padding: 12px;
    }

    .episode-card.regular .show-artwork {
        width:100px !important;
        padding-right:10px !important;
    }

    .show-card .show-card-artwork img,
    .episode-card.regular .show-artwork img {
        width: 100% !important;
        display:block;
        height:auto !important;
    }

    .show-card .show-info-main-stack>.hstack:first-child {
        flex-direction: column;
        align-items: start;
    }

    .episode-card.regular h3.lead {
        font-size: 0.7em;
    }

    .episode-card.regular .episode-info p {
        font-size:0.82em;
    }

    .show-card h1 a,
    .episode-card.regular h3 a {
        font-size: 14px;
    }

    .show-card-container {
        background: rgba(255, 255, 255, 0.03);
        padding: 22px 0 !important;
        margin-bottom: 22px !important;
    }

    .show-card-container:last-child {
        margin-bottom: 0;
    }

    .founders-container {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .founders-container>.hstack {
        display: block;
        padding: 0;
        margin: 0;
    }

    .founder-card {
        margin-left: 32px;
        width: 90%;
    }

    .main-person-page .founder-card {
        margin-left: 0;
        width: 100%;
        background: none;
        padding: 22px 0 0 0;
    }

    .episode-links-stack {
        display: block;
        padding-top: 32px;
    }

    .episode-links-stack>* {
        margin-right: 36px;
    }

    .episode-links-stack>*>h4 {
        margin-top: 0;
        padding-top: 22px;
        padding-left: 10px;
    }

    .episode-links-stack>*:first-child>h4 {
        padding-top: 0;
    }

    .podcast-player-wrapper.internal-embed {
        flex-direction: column;
    }

    .podcast-player-wrapper.internal-embed .podcast-player-ui-artwork img {
        width: 100%;
        height: auto !important;
        margin-bottom: 16px;
        cursor: default;
        pointer-events: none;
    }

    .podcast-player-wrapper.internal-embed>a[href*='/podcasts'] {
        cursor: default;
        pointer-events: none;
    }

    .podcast-player-wrapper.internal-embed .transport-buttons {
        display: none;
    }

    .podcast-player-wrapper.internal-embed .transport-buttons.floating-ui {
        display: inline-flex;
    }

    .podcast-player-wrapper.internal-embed .transport-buttons.floating-ui a {
        margin-right: 28px !important;
    }
}

@media screen and (max-width: 320px) {
    .episode-card.regular {
        padding: 16px;
    }

    .podcast-player-wrapper.internal-embed .transport-buttons.floating-ui a {
        margin-right: 20px !important;
    }

    .show-card .show-card-artwork img,
    .episode-card.regular .show-artwork img {
        width: auto !important;
        height: auto !important;
        max-width: 60px;
        min-width: 0 !important;
    }

    .episode-info>.hstack {
        flex-flow: column;
        align-items: start;
    }

    .episode-card .show-artwork img {
        width: auto !important;
        height: auto !important;
        max-width: 80px;
        margin-bottom: 16px;
        min-width: 0 !important;
    }

    .show-hero {
        --artwork-size: 70px;
    }

    .show-hero .show-info-main-stack>div.hstack:first-child {
        flex-flow: column;
    }
}