:root{--story-bg:#f0ede4;--story-ink:#080808;--story-accent:#ff3b29;--story-alt:#d8ff00;--story-dark:#0a0a0a;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--serif:Georgia,"Times New Roman",serif;--display:Arial,Helvetica,sans-serif}
body{background:var(--story-bg);color:var(--story-ink)}
.archive-hero{position:relative;height:100svh;min-height:650px;overflow:hidden;background:var(--story-dark);color:#f4f0e7}
.archive-hero>img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,center);filter:var(--hero-filter,saturate(.92) contrast(1.04))}
.archive-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 28%),linear-gradient(0deg,rgba(0,0,0,.83),transparent 62%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 60%)}
.archive-kicker{position:absolute;top:112px;left:3vw;right:3vw;display:flex;justify-content:space-between;font:700 10px var(--mono);letter-spacing:.17em;color:rgba(244,240,231,.75)}
.archive-title{position:absolute;left:3vw;right:3vw;bottom:7%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.archive-title p{margin:0 0 15px;font:700 10px var(--mono);letter-spacing:.2em;color:var(--story-alt)}
.archive-title h1{max-width:12ch;margin:0;font-size:clamp(4.8rem,9.7vw,11rem);line-height:.72;letter-spacing:-.075em;text-transform:uppercase}
.archive-title h1 em{font:italic 400 .9em/.75 var(--serif);text-transform:none;color:var(--story-accent)}
.archive-count{align-self:end;text-align:right;font:700 10px/1.6 var(--mono);letter-spacing:.16em;color:rgba(244,240,231,.72)}
.archive-count strong{display:block;font:900 clamp(3rem,5vw,6rem)/.8 var(--display);letter-spacing:-.06em;color:#f4f0e7}
.archive-intro{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:clamp(55px,9vw,150px);padding:115px 3vw 130px}
.archive-facts{border-top:1px solid var(--story-ink)}
.archive-facts p{display:grid;grid-template-columns:115px 1fr;gap:18px;margin:0;padding:17px 0;border-bottom:1px solid color-mix(in srgb,var(--story-ink) 25%,transparent);font:700 10px/1.45 var(--mono);letter-spacing:.1em}
.archive-facts span{font-size:8px;letter-spacing:.18em;color:color-mix(in srgb,var(--story-ink) 55%,transparent)}
.archive-copy{max-width:900px}
.archive-copy .dek{max-width:18ch;margin:0 0 46px;font:900 clamp(3rem,6.5vw,7.6rem)/.82 var(--display);letter-spacing:-.065em}
.archive-copy .dek em{font:italic 400 .92em var(--serif);color:var(--story-accent)}
.archive-copy>p:not(.dek){max-width:56ch;margin:0;font:500 clamp(1rem,1.55vw,1.45rem)/1.55 var(--mono);letter-spacing:-.025em}
.archive-source{display:inline-block;margin-top:34px;border-bottom:1px solid currentColor;padding-bottom:9px;font:700 10px var(--mono);letter-spacing:.14em}
.archive-editorial{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(22px,3vw,58px);align-items:start;padding:110px 3vw 150px;background:var(--story-bg);color:var(--story-ink)}
.editorial-shot{display:block;border:0;background:transparent;padding:0;cursor:zoom-in;text-align:left}
.editorial-shot img{width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s}
.editorial-shot:hover img{transform:scale(1.012);filter:saturate(1.08)}
.editorial-shot.one{grid-column:1/6}.editorial-shot.two{grid-column:2/6}.editorial-shot.three{grid-column:7/12;margin-top:9vw}.editorial-shot.four{grid-column:6/11}
.editorial-note{grid-column:7/13;align-self:center;border-top:1px solid currentColor;padding-top:16px}
.editorial-note.second{grid-column:1/5;align-self:center}
.editorial-note span{font:700 9px var(--mono);letter-spacing:.16em;color:color-mix(in srgb,var(--story-ink) 58%,transparent)}
.editorial-note p{margin:24px 0 0;font:500 clamp(1rem,1.45vw,1.35rem)/1.55 var(--mono);letter-spacing:-.025em}
.archive-editorial.editorial-flow{gap:clamp(18px,2vw,34px);padding-top:90px}
.editorial-flow .editorial-note,.editorial-flow .editorial-note.second{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);gap:clamp(30px,6vw,110px);align-items:start;margin:0;padding:18px 0 38px;border-top:1px solid currentColor}
.editorial-flow .editorial-note.second{margin-top:clamp(42px,6vw,90px)}
.editorial-flow .editorial-note p{max-width:60ch;margin:0}
.editorial-flow .editorial-shot.one,.editorial-flow .editorial-shot.three{grid-column:1/7;margin:0}
.editorial-flow .editorial-shot.two,.editorial-flow .editorial-shot.four{grid-column:7/13;margin:0}
.gallery-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid currentColor;margin-bottom:24px;padding-bottom:12px;font:700 9px var(--mono);letter-spacing:.16em}
.act-break{display:grid;grid-template-columns:120px 1fr auto;gap:30px;align-items:end;margin:0 3vw;padding:90px 0 24px;border-bottom:1px solid currentColor}
.act-break span,.act-break p{margin:0;font:700 9px var(--mono);letter-spacing:.16em}
.act-break h2{margin:0;font-size:clamp(3.3rem,7.5vw,8.5rem);line-height:.77;letter-spacing:-.07em;text-transform:uppercase}
.act-break h2 em{font:italic 400 .85em var(--serif);color:var(--story-accent);text-transform:none}
.archive-gallery{padding:45px 3vw 130px}
.archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,30px);align-items:start}
.archive-frame{grid-column:span 6;border:0;background:transparent;padding:0;cursor:zoom-in;text-align:left;overflow:hidden}
.archive-frame.wide{grid-column:span 8}.archive-frame.narrow{grid-column:span 4}.archive-frame.full{grid-column:1/-1}.archive-frame.push{margin-top:12vw}
.archive-frame img{width:100%;height:auto;object-fit:contain;background:#181818;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s}
.archive-frame.portrait img,.archive-frame.tall img{aspect-ratio:auto}
.archive-frame:hover img{transform:scale(1.018);filter:saturate(1.1)}
.frame-index{display:flex;justify-content:space-between;margin-top:9px;font:700 8px var(--mono);letter-spacing:.14em;color:color-mix(in srgb,var(--story-ink) 58%,transparent)}
.archive-grid.is-justified{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gallery-gap,clamp(10px,1.25vw,20px))}
.archive-grid.is-justified .archive-frame,.archive-grid.is-justified .archive-frame.wide,.archive-grid.is-justified .archive-frame.narrow,.archive-grid.is-justified .archive-frame.full,.archive-grid.is-justified .archive-frame.push{flex:0 0 auto;grid-column:auto!important;margin:0!important;transform:none!important}
.archive-grid.is-justified .archive-frame img,.archive-grid.is-justified .archive-frame.portrait img,.archive-grid.is-justified .archive-frame.tall img{display:block;width:100%;max-width:none;aspect-ratio:auto;object-fit:contain}
.archive-grid.is-justified .frame-index{display:none}
.archive-grid.is-portrait-priority{position:relative;display:block;min-height:40vh;transition:height .35s cubic-bezier(.16,1,.3,1)}
.archive-grid.is-portrait-priority .archive-frame,.archive-grid.is-portrait-priority .archive-frame.wide,.archive-grid.is-portrait-priority .archive-frame.narrow,.archive-grid.is-portrait-priority .archive-frame.full,.archive-grid.is-portrait-priority .archive-frame.push{position:absolute;top:0;left:0;display:block;grid-column:auto!important;margin:0!important;overflow:visible;transition:transform .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1)}
.archive-grid.is-portrait-priority .archive-frame img,.archive-grid.is-portrait-priority .archive-frame.portrait img,.archive-grid.is-portrait-priority .archive-frame.tall img{display:block;width:100%;height:auto!important;max-width:none;aspect-ratio:auto;object-fit:contain}
.archive-grid.is-portrait-priority .frame-index{display:none}
.archive-credit{min-height:80svh;padding:100px 3vw;display:grid;grid-template-columns:1fr 2fr;gap:7vw;align-items:end;background:var(--story-dark);color:#f4f0e7}
.archive-credit>p{font:700 10px/1.65 var(--mono);letter-spacing:.16em;color:rgba(244,240,231,.65)}
.archive-credit h2{margin:0;font-size:clamp(5rem,13vw,14rem);line-height:.66;letter-spacing:-.085em}
.archive-credit h2 em{font:italic 400 .6em var(--serif);color:var(--story-accent)}
.archive-credit div>p{margin:55px 0 0;font:700 9px/1.7 var(--mono);letter-spacing:.16em;color:var(--story-alt)}
.archive-setlist{padding:110px 3vw 130px;background:var(--story-bg);color:var(--story-ink)}
.archive-setlist-header{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:end;border-top:1px solid currentColor;padding-top:16px}
.archive-setlist-header p{margin:0;font:700 9px var(--mono);letter-spacing:.16em}.archive-setlist-header h2{margin:0;font-size:clamp(4rem,7.5vw,8.5rem);line-height:.78;letter-spacing:-.07em;text-transform:uppercase}.archive-setlist-header h2 em{font:italic 400 .85em var(--serif);color:var(--story-accent);text-transform:none}
.setlist-grid{counter-reset:track;columns:3;column-gap:5vw;margin:75px 0 0;padding:0;list-style:none}
.setlist-grid li{counter-increment:track;break-inside:avoid;display:grid;grid-template-columns:30px 1fr;gap:12px;border-top:1px solid color-mix(in srgb,var(--story-ink) 22%,transparent);padding:12px 0;font:700 10px/1.4 var(--mono);letter-spacing:.04em}.setlist-grid li:before{content:counter(track,decimal-leading-zero);color:color-mix(in srgb,var(--story-ink) 48%,transparent)}
.setlist-source{display:inline-block;margin-top:40px;border-bottom:1px solid currentColor;padding-bottom:8px;font:700 9px var(--mono);letter-spacing:.14em}
.archive-next{position:relative;height:65svh;min-height:520px;background:#111;color:#f4f0e7;overflow:hidden}
.archive-next>a{position:absolute;inset:0;display:block}.archive-next img{width:100%;height:100%;object-fit:cover}.archive-next-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.06)),linear-gradient(0deg,rgba(0,0,0,.5),transparent)}
.archive-next small,.archive-next strong,.archive-next b{position:absolute;left:3vw;z-index:1}.archive-next small{top:12%;font:700 9px var(--mono);letter-spacing:.18em;color:var(--story-alt)}.archive-next strong{top:28%;max-width:12ch;font:900 clamp(3rem,7vw,8rem)/.78 var(--display);letter-spacing:-.07em;text-transform:uppercase}.archive-next strong em{font:italic 400 .88em var(--serif);text-transform:none;color:var(--story-accent)}.archive-next b{bottom:12%;border-bottom:1px solid currentColor;padding-bottom:9px;font:700 9px var(--mono);letter-spacing:.16em}
.lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;background:rgba(0,0,0,.96);color:#fff;padding:0}.lightbox::backdrop{background:#000}.lightbox figure{width:100%;height:100%;margin:0;display:grid;place-items:center;padding:65px}.lightbox figure img{max-width:100%;max-height:calc(100vh - 130px);width:auto;height:auto}.lightbox figcaption{position:absolute;left:22px;bottom:20px;right:22px;text-align:center;font:700 8px var(--mono);letter-spacing:.11em;color:rgba(255,255,255,.62)}.lightbox-close,.lightbox-arrow{position:absolute;z-index:2;border:0;background:#fff;color:#000;cursor:pointer;font:700 9px var(--mono);letter-spacing:.12em}.lightbox-close{top:18px;right:18px;padding:10px 12px}.lightbox-arrow{top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:20px}.lightbox-prev{left:18px}.lightbox-next{right:18px}
@media(max-width:760px){.archive-hero{min-height:620px}.archive-kicker{top:80px;left:17px;right:17px;font-size:7px}.archive-kicker span:nth-child(2){display:none}.archive-title{left:17px;right:17px;bottom:7%;grid-template-columns:1fr}.archive-title h1{font-size:clamp(4rem,20vw,7rem)}.archive-title p{font-size:7px}.archive-count{display:none}.archive-intro{grid-template-columns:1fr;gap:58px;padding:80px 17px 95px}.archive-copy{grid-row:1}.archive-copy .dek{font-size:clamp(3rem,15vw,5.5rem);margin-bottom:34px}.archive-copy>p:not(.dek){font-size:.96rem}.archive-facts p{grid-template-columns:90px 1fr;font-size:8px}.act-break{grid-template-columns:1fr;margin:0 17px;padding-top:70px;gap:13px}.act-break span{display:none}.act-break h2{font-size:clamp(3.3rem,16vw,5.7rem)}.archive-gallery{padding:25px 17px 90px}.archive-grid{grid-template-columns:1fr;gap:32px}.archive-frame,.archive-frame.wide,.archive-frame.narrow,.archive-frame.full{grid-column:1}.archive-frame.push{margin-top:0}.archive-frame img,.archive-frame.tall img{aspect-ratio:auto}.archive-frame.portrait img{aspect-ratio:auto}.archive-credit{min-height:70svh;padding:80px 17px;grid-template-columns:1fr;gap:60px}.archive-credit h2{font-size:clamp(5rem,27vw,9rem)}.archive-next small,.archive-next strong,.archive-next b{left:17px}.archive-next strong{font-size:clamp(3.2rem,16vw,5.8rem)}.lightbox figure{padding:60px 16px 80px}.lightbox-arrow{top:auto;bottom:18px}.lightbox-prev{left:16px}.lightbox-next{right:16px}}
@media(max-width:760px){.archive-editorial{grid-template-columns:1fr;gap:38px;padding:70px 17px 95px}.editorial-shot.one,.editorial-shot.two,.editorial-shot.three,.editorial-shot.four,.editorial-note,.editorial-note.second{grid-column:1;margin-top:0}.editorial-note{margin-bottom:30px}.archive-setlist{padding:80px 17px 95px}.archive-setlist-header{grid-template-columns:1fr;gap:28px}.archive-setlist-header h2{font-size:clamp(3.5rem,16vw,5.7rem)}.setlist-grid{columns:1;margin-top:50px}}
@media(max-width:760px){.archive-editorial.editorial-flow{gap:18px;padding:64px 17px 90px}.editorial-flow .editorial-note,.editorial-flow .editorial-note.second{grid-column:1;display:block;margin:0;padding:16px 0 30px}.editorial-flow .editorial-note.second{margin-top:38px}.editorial-flow .editorial-note p{margin-top:20px}.editorial-flow .editorial-shot.one,.editorial-flow .editorial-shot.two,.editorial-flow .editorial-shot.three,.editorial-flow .editorial-shot.four{grid-column:1;margin:0}}
@media(prefers-reduced-motion:reduce){.archive-frame img,.editorial-shot img,.archive-grid.is-portrait-priority,.archive-grid.is-portrait-priority .archive-frame{transition:none}}