/* Risonanze — editorial extension of the museum-inspired site. */
.links{gap:clamp(12px,1.45vw,26px)}
.links a{letter-spacing:.15em}
@media (min-width:741px) and (max-width:1110px){.topbar{padding-left:3vw;padding-right:3vw;gap:12px}.links{gap:11px}.links a{font-size:9px;letter-spacing:.09em}.links .nav-contact{padding:12px}.links .lang{padding-left:10px}}
.res-frame{max-width:1640px;margin-inline:auto;padding-inline:clamp(23px,4.5vw,82px)}
.risonanze-page{background:#f3f1eb;color:#272b29;min-height:65vh}
.risonanze-page a{text-decoration:none}
.res-rule,.res-section-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bcbab2;padding-top:15px;font-size:10px;line-height:1.5;letter-spacing:.19em;text-transform:uppercase;color:#73746e}
.res-hero{padding-top:clamp(44px,5vw,86px);padding-bottom:clamp(75px,8vw,140px)}
.res-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(30px,7vw,115px);align-items:end;padding-top:clamp(52px,6.5vw,104px)}
.res-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(70px,10vw,174px);line-height:.91;letter-spacing:-.07em;font-weight:400;white-space:nowrap;margin:0}
.res-period,.res-home-teaser h2 span{color:#988b76}
.res-deck{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.25vw,37px);line-height:1.3;letter-spacing:-.025em;margin:0 0 23px}
.res-deck-small{font-size:15px;line-height:1.8;color:#68716a;margin:0;max-width:56ch}
.res-index{padding-bottom:clamp(100px,10vw,160px)}
.res-section-label{margin-bottom:35px}
.res-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px clamp(25px,4vw,74px)}
.res-card{min-width:0}
.res-card-link{display:block;color:inherit}
.res-card-image{width:100%;height:auto;aspect-ratio:1.5;position:relative;overflow:hidden;background:#0d1516}
.res-card-image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .45s ease}
.res-card-link:hover .res-card-image img{transform:scale(1.035)}
.res-card-noimage{display:grid;place-items:center;background:radial-gradient(circle at 63% 40%,#56605a,#242d2b 60%,#151f20)}
.res-card-noimage span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(70px,8vw,140px);color:#d8d4cc;font-weight:400;line-height:1}
.res-card-data{border-bottom:1px solid #c3c2b8;padding:26px 0 30px}
.res-card-no{font-size:10px;color:#70746c;letter-spacing:.18em;text-transform:uppercase}
.res-card h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(31px,3.2vw,52px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:20px 0 14px;max-width:17ch}
.res-card p{font-size:14px;line-height:1.75;max-width:62ch;color:#676d65;margin:0 0 25px}
.res-card-go{display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid #8e9188;padding-bottom:9px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.res-closing{background:#172327;color:#e6e5df;padding-block:clamp(65px,8vw,130px)}
.res-closing .res-overline,.res-home-teaser .res-overline{font-size:10px;letter-spacing:.19em;text-transform:uppercase}.res-closing .res-overline{color:#adafa8}.res-home-teaser .res-overline{color:#555c55}
.res-closing p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(31px,4.3vw,70px);line-height:1.15;letter-spacing:-.03em;font-weight:400;max-width:960px;margin:25px 0 34px}
.res-closing a,.res-home-teaser a{display:inline-flex;gap:30px;border-bottom:1px solid currentColor;padding-bottom:10px;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.res-home-teaser{margin-top:0;background:#e4e0d7;color:#212c2a;padding-block:clamp(64px,7vw,115px)}
.res-home-teaser>.res-frame{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end}
.res-home-teaser h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(60px,7vw,116px);font-weight:400;letter-spacing:-.065em;margin:15px 0 0;line-height:1}
.res-home-teaser p{font-size:clamp(16px,1.5vw,23px);line-height:1.65;max-width:55ch;margin:0 0 28px}
.res-article-title{padding:52px 0 72px}
.res-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:36px;font-size:12px;color:#69726b}
.res-breadcrumb a{border-bottom:1px solid currentColor}
.res-article-title h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(50px,6.2vw,105px);line-height:1.06;letter-spacing:-.057em;margin:56px 0 25px;max-width:14ch}
.res-article-title>p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,2.4vw,33px);line-height:1.4;letter-spacing:-.02em;color:#535c56;max-width:850px;margin:0}
.res-article-layout{display:grid;grid-template-columns:minmax(260px,.86fr) minmax(0,1.14fr);gap:clamp(35px,6vw,115px);padding:0 0 100px;align-items:start}
.res-article-visual{position:sticky;top:30px;min-width:0}
.res-article-figure{margin:0}
.res-article-figure img{display:block;width:100%;max-height:650px;object-fit:contain;background:#111419}
.res-article-figure figcaption{font-size:11px;line-height:1.5;color:#777b73;margin-top:17px}
.res-article-silence{min-height:460px;background:radial-gradient(circle at 65% 33%,#56615c,#24302f 62%,#171f21);color:#d9d6cc;display:grid;place-items:center;font-family:Georgia,serif;font-size:clamp(100px,14vw,240px)}
.res-essay{max-width:740px}
.res-essay-section{padding-bottom:24px;margin-bottom:37px;border-bottom:1px solid #cbc9c0}
.res-essay-section h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,2.7vw,43px);font-weight:400;line-height:1.2;letter-spacing:-.03em;margin:0 0 25px}
.res-essay-section p{font-size:clamp(15px,1.1vw,18px);line-height:1.88;color:#4e5752;margin:0 0 24px}
.res-source-note{margin-top:25px;border-left:2px solid #a89c85;padding:10px 0 9px 20px;color:#656a64}
.res-source-note span{font-size:10px;letter-spacing:.17em}
.res-source-note p{font-size:13px;line-height:1.75;margin:12px 0 0}
.res-article-related{display:inline-flex;border-bottom:1px solid #4b5953;padding-bottom:12px;gap:35px;margin:55px 0 0;text-transform:uppercase;letter-spacing:.15em;font-size:11px}
.res-return{border-top:1px solid #c2c0b8;padding:35px 0 80px;font-size:12px;letter-spacing:.08em}
.res-return a{border-bottom:1px solid currentColor;padding-bottom:8px}
@media (max-width:1000px){.res-hero-grid{grid-template-columns:1fr;gap:32px}.res-deck{max-width:720px}.res-article-layout{grid-template-columns:1fr}.res-article-visual{position:static;width:100%;max-width:560px}.res-article-figure img{max-height:520px}.res-home-teaser>.res-frame{grid-template-columns:1fr}}
@media (max-width:740px){.res-hero{padding-top:46px;padding-bottom:80px}.res-hero h1{font-size:clamp(57px,12.5vw,96px)}.res-hero-grid{padding-top:62px}.res-cards{grid-template-columns:1fr;gap:53px}.res-card h2{max-width:none}.res-card-image{aspect-ratio:1.4}.res-article-title{padding:30px 0 50px}.res-article-title h1{margin-top:40px;font-size:clamp(49px,10vw,72px)}.res-article-layout{padding-bottom:50px}.res-article-silence{min-height:300px}.res-return{padding-bottom:55px}.res-home-teaser h2{font-size:65px}}
@media (max-width:370px){.res-hero h1{font-size:56px}}
@media (prefers-reduced-motion:reduce){.res-card-image img{transition:none}}

/* v30 — source-text excerpts and original bibliographical attribution */
.res-primary{padding:28px 0 35px;margin:0 0 47px;border-top:1px solid #a9aa9f;border-bottom:1px solid #c7c8bd}
.res-primary-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#77776f;margin:0 0 24px}
.res-primary-quote{font:400 clamp(22px,2vw,32px)/1.58 Georgia,'Times New Roman',serif;letter-spacing:-.013em;color:#313b34;margin:0 0 23px;padding:0;overflow-wrap:break-word}
.res-primary-credit{font:500 13px/1.7 system-ui,sans-serif;color:#424a42;margin:0 0 10px}
.res-primary-context{font:400 12px/1.75 system-ui,sans-serif;color:#777a73;margin:0 0 15px}
.res-primary-link{font:400 11px/1.6 system-ui,sans-serif;margin:0}
.res-primary-link a{text-decoration:underline;text-underline-offset:4px;color:#4f5e56}
@media(max-width:740px){.res-primary-quote{font-size:clamp(23px,6vw,30px);line-height:1.48}}

/* v31: complete literary texts and Persian originals */
.res-primary-quote--full{font-size:clamp(16px,1.45vw,21px);line-height:1.72;letter-spacing:0;margin:0 0 22px;}
.res-poem-line{display:block;white-space:normal;}
.res-poem-gap{display:block;height:1.14em;}
.res-primary-quote--fa{font-family:"Noto Naskh Arabic","Amiri",Georgia,serif;direction:rtl;text-align:right;font-size:clamp(21px,2.1vw,26px);line-height:2.0;}
.res-primary-label--translation{margin-top:42px;}
.res-primary-context a{color:inherit;text-decoration:underline;text-underline-offset:3px;}
@media (max-width:740px){.res-primary-quote--full{font-size:17px;line-height:1.65;}.res-primary-quote--fa{font-size:22px;line-height:2.05}}

/* v32 · Risonanze, accostamento diretto di parole e opere */
.res-hero-grid{align-items:end}
.res-hero .res-deck{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.25vw,36px);line-height:1.45;color:#303b35}
.res-card h2{max-width:none}
.res-card-data > p{margin:12px 0 24px;font-size:13px;color:#6d756f}
.res-article-title{padding-bottom:50px}
.res-article-title h1{max-width:none;font-size:clamp(42px,5.1vw,84px);margin-bottom:0}
.res-article-figure figcaption{font-size:12px;letter-spacing:.055em;color:#555e57}
.res-primary{border-top:0;padding-top:0;margin-bottom:0}
.res-primary-quote--fa{margin-top:20px}
.res-primary-label--translation{margin-top:0}
.res-primary .res-primary-credit{margin-top:24px;margin-bottom:60px}
.res-primary-quote--fa + .res-primary-context{margin-top:25px}
.res-small-source{margin-top:30px;color:#777b74;font-size:11px;line-height:1.7}
.res-article-related{margin-top:38px}
@media(max-width:740px){.res-article-title h1{font-size:clamp(41px,9.5vw,66px)}.res-article-title{padding-bottom:32px}.res-article-layout{gap:30px}}


/* v33 — Risonanze: opera sopra, testi letterari sotto. */
.risonanze-article .res-article-layout--stacked{
  display:block;
  padding-bottom:clamp(70px,7vw,115px);
}
.res-article-layout--stacked .res-article-visual{
  position:static;
  max-width:none;
  width:100%;
  margin:0 0 clamp(52px,6vw,94px);
}
.res-article-layout--stacked .res-article-figure{
  margin:0;
}
.res-article-figure--landscape img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  background:transparent;
}
.res-article-figure--portrait{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.res-article-figure--portrait img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:740px;
  object-fit:contain;
  background:transparent;
}
.res-article-layout--stacked .res-article-figure figcaption{
  margin-top:13px;
  font-size:11px;
  letter-spacing:.035em;
  color:#697069;
}
.res-article-figure--portrait figcaption{width:min(100%,494px)}
.res-article-layout--stacked .res-essay--poetry{
  width:100%;
  max-width:none;
}
.res-poetry-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:clamp(48px,6vw,116px);
  align-items:start;
  padding:37px 0 15px;
  border-top:1px solid #babbb3;
}
.res-poetry-column{min-width:0}
.res-poetry-column .res-primary-label{
  margin:0 0 24px;
  font-size:10px;
  letter-spacing:.18em;
  color:#767970;
}
.res-poetry-column .res-poetry-quote{
  padding:0;
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(16px,1.22vw,19px);
  line-height:1.76;
  letter-spacing:0;
  font-weight:400;
  color:#29312d;
  overflow-wrap:break-word;
}
.res-poetry-column .res-poetry-quote.res-primary-quote--fa{
  font-family:'Noto Naskh Arabic','Amiri',Georgia,serif;
  font-size:clamp(19px,1.5vw,22px);
  line-height:2.03;
  text-align:right;
  direction:rtl;
}
.res-poetry-quote .res-poem-gap{height:1em}
.res-poetry-grid--single{grid-template-columns:minmax(0,780px);justify-content:center}
.res-poetry-footnote{
  border-top:1px solid #d1d0c7;
  padding-top:23px;
  margin-top:clamp(40px,4.5vw,75px);
  color:#6b716b;
}
.res-poetry-footnote .res-primary-credit{
  margin:0 0 7px;
  font-size:12px;
  line-height:1.65;
}
.res-poetry-footnote .res-primary-context{
  max-width:90ch;
  margin:0;
  font-size:11px;
  line-height:1.7;
  color:#757a73;
}
.res-poetry-footnote a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.res-article-layout--stacked .res-article-related{margin-top:37px}
@media(max-width:950px){
  .res-poetry-grid{grid-template-columns:minmax(0,1fr);row-gap:48px}
  .res-poetry-grid--single{grid-template-columns:minmax(0,780px)}
}
@media(max-width:740px){
  .res-article-layout--stacked .res-article-visual{margin-bottom:47px}
  .res-article-figure--portrait img{max-height:620px}
  .res-poetry-grid{padding-top:26px}
  .res-poetry-column .res-poetry-quote{font-size:16px;line-height:1.72}
  .res-poetry-column .res-poetry-quote.res-primary-quote--fa{font-size:20px;line-height:2.02}
  .res-poetry-footnote{margin-top:35px}
}


/* v34 — Bacio di luna: ambientazione digitale e testo di Stefano Pellò. */
.res-article-figure--ambientazione .res-ambientazione-photo {
  display:inline-block; position:relative; width:max-content; max-width:100%;
  background:#080912; vertical-align:top;
}
.res-article-figure--ambientazione .res-ambientazione-photo img {
  display:block; width:auto; height:auto; max-width:100%; max-height:740px; object-fit:contain;
}
.res-ambientazione-disclaimer {
  position:absolute; bottom:12px; left:12px; right:12px;
  color:#e9e8e9; font:400 8px/1.45 Arial,Helvetica,sans-serif;
  letter-spacing:.05em; text-transform:uppercase;
  text-shadow:0 1px 5px rgba(0,0,0,.95);
  pointer-events:none;
}
@media(max-width:740px) {
  .res-article-figure--ambientazione .res-ambientazione-photo img {max-height:620px;}
  .res-ambientazione-disclaimer {font-size:7px;left:9px;right:9px;bottom:8px;}
}

/* v35 — Wide ambientazione for full-width article images when available. */
.res-article-figure--ambientazione-wide .res-ambientazione-photo {display:block;width:100%;max-width:none;}
.res-article-figure--ambientazione-wide .res-ambientazione-photo img {display:block;width:100%;max-width:none;max-height:none;height:auto;object-fit:cover;}

/* v36 — Risonanze index: ambientazione digitale, cropped edge-to-edge with clear disclosure. */
.res-card-image--ambientazione img {object-fit:cover;background:transparent;}
.res-card-image .res-card-disclaimer {
  position:absolute;z-index:2;left:0;bottom:0;width:100%;right:0;
  box-sizing:border-box;padding:24px 12px 10px;
  background:linear-gradient(to bottom, transparent,rgba(0,0,0,.7) 64%,rgba(0,0,0,.86));
  color:#f6f3ef;text-align:left;
  font:400 9px/1.45 Arial,Helvetica,sans-serif;letter-spacing:.038em;
  text-shadow:0 1px 2px rgba(0,0,0,.9);
  pointer-events:none;
}
@media(max-width:740px){.res-card-image .res-card-disclaimer {font-size:8px;padding:23px 10px 9px}}

/* v37 — Prose excerpt: compact editorial typography without artificial verse breaks. */
.res-poetry-column .res-prose-quote {
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(16px,1.22vw,19px);
  line-height:1.85;
  max-width:72ch;
  font-weight:400;
}
.res-prose-quote p {margin:0 0 1.15em;}
.res-prose-quote p:last-child {margin-bottom:0;}
