/* =========================================================
   ADO LEGAL — IMPRESSIONISMO MUSEALE GIGA WOW 200/100
   Versione: 20260616-gigawow-200
   Principio: quadro navigabile pubblicabile, pennellata naturale, regia museale
   ========================================================= */

/* ===== ATMOSFERA BASE — velature, grana, palette (integrata, ex layer warm) ===== */
 :root{
  --ado-ebano:#0A0806; --ado-petrolio:#10231F; --ado-petrolio-2:#152D27;
  --ado-avorio:#F4EFE6; --ado-oro:#C9A45C; --ado-bronzo:#8F6D3D;
  --ado-rosso:#5A1F1A; --ado-tela:#B8AEA0;
  --art-ease:cubic-bezier(.22,.61,.36,1); --art-fast:170ms; --art-med:320ms;
  /* grana di tela calda (materia) */
  --art-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .43 0 0 0 0 .24 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='130' height='130' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
  /* pennellate bronzo/oro direzionali (accenti, fondi) */
  --art-brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150'%3E%3Cpath d='M6 70 C66 46 116 92 168 60 S228 64 238 54' fill='none' stroke='%238f6d3d' stroke-opacity='.16' stroke-width='1.7'/%3E%3Cpath d='M2 104 C52 90 108 112 166 92 S224 92 238 86' fill='none' stroke='%23c9a45c' stroke-opacity='.12' stroke-width='1.5'/%3E%3Cpath d='M10 36 C58 26 104 44 150 30' fill='none' stroke='%238f6d3d' stroke-opacity='.10' stroke-width='1.3'/%3E%3C/svg%3E");
}

/* ── TELA DI FONDO immersiva (statica): luce calda + grana + leggera cornice ── */
html{ background:var(--ado-ebano); }
body{ position:relative;
  background:
    radial-gradient(ellipse 70% 60% at 6% -4%, rgba(201,164,92,.16), transparent 52%),
    radial-gradient(ellipse 80% 70% at 96% 104%, rgba(16,35,31,.20), transparent 56%),
    radial-gradient(ellipse 60% 50% at 88% 8%, rgba(143,109,61,.10), transparent 50%),
    linear-gradient(176deg, #F6F1E8 0%, var(--ado-avorio) 44%, #EBE3D3 100%) !important; }
/* grana di tela su tutta la pagina, dietro al contenuto */
body::before{ content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.42;
  background:var(--art-grain); mix-blend-mode:multiply; }
/* vignettatura calda d'ambiente + filo cornice: il sito vive dentro un quadro */
body::after{ content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  box-shadow:inset 0 0 220px rgba(10,8,6,.26), inset 0 0 0 1px rgba(143,109,61,.16);
  background:radial-gradient(ellipse 120% 90% at 50% 42%, transparent 58%, rgba(10,8,6,.18) 100%); }
body > *{ position:relative; z-index:1; }

/* ── SEZIONI come stanze: velature stratificate, luce radente, atmosfera ── */
.monet-section,.ado-wash--fog,.ado-wash--pearl,.ado-wash--slate-mist,.ado-wash--morning-water,
.ado-wash--lavender-fog,.ado-wash--celadon{ position:relative; isolation:isolate; }
.monet-section::before,.ado-wash--fog::before,.ado-wash--pearl::before,.ado-wash--slate-mist::before,
.ado-wash--morning-water::before,.ado-wash--lavender-fog::before,.ado-wash--celadon::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.9;
  background:
    radial-gradient(ellipse 80% 60% at 8% 0%, rgba(201,164,92,.10), transparent 46%),
    radial-gradient(ellipse 70% 70% at 96% 100%, rgba(16,35,31,.07), transparent 52%),
    linear-gradient(168deg, rgba(255,252,246,.10), transparent 40%),
    var(--art-grain); background-blend-mode:multiply; mix-blend-mode:multiply; }
.monet-section > *,[class*="ado-wash"] > *{ position:relative; z-index:1; }
/* area crisi: tensione rara rosso-bruno, appena percepibile */
.ado-wash--crisis-fog::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.8;
  background:radial-gradient(ellipse 70% 60% at 92% 6%, rgba(90,31,26,.12), transparent 48%),
    radial-gradient(ellipse 60% 50% at 6% 100%, rgba(16,35,31,.10), transparent 50%), var(--art-grain); mix-blend-mode:multiply; }
.ado-wash--crisis-fog{ position:relative; isolation:isolate; } .ado-wash--crisis-fog > *{ position:relative; z-index:1; }

/* sezioni scure = stanze notturne dipinte (petrolio→ebano, pennellata bronzo, luce oro) */
.monet-section--dark,.section--ink,.archive-grid-dark,.ado-wash--deep-water,.signature-card--dark{
  position:relative; isolation:isolate; color:rgba(244,239,230,.94);
  background:
    radial-gradient(ellipse 70% 80% at 84% 14%, rgba(201,164,92,.12), transparent 52%),
    radial-gradient(ellipse 90% 70% at 10% 96%, rgba(11,8,6,.50), transparent 60%),
    linear-gradient(158deg, var(--ado-petrolio-2) 0%, var(--ado-petrolio) 50%, var(--ado-ebano) 100%) !important; }
.monet-section--dark::before,.section--ink::before,.archive-grid-dark::before,.ado-wash--deep-water::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background:var(--art-brush), var(--art-grain); background-size:380px,130px; mix-blend-mode:soft-light; }
.monet-section--dark > *,.section--ink > *,.archive-grid-dark > *,.ado-wash--deep-water > *{ position:relative; z-index:1; }

/* ── HERO come grande quadro incorniciato ── */
.editorial-hero.has-video .editorial-hero-video,
.editorial-hero.has-video .editorial-hero-fallback{
  filter:brightness(.77) contrast(1.09) saturate(.85) sepia(.09) !important; }
.editorial-hero{ position:relative; }
.editorial-hero.has-video .editorial-hero-bg::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(ellipse 55% 80% at 90% 46%, rgba(201,164,92,.26), transparent 56%),
    radial-gradient(ellipse 80% 90% at 6% 30%, rgba(10,8,6,.56), transparent 66%),
    linear-gradient(180deg, rgba(10,8,6,.42) 0%, transparent 30%, rgba(10,8,6,.30) 60%, rgba(10,8,6,.62) 100%),
    var(--art-brush); background-size:auto,auto,auto,420px; background-blend-mode:normal,normal,normal,soft-light; }
/* cornice pittorica interna dell'hero */
.editorial-hero.has-video::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(201,164,92,.22), inset 0 0 120px rgba(10,8,6,.40); }
.editorial-hero .editorial-hero-copy{ position:relative; z-index:3; }
.editorial-hero .page-title,.editorial-hero h1{ text-shadow:0 2px 0 rgba(10,8,6,.40), 0 22px 60px rgba(10,8,6,.58); }
.editorial-hero .page-lead{ text-shadow:0 12px 36px rgba(10,8,6,.52); }
.editorial-hero .editorial-kicker{ color:var(--ado-oro) !important; }

/* ── KICKER / firma editoriale ── */
.editorial-kicker::after,.section-kicker::after,.seo-kicker::after{ content:""; display:block;
  width:clamp(96px,12vw,170px); height:2px; margin-top:.7rem;
  background:linear-gradient(90deg, var(--ado-oro), var(--ado-bronzo) 60%, transparent); }

/* (rimosso) vecchio sistema bottoni rettangolari — regia unica: pennellata SVG §MW */

/* ── CARD come riquadri materici / fogli su tela (luce diagonale, filo oro) ── */
.insight-card,.practice-card,.lawyer-card,.monet-card,.contact-card,.related-card,.value-card{
  position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(158deg, rgba(255,252,246,.98) 0%, rgba(244,239,230,.93) 60%, rgba(236,228,214,.90) 100%) !important;
  border:1px solid rgba(143,109,61,.30) !important; border-radius:4px !important;
  box-shadow:0 16px 44px rgba(16,35,31,.12), inset 0 1px 0 rgba(255,255,255,.46), inset 0 -22px 40px rgba(143,109,61,.05) !important;
  transition:transform var(--art-med) var(--art-ease), box-shadow var(--art-med) var(--art-ease), border-color var(--art-fast) ease; }
/* filo oro laterale */
.insight-card::before,.practice-card::before,.lawyer-card::before,.monet-card::before,.value-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px; z-index:1;
  background:linear-gradient(180deg, var(--ado-oro), var(--ado-bronzo)); }
/* grana + luce diagonale appena percepibile */
.insight-card::after,.practice-card::after,.lawyer-card::after,.monet-card::after,.value-card::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background:linear-gradient(124deg, rgba(255,250,238,.30) 0%, transparent 30%, transparent 72%, rgba(143,109,61,.10) 100%), var(--art-grain);
  background-size:auto,130px; mix-blend-mode:multiply; }
.insight-card > *,.practice-card > *,.lawyer-card > *,.monet-card > *,.value-card > *{ position:relative; z-index:2; }
.insight-card:hover,.practice-card:hover,.lawyer-card:hover,.monet-card:hover,.value-card:hover{
  transform:translateY(-3px); border-color:rgba(201,164,92,.54) !important;
  box-shadow:0 24px 58px rgba(16,35,31,.16), inset 0 1px 0 rgba(255,255,255,.52), inset 0 -22px 44px rgba(143,109,61,.07) !important; }

/* ── SHELL CTA finali (preserva i pannelli-dipinto) ── */
.art-final-cta:not(.ado-art-panel){
  position:relative; border-radius:5px; overflow:hidden; isolation:isolate; border:1px solid rgba(143,109,61,.30);
  background:linear-gradient(158deg, rgba(255,252,246,.98), rgba(240,233,221,.92));
  box-shadow:0 20px 54px rgba(16,35,31,.12), inset 0 1px 0 rgba(255,255,255,.46); }
.art-final-cta:not(.ado-art-panel)::before{ content:""; position:absolute; left:0; right:0; top:0; height:2px; z-index:1;
  background:linear-gradient(90deg, transparent, var(--ado-oro) 30%, var(--ado-bronzo) 70%, transparent); }
.art-final-cta:not(.ado-art-panel)::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.4;
  background:linear-gradient(124deg, rgba(255,250,238,.26), transparent 36%), var(--art-grain); background-size:auto,130px; mix-blend-mode:multiply; }
