/* Galleria Beatrice — preview 1 (ottobre 2026)
   Sistema: carta (bianco calcareo) · inchiostro · notte (dal monogramma B originale)
   Tipografia: Inter Display / Inter (testo e interfaccia) · Lora corsivo (titoli delle opere) */

@font-face{font-family:"Inter Display";src:url(../fonts/InterDisplay-ExtraLight.woff) format("woff");font-weight:200;font-display:swap}
@font-face{font-family:"Inter Display";src:url(../fonts/InterDisplay-Light.woff) format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-Light.woff) format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Lora";src:url(../fonts/Lora-Italic-Variable.woff) format("woff");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url(../fonts/Lora-Variable.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --carta:#FAFAF7;      /* fondo pagina */
  --pietra:#EEECE7;     /* fondo secondario, riquadri immagine */
  --inchiostro:#1C1A18; /* testo */
  --grigio:#6B6760;     /* didascalie, testo secondario */
  --filo:#DCD9D2;       /* linee sottili */
  --notte:#14121C;      /* dal monogramma B (#0B091C) — menu mobile, footer */
  --gutter:clamp(20px,4.2vw,64px);
  --max:1680px;
  --sans:"Inter",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --display:"Inter Display","Inter",system-ui,sans-serif;
  --serif:"Lora",Georgia,serif;
  --ease:cubic-bezier(.2,.6,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--carta);color:var(--inchiostro);font:400 17px/1.62 var(--sans);font-feature-settings:"kern","liga","calt";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
p{margin:0 0 1.1em}
em,i{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0}
:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--inchiostro);color:var(--carta);padding:8px 14px;z-index:200}
.skip:focus{left:8px}

/* ---------- Header ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;color:var(--inchiostro);transition:background .6s var(--ease),color .6s var(--ease),transform .6s var(--ease)}
.hdr__in{max-width:var(--max);margin:0 auto;padding:22px var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.hdr nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(18px,2.4vw,40px)}
.hdr nav.r ul{justify-content:flex-end}
.hdr nav a{font:500 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:8px 0;position:relative}
.hdr nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.hdr nav a:hover::after,.hdr nav a[aria-current="page"]::after{transform:scaleX(1)}
.logo{display:block;width:clamp(150px,13vw,196px);transition:width .6s var(--ease)}
.logo img{width:100%}
.logo .l-w{display:none}
.hdr--over{color:#fff;background:linear-gradient(to bottom,rgba(10,9,14,.42),rgba(10,9,14,0))}
.hdr--over .logo .l-w{display:block}.hdr--over .logo .l-i{display:none}
.hdr.is-solid{background:rgba(250,250,247,.96);color:var(--inchiostro);backdrop-filter:saturate(1.1) blur(6px);-webkit-backdrop-filter:saturate(1.1) blur(6px)}
.hdr.is-solid .logo{width:clamp(120px,9vw,148px)}
.hdr.is-solid .logo .l-w{display:none}.hdr.is-solid .logo .l-i{display:block}
.hdr.is-hidden{transform:translateY(-100%)}
.menu-btn{display:none}
.mnav{display:none}

@media (max-width:900px){
  .hdr__in{grid-template-columns:44px 1fr 44px;padding:16px var(--gutter)}
  .hdr nav{display:none}
  .logo{grid-column:2;justify-self:center;width:128px}
  .hdr.is-solid .logo{width:112px}
  .menu-btn{display:block;grid-column:3;justify-self:end;background:none;border:0;color:inherit;font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:12px 0;cursor:pointer}
  .mnav{display:flex;position:fixed;inset:0;z-index:150;background:var(--notte);color:#fff;flex-direction:column;padding:18px var(--gutter) 40px;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility .45s}
  .mnav.is-open{opacity:1;visibility:visible}
  .mnav__top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}
  .mnav__top .logo{width:128px}
  .mnav__top button{grid-column:3;justify-self:end;background:none;border:0;color:#fff;font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:12px 0;cursor:pointer}
  .mnav ul{list-style:none;margin:auto 0;padding:0}
  .mnav li a{display:block;font:200 clamp(34px,9vw,44px)/1.25 var(--display);letter-spacing:-.01em;padding:6px 0}
  .mnav__foot{font-size:13px;line-height:1.7;color:rgba(255,255,255,.62)}
  .mnav__foot a{color:#fff}
}

/* ---------- Layout ---------- */
main{display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.sec{padding:clamp(96px,14vw,200px) 0 0}
.sec:last-child{padding-bottom:clamp(96px,12vw,180px)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px)}
.h-sec{font:300 clamp(30px,3.4vw,52px)/1.08 var(--display);letter-spacing:-.015em;margin:0}
.lead{font:300 clamp(22px,2.15vw,32px)/1.42 var(--display);letter-spacing:-.005em;margin:0}
.small{font-size:13.5px;line-height:1.6;color:var(--grigio)}
.more{display:inline-block;font:500 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:10px 0;border-bottom:1px solid currentColor;margin-top:28px}
.more:hover{opacity:.6}
.page-top{padding-top:clamp(150px,16vw,230px)}
.page-title{font:200 clamp(52px,8.4vw,132px)/.95 var(--display);letter-spacing:-.03em;margin:0}
.page-intro{max-width:40ch;margin-top:clamp(28px,3vw,44px)}

