:root {
  --black: #050505;
  --white: #ffffff;
  --offwhite: #f4f4f0;
  --bordeaux: #641a2b;
  --bordeaux-dark: #3b0715;
  --green: #29a35a;
  --green-bright: #42d66f;
  --line: rgba(255,255,255,.28);
  --serif: "Instrument Serif", Georgia, serif;
  --sans: "Unbounded", Arial, sans-serif;
  --heavy: "League Gothic", Impact, sans-serif;
  --mast: "Archivo", Arial, sans-serif;
  --mono: "Space Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
[id] { scroll-margin-top:92px; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid var(--green-bright); outline-offset:5px; }
body { margin: 0; background: var(--black); color: var(--white); font-family: var(--sans); overflow-x: hidden; }
body::after { content:""; position:fixed; z-index:999; inset:0; pointer-events:none; opacity:.085; background-image:radial-gradient(circle at 30% 20%,#fff .45px,transparent .65px),radial-gradient(circle at 70% 80%,#fff .35px,transparent .6px); background-size:5px 5px,7px 7px; mix-blend-mode:soft-light; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; width: 100%; }

.topbar { position:fixed; inset:0 0 auto; z-index:20; height:82px; padding:0 2.2vw; display:grid; grid-template-columns:minmax(215px,22vw) 1fr auto; align-items:center; border:0; background:rgba(5,5,5,.94); overflow:visible; }
.topbar::before { content:""; position:absolute; z-index:-1; left:-1vw; top:13px; width:24vw; min-width:240px; height:57px; background:var(--bordeaux); clip-path:polygon(0 10%,92% 0,100% 76%,4% 100%); transform:rotate(-1.2deg); }
.topbar::after { content:""; position:absolute; left:0; bottom:-5px; width:41vw; height:7px; background:var(--green-bright); clip-path:polygon(0 0,100% 28%,92% 100%,3% 64%); }
.brand { position:relative; z-index:2; width:250px; height:82px; display:block; transform:skewX(-11deg); letter-spacing:-.13em; overflow:visible; }
.brand-pago { position:absolute; left:-.08em; top:11px; color:var(--white); font:900 italic clamp(2.45rem,3.4vw,3.7rem)/1 var(--mast); transform:scaleX(.88); transform-origin:left; }
.brand-si { position:absolute; left:4.15em; top:20px; color:var(--green-bright); font:900 italic clamp(2.2rem,3.1vw,3.4rem)/.8 var(--mast); transform:rotate(-4deg); }
.brand::after { content:""; position:absolute; z-index:4; left:-1vw; top:42px; width:215px; height:8px; background:var(--black); transform:rotate(1.8deg); pointer-events:none; }
.brand-wink { position:absolute; z-index:5; left:8.15em; top:8px; color:var(--white); font:700 .72rem var(--mono); rotate:-13deg; }
.desktop-nav { justify-self:end; display:flex; gap:clamp(1rem,2.1vw,2.3rem); padding-right:3vw; font:700 .59rem var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.desktop-nav a:nth-child(1),.desktop-nav a:nth-child(4) { transform:translateY(-7px) rotate(-2deg); }
.desktop-nav a:nth-child(2),.desktop-nav a:nth-child(5) { transform:translateY(7px) rotate(1.5deg); }
.desktop-nav a:nth-child(3) { transform:translateY(-2px) rotate(-1deg); }
.desktop-nav a { position: relative; }
.desktop-nav a::after { content:""; position:absolute; left:0; right:0; bottom:-7px; height:3px; background:var(--green-bright); transform:scaleX(0); transform-origin:right; transition:transform .25s; }
.desktop-nav a:hover::after { transform:scaleX(1); transform-origin:left; }
.header-tools { position:relative; justify-self:end; display:flex; align-items:center; gap:.6rem; }
.lang-button { min-width:72px; padding:.78rem .8rem; display:flex; justify-content:space-between; border:0; background:var(--white); color:var(--black); cursor:pointer; font:700 .62rem var(--mono); transform:rotate(2deg); box-shadow:6px 6px 0 var(--bordeaux); }
.language-menu { position:absolute; top:calc(100% + 8px); right:0; min-width:170px; padding:.35rem; background:var(--white); color:var(--black); border:1px solid var(--black); }
.language-menu a { display:block; width:100%; padding:.75rem; border:0; background:transparent; text-align:left; cursor:pointer; }
.language-menu a:hover,.language-menu a.active { background:var(--green-bright); }
.menu-button { display:none; width:42px; height:42px; border:0; background:transparent; padding:9px; }
.menu-button span { display:block; height:1px; margin:7px 0; background:currentColor; }
.mobile-menu { position:fixed; z-index:19; inset:76px 0 0; padding:8vw; background:var(--bordeaux-dark); }
.mobile-menu a { display:block; padding:.2em 0; border-bottom:1px solid var(--line); font:400 clamp(3rem,13vw,6rem)/1 var(--serif); }

.hero { position:relative; min-height:100svh; padding:112px 2.2vw 2.2vw; display:grid; grid-template-columns:1fr 1fr; gap:2.2vw; background:var(--black); overflow:hidden; }
.masthead { position:absolute; z-index:11; inset:11vh -2vw auto -2vw; height:34vh; pointer-events:none; white-space:nowrap; transform:skewX(-11deg); }
.masthead::before { content:""; position:absolute; z-index:-1; left:28vw; top:5%; width:45vw; height:64%; background:var(--bordeaux); clip-path:polygon(5% 0,100% 8%,92% 100%,0 82%); mix-blend-mode:multiply; }
.masthead>span { position:absolute; display:block; color:var(--white); font:900 italic clamp(10rem,22vw,27rem)/.66 var(--mast); letter-spacing:-.13em; transform-origin:left center; mix-blend-mode:difference; }
.mast-p { left:0; top:0; }
.mast-a { left:14vw; top:-2vh; }
.mast-g { left:31vw; top:3vh; color:var(--green-bright)!important; mix-blend-mode:normal!important; }
.mast-o { left:49vw; top:-1vh; color:transparent!important; -webkit-text-stroke:clamp(4px,.72vw,11px) var(--white); }
.mast-s { left:66vw; top:4vh; color:var(--white)!important; }
.mast-i { left:80vw; top:-3vh; color:var(--green-bright)!important; mix-blend-mode:normal!important; }
.mast-i::before { content:""; position:absolute; left:.12em; top:.08em; width:.68em; height:.11em; background:var(--bordeaux); transform:rotate(5deg); }
.masthead>i { position:absolute; right:2.5vw; top:84%; color:var(--green-bright); font:900 italic clamp(2.8rem,5vw,6rem)/1 var(--mast); letter-spacing:-.12em; transform:rotate(-7deg); }
.masthead::after { content:"INDEPENDENT / IRREGULAR / ITALIAN"; position:absolute; left:31vw; top:88%; padding:.35rem .6rem; background:var(--green-bright); color:var(--black); font:700 .52rem var(--mono); letter-spacing:.04em; transform:skewX(11deg) rotate(-2deg); }
.hero-copy { position:relative; display:flex; flex-direction:column; min-width:0; isolation:isolate; overflow:hidden; }
.hero-copy::before { content:""; position:absolute; z-index:-2; inset:0; background-image:linear-gradient(90deg,rgba(5,5,5,.18),rgba(5,5,5,.74)),url("https://acquistarearte.it/media/ai-dossier/basile-lumen-et-ombra.jpg"); background-size:cover; background-position:center; filter:grayscale(1) contrast(1.2); opacity:.72; clip-path:polygon(0 0,95% 5%,88% 100%,0 94%); }
.hero-copy::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(5,5,5,.3),rgba(5,5,5,.88) 78%); clip-path:polygon(0 0,95% 5%,88% 100%,0 94%); }
.kicker,.eyebrow { margin:0; font:500 .62rem/1.4 var(--mono); letter-spacing:.09em; text-transform:uppercase; }
.kicker { display:flex; gap:.75rem; align-items:center; }
.kicker span { width:9px; height:9px; border-radius:50%; background:var(--green-bright); box-shadow:0 0 0 7px rgba(66,214,111,.15); }
.hero h1 { margin:auto 0; font:400 clamp(6.3rem,12vw,13rem)/.61 var(--heavy); letter-spacing:-.055em; text-transform:uppercase; }
.hero h1 span,.hero h1 em { display:block; }
.hero h1 span:nth-child(1) { width:max-content; transform:translateX(-.04em) rotate(-2deg) scaleX(1.14); transform-origin:left; }
.hero h1 span:nth-child(2) { width:max-content; color:var(--green-bright); transform:translateX(.42em) rotate(1.5deg) scaleX(1.08); transform-origin:left; }
.hero h1 em { width:max-content; margin-left:auto; color:var(--bordeaux); font:600 clamp(6rem,11vw,12rem)/.55 var(--serif); rotate:-8deg; }
.hero-bottom { display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:end; padding-top:1.5rem; border-top:1px solid var(--line); }
.hero-bottom p { max-width:430px; margin:0; font:400 clamp(1rem,1.4vw,1.3rem)/1.4 var(--serif); }
.arrow-link { display:inline-block; padding-bottom:.25rem; border-bottom:2px solid currentColor; font:500 .65rem var(--mono); letter-spacing:.04em; }
.hero-art { position:relative; margin:0; min-height:600px; overflow:hidden; border:0; background:var(--bordeaux); }
.hero-art::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 .45rem var(--black); pointer-events:none; }
.hero-art img { width:100%; height:100%; object-fit:cover; filter:saturate(.8) contrast(1.08); transition:transform .8s cubic-bezier(.2,.75,.2,1); }
.hero-art::before { content:""; position:absolute; z-index:2; inset:0; opacity:.24; background-image:radial-gradient(circle,var(--black) 1px,transparent 1.3px); background-size:4px 4px; mix-blend-mode:multiply; pointer-events:none; }
.hero-art:hover img { transform:scale(1.025); }
.hero-art figcaption { position:absolute; z-index:2; left:2rem; right:2rem; bottom:2rem; display:flex; justify-content:space-between; padding:.8rem 1rem; background:var(--white); color:var(--black); font:500 .58rem var(--mono); }
.hero-sticker { position:absolute; z-index:3; top:1.4rem; right:-1.4rem; padding:1rem 2rem; background:var(--green-bright); color:var(--black); font:400 .75rem/1.1 var(--heavy); rotate:6deg; box-shadow:6px 6px 0 var(--bordeaux); }
.hero-index { position:absolute; z-index:5; left:-1px; top:29%; padding:.7rem 1.1rem; background:var(--bordeaux); color:var(--white); font:700 .68rem/1.25 var(--mono); transform:translateX(-35%) rotate(-90deg); }
.hero-noise { display:none; }
.hero-noise span { width:max-content; color:var(--white); font:800 clamp(.75rem,1.4vw,1.5rem)/.8 var(--sans); letter-spacing:-.09em; }
.hero-noise span:nth-child(2) { margin-left:2.6rem; color:var(--green-bright); }
.hero-noise span:nth-child(3) { margin-left:.8rem; }
.hero-axis { position:absolute; z-index:9; right:2vw; top:54%; display:grid; justify-items:center; color:var(--white); font:400 clamp(1.3rem,2.3vw,2.5rem)/.72 var(--sans); letter-spacing:.42em; transform:translateY(-50%); }
.hero-axis span:nth-child(2) { margin-left:1.2em; }
.hero-axis small { margin-top:1.2rem; padding:.35rem .5rem; background:var(--white); color:var(--black); font:700 .48rem var(--mono); letter-spacing:.05em; }

.ticker { overflow:hidden; border-block:1px solid var(--line); background:var(--green-bright); color:var(--black); }
.ticker div { width:max-content; display:flex; align-items:center; gap:2.2rem; padding:.8rem 0; animation:ticker 28s linear infinite; font:400 1rem var(--heavy); letter-spacing:.02em; }
.ticker i { font-style:normal; color:var(--bordeaux); }
@keyframes ticker { to { transform:translateX(-50%); } }

.rupture { position:relative; min-height:104vh; padding:7vw 3vw; overflow:hidden; background:var(--white); color:var(--black); isolation:isolate; }
.rupture p { margin:0; }
.rupture-over { position:absolute; z-index:4; left:2vw; top:5vh; font:800 clamp(4rem,12vw,14rem)/.66 var(--sans); letter-spacing:-.1em; transform:scaleX(1.08); transform-origin:left; }
.rupture-core { position:absolute; z-index:5; left:17vw; top:29vh; color:var(--bordeaux); font:400 clamp(9rem,24vw,28rem)/.58 var(--heavy); letter-spacing:-.045em; white-space:nowrap; rotate:-3deg; }
.rupture-cut { position:absolute; z-index:6; left:-4vw; right:-5vw; top:48%; height:16vh; background:var(--black); transform:rotate(7deg) skewX(-18deg); box-shadow:0 22px 0 var(--green-bright); }
.rupture-list { position:absolute; z-index:7; left:2vw; right:2vw; top:49%; color:var(--white); font:700 clamp(.7rem,1.3vw,1.25rem)/1 var(--mono); letter-spacing:.08em; white-space:nowrap; transform:rotate(7deg); }
.rupture-side { position:absolute; z-index:8; left:-8rem; bottom:12vh; color:var(--black); font:800 clamp(.65rem,1.1vw,1rem)/1 var(--sans); letter-spacing:-.06em; transform:rotate(-90deg); }
.rupture-glyph { position:absolute; z-index:2; right:-2vw; bottom:-10vh; color:var(--green-bright); font:400 clamp(22rem,48vw,58rem)/.65 var(--serif); rotate:11deg; }

.manifesto { min-height:72vh; padding:7rem 4vw; display:grid; grid-template-columns:100px 1.1fr .9fr; gap:5vw; align-items:start; border-bottom:1px solid var(--line); }
.manifesto::before { content:"PAGO"; position:absolute; right:-.08em; bottom:-.22em; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.14); font:900 italic 31vw/.7 var(--mast); letter-spacing:-.14em; pointer-events:none; }
.manifesto { position:relative; overflow:hidden; }
.section-number { color:var(--green-bright); font:500 1.1rem var(--mono); }
.manifesto h2,.feature h2,.manual h2,.ai-section h2,.collect-intro h2,.voices h2,.finale h2 { margin:.5rem 0 0; font:400 clamp(3.7rem,7.4vw,8rem)/.68 var(--serif); letter-spacing:-.075em; }
.manifesto-copy { align-self:end; }
.manifesto-copy>p:first-child { margin:0; font:400 clamp(1.25rem,2vw,1.85rem)/1.38 var(--serif); }
.hand-note { width:max-content; margin:3rem 0 0 auto; color:var(--green-bright); font:600 clamp(2.2rem,4vw,4rem)/.8 var(--serif); font-style:italic; rotate:-8deg; }
.manifesto h2 { width:128%; margin-left:-5vw; padding:.08em 0 .14em 4vw; text-indent:-.08em; transform:rotate(-1.5deg) scaleX(1.08); transform-origin:left; font-style:italic; clip-path:polygon(0 11%,100% 0,98% 81%,0 100%); }
.manifesto-copy>p:first-child { transform:translateX(-2.5vw); }

