/*========================================*
* PODCAST PAGE VARIABLES
*========================================*/

:root{
    --podcast-off-white:#F8F8F8;
    --podcast-neutral-gray:#4A4A4A;
}


/*========================================*
* PODCAST HERO
*========================================*/

.podcast-hero{
    position:relative;
    width:100%;
    min-height:90vh;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;
    isolation:isolate;

    background:var(--midnight-black);
}

.podcast-hero-image{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    z-index:-3;

    filter:
        brightness(.65)
        contrast(1.08)
        saturate(.95);
}

.podcast-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.62),
            rgba(0,0,0,.78)
        );

    z-index:-2;
}

.podcast-hero .container{
    position:relative;
    z-index:2;
}

.podcast-hero-content{
    max-width:820px;
    margin:0 auto;

    color:var(--white);
    text-align:center;
}

.podcast-hero-content .section-label{
    display:inline-block;
    margin-bottom:18px;
}

.podcast-hero-content h1{
    font-size:clamp(3rem,6vw,5.2rem);
    line-height:1.08;
    letter-spacing:.5px;
    margin-bottom:24px;

    text-shadow:
        0 8px 25px rgba(0,0,0,.45);
}

.podcast-hero-content p{
    max-width:680px;
    margin:0 auto 38px;

    font-size:1.1rem;
    line-height:1.85;

    color:#E8E8E8;
}

.hero-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.hero-buttons .btn-primary,
.hero-buttons .btn-secondary{
    min-width:190px;
}


/*========================================*
* FEATURED PODCAST
*========================================*/

#featured-podcast{
    padding:120px 0;
    background:var(--white);
}

.featured-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:5rem;
    align-items:center;
}

.featured-content h2{
    margin:20px 0;
    font-size:2.6rem;
    color:var(--midnight-black);
    line-height:1.2;
}

.featured-content p{
    color:var(--podcast-neutral-gray);
    margin-bottom:25px;
    line-height:1.9;
}

.featured-image{
    width:100%;
}

.featured-image img{
    width:100%;
    border-radius:24px;
    display:block;

    box-shadow:
        0 30px 70px rgba(0,0,0,.12);
}

.podcast-buttons{
    display:flex;
    gap:20px;
    margin-top:35px;
    flex-wrap:wrap;
}


/*========================================*
* FEATURED EPISODES
*========================================*/

#featured-episodes{
    padding:7rem 0 5rem;
    background:var(--podcast-off-white);
}

.featured-episodes-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
    margin-top:4rem;
}

.featured-episode-card{
    background:var(--white);
    border-radius:20px;
    overflow:hidden;

    box-shadow:
        0 15px 40px rgba(0,0,0,.08);

    transition:var(--transition);
}

.featured-episode-card:hover{
    transform:translateY(-8px);

    box-shadow:
        0 25px 50px rgba(0,0,0,.15);
}

.featured-episode-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.featured-episode-image img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    display:block;

    transition:transform .5s ease;
}

.featured-episode-card:hover
.featured-episode-image img{
    transform:scale(1.06);
}

.featured-episode-badge{
    position:absolute;
    top:20px;
    left:20px;

    background:var(--primary-gold);
    color:var(--white);

    padding:.45rem 1rem;
    border-radius:30px;

    font-size:.85rem;
    font-weight:700;
}

.featured-episode-content{
    padding:2rem;
}

.featured-episode-number{
    display:inline-block;

    color:var(--primary-gold);
    font-weight:700;

    margin-bottom:.8rem;
}

.featured-episode-content h3{
    font-size:1.5rem;
    color:var(--midnight-black);

    margin-bottom:1rem;
    line-height:1.3;
}

.featured-episode-content p{
    color:var(--podcast-neutral-gray);
    line-height:1.8;

    margin-bottom:1.8rem;
}

.featured-episode-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:1rem;

    margin-bottom:2rem;

    font-size:.9rem;
    color:var(--podcast-neutral-gray);
}

