button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.ph img,.cover img,.feat>img,.th img,.gi img,.igi img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}
.portrait .ph img{object-position:50% 20%}
.mono-img{width:46px;height:46px}
nav a:hover,nav a.on{color:var(--gold)}
.bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);border-radius:3px;z-index:1}.bar::after{display:none}
.float.r .row a:hover{text-decoration:underline}
.tr{cursor:pointer}.tr .prog{display:none}
.tr.on .prog{display:block}.tr.on .prog::after{display:none}
.tr .prog i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);border-radius:3px}
.tr .ic:hover{color:var(--gold)}
.tr.playing .pb svg use{}
.vinyl{transition:right .6s}.playing-now .vinyl{animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.feat{cursor:pointer;background:#000}.feat>img{position:absolute;inset:0}.feat iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5}
.vlist{max-height:600px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--velvet) transparent}
.vi{text-align:left;width:100%;cursor:pointer}.vi:hover{background:rgba(var(--surface-rgb),.5)}
.vi .th{position:relative;height:86px;border-radius:12px;overflow:hidden}
.vi .th .mp{position:absolute;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(var(--surface-rgb),.65);display:flex;align-items:center;justify-content:center;color:var(--gold);right:8px;bottom:8px}.vi .th .mp svg{width:10px;height:10px;margin-left:2px}
.gi{display:block;border-radius:20px;overflow:hidden;cursor:zoom-in}.gi img{transition:transform .5s}.gi:hover img{transform:scale(1.05)}
.gi.hidden{display:none}.stag.all .gi.hidden{display:block;height:300px}
.stag.all{grid-template-columns:repeat(4,1fr)}
.igi{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;display:block}.igi .ic{position:absolute;right:12px;top:12px;color:var(--on-accent);z-index:2}.igi .ic svg{width:18px;height:18px}
.lb{position:fixed;inset:0;background:rgba(14,8,17,.94);z-index:100;display:none;align-items:center;justify-content:center}.lb.on{display:flex}
.lb img{max-width:92vw;max-height:88vh;border-radius:12px}
.lb button{position:absolute;color:var(--gold-l);font-size:44px;width:60px;height:60px}.lb-x{top:16px;right:16px}.lb-p{left:10px}.lb-n{right:10px}
@media (max-width:760px){
 .mono-img{width:40px;height:40px}
 nav.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:0;background:var(--plum);padding:10px 20px;border-bottom:1px solid var(--line)}
 nav.open a{padding:14px 0;border-bottom:1px solid rgba(var(--accent-rgb),.12)}
 .vi .th{height:70px}.vlist{max-height:460px}
 .tr .ic{display:flex!important;justify-content:center}.tr{grid-template-columns:24px 40px 1fr 40px 24px}.tr .du{display:none}
 .tr.on .prog{grid-column:3/6}
 .stag.all{grid-template-columns:1fr 1fr}.stag.all .col{display:flex!important}
 .gi{border-radius:14px}
}
.burger{border:1px solid var(--line)!important}.burger svg{display:block}
.cover{overflow:hidden}.cover .tag{z-index:3;left:16px;top:16px}
.f-contact{margin-top:26px;font-size:14px;color:var(--gold-l)}.f-contact span{color:var(--muted)}.ci a:hover,.f-contact a:hover{color:var(--gold)}
/* ===== soft pink palette ===== */
/* palette vars live in theme.css */
body{background:var(--p2);color:var(--text)}
.hero{background:radial-gradient(ellipse 60% 55% at 50% 42%,var(--glow) 0%,rgba(var(--p1-rgb),.6) 40%,transparent 70%),linear-gradient(180deg,var(--p1),var(--p2))}
.about{background:var(--p1);color:var(--text)}
.music{background:radial-gradient(ellipse 50% 60% at 15% 40%,rgba(var(--hi-rgb),.45),transparent 70%),var(--p3)}
.video{background:var(--p2)}
.gallery{background:var(--p1);color:var(--text)}
.insta{background:linear-gradient(180deg,var(--p1),var(--p3))}
.invite{background:radial-gradient(ellipse 50% 70% at 85% 30%,rgba(var(--hi-rgb),.4),transparent 70%),var(--p2)}
footer{background:var(--p3);border-top-color:rgba(var(--accent-rgb),.2)}

.btn-gold{color:var(--on-accent);box-shadow:0 14px 34px rgba(var(--accent-rgb),.28)}
.btn-dark,.ig-prof .btn{background:var(--rose)!important;color:var(--on-accent)!important}
.play,.tr.on .pb,.bigplay,.lang a.on,.cover .tag{color:var(--on-accent)!important}
.bigplay{box-shadow:0 0 0 14px rgba(var(--hi-rgb),.35),0 0 0 30px rgba(var(--hi-rgb),.15)}
.name h1{text-shadow:0 8px 30px rgba(var(--hi-rgb),.6)}
.hero .bigword{-webkit-text-stroke:1px rgba(var(--accent-rgb),.18)}
.feat .ov{background:linear-gradient(0deg,rgba(var(--text-rgb),.85) 0%,transparent 55%)}.feat .ov h3{color:var(--on-accent)}.feat .ov .k{color:var(--p1)}
.feat .yt{background:rgba(var(--surface-rgb),.85);color:var(--rose)}
.vi .th .mp{background:rgba(var(--surface-rgb),.9)}
.vinyl::after{background:radial-gradient(circle,var(--p2) 0 6px,var(--p3) 7px 100%)}
.ig-card{background:var(--card)}
.contact{background:linear-gradient(160deg,rgba(var(--hi-rgb),.55),rgba(var(--p3-rgb),.5))}
.lb{background:rgba(var(--text-rgb),.92)}.lb button{color:var(--p1)}
.portrait .ph,.cover{box-shadow:0 30px 70px rgba(var(--accent-rgb),.3)}
.tracks{background:rgba(var(--surface-rgb),.65)}
.float{background:rgba(var(--surface-rgb),.8)}
@media (max-width:760px){nav.open{background:var(--p1);box-shadow:0 20px 40px rgba(var(--accent-rgb),.15)}}
a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:8px}
.tracks{max-height:720px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--rose) transparent}
.cover .tag{left:16px;top:16px;background:var(--card)!important;color:var(--rose)!important;box-shadow:0 4px 14px rgba(var(--text-rgb),.25);text-transform:uppercase}
.cover .tag span{display:inline!important;position:static!important;color:inherit!important;font-size:inherit!important;letter-spacing:inherit!important;font-weight:inherit!important}
.cover::before{display:none}
.cover .tag{left:auto!important;right:16px}