*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#050505;color:#eee}
body{margin:0;background:#050505;color:#e9e9e9;font-family:"Arial Narrow",Arial,sans-serif;letter-spacing:.02em;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;color:#000;padding:.75rem}
.header{height:74px;border-bottom:1px solid #3b3b3b;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1672px)/2 + 36px));position:relative;z-index:5;background:#050505}
.brand{width:175px;height:55px;display:block;overflow:hidden;background:none;border:0;padding:0;cursor:pointer;flex:0 0 auto}
.brand img{width:175px;height:55px;object-fit:cover;display:block}
.hero{border-bottom:1px solid #3b3b3b;overflow:hidden}
.hero-inner{width:min(100%,1672px);min-height:520px;margin:0 auto;display:grid;grid-template-columns:minmax(620px,640px) minmax(0,1fr);align-items:stretch}
.copy{position:relative;z-index:2;min-width:0;padding:72px 38px 60px max(48px,3.6vw);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.copy h1,.panel h2{font-family:Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:.025em}
.copy h1{font-size:42px;line-height:1.18;margin:0 0 20px;color:#f2f2f2;white-space:normal;max-width:570px}
.copy p{font-size:18px;line-height:1.55;color:#aaa;margin:0;max-width:540px}
.actions{display:flex;margin-top:28px;min-width:0}
.actions a{height:62px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-weight:800;letter-spacing:.1em;font-size:15px}
.spotify{background:#f3f3f3;color:#111;width:248px;min-width:248px;flex:0 0 248px;position:relative;overflow:hidden;white-space:nowrap}
.spotify:after{content:"";position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='x'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23x)'/%3E%3C/svg%3E")}
.spotify img{width:35px;height:35px;margin-right:17px;position:relative;z-index:1;flex:0 0 auto}.spotify{z-index:1}
.hero-art{min-width:0;min-height:520px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;background:#050505}
.hero-art img{display:block;width:100%;height:100%;max-height:520px;object-fit:contain;object-position:right center;flex:0 1 auto}
.overview{min-height:273px;border-bottom:1px solid #3b3b3b;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(360px,1.05fr) minmax(390px,1.2fr);padding:34px max(50px,calc((100vw - 1672px)/2 + 100px)) 30px}
.panel{padding:0 42px 0 0;min-width:0}.panel+.panel{border-left:1px solid #2f2f2f;padding-left:44px}
.panel h2{font-size:25px;text-transform:uppercase;margin:0 0 25px}.panel p{font-size:17px;line-height:1.55;color:#a9a9a9;margin:0 0 2px;max-width:430px}
.band dl{margin:0}.band dl div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1fr);gap:25px;padding:12px 0;border-bottom:1px solid #444}.band dt{font-size:18px;font-weight:700}.band dd{margin:0;color:#aaa;font-size:17px}
.contact{height:97px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #2c2c2c;background:radial-gradient(ellipse at 10% 70%,rgba(255,255,255,.035),transparent 38%),#050505}
.social{display:flex;gap:48px;align-items:center;justify-content:center}.social a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;opacity:.88;transition:opacity .18s ease,transform .18s ease}.social a:hover,.social a:focus-visible{opacity:1;transform:translateY(-2px)}.social img{width:34px;height:34px;display:block;object-fit:contain}
footer{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 6vw;color:#777;font-size:12px}footer button{background:0;border:0;color:#777;margin-left:20px;cursor:pointer}
dialog{max-width:720px;width:calc(100% - 32px);background:#0d0d0d;color:#ddd;border:1px solid #555;padding:32px;line-height:1.55}dialog::backdrop{background:rgba(0,0,0,.85)}dialog a{color:#fff}.close{float:right;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}mark{background:#ddd;color:#111;padding:1px 4px}
@media(max-width:1280px){
  .hero-inner{min-height:480px;grid-template-columns:minmax(520px,560px) minmax(0,1fr)}
  .copy{padding:56px 28px 50px 42px}
  .copy h1{font-size:38px;max-width:500px}
  .copy p{font-size:16px;max-width:485px}
  .hero-art{min-height:480px}
  .hero-art img{max-height:480px}
  .overview{grid-template-columns:220px minmax(320px,1fr) minmax(350px,1.1fr);padding-left:48px;padding-right:48px}
  .panel{padding-right:28px}.panel+.panel{padding-left:30px}
}
@media(max-width:1080px){
  .hero{overflow:visible}
  .hero-inner{display:flex;flex-direction:column;width:100%;min-height:0}
  .copy{padding:58px 40px 38px;max-width:760px;width:100%;display:block}
  .copy h1{font-size:38px}.copy p{font-size:17px}.desktop{display:none}
  .hero-art{width:100%;min-height:0;height:auto;aspect-ratio:1087/499;display:block;overflow:hidden}
  .hero-art img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center top}
  .overview{min-height:0;grid-template-columns:1fr 1fr;padding:30px 40px}
  .panel{padding:0 30px 28px 0}
  .panel+.panel{border-left:1px solid #333;padding:0 0 28px 30px}
  .panel.band{grid-column:1/-1;border-left:0;border-top:1px solid #333;padding:28px 0 0}
  .panel p{max-width:650px}
}
@media(max-width:720px){
  .header{height:68px;padding:0 20px}.brand,.brand img{width:150px;height:48px}
  .copy{padding:48px 26px 30px}.copy h1{font-size:35px}.copy h1 br{display:none}
  .overview{display:block;padding:30px 26px}.panel{min-height:90px;padding:0 0 25px}.panel+.panel,.panel.band{border-left:0;border-top:1px solid #333;padding:25px 0}
  .contact{height:auto;min-height:112px;padding:28px 20px}.social{gap:34px}footer{padding:0 20px}
}
@media(max-width:480px){
  .copy{padding:44px 20px 28px}.copy h1{font-size:31px}.spotify{width:100%;min-width:0;max-width:300px;flex:0 1 300px}.hero-art{aspect-ratio:1087/499}.overview{padding:28px 20px}.panel p{font-size:16px}.social{gap:22px}.social a,.social img{width:30px;height:30px}
}

/* Spotify artist player */
.spotify-embed{width:100%;max-width:520px;min-width:0}
.spotify-embed iframe{display:block;width:100%;height:352px;border:0;border-radius:12px;background:#181818}
@media(max-width:1280px){
  .overview{grid-template-columns:minmax(330px,1.05fr) minmax(300px,.95fr) minmax(340px,1.05fr)}
}
@media(max-width:1080px){
  .music{grid-column:1/-1;border-bottom:1px solid #333;padding:0 0 30px}
  .music+.panel{border-left:0;padding-left:0}
  .spotify-embed{max-width:700px}
}
@media(max-width:720px){
  .music{border-bottom:0;padding-bottom:25px}
  .spotify-embed{max-width:none}
  .spotify-embed iframe{height:352px}
}
.story p{margin:0 0 12px}.story p:last-child{margin-bottom:0}

.spotify-consent{max-width:520px;min-height:210px;border:1px solid #3a3a3a;background:#0b0b0b;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.spotify-consent p{max-width:460px;margin:0 0 20px;color:#aaa;font-size:15px;line-height:1.55}
.spotify-consent button,.remove-spotify{border:1px solid #aaa;background:#f2f2f2;color:#090909;padding:13px 18px;text-transform:uppercase;font:700 12px/1 Arial,sans-serif;letter-spacing:.12em;cursor:pointer}
.spotify-consent button:hover,.spotify-consent button:focus-visible{background:#fff}
.remove-spotify{display:block;margin-top:12px;background:transparent;color:#bbb;border-color:#555}
.remove-spotify:hover,.remove-spotify:focus-visible{color:#fff;border-color:#aaa}
[hidden]{display:none!important}