/*
Theme Name: Pearce Joza Music
Theme URI: https://example.com/
Author: Pearce Joza
Description: Official artist website theme for Pearce Joza.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: pearce-joza-music
*/

:root{--bg:#07080b;--card:#101319;--card2:#151922;--line:#252b36;--text:#f7f8fb;--muted:#98a2b0;--accent:#b58cff;--accent2:#62e9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0,#312552 0,#11131b 28%,#07080b 65%);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}
.wrap{width:min(1160px,calc(100% - 36px));margin:auto}nav{height:74px;position:sticky;top:0;z-index:50;background:#07080bdd;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font:800 19px "Space Grotesk";letter-spacing:-.04em}.brand i{font-style:normal;color:var(--accent)}.navlinks{display:flex;gap:25px;font-size:13px;color:#adb5c1}.navlinks a:hover{color:#fff}
.hero{padding:82px 0 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #343a47;background:#11151d;padding:8px 12px;border-radius:99px;color:#dbe0e8;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}
h1{font:900 clamp(56px,9vw,105px)/.86 "Space Grotesk";letter-spacing:-.075em;margin:23px 0 25px}.grad{background:linear-gradient(100deg,#fff 25%,#d8c6ff 62%,#62e9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#aeb6c2;font-size:17px;line-height:1.7;max-width:650px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid #343b48;background:#12161e;border-radius:11px;padding:13px 17px;font-weight:800;font-size:13px}.btn.primary{background:#fff;color:#08090c;border-color:#fff}.btn:hover{transform:translateY(-2px)}
.visual{height:440px;border-radius:30px;border:1px solid #333946;background:linear-gradient(145deg,#191c27,#0c0e13);position:relative;overflow:hidden;box-shadow:0 35px 90px #0009}.visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-90px;top:-80px;background:radial-gradient(circle at 35% 35%,#fff 0,#b58cff 8%,#46326d 36%,transparent 70%);filter:blur(5px);opacity:.85}.visual:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-100px;bottom:-80px;background:radial-gradient(circle,#62e9ff 0,transparent 67%);opacity:.3}.visualtext{position:absolute;z-index:2;left:28px;bottom:28px}.visualtext span{font-size:11px;color:#929cac;text-transform:uppercase;letter-spacing:.14em}.visualtext strong{display:block;font:800 40px/1 "Space Grotesk";letter-spacing:-.05em;margin-top:7px}.visualtext small{display:block;color:#aeb6c2;margin-top:9px}
section{padding:70px 0}.head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.head h2{font:800 35px "Space Grotesk";letter-spacing:-.05em;margin:0}.head p{margin:0;color:var(--muted);max-width:560px;line-height:1.55}
.releasegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.release{background:linear-gradient(150deg,#151922,#0d1016);border:1px solid var(--line);border-radius:20px;padding:18px;transition:.2s}.release:hover{transform:translateY(-4px);border-color:#4a5160}.art{height:180px;border-radius:14px;margin-bottom:16px;padding:15px;display:flex;align-items:end;position:relative;overflow:hidden;font:900 28px/1 "Space Grotesk";letter-spacing:-.06em;background:#171b24}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08);transition:transform .35s ease}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#000b 100%)}.art span{position:relative;z-index:2;text-shadow:0 2px 12px #000}.release:hover .art img{transform:scale(1.04)}.z2 img{object-position:center}.z3 img{object-position:center}.ra img{object-position:center}.mix img{object-position:center}.release h3{font-size:16px;margin:0 0 5px}.release p{margin:0;color:var(--muted);font-size:12px}.release .spotify{display:inline-block;margin-top:14px;font-size:12px;font-weight:800}
.tools{display:flex;gap:10px;margin-bottom:16px}.search{flex:1;background:#0d1117;color:white;border:1px solid var(--line);padding:13px 15px;border-radius:11px;outline:none}.select{background:#0d1117;color:#d9dfe8;border:1px solid var(--line);padding:12px;border-radius:11px}.songs{display:grid;gap:8px}.song{display:grid;grid-template-columns:45px 48px 1fr 170px auto;gap:15px;align-items:center;background:#0c1016;border:1px solid #1e2530;border-radius:14px;padding:12px 14px}.song:hover{background:#111620}.num{color:#657080;font-weight:800}.songcover{width:48px;height:48px;border-radius:9px;object-fit:cover;border:1px solid #2a313d}.title{font-weight:800;font-size:14px}.by{font-size:11px;color:var(--muted);margin-top:4px}.era{font-size:11px;color:#7d8795}.play{background:#fff;color:#08090c;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800}
.contact{display:grid;grid-template-columns:1fr .75fr;gap:15px}.box{border:1px solid var(--line);background:#0d1117;border-radius:22px;padding:28px}.box h3{font:800 25px "Space Grotesk";margin:0 0 10px}.box p{color:#aab3c0;line-height:1.65}.email{display:inline-flex;margin-top:8px;padding:13px 15px;border:1px solid #414958;background:#151a23;border-radius:11px;font-weight:800}
footer{border-top:1px solid var(--line);padding:38px 0 60px;color:#737d8b;font-size:11px}
@media(max-width:850px){.hero{grid-template-columns:1fr}.releasegrid{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.navlinks{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1160px)}.releasegrid{grid-template-columns:1fr}.song{grid-template-columns:30px 44px 1fr auto}.songcover{width:44px;height:44px}.era{display:none}.hero{padding-top:55px}.visual{height:330px}}

.artist-photo{background:#111;isolation:isolate}
.artist-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0;filter:none}
.artist-photo .visualshade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.82) 100%);z-index:1}
.artist-photo .visualtext{z-index:2}