/* ---------- Figure / didascalie ---------- */
figure{margin:0}
.fig{cursor:zoom-in}
.fig .frame{background:var(--pietra);overflow:hidden}
.fig img{width:100%;transition:opacity 1.1s var(--ease)}
.cap{margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--grigio);max-width:46ch}
.cap .a{color:var(--inchiostro)}
.cap em{color:var(--inchiostro);font-size:15px}
.cap--detail{font-size:12.5px}
.placeholder{aspect-ratio:3/2;background:var(--pietra);display:flex;align-items:flex-end;padding:18px;font-size:12.5px;color:var(--grigio)}

/* reveal: solo opacità, una volta */
.js .rv{opacity:0;transition:opacity 1.4s var(--ease)}
.js .rv.in{opacity:1}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transition:none}*{scroll-behavior:auto!important}}

/* ---------- Hero ---------- */
.hero{position:relative;height:100vh;height:100svh;min-height:560px;background:#2b2722;overflow:hidden;color:#fff}
.hero__img{position:absolute;inset:0;opacity:0;transition:opacity 2.6s ease-in-out}
.hero__img.is-on{opacity:1}
.hero__img img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(to top,rgba(10,9,14,.5),rgba(10,9,14,0));pointer-events:none}
.hero__txt{position:absolute;left:0;right:0;bottom:0;z-index:2;max-width:var(--max);margin:0 auto;padding:0 var(--gutter) clamp(28px,4vw,52px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.hero__id{font:300 clamp(18px,1.55vw,24px)/1.35 var(--display);letter-spacing:.005em}
.hero__id span{display:block;opacity:.8}
.hero__cap{font-size:12.5px;line-height:1.5;text-align:right;opacity:.85;max-width:36ch}
.hero__cap em{font-size:14px}
.hero__caps{position:relative;min-height:3em}
.hero__caps .hero__cap{position:absolute;right:0;bottom:0;width:max-content;opacity:0;transition:opacity 2s}
.hero__caps .hero__cap.is-on{opacity:.85}

/* ---------- Home ---------- */
.intro .grid{row-gap:28px}
.intro__h{grid-column:1/4}
.intro__t{grid-column:5/12}
.artists-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:clamp(40px,5vw,72px)}
.feat{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:inherit;align-items:end}
.feat__img{grid-column:1/8}
.feat__txt{grid-column:9/13;padding-bottom:8px}
.name-xl{font:200 clamp(44px,5.6vw,92px)/.98 var(--display);letter-spacing:-.025em;margin:0}
.name-m{font:300 clamp(24px,2vw,30px)/1.1 var(--display);letter-spacing:-.01em;margin:18px 0 0}
.four{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);margin-top:clamp(72px,8vw,128px)}
.four a{display:block}
.four .frame{aspect-ratio:4/5;background:var(--pietra);display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}
.four .frame img{width:100%;height:100%;object-fit:cover}
.four .arrow{opacity:.0}
.four a:hover .frame img,.feat a:hover img{opacity:.88}
.works-home{row-gap:clamp(64px,7vw,120px)}
.wh-1{grid-column:1/11}
.wh-3{grid-column:2/6;grid-row:2;align-self:start}
.wh-2{grid-column:8/13;grid-row:2;align-self:start;margin-top:clamp(4rem,12vw,11rem)}
.wh-4{grid-column:4/11;grid-row:3}
.exh-list{grid-column:1/8;margin:0;padding:0;list-style:none}
.exh-list li{padding:28px 0;border-top:1px solid var(--filo)}
.exh-list li:last-child{border-bottom:1px solid var(--filo)}
.exh-y{font-size:13px;color:var(--grigio);letter-spacing:.02em}
.exh-t{font:300 clamp(22px,2vw,30px)/1.22 var(--display);letter-spacing:-.008em;margin:6px 0 6px}
.exh-img{grid-column:9/13;align-self:start}
.sambuca{position:relative;color:#fff;background:#2b2722}
.sambuca img{width:100%;height:clamp(420px,72vh,860px);object-fit:cover;opacity:.92}
.sambuca__txt{position:absolute;left:0;right:0;bottom:0;max-width:var(--max);margin:0 auto;padding:0 var(--gutter) clamp(32px,5vw,72px)}
.sambuca__txt .lead{max-width:30ch}
.sambuca__txt .small{color:rgba(255,255,255,.78);margin-top:18px}
.sambuca::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(to top,rgba(10,9,14,.62),rgba(10,9,14,0));pointer-events:none}
.sambuca__txt{z-index:2}
.ig{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,14px);margin-top:28px}
.ig a{display:block;aspect-ratio:1;overflow:hidden;background:var(--pietra)}
.ig img{width:100%;height:100%;object-fit:cover;transition:opacity .5s}
.ig a:hover img{opacity:.8}
.ig-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.ig-head a{font-size:14px}

