
.swo-presenter-page{
    position:relative;
    width:100%;
    min-height:100vh;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(circle at 16% 20%,rgba(239,35,60,.13),transparent 31%),
        radial-gradient(circle at 84% 17%,rgba(0,216,231,.10),transparent 30%),
        radial-gradient(circle at 72% 82%,rgba(24,211,107,.05),transparent 27%),
        linear-gradient(90deg,#050506 0%,#050708 50%,#030607 100%);
}

.swo-presenter-page::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-4;
    pointer-events:none;
    opacity:.38;
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:clamp(38px,3vw,58px) clamp(38px,3vw,58px);
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.68),transparent 92%);
}

.swo-presenter-shell{
    width:100%;
    max-width:none;
    margin:0;
    padding:clamp(142px,17vh,190px) var(--swo-page-pad) clamp(42px,5vw,78px);
}

.swo-presenter-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(355px,28.5vw,590px);
    gap:clamp(32px,4vw,78px);
    align-items:end;
}

.swo-presenter-side{width:100%}

.swo-presenter-side .wave-qr-wrap.listen-live-wrap{
    position:relative;
    inset:auto;
    width:100%;
    max-width:none;
}

.swo-presenter-wave{
    position:relative;
    height:clamp(90px,11vh,145px);
    margin:clamp(22px,3vh,40px) 0 clamp(25px,3vw,42px);
    display:flex;
    align-items:center;
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}

.swo-presenter-wave::before{
    content:"";
    position:absolute;
    left:0;right:0;top:50%;
    height:2px;
    background:linear-gradient(90deg,var(--red),rgba(255,255,255,.6),var(--green));
}

.swo-presenter-wave-bars{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    gap:2px;
}

.swo-presenter-wave-bars i{
    flex:1;
    min-width:1px;
    height:calc(var(--h) * 1%);
    max-height:95%;
    transform-origin:center;
    border-radius:2px;
    background:currentColor;
    opacity:.76;
    box-shadow:0 0 6px currentColor;
    animation:swoPresenterEq 1.7s ease-in-out infinite alternate;
    animation-delay:calc(var(--d) * -1ms);
}

.swo-presenter-wave-bars i:nth-child(-n+42){color:rgba(239,35,60,.80)}
.swo-presenter-wave-bars i:nth-child(n+43):nth-child(-n+65){color:rgba(210,222,226,.42)}
.swo-presenter-wave-bars i:nth-child(n+66){color:rgba(24,211,107,.75)}

@keyframes swoPresenterEq{
    0%{transform:scaleY(.62);opacity:.55}
    100%{transform:scaleY(1.05);opacity:1}
}

.swo-presenter-feature{
    display:grid;
    grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);
    gap:clamp(24px,3.2vw,56px);
    align-items:stretch;
}

.swo-presenter-photo-card,
.swo-presenter-info-card,
.swo-presenter-interview{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    border-radius:26px;
    background:
        radial-gradient(circle at 100% 0%,rgba(0,216,231,.07),transparent 34%),
        linear-gradient(145deg,rgba(8,12,14,.97),rgba(3,6,7,.98));
    box-shadow:0 22px 60px rgba(0,0,0,.34);
}

.swo-presenter-photo-card::after,
.swo-presenter-info-card::after,
.swo-presenter-interview::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:3px;
    background:linear-gradient(90deg,var(--red),rgba(255,255,255,.45),var(--green));
}

.swo-presenter-photo-card{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:clamp(12px,1.2vw,18px);
}