.art-final-cta:not(.ado-art-panel) > *{ position:relative; z-index:2; }
/* shell scure: stanza notturna dipinta */
.cta-section.art-final-cta,.signature-card--dark.art-final-cta,.archive-grid-dark.cta-section{
  color:rgba(244,239,230,.95) !important; border:1px solid rgba(201,164,92,.26) !important; border-radius:5px; isolation:isolate;
  background:
    radial-gradient(ellipse 60% 80% at 86% 16%, rgba(201,164,92,.14), transparent 54%),
    radial-gradient(ellipse 90% 80% at 8% 98%, rgba(11,8,6,.46), transparent 62%),
    linear-gradient(156deg, var(--ado-petrolio-2) 0%, var(--ado-petrolio) 50%, var(--ado-ebano) 100%) !important; }
.cta-section.art-final-cta::after,.signature-card--dark.art-final-cta::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.42;
  background:var(--art-brush); background-size:420px; mix-blend-mode:soft-light; }
.cta-section.art-final-cta > *,.signature-card--dark.art-final-cta > *{ position:relative; z-index:1; }
.cta-section.art-final-cta h2,.signature-card--dark.art-final-cta h2,.archive-grid-dark.cta-section h2{ color:rgba(244,239,230,.97) !important; }
.cta-section.art-final-cta [class*="label"],.archive-grid-dark.cta-section [class*="label"]{ color:rgba(201,164,92,.86) !important; }
/* pannelli-dipinto: immagine intatta, solo profondità + cornice */
.ado-art-panel.art-final-cta,.ado-art-panel--cta{ box-shadow:0 26px 70px rgba(16,35,31,.24), inset 0 0 0 1px rgba(201,164,92,.18); }

/* ── FOOTER come cornice finale dell'opera (petrolio profondo, filo oro, materia) ── */
.footer,.site-footer{ position:relative; isolation:isolate; color:rgba(244,239,230,.90);
  background:
    radial-gradient(ellipse 70% 80% at 50% -12%, rgba(201,164,92,.16), transparent 56%),
    linear-gradient(158deg, var(--ado-petrolio-2) 0%, var(--ado-petrolio) 46%, var(--ado-ebano) 100%) !important; }
.footer::before,.site-footer::before{ content:""; position:absolute; left:0; right:0; top:0; height:2px; z-index:2;
  background:linear-gradient(90deg, transparent, var(--ado-bronzo) 12%, var(--ado-oro) 50%, var(--ado-bronzo) 88%, transparent); }
.footer::after,.site-footer::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.4;
  background:var(--art-brush), var(--art-grain); background-size:440px,130px; mix-blend-mode:soft-light; }
