/* opere.css */
/* Le opere — elenco (titoli + anteprima) e visione di un'opera (slider). */
@font-face{font-family:Satoshi;src:url('https://embroiderers-of-actuality.com/wp-content/themes/embroiderers-of-actuality/assets/css/../fonts/Satoshi-Variable.woff2') format('woff2');font-weight:300 900;font-display:swap}
/* Italiana (SIL OFL, Google Fonts) — grandi titoli */
@font-face{font-family:Italiana;src:url('https://embroiderers-of-actuality.com/wp-content/themes/embroiderers-of-actuality/assets/css/../fonts/Italiana-latin.woff2') format('woff2');font-weight:400;font-display:swap}
.op-page,.op-embed{--bg:#F7F5F0;--ink:#0a0a0a;--muted:#6c6963;--soft:#d9d6cf;--field:#ebe8e1;--red:#c51f26;--pad:clamp(20px,4vw,64px);--nav:58px;--display:Italiana,'Didot','Bodoni 72',serif}
[data-theme=dark] .op-page,[data-theme=dark] .op-embed{--bg:#0B1322;--ink:#F2EFE8;--muted:#8D96A8;--soft:#253046;--field:#141E30;--red:#E2454B}
.op-embed{--bg:transparent;--field:#E8E5DD;--nav:90px;--pad:0px}
[data-theme=dark] .op-embed{--bg:transparent;--field:#141E30}
html:has(.op-page){-webkit-text-size-adjust:100%;color-scheme:light}
html[data-theme=dark]:has(.op-page){color-scheme:dark}
.op-page{margin:0;background:var(--bg);color:var(--ink);font-family:Satoshi,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
:where(.op-page,.op-embed) *{box-sizing:border-box}
:where(.op-page,.op-embed) a{color:inherit;text-decoration:none}
:where(.op-page,.op-embed) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
:where(.op-page,.op-embed) img{display:block;filter:none}
:where(.op-page,.op-embed) :is(h1,p,figure,ol){margin:0}
:where(.op-page,.op-embed) :focus-visible{outline:2px solid var(--red);outline-offset:4px}
.op-skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 14px}
.op-skip:focus{top:10px}
.op-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Navigazione sottile */
.op-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--nav);padding:0 var(--pad);background:var(--bg);border-bottom:1px solid var(--soft)}
.op-wordmark{font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.op-links{display:flex;gap:clamp(14px,2vw,30px);font-size:12px;letter-spacing:.02em}
.op-links a{color:var(--muted);padding:6px 0;transition:color .2s}
.op-links a:hover,.op-links a[aria-current]{color:var(--ink)}
.op-links a[aria-current]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

.op-status{padding:80px var(--pad);color:var(--muted);font-size:14px}
.op-status a{text-decoration:underline}

/* Elenco: titoli a sinistra, anteprima a destra */
.op-index{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);padding:clamp(40px,6vw,88px) var(--pad) clamp(64px,8vw,120px)}
.op-index-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:12px;letter-spacing:.02em;color:var(--muted);border-bottom:1px solid var(--soft);padding-bottom:14px;margin-bottom:clamp(8px,2vw,24px)}
.op-list{list-style:none;padding:0;margin:0;align-self:start}
.op-item{display:grid;grid-template-columns:4.6em minmax(0,1fr);align-items:baseline;column-gap:clamp(12px,1.6vw,28px);padding:clamp(6px,.8vw,12px) 0;color:var(--muted);transition:color .25s}
.op-year{font-size:13px;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.op-title{font-family:var(--display);font-size:clamp(30px,3.4vw,58px);line-height:1.08;font-weight:400;letter-spacing:-.01em;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.16em;transition:text-decoration-color .25s}
.op-place{grid-column:2;font-size:12px;letter-spacing:.02em;margin-top:6px;opacity:0;transition:opacity .25s}
.op-item.is-active,.op-item:hover,.op-item:focus-visible{color:var(--ink)}
.op-item.is-active .op-title{text-decoration-color:currentColor}
.op-item.is-active .op-place{opacity:1;color:var(--muted)}
.op-thumb{display:none}

.op-preview{position:sticky;top:calc(var(--nav) + 32px);align-self:start;margin:0}
.op-frame{display:flex;align-items:center;justify-content:center;height:clamp(380px,calc(100svh - var(--nav) - 150px),860px);background:var(--field);overflow:hidden}
.op-frame img{width:min(78%,calc(var(--nw)*1.6));height:auto;max-height:84%;object-fit:contain;transition:opacity .35s ease}
.op-frame img.is-out{opacity:0}
.op-preview figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:12px;letter-spacing:.02em;color:var(--muted)}
.op-preview figcaption a{color:var(--ink)}
.op-preview figcaption a:hover{text-decoration:underline;text-underline-offset:4px}

/* Visione di un'opera */
.op-work{padding:clamp(20px,3vw,40px) var(--pad) clamp(64px,8vw,120px)}
.op-work-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.02em;color:var(--muted)}
.op-back{color:var(--ink);padding:10px 0}
.op-back:hover{text-decoration:underline;text-underline-offset:4px}
.op-count{font-variant-numeric:tabular-nums}
.op-work-head{text-align:center;margin:clamp(16px,3vw,40px) auto clamp(20px,3vw,36px);max-width:900px}
.op-kicker{font-size:12px;letter-spacing:.04em;color:var(--muted);margin-bottom:12px}
.op-work-head h1{font-family:var(--display);font-size:clamp(38px,5vw,80px);line-height:1.04;font-weight:400;letter-spacing:-.01em}
.op-work-head h1:focus{outline:none}
.op-slider{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:clamp(8px,2vw,32px)}
.op-stage{display:flex;align-items:center;justify-content:center;margin:0;height:clamp(300px,calc(100svh - var(--nav) - 320px),900px);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.op-stage img{width:min(100%,calc(var(--nw)*2));height:auto;max-height:100%;object-fit:contain;transition:opacity .3s ease;-webkit-user-drag:none}
.op-stage img.is-out{opacity:0}
.op-arrow{display:grid;place-items:center;width:56px;height:56px;color:var(--muted);transition:color .2s,transform .2s}
.op-arrow svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.2}
.op-arrow:hover{color:var(--ink)}
.op-arrow.prev:hover{transform:translateX(-3px)}
.op-arrow.next:hover{transform:translateX(3px)}
.op-arrow:disabled{opacity:.25;cursor:default;transform:none}
.op-arrow.prev{justify-self:start}
.op-arrow.next{justify-self:end}
.op-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:clamp(18px,2.4vw,28px)}
.op-controls .op-arrow{display:none}
.op-dots{display:flex;flex-wrap:wrap;justify-content:center;max-width:min(100%,640px)}
.op-dot{display:grid;place-items:center;width:22px;height:30px}
.op-dot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--soft);transition:background .2s,transform .2s}
.op-dot:hover::before{background:var(--muted)}
.op-dot[aria-current]::before{width:9px;height:9px;background:none;border:1px solid var(--ink)}
.op-info{max-width:640px;margin:clamp(22px,3vw,36px) auto 0;text-align:center;font-size:13px;line-height:1.6;color:var(--muted)}
.op-info .op-caption{color:var(--ink);font-size:15px}
.op-about{max-width:640px;margin:clamp(40px,5vw,64px) auto 0;padding-top:24px;border-top:1px solid var(--soft);font-size:15px;line-height:1.65}
.op-about dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 24px;margin:0 0 18px;font-size:12px;letter-spacing:.02em}
.op-about dt{color:var(--muted)}
.op-about dd{margin:0}
.op-pager{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:clamp(56px,7vw,96px);padding-top:20px;border-top:1px solid var(--ink)}
.op-pager a{display:block;font-size:12px;letter-spacing:.02em;color:var(--muted)}
.op-pager a b{display:block;margin-top:6px;font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:-.025em;line-height:1.15;color:var(--ink)}
.op-pager a:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
.op-pager .next{text-align:right;grid-column:2}