.featured-episode-meta span{
    display:flex;
    align-items:center;
    gap:.5rem;
}

.featured-episode-meta i{
    color:var(--primary-gold);
}

.featured-episode-content .btn-secondary{
    width:100%;
    text-align:center;
}


/*========================================*
* ABOUT PODCAST
*========================================*/

#about-podcast{
    padding:90px 0 120px;
    background:var(--white);
}

.about-podcast-grid{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:5rem;
    align-items:center;
}

.about-podcast-image{
    overflow:hidden;
    border-radius:20px;

    box-shadow:
        0 20px 45px rgba(0,0,0,.10);
}

.about-podcast-image img{
    width:100%;
    height:auto;
    display:block;

    transition:transform .5s ease;
}

.about-podcast-image:hover img{
    transform:scale(1.04);
}

.about-podcast-content h2{
    font-size:2.6rem;
    color:var(--midnight-black);

    margin:1rem 0 2rem;
    line-height:1.3;
}

.about-podcast-content p{
    color:var(--podcast-neutral-gray);
    line-height:1.9;

    margin-bottom:1.5rem;
}


/*========================================*
* MEET THE HOST
*========================================*/

#podcast-host{
    padding:7rem 0;
    background:var(--podcast-off-white);
}

.podcast-host-grid{
    display:grid;
    grid-template-columns:420px 1fr;

    gap:5rem;
    align-items:center;
}

.podcast-host-image{
    overflow:hidden;
    border-radius:22px;

    box-shadow:
        0 20px 45px rgba(0,0,0,.12);
}

.podcast-host-image img{
    width:100%;
    height:auto;
    display:block;

    transition:transform .5s ease;
}

.podcast-host-image:hover img{
    transform:scale(1.04);
}

.podcast-host-content h2{
    font-size:2.7rem;
    color:var(--midnight-black);

    margin:1rem 0 .5rem;
}

.podcast-host-content h4{
    color:var(--primary-gold);

    margin-bottom:2rem;
    font-weight:700;
}

.podcast-host-content p{
    color:var(--podcast-neutral-gray);
    line-height:1.9;

    margin-bottom:1.5rem;
}

.host-highlights{
    display:flex;
    flex-wrap:wrap;

    gap:1rem;
    margin:2rem 0;
}

.host-highlight{
    display:flex;
    align-items:center;

    gap:.75rem;

    padding:1rem 1.5rem;

    background:var(--white);
    border-radius:50px;

    box-shadow:
        0 10px 25px rgba(0,0,0,.08);
}

.host-highlight i{
    color:var(--primary-gold);
}

.host-social{
    display:flex;
    gap:1rem;
    margin-top:2rem;
}

.host-social a{
    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--midnight-black);
    color:var(--white);

    transition:var(--transition);
}

.host-social a:hover{
    background:var(--primary-gold);
    transform:translateY(-5px);
}


/*========================================*
* LISTEN PLATFORMS
*========================================*/

#listen-platforms{
    padding:7rem 0;
    background:var(--white);
}

.platforms-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:2rem;
    margin-top:4rem;
}

.platform-card{
    background:var(--podcast-off-white);

    border:1px solid rgba(0,0,0,.05);
    border-radius:20px;

    padding:3rem 2rem;

    text-align:center;

    box-shadow:
        0 12px 30px rgba(0,0,0,.08);

    transition:var(--transition);
}

.platform-card:hover{
    transform:translateY(-10px);

    box-shadow:
        0 20px 40px rgba(0,0,0,.15);
}

.platform-icon{
    width:90px;
    height:90px;

    margin:0 auto 1.8rem;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(
        135deg,
        var(--primary-gold),
        var(--dark-gold)
    );

    color:var(--white);
    font-size:2.4rem;
}

.platform-icon.youtube{
    background:#FF0000;
}

