.artist-page{background:var(--paper)}
.artist-page .site-header{mix-blend-mode:difference}
.artist-hero{min-height:100svh;padding:115px 3.5vw 30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.artist-kicker{display:flex;justify-content:space-between;border-top:1px solid;padding-top:12px;font:400 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.artist-name{font:400 clamp(5rem,15vw,14rem)/.75 var(--display);letter-spacing:-.085em;text-transform:uppercase;margin:9vh 0 4vh;position:relative;z-index:2}
.artist-name.long{font-size:clamp(4.2rem,12.5vw,12rem)}
.artist-hero-image{height:64vh;overflow:hidden;background:var(--ink)}
.artist-hero-image img{height:100%;object-fit:cover;object-position:50% 24%;filter:grayscale(1)}
.artist-hero.step .artist-hero-image{width:min(62vw,880px);height:min(76vh,900px);margin-left:auto}
.artist-hero.step .artist-hero-image img{object-position:50% 43%}
.artist-hero.negatifa .artist-hero-image img{object-position:50% 45%}
.artist-intro{padding:24px 3.5vw 10vw}
.artist-lead{font:400 clamp(2.6rem,6.5vw,6.5rem)/.94 var(--display);letter-spacing:-.055em;text-transform:uppercase;max-width:1300px;margin:10vw 0}
.artist-lead em{font-style:normal;color:var(--red)}
.bio-grid{display:grid;grid-template-columns:1fr 2fr;gap:10vw;border-top:1px solid;padding-top:20px}
.bio-grid h2,.artist-section h2{font:400 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}
.bio-copy{columns:2;column-gap:5vw;font-size:1.05rem;line-height:1.7}
.bio-copy p{break-inside:avoid;margin-top:0}
.members{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6vw;border-top:1px solid;padding-top:18px}
.members div{font:400 .65rem var(--mono);text-transform:uppercase}
.members strong{display:block;font:500 1rem var(--sans);text-transform:none;margin-bottom:7px}
.artist-section{padding:24px 3.5vw 10vw}
.discography{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:7vw}
.release{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:15px;background:#d8d5ce;border:1px solid rgba(10,10,10,.12);transition:transform .25s,background .25s}
.release:nth-child(even){background:var(--ink);color:var(--paper)}
.release.latest{background:var(--red);color:var(--ink)}
.release:hover{transform:translateY(-8px)}
.release span{font:400 .58rem var(--mono);text-transform:uppercase}
.release h3{font:400 clamp(1.3rem,2.3vw,2.5rem)/.94 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0}
.tour-list{margin-top:7vw;border-top:1px solid}
.tour-row{display:grid;grid-template-columns:12% 1fr 1fr auto;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid}
.tour-row time{font:500 .7rem var(--mono);text-transform:uppercase}
.tour-row h3{font:500 clamp(1.2rem,2.2vw,2rem) var(--sans);margin:0}
.tour-row p{margin:0;color:#6e6c68}
.tour-row span{font-size:1.6rem}
.tour-empty{font:400 clamp(2rem,5vw,5rem)/.95 var(--display);letter-spacing:-.05em;text-transform:uppercase;padding:7vw 0;border-bottom:1px solid}
.links-panel{padding:24px 3.5vw 8vw}
.artist-links{display:grid;grid-template-columns:repeat(5,1fr);margin-top:6vw;border-top:1px solid}
.artist-links a{padding:22px 12px 22px 0;border-bottom:1px solid;font:500 .72rem var(--mono);text-transform:uppercase}
.artist-links a:hover{color:var(--red)}
.booking-band{padding:9vw 3.5vw;background:var(--red)}
.booking-band p{font:400 clamp(3.5rem,9vw,9rem)/.86 var(--display);letter-spacing:-.065em;text-transform:uppercase;margin:0}
.booking-band a{display:inline-block;margin-top:5vw;border:1px solid;border-radius:99px;padding:14px 22px;font:500 .7rem var(--mono);text-transform:uppercase}
.draft-flag{position:fixed;right:0;bottom:0;z-index:80;background:#ffdf00;color:#000;padding:9px 13px;font:500 .6rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.artist-hero{padding-top:90px}
.artist-name{font-size:19vw;margin:12vh 0 3vh}
.artist-name.long{font-size:15vw}
.artist-hero-image{height:47vh}
.artist-hero-image img{object-position:50% 22%}
.artist-hero.step .artist-hero-image{width:82%;height:58vh}
.artist-hero.step .artist-hero-image img{object-position:50% 42%}
.artist-lead{font-size:10vw;margin:22vw 0}
.bio-grid{grid-template-columns:1fr;gap:40px}
.bio-copy{columns:1}
.members{grid-template-columns:1fr 1fr}
.discography{grid-template-columns:1fr 1fr}
.tour-row{grid-template-columns:75px 1fr 25px}
.tour-row p{grid-column:2}
.artist-links{grid-template-columns:1fr 1fr}
.booking-band{padding-top:20vw;padding-bottom:20vw}
}
@media(max-width:480px){
.artist-hero{min-height:auto;padding:92px 20px 55px}
.artist-kicker{gap:15px;font-size:.54rem;line-height:1.45}.artist-kicker span:last-child{text-align:right}
.artist-name,.artist-name.long{font-size:15.5vw;line-height:.82;letter-spacing:-.065em;margin:72px 0 28px;overflow-wrap:anywhere}
.artist-hero-image,.artist-hero.step .artist-hero-image{width:100%;height:auto;margin:0;background:transparent;overflow:visible}
.artist-hero-image img,.artist-hero.step .artist-hero-image img,.artist-hero.negatifa .artist-hero-image img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.artist-intro,.artist-section,.links-panel{padding-left:20px;padding-right:20px}
.artist-lead{font-size:9.5vw;line-height:.95;margin:80px 0 65px}
.bio-grid{gap:35px}.bio-copy{font-size:.98rem;line-height:1.65}.members{grid-template-columns:1fr;gap:20px;margin-top:55px}
.discography{grid-template-columns:1fr;gap:12px;margin-top:55px}.release{aspect-ratio:1.15}.release h3{font-size:10vw}
.tour-list{margin-top:55px}.tour-row{grid-template-columns:1fr 25px;gap:10px;padding:22px 0}.tour-row time,.tour-row h3,.tour-row p{grid-column:1}.tour-row span{grid-column:2;grid-row:1/4}.tour-row h3{font-size:1.1rem}.tour-row p{font-size:.88rem}.tour-empty{font-size:10vw;padding:55px 0}
.artist-links{grid-template-columns:1fr;margin-top:48px}.artist-links a{padding:20px 0}
.booking-band{padding:80px 20px}.booking-band p{font-size:12vw;overflow-wrap:anywhere}
}