/* Tablet */
@media (max-width:1000px){
  .op-links a:nth-child(2),.op-links a:nth-child(5){display:none}
  .op-index{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .op-item{grid-template-columns:5em minmax(0,1fr)}
  .op-year{font-size:11px}
}
/* Telefono */
@media (max-width:720px){
  .op-page{--nav:auto}
  .op-nav{flex-wrap:wrap;height:auto;padding-top:14px;padding-bottom:6px;row-gap:2px}
  .op-links{width:100%;overflow-x:auto;scrollbar-width:none;gap:18px}
  .op-links::-webkit-scrollbar{display:none}
  .op-links a:nth-child(n){display:block;white-space:nowrap;padding:8px 0}
  .op-index{grid-template-columns:1fr;padding-top:28px}
  .op-preview{display:none}
  .op-item{grid-template-columns:4.6em minmax(0,1fr) 64px;align-items:center;padding:12px 0;border-bottom:1px solid var(--soft);color:var(--ink)}
  .op-title{font-size:clamp(25px,7vw,34px)}
  .op-year{font-size:11px}
  .op-place{display:none}
  .op-thumb{display:block;grid-column:3;grid-row:1;width:64px;height:64px;background:var(--field);overflow:hidden}
  .op-thumb img{width:100%;height:100%;object-fit:cover}
  .op-work-top{position:static}
  .op-slider{display:block}
  .op-slider>.op-arrow{display:none}
  .op-stage{height:auto}.op-stage img{max-height:min(62svh,560px)}
  
  .op-controls{justify-content:space-between;gap:4px}
  .op-controls .op-arrow{display:grid;width:44px;height:44px;flex:none}
  .op-dot{width:12px;height:30px}
  .op-dot::before{width:5px;height:5px}
  .op-dot[aria-current]::before{width:8px;height:8px}
  .op-about dl{grid-template-columns:1fr;gap:0}
  .op-about dd{margin-bottom:8px}
  .op-pager{grid-template-columns:1fr}
  .op-pager .next{grid-column:1}
}
/* Elenco dentro la home (sezione 03) */
.op-embed .op-index{padding:clamp(8px,2vw,24px) 0 0}
.op-embed .op-item{font-size:16px}
@media (max-width:720px){.op-embed .op-index{padding-top:0}}
@media (prefers-reduced-motion:reduce){:where(.op-page,.op-embed) *{transition:none!important}}

/* deck.css */
/* Home a pagine fisse (deck.js) + micro-interazioni comuni a tutto il sito.
   Palette: carta, lino, sabbia, pietra, bianco, nero, rosso. */
@media screen{
/* ---------- Toni (stessa palette, un colore per sezione) ---------- */
html.is-deck,.deck-panel{--accent:var(--color-red,#C51F26)}
html[data-deck-tone=paper],.deck-panel[data-tone=paper]{--deck-bg:#F7F5F0;--deck-ink:#0A0A0A}
html[data-deck-tone=photo]{--deck-bg:#0A0A0A;--deck-ink:#fff}
html[data-theme=dark] :is(.deck-panel[data-tone=paper],.deck-panel[data-tone=white]),html[data-theme=dark][data-deck-tone=paper]{--deck-bg:#0A0A0A;--deck-ink:#F7F5F0}

/* ---------- Pagine fisse ---------- */
html.is-deck,html.is-deck body{height:100%;overflow:hidden;overscroll-behavior:none;scroll-behavior:auto}
html.is-deck .deck-panel{position:fixed;inset:0;z-index:1;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s linear .55s;scroll-padding-top:calc(var(--topbar-h,90px) + 16px);scrollbar-width:thin}
html.is-deck .deck-panel:not(#home){background:var(--deck-bg);color:var(--deck-ink);padding-top:calc(var(--topbar-h,90px) + clamp(16px,4vh,48px));padding-bottom:calc(40px + env(safe-area-inset-bottom));min-height:0}
html.is-deck .deck-panel:focus{outline:none}
html.is-deck .global-backtop{display:none!important}
html.is-deck .topbar{transition:background-color .5s ease,color .5s ease}
html.is-deck .topbar.is-scrolled{background:var(--deck-bg);color:var(--deck-ink);border-bottom-color:color-mix(in srgb,var(--accent) 70%,transparent)}


/* Entrata del contenuto */
@keyframes deck-in{from{opacity:0;transform:translate3d(0,calc(var(--dir,1) * 28px),0)}to{opacity:1;transform:none}}
@keyframes deck-hero{from{opacity:0;transform:translateY(calc(var(--dir,0) * -20px))}to{opacity:1;transform:none}}


/* ---------- Indice verticale a destra (computer) ---------- */


/* ---------- Telefono: bandeau e controlli del carosello più discreti ---------- */
@media (max-width:650px){
  .lac-announcement{font-size:11.5px;line-height:1.3}
  .lac-announcement .lac-ticker-copy{padding:7px 14px}
  .lac-announcement .lac-ticker-pause{display:grid;place-items:center;width:34px;min-height:0;font-size:12px}
  html.is-deck .cinema-bottom{bottom:calc(14px + env(safe-area-inset-bottom));grid-template-columns:auto 1fr;align-items:center;gap:8px;padding-top:8px}
  html.is-deck .cinema-bottom>a{grid-row:1;min-height:40px;font-size:13px}
  html.is-deck .cinema-bottom #hero-caption{display:none}
  html.is-deck .slideshow-controls{grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:2px}
  html.is-deck .slideshow-controls #hero-slide-count{margin-right:6px;font-size:12px;letter-spacing:.06em}
  html.is-deck .slideshow-controls button{min-width:36px;min-height:36px;padding:4px 8px;border:0;font-size:12px}
  html.is-deck .slideshow-controls button:first-of-type,html.is-deck .slideshow-controls button:last-child{font-size:19px}
  html.is-deck .hero-static-title{bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media (max-width:650px) and (prefers-reduced-motion:no-preference){
  .lac-announcement .lac-ticker-track{display:flex;width:max-content;animation:lac-announcement-loop 38s linear infinite}
  .lac-announcement .lac-ticker-copy{white-space:nowrap}
  .lac-announcement .lac-ticker-copy[aria-hidden]{display:block}
  .lac-announcement:is(:hover,:focus-within,.is-paused) .lac-ticker-track{animation-play-state:paused}
}

/* ---------- Micro-interazioni comuni (tutte le pagine) ---------- */
.text-link{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s cubic-bezier(.2,.7,.2,1),color .2s ease}
.text-link:hover,.text-link:focus-visible{background-size:100% 1px}
.menu>a{transition:padding .35s cubic-bezier(.2,.7,.2,1),color .25s ease}
.menu>a:hover,.menu>a:focus-visible{padding-left:14px}
button:active:not(:disabled),.text-link:active{transform:scale(.97)}
}
@media (prefers-reduced-motion:reduce){
  html.is-deck .deck-panel,html.is-deck .deck-panel>*{transition:none!important;animation:none!important}
}

/* ---------- Adattamento a ogni forma di schermo ---------- */
@media screen{
/* Testate più compatte: la dimensione segue anche l'altezza dello schermo */
html.is-deck .deck-panel:not(#home){padding-top:calc(var(--topbar-h,90px) + clamp(8px,2.5vh,36px))}
html.is-deck .deck-panel .section-label{padding-top:clamp(8px,1.4vh,14px)}
html.is-deck .deck-panel .section-numeral{font-size:clamp(40px,min(6vw,8vh),88px)}
html.is-deck .deck-panel .section-heading{margin:clamp(12px,3vh,44px) 0 clamp(14px,3.5vh,48px)}
html.is-deck .deck-panel :is(.section-heading,.programme-layout,.intro-content,.news-layout,.contact-intro)>h2,
html.is-deck .deck-panel .contact-intro h2{font-size:clamp(32px,min(5.4vw,9vh),84px)}
html.is-deck .deck-panel :is(.programme-layout,.artist-feature-layout,.contact-layout,.news-layout,.intro-content){margin-top:clamp(14px,3.5vh,48px)}
html.is-deck .deck-panel .publication-card-meta{margin-bottom:clamp(12px,2.5vh,35px)}
html.is-deck .deck-panel .publication-card-summary{margin-bottom:clamp(12px,2.5vh,30px)}
html.is-deck .op-embed .op-title{font-size:clamp(24px,min(3.4vw,4.8vh),58px)}
html.is-deck .op-embed .op-item{padding:clamp(3px,.6vh,12px) 0}
html.is-deck .op-embed .op-frame{height:clamp(300px,calc(100svh - var(--topbar-h,90px) - 190px),820px)}
html.is-deck .op-embed .op-preview{top:calc(var(--topbar-h,90px) + 16px)}
}
/* Schermi larghi (computer, iPad orizzontale): il titolo o l'immagine restano fermi, scorre solo l'elenco */
@media screen and (min-width:900px){
  html.is-deck .deck-panel .programme-layout{align-items:start}
  html.is-deck .deck-panel .programme-layout>h2,
  html.is-deck .deck-panel .artist-shared-portrait{position:sticky;top:calc(var(--topbar-h,90px) + 16px);align-self:start}
  html.is-deck .deck-panel .artist-shared-portrait img{max-height:calc(100svh - var(--topbar-h,90px) - 110px);object-fit:cover;object-position:center 30%}
  html.is-deck .deck-panel .partners-grid{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr))}
  html.is-deck .deck-panel .partner-card{min-height:0;padding:clamp(12px,2vh,24px) 18px}
  html.is-deck .deck-panel .partner-logo{height:clamp(70px,12vh,140px);margin-bottom:clamp(10px,1.6vh,24px)}
}
/* Schermi bassi (portatili piccoli, telefono in orizzontale) */
@media screen and (max-height:620px){
  html.is-deck .deck-panel .section-label{gap:8px}
  html.is-deck .deck-panel .section-heading>p{font-size:13px}
  html.is-deck .hero-static-title{font-size:clamp(34px,min(9vw,13vh),150px)}
  html.is-deck .lac-announcement{font-size:12px}
  html.is-deck .lac-announcement .lac-ticker-copy{padding:6px 16px}
}
/* Telefono */
@media screen and (max-width:650px){
  html.is-deck .deck-panel .section-numeral{font-size:44px}
  html.is-deck .deck-panel :is(.section-heading,.programme-layout,.intro-content,.news-layout,.contact-intro)>h2{font-size:clamp(30px,9.5vw,44px)}
  html.is-deck .deck-panel .partner-logo{height:96px;margin-bottom:12px}
}

/* ---------- Indice: tutto in una sola pagina, qualunque sia lo schermo ---------- */
@media screen{
  html .menu:not([hidden]){display:flex;flex-direction:column;top:var(--topbar-h,90px);bottom:0;height:auto;overflow-y:auto;overscroll-behavior:contain;padding-top:clamp(6px,1.4vh,22px);padding-bottom:calc(clamp(8px,1.6vh,24px) + env(safe-area-inset-bottom))}
  html .menu>.menu-tools,html .menu>.menu-social,html .menu>.menu-bottom{flex:none}
  html .menu>.menu-social{margin-top:clamp(6px,1.2vh,16px)}
  html .menu>.menu-social a{min-height:32px}
  html .menu>.menu-bottom{margin-top:clamp(4px,1vh,14px)}
  html .menu>a{--fs:clamp(20px,min(6.3vw,calc((100svh - var(--topbar-h,90px) - 190px) / 11 * .74)),80px);flex:1 1 0;min-height:0;max-height:110px;padding:0;align-items:center;font-size:var(--fs);line-height:1}
  html .menu>a small{font-size:var(--fs);line-height:1}
}
@media screen and (max-height:520px){
  html .menu>a{flex:none;min-height:40px}
}
@media screen and (max-height:520px) and (min-width:600px){
  html .menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20px,4vw,48px);align-content:start}
  html .menu>.menu-tools,html .menu>.menu-social,html .menu>.menu-bottom{grid-column:1/-1}
  html .menu>a{--fs:20px;min-height:34px}
  html .menu>.menu-bottom{display:none}
}

/* ---------- Spazi ridotti: ogni sezione tiene il più possibile in uno schermo ---------- */
@media screen{
  html.is-deck .deck-panel:not(#home){padding-top:calc(var(--topbar-h,90px) + clamp(6px,1.6vh,24px));padding-bottom:clamp(16px,3vh,40px)}
  html.is-deck .deck-panel .section-heading{margin:clamp(8px,2vh,32px) 0 clamp(10px,2.4vh,36px)}
  html.is-deck .deck-panel :is(.programme-layout,.artist-feature-layout,.contact-layout,.news-layout,.intro-content){margin-top:clamp(10px,2.4vh,36px)}
  html.is-deck .deck-panel .programme-list{margin-top:clamp(8px,1.8vh,28px)}
  html.is-deck .deck-panel .programme-list li{padding:clamp(7px,1.3vh,20px) 0}
  html.is-deck .deck-panel .programme-list h3{font-size:clamp(17px,min(1.7vw,2.7vh),26px)}
  html.is-deck .deck-panel .programme-list li p{margin-top:4px}
  html.is-deck .deck-panel .press-list{margin-top:clamp(8px,1.8vh,24px)}
  html.is-deck .deck-panel .press-list a{padding:clamp(7px,1.3vh,20px) 0}
  html.is-deck .deck-panel .press-list h3{font-size:clamp(17px,min(1.7vw,2.7vh),26px)}
  html.is-deck .deck-panel .press-list p{margin-top:4px;line-height:1.5}
  html.is-deck .deck-panel .press-resources{margin-top:clamp(14px,3vh,44px)}
  html.is-deck .deck-panel .artists-grid{gap:clamp(16px,3vh,40px)}
  html.is-deck .deck-panel .artist{padding-top:clamp(10px,2vh,28px)}
  html.is-deck .deck-panel .artist h2{font-size:clamp(24px,min(2.6vw,4.4vh),40px);margin-bottom:clamp(8px,1.4vh,18px)}
  html.is-deck .deck-panel .artist p{font-size:clamp(13px,min(1.05vw,1.9vh),16px);line-height:1.55;margin:0 0 .7em}
  html.is-deck .deck-panel .publication-card-title{margin-bottom:8px}
  html.is-deck .op-embed .op-title{font-size:clamp(22px,min(3vw,4.2vh),54px)}
  html.is-deck .op-embed .op-item{padding:clamp(2px,.4vh,10px) 0}
}
/* Schermi larghi: più colonne, meno altezza */
@media screen and (min-width:900px){
  html.is-deck .deck-panel .programme-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);gap:5%}
  html.is-deck .deck-panel .programme-list{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20px,3vw,48px)}
  html.is-deck .deck-panel .press-resources .press-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:clamp(20px,3vw,40px)}
  html.is-deck .deck-panel .programme-copy>.press-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(16px,2vw,32px)}
  html.is-deck .deck-panel .artist-feature-layout{grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr);gap:4%}
  html.is-deck .deck-panel .artists-grid{grid-template-columns:1fr 1fr;column-gap:clamp(20px,3vw,48px)}
  html.is-deck .deck-panel .artist-shared-portrait img{max-height:calc(100svh - var(--topbar-h,90px) - 170px)}
  html.is-deck .deck-panel .partner-card{padding:clamp(8px,1.4vh,20px) 14px}
  html.is-deck .deck-panel .partner-logo{height:clamp(54px,9vh,120px);margin-bottom:clamp(6px,1.2vh,16px)}
}
@media screen{
  html.is-deck .deck-panel .section-numeral{font-size:clamp(36px,min(5vw,6.6vh),80px)}
  html.is-deck .deck-panel :is(.section-heading,.programme-layout,.intro-content,.news-layout)>h2{font-size:clamp(30px,min(5vw,7.6vh),80px)}
  html.is-deck .op-embed .op-index{padding-top:0}
  html.is-deck .op-embed .op-title{font-size:clamp(20px,min(2.8vw,3.7vh),52px)}
  html.is-deck .op-embed .op-place{margin-top:2px}
  html.is-deck .op-embed .op-frame{height:clamp(240px,calc(100svh - var(--topbar-h,90px) - 330px),760px)}
  html.is-deck .op-embed .op-preview figcaption{margin-top:8px}
}
@media screen and (min-width:900px){
  html.is-deck .deck-panel .partners-grid{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr))}
  html.is-deck .deck-panel .artist-shared-portrait img{max-height:calc(100svh - var(--topbar-h,90px) - 200px)}
}
@media screen{
  html.is-deck .op-embed .op-title{font-size:clamp(20px,min(2.8vw,3.4vh),52px)}
  html.is-deck .op-embed .op-frame{height:clamp(220px,calc(100svh - var(--topbar-h,90px) - 400px),720px)}
  html.is-deck #opere .archive-video{margin-top:clamp(8px,1.6vh,24px)}
  html.is-deck .deck-panel .press-list p{font-size:13px}
}
@media screen{
  html.is-deck .op-embed .op-place{display:none}
}
@media screen{
  html.is-deck .op-embed .op-frame{height:clamp(220px,calc(100svh - var(--topbar-h,90px) - 440px),700px)}
}
/* iPad verticale e schermi medi: elenchi su due colonne */
@media screen and (min-width:700px) and (max-width:899px){
  html.is-deck .deck-panel .programme-copy>.press-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:18px}
  html.is-deck .deck-panel .press-resources .press-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
  html.is-deck .deck-panel .partners-grid{grid-template-columns:repeat(3,1fr)}
  html.is-deck .deck-panel .partner-card{min-height:0;padding:12px 14px}
  html.is-deck .deck-panel .partner-logo{height:clamp(54px,8vh,100px);margin-bottom:10px}
  html.is-deck .deck-panel .publications-grid{gap:18px}
  html.is-deck .deck-panel .publication-card-meta{margin-bottom:10px}
}