.footer .footer-inner,.site-footer .footer-inner,.footer > *,.site-footer > *{ position:relative; z-index:1; }
.footer a,.site-footer a{ color:rgba(201,164,92,.92); text-decoration:none; transition:color var(--art-fast) ease; }
.footer a:hover,.site-footer a:hover{ color:var(--ado-avorio); }
/* footer-bottom: i link del partial hanno color inline → servono !important (regia unica qui) */
.footer .footer-bottom a{ color:rgba(201,164,92,.78) !important; }
.footer .footer-bottom a:hover{ color:var(--ado-avorio) !important; }
.footer .footer-links a{ color:rgba(244,239,230,.66); }
.footer .footer-links a:hover{ color:var(--vg-oro,#C9A45C); }
.footer .footer-desc,.footer .footer-cta-text{ color:rgba(244,239,230,.55); }

/* ── MENU come sala dipinta sobria (no vortici/animazioni) ── */
.menu-overlay{ isolation:isolate;
  background:
    radial-gradient(ellipse 60% 50% at 12% 6%, rgba(201,164,92,.16), transparent 44%),
    radial-gradient(ellipse 60% 60% at 92% 96%, rgba(16,35,31,.12), transparent 50%),
    linear-gradient(118deg, #F6F1E8 0%, var(--ado-avorio) 44%, #E9E1D1 100%) !important; }
.menu-overlay::after{ content:"" !important; position:absolute !important; inset:0 !important; z-index:0 !important; width:auto !important; right:0 !important;
  pointer-events:none; opacity:.4 !important; background:var(--art-grain) !important; mix-blend-mode:multiply !important; animation:none !important; filter:none !important; }
.menu-overlay::before{ width:1px !important; right:42% !important;
  background:linear-gradient(180deg, transparent, rgba(201,164,92,.55), rgba(143,109,61,.32), transparent) !important; box-shadow:none !important; }
.menu-panel{ position:relative; z-index:2; }
.menu-panel > a{ transition:color var(--art-fast) var(--art-ease), transform var(--art-med) var(--art-ease); }
.menu-panel > a:hover,.menu-panel > a.active,.menu-panel > a[aria-current="page"]{ color:var(--ado-bronzo); transform:translateX(8px); }
.menu-panel > a::after{ height:2px !important; background:linear-gradient(90deg, var(--ado-oro), var(--ado-bronzo), transparent) !important; box-shadow:none !important; }
.menu-panel-contact{ position:relative; z-index:2; border-radius:4px; overflow:hidden; color:rgba(244,239,230,.92);
  background:
    radial-gradient(ellipse 70% 70% at 80% 16%, rgba(201,164,92,.14), transparent 52%),
    linear-gradient(156deg, var(--ado-petrolio-2), var(--ado-petrolio) 56%, var(--ado-ebano)) !important; }
.menu-panel-contact a{ color:rgba(201,164,92,.92) !important; }
.menu-panel-contact a:hover{ color:var(--ado-avorio) !important; }

/* ── NAV ── */
.nav.scrolled{ background:linear-gradient(180deg, rgba(246,241,232,.99), rgba(240,233,221,.97)) !important;
  box-shadow:0 1px 0 rgba(201,164,92,.36), 0 14px 40px rgba(16,35,31,.12) !important; }
.nav-toggle span{ border-radius:1px; }
.nav.scrolled .nav-toggle span{ background:var(--ado-bronzo) !important; }

/* ── LINK editoriali ── */
main a:not(.btn):not(.monet-cta-primary):not(.monet-cta-secondary):not(.btn-white):not(.btn-outline):not(.hero-cta):not(.home-cta-primary):not(.home-cta-secondary):not(.art-final-cta a){
  color:var(--ado-bronzo); text-decoration-color:rgba(201,164,92,.58); text-decoration-thickness:.08em; text-underline-offset:.22em;
  transition:color var(--art-fast) ease, text-decoration-color var(--art-fast) ease; }
main a:not(.btn):not(.monet-cta-primary):not(.btn-white):not(.btn-outline):hover{ color:var(--ado-petrolio); text-decoration-color:var(--ado-oro); }

/* ── FORM materici ── */
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{
  border:1px solid rgba(143,109,61,.42) !important; border-radius:2px;
  background:linear-gradient(180deg, rgba(255,252,246,.98), rgba(244,239,230,.92)) !important; }
input:focus,textarea:focus,select:focus{ border-color:var(--ado-oro) !important; box-shadow:0 0 0 3px rgba(201,164,92,.24) !important; outline:none; }

/* ── ACCESSIBILITÀ ── */
:focus-visible{ outline:2px solid var(--ado-oro); outline-offset:3px; }
::selection{ background:rgba(201,164,92,.42); color:var(--ado-ebano); }

/* ── SCROLLBAR ── */
@supports selector(::-webkit-scrollbar){
  ::-webkit-scrollbar{ width:11px; height:11px; }
  ::-webkit-scrollbar-track{ background:#EBE3D3; }
  ::-webkit-scrollbar-thumb{ background:var(--ado-bronzo); border:3px solid #EBE3D3; border-radius:6px; }
  ::-webkit-scrollbar-thumb:hover{ background:var(--ado-oro); }
}
*{ scrollbar-color:var(--ado-bronzo) #EBE3D3; }

/* ── MOBILE: miniatura elegante dell'opera ── */
@media (max-width:760px){
  body::before{ opacity:.26; }
  body::after{ box-shadow:inset 0 0 120px rgba(10,8,6,.22); }
  .editorial-hero.has-video .editorial-hero-video,.editorial-hero.has-video .editorial-hero-fallback{ filter:brightness(.80) contrast(1.07) saturate(.86) sepia(.07) !important; }
  .monet-section--dark::before,.section--ink::before,.archive-grid-dark::before,.ado-wash--deep-water::before{ opacity:.32; }
  .menu-overlay::before{ display:none; }
  .monet-cta-primary,.btn-white,.home-cta-primary,.art-final-cta a,.monet-cta-secondary,.home-cta-secondary,.btn-outline{
    min-height:48px; padding:.9rem 1.3rem; font-size:.66rem; letter-spacing:.16em; white-space:normal; text-align:center; }
}


/* ── PAGINE DI LETTURA come tavole di un catalogo pittorico (readability-safe) ── */
.col-heading,.legal-shell h2,.article-body h2{ position:relative; }
.col-heading::after,.legal-shell h2::after,.article-body h2::after{ content:""; display:block;
  width:clamp(72px,9vw,128px); height:2px; margin-top:.5rem;
  background:linear-gradient(90deg, var(--ado-oro), var(--ado-bronzo) 64%, transparent); }
.legal-shell,.legal-page .legal-shell{ position:relative; border-radius:4px; }
.legal-shell::before{ content:""; position:absolute; left:0; right:0; top:0; height:2px; z-index:1;
  background:linear-gradient(90deg, transparent, var(--ado-oro) 26%, var(--ado-bronzo) 74%, transparent); }
/* breadcrumb / back-link / indici collegati: bronzo-oro, mai blu di default */
.parent-sticky-link,.parent-sticky-wrap a,.breadcrumb a,.related-index a,.seo-content a{
  color:var(--ado-bronzo) !important; text-decoration-color:rgba(201,164,92,.55); }
.parent-sticky-link:hover,.parent-sticky-wrap a:hover,.breadcrumb a:hover,.related-index a:hover{
  color:var(--ado-petrolio) !important; text-decoration-color:var(--ado-oro); }

/* ── REDUCED MOTION (master gate) ── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation:none !important; transition-duration:.001ms !important; }
  .menu-panel > a:hover,.insight-card:hover,.practice-card:hover,.monet-cta-primary:hover{ transform:none !important; }
}

/* ===== SISTEMA MUSEALE — hero/CTA/card/footer/menu/profili ===== */
 :root{
  --vg-ebano:#0A0806;   --vg-notte:#0B1620;   --vg-petrolio:#10231F; --vg-petrolio-2:#152D27;
  --vg-avorio:#F4EFE6;  --vg-pergamena:#EAD9BD; --vg-tela:#B8AEA0;
  --vg-oro:#C9A45C;     --vg-oro-luce:#E0C177; --vg-bronzo:#8F6D3D;  --vg-ocra:#B07D2E;  --vg-terra:#5A3A22;
  --vg-ink:#0A0806;
  --vg-paint-panel:url("/assets/img/impressionismo/ado-impressionismo-panel-1400.webp");
  --vg-paint-canvas:url("/assets/img/impressionismo/ado-impressionismo-canvas-1200.webp");
  --vg-ease:cubic-bezier(.22,.61,.36,1);
  --vg-brush:cubic-bezier(.16,1,.3,1);
}

/* ---- nessuna patina globale: l'arte è locale e composta ---- */

/* =========================================================
   1 · HERO — quadro editoriale con taglio pittorico laterale
   ========================================================= */
.editorial-hero.has-video .editorial-hero-bg::after,
.page-header-outer.has-video .editorial-hero-bg::after,
.page-header-outer.has-video .page-header-bg::after{
  content:""; position:absolute; z-index:2; pointer-events:none;
  right:clamp(14px,3.4vw,64px); bottom:clamp(16px,5vh,76px);
  width:clamp(190px,22vw,420px); height:clamp(140px,26vh,330px);
  background:
    linear-gradient(150deg,rgba(90,58,34,.22),rgba(16,35,31,.40)),
    var(--vg-paint-panel) center/cover no-repeat;
  background-blend-mode:multiply,normal;
  filter:sepia(.20) saturate(.92) contrast(1.03) brightness(.92);
  border:1px solid rgba(201,164,92,.30);
  box-shadow:0 30px 70px rgba(10,8,6,.42), inset 0 0 0 6px rgba(244,239,230,.05), inset 0 0 60px rgba(10,8,6,.30);
  transform:rotate(-1.6deg);
  opacity:.30;
}
/* velo caldo che fonde il taglio nella scena, mai sul testo */
.editorial-hero.has-video .editorial-hero-bg::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(105deg, rgba(10,8,6,.20) 0%, transparent 42%, rgba(11,22,32,.30) 100%);
}
.editorial-hero-copy, .page-header-inner, .editorial-hero-content{ position:relative; z-index:4; }

/* =========================================================
   2 · DIPINTI INTEGRATI — ado-painting-inlay (composizione, non overlay)
   ========================================================= */
.ado-painting-inlay{
  position:absolute; z-index:0; pointer-events:none; margin:0;
  inline-size:clamp(180px,20vw,360px); block-size:clamp(150px,22vh,300px);
  overflow:hidden; border-radius:2px;
  border:1px solid rgba(201,164,92,.26);
  box-shadow:0 26px 64px rgba(10,8,6,.30), inset 0 0 0 5px rgba(244,239,230,.06);
  transform:rotate(-1.4deg); opacity:.26;
  filter:sepia(.18) saturate(.92) contrast(1.03) brightness(.95);
}
.ado-painting-inlay::after{ /* velatura calda che lega il dipinto alla stanza */
  content:""; position:absolute; inset:0;
  background:linear-gradient(155deg,rgba(90,58,34,.28),rgba(16,35,31,.34)); mix-blend-mode:multiply;
}
.ado-painting-inlay img,.ado-painting-inlay picture{ width:100%; height:100%; object-fit:cover; display:block; }
.ado-painting-inlay--vertical{ inline-size:clamp(120px,12vw,210px); block-size:clamp(260px,42vh,520px); transform:rotate(-1deg); }
.ado-painting-inlay--cta{ right:clamp(-26px,-2vw,-8px); bottom:-22px; opacity:.22; transform:rotate(1.4deg); }
.ado-painting-inlay--footer{ left:clamp(-30px,-3vw,-10px); top:-26px; inline-size:clamp(240px,28vw,460px); opacity:.20; }
.ado-painting-inlay--profile{ right:-18px; top:-20px; inline-size:clamp(150px,16vw,300px); opacity:.24; transform:rotate(1.8deg); }
.ado-painting-inlay--practice{ left:-22px; bottom:-18px; opacity:.22; }
.ado-painting-inlay--insight{ right:-16px; top:-14px; inline-size:clamp(110px,12vw,190px); block-size:clamp(110px,14vh,190px); opacity:.22; }

/* contenitori che ospitano dipinti restano sopra col testo */
.art-final-cta,.ado-art-panel,.professional-profile__item,
.insight-card,.related-card,.editorial-ledger__item{ position:relative; }
.art-final-cta>*:not(.ado-painting-inlay),
.ado-art-panel>*:not(.ado-painting-inlay){ position:relative; z-index:2; }

/* =========================================================
   3 · CTA FINALI — micro-quadri (dipinto reale + cornice calda)
   ========================================================= */
.art-final-cta,.ado-art-panel--cta{
  position:relative; isolation:isolate; overflow:hidden;
  border-radius:4px;
  border:1px solid rgba(201,164,92,.22);
  box-shadow:0 34px 90px rgba(10,8,6,.34), inset 0 0 0 1px rgba(244,239,230,.05);
}
.art-final-cta::before{ /* scrim caldo per leggibilità: NON copre il dipinto per-pagina esistente */
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(10,8,6,.34) 0%, rgba(10,8,6,.18) 40%, rgba(16,35,31,.52) 100%);
}
/* CTA scure senza pannello (signature-spotlight): il dipinto-canvas fa da scena */
.archive-grid-dark.art-final-cta::before,
.section--ink.art-final-cta::before,
.signature-spotlight.art-final-cta::before{
  background:
    linear-gradient(180deg,rgba(10,8,6,.62),rgba(16,35,31,.72)),
    var(--vg-paint-canvas) center/cover no-repeat;
  background-blend-mode:multiply,normal;
  filter:sepia(.22) saturate(.92) contrast(1.03) brightness(.92);
}
.art-final-cta::after{ /* taglio pittorico laterale (panel) come accento */
  content:""; position:absolute; z-index:1; right:-4%; bottom:-12%;
  width:42%; height:124%; pointer-events:none; opacity:.30; transform:rotate(2deg);
  background:var(--vg-paint-panel) center/cover no-repeat;
  filter:sepia(.2) saturate(.92) contrast(1.03) brightness(.86);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);
          mask-image:linear-gradient(90deg,transparent,#000 60%);
}
.art-final-cta>*{ position:relative; z-index:2; }
.art-final-cta, .art-final-cta :is(h2,h3,p,.monet-label,a){ color:var(--vg-avorio); }
.art-final-cta .monet-label{ color:var(--vg-oro-luce); }

/* =========================================================
   4 · CARD — tele (fondo avorio/pergamena, accento dipinto, cornice calda)
   ========================================================= */
.ado-art-panel:not(.ado-art-panel--cta),
.professional-profile__item,
.insight-card,.related-card,.editorial-card,.practice-card,
.service-card,.value-card,.monet-card,.activity-item,
.insights-teaser,.editorial-ledger__item{
  position:relative; isolation:isolate; overflow:hidden;
  border-radius:4px;
  background:
    linear-gradient(180deg,rgba(244,239,230,.5),rgba(234,217,189,.28)),
    var(--vg-avorio);
  border:1px solid rgba(143,109,61,.20);
  box-shadow:0 18px 46px rgba(10,8,6,.12), inset 0 1px 0 rgba(255,255,255,.5);
}
/* filo oro verticale come firma editoriale */
.ado-art-panel:not(.ado-art-panel--cta)::before,
.insight-card::before,.related-card::before,.practice-card::before,
.editorial-ledger__item::before,.professional-profile__item::before{
  content:""; position:absolute; left:0; top:14%; bottom:14%; width:2px; z-index:1;
  background:linear-gradient(180deg,transparent,var(--vg-oro) 22%,var(--vg-bronzo) 78%,transparent);
}
/* accento pittorico laterale tenue (taglio di tela) */
.ado-art-panel:not(.ado-art-panel--cta)::after,
.insight-card::after,.related-card::after,.practice-card::after,
.monet-card::after,.editorial-ledger__item::after{
  content:""; position:absolute; z-index:0; right:-8%; top:-10%; width:46%; height:120%;
  pointer-events:none; opacity:.10; transform:rotate(1.5deg);
  background:var(--vg-paint-canvas) center/cover no-repeat;
  filter:sepia(.24) saturate(.9) contrast(1.02);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);
          mask-image:linear-gradient(90deg,transparent,#000 70%);
}
.ado-art-panel:not(.ado-art-panel--cta) *,
.insight-card *,.related-card *,.practice-card *,.editorial-ledger__item *,
.professional-profile__item *{ position:relative; z-index:2; }

/* (rimosso) vecchio sistema bottoni intermedio — regia unica: pennellata-sprite §A */

/* =========================================================
   6 · FOOTER — scena pittorica notturna calda e profonda
   ========================================================= */
.footer,.site-footer{
  position:relative; isolation:isolate; overflow:hidden;
  background:linear-gradient(180deg,var(--vg-petrolio) 0%,var(--vg-ebano) 62%,var(--vg-notte) 100%);
  border-top:1px solid rgba(201,164,92,.30);
}
.footer::before{ /* dipinto notturno integrato, profondo */
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.20;
  background:var(--vg-paint-panel) center/cover no-repeat;
  filter:sepia(.3) saturate(.78) contrast(1.04) brightness(.42) hue-rotate(-6deg);
  -webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.45));
          mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.45));
}
.footer::after{ /* luce calda da lume — niente stelle, niente glow */
  content:""; position:absolute; z-index:0; right:8%; top:-30%; width:60%; height:120%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(224,193,119,.16), transparent 70%);
}
.footer-inner,.footer>*{ position:relative; z-index:2; }
.footer a{ color:var(--vg-pergamena); text-decoration:none; transition:color .35s var(--vg-ease); }
.footer a:hover{ color:var(--vg-oro-luce); }
.footer a:not(.footer-logo)::after{ /* sottolineatura a pennello */
  content:""; display:block; height:1px; margin-top:2px; transform:scaleX(0); transform-origin:left;
  background:linear-gradient(90deg,var(--vg-oro),transparent); transition:transform .4s var(--vg-brush);
}
.footer a:not(.footer-logo):hover::after{ transform:scaleX(1); }