.feature { width:106vw; margin-left:-3vw; min-height:85vh; display:grid; grid-template-columns:1.1fr .9fr; transform:rotate(-.35deg); }
.feature-bordeaux { background:var(--bordeaux); }
.feature-image { position:relative; min-height:620px; overflow:hidden; }
.feature-image img { width:100%; height:100%; object-fit:cover; filter:grayscale(.15) contrast(1.07); transition:transform .7s; }
.feature-image:hover img { transform:scale(1.03); }
.feature-image span { position:absolute; left:1.5rem; bottom:1.5rem; padding:.75rem; background:var(--green-bright); color:var(--black); font:500 .62rem var(--mono); }
.feature-copy { padding:6vw; display:flex; flex-direction:column; justify-content:center; }
.feature-copy h2 { margin:1rem 0 2rem; padding:.06em .12em .16em 0; font-style:italic; clip-path:polygon(0 12%,100% 0,97% 79%,2% 100%); text-shadow:.025em .035em 0 var(--black); }
.feature-copy>p:not(.eyebrow) { max-width:620px; font:400 1.15rem/1.55 var(--serif); }
.feature-copy .arrow-link { margin-top:2.5rem; align-self:flex-start; }

.manual { padding:8rem 4vw; display:grid; grid-template-columns:.75fr 1.1fr .8fr; gap:3vw; align-items:center; background:var(--white); color:var(--black); }
.manual-heading h2 { display:flex; flex-direction:column; }
.manual-heading h2>span:first-child { color:var(--bordeaux); font:700 clamp(7rem,13vw,14rem)/.55 var(--sans); letter-spacing:-.1em; }
.manual-heading h2>span:last-child { width:128%; margin-top:2rem; margin-left:-1.5vw; padding:.08em 0 .12em; font-size:clamp(3.2rem,6vw,7rem); font-style:italic; line-height:.6; clip-path:polygon(0 8%,100% 0,94% 82%,0 100%); transform:rotate(-3deg); }
.manual-collage { position:relative; min-height:620px; }
.manual-collage img { position:absolute; width:68%; height:55%; object-fit:cover; border:8px solid var(--white); box-shadow:0 12px 40px rgba(0,0,0,.25); }
.manual-collage img:nth-child(1) { left:0; top:0; rotate:-5deg; }
.manual-collage img:nth-child(2) { right:0; top:22%; rotate:5deg; }
.manual-collage img:nth-child(3) { left:12%; bottom:0; rotate:-2deg; }
.manual-collage>span { position:absolute; z-index:3; right:5%; top:2%; color:var(--green); font:700 9rem/.7 var(--serif); rotate:12deg; }
.manual-copy>p { font:400 1.2rem/1.55 var(--serif); }
.fact-line { margin:3rem 0; padding:1rem 0; display:flex; gap:1rem; align-items:end; border-block:1px solid var(--black); }
.fact-line b { color:var(--bordeaux); font:700 4.5rem/.7 var(--sans); }
.fact-line span { font:.65rem var(--mono); text-transform:uppercase; }
.pill-link { display:inline-block; padding:.9rem 1.1rem; border:1px solid var(--black); font:500 .62rem var(--mono); }
.pill-link:hover { background:var(--black); color:var(--white); }