/* ---------- Una sola linea sotto la testata; le sezioni iniziano sotto la testata ---------- */
@media screen{
  html.is-deck .deck-panel:not(#home){top:var(--topbar-h,90px);padding-top:clamp(12px,2.6vh,32px);scroll-padding-top:12px}
  html.is-deck .deck-panel:not(#home)>.section-label{border-top:0;background:none;padding-top:0}
  html.is-deck .deck-panel .programme-layout>h2,
  html.is-deck .deck-panel .artist-shared-portrait,
  html.is-deck .op-embed .op-preview{top:12px}
  html.is-deck .topbar.is-scrolled{border-bottom:1px dashed var(--accent)}

  /* Passaggio più fluido: la sezione successiva arriva dal basso, la precedente esce verso l'alto */
  html.is-deck .deck-panel{transform:translate3d(0,calc(var(--pos,1) * 4vh),0);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1),visibility 0s linear .7s}

  /* Cifre piccole più leggibili */
  html.is-deck #hero-slide-count{font-size:13px}
  html.is-deck .op-embed .op-year{font-size:13px;color:var(--deck-ink);opacity:.62}
  html.is-deck .op-embed .op-item.is-active .op-year{opacity:1}
}
@media (prefers-reduced-motion:reduce){html.is-deck .deck-panel{transform:none!important}}

/* Passaggio morbido fra le pagine del sito (browser recenti) */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:.35s cubic-bezier(.4,0,.2,1) both vt-out}
  ::view-transition-new(root){animation:.45s cubic-bezier(.22,.61,.36,1) both vt-in}
}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(12px)}}