/* ---------- Footer ---------- */
.ftr{background:var(--notte);color:rgba(255,255,255,.72);margin-top:clamp(96px,12vw,180px);font-size:13.5px;line-height:1.7}
.ftr a{color:#fff}
.ftr a:hover{opacity:.65}
.ftr__in{max-width:var(--max);margin:0 auto;padding:clamp(56px,6vw,88px) var(--gutter) 36px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:36px}
.ftr__mono{grid-column:1/3;width:64px}
.ftr__a{grid-column:4/7}
.ftr__b{grid-column:7/10}
.ftr__c{grid-column:10/13}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr__bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;font-size:12px;color:rgba(255,255,255,.5)}

/* ---------- Pagina artista ---------- */
.a-hero{position:relative;height:92vh;height:92svh;min-height:520px;overflow:hidden;background:#2b2722}
.a-hero img{width:100%;height:100%;object-fit:cover}
.a-hero::after{content:"";position:absolute;inset:0 0 auto 0;height:30%;background:linear-gradient(to bottom,rgba(10,9,14,.4),rgba(10,9,14,0))}
.a-hero__cap{position:absolute;right:var(--gutter);bottom:22px;z-index:2;color:#fff;font-size:12.5px;opacity:.85;text-align:right}
.a-head{padding-top:clamp(64px,7vw,110px)}
.a-head .grid{row-gap:36px}
.a-name{grid-column:1/8}
.a-dates{font:300 clamp(18px,1.5vw,22px)/1.3 var(--display);color:var(--grigio);margin-top:18px}
.a-intro{grid-column:8/13;align-self:end;font-size:17px}
.seq{padding-top:clamp(96px,11vw,170px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:clamp(88px,10vw,170px)}
.s-full{grid-column:2/12}
.s-wide{grid-column:1/-1}
.s-left{grid-column:1/8}
.s-right{grid-column:6/13}
.s-narrow-l{grid-column:2/7}
.s-narrow-r{grid-column:7/12}
.s-pair{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:inherit;align-items:end}
.s-pair>:first-child{grid-column:1/6}
.s-pair>:last-child{grid-column:7/13}
.s-detail{grid-column:1/-1;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter))}
.s-detail .frame{max-height:88vh;overflow:hidden}
.s-detail img{width:100%;height:88vh;object-fit:cover}
.s-detail .cap{padding:0 var(--gutter)}
.s-detail-in{grid-column:3/9}
.blk{padding-top:clamp(110px,12vw,190px)}
.blk .grid{row-gap:28px}
.blk__h{grid-column:1/5}
.blk__b{grid-column:6/12}
.facts{list-style:none;margin:0;padding:0}
.facts li{padding:20px 0;border-top:1px solid var(--filo)}
.facts li:last-child{border-bottom:1px solid var(--filo)}
.facts .y{display:block;font-size:13px;color:var(--grigio)}
.facts .t{font:300 21px/1.35 var(--display)}
.bio{columns:1;max-width:66ch}
.bio p{font-size:17px}
.tl{list-style:none;margin:0;padding:0}
.tl li{display:grid;grid-template-columns:7ch 1fr;gap:20px;padding:12px 0;border-top:1px solid var(--filo)}
.tl .y{font-variant-numeric:tabular-nums;color:var(--grigio)}
.a-next{display:flex;justify-content:space-between;gap:20px;padding-top:clamp(96px,10vw,160px);font:300 clamp(22px,2vw,30px)/1.2 var(--display)}
.a-next small{display:block;font:400 13px/1.4 var(--sans);color:var(--grigio);margin-bottom:6px}

/* ---------- Artisti ---------- */
.sel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:clamp(72px,8vw,130px);padding-top:clamp(80px,9vw,140px)}
.sel-1{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:inherit;align-items:end}
.sel-1 .im{grid-column:1/9}
.sel-1 .tx{grid-column:9/13;padding-left:clamp(8px,1.5vw,24px)}
.sel-2{grid-column:span 6}
.sel-2 .frame{aspect-ratio:3/2;overflow:hidden;background:var(--pietra)}
.sel-2 .frame img{width:100%;height:100%;object-fit:cover}
.sel a:hover img{opacity:.88}
.sel img{transition:opacity .6s}
.az{padding-top:clamp(120px,13vw,210px)}
.az-nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin:32px 0 0;padding:0;list-style:none;font-size:14px;color:var(--grigio)}
.az-nav a:hover{color:var(--inchiostro)}
.az-l{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);padding:44px 0;border-top:1px solid var(--filo)}
.az-l:first-of-type{margin-top:48px}
.az-l h2{grid-column:1/3;margin:0;font:200 44px/1 var(--display)}
.az-l ul{grid-column:3/13;list-style:none;margin:0;padding:0;columns:4;column-gap:clamp(16px,2vw,32px)}
.az-l li{break-inside:avoid;font-size:15px;line-height:1.95}
.az-l li a{border-bottom:1px solid var(--filo)}

