@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ed;color:#203c34;font:17px/1.7 Arial,sans-serif}a{color:inherit}header,main,footer{max-width:1150px;margin:auto;padding:25px 30px}header{display:flex;justify-content:space-between;border-bottom:1px solid #ccd3c7;align-items:center}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:14px}.brand{font-weight:700;font-size:24px;text-decoration:none}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(54px,7vw,88px);font-weight:500;margin:24px 0}h2{font-size:42px;font-weight:500}h3{font-size:24px}p,li{color:#52625a}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center;padding:55px 0 70px}.hero p{max-width:600px;font-size:19px}.art{background:#234e42;color:#d6ec8d;min-height:350px;border-radius:180px 180px 10px 10px;display:grid;place-content:center;position:relative;overflow:hidden;font-size:120px;letter-spacing:-12px}.art:before{content:'';position:absolute;inset:30px;border:1px solid #638570;border-radius:50%;transform:rotate(-30deg) scaleX(.6)}.art small{font-size:10px;letter-spacing:2px;text-align:center}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-block;background:#234e42;color:white;border:1px solid #234e42;padding:13px 20px;border-radius:5px;text-decoration:none;font-size:14px;cursor:pointer}.secondary{background:transparent;color:#234e42}.strip{border-block:1px solid #ccd3c7;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:13px}section{padding:55px 0;border-bottom:1px solid #ccd3c7}.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{border-top:1px solid #234e42;padding:20px 0}.tags{font-size:12px;letter-spacing:.04em}.feature{background:#234e42;padding:45px;color:#f5f3ed;border-radius:7px}.feature p{color:#d4dfd5}.feature .btn{background:#d6ec8d;color:#203c34}.row{display:grid;grid-template-columns:210px 1fr;gap:35px;padding:25px 0;border-top:1px solid #ccd3c7}.row h3{margin:0 0 12px}.date{font-size:13px}.wave{display:flex;gap:5px;align-items:center;justify-content:center;height:160px}.wave i{width:5px;background:#d6ec8d;height:var(--h);border-radius:4px}.audio-art{border-radius:8px;font-size:16px}.education{display:grid;grid-template-columns:1fr 1fr;gap:35px}.education article{border-left:2px solid #234e42;padding-left:25px}footer{padding-top:55px;padding-bottom:35px}.email{font-size:clamp(16px,3vw,30px)}.small{font-size:12px}.resume{max-width:900px}.resume h1{font-size:55px}.resume h2{font-size:28px}.resume section{padding:22px 0}a:focus-visible,button:focus-visible{outline:3px solid #8ba63c;outline-offset:5px}@media(max-width:750px){header{flex-wrap:wrap;gap:15px}nav{gap:15px}.hero,.intro,.grid,.education,.row{grid-template-columns:1fr;gap:20px}.hero{padding-top:30px}.art{min-height:220px;max-width:340px;width:100%;margin:auto;font-size:90px}.strip{flex-wrap:wrap}h2{font-size:34px}.feature{padding:28px}section{padding:40px 0}}@media print{header,footer,.actions{display:none}body{background:white;font-size:11px}.resume{padding:0}.resume h1{font-size:30px}.resume h2{font-size:20px}.resume section{padding:10px 0}.row{break-inside:avoid;padding:10px 0}}
/* Coordinated navigation buttons */
header{gap:24px;padding-top:22px;padding-bottom:22px}nav{gap:8px;align-items:center}nav .nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #b8c6ba;border-radius:7px;background:#e9ede3;color:#234e42;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}nav .nav-button:hover{background:#dce6d2;border-color:#68816d;box-shadow:0 3px 8px #234e4210}nav .nav-button[aria-current="page"]{background:#234e42;color:#f5f3ed;border-color:#234e42}nav .nav-button[aria-current="page"]:hover{background:#183c32}nav .nav-button:focus-visible{outline:3px solid #8ba63c;outline-offset:3px}@media(max-width:750px){header{align-items:flex-start}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}nav .nav-button{padding:10px 7px;min-height:44px;font-size:12px;white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){nav .nav-button{transition:none}}