/* ---------- Fra un testo e l'altro (pubblicazioni) ---------- */
@media screen{
.art-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:0 4%;padding:14px 0;border-top:1px dashed var(--color-red,#C51F26);border-bottom:1px dashed var(--color-red,#C51F26);font-family:var(--font-primary,system-ui)}
.publication-heading+.art-nav{margin-bottom:clamp(24px,4vh,48px)}
.reading-footer{margin-top:0}
.art-nav a{display:flex;flex-direction:column;gap:3px;min-width:0;padding:6px 0;color:inherit;text-decoration:none;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.art-nav .art-next{text-align:right;align-items:flex-end}
.art-dir{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-red,#C51F26)}
.art-name{font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.art-nav a:hover .art-name,.art-nav a:focus-visible .art-name{text-decoration:underline;text-underline-offset:4px}
.art-nav .art-prev:hover{transform:translateX(-3px)}
.art-nav .art-next:hover{transform:translateX(3px)}
.art-count{font-size:12px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--color-stone,#6B6862)}
}
@media screen and (max-width:650px){
  .art-nav{grid-template-columns:1fr 1fr;margin:0 20px;gap:12px}
  .art-count{display:none}
  .art-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media screen{.art-nav{border-bottom:0}}

/* ---------- Due sole versioni: giorno (bianco sporco) e notte (blu notte). Il rosso è l'accento. ---------- */
:root{--day-bg:#F7F5F0;--day-ink:#0A0A0A;--night-bg:#0B1322;--night-ink:#F2EFE8;--night-red:#E2454B}
html[data-theme=dark]{--color-black:var(--night-bg);--color-paper:var(--night-ink);--color-red:var(--night-red);--color-stone:#9AA3B5;--color-light:#2A3448;color-scheme:dark}
html[data-theme=dark] body{--red:var(--night-red);--line:rgba(242,239,232,.22)}
html[data-deck-tone=paper],.deck-panel[data-tone=paper]{--deck-bg:var(--day-bg);--deck-ink:var(--day-ink)}
html[data-theme=dark][data-deck-tone=paper],html[data-theme=dark] .deck-panel[data-tone=paper]{--deck-bg:var(--night-bg);--deck-ink:var(--night-ink);--accent:var(--night-red)}
html[data-theme=dark][data-deck-tone=photo]{--deck-bg:var(--night-bg)}
html[data-theme=dark] .deck-panel[data-tone=paper] :is(p,span,small,time,dd,dt,li,h3,a,figcaption,label){color:inherit}
html[data-theme=dark] .deck-panel[data-tone=paper] :is(.section-numeral,.chapter-number,.reference-number,.programme-list time,.press-source,.art-dir){color:var(--night-red)}
html[data-theme=dark] .deck-panel :is(.map-wrap,.partner-card,.chapter-row,.programme-list li,.press-list li,.artist,.publication-card){border-color:rgba(242,239,232,.22)}
html[data-theme=dark] .deck-panel .partner-logo{background:#F2EFE8}
html[data-theme=dark] .deck-panel .partners-grid .partner-logo img{filter:none}
html[data-theme=dark] .contact-field :is(input,textarea){border-color:rgba(242,239,232,.35);color:var(--night-ink)}
html[data-theme=dark] .contact-field :is(input,textarea)::placeholder{color:#8D96A8}
html[data-theme=dark] .contact-submit{background:var(--night-red);color:#fff}

/* ======================================================================
   UNA SOLA PAGINA CHE SCORRE (decisione dell'artista, 7 novembre 2026)
   Annulla le pagine fisse: le sezioni tornano una sotto l'altra.
   ====================================================================== */
@media screen{
  html.is-flow,html.is-flow body{height:auto;overflow:visible;overscroll-behavior:auto}
  html.is-flow{scroll-behavior:smooth;scroll-padding-top:var(--topbar-h,90px)}
  html.is-flow .deck-panel{position:relative!important;inset:auto!important;top:auto!important;z-index:auto!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}
  html.is-flow .deck-panel:not(#home){padding-top:clamp(36px,6vh,88px);padding-bottom:clamp(36px,6vh,88px);scroll-margin-top:var(--topbar-h,90px)}
  html.is-flow #home{position:relative!important;height:100svh;min-height:560px}
  html.is-flow .global-backtop{display:none!important}

  /* Una sola linea: la testata non ha più la sua linea, resta quella di ogni sezione */
  html.is-flow .topbar,html.is-flow .topbar.is-scrolled{border-bottom-color:transparent!important;border-bottom-width:0!important}
  html.is-flow .topbar.is-scrolled{background:var(--deck-bg);color:var(--deck-ink)}
  html.is-flow .deck-panel:not(#home)>.section-label{border-top:1px dashed var(--accent);padding-top:clamp(8px,1.4vh,14px)}

  /* Elementi fermi a sinistra mentre si legge la lista: sotto la testata */
  html.is-flow .deck-panel .programme-layout>h2,
  html.is-flow .deck-panel .artist-shared-portrait,
  html.is-flow .op-embed .op-preview{top:calc(var(--topbar-h,90px) + 16px)}

  /* Comparsa morbida del contenuto */
  html.is-flow{--dir:1}
}
@media screen and (max-width:650px){
  html.is-flow .deck-panel:not(#home){padding-top:32px;padding-bottom:32px}
}
@media screen{html.is-flow .deck-panel>*{animation:none!important;opacity:1!important}html.is-flow #home .hero-static-title{animation:none!important}}
@media screen and (max-width:720px){html.is-deck .op-embed .op-year{font-size:11px}html.is-deck .op-embed .op-item{grid-template-columns:5.2em minmax(0,1fr) 64px}}

/* ======================================================================
   LE OPERE A SCHERMO DIVISO (computer e iPad, non telefono)
   Sinistra: titolo e elenco. Destra: metà schermo piena con l'immagine
   dell'opera sotto il cursore (ritagliata se serve).
   ====================================================================== */
@media screen and (min-width:900px){
  /* Home, sezione 03 */
  html.is-flow #opere{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;align-items:start;padding-top:0;padding-bottom:0;padding-right:0}
  html.is-flow #opere>*{grid-column:1;min-width:0;padding-right:clamp(24px,4vw,72px)}
  html.is-flow #opere>.section-label{grid-row:1;margin:0}
  html.is-flow #opere>.section-heading{grid-row:2;display:block;margin:clamp(14px,3vh,40px) 0 clamp(14px,3vh,36px)}
  html.is-flow #opere>.section-heading>p{margin-top:clamp(10px,1.6vh,18px);width:auto}
  html.is-flow #opere .op-embed,html.is-flow #opere .op-index{display:contents}
  html.is-flow #opere .op-list{grid-column:1;grid-row:3;padding-right:clamp(24px,4vw,72px)}
  html.is-flow #opere>noscript{display:none}
  html.is-flow #opere>.archive-video{grid-row:4;margin:clamp(16px,3vh,32px) clamp(24px,4vw,72px) clamp(36px,6vh,72px) auto;padding-right:0}
  html.is-flow #opere .op-preview{grid-column:2;grid-row:1/6;position:sticky;top:var(--topbar-h,90px);height:calc(100svh - var(--topbar-h,90px));min-height:420px;margin:0;align-self:start}
  html.is-flow #opere .op-title{font-size:clamp(22px,min(3vw,4.2vh),56px)}

  /* Pagina opere.html (elenco) */
  .op-page .op-index{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0;padding:0}
  .op-page .op-index-head{grid-column:1;grid-row:1;margin:0;padding:clamp(28px,5vh,64px) clamp(24px,4vw,72px) 14px var(--pad)}
  .op-page .op-list{grid-column:1;grid-row:2;padding:clamp(12px,2vh,24px) clamp(24px,4vw,72px) 64px var(--pad)}
  .op-page .op-preview{grid-column:2;grid-row:1/3;top:var(--nav);height:calc(100svh - var(--nav));min-height:420px}

  /* Immagine a tutta metà, ritagliata se serve */
  :is(html.is-flow #opere,.op-page) .op-preview{position:sticky}
  :is(html.is-flow #opere,.op-page) .op-frame{position:relative;height:100%!important;background:var(--field);cursor:pointer}
  :is(html.is-flow #opere,.op-page) .op-frame img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;max-height:none!important;object-fit:cover;object-position:center;transition:opacity .45s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
  :is(html.is-flow #opere,.op-page) .op-frame:hover img{transform:scale(1.02)}
  :is(html.is-flow #opere,.op-page) .op-preview figcaption{position:absolute;left:0;right:0;bottom:0;margin:0!important;padding:56px clamp(18px,2vw,32px) 18px;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);color:#fff;pointer-events:none}
  :is(html.is-flow #opere,.op-page) .op-preview figcaption a{color:#fff;pointer-events:auto}
}
@media screen and (min-width:900px){html.is-flow #opere.deck-panel:not(#home){padding-top:0;padding-bottom:0;padding-right:0}}
@media screen{html.is-flow .deck-panel:not(#home){scroll-margin-top:0}}

/* ---------- Partner: loghi senza riquadro bianco, due righe ---------- */
@media screen{
  html body .partners-grid .partner-logo{background:transparent!important;padding:0 0 4px;margin-bottom:clamp(10px,1.6vh,16px);height:clamp(56px,8vh,84px);justify-content:flex-start;align-items:center}
  html body .partners-grid .partner-logo img{max-width:min(100%,180px);max-height:100%;width:auto;height:auto;object-fit:contain;object-position:left center;mix-blend-mode:multiply;filter:none}
  /* Notte: loghi chiari e trasparenti sul blu */
  html[data-theme=dark] body .partners-grid .partner-logo img{mix-blend-mode:normal;filter:grayscale(1) brightness(0) invert(.93)!important;opacity:.92}
  html[data-theme=dark] body .partners-grid .partner-logo img[src*="le-cube-original"]{filter:grayscale(1) invert(1)!important;mix-blend-mode:screen;opacity:.9}
  html body .partners-grid .partner-card{padding:clamp(14px,2.2vh,24px) clamp(14px,1.4vw,22px)}
  html body .partners-grid .partner-card h3{font-size:clamp(15px,1.25vw,20px);line-height:1.25}
  html body .partners-grid .partner-card p{margin-top:8px}
}
@media screen and (min-width:1100px){
  html body .partners-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media screen and (min-width:700px) and (max-width:1099px){
  html body .partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* Loghi ritagliati: stessa altezza visiva, centrati nella loro riga */
@media screen{
  html body .partners-grid .partner-logo{height:clamp(52px,7vh,72px);justify-content:flex-start}
  html body .partners-grid .partner-logo img{max-height:100%;max-width:min(100%,200px)}
  html body .partners-grid .partner-logo img[src*="ministero-marocco"],html body .partners-grid .partner-logo img[src*="confederazione-svizzera"]{max-height:70%}
}

/* ---------- Arabo: scrittura da destra a sinistra ---------- */
html[lang=ar] body,html[lang=ar] body *{letter-spacing:0!important}
html[lang=ar]{--font-display:'Amiri','Noto Naskh Arabic','Geeza Pro',Italiana,serif}
html[lang=ar] body{font-family:'IBM Plex Sans Arabic','Noto Sans Arabic','Geeza Pro','Segoe UI',var(--font-primary,system-ui)}
html[lang=ar] :is(h1,h2,.menu>a,.chapter-name,.op-title,.op-work-head h1,.ev-info h2){line-height:1.35}
html[lang=ar] .lang-inline,html[lang=ar] .section-numeral,html[lang=ar] time,html[lang=ar] .op-year{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .form-trap{left:auto!important;right:-10000px!important}
html[dir=rtl] body{overflow-x:hidden}
html[dir=rtl] .topbar,html[dir=rtl] .reading-header,html[dir=rtl] .op-nav{direction:ltr}
html[dir=rtl] .topbar .menu-button,html[dir=rtl] .topbar .theme-toggle{direction:rtl}
html[lang=ar] :is(.menu-button,.menu-bottom,.section-label,.section-name,.chapter-country,.chapter-date,.map-top,.map-bottom,.cinema-bottom,.dialog-top,.chapter-meta,.contact-field label,.contact-privacy,.contact-recipient,.reading-eyebrow,.lac-announcement){font-family:'Geeza Pro','Noto Sans Arabic','IBM Plex Sans Arabic',system-ui,sans-serif}

/* Pubblicazioni: riferimenti bibliografici (Exiled Homes) */
.publication-article .publication-refs{margin:0;padding:0 0 0 1.4em;font-size:14px;line-height:1.6;color:var(--muted,#6c6963)}
.publication-article .publication-refs li{margin:0 0 12px;padding-left:4px}
.publication-article .publication-refs a{overflow-wrap:anywhere;word-break:break-word;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
html[dir=rtl] .publication-article .publication-refs{direction:ltr;text-align:left;padding:0 0 0 1.4em}

/* News: evento passato (affiche + testo) */
.news-past{margin-top:clamp(48px,8vh,96px);padding-top:20px;border-top:1px dashed var(--red,#c51f26)}
.news-past-label{margin:0 0 24px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.65}

/* News: visivo del laboratorio LAC sotto il titolo */
.news-visual{margin:clamp(24px,4vh,40px) 0 0}
.news-visual img{display:block;width:100%;height:auto}
.news-visual figcaption{margin-top:10px;font-size:12px;letter-spacing:.02em;opacity:.7}
@media (max-width:900px){.news-visual{margin:0 0 32px}}

/* News: evento passato in forma compatta (data, titolo, luogo) — la scheda completa si apre al clic */
.news-past-list{margin:0;padding:0}
.news-past-list li{cursor:pointer}
.news-past-list .ev-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--red,#c51f26);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.news-past-list li:hover .ev-more,.news-past-list li:focus-visible .ev-more{text-decoration-thickness:2px}

/* ATLANTE (sezione 02): una città = un punto; il pannello raccoglie capitoli, opere, mostre e testi */
@keyframes atlasIn{from{opacity:0;transform:translateY(8px)}}

/* MAPPA IN APERTURA: solo linee, punti e nomi, trasparente sopra il diaporama */
@keyframes hmStitch{to{stroke-dashoffset:-260}}
.hero-map:has(.hm-city:hover) .hm-city:not(:hover),.hero-map:has(.hm-city:focus-visible) .hm-city:not(:focus-visible){opacity:.4}

/* wp.css */
/* Raccords WordPress : la structure des modèles ne doit rien changer au design du site. */

/* Les conteneurs ajoutés par WordPress (modèles, en-tête, pied de page) n'influencent pas la mise en page. */
.wp-site-blocks{padding:0;margin:0}
.wp-site-blocks>*{margin-block:0}
.wp-block-template-part{display:contents}

/* Barre d'administration (visible seulement par les personnes connectées). */
.admin-bar .topbar,.admin-bar .reading-header,.admin-bar .op-nav{top:32px}
.admin-bar .menu{top:calc(var(--topbar-h,90px) + 32px)}
@media (max-width:782px){
  .admin-bar .topbar,.admin-bar .reading-header,.admin-bar .op-nav{top:46px}
  .admin-bar .menu{top:calc(var(--topbar-h,90px) + 46px)}
}

/* Pages ordinaires (mentions légales, confidentialité, 404…) : même lecture que les textes du site. */
.eoa-generic{max-width:760px;margin:0 auto;padding:clamp(120px,16vh,180px) clamp(18px,4vw,32px) 90px;min-height:60vh}
.eoa-generic>h1,.eoa-generic .wp-block-post-title{font-family:var(--font-display,Italiana,serif);font-weight:400;font-size:clamp(42px,6vw,78px);line-height:1;margin:0 0 40px;letter-spacing:-.01em}
.eoa-generic .wp-block-post-title a{color:inherit;text-decoration:none}
.eoa-generic .wp-block-post-title a:hover{color:var(--red,#C51F26)}
.eoa-generic .wp-block-query .wp-block-post-title{font-size:clamp(26px,3vw,36px);margin:36px 0 10px}
.eoa-generic .wp-block-query-pagination{display:flex;justify-content:space-between;margin-top:40px}
.eoa-404 p{font-size:20px;line-height:1.5}

/* Arabe : police et sens de lecture. */
html[dir=rtl] .eoa-generic{text-align:right}

/* Éditeur : sections en pleine largeur comme sur le site ; l'aperçu ne réagit pas aux clics (on modifie dans la colonne de droite). */
.editor-styles-wrapper .eoa-block-preview{max-width:none!important;margin-left:0!important;margin-right:0!important}
.editor-styles-wrapper .eoa-block-preview a,.editor-styles-wrapper .eoa-block-preview button{pointer-events:none}
.editor-styles-wrapper .eoa-block-preview .hero-slide:not(.active){display:none}
.editor-styles-wrapper .eoa-block-preview .hero-slide img[data-src]{display:none}

/* ---------- Menu : icône à trois lignes, qui devient une croix ---------- */
.topbar .menu-button{gap:0;justify-content:center;min-width:44px;min-height:44px;padding:0;margin:0;background:none;border:0;color:inherit;cursor:pointer;font-size:0}
.menu-button .menu-symbol{display:none!important}
.menu-icon{position:relative;display:block;width:28px;height:15px}
.menu-icon>span{position:absolute;left:0;width:100%;height:1.5px;background:currentColor;transform-origin:50% 50%;transition:top .3s cubic-bezier(.65,0,.35,1) .12s,transform .3s cubic-bezier(.65,0,.35,1),opacity .15s ease .12s}
.menu-icon>span:nth-child(1){top:0}
.menu-icon>span:nth-child(2){top:6.75px}
.menu-icon>span:nth-child(3){top:13.5px}
/* Ouvert : les lignes se rejoignent au centre, puis pivotent. */
.menu-button[aria-expanded="true"] .menu-icon>span{transition:top .3s cubic-bezier(.65,0,.35,1),transform .3s cubic-bezier(.65,0,.35,1) .12s,opacity .15s ease}
.menu-button[aria-expanded="true"] .menu-icon>span:nth-child(1){top:6.75px;transform:rotate(45deg)}
.menu-button[aria-expanded="true"] .menu-icon>span:nth-child(2){opacity:0}
.menu-button[aria-expanded="true"] .menu-icon>span:nth-child(3){top:6.75px;transform:rotate(-45deg)}
.menu-button:focus-visible{outline:1px solid currentColor;outline-offset:3px}
@media (hover:hover){.menu-button[aria-expanded="false"]:hover .menu-icon>span:nth-child(2){transform:scaleX(.72)}html:not([dir=rtl]) .menu-button[aria-expanded="false"]:hover .menu-icon>span:nth-child(2){transform-origin:0 50%}html[dir=rtl] .menu-button[aria-expanded="false"]:hover .menu-icon>span:nth-child(2){transform-origin:100% 50%}}
@media (max-width:650px){.menu-icon{width:24px;height:13px}.menu-icon>span:nth-child(2),.menu-button[aria-expanded="true"] .menu-icon>span:nth-child(1),.menu-button[aria-expanded="true"] .menu-icon>span:nth-child(3){top:5.75px}.menu-icon>span:nth-child(3){top:11.5px}}
/* Ouverture du menu en fondu léger. */
.menu:not([hidden]){animation:eoa-menu-in .32s cubic-bezier(.2,.7,.2,1) both}
@keyframes eoa-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.menu-icon>span,.menu-button[aria-expanded="true"] .menu-icon>span{transition:none}.menu:not([hidden]){animation:none}}

/* ---------- Partager / Imprimer, sous le titre des textes ---------- */
.eoa-share{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-top:22px;margin-inline-start:-9px}
.eoa-share-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;transition:color .2s ease,background-color .2s ease}
.eoa-share-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.eoa-share-btn:hover,.eoa-share-btn[aria-expanded="true"]{color:var(--red,#c52d26)}
.eoa-share-btn:focus-visible{outline:1px solid currentColor;outline-offset:1px}
.eoa-share-menu{position:absolute;top:calc(100% + 4px);inset-inline-start:9px;z-index:40;min-width:210px;display:flex;flex-direction:column;padding:6px 0;background:var(--paper,#fff);color:var(--ink,#111);border:1px solid currentColor;font-family:var(--font-primary,inherit);font-size:14px;line-height:1.3}
.eoa-share-menu[hidden]{display:none}
.eoa-share-menu>a,.eoa-share-menu>button{display:block;width:100%;padding:10px 16px;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer}
.eoa-share-menu>a:hover,.eoa-share-menu>button:hover,.eoa-share-menu>a:focus-visible,.eoa-share-menu>button:focus-visible{color:var(--red,#c52d26);outline:none;text-decoration:underline;text-underline-offset:4px}
.eoa-share-status{font-size:12px;margin-inline-start:8px;opacity:.75}
.eoa-share-status:empty{display:none}
html[data-theme="dark"] .eoa-share-menu{background:#111;color:#f2f0e9}
.reading-heading .eoa-share{margin-top:18px}
@media (prefers-reduced-motion:reduce){.eoa-share-btn{transition:none}}

/* ---------- Impression (A4, aussi pour « Enregistrer en PDF ») ---------- */
@page{size:A4;margin:18mm 17mm 20mm}
@media print{
	html,body{background:#fff!important;color:#000!important}
	*{animation:none!important;transition:none!important;box-shadow:none!important}
	.skip,.skip-link,.reading-header,.reading-footer,.site-tools,.eoa-share,.publication-related,.art-nav,.reading-index,.global-backtop,.topbar,.menu,dialog,#wpadminbar{display:none!important}
	main,.publication-heading,.reading-heading,.publication-reading-layout,.reading-layout{display:block!important;padding:0!important;margin:0!important;max-width:none!important}
	.publication-heading::before,.reading-heading::before{content:"Embroiderers of Actuality";display:block;font:9pt/1.4 var(--font-primary,Helvetica,Arial,sans-serif);letter-spacing:.02em;margin-bottom:9mm;padding-bottom:2mm;border-bottom:.5pt solid #000}
	.publication-heading h1,.reading-heading h1{font-size:26pt!important;line-height:1.08!important;margin:3mm 0 4mm!important;color:#000!important}
	.reading-eyebrow,.publication-byline,.publication-language,.publication-subtitle,.reading-heading>p{color:#000!important;font-size:10pt!important}
	.publication-context{position:static!important;border:0!important;border-top:.5pt solid #000!important;padding:4mm 0 0!important;margin:6mm 0 8mm!important;font-size:9.5pt}
	.publication-context h2{font-size:11pt!important;margin:0 0 2mm!important}
	.publication-context>p,.publication-context dd,.publication-context dt{font-size:9.5pt!important;color:#000!important}
	.publication-context dl{display:grid!important;grid-template-columns:38mm 1fr;gap:1.5mm 4mm;margin-top:3mm!important}
	.publication-editorial summary{list-style:none;font-weight:600}
	.publication-editorial summary::-webkit-details-marker{display:none}
	.project-article,.publication-article{max-width:none!important;border:0!important;padding:0!important;font-size:11pt}
	.project-article p,.publication-article p{font-size:11pt!important;line-height:1.55!important;margin:0 0 3.2mm!important;orphans:3;widows:3}
	.project-article h2,.project-article h3,.publication-article h2,.publication-article h3{font-size:14pt!important;margin:7mm 0 3mm!important;break-after:avoid;page-break-after:avoid;border:0!important;padding:0!important}
	figure,img,picture,blockquote,table,pre,.publication-refs li,.publication-signature{break-inside:avoid;page-break-inside:avoid}
	img{max-width:100%!important;height:auto!important;max-height:190mm;object-fit:contain}
	figcaption,.wp-element-caption{font-size:8.5pt!important;color:#333!important;margin-top:1.5mm}
	a{color:#000!important;text-decoration:none!important}
	.publication-refs{font-size:9pt!important;color:#000!important}
	.publication-refs a{word-break:break-all}
	.publication-signature{margin-top:8mm;font-size:10pt}
	html[dir=rtl] .publication-heading,html[dir=rtl] .reading-heading,html[dir=rtl] .project-article{text-align:right}
	html[lang=ar] .publication-heading::before,html[lang=ar] .reading-heading::before{content:"مطرّزات الزمن الراهن";letter-spacing:0}
}