/* =========================================================
   ADO LEGAL — OPERA D'ARTE GIGA WOW
   Versione: 20260614-gigawow-artwork
   Principio: composizione pittorica, non overlay appiccicato
   ---------------------------------------------------------
   REGIA UNICA. Questo e' l'unico layer artistico dominante.
   Consolidati qui e rimossi dalla catena: ado-legal-2-monet.css
   (84% dei selettori duplicati in ado-structure.css, i restanti
   .monet-wash--* / .editorial-rail usati in 0 pagine),
   ado-dipinto.css e ado-dom-rebuild.css (overlay globali che
   producevano impasto). La lama delle .monet-area e' dipinta
   qui, non da un adapter.
   ========================================================= */

/* ===== ATMOSFERA BASE — velature, grana, palette (integrata, ex layer warm) ===== */
 :root{
  --ado-ebano:#171123; --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(44,38,74,.26), inset 0 0 0 1px rgba(143,109,61,.16);
  background:radial-gradient(ellipse 120% 90% at 50% 42%, transparent 58%, rgba(28,24,48,.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(28,24,48,.56), transparent 66%),
    linear-gradient(180deg, rgba(28,24,48,.42) 0%, transparent 30%, rgba(28,24,48,.30) 60%, rgba(28,24,48,.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(44,38,74,.40); }
.editorial-hero .editorial-hero-copy{ position:relative; z-index:3; }
.editorial-hero .page-title,.editorial-hero h1{ text-shadow:0 2px 0 rgba(44,38,74,.40), 0 22px 60px rgba(44,38,74,.58); }
.editorial-hero .page-lead{ text-shadow:0 12px 36px rgba(44,38,74,.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(247,240,226,.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(247,240,226,.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(247,240,226,.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(44,38,74,.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:#171123;   --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:#171123;
  --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(44,38,74,.42), inset 0 0 0 6px rgba(244,239,230,.05), inset 0 0 60px rgba(44,38,74,.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(28,24,48,.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(44,38,74,.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(44,38,74,.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(28,24,48,.34) 0%, rgba(28,24,48,.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(28,24,48,.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,#171123 60%);
          mask-image:linear-gradient(90deg,transparent,#171123 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(44,38,74,.12), inset 0 1px 0 rgba(247,240,226,.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,#171123 70%);
          mask-image:linear-gradient(90deg,transparent,#171123 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,#171123,rgba(23,17,35,.45));
          mask-image:linear-gradient(180deg,#171123,rgba(23,17,35,.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,#171123 56%); mask-image:linear-gradient(90deg,transparent,#171123 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,#171123,transparent); mask-image:linear-gradient(90deg,#171123,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(44,38,74,.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,#171123 58%); mask-image:linear-gradient(180deg,transparent,#171123 58%); }
  .menu-overlay .menu-panel::after{ width:100vw; bottom:auto; top:0; height:52vh; -webkit-mask-image:linear-gradient(180deg,#171123,transparent); mask-image:linear-gradient(180deg,#171123,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(247,240,226,.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-v250.png");
  background-image:-webkit-image-set(url("/assets/img/ui/ado-brush-real-gold-v250.webp") type("image/webp"), url("/assets/img/ui/ado-brush-real-gold-v250.png") type("image/png"));
  background-image:image-set(url("/assets/img/ui/ado-brush-real-gold-v250.webp") type("image/webp"), url("/assets/img/ui/ado-brush-real-gold-v250.png") type("image/png"));
  background-repeat:no-repeat; background-position:center; background-size:contain;
  filter:drop-shadow(0 13px 22px rgba(28,24,48,.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-v250.png");
  background-image:-webkit-image-set(url("/assets/img/ui/ado-brush-real-ivory-v250.webp") type("image/webp"), url("/assets/img/ui/ado-brush-real-ivory-v250.png") type("image/png"));
  background-image:image-set(url("/assets/img/ui/ado-brush-real-ivory-v250.webp") type("image/webp"), url("/assets/img/ui/ado-brush-real-ivory-v250.png") type("image/png"));
  background-repeat:no-repeat; background-position:center; background-size:contain;
  filter:drop-shadow(0 12px 20px rgba(28,24,48,.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(28,24,48,.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,#171123,rgba(23,17,35,.4)); mask-image:linear-gradient(180deg,#171123,rgba(23,17,35,.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(44,38,74,.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(44,38,74,.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:not(.legal-dossier)::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,#171123 72%); mask-image:linear-gradient(120deg,transparent,#171123 72%);
}
.lawyer-editorial.signature-card:not(.legal-dossier){ --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,#171123 72%); mask-image:linear-gradient(120deg,transparent,#171123 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%,#171123 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%,#171123 56%); mask-image:linear-gradient(95deg,transparent 4%,#171123 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(23,17,35,.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(44,38,74,.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(44,38,74,.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,#171123,transparent);
          mask-image:linear-gradient(180deg,#171123,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,#171123 0%,rgba(23,17,35,.55) 58%,rgba(23,17,35,.22) 100%) !important;
          mask-image:linear-gradient(180deg,#171123 0%,rgba(23,17,35,.55) 58%,rgba(23,17,35,.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(44,38,74,.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,#171123 60%,transparent);
          mask-image:linear-gradient(90deg,#171123 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(44,38,74,.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(44,38,74,.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(44,38,74,.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,#171123 56%,transparent);
          mask-image:linear-gradient(90deg,#171123 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); }
/* [GW250-FIX] regia related spostata in fondo file */
/* 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,#171123,transparent); mask-image:linear-gradient(270deg,#171123,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; } }

/* =========================================================
   §GW250 · SISTEMA monet-area MUSEALE GLOBALE — modello "editorial card esempio"
   Ultimo blocco: domina su #aree, su §MA200 (micro-lama 9px) e sul sistema museale v1.
   Ogni card con struttura canonica (__media/__idx/__body/__title/__lead[/__arrow])
   diventa una tela impressionistica: lama laterale larga con opera reale, numero
   romano integrato sulla lama, titolo serif grande, lead scuro leggibile, freccia
   bronzo, superficie avorio/pergamena, bordo bronzo, ombra museale.
   NIENTE box pallido · NIENTE testo fantasma · NIENTE micro-lama da 9px.
   ========================================================= */

/* -- pool opere per categoria (varietà, mai due uguali di fila) ------------- */
:root{
  --moa-crisi-1:url("/assets/img/impressionismo/opere/ado-impr-monet-gare-crop.webp");
  --moa-crisi-2:url("/assets/img/impressionismo/opere/ado-impr-pissarro-city-crop.webp");
  --moa-crisi-3:url("/assets/img/impressionismo/opere/ado-impr-monet-snow-crop.webp");
  --moa-crisi-4:url("/assets/img/impressionismo/opere/ado-impr-monet-soleil-crop.webp");
  --moa-sovra-1:url("/assets/img/impressionismo/opere/ado-impr-sisley-landscape-crop.webp");
  --moa-sovra-2:url("/assets/img/impressionismo/opere/ado-impr-morisot-culla-crop.webp");
  --moa-sovra-3:url("/assets/img/impressionismo/opere/ado-impr-cassatt-tea-crop.webp");
  --moa-soc-1:url("/assets/img/impressionismo/opere/ado-impr-caillebotte-parigi-crop.webp");
  --moa-soc-2:url("/assets/img/impressionismo/opere/ado-impr-caillebotte-piallatori-crop.webp");
  --moa-comp-1:url("/assets/img/impressionismo/opere/ado-impr-degas-danza-crop.webp");
  --moa-comp-2:url("/assets/img/impressionismo/opere/ado-impr-manet-balcone-crop.webp");
  --moa-ma-1:url("/assets/img/impressionismo/opere/ado-impr-manet-balcone-crop.webp");
  --moa-ma-2:url("/assets/img/impressionismo/opere/ado-impr-caillebotte-parigi-crop.webp");
  --moa-prof-1:url("/assets/img/impressionismo/ritratti/ado-impr-portrait-renoir-samary-crop.webp");
  --moa-prof-2:url("/assets/img/impressionismo/ritratti/ado-impr-portrait-manet-morisot-crop.webp");
  --moa-jour-1:url("/assets/img/impressionismo/opere/ado-impr-sisley-landscape-crop.webp");
  --moa-jour-2:url("/assets/img/impressionismo/opere/ado-impr-pissarro-city-crop.webp");
  --moa-jour-3:url("/assets/img/impressionismo/opere/ado-impr-monet-snow-crop.webp");
}

/* -- contenitore griglia: SOLO i veri contenitori di card (no classi utility) --
   le card editoriali stanno in righe piene impilate (modello esempio); il journal
   resta a due colonne. NB: archive-grid-light/dark sono classi UTILITY su singoli
   elementi → NON vanno trasformate in griglia, altrimenti annidano griglie. */
.monet-areas,
.editorial-ledger,.editorial-ledger__dark,
.intake-direct-grid,
.tool-grid,.value-grid,.when-grid,.activity-grid,.diff-grid{
  display:grid; grid-template-columns:1fr; gap:clamp(1rem,1.8vw,1.6rem);
}
.insights-grid{ display:grid; gap:clamp(1.1rem,2vw,2rem); }
@media (min-width:920px){
  .insights-grid{ grid-template-columns:1fr 1fr; }
}

/* -- CARD CANONICA (gate :has(__body)) — modello esempio ------------------- */
.monet-area:has(.monet-area__body){
  --monet-area-img:var(--moa-crisi-1);
  position:relative; isolation:isolate;
  container-type:inline-size;
  display:grid;
  grid-template-columns:clamp(96px,13vw,190px) minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(1.4rem,3vw,3.2rem);
  min-block-size:clamp(150px,18vw,230px);
  padding:clamp(1.3rem,2.2vw,2.1rem) clamp(1.4rem,2.8vw,2.6rem);
  overflow:hidden;
  text-decoration:none; color:inherit;
  border:1px solid rgba(143,109,61,.30); border-radius:2px;
  background:
    linear-gradient(90deg, rgba(247,240,226,.985), rgba(236,226,209,.90)) !important;
  box-shadow:
    0 20px 46px rgba(44,38,74,.13),
    inset 0 0 0 1px rgba(247,240,226,.30);
  transition:transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s ease, border-color .5s ease;
}
/* neutralizza i pseudo del vecchio sistema (filo oro §4 + micro-lama §MA200)
   SOLO sulle card con lama __media reale, per non spegnere le tele di #aree */
.monet-area:has(.monet-area__media)::before,
.monet-area:has(.monet-area__media)::after{ content:none !important; background:none !important; }
/* kicker (journal) ed eventuale cta interna, integrati nel corpo della tela */
.monet-area__kicker{
  display:block; margin:0 0 .5rem;
  font-family:var(--font-ui,system-ui,sans-serif);
  font-size:.62rem; letter-spacing:.2em; text-transform:uppercase;
  color:#8F6D3D;
}
.monet-area__cta{ margin:.9rem 0 0; }
.monet-area__cta a{
  font-family:var(--font-ui,system-ui,sans-serif);
  font-size:.7rem; letter-spacing:.12em; text-transform:uppercase;
  color:#8F6D3D !important; text-decoration:none;
}
.monet-area__cta a:hover{ color:#C9A45C !important; }
.monet-area__body :is(p,li):not(.monet-area__lead){ color:#4A4032; }

/* la LAMA laterale = opera impressionista reale, larga e materica */
.monet-area__media{
  position:absolute; inset:0 auto 0 0; z-index:0;
  inline-size:clamp(96px,13vw,190px);
  background-image:
    linear-gradient(90deg, rgba(10,18,16,.46), rgba(10,18,16,.12) 64%, transparent),
    var(--monet-area-img);
  background-size:cover; background-position:center;
  filter:sepia(.12) saturate(1.05) contrast(1.05) brightness(.9);
}
.monet-area__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, transparent 64%, rgba(247,240,226,.90));
}
/* numero romano INTEGRATO nella lama — posizione assoluta sopra la lama,
   robusta su ogni viewport (non dipende dall'auto-placement della griglia) */
.monet-area:has(.monet-area__media) .monet-area__idx{
  position:absolute; z-index:1; left:0; top:0; bottom:0;
  inline-size:clamp(96px,13vw,190px);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display,'Garamond Premier Pro',Georgia,serif);
  font-size:clamp(2.3rem,4vw,4.2rem); font-style:italic; font-weight:500; line-height:1;
  color:rgba(255,248,232,.94);
  text-shadow:0 2px 14px rgba(44,38,74,.7), 0 0 3px rgba(44,38,74,.5);
  letter-spacing:.01em; pointer-events:none;
}
.monet-area:has(.monet-area__media) .monet-area__body{ grid-column:2; }
.monet-area:has(.monet-area__media) .monet-area__arrow{ grid-column:3; }
.monet-area__body{
  position:relative; z-index:1; min-width:0;
  padding-inline-start:clamp(.4rem,1.6vw,1.2rem);
}
.monet-area__title,
.monet-area__body > h2,.monet-area__body > h3,.monet-area__body > h4{
  margin:0 0 .55rem;
  font-family:var(--font-display,'Garamond Premier Pro',Georgia,serif);
  font-weight:400;
  font-size:clamp(1.6rem,3vw,3.1rem);
  line-height:1.04; letter-spacing:-.016em;
  color:#21170c !important;
}
.monet-area__title a,.monet-area__body h2 a,.monet-area__body h3 a{
  color:inherit !important; text-decoration:none !important;
}
.monet-area__lead{
  margin:0;
  max-width:62ch;
  font-family:var(--font-text,'Garamond Premier Pro',Georgia,serif);
  font-size:clamp(.99rem,1.2vw,1.14rem);
  line-height:1.62;
  color:#4A4032 !important;
}
.monet-area__lead + .monet-area__lead{ margin-top:.5rem; }
.monet-area__arrow{
  position:relative; z-index:1; align-self:center; justify-self:end;
  font-family:var(--font-display,'Garamond Premier Pro',Georgia,serif);
  font-size:clamp(1.3rem,2vw,1.9rem); line-height:1;
  color:#8F6D3D; transition:transform .4s ease,color .4s ease;
}
/* hover link */
.monet-area--link:has(.monet-area__body):hover{
  transform:translateY(-3px); border-color:rgba(201,164,92,.55);
  box-shadow:0 30px 70px rgba(44,38,74,.22), inset 0 0 0 1px rgba(201,164,92,.22);
}
.monet-area--link:has(.monet-area__body):hover .monet-area__arrow{ transform:translateX(8px); color:#C9A45C; }
.monet-area--link:has(.monet-area__body):hover .monet-area__title{ color:#160f06 !important; }
.monet-area:has(.monet-area__body):focus-visible{ outline:2px solid #C9A45C; outline-offset:4px; }

/* -- MAPPA TEMATICA opere per categoria (FASE 6) --------------------------- */
.monet-area--crisi{ --monet-area-img:var(--moa-crisi-1); }
.monet-area--liquidazione{ --monet-area-img:var(--moa-crisi-3); }
.monet-area--concordato{ --monet-area-img:var(--moa-crisi-1); }
.monet-area--sovra{ --monet-area-img:var(--moa-sovra-1); }
.monet-area--esdebitazione{ --monet-area-img:var(--moa-sovra-2); }
.monet-area--consumatore{ --monet-area-img:var(--moa-sovra-3); }
.monet-area--societario{ --monet-area-img:var(--moa-soc-1); }
.monet-area--governance{ --monet-area-img:var(--moa-soc-1); }
.monet-area--assetti{ --monet-area-img:var(--moa-soc-2); }
.monet-area--composizione{ --monet-area-img:var(--moa-comp-1); }
.monet-area--esperto{ --monet-area-img:var(--moa-comp-1); }
.monet-area--misure{ --monet-area-img:var(--moa-comp-2); }
.monet-area--ma{ --monet-area-img:var(--moa-ma-1); }
.monet-area--contrattualistica{ --monet-area-img:var(--moa-ma-1); }
.monet-area--patti{ --monet-area-img:var(--moa-ma-2); }
.monet-area--professionisti{ --monet-area-img:var(--moa-prof-1); }
.monet-area--journal{ --monet-area-img:var(--moa-jour-1); }
.monet-area--legal{ --monet-area-img:var(--moa-jour-3); }
/* varietà fra card adiacenti della stessa categoria (no due identiche di fila) */
.monet-area--crisi:nth-of-type(3n+2){ --monet-area-img:var(--moa-crisi-2); }
.monet-area--crisi:nth-of-type(3n+3){ --monet-area-img:var(--moa-crisi-3); }
.monet-area--crisi:nth-of-type(6n+4){ --monet-area-img:var(--moa-crisi-4); }
.monet-area--journal:nth-of-type(3n+2){ --monet-area-img:var(--moa-jour-2); }
.monet-area--journal:nth-of-type(3n+3){ --monet-area-img:var(--moa-jour-3); }
.monet-area--societario:nth-of-type(2n){ --monet-area-img:var(--moa-soc-2); }
.monet-area--sovra:nth-of-type(3n+2){ --monet-area-img:var(--moa-sovra-2); }
.monet-area--sovra:nth-of-type(3n+3){ --monet-area-img:var(--moa-sovra-3); }
.monet-area--composizione:nth-of-type(2n){ --monet-area-img:var(--moa-comp-2); }

/* [GW250-FIX] vedi blocco related in fondo file */

/* -- VARIANTE profilo (professional-profile__item) resta a foto: invariata -- */
.professional-profile__item.monet-area::before,
.professional-profile__item.monet-area::after{ content:none !important; }

/* -- RESPONSIVE mobile ----------------------------------------------------- */
@media (max-width:760px){
  .monet-area:has(.monet-area__body){
    grid-template-columns:clamp(74px,24vw,104px) minmax(0,1fr);
    min-block-size:clamp(120px,30vw,150px);
    padding:1.15rem 1.2rem 1.15rem .9rem; gap:.9rem;
  }
  .monet-area__media{ inline-size:clamp(74px,24vw,104px); }
  .monet-area:has(.monet-area__media) .monet-area__idx{ inline-size:clamp(74px,24vw,104px); font-size:clamp(1.9rem,9vw,2.6rem); }
  .monet-area:has(.monet-area__media) .monet-area__body{ grid-column:2; }
  .monet-area:has(.monet-area__body) .monet-area__arrow{ display:none; }
  .monet-area__title,
  .monet-area__body > h2,.monet-area__body > h3{ font-size:clamp(1.24rem,5.6vw,1.7rem); line-height:1.08; }
  .monet-area__lead{ font-size:.95rem; }
  .insights-grid{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
  .monet-area:has(.monet-area__body){ transition:none; }
}

/* -- CONTAINER QUERY: card strette (griglie 2/3 colonne) → layout compatto --
   ogni tela si adatta alla PROPRIA larghezza, non solo al viewport: niente
   lama da 190px che soffoca il testo nelle card in griglia multi-colonna. */
@container (max-width:560px){
  .monet-area:has(.monet-area__body){
    grid-template-columns:clamp(72px,22cqw,104px) minmax(0,1fr);
    min-block-size:clamp(118px,26cqw,150px);
    gap:.9rem; padding:1.1rem 1.2rem 1.1rem .9rem;
    align-items:center;
  }
  .monet-area:has(.monet-area__media) .monet-area__media{ inline-size:clamp(72px,22cqw,104px); }
  .monet-area:has(.monet-area__media) .monet-area__idx{ inline-size:clamp(72px,22cqw,104px); font-size:clamp(1.7rem,8cqw,2.5rem); }
  .monet-area:has(.monet-area__media) .monet-area__body{ grid-column:2; }
  .monet-area:has(.monet-area__body) .monet-area__arrow{ display:none; }
  .monet-area:has(.monet-area__body) .monet-area__title,
  .monet-area:has(.monet-area__body) .monet-area__body > h2,
  .monet-area:has(.monet-area__body) .monet-area__body > h3,
  .monet-area:has(.monet-area__body) .monet-area__body > h4{ font-size:clamp(1.2rem,7cqw,1.7rem); line-height:1.1; }
}

/* =========================================================
   §GW250-PROF · DATI PROFESSIONISTA = nota editoriale, non anagrafica tecnica
   (FASE 8) — niente valori in maiuscolo, niente letter-spacing da scheda UI.
   ========================================================= */
.lawyer-editorial-meta{
  display:grid;
  grid-template-columns:minmax(90px,130px) minmax(0,1fr);
  gap:.55rem 1.15rem;
  margin-block:1.4rem 1.2rem;
  font-family:var(--font-text,'Garamond Premier Pro',Georgia,serif) !important;
  font-size:clamp(.98rem,1.05vw,1.08rem) !important;
  line-height:1.55;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#3b3022;
}
.lawyer-editorial-meta dt{
  font-family:var(--font-ui,system-ui,sans-serif) !important;
  font-size:.68rem !important;
  line-height:1.2;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  font-weight:600;
  color:#8F6D3D;
  align-self:baseline;
}
.lawyer-editorial-meta dd{
  margin:0;
  font-family:var(--font-text,'Garamond Premier Pro',Georgia,serif) !important;
  font-size:inherit !important;
  line-height:1.55;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#241c10 !important;
}
.lawyer-editorial-meta a{
  font-family:inherit !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#7A5520 !important;
  text-decoration:underline; text-underline-offset:3px;
}
.lawyer-editorial-more a,
.lawyer-editorial-cta{
  font-family:var(--font-display,'Garamond Premier Pro',Georgia,serif) !important;
  font-size:clamp(1.05rem,1.25vw,1.25rem);
  letter-spacing:0 !important;
  text-transform:none !important;
}
@media (max-width:560px){
  .lawyer-editorial-meta{ grid-template-columns:1fr; gap:.15rem .9rem; }
  .lawyer-editorial-meta dt{ margin-top:.5rem; }
}


/* =========================================================
   §GW250-FIX · PAGINE / APPROFONDIMENTI COLLEGATI
   Card related compatte e museali (lama opera reale + titolo + lead + freccia).
   Sostituisce integralmente la vecchia regia related (rimossa sopra).
   Markup: <li.monet-area.monet-area--related[style=--monet-area-img]>
             <a><span.__media><span.__body><__title><__lead></span><span.__arrow></a>
   ========================================================= */
.related-links, .related-index{
  max-width:min(100% - 3rem, 980px);
  margin:clamp(3rem,5vw,5rem) auto;
}
.related-links .related-eyebrow, .related-index .seo-kicker, .related-index .related-eyebrow{
  display:block;
  font-family:var(--font-ui,system-ui,sans-serif);
  font-size:.72rem; letter-spacing:.22em; text-transform:uppercase;
  color:#8F6D3D; margin:0 0 1rem; font-weight:500;
}
.related-links ul, .related-index ul, .monet-areas--related{
  list-style:none; padding:0; margin:0; display:grid; gap:.72rem;
}
/* WRAPPER (li) — annulla la "lama grande" generica :has(__body) */
.related-links .monet-area--related,
.related-index .monet-area--related{
  display:block !important; container-type:normal !important;
  position:relative; isolation:isolate; overflow:hidden;
  min-block-size:auto !important; margin:0; padding:0 !important;
  border:1px solid rgba(143,109,61,.24); border-radius:2px;
  background:linear-gradient(90deg, rgba(247,240,226,.98), rgba(236,226,209,.78)) !important;
  box-shadow:0 14px 34px rgba(44,38,74,.10), inset 0 0 0 1px rgba(247,240,226,.24);
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s ease, border-color .45s ease;
}
.related-links .monet-area--related:hover,
.related-index .monet-area--related:hover{
  transform:translateY(-2px); border-color:rgba(201,164,92,.5);
  box-shadow:0 24px 52px rgba(44,38,74,.16), inset 0 0 0 1px rgba(201,164,92,.22);
}
/* LINK = griglia compatta: lama | corpo | freccia */
.related-links .monet-area--related > a,
.related-index .monet-area--related > a{
  position:relative; z-index:1; display:grid;
  grid-template-columns:clamp(92px,12vw,138px) minmax(0,1fr) auto;
  align-items:center; gap:clamp(1rem,2vw,1.8rem);
  min-block-size:clamp(104px,11vw,132px);
  padding:clamp(.85rem,1.3vw,1.1rem) clamp(1rem,2vw,1.6rem) clamp(.85rem,1.3vw,1.1rem) 0;
  text-decoration:none !important; color:#20180f !important;
}
/* lama = opera impressionista reale */
.related-links .monet-area--related .monet-area__media,
.related-index .monet-area--related .monet-area__media{
  position:absolute; inset:0 auto 0 0; z-index:0;
  inline-size:clamp(92px,12vw,138px);
  background-image:
    linear-gradient(90deg, rgba(10,18,16,.42), rgba(10,18,16,.14) 60%, transparent),
    var(--monet-area-img, var(--moa-2));
  background-size:cover; background-position:center;
  filter:sepia(.12) saturate(1.05) contrast(1.05) brightness(.92);
}
.related-links .monet-area--related .monet-area__media::after,
.related-index .monet-area--related .monet-area__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, transparent 56%, rgba(247,240,226,.92));
}
.related-links .monet-area--related .monet-area__body,
.related-index .monet-area--related .monet-area__body{
  position:relative; z-index:1; grid-column:2; min-width:0; padding:0;
}
.related-links .monet-area--related .monet-area__title,
.related-index .monet-area--related .monet-area__title{
  display:block; margin:0 0 .25rem;
  font-family:var(--font-display,'Garamond Premier Pro',Georgia,serif); font-weight:400;
  font-size:clamp(1.16rem,1.7vw,1.5rem); line-height:1.14; letter-spacing:-.008em;
  color:#20180f !important;
}
.related-links .monet-area--related .monet-area__lead,
.related-index .monet-area--related .monet-area__lead{
  display:block; margin:0; max-width:none;
  font-family:var(--font-text,'Garamond Premier Pro',Georgia,serif);
  font-size:clamp(.9rem,1vw,1rem); line-height:1.45; color:#4A4032 !important;
}
.related-links .monet-area--related .monet-area__arrow,
.related-index .monet-area--related .monet-area__arrow{
  position:relative; z-index:1; grid-column:3; align-self:center; justify-self:end;
  color:#8F6D3D; font-family:var(--font-display,Georgia,serif); font-size:1.4rem; line-height:1;
  padding-inline:.35rem; transition:transform .35s ease, color .35s ease;
}
.related-links .monet-area--related:hover .monet-area__arrow,
.related-index .monet-area--related:hover .monet-area__arrow{ transform:translateX(6px); color:#C9A45C; }
@media (max-width:760px){
  .related-links, .related-index{ max-width:calc(100% - 2rem); }
  .related-links .monet-area--related > a,
  .related-index .monet-area--related > a{
    grid-template-columns:clamp(74px,24vw,96px) minmax(0,1fr);
    min-block-size:108px; padding:.95rem .95rem .95rem 0; gap:.85rem;
  }
  .related-links .monet-area--related .monet-area__media,
  .related-index .monet-area--related .monet-area__media{ inline-size:clamp(74px,24vw,96px); }
  .related-links .monet-area--related .monet-area__arrow,
  .related-index .monet-area--related .monet-area__arrow{ display:none; }
  .related-links .monet-area--related .monet-area__title,
  .related-index .monet-area--related .monet-area__title{ font-size:clamp(1.1rem,4.6vw,1.32rem); }
}
/* §GW250-FIX end */

/* =========================================================
   §GW250-FIX · CONTATTI — intake compatto, cartiglio su tela, museale
   (vale per contatti.html e en/contatti.html — stesse classi)
   ========================================================= */
.intake-section{ margin-bottom:1.4rem; }
.intake-shell.signature-spotlight, .intake-section .intake-shell{
  max-width:min(100% - 3rem, 760px) !important;
  margin:clamp(2rem,4vw,3.4rem) auto !important;
  padding:clamp(1.7rem,3vw,2.9rem) clamp(1.5rem,3vw,2.7rem);
  position:relative; isolation:isolate; border-radius:3px;
  border:1px solid rgba(143,109,61,.32);
  background:linear-gradient(180deg, rgba(248,241,228,.975), rgba(238,229,213,.94)) !important;
  box-shadow:0 26px 60px rgba(44,38,74,.16), inset 0 0 0 1px rgba(247,240,226,.34), inset 0 0 70px rgba(143,109,61,.06);
}
.intake-shell.signature-spotlight::before{
  content:""; position:absolute; inset:9px; border:1px solid rgba(143,109,61,.22);
  border-radius:2px; pointer-events:none; z-index:0;
}
.intake-shell.signature-spotlight > *{ position:relative; z-index:1; }
.intake-access{ text-align:center; max-width:48ch; margin-inline:auto; }
/* form compatto a due colonne (riduce l'altezza dispersiva) */
.intake-form{ max-width:none !important; display:grid !important; grid-template-columns:1fr 1fr; gap:1rem 1.3rem; align-items:start; }
.intake-form > .intake-field{ margin:0; }
.intake-form > .intake-field:has(textarea),
.intake-form > .intake-field:has(.intake-radio-group),
.intake-form > .intake-radio,
.intake-form > .intake-submit,
.intake-form > .form-success-banner{ grid-column:1 / -1; }
.intake-field input,.intake-field select,.intake-field textarea{
  width:100%; background:rgba(255,251,243,.92) !important;
  border:1px solid rgba(143,109,61,.42) !important; border-radius:2px;
}
.intake-field textarea{ min-height:118px; }
.intake-submit{ justify-self:start; }
.intake-disclaimer{ text-align:center; }
/* CONTATTI DIRETTI = mini schede related (no più tele I/II/III enormi) */
.intake-direct, .intake-direct-inner{ max-width:min(100% - 3rem, 760px) !important; margin-inline:auto !important; }
.intake-direct-grid{ display:grid !important; grid-template-columns:1fr !important; gap:.72rem !important; max-width:none !important; }
.intake-direct-grid .monet-area--professionisti{
  display:grid !important; container-type:normal !important;
  grid-template-columns:clamp(88px,11vw,120px) minmax(0,1fr); align-items:center;
  gap:0; min-block-size:clamp(94px,10vw,116px) !important; padding:0 !important;
  position:relative; isolation:isolate; overflow:hidden;
  border:1px solid rgba(143,109,61,.24); border-radius:2px;
  background:linear-gradient(90deg, rgba(247,240,226,.98), rgba(236,226,209,.78)) !important;
  box-shadow:0 12px 30px rgba(44,38,74,.09), inset 0 0 0 1px rgba(247,240,226,.22);
}
.intake-direct-grid .monet-area--professionisti::before,
.intake-direct-grid .monet-area--professionisti::after{ content:none !important; }
.intake-direct-grid .monet-area--professionisti .monet-area__idx{ display:none !important; }
.intake-direct-grid .monet-area--professionisti .monet-area__media{
  position:absolute; inset:0 auto 0 0; z-index:0; inline-size:clamp(88px,11vw,120px) !important;
  background-image:linear-gradient(90deg, rgba(10,18,16,.4), rgba(10,18,16,.12) 60%, transparent), var(--monet-area-img, var(--moa-prof-1));
  background-size:cover; background-position:center; filter:sepia(.1) saturate(1.04) contrast(1.04) brightness(.92);
}
.intake-direct-grid .monet-area--professionisti .monet-area__media::after{
  content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent 54%, rgba(247,240,226,.92));
}
.intake-direct-grid .monet-area--professionisti .monet-area__body{ grid-column:2; z-index:1; padding:.7rem 1.3rem .7rem 0; min-width:0; }
.intake-direct-grid .monet-area--professionisti .monet-area__title{ font-size:clamp(1.12rem,1.5vw,1.4rem) !important; line-height:1.12; margin:0 0 .22rem !important; }
.intake-direct-grid .monet-area--professionisti .monet-area__lead{ font-size:.92rem !important; line-height:1.4; margin:0 !important; max-width:none; }
.intake-direct-grid .monet-area--professionisti .monet-area__lead a{ color:#8F6D3D !important; text-decoration:none; }
.intake-direct-grid .monet-area--professionisti .monet-area__lead a:hover{ color:#C9A45C !important; text-decoration:underline; text-underline-offset:2px; }
/* sedi compatte a due colonne */
.intake-sedi{ columns:2; column-gap:2.2rem; max-width:min(100% - 3rem,760px) !important; margin:1.1rem auto 0 !important; padding:0; list-style:none; }
.intake-sedi li{ break-inside:avoid; padding:.55rem 0; border-top:1px solid rgba(143,109,61,.18); font-family:var(--font-text,Georgia,serif); font-size:.95rem; color:#3a3326; }
.intake-sedi li span{ display:block; font-family:var(--font-ui,system-ui,sans-serif); font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:#8F6D3D; margin-bottom:.1rem; }
/* faq coerente per larghezza */
.intake-direct + .faq-accordion, section.faq-accordion{ max-width:min(100% - 3rem,760px); }
@media (max-width:760px){
  .intake-form{ grid-template-columns:1fr; }
  .intake-sedi{ columns:1; }
  .intake-direct-grid .monet-area--professionisti{ grid-template-columns:clamp(72px,22vw,92px) minmax(0,1fr); }
  .intake-direct-grid .monet-area--professionisti .monet-area__media{ inline-size:clamp(72px,22vw,92px) !important; }
}
/* §GW250-FIX contatti end */

/* §GW250-FIX · related item SENZA link (testo libero) → scheda statica coerente */
.related-links .monet-area--related > .monet-area__static,
.related-index .monet-area--related > .monet-area__static{
  position:relative; z-index:1; display:grid;
  grid-template-columns:clamp(92px,12vw,138px) minmax(0,1fr);
  align-items:center; gap:clamp(1rem,2vw,1.8rem);
  min-block-size:clamp(104px,11vw,132px);
  padding:clamp(.85rem,1.3vw,1.1rem) clamp(1rem,2vw,1.6rem) clamp(.85rem,1.3vw,1.1rem) 0;
  color:#20180f;
}
.related-links .monet-area--related > .monet-area__static .monet-area__body,
.related-index .monet-area--related > .monet-area__static .monet-area__body{ grid-column:2; }
@media (max-width:760px){
  .related-links .monet-area--related > .monet-area__static,
  .related-index .monet-area--related > .monet-area__static{
    grid-template-columns:clamp(74px,24vw,96px) minmax(0,1fr); min-block-size:108px; padding:.95rem .95rem .95rem 0;
  }
}

/* =========================================================
   §GW300 · REGIA CROMATICA IMPRESSIONISTA — palette, ombre complementari,
   dominanti per macro-area (wiring delle classi body ado-theme-*),
   broken-colour. Nessun nero puro: profondita per tinta e temperatura.
   ========================================================= */
:root{
  /* neri cromatici (mai nero puro) */
  --ado-ink:#171123; --ado-ink-chromatic:#171123; --ado-ink-brown:#241c10; --ado-ink-violet:#2a2438;
  /* profondita fredde */
  --ado-petrol:#0e2a26; --ado-petrol-deep:#071814; --ado-viridian-deep:#12332b;
  /* impasti chiari / tele */
  --ado-ivory:#f4ead7; --ado-parchment:#eadcc3; --ado-canvas:#efe5d0; --ado-warm-white:#f7f0e2;
  /* ori / ocre */
  --ado-bronze:#8f6d3d; --ado-antique-gold:#c6a25a; --ado-ochre:#b78232; --ado-chrome-yellow-veiled:#d0aa58;
  /* terre calde */
  --ado-burnt-sienna:#7a3c22; --ado-umber:#3a2b1d;
  /* freddi / velature */
  --ado-sage:#77806b; --ado-viridian:#426b55; --ado-storm-blue:#33424a; --ado-misty-blue:#6f7f83;
  --ado-cobalt-muted:#3f5870; --ado-ultramarine-shadow:#30365f; --ado-violet-shadow:#4b3b78;
  --ado-rose-veil:#b48b78; --ado-crimson-veil:#8a4a52;
  /* ombre COMPLEMENTARI (luce calda -> ombra fredda viola/blu; luce fredda -> ombra terra) */
  --shadow-gold-complement:0 24px 54px rgba(72,58,124,.18);
  --shadow-ivory-complement:0 20px 48px rgba(51,66,74,.16);
  --shadow-cool-complement:0 22px 46px rgba(122,60,34,.16);
  --shadow-deep-chromatic:0 28px 70px rgba(48,54,95,.20);
  /* default accent/ombra di pagina (sovrascritti per tema) */
  --ado-accent:#8f6d3d;
  --page-light:var(--ado-antique-gold);
  --page-shadow:rgba(72,58,124,.18);
  --page-recede:var(--ado-storm-blue);
  --page-advance:var(--ado-ochre);
}

/* ---- DOMINANTI CROMATICHE PER MACRO-AREA --------------------------------------
   Stessa base lino luminosa (leggibilita) + pigmenti d ambiente per area:
   i caldi avanzano (alto-sx), i freddi recedono (basso-dx). */
body.ado-theme-crisi{
  --ado-accent:#b07a36; --page-light:var(--ado-antique-gold); --page-shadow:rgba(48,54,95,.20);
  --page-recede:var(--ado-storm-blue); --page-advance:var(--ado-ochre);
  background:
    radial-gradient(ellipse 72% 60% at 4% -6%, rgba(183,130,50,.20), transparent 52%),
    radial-gradient(ellipse 86% 72% at 98% 106%, rgba(7,24,20,.26), transparent 56%),
    radial-gradient(ellipse 60% 52% at 90% 6%, rgba(51,66,74,.16), transparent 52%),
    linear-gradient(176deg,#F6F1E8 0%,#F2ECDF 46%,#E7DECC 100%) !important;
}
body.ado-theme-composizione{
  --ado-accent:#5e7d5a; --page-light:var(--ado-chrome-yellow-veiled); --page-shadow:rgba(58,43,29,.18);
  --page-recede:var(--ado-sage); --page-advance:var(--ado-bronze);
  background:
    radial-gradient(ellipse 72% 60% at 4% -6%, rgba(208,170,88,.16), transparent 52%),
    radial-gradient(ellipse 86% 72% at 98% 106%, rgba(18,51,43,.20), transparent 56%),
    radial-gradient(ellipse 60% 52% at 90% 6%, rgba(119,128,107,.16), transparent 52%),
    linear-gradient(176deg,#F6F2E9 0%,#EFEEDF 46%,#E4E3D0 100%) !important;
}
body.ado-theme-societario{
  --ado-accent:#5a6f86; --page-light:var(--ado-ivory); --page-shadow:rgba(58,43,29,.18);
  --page-recede:var(--ado-cobalt-muted); --page-advance:var(--ado-bronze);
  background:
    radial-gradient(ellipse 72% 60% at 4% -6%, rgba(143,109,61,.15), transparent 52%),
    radial-gradient(ellipse 86% 72% at 98% 106%, rgba(48,54,95,.18), transparent 56%),
    radial-gradient(ellipse 60% 52% at 90% 6%, rgba(63,88,112,.15), transparent 52%),
    linear-gradient(176deg,#F4F1EA 0%,#ECEBE2 46%,#E1E0D6 100%) !important;
}
body.ado-theme-sovraindebitamento{
  --ado-accent:#9c6b58; --page-light:var(--ado-rose-veil); --page-shadow:rgba(66,107,85,.18);
  --page-recede:var(--ado-sage); --page-advance:var(--ado-parchment);
  background:
    radial-gradient(ellipse 72% 60% at 4% -6%, rgba(180,139,120,.18), transparent 52%),
    radial-gradient(ellipse 86% 72% at 98% 106%, rgba(58,43,29,.20), transparent 56%),
    radial-gradient(ellipse 60% 52% at 90% 6%, rgba(119,128,107,.15), transparent 52%),
    linear-gradient(176deg,#F7F1E7 0%,#F1EBDC 46%,#E8DFCC 100%) !important;
}
body.ado-theme-professionisti,
body.ado-theme-studio,
body.ado-theme-contatti{
  --ado-accent:#9a6a4a; --page-light:var(--ado-rose-veil); --page-shadow:rgba(43,36,56,.22);
  --page-recede:var(--ado-ink-violet); --page-advance:var(--ado-burnt-sienna);
  background:
    radial-gradient(ellipse 72% 60% at 4% -6%, rgba(180,139,120,.16), transparent 52%),
    radial-gradient(ellipse 86% 72% at 98% 106%, rgba(23,17,35,.22), transparent 58%),
    radial-gradient(ellipse 60% 52% at 90% 6%, rgba(143,109,61,.13), transparent 52%),
    linear-gradient(176deg,#F5EFE6 0%,#EEE7DA 46%,#E5DCCB 100%) !important;
}
body.ado-theme-approfondimenti{
  --ado-accent:#6f7f83; --page-light:var(--ado-canvas); --page-shadow:rgba(58,43,29,.16);
  --page-recede:var(--ado-misty-blue); --page-advance:var(--ado-ochre);
  background:
    radial-gradient(ellipse 72% 60% at 4% -6%, rgba(198,162,90,.13), transparent 52%),
    radial-gradient(ellipse 86% 72% at 98% 106%, rgba(51,66,74,.16), transparent 56%),
    radial-gradient(ellipse 60% 52% at 90% 6%, rgba(111,127,131,.14), transparent 52%),
    linear-gradient(176deg,#F7F3EA 0%,#F0EFE6 46%,#E6E4D8 100%) !important;
}
body.ado-theme-legal{
  --ado-accent:#8f6d3d; --page-light:var(--ado-parchment); --page-shadow:rgba(51,66,74,.14);
  --page-recede:var(--ado-misty-blue); --page-advance:var(--ado-bronze);
  background:
    radial-gradient(ellipse 70% 58% at 4% -6%, rgba(143,109,61,.10), transparent 52%),
    radial-gradient(ellipse 84% 70% at 98% 106%, rgba(51,66,74,.12), transparent 56%),
    linear-gradient(176deg,#F6F2E9 0%,#EFEADF 46%,#E7E0D2 100%) !important;
}

/* ---- ACCENTO D AREA su eyebrow/label/kicker/freccia (identita cromatica) ---- */
body[class*="ado-theme-"] .related-eyebrow,
body[class*="ado-theme-"] .related-index .seo-kicker,
body[class*="ado-theme-"] .monet-label,
body[class*="ado-theme-"] .seo-kicker,
body[class*="ado-theme-"] .editorial-kicker{ color:var(--ado-accent) !important; }
body[class*="ado-theme-"] .monet-area__arrow,
body[class*="ado-theme-"] .monet-area--related .monet-area__arrow{ color:var(--ado-accent); }
/* hairline d area sottile (filo bronzo virato per tema) */
body[class*="ado-theme-"] .related-links .monet-area--related,
body[class*="ado-theme-"] .related-index .monet-area--related{
  border-color:color-mix(in srgb, var(--ado-accent) 42%, rgba(143,109,61,.24));
}
body[class*="ado-theme-"] .related-links .monet-area--related:hover,
body[class*="ado-theme-"] .related-index .monet-area--related:hover{
  box-shadow:0 22px 48px var(--page-shadow), inset 0 0 0 1px rgba(255,251,242,.22);
}

/* ---- OMBRE COMPLEMENTARI su superfici principali (no umbra piatta) ---------- */
body[class*="ado-theme-"] .intake-shell.signature-spotlight{
  box-shadow:0 30px 64px var(--page-shadow), inset 0 0 0 1px rgba(247,240,226,.34), inset 0 0 80px rgba(143,109,61,.06);
}
body[class*="ado-theme-"] .ado-art-panel--cta,
body[class*="ado-theme-"] .art-final-cta{
  box-shadow:0 34px 80px var(--page-shadow);
}

/* ---- BROKEN COLOUR · vibrazione d ambiente complementare sulle CTA scure ---- */
.art-final-cta, .ado-art-panel--cta{ position:relative; isolation:isolate; }
.art-final-cta::after, .ado-art-panel--cta::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  opacity:.16; mix-blend-mode:soft-light;
  background:
    radial-gradient(circle at 18% 24%, rgba(198,162,90,.30), transparent 26%),
    radial-gradient(circle at 76% 30%, rgba(111,127,131,.20), transparent 30%),
    radial-gradient(circle at 44% 82%, rgba(180,139,120,.18), transparent 28%);
}
.art-final-cta > *, .ado-art-panel--cta > *{ position:relative; z-index:1; }
/* §GW300 end */

/* =========================================================
   GIGA WOW 300/100 TRUEFINAL — regia cromatica completa
   token impressionisti · footer scena notturna · ritratti dossier
   (zero nero puro · zero bianco meccanico · ombre complementari)
   ========================================================= */
:root{
  --imp-cobalt:#3f5870; --imp-cerulean:#6f8f9c; --imp-ultramarine:#30365f;
  --imp-viridian:#426b55; --imp-emerald-deep:#12332b;
  --imp-chrome-yellow:#d0aa58; --imp-yellow-ochre:#b78232;
  --imp-vermilion:#b9573a; --imp-crimson:#8a4a52; --imp-cobalt-violet:#4b3b78;
  --imp-black-violet:#171123; --imp-black-brown:#241c10; --imp-black-green:#071814;
  --imp-white-butter:#f7f0e2; --imp-ivory:#f4ead7; --imp-pearl-cool:#e8ece7;
  --shadow-warm-light:0 24px 54px rgba(72,58,124,.18);
  --shadow-cool-light:0 22px 46px rgba(122,60,34,.16);
  --shadow-twilight:0 30px 76px rgba(48,54,95,.22);
  --ease-brush:cubic-bezier(.22,.1,.36,1); --ease-bristle:cubic-bezier(.18,.72,.28,1);
}

/* ════════════════════════════════════════════════════════════════════
   REGIA FINALE GIGA WOW 300 — unica autorità su footer / dossier / intake.
   Sovrascrive ogni definizione precedente (cascade + !important).
   Brief cromatico impressionista: niente nero puro, niente bianco
   meccanico, niente grigio morto, ombre complementari, broken colour.
   ════════════════════════════════════════════════════════════════════ */

/* ── PROFESSIONISTI · legal-dossier — tavola da catalogo museale ── */
.section--narrow:has(.lawyer-editorial.legal-dossier){
  max-width:min(100% - 3rem, 1360px) !important;
  width:100% !important;
}

.lawyer-editorial.legal-dossier{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:100% !important;
  display:grid;
  grid-template-columns:minmax(300px, 420px) minmax(0, 1fr) !important;
  gap:clamp(2.4rem, 4.8vw, 4.8rem) !important;
  padding:clamp(2rem, 4vw, 4.6rem) !important;
  border:1px solid color-mix(in srgb, var(--imp-yellow-ochre) 38%, var(--imp-cobalt-violet) 12%);
  background:
    linear-gradient(112deg,
      color-mix(in srgb, var(--imp-white-butter) 88%, var(--imp-cerulean) 12%),
      color-mix(in srgb, var(--imp-ivory) 76%, var(--imp-yellow-ochre) 14%) 48%,
      color-mix(in srgb, var(--imp-pearl-cool) 68%, var(--imp-cobalt-violet) 10%)) !important;
  box-shadow:
    0 34px 78px rgba(72,58,124,.18),
    0 12px 36px rgba(122,60,34,.10),
    inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 48%, transparent);
}

/* velatura impressionista specifica del singolo professionista (--lawyer-art inline) */
.lawyer-editorial.legal-dossier::before{
  content:"";
  position:absolute;
  inset:0;
  height:auto;
  width:auto;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(247,240,226,.86) 0%,
      rgba(247,240,226,.72) 42%,
      rgba(247,240,226,.90) 100%),
    var(--lawyer-art);
  background-size:cover;
  background-position:var(--lawyer-art-position, center);
  background-repeat:no-repeat;
  opacity:.30;
  filter:sepia(.08) saturate(.92) contrast(1.02) brightness(1.08);
  mix-blend-mode:multiply;
}

.lawyer-editorial.legal-dossier::after{
  content:"";
  position:absolute;
  inset:0;
  height:auto;
  width:auto;
  z-index:0;
  pointer-events:none;
  opacity:.20;
  mix-blend-mode:soft-light;
  background:
    radial-gradient(circle at 18% 18%, rgba(208,170,88,.34), transparent 21%),
    radial-gradient(circle at 82% 22%, rgba(75,59,120,.18), transparent 27%),
    radial-gradient(circle at 48% 88%, rgba(66,107,85,.14), transparent 28%);
}

.lawyer-editorial.legal-dossier > *{
  position:relative;
  z-index:1;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-photo{
  max-width:420px !important;
  width:100% !important;
  align-self:start;
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb, var(--imp-yellow-ochre) 30%, transparent);
  box-shadow:
    0 28px 64px rgba(72,58,124,.18),
    0 10px 30px rgba(122,60,34,.10),
    inset 0 0 0 1px color-mix(in srgb, var(--imp-yellow-ochre) 34%, transparent);
}

.lawyer-editorial.legal-dossier .lawyer-editorial-body{
  max-width:none !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-bio,
.lawyer-editorial.legal-dossier .lawyer-editorial-body p,
.lawyer-editorial.legal-dossier .lawyer-editorial-statement{
  max-width:78ch !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-name{
  color:var(--imp-cobalt-violet);
  text-shadow:0 2px 18px rgba(72,58,124,.14);
}
.lawyer-editorial.legal-dossier .lawyer-editorial-statement{
  color:var(--imp-vermilion);
  font-family:var(--font-display, Georgia, serif);
  font-size:clamp(1.28rem,1.7vw,1.72rem);
  line-height:1.28;
}
.lawyer-editorial.legal-dossier .lawyer-editorial-meta{
  background:linear-gradient(100deg,
    color-mix(in srgb, var(--imp-white-butter) 62%, transparent),
    color-mix(in srgb, var(--imp-ivory) 40%, transparent));
  border:1px solid color-mix(in srgb, var(--imp-yellow-ochre) 26%, transparent);
  padding:1rem 1.1rem;
}

@media (max-width:860px){
  .lawyer-editorial.legal-dossier{
    grid-template-columns:1fr !important;
    padding:1.6rem !important;
  }
  .lawyer-editorial.legal-dossier .lawyer-editorial-photo{
    max-width:340px !important;
  }
  .lawyer-editorial.legal-dossier::before{
    opacity:.18;
  }
}

/* ── CONTATTI · intake museale compatto (IT + EN) ── */
body.ado-page-contatti .intake-shell.signature-spotlight,
body.ado-page-en-contatti .intake-shell.signature-spotlight{
  max-width:min(100% - 3rem, 820px) !important;
  margin:clamp(2rem,4vw,3.2rem) auto !important;
  padding:clamp(1.7rem,3vw,2.6rem) !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(208,170,88,.18), transparent 24%),
    radial-gradient(circle at 86% 78%, rgba(75,59,120,.12), transparent 26%),
    linear-gradient(115deg,
      color-mix(in srgb, var(--imp-white-butter) 92%, var(--imp-cerulean) 8%),
      color-mix(in srgb, var(--imp-ivory) 82%, var(--imp-yellow-ochre) 10%)) !important;
  border:1px solid color-mix(in srgb, var(--imp-yellow-ochre) 34%, var(--imp-cobalt-violet) 14%) !important;
  box-shadow:
    0 32px 72px rgba(72,58,124,.17),
    0 10px 34px rgba(122,60,34,.10),
    inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 36%, transparent) !important;
}

body.ado-page-contatti .intake-form,
body.ado-page-en-contatti .intake-form{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:.95rem 1.15rem !important;
}
body.ado-page-contatti .intake-field--full,
body.ado-page-en-contatti .intake-field--full,
body.ado-page-contatti .intake-field textarea,
body.ado-page-en-contatti .intake-field textarea{
  grid-column:1 / -1;
}

body.ado-page-contatti .intake-field input,
body.ado-page-contatti .intake-field select,
body.ado-page-contatti .intake-field textarea,
body.ado-page-en-contatti .intake-field input,
body.ado-page-en-contatti .intake-field select,
body.ado-page-en-contatti .intake-field textarea{
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--imp-white-butter) 86%, var(--imp-pearl-cool) 14%),
      color-mix(in srgb, var(--imp-ivory) 86%, var(--imp-yellow-ochre) 8%)) !important;
  border:1px solid color-mix(in srgb, var(--imp-yellow-ochre) 42%, var(--imp-cobalt-violet) 10%) !important;
  box-shadow:inset 0 1px 12px rgba(75,59,120,.06);
}

body.ado-page-contatti .intake-field input:focus,
body.ado-page-contatti .intake-field select:focus,
body.ado-page-contatti .intake-field textarea:focus,
body.ado-page-en-contatti .intake-field input:focus,
body.ado-page-en-contatti .intake-field select:focus,
body.ado-page-en-contatti .intake-field textarea:focus{
  outline:none !important;
  border-color:var(--imp-yellow-ochre) !important;
  box-shadow:
    0 0 0 3px rgba(72,58,124,.14),
    inset 0 0 22px rgba(208,170,88,.10) !important;
}

/* contatti diretti / FAQ / sedi: più contenuti, broken colour, niente dispersione */
body.ado-page-contatti .intake-direct,
body.ado-page-en-contatti .intake-direct{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
  gap:1rem !important;
  margin-top:1.4rem !important;
}
body.ado-page-contatti .intake-direct > *,
body.ado-page-en-contatti .intake-direct > *{
  padding:1rem 1.1rem !important;
  background:
    radial-gradient(circle at 20% 16%, rgba(208,170,88,.16), transparent 30%),
    linear-gradient(140deg,
      color-mix(in srgb, var(--imp-white-butter) 90%, var(--imp-cerulean) 10%),
      color-mix(in srgb, var(--imp-ivory) 84%, var(--imp-yellow-ochre) 9%)) !important;
  border:1px solid color-mix(in srgb, var(--imp-yellow-ochre) 30%, var(--imp-cobalt-violet) 12%) !important;
  box-shadow:0 16px 40px rgba(72,58,124,.12), inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 30%, transparent);
}

/* ════════════════════════════════════════════════════════════════════
   FOOTER — scena crepuscolare impressionista (regia unica finale)
   blu-violetto + petrolio + viridian · luce bronzo radente · broken colour
   ════════════════════════════════════════════════════════════════════ */
.footer,
.site-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:color-mix(in srgb, var(--imp-white-butter) 82%, var(--imp-cerulean) 18%) !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(208,170,88,.24), transparent 25%),
    radial-gradient(circle at 82% 14%, rgba(75,59,120,.28), transparent 31%),
    radial-gradient(circle at 68% 90%, rgba(66,107,85,.24), transparent 34%),
    linear-gradient(128deg,
      var(--imp-black-violet) 0%,
      var(--imp-black-green) 46%,
      var(--imp-emerald-deep) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(208,170,88,.30),
    0 -30px 84px rgba(48,54,95,.20) !important;
}

.footer::before,
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  top:0; right:0; bottom:0; left:0;
  height:auto;
  width:auto;
  z-index:0;
  pointer-events:none;
  opacity:.28 !important;
  mix-blend-mode:soft-light;
  background:
    radial-gradient(circle at 18% 28%, rgba(208,170,88,.36), transparent 18%),
    radial-gradient(circle at 52% 42%, rgba(63,88,112,.22), transparent 22%),
    radial-gradient(circle at 76% 70%, rgba(180,139,120,.18), transparent 24%) !important;
  filter:none !important;
}

.footer::after,
.site-footer::after{
  content:"";
  position:absolute;
  inset:0;
  height:auto;
  width:auto;
  z-index:0;
  pointer-events:none;
  opacity:.18 !important;
  mix-blend-mode:normal;
  background:
    repeating-linear-gradient(100deg,
      transparent 0 9px,
      rgba(247,240,226,.028) 9px 10px),
    repeating-linear-gradient(8deg,
      transparent 0 13px,
      rgba(208,170,88,.022) 13px 14px) !important;
  background-size:auto !important;
}

.footer > *,
.site-footer > *{
  position:relative;
  z-index:1;
}

.footer-desc,
.footer-cta-text,
.footer-locations,
.footer-legal-note,
.footer-bottom-row,
.footer-bottom{
  color:color-mix(in srgb, var(--imp-white-butter) 62%, var(--imp-cerulean) 38%) !important;
}

.footer-specialism{
  color:color-mix(in srgb, var(--imp-chrome-yellow) 72%, var(--imp-crimson) 28%) !important;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.65rem;
  font-weight:400;
}

.footer-links a,
.footer-mail-link,
.footer-social-link,
.footer-admin-link,
.footer a,
.site-footer a,
.footer .footer-bottom a,
.footer .footer-links a{
  color:color-mix(in srgb, var(--imp-white-butter) 70%, var(--imp-chrome-yellow) 30%) !important;
  text-decoration:none;
}

.footer-links a:hover,
.footer-mail-link:hover,
.footer-social-link:hover,
.footer-admin-link:hover,
.footer a:hover,
.site-footer a:hover,
.footer .footer-bottom a:hover,
.footer .footer-links a:hover{
  color:color-mix(in srgb, var(--imp-chrome-yellow) 76%, var(--imp-white-butter) 24%) !important;
}

.footer-social-link{ display:inline-flex; align-items:center; gap:.4rem; }
.footer-social-label{ font-size:.7rem; letter-spacing:.05em; }

.footer-logo{
  height:52px;
  width:auto;
  opacity:.94;
  filter:sepia(.22) saturate(.92) brightness(1.08);
}


/* === TRUEFINAL OVERRIDE — PROFESSIONISTI MUSEALI 300 === */

.section--narrow:has(.lawyer-editorial.legal-dossier) {
  max-width: min(100% - 2rem, 1480px) !important;
  width: 100% !important;
}

.lawyer-editorial.legal-dossier {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  max-width: 1320px !important;
  margin: clamp(2rem, 4vw, 4.5rem) auto !important;
  display: grid !important;
  grid-template-columns: minmax(340px, 460px) minmax(0, 1fr) !important;
  gap: clamp(2.4rem, 5vw, 5.4rem) !important;
  padding: clamp(2.2rem, 4.4vw, 5rem) !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 44%, var(--imp-cobalt-violet) 18%) !important;
  outline: 0 !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(208,170,88,.22), transparent 22%),
    radial-gradient(circle at 82% 80%, rgba(75,59,120,.16), transparent 30%),
    linear-gradient(112deg,
      color-mix(in srgb, var(--imp-white-butter) 88%, var(--imp-cerulean) 12%),
      color-mix(in srgb, var(--imp-ivory) 76%, var(--imp-yellow-ochre) 14%) 48%,
      color-mix(in srgb, var(--imp-pearl-cool) 70%, var(--imp-cobalt-violet) 10%)) !important;
  box-shadow:
    0 34px 78px rgba(72,58,124,.20),
    0 16px 42px rgba(122,60,34,.12),
    inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 42%, transparent) !important;
}

.lawyer-editorial.legal-dossier::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(247,240,226,.82) 0%,
      rgba(247,240,226,.64) 38%,
      rgba(247,240,226,.82) 68%,
      rgba(247,240,226,.92) 100%),
    var(--lawyer-art) !important;
  background-size: cover !important;
  background-position: var(--lawyer-art-position, center) !important;
  background-repeat: no-repeat !important;
  opacity: .44 !important;
  filter: sepia(.10) saturate(.96) contrast(1.02) brightness(1.08) !important;
  mix-blend-mode: multiply !important;
}

.lawyer-editorial.legal-dossier::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .26 !important;
  mix-blend-mode: soft-light !important;
  background:
    radial-gradient(circle at 16% 20%, rgba(208,170,88,.38), transparent 20%),
    radial-gradient(circle at 76% 18%, rgba(63,88,112,.22), transparent 24%),
    radial-gradient(circle at 48% 88%, rgba(180,139,120,.20), transparent 28%),
    repeating-linear-gradient(104deg,
      transparent 0 12px,
      rgba(75,59,120,.030) 12px 13px) !important;
}

.lawyer-editorial.legal-dossier > * {
  position: relative !important;
  z-index: 1 !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-photo {
  width: 100% !important;
  max-width: 460px !important;
  align-self: start !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 42%, var(--imp-cobalt-violet) 14%) !important;
  box-shadow:
    0 28px 64px rgba(72,58,124,.20),
    0 12px 34px rgba(122,60,34,.12),
    inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 34%, transparent) !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-photo img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-body {
  max-width: none !important;
  min-width: 0 !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-bio,
.lawyer-editorial.legal-dossier .lawyer-editorial-body p,
.lawyer-editorial.legal-dossier .lawyer-editorial-statement {
  max-width: 82ch !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-meta {
  max-width: 760px !important;
  background:
    linear-gradient(104deg,
      color-mix(in srgb, var(--imp-white-butter) 70%, transparent),
      color-mix(in srgb, var(--imp-ivory) 52%, var(--imp-cerulean) 8%)) !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 30%, var(--imp-cobalt-violet) 10%) !important;
  box-shadow: inset 0 1px 18px rgba(75,59,120,.06) !important;
}

@media (max-width: 900px) {
  .lawyer-editorial.legal-dossier {
    grid-template-columns: 1fr !important;
    padding: 1.5rem !important;
  }

  .lawyer-editorial.legal-dossier .lawyer-editorial-photo {
    max-width: 360px !important;
  }

  .lawyer-editorial.legal-dossier::before {
    opacity: .28 !important;
  }
}

/* === TRUEFINAL OVERRIDE — FOOTER IMPRESSIONISTA 300 === */

.footer,
.site-footer {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  color: color-mix(in srgb, var(--imp-white-butter) 78%, var(--imp-cerulean) 22%) !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(208,170,88,.26), transparent 24%),
    radial-gradient(circle at 78% 18%, rgba(75,59,120,.32), transparent 32%),
    radial-gradient(circle at 60% 82%, rgba(66,107,85,.28), transparent 34%),
    linear-gradient(128deg,
      var(--imp-black-violet) 0%,
      var(--imp-black-green) 42%,
      var(--imp-emerald-deep) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(208,170,88,.34),
    0 -34px 92px rgba(48,54,95,.22) !important;
}

.footer::before,
.site-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .36 !important;
  mix-blend-mode: soft-light !important;
  background:
    radial-gradient(circle at 20% 26%, rgba(208,170,88,.42), transparent 18%),
    radial-gradient(circle at 48% 40%, rgba(63,88,112,.26), transparent 22%),
    radial-gradient(circle at 76% 70%, rgba(180,139,120,.22), transparent 24%),
    repeating-linear-gradient(98deg,
      transparent 0 10px,
      rgba(247,240,226,.030) 10px 11px) !important;
  filter: none !important;
  background-size: auto !important;
}

.footer::after,
.site-footer::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .22 !important;
  mix-blend-mode: normal !important;
  background:
    repeating-linear-gradient(8deg,
      transparent 0 13px,
      rgba(208,170,88,.026) 13px 14px),
    linear-gradient(180deg,
      transparent 0%,
      rgba(75,59,120,.14) 100%) !important;
  background-size: auto !important;
}

.footer > *,
.site-footer > * {
  position: relative !important;
  z-index: 1 !important;
}

.footer-inner {
  border-top: 1px solid color-mix(in srgb, var(--imp-chrome-yellow) 34%, var(--imp-cobalt-violet) 20%) !important;
  padding-top: clamp(2rem, 4vw, 3.2rem) !important;
}

.footer-desc,
.footer-cta-text,
.footer-locations,
.footer-legal-note,
.footer-bottom-row,
.footer-bottom {
  color: color-mix(in srgb, var(--imp-white-butter) 62%, var(--imp-cerulean) 38%) !important;
}

.footer-specialism {
  color: color-mix(in srgb, var(--imp-chrome-yellow) 76%, var(--imp-crimson) 24%) !important;
  text-transform: uppercase !important;
  letter-spacing: .18em !important;
}

.footer-links a,
.footer-mail-link,
.footer-social-link,
.footer-admin-link,
.footer a,
.site-footer a,
.footer .footer-bottom a,
.footer .footer-links a {
  color: color-mix(in srgb, var(--imp-white-butter) 68%, var(--imp-chrome-yellow) 32%) !important;
  text-decoration: none !important;
}

.footer-links a:hover,
.footer-mail-link:hover,
.footer-social-link:hover,
.footer-admin-link:hover,
.footer a:hover,
.site-footer a:hover,
.footer .footer-bottom a:hover,
.footer .footer-links a:hover {
  color: color-mix(in srgb, var(--imp-chrome-yellow) 78%, var(--imp-white-butter) 22%) !important;
}

.footer-logo {
  height: 52px !important;
  width: auto !important;
  opacity: .94 !important;
  filter: sepia(.22) saturate(.92) brightness(1.08) !important;
}

/* === TRUEFINAL OVERRIDE — CONTATTI ATELIER 300 === */

body.ado-page-contatti .intake-shell.signature-spotlight,
body.ado-page-en-contatti .intake-shell.signature-spotlight {
  max-width: min(100% - 3rem, 820px) !important;
  margin: clamp(2rem,4vw,3.2rem) auto !important;
  padding: clamp(1.7rem,3vw,2.6rem) !important;
}

body.ado-page-contatti .intake-direct,
body.ado-page-en-contatti .intake-direct,
body.ado-page-contatti .intake-direct-inner,
body.ado-page-en-contatti .intake-direct-inner {
  max-width: min(100% - 3rem, 860px) !important;
  margin-inline: auto !important;
}

body.ado-page-contatti .faq-accordion,
body.ado-page-en-contatti .faq-accordion {
  max-width: min(100% - 3rem, 840px) !important;
  margin-inline: auto !important;
}

/* contatti — broken colour & ombre complementari, layout mobile intatto */
body.ado-page-contatti .intake-shell.signature-spotlight,
body.ado-page-en-contatti .intake-shell.signature-spotlight {
  background:
    radial-gradient(circle at 14% 18%, rgba(208,170,88,.18), transparent 24%),
    radial-gradient(circle at 86% 78%, rgba(75,59,120,.12), transparent 26%),
    linear-gradient(115deg,
      color-mix(in srgb, var(--imp-white-butter) 92%, var(--imp-cerulean) 8%),
      color-mix(in srgb, var(--imp-ivory) 82%, var(--imp-yellow-ochre) 10%)) !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 34%, var(--imp-cobalt-violet) 14%) !important;
  box-shadow:
    0 32px 72px rgba(72,58,124,.17),
    0 10px 34px rgba(122,60,34,.10),
    inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 36%, transparent) !important;
}

body.ado-page-contatti .intake-form,
body.ado-page-en-contatti .intake-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: .95rem 1.15rem !important;
}
body.ado-page-contatti .intake-field--full,
body.ado-page-en-contatti .intake-field--full,
body.ado-page-contatti .intake-field textarea,
body.ado-page-en-contatti .intake-field textarea {
  grid-column: 1 / -1;
}

body.ado-page-contatti .intake-field input,
body.ado-page-contatti .intake-field select,
body.ado-page-contatti .intake-field textarea,
body.ado-page-en-contatti .intake-field input,
body.ado-page-en-contatti .intake-field select,
body.ado-page-en-contatti .intake-field textarea {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--imp-white-butter) 86%, var(--imp-pearl-cool) 14%),
      color-mix(in srgb, var(--imp-ivory) 86%, var(--imp-yellow-ochre) 8%)) !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 42%, var(--imp-cobalt-violet) 10%) !important;
  box-shadow: inset 0 1px 12px rgba(75,59,120,.06) !important;
}

body.ado-page-contatti .intake-field input:focus,
body.ado-page-contatti .intake-field select:focus,
body.ado-page-contatti .intake-field textarea:focus,
body.ado-page-en-contatti .intake-field input:focus,
body.ado-page-en-contatti .intake-field select:focus,
body.ado-page-en-contatti .intake-field textarea:focus {
  outline: none !important;
  border-color: var(--imp-yellow-ochre) !important;
  box-shadow:
    0 0 0 3px rgba(72,58,124,.14),
    inset 0 0 22px rgba(208,170,88,.10) !important;
}

body.ado-page-contatti .intake-direct > *,
body.ado-page-en-contatti .intake-direct > * {
  background:
    radial-gradient(circle at 20% 16%, rgba(208,170,88,.16), transparent 30%),
    linear-gradient(140deg,
      color-mix(in srgb, var(--imp-white-butter) 90%, var(--imp-cerulean) 10%),
      color-mix(in srgb, var(--imp-ivory) 84%, var(--imp-yellow-ochre) 9%)) !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 30%, var(--imp-cobalt-violet) 12%) !important;
  box-shadow: 0 16px 40px rgba(72,58,124,.12), inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 30%, transparent) !important;
}

/* =========================================================
   MEGAWOW 300 — COLOR SYSTEM + PROFESSIONISTI + FOOTER + CONTATTI
   PATCH APPLICATA DIRETTAMENTE ALLA CARTELLA SERVITA
   ========================================================= */

:root {
  --imp-cobalt: #3f5870;
  --imp-cerulean: #6f8f9c;
  --imp-ultramarine: #30365f;
  --imp-viridian: #426b55;
  --imp-emerald-deep: #12332b;
  --imp-chrome-yellow: #d0aa58;
  --imp-yellow-ochre: #b78232;
  --imp-vermilion: #b9573a;
  --imp-crimson: #8a4a52;
  --imp-cobalt-violet: #4b3b78;

  --imp-black-violet: #171123;
  --imp-black-brown: #241c10;
  --imp-black-green: #071814;

  --imp-white-butter: #f7f0e2;
  --imp-ivory: #f4ead7;
  --imp-pearl-cool: #e8ece7;

  --ease-brush: cubic-bezier(.22,.1,.36,1);
  --ease-bristle: cubic-bezier(.18,.72,.28,1);
}

/* =========================================================
   MEGAWOW 300 — PROFESSIONISTI COME RITRATTI MUSEALI
   ========================================================= */

.section--surface:has(.lawyer-editorial.legal-dossier) {
  background:
    radial-gradient(circle at 18% 10%, rgba(208,170,88,.18), transparent 28%),
    radial-gradient(circle at 84% 24%, rgba(75,59,120,.12), transparent 32%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--imp-white-butter) 86%, var(--imp-cerulean) 14%),
      color-mix(in srgb, var(--imp-ivory) 88%, var(--imp-yellow-ochre) 8%)) !important;
}

.section--narrow:has(.lawyer-editorial.legal-dossier) {
  max-width: min(100% - 2rem, 1540px) !important;
  width: 100% !important;
}

.lawyer-editorial.legal-dossier {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  max-width: 1420px !important;
  width: 100% !important;
  margin: clamp(2.2rem, 4vw, 4.8rem) auto !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 500px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: clamp(2.8rem, 5.5vw, 6rem) !important;
  padding: clamp(2.4rem, 4.8vw, 5.4rem) !important;
  border: 0 !important;
  outline: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 42%, var(--imp-cobalt-violet) 22%) !important;
  background:
    radial-gradient(circle at 14% 20%, rgba(208,170,88,.24), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(63,88,112,.16), transparent 28%),
    radial-gradient(circle at 68% 86%, rgba(180,139,120,.16), transparent 30%),
    linear-gradient(112deg,
      color-mix(in srgb, var(--imp-white-butter) 88%, var(--imp-cerulean) 12%) 0%,
      color-mix(in srgb, var(--imp-ivory) 74%, var(--imp-yellow-ochre) 16%) 46%,
      color-mix(in srgb, var(--imp-pearl-cool) 74%, var(--imp-cobalt-violet) 12%) 100%) !important;
  box-shadow:
    0 38px 88px rgba(72,58,124,.22),
    0 18px 48px rgba(122,60,34,.13),
    inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 44%, transparent) !important;
}

.lawyer-editorial.legal-dossier::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image: var(--lawyer-art) !important;
  background-size: cover !important;
  background-position: var(--lawyer-art-position, center) !important;
  background-repeat: no-repeat !important;
  opacity: .62 !important;
  filter: sepia(.08) saturate(.98) contrast(1.03) brightness(1.06) !important;
  mix-blend-mode: multiply !important;
}

.lawyer-editorial.legal-dossier::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(247,240,226,.40) 0%,
      rgba(247,240,226,.56) 28%,
      rgba(247,240,226,.72) 54%,
      rgba(247,240,226,.88) 100%),
    radial-gradient(circle at 16% 18%, rgba(208,170,88,.34), transparent 20%),
    radial-gradient(circle at 78% 20%, rgba(75,59,120,.20), transparent 26%),
    repeating-linear-gradient(104deg,
      transparent 0 12px,
      rgba(75,59,120,.035) 12px 13px) !important;
  opacity: .92 !important;
  mix-blend-mode: normal !important;
}

.lawyer-editorial.legal-dossier > * {
  position: relative !important;
  z-index: 1 !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-photo {
  width: 100% !important;
  max-width: 500px !important;
  align-self: start !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 46%, var(--imp-cobalt-violet) 18%) !important;
  box-shadow:
    0 30px 70px rgba(72,58,124,.22),
    0 14px 40px rgba(122,60,34,.14),
    inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 34%, transparent) !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-photo img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-body {
  max-width: none !important;
  min-width: 0 !important;
  padding: clamp(1.1rem, 2vw, 1.7rem) !important;
  background:
    linear-gradient(112deg,
      color-mix(in srgb, var(--imp-white-butter) 76%, transparent),
      color-mix(in srgb, var(--imp-ivory) 62%, var(--imp-cerulean) 8%)) !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 24%, var(--imp-cobalt-violet) 10%) !important;
  box-shadow:
    0 18px 42px rgba(72,58,124,.10),
    inset 0 1px 22px rgba(208,170,88,.08) !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-name {
  color: var(--imp-black-violet) !important;
  text-shadow: 0 2px 18px rgba(72,58,124,.12) !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-statement {
  color: color-mix(in srgb, var(--imp-crimson) 68%, var(--imp-yellow-ochre) 32%) !important;
  font-family: var(--font-display, Georgia, serif) !important;
  font-size: clamp(1.3rem, 1.75vw, 1.78rem) !important;
  line-height: 1.25 !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-bio,
.lawyer-editorial.legal-dossier .lawyer-editorial-body p {
  max-width: 86ch !important;
}

.lawyer-editorial.legal-dossier .lawyer-editorial-meta {
  max-width: 790px !important;
  background:
    linear-gradient(104deg,
      color-mix(in srgb, var(--imp-white-butter) 72%, transparent),
      color-mix(in srgb, var(--imp-ivory) 56%, var(--imp-cerulean) 8%)) !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 32%, var(--imp-cobalt-violet) 12%) !important;
  box-shadow: inset 0 1px 18px rgba(75,59,120,.07) !important;
}

/* =========================================================
   MEGAWOW 300 — FOOTER COME SCENA IMPRESSIONISTICA CREPUSCOLARE
   ========================================================= */

.footer,
.site-footer {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding-block: clamp(3.2rem, 7vw, 6rem) clamp(2rem, 4vw, 3rem) !important;
  color: color-mix(in srgb, var(--imp-white-butter) 78%, var(--imp-cerulean) 22%) !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(208,170,88,.46), transparent 22%),
    radial-gradient(circle at 74% 18%, rgba(75,59,120,.42), transparent 30%),
    radial-gradient(circle at 62% 84%, rgba(66,107,85,.40), transparent 36%),
    radial-gradient(circle at 28% 78%, rgba(180,139,120,.22), transparent 30%),
    linear-gradient(128deg,
      #21183a 0%,
      #12332b 43%,
      #6e4d2f 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(208,170,88,.40),
    0 -36px 96px rgba(48,54,95,.24) !important;
}

.footer::before,
.site-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .50 !important;
  mix-blend-mode: soft-light !important;
  background:
    radial-gradient(circle at 18% 26%, rgba(208,170,88,.54), transparent 17%),
    radial-gradient(circle at 46% 38%, rgba(63,88,112,.36), transparent 22%),
    radial-gradient(circle at 78% 72%, rgba(180,139,120,.30), transparent 25%),
    radial-gradient(circle at 54% 86%, rgba(66,107,85,.34), transparent 30%),
    repeating-linear-gradient(98deg,
      transparent 0 10px,
      rgba(247,240,226,.050) 10px 11px) !important;
}

.footer::after,
.site-footer::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .30 !important;
  background:
    repeating-linear-gradient(8deg,
      transparent 0 13px,
      rgba(208,170,88,.040) 13px 14px),
    linear-gradient(180deg,
      transparent 0%,
      rgba(75,59,120,.20) 100%) !important;
}

.footer > *,
.site-footer > * {
  position: relative !important;
  z-index: 1 !important;
}

.footer-inner {
  max-width: min(100% - 3rem, 1240px) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 1.05fr) minmax(260px, .95fr) !important;
  gap: clamp(2rem, 5vw, 5rem) !important;
  border-top: 1px solid color-mix(in srgb, var(--imp-chrome-yellow) 42%, var(--imp-cobalt-violet) 24%) !important;
  padding-top: clamp(2rem, 4vw, 3.2rem) !important;
}

.footer-brand,
.footer-links {
  background:
    linear-gradient(118deg,
      rgba(247,240,226,.085),
      rgba(208,170,88,.055) 44%,
      rgba(66,107,85,.075)) !important;
  border: 1px solid color-mix(in srgb, var(--imp-chrome-yellow) 24%, var(--imp-cobalt-violet) 22%) !important;
  padding: clamp(1.2rem, 2vw, 1.8rem) !important;
  box-shadow:
    0 22px 58px rgba(48,54,95,.22),
    inset 0 1px 22px rgba(208,170,88,.10) !important;
  backdrop-filter: blur(2px) saturate(1.08);
}

.footer-desc,
.footer-cta-text,
.footer-locations,
.footer-legal-note,
.footer-bottom-row,
.footer-bottom {
  color: color-mix(in srgb, var(--imp-white-butter) 70%, var(--imp-cerulean) 30%) !important;
}

.footer-specialism {
  color: color-mix(in srgb, var(--imp-chrome-yellow) 82%, var(--imp-crimson) 18%) !important;
  text-transform: uppercase !important;
  letter-spacing: .18em !important;
}

.footer-links {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem 1rem !important;
  align-content: start !important;
}

.footer-links a,
.footer-mail-link,
.footer-social-link,
.footer-admin-link {
  color: color-mix(in srgb, var(--imp-white-butter) 72%, var(--imp-chrome-yellow) 28%) !important;
  text-decoration: none !important;
  text-shadow: 0 2px 16px rgba(72,58,124,.20) !important;
}

.footer-links a:hover,
.footer-mail-link:hover,
.footer-social-link:hover,
.footer-admin-link:hover {
  color: color-mix(in srgb, var(--imp-chrome-yellow) 82%, var(--imp-white-butter) 18%) !important;
}

.footer-bottom {
  max-width: min(100% - 3rem, 1240px) !important;
  margin: clamp(2rem, 4vw, 3rem) auto 0 !important;
  border-top: 1px solid color-mix(in srgb, var(--imp-chrome-yellow) 28%, var(--imp-cobalt-violet) 24%) !important;
  padding-top: 1rem !important;
}

.footer-logo {
  height: 52px !important;
  width: auto !important;
  opacity: .94 !important;
  filter: sepia(.22) saturate(.92) brightness(1.08) !important;
}

/* =========================================================
   MEGAWOW 300 — CONTATTI COME ATELIER RISERVATO
   ========================================================= */

body.ado-page-contatti .intake-shell.signature-spotlight,
body.ado-page-en-contatti .intake-shell.signature-spotlight {
  max-width: min(100% - 3rem, 820px) !important;
  margin: clamp(2rem,4vw,3.2rem) auto !important;
  padding: clamp(1.7rem,3vw,2.6rem) !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(208,170,88,.20), transparent 24%),
    radial-gradient(circle at 86% 78%, rgba(75,59,120,.14), transparent 26%),
    linear-gradient(115deg,
      color-mix(in srgb, var(--imp-white-butter) 90%, var(--imp-cerulean) 10%),
      color-mix(in srgb, var(--imp-ivory) 82%, var(--imp-yellow-ochre) 10%)) !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 36%, var(--imp-cobalt-violet) 16%) !important;
  box-shadow:
    0 32px 72px rgba(72,58,124,.18),
    0 10px 34px rgba(122,60,34,.11),
    inset 0 0 0 1px color-mix(in srgb, var(--imp-white-butter) 36%, transparent) !important;
}

body.ado-page-contatti .intake-direct,
body.ado-page-en-contatti .intake-direct,
body.ado-page-contatti .intake-direct-inner,
body.ado-page-en-contatti .intake-direct-inner {
  max-width: min(100% - 3rem, 860px) !important;
  margin-inline: auto !important;
}

body.ado-page-contatti .faq-accordion,
body.ado-page-en-contatti .faq-accordion {
  max-width: min(100% - 3rem, 840px) !important;
  margin-inline: auto !important;
}

body.ado-page-contatti .intake-field input,
body.ado-page-contatti .intake-field select,
body.ado-page-contatti .intake-field textarea,
body.ado-page-en-contatti .intake-field input,
body.ado-page-en-contatti .intake-field select,
body.ado-page-en-contatti .intake-field textarea {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--imp-white-butter) 86%, var(--imp-pearl-cool) 14%),
      color-mix(in srgb, var(--imp-ivory) 86%, var(--imp-yellow-ochre) 8%)) !important;
  border: 1px solid color-mix(in srgb, var(--imp-yellow-ochre) 42%, var(--imp-cobalt-violet) 10%) !important;
  box-shadow: inset 0 1px 12px rgba(75,59,120,.06) !important;
}

@media (max-width: 940px) {
  .lawyer-editorial.legal-dossier {
    grid-template-columns: 1fr !important;
    padding: 1.5rem !important;
  }

  .lawyer-editorial.legal-dossier .lawyer-editorial-photo {
    max-width: 360px !important;
  }

  .lawyer-editorial.legal-dossier::before {
    opacity: .34 !important;
  }

  .lawyer-editorial.legal-dossier::after {
    background:
      linear-gradient(180deg,
        rgba(247,240,226,.66),
        rgba(247,240,226,.88)),
      radial-gradient(circle at 18% 20%, rgba(208,170,88,.24), transparent 24%) !important;
  }
}

@media (max-width: 820px) {
  .footer-inner {
    grid-template-columns: 1fr !important;
  }

  .footer-links {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   §Z · GIGA WOW ARTWORK — CONSOLIDAMENTO FINALE
   Versione: 20260614-gigawow-artwork
   Blocco unico, in coda alla regia. Interviene SOLO dove il QA
   per screenshot ha mostrato un difetto reale: CTA che collidono,
   menu a split netto, hero EN illeggibile, opacita globali fuori
   controllo. Nessuna sezione duplicata: footer, card e lama delle
   aree restano governati dalle sezioni precedenti di questo file.
   ========================================================= */

:root{
  --vg-night-0:#01030a; --vg-night-1:#031024; --vg-cobalt:#153b7c; --vg-lapis:#1d55a6;
  --vg-star-core:#fff8bd; --vg-star:#f7dc73; --vg-arles:#e6b957; --vg-ochre:#c98b2e;
  --vg-canvas:#f8efd9; --vg-cream:#f5ead1; --vg-parchment:#ead6ad; --vg-ink:#101318;

  --art-global-opacity:.10;
  --motion-ease-brush:cubic-bezier(.16,1,.3,1);
}

/* Z1 · ATMOSFERA GLOBALE SOTTO CONTROLLO
   La patina generale non deve mai diventare filtro: resta sotto .10
   e non intercetta il puntatore. Larte sta nelle composizioni locali. */
body::before,
body::after,
.ado-art-frame,
.ado-art-atmosphere{
  opacity:var(--art-global-opacity) !important;
  mix-blend-mode:soft-light !important;
  pointer-events:none !important;
}

/* Z2 · CTA = PENNELLATA REALE, NON MACCHIA UNICA
   Lo sprite resta la pennellata fotografata (piu pittorica di qualsiasi
   gradiente), ma a 392px di min-width due CTA affiancate si fondevano in
   una sola chiazza e il testo cadeva sulle code trasparenti.
   Qui la pennellata viene stretta sul proprio testo e linchiostro
   riceve un alone caldo che lo stacca dalla materia. */
.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,
.monet-cta-secondary::before,.home-cta-secondary::before,.cta-secondary::before,
.btn-secondary::before,.btn-outline::before,.btn-white::before{
  width:calc(100% + 64px) !important;
  min-width:0 !important;
  height:104px !important;
}

.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,
button[type="submit"],input[type="submit"],
.monet-cta-secondary,.home-cta-secondary,.cta-secondary,.btn-secondary,.btn-outline,.btn-white{
  min-height:60px !important;
  padding:.85rem 2.1rem !important;
  margin:6px 14px 6px 0 !important;
  color:#1a1206 !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
  text-shadow:
    0 0 6px rgba(255,252,244,.98),
    0 0 14px rgba(255,250,238,.86),
    0 1px 2px rgba(255,248,224,.92) !important;
}

.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-white:hover,.cta-section a:hover,button[type="submit"]:hover{
  transform:translateY(-2px) rotate(-.35deg);
}

/* Z3 · MENU = SALA DELL OPERA
   Prima: taglio verticale netto crema/scuro, dipinto illeggibile a destra,
   Area riservata grigia su crema. Ora una sola tela continua, il dipinto
   attraversa tutta la sala e la luce scende da sinistra. */
.menu-overlay{
  position:fixed; inset:0; overflow:hidden; isolation:isolate;
  background:linear-gradient(105deg,#f8efd9 0%,#f5ead1 44%,#ead6ad 100%) !important;
}

.menu-overlay::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:url("/assets/img/impressionismo/ado-impressionismo-canvas-1200.webp") center/cover no-repeat;
  opacity:.26; filter:saturate(1.06);
}

.menu-overlay::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(100deg,
    rgba(248,239,217,.92) 0%,
    rgba(248,239,217,.62) 26%,
    rgba(248,239,217,.18) 46%,
    rgba(3,16,36,.04) 62%,
    rgba(3,16,36,.16) 100%);
}

.menu-panel{ position:relative; z-index:2; }

.menu-panel > a{
  position:relative; display:block; width:fit-content;
  color:var(--vg-ink) !important; text-decoration:none;
  transition:color 260ms var(--motion-ease-brush),
             transform 480ms var(--motion-ease-brush),
             text-shadow 480ms var(--motion-ease-brush);
}

.menu-panel > a:hover,
.menu-panel > a:focus-visible{
  color:var(--vg-ochre) !important;
  transform:translateX(12px);
  text-shadow:0 12px 34px rgba(201,139,46,.26);
}

.menu-panel > a::after{
  content:""; position:absolute; left:0; bottom:-.12em;
  width:min(100%,240px); height:4px;
  transform:scaleX(0); transform-origin:left center; border-radius:999px;
  background:linear-gradient(90deg,var(--vg-ochre),var(--vg-star),transparent);
  box-shadow:0 8px 22px rgba(201,139,46,.36);
  transition:transform 520ms var(--motion-ease-brush);
}

.menu-panel > a:hover::after,
.menu-panel > a:focus-visible::after{ transform:scaleX(1); }

/* Il pannello contatti aveva inset con left negativo pari al 10% della
   viewport: con overflow:hidden troncava Area riservata a sinistra e
   i recapiti a destra. Riportato in asse. */
.menu-panel-contact{
  position:relative; z-index:3;
  left:0 !important; right:auto !important;
  overflow:hidden; isolation:isolate;
  background:linear-gradient(160deg,#01030a 0%,#153b7c 52%,#031024 100%) !important;
}

.menu-panel-contact::before{
  content:""; position:absolute; inset:-10%; z-index:0; pointer-events:none;
  background:url("/assets/img/impressionismo/ado-impressionismo-panel-1400.webp") center/cover no-repeat;
  opacity:.30; filter:saturate(1.18) brightness(.70); mix-blend-mode:screen;
}

.menu-panel-contact > *{ position:relative; z-index:2; }

.menu-panel-contact,
.menu-panel-contact a,
.menu-panel-meta,
.menu-panel-meta a{ color:#f5ead1 !important; }

/* Area riservata non e un link fra gli altri: e lunico accesso
   riservato. Oro pieno, con stacco sufficiente su tela chiara. */
.menu-overlay a[href*="area-riservata"],
.menu-overlay .menu-area-riservata{
  color:#8a5a12 !important;
  opacity:1 !important;
  font-weight:600 !important;
  letter-spacing:.19em !important;
  text-shadow:0 1px 0 rgba(255,252,244,.72) !important;
}

.menu-panel-contact a[href*="area-riservata"]{
  color:var(--vg-star) !important;
  text-shadow:0 2px 10px rgba(1,3,10,.72) !important;
}

/* Z4 · HERO HOME EN
   .home-hero-content non rientra nei selettori hero della regia: restava
   con titolo #18130D su fotografia scura e prima riga sotto lheader fisso. */
.home-hero-content{
  position:relative; z-index:4;
  max-width:min(860px,92vw);
  margin-inline:auto;
  padding-block-start:96px;
  padding-block-end:28px;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  backdrop-filter:none !important;
}

.home-hero:has(.home-hero-content){ height:auto !important; min-height:421px !important; }

.home-hero-content :is(h1,.home-title,p,.home-lead){
  color:#f5f3ec !important;
  -webkit-text-fill-color:currentColor !important;
  text-shadow:0 2px 14px rgba(1,3,10,.78), 0 14px 42px rgba(21,59,124,.42) !important;
}

.home-hero-content .home-meta{
  color:var(--vg-star) !important;
  -webkit-text-fill-color:currentColor !important;
  text-shadow:0 2px 12px rgba(1,3,10,.74) !important;
}

/* Z5 · MOBILE — meno intensita, stessa identita */
@media (max-width:760px){
  .menu-overlay::before{ opacity:.20; }
  .menu-panel-contact::before{ opacity:.22; }

  .ado-brush-button,.ado-handpaint-button,
  .monet-cta-primary,.home-cta-primary,.cta-primary,.hero-cta,.btn-primary,
  .btn-white,.cta-secondary,.home-cta-secondary,.cta-section a,
  button[type="submit"],input[type="submit"]{
    white-space:normal !important;
    text-align:center;
    min-height:52px !important;
    padding:.75rem 1.35rem !important;
    font-size:.64rem !important;
    letter-spacing:.11em !important;
    margin:6px 0 !important;
  }

  .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-white::before,.cta-secondary::before,.home-cta-secondary::before,
  .cta-section a::before,button[type="submit"]::before,input[type="submit"]::before{
    width:calc(100% + 40px) !important;
    height:82px !important;
  }

  .home-hero-content{ padding-block-start:84px; }
}

/* Z2-bis · MATERIA SOTTO LE PAROLE
   Lo sprite ha la pasta densa nel primo terzo e la coda trasparente a
   destra: il testo, centrato, cadeva sulla coda e sul fondo scuro
   dellhero. Qui una velatura calda sfumata (nessun bordo, nessun
   rettangolo) fa da impasto sotto le lettere e garantisce il contrasto. */
.ado-brush-button::after,.ado-handpaint-button::after,
.monet-cta-primary::after,.home-cta-primary::after,.cta-primary::after,.hero-cta::after,
.btn-primary::after,.btn-accent::after,.button-primary::after,
.contact-submit::after,.intake-submit::after,.cta-section a::after,
button[type="submit"]::after,input[type="submit"]::after,
.monet-cta-secondary::after,.home-cta-secondary::after,.cta-secondary::after,
.btn-secondary::after,.btn-outline::after,.btn-white::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%; top:50%;
  width:calc(100% + 26px);
  height:78%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse 58% 130% at 50% 50%,
    rgba(255,251,240,.94) 0%,
    rgba(255,249,231,.74) 46%,
    rgba(255,247,224,.30) 70%,
    transparent 84%);
  filter:blur(7px);
  pointer-events:none;
}

.monet-cta-secondary,.home-cta-secondary,.cta-secondary,
.btn-secondary,.btn-outline,.btn-white{
  color:#221806 !important;
}

@media (max-width:760px){
  .ado-brush-button::after,.ado-handpaint-button::after,
  .monet-cta-primary::after,.home-cta-primary::after,.cta-primary::after,.hero-cta::after,
  .btn-primary::after,.btn-white::after,.cta-secondary::after,.home-cta-secondary::after,
  .cta-section a::after,button[type="submit"]::after,input[type="submit"]::after{
    width:calc(100% + 14px);
    height:82%;
    filter:blur(5px);
  }
}

/* Z3-bis · MENU — CORREZIONE SUI SELETTORI CHE VINCONO
   Le regole Z3 non agganciavano: body .menu-overlay (0,1,1) batte
   .menu-overlay (0,1,0), e il dipinto non sta sulloverlay ma su
   .menu-panel::before. Qui si interviene sui selettori reali.

   Difetti misurati sullo screenshot:
   a) gradiente con salto netto pergamena 38% -> petrolio 60%:
      lo stacco leggeva come due pannelli affiancati, non come una sala;
   b) dipinto a brightness(.52): materia illeggibile, macchia scura;
   c) "Area riservata" e .admin-access-link (href /admin/login.php),
      non un href contenente area-riservata: nessuna regola la toccava
      e restava grigia su tela chiara;
   d) pannello contatti a filo viewport: recapiti attaccati al bordo. */

body .menu-overlay{
  background:linear-gradient(100deg,
    #f4efe6 0%,
    #f1e8da 22%,
    #e6d9bd 40%,
    #b9b39a 54%,
    #5c6a5e 66%,
    #23302c 80%,
    #171123 100%) !important;
}

/* Il quadro deve leggersi come quadro: piu materia, meno fuliggine. */
.menu-overlay .menu-panel::before{
  opacity:.52 !important;
  filter:sepia(.16) saturate(1.04) contrast(1.06) brightness(.78) !important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#171123 44%) !important;
          mask-image:linear-gradient(90deg,transparent,#171123 44%) !important;
}

.menu-overlay .menu-panel::after{
  opacity:.20 !important;
}

/* Voci di menu: inchiostro pieno sulla tela chiara. */
.menu-overlay .menu-panel > a{
  color:#101318 !important;
}

/* Area riservata: unico accesso riservato, in oro brunito leggibile
   sulla tela chiara, con hover piu caldo. */
.menu-overlay .menu-panel-meta .admin-access-link,
.menu-overlay .admin-access-link,
.admin-access-link{
  color:#7c4f0c !important;
  opacity:1 !important;
  font-weight:600 !important;
  letter-spacing:.2em !important;
  text-shadow:0 1px 0 rgba(255,253,247,.82) !important;
}

.menu-overlay .admin-access-link:hover,
.menu-overlay .admin-access-link:focus-visible{
  color:#c98b2e !important;
}

/* Pannello contatti: in asse e con respiro ai bordi. */
.menu-overlay .menu-panel-contact{
  padding-inline:clamp(18px,4vw,64px) !important;
}

@media (max-width:760px){
  body .menu-overlay{
    background:linear-gradient(180deg,
      #f4efe6 0%,
      #efe5d4 26%,
      #cdc4ac 48%,
      #5c6a5e 66%,
      #23302c 82%,
      #171123 100%) !important;
  }
  .menu-overlay .menu-panel::before{ opacity:.42 !important; }
}

/* Z6 · TESTATA MOBILE
   Sotto i 560px la ragione sociale nella testata si sovrapponeva allo
   switch IT/EN ("STUDIO LEGALE D ONOFRIOIT | EN"). nav.js nasconde gia
   il sottotitolo sotto i 540px, ma il titolo restava a corpo pieno.
   Qui il blocco logo cede spazio e il testo si adatta senza troncare. */
@media (max-width:560px){
  .nav .nav-logo{ min-width:0 !important; flex:1 1 auto !important; }
  .nav .nav-logo-text{
    min-width:0 !important;
    font-size:.66rem !important;
    line-height:1.15 !important;
    letter-spacing:.04em !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .nav .header-controls{ flex:0 0 auto !important; gap:.55rem !important; }
  .nav .lang-switch{ margin-inline-start:.45rem !important; }
}

@media (max-width:400px){
  .nav .nav-logo-text{ font-size:.6rem !important; }
  .nav .nav-logo-img{ width:74px !important; height:auto !important; }
}

/* =========================================================
   ADO LEGAL — UNDER CONSTRUCTION EN SECTION
   Versione: 20260614-gigawow-artwork
   La sezione inglese e disattivata: una sola tela, stessa
   materia delle pagine italiane, nessun contenuto residuo.
   ========================================================= */

.under-construction-page {
  min-height: 100vh;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 18% 12%, rgba(247,220,115,.22), transparent 38%),
    radial-gradient(ellipse at 82% 84%, rgba(21,59,124,.22), transparent 44%),
    linear-gradient(145deg, var(--vg-cream, #f5ead1), var(--vg-parchment, #ead6ad));
}

.under-construction-hero {
  min-height: 72vh;
  display: grid;
  place-items: center;
  position: relative;
  padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 4vw, 4rem);
  overflow: hidden;
}

.under-construction-hero::before {
  content: "";
  position: absolute;
  inset: 8%;
  z-index: 0;
  border-radius: clamp(28px, 5vw, 72px);
  background:
    url("/assets/img/impressionismo/ado-impressionismo-panel-1400.webp") center/cover no-repeat;
  opacity: .30;
  filter: saturate(1.14) contrast(1.06);
  box-shadow:
    0 34px 100px rgba(16,42,86,.18),
    inset 0 0 0 1px rgba(247,220,115,.24);
}

.under-construction-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(ellipse at 50% 46%, rgba(248,239,217,.88), rgba(248,239,217,.54) 38%, transparent 68%),
    linear-gradient(180deg, rgba(245,234,209,.20), rgba(3,16,36,.10));
  pointer-events: none;
}

.under-construction-hero .editorial-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 880px;
  text-align: center;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(255,248,189,.30), transparent 38%),
    linear-gradient(145deg, rgba(248,239,217,.88), rgba(245,234,209,.72)) !important;
  border-radius: 42px;
  padding: clamp(2rem, 5vw, 4.5rem) !important;
  box-shadow:
    0 30px 90px rgba(16,42,86,.16),
    inset 0 1px 0 rgba(255,248,189,.38) !important;
  backdrop-filter: none !important;
}

.under-construction-hero .eyebrow {
  color: #7c4f0c !important;
  -webkit-text-fill-color: currentColor !important;
  text-transform: uppercase;
  letter-spacing: .34em;
  font-size: .72rem;
  font-weight: 600;
  margin: 0 0 1.4rem;
  text-shadow: none !important;
}

.under-construction-hero h1 {
  color: var(--vg-night-1, #031024) !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: clamp(3rem, 9vw, 8rem);
  line-height: .88;
  text-wrap: balance;
  margin: 0 0 1.6rem;
  text-shadow: none !important;
}

.under-construction-hero .page-lead {
  color: rgba(16,19,24,.78) !important;
  -webkit-text-fill-color: currentColor !important;
  max-width: 56ch;
  margin: 0 auto 2.6rem;
  font-size: clamp(1.02rem, 1.9vw, 1.3rem);
  line-height: 1.55;
  text-shadow: none !important;
}

.under-construction-hero .cta-primary { margin-inline: auto !important; }

@media (max-width: 760px) {
  .under-construction-hero {
    min-height: 68vh;
    padding: 5rem 1rem 3rem;
  }

  .under-construction-hero::before {
    inset: 4%;
    opacity: .22;
  }

  .under-construction-hero .editorial-hero-copy {
    padding: 2rem 1.2rem !important;
    border-radius: 28px;
  }

  .under-construction-hero h1 {
    font-size: clamp(2.6rem, 15vw, 4.4rem);
  }
}

/* UNDER CONSTRUCTION — correzione misurata a runtime.
   .editorial-hero porta un background-color #171123 opaco (serve alle hero
   con video): sulla pagina Under Construction copriva la tela chiara e
   affogava il dipinto, che restava al 30% sopra un fondo quasi nero.
   Qui lhero torna trasparente e la composizione respira. */
.under-construction-hero,
.under-construction-page .editorial-hero {
  background: transparent !important;
  background-color: transparent !important;
  min-height: 72vh !important;
}

.under-construction-page {
  background:
    radial-gradient(ellipse at 18% 12%, rgba(247,220,115,.22), transparent 38%),
    radial-gradient(ellipse at 82% 84%, rgba(21,59,124,.22), transparent 44%),
    linear-gradient(145deg, var(--vg-cream, #f5ead1), var(--vg-parchment, #ead6ad)) !important;
}

/* La grana di .monet-section non serve qui: la materia la porta il dipinto. */
.under-construction-page::before { opacity: .28 !important; }

.under-construction-hero::before {
  opacity: .42 !important;
  filter: saturate(1.16) contrast(1.05) !important;
}

.under-construction-hero::after {
  background:
    radial-gradient(ellipse at 50% 46%, rgba(248,239,217,.72), rgba(248,239,217,.34) 42%, transparent 72%),
    linear-gradient(180deg, rgba(245,234,209,.12), rgba(3,16,36,.06)) !important;
}

@media (max-width: 760px) {
  .under-construction-hero,
  .under-construction-page .editorial-hero { min-height: 68vh !important; }
  .under-construction-hero::before { opacity: .30 !important; }
}

/* UNDER CONSTRUCTION — scala mobile.
   A 390px la parola "Construction" a 15vw superava la larghezza della
   card e veniva tagliata dall overflow dell hero. Qui la scala scende
   e la card resta dentro la viewport. */
@media (max-width: 760px) {
  .under-construction-hero {
    padding: 4.5rem .9rem 3rem !important;
  }

  .under-construction-hero .editorial-hero-copy {
    max-width: 100% !important;
    width: 100% !important;
    margin-inline: 0 !important;
    padding: 2rem 1.1rem !important;
  }

  .under-construction-hero h1 {
    font-size: clamp(2rem, 10.4vw, 3.1rem) !important;
    line-height: .96 !important;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .under-construction-hero .page-lead {
    font-size: .98rem !important;
    margin-bottom: 2rem !important;
  }

  .under-construction-hero .eyebrow {
    font-size: .62rem;
    letter-spacing: .26em;
    margin-bottom: 1rem;
  }
}

@media (max-width: 420px) {
  .under-construction-hero h1 { font-size: clamp(1.85rem, 9.6vw, 2.6rem) !important; }
}