/* OptionRock / Artist access — restrained, editorial dark visual system.
   Scope every selector to this page to avoid touching the public catalog. */
.or-representatives-page{
    --or-ra-accent:#e83239;
    --or-ra-stroke:rgba(255,255,255,.105);
    --or-ra-muted:#a7a8ae;
    position:relative;
    isolation:isolate;
    color:#f4f3f1;
    padding:clamp(2.7rem,5.5vw,5.5rem) 0 clamp(3rem,6vw,6rem);
    background:
        radial-gradient(ellipse at 86% 0%,rgba(166,31,40,.105),transparent 37%),
        linear-gradient(180deg,#0b0b0e 0%,#0c0c0f 100%);
}
.or-representatives-page__inner{width:calc(100% - 2.5rem);max-width:1080px;margin:0 auto;}
.or-representatives-page__hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 190px;
    align-items:center;
    gap:clamp(1rem,4vw,4.2rem);
    padding:0 0 clamp(2.4rem,5vw,4.1rem);
    border-bottom:1px solid var(--or-ra-stroke);
}
.or-representatives-page__eyebrow,
.or-representatives-page__section-kicker,
.or-representatives-page__contact-label{
    color:var(--or-ra-accent);
    font-size:.7rem;
    line-height:1.5;
    font-weight:800;
    letter-spacing:.175em;
    text-transform:uppercase;
}
.or-representatives-page__eyebrow{display:flex;align-items:center;gap:.85rem;margin:0 0 1.15rem;}
.or-representatives-page__eyebrow-line{display:block;width:29px;height:2px;background:var(--or-ra-accent);}
.or-representatives-page h1{
    margin:0;
    color:#fff;
    font-family:"Barlow Condensed","Arial Narrow",sans-serif;
    font-size:clamp(3.5rem,8vw,6.65rem);
    font-weight:800;
    letter-spacing:-.025em;
    line-height:.99;
    text-transform:uppercase;
}
.or-representatives-page__lead{
    max-width:670px;
    margin:1.5rem 0 0;
    color:#e8e7e8;
    font-size:clamp(1.06rem,1.6vw,1.3rem);
    font-weight:500;
    line-height:1.65;
}
.or-representatives-page__hero-caption{
    margin:.8rem 0 0;
    color:var(--or-ra-muted);
    font-size:.94rem;
    line-height:1.6;
}
.or-representatives-page__hero-mark{
    width:174px;
    height:174px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:1.15rem;
    border:1px solid rgba(232,50,57,.24);
    border-radius:50%;
    background:radial-gradient(circle,rgba(232,50,57,.095),rgba(18,18,21,.06) 67%);
    transform:rotate(-8deg);
}
.or-representatives-page__hero-mark-icon{
    color:#fff;
    font-family:"Barlow Condensed","Arial Narrow",sans-serif;
    font-size:4.2rem;
    font-weight:900;
    line-height:1;
    letter-spacing:-.08em;
}
.or-representatives-page__hero-mark>span:last-child{
    font-size:.57rem;
    line-height:1.35;
    letter-spacing:.15em;
    font-weight:800;
    text-align:center;
    color:#c4c3c8;
    max-width:125px;
}
.or-representatives-page__process{padding-top:clamp(2.2rem,4vw,3.6rem);}
.or-representatives-page__section-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1.5rem;
}
.or-representatives-page__section-kicker{margin:0 0 .45rem;}
.or-representatives-page h2{
    font-family:"Barlow Condensed","Arial Narrow",sans-serif;
    text-transform:uppercase;
    font-size:clamp(1.7rem,3.3vw,2.5rem);
    line-height:1.12;
    font-weight:750;
    letter-spacing:.012em;
    margin:0;
    color:#f6f5f5;
}
.or-representatives-page__section-count{
    color:#9d9da4;
    font-size:.86rem;
    white-space:nowrap;
    padding-bottom:.25rem;
}
.or-representatives-page__steps{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    list-style:none;
    padding:0;
    margin:0;
    counter-reset:none;
}
.or-representatives-page__step{
    min-height:177px;
    display:flex;
    gap:1.15rem;
    align-items:flex-start;
    padding:clamp(1.25rem,2vw,1.7rem);
    background:linear-gradient(140deg,#1a1a1e 0%,#141417 95%);
    border:1px solid var(--or-ra-stroke);
    border-radius:9px;
    box-shadow:0 6px 20px rgba(0,0,0,.08);
    transition:border-color .2s ease,background-color .2s ease;
}
.or-representatives-page__step:hover{border-color:rgba(232,50,57,.32);}
.or-representatives-page__step-number{
    flex:none;
    color:var(--or-ra-accent);
    font-family:"Barlow Condensed","Arial Narrow",sans-serif;
    font-size:2.05rem;
    font-weight:800;
    line-height:1;
    letter-spacing:-.015em;
    padding-top:.05rem;
}
.or-representatives-page .or-representatives-page__step h3{
    margin:0 0 .5rem;
    font-family:"Barlow Condensed","Arial Narrow",sans-serif;
    font-size:1.48rem;
    font-weight:700;
    line-height:1.16;
    letter-spacing:.018em;
    color:#f6f6f8;
}
.or-representatives-page__step p{
    margin:0;
    color:#bfc0c5;
    font-size:.94rem;
    line-height:1.65;
}
.or-representatives-page__contact{
    display:flex;
    gap:1.2rem;
    align-items:center;
    margin-top:2rem;
    padding:clamp(1.4rem,3vw,2.15rem);
    border:1px solid rgba(232,50,57,.28);
    border-radius:9px;
    background:linear-gradient(108deg,rgba(121,25,32,.17),rgba(24,19,23,.75) 60%,#151417);
}
.or-representatives-page__contact-indicator{
    align-self:stretch;
    flex:none;
    width:3px;
    border-radius:20px;
    background:var(--or-ra-accent);
}
.or-representatives-page__contact-copy{flex:1;min-width:0;}
.or-representatives-page__contact-label{margin:0 0 .55rem;}
.or-representatives-page__contact h2{font-size:clamp(1.45rem,2.6vw,2rem);}
.or-representatives-page__contact p:last-child{
    max-width:650px;
    margin:.55rem 0 0;
    color:#c5c4ca;
    font-size:.94rem;
    line-height:1.65;
}
.or-representatives-page__contact-status{
    flex:none;
    padding:.65rem .83rem;
    border:1px solid rgba(255,255,255,.15);
    border-radius:4px;
    color:#d9d6d7;
    background:rgba(255,255,255,.04);
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.13em;
    white-space:nowrap;
}
.or-representatives-page__contact-button{
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.7rem;
    min-height:44px;
    padding:.7rem 1.05rem;
    border-radius:5px;
    font-size:.9rem;
    font-weight:750;
    text-decoration:none;
    color:#fff;
    background:#cf2931;
    transition:background-color .2s ease,transform .2s ease;
}
.or-representatives-page__contact-button:hover,
.or-representatives-page__contact-button:focus-visible{background:#ef3942;color:#fff;transform:translateY(-1px);}
.or-representatives-page__assurance{
    display:flex;
    gap:1.5rem;
    margin-top:1.25rem;
    padding:1.1rem 1.2rem;
    border:1px solid var(--or-ra-stroke);
    border-radius:7px;
    background:rgba(255,255,255,.025);
}
.or-representatives-page__assurance-heading{
    flex:none;
    display:flex;
    align-items:flex-start;
    gap:.6rem;
    color:#dbdae0;
    font-size:.88rem;
    min-width:105px;
}
.or-representatives-page__assurance-heading span{
    display:inline-grid;
    place-items:center;
    width:21px;
    height:21px;
    border:1px solid #7e8089;
    border-radius:50%;
    font-size:.75rem;
    font-weight:800;
    font-style:italic;
}
.or-representatives-page__assurance p{
    margin:0;
    font-size:.86rem;
    line-height:1.7;
    color:#a9abb2;
}
.or-representatives-page__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-top:2.1rem;
}
.or-representatives-page__back{
    display:inline-flex;
    align-items:center;
    gap:.65rem;
    color:#efedf0;
    font-size:.9rem;
    font-weight:700;
    text-decoration:none;
    border-bottom:1px solid rgba(232,50,57,.6);
    padding:.5rem 0;
    transition:color .2s ease,border-color .2s ease;
}
.or-representatives-page__back>span{color:var(--or-ra-accent);font-size:1.2rem;}
.or-representatives-page__back:hover,.or-representatives-page__back:focus-visible{color:#fff;border-color:#fff;}
.or-representatives-page__bottom-label{
    font-family:"Barlow Condensed","Arial Narrow",sans-serif;
    font-weight:800;
    letter-spacing:.18em;
    font-size:.8rem;
    color:#6c6c74;
}
.or-footer__artists{opacity:.78;font-size:.85rem;}
.or-footer__artists:hover,.or-footer__artists:focus-visible{opacity:1;}
@media (max-width:760px){
    .or-representatives-page__hero{grid-template-columns:1fr;gap:0;}
    .or-representatives-page__hero-mark{display:none;}
    .or-representatives-page__steps{grid-template-columns:1fr;}
    .or-representatives-page__step{min-height:0;}
    .or-representatives-page__contact{align-items:flex-start;flex-wrap:wrap;}
    .or-representatives-page__contact-status,.or-representatives-page__contact-button{margin-left:15px;}
}
@media (max-width:480px){
    .or-representatives-page__inner{width:calc(100% - 2rem);}
    .or-representatives-page{padding-top:2.2rem;}
    .or-representatives-page h1{font-size:clamp(3.3rem,14vw,4.8rem);}
    .or-representatives-page__section-count{display:none;}
    .or-representatives-page__step{padding:1.15rem;gap:.85rem;}
    .or-representatives-page__step-number{font-size:1.8rem;}
    .or-representatives-page__assurance{flex-direction:column;gap:.65rem;}
}
@media (prefers-reduced-motion:reduce){
    .or-representatives-page__step,.or-representatives-page__back,.or-representatives-page__contact-button{transition:none;}
}