:root{--ink:#080808;--paper:#f0ede5;--accent:#fff;--line:rgba(10,10,10,.18);--pad:clamp(22px,4.5vw,78px)}
*{box-sizing:border-box}
html{max-width:100%;overflow-x:hidden;scroll-behavior:smooth;background:var(--ink)}
body{width:100%;max-width:100%;overflow-x:hidden;margin:0;background:var(--ink);color:#fff;font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.artist-header{position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:calc(24px + env(safe-area-inset-top)) var(--pad) 20px;color:#fff;mix-blend-mode:difference}
.artist-wordmark{font-size:27px;line-height:1;font-weight:700;letter-spacing:-.08em;text-decoration:none}
.artist-header nav{display:flex;gap:clamp(18px,3vw,48px)}
.artist-header nav a,.studio-link{text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.14em}
.artist-header nav a{position:relative}
.artist-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .3s}
.artist-header nav a:hover:after{right:0}
.studio-link{justify-self:end}
.studio-link span{font-size:15px;margin-left:8px}
.hero{position:relative;min-height:100svh;min-height:100dvh;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.02) 36%,rgba(0,0,0,.74))}
.hero-content{position:relative;z-index:2;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:140px var(--pad) clamp(38px,6vh,72px)}
.eyebrow,.section-label,.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:10px}
.hero h1{font-size:clamp(130px,27vw,420px);font-weight:600;line-height:.63;letter-spacing:-.105em;margin:7vh 0 7vh -1.8vw}
.hero h1 span{color:#fff}
.hero-bottom{display:flex;align-items:flex-end;justify-content:flex-end}
.hero-bottom>p{font-size:clamp(16px,1.5vw,24px);line-height:1.35;margin:0}
.circle-link{width:116px;height:116px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-size:10px;line-height:1.4;letter-spacing:.12em;position:relative;transition:.35s}
.circle-link span{position:absolute;left:24px;bottom:24px}
.circle-link b{position:absolute;right:24px;top:24px;font-family:Arial,sans-serif;font-size:15px;line-height:1}
.circle-link:hover{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:rotate(-5deg)}
.photo-credit{position:absolute;z-index:2;right:18px;top:50%;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.16em;font-size:8px}
.paper{background:var(--paper);color:var(--ink)}
.highlight,.shows,.connect,.about{padding:clamp(100px,13vw,210px) var(--pad)}
.shows.paper{--line:rgba(255,255,255,.22);background:var(--ink);color:#fff}
.section-label{display:flex;gap:25px;align-items:center;margin-bottom:clamp(65px,9vw,140px);opacity:.62}
.section-label span{font-size:9px;border:1px solid currentColor;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}
.highlight-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:center}
.kicker{margin:0 0 30px}
.highlight h2,.shows h2,.about h2,.connect h2{font-size:clamp(68px,11vw,170px);line-height:.8;letter-spacing:-.08em;margin:0;font-weight:600}
h2 em{font-family:"Times New Roman",serif;font-weight:400}
.release-note{max-width:560px;font-size:clamp(17px,1.7vw,27px);line-height:1.5;margin:55px 0}
.action-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.primary-action,.text-action{display:inline-flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.12em;font-size:10px;text-decoration:none}
.primary-action{background:var(--ink);color:#fff;padding:20px 22px;min-width:210px}
.primary-action:hover{background:#292929}
.text-action{border-bottom:1px solid;padding:15px 0;min-width:150px}
.primary-action span,.text-action span,.studio-link span,.show-row>a span,.platforms a span{font-family:Arial,sans-serif;font-variant-emoji:text}
.primary-action span,.text-action span{font-size:16px}
.release-art{position:relative}
.release-art:before{content:"";position:absolute;z-index:0;width:84%;aspect-ratio:1;border-radius:50%;right:-36%;top:50%;transform:translateY(-50%);background:repeating-radial-gradient(circle,#080808 0 4px,#242424 5px 6px,#080808 7px 12px);box-shadow:0 25px 55px rgba(0,0,0,.28)}
.release-art img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center 34%;box-shadow:0 28px 60px rgba(0,0,0,.22)}
.release-art>span{position:relative;z-index:1;display:block;margin-top:15px;text-transform:uppercase;letter-spacing:.16em;font-size:9px}
.shows-head{display:grid;grid-template-columns:1.45fr .55fr;gap:9vw;align-items:end}
.shows-head>p{font-size:clamp(17px,1.6vw,25px);line-height:1.6;margin:0 0 12px}
.show-list{margin-top:clamp(70px,10vw,140px);border-top:1px solid var(--line)}
.show-row{display:grid;grid-template-columns:110px 1fr auto;gap:35px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}
.show-row time{font-family:Oswald,sans-serif;font-size:20px}
.show-row h3{font-size:clamp(22px,2.3vw,36px);letter-spacing:-.04em;margin:0}
.show-row p{font-size:11px;text-transform:uppercase;letter-spacing:.13em;opacity:.55;margin:7px 0 0}
.show-row>a{text-transform:uppercase;letter-spacing:.12em;font-size:10px;text-decoration:none;border-bottom:1px solid;padding:12px 0;min-width:120px}
.show-row>a span{float:right;font-size:16px}
.photo-break{height:95vh;min-height:650px;position:relative;overflow:hidden}
.photo-break img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.photo-break:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 65%),linear-gradient(180deg,transparent 62%,rgba(0,0,0,.72))}
.band-members{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none;counter-reset:member}
.band-members li{counter-increment:member;border-top:1px solid rgba(255,255,255,.55);padding-top:9px;text-transform:uppercase;letter-spacing:.13em;font-size:clamp(7px,.75vw,10px);white-space:nowrap}
.band-members li:before{content:"0" counter(member) " / ";opacity:.58}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}
.about-image{position:relative}
.about-image img{display:block;width:100%;max-height:790px;object-fit:cover}
.about-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.2);transform:translate(16px,16px);z-index:-1}
.about-copy>p{font-size:clamp(17px,1.7vw,26px);line-height:1.6;max-width:650px;margin:55px 0 0}
.about-copy .studio-note{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#888}
.about-copy .studio-note a{color:#fff}
.connect{text-align:center}
.connect h2{margin:45px 0 90px}
.platforms{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}
.platforms a{display:flex;justify-content:space-between;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:10px;padding:22px 18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:.25s}
.platforms a:last-child{border-right:0}
.platforms a:hover{background:var(--ink);color:#fff}
.platforms a span{font-size:15px}
footer{padding:60px var(--pad) max(40px,env(safe-area-inset-bottom));display:grid;grid-template-columns:2fr 1fr 1fr;align-items:end;gap:40px}
footer p{font-size:10px;line-height:1.8;letter-spacing:.08em;text-transform:uppercase;color:#888;margin:0}
footer p:last-child{text-align:right}
.link-notice{position:fixed;z-index:40;left:50%;bottom:30px;transform:translate(-50%,25px);background:var(--accent);color:var(--ink);padding:13px 18px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;opacity:0;pointer-events:none;transition:.3s}
.link-notice.visible{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){
  .artist-header{grid-template-columns:1fr auto}.artist-header nav{display:none}.studio-link{font-size:8px}
  .hero-image{object-position:59% center}.hero h1{font-size:41vw;margin:10vh 0 9vh -3vw}.hero-bottom>p{font-size:13px}.circle-link{width:92px;height:92px}.circle-link span{left:18px;bottom:18px}.circle-link b{right:18px;top:18px;font-size:13px}
  .highlight-grid,.shows-head,.about-grid{grid-template-columns:1fr}.highlight-grid{gap:100px}.release-art{width:88%;margin:auto}.shows-head{gap:45px}.show-row{grid-template-columns:58px 1fr;gap:18px}.show-row>a{grid-column:2;justify-self:start}
  .photo-break{height:auto;min-height:0;aspect-ratio:1.38/1}.photo-break img{object-position:54% center}.band-members{left:18px;right:18px;bottom:14px;gap:8px}.band-members li{padding-top:6px;font-size:7px;white-space:normal}
  .about-grid{gap:90px}.about-image{width:82%}.platforms{grid-template-columns:1fr 1fr}.platforms a:nth-child(even){border-right:0}.platforms a:last-child{grid-column:1/3}
  footer{grid-template-columns:1fr 1fr}footer>.artist-wordmark{grid-column:1/3;margin-bottom:30px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}