/* =========================================================
   7 · MENU FULLSCREEN — sala museale (sx tela chiara · dx quadro profondo)
   ========================================================= */
/* base split: vince su nav.css (var--surface) e artwork-round (radiali) */
body .menu-overlay{
  background:
    linear-gradient(100deg, var(--vg-avorio) 0%, var(--vg-pergamena) 38%, var(--vg-petrolio) 60%, var(--vg-ebano) 100%) !important;
}
/* quadro profondo a destra — su .menu-panel::before (layer libero, non toccato da artwork-round) */
.menu-overlay .menu-panel::before{
  content:""; position:fixed; top:0; bottom:0; right:0; width:46vw; z-index:0; pointer-events:none; opacity:.34;
  background:var(--vg-paint-panel) center/cover no-repeat;
  filter:sepia(.3) saturate(.8) contrast(1.05) brightness(.52);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 56%); mask-image:linear-gradient(90deg,transparent,#000 56%);
}
/* velatura chiara di tela a sinistra — su .menu-panel::after */
.menu-overlay .menu-panel::after{
  content:""; position:fixed; top:0; bottom:0; left:0; width:52vw; z-index:0; pointer-events:none; opacity:.12;
  background:var(--vg-paint-canvas) center/cover no-repeat;
  filter:sepia(.18) saturate(.9) brightness(1.06);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent); mask-image:linear-gradient(90deg,#000,transparent);
}
.menu-panel{ position:relative; }
.menu-overlay .menu-panel>a{
  position:relative; z-index:2; text-decoration:none; transition:color .4s var(--vg-ease), letter-spacing .4s var(--vg-ease);
}
.menu-overlay .menu-panel>a::after{ /* sottolineatura a pennellata (vince su nav.css) */
  content:""; position:absolute; left:0; right:auto; bottom:.18rem; width:0; height:2px;
  background:linear-gradient(90deg,var(--vg-oro) 0%,var(--vg-bronzo) 70%,transparent);
  transition:width .42s var(--vg-brush);
}
.menu-overlay .menu-panel>a:hover::after,.menu-overlay .menu-panel>a:focus-visible::after{ width:100%; }
.menu-overlay .menu-panel>a:hover{ letter-spacing:.005em; }
.menu-panel-contact,.menu-panel-meta{ position:relative; z-index:2; }

/* =========================================================
   8 · PROFILO / PRACTICE — cornici editoriali artistiche
   ========================================================= */
.professional-profile__item{ padding-block:clamp(1rem,2vw,2rem); }
.lawyer-editorial-photo,.lawyer-photo-wrap,.professional-profile__photo{
  position:relative; border-radius:2px; box-shadow:0 22px 56px rgba(10,8,6,.26), inset 0 0 0 1px rgba(201,164,92,.22);
}
.lawyer-editorial-photo::after,.professional-profile__photo::after{
  content:""; position:absolute; inset:0; pointer-events:none; border:1px solid rgba(201,164,92,.28);
  box-shadow:inset 0 0 0 8px rgba(244,239,230,.06);
}

/* =========================================================
   9 · ACCESSIBILITÀ — focus, contrasto, motion
   ========================================================= */
a:focus-visible,button:focus-visible,.menu-panel>a:focus-visible,
.monet-cta-primary:focus-visible,.ado-handpaint-button:focus-visible{
  outline:2px solid var(--vg-oro); outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
  .menu-panel>a,.footer a,.ado-handpaint-button,.monet-cta-primary,.home-cta-primary,
  .cta-primary,.hero-cta,.btn-primary,.btn-white,.contact-submit,
  .monet-cta-primary::after,.footer a::after,.menu-panel>a::after{ transition:none !important; }
}

/* =========================================================
   10 · MOBILE — quadro che resta leggibile, mai appiattito
   ========================================================= */