.music-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.music-heading h2{margin-bottom:15px}.music-intro{max-width:720px}.music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}.music-card{border:1px solid #cbd4c7;border-radius:10px;overflow:hidden;background:#ecefe6;box-shadow:0 5px 20px #234e4205}.music-video{aspect-ratio:16/9;min-height:200px;background:#142d26}.music-video iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.music-details{padding:24px}.music-details h3{margin:12px 0}.music-credit{font-size:14px;margin-bottom:20px}.music-credit strong{color:#234e42;font-weight:600}.music-controls{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.music-watch{font-size:13px;text-underline-offset:4px}.music-sound{min-width:100px;min-height:44px}.music-sound:disabled{opacity:.6;cursor:wait}.music-sound[aria-pressed="true"]{background:#234e42;color:#fff}.music-status{margin-bottom:0;min-height:21px}.music-card:last-child{grid-column:1/-1;max-width:760px;width:100%;justify-self:center}@media(max-width:750px){.music-heading{align-items:flex-start;flex-direction:column;gap:8px}.music-grid{grid-template-columns:1fr;gap:24px}.music-details{padding:20px}.music-card:last-child{max-width:none}}
/* Jaden Codlin — black / vermilion / chrome */
:root{--black:#0d0d0f;--panel:#171719;--white:#f5f4f1;--red:#ed343b;--line:#353538;--muted:#b8b7b9}body{background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}p,li{color:var(--muted)}a{color:inherit}header{max-width:1280px;border-color:var(--line);padding-block:25px;gap:35px}.brand{font-size:22px;letter-spacing:-1px}.brand::first-letter{color:var(--red)}main,footer{max-width:1180px}nav .nav-button{background:#1d1d20;border-color:#414145;color:#f5f4f1;border-radius:4px;font-size:12px;padding:11px 18px;letter-spacing:.02em}nav .nav-button:hover{background:#303034;border-color:#aaa9ad;box-shadow:0 4px 16px #0005}nav .nav-button[aria-current="page"],nav .nav-button[aria-current="page"]:hover{background:var(--red);border-color:var(--red);color:#fff}h1,h2,h3{font-family:Arial,Helvetica,sans-serif}h1{font-weight:800;font-size:clamp(58px,7.8vw,102px);letter-spacing:-.065em;line-height:.98}h2{font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-.05em}h3{font-weight:600;letter-spacing:-.03em}.eyebrow{color:var(--red);letter-spacing:.17em;font-size:10px}.hero{padding:80px 0 85px;gap:60px;position:relative}.hero:before{content:'';position:absolute;top:0;left:0;width:50px;height:3px;background:var(--red)}.hero p{font-size:18px;max-width:570px}.hero h1{margin-block:28px}.art{min-height:390px;border-radius:5px;background:radial-gradient(ellipse at 50% 30%,#3b3b40 0%,#18181b 48%,#0d0d0f 85%);border:1px solid #4a4a50;color:#e9e9ec;font-weight:800;font-size:145px;letter-spacing:-14px;text-shadow:0 2px 0 #777,0 -1px 0 #fff,0 9px 30px #000}.art:before{inset:18px;border:2px solid #9c9ca4;border-radius:50%;box-shadow:inset 1px 1px 2px #fff8,2px 2px 2px #0008;transform:rotate(-30deg) scaleX(.62)}.art:after{content:'';position:absolute;inset:18px;border:1px solid #64646b;border-radius:50%;transform:rotate(34deg) scaleX(.62);pointer-events:none}.art small{z-index:1;color:#e7e7ea;font-size:9px;letter-spacing:2px;text-shadow:none}.btn{background:var(--red);border-color:var(--red);color:#fff;border-radius:4px;padding:13px 22px;font-weight:600;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover{background:#ce202a;border-color:#ce202a;transform:translateY(-2px);box-shadow:0 6px 18px #ed343b20}.btn.secondary{background:transparent;border-color:#75757c;color:var(--white)}.btn.secondary:hover{background:#29292e;border-color:#e6e6ec}.strip{border-color:var(--line);color:#d2d1d3;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.intro{gap:80px}.card{border-color:#5e5e64;padding-top:24px}.card h3{font-size:26px}.tags{color:#e0dfe1}.feature{background:linear-gradient(115deg,#251014,#151517 75%);border:1px solid #6c3036;border-left:4px solid var(--red);border-radius:5px;padding:50px}.feature .eyebrow{color:#ff6970}.feature p{color:#c5bfc2}.feature .btn{background:var(--red);color:#fff}.row,section{border-color:var(--line)}.date{color:#aba9ae}.education article{border-color:var(--red)}footer{margin-top:25px;border-top:3px solid var(--red);padding-top:55px}.small{color:#aaa8ae}.email-button{font-size:14px}.audio-art{background:radial-gradient(ellipse at center,#38161b,#151517 70%);border-color:#644047;min-height:350px}.audio-art:before{border-color:#929298}.audio-art:after{border-color:#6f6f78}.wave{position:relative;z-index:1}.wave i{background:linear-gradient(to bottom,#f2f2f5 0%,#9c9ca3 35%,#f4f4f6 48%,#777780 65%,#ed343b 100%);box-shadow:0 0 12px #ed343b18}.music-heading{gap:40px}.music-heading h2{font-weight:800}.music-grid{gap:30px}.music-card{background:#171719;border-color:#39393e;border-radius:5px;box-shadow:none;transition:border-color .25s ease,transform .25s ease}.music-card:hover{border-color:#7a565b;transform:translateY(-3px)}.music-video{background:#050506;border-bottom:1px solid #333338}.music-details{padding:28px}.music-credit strong{color:#f0edef}.music-sound[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:white}.music-watch{color:#e7e5e8}.music-watch:hover{color:#ff6970}a:focus-visible,button:focus-visible,nav .nav-button:focus-visible{outline:3px solid #ff7077;outline-offset:4px}.resume h1{font-weight:800}.resume strong{color:#f5f4f1}@media(prefers-reduced-motion:no-preference){main>.hero{animation:entrance .7s ease both}main>section{animation:entrance .65s ease both}@keyframes entrance{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:750px){header{padding:22px 24px;gap:20px}.brand{font-size:20px}nav .nav-button{padding:10px 7px;font-size:11px}.hero{padding:45px 0 50px;gap:35px}.art{min-height:265px;font-size:110px;max-width:none}.audio-art{min-height:250px;font-size:16px}.hero h1{font-size:clamp(52px,12vw,80px)}.intro{gap:22px}.feature{padding:30px}.music-details{padding:22px}.strip{font-size:10px;gap:12px}.music-heading{gap:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:white!important;color:#111!important}p,li,.date,.eyebrow,.resume strong{color:#222!important}.education article{border-color:#222}.row,section{border-color:#ccc}h1,h2,h3{color:#111!important}}

/* Producer signature / chrome editorial typography */
body{font-family:'Space Grotesk',Arial,sans-serif}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}h1{font-size:clamp(68px,8.5vw,110px);font-weight:700;letter-spacing:-.025em;line-height:.93}h2{font-size:clamp(42px,5vw,64px);font-weight:600;letter-spacing:-.015em}h3{font-size:31px;letter-spacing:0}.identity-headline{font-weight:700}.chrome-text{color:#dedee5;background:linear-gradient(180deg,#fff 0%,#b8b8c4 28%,#fff 43%,#81818f 49%,#cbcbda 64%,#f4f4fa 85%,#a8a8b4 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #0008)}.brand{display:flex;gap:13px;align-items:center;font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.06em;font-size:20px;white-space:nowrap}.brand::first-letter{color:inherit}.brand-initials{font-weight:700;letter-spacing:-.12em;font-size:30px}.brand-initials>span,.brand-name>span{color:#ed343b}.brand-name{color:#f5f4f1;font-weight:600}.brand-divider{color:#66666f;font-weight:400}.persona-line{display:flex;gap:12px;align-items:center;color:#ddd9df;font-size:11px;letter-spacing:.06em;margin:24px 0}.red-rule{display:block;width:28px;height:2px;background:#ed343b;flex-shrink:0}.signature-art{position:relative;align-self:center;background:linear-gradient(140deg,#1c1c20,#111113 65%);border:1px solid #47474f;box-shadow:10px 10px 0 #0a0a0b,10px 10px 0 1px #343439;min-width:0;transform:rotate(-2deg);transition:transform .3s ease;overflow:hidden}.signature-art:hover{transform:rotate(0)}.signature-art:before{content:'';position:absolute;left:0;top:0;width:48px;height:3px;background:#ed343b}.signature-top,.signature-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px}.signature-top{font-size:8px;letter-spacing:.12em;color:#b2b0ba;border-bottom:1px solid #343438}.signature-top>span:first-child{color:#f3eef2;font-weight:700}.signature-svg{display:block;width:100%;height:auto;padding:12px 5px}.signature-bottom{border-top:1px solid #343438}.signature-script{font-family:'Barlow Condensed',Arial,sans-serif;font-size:26px;font-style:italic;letter-spacing:-.025em;color:#e7e7ee}.signature-label{font-size:8px;letter-spacing:.12em;color:#c1bec7}.social-links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.social-links a{display:inline-flex;align-items:center;gap:10px;border:1px solid #55555e;background:linear-gradient(125deg,#27272d,#18181c);padding:12px 16px;border-radius:4px;text-decoration:none;color:#eeeef3;font-size:12px;transition:border-color .2s,transform .2s}.social-links a:hover{border-color:#ed343b;transform:translateY(-2px)}.social-links svg{width:17px;height:17px;fill:none;stroke:#dedee6;stroke-width:1.7}.social-links a>span{margin-left:8px;color:#ff656c}.audio-art:before,.audio-art:after{display:none}.audio-art{background:linear-gradient(135deg,#232327,#101012);border-color:#51515c;border-radius:4px}.audio-art .wave{transform:skewX(-8deg)}.feature h2{font-size:clamp(44px,5vw,66px)}.card h3{font-size:31px}.music-heading h2{font-weight:700}.music-details h3{font-size:32px}.resume h1{font-family:'Space Grotesk',Arial,sans-serif}.resume h2{font-size:32px}.resume h3{font-size:28px}@media(max-width:750px){h1,.hero h1{font-size:clamp(61px,14vw,90px)}h2{font-size:44px}.brand{font-size:19px}.brand-initials{font-size:29px}.signature-art{max-width:480px;width:calc(100% - 10px);margin:8px auto 15px}.signature-top{padding:17px;font-size:8px}.signature-bottom{padding:18px}.persona-line{font-size:10px;line-height:1.6}.social-links{gap:8px}.social-links a{padding:11px 12px;font-size:11px}}@media(prefers-reduced-motion:reduce){.signature-art{transform:none}}@media print{.chrome-text{background:none!important;-webkit-text-fill-color:#111!important;color:#111!important;filter:none}.brand-name>span{color:#111}}

.chrome-art-title{display:block;max-width:570px;margin:0 0 20px -4px}.chrome-art-title img{display:block;width:100%;height:auto}.signature-image-wrap{position:relative;background:#080809}.signature-chrome-image{display:block;width:100%;height:auto}.signature-beats{display:flex;justify-content:center;align-items:center;gap:5px;height:100px;padding-bottom:18px;background:linear-gradient(#080809,#121215)}.signature-beats i{width:5px;height:var(--beat);border-radius:3px;background:linear-gradient(#fff,#757580 35%,#eaeaf0 50%,#676772 62%,#ed343b);box-shadow:0 0 8px #ff303315}.signature-art{transform:rotate(-1deg)}.identity-headline:has(.chrome-art-title){font-size:clamp(64px,7.5vw,96px)}@media(max-width:750px){.chrome-art-title{margin-bottom:22px}.identity-headline:has(.chrome-art-title){font-size:clamp(58px,13vw,84px)}.signature-beats{height:80px}}

/* One aligned headline stack at every viewport */
.identity-headline:has(.chrome-art-title){display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:570px;text-align:center;font-size:clamp(60px,6.9vw,88px);line-height:1.02;margin:26px 0 22px}.identity-headline .chrome-art-title{width:100%;max-width:none;margin:0 0 18px;line-height:0}.identity-headline .chrome-art-title img{display:block;width:100%;height:auto}.identity-headline .headline-line{display:block;max-width:100%;margin:0;white-space:nowrap}.hero:has(.chrome-art-title){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}@media(max-width:750px){.hero:has(.chrome-art-title){grid-template-columns:minmax(0,1fr)}.identity-headline:has(.chrome-art-title){max-width:570px;margin:24px auto 22px;font-size:clamp(45px,11.5vw,78px);line-height:1.02}.identity-headline .chrome-art-title{margin-bottom:16px}}

.rates-section{position:relative}.rates-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.rates-intro h2{margin-bottom:25px}.rates-intro>p{font-size:15px;max-width:420px}.rates-list{margin-top:24px;border-top:2px solid #ed343b}.rate-row{display:grid;grid-template-columns:40px minmax(0,1fr) 150px 125px;gap:24px;align-items:center;padding:26px 20px;border-bottom:1px solid #39393f;transition:background .2s}.rate-row:hover{background:#19191d}.rate-index{font-size:10px;color:#ef5960;letter-spacing:.12em}.rate-name h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:35px;margin:0;line-height:1}.rate-name p{font-size:11px;margin:8px 0 0;color:#aaa7b0;letter-spacing:.03em}.rate-price{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;font-size:40px;letter-spacing:-.07em;color:#f5f4f1;white-space:nowrap}.rate-price>span{font-size:23px;margin-right:3px;color:#d6d4dc;vertical-align:top;position:relative;top:7px}.rate-price small{font-size:9px;font-weight:400;letter-spacing:.08em;color:#a9a6af;margin-left:8px}.rate-row .btn{text-align:center;font-size:12px;padding:12px 16px}.rates-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:26px}.rates-bottom p{font-size:12px;max-width:520px}.rates-bottom .btn{white-space:nowrap}@media(max-width:750px){.rates-intro{grid-template-columns:1fr;gap:0}.rates-intro h2{font-size:44px}.rates-list{margin-top:22px}.rate-row{grid-template-columns:24px minmax(0,1fr) auto;gap:12px;padding:23px 5px}.rate-name h3{font-size:29px}.rate-price{font-size:33px}.rate-price>span{font-size:18px;top:6px}.rate-price small{font-size:8px;margin-left:5px}.rate-row .btn{grid-column:2/4;justify-self:start;margin-top:3px;padding:9px 16px}.rates-bottom{align-items:flex-start;flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){.rate-row{transition:none}}

.site-music-controls{position:fixed;z-index:40;right:18px;top:14px;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #66666f;border-radius:40px;background:#17171bef;box-shadow:0 4px 22px #0007;backdrop-filter:blur(12px)}header{padding-top:82px}.sound-control,.player-toggle{font-family:'Space Grotesk',Arial,sans-serif;border:0;cursor:pointer;color:#f5f4f1;background:transparent}.sound-control{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:30px;font-size:11px;font-weight:600}.sound-control:hover{background:#33333b}.sound-control svg{width:20px;height:20px;stroke:#f6f4fa;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sound-slash{display:none}.sound-muted .sound-slash{display:block;stroke:#ff646b}.sound-muted .sound-waves{display:none}.sound-control:disabled{opacity:.6}.player-toggle{font-size:10px;padding:9px 13px;border-left:1px solid #55555c}.site-music-dock{position:fixed;z-index:39;right:18px;top:77px;width:320px;background:#141417;border:1px solid #55555f;border-radius:7px;box-shadow:0 10px 35px #0008;overflow:hidden}.site-music-dock[hidden]{display:none}.site-music-dock iframe{display:block;width:100%;height:200px;border:0}.site-player-caption{padding:12px 15px}.site-player-caption p{font-size:10px;line-height:1.5;margin:5px 0 0}.playlist-links{display:flex;justify-content:space-between;padding:10px 15px;font-size:10px}.playlist-links a{text-decoration:none;color:#d6d4dc}@media(max-width:750px){.site-music-controls{right:10px;top:10px}.site-music-dock{top:70px;right:10px;max-width:calc(100vw - 20px)}header{padding-top:78px}}@media print{.site-music-controls,.site-music-dock{display:none!important}}

.site-music-dock{position:relative;inset:auto;width:320px;max-width:calc(100% - 48px);margin:0 auto 40px;box-shadow:none;scroll-margin-top:90px}.player-toggle{text-decoration:none;line-height:1.4}.site-music-controls .player-toggle:hover{color:#ff646b}@media(max-width:750px){.site-music-dock{top:auto;right:auto}}
/* Custom profile-era now-playing deck */
.site-music-controls.retro-player{top:0;left:0;right:0;width:100%;border-radius:0;display:flex;gap:14px;align-items:center;padding:10px max(18px,calc((100vw - 1220px)/2));background:linear-gradient(#34343b 0%,#202025 8%,#101013 70%,#24242a 100%);border:0;border-top:2px solid #ed343b;border-bottom:1px solid #686871;box-shadow:0 5px 20px #0006;min-height:76px}.retro-heading{font-size:9px;font-weight:700;letter-spacing:.12em;white-space:nowrap;color:#e6e4ed;display:flex;flex-wrap:wrap;gap:7px;width:110px;flex-shrink:0}.retro-dot{width:6px;height:6px;background:#ff343d;border-radius:50%;box-shadow:0 0 8px #ff343d}.retro-counter{display:block;width:100%;padding-left:13px;font-size:9px;color:#a6a2ad}.retro-display{display:flex;gap:12px;align-items:center;min-width:0;flex:1;background:linear-gradient(120deg,#09090a,#1c1519);border:1px solid #5a515a;border-radius:3px;box-shadow:inset 0 2px 6px #000;padding:9px 12px}.retro-track{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.retro-track>#now-title{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.retro-track>#now-artist{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9b4c0}.retro-credit{font-size:7px;letter-spacing:.06em;color:#b0a9b4;white-space:nowrap;display:flex;flex-direction:column;gap:2px;border-left:1px solid #54424a;padding-left:12px}.retro-credit strong{font-size:12px;letter-spacing:.1em;color:#ff5c64}.retro-meter{display:flex;align-items:flex-end;gap:2px;height:24px;flex-shrink:0}.retro-meter i{height:10px;width:3px;background:#ed343b}.retro-meter i:nth-child(2){height:20px}.retro-meter i:nth-child(3){height:14px}.retro-meter i:nth-child(4){height:24px}.retro-meter i:nth-child(5){height:17px}.is-playing .retro-meter i{animation:meter .8s ease-in-out infinite alternate}.is-playing .retro-meter i:nth-child(even){animation-delay:-.4s}@keyframes meter{to{transform:scaleY(.4)}}.retro-transport{display:flex;gap:4px}.retro-transport button{border:1px solid #85858d;border-radius:3px;background:linear-gradient(#e6e6ed,#91919d 48%,#62626e 52%,#b7b7c3);color:#131318;box-shadow:inset 0 1px 0 #fff9,0 2px 3px #0007;width:29px;height:28px;font-size:11px;cursor:pointer}.retro-transport button:hover{filter:brightness(1.2)}.retro-transport button:disabled{opacity:.4;cursor:wait}.retro-progress{width:90px;flex-shrink:0;display:flex;flex-direction:column;gap:5px}.retro-progress progress{appearance:none;width:100%;height:5px;border:0;background:#44424a;border-radius:2px}.retro-progress progress::-webkit-progress-bar{background:#44424a}.retro-progress progress::-webkit-progress-value{background:#f2424c}.retro-progress progress::-moz-progress-bar{background:#f2424c}.retro-progress span{font:9px monospace;color:#bdb8c6;white-space:nowrap}.retro-player .sound-control{font-size:10px;white-space:nowrap;padding:8px 10px;border:1px solid #655d68;background:#232027;border-radius:4px}.retro-player .player-toggle{padding:6px;font-size:9px}.playlist-links{gap:8px;flex-wrap:wrap}header{padding-top:105px}html{scroll-padding-top:100px}@media(max-width:1000px){.retro-progress{display:none}.retro-heading{width:90px}.site-music-controls.retro-player{gap:9px}}@media(max-width:750px){.site-music-controls.retro-player{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px 12px;min-height:110px}.retro-heading{grid-column:1;grid-row:1;width:auto;font-size:8px;align-items:center;gap:7px}.retro-counter{width:auto;padding:0}.retro-display{grid-column:1/4;grid-row:2;padding:8px 10px}.retro-transport{grid-column:2;grid-row:1}.retro-player .sound-control{grid-column:3;grid-row:1;padding:5px 8px;font-size:9px}.retro-player .player-toggle{display:none}.retro-credit strong{font-size:10px}.retro-track>#now-title{font-size:10px}header{padding-top:132px}html{scroll-padding-top:130px}}@media(prefers-reduced-motion:reduce){.retro-meter i{animation:none!important}}@media print{.retro-player{display:none!important}}

.beat-store-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px 30px;margin:24px 0 18px;border:1px solid #66555e;border-top:2px solid #c8c6d1;border-radius:5px;background:linear-gradient(120deg,#25161c,#161619)}.beat-store-banner h3{margin:10px 0;font-size:34px}.beat-store-banner p{font-size:13px;margin:0;max-width:500px}.beat-store-banner .btn{white-space:nowrap}.license-notice{display:flex;gap:18px;padding:22px 26px;border-left:3px solid #ed343b;background:#201317;border-radius:3px}.license-icon{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #ff636b;color:#ff636b;border-radius:50%;font-weight:700;font-size:15px}.license-notice h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:15px;letter-spacing:-.02em;line-height:1.4;margin:0 0 9px}.license-notice p{font-size:12px;line-height:1.7;margin:7px 0;color:#c8bec4;max-width:850px}.beat-contact{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding-top:25px;margin-top:24px;border-top:1px solid #39393f}.beat-contact>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#aaa3af}.beat-contact>a:not(.btn){font-size:12px;text-underline-offset:4px}.beat-contact .btn{font-size:12px}@media(max-width:750px){.beat-store-banner{align-items:flex-start;flex-direction:column;padding:24px}.license-notice{padding:20px 18px;gap:12px}.beat-contact{align-items:flex-start;flex-direction:column;gap:14px}}

/* Artist portrait woven into the music feature */
.artist-photo-feature{position:relative;isolation:isolate;overflow:hidden;min-height:420px;padding:58px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#101013;border-color:#59424a}.artist-photo-feature:before{content:'';position:absolute;z-index:-2;right:0;top:0;width:62%;height:100%;background:url('/assets/jwayy-portrait.jpg') center 42%/cover no-repeat;filter:grayscale(1) contrast(1.12);opacity:.72}.artist-photo-feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101013 0%,#101013f2 32%,#101013a8 52%,#10101325 76%,#10101350 100%),linear-gradient(0deg,#101013a0,transparent 35%),linear-gradient(115deg,#ed343b0d,transparent 70%)}.artist-photo-feature>h2{max-width:65%;margin-block:18px}.artist-photo-feature>p{max-width:48%;font-size:15px}.artist-photo-feature>.eyebrow{color:#ff7077}.artist-photo-feature>.btn{margin-top:12px}@media(max-width:750px){.artist-photo-feature{min-height:480px;padding:34px 26px}.artist-photo-feature:before{width:100%;background-position:55% center;opacity:.48}.artist-photo-feature:after{background:linear-gradient(90deg,#101013e8,#10101370),linear-gradient(0deg,#101013e6,transparent 65%)}.artist-photo-feature>h2{max-width:100%;font-size:48px}.artist-photo-feature>p{max-width:90%;font-size:14px}}

/* Portrait framing: preserve hair and face, never zoom into the banner */
.artist-photo-feature{min-height:460px}.artist-photo-feature:before{width:62%;background-size:auto calc(100% - 28px);background-position:right bottom;opacity:.8}.artist-photo-feature:after{background:linear-gradient(90deg,#101013 0%,#101013f2 32%,#10101390 52%,#10101318 76%,#10101338 100%),linear-gradient(0deg,#10101380,transparent 35%)}.artist-about{align-items:center}.artist-circle{margin:32px 0 0;max-width:270px}.artist-circle-frame{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;border-radius:50%;background:#151519;outline:1px solid #6c6069;outline-offset:7px;box-shadow:0 0 0 10px #0e0e11,0 12px 35px #0005}.artist-circle-frame img{position:absolute;max-width:none;width:109.74%;height:107.15%;left:-4.32%;top:-3.33%;filter:grayscale(1) contrast(1.08) brightness(.84)}.artist-circle-frame:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,transparent 30%,#10101350 100%);pointer-events:none}.artist-circle figcaption{font-size:9px;letter-spacing:.16em;color:#cac5d0;text-align:center;margin-top:24px}.artist-circle figcaption span{color:#ed343b;margin:0 8px}@media(max-width:750px){.artist-photo-feature{min-height:490px}.artist-photo-feature:before{width:100%;background-size:auto calc(100% - 26px);background-position:right bottom;opacity:.6}.artist-photo-feature:after{background:linear-gradient(90deg,#101013ee,#10101375),linear-gradient(0deg,#101013da,transparent 65%)}.artist-circle{max-width:230px;margin:30px auto 15px}.artist-about{gap:25px}}