.spacetime { position:relative; min-height:120vh; padding:8rem 4vw 4rem; overflow:hidden; background:var(--bordeaux-dark); }
.spacetime>header { position:relative; z-index:5; display:grid; grid-template-columns:.45fr 1.25fr .55fr; gap:4vw; align-items:end; }
.spacetime h2 { width:122%; margin:0 0 0 -5vw; padding:.08em 0 .15em 5vw; color:var(--white); font:400 italic clamp(5.4rem,10vw,11rem)/.57 var(--serif); letter-spacing:-.08em; transform:rotate(1.2deg); clip-path:polygon(0 9%,100% 0,98% 82%,0 100%); }
.spacetime header>p:last-child { margin:0; font:400 1rem/1.55 var(--serif); }
.space-stage { position:relative; min-height:760px; margin-top:5rem; perspective:1200px; }
.space-work { position:absolute; overflow:hidden; border:10px solid var(--black); box-shadow:25px 30px 0 rgba(0,0,0,.5); transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .35s; }
.space-work img { width:100%; height:100%; object-fit:cover; filter:grayscale(.7) contrast(1.12); transition:filter .35s,transform .7s; }
.space-work:hover { z-index:7; transform:translateZ(90px) rotate(0); }
.space-work:hover img { filter:grayscale(0); transform:scale(1.04); }
.space-work-one { left:2%; top:4%; width:34%; height:72%; rotate:-7deg; clip-path:polygon(0 0,100% 7%,91% 100%,6% 92%); }
.space-work-two { left:34%; top:21%; width:39%; height:66%; rotate:5deg; clip-path:polygon(8% 0,100% 10%,92% 93%,0 100%); }
.space-work-three { right:1%; top:-2%; width:28%; height:57%; rotate:-3deg; clip-path:polygon(0 8%,95% 0,100% 100%,7% 88%); }
.impossible-frame { position:absolute; z-index:6; inset:12% 8% 8% 13%; border:18px solid var(--green-bright); transform:rotateX(56deg) rotateZ(-5deg); transform-origin:center; pointer-events:none; }
.impossible-frame span { position:absolute; padding:.35rem .5rem; background:var(--green-bright); color:var(--black); font:.55rem var(--mono); }
.impossible-frame span:nth-child(1){left:-18px;top:-38px}.impossible-frame span:nth-child(2){right:-18px;top:-38px}.impossible-frame span:nth-child(3){right:-18px;bottom:-38px}
.time-mark { position:absolute; z-index:8; left:44%; top:32%; color:var(--green-bright); font:600 clamp(8rem,20vw,22rem)/.6 var(--serif); mix-blend-mode:screen; pointer-events:none; }
.time-axis { display:grid; grid-template-columns:auto 1fr auto 1fr auto; gap:1rem; align-items:center; font:500 .58rem var(--mono); }
.time-axis i { height:1px; background:var(--green-bright); }