/* ---------- Opere ---------- */
.ow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:clamp(96px,11vw,180px);padding-top:clamp(90px,10vw,150px)}
.o-a{grid-column:1/12}.o-b{grid-column:7/13}.o-c{grid-column:1/7}.o-d{grid-column:4/13}.o-e{grid-column:1/7}.o-f{grid-column:7/13}.o-g{grid-column:2/10}.o-h{grid-column:1/9}.o-i{grid-column:8/13;align-self:end}
.o-det{grid-column:6/13}
.o-det2{grid-column:1/6;align-self:end}

/* ---------- Mostre ---------- */
.mx{padding-top:clamp(90px,10vw,150px)}
.mx-y{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);padding:clamp(40px,4vw,64px) 0;border-top:1px solid var(--filo)}
.mx-y>h2{grid-column:1/3;margin:0;font:300 15px/1.4 var(--sans);color:var(--grigio);font-variant-numeric:tabular-nums}
.mx-y>.items{grid-column:3/9}
.mx-y>.aside{grid-column:10/13}
.mx-i+.mx-i{margin-top:40px}
.mx-t{font:300 clamp(24px,2.3vw,36px)/1.18 var(--display);letter-spacing:-.012em;margin:0 0 10px}
.mx-m{font-size:15px;color:var(--grigio);line-height:1.6}