@media (max-width:760px){
  .editorial-hero.has-video .editorial-hero-bg::after,
  .page-header-outer.has-video .editorial-hero-bg::after{
    opacity:.16; width:48vw; height:22vh; right:-8vw; bottom:4vh; transform:rotate(-1deg);
  }
  .ado-painting-inlay{ opacity:.20; inline-size:42vw; block-size:20vh; }
  .ado-painting-inlay--vertical{ inline-size:30vw; block-size:30vh; }
  .art-final-cta::after{ opacity:.16; right:-18%; width:68%; }
  .footer::before{ opacity:.16; }
  .footer::after{ opacity:.8; }
  body .menu-overlay{ background:linear-gradient(180deg, var(--vg-avorio) 0%, var(--vg-pergamena) 42%, var(--vg-petrolio) 70%, var(--vg-ebano) 100%) !important; }
  .menu-overlay .menu-panel::before{ width:100vw; top:auto; bottom:0; height:46vh; opacity:.26; -webkit-mask-image:linear-gradient(180deg,transparent,#000 58%); mask-image:linear-gradient(180deg,transparent,#000 58%); }
  .menu-overlay .menu-panel::after{ width:100vw; bottom:auto; top:0; height:52vh; -webkit-mask-image:linear-gradient(180deg,#000,transparent); mask-image:linear-gradient(180deg,#000,transparent); }
  .ado-art-panel:not(.ado-art-panel--cta)::after,
  .insight-card::after,.related-card::after,.practice-card::after,.monet-card::after{ opacity:.07; }
  .ado-handpaint-button,.monet-cta-primary,.home-cta-primary,.cta-primary,
  .hero-cta,.btn-primary,.btn-white,.contact-submit{
    white-space:normal; text-align:center; min-height:48px; padding:.9rem 1.3rem; font-size:.66rem; letter-spacing:.13em;
  }
}

/* =========================================================
   §MW · MEGA WOW — pennellate reali, opere integrate, regia unica
   (ultimo blocco: domina su atmosfera base e sistema museale v1)
   ========================================================= */

/* --- A · BOTTONI = PENNELLATE REALI (sprite trasparente estratto da pennellata vera) ---
   regia unica: il bottone è trasparente e ospita SOLO il testo (sempre nitido).
   La pennellata è lo sprite reale ado-brush-real-*.webp — sagoma irregolare, bordi
   asciutti e code organiche GIÀ nel file, niente maschera geometrica. Mostrato nel
   ::before dietro al testo. Solo pennellata reale: nessun rettangolo, nessun bordo arrotondato. */
.ado-brush-button,.ado-handpaint-button,
.monet-cta-primary,.home-cta-primary,.cta-primary,.hero-cta,.btn-primary,.btn-accent,.button-primary,.contact-submit,.intake-submit,.art-final-cta a,.cta-section a,
.monet-cta-secondary,.home-cta-secondary,.cta-secondary,.btn-secondary,.btn-outline,.btn-white,
button[type="submit"],input[type="submit"]{
  position:relative; isolation:isolate; overflow:visible;
  display:inline-flex; align-items:center; justify-content:center;
  min-height:72px; padding:1rem 3rem; margin:4px 0;
  border:0 !important; background:transparent !important; box-shadow:none !important;
  color:#241a0a !important; text-decoration:none !important;
  text-transform:uppercase; letter-spacing:.14em; font-size:.74rem; font-weight:700; line-height:1.1; white-space:nowrap;
  text-shadow:0 0 5px rgba(255,251,242,.92), 0 0 11px rgba(255,250,238,.65), 0 1px 1px rgba(255,255,255,.6);
  transition:transform .45s cubic-bezier(.16,1,.3,1), filter .45s ease;
}
/* PRIMARIA = sprite ORO reale */
.ado-brush-button::before,.ado-handpaint-button::before,
.monet-cta-primary::before,.home-cta-primary::before,.cta-primary::before,.hero-cta::before,
.btn-primary::before,.btn-accent::before,.button-primary::before,
.contact-submit::before,.intake-submit::before,.art-final-cta a::before,.cta-section a::before,
button[type="submit"]::before,input[type="submit"]::before{
  content:""; position:absolute; z-index:-1; left:50%; top:50%;
  width:calc(100% + 132px); min-width:392px; height:138px;
  transform:translate(-50%,-50%);
  background-image:url("/assets/img/ui/ado-brush-real-gold-v200.png");
  background-image:-webkit-image-set(url("/assets/img/ui/ado-brush-real-gold-v200.webp") type("image/webp"), url("/assets/img/ui/ado-brush-real-gold-v200.png") type("image/png"));
  background-image:image-set(url("/assets/img/ui/ado-brush-real-gold-v200.webp") type("image/webp"), url("/assets/img/ui/ado-brush-real-gold-v200.png") type("image/png"));
  background-repeat:no-repeat; background-position:center; background-size:contain;
  filter:drop-shadow(0 13px 22px rgba(10,8,6,.30));
  pointer-events:none;
}
/* SECONDARIA = sprite AVORIO reale */
.monet-cta-secondary,.home-cta-secondary,.cta-secondary,.btn-secondary,.btn-outline,.btn-white{
  color:#2a200f !important; text-shadow:0 1px 0 rgba(255,253,247,.78);
}
.monet-cta-secondary::before,.home-cta-secondary::before,.cta-secondary::before,.btn-secondary::before,.btn-outline::before,.btn-white::before{
  content:""; position:absolute; z-index:-1; left:50%; top:50%;
  width:calc(100% + 132px); min-width:392px; height:138px;
  transform:translate(-50%,-50%);
  background-image:url("/assets/img/ui/ado-brush-real-ivory-v200.png");
  background-image:-webkit-image-set(url("/assets/img/ui/ado-brush-real-ivory-v200.webp") type("image/webp"), url("/assets/img/ui/ado-brush-real-ivory-v200.png") type("image/png"));
  background-image:image-set(url("/assets/img/ui/ado-brush-real-ivory-v200.webp") type("image/webp"), url("/assets/img/ui/ado-brush-real-ivory-v200.png") type("image/png"));
  background-repeat:no-repeat; background-position:center; background-size:contain;
  filter:drop-shadow(0 12px 20px rgba(10,8,6,.24));
  pointer-events:none;
}
/* hover: la pennellata si solleva, il pigmento si ravviva */
.ado-brush-button:hover,.ado-handpaint-button:hover,
.monet-cta-primary:hover,.home-cta-primary:hover,.cta-primary:hover,.hero-cta:hover,.btn-primary:hover,.btn-accent:hover,
.button-primary:hover,.contact-submit:hover,.intake-submit:hover,.art-final-cta a:hover,.cta-section a:hover,
.monet-cta-secondary:hover,.home-cta-secondary:hover,.cta-secondary:hover,.btn-secondary:hover,.btn-outline:hover,.btn-white:hover,
button[type="submit"]:hover,input[type="submit"]:hover{ transform:translateY(-2px); }
.ado-brush-button:hover::before,.ado-handpaint-button:hover::before,
.monet-cta-primary:hover::before,.home-cta-primary:hover::before,.cta-primary:hover::before,.hero-cta:hover::before,
.btn-primary:hover::before,.btn-accent:hover::before,.button-primary:hover::before,
.contact-submit:hover::before,.intake-submit:hover::before,.art-final-cta a:hover::before,.cta-section a:hover::before,
.monet-cta-secondary:hover::before,.home-cta-secondary:hover::before,.cta-secondary:hover::before,.btn-secondary:hover::before,.btn-outline:hover::before,.btn-white:hover::before,
button[type="submit"]:hover::before,input[type="submit"]:hover::before{
  filter:drop-shadow(0 16px 26px rgba(10,8,6,.34)) saturate(1.05) brightness(1.04); }
/* focus accessibile (outline non clippato dalla maschera) */
.monet-cta-primary:focus-visible,.monet-cta-secondary:focus-visible,.home-cta-primary:focus-visible,
.home-cta-secondary:focus-visible,.hero-cta:focus-visible,.btn-accent:focus-visible,.btn-white:focus-visible,
.btn-outline:focus-visible,.intake-submit:focus-visible,.cta-primary:focus-visible,.cta-secondary:focus-visible,
.btn-primary:focus-visible,.btn-secondary:focus-visible,.button-primary:focus-visible,.contact-submit:focus-visible,
.ado-handpaint-button:focus-visible,.art-final-cta a:focus-visible,.cta-section a:focus-visible{ outline:2px solid var(--vg-oro); outline-offset:5px; }
@media (prefers-reduced-motion:reduce){
  .monet-cta-primary,.monet-cta-secondary,.btn-white,.intake-submit,.home-cta-primary,.home-cta-secondary,.btn-outline,.hero-cta,.btn-accent{ transition:none !important; }
}

/* --- B · OPERE IMPRESSIONISTE REALI PER MACRO-AREA (taglio pittorico hero) --- */
.editorial-hero{ --area-paint:var(--vg-paint-panel); }
.editorial-hero--crisi{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-monet-gare-crop.webp"); }
.editorial-hero--sovraindebitamento{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-sisley-landscape-crop.webp"); }
.editorial-hero--societario{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-caillebotte-parigi-crop.webp"); }
.editorial-hero--studio{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-renoir-canottieri-crop.webp"); }
.editorial-hero--professionisti{ --area-paint:url("/assets/img/impressionismo/ritratti/ado-impr-portrait-manet-morisot-crop.webp"); }
.editorial-hero--contatti{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-manet-balcone-crop.webp"); }
.editorial-hero--journal{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-pissarro-city-crop.webp"); }
/* mappa tematica completa §9 — nessun hero ricade nel pannello generico */
.editorial-hero--home{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-renoir-galette-crop.webp"); }
/* crisi · liquidazioni · concordati → luce fredda controllata (Monet Gare/neve/soleil) */
.editorial-hero--liquidazione-giudiziale{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-monet-snow-crop.webp"); }
.editorial-hero--liquidazione-controllata{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-monet-snow-crop.webp"); }
.editorial-hero--concordato-preventivo{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-monet-gare-crop.webp"); }
.editorial-hero--concordato-minore{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-monet-gare-crop.webp"); }
.editorial-hero--segnali{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-pissarro-city-crop.webp"); }
.editorial-hero--esiti{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-monet-soleil-crop.webp"); }
.editorial-hero--istanza-camera,.editorial-hero--istanza{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-monet-gare-crop.webp"); }
.editorial-hero--piano-ristrutturazione{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-monet-gare-crop.webp"); }
.editorial-hero--piano-attestato{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-monet-snow-crop.webp"); }
/* societario · governance · assetti · responsabilità → ordine/architettura (Caillebotte) */
.editorial-hero--governance{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-caillebotte-parigi-crop.webp"); }
.editorial-hero--assetti{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-caillebotte-piallatori-crop.webp"); }
.editorial-hero--responsabilita{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-caillebotte-piallatori-crop.webp"); }
/* M&A · contrattualistica · patti → negoziazione/precisione (Manet) */
.editorial-hero--ma{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-manet-balcone-crop.webp"); }
.editorial-hero--contrattualistica{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-manet-balcone-crop.webp"); }
.editorial-hero--patti{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-manet-balcone-crop.webp"); }
/* composizione · accordi · esperto · misure protettive → metodo/movimento (Degas) */
.editorial-hero--composizione{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-degas-danza-crop.webp"); }
.editorial-hero--accordi{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-degas-danza-crop.webp"); }
.editorial-hero--ruolo-esperto{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-degas-danza-crop.webp"); }
.editorial-hero--misure-protettive{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-degas-danza-crop.webp"); }
/* sovraindebitamento · consumatore · esdebitazione → prossimità/ripartenza (Morisot/Cassatt) */
.editorial-hero--piano-consumatore{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-cassatt-tea-crop.webp"); }
.editorial-hero--esdebitazione{ --area-paint:url("/assets/img/impressionismo/opere/ado-impr-morisot-culla-crop.webp"); }
.editorial-hero.has-video .editorial-hero-bg::after,
.page-header-outer.has-video .editorial-hero-bg::after{
  background:linear-gradient(150deg,rgba(90,58,34,.22),rgba(16,35,31,.40)), var(--area-paint) center/cover no-repeat;
  background-blend-mode:multiply,normal;
}

/* --- C · FOOTER = scena impressionista reale (Monet, notturna calda) --- */
.footer::before,.site-footer::before{
  background:url("/assets/img/impressionismo/opere/ado-impr-monet-soleil-crop.webp") center/cover no-repeat !important;
  filter:sepia(.30) saturate(.82) contrast(1.05) brightness(.42) !important; opacity:.26 !important;
  -webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.4)); mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.4));
}

/* --- D · MENU = opera reale nel pannello profondo a destra --- */
.menu-overlay .menu-panel::before{
  background:url("/assets/img/impressionismo/opere/ado-impr-monet-water-crop.webp") center/cover no-repeat;
  filter:sepia(.3) saturate(.82) contrast(1.05) brightness(.5);
}

/* --- E · CONTATTI = intake su carta/tela, submit a pennellata, esito a cartiglio --- */
.intake-form{ position:relative; isolation:isolate; }
.intake-field input,.intake-field select,.intake-field textarea,
.intake-form input[type=text],.intake-form input[type=email],.intake-form input[type=tel],
.intake-form select,.intake-form textarea{
  background:rgba(234,217,189,.42); border:1px solid rgba(143,109,61,.42); border-radius:2px;
  color:#1a140d; padding:.85rem 1rem; transition:border-color .3s ease,background .3s ease,box-shadow .3s ease;
}
.intake-form input:focus,.intake-form select:focus,.intake-form textarea:focus{
  outline:none; border-color:var(--vg-oro); background:rgba(244,239,230,.85); box-shadow:0 0 0 3px rgba(201,164,92,.18);
}
.intake-form input::placeholder,.intake-form textarea::placeholder{ color:rgba(26,20,13,.46); }
.form-success-banner{
  background:linear-gradient(180deg, rgba(234,217,189,.92), rgba(176,182,166,.5));
  border:1px solid rgba(143,109,61,.5); border-left:3px solid #7c8a6e;
  color:#10231F; border-radius:2px; padding:1rem 1.2rem; box-shadow:0 14px 36px rgba(10,8,6,.14);
}

/* --- F · PROFESSIONISTI = galleria di ritratti (più respiro, meno colonne strette) --- */
.lawyer-editorial.signature-card{ max-width:min(100% - 3rem, 1200px); margin-inline:auto; }
.lawyer-editorial-photo,.lawyer-photo-wrap{ box-shadow:0 26px 64px rgba(10,8,6,.30), inset 0 0 0 1px rgba(201,164,92,.26); }

/* --- G · ANTI-SLAVATO: materia calda sulle sezioni chiare --- */
.section--paper,.archive-grid-light,.decision-notes,.faq-end{ position:relative; isolation:isolate; }
.section--paper::after,.archive-grid-light::after,.decision-notes::after,.faq-end::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.07;
  background:url("/assets/img/impressionismo/ado-impressionismo-canvas-1200.webp") center/cover no-repeat;
  mix-blend-mode:multiply; filter:sepia(.3) saturate(.85) contrast(1.02);
}
.section--paper>*,.archive-grid-light>*,.decision-notes>*,.faq-end>*{ position:relative; z-index:1; }

/* --- H · MOBILE megawow --- */
@media (max-width:760px){
  .monet-cta-primary,.home-cta-primary,.hero-cta,.btn-accent,.btn-white,.intake-submit,
  .monet-cta-secondary,.home-cta-secondary,.btn-outline{ min-height:54px; padding:.95rem 1.9rem; font-size:.65rem; letter-spacing:.12em; }
  .section--paper::after,.archive-grid-light::after,.decision-notes::after,.faq-end::after{ opacity:.05; }
}

/* =========================================================
   §MW-RIT · RITRATTI IMPRESSIONISTI come velature/cornici museali
   (mai sostituiscono le foto reali dei professionisti)
   ========================================================= */
.lawyer-editorial.signature-card,.professional-profile__item,.intake-form{ position:relative; isolation:isolate; }
.lawyer-editorial.signature-card::after,.professional-profile__item::after{
  content:""; position:absolute; z-index:0; right:-2%; top:-6%;
  width:clamp(120px,14vw,230px); height:clamp(150px,20vh,290px);
  pointer-events:none; opacity:.15; transform:rotate(2deg);
  background:var(--rit) center/cover no-repeat;
  filter:sepia(.2) saturate(.88) contrast(1.03) brightness(.95);
  -webkit-mask-image:linear-gradient(120deg,transparent,#000 72%); mask-image:linear-gradient(120deg,transparent,#000 72%);
}
.lawyer-editorial.signature-card{ --rit:url("/assets/img/impressionismo/ritratti/ado-impr-portrait-renoir-samary-crop.webp"); }
.professional-profile__item:nth-of-type(2n){ --rit:url("/assets/img/impressionismo/ritratti/ado-impr-portrait-degas-duranty-crop.webp"); }
.professional-profile__item:nth-of-type(2n+1){ --rit:url("/assets/img/impressionismo/ritratti/ado-impr-portrait-pissarro-crop.webp"); }
.lawyer-editorial.signature-card>*,.professional-profile__item>*{ position:relative; z-index:1; }
.intake-form::after{
  content:""; position:absolute; z-index:0; right:-3%; bottom:-4%;
  width:clamp(120px,13vw,210px); height:clamp(150px,20vh,260px);
  pointer-events:none; opacity:.12; transform:rotate(-2deg);
  background:url("/assets/img/impressionismo/ritratti/ado-impr-portrait-cezanne-crop.webp") center/cover no-repeat;
  filter:sepia(.2) saturate(.88) contrast(1.03);
  -webkit-mask-image:linear-gradient(120deg,transparent,#000 72%); mask-image:linear-gradient(120deg,transparent,#000 72%);
}
.intake-form>*{ position:relative; z-index:1; }
@media (max-width:760px){
  .lawyer-editorial.signature-card::after,.professional-profile__item::after,.intake-form::after{ opacity:.09; width:36vw; height:20vh; }
}

/* =========================================================
   §MW-J · GRIGLIA JOURNAL (approfondimenti IT) — tele museali in griglia
   (scoped a .insights-grid; en/insights mantiene il suo <style> inline)
   ========================================================= */
.insights-grid{ display:grid; grid-template-columns:1fr; gap:2rem; max-width:920px; margin-inline:auto; padding-block:.5rem 2.5rem; }
@media (min-width:920px){ .insights-grid{ grid-template-columns:1fr 1fr; gap:2.3rem; max-width:1140px; } }
.insights-grid .insight-card{ padding:1.9rem 2.1rem; overflow:hidden; }
.insights-grid .insight-kicker{ display:block; color:var(--ado-bronzo); font-size:.62rem; letter-spacing:.2em; text-transform:uppercase; margin-bottom:.7rem; }
.insights-grid .insight-title{ font-size:clamp(1.35rem,2.3vw,1.85rem); line-height:1.14; margin:.1rem 0 .6rem; }
.insights-grid .insight-title a{ color:var(--ado-petrolio); text-decoration:none; transition:color .3s ease; }
.insights-grid .insight-title a:hover{ color:var(--ado-bronzo); }
.insights-grid .insight-lead{ font-size:.98rem; line-height:1.6; color:#3a322a; margin:0 0 1rem; }
.insights-grid .insight-cta a{ color:var(--ado-bronzo); text-decoration:none; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; transition:color .3s ease; }
.insights-grid .insight-cta a:hover{ color:var(--ado-oro); }
.insights-grid .ado-painting-inlay--insight{ right:-12px; top:-12px; opacity:.20; }

/* =========================================================
   §RESCUE · 120/100 — materia, leggibilità, calore (ultimo blocco, domina)
   ========================================================= */
/* R1 · MANIFESTO = quadro scuro leggibile + pannello riempito da Monet reale */
.ado-art-panel--manifesto{
  background:linear-gradient(135deg,#13302A 0%,#0E211C 55%,#0A0806 100%) !important;
  border:1px solid rgba(201,164,92,.30) !important;
  box-shadow:0 30px 80px rgba(8,16,14,.34), inset 0 0 0 1px rgba(201,164,92,.12) !important;
}
.ado-art-panel--manifesto::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background:url("/assets/img/impressionismo/opere/ado-impr-monet-water-crop.webp") center/cover no-repeat;
  filter:sepia(.30) saturate(.82) contrast(1.05) brightness(.62);
  -webkit-mask-image:linear-gradient(95deg,transparent 4%,#000 56%); mask-image:linear-gradient(95deg,transparent 4%,#000 56%);
}
.ado-art-panel--manifesto::after{ background:linear-gradient(180deg,rgba(8,16,14,.30),rgba(8,16,14,.12)) !important; }
.ado-art-panel--manifesto .ado-art-panel__content{ position:relative; z-index:2; }
.ado-art-panel--manifesto .monet-label{ color:var(--ado-hay-gold,#D5B25F) !important; }
.ado-art-panel--manifesto h2{ color:#F4EFE6 !important; text-shadow:0 1px 0 rgba(0,0,0,.45); }
.ado-art-panel--manifesto h2 em{ color:var(--vg-oro,#C9A45C) !important; }
.ado-art-panel--manifesto p{ color:rgba(244,239,230,.86) !important; }

/* R2 · SEZIONI CHIARE = tela calda con materia (basta slavato/freddo) */
.ado-wash--fog,.ado-wash--pearl,.ado-wash--slate-mist,.ado-wash--lavender-fog,
.ado-wash--celadon,.ado-wash--crisis-fog,.ado-wash--morning-water{
  position:relative; isolation:isolate;
  background:linear-gradient(180deg,#ECE7DB 0%,#E4DCCB 100%) !important;
}
.ado-wash--fog::before,.ado-wash--pearl::before,.ado-wash--slate-mist::before,.ado-wash--lavender-fog::before,
.ado-wash--celadon::before,.ado-wash--crisis-fog::before,.ado-wash--morning-water::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.16;
  background:url("/assets/img/impressionismo/ado-impressionismo-canvas-1200.webp") center/cover;
  mix-blend-mode:multiply; filter:sepia(.4) saturate(.8) contrast(1.04);
}
.ado-wash--fog>*,.ado-wash--pearl>*,.ado-wash--slate-mist>*,.ado-wash--lavender-fog>*,
.ado-wash--celadon>*,.ado-wash--crisis-fog>*,.ado-wash--morning-water>*{ position:relative; z-index:1; }
.monet-section.has-rail::after{ content:""; position:absolute; left:0; top:0; width:34%; height:2px; z-index:2;
  background:linear-gradient(90deg,var(--vg-oro,#C9A45C),transparent); }

/* R3 · CARD PROFESSIONISTI = cornice museale */
.professional-profile__item{ position:relative; background:linear-gradient(180deg,rgba(245,240,232,.72),rgba(232,224,208,.55)); border:1px solid rgba(143,109,61,.30); }
.professional-profile__photo img,.professional-profile__photo{ box-shadow:0 16px 40px rgba(10,8,6,.26), inset 0 0 0 1px rgba(201,164,92,.3); }

/* R4 · FOOTER = scena pittorica più profonda */
.footer,.site-footer{ position:relative; isolation:isolate; }
.footer::before,.site-footer::before{ opacity:.36 !important; filter:sepia(.32) saturate(.9) contrast(1.08) brightness(.5) !important; }
.footer::after,.site-footer::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(130% 90% at 16% -10%, rgba(201,164,92,.12), transparent 58%);
  border-top:1px solid rgba(201,164,92,.24); }
.footer>*,.site-footer>*{ position:relative; z-index:1; }

/* R5 · HERO VIDEO = grado caldo (no cobalto) + crop bordo (no artefatto di loop) */
.editorial-hero-video,.editorial-hero-fallback,.page-header-outer video{
  transform:scale(1.06); transform-origin:50% 38%;
  filter:sepia(.40) saturate(.80) contrast(1.06) brightness(.9);
}

/* R6 · SUBMIT — coperto dal sistema pennellata-sprite §A; qui solo il focus */
button[type="submit"]:focus-visible,input[type="submit"]:focus-visible{ outline:2px solid var(--vg-oro,#C9A45C); outline-offset:5px; }

@media (max-width:760px){
  .editorial-hero-video,.editorial-hero-fallback{ transform:scale(1.04); }
  .ado-wash--fog::before,.ado-wash--pearl::before,.ado-wash--slate-mist::before,.ado-wash--lavender-fog::before,
  .ado-wash--celadon::before,.ado-wash--crisis-fog::before,.ado-wash--morning-water::before{ opacity:.10; }
}

/* =========================================================
   §R7 · PROFESSIONISTI = galleria ariosa (il wrapper .section--narrow comprimeva la bio)
   ========================================================= */
.section--narrow:has(.lawyer-editorial),
.section--narrow:has(.partner-strip){ max-width:min(100% - 3rem, 1180px) !important; width:100% !important; margin-inline:auto !important; }
.lawyer-editorial.signature-card{ max-width:100% !important; }
.lawyer-editorial{ grid-template-columns:minmax(280px,350px) minmax(0,1fr) !important; gap:clamp(2rem,4vw,3.6rem) !important; align-items:start; }
.lawyer-editorial-photo{ max-width:350px !important; width:100% !important; }
.lawyer-editorial-body{ max-width:none !important; }
.lawyer-editorial-bio,.lawyer-editorial-bio p,.lawyer-editorial-body p,.lawyer-editorial-statement{ max-width:70ch !important; }
/* partner-strip (antonio/paola) più ampio e arioso */
.partner-strip{ grid-template-columns:minmax(220px,300px) minmax(0,1fr) !important; gap:clamp(2rem,4vw,3.4rem) !important; max-width:1080px !important; }
.partner-statement,.partner-strip p{ max-width:70ch !important; }
@media (max-width:760px){
  .lawyer-editorial{ grid-template-columns:1fr !important; }
  .lawyer-editorial-photo{ max-width:320px !important; }
  .partner-strip{ grid-template-columns:1fr !important; }
}

/* §R8 · link accento → caldo bronzo/oro (mai blu, coerenza palette) */
.u-link-accent,.lawyer-editorial-cta,.lawyer-editorial-more a,a.lawyer-email,.lawyer-editorial-meta a{ color:var(--ado-bronzo,#8F6D3D) !important; text-decoration-color:rgba(143,109,61,.5) !important; }
.u-link-accent:hover,.lawyer-editorial-cta:hover,a.lawyer-email:hover{ color:var(--vg-oro,#C9A45C) !important; }

/* =========================================================
   §L · PAGINE LEGALI — sobrie ma NON piatte (privacy/cookie/disclaimer)
   carta/tela calda come cartiglio museale su fondo profondo,
   velo impressionista freddo (Monet snow) in testa, fili bronzo.
   ========================================================= */
.legal-page{
  position:relative; isolation:isolate; overflow:hidden;
  max-width:min(100% - 3rem, 80ch) !important;
  margin:clamp(3rem,5vw,5.5rem) auto !important;
  padding:clamp(2.2rem,4vw,3.6rem) clamp(1.5rem,3.6vw,3.2rem) clamp(2.6rem,4vw,3.6rem) !important;
  background:linear-gradient(180deg, rgba(245,240,231,.975), rgba(236,228,213,.955)) !important;
  color:#2c2318 !important;
  border:1px solid rgba(143,109,61,.24);
  border-radius:2px;
  box-shadow:0 34px 90px rgba(10,8,6,.30), inset 0 0 0 1px rgba(201,164,92,.10);
}
.legal-page::before{ /* velo freddo, neve di Monet, leggerissimo */
  content:""; position:absolute; left:0; right:0; top:0; height:240px; z-index:0; pointer-events:none;
  background:url("/assets/img/impressionismo/opere/ado-impr-sisley-landscape-crop.webp") center top/cover no-repeat;
  filter:sepia(.20) saturate(.72) brightness(.94) contrast(1.02); opacity:.13;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent);
          mask-image:linear-gradient(180deg,#000,transparent);
}
.legal-page::after{ /* grana di tela quasi impercettibile */
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.05;
  background:var(--art-grain); background-size:130px;
}
.legal-page > *{ position:relative; z-index:1; }
.legal-page .legal-shell,.legal-page .legal-shell.flow{ max-width:none !important; margin:0 !important; color:inherit !important; }
.legal-page :is(p,li,dd,dt,td,small,address){ color:#2c2318 !important; }
.legal-page :is(h1,h2,h3,strong,b){ color:#10231F !important; }
.legal-page h1{ color:#0E1F1B !important; }
.legal-page h2{ position:relative; padding-bottom:.45rem; border-bottom:1px solid rgba(143,109,61,.30); }
.legal-page h2::after{ content:""; position:absolute; left:0; bottom:-1px; width:52px; height:2px;
  background:linear-gradient(90deg,var(--ado-oro),transparent); }
.legal-page a{ color:#7a5520 !important; text-decoration:underline; text-underline-offset:2px; }
.legal-page a:hover{ color:#5A3F12 !important; }
.legal-page > :last-child{ margin-bottom:0; }
@media (max-width:640px){
  .legal-page{ padding:clamp(1.5rem,6vw,2.2rem) clamp(1.1rem,5vw,1.6rem) !important; }
}

/* =========================================================
   §K · LINK INLINE — MAI BLU anche fuori da <main> (hero/lead/header)
   coerenza di palette: oro su scuro, bronzo su carta
   ========================================================= */
.editorial-hero a:not(.btn):not([class*="cta"]):not(.nav-logo):not(.parent-sticky-link):not(.nav-toggle),
.editorial-hero-copy a:not(.btn):not([class*="cta"]),
.page-lead a,
.page-header-outer a:not(.nav-logo):not([class*="cta"]):not(.nav-toggle){
  color:var(--vg-oro,#C9A45C) !important;
  text-decoration:underline; text-decoration-color:rgba(201,164,92,.5); text-underline-offset:2px;
}
.editorial-hero a:hover,.editorial-hero-copy a:hover,.page-lead a:hover{ color:#E6CC8A !important; }
/* rete di sicurezza: nessun link di contenuto resta blu di default */
.legal-page a,.faq-end a,.signature-card a:not(.btn):not([class*="cta"]){ color:#7a5520 !important; }

/* =========================================================
   §V200 · REGIA 200/100 — quadro navigabile pubblicabile
   Footer scena notturna · Aree = tre tele · Metodo = trittico museale
   (regia unica: tutto qui, nessun secondo file artistico)
   ========================================================= */

/* --- V200·A · FOOTER = scena notturna, non monolite -------------------- */
.footer::before,.site-footer::before{
  opacity:.52 !important;
  background:var(--vg-paint-canvas,url("/assets/img/impressionismo/ado-impressionismo-canvas-1200.webp")) center top/cover no-repeat !important;
  filter:sepia(.32) saturate(.94) contrast(1.06) brightness(.6) hue-rotate(-4deg) !important;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 58%,rgba(0,0,0,.22) 100%) !important;
          mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 58%,rgba(0,0,0,.22) 100%) !important;
}
.footer::after,.site-footer::after{
  background:radial-gradient(120% 86% at 82% -10%, rgba(226,194,120,.20), transparent 56%) !important;
}
/* lume caldo radente sul bordo superiore */
.footer,.site-footer{ box-shadow:inset 0 1px 0 rgba(201,164,92,.34); }

/* --- V200·B · AREE STRATEGICHE = tre tele con micro-crop impressionista -- */
#aree .monet-areas{ border-top:0 !important; display:grid; gap:clamp(.9rem,1.8vw,1.5rem); margin-top:1.6rem; }
#aree .monet-area{
  position:relative; isolation:isolate; overflow:hidden;
  display:grid !important; grid-template-columns:clamp(82px,11vw,138px) 1fr auto !important;
  align-items:center; gap:clamp(1.1rem,3vw,2.6rem);
  padding:clamp(1.3rem,2.2vw,1.95rem) clamp(1.5rem,2.6vw,2.4rem);
  border:1px solid rgba(143,109,61,.30); border-radius:2px;
  background:linear-gradient(180deg, rgba(247,242,233,.84), rgba(234,226,210,.62));
  box-shadow:0 16px 40px rgba(10,8,6,.14), inset 0 0 0 1px rgba(201,164,92,.12);
  transition:transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s ease, border-color .5s ease;
}
#aree .monet-area::before{ /* tela dipinta + velatura scura dietro il numerale chiaro */
  content:""; position:absolute; left:0; top:0; bottom:0; width:clamp(82px,11vw,138px); z-index:-1;
  background-size:cover; background-position:center; background-repeat:no-repeat;
  filter:sepia(.16) saturate(1.04) contrast(1.05) brightness(.84);
  -webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);
          mask-image:linear-gradient(90deg,#000 60%,transparent);
}
#aree .monet-area::after{ /* filo bronzo che separa la tela dal testo */
  content:""; position:absolute; left:clamp(82px,11vw,138px); top:16%; bottom:16%; width:1px; z-index:0;
  background:linear-gradient(180deg,transparent,rgba(201,164,92,.55),transparent);
}
#aree .monet-area:nth-child(1)::before{ background-image:linear-gradient(100deg,rgba(10,18,16,.55),rgba(10,18,16,.16) 58%,transparent),url("/assets/img/impressionismo/opere/ado-impr-monet-gare-crop.webp"); }
#aree .monet-area:nth-child(2)::before{ background-image:linear-gradient(100deg,rgba(10,18,16,.55),rgba(10,18,16,.16) 58%,transparent),url("/assets/img/impressionismo/opere/ado-impr-pissarro-city-crop.webp"); }
#aree .monet-area:nth-child(3)::before{ background-image:linear-gradient(100deg,rgba(10,18,16,.55),rgba(10,18,16,.16) 58%,transparent),url("/assets/img/impressionismo/opere/ado-impr-caillebotte-parigi-crop.webp"); }
#aree .monet-area__idx{
  position:relative; z-index:1; justify-self:center; align-self:center;
  font-family:var(--vg-serif,'Garamond Premier Pro',Georgia,serif);
  font-size:clamp(2rem,3.4vw,3.1rem); font-weight:600; font-style:italic;
  color:var(--vg-pergamena,#F4EFE6); text-shadow:0 2px 12px rgba(10,8,6,.6); letter-spacing:.01em;
}
#aree .monet-area__title{ color:#241c10; }
#aree .monet-area__lead{ color:#4a3f30; }
#aree .monet-area__arrow{ color:var(--ado-bronzo,#8F6D3D); transition:transform .4s ease,color .4s ease; }
#aree .monet-area:hover{ transform:translateY(-3px); border-color:rgba(201,164,92,.5);
  box-shadow:0 26px 64px rgba(10,8,6,.22), inset 0 0 0 1px rgba(201,164,92,.24); }
#aree .monet-area:hover .monet-area__arrow{ transform:translateX(7px); color:var(--vg-oro,#C9A45C); }
#aree .monet-area:hover .monet-area__title{ color:#1a140b; }
@media (max-width:760px){
  #aree .monet-area{ grid-template-columns:clamp(56px,15vw,84px) 1fr !important; gap:1rem; }
  #aree .monet-area__arrow{ display:none; }
  #aree .monet-area::before{ width:clamp(56px,15vw,84px); }
  #aree .monet-area::after{ left:clamp(56px,15vw,84px); }
  #aree .monet-area__idx{ font-size:1.7rem; }
}

/* --- V200·C · METODO = trittico museale (tre pannelli, non scolastico) --- */
.monet-section .monet-method{ position:relative; }
.monet-section .monet-method .monet-step{
  position:relative; isolation:isolate;
  padding:clamp(1.25rem,2vw,1.85rem) clamp(1.1rem,1.7vw,1.5rem) clamp(1.4rem,2vw,1.9rem);
  background:linear-gradient(180deg, rgba(247,242,233,.6), rgba(235,227,212,.32));
  border:1px solid rgba(143,109,61,.24); border-radius:2px;
  box-shadow:inset 0 0 0 1px rgba(201,164,92,.10), 0 12px 30px rgba(10,8,6,.08);
}
.monet-section .monet-method .monet-step__num{
  font-family:var(--vg-serif,'Garamond Premier Pro',Georgia,serif);
  font-style:italic; color:var(--ado-bronzo,#8F6D3D);
  font-size:clamp(1.8rem,3vw,2.7rem); line-height:1;
  padding-bottom:.4rem; margin-bottom:.7rem; display:inline-block;
  border-bottom:1px solid rgba(201,164,92,.34);
}
.monet-section .monet-method .monet-step__title{ color:#241c10; }
.monet-section .monet-method .monet-step__text{ color:#4a3f30; }

/* =========================================================
   §MA200 · SISTEMA monet-area GLOBALE (v200-publish)
   Ogni riquadro/card/list-item del sito è ora ricondotto al sistema monet-area.
   I box reconducti ricevono una "lama" laterale impressionista (opera reale ritagliata),
   senza riscrivere l'HTML interno: nessun box beige piatto, nessuna card SaaS.
   ledger/insight/profile mantengono la loro regia pittorica già esistente.
   ========================================================= */
:root{
  --moa-1:url("/assets/img/impressionismo/opere/ado-impr-monet-gare-crop.webp");
  --moa-2:url("/assets/img/impressionismo/opere/ado-impr-sisley-landscape-crop.webp");
  --moa-3:url("/assets/img/impressionismo/opere/ado-impr-caillebotte-parigi-crop.webp");
  --moa-4:url("/assets/img/impressionismo/opere/ado-impr-degas-danza-crop.webp");
  --moa-5:url("/assets/img/impressionismo/opere/ado-impr-pissarro-city-crop.webp");
  --moa-6:url("/assets/img/impressionismo/opere/ado-impr-renoir-galette-crop.webp");
  --moa-7:url("/assets/img/impressionismo/opere/ado-impr-monet-snow-crop.webp");
}
/* gruppo "lama" — varianti senza pseudo preesistenti */
.monet-area--tool,.monet-area--value,.monet-area--when,.monet-area--activity,
.monet-area--diff,.monet-area--intake,.monet-area--faq,.monet-area--risk,
.monet-area--teaser,.monet-area--related{
  position:relative; isolation:isolate;
  padding-inline-start:clamp(22px,2.2vw,34px);
}
.monet-area--tool::after,.monet-area--value::after,.monet-area--when::after,
.monet-area--activity::after,.monet-area--diff::after,.monet-area--intake::after,
.monet-area--faq::after,.monet-area--risk::after,.monet-area--teaser::after,
.monet-area--related::after{
  content:""; position:absolute; left:0; top:14%; bottom:14%;
  width:clamp(9px,0.9vw,14px);
  background-image:var(--monet-area-img,var(--moa-1));
  background-size:cover; background-position:center; border-radius:1px;
  opacity:.95; filter:saturate(1.04) contrast(1.02);
  -webkit-mask-image:linear-gradient(90deg,#000 56%,transparent);
          mask-image:linear-gradient(90deg,#000 62%,transparent);
  box-shadow:0 1px 7px rgba(20,16,10,.10);
  pointer-events:none; z-index:0;
}
.monet-area--tool:hover::after,.monet-area--value:hover::after,.monet-area--when:hover::after,
.monet-area--activity:hover::after,.monet-area--diff:hover::after,.monet-area--intake:hover::after,
.monet-area--faq:hover::after,.monet-area--risk:hover::after,.monet-area--teaser:hover::after,
.monet-area--related:hover::after{ opacity:1; filter:saturate(1.1) contrast(1.04) brightness(1.03); top:9%; bottom:9%; }
/* immagine tematica base per variante */
.monet-area--tool{ --monet-area-img:var(--moa-4); }
.monet-area--value{ --monet-area-img:var(--moa-6); }
.monet-area--when{ --monet-area-img:var(--moa-1); }
.monet-area--activity{ --monet-area-img:var(--moa-4); }
.monet-area--diff{ --monet-area-img:var(--moa-3); }
.monet-area--intake{ --monet-area-img:url("/assets/img/impressionismo/opere/ado-impr-manet-balcone-crop.webp"); }
.monet-area--faq{ --monet-area-img:var(--moa-5); }
.monet-area--risk{ --monet-area-img:var(--moa-7); }
.monet-area--teaser{ --monet-area-img:var(--moa-5); }
.monet-area--related{ --monet-area-img:var(--moa-2); }
/* varietà: opere diverse fra riquadri adiacenti (no due uguali di fila) */
[class*="monet-area--"]:nth-child(7n+1){ --monet-area-img:var(--moa-1); }
[class*="monet-area--"]:nth-child(7n+2){ --monet-area-img:var(--moa-3); }
[class*="monet-area--"]:nth-child(7n+3){ --monet-area-img:var(--moa-4); }
[class*="monet-area--"]:nth-child(7n+4){ --monet-area-img:var(--moa-6); }
[class*="monet-area--"]:nth-child(7n+5){ --monet-area-img:var(--moa-2); }
[class*="monet-area--"]:nth-child(7n+6){ --monet-area-img:var(--moa-5); }
[class*="monet-area--"]:nth-child(7n+7){ --monet-area-img:var(--moa-7); }
/* indice museale: freccia sui link collegati */
.monet-area--related{ list-style:none; }
.monet-area--related > a{ position:relative; }
.monet-area--related > a::after{
  content:"\2192"; margin-left:.5ch; color:var(--ado-oro,#c4a24a);
  opacity:.55; transition:transform .22s ease,opacity .22s ease; display:inline-block;
}
.monet-area--related:hover > a::after{ transform:translateX(5px); opacity:1; }
/* archive grid: ogni scheda entra nella tela (telaio pittorico leggero, non box piatto) */
.archive-grid-dark > article,.archive-grid-light > article{ position:relative; }
.archive-grid-light > article:not(.monet-area)::after{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:linear-gradient(180deg,var(--ado-oro,#c4a24a),transparent);
  opacity:.5; pointer-events:none;
}
@media (max-width:760px){
  .monet-area--tool::after,.monet-area--value::after,.monet-area--when::after,
  .monet-area--activity::after,.monet-area--diff::after,.monet-area--intake::after,
  .monet-area--faq::after,.monet-area--risk::after,.monet-area--teaser::after,
  .monet-area--related::after{ width:8px; opacity:.9; }
}

/* =========================================================
   §MA200-NOTES · decision-notes come riquadri museali (largo, arioso, opere reali)
   ========================================================= */
.decision-notes.monet-areas--notes{
  max-width:min(100% - 4rem,1180px); margin-inline:auto; border-top:none;
  counter-reset:adonote; padding-block:clamp(2rem,4vw,3.6rem);
}
.monet-areas--notes .decision-notes-inner{ display:grid; gap:clamp(1.1rem,2.2vw,1.9rem); }
.monet-areas--notes .decision-notes-eyebrow{ margin:0 0 .4rem; }
.monet-area--note{
  position:relative; isolation:isolate; counter-increment:adonote; overflow:hidden;
  padding:clamp(1.6rem,2.6vw,2.4rem) clamp(1.6rem,2.4vw,2.6rem) clamp(1.6rem,2.6vw,2.4rem) clamp(4.2rem,6vw,6rem);
  border:1px solid var(--m-hairline-soft,rgba(60,50,35,.14)); border-radius:2px;
  background:linear-gradient(180deg,rgba(252,250,244,.94),rgba(247,243,235,.94));
}
.monet-area--note::before{
  content:counter(adonote,upper-roman);
  position:absolute; left:clamp(1.2rem,2vw,1.9rem); top:clamp(1.5rem,2.6vw,2.1rem);
  font-family:var(--font-display); font-size:clamp(1.5rem,2.4vw,2.1rem);
  color:var(--m-bronze,#9a7b3e); line-height:1; z-index:2;
}
.monet-area--note::after{
  content:""; position:absolute; right:0; top:0; bottom:0; width:clamp(70px,16%,150px);
  background-image:var(--monet-area-img,var(--moa-1)); background-size:cover; background-position:center;
  opacity:.30; filter:sepia(.10) saturate(1.03) contrast(1.02);
  -webkit-mask-image:linear-gradient(270deg,#000,transparent); mask-image:linear-gradient(270deg,#000,transparent);
  pointer-events:none; z-index:0;
}
.monet-area--note > h2{
  font-family:var(--font-display); font-weight:400; font-size:clamp(1.3rem,2.1vw,1.72rem);
  line-height:1.14; letter-spacing:-.01em; color:var(--m-navy,#23303a); margin:0 0 .6rem;
  position:relative; z-index:1; max-width:46ch;
}
.monet-area--note > p{
  font-family:var(--font-text); font-size:1rem; line-height:1.66; color:#4A4032; margin:0;
  position:relative; z-index:1; max-width:62ch;
}
@media (max-width:760px){
  .monet-area--note{ padding-left:clamp(3rem,12vw,4rem); }
  .monet-area--note::after{ opacity:.18; }
}

/* =========================================================
   §MA200-INLAY · CTA inlay più grande, più chiaro, diverso per pagina (v200-publish)
   ========================================================= */
.ado-painting-inlay--cta{
  inline-size:clamp(340px,38vw,720px);
  block-size:clamp(210px,30vh,420px);
  right:clamp(-30px,-2.2vw,-10px); bottom:-26px;
  opacity:.34; transform:rotate(1.2deg);
  filter:sepia(.12) saturate(1.04) contrast(1.05) brightness(1.04);
}
.ado-painting-inlay--cta img,.ado-painting-inlay--cta picture{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:760px){
  .ado-painting-inlay--cta{
    inline-size:clamp(220px,62vw,380px); block-size:clamp(150px,26vh,250px);
    opacity:.28; bottom:-16px; right:-14px;
  }
}

/* =========================================================
   §9-MOVE · background pittorico dei pannelli (spostato da ado-structure.css)
   ado-structure.css resta struttura/tonale; qui vive la regia pittorica.
   ========================================================= */
.ado-art-panel::before{
  content:""; position:absolute; inset:0; background-image:var(--ado-panel-image);
  background-size:cover; background-position:center; opacity:.56;
  filter:saturate(1) contrast(.98); transform:scale(1.02); z-index:-2;
}
@media (prefers-reduced-motion:reduce){ .ado-art-panel::before{ transform:none; } }