@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--bg:#111110;--paper:#eeeae2;--muted:#aaa7a0;--red:#dc302b;--line:#343430;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:white}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);color:#111;padding:14px}.skip:focus{top:10px}.header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#111110;position:relative;z-index:10;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-size:30px;font-weight:900;letter-spacing:-1px}.wordmark>span{color:var(--red)}.wordmark .mark{font-size:23px;padding-left:23px}.header nav{display:flex;align-items:center;gap:38px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:1.5px}.header nav a:hover{color:var(--red)}.nav-listen{border:1px solid #5d5c56;padding:13px 20px}.nav-listen span{margin-left:20px}.menu-toggle{display:none}.hero{height:min(790px,calc(100svh - 88px));min-height:620px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.55)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),transparent 80%),linear-gradient(0deg,#111110 0%,transparent 48%,rgba(0,0,0,.15))}.hero-content{position:absolute;left:7%;bottom:125px}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:2.5px;font-weight:700;text-transform:uppercase}.red-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:9px}.hero h1{font-family:var(--display);font-size:clamp(90px,13.3vw,195px);line-height:.85;font-weight:900;letter-spacing:-5px;margin:30px 0 25px;text-shadow:0 2px 25px #0005}.hero h1 span{color:var(--red)}.hero-line{font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:3px;line-height:1.35}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--red);padding:17px 24px;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:1.3px;transition:background .2s,transform .2s}.button:hover{background:#f0443c;transform:translateY(-2px)}.button span{font-size:19px}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;border-top:1px solid #ffffff30;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;font-weight:600}.hero-bottom a span{padding-left:16px}.ticker{overflow:hidden;display:flex;gap:42px;align-items:center;white-space:nowrap;background:var(--red);color:#100f0e;height:60px;font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:1px;padding-left:4%;transform:rotate(-1deg);margin:3px -1px 0}.ticker b{font-size:28px}.section{max-width:1400px;margin:auto;padding:100px 7%}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px;gap:25px}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:8px}h2{font-family:var(--display);font-size:clamp(45px,5.3vw,74px);font-weight:800;line-height:1;letter-spacing:-1.2px;margin:17px 0 0}em{font-style:normal;color:var(--red)}.featured{display:grid;grid-template-columns:1fr 1fr;background:#191918;border:1px solid var(--line);margin-bottom:55px}.featured-art{position:relative;display:block}.featured-art img{width:100%;height:100%;object-fit:cover;display:block}.art-link{position:absolute;right:18px;bottom:18px;background:var(--red);width:44px;height:44px;display:grid;place-items:center;font-size:24px}.featured-copy{padding:clamp(25px,4vw,60px);display:flex;flex-direction:column;align-items:start;justify-content:center}.featured-copy h3{font-family:var(--display);font-size:clamp(65px,8vw,110px);line-height:.87;margin:25px 0}.release-type{font-size:11px;color:var(--muted);letter-spacing:2px}.rule{width:100%;height:1px;background:var(--line);margin:15px 0}.featured-tagline{color:var(--muted);font-size:16px;margin-bottom:25px}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-top:22px;border-bottom:1px solid #666;padding-bottom:5px}.releases{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.cover{position:relative;overflow:hidden;aspect-ratio:1}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .4s}.cover span{position:absolute;bottom:14px;right:14px;font-size:11px;background:#111c;padding:10px;opacity:0;transition:opacity .2s}.release:hover img{transform:scale(1.04);filter:brightness(.8)}.release:hover .cover span,.release:focus-visible .cover span{opacity:1}.release-name{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:17px}.release-name h3{font-family:var(--display);font-size:24px;margin:0;font-weight:600}.release-name>span{color:var(--red);font-size:22px}.release>p{font-size:10px;color:var(--muted);letter-spacing:1.5px}.band{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);background:#171716}.band-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);min-height:500px}.band-copy{padding:70px 12%;align-self:center}.band-copy h2{font-size:clamp(44px,4.5vw,66px);margin-bottom:30px}.band-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--muted);max-width:440px}.band-signature{display:block;margin-top:35px;font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:1px}.band-signature span{color:var(--red);margin-left:18px}.listen{text-align:center;padding-block:100px 110px}.listen h2{font-size:clamp(65px,8vw,110px)}.listen>p:not(.eyebrow){color:var(--muted);margin:25px 0 40px;font-size:15px}.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.platforms a{border:1px solid #484741;display:flex;align-items:center;gap:12px;text-align:left;padding:21px 18px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}.platforms a:hover{background:#211a18;border-color:var(--red)}.platform-symbol{font-size:25px;line-height:1}.arrow{margin-left:auto;color:var(--red);font-size:20px}footer{border-top:1px solid var(--line);margin:0 5%;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,.back-top{color:var(--muted);font-size:10px;letter-spacing:1px}.back-top{text-transform:uppercase}
@media(min-width:1600px){.hero-content{left:calc((100vw - 1376px)/2)}.hero{max-height:900px;height:850px}}@media(max-width:1000px){.platforms{grid-template-columns:repeat(2,1fr)}.section{padding:75px 5%}.releases{gap:16px}.release-name h3{font-size:21px}.band-copy{padding:45px 8%}.hero h1{font-size:16vw}.hero-number{display:none}}@media(max-width:680px){html{scroll-padding-top:70px}.header{height:70px}.wordmark{font-size:27px}.wordmark .mark{padding-left:12px}.menu-toggle{display:flex;gap:15px;background:none;color:var(--paper);border:1px solid #555;padding:10px 12px;font-size:10px;letter-spacing:1px;align-items:center}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#111110;padding:25px 5%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:24px}.header nav.open{display:flex}.nav-listen{align-self:start}.hero{min-height:620px;height:calc(90svh - 70px);max-height:800px}.hero-image{object-position:53% center}.hero-shade{background:linear-gradient(0deg,#111110 2%,#0008 40%,#0001 90%)}.hero-content{left:6%;right:5%;bottom:115px}.hero h1{font-size:23vw;letter-spacing:-2px;margin:23px 0}.hero-line{font-size:20px;letter-spacing:2px}.hero-bottom{font-size:8px;letter-spacing:1px;gap:15px}.hero-bottom>span:first-child{max-width:110px;line-height:1.7}.ticker{height:48px;font-size:21px;gap:25px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.section{padding:60px 6%}.featured{grid-template-columns:1fr;margin-bottom:35px}.featured-copy{padding:30px}.featured-copy h3{font-size:76px}.featured-copy h3 br{display:none}.featured-copy h3 em{margin-left:12px}.releases{grid-template-columns:repeat(2,1fr);gap:25px 16px}.release-name h3{font-size:21px}.band{grid-template-columns:1fr}.band-photo img{min-height:0;aspect-ratio:1.2;object-position:center}.band-copy{padding:45px 6%}.band-copy h2{font-size:53px}.platforms{grid-template-columns:1fr}.platforms a{padding:20px;font-size:15px}.listen h2{font-size:76px}footer{flex-wrap:wrap;padding:30px 0}.back-top{margin-left:auto}footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Keep the angled strip inside the viewport and scale narrow-phone titles. */
body{overflow-x:clip}@media(max-width:680px){.featured-copy h3{font-size:clamp(52px,12vw,76px)}.listen h2{font-size:clamp(58px,18vw,76px)}}

.platform-icon{display:block;width:28px;height:28px;object-fit:contain;flex-shrink:0}.platforms a{gap:12px}.platforms .arrow{flex-shrink:0}
.platform-icon[src$="apple-icon.svg"]{filter:invert(1)}
/* On wide screens, keep the complete portrait visible beside the hero copy. */
@media(min-width:1600px){
  .hero{height:850px;max-height:none;background:#111110}
  .hero-image{left:auto;right:0;width:70%;object-fit:contain;object-position:right center}
  .hero-shade{background:linear-gradient(90deg,#111110 0%,#111110 27%,transparent 48%),linear-gradient(0deg,#111110 0%,transparent 18%)}
  .hero-content{left:5%;bottom:190px;max-width:29%}
  .hero h1{font-size:clamp(90px,6.5vw,150px);line-height:.95;letter-spacing:-3px}
}
@media(min-width:1600px){.hero{max-width:2400px;margin-inline:auto}}
.signup-modal{width:min(520px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:48px;background:#191918;color:var(--paper);border:1px solid #56534b;border-top:4px solid var(--red);box-shadow:0 25px 100px #0008}
.signup-modal::backdrop{background:#000b;backdrop-filter:blur(5px)}
.signup-modal h2{font-size:64px;margin:25px 0}
.signup-modal>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted)}
.signup-close{position:absolute;right:16px;top:12px;border:0;background:none;color:var(--paper);font-size:30px;width:40px;height:40px;cursor:pointer}
.signup-link{margin:12px 0;width:100%}.signup-link[hidden]{display:none}
.signup-modal .signup-note{font-size:12px!important}
.signup-dismiss{display:block;margin-top:28px;padding:10px 0;border:0;border-bottom:1px solid #666;background:none;color:var(--paper);font-size:13px;cursor:pointer}
@media(max-width:680px){.signup-modal{padding:32px 24px}.signup-modal h2{font-size:54px}}
/* Give the wide-screen discography a feature and a compact singles column. */
@media(min-width:1600px){
  .music{max-width:2400px;padding-inline:5%;display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,1fr);gap:40px}
  .music .section-heading{grid-column:1/-1;margin-bottom:5px}
  .music .featured{margin:0;align-self:start;grid-template-columns:1.1fr 1fr}
  .music .featured-art{aspect-ratio:1}
  .music .featured-copy{padding:clamp(28px,2.5vw,60px)}
  .music .featured-copy h3{font-size:clamp(80px,5vw,110px)}
  .music .releases{display:grid;grid-template-columns:1fr;gap:16px;align-content:start}
  .music .release{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:22px;grid-template-rows:1fr 1fr;padding-bottom:16px;border-bottom:1px solid var(--line)}
  .music .cover{grid-row:1/3}
  .music .release-name{align-self:end;margin:0 0 8px}
  .music .release-name h3{font-size:28px}
  .music .release>p{align-self:start;margin:0}
}
.signup-form{display:grid;gap:12px;margin-top:25px}.signup-form label{font-size:12px;font-weight:600;letter-spacing:1px}.signup-form input{width:100%;padding:15px;background:#111110;border:1px solid #666;color:var(--paper);font:inherit;font-size:16px}.signup-form input:focus-visible{outline:2px solid var(--red);outline-offset:2px}.signup-submit{border:0;color:var(--paper);cursor:pointer;width:100%;margin-top:4px}.signup-status{font-size:13px;line-height:1.6;color:var(--paper);margin:0}
.band-photo img{filter:none;object-position:center 60%}
.lyrics-button{display:block;background:none;border:0;border-bottom:1px solid #666;color:var(--paper);padding:8px 0;margin-top:12px;font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.lyrics-button:hover{color:var(--red)}.lyrics-modal{width:min(720px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:48px;background:#191918;color:var(--paper);border:1px solid #56534b;border-top:4px solid var(--red)}.lyrics-modal::backdrop{background:#000c;backdrop-filter:blur(5px)}.lyrics-close{position:absolute;right:16px;top:12px;border:0;background:none;color:var(--paper);font-size:30px;width:40px;height:40px;cursor:pointer}.lyrics-modal label{display:block;font-size:12px;margin:28px 0 10px}.lyrics-modal select{width:100%;background:#111110;color:var(--paper);border:1px solid #666;padding:14px;font:inherit}.lyrics-modal h3{font-family:var(--display);font-size:32px;margin:28px 0 20px}.lyrics-text{white-space:pre-wrap;line-height:1.9;font-size:16px;color:var(--paper);overflow-wrap:anywhere}.release-entry{min-width:0}@media(max-width:680px){.lyrics-modal{padding:32px 24px}}
.lyrics-nav{background:none;border:0;padding:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;text-align:left}.lyrics-nav:hover{color:var(--red)}
