.art-wrap{max-width:760px;margin:0 auto;padding:0 1.5rem}
.art-head{padding:1rem 0 2.4rem;border-bottom:1px solid var(--bd);margin-bottom:2.8rem}
.art-cat{font-family:'DM Sans',sans-serif;font-size:0.6rem;font-weight:600;letter-spacing:0.28em;text-transform:uppercase;color:var(--y);margin-bottom:1.4rem}
.art-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,5.2vw,4rem);font-weight:600;line-height:1.02;letter-spacing:-0.02em;color:var(--w);margin:0 0 1.4rem}
.art-h1 em{font-style:italic;color:var(--y);font-weight:400}
.art-dek{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.45;color:var(--mu);margin:0 0 2rem}
.art-byline{display:flex;flex-wrap:wrap;gap:1.6rem;font-family:'DM Sans',sans-serif;font-size:0.62rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--mu2)}
.art-byline strong{color:var(--w);font-weight:500}
.art-body{font-family:'DM Sans',sans-serif;font-size:1.02rem;line-height:1.85;color:var(--mu);font-weight:300}
.art-body p{margin:0 0 1.5rem}
.art-body>p:first-of-type::first-letter{font-family:'Cormorant Garamond',serif;float:left;font-size:3.6rem;line-height:0.84;font-weight:600;color:var(--y);padding:0.3rem 0.7rem 0 0}
.art-body h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;color:var(--w);margin:2.8rem 0 1.1rem}
.art-body strong{color:var(--w);font-weight:500}
.art-body em{font-style:italic}
.art-pull{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-style:italic;line-height:1.3;color:var(--w);border-left:2px solid var(--y);padding:0.4rem 0 0.4rem 1.6rem;margin:2.6rem 0}
.art-pull em{color:var(--y)}
.art-foot{margin-top:3.4rem;padding-top:2rem;border-top:1px solid var(--bd);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.art-back{font-family:'DM Sans',sans-serif;font-size:0.64rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--y);font-weight:500}
.art-sign{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--mu2);font-size:0.95rem}
@media(max-width:600px){.art-body>p:first-of-type::first-letter{font-size:3rem}}

/* ── V30 · tetto di composizione ───────────────────────────────
   Below 1800px nothing changes at all: laptops and ordinary monitors
   keep their existing gutters. Past that width the side padding grows
   so the CONTENT settles into a 1700px column, while backgrounds —
   hero, bands, navigation bar, footer — still run edge to edge.
   The threshold is chosen so the gutter at the switch (50px) matches
   the natural one (48px): no visible jump. */
@media (min-width:1800px){
  nav,
  .breadcrumb,
  main > section,
  main > header,
  main > div,
  footer,
  .hero,
  .band,
  .cta-block{
    padding-left:calc((100vw - 1700px) / 2)  !important;
    padding-right:calc((100vw - 1700px) / 2) !important;
  }
  .s-cover .cover-photo{margin-right:calc((100vw - 1700px) / -2)}
}

/* ── V32 · la cover rientra nel tetto ──────────────────────────
   V30 told the cover photograph to bleed by half the gutter so it
   would touch the page edge. On a wide screen that gutter is huge,
   so the picture shot past the shell and dwarfed the page. Inside
   the shell it now stays put: no bleed, even columns. */
@media (min-width:1800px){
  .s-cover .cover-photo{margin-right:0 !important}
  .s-cover{grid-template-columns:6fr 5fr !important}
}

/* V38 · global motion pause */
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused !important}

/* ── V44 · consent banner (PECR/ICO) ────────────────────────────
   Refusal is one click, same weight as acceptance. Sits above the
   motion toggle, never traps focus, disappears on choice. */
#rvz-cc{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:rgba(6,6,6,.97);border-top:1px solid var(--bd,#2a2a24);transform:translateY(102%);transition:transform .26s ease;padding:1.15rem 1.3rem;backdrop-filter:blur(6px)}
#rvz-cc.on{transform:none}
#rvz-cc .cc-in{max-width:1100px;margin:0 auto;display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
#rvz-cc .cc-t{font-family:'Cormorant Garamond',serif;font-size:1.12rem;color:var(--w,#f2efe8);margin:0 0 .2rem;flex:1 1 100%}
#rvz-cc .cc-b{font-size:.8rem;line-height:1.6;color:var(--mu,#a8a49a);margin:0;flex:1 1 380px}
#rvz-cc .cc-b a{color:var(--y,#e8ff00)}
#rvz-cc .cc-r{display:flex;gap:.7rem;flex:0 0 auto}
#rvz-cc button{font-family:inherit;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;padding:.78rem 1.25rem;cursor:pointer;border:1px solid var(--bd,#2a2a24);background:transparent;color:var(--w,#f2efe8);min-height:44px}
#rvz-cc .cc-yes{background:var(--y,#e8ff00);color:#060606;border-color:var(--y,#e8ff00);font-weight:600}
#rvz-cc button:focus-visible{outline:2px solid var(--y,#e8ff00);outline-offset:2px}
@media (max-width:640px){#rvz-cc .cc-r{flex:1 1 100%}#rvz-cc button{flex:1}}
/* ── V44 · leggibilità: nessun testo funzionale sotto 11px ─────── */
.crumb,.hero-eye,.case-eye,.cs-eye,.split-eye,.stat-l,.cs-stat-l,.off-tz,.off-tag,.struct-tag,.mi,.stag,.s-case-eye,.case-marker-meta{font-size:0.7rem !important;letter-spacing:.24em}