@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--paper:#f2eee6;--red:#e50920;--black:#161616;--yellow:#f7d235}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Archivo Black',Impact,sans-serif;letter-spacing:-.065em;line-height:.94}h2{font-size:clamp(3.1rem,8vw,9rem)}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #0002}.logo{font-family:'Archivo Black';font-size:32px;letter-spacing:-.09em}.logo span{color:var(--red);font-size:19px;vertical-align:top}.nav nav{display:flex;gap:35px;font-size:11px;font-weight:800;letter-spacing:.12em}.nav nav a:hover{color:var(--red)}.nav-join{font-size:12px;font-weight:900;background:var(--black);color:white;padding:15px 19px;transform:rotate(2deg)}.hero{min-height:830px;position:relative;padding:175px 5% 100px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,#0000000b 50%,transparent 50.05%),repeating-linear-gradient(0deg,transparent 0 109px,#00000007 110px);pointer-events:none}.museum-tag{position:absolute;top:115px;left:5%;font:10px 'DM Mono';letter-spacing:.08em}.museum-tag span{margin-left:25px;color:#999}.hero-copy{z-index:3}.eyebrow,.mini,.section-num,.tiny-light{font:11px 'DM Mono',monospace;letter-spacing:.12em}.eyebrow{display:flex;gap:12px;align-items:center}.live-dot{width:9px;height:9px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #e5092022;animation:pulse 2s infinite}.hero h1{font-size:clamp(5.3rem,10vw,12rem);margin:22px 0 25px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--red);position:relative}.period{color:var(--red)}.lead{font-size:clamp(16px,1.55vw,23px);line-height:1.5;font-weight:600}.hero-actions,.socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:2px solid transparent;padding:17px 22px;font-size:12px;font-weight:900;letter-spacing:.055em;display:inline-flex;gap:18px;align-items:center;justify-content:space-between;transition:transform .2s,background .2s;min-height:53px}.btn:hover{transform:translateY(-4px) rotate(-1deg)}.btn.red{background:var(--red);color:white}.btn.outline{background:transparent;border-color:var(--black);color:var(--black)}.btn.black{background:var(--black);color:white}.btn.light{background:white;color:var(--black)}.btn.light-outline{border-color:white;color:white}.art-stage{height:580px;position:relative;display:grid;place-items:center;perspective:800px}.spotlight{position:absolute;width:105%;height:110%;background:radial-gradient(ellipse at 52% 37%,#fff9 0%,#fff4 32%,transparent 65%);animation:spot 8s ease-in-out infinite;pointer-events:none}.banana-holder{position:relative;width:min(90%,490px);aspect-ratio:1;box-shadow:0 18px 50px #0002;transform:rotate(5deg);animation:float 5s ease-in-out infinite;transition:filter .4s}.banana-holder img{width:100%;height:100%;object-fit:cover;display:block}.banana-holder.falling{animation:fall .9s cubic-bezier(.4,0,.9,.5) forwards}.ban-stamp{position:absolute;top:41%;left:9%;transform:rotate(-15deg) scale(3);border:9px solid var(--red);color:var(--red);font:clamp(30px,5vw,65px) 'Archivo Black';padding:7px;opacity:0;pointer-events:none}.ban-stamp.show{animation:stamp .45s forwards}.art-caption{position:absolute;bottom:-12px;right:10%;font-size:10px;font-weight:900;letter-spacing:.07em}.art-caption small{display:block;font-weight:400;margin-top:5px}.gallery-light{position:absolute;top:-70px;width:110px;height:18px;background:#222;box-shadow:0 15px 45px 18px #fff9;animation:lightFlicker 12s infinite}.scroll-cue{position:absolute;bottom:35px;left:5%;font:10px 'DM Mono';letter-spacing:.14em}.scroll-cue span{margin-left:20px;display:inline-block;animation:bob 1.4s infinite}.red-scratch{position:absolute;color:var(--red);font:900 250px Impact;right:1%;top:12%;opacity:.12;transform:rotate(20deg);pointer-events:none}.ticker{overflow:hidden;background:var(--red);color:white;padding:20px 0;transform:rotate(-1deg) scale(1.02);position:relative;z-index:4}.ticker-track{white-space:nowrap;width:max-content;font:23px 'Archivo Black';animation:marquee 25s linear infinite}.section{position:relative;padding:110px 6%;overflow:hidden}.section-num{margin-bottom:60px;font-weight:600}.incident-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:10%}.incident h2{margin:0}.marker{color:var(--red);text-decoration:underline;text-decoration-thickness:8px;text-underline-offset:12px}.incident-aside{padding-top:30px}.museum-card{background:#fff;border:1px solid #bbb;padding:25px;box-shadow:10px 12px 0 #ded8cf;transform:rotate(4deg)}.museum-card span,.cert-top{font:10px 'DM Mono';letter-spacing:.1em}.card-symbol{font-size:90px;text-align:center;margin:25px 0;filter:grayscale(.3);animation:float 4s infinite}.museum-card b{font-size:20px}.museum-card p{font-size:13px;line-height:1.8;margin:15px 0 0}.aside-note{font-size:18px;line-height:1.5;margin:40px 0 0}.tape-strip{position:absolute;bottom:5%;left:-5%;width:110%;height:50px;background:#aaa8;transform:rotate(-4deg)}.manifesto{background:var(--black);color:white;min-height:870px}.manifesto-inner{position:relative;z-index:2}.tiny-light{color:#aaa;margin-bottom:40px}.manifesto h2{font-size:clamp(3rem,7.6vw,8.5rem);max-width:1200px}.manifesto h2 i{color:var(--red);font-style:normal}.yellow{color:var(--yellow)}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.manifesto-bottom p{max-width:460px;font-size:19px;line-height:1.6}.round-stamp{border:5px solid var(--red);border-radius:50%;height:170px;width:170px;display:grid;place-content:center;text-align:center;font:18px 'Archivo Black';color:var(--red);transform:rotate(17deg)}.round-stamp span{font-size:35px}.poster{position:absolute;background:var(--red);padding:20px;color:white;font:26px 'Archivo Black';line-height:1.05;box-shadow:4px 9px 0 #0006;transition:transform .5s}.poster-left{top:10%;right:-25px;transform:rotate(17deg)}.poster-right{bottom:9%;right:20%;transform:rotate(-10deg);background:var(--yellow);color:#111}.manifesto:hover .poster-left{transform:rotate(8deg) translateX(-25px)}.manifesto:hover .poster-right{transform:rotate(-17deg)}.takeover{background:var(--yellow)}.takeover-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.takeover h2 span{color:var(--red)}.takeover-text{font-size:20px;line-height:1.5;max-width:450px}.reset{display:block;margin-top:18px;border:0;background:transparent;font:11px 'DM Mono';text-decoration:underline}.counter-panel{background:var(--black);color:white;padding:35px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:15px 15px 0 var(--red);transform:rotate(2deg);transition:transform .3s}.counter-panel.bump{animation:bump .3s}.counter-top{font:10px 'DM Mono';display:flex;justify-content:space-between;gap:10px}.counter-top span{color:var(--yellow)}.counter-number{font:clamp(50px,7vw,110px) 'Archivo Black';letter-spacing:-.08em}.counter-panel p{font:16px 'Archivo Black';margin:0}.counter-message{color:var(--yellow);font:12px 'DM Mono';min-height:25px}.counter-panel small{color:#aaa;font-size:10px}.gallery{background:#e8e3d9}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.gallery-head h2 span{color:var(--red)}.gallery-head p{max-width:250px;line-height:1.5}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.gallery-item{border:0;background:#fff;padding:13px 13px 25px;text-align:left;box-shadow:4px 6px 0 #0002;transition:transform .3s;cursor:pointer;min-width:0}.gallery-item:nth-child(odd){transform:rotate(-2deg)}.gallery-item:nth-child(even){transform:rotate(2deg)}.gallery-item:hover{transform:rotate(0deg) translateY(-15px) scale(1.025)}.gallery-picture{height:250px;display:grid;place-items:center;background:#d6d1c8;overflow:hidden;position:relative}.gallery-picture img{width:100%;height:100%;object-fit:cover}.gallery-placeholder{font:90px 'Archivo Black';color:#b0aaa0}.gallery-item h3{font:16px 'Archivo Black';margin:20px 0 7px}.gallery-item small{font:10px 'DM Mono';color:#777}.certificate{background:var(--paper)}.certificate-inner{max-width:750px;margin:auto;border:9px double #161616;padding:40px 45px 50px;text-align:center;position:relative;background:#faf8f1;box-shadow:14px 14px 0 #0002}.cert-seal{font-size:65px;color:var(--red);margin:30px}.certificate h2{font-size:clamp(3.5rem,8vw,7rem)}.certificate-inner p{max-width:440px;margin:20px auto;line-height:1.6}.cert-number{font:14px 'DM Mono';padding:20px}.certificate .btn{margin:6px}.join{background:var(--red);color:white;text-align:center;min-height:820px;display:grid;place-items:center}.join-content{position:relative;z-index:2}.join h2{font-size:clamp(3.4rem,9vw,10rem);margin:25px 0}.join h2 span{color:var(--yellow)}.join-content>p:not(.eyebrow){font-size:20px}.token{font:clamp(65px,12vw,150px) 'Archivo Black';margin:30px auto;line-height:.85;letter-spacing:-.08em}.token small{display:block;font:11px 'DM Mono';letter-spacing:.2em;margin-top:22px}.socials{justify-content:center}.ca-box{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:35px;font:11px 'DM Mono';flex-wrap:wrap}.ca-box button{background:#0002;border:1px solid #fff6;color:white;padding:13px 20px;max-width:100%;overflow-wrap:anywhere}.join-orbit{position:absolute;width:500px;height:500px;border:2px solid #ffffff25;border-radius:50%;animation:orbit 18s linear infinite}.orbit-two{width:700px;height:700px;animation-duration:28s;border-style:dashed}footer{background:#111;color:#aaa;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:35px 6%;font:10px 'DM Mono'}footer a{color:white}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}dialog{border:0;max-width:min(90vw,520px);padding:40px;background:var(--paper);box-shadow:0 20px 100px #0007}dialog::backdrop{background:#000b}dialog>button{position:absolute;right:15px;top:15px;border:0;background:transparent;font-size:25px}.toast{position:fixed;bottom:20px;right:20px;background:#111;color:white;padding:15px 22px;z-index:100;font:12px 'DM Mono';opacity:0;transform:translateY(20px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 10px #e5092000}}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes spot{50%{transform:translateX(7%) rotate(5deg)}}@keyframes bob{50%{transform:translateY(9px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes lightFlicker{0%,95%,97%,100%{opacity:1}96%,98%{opacity:.4}}@keyframes fall{to{transform:translate(80px,720px) rotate(105deg);opacity:0}}@keyframes stamp{to{opacity:1;transform:rotate(-15deg) scale(1)}}@keyframes bump{50%{transform:rotate(-1deg) scale(1.03)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:160px;gap:50px}.hero h1{font-size:clamp(4.8rem,14vw,9rem)}.art-stage{height:470px}.incident-layout,.takeover-layout{grid-template-columns:1fr;gap:50px}.incident-aside{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.gallery-grid{grid-template-columns:repeat(2,1fr)}.manifesto{min-height:auto}.poster{opacity:.5}.gallery-head{align-items:start}.section{padding:85px 5%}}@media(max-width:540px){.nav{padding:17px 5%}.nav-join{padding:12px;font-size:10px}.hero{padding:140px 5% 90px;min-height:0;gap:15px}.museum-tag{top:95px;font-size:8px}.museum-tag span{display:none}.hero h1{font-size:clamp(4rem,15.7vw,6rem);margin:20px 0}.hero .eyebrow{font-size:9px}.lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.art-stage{height:350px}.banana-holder{width:78%}.gallery-light{top:-10px}.art-caption{bottom:-10px}.section-num{margin-bottom:38px}.section{padding:75px 5%}.incident h2,.takeover h2,.gallery h2,.manifesto h2{font-size:clamp(3rem,13vw,5.5rem)}.incident-aside{grid-template-columns:1fr}.museum-card{max-width:340px}.aside-note{margin:10px 0}.manifesto-bottom{align-items:start}.round-stamp{width:110px;height:110px;font-size:12px;flex-shrink:0}.manifesto-bottom p{font-size:15px}.poster{display:none}.counter-panel{padding:20px;min-height:300px}.counter-number{font-size:clamp(46px,14vw,80px)}.gallery-head{display:block}.gallery-grid{gap:12px}.gallery-picture{height:170px}.gallery-item{padding:9px 9px 16px}.gallery-item h3{font-size:12px}.gallery-placeholder{font-size:60px}.certificate-inner{padding:25px 14px}.certificate h2{font-size:clamp(3rem,13vw,5rem)}.join{min-height:700px}.join h2{font-size:clamp(3rem,12vw,5rem)}.socials{flex-direction:column}.join-orbit{width:300px;height:300px}.orbit-two{width:450px;height:450px}footer{font-size:9px}.ticker-track{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* V2: moving museum, protest takeover, interactive wall */
#protest-overlay{position:fixed;inset:0;pointer-events:none;z-index:45;opacity:0;transition:opacity .5s;background:repeating-linear-gradient(115deg,transparent 0 90px,#e5092012 92px 96px,transparent 98px 180px)}
body.protesting #protest-overlay{opacity:1}body.protesting .nav{background:#f2eee6ed}body.protesting .hero h1{animation:riotJitter .16s steps(2) 8}body.protesting .red-scratch{animation:riotJitter .35s infinite alternate}body.protesting .art-stage{filter:contrast(1.1)}
.floating-tag{position:absolute;right:0;top:10%;padding:12px 18px;color:#fff;background:#e50920;transform:rotate(8deg);font:900 11px 'DM Mono',monospace;letter-spacing:.06em;z-index:3;box-shadow:5px 6px 0 #161616;animation:tagHover 4s ease-in-out infinite}
.art-stage{transform-style:preserve-3d;will-change:transform;transition:transform .22s ease-out}.spotlight{will-change:transform}
.sticker-zone{background:#e4dfd4}.sticker-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:5%;align-items:center}.sticker-layout h2{font-size:clamp(3rem,6vw,7rem)}.sticker-layout h2 span{color:var(--red)}.sticker-layout p{max-width:350px;line-height:1.6}.sticker-tools{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.stamp-choice{border:2px solid #161616;background:transparent;padding:12px;font-weight:900;cursor:pointer}.stamp-choice.active{background:var(--red);color:white;border-color:var(--red)}.sticker-wall{min-height:440px;position:relative;overflow:hidden;cursor:crosshair;background:linear-gradient(110deg,#faf8f3,#e6e2da);box-shadow:inset 0 0 60px #0001,12px 12px 0 #161616;border:1px solid #b9b4aa;touch-action:manipulation}.wall-hint{position:absolute;left:18px;top:18px;font:11px 'DM Mono';color:#666}.wall-frame{position:absolute;inset:18% 30%;border:13px ridge #b49a5c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#888;box-shadow:6px 10px 24px #0003;pointer-events:none}.wall-frame strong{font:110px 'Archivo Black'}.wall-frame span,.wall-frame small{font:10px 'DM Mono'}.wall-stamp{position:absolute;color:#e50920;border:6px solid currentColor;padding:7px 12px;font:900 clamp(14px,2.6vw,28px) 'Archivo Black',sans-serif;letter-spacing:-.05em;transform:translate(-50%,-50%) rotate(var(--angle));pointer-events:none;animation:stampPop .25s cubic-bezier(.2,1.6,.4,1) both;white-space:nowrap;max-width:90%}
.flying-paper{position:fixed;top:-100px;left:var(--x);z-index:46;pointer-events:none;background:#e50920;color:white;padding:12px 15px;font:900 14px 'Archivo Black';box-shadow:3px 4px 0 #111;animation:paperFall var(--duration) linear forwards;transform:rotate(var(--rot))}
@keyframes stampPop{from{opacity:0;scale:1.7}to{opacity:1;scale:1}}@keyframes paperFall{to{translate:var(--drift) 115vh;rotate:650deg;opacity:0}}@keyframes tagHover{50%{translate:0 -14px;rotate:-3deg}}@keyframes riotJitter{from{translate:-3px 1px}to{translate:3px -2px}}
@media(max-width:900px){.sticker-layout{grid-template-columns:1fr}.sticker-wall{min-height:360px}.floating-tag{font-size:9px;right:2%}}
@media(max-width:540px){.sticker-wall{min-height:320px}.wall-frame{inset:20% 28%}.wall-frame strong{font-size:70px}.floating-tag{top:5%;font-size:8px;max-width:140px}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.flying-paper{display:none}.art-stage{transform:none!important}}
