:root{--ink:#0b0b0b;--paper:#f4efe5;--hot:#f00075;--gold:#c9932f;--acid:#d9ff3f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:"DM Sans",sans-serif;font-size:16px}
a{color:inherit}
.gallery-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;border-bottom:1px solid rgba(244,239,229,.25)}
.wordmark{font:2rem/1 "Archivo Black",sans-serif;text-decoration:none;letter-spacing:-.1em}
.wordmark span{color:var(--hot);margin-left:.1em}
.back{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}
.gallery-intro{position:relative;overflow:hidden;padding:70px 4vw 55px;background:var(--gold);color:var(--ink)}
.gallery-intro:after{content:"RR";position:absolute;right:-.05em;bottom:-.25em;font:clamp(10rem,28vw,28rem)/1 "Archivo Black",sans-serif;color:#6d250f;opacity:.17;transform:rotate(-8deg);pointer-events:none}
.kicker{position:relative;z-index:1;margin:0 0 24px;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
h1{position:relative;z-index:1;margin:0;font:clamp(4.5rem,13vw,12rem)/.75 "Archivo Black",sans-serif;letter-spacing:-.085em}
h1 em{font-family:"Instrument Serif",serif;font-weight:400;color:#6d250f;letter-spacing:-.04em}
.intro-copy{position:relative;z-index:1;margin:38px 0 0;font:clamp(1.2rem,2.4vw,2rem)/1.2 "Instrument Serif",serif}
.performance-gallery{padding:18px;columns:3 320px;column-gap:18px}
figure{break-inside:avoid;margin:0 0 18px;position:relative;background:#171717}
figure a{display:block;overflow:hidden}
figure img{display:block;width:100%;height:auto;transition:transform .35s ease,filter .35s ease}
figure a:hover img{transform:scale(1.015);filter:contrast(1.04)}
footer{display:flex;justify-content:space-between;gap:20px;margin:55px 4vw 0;padding:25px 0 40px;border-top:1px solid rgba(244,239,229,.25);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
footer a{text-decoration:none;border-bottom:1px solid var(--hot);padding-bottom:4px}
@media(max-width:700px){.gallery-nav{padding:18px 5vw}.back{font-size:.68rem}.gallery-intro{padding:55px 5vw 42px}h1{font-size:20vw}.intro-copy{margin-top:28px}.performance-gallery{padding:10px;columns:1}.performance-gallery figure{margin-bottom:10px}footer{margin:45px 5vw 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}figure img{transition:none}}