.platform-icon.apple{
    background:#1F1F1F;
}

.platform-icon.amazon{
    background:#146EB4;
}

.platform-card h3{
    color:var(--midnight-black);

    margin-bottom:1rem;
    font-size:1.4rem;
}

.platform-card p{
    color:var(--podcast-neutral-gray);

    font-size:.95rem;
    line-height:1.8;

    margin-bottom:2rem;
}


/*========================================*
* FEATURED VIDEO
*========================================*/

#featured-video{
    padding:7rem 0;
    background:var(--podcast-off-white);
}

.featured-video-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr;

    gap:5rem;
    align-items:center;
}

.featured-video-player{
    position:relative;
    overflow:hidden;

    border-radius:24px;

    box-shadow:
        0 20px 50px rgba(0,0,0,.15);
}

.featured-video-player img{
    width:100%;
    height:auto;
    display:block;

    transition:transform .5s ease;
}

.featured-video-player:hover img{
    transform:scale(1.04);
}

.video-play-btn{
    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:90px;
    height:90px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(184,134,11,.95);
    color:var(--white);

    font-size:2rem;

    transition:var(--transition);
}

.video-play-btn:hover{
    transform:translate(-50%,-50%) scale(1.08);

    background:var(--midnight-black);
}

.featured-video-content h2{
    font-size:2.7rem;
    color:var(--midnight-black);

    margin:1rem 0 2rem;
    line-height:1.3;
}

.featured-video-content p{
    color:var(--podcast-neutral-gray);
    line-height:1.9;

    margin-bottom:2rem;
}

.video-details{
    display:grid;
    grid-template-columns:1fr;

    gap:1rem;
    margin-bottom:2.5rem;
}

.video-details div{
    display:flex;
    align-items:center;

    gap:.75rem;

    color:var(--midnight-black);
    font-weight:600;
}

.video-details i{
    width:22px;
    color:var(--primary-gold);
}

.video-buttons{
    display:flex;
    gap:1rem;
    flex-wrap:wrap;
}


/*========================================*
* GUEST TESTIMONIALS
*========================================*/

#guest-testimonials{
    padding:6rem 0;
    background:#F8F9FC;
}

.testimonials-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:2rem;
    margin-top:3rem;
}

.testimonial-card{
    background:var(--white);

    border-radius:20px;

    padding:2.5rem;

    box-shadow:
        0 15px 35px rgba(0,0,0,.08);

    text-align:center;

    transition:var(--transition);
}

.testimonial-card:hover{
    transform:translateY(-8px);
}

.testimonial-image{
    width:90px;
    height:90px;

    margin:0 auto 1.5rem;
}

.testimonial-image img{
    width:100%;
    height:100%;

    border-radius:50%;

    object-fit:cover;
    display:block;
}

.testimonial-stars{
    display:flex;
    justify-content:center;

    gap:.3rem;
    margin-bottom:1rem;

    color:var(--primary-gold);
    font-size:1rem;
}

.testimonial-card p{
    line-height:1.8;

    color:var(--podcast-neutral-gray);

    margin-bottom:1.5rem;
}

.testimonial-card h3{
    color:var(--midnight-black);

    margin-bottom:.35rem;
    font-size:1.2rem;
}

.testimonial-card span{
    color:var(--primary-gold);
    font-weight:600;
}


/*========================================*
* BECOME A GUEST
*========================================*/

#become-guest{
    padding:7rem 0;

    background:
        linear-gradient(
            135deg,
            var(--midnight-black),
            #202020
        );
}

.guest-wrapper{
    max-width:950px;
    margin:auto;

    text-align:center;
}

.guest-wrapper h2{
    color:var(--white);

    font-size:2.8rem;
    margin:1rem 0 2rem;
}

.guest-wrapper p{
    color:#D5D5D5;

    font-size:1.1rem;
    line-height:1.9;

    max-width:760px;
    margin:0 auto 3rem;
}