.ai-section { padding:8rem 4vw; background:var(--black); }
.ai-section>header { display:grid; grid-template-columns:.5fr 1.2fr .6fr; gap:4vw; align-items:end; margin-bottom:4rem; }
.ai-section h2 { width:128%; margin-left:-7vw; padding:.05em 0 .14em 7vw; color:var(--green-bright); font-style:italic; line-height:.61; transform:rotate(-1.8deg); clip-path:polygon(0 7%,100% 0,94% 85%,0 100%); }
.ai-section header>p:last-child { margin:0; font:400 1rem/1.55 var(--serif); }
.ai-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:1px; background:var(--line); border:1px solid var(--line); }
.ai-lead { position:relative; min-height:680px; overflow:hidden; }
.ai-lead img { height:100%; object-fit:cover; filter:grayscale(1) contrast(1.15); transition:filter .35s,transform .7s; }
.ai-lead:hover img { filter:grayscale(0); transform:scale(1.025); }
.ai-lead span { position:absolute; right:1.5rem; bottom:1.5rem; padding:.6rem; background:var(--bordeaux); font:700 2.5rem var(--sans); }
.artist-stack { background:var(--black); }
.artist-stack>a { min-height:150px; padding:1.5rem; display:grid; grid-template-columns:45px 1fr auto; gap:.7rem 1.5rem; align-items:center; border-bottom:1px solid var(--line); transition:background .25s,color .25s; }
.artist-stack>a:hover { background:var(--green-bright); color:var(--black); }
.artist-stack small { font:.58rem var(--mono); }
.artist-stack b { font:600 clamp(1.5rem,2.5vw,2.5rem) var(--serif); }
.artist-stack em { grid-column:2; font:400 .86rem var(--serif); }
.artist-stack i { grid-column:3; grid-row:1/3; font-style:normal; }
.artist-stack .stack-cta { min-height:120px; display:flex; align-items:center; justify-content:space-between; background:var(--bordeaux); font:700 .72rem var(--mono); }

