:root{--ink:#111;--paper:#f2f1ed;--white:#fff;--yellow:#ffeb2f;--red:#c93447;--muted:#727272;--line:#c8c7c1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit}.site-header{height:92px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(242,241,237,.92);backdrop-filter:blur(14px);z-index:20;gap:32px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:12px;font-weight:700;line-height:1.05;text-transform:uppercase;letter-spacing:.03em}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--ink);color:white;font-size:13px}nav{display:flex;gap:28px;margin-left:auto}nav a{text-decoration:none;font-size:13px;font-weight:600}.pill,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:99px;padding:13px 20px;font-size:13px;font-weight:700}.pill{background:var(--yellow)}.menu-toggle{display:none}.hero{min-height:calc(100vh - 92px);position:relative;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;padding:8vw 5vw 6vw}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent 82%)}.hero-copy,.hero-art{position:relative;z-index:1}.eyebrow,.section-no{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1,.section-title h2,.works h2,.territory h2,.participate h2,.event h2,.contact h2{font-family:Manrope,sans-serif;font-size:clamp(60px,8.2vw,132px);line-height:.82;letter-spacing:-.075em;margin:28px 0}.hero h1 em,.territory h2 em,.contact h2 em{font-weight:400}.lead{font-size:19px;line-height:1.55;max-width:650px}.hero-actions{display:flex;gap:10px;margin-top:32px}.primary{background:var(--ink);color:white}.ghost{border:1px solid var(--ink)}.hero-art{min-height:600px}.hero-art svg{position:absolute;width:100%;height:100%;inset:0}.hero-art path{fill:none;stroke:var(--ink);stroke-width:2.2;vector-effect:non-scaling-stroke}.yellow-card{position:absolute;right:5%;top:8%;width:52%;aspect-ratio:.78;background:var(--yellow);padding:28px;display:flex;flex-direction:column;z-index:2;transform:rotate(3deg);box-shadow:14px 14px 0 rgba(0,0,0,.08)}.yellow-card span{font-size:12px}.yellow-card strong{font-family:Manrope;font-size:clamp(38px,5vw,78px);line-height:.85;letter-spacing:-.06em;margin:auto 0}.yellow-card small{font-size:14px;font-weight:700}.coordinate{position:absolute;bottom:8%;right:3%;font:600 11px monospace;transform:rotate(90deg);transform-origin:right}.scroll-note{position:absolute;left:5vw;bottom:24px;font-size:10px;font-weight:700;letter-spacing:.14em}.scroll-note span{margin-left:10px}.manifesto{padding:9vw 5vw;border-top:1px solid var(--line)}.manifesto-text{font-family:Manrope;font-size:clamp(34px,5vw,78px);line-height:1.03;letter-spacing:-.055em;max-width:1300px;margin:5vw 0}.manifesto-text mark{background:var(--yellow);padding:0 .1em}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:28px 18px;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats b{font:600 34px Manrope;display:block}.stats span{font-size:12px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;padding:10vw 5vw;gap:7vw;background:var(--ink);color:white}.section-title h2{font-size:clamp(64px,8vw,125px)}.section-title h2 span,.event h2 span,.participate h2 span{color:var(--yellow)}.body-copy{padding-top:7vw}.body-copy p{max-width:620px;line-height:1.7;color:#cfcfcf}.body-copy .big{font:500 clamp(25px,3vw,42px)/1.2 Manrope;color:white}.text-link{display:inline-block;margin-top:20px;color:var(--yellow);font-weight:700}.works{padding:10vw 5vw}.works-head{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end}.works h2{font-size:clamp(64px,8vw,120px)}.works-head>p{font-size:18px;line-height:1.65;max-width:560px}.work-cards{display:grid;grid-template-columns:repeat(3,1fr);margin:6vw 0}.work-card{min-height:510px;padding:28px;border:1px solid var(--ink);display:flex;flex-direction:column}.work-card+.work-card{border-left:0}.work-card.yellow{background:var(--yellow)}.work-card.dark{background:var(--ink);color:white}.work-card>span{font:700 11px monospace}.work-card h3{font:600 28px Manrope;margin-top:auto}.work-card p{line-height:1.5;max-width:340px}.line-drawing{height:230px;margin:25px 0;position:relative;background:repeating-linear-gradient(0deg,transparent 0 37px,rgba(0,0,0,.12) 38px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(0,0,0,.1) 48px);clip-path:polygon(0 20%,100% 0,90% 85%,15% 100%)}.dark .line-drawing{filter:invert(1)}.center{text-align:center}.territory{min-height:820px;background:#d9d8d1;display:grid;grid-template-columns:1.2fr .8fr;position:relative;overflow:hidden}.map-graphic{position:relative;background:radial-gradient(circle at 25% 35%,transparent 0 4px,#b4b2aa 5px 6px,transparent 7px),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 35px,rgba(0,0,0,.07) 36px 37px);min-height:720px}.dot{position:absolute;width:15px;height:15px;background:var(--red);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--red)}.d1{left:28%;top:33%}.d2{left:55%;top:45%}.d3{left:39%;top:61%}.d4{left:70%;top:24%}.d5{left:78%;top:69%}.route{position:absolute;border:2px solid var(--ink);border-color:var(--ink) transparent transparent var(--ink);width:50%;height:40%;border-radius:50%;transform:rotate(18deg)}.r1{left:22%;top:30%}.r2{left:42%;top:40%;transform:rotate(-12deg)}.territory-copy{padding:10vw 5vw 8vw 2vw;align-self:center}.territory h2{font-size:clamp(58px,7vw,110px)}.territory-copy>p{line-height:1.7;max-width:520px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tags span{border:1px solid var(--ink);border-radius:99px;padding:9px 13px;font-size:11px;font-weight:700}.participate{padding:10vw 5vw;background:var(--yellow)}.participate-intro{display:grid;grid-template-columns:.6fr 1.3fr 1fr;gap:4vw;align-items:start}.participate h2{font-size:clamp(58px,7vw,110px);margin-top:0}.participate-intro>p:last-child{line-height:1.65;font-size:17px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7vw;border-top:2px solid var(--ink)}.steps div{padding:28px 28px 0 0}.steps b{font:700 46px Manrope}.steps h3{font-size:21px}.steps p{font-size:14px;line-height:1.5}.event{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white;min-height:900px}.event-poster{padding:6vw;display:grid;place-items:center;background:#e7e6e1}.event-poster img{width:min(100%,610px);box-shadow:0 20px 70px rgba(0,0,0,.18)}.event-copy{padding:9vw 6vw}.event h2{font-size:clamp(60px,7vw,110px)}.event-copy p{line-height:1.65;max-width:570px;color:#d3d3d3}.event-copy .date{font:600 clamp(30px,4vw,54px)/1.05 Manrope;color:white}.ghost-light{border:1px solid white;margin-top:25px}.contact{padding:10vw 5vw}.contact h2{font-size:clamp(58px,8vw,125px);max-width:1100px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:6vw}.contact-grid>div{padding:30px 30px 30px 0}.contact-grid h3{font-size:14px}.contact-grid p{line-height:1.7;color:#555}.contact-grid a{text-underline-offset:3px}footer{padding:35px 5vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}footer>a{font-weight:700}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--red);border-radius:50%;pointer-events:none;z-index:99;transform:translate(-50%,-50%);display:none}@media(pointer:fine){.cursor-dot{display:block}}@media(max-width:900px){.site-header{height:74px}.desktop-only{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:none;font-weight:700}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:25px 5vw;flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:15vw}.hero-art{min-height:460px;margin-top:40px}.hero h1{font-size:17vw}.yellow-card{width:55%}.stats,.work-cards,.steps,.contact-grid{grid-template-columns:1fr 1fr}.split,.works-head,.territory,.event{grid-template-columns:1fr}.participate-intro{grid-template-columns:1fr}.work-card+.work-card{border-left:1px solid var(--ink);border-top:0}.territory-copy{padding:10vw 5vw}.event-poster{padding:10vw 5vw}.event-copy{padding:12vw 5vw}.contact-grid>div{border-bottom:1px solid var(--line)}.cursor-dot{display:none}}@media(max-width:600px){.hero{padding-left:6vw;padding-right:6vw}.hero-actions{flex-direction:column;align-items:flex-start}.stats,.work-cards,.steps,.contact-grid{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line)}.work-card{min-height:430px}.participate{padding-top:18vw;padding-bottom:18vw}.map-graphic{min-height:520px}footer{align-items:flex-start;gap:25px;flex-direction:column}}

/* --- Archivio reale: opere documentate --- */
.real-archive{padding:110px 5vw;background:#f3f1ea;border-top:1px solid #d9d6cc}
.real-archive .archive-head{display:grid;grid-template-columns:1fr 1.2fr;gap:5vw;align-items:end;margin-bottom:42px}
.real-archive .archive-head h2{font-size:clamp(3rem,7vw,7rem);line-height:.9;margin:.2em 0 0;letter-spacing:-.06em}
.real-archive .archive-head h2 em{font-weight:400}
.real-archive .archive-head p:last-child{font-size:1.08rem;line-height:1.7;max-width:650px}
.archive-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.archive-piece{position:relative;overflow:hidden;min-height:390px;background:#111;color:#fff;text-decoration:none;isolation:isolate}
.archive-piece:nth-child(1){grid-column:span 5}.archive-piece:nth-child(2){grid-column:span 7}.archive-piece:nth-child(3){grid-column:span 7}.archive-piece:nth-child(4){grid-column:span 5}
.archive-piece img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:transform .65s ease,filter .45s ease}
.archive-piece::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.82));z-index:1}
.archive-piece .piece-copy{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}
.archive-piece .piece-copy small{display:block;color:#ffed00;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.archive-piece .piece-copy h3{font-size:clamp(1.5rem,2.5vw,2.7rem);line-height:1;margin:0 0 8px}
.archive-piece .piece-copy p{margin:0;opacity:.82;max-width:520px}
.archive-piece:hover img{transform:scale(1.035);filter:grayscale(0)}
.archive-note{margin-top:22px;font-size:.82rem;opacity:.62}
@media(max-width:800px){.real-archive .archive-head{grid-template-columns:1fr}.archive-grid{display:block}.archive-piece{display:block;min-height:330px;margin-bottom:14px}}

/* --- V3: apertura scenografica, dal disegno alla mappa --- */
.hero{overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:url('assets/demaria-sketch.png') center bottom/cover no-repeat;opacity:.16;mix-blend-mode:multiply;pointer-events:none;z-index:0;filter:contrast(1.15)}
.hero-copy,.hero-art,.scroll-note{z-index:2}
.hero-art svg path{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw-line 2.8s cubic-bezier(.2,.7,.2,1) forwards}
.hero-art svg path:nth-child(2){animation-delay:.35s}.hero-art svg path:nth-child(3){animation-delay:.7s}
@keyframes draw-line{to{stroke-dashoffset:0}}
.hero-art::after{content:"DAL DISEGNO  →  AL LUOGO  →  ALLA MAPPA";position:absolute;left:2%;bottom:3%;font:700 10px/1.2 monospace;letter-spacing:.12em;background:var(--yellow);padding:9px 11px;z-index:4}
.yellow-card{transition:transform .5s ease,box-shadow .5s ease}.hero:hover .yellow-card{transform:rotate(1deg) translateY(-5px);box-shadow:18px 18px 0 rgba(0,0,0,.1)}

.map-transition{position:relative;padding:9vw 5vw 7vw;background:var(--paper);overflow:hidden;border-top:1px solid var(--line)}
.map-transition::before{content:"";position:absolute;inset:0;background:url('assets/demaria-sketch.png') center 20%/120% auto no-repeat;opacity:.08;filter:contrast(1.4);pointer-events:none}
.map-transition-inner{position:relative;z-index:1;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}
.map-transition h2{font-family:Manrope,sans-serif;font-size:clamp(48px,7vw,108px);line-height:.88;letter-spacing:-.07em;margin:20px 0}.map-transition h2 em{font-weight:400}.map-transition p{font-size:18px;line-height:1.65;max-width:560px}
.map-stage{position:relative;min-height:480px;border:1px solid var(--ink);background:rgba(255,255,255,.72);overflow:hidden}
.map-stage .sketch-layer{position:absolute;inset:0;background:url('assets/demaria-sketch.png') center/cover no-repeat;filter:grayscale(1) contrast(1.25);opacity:.38;transform:scale(1.06)}
.map-stage .map-layer{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 52% 50%,transparent 0 30px,rgba(0,0,0,.08) 31px 32px),linear-gradient(120deg,transparent 0 47%,rgba(0,0,0,.08) 48% 49%,transparent 50%);clip-path:polygon(52% 0,100% 0,100% 100%,25% 100%);background-color:rgba(217,216,209,.78)}
.map-stage .map-route{position:absolute;width:72%;height:45%;left:17%;top:27%;border:3px solid var(--ink);border-color:var(--ink) transparent var(--ink) var(--ink);border-radius:50%;transform:rotate(-7deg);z-index:2}
.map-stage .map-pin{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--red);border:4px solid white;box-shadow:0 0 0 1px var(--red);z-index:3}.map-stage .p1{left:30%;top:36%}.map-stage .p2{left:53%;top:51%}.map-stage .p3{left:72%;top:31%}.map-stage .p4{left:65%;top:70%}
.map-stage .caption{position:absolute;left:22px;bottom:20px;z-index:4;background:var(--yellow);padding:9px 12px;font:700 11px monospace;letter-spacing:.08em}
@media(max-width:900px){.map-transition-inner{grid-template-columns:1fr}.map-stage{min-height:400px}.hero::after{height:34%}}


/* --- Final polish: accessibilità, focus, stampa --- */
.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:var(--yellow);padding:12px 16px;font-weight:700;text-decoration:none}.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.event-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.event-map{background:var(--yellow);color:var(--ink);margin-top:25px}.noscript{margin:0;padding:12px 5vw;background:var(--yellow);font-weight:700}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-art svg path{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.yellow-card,.archive-piece img{transition:none}}
@media print{.site-header,.cursor-dot,.scroll-note,.hero-actions,.event-actions,footer{display:none!important}.hero,.split,.works,.real-archive,.map-transition,.territory,.participate,.event,.contact{break-inside:avoid;min-height:auto;padding:28px!important}.reveal{opacity:1!important;transform:none!important}.hero::after,.map-transition::before{opacity:.06}.event{color:#111;background:#fff}.event-copy p{color:#111}.event h2 span{color:#111}}