.guest-benefits{
    display:grid;
    grid-template-columns:repeat(2,1fr);

    gap:1.5rem;
    margin-bottom:3rem;
}

.guest-benefit{
    display:flex;
    align-items:center;

    gap:1rem;

    padding:1.5rem;

    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.06);

    border-radius:18px;

    transition:var(--transition);
}

.guest-benefit:hover{
    background:rgba(255,255,255,.14);
    transform:translateY(-6px);
}

.guest-benefit i{
    width:35px;

    color:var(--primary-gold);
    font-size:1.5rem;
}

.guest-benefit span{
    color:var(--white);
    font-weight:600;
}

.guest-buttons{
    display:flex;
    justify-content:center;

    gap:1.5rem;
    flex-wrap:wrap;
}


/*========================================*
* PODCAST NEWSLETTER
*========================================*/

#podcast-newsletter{
    padding:7rem 0;
    background:var(--white);
}

.podcast-newsletter-wrapper{
    max-width:850px;
    margin:auto;

    padding:5rem;

    text-align:center;

    background:var(--podcast-off-white);

    border:1px solid rgba(0,0,0,.05);
    border-radius:25px;

    box-shadow:
        0 20px 45px rgba(0,0,0,.08);
}

.podcast-newsletter-wrapper h2{
    color:var(--midnight-black);

    font-size:2.8rem;

    margin:1rem 0 1.5rem;
}

.podcast-newsletter-wrapper p{
    max-width:650px;

    margin:0 auto 2.5rem;

    color:var(--podcast-neutral-gray);

    line-height:1.8;
}

.podcast-newsletter-form{
    display:flex;
    justify-content:center;
    align-items:center;

    gap:1rem;
    flex-wrap:wrap;
}

.podcast-newsletter-form input{
    flex:1;

    min-width:320px;

    padding:1.1rem 1.5rem;

    border:1px solid #DDD;
    border-radius:50px;

    background:var(--white);
    color:var(--midnight-black);

    font-size:1rem;
}

.podcast-newsletter-form input:focus{
    border-color:var(--primary-gold);

    box-shadow:
        0 0 18px rgba(184,134,11,.18);
}


/*========================================*
* SECONDARY BUTTON
*========================================*/

.btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:14px 30px;

    font-size:.95rem;
    font-weight:600;

    text-decoration:none;

    border:2px solid var(--primary-gold);
    border-radius:50px;

    background:transparent;
    color:var(--primary-gold);

    cursor:pointer;

    transition:var(--transition);
}

.btn-secondary:hover{
    background:var(--primary-gold);
    color:var(--white);

    transform:translateY(-2px);
}


/*========================================*
* PODCAST SCROLL REVEAL
*========================================*/

.podcast-reveal{
    opacity:0;
    transform:translateY(40px);

    transition:
        opacity .8s ease,
        transform .8s ease;
}

.podcast-reveal.show{
    opacity:1;
    transform:translateY(0);
}


/*========================================*
* TABLET — 992px
*========================================*/

@media (max-width:992px){

    .podcast-hero{
        min-height:82vh;
        padding:100px 0;
    }

    .podcast-hero-content{
        max-width:720px;
    }

    .podcast-hero-content h1{
        font-size:3.5rem;
    }

    .podcast-hero-content p{
        font-size:1.05rem;
    }

    .featured-episodes-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .platforms-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .testimonials-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .featured-video-grid{
        gap:3rem;
    }

}


/*========================================*
* MOBILE — 768px
*========================================*/