.swo-presenter-photo{
    display:block;
    width:100%;
    height:auto;
    border-radius:18px;
    box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.swo-presenter-info-card{
    padding:clamp(25px,2.8vw,48px);
}

.swo-presenter-name{
    margin:8px 0 10px;
    color:#fff;
    font-size:clamp(38px,3.7vw,72px);
    line-height:.9;
    font-weight:1000;
    letter-spacing:-2.3px;
    text-transform:uppercase;
}

.swo-presenter-role{
    margin-bottom:24px;
    color:var(--swo-cyan);
    font-size:clamp(13px,.9vw,17px);
    line-height:1.35;
    font-weight:1000;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.swo-presenter-bio{
    color:var(--swo-muted);
    font-size:clamp(15px,1vw,18px);
    line-height:1.7;
}

.swo-presenter-bio p{margin:0 0 18px}
.swo-presenter-bio strong{color:#fff}
.swo-presenter-bio a{
    color:var(--swo-cyan);
    font-weight:900;
    text-decoration:none;
}

.swo-presenter-section{
    margin-top:clamp(34px,4vw,64px);
}

.swo-presenter-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
}

.swo-presenter-heading-rule{
    width:min(34vw,520px);
    height:2px;
    margin-bottom:8px;
    background:linear-gradient(90deg,var(--red),rgba(255,255,255,.35),var(--green));
}

.swo-presenter-shows{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(14px,1.6vw,24px);
}

.swo-presenter-show{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.13);
    border-radius:20px;
    background:rgba(255,255,255,.025);
    text-decoration:none;
    color:#fff;
    transition:transform .18s ease,border-color .18s ease;
}

.swo-presenter-show:hover{
    transform:translateY(-3px);
    border-color:rgba(0,216,231,.42);
}

.swo-presenter-show img{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}

.swo-presenter-show-title{
    padding:14px 16px 17px;
    color:#fff;
    font-size:13px;
    line-height:1.25;
    font-weight:1000;
    text-transform:uppercase;
}

.swo-presenter-interview{
    padding:clamp(24px,2.6vw,42px);
}

.swo-quickfire-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.swo-quickfire-item{
    padding:18px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:15px;
    background:rgba(255,255,255,.025);
}

.swo-quickfire-q{
    display:block;
    margin-bottom:7px;
    color:var(--swo-red);
    font-size:9px;
    font-weight:1000;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.swo-quickfire-a{
    color:#fff;
    font-size:14px;
    line-height:1.55;
    font-weight:700;
}

.swo-quickfire-quote{
    grid-column:1/-1;
    padding:22px;
    border-left:3px solid var(--swo-cyan);
    border-radius:0 15px 15px 0;
    background:rgba(0,216,231,.045);
}

.swo-quickfire-quote blockquote{
    margin:0;
    color:#fff;
    font-size:clamp(16px,1.1vw,20px);
    line-height:1.6;
    font-style:italic;
}

.swo-quickfire-quote cite{
    display:block;
    margin-top:10px;
    color:var(--swo-muted);
    font-style:normal;
    font-size:12px;
    font-weight:900;
}

.swo-presenter-back{
    margin-top:clamp(24px,3vw,42px);
    text-align:center;
}

.swo-presenter-back a{
    color:var(--swo-muted);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.3px;
    text-decoration:none;
    text-transform:uppercase;
}

@media(max-width:1100px){
    .swo-presenter-hero{grid-template-columns:1fr}
    .swo-presenter-side{width:min(100%,590px)}
    .swo-presenter-feature{grid-template-columns:1fr}
    .swo-presenter-photo-card{max-width:700px}
    .swo-presenter-shows{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767.98px){
    .swo-presenter-shell{padding:20px 14px 36px}
    .swo-presenter-hero{gap:25px}

    .swo-presenter-side{
        width:100%;
        display:flex;
        justify-content:center;
    }

    .swo-presenter-side .listen-live-wrap{width:min(100%,420px)}

    .swo-presenter-wave{
        height:95px;
        margin:18px 0 20px;
    }

    .swo-presenter-feature{gap:18px}

    .swo-presenter-photo-card,
    .swo-presenter-info-card,
    .swo-presenter-interview{border-radius:20px}

    .swo-presenter-photo-card{padding:10px}
    .swo-presenter-info-card{padding:22px 18px}

    .swo-presenter-heading{display:block}
    .swo-presenter-heading-rule{
        width:100%;
        margin-top:14px;
    }

    .swo-presenter-shows{grid-template-columns:1fr}
    .swo-quickfire-grid{grid-template-columns:1fr}
    .swo-quickfire-quote{grid-column:auto}
}