.collect-section { display:grid; grid-template-columns:1.1fr .9fr .9fr; min-height:80vh; }
.collect-intro,.guide-card { padding:5vw 3vw; display:flex; flex-direction:column; justify-content:center; }
.collect-intro { background:var(--white); color:var(--black); }
.collect-intro h2 { width:120%; margin-left:-2vw; padding:.08em 0 .12em 2vw; font-size:clamp(4rem,8vw,9rem); font-style:italic; line-height:.59; transform:rotate(2deg); clip-path:polygon(0 9%,100% 0,96% 80%,0 100%); }
.collect-intro>p:last-child { max-width:560px; font:400 1.1rem/1.55 var(--serif); }
.guide-card { min-height:620px; }
.guide-bordeaux { background:var(--bordeaux); }
.guide-green { background:var(--green); color:var(--black); }
.guide-number { margin-bottom:auto; font:700 clamp(4rem,7vw,7rem)/.8 var(--sans); letter-spacing:-.09em; }
.guide-card h3 { margin:1.5rem 0; font:400 clamp(2rem,3vw,3.2rem)/.95 var(--serif); }
.guide-card>p:not(.eyebrow) { font:400 1rem/1.5 var(--serif); }
.guide-card>a { align-self:flex-start; margin-top:auto; padding-bottom:.25rem; border-bottom:1px solid currentColor; font:.62rem var(--mono); }

.section-catalog { position:relative; background:var(--black); overflow:hidden; }
.catalog-head { min-height:78vh; padding:8rem 4vw; display:grid; grid-template-columns:.45fr 1.25fr .55fr; gap:4vw; align-items:center; border-bottom:1px solid var(--line); }
.catalog-head::before { content:""; position:absolute; width:26vw; aspect-ratio:1; right:-8vw; top:10vh; border-radius:50%; background:var(--bordeaux); }
.catalog-head h2 { position:relative; z-index:1; width:128%; margin:0 0 0 -7vw; padding:.08em 0 .15em 7vw; color:var(--green-bright); font:400 italic clamp(6rem,11vw,12rem)/.56 var(--serif); letter-spacing:-.085em; transform:rotate(-2deg); clip-path:polygon(0 10%,100% 0,95% 84%,0 100%); }
.catalog-head>p:last-child { position:relative; z-index:1; margin:0; align-self:end; font:400 1.05rem/1.55 var(--serif); }
.catalog-section { position:relative; border-bottom:1px solid var(--line); }
.catalog-section summary { min-height:180px; padding:0 4vw; display:grid; grid-template-columns:90px 1fr auto; gap:2rem; align-items:center; list-style:none; cursor:pointer; }
.catalog-section summary::-webkit-details-marker { display:none; }
.catalog-section summary span { font:.65rem var(--mono); }
.catalog-section summary h3 { margin:0; padding:.08em 0 .14em; overflow:hidden; font:400 italic clamp(5.2rem,10vw,11rem)/.54 var(--serif); letter-spacing:-.075em; clip-path:polygon(0 12%,100% 0,96% 80%,1% 100%); text-shadow:.018em .02em 0 currentColor; }
.catalog-section:nth-of-type(odd) summary h3 { transform:translateX(3vw) rotate(-.65deg); }
.catalog-section:nth-of-type(even) summary h3 { transform:translateX(-1vw) rotate(.45deg); }
.catalog-section summary b { width:62px; height:62px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font:400 2rem var(--serif); transition:rotate .25s,background .25s,color .25s; }
.catalog-section[open] summary b { rotate:45deg; }
.catalog-links { padding:0 4vw 5rem calc(4vw + 90px + 2rem); display:grid; grid-template-columns:1fr 1fr; gap:0 4vw; }
.catalog-links>a { min-height:96px; display:flex; justify-content:space-between; gap:1.5rem; align-items:center; border-top:1px solid currentColor; font:400 clamp(1.1rem,1.65vw,1.55rem)/1.15 var(--serif); }
.catalog-links>a:nth-child(4) { border-bottom:1px solid currentColor; }
.catalog-links i { font-style:normal; }
.catalog-links .catalog-all { grid-column:1/-1; min-height:auto; width:max-content; margin-top:2.5rem; padding:.75rem 0; border-top:0; border-bottom:2px solid currentColor; font:500 .62rem var(--mono); }
.catalog-section:nth-of-type(1)[open] { background:var(--bordeaux); }
.catalog-section:nth-of-type(2)[open] { background:var(--green); color:var(--black); }
.catalog-section:nth-of-type(3)[open] { background:var(--white); color:var(--black); }
.catalog-section:nth-of-type(4)[open] { background:var(--bordeaux-dark); }
.catalog-section:nth-of-type(5)[open] { background:var(--green-bright); color:var(--black); }

