:root{--night:#170311;--plum:#2c071f;--wine:#4b092e;--berry:#8c1f52;--rose:#f48bb7;--blush:#ffd7e6;--gold:#f5c87f;--soft:#ffe9c7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:#fff5f8;font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(980px,calc(100% - 36px));margin:0 auto}
.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 10%,#8f2456 0%,#4b0d35 33%,#29071e 69%,#190413 100%);padding:19px 0 68px}
.hero-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 65% 23% at 15% 12%,#fd5b9960,transparent 72%),radial-gradient(ellipse 46% 36% at 91% 40%,#e3468650,transparent 74%),linear-gradient(175deg,transparent 58%,#3b092a 85%,#170311)}
.hero-ambient:after{content:"";position:absolute;inset:0;opacity:.3;background-image:radial-gradient(#fff7 0.7px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#0005,transparent 70%)}
.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 6px;color:#ffe3ef;font-size:10px;font-weight:700;letter-spacing:.25em}
.tiny-star{color:var(--gold);font-size:16px;margin-right:8px}
.topline-right{border:1px solid #f4c18078;border-radius:999px;padding:10px 15px;font-size:10px;letter-spacing:.1em;transition:background .2s}
.topline-right:hover{background:#fff2}
.topline-right span{color:var(--gold);font-size:15px}
.hero-art{height:530px;position:relative;isolation:isolate;margin:16px 0 0;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 53% 47%,#c4336d 0%,#7d1845 41%,#320720 78%,#210519);box-shadow:inset 0 0 0 1px #f6afc94f,0 30px 70px #10000d80}
.hero-art:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 80%,#ff9c6c4c,transparent 55%),linear-gradient(160deg,#580f34aa,#0d0210ee)}
.hero-art:after{content:"";position:absolute;inset:auto -5% -8px;height:48%;z-index:4;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,#28041820 25%,#26051890 61%,#240416 98%)}
.ring{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.ring-one{width:470px;height:470px;left:-60px;top:6px;border:2px solid #ff93c7;box-shadow:0 0 10px #fa82bd,0 0 42px #f4469d80,inset 0 0 14px #ff92bd}
.ring-two{width:400px;height:400px;left:-25px;top:41px;border:2px solid #f7c17b;box-shadow:0 0 11px #ffc972,inset 0 0 13px #fdb16e;opacity:.83}
.ring-three{width:530px;height:530px;left:-95px;top:-24px;border:1px solid #e86baf50;box-shadow:0 0 30px #c62f8160}
.light-flare{position:absolute;color:#ffcf94;z-index:5;font-size:28px;text-shadow:0 0 9px #fff,0 0 25px #ff8cc0}
.flare-one{left:49%;top:12%}.flare-two{right:6%;bottom:15%;font-size:15px}
.portrait{position:absolute;z-index:2;inset:0 auto 0 -6%;width:64%;height:100%;display:flex;align-items:flex-end}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 13%;mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 79%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);mask-composite:intersect;-webkit-mask-image:radial-gradient(ellipse 72% 73% at 51% 41%,#000 59%,transparent 100%)}
.identity{position:absolute;z-index:6;width:52%;right:2.5%;top:23%;text-align:center;filter:drop-shadow(0 13px 18px #26001377)}
.identity img{width:100%;height:auto;filter:drop-shadow(0 5px 5px #1000116a)}
.identity-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:.28em;font-weight:700;color:#ffdef0}
.identity-kicker span{height:1px;width:24px;background:linear-gradient(90deg,transparent,#facb8b)}
.identity-kicker span:last-child{transform:rotate(180deg)}
.identity p{display:flex;align-items:center;justify-content:center;gap:10px;margin:-3px auto 0;color:#ffe9cb;font-size:12px;letter-spacing:.27em;text-shadow:0 2px 14px #14000a}
.identity p span{font-size:10px;color:var(--gold)}
.art-bottom{position:absolute;z-index:6;left:6%;right:6%;bottom:14px;height:1px;background:linear-gradient(90deg,transparent,#f1b773ad,transparent)}
.hero-phrase{text-align:center;margin:20px auto 22px;color:#ffe2ed;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(20px,2.7vw,26px);font-style:italic;letter-spacing:.03em}
.quicklinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:920px;margin:0 auto}
.quicklink{display:grid;grid-template-columns:54px 1fr 24px;align-items:center;gap:12px;min-height:88px;padding:13px 19px;border-radius:999px;border:1.4px solid #fac883;background:linear-gradient(115deg,#8b234e,#590d36 58%,#3a0b2a);box-shadow:inset 0 1px #ffd9ef56,0 5px 18px #f87fb73b,0 10px 30px #0f00126e;transition:transform .2s,filter .2s;position:relative}
.quicklink:before{content:"";position:absolute;inset:3px;border:1px solid #f2b9a422;border-radius:999px;pointer-events:none}
.quicklink:hover,.quicklink:focus-visible{transform:translateY(-3px);filter:brightness(1.15);outline:1px solid #fff2}
.quicklink-icon{display:grid;place-items:center;color:#ffe0a8;font-size:31px;border-right:1px solid #fbc78e80;height:45px;text-shadow:0 1px 12px #ff93a8}
.quicklink-label strong{display:block;font-size:15px;line-height:1.23;font-weight:700;color:#fff1f5}
.quicklink-label small{display:block;font-size:10px;margin-top:6px;color:#ffe0ec}
.quicklink-arrow{text-align:center;font-size:33px;color:var(--gold);line-height:1}
.section{position:relative;padding:86px 0;overflow:hidden}
.music{background:radial-gradient(ellipse at 10% 5%,#7e18435b,transparent 65%),linear-gradient(170deg,#240516,#40091f 51%,#190310);border-top:1px solid #d07aa74b}
.section-heading{text-align:center;margin-bottom:30px}
.eyebrow{display:inline-block;color:var(--gold);font-size:11px;letter-spacing:.3em;font-weight:700}
h2{font:600 clamp(44px,6vw,72px)/1.04 'Cormorant Garamond',Georgia,serif;margin:14px 0;color:#fff0ed}
h2 em{color:#f8afcf;font-weight:600}
.section-heading p,.center p{font-size:15px;line-height:1.8;color:#eed1df;max-width:600px;margin:12px auto 26px}
.release{display:grid;grid-template-columns:minmax(230px,0.85fr) 1fr;gap:35px;align-items:center;border:1px solid #efb47e8a;border-radius:26px;padding:23px;background:linear-gradient(125deg,#63223d,#330b29 65%,#270716);box-shadow:0 20px 46px #1000097a}
.release-art{position:relative;padding:6px;border-radius:22px;background:linear-gradient(135deg,#ffd8a4,#e765a7,#a95378,#ffd39e);box-shadow:0 15px 30px #16001875}
.release-art img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:16px}
.release-copy h3{font:600 clamp(34px,4.2vw,57px)/1 'Cormorant Garamond',serif;color:#fff0da;margin:15px 0}
.release-copy p{color:#f2d3df;font-size:15px;line-height:1.7}
.main-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;background:linear-gradient(180deg,#ffe4ae,#f2b96f);color:#4a0b27;font-weight:800;font-size:14px;padding:15px 28px;margin-top:10px;box-shadow:0 4px 0 #ad7443,0 12px 22px #18020c7a;transition:transform .2s,filter .2s}
.main-button:hover{transform:translateY(-2px);filter:brightness(1.05)}
.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:24px}
.socials a{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 8px;border:1px solid #e386af84;border-radius:14px;background:#56163797;font-size:12px;font-weight:700}
.socials b{font-size:24px;color:var(--gold)}
.agenda{background:radial-gradient(ellipse at 50% 0%,#781c50 0%,#28091f 65%)}
.center{text-align:center}
.about{background:#26081c}
.about-layout{display:grid;grid-template-columns:.8fr 1fr;gap:52px;align-items:center}
.about-layout img{width:100%;max-height:490px;object-fit:cover;object-position:center top;border-radius:22px;border:2px solid #c77ca2;box-shadow:0 12px 30px #0006}
.about-layout p{line-height:1.85;font-size:15px;color:#edd0dc}
.text-link{font-weight:700;color:#ffc782;display:inline-block;margin-top:12px}
.contact{background:radial-gradient(ellipse at 50% 0%,#7a1a4b 0%,#270719 68%)}
footer{background:#14020e;border-top:1px solid #aa4e7b;padding:25px 0;color:#efbdd0;font-size:12px}
footer .container{display:flex;gap:20px;justify-content:space-between;align-items:center}
@media(max-width:740px){
 .container{width:calc(100% - 24px)}
 .hero{padding:12px 0 46px}
 .topline{font-size:9px;letter-spacing:.16em;padding:0 5px}
 .topline-right{padding:9px 11px}
 .hero-art{margin-top:12px;border-radius:22px;height:590px;background:radial-gradient(ellipse at 50% 20%,#b02f66 0%,#5d0e39 45%,#2a071e 88%)}
 .ring-one{width:380px;height:380px;left:calc(50% - 190px);top:-25px}
 .ring-two{width:324px;height:324px;left:calc(50% - 162px);top:2px}
 .ring-three{width:430px;height:430px;left:calc(50% - 215px);top:-52px}
 .portrait{width:120%;left:-10%;height:73%;top:0;bottom:auto;display:block}
 .portrait img{object-position:center 8%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 61%,transparent 97%),linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 98%)}
 .identity{width:94%;right:3%;top:auto;bottom:38px}
 .identity-kicker{font-size:9px;letter-spacing:.21em}
 .identity img{width:100%;max-width:490px;margin:0 auto}
 .identity p{font-size:11px;margin:-3px auto 0;letter-spacing:.2em}
 .flare-one{left:9%;top:16%}.flare-two{right:7%;bottom:15%}
 .hero-phrase{font-size:21px;margin:18px 10px 20px}
 .quicklinks{grid-template-columns:1fr;max-width:580px;gap:12px}
 .quicklink{grid-template-columns:58px 1fr 22px;min-height:81px;padding:11px 20px}
 .quicklink-icon{height:48px;font-size:32px}
 .quicklink-label strong{font-size:16px}
 .quicklink-label small{font-size:11px}
 .section{padding:64px 0}
 .release{grid-template-columns:38% 1fr;gap:15px;padding:13px;border-radius:20px}
 .release-art{padding:4px;border-radius:14px}
 .release-art img{border-radius:10px}
 .release-copy h3{font-size:30px;margin:8px 0}
 .release-copy p{font-size:12px}
 .release-copy .eyebrow{font-size:9px}
 .main-button{padding:12px 18px;font-size:12px}
 .socials{grid-template-columns:repeat(2,1fr);gap:10px}
 .about-layout{grid-template-columns:1fr;gap:30px;text-align:center}
 .about-layout img{max-height:420px;max-width:330px;margin:0 auto}
 footer .container{flex-direction:column;text-align:center;gap:8px}
}
@media(max-width:430px){
 .hero-art{height:535px}
 .portrait{height:76%}
 .identity{bottom:30px}
 .identity-kicker{font-size:8px}
 .identity p{font-size:10px}
 .quicklink-label strong{font-size:15px}
 .release-copy h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Official local vector platform marks */
.socials a{gap:11px}
.socials .social-icon{display:block;width:29px;height:29px;object-fit:contain;flex-shrink:0}
.socials .tiktok{filter:drop-shadow(-1.2px -1.1px 0 #25F4EE) drop-shadow(1px 1px 0 #FE2C55)}
.main-button .button-spotify{width:22px;height:22px;object-fit:contain}
@media (max-width:740px){.socials .social-icon{width:29px;height:29px}.socials a{font-size:13px;font-weight:700}}