.v35-discovery{
    width:min(1240px,calc(100% - 32px));
    margin:36px auto 180px;
}

.v35-heading{
    margin-bottom:20px;
}

.v35-heading small{
    color:#9a948d;
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
}

.v35-heading h2{
    margin:8px 0 0;
    font-size:clamp(40px,6vw,68px);
    letter-spacing:-.065em;
    line-height:.95;
}

.v35-hero{
    min-height:270px;
    padding:27px;
    border-radius:34px;
    background:#171513;
    color:white;
    margin-bottom:32px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:24px;
    align-items:end;
    overflow:hidden;
    position:relative;
}

.v35-hero::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-120px;
    top:-180px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(222,81,62,.48),
        transparent 65%
    );
}

.v35-hero-content{
    position:relative;
    z-index:2;
}

.v35-hero-tag{
    color:#e3ad42;
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
}

.v35-hero h3{
    max-width:760px;
    margin:12px 0 8px;
    font-size:clamp(34px,5vw,61px);
    letter-spacing:-.06em;
    line-height:.96;
}

.v35-hero p{
    margin:0;
    color:#aaa29c;
}

.v35-hero-action{
    position:relative;
    z-index:2;
    min-width:55px;
    height:55px;
    border-radius:20px;
    border:0;
    background:#fff;
    color:#171513;
    cursor:pointer;
    font-size:18px;
}

.v35-section{
    margin-top:34px;
}

.v35-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:12px;
}

.v35-section-head h3{
    margin:0;
    font-size:26px;
    letter-spacing:-.045em;
}

.v35-section-head span{
    color:#98928b;
    font-size:9px;
}

.v35-row{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(240px,310px);
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    padding-bottom:5px;
}

.v35-row::-webkit-scrollbar{
    display:none;
}

.v35-item{
    min-height:230px;
    padding:18px;
    border-radius:26px;
    background:#fff;
    border:1px solid rgba(20,18,16,.07);
    scroll-snap-align:start;
    display:flex;
    flex-direction:column;
    cursor:pointer;
    transition:
        transform .15s ease,
        box-shadow .15s ease;
}

.v35-item:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 45px rgba(30,25,21,.09);
}

.v35-item-index{
    color:#aaa49d;
    font-size:9px;
    font-weight:900;
}

.v35-item.live .v35-item-index{
    color:#df4f3d;
}

.v35-item h4{
    margin:30px 0 6px;
    font-size:21px;
    letter-spacing:-.045em;
}

.v35-item p{
    margin:0;
    color:#77716b;
    font-size:10px;
    line-height:1.45;
}

.v35-item-bottom{
    margin-top:auto;
    padding-top:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.v35-score{
    padding:6px 9px;
    border-radius:999px;
    background:#efede8;
    font-size:8px;
}

.v35-listen{
    width:36px;
    height:36px;
    border:0;
    border-radius:13px;
    background:#171513;
    color:white;
    display:grid;
    place-items:center;
}

.v35-empty{
    min-height:130px;
    display:flex;
    align-items:center;
    padding:20px;
    border-radius:25px;
    background:#fff;
    color:#88827b;
    font-size:11px;
}

.v35-moment{
    background:#f4e4dc;
}

.v35-moment .v35-listen{
    background:#c85d4b;
}

.v35-continue{
    margin-top:35px;
    display:none;
}

.v35-continue.visible{
    display:block;
}

.v35-continue-card{
    padding:18px;
    border-radius:27px;
    background:#ded6f3;
    display:flex;
    align-items:center;
    gap:14px;
}

.v35-continue-play{
    width:50px;
    height:50px;
    border:0;
    border-radius:18px;
    background:#171513;
    color:white;
    cursor:pointer;
}

.v35-continue-copy{
    min-width:0;
    flex:1;
}

.v35-continue-copy strong,
.v35-continue-copy span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.v35-continue-copy span{
    margin-top:4px;
    color:#665f73;
    font-size:10px;
}

@media(max-width:650px){
    .v35-hero{
        grid-template-columns:1fr;
    }

    .v35-hero-action{
        justify-self:start;
    }

    .v35-row{
        grid-auto-columns:82vw;
    }
}