/*==================================================
  CSP MUSIC GROUP — ABOUT EXECUTIVE PROFILE
  Restrained executive presentation. About-only styles.
  Homepage/global components remain untouched.
==================================================*/

.page-about{
    background:#060606;
    color:#fff;
}

.page-about .about-executive{
    overflow:hidden;
    background:#060606;
    font-family:Inter,Arial,sans-serif;
}

.page-about .about-executive__shell{
    width:min(1180px,90%);
    margin:0 auto;
}

.page-about .about-executive__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#d71920;
    font-size:.66rem;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.page-about .about-executive__eyebrow::before{
    content:"";
    width:26px;
    height:1px;
    background:rgba(215,25,32,.9);
}

.page-about .about-executive h1,
.page-about .about-executive h2,
.page-about .about-executive h3,
.page-about .about-executive strong{
    font-family:Inter,Arial,sans-serif;
}

.page-about .about-executive h1,
.page-about .about-executive h2,
.page-about .about-executive h3{
    text-transform:none;
}

.page-about .about-executive h1 span,
.page-about .about-executive h2 span{
    color:#d71920;
}

/* HERO */
.page-about .about-executive__hero{
    position:relative;
    padding:146px 0 0;
    background:
        radial-gradient(circle at 84% 12%,rgba(150,17,22,.09),transparent 28%),
        linear-gradient(135deg,#0c0c0c 0%,#070707 58%,#040404 100%);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.page-about .about-executive__hero::before{
    display:none;
}

.page-about .about-executive__hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
    gap:92px;
    align-items:start;
    padding-bottom:86px;
}

.page-about .about-executive__hero-copy{
    padding-top:7px;
}

.page-about .about-executive__hero h1{
    max-width:570px;
    margin:22px 0 0;
    color:#f4f4f4;
    font-size:clamp(40px,4.15vw,62px);
    font-weight:600;
    line-height:1.03;
    letter-spacing:-.045em;
}

.page-about .about-executive__hero-intro{
    padding:4px 0 0 38px;
    border-left:1px solid rgba(215,25,32,.38);
}

.page-about .about-executive__hero-intro p{
    max-width:610px;
    margin:0 0 15px;
    color:#9e9e9e;
    font-size:15px;
    line-height:1.78;
}

.page-about .about-executive__hero-intro p:first-child{
    margin-bottom:22px;
    color:#e4e4e4;
    font-size:20px;
    font-weight:500;
    line-height:1.55;
}

.page-about .about-executive__hero-intro p:last-child{
    margin-bottom:0;
}

.page-about .about-executive__hero-meta{
    border-top:1px solid rgba(255,255,255,.07);
    background:#080808;
}

.page-about .about-executive__meta-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.page-about .about-executive__meta-row span{
    padding:19px 24px;
    color:#858585;
    font-size:.62rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    border-left:1px solid rgba(255,255,255,.065);
}

.page-about .about-executive__meta-row span:first-child{
    padding-left:0;
    border-left:0;
}

/* FOUNDER / EXECUTIVE PROFILE */
.page-about .about-executive__founder{
    padding:118px 0 128px;
    background:#080808;
}

.page-about .about-executive__founder-grid{
    width:min(1280px,92%);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
    gap:84px;
    align-items:start;
}

.page-about .about-executive__portrait{
    position:sticky;
    top:108px;
    margin:0;
    overflow:hidden;
    aspect-ratio:4 / 5;
    max-height:760px;
    background:#0b0b0b;
    border:1px solid rgba(255,255,255,.07);
}

.page-about .about-executive__portrait::after{
    content:"";
    position:absolute;
    inset:66% 0 0;
    background:linear-gradient(180deg,transparent,rgba(3,3,3,.84));
    pointer-events:none;
}

.page-about .about-executive__portrait img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
}

.page-about .about-executive__portrait figcaption{
    position:absolute;
    z-index:2;
    left:28px;
    right:28px;
    bottom:26px;
    color:#f2f2f2;
    font-size:19px;
    font-weight:600;
    line-height:1.25;
}