@media (max-width:768px){

    .podcast-hero{
        min-height:90vh;
        padding:110px 0 80px;
    }

    .podcast-hero-content{
        max-width:650px;
    }

    .podcast-hero-content h1{
        font-size:clamp(
            2.3rem,
            8vw,
            3.4rem
        );

        line-height:1.12;
    }

    .podcast-hero-content p{
        font-size:1rem;
        line-height:1.7;
        margin-bottom:30px;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .hero-buttons .btn-primary,
    .hero-buttons .btn-secondary{
        width:100%;
        max-width:240px;
    }

    .featured-grid{
        grid-template-columns:1fr;
        gap:2.5rem;
    }

    .featured-content{
        text-align:center;
    }

    .podcast-buttons{
        justify-content:center;
    }

    .about-podcast-grid{
        grid-template-columns:1fr;
        gap:3rem;
    }

    .about-podcast-content{
        text-align:center;
    }

    .about-podcast-content h2{
        font-size:2rem;
    }

    .podcast-host-grid{
        grid-template-columns:1fr;
        gap:3rem;

        text-align:center;
    }

    .podcast-host-image{
        width:min(100%,380px);
        margin:0 auto;
    }

    .host-highlights{
        justify-content:center;
    }

    .host-social{
        justify-content:center;
    }

    .featured-episodes-grid{
        grid-template-columns:1fr;
        gap:2rem;
    }

    .featured-episode-image{
        height:220px;
    }

    .featured-video-grid{
        grid-template-columns:1fr;
        gap:2.5rem;
    }

    .featured-video-content{
        text-align:center;
    }

    .video-buttons{
        justify-content:center;
    }

    .testimonials-grid{
        grid-template-columns:1fr;
        gap:1.8rem;
    }

    .guest-benefits{
        grid-template-columns:1fr;
    }

    .guest-buttons{
        flex-direction:column;
        align-items:center;
    }

    .guest-buttons .btn-primary,
    .guest-buttons .btn-secondary{
        width:100%;
        max-width:260px;
    }

    .platforms-grid{
        grid-template-columns:1fr;
    }

    .podcast-newsletter-wrapper{
        padding:3rem 1.5rem;
    }

    .podcast-newsletter-wrapper h2{
        font-size:2.2rem;
    }

    .podcast-newsletter-form{
        flex-direction:column;
    }

    .podcast-newsletter-form input{
        width:100%;
        min-width:0;
    }

    .podcast-newsletter-form .btn-primary{
        width:100%;
        max-width:260px;
    }

}


/*========================================*
* SMALL PHONES — 480px
*========================================*/

@media (max-width:480px){

    .podcast-hero{
        min-height:88vh;
        padding:100px 0 70px;
    }

    .podcast-hero-content h1{
        font-size:2.15rem;
    }

    .podcast-hero-content p{
        font-size:.92rem;
    }

    .featured-episode-image{
        height:190px;
    }

    .featured-episode-content{
        padding:1.6rem;
    }

    .featured-episode-content h3{
        font-size:1.3rem;
    }

    .featured-episode-meta{
        flex-direction:column;
        align-items:flex-start;
    }

    .podcast-newsletter-wrapper{
        padding:2.5rem 1rem;
        border-radius:20px;
    }

    .podcast-newsletter-wrapper h2{
        font-size:1.85rem;
    }

    .guest-wrapper h2{
        font-size:2.1rem;
    }

    .video-play-btn{
        width:70px;
        height:70px;
        font-size:1.5rem;
    }

}

/*========================================*
* PODCAST IMAGE RESPONSIVENESS
*========================================*/

.featured-image img,
.about-podcast-image img,
.podcast-host-image img,
.featured-video-player img{
    width:100%;
    height:auto;
    display:block;
}

.featured-episode-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.podcast-host-image{
    background:#202020;
}

.podcast-host-image img{
    object-fit:cover;
    object-position:center top;
}

.testimonial-image{
    overflow:hidden;
}

@media (max-width:768px){

    .podcast-host-image{
        width:min(100%,380px);
        margin:0 auto;
    }

    .featured-image img,
    .about-podcast-image img,
    .featured-video-player img{
        height:auto;
        object-fit:contain;
    }

}