:root{--story-paper:#f1eee7;--story-ink:#090708;--story-hot:#ff3c0a;--story-pink:#ff4db8;--story-edge:clamp(18px,3vw,62px);--story-gap:clamp(16px,2.4vw,48px);--story-space:clamp(88px,9vw,180px);--story-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--story-serif:Georgia,"Times New Roman",serif}
.story-hero{position:relative;height:100svh;min-height:680px;overflow:hidden;background:var(--story-ink);color:var(--story-paper)}
.story-hero-fallback,.story-hero>video{position:absolute;inset:0;width:100%;height:100%}.story-hero-fallback{background:url("../../../public/images/geek/chanpan-barboza/chanpan-trio-red.jpg") center 44%/cover no-repeat}.story-hero>video{object-fit:cover;object-position:center center;filter:saturate(1.06) contrast(1.03)}
.story-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,4,5,.52),transparent 28%),linear-gradient(90deg,rgba(6,4,5,.72),rgba(6,4,5,.02) 68%),linear-gradient(0deg,rgba(6,4,5,.88),transparent 58%)}
.story-kicker{position:absolute;top:112px;left:3vw;right:3vw;display:flex;justify-content:space-between;font:700 8px var(--story-mono);letter-spacing:.2em;color:rgba(241,238,231,.7)}
.story-title{position:absolute;left:3vw;bottom:8%;max-width:1120px}.story-title>p{margin:0 0 22px;font:700 9px var(--story-mono);letter-spacing:.22em;color:var(--story-pink)}
.story-title h1{margin:0;font-size:clamp(5.2rem,9.5vw,11rem);line-height:.73;letter-spacing:-.078em}.story-title h1 b{font-weight:inherit;color:var(--story-paper)}.story-title h1 span{display:block;margin-top:.16em;font:italic 400 .47em/.9 var(--story-serif);letter-spacing:-.05em;color:var(--story-pink)}.story-title h1 span em{font:inherit;color:inherit}
.hero-date{position:absolute;top:25%;right:3vw;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;align-items:end;border:1px solid rgba(241,238,231,.68);padding:14px 16px 12px;background:rgba(9,7,8,.18);backdrop-filter:blur(5px);color:var(--story-paper);font:700 8px var(--story-mono);letter-spacing:.19em}.hero-date strong{grid-row:1/3;grid-column:2;font:900 clamp(3.6rem,5vw,6rem)/.72 Arial,sans-serif;letter-spacing:-.08em;color:var(--story-pink)}.hero-date span:last-child{align-self:start}
.scroll-cue{position:absolute;right:3vw;bottom:7%;display:flex;align-items:center;gap:28px;border-bottom:1px solid currentColor;padding-bottom:9px;font:700 8px var(--story-mono);letter-spacing:.17em}.scroll-cue span{font-size:17px}
.story-intro{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(0,1.55fr);gap:5vw;padding:82px 3vw 78px;background:var(--story-paper);color:var(--story-ink)}
.story-facts{align-self:start;border-top:1px solid var(--story-ink)}.story-facts p{display:grid;grid-template-columns:92px 1fr;gap:18px;margin:0;border-bottom:1px solid rgba(9,7,8,.2);padding:16px 0;font:700 8px/1.45 var(--story-mono);letter-spacing:.09em}.story-facts span{color:#77726c;font-size:7px;letter-spacing:.16em}
.story-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);column-gap:clamp(40px,5vw,90px);align-items:start;max-width:none}.story-copy .dek{grid-column:1;grid-row:1/3;max-width:15ch;margin:0;font-size:clamp(2.9rem,5.3vw,6.6rem);font-weight:900;line-height:.86;letter-spacing:-.067em}.copy-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:1000px}.copy-columns.copy-single{grid-column:2;display:block;max-width:none;padding-top:4px}.copy-columns.copy-single p{columns:1}.copy-columns p{margin:0;font:500 clamp(1rem,1.22vw,1.18rem)/1.64 var(--story-mono);letter-spacing:-.025em}.copy-columns em{font-style:italic}.show-source{grid-column:2;display:inline-block;justify-self:start;margin-top:28px;border-bottom:1px solid currentColor;padding-bottom:7px;font:700 8px var(--story-mono);letter-spacing:.15em}
.story-gallery{padding:0 var(--story-edge) var(--story-space);overflow:hidden;background:var(--story-paper);color:var(--story-ink)}
.gallery-frame{display:block;border:0;background:none;padding:0;color:inherit;text-align:left;cursor:zoom-in}.gallery-frame img{display:block;width:100%;height:auto;transition:filter .35s,transform .7s cubic-bezier(.16,1,.3,1)}.gallery-frame:hover img{filter:saturate(1.12);transform:scale(1.008)}
.gallery-lead{width:100vw;margin-left:calc(50% - 50vw)}.gallery-lead img{width:100%;height:auto}
.gallery-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--story-gap);align-items:start;width:min(100%,2200px);margin:var(--story-space) auto 0}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-12{grid-column:span 12}.pad-top{margin-top:clamp(60px,7vw,132px)}
.gallery-note{margin:clamp(45px,4vw,78px) calc(var(--story-edge) * -1);padding:clamp(58px,6vw,112px) clamp(24px,8vw,154px);background:var(--story-hot);color:var(--story-ink)}.gallery-note p{margin:0 0 22px;font:700 8px var(--story-mono);letter-spacing:.19em}.gallery-note h2{max-width:13ch;margin:0;font-size:clamp(4rem,8vw,9rem);font-weight:900;line-height:.77;letter-spacing:-.078em}
.story-credit{display:grid;grid-template-columns:1fr 1.6fr;gap:8vw;align-items:end;padding:clamp(88px,9vw,165px) var(--story-edge);background:var(--story-ink);color:var(--story-paper)}.story-credit>p{margin:0;color:rgba(241,238,231,.52);font:700 8px/1.7 var(--story-mono);letter-spacing:.18em}.story-credit>div{display:grid;grid-template-columns:1fr auto;gap:4vw;align-items:end}.story-credit h2{margin:0;font-size:clamp(6rem,11vw,13rem);line-height:.66;letter-spacing:-.085em}.story-credit h2 em{font:italic 400 .9em var(--story-serif);color:var(--story-pink)}.story-credit div p{margin:0;font:700 8px/1.7 var(--story-mono);letter-spacing:.15em;color:rgba(241,238,231,.68)}
.story-next>a{position:relative;display:block;min-height:clamp(620px,78svh,940px);overflow:hidden;background:#090909;color:var(--story-paper)}.story-next img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .9s cubic-bezier(.16,1,.3,1)}.story-next a:hover img{transform:scale(1.018)}.story-next-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%)}.story-next-kicker,.story-next-title,.story-next-link{position:absolute;left:var(--story-edge);z-index:1}.story-next-kicker{top:clamp(62px,7vw,105px);font:700 8px var(--story-mono);letter-spacing:.19em;color:var(--story-pink)}.story-next-title{bottom:clamp(110px,12vw,185px);font-weight:900;font-size:clamp(4.8rem,9vw,10rem);line-height:.72;letter-spacing:-.075em}.story-next-title em{font:italic 400 .82em var(--story-serif);color:var(--story-pink)}.story-next-link{bottom:clamp(58px,6vw,92px);border-bottom:1px solid currentColor;padding-bottom:8px;font:700 8px var(--story-mono);letter-spacing:.15em}
.lightbox{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;border:0;background:rgba(4,4,4,.96);color:var(--story-paper);padding:54px 70px}.lightbox::backdrop{background:#050505}.lightbox[open]{display:grid;grid-template-columns:50px 1fr 50px;align-items:center}.lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;height:calc(100svh - 108px);margin:0}.lightbox img{width:auto;max-width:100%;height:100%;max-height:calc(100svh - 145px);object-fit:contain}.lightbox figcaption{margin-top:15px;font:700 7px var(--story-mono);letter-spacing:.13em;color:rgba(241,238,231,.65);text-align:center}.lightbox-close{position:absolute;top:22px;right:28px;border:0;background:none;color:inherit;font:700 8px var(--story-mono);letter-spacing:.16em;cursor:pointer}.lightbox-arrow{border:0;background:none;color:inherit;font-size:32px;cursor:pointer}.lightbox-prev{justify-self:start}.lightbox-next{justify-self:end}
@media(max-width:760px){.story-hero{min-height:650px}.story-hero-fallback{background-image:url("../../../public/images/geek/chanpan-barboza/chanpan-vocal-portrait.jpg");background-position:center center}.story-hero>video{object-position:center center}.story-kicker{top:82px;left:17px;right:17px;font-size:6px}.story-kicker span:nth-child(2){display:none}.story-title{left:17px;right:17px;bottom:9%}.story-title>p{font-size:6px}.story-title h1{font-size:clamp(3.65rem,17.5vw,5.7rem);line-height:.76}.story-title h1 span{font-size:.47em;line-height:.9}.hero-date{top:105px;right:17px;padding:9px 10px 8px;font-size:6px}.hero-date strong{font-size:2.7rem}.scroll-cue{display:none}.story-intro{grid-template-columns:1fr;gap:52px;padding:72px 17px 70px}.story-facts{max-width:430px}.story-copy{display:block}.story-copy .dek{max-width:21ch;font-size:clamp(2.7rem,12vw,4rem);margin-bottom:38px}.copy-columns{grid-template-columns:1fr;gap:28px}.copy-columns.copy-single{padding-top:0}.copy-columns.copy-single p{columns:1}.copy-columns p{font-size:1rem}.show-source{display:inline-block;margin-top:34px}.story-gallery{padding:0 8px 78px}.gallery-lead{width:100vw;margin-left:calc(50% - 50vw)}.gallery-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:72px}.gallery-mosaic .gallery-frame{grid-column:span 1}.gallery-mosaic .span-12{grid-column:span 2}.gallery-mosaic .pad-top{margin-top:48px}.gallery-note{grid-column:span 2;margin:62px -8px;padding:55px 17px}.gallery-note h2{font-size:clamp(3.25rem,15vw,5.2rem)}.story-credit{grid-template-columns:1fr;gap:68px;padding:78px 17px 90px}.story-credit>div{grid-template-columns:1fr}.story-credit h2{font-size:clamp(6.2rem,30vw,9rem)}.story-next>a{min-height:680px}.story-next-title{font-size:clamp(4rem,18vw,6rem)}.lightbox{padding:58px 8px 20px}.lightbox[open]{grid-template-columns:32px 1fr 32px}.lightbox figure{height:calc(100svh - 78px)}.lightbox img{max-height:calc(100svh - 120px)}.lightbox-close{right:14px}.lightbox-arrow{font-size:24px}}
@media(prefers-reduced-motion:reduce){.story-hero>video{display:none}.gallery-frame img,.story-next img{transition:none}}