.page-about .about-executive__portrait figcaption span{
    display:block;
    margin-top:6px;
    color:#c8c8c8;
    font-size:.62rem;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.page-about .about-executive__founder-copy{
    max-width:700px;
    padding:8px 0 0;
}

.page-about .about-executive__founder-copy h2{
    margin:17px 0 7px;
    color:#f2f2f2;
    font-size:clamp(38px,3.7vw,52px);
    font-weight:600;
    line-height:1.06;
    letter-spacing:-.035em;
}

.page-about .about-executive__role{
    margin:0 0 38px !important;
    color:#d71920 !important;
    font-size:.67rem !important;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.page-about .about-executive__founder-copy > p{
    max-width:680px;
    margin:0 0 17px;
    color:#9d9d9d;
    font-size:15.5px;
    line-height:1.82;
}

.page-about .about-executive__founder-copy > p:nth-of-type(2){
    color:#c8c8c8;
    font-size:16.5px;
}

.page-about .about-executive__founder-copy > p:nth-last-child(1){
    margin-top:28px;
    padding-top:24px;
    color:#d0d0d0;
    border-top:1px solid rgba(255,255,255,.09);
}

/* RECOGNITION */
.page-about .about-executive__recognition{
    padding:112px 0 122px;
    background:#050505;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
}

.page-about .about-executive__recognition-grid{
    display:grid;
    grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);
    gap:92px;
    align-items:start;
}

.page-about .about-executive__recognition-heading{
    position:sticky;
    top:112px;
}

.page-about .about-executive__recognition-heading h2{
    max-width:430px;
    margin:18px 0 0;
    color:#ededed;
    font-size:clamp(33px,3.1vw,44px);
    font-weight:600;
    line-height:1.1;
    letter-spacing:-.03em;
}

.page-about .about-executive__recognition-copy{
    max-width:700px;
    padding-left:34px;
    border-left:1px solid rgba(255,255,255,.075);
}

.page-about .about-executive__recognition-copy p{
    margin:0 0 20px;
    color:#999;
    font-size:15.5px;
    line-height:1.84;
}

.page-about .about-executive__recognition-copy p:first-child{
    color:#dedede;
    font-size:18px;
    font-weight:500;
    line-height:1.6;
}

.page-about .about-executive__recognition-copy strong{
    color:#dedede;
    font-weight:600;
}

/* TEAM */
.page-about .about-executive__team{
    padding:118px 0 126px;
    background:
        radial-gradient(circle at 8% 8%,rgba(145,17,22,.055),transparent 26%),
        #080808;
}

.page-about .about-executive__team-head{
    display:grid;
    grid-template-columns:280px minmax(0,1fr);
    gap:70px;
    align-items:end;
    padding-bottom:48px;
    border-bottom:1px solid rgba(255,255,255,.085);
}

.page-about .about-executive__team-head h2{
    max-width:690px;
    margin:0;
    color:#efefef;
    font-size:clamp(36px,3.6vw,50px);
    font-weight:600;
    line-height:1.07;
    letter-spacing:-.035em;
}

.page-about .about-executive__team-body{
    max-width:980px;
    margin:0 0 0 auto;
    columns:2;
    column-gap:72px;
    padding-top:52px;
}

.page-about .about-executive__team-body p{
    break-inside:avoid;
    margin:0 0 19px;
    color:#969696;
    font-size:15px;
    line-height:1.82;
}

.page-about .about-executive__team-body p:first-child{
    color:#cfcfcf;
    font-size:16.5px;
}

.page-about .about-executive__team-body strong{
    color:#e6e6e6;
    font-weight:600;
}

/* LEGACY / INSTITUTIONAL CREDIBILITY */
.page-about .about-executive__legacy{
    padding:118px 0 126px;
    background:#050505;
}

.page-about .about-executive__legacy-head{
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:70px;
    align-items:end;
    padding-bottom:50px;
}

.page-about .about-executive__legacy-head h2{
    max-width:730px;
    margin:0;
    color:#efefef;
    font-size:clamp(36px,3.6vw,50px);
    font-weight:600;
    line-height:1.07;
    letter-spacing:-.035em;
}

.page-about .about-executive__legacy-grid{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
    gap:84px;
    padding-top:54px;
    border-top:1px solid rgba(255,255,255,.085);
}

.page-about .about-executive__legacy-copy{
    max-width:660px;
}

.page-about .about-executive__legacy-copy p{
    margin:0 0 19px;
    color:#979797;
    font-size:15px;
    line-height:1.83;
}

.page-about .about-executive__legacy-copy p:first-child{
    color:#cecece;
    font-size:16.5px;
}

.page-about .about-executive__legacy-copy strong{
    color:#e5e5e5;
    font-weight:600;
}

.page-about .about-executive__milestones{
    align-self:start;
    border-top:1px solid rgba(255,255,255,.1);
}

.page-about .about-executive__milestone,
.page-about .about-executive__milestone--wide{
    display:grid;
    grid-template-columns:125px minmax(0,1fr);
    gap:28px;
    align-items:baseline;
    padding:21px 0;
    border-bottom:1px solid rgba(255,255,255,.085);
}

.page-about .about-executive__milestone strong{
    color:#f0f0f0;
    font-size:24px;
    font-weight:600;
    line-height:1.1;
}

.page-about .about-executive__milestone span{
    color:#818181;
    font-size:.68rem;
    font-weight:600;
    line-height:1.55;
    letter-spacing:.07em;
    text-transform:uppercase;
}

/* PURPOSE / CLOSE */
.page-about .about-executive__purpose{
    padding:112px 0 120px;
    background:#090909;
    border-top:1px solid rgba(255,255,255,.065);
}

.page-about .about-executive__purpose::before{
    display:none;
}

.page-about .about-executive__purpose-inner{
    max-width:900px;
    margin:0 auto;
}

.page-about .about-executive__purpose h2{
    max-width:700px;
    margin:18px 0 0;
    color:#efefef;
    font-size:clamp(36px,3.7vw,50px);
    font-weight:600;
    line-height:1.08;
    letter-spacing:-.035em;
}

.page-about .about-executive__purpose-copy{
    max-width:690px;
    margin:40px 0 0 170px;
    padding-left:34px;
    border-left:1px solid rgba(215,25,32,.3);
}

.page-about .about-executive__purpose-copy p{
    margin:0 0 17px;
    color:#999;
    font-size:15px;
    line-height:1.82;
}

.page-about .about-executive__purpose-statement{
    margin:28px 0 !important;
}

.page-about .about-executive__purpose-statement strong{
    color:#ededed;
    font-size:21px;
    font-weight:600;
    line-height:1.35;
}

.page-about .about-executive__signature{
    display:flex;
    flex-direction:column;
    gap:5px;
    max-width:520px;
    margin:56px 0 0 170px;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.09);
}