.visual-break { position:relative; min-height:112vh; padding:9rem 0; display:grid; grid-template-columns:1.15fr .72fr 1.05fr; align-items:center; gap:0; background:var(--black); overflow:hidden; }
.visual-break>a { position:relative; height:74vh; overflow:hidden; border:1px solid var(--black); }
.visual-break>a:nth-child(2) { height:56vh; translate:0 17vh; z-index:2; }
.visual-break img { width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.2); transition:filter .3s,transform .7s; }
.visual-break a:hover img { filter:grayscale(0); transform:scale(1.035); }
.visual-break a span { position:absolute; left:1rem; bottom:1rem; padding:.55rem .7rem; background:var(--green-bright); color:var(--black); font:.55rem var(--mono); }
.visual-break>p { position:absolute; z-index:4; left:4vw; right:4vw; top:2rem; margin:0; color:var(--white); font:700 clamp(3.2rem,7vw,7.5rem)/.78 var(--sans); letter-spacing:-.075em; pointer-events:none; }

.voices { padding:8rem 4vw; background:var(--black); }
.voices>header { display:grid; grid-template-columns:.5fr 1.5fr; gap:4vw; margin-bottom:4rem; }
.voices h2 { width:132%; margin-left:-6vw; padding:.08em 0 .14em 6vw; color:var(--white); font-style:italic; line-height:.59; transform:rotate(1.5deg); clip-path:polygon(0 10%,100% 0,95% 83%,0 100%); }
.voice-list { border-top:1px solid var(--line); }
.voice-list a { min-height:110px; display:grid; grid-template-columns:70px 1fr 1fr auto; gap:2rem; align-items:center; border-bottom:1px solid var(--line); transition:padding .25s,background .25s,color .25s; }
.voice-list a:hover { padding-inline:1.5rem; background:var(--green-bright); color:var(--black); }
.voice-list span { font:.58rem var(--mono); }
.voice-list b { font:600 clamp(1.6rem,3vw,3rem) var(--serif); }
.voice-list em { font:400 1rem var(--serif); }
.voice-list i { font-style:normal; }

.finale { position:relative; min-height:92vh; padding:8rem 4vw; overflow:hidden; background:var(--bordeaux-dark); }
.finale h2 { position:relative; z-index:2; width:118vw; margin:8vh 0 0 -7vw; padding:.06em 0 .15em 7vw; max-width:none; font-size:clamp(7rem,16vw,18rem); font-style:italic; line-height:.53; transform:rotate(-2deg); clip-path:polygon(0 9%,100% 0,95% 84%,0 100%); }
.finale h2 span,.finale h2 em { display:block; }
.finale h2 em { margin-left:8vw; color:var(--green-bright); font-weight:400; }
.final-actions { position:relative; z-index:2; margin-top:5rem; display:flex; gap:1rem; flex-wrap:wrap; }
.final-actions a { padding:.9rem 1rem; border:1px solid var(--white); font:.62rem var(--mono); }
.final-actions a:hover { background:var(--white); color:var(--black); }
.final-wink { position:absolute; right:-3vw; bottom:-11vw; color:var(--black); opacity:.55; font:700 46vw/.75 var(--serif); letter-spacing:-.15em; }

footer { padding:4rem 4vw; display:grid; grid-template-columns:1fr 1fr 1fr; gap:3rem; background:var(--black); border-top:1px solid var(--line); font:400 .65rem/1.6 var(--mono); }
.footer-logo { font:600 2rem var(--serif); }
.footer-logo span { color:var(--green-bright); }

