:root{--ink:#080b0e;--navy:#071625;--blue:#0d2b55;--paper:#f2ede5;--paper2:#fbf8f2;--gold:#b7925a;--gold2:#d9b47a;--copper:#b5794e;--muted:#9d978d;--serif:'Fraunces',Georgia,'Times New Roman',serif;--sans:'Inter','Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f7f3eb;font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;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='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:20;top:0;width:100%;height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14)}.brand{font:28px/1 var(--serif);color:inherit;text-decoration:none}.nav{display:flex;gap:2.1vw}.nav a{color:inherit;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.15em}.nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:25px;height:1px;background:#fff;margin:6px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--gold);margin:0 0 18px}.kicker.dark{color:#765d3c}.hero{min-height:820px;height:100svh;max-height:980px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 15%,#173f70 0,#0b223e 36%,#07131e 67%,#06090c 100%)}.hero:after{content:"";position:absolute;inset:auto -10% -30% 30%;height:55%;background:radial-gradient(ellipse,rgba(30,104,165,.25),transparent 68%);filter:blur(20px)}.hero-text{position:absolute;z-index:4;left:7vw;top:24%;width:min(620px,42vw)}.hero h1{font:clamp(58px,6vw,92px)/.98 var(--serif);font-weight:400;margin:0 0 28px;letter-spacing:-.035em}.hero-lead{font:italic clamp(21px,2.2vw,31px)/1.42 var(--serif);color:#d9d1c5;max-width:570px}.line-link{display:inline-flex;gap:28px;color:#fff;text-decoration:none;margin-top:25px;padding-bottom:10px;border-bottom:1px solid var(--gold);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.hero-gallery{position:absolute;right:5vw;top:16%;width:45vw;height:70%;z-index:2}.hero-gallery figure{margin:0;position:absolute;box-shadow:0 28px 70px rgba(0,0,0,.48);overflow:hidden;background:#111}.hero-gallery img{width:100%;height:100%;object-fit:cover}.hero-back{width:50%;height:60%;right:0;top:0;transform:rotate(3deg)}.hero-main{width:59%;height:74%;left:4%;top:14%;transform:rotate(-1.5deg);z-index:2;border:1px solid rgba(255,255,255,.18)}.hero-paper{width:32%;height:48%;right:3%;bottom:0;z-index:3;transform:rotate(4deg);background:white!important;padding:10px}.hero-paper img{object-fit:contain}.hero-note{position:absolute;right:5vw;bottom:4%;z-index:5;font:italic 16px/1.5 var(--serif);color:#d6c9b5}.manifesto{background:var(--paper);color:#17191b;padding:110px 7vw;display:grid;grid-template-columns:90px minmax(0,1.35fr) minmax(300px,.8fr);gap:6vw;align-items:start}.manifesto-number{font:56px var(--serif);color:#c5bbaa}.manifesto h2{font:clamp(42px,5vw,74px)/1.08 var(--serif);font-weight:400;margin:0;max-width:900px}.manifesto-text{font:18px/1.7 var(--serif);padding-top:38px;color:#444}.split-worlds{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.world{position:relative;display:grid;grid-template-rows:1fr auto;padding:6vw;text-decoration:none;overflow:hidden}.world>span{position:absolute;top:35px;left:35px;font:32px var(--serif);z-index:2}.world-image{position:absolute;inset:0}.world-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.12) 70%)}.world-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.world:hover img{transform:scale(1.035)}.world-copy{position:relative;z-index:2;align-self:end;max-width:500px}.world-copy h2{font:clamp(47px,5vw,78px)/1 var(--serif);font-weight:400;margin:0 0 22px}.world-copy p{line-height:1.6}.world-paint{color:#fff}.world-dream{color:#111;background:#eee}.world-dream .world-image:after{background:linear-gradient(0deg,rgba(245,240,232,.95),rgba(245,240,232,.12) 72%)}.works-section{padding:120px 6vw;background:#090c0f}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;margin-bottom:75px}.section-intro h2{font:clamp(50px,6vw,84px)/1.02 var(--serif);font-weight:400;margin:0}.section-intro>p{font:17px/1.7 var(--serif);color:#bbb;max-width:520px}.featured-work{display:grid;grid-template-columns:1.45fr .55fr;max-width:1400px;margin:0 auto 100px;background:#10161c;border:1px solid rgba(255,255,255,.12)}.featured-art{min-height:600px;display:grid;place-items:center;padding:30px;background:#050709}.featured-art img{max-width:100%;max-height:760px;object-fit:contain}.featured-info{padding:60px;align-self:center}.featured-info span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.featured-info h3{font:68px var(--serif);font-weight:400;margin:18px 0}.featured-info p{font:18px/1.6 var(--serif);color:#c7c0b6}.featured-info button{margin-top:24px;background:none;color:#fff;border:0;border-bottom:1px solid var(--gold);padding:0 0 10px;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:70px 28px;max-width:1500px;margin:auto}.work-card{margin:0;cursor:pointer}.work-card:nth-child(6n+1){grid-column:span 7}.work-card:nth-child(6n+2){grid-column:span 5;margin-top:120px}.work-card:nth-child(6n+3){grid-column:2/span 4}.work-card:nth-child(6n+4){grid-column:7/span 6}.work-card:nth-child(6n+5){grid-column:span 5;margin-top:90px}.work-card:nth-child(6n){grid-column:7/span 5}.work-media{height:clamp(300px,45vw,680px);display:grid;place-items:center;background:#050709;overflow:hidden}.work-media img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .8s}.work-card:hover .work-media img{transform:scale(1.025)}.work-card.rotated .work-media img{transform:rotate(90deg) scale(.78)}.work-card.rotated:hover .work-media img{transform:rotate(90deg) scale(.81)}.work-card figcaption{display:grid;grid-template-columns:45px 1fr;gap:16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);margin-top:15px}.work-card figcaption span{color:var(--gold);font:18px var(--serif)}.work-card strong{font:24px var(--serif);font-weight:400}.work-card small{display:block;color:#8f8b84;margin-top:6px}.bridge{height:760px;position:relative;overflow:hidden;background:var(--paper)}.bridge-paint,.bridge-line{position:absolute;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.22)}.bridge-paint{left:5vw;top:80px;width:48vw;height:520px}.bridge-line{right:6vw;bottom:65px;width:39vw;height:470px;background:#fff;padding:18px}.bridge img{width:100%;height:100%;object-fit:cover}.bridge-line img{object-fit:contain}.bridge-copy{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:rgba(7,13,18,.91);padding:38px 55px;min-width:390px}.bridge-copy p{font:42px var(--serif);margin:0 0 8px}.bridge-copy span{font:italic 17px var(--serif);color:#c9c0b3}.places-section{background:var(--paper2);color:#151719;padding:120px 5vw}.places-heading{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.places-heading h2{font:clamp(52px,6vw,88px)/1 var(--serif);font-weight:400;margin:0}.places-text{font:18px/1.7 var(--serif);color:#4b4b48;padding-top:45px}.places-ribbon{max-width:1400px;margin:90px auto 45px;display:flex;align-items:center;gap:20px;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#746c60}.places-ribbon i{height:1px;background:#bdb3a5;flex:1}.places-grid{max-width:1500px;margin:auto;columns:3 340px;column-gap:30px}.place-card{break-inside:avoid;margin:0 0 30px;background:#fff;padding:14px 14px 0;box-shadow:0 16px 38px rgba(64,50,34,.1);cursor:pointer;transition:transform .55s,box-shadow .55s}.place-card:nth-child(4n+1){transform:rotate(-.6deg)}.place-card:nth-child(4n+2){transform:translateY(22px) rotate(.5deg)}.place-card:nth-child(4n+3){transform:rotate(.3deg)}.place-card:hover{transform:translateY(-8px) rotate(0);box-shadow:0 24px 55px rgba(64,50,34,.17)}.place-card img{display:block;width:100%;height:auto}.place-card figcaption{padding:18px 6px 22px;display:grid;grid-template-columns:38px 1fr;gap:12px;border-top:1px solid #e4ded5;margin-top:12px}.place-card figcaption span{font:18px var(--serif);color:#9a774b}.place-card strong{font:20px var(--serif);font-weight:400}.place-card small{display:block;color:#777;line-height:1.4;margin-top:5px}.journey{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#07131e}.journey-image{padding:6vw;display:grid;place-items:center}.journey-image img{max-width:100%;max-height:650px;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.42)}.journey-copy{padding:9vw 9vw 8vw 2vw;align-self:center}.journey-copy h2{font:clamp(48px,6vw,80px)/1 var(--serif);font-weight:400;margin:0 0 30px}.journey-copy>p{font:18px/1.7 var(--serif);color:#c5bdb2}.journey blockquote{font:italic 26px/1.45 var(--serif);margin:45px 0 0;padding-left:25px;border-left:1px solid var(--gold)}.contact{background:var(--paper);color:#151719;display:grid;grid-template-columns:1.1fr .9fr}.contact-art{min-height:680px;background:#e9e2d8;display:grid;place-items:center;padding:60px}.contact-art img{max-width:100%;max-height:580px;object-fit:contain}.contact-copy{padding:9vw;align-self:center}.contact-copy h2{font:clamp(54px,6vw,86px)/1 var(--serif);font-weight:400;margin:0 0 25px}.contact-copy p{font:19px/1.7 var(--serif);color:#4a4945}.contact-button{display:inline-block;margin-top:25px;background:#111;color:#fff;text-decoration:none;padding:16px 32px;text-transform:uppercase;letter-spacing:.14em;font-size:10px}footer{padding:35px 5vw;background:#050708;display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:11px}footer a{color:inherit;text-decoration:none}.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;background:rgba(2,4,6,.96);padding:50px;color:#fff}.lightbox::backdrop{background:#000}.lightbox-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox img{max-width:88vw;max-height:82vh;object-fit:contain}.caption{font:22px var(--serif);margin-top:18px}.lightbox button{position:absolute;border:0;background:rgba(255,255,255,.08);color:#fff;width:48px;height:48px;font-size:25px;cursor:pointer}.close{top:18px;right:18px}.prev{left:20px;top:50%}.next{right:20px;top:50%}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.site-header{position:fixed;background:rgba(5,8,12,.9);backdrop-filter:blur(12px);height:66px}.menu-toggle{display:block;z-index:3}.nav{display:none;position:fixed;inset:66px 0 auto;background:#080b0e;padding:30px 7vw;flex-direction:column;align-items:flex-start;gap:24px}.nav.open{display:flex}.hero{height:auto;min-height:980px}.hero-text{top:120px;left:7vw;width:86vw}.hero-gallery{top:505px;left:9vw;right:auto;width:82vw;height:390px}.hero-note{display:none}.manifesto{grid-template-columns:1fr;padding:85px 7vw}.manifesto-number{display:none}.manifesto-text{padding:0}.split-worlds{grid-template-columns:1fr}.world{min-height:680px}.section-intro{grid-template-columns:1fr}.featured-work{grid-template-columns:1fr}.featured-info{padding:45px}.works-grid{grid-template-columns:1fr 1fr}.work-card,.work-card:nth-child(n){grid-column:auto!important;margin-top:0!important}.bridge{height:660px}.places-heading{grid-template-columns:1fr}.places-text{padding-top:0}.journey,.contact{grid-template-columns:1fr}.journey-copy{padding:70px 8vw}.contact-art{min-height:520px}footer{flex-direction:column;gap:18px}}
@media(max-width:620px){.brand{font-size:22px}.hero{min-height:850px}.hero h1{font-size:44px}.hero-text{top:105px}.hero-gallery{top:445px;height:330px}.hero-paper{display:none}.hero-main{width:68%;height:80%}.hero-back{width:54%;height:66%}.manifesto h2{font-size:43px}.world{min-height:580px;padding:7vw}.world-copy h2{font-size:48px}.works-section{padding:85px 5vw}.section-intro h2{font-size:49px}.featured-art{min-height:360px}.featured-info h3{font-size:52px}.works-grid{grid-template-columns:1fr;gap:55px}.work-media{height:420px}.bridge{height:620px}.bridge-paint{width:80vw;height:330px}.bridge-line{width:70vw;height:310px}.bridge-copy{min-width:0;width:84vw;padding:28px}.bridge-copy p{font-size:32px}.places-section{padding:85px 5vw}.places-heading h2{font-size:49px}.places-grid{columns:1}.place-card:nth-child(n){transform:none}.journey-image{padding:60px 8vw}.journey-copy h2,.contact-copy h2{font-size:52px}.contact-copy{padding:75px 8vw}.lightbox{padding:30px 10px}.prev,.next{top:auto;bottom:18px}.prev{left:18px}.next{right:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* V6 — rifiniture richieste */
.hero-text{width:min(720px,46vw)}
.hero h1{font-size:clamp(52px,5.45vw,88px);line-height:.96}
.hero-lead{max-width:650px}

/* Introduzione opere: più presenza e identità */
.works-section{position:relative;overflow:hidden}
.works-section:before{content:"MATERIA";position:absolute;right:-.02em;top:35px;font:clamp(120px,18vw,300px)/1 var(--serif);letter-spacing:-.07em;color:rgba(255,255,255,.025);pointer-events:none}
.section-intro{position:relative;min-height:390px;padding:72px 5vw 65px;border:1px solid rgba(183,146,90,.22);background:linear-gradient(90deg,rgba(5,8,11,.98) 0%,rgba(7,12,17,.94) 48%,rgba(7,12,17,.48) 100%),url('paintings_webp/Udito(Orecchio).webp') right center/52% auto no-repeat;margin-bottom:85px}
.section-intro:before{content:"01";position:absolute;left:5vw;top:28px;font:18px var(--serif);color:var(--gold)}
.section-intro .kicker{grid-column:1/-1;margin-top:14px}
.section-intro h2{align-self:end}
.section-intro>p{align-self:end;padding-bottom:8px}

/* Passaggio leggibile tra i due linguaggi */
.bridge{height:auto;min-height:0;background:var(--paper);color:#17191b;padding:110px 5vw 120px;overflow:hidden}
.bridge-heading{max-width:1180px;margin:0 auto 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end}
.bridge-heading .kicker{grid-column:1/-1;margin-bottom:-30px}
.bridge-heading h2{font:clamp(52px,6vw,88px)/.96 var(--serif);font-weight:400;margin:0;letter-spacing:-.04em}
.bridge-heading>p{font:18px/1.72 var(--serif);color:#4d4a45;margin:0 0 7px}
.bridge-gallery{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 90px 1fr;align-items:center}
.bridge-paint,.bridge-line{position:relative;inset:auto;width:auto;height:auto;box-shadow:0 28px 65px rgba(39,30,20,.18);margin:0;overflow:visible;background:#fff;padding:18px 18px 0}
.bridge-paint img,.bridge-line img{width:100%;height:520px;display:block;object-fit:contain;background:#f8f5ef}
.bridge-paint img{object-fit:cover}
.bridge-paint figcaption,.bridge-line figcaption{height:58px;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#756b5e}
.bridge-symbol{display:flex;flex-direction:column;align-items:center;gap:14px;color:#9a774b}
.bridge-symbol span{height:90px;width:1px;background:#bcae9a}
.bridge-symbol b{font:32px var(--serif);font-weight:400}

/* Luoghi dell'anima: sezione più riconoscibile */
.places-section{position:relative;background:linear-gradient(rgba(251,248,242,.96),rgba(251,248,242,.98)),url('illustrations_webp/IMG_4172.webp') right -8vw top 10px/48vw auto no-repeat;padding-top:135px}
.places-section:before{content:"";position:absolute;left:5vw;right:5vw;top:72px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(183,146,90,.08))}
.places-heading{position:relative;max-width:1400px;grid-template-columns:1fr .72fr;gap:10vw;align-items:end}
.places-title-block{position:relative;padding-top:45px}
.places-number{position:absolute;left:0;top:-8px;font:22px var(--serif);color:var(--gold)}
.places-title-block:after{content:"";position:absolute;width:78px;height:1px;left:42px;top:4px;background:var(--gold)}
.places-heading h2{font-size:clamp(58px,6.5vw,96px)}
.places-text{padding-top:0;padding-bottom:8px}
.places-signature{margin-top:30px;padding-top:24px;border-top:1px solid #cfc4b5;font:italic 21px var(--serif);color:#8d6d43}
.places-ribbon{margin-top:75px}

/* Tavole realmente incorniciate e staccate dallo sfondo */
.places-grid{column-gap:38px}
.place-card{position:relative;background:#242322;padding:9px;border:1px solid #5b5146;box-shadow:0 22px 48px rgba(53,41,28,.22),0 2px 0 rgba(255,255,255,.5) inset}
.place-card:before{content:"";position:absolute;inset:13px;border:1px solid rgba(183,146,90,.68);pointer-events:none;z-index:1}
.place-card img{position:relative;background:#fff;padding:16px;border:8px solid #f5f0e7;box-shadow:inset 0 0 0 1px #c8bba7;z-index:0}
.place-card figcaption{position:relative;z-index:2;background:#242322;color:#f5f0e7;border-top:1px solid rgba(183,146,90,.5);margin-top:9px;padding:20px 12px 24px}
.place-card figcaption span{color:#d3a968}
.place-card strong{color:#fff}
.place-card small{color:#bdb5aa}
.place-card:hover{box-shadow:0 32px 66px rgba(45,33,21,.3),0 2px 0 rgba(255,255,255,.5) inset}

/* Contatti: ritorno alla versione nera con disegno bianco */
.contact{position:relative;overflow:hidden;background:#05080a;color:#f7f3eb;min-height:720px;border-top:1px solid rgba(183,146,90,.35)}
.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(20,47,72,.35),transparent 55%);pointer-events:none}
.contact-art{position:relative;z-index:1;min-height:720px;background:#05080a;padding:75px;overflow:hidden}
.contact-art:after{content:"";position:absolute;inset:8%;border:1px solid rgba(183,146,90,.35);pointer-events:none}
.contact-art img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:invert(1) contrast(1.25) brightness(1.5);mix-blend-mode:screen;opacity:.88}
.contact-copy{position:relative;z-index:2;border-left:1px solid rgba(183,146,90,.25)}
.contact-copy h2{color:#fff}
.contact-copy p{color:#c7c0b7}
.contact-button{background:transparent;color:#fff;border:1px solid var(--gold);transition:background .3s,color .3s}
.contact-button:hover{background:var(--gold);color:#080b0e}

/* Deviazioni ora è ruotato fisicamente nel file */
.work-card.rotated .work-media img,.work-card.rotated:hover .work-media img{transform:none}

@media(max-width:980px){
 .hero-text{width:86vw}
 .section-intro{min-height:0;display:block;padding:90px 7vw 70px;background-size:85% auto}
 .section-intro h2{margin-bottom:35px}
 .bridge-heading{grid-template-columns:1fr;gap:30px}
 .bridge-heading .kicker{grid-column:auto;margin-bottom:0}
 .bridge-gallery{grid-template-columns:1fr}
 .bridge-symbol{flex-direction:row;margin:22px 0}
 .bridge-symbol span{height:1px;width:90px}
 .bridge-paint img,.bridge-line img{height:440px}
 .places-heading{grid-template-columns:1fr;gap:35px}
 .contact-copy{border-left:0;border-top:1px solid rgba(183,146,90,.25)}
}
@media(max-width:620px){
 .hero h1{font-size:40px}
 .section-intro{padding:80px 7vw 60px;background-image:linear-gradient(90deg,rgba(5,8,11,.97),rgba(7,12,17,.87)),url('paintings_webp/Udito(Orecchio).webp')}
 .section-intro:before{left:7vw}
 .bridge{padding:85px 5vw}
 .bridge-heading h2{font-size:48px}
 .bridge-paint,.bridge-line{padding:10px 10px 0}
 .bridge-paint img,.bridge-line img{height:320px}
 .places-section{padding-top:105px;background-image:linear-gradient(rgba(251,248,242,.97),rgba(251,248,242,.99)),url('illustrations_webp/IMG_4172.webp');background-size:auto,95vw auto}
 .places-heading h2{font-size:50px}
 .place-card{padding:7px}
 .place-card img{padding:10px;border-width:6px}
 .contact-art{min-height:470px;padding:35px}
 .contact{min-height:0}
}

/* V7 — Una vita nell’arte */
.exhibitions{background:#0a0c0e;color:#f5f0e8;overflow:hidden}
.exhibitions-intro{padding:125px 7vw 100px;display:grid;grid-template-columns:.55fr 1.35fr .8fr;gap:5vw;align-items:end;border-bottom:1px solid rgba(255,255,255,.13)}
.exhibitions-intro h2{font:clamp(52px,6.3vw,92px)/.98 var(--serif);font-weight:400;margin:0;letter-spacing:-.035em}
.exhibitions-intro>p:last-child{font:18px/1.65 var(--serif);color:#bcb5ab;margin:0}
.exhibition-feature{min-height:820px;position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:5vw;align-items:center;padding:100px 7vw;isolation:isolate}
.exhibition-feature.reverse{grid-template-columns:minmax(320px,.55fr) minmax(0,1.45fr)}
.exhibition-feature.reverse .exhibition-photo{grid-column:2}.exhibition-feature.reverse .exhibition-copy{grid-column:1;grid-row:1}
.exhibition-dark{background:#07090b}.exhibition-light{background:#e9e3da;color:#17191b}
.exhibition-year{position:absolute;right:3vw;top:25px;font:clamp(120px,22vw,330px)/1 var(--serif);color:rgba(255,255,255,.035);z-index:-1;letter-spacing:-.08em}
.exhibition-light .exhibition-year{left:2vw;right:auto;color:rgba(20,20,20,.055)}
.exhibition-photo{margin:0;box-shadow:0 35px 90px rgba(0,0,0,.38);background:#111;overflow:hidden}
.exhibition-photo img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover;object-position:top}
.exhibition-copy{max-width:510px}
.exhibition-date{display:block;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px}
.exhibition-copy h3{font:clamp(48px,5vw,78px)/1 var(--serif);font-weight:400;margin:0 0 28px}
.exhibition-copy p{font:19px/1.7 var(--serif);color:#bbb4aa}.exhibition-light .exhibition-copy p{color:#4e4b46}
.archive-note{display:block;margin-top:35px;padding-top:14px;border-top:1px solid currentColor;opacity:.55;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.archive-years{background:#11161b;padding:120px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}
.archive-heading span{color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.archive-heading h3{font:clamp(62px,8vw,120px)/1 var(--serif);font-weight:400;margin:22px 0 30px}.archive-heading p{font:17px/1.7 var(--serif);color:#aaa;max-width:480px}
.archive-list{border-top:1px solid rgba(255,255,255,.25)}.archive-item{display:grid;grid-template-columns:90px 1fr 1.2fr;gap:28px;align-items:baseline;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.18)}.archive-item>span{color:var(--gold);font:23px var(--serif)}.archive-item h4{font:28px var(--serif);font-weight:400;margin:0}.archive-item p{color:#999;font:15px/1.5 var(--serif);margin:0}
.journey-continues{min-height:760px;background:radial-gradient(circle at 70% 30%,#153c68,#081725 55%,#070a0d);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:100px 7vw;gap:8vw}
.journey-collage{height:560px;position:relative}.journey-collage img{position:absolute;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.5)}.journey-collage img:first-child{left:0;top:0;width:70%;height:82%}.journey-collage img:last-child{right:0;bottom:0;width:42%;height:58%;background:#fff;padding:12px;transform:rotate(3deg)}
.journey-final h3{font:clamp(62px,7vw,106px)/.95 var(--serif);font-weight:400;margin:0 0 30px}.journey-final p{font:20px/1.65 var(--serif);color:#c7c0b7}
@media(max-width:980px){.exhibitions-intro{grid-template-columns:1fr;padding:90px 7vw}.exhibition-feature,.exhibition-feature.reverse{grid-template-columns:1fr;min-height:0;padding:80px 7vw}.exhibition-feature.reverse .exhibition-photo,.exhibition-feature.reverse .exhibition-copy{grid-column:auto;grid-row:auto}.exhibition-feature.reverse .exhibition-photo{order:1}.exhibition-feature.reverse .exhibition-copy{order:2}.archive-years{grid-template-columns:1fr}.archive-item{grid-template-columns:70px 1fr}.archive-item p{grid-column:2}.journey-continues{grid-template-columns:1fr}.journey-collage{height:500px}}
@media(max-width:620px){.exhibitions-intro h2{font-size:48px}.exhibition-copy h3{font-size:52px}.exhibition-photo img{max-height:none}.archive-years{padding:85px 7vw}.archive-item{grid-template-columns:1fr;gap:8px}.archive-item p{grid-column:auto}.journey-collage{height:380px}.journey-final h3{font-size:58px}.journey-continues{padding:80px 7vw}}

/* V8 — capitolo museale: Pittrici in Garfagnana */
.museum-chapter{position:relative;padding:130px 7vw 150px;background:#21090d;color:#f7f1e8;overflow:hidden;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.museum-chapter:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 8%,rgba(180,72,65,.2),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.02),transparent 40%);pointer-events:none}
.chapter-watermark{position:absolute;right:-1vw;top:-35px;font:clamp(160px,27vw,420px)/1 var(--serif);letter-spacing:-.09em;color:rgba(255,255,255,.035);pointer-events:none}
.chapter-header{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:80px}
.chapter-header h3{font:clamp(70px,9vw,145px)/.82 var(--serif);font-weight:400;letter-spacing:-.055em;margin:18px 0 0;text-transform:none}
.chapter-facts{justify-self:end;min-width:min(360px,100%);border-top:1px solid rgba(205,163,93,.7);padding-top:20px;display:grid;gap:11px;font:15px/1.35 var(--serif);color:#d9cfc3}
.chapter-facts span:first-child{font-size:23px;color:#fff}
.chapter-hero{position:relative;margin:0 0 80px;max-width:1500px}
.chapter-hero img{display:block;width:100%;max-height:820px;object-fit:cover;object-position:center 38%;box-shadow:0 45px 100px rgba(0,0,0,.48)}
.chapter-hero:after{content:"";position:absolute;inset:18px;border:1px solid rgba(212,171,99,.55);pointer-events:none}
.chapter-hero figcaption{margin-top:13px;font:italic 14px/1.4 var(--serif);color:#a99c91}
.chapter-story{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;margin:0 0 100px;align-items:start}
.chapter-lead{display:grid;grid-template-columns:80px 1fr;gap:28px}
.chapter-index{font:52px/1 var(--serif);color:var(--gold);border-top:1px solid var(--gold);padding-top:12px}
.chapter-lead p{font:clamp(24px,2.25vw,36px)/1.4 var(--serif);margin:0;color:#f3ece4}
.chapter-quote{margin:0;padding:35px 0 0;border-top:1px solid rgba(255,255,255,.25);font:italic clamp(30px,3.2vw,52px)/1.18 var(--serif);color:#d4a962}
.chapter-documents{display:grid;grid-template-columns:1fr 1fr;gap:3vw;margin-bottom:80px}
.document-card{display:grid;grid-template-columns:minmax(180px,.65fr) 1fr;gap:32px;align-items:center;background:#f2ece3;color:#201d1a;padding:25px;min-height:360px;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.document-card figure{margin:0;height:100%;min-height:305px;background:#1a0b0e;overflow:hidden}
.document-card img{width:100%;height:100%;object-fit:contain;display:block}
.document-card span{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#8b5b37}
.document-card h4{font:38px/1.06 var(--serif);font-weight:400;margin:14px 0}
.document-card p{font:17px/1.55 var(--serif);color:#625a52;margin:0}
.chapter-details{border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}
.chapter-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:28px 0;font:23px/1.2 var(--serif)}
.chapter-details summary::-webkit-details-marker{display:none}.chapter-details summary span{font:36px/1 sans-serif;color:var(--gold);transition:transform .25s ease}
.chapter-details[open] summary span{transform:rotate(45deg)}
.details-copy{display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:0 0 42px;max-width:1200px;color:#c9beb4;font:18px/1.7 var(--serif)}
.details-copy p{margin:0}.details-copy .details-credit{grid-column:1/-1;color:#988b81;font-size:14px;border-left:1px solid var(--gold);padding-left:20px}
@media(max-width:980px){.museum-chapter{padding:100px 7vw}.chapter-header,.chapter-story{grid-template-columns:1fr}.chapter-facts{justify-self:start}.chapter-documents{grid-template-columns:1fr}.document-card{grid-template-columns:minmax(160px,.55fr) 1fr}.details-copy{grid-template-columns:1fr}.details-copy .details-credit{grid-column:auto}}
@media(max-width:620px){.museum-chapter{padding:80px 6vw}.chapter-header{margin-bottom:55px}.chapter-header h3{font-size:64px}.chapter-facts{font-size:14px}.chapter-hero{margin-bottom:55px}.chapter-hero:after{inset:8px}.chapter-story{gap:55px;margin-bottom:70px}.chapter-lead{grid-template-columns:1fr}.chapter-index{width:60px}.chapter-documents{gap:25px}.document-card{grid-template-columns:1fr;padding:16px}.document-card figure{min-height:260px}.document-card h4{font-size:34px}.details-copy{font-size:16px}}

/* V9 — retrospettiva editoriale */
.retrospective{background:#0a0b0d;color:#f4efe7;overflow:hidden}
.retro-intro{padding:130px 7vw 110px;display:grid;grid-template-columns:.45fr 1.2fr .7fr;gap:5vw;align-items:end;border-bottom:1px solid rgba(255,255,255,.14)}
.retro-intro h2{font:clamp(64px,8vw,126px)/.88 var(--serif);font-weight:400;letter-spacing:-.055em;margin:0}.retro-intro>p:last-child{font:18px/1.65 var(--serif);color:#b8b1a7;margin:0}
.retro-event{position:relative;min-height:850px;padding:120px 7vw;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:7vw;align-items:center;isolation:isolate}
.retro-year{position:absolute;right:1vw;top:-40px;font:clamp(150px,26vw,410px)/1 var(--serif);letter-spacing:-.09em;color:rgba(255,255,255,.04);z-index:-1;pointer-events:none}
.retro-copy{max-width:620px}.retro-type{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}.retro-copy h3{font:clamp(58px,7vw,112px)/.9 var(--serif);font-weight:400;letter-spacing:-.05em;margin:0 0 18px}.retro-subtitle{font:italic clamp(24px,2.6vw,42px)/1.2 var(--serif)!important;color:#d6b679!important;margin:-2px 0 34px!important}.retro-copy>p{font:19px/1.7 var(--serif);color:#c6beb4}.retro-meta{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:grid;gap:8px;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#aaa197}.retro-copy blockquote{font:italic clamp(30px,3.5vw,56px)/1.15 var(--serif);color:#b7905b;margin:45px 0}
.poster-stage{margin:0;padding:34px;background:#f3f0eb;box-shadow:0 45px 110px rgba(0,0,0,.44);transform:rotate(1deg)}.poster-stage img{display:block;width:100%;height:auto}
.event-picasso{background:linear-gradient(135deg,#f6f3ed 0 48%,#0b0d0f 48%);color:#17191b}.event-picasso .retro-copy>p{color:#514e49}.event-picasso .retro-meta{border-color:rgba(0,0,0,.18);color:#5d5953}.event-picasso .retro-year{color:rgba(0,0,0,.05);left:0;right:auto}
.event-cardo{background:linear-gradient(145deg,#dfeff4,#f7f4ee 60%);color:#14191c}.event-cardo .retro-copy>p{color:#4f5558}.event-cardo .retro-meta{border-color:rgba(0,0,0,.18);color:#61666a}.event-cardo .retro-year{color:rgba(17,70,92,.07)}
.hero-archive-photo{margin:0;box-shadow:0 40px 90px rgba(0,0,0,.25);background:#ddd}.hero-archive-photo img{display:block;width:100%;max-height:760px;object-fit:cover}
.archive-thumbs{display:flex;gap:18px;margin-top:38px}.archive-thumbs figure{margin:0;width:120px}.archive-thumbs img{display:block;width:100%;height:110px;object-fit:contain;background:#fff;padding:5px;box-shadow:0 12px 25px rgba(0,0,0,.2)}.archive-thumbs figcaption{margin-top:7px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:currentColor;opacity:.65}
.event-sogno{background:#e9e5de;color:#1c1b19;grid-template-columns:.7fr 1.3fr}.event-sogno .retro-copy>p{color:#514d47}.event-sogno .retro-meta{border-color:rgba(0,0,0,.2);color:#655f58}.event-sogno .retro-year{left:2vw;right:auto;color:rgba(0,0,0,.045)}
.sogno-visual{height:680px;position:relative}.sogno-visual figure{margin:0;position:absolute;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.28)}.sogno-main{left:0;top:0;width:68%;height:100%;background:#eee}.sogno-main img{width:100%;height:100%;object-fit:cover;object-position:center}.sogno-detail{right:0;bottom:7%;width:47%;height:42%;border:14px solid #f8f5f0;transform:rotate(2deg)}.sogno-detail img{width:100%;height:100%;object-fit:cover}
.year-divider{padding:80px 7vw;background:#130a0c;display:grid;grid-template-columns:auto 1fr auto;gap:35px;align-items:center}.year-divider span{font:clamp(80px,12vw,180px)/1 var(--serif);color:#d04970}.year-divider i{height:1px;background:linear-gradient(90deg,#d04970,transparent)}.year-divider p{font:italic 22px var(--serif);color:#d1b7bd}
.event-paiolo{background:#11100e}.event-paiolo .hero-archive-photo img{max-height:650px}.event-paiolo .retro-year{color:rgba(205,174,124,.05)}
.event-artemisia{background:#bb397d;grid-template-columns:.65fr 1.35fr}.event-artemisia .retro-type{color:#d8ff56}.event-artemisia .retro-copy>p{color:#fff1f8}.event-artemisia .retro-meta{color:#ffe8f4;border-color:rgba(255,255,255,.35)}.event-artemisia .retro-year{color:rgba(255,255,255,.07)}
.artemisia-stack{height:720px;position:relative}.artemisia-stack figure{margin:0;position:absolute;box-shadow:0 30px 75px rgba(55,0,25,.35);background:#fff}.artemisia-stack img{display:block;width:100%;height:100%;object-fit:contain}.invite-front{left:0;top:0;width:62%;height:55%;transform:rotate(-2deg)}.invite-back{right:0;top:9%;width:53%;height:51%;transform:rotate(2deg)}.setup-photo{left:17%;bottom:0;width:65%;height:40%;padding:9px}.setup-photo img{object-fit:cover}.setup-photo figcaption{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.75);color:#fff;padding:7px 9px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.retro-outro{padding:130px 7vw 145px;text-align:center;background:radial-gradient(circle at 50% 0,#183855,#080b0e 65%)}.retro-outro span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.retro-outro h3{font:clamp(70px,10vw,150px)/.9 var(--serif);font-weight:400;margin:25px 0}.retro-outro p{font:19px/1.6 var(--serif);color:#aaa}
@media(max-width:980px){.retro-intro{grid-template-columns:1fr}.retro-event,.event-sogno,.event-artemisia{grid-template-columns:1fr;min-height:0;padding:90px 7vw}.event-picasso{background:linear-gradient(#f6f3ed 0 47%,#0b0d0f 47%)}.event-picasso .poster-stage{margin-top:60px}.sogno-visual,.artemisia-stack{height:620px}.year-divider{grid-template-columns:1fr}.year-divider i{display:none}.hero-archive-photo{order:-1}.retro-event .retro-year{font-size:180px;top:15px}.event-picasso .retro-copy{margin-top:110px}}
@media(max-width:620px){.retro-intro{padding:90px 7vw}.retro-intro h2{font-size:58px}.retro-event,.event-sogno,.event-artemisia{padding:75px 6vw}.retro-copy h3{font-size:55px}.poster-stage{padding:13px}.sogno-visual{height:470px}.sogno-main{width:78%}.sogno-detail{width:55%;height:38%;border-width:8px}.artemisia-stack{height:500px}.invite-front{width:76%;height:47%}.invite-back{width:69%;height:45%}.setup-photo{left:7%;width:86%;height:38%}.archive-thumbs figure{width:95px}.year-divider{padding:60px 6vw}.year-divider span{font-size:90px}.retro-outro{padding:90px 7vw}}

/* V10 — archivio espositivo */
.retrospective .retro-year{display:none!important}
.archive-selection{padding:clamp(5rem,9vw,10rem) clamp(1.25rem,5vw,6rem);background:#f3efe7;color:#151719}
.archive-selection-head{max-width:850px;margin:0 auto 4rem;text-align:center}
.archive-selection-head h3{font-family:var(--serif);font-size:clamp(3rem,7vw,7.5rem);line-height:.88;font-weight:400;margin:.5rem 0 1.5rem}
.archive-selection-head>p:last-child{max-width:650px;margin:auto;font-size:1.08rem;line-height:1.7;color:#4f514e}
.archive-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,2rem);align-items:start}
.archive-card{grid-column:span 4;background:#fff;border:1px solid rgba(132,103,53,.26);box-shadow:0 18px 55px rgba(25,20,13,.09);overflow:hidden}
.archive-card:nth-child(2n){margin-top:4rem}
.archive-card.featured{grid-column:span 7}
.archive-card.wide{grid-column:span 8;margin-left:auto}
.archive-card figure{margin:0;background:#171a1d;overflow:hidden;aspect-ratio:4/3}
.archive-card.featured figure{aspect-ratio:16/9}
.archive-card.wide figure{aspect-ratio:16/8}
.archive-card img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.archive-card:hover img{transform:scale(1.025)}
.archive-card>div{padding:1.5rem 1.5rem 1.75rem}
.archive-card span{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:#9b7535}
.archive-card h4{font-family:var(--serif);font-size:clamp(1.7rem,2.4vw,3rem);line-height:1;margin:.65rem 0 1rem;font-weight:400}
.archive-card p{line-height:1.55;color:#4c4c48;margin:0 0 1.1rem}
.archive-card small{display:block;padding-top:.85rem;border-top:1px solid #ded7ca;color:#77736b}
@media(max-width:900px){.archive-card,.archive-card.featured,.archive-card.wide{grid-column:span 6;margin:0}.archive-card:nth-child(2n){margin-top:2rem}}
@media(max-width:620px){.archive-grid{display:block}.archive-card,.archive-card.featured,.archive-card.wide{margin:0 0 1.5rem}.archive-card:nth-child(2n){margin-top:0}.archive-selection{padding-inline:1rem}}

/* V11 — percorso espositivo non cronologico */
.retrospective .retro-year,
.retrospective .year-divider,
.retrospective .chapter-watermark { display:none !important; }
.event-tapirulan {
  background:#f7f4ee;
  color:#101418;
  padding-top:clamp(5rem,10vw,10rem);
  padding-bottom:clamp(5rem,10vw,10rem);
}
.event-tapirulan .retro-copy { align-self:center; }
.tapirulan-visual {
  position:relative;
  min-height:min(76vw,900px);
  display:grid;
  place-items:center;
}
.tapirulan-work {
  width:min(92%,1080px);
  background:#fff;
  padding:clamp(1rem,2vw,2rem);
  box-shadow:0 28px 70px rgba(20,28,40,.16);
  transform:rotate(-1deg);
}
.tapirulan-work img { width:100%; height:auto; display:block; }
.tapirulan-poster {
  position:absolute;
  width:min(28%,280px);
  right:0;
  top:4%;
  box-shadow:0 18px 44px rgba(14,24,40,.2);
  transform:rotate(2deg);
}
.tapirulan-poster img { width:100%; display:block; }
.retrospective .retro-meta { margin-top:1.4rem; }
.retrospective .retro-meta:empty { display:none; }
.archive-card small { display:none !important; }
.archive-selection-head p:last-child { max-width:52rem; }
@media (max-width: 800px) {
  .tapirulan-visual { min-height:auto; padding-top:2rem; }
  .tapirulan-work { width:100%; transform:none; }
  .tapirulan-poster { width:34%; right:-1rem; top:0; }
}

/* V12 — Chi sono: due linguaggi, una sola ricerca */
.about-section{background:#f4f0e8;color:#141619;padding:clamp(6rem,10vw,11rem) 6vw;position:relative;overflow:hidden}
.about-section:before{content:"SONIA VANGI";position:absolute;top:1.5rem;right:-1vw;font:clamp(5rem,14vw,14rem)/1 var(--serif);letter-spacing:-.07em;color:rgba(35,31,25,.035);white-space:nowrap;pointer-events:none}
.about-opening{display:grid;grid-template-columns:.38fr 1.15fr .72fr;gap:4vw;align-items:start;max-width:1500px;margin:0 auto 7rem}
.about-opening h2{font:clamp(3.5rem,7vw,7.7rem)/.94 var(--serif);font-weight:400;letter-spacing:-.045em;margin:0}
.about-deck{font:clamp(1.15rem,1.6vw,1.55rem)/1.65 var(--serif);color:#4b4a45;margin:4.5rem 0 0}
.about-portrait{max-width:1320px;margin:0 auto 6rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end}
.about-portrait figure{margin:0;min-height:620px;overflow:hidden;background:#d8d2c8;box-shadow:0 30px 80px rgba(42,34,24,.17)}
.about-portrait img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center 42%;display:block}
.about-caption{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.2em;font-size:.64rem;color:#796f61;padding-bottom:.5rem}
.about-story{max-width:1120px;margin:0 auto 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,4vw,4.5rem);font:1.08rem/1.8 var(--serif);color:#484640}
.about-story p{margin:0;padding-top:1.4rem;border-top:1px solid #cfc6b8}
.dual-language{max-width:1500px;margin:0 auto 8rem;display:grid;grid-template-columns:1fr 1fr;min-height:650px}
.language-panel{padding:clamp(3rem,6vw,7rem);position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.language-panel>span{position:absolute;top:2rem;right:2rem;font:clamp(3rem,6vw,6rem) var(--serif);opacity:.18}
.language-panel h3{font:clamp(2.8rem,5vw,6rem)/.98 var(--serif);font-weight:400;margin:.5rem 0 1.5rem;max-width:760px}
.language-panel>p:last-child{font:1.15rem/1.7 var(--serif);max-width:560px}
.language-matter{background:linear-gradient(150deg,rgba(5,10,14,.45),rgba(5,10,14,.94)),url('paintings_webp/NebuleuseSentimentale.webp') center/cover;color:#f6f1e8}
.language-matter>p:last-child{color:#d1c8bc}.language-line{background:#fff url('illustrations_webp/IMG_4151.webp') right 8% top 12%/58% auto no-repeat;color:#17191b;border:1px solid #d8d0c3}
.language-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0 42%,rgba(255,255,255,.94) 55%,rgba(255,255,255,.25));z-index:0}.language-line>*{position:relative;z-index:1}.language-line>p:last-child{color:#55514b}
.about-method{max-width:1300px;margin:0 auto 8rem;display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:end;padding:6rem 0;border-top:1px solid #c9c0b3;border-bottom:1px solid #c9c0b3}
.about-method h3{font:clamp(3rem,5.5vw,6.2rem)/.98 var(--serif);font-weight:400;margin:0}.about-method>p{font:1.2rem/1.75 var(--serif);color:#4e4b45;margin:0}
.critical-voices{max-width:1500px;margin:0 auto 7rem;padding:6rem 5vw;background:#0b0e11;color:#f4efe7}
.quotes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw}.quotes-grid blockquote{margin:0;padding:2rem 0 0;border-top:1px solid rgba(255,255,255,.25)}.quotes-grid blockquote p{font:italic clamp(1.45rem,2.1vw,2.35rem)/1.38 var(--serif);margin:0 0 2rem}.quotes-grid cite{font-style:normal;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;color:var(--gold)}
.about-close{max-width:900px;margin:0 auto;text-align:center}.about-close>p{font:clamp(1.35rem,2vw,2rem)/1.65 var(--serif);color:#383833}.dark-link{color:#17191b;margin-top:2rem}
@media(max-width:980px){.about-opening{grid-template-columns:1fr}.about-deck{margin-top:0;max-width:760px}.about-story{grid-template-columns:1fr}.dual-language{grid-template-columns:1fr}.language-panel{min-height:600px}.about-method{grid-template-columns:1fr}.quotes-grid{grid-template-columns:1fr;gap:3rem}.about-portrait{grid-template-columns:1fr}.about-caption{writing-mode:horizontal-tb}}
@media(max-width:620px){.about-section{padding-inline:1.2rem}.about-opening{margin-bottom:4rem}.about-opening h2{font-size:3.35rem}.about-portrait figure,.about-portrait img{min-height:420px}.language-panel{min-height:520px;padding:2rem}.language-line{background-size:95% auto;background-position:center top 12%}.language-line:after{background:linear-gradient(0deg,#fff 0 52%,rgba(255,255,255,.45))}.about-method{padding:4rem 0;margin-bottom:5rem}.critical-voices{padding:4rem 1.5rem}}

/* V13 — numerazioni decorative rimosse e dialogo tra i due linguaggi raffinato */
.language-panel:not(:has(> span)){padding-top:clamp(54px,7vw,100px)}
.world:not(:has(> span)) .world-copy{max-width:620px}
.bridge-paint figcaption,.bridge-line figcaption{
  height:auto;min-height:70px;padding:16px 4px;
  text-transform:none;letter-spacing:0;
  font:italic 17px/1.35 var(--serif);color:#5f574e;
}
.place-card figcaption:not(:has(> span)){grid-template-columns:1fr}


/* V14 — manifesto riequilibrato e ritratto contemporaneo */
.manifesto-redesigned{
  padding:0;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(520px,1.05fr);
  gap:0;min-height:780px;align-items:stretch;background:#f5f0e7;
}
.manifesto-visual{position:relative;min-height:780px;overflow:hidden;background:#111}
.manifesto-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.02)}
.manifesto-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,8,10,.58))}
.manifesto-visual span{position:absolute;z-index:2;left:3.5rem;bottom:3rem;color:#f4efe7;text-transform:uppercase;letter-spacing:.22em;font-size:.68rem}
.manifesto-content{padding:clamp(5rem,9vw,10rem) clamp(3rem,7vw,8rem);display:flex;flex-direction:column;justify-content:center}
.manifesto-redesigned .manifesto-copy h2{font:clamp(3.4rem,5.3vw,7rem)/.98 var(--serif);letter-spacing:-.045em;max-width:900px}
.manifesto-redesigned .manifesto-text{padding-top:3.5rem;max-width:670px;font:clamp(1.15rem,1.45vw,1.45rem)/1.75 var(--serif)}
.manifesto-redesigned .manifesto-text p:first-child{font-size:1.18em;color:#2c2c29}

.about-section:before{display:none}
.about-opening{grid-template-columns:.28fr 1.12fr .72fr;max-width:1380px;margin-bottom:5.5rem;align-items:start}
.about-opening h2{font-size:clamp(3.6rem,6.4vw,7rem);max-width:760px}
.about-deck{margin-top:3.9rem;max-width:500px}
.about-portrait-current{max-width:1180px;grid-template-columns:minmax(300px,470px) 1fr;gap:clamp(2.5rem,6vw,7rem);align-items:center;margin-bottom:7rem}
.about-portrait-current figure{min-height:0;aspect-ratio:4/5;box-shadow:0 26px 70px rgba(42,34,24,.18);border:10px solid #fff}
.about-portrait-current img{min-height:0;height:100%;object-fit:cover;object-position:center 42%}
.about-portrait-note{border-top:1px solid #bdb3a4;padding-top:2rem;max-width:430px}
.about-portrait-note span{font:clamp(2.6rem,5vw,5.4rem)/1 var(--serif);letter-spacing:-.04em;display:block}
.about-portrait-note p{font:italic 1.25rem/1.5 var(--serif);color:#665f55;margin:1rem 0 0}

@media(max-width:980px){
 .manifesto-redesigned{grid-template-columns:1fr;min-height:auto}
 .manifesto-visual{min-height:56vw;max-height:620px}
 .manifesto-content{padding:6rem 7vw}
 .about-opening{grid-template-columns:1fr}
 .about-deck{margin-top:0}
 .about-portrait-current{grid-template-columns:1fr;max-width:720px}
 .about-portrait-current figure{width:min(100%,520px)}
}
@media(max-width:620px){
 .manifesto-visual{min-height:78vw}
 .manifesto-visual span{left:1.5rem;bottom:1.5rem}
 .manifesto-content{padding:4.5rem 1.3rem}
 .manifesto-redesigned .manifesto-copy h2{font-size:3rem}
 .about-portrait-current figure{width:100%;border-width:6px}
 .about-portrait-note span{font-size:3.2rem}
}

/* V15 — final visual polish before publication */
.featured-art,
.work-media{
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 20px 55px rgba(0,0,0,.20);
}
.work-media img{filter:none}
.hero-paper,
.bridge-line{
  background:#fff;
}
.hero-paper img,
.bridge-line img{
  object-position:center;
}
.place-card{
  border:1px solid rgba(127,105,76,.14);
}
@media (max-width:620px){
  .hero-paper{padding:7px}
}

/* V16 — cornici aderenti alle opere, ArchiFlop centrata, numerazioni rimosse */
.section-intro:before{content:none!important;display:none!important}

/* Cornice museale: segue esattamente il formato dell'opera, senza contenitori verticali vuoti */
.work-media{
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:visible!important;
  background:linear-gradient(135deg,#c7a569 0%,#7e5a2b 18%,#d7bd83 44%,#5d3d1d 72%,#b68c4e 100%)!important;
  padding:8px!important;
  border:1px solid rgba(232,205,151,.72)!important;
  box-shadow:
    0 0 0 2px #21170d,
    0 0 0 4px rgba(196,155,89,.72),
    0 22px 55px rgba(0,0,0,.38)!important;
}
.work-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  background:#090b0d;
  transform:none!important;
}
.work-card:hover .work-media img{transform:none!important}
.work-card figcaption{
  grid-template-columns:1fr!important;
  gap:0!important;
}
.work-card figcaption>span{display:none!important}

/* Opera in evidenza con cornice aderente */
.featured-art{
  min-height:0!important;
  align-self:center;
  margin:30px;
  padding:9px!important;
  background:linear-gradient(135deg,#c7a569,#6f4a22 40%,#d0b275 65%,#5b3d1d)!important;
  border:1px solid rgba(232,205,151,.7)!important;
  box-shadow:0 0 0 2px #21170d,0 0 0 4px rgba(196,155,89,.68),0 25px 65px rgba(0,0,0,.42)!important;
}
.featured-art img{display:block;width:100%;height:auto;max-height:none!important;object-fit:contain}

/* Hero: ogni quadro ha la propria cornice e mantiene il proprio rapporto originale */
.hero-gallery figure{
  height:auto!important;
  overflow:visible!important;
  padding:7px!important;
  background:linear-gradient(135deg,#d3b77f,#70502a 35%,#c59c57 68%,#503518)!important;
  border:1px solid rgba(241,216,165,.75)!important;
  box-shadow:0 0 0 2px #21170d,0 0 0 4px rgba(192,148,77,.72),0 28px 70px rgba(0,0,0,.5)!important;
}
.hero-gallery figure img{display:block;width:100%!important;height:auto!important;object-fit:contain!important;background:#fff}
.hero-back{width:47%!important;right:0!important;top:0!important}
.hero-main{width:58%!important;left:3%!important;top:14%!important}
.hero-paper{width:31%!important;right:2%!important;bottom:0!important;top:auto!important;padding:7px!important}

/* Nel passaggio materia/segno: cornice all'opera e tavola ArchiFlop senza fasce eccessive */
.bridge-paint,.bridge-line{height:auto!important;overflow:visible!important;padding:8px!important;border:1px solid rgba(168,126,65,.72)!important;background:linear-gradient(135deg,#cdb078,#72502a,#cfb06f,#58391c)!important;box-shadow:0 0 0 2px #21170d,0 0 0 4px rgba(187,143,73,.55),0 25px 65px rgba(0,0,0,.25)!important}
.bridge-paint img,.bridge-line img{display:block;width:100%!important;height:auto!important;object-fit:contain!important;background:#fff}
.bridge-paint{top:95px!important}
.bridge-line{bottom:75px!important}

@media(max-width:900px){
  .hero-gallery figure{padding:5px!important}
  .work-media{padding:6px!important}
  .featured-art{margin:20px}
}

/* V17 — cornici sottili e uniformi; didascalie definitive delle illustrazioni */
/* Quadri materici: cornice aderente, sottile e discreta */
.work-media,
.featured-art,
.hero-gallery figure,
.bridge-paint{
  padding:3px!important;
  background:#d8d0c4!important;
  border:1px solid rgba(205,191,171,.88)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  outline:1px solid rgba(31,27,23,.72);
  outline-offset:0;
}
.work-media img,
.featured-art img,
.hero-gallery figure img,
.bridge-paint img{
  border:0!important;
  box-shadow:none!important;
}

/* Illustrazioni: stessa logica museale, senza cornici pesanti */
.place-card{
  padding:5px!important;
  background:#f7f3ec!important;
  border:1px solid rgba(142,126,105,.42)!important;
  box-shadow:0 15px 38px rgba(54,43,30,.12)!important;
}
.place-card:before{content:none!important}
.place-card img{
  padding:0!important;
  border:1px solid rgba(119,105,87,.30)!important;
  box-shadow:none!important;
  background:#fff!important;
}
.place-card figcaption{
  grid-template-columns:1fr!important;
  background:#f7f3ec!important;
  color:#17191b!important;
  border-top:1px solid rgba(119,105,87,.22)!important;
  margin-top:5px!important;
  padding:15px 10px 17px!important;
}
.place-card figcaption>span{display:none!important}
.place-card small{color:#777168!important}

/* ArchiFlop: immagine ritagliata e centrata, senza fasce bianche eccessive */
.hero-paper img,
.bridge-line img,
.place-card:first-child img{
  object-position:center!important;
}
.bridge-line{
  padding:3px!important;
  background:#f7f3ec!important;
  border:1px solid rgba(142,126,105,.42)!important;
  box-shadow:0 15px 38px rgba(54,43,30,.15)!important;
  outline:1px solid rgba(31,27,23,.55);
}
.hero-paper{
  padding:3px!important;
  background:#f7f3ec!important;
  border:1px solid rgba(142,126,105,.42)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  outline:1px solid rgba(31,27,23,.55);
}

@media(max-width:900px){
  .work-media,.featured-art,.hero-gallery figure,.bridge-paint,.bridge-line,.hero-paper{padding:2px!important}
}


/* V18 — correzioni definitive richieste da Sonia */
/* 1. Titoli delle illustrazioni sempre leggibili sul fondo chiaro */
.place-card figcaption,
.place-card figcaption div,
.place-card figcaption strong{
  color:#2b241d!important;
}
.place-card figcaption strong{
  display:block;
  font-size:20px!important;
  line-height:1.18!important;
  text-shadow:none!important;
}
.place-card figcaption small{
  color:#6a5140!important;
  font-size:12px;
  line-height:1.45;
}

/* 2. Nel dialogo fra i due linguaggi le due opere sono sullo stesso piano */
.bridge-gallery{
  align-items:center!important;
}
.bridge-paint,
.bridge-line{
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  align-self:center!important;
}
.bridge-paint img,
.bridge-line img{
  width:100%!important;
  height:auto!important;
}

/* 3. Titolo lungo dell'opera Fleurs pour Michele più piccolo */
.work-card.long-title strong{
  font-size:18px!important;
  line-height:1.15!important;
}

/* 4. Hero: opere più vicine e sovrapposte; Blu leggermente più piccolo */
@media(min-width:981px){
  .hero-gallery{
    right:2.5vw!important;
    width:48vw!important;
    top:15%!important;
    height:72%!important;
  }
  .hero-back{
    width:45%!important;
    right:1%!important;
    top:2%!important;
    z-index:1!important;
  }
  .hero-main{
    width:52%!important;
    left:15%!important;
    top:18%!important;
    z-index:2!important;
  }
  .hero-paper{
    width:31%!important;
    right:7%!important;
    bottom:7%!important;
    top:auto!important;
    z-index:3!important;
  }
}

@media(max-width:980px){
  .work-card.long-title strong{font-size:17px!important}
  .bridge-paint,.bridge-line{top:auto!important;bottom:auto!important}
}


/* V19 — testi aggiornati e opere materiche più raccolte */
/* La galleria conserva il ritmo editoriale, ma le opere occupano meno spazio. */
#opere .featured-work{
  max-width:1180px!important;
  grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)!important;
}
#opere .featured-art{
  margin:24px!important;
}
#opere .works-grid{
  max-width:1200px!important;
  gap:58px 26px!important;
}
@media(min-width:981px){
  #opere .work-card:nth-child(6n+1){grid-column:2/span 6!important}
  #opere .work-card:nth-child(6n+2){grid-column:8/span 4!important;margin-top:85px!important}
  #opere .work-card:nth-child(6n+3){grid-column:2/span 4!important}
  #opere .work-card:nth-child(6n+4){grid-column:7/span 5!important}
  #opere .work-card:nth-child(6n+5){grid-column:2/span 4!important;margin-top:65px!important}
  #opere .work-card:nth-child(6n){grid-column:7/span 4!important}
}
@media(max-width:980px){
  #opere .featured-work{max-width:760px!important;grid-template-columns:1fr!important}
  #opere .works-grid{max-width:760px!important}
}
@media(max-width:620px){
  #opere .featured-art{margin:14px!important}
  #opere .works-grid{max-width:520px!important;gap:48px!important}
}

/* ============================================================
   V20 — sistema tipografico reale, movimento e materia
   ============================================================ */

/* --- Font self-hostati: definiti (in base64) in fonts.css per funzionare anche via file:// --- */

body{font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* Display serif: Fraunces, leggero ed elegante, contrasto guidato dall'ottica */
h1,h2,h3,blockquote,cite,.brand,.retro-subtitle,.chapter-quote,.featured-info h3{
  font-optical-sizing:auto;font-variation-settings:'wght' 350,'SOFT' 0,'WONK' 0}
.hero h1{font-variation-settings:'wght' 318,'SOFT' 4,'WONK' 0;letter-spacing:-.03em}
.manifesto h2,.section-intro h2,.places-heading h2,.bridge-heading h2,.exhibitions-intro h2,
.contact-copy h2,.journey-copy h2,.world-copy h2,.retro-intro h2{font-variation-settings:'wght' 336,'SOFT' 2,'WONK' 0}
blockquote,.hero-lead,.journey blockquote,.retro-subtitle,.chapter-quote{font-variation-settings:'wght' 380,'SOFT' 6}

/* Utility sans: Inter, per etichette, nav e didascalie tecniche */
.kicker,.nav a,.retro-type,.exhibition-date,.archive-note,.places-ribbon,
.featured-info span,.featured-info button,.contact-button,.line-link,
.archive-card span,.document-card span,.chapter-facts,.retro-meta span,
.work-card small,.place-card small,.section-intro:before,.exhibition-photo figcaption,
.bridge-paint figcaption,.bridge-line figcaption,.about-portrait-note p,footer,.caption small,
.hero .kicker,.scroll-cue{font-family:var(--sans)}
.kicker{font-weight:600}
.nav a{font-weight:500}
.retro-type,.exhibition-date,.archive-card span,.document-card span,.archive-note,
.places-ribbon,.featured-info span,.featured-info button,.contact-button,.line-link{font-weight:600}
.work-card small,.place-card small{font-weight:450;letter-spacing:.005em}

/* --- Reveal raffinato (fade + rise, easing "espo") + stagger nei grid --- */
.reveal{opacity:0;transform:translateY(32px);
  transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform}
.reveal.visible{opacity:1;transform:none}
.archive-grid .reveal:nth-child(3n+2){transition-delay:.07s}
.archive-grid .reveal:nth-child(3n){transition-delay:.14s}
.works-grid .reveal:nth-child(even){transition-delay:.09s}
.places-grid .place-card:nth-child(3n+2){transition-delay:.06s}
.places-grid .place-card:nth-child(3n){transition-delay:.12s}
.quotes-grid blockquote{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.16,1,.3,1) var(--qd,0s),transform 1s cubic-bezier(.16,1,.3,1) var(--qd,0s)}
.critical-voices.visible .quotes-grid blockquote{opacity:1;transform:none}
.quotes-grid blockquote:nth-child(2){--qd:.12s}
.quotes-grid blockquote:nth-child(3){--qd:.24s}

/* --- Riflesso di luce sulle superfici materiche (micro-interazione tematica) --- */
.work-media,.featured-art,.exhibition-photo{position:relative}
.work-media::after,.featured-art::after,.exhibition-photo::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(112deg,transparent 34%,rgba(255,244,222,.16) 49%,transparent 64%);
  transform:translateX(-130%) skewX(-8deg);transition:transform 1.05s cubic-bezier(.16,1,.3,1)}
.work-card:hover .work-media::after,.featured-work:hover .featured-art::after,
.exhibition-feature:hover .exhibition-photo::after{transform:translateX(130%) skewX(-8deg)}

/* Cornici illustrazioni: bagliore oro al passaggio */
.place-card{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s,border-color .6s}
.place-card:hover{border-color:var(--gold2)}
.place-card:hover:before{border-color:var(--gold2)}

/* Link e bottoni: transizione oro */
.line-link,.featured-info button{transition:color .4s,border-color .4s}
.line-link:hover,.featured-info button:hover{color:var(--gold2);border-color:var(--gold2)}
.line-link span{transition:transform .4s cubic-bezier(.16,1,.3,1)}
.line-link:hover span{transform:translate(5px,5px)}
.nav a{transition:color .3s}

/* --- HERO: composizione più decisa + entrata + profondità --- */
.hero-gallery figure{transition:transform 1.4s cubic-bezier(.16,1,.3,1),box-shadow 1.4s}
.hero-main{width:62%;height:78%;left:2%;top:12%;transform:rotate(-2deg);
  border:1px solid rgba(217,180,122,.45);box-shadow:0 40px 90px rgba(0,0,0,.6)}
.hero-back{width:46%;height:56%;right:0;top:-2%;transform:rotate(4.5deg);filter:brightness(.82) saturate(.92)}
.hero-paper{width:30%;height:45%;right:1%;bottom:-2%;transform:rotate(5deg);box-shadow:0 26px 60px rgba(0,0,0,.4)}
.hero:after{opacity:.9}
/* entrata al caricamento */
.hero-text .kicker,.hero h1,.hero-lead,.hero .line-link{opacity:0;transform:translateY(26px);
  transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}
.hero-gallery figure{opacity:0}
body.loaded .hero-text .kicker{opacity:1;transform:none;transition-delay:.15s}
body.loaded .hero h1{opacity:1;transform:none;transition-delay:.28s}
body.loaded .hero-lead{opacity:1;transform:none;transition-delay:.44s}
body.loaded .hero .line-link{opacity:1;transform:none;transition-delay:.58s}
body.loaded .hero-back{opacity:1;transition:opacity 1.3s ease .2s}
body.loaded .hero-main{opacity:1;transition:opacity 1.3s ease .38s}
body.loaded .hero-paper{opacity:1;transition:opacity 1.3s ease .56s}

/* indicatore di scroll */
.scroll-cue{position:absolute;z-index:6;left:7vw;bottom:34px;display:flex;align-items:center;gap:12px;
  font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(240,235,225,.55)}
.scroll-cue i{width:1px;height:38px;background:linear-gradient(var(--gold),transparent);display:block;position:relative;overflow:hidden}
.scroll-cue i:after{content:"";position:absolute;top:-40%;left:0;width:1px;height:40%;background:var(--gold2);animation:cueRun 2.2s cubic-bezier(.7,0,.3,1) infinite}
@keyframes cueRun{0%{transform:translateY(0)}100%{transform:translateY(300%)}}

/* --- Fascia dettaglio materia: full-bleed "wow" --- */
.texture-band{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;background:#05070a;isolation:isolate}
.texture-media{position:absolute;inset:0;z-index:-1}
.texture-media img{width:100%;height:118%;object-fit:cover;object-position:center 38%;transform:scale(1.06);
  transition:transform 6s ease-out;filter:contrast(1.06) saturate(1.05)}
.texture-band.in-view .texture-media img{transform:scale(1.16)}
.texture-media:after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(4,6,10,.9) 0%,rgba(4,6,10,.55) 42%,rgba(4,6,10,.15) 72%,transparent 100%),
  linear-gradient(0deg,rgba(4,6,10,.75),transparent 55%)}
.texture-copy{position:relative;z-index:2;max-width:640px;padding:0 7vw 12vh}
.texture-copy .kicker{color:var(--gold2)}
.texture-copy h2{font:clamp(48px,6vw,92px)/1 var(--serif);font-weight:400;margin:0 0 26px;letter-spacing:-.03em;color:#fdf9f1}
.texture-copy p{font:19px/1.68 var(--serif);color:#d8cfc2;max-width:520px}
.texture-tag{position:absolute;right:6vw;top:9vh;z-index:2;writing-mode:vertical-rl;
  font-family:var(--sans);font-size:9px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:rgba(217,180,122,.6)}

/* --- Lightbox più curata --- */
.lightbox{padding:60px}
.lightbox img{box-shadow:0 40px 120px rgba(0,0,0,.7)}
.caption{font:clamp(20px,2.4vw,28px)/1.2 var(--serif);font-weight:400;margin-top:22px;text-align:center;letter-spacing:-.01em}
.caption small{display:block;margin-top:9px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2)}
.lightbox button{transition:background .3s,color .3s;backdrop-filter:blur(4px)}
.lightbox button:hover{background:var(--gold);color:#080b0e}

/* --- Responsive fascia materia + hero --- */
@media(max-width:980px){
  .texture-band{min-height:70vh}
  .texture-copy{padding:0 7vw 9vh}
  .texture-tag{display:none}
}
@media(max-width:620px){
  .hero-main{width:74%;height:70%;left:0}
  .hero-back{width:52%;height:52%}
  .texture-band{min-height:64vh}
  .texture-copy h2{font-size:42px}
  .scroll-cue{display:none}
}

/* --- Rispetto reduced-motion: niente sweep/parallax/ken-burns --- */
@media(prefers-reduced-motion:reduce){
  .work-media::after,.featured-art::after,.exhibition-photo::after{display:none}
  .texture-media img{transition:none;transform:none;height:100%}
  .scroll-cue i:after{animation:none}
  .hero-text .kicker,.hero h1,.hero-lead,.hero .line-link,.hero-gallery figure{opacity:1!important;transform:none!important}
  [data-parallax]{transform:none!important}
}

/* --- Parallax: compone con le rotazioni della hero, niente transizione su transform --- */
.hero-gallery figure{transition:opacity 1.3s ease,box-shadow 1.4s}
.hero-back{transform:rotate(4.5deg) translate3d(0,var(--py,0),0)}
.hero-main{transform:rotate(-2deg) translate3d(0,var(--py,0),0)}
.hero-paper{transform:rotate(5deg) translate3d(0,var(--py,0),0)}
.texture-media{transform:translate3d(0,var(--py,0),0)}

/* ============================================================
   V20.1 — HERO ridisegnata: il dittico "Materia + Segno"
   (l'apertura È il concetto: due linguaggi, una stessa cornice)
   ============================================================ */

/* colonna testo un po' più contenuta per lasciar respirare il dittico */
.hero-text{width:min(540px,40vw);top:26%}

/* --- il dittico --- */
.hero-diptych{position:absolute;z-index:2;right:5vw;top:50%;transform:translateY(-50%);
  width:min(680px,46vw);display:flex;flex-direction:column;align-items:center;gap:30px}
.hero-diptych-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}

.hero-panel{position:relative;margin:0}
.panel-media{position:relative;width:100%;height:100%;overflow:hidden}
.hero-panel img{width:100%;height:100%;display:block}

/* pannello MATERIA: colore e rilievo, cornice oro sottile */
.panel-matter{height:clamp(330px,52vh,540px);--rot:-1.5deg;
  border:1px solid rgba(217,180,122,.5);box-shadow:0 44px 96px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.35)}
.panel-matter img{object-fit:cover}

/* pannello SEGNO: linea su carta, passe-partout chiaro */
.panel-line{height:clamp(285px,45vh,460px);margin-top:40px;--rot:1.7deg;
  background:#fbf9f4;padding:13px;box-shadow:0 32px 74px rgba(0,0,0,.46)}
.panel-line img{object-fit:contain;background:#fbf9f4}

/* etichette dei due linguaggi */
.hero-panel figcaption{position:absolute;bottom:-25px;font-family:var(--sans);font-weight:600;
  font-size:9px;letter-spacing:.28em;text-transform:uppercase}
.panel-matter figcaption{left:3px;color:var(--gold2)}
.panel-line figcaption{right:3px;color:#9a8f7e}

/* cucitura oro col "+" (stesso motivo del "ponte") */
.hero-seam{display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:0 clamp(12px,1.6vw,26px);color:var(--gold)}
.hero-seam span{width:1px;height:clamp(38px,8vh,84px);background:linear-gradient(var(--gold),rgba(183,146,90,.12))}
.hero-seam span:last-child{background:linear-gradient(rgba(183,146,90,.12),var(--gold))}
.hero-seam b{font:400 26px/1 var(--serif);color:var(--gold2);font-variation-settings:'wght' 360}

/* didascalia del dittico = il payoff, ora illustrato */
.hero-diptych-cap{margin:0;text-align:center;font:italic 15px/1.5 var(--serif);
  font-variation-settings:'wght' 380,'SOFT' 6;color:#cdc0ac;letter-spacing:.01em}

/* --- parallax: compone rotazione + spostamento --- */
.hero-panel{transform:rotate(var(--rot,0deg)) translate3d(0,var(--py,0),0)}

/* --- sequenza d'ingresso --- */
.hero-panel{opacity:0;transition:opacity 1.2s ease}
.panel-media img{transform:scale(1.1);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}
.hero-seam{opacity:0;transform:scaleY(.55);transform-origin:center;
  transition:opacity 1s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.hero-diptych-cap{opacity:0;transform:translateY(10px);
  transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1)}
body.loaded .panel-matter{opacity:1;transition-delay:.34s}
body.loaded .panel-line{opacity:1;transition-delay:.5s}
body.loaded .panel-matter .panel-media img{transform:none;transition-delay:.34s}
body.loaded .panel-line .panel-media img{transform:none;transition-delay:.5s}
body.loaded .hero-seam{opacity:1;transform:none;transition-delay:.72s}
body.loaded .hero-diptych-cap{opacity:1;transform:none;transition-delay:.86s}

/* --- responsive --- */
@media(max-width:980px){
  .hero{height:auto;min-height:0;padding-bottom:76px}
  .hero-text{position:relative;top:auto;left:auto;width:auto;margin:116px 7vw 46px}
  .hero-diptych{position:relative;right:auto;top:auto;transform:none;width:88vw;max-width:540px;margin:0 auto;gap:24px}
  .panel-matter{height:clamp(280px,54vw,380px)}
  .panel-line{height:clamp(250px,48vw,340px);margin-top:30px}
  .scroll-cue{display:none}
}
@media(max-width:620px){
  .hero-diptych{width:92vw;gap:20px}
  .hero-seam{padding:0 8px}
  .hero-seam b{font-size:20px}
  .panel-matter{height:clamp(230px,58vw,300px)}
  .panel-line{height:clamp(210px,52vw,270px);margin-top:22px;padding:9px}
  .hero-panel figcaption{font-size:8px;bottom:-21px}
  .hero-diptych-cap{font-size:14px}
}

/* --- reduced-motion: pannelli fermi e visibili --- */
@media(prefers-reduced-motion:reduce){
  .hero-panel,.hero-seam,.hero-diptych-cap{opacity:1!important;transform:rotate(var(--rot,0deg))!important}
  .hero-seam,.hero-diptych-cap{transform:none!important}
  .panel-media img{transform:none!important;transition:none!important}
}

/* ============================================================
   V22 — cornice illustrazione aderente, firma, capitolo Biennale
   ============================================================ */

/* Hero · pannello SEGNO: cornice esattamente sulle proporzioni
   dell'illustrazione (come il quadro), senza passe-partout */
.panel-line{aspect-ratio:1400/1104;height:auto;margin-top:clamp(20px,5vh,52px);padding:0;
  background:#fbf9f4;border:1px solid rgba(217,180,122,.5);box-shadow:0 34px 80px rgba(0,0,0,.5)}
.panel-line img{object-fit:cover;background:#fbf9f4}

/* (firma illustratrice rimossa su richiesta: verrà applicata a mano sulle tavole) */

/* Capitolo Biennale: un solo documento, centrato */
.chapter-documents.single{grid-template-columns:1fr;max-width:940px;margin:0 auto 80px}
.biennale-chapter .chapter-index{font-size:40px}

/* ============================================================
   V25 — ripristino della griglia editoriale (la "scala reale"
   con ritagli non convinceva). Didascalie con misure mantenute;
   altezza massima ridotta così nessuna opera risulta enorme.
   ============================================================ */
.work-card{text-align:center}
.work-media{display:inline-flex!important;height:auto!important;max-height:460px!important;max-width:100%!important;
  vertical-align:top;align-items:center!important;justify-content:center!important}
.work-media img{width:auto!important;height:auto!important;max-width:100%!important;max-height:444px!important}

/* ============================================================
   V24 — Mostra permanente Fanani s.r.l.
   ============================================================ */
.event-fanani{background:#ebe6dd;color:#1b1a18;grid-template-columns:.72fr 1.28fr}
.event-fanani .retro-type{color:#a37a3e}
.event-fanani .retro-copy>p{color:#514d47}
.event-fanani .retro-subtitle{color:#a3813f!important}
.event-fanani .retro-meta{border-color:rgba(0,0,0,.2);color:#655f58}
.fanani-visual{height:660px;position:relative}
.fanani-visual figure{margin:0;position:absolute;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.26)}
.fanani-main{left:0;top:0;width:70%;height:100%;background:#e7e2da}
.fanani-main img{width:100%;height:100%;object-fit:cover;object-position:center}
.fanani-detail{right:0;bottom:8%;width:47%;height:44%;border:14px solid #fbf9f4;background:#fbf9f4;transform:rotate(2deg)}
.fanani-detail img{width:100%;height:100%;object-fit:cover}
@media(max-width:980px){
  .event-fanani{grid-template-columns:1fr}
  .fanani-visual{height:600px}
}
@media(max-width:620px){
  .fanani-visual{height:440px}
  .fanani-main{width:80%}
  .fanani-detail{width:56%;height:40%;border-width:8px}
}