.page-about .about-executive__signature strong{
    color:#efefef;
    font-size:19px;
    font-weight:600;
}

.page-about .about-executive__signature span{
    color:#777;
    font-size:.66rem;
    font-weight:600;
    letter-spacing:.09em;
    text-transform:uppercase;
}

/* RESPONSIVE */
@media(max-width:1050px){
    .page-about .about-executive__hero-grid{
        grid-template-columns:1fr;
        gap:48px;
    }

    .page-about .about-executive__hero h1{
        max-width:720px;
    }

    .page-about .about-executive__hero-intro{
        max-width:720px;
        padding-left:30px;
    }

    .page-about .about-executive__founder-grid{
        grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
        gap:58px;
    }

    .page-about .about-executive__recognition-grid,
    .page-about .about-executive__legacy-grid{
        gap:58px;
    }

    .page-about .about-executive__team-head,
    .page-about .about-executive__legacy-head{
        grid-template-columns:220px minmax(0,1fr);
        gap:50px;
    }
}

@media(max-width:820px){
    .page-about .about-executive__hero{
        padding-top:122px;
    }

    .page-about .about-executive__meta-row{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .page-about .about-executive__meta-row span:nth-child(3){
        padding-left:0;
        border-left:0;
        border-top:1px solid rgba(255,255,255,.065);
    }

    .page-about .about-executive__meta-row span:nth-child(4){
        border-top:1px solid rgba(255,255,255,.065);
    }

    .page-about .about-executive__founder,
    .page-about .about-executive__recognition,
    .page-about .about-executive__team,
    .page-about .about-executive__legacy,
    .page-about .about-executive__purpose{
        padding-top:88px;
        padding-bottom:94px;
    }

    .page-about .about-executive__founder-grid,
    .page-about .about-executive__recognition-grid,
    .page-about .about-executive__team-head,
    .page-about .about-executive__legacy-head,
    .page-about .about-executive__legacy-grid{
        grid-template-columns:1fr;
        gap:42px;
    }

    .page-about .about-executive__portrait,
    .page-about .about-executive__recognition-heading{
        position:relative;
        top:auto;
    }

    .page-about .about-executive__portrait{
        width:min(540px,100%);
        max-height:none;
    }

    .page-about .about-executive__founder-copy{
        max-width:720px;
    }

    .page-about .about-executive__recognition-copy{
        padding-left:26px;
    }

    .page-about .about-executive__team-head,
    .page-about .about-executive__legacy-head{
        align-items:start;
    }

    .page-about .about-executive__team-body{
        margin:0;
        columns:1;
        max-width:720px;
    }

    .page-about .about-executive__purpose-copy,
    .page-about .about-executive__signature{
        margin-left:0;
    }
}

@media(max-width:560px){
    .page-about .about-executive__shell,
    .page-about .about-executive__founder-grid{
        width:88%;
    }

    .page-about .about-executive__hero{
        padding-top:108px;
    }

    .page-about .about-executive__hero-grid{
        gap:38px;
        padding-bottom:62px;
    }

    .page-about .about-executive__hero h1{
        font-size:38px;
        line-height:1.06;
    }

    .page-about .about-executive__hero-intro{
        padding-left:22px;
    }

    .page-about .about-executive__hero-intro p:first-child{
        font-size:18px;
    }

    .page-about .about-executive__meta-row{
        grid-template-columns:1fr;
    }

    .page-about .about-executive__meta-row span,
    .page-about .about-executive__meta-row span:first-child,
    .page-about .about-executive__meta-row span:nth-child(3){
        padding:16px 0;
        border-left:0;
        border-top:1px solid rgba(255,255,255,.06);
    }

    .page-about .about-executive__meta-row span:first-child{
        border-top:0;
    }

    .page-about .about-executive__portrait figcaption{
        left:20px;
        right:20px;
        bottom:20px;
        font-size:17px;
    }

    .page-about .about-executive__founder-copy h2,
    .page-about .about-executive__recognition-heading h2,
    .page-about .about-executive__team-head h2,
    .page-about .about-executive__legacy-head h2,
    .page-about .about-executive__purpose h2{
        font-size:34px;
    }

    .page-about .about-executive__recognition-copy,
    .page-about .about-executive__purpose-copy{
        padding-left:20px;
    }

    .page-about .about-executive__milestone,
    .page-about .about-executive__milestone--wide{
        grid-template-columns:95px minmax(0,1fr);
        gap:20px;
    }

    .page-about .about-executive__milestone strong{
        font-size:20px;
    }
}