@media (min-width: 901px) {
  .hero { grid-template-columns:.88fr 1.12fr; gap:0; }
  .hero-copy { position:relative; z-index:4; padding-top:25vh; }
  .hero-copy::before,.hero-copy::after { inset:-112px -2vw -2.2vw -2.2vw; }
  .hero h1 { position:relative; z-index:4; width:138%; pointer-events:none; }
  .hero-art { margin-left:-3.5vw; clip-path:polygon(5% 0,100% 3%,96% 100%,0 94%); transform:rotate(.35deg); }
  .hero-bottom { width:94%; }
  .feature-copy { margin-left:-5vw; position:relative; z-index:4; background:linear-gradient(90deg,transparent,var(--bordeaux) 18%); }
  .feature-copy h2 { width:135%; transform:translateX(-10vw) rotate(-3deg); font-size:clamp(6.5rem,11vw,13rem); }
  .feature-image { clip-path:polygon(0 0,100% 4%,91% 100%,0 88%); }

  .feature { position:relative; display:block; min-height:112vh; background:var(--black); overflow:hidden; }
  .feature-image { position:absolute; left:-3vw; top:8vh; width:76vw; height:92vh; min-height:0; clip-path:polygon(0 5%,82% 0,100% 17%,88% 93%,7% 100%); filter:contrast(1.08); }
  .feature-image::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(97deg,transparent 0 21px,rgba(255,255,255,.07) 22px 23px); mix-blend-mode:overlay; }
  .feature-copy { position:absolute; z-index:5; right:-2vw; top:16vh; width:61vw; min-height:76vh; padding:7vw 5vw 4vw 12vw; margin:0; background:transparent; justify-content:center; }
  .feature-copy::before { content:""; position:absolute; z-index:-1; inset:7% -4vw 2% 7vw; background:var(--bordeaux); clip-path:polygon(11% 0,100% 10%,91% 100%,0 86%); mix-blend-mode:multiply; }
  .feature-copy .eyebrow { align-self:flex-end; padding:.55rem .7rem; background:var(--green-bright); color:var(--black); transform:rotate(3deg); }
  .feature-copy h2 { width:150%; margin-left:-19vw; color:var(--white); mix-blend-mode:difference; }
  .feature-copy>p:not(.eyebrow) { width:33vw; margin-left:auto; padding:1rem; background:var(--black); }
  .feature-copy .arrow-link { margin-left:auto; }

  .manual { position:relative; min-height:112vh; grid-template-columns:.72fr 1.28fr; padding:7rem 4vw; overflow:hidden; }
  .manual-heading { align-self:start; position:relative; z-index:4; }
  .manual-heading h2 { width:135%; position:relative; z-index:5; }
  .manual-collage { grid-column:2; width:115%; margin-left:-15%; min-height:780px; }
  .manual-copy { position:absolute; z-index:7; right:2.5vw; bottom:4vw; width:31vw; padding:2rem; background:var(--white); border:2px solid var(--black); box-shadow:-18px 18px 0 var(--bordeaux); rotate:-1.5deg; }

  .ai-grid { position:relative; display:block; min-height:900px; border:0; background:transparent; }
  .ai-lead { display:block; width:72%; height:820px; min-height:0; clip-path:polygon(0 4%,94% 0,100% 91%,6% 100%); }
  .artist-stack { position:absolute; z-index:4; right:0; top:13%; width:52%; border:1px solid var(--line); box-shadow:-24px 26px 0 var(--bordeaux); rotate:-.8deg; }
  .artist-stack>a:nth-child(2) { transform:translateX(-4vw); background:var(--black); border:1px solid var(--line); }
  .artist-stack>a:nth-child(3) { transform:translateX(2vw); }

  .spacetime { width:104vw; margin-left:-2vw; transform:rotate(.25deg); }
  .section-catalog { width:104vw; margin-left:-2vw; }
  .visual-break { width:108vw; margin-left:-4vw; transform:rotate(-.4deg); }

  .collect-section { position:relative; display:block; min-height:112vh; overflow:hidden; background:var(--black); }
  .collect-intro,.guide-card { position:absolute; min-height:0; padding:4vw 3vw; }
  .collect-intro { left:0; top:0; width:49vw; height:91vh; clip-path:polygon(0 0,96% 4%,89% 100%,0 94%); }
  .guide-bordeaux { z-index:3; left:40vw; top:11vh; width:34vw; height:76vh; rotate:-2deg; box-shadow:20px 24px 0 rgba(0,0,0,.8); clip-path:polygon(3% 0,100% 7%,94% 100%,0 91%); }
  .guide-green { z-index:2; right:-2vw; top:2vh; width:31vw; height:88vh; rotate:2.5deg; clip-path:polygon(7% 3%,100% 0,100% 95%,0 100%); }

  .voice-list a:nth-child(1),.voice-list a:nth-child(4) { transform:translateX(6vw); width:92%; }
  .voice-list a:nth-child(2) { transform:translateX(-2vw); width:96%; }
  .voice-list a:nth-child(3),.voice-list a:nth-child(5) { transform:translateX(2vw); width:94%; }
}

