@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--acid:#d8e648;--char:#101010;--bone:#e9e4d8;--red:#a73c32}
body{background:var(--char);color:var(--bone)}.header{border-bottom:2px solid var(--bone);padding:18px 0}.brand{font-family:'Archivo Black',sans-serif;font-style:normal;font-size:1.2rem;letter-spacing:-.05em;text-transform:uppercase}.brand small{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.27em}.nav a{font-family:'Space Mono',monospace;font-size:.65rem}.nav a:last-child{border:1px solid var(--acid);color:var(--acid)}.nav a:last-child:hover{background:var(--acid);color:var(--char)}
.zine{font-family:'Space Mono',monospace}.zine-hero{position:relative;min-height:88svh;overflow:hidden;background:#131313;border-bottom:2px solid var(--bone)}.zine-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,#fff 5px,transparent 6px);opacity:.025;pointer-events:none}.zine-hero .image-panel{position:absolute;right:0;top:0;width:53%;height:100%;background:linear-gradient(135deg,#4b332e,#161616 60%,#615047);filter:contrast(1.2) grayscale(.4)}.zine-hero .image-panel img{width:100%;height:100%;object-fit:cover}.zine-hero .image-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101010 0,transparent 35%)}.zine-hero .image-panel .placeholder{position:absolute;inset:0;display:grid;place-items:center;font:700 1rem 'Space Mono',monospace;color:#b8a89e;letter-spacing:.18em}.zine-hero .hero-content{position:relative;z-index:1;padding:100px 0 95px}.zine-hero .topline{display:flex;gap:16px;align-items:center;font-size:.67rem;letter-spacing:.1em;color:var(--acid)}.zine-hero h1{font:clamp(5rem,12.5vw,12.5rem)/.83 'Archivo Black',sans-serif;letter-spacing:-.095em;text-transform:uppercase;max-width:1100px;margin:60px 0 40px}.zine-hero h1 .outline{-webkit-text-stroke:2px var(--bone);color:transparent}.zine-hero h1 .acid{color:var(--acid)}.zine-hero .subline{display:flex;align-items:end;gap:40px;flex-wrap:wrap}.zine-hero .subline p{max-width:350px;font-size:.83rem;line-height:1.7}.zine-hero .subline a{background:var(--acid);color:var(--char);padding:18px 25px;font-weight:700;font-size:.75rem;text-transform:uppercase}.zine-hero .side-label{position:absolute;right:20px;bottom:30px;z-index:2;writing-mode:vertical-rl;font-size:.6rem;letter-spacing:.14em}
.zine-strip{background:var(--acid);color:var(--char);padding:13px 0;text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.12em;overflow:hidden}
.zine-statement{background:var(--bone);color:var(--char);padding:120px 0}.zine-statement .number{font-size:.75rem;border-top:2px solid var(--char);padding-top:15px}.zine-statement h2{font:clamp(3.4rem,7.5vw,8rem)/.98 'Archivo Black',sans-serif;letter-spacing:-.075em;text-transform:uppercase;margin:30px 0}.zine-statement h2 i{font-family:'Playfair Display',serif;font-weight:400;text-transform:none;color:var(--red)}.zine-statement .bottom{display:flex;justify-content:space-between;gap:40px;align-items:start}.zine-statement p{max-width:440px;font-size:.85rem}.zine-statement .asterisk{font-size:8rem;line-height:1;color:var(--red)}
.zine-work{padding:110px 0 150px}.zine-work .section-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--bone);padding-bottom:15px;font-size:.75rem}.zine-work h2{font:clamp(4rem,9vw,10rem)/.9 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.085em;margin:55px 0 75px}.zine-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:25px}.zine-tile{grid-column:span 7;display:block}.zine-tile:nth-child(2),.zine-tile:nth-child(3){grid-column:span 5}.zine-tile:nth-child(2){margin-top:145px}.zine-tile:nth-child(3){margin-top:-75px}.zine-tile:nth-child(4){margin-top:80px}.zine-photo{aspect-ratio:4/5;background:linear-gradient(130deg,#5c4944,#1a1717);position:relative;overflow:hidden;filter:grayscale(.2)}.zine-tile:nth-child(2) .zine-photo{aspect-ratio:3/4}.zine-tile:nth-child(3) .zine-photo{aspect-ratio:4/5}.zine-tile:nth-child(4) .zine-photo{aspect-ratio:5/4}.zine-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s;filter:grayscale(.4)}.zine-tile:hover img{transform:scale(1.035);filter:grayscale(0)}.zine-photo .placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;font:clamp(1.8rem,3vw,3rem)/1 'Archivo Black',sans-serif;text-transform:uppercase;color:#e1d5c8}.zine-photo:before{content:"SOP / ARCHIVE";position:absolute;z-index:2;top:14px;left:14px;background:#101010;color:var(--acid);font-size:.58rem;padding:7px 10px}.zine-caption{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #786d64;padding:18px 0}.zine-caption strong{font:clamp(1.3rem,2.5vw,2.5rem)/1 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.06em}.zine-caption span{font-size:.65rem;color:var(--acid)}
.zine-quote{background:var(--red);padding:130px 0;color:#f4e9dd}.zine-quote .quote{font:clamp(3rem,7vw,7rem)/1.05 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.07em;max-width:1000px;margin:35px 0}.zine-quote .quote em{font-family:'Playfair Display',serif;font-weight:400;text-transform:none}.zine-about{background:var(--bone);color:var(--char);padding:120px 0}.zine-about .layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.zine-about .portrait{aspect-ratio:3/4;background:linear-gradient(130deg,#68514d,#292120);position:relative;border:13px solid #f6f0e8;box-shadow:15px 15px 0 #ad9b8c}.zine-about .portrait img{width:100%;height:100%;object-fit:cover}.zine-about h2{font:clamp(3.5rem,7vw,7rem)/.98 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.075em}.zine-about p{font-size:.9rem}.zine-about a{display:inline-block;border-bottom:2px solid var(--char);padding-bottom:8px;font-size:.8rem;font-weight:700}.zine-cta{padding:130px 0;text-align:center}.zine-cta h2{font:clamp(5rem,12vw,13rem)/.83 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.09em;margin:35px 0 60px}.zine-cta h2 span{color:var(--acid)}.zine-cta a{display:inline-block;background:var(--acid);color:var(--char);padding:20px 35px;font-weight:700;font-size:.8rem}
@media(max-width:800px){.zine-hero .image-panel{width:100%;opacity:.3}.zine-hero .image-panel:after{background:#10101060}.zine-hero h1{font-size:clamp(4.3rem,15vw,8rem)}.zine-statement,.zine-work,.zine-quote,.zine-about,.zine-cta{padding:80px 0}.zine-about .layout{grid-template-columns:1fr}.zine-grid{gap:30px}.zine-tile:nth-child(n){grid-column:span 6;margin-top:0}.zine-statement .asterisk{font-size:4rem}}
@media(max-width:550px){.zine-hero .hero-content{padding:80px 0}.zine-hero h1{font-size:clamp(3.9rem,16vw,6rem)}.zine-tile:nth-child(n){grid-column:span 12}.zine-statement .bottom{display:block}.zine-statement .asterisk{display:none}.zine-work h2{font-size:3.8rem}}
@media(prefers-reduced-motion:reduce){.zine-photo img{transition:none}}