@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Oswald:wght@400;500;600;700&family=Permanent+Marker&display=swap');
:root{--black:#050505;--panel:#0b0b0c;--panel2:#101012;--white:#eeeef0;--muted:#aaa6ad;--dim:#6e6971;--violet:#a55bd1;--line:#2b252f;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:radial-gradient(#fff .45px,transparent .6px);background-size:5px 5px;mix-blend-mode:screen;z-index:20}
.topbar{height:92px;position:sticky;top:0;z-index:10;background:rgba(4,4,5,.94);border-bottom:1px solid #322b35;display:grid;grid-template-columns:230px 1fr 180px;align-items:center;padding:0 4.5%;backdrop-filter:blur(8px)}
.logo{font-family:Oswald,Impact,sans-serif;font-size:1.35rem;line-height:.82;letter-spacing:.04em;display:inline-flex;flex-direction:column;width:max-content;text-shadow:0 0 18px rgba(165,91,209,.18)}.logo span{color:#ddd}.logo strong{font-size:1.55rem;color:var(--violet);font-weight:600}
.topbar nav,footer nav{display:flex;justify-content:center;gap:31px}.topbar nav a,footer nav a{font-size:.64rem;letter-spacing:.2em;color:#ddd;transition:.2s}.topbar nav a:hover,footer nav a:hover{color:var(--violet)}
.socials{display:flex;justify-content:flex-end;gap:22px}.socials a{font-size:1rem;font-weight:700;color:#ddd}.socials a:hover{color:var(--violet)}
.hero{min-height:calc(100vh - 92px);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:70px max(5%,calc((100% - var(--max))/2))}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(165,91,209,.2),transparent 31%),linear-gradient(90deg,#050505 0%,#09080a 48%,#100d12 100%)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 55%,rgba(255,255,255,.025) 55% 55.5%,transparent 55.5%)}.hero-content,.hero-art{position:relative;z-index:1}.eyebrow{font-size:.62rem;letter-spacing:.32em;color:var(--violet);font-weight:700}.hero h1{font:600 clamp(4.7rem,8.8vw,8.2rem)/.84 Oswald,Impact,sans-serif;letter-spacing:-.03em;margin:24px 0}.hero h1 span,.contact-section h2 em{color:var(--violet);font-style:normal}.hero-copy{font:300 1.15rem/1.45 Oswald,sans-serif;color:#bbb7bd;margin:30px 0 34px}.hero-copy b{color:#eee;font-weight:400}.hero-art{max-width:620px;justify-self:end;transform:rotate(-1deg)}.hero-art img{aspect-ratio:16/10;object-fit:cover;border:1px solid #3b3240;box-shadow:0 35px 90px #000;filter:saturate(.85) contrast(1.08)}.hero-stamp{position:absolute;right:-38px;bottom:-34px;font:1.8rem/1.05 'Permanent Marker',cursive;color:var(--violet);transform:rotate(-8deg);text-shadow:0 2px 14px #000}
.outline-btn{display:inline-block;border:1px solid #6c6570;padding:12px 20px;font-size:.63rem;letter-spacing:.2em;font-weight:600;transition:.22s}.outline-btn:hover{border-color:var(--violet);background:var(--violet);color:#080709}
.dark-section,.band-section,.recording-section,.about-section{padding:120px max(5%,calc((100% - var(--max))/2));position:relative}.dark-section{background:#080809}.section-heading{display:flex;gap:22px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:58px}.section-heading>span{font:500 .65rem Oswald;color:var(--violet);padding-top:8px}.section-heading small{font-size:.56rem;letter-spacing:.28em;color:var(--violet)}.section-heading h2{font:600 clamp(3.4rem,6vw,5.8rem)/.9 Oswald;margin:5px 0 0}.section-heading h2 em{font-style:normal;color:var(--violet)}
.release-main{display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:center}.release-image{border:1px solid #342d38;box-shadow:0 25px 70px #000}.release-image img{aspect-ratio:16/9;object-fit:cover}.release-info h3{font:600 clamp(3rem,5.5vw,5.5rem)/.87 Oswald;margin:15px 0 25px}.release-info h3 em{color:var(--violet);font-style:normal}.release-info p:not(.eyebrow){color:#aaa6ad;max-width:540px}.release-info .strong{color:#eee;font-weight:600}.release-info .outline-btn{margin-top:12px}.previous-release{margin-top:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:center}.previous-release h3{font:600 3rem/.95 Oswald;margin:8px 0}.previous-release p:not(.eyebrow){color:#99949c;max-width:650px}.previous-release img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);transition:.3s}.previous-release a:hover img{transform:scale(1.02);filter:brightness(1.08)}
.band-section{background:#0b0b0c}.band-section:after,.recording-section:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.015),transparent 35%,rgba(165,91,209,.025))}.band-intro{font:300 clamp(1.7rem,3vw,3rem)/1.1 Oswald;color:#bbb;margin:-12px 0 55px}.band-intro b{color:#eee;font-weight:500}.members{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:1}.members article{background:#0d0d0e;border:1px solid var(--line);position:relative;overflow:hidden}.members img{aspect-ratio:3/4;object-fit:cover;filter:saturate(.75) contrast(1.08);transition:.4s}.members article:hover img{transform:scale(1.035);filter:saturate(.9) contrast(1.06)}.members article>div{padding:15px 16px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:10px}.members h3{font:600 1.45rem Oswald;margin:0;letter-spacing:.08em}.members span{font-size:.52rem;letter-spacing:.2em;color:#777}
.recording-section{background:#080809;overflow:hidden}.recording-texture{position:absolute;inset:0;background:radial-gradient(circle at 10% 25%,rgba(165,91,209,.09),transparent 20%),linear-gradient(90deg,rgba(255,255,255,.018),transparent 45%,rgba(255,255,255,.01));opacity:.9}.recording-intro{max-width:800px;margin:-22px 0 48px;position:relative;z-index:1}.recording-sub{font:500 .68rem Oswald;letter-spacing:.32em;color:var(--violet)}.recording-intro p:last-child{color:#aaa6ad}.recording-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:1}.recording-grid figure{margin:0;background:#0d0d0e;border:1px solid var(--line);overflow:hidden}.recording-grid figure img{aspect-ratio:1.05;object-fit:cover;filter:saturate(.78) contrast(1.07);transition:.35s}.recording-grid figure:hover img{transform:scale(1.025);filter:saturate(.95) contrast(1.05)}.recording-grid figcaption{padding:13px 15px 16px;display:grid;grid-template-columns:auto auto;column-gap:15px;align-items:baseline;border-top:1px solid var(--line)}.recording-grid figcaption b{font:600 1.08rem Oswald;letter-spacing:.08em}.recording-grid figcaption span{font-size:.5rem;letter-spacing:.2em;color:#777;text-align:right}.recording-grid figcaption small{grid-column:1/-1;color:#777;font-size:.66rem;margin-top:2px}.recording-section blockquote{position:relative;z-index:1;text-align:center;margin:65px 0 0;font:400 1.3rem/1.55 Oswald;letter-spacing:.25em;color:#ddd}.recording-section blockquote:after{content:"";display:block;width:65px;height:2px;background:var(--violet);margin:20px auto 0}
.about-section{background:#0b0b0c}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.about-big{font:300 clamp(2rem,3.4vw,3.4rem)/1.1 Oswald;color:#ddd;margin:0}.about-grid>div p{color:#a09ba3}.quote-line{border-left:2px solid var(--violet);padding-left:20px;font:400 1.3rem Oswald!important;color:#eee!important;margin-top:38px}
.contact-section{padding:135px 5%;text-align:center;background:radial-gradient(circle at center,rgba(165,91,209,.11),transparent 42%),#070708;border-top:1px solid var(--line)}.contact-section h2{font:600 clamp(4.8rem,10vw,9rem)/.84 Oswald;margin:20px 0 32px}.contact-section>p:not(.eyebrow){color:#9b969d;margin-bottom:30px}
footer{border-top:1px solid var(--line);padding:34px 5%;display:grid;grid-template-columns:230px 1fr 310px;align-items:center;background:#050506}footer nav{gap:25px}.footer-right{text-align:right}.footer-right b{display:block;color:#ddd;font:500 .72rem Oswald;letter-spacing:.2em}.footer-right span{display:block;color:#666;font-size:.52rem;letter-spacing:.12em;margin-top:7px}
@media(max-width:900px){.topbar{grid-template-columns:160px 1fr 100px}.topbar nav{gap:15px}.topbar nav a{font-size:.55rem}.hero{grid-template-columns:1fr;padding-top:90px}.hero-art{justify-self:stretch;max-width:none}.hero-stamp{right:0}.release-main,.about-grid{grid-template-columns:1fr;gap:50px}.members{grid-template-columns:1fr 1fr}.recording-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;gap:25px}.footer-right{text-align:left}}
@media(max-width:650px){.topbar{height:76px;display:flex;justify-content:space-between}.topbar nav,.socials{display:none}.logo{font-size:1.05rem}.logo strong{font-size:1.25rem}.hero{min-height:auto;padding:85px 6% 80px}.hero h1{font-size:4.4rem}.dark-section,.band-section,.recording-section,.about-section{padding:85px 6%}.section-heading h2{font-size:3.2rem}.section-heading{margin-bottom:45px}.previous-release{grid-template-columns:1fr;gap:30px}.previous-release a{max-width:280px}.members,.recording-grid{grid-template-columns:1fr}.contact-section{padding:100px 6%}.contact-section h2{font-size:5rem}footer{padding:30px 6%}footer nav{justify-content:flex-start;flex-wrap:wrap}}