@media (max-width: 900px) {
  .topbar { height:72px; grid-template-columns:1fr auto; }
  .topbar::before { width:205px; min-width:0; height:51px; }
  .topbar::after { width:58vw; }
  .brand { width:205px; height:72px; }
  .brand-pago { top:9px; font-size:2.7rem; }
  .brand-si { left:4.05em; top:17px; font-size:2.45rem; }
  .brand::after { top:37px; width:188px; }
  .brand-wink { left:7.7em; top:6px; }
  .desktop-nav { display:none; }
  .menu-button { display:block; }
  .mobile-menu { inset:68px 0 0; }
  .hero { min-height:auto; padding-top:96px; grid-template-columns:1fr; }
  .masthead { top:10vh; height:21vh; }
  .hero-copy { min-height:650px; }
  .hero-art { min-height:720px; }
  .manifesto { grid-template-columns:50px 1fr; }
  .manifesto-copy { grid-column:2; }
  .feature { grid-template-columns:1fr; }
  .feature-image { min-height:620px; }
  .manual { grid-template-columns:1fr; }
  .manual-collage { min-height:720px; }
  .spacetime>header { grid-template-columns:1fr; }
  .spacetime header>p:last-child { max-width:560px; }
  .space-stage { min-height:800px; }
  .space-work-one { width:48%; }
  .space-work-two { left:27%; width:52%; }
  .space-work-three { width:40%; }
  .ai-section>header { grid-template-columns:1fr; }
  .ai-grid { grid-template-columns:1fr; }
  .collect-section { grid-template-columns:1fr; }
  .guide-card { min-height:500px; }
  .catalog-head { grid-template-columns:1fr; min-height:70vh; }
  .catalog-head>p:last-child { max-width:560px; }
  .catalog-links { grid-template-columns:1fr; }
  .catalog-links .catalog-all { grid-column:1; }
  .visual-break { min-height:auto; grid-template-columns:1fr 1fr; padding-top:8rem; }
  .visual-break>a { height:70vh; }
  .visual-break>a:nth-child(2) { height:50vh; translate:0 8vh; }
  .visual-break>a:nth-child(3) { grid-column:1/-1; width:70%; margin-left:auto; height:64vh; }
  .voices>header { grid-template-columns:1fr; }
  footer { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  .topbar { padding:0 1rem; }
  .hero { padding:88px 1rem 1rem; gap:1rem; }
  .hero-copy { min-height:560px; }
  .hero-copy::before,.hero-copy::after { inset:-88px -1rem -1rem -1rem; }
  .hero-axis { right:.5rem; top:57%; }
  .masthead { left:-4vw; right:-4vw; top:11vh; height:18vh; }
  .masthead>span { font-size:29vw; }
  .mast-p { left:0; }
  .mast-a { left:16vw; }
  .mast-g { left:34vw; }
  .mast-o { left:52vw; }
  .mast-s { left:69vw; }
  .mast-i { left:84vw; }
  .masthead>i { right:5vw; top:92%; font-size:9vw; }
  .masthead::after { left:24vw; top:100%; font-size:.42rem; }
  .hero h1 { font-size:clamp(4rem,22vw,6.5rem); }
  .hero h1 span:nth-child(2) { transform:none; }
  .hero-bottom { grid-template-columns:1fr; }
  .hero-art { min-height:500px; }
  .hero-sticker { right:-.4rem; }
  .hero-noise { left:auto; right:1rem; top:19%; }
  .rupture { min-height:78vh; }
  .rupture-over { top:6vh; font-size:clamp(2.7rem,15vw,5rem); }
  .rupture-core { left:4vw; top:27vh; font-size:clamp(7rem,32vw,12rem); white-space:normal; }
  .rupture-cut { top:52%; height:11vh; }
  .rupture-list { top:52%; font-size:.55rem; white-space:normal; line-height:1.5; }
  .rupture-side { display:none; }
  .manifesto,.ai-section,.voices,.finale { padding:5rem 1rem; }
  .manifesto { grid-template-columns:1fr; }
  .section-number,.manifesto-copy { grid-column:1; }
  .manifesto h2,.manifesto-copy>p:first-child { width:auto; transform:none; }
  .manifesto h2,.feature-copy h2,.spacetime h2,.ai-section h2,.collect-intro h2,.catalog-head h2,.catalog-section summary h3,.voices h2,.finale h2 { margin-left:0; width:auto; padding-left:0; transform:none; }
  .feature-image { min-height:500px; }
  .feature-copy { padding:4rem 1rem; }
  .manual { padding:5rem 1rem; }
  .manual-collage { min-height:540px; }
  .manual-collage img { height:50%; }
  .spacetime { min-height:auto; padding:5rem 1rem 3rem; }
  .spacetime>header { grid-template-columns:1fr; }
  .spacetime h2 { font-size:clamp(3.5rem,17vw,6rem); }
  .space-stage { min-height:720px; margin-top:3rem; }
  .space-work { border-width:6px; box-shadow:12px 14px 0 rgba(0,0,0,.55); }
  .space-work-one { left:0; top:6%; width:66%; height:54%; }
  .space-work-two { left:28%; top:29%; width:68%; height:51%; }
  .space-work-three { right:0; top:0; width:50%; height:39%; }
  .impossible-frame { inset:18% 3% 18% 8%; border-width:10px; }
  .time-axis { grid-template-columns:1fr; gap:.75rem; }
  .time-axis i { display:none; }
  .ai-lead { min-height:520px; }
  .artist-stack>a { min-height:135px; grid-template-columns:35px 1fr auto; padding:1rem; }
  .collect-intro,.guide-card { padding:4rem 1rem; }
  .catalog-head { min-height:78vh; padding:5rem 1rem; }
  .catalog-head::before { width:70vw; right:-35vw; }
  .catalog-section summary { min-height:120px; padding:0 1rem; grid-template-columns:38px 1fr auto; gap:1rem; }
  .catalog-section summary h3 { font-size:clamp(2.8rem,14vw,5rem); }
  .catalog-section:nth-of-type(n) summary h3 { transform:none; }
  .catalog-section summary b { width:42px; height:42px; }
  .catalog-links { padding:0 1rem 3rem calc(1rem + 38px + 1rem); grid-template-columns:1fr; }
  .catalog-links>a { min-height:82px; }
  .visual-break { display:block; padding:7rem 1rem 4rem; }
  .visual-break>p { left:1rem; top:1.5rem; font-size:clamp(2.6rem,13vw,4.6rem); }
  .visual-break>a,.visual-break>a:nth-child(2),.visual-break>a:nth-child(3) { display:block; width:100%; height:60vh; margin:0 0 1rem; translate:none; }
  .voice-list a { grid-template-columns:35px 1fr auto; gap:1rem; }
  .voices h2 { width:auto; transform:none; }
  .voice-list em { display:none; }
  .finale h2 { font-size:clamp(4rem,20vw,7rem); }
  .finale h2 em { margin-left:0; }
  footer { padding:3rem 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}