/* ---------- Testo pagina ---------- */
.prose{max-width:62ch}
.prose p{font-size:18px;line-height:1.7}
.two{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:32px}
.two .l{grid-column:1/5}.two .r{grid-column:6/12}
.contact dl{margin:0;display:grid;grid-template-columns:12ch 1fr;row-gap:14px;column-gap:24px;font-size:17px}
.contact dt{color:var(--grigio);font-size:14px;padding-top:3px}
.contact dd{margin:0}
.note{font-size:12.5px;line-height:1.6;color:var(--grigio);max-width:70ch}
.wide-img{margin-top:clamp(64px,7vw,110px)}
.wide-img img{width:100%;max-height:82vh;object-fit:cover}

/* ---------- Lightbox ---------- */
.lb{position:fixed;inset:0;z-index:300;background:rgba(250,250,247,.985);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility .45s}
.lb.is-open{opacity:1;visibility:visible}
.lb__img{flex:1;display:flex;align-items:center;justify-content:center;padding:64px var(--gutter) 12px;min-height:0}
.lb__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lb__cap{text-align:center;padding:12px var(--gutter) 28px;font-size:13.5px;color:var(--grigio)}
.lb__cap em{color:var(--inchiostro);font-size:15px}
.lb__x{position:absolute;top:18px;right:var(--gutter);background:none;border:0;font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:12px 0;cursor:pointer;color:var(--inchiostro)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .az-l ul{columns:3}
  .feat__img{grid-column:1/8}.feat__txt{grid-column:8/13}
}
@media (max-width:900px){
  body{font-size:16px}
  .intro__h,.intro__t{grid-column:1/-1}
  .feat__img,.feat__txt{grid-column:1/-1}
  .feat__txt{padding-top:24px}
  .four{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}
  .wh-1,.wh-2,.wh-3,.wh-4{grid-column:1/-1;grid-row:auto}
  .wh-2{grid-column:3/13;margin-top:0}.wh-3{grid-column:1/10}.wh-4{grid-column:4/13}
  .exh-list,.exh-img{grid-column:1/-1}
  .exh-img{margin-top:40px;width:70%}
  .ig{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ftr__mono{grid-column:1/-1}
  .ftr__a,.ftr__b,.ftr__c{grid-column:1/-1}
  .ftr__bottom{flex-direction:column}
  .a-name,.a-intro{grid-column:1/-1}
  .s-full,.s-wide,.s-left,.s-right{grid-column:1/-1}
  .s-narrow-l{grid-column:1/10}.s-narrow-r{grid-column:4/13}
  .s-pair>:first-child,.s-pair>:last-child{grid-column:1/-1}
  .s-pair>:last-child{margin-top:64px}
  .s-detail img{height:70vh}
  .s-detail-in{grid-column:1/10}
  .blk__h,.blk__b{grid-column:1/-1}
  .sel-1 .im,.sel-1 .tx{grid-column:1/-1}.sel-1 .tx{padding-top:22px}
  .sel-2{grid-column:1/-1}
  .az-l h2{grid-column:1/-1;margin-bottom:18px;font-size:36px}
  .az-l ul{grid-column:1/-1;columns:2}
  .az-l li{font-size:14.5px}
  .o-a,.o-d,.o-h{grid-column:1/-1}.o-b,.o-f,.o-i{grid-column:3/13}.o-c,.o-e,.o-g{grid-column:1/11}
  .o-det{grid-column:4/13}.o-det2{grid-column:1/8}
  .mx-y>h2,.mx-y>.items,.mx-y>.aside{grid-column:1/-1}
  .mx-y>.items{margin-top:16px}.mx-y>.aside{margin-top:32px;width:70%}
  .two .l,.two .r{grid-column:1/-1}
  .contact dl{grid-template-columns:1fr;row-gap:2px}
  .contact dd{margin-bottom:16px}
  .hero__txt{flex-direction:column;align-items:flex-start}
  .hero__caps{width:100%}
  .hero__caps .hero__cap{left:0;right:auto;text-align:left}
  .hero__cap{text-align:left}
  .a-hero{height:78svh}
}
@media (max-width:520px){
  .az-l ul{columns:1}
  .four .frame{aspect-ratio:3/4}
  .page-title{font-size:48px}
}
img[src*="villa-belmonte"]{mix-blend-mode:multiply}

/* ---- preview 2: pagina artista, etichette, Instagram ---- */
.h-lab{font:300 clamp(22px,1.9vw,28px)/1.15 var(--display);letter-spacing:-.01em;margin:0}
.a-head{padding-top:0}
.a-intro p{font-size:17px;line-height:1.65;margin:0}
.a-major{padding:clamp(80px,9vw,140px) var(--gutter) 0}
.a-major .fig{max-width:1680px;margin:0 auto}
.a-major img{width:100%;height:auto;max-height:90vh;object-fit:contain;object-position:left center}
.a-works{padding-top:clamp(110px,12vw,190px)}
.a-works .seq{padding-top:clamp(40px,4vw,64px)}
.bio p{font:400 17px/1.78 var(--serif);margin:0 0 1.1em}
.tl li{font-size:15px}
.sel-head{padding-top:clamp(80px,9vw,140px)}
.sel-head + .sel{padding-top:clamp(36px,4vw,56px)}
.ow-lab{margin-top:clamp(80px,9vw,130px)}
.ig{max-width:900px}
.ig__ph{display:block;aspect-ratio:1;background:var(--pietra)}
.p-opere .ow{padding-top:clamp(40px,4vw,64px)}
.a-major .frame{background:transparent}
.a-major img{width:auto;max-width:100%}
.tl li{grid-template-columns:10.5ch 1fr}
.ig-head{max-width:900px}

/* ---- refinement ---- */
.az{padding-top:clamp(56px,6vw,96px)}
.az-l h2{grid-column:1/3;margin:0;font:200 44px/1 var(--display)}
.az-link{padding-top:clamp(110px,12vw,180px);text-align:right}
.az-link a{font-size:14px;letter-spacing:.04em;color:var(--grigio);transition:color .3s}
.az-link a:hover{color:var(--inchiostro)}
.bio{max-width:62ch}
.bio p{font-size:18.5px;line-height:1.85;margin-bottom:1.2em}
@media (max-width:900px){.az-l h2{grid-column:1/-1;margin-bottom:18px;font-size:36px}}
@media (max-width:520px){
  .four{column-gap:12px;row-gap:40px}
  .four .frame{aspect-ratio:2/3}
  .four .name-m{font:400 17px/1.25 var(--sans);letter-spacing:0;margin-top:12px;color:var(--inchiostro)}
  .bio p{font-size:17.5px;line-height:1.8}
}
@media (min-width:901px){.o-b,.o-f{margin-top:clamp(56px,7vw,120px)}.o-c,.o-e{padding-right:clamp(8px,1.5vw,24px)}}
/* Galleria: citazione storica, elemento discreto */
.gquote{margin:0;max-width:46ch}
.gquote p{font:italic 400 18px/1.7 var(--serif);color:var(--grigio);margin:0}
.gquote cite{display:block;margin-top:14px;font:400 13px/1.4 var(--sans);font-style:normal;letter-spacing:.02em;color:var(--grigio)}
.sec--quote{padding-top:clamp(72px,9vw,130px)}