/* =========================================================================
   FIERA — caркас expogames.it · префикс exg · прогон 20.09.2026
   Порядок секций совпадает с порядком блоков на странице.
   0  font-face          6  scaffale (ленты рубрик)
   1  variabili          7  elenco (карточки-строки хабов)
   2  base / griglia     8  articolo
   3  testata (шапка)    9  partner (полоса размещений)
   4  navigazione       10  piede (подвал)
   5  apertura (лид)    11  mobile
   ========================================================================= */

/* 0 ---------------------------------------------------------------- font */
@font-face{font-family:'Bricolage';src:url('/media/exg/font/bricolage-700.1b0d6c2b.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Bricolage';src:url('/media/exg/font/bricolage-800.e798e701.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Gelasio';src:url('/media/exg/font/gelasio-400.73eaf481.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gelasio';src:url('/media/exg/font/gelasio-700.37ea6d8a.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Gelasio';src:url('/media/exg/font/gelasio-400i.d28773bb.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'ArchNarrow';src:url('/media/exg/font/archivonarrow-600.fb20545a.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'ArchNarrow';src:url('/media/exg/font/archivonarrow-700.024447fc.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* 1 ----------------------------------------------------------- variabili */
:root{
  --exg-ink:#1b1d21;
  --exg-ink-soft:#4c5159;
  --exg-tela:#e7e3da;
  --exg-carta:#fffdf8;
  --exg-sabbia:#f3efe4;
  --exg-notte:#12161b;
  --exg-linea:#cdc6b8;
  --exg-linea-soft:#e2dccf;
  --exg-verde:#43700f;
  --exg-rosso:#b30d1b;
  --exg-portale:1180px;
  --exg-foglio:888px;
  --exg-chrome:1180px;
  --exg-pad:22px;      /* поле полноширинных лент */
  --exg-gap:26px;      /* поле вокруг листа */
  --exg-sheet:38px;    /* рабочее поле внутри листа */
  --exg-rit:44px;      /* вертикальный ритм: основной */
  --exg-rit-s:22px;    /* вертикальный ритм: малый */
  --exg-serif:'Gelasio',Georgia,'Times New Roman',serif;
  --exg-disp:'Bricolage','Gelasio',Georgia,serif;
  --exg-narrow:'ArchNarrow',Arial,Helvetica,sans-serif;
}
/* цвет рубрики: задаётся на блоке через --rc */
.exg-r-videogiochi{--rc:#b30d1b}
.exg-r-giochi-da-tavolo{--rc:#43700f}
.exg-r-esports{--rc:#17557e}
.exg-r-fiere-ed-eventi{--rc:#94550a}
.exg-r-cultura-del-gioco{--rc:#5f3581}
.exg-r-gioco-responsabile{--rc:#146055}
.exg-r-archivio-internazionale{--rc:#4e5560}

/* 2 ------------------------------------------------------- base / griglia */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--exg-tela);color:var(--exg-ink);
  font:400 18px/1.72 var(--exg-serif);overflow-x:hidden}
body *{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:#0f4f8a;text-decoration:none}
a:hover{text-decoration:underline}

.exg-w{max-width:var(--exg-chrome);margin:0 auto;
  padding-left:var(--exg-pad);padding-right:var(--exg-pad)}
.exg-portale{max-width:var(--exg-portale);margin:0 auto;
  padding-left:var(--exg-pad);padding-right:var(--exg-pad)}

/* лист статьи: полотно → лист → врезка (три плана) */
.exg-foglio{max-width:calc(var(--exg-foglio) + var(--exg-sheet)*2);
  margin:var(--exg-gap) auto;background:var(--exg-carta);
  border:1px solid var(--exg-linea);box-shadow:0 1px 0 rgba(27,29,33,.05),0 14px 34px -26px rgba(27,29,33,.5);
  padding:var(--exg-sheet)}
.exg-foglio > *:first-child{margin-top:0}

/* 3 ------------------------------------------------------------- testata */
.exg-servizio{background:var(--exg-notte);color:#cfd4da;
  font:600 13px/1 var(--exg-narrow);letter-spacing:.06em;text-transform:uppercase}
.exg-servizio .exg-w{display:flex;justify-content:space-between;align-items:center;
  gap:14px;padding-top:9px;padding-bottom:9px;min-height:34px}
.exg-servizio a{color:#fff;border-bottom:1px solid rgba(255,255,255,.38)}
.exg-servizio a:hover{text-decoration:none;border-bottom-color:#fff}
.exg-servizio__eta{display:inline-flex;align-items:center;gap:7px}
.exg-servizio__eta svg{width:14px;height:14px;flex:none}

.exg-testata{background:var(--exg-carta);border-bottom:1px solid var(--exg-linea-soft)}
.exg-testata__mast{display:flex;align-items:center;justify-content:space-between;
  gap:22px;padding-top:18px;padding-bottom:18px}
.exg-marchio{display:inline-flex;align-items:center;gap:12px;color:var(--exg-ink)}
.exg-marchio:hover{text-decoration:none}
.exg-marchio svg{display:block;height:44px;width:auto}
.exg-testata__dx{display:flex;align-items:center;gap:10px}
.exg-bottone{display:inline-flex;align-items:center;gap:8px;
  font:700 14px/1 var(--exg-narrow);letter-spacing:.07em;text-transform:uppercase;
  color:#fff;background:var(--exg-rosso);padding:12px 16px 11px}
.exg-bottone:hover{background:#8f0a15;text-decoration:none}
.exg-bottone svg{width:15px;height:15px;flex:none}
.exg-testata__link{font:700 14px/1 var(--exg-narrow);letter-spacing:.07em;
  text-transform:uppercase;color:var(--exg-ink);border-bottom:2px solid var(--exg-linea)}
.exg-testata__link:hover{text-decoration:none;border-bottom-color:var(--exg-ink)}

/* 4 -------------------------------------------------------- navigazione */
.exg-nav{background:var(--exg-carta);border-bottom:2px solid var(--exg-ink)}
.exg-nav .exg-w{padding-top:0;padding-bottom:0}
.exg-nav ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.exg-nav li{margin:0}
.exg-nav a{display:block;padding:15px 16px 13px;color:var(--exg-ink);
  font:700 17px/1 var(--exg-narrow);letter-spacing:.055em;text-transform:uppercase;
  border-top:4px solid transparent;border-bottom:0}
.exg-nav a:hover{text-decoration:none;border-top-color:var(--rc,var(--exg-ink));background:var(--exg-sabbia)}
.exg-nav a[aria-current]{border-top-color:var(--rc,var(--exg-ink));background:var(--exg-sabbia)}
.exg-nav__toggle,.exg-nav__box{display:none}
.exg-nav__chiudi{display:none}

/* 5 ------------------------------------------------------------ apertura */
.exg-apertura{padding-top:30px;padding-bottom:var(--exg-rit)}
.exg-hub{padding-top:30px;padding-bottom:var(--exg-rit)}
.exg-apertura__tit{display:flex;align-items:center;gap:14px;margin:0 0 20px;
  font:700 13px/1 var(--exg-narrow);letter-spacing:.2em;text-transform:uppercase;
  color:var(--exg-ink-soft)}
.exg-apertura__tit::after{content:"";flex:1;height:3px;background:var(--exg-ink);
  opacity:.14}
.exg-apertura__griglia{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:34px}
.exg-lead{background:var(--exg-carta);border:1px solid var(--exg-linea);
  box-shadow:0 14px 34px -28px rgba(27,29,33,.55)}
.exg-lead__foto{position:relative;display:block;margin:0;background:var(--exg-sabbia)}
.exg-lead__foto img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.exg-lead__testo{padding:26px 30px 28px}
.exg-lead__titolo{margin:0 0 12px;font:800 42px/1.08 var(--exg-disp);letter-spacing:-.015em}
.exg-lead__titolo a{color:var(--exg-ink)}
.exg-lead__occhiello{margin:0 0 14px;font:400 20px/1.55 var(--exg-serif);color:var(--exg-ink-soft)}

/* кикер — флажок со срезанным углом поверх фото */
.exg-kicker{position:absolute;left:0;top:0;z-index:1;
  background:var(--rc,var(--exg-ink));color:#fff;
  font:700 14px/1 var(--exg-narrow);letter-spacing:.09em;text-transform:uppercase;
  padding:9px 22px 8px 18px;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%)}
  /* левое поле 18, а не 14: gate_padding мерит текст от края блока, который
     рисует фон, и 15px у флажка не проходили норму ≥16 */
.exg-kicker--riga{position:static;display:inline-block;background:transparent;
  color:var(--rc,var(--exg-ink));padding:0 0 6px;clip-path:none;font-size:13px}

/* метаданные — ячейки с волосяной рамкой */
.exg-meta{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;
  font:600 12px/1 var(--exg-narrow);letter-spacing:.07em;text-transform:uppercase;
  color:var(--exg-ink-soft)}
.exg-meta li{display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--exg-linea);padding:7px 10px 6px;margin-right:-1px}
.exg-meta svg{width:13px;height:13px;flex:none;opacity:.75}

/* рельс «In evidenza» — крупные контурные номера */
.exg-rail{background:var(--exg-sabbia);border:1px solid var(--exg-linea);padding:22px 24px 24px}
.exg-rail__tit{margin:0 0 16px;font:700 15px/1 var(--exg-narrow);letter-spacing:.11em;
  text-transform:uppercase;color:var(--exg-ink);display:flex;align-items:center;gap:9px}
.exg-rail__tit svg{width:17px;height:17px;flex:none}
.exg-rail ol{margin:0;padding:0;list-style:none;counter-reset:exgn}
.exg-rail li{counter-increment:exgn;display:grid;grid-template-columns:52px minmax(0,1fr);
  gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--exg-linea-soft)}
.exg-rail li:first-child{border-top:0;padding-top:0}
.exg-rail li::before{content:counter(exgn,decimal-leading-zero);
  font:800 34px/.9 var(--exg-disp);color:transparent;
  -webkit-text-stroke:1.4px var(--rc,var(--exg-ink));letter-spacing:-.04em}
.exg-rail a{color:var(--exg-ink);font:700 18px/1.28 var(--exg-disp)}
.exg-rail__rub{display:block;margin-top:5px;font:600 11px/1 var(--exg-narrow);
  letter-spacing:.1em;text-transform:uppercase;color:var(--rc,var(--exg-ink-soft))}
.exg-rail__rub{white-space:nowrap;font-size:10px;letter-spacing:.14em}

/* полоса плиток рубрик со своими знаками */
.exg-rubriche{padding-bottom:var(--exg-rit)}
.exg-rubriche__griglia{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.exg-piastrella{display:block;background:var(--exg-carta);border:1px solid var(--exg-linea);
  border-top:4px solid var(--rc,var(--exg-ink));padding:18px 16px 17px;color:var(--exg-ink)}
.exg-piastrella:hover{text-decoration:none;background:var(--exg-sabbia)}
.exg-piastrella svg{display:block;width:30px;height:30px;margin-bottom:11px;color:var(--rc)}
.exg-piastrella b{display:block;font:700 17px/1.18 var(--exg-disp);margin-bottom:5px}
.exg-piastrella span{display:block;font:400 14px/1.45 var(--exg-serif);color:var(--exg-ink-soft)}

/* 6 ------------------------------------------------------------ scaffale */
.exg-scaffale{padding-bottom:var(--exg-rit)}
.exg-titolo-sez{display:flex;align-items:flex-end;gap:14px;
  border-bottom:3px solid var(--rc,var(--exg-ink));margin:0 0 22px}
.exg-titolo-sez h2,.exg-titolo-sez h1{margin:0;background:var(--rc,var(--exg-ink));color:#fff;
  font:700 19px/1 var(--exg-narrow);letter-spacing:.09em;text-transform:uppercase;
  padding:11px 17px 10px;display:inline-flex;align-items:center;gap:9px}
.exg-titolo-sez h2 svg,.exg-titolo-sez h1 svg{width:18px;height:18px;flex:none}
.exg-titolo-sez__tutti{margin-left:auto;padding:0 2px 9px;
  font:700 14px/1 var(--exg-narrow);letter-spacing:.07em;text-transform:uppercase;
  color:var(--rc,var(--exg-ink))}

.exg-schede{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.exg-scheda{display:flex;flex-direction:column;min-width:0}
.exg-scheda__foto{position:relative;display:block;margin:0 0 12px;background:var(--exg-sabbia)}
.exg-scheda__foto img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.exg-scheda h3{margin:0 0 8px;font:700 20px/1.24 var(--exg-disp)}
.exg-scheda h3 a{color:var(--exg-ink)}
.exg-scheda p{margin:0 0 12px;font:400 15px/1.55 var(--exg-serif);color:var(--exg-ink-soft)}
.exg-scheda .exg-meta{margin-top:auto}

/* 7 -------------------------------------------------------------- elenco */
.exg-elenco{margin:0;padding:0;list-style:none}
.exg-anteprime > div{padding:18px 0;border-top:1px solid var(--exg-linea-soft)}
.exg-anteprime > div h4{margin:0 0 7px;font:700 21px/1.25 var(--exg-disp)}
.exg-anteprime > div h4 a{color:var(--exg-ink)}
.exg-anteprime > div p{margin:0;font:400 16px/1.6 var(--exg-serif);
  color:var(--exg-ink-soft)}
.exg-anteprime .exg-elenco{margin-top:4px}
.exg-elenco > li{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;
  padding:26px 0;border-top:1px solid var(--exg-linea-soft)}
.exg-elenco > li:first-child{border-top:0;padding-top:0}
.exg-elenco__foto{position:relative;display:block;margin:0;background:var(--exg-sabbia)}
.exg-elenco__foto img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.exg-elenco h3{margin:0 0 9px;font:700 26px/1.2 var(--exg-disp)}
.exg-elenco h3 a{color:var(--exg-ink)}
.exg-elenco p{margin:0 0 13px;font:400 16px/1.6 var(--exg-serif);color:var(--exg-ink-soft)}
.exg-paginazione{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--exg-rit-s);
  font:700 15px/1 var(--exg-narrow)}
.exg-paginazione a,.exg-paginazione span{padding:11px 15px;border:1px solid var(--exg-linea);
  color:var(--exg-ink)}
.exg-paginazione span{background:var(--exg-ink);color:#fff;border-color:var(--exg-ink)}

/* врезка «Dall'archivio» */
.exg-vetrina-arch{background:var(--exg-sabbia);border-left:5px solid var(--rc,var(--exg-ink));
  padding:22px 24px 24px;margin-top:var(--exg-rit)}
.exg-vetrina-arch h2{margin:0 0 6px;font:700 17px/1.2 var(--exg-narrow);
  letter-spacing:.08em;text-transform:uppercase}
.exg-vetrina-arch p{margin:0 0 14px;font:400 15px/1.6 var(--exg-serif);color:var(--exg-ink-soft)}
.exg-vetrina-arch ul{margin:0;padding:0;list-style:none;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px}
.exg-vetrina-arch li{font:400 15px/1.45 var(--exg-serif);
  padding-left:17px;position:relative}
.exg-vetrina-arch li::before{content:'';position:absolute;left:0;top:.62em;
  width:7px;height:7px;background:var(--rc,var(--exg-ink))}

/* 8 ----------------------------------------------------------- articolo */
.exg-briciole{margin:0 0 16px;font:600 12px/1.5 var(--exg-narrow);letter-spacing:.07em;
  text-transform:uppercase;color:var(--exg-ink-soft)}
.exg-briciole a{color:var(--exg-ink-soft)}
.exg-briciole span{color:var(--exg-ink-soft)}
.exg-briciole__sep{color:var(--exg-linea);padding:0 6px}
.exg-art h1{margin:0 0 14px;font:800 40px/1.12 var(--exg-disp);letter-spacing:-.015em}
.exg-art__occhiello{margin:0 0 18px;font:400 21px/1.58 var(--exg-serif);color:var(--exg-ink-soft)}
.exg-art__firma{display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  padding:13px 0;border-top:1px solid var(--exg-linea-soft);
  border-bottom:1px solid var(--exg-linea-soft);margin:0 0 var(--exg-rit-s);
  font:600 12px/1 var(--exg-narrow);letter-spacing:.07em;text-transform:uppercase;
  color:var(--exg-ink-soft)}
.exg-art__nota{margin:var(--exg-rit-s) 0 0;padding:15px 18px;
  background:var(--exg-sabbia);border-left:3px solid var(--exg-linea);
  font:400 15px/1.6 var(--exg-serif);color:var(--exg-ink-soft)}
.exg-art__firma svg{width:15px;height:15px;opacity:.7}

.exg-corpo{font:400 18px/1.74 var(--exg-serif)}
.exg-corpo > *:first-child{margin-top:0}
.exg-corpo h2{margin:34px 0 13px;font:800 28px/1.22 var(--exg-disp);letter-spacing:-.01em;
  padding-bottom:7px;border-bottom:2px solid var(--exg-linea)}
.exg-corpo h3{margin:26px 0 10px;font:700 21px/1.3 var(--exg-disp)}
.exg-corpo h4,.exg-corpo h5,.exg-corpo h6{margin:22px 0 9px;font:700 18px/1.35 var(--exg-disp)}
.exg-corpo p{margin:0 0 16px}
.exg-corpo ul,.exg-corpo ol{margin:0 0 18px;padding-left:24px}
.exg-corpo li{margin:0 0 8px}
.exg-corpo blockquote{margin:22px 0;padding:4px 0 4px 20px;
  border-left:4px solid var(--rc,var(--exg-verde));font-style:italic;color:var(--exg-ink-soft)}
.exg-corpo strong{font-weight:700}
.exg-corpo figure{margin:0 0 20px}
.exg-corpo figcaption{margin-top:7px;font:400 13px/1.5 var(--exg-narrow);color:var(--exg-ink-soft)}
.exg-corpo a{color:#0f4f8a;border-bottom:1px solid rgba(15,79,138,.3)}
.exg-corpo a:hover{text-decoration:none;border-bottom-color:#0f4f8a}
/* первая картинка — флотом сбоку, не полосой (DESIGN-ELEMENTS §18) */
.exg-corpo .exg-flot{float:right;width:clamp(170px,32%,300px);margin:4px 0 16px 22px}
.exg-corpo .exg-flot img{display:block;width:100%}
.exg-corpo table{width:100%;border-collapse:collapse;margin:0 0 20px;
  font:400 15px/1.5 var(--exg-serif)}
.exg-corpo th,.exg-corpo td{border:1px solid var(--exg-linea);padding:9px 11px;
  text-align:left;vertical-align:top}
.exg-corpo thead th,.exg-corpo tr:first-child th{background:var(--exg-sabbia);
  font:700 13px/1.35 var(--exg-narrow);letter-spacing:.05em;text-transform:uppercase}
.exg-tabella{overflow-x:auto}

.exg-indice{margin:0 0 24px;background:var(--exg-sabbia);border:1px solid var(--exg-linea)}
.exg-indice > summary{cursor:pointer;padding:13px 18px;list-style:none;
  font:700 14px/1 var(--exg-narrow);letter-spacing:.08em;text-transform:uppercase}
.exg-indice > summary::-webkit-details-marker{display:none}
.exg-indice > summary::after{content:'+';float:right;font-weight:700}
.exg-indice[open] > summary::after{content:'–'}
.exg-indice ol{margin:0;padding:0 18px 16px 34px;font:400 16px/1.6 var(--exg-serif)}

.exg-seguito{margin-top:var(--exg-rit)}

/* 9 -------------------------------------------------------------- partner */
.exg-partner{background:var(--exg-notte);color:#e6e9ee;padding-top:26px;padding-bottom:28px}
.exg-partner h2{margin:0 0 5px;font:700 16px/1 var(--exg-narrow);letter-spacing:.11em;
  text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:9px}
.exg-partner h2 svg{width:17px;height:17px;flex:none}
.exg-partner__nota{margin:0 0 18px;font:400 14px/1.6 var(--exg-serif);color:#9aa3ae}
.exg-partner ul{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}
.exg-partner li a{display:inline-block;padding:9px 14px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.18);color:#fff;
  font:600 14px/1.2 var(--exg-narrow);letter-spacing:.03em}
.exg-partner li a:hover{background:rgba(255,255,255,.14);text-decoration:none}
.exg-art .exg-partner{margin-top:var(--exg-rit);padding-left:var(--exg-sheet);
  padding-right:var(--exg-sheet);margin-left:calc(var(--exg-sheet)*-1);
  margin-right:calc(var(--exg-sheet)*-1)}

/* блок ценности */
.exg-valore{background:var(--exg-carta);border:1px solid var(--exg-linea);
  border-top:5px solid var(--exg-verde);padding:26px 28px 28px;margin-bottom:var(--exg-rit)}
.exg-valore h2{margin:0 0 7px;font:800 26px/1.2 var(--exg-disp)}
.exg-valore > p{margin:0 0 20px;font:400 17px/1.65 var(--exg-serif);color:var(--exg-ink-soft);
  max-width:64ch}
.exg-valore__fatti{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
  margin:0 0 18px;padding:0;list-style:none}
.exg-valore__fatti li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;
  align-items:start}
.exg-valore__fatti svg{width:30px;height:30px;color:var(--exg-verde)}
.exg-valore__fatti b{display:block;font:800 26px/1 var(--exg-disp);margin-bottom:3px}
.exg-valore__fatti span{display:block;font:400 14px/1.45 var(--exg-serif);color:var(--exg-ink-soft)}

/* 10 ---------------------------------------------------------------- piede */
.exg-fiducia{background:var(--exg-sabbia);border-top:3px solid var(--exg-ink);
  padding-top:24px;padding-bottom:24px}
.exg-fiducia__in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.exg-fiducia p{margin:0 0 9px;font:400 15px/1.66 var(--exg-serif);color:var(--exg-ink-soft)}
.exg-fiducia p:last-child{margin-bottom:0}
.exg-fiducia__eta{display:flex;align-items:center;gap:13px;background:var(--exg-carta);
  border:1px solid var(--exg-linea);padding:15px 17px}
.exg-fiducia__eta svg{width:38px;height:38px;flex:none;color:var(--exg-rosso)}
.exg-fiducia__eta b{display:block;font:700 15px/1.25 var(--exg-narrow);letter-spacing:.05em;
  text-transform:uppercase}
.exg-fiducia__eta span{display:block;font:400 13px/1.45 var(--exg-serif);color:var(--exg-ink-soft)}

.exg-piede{background:var(--exg-notte);color:#b8c0c9;padding-top:36px;padding-bottom:26px;
  font:400 15px/1.7 var(--exg-serif)}
.exg-piede__col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.exg-piede h2{margin:0 0 13px;font:700 13px/1 var(--exg-narrow);letter-spacing:.12em;
  text-transform:uppercase;color:#fff}
.exg-piede ul{margin:0;padding:0;list-style:none}
.exg-piede li{margin:0 0 8px}
.exg-piede a{color:#d5dae1}
.exg-piede a:hover{color:#fff}
.exg-piede__marchio{margin:0 0 14px}
.exg-piede__marchio svg{height:34px;width:auto}
.exg-piede__chiusa{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);
  font:400 13px/1.7 var(--exg-serif);color:#8b939d}
.exg-piede__chiusa p{margin:0 0 6px}

/* 11 --------------------------------------------------------------- mobile */
@media (max-width:1080px){
  .exg-rubriche__griglia{grid-template-columns:repeat(3,minmax(0,1fr))}
  .exg-schede{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exg-valore__fatti{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  :root{--exg-pad:16px;--exg-gap:12px;--exg-sheet:18px;--exg-rit:30px;--exg-rit-s:18px}
  .exg-apertura{padding-top:18px}
  .exg-hub{padding-top:18px}
  .exg-foglio{margin-top:18px}
  .exg-testata__mast{padding-top:13px;padding-bottom:13px}
  .exg-apertura__griglia{grid-template-columns:minmax(0,1fr)}
  .exg-fiducia__in{grid-template-columns:minmax(0,1fr)}
  .exg-piede__col{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exg-lead__titolo{font-size:30px}
  .exg-art h1{font-size:29px}
  .exg-art__occhiello{font-size:18px}
  .exg-corpo h2{font-size:23px}

  /* меню — бургер на чекбоксе, ноль JS */
  .exg-nav__box{display:inline-flex;align-items:center;gap:9px;
    font:700 14px/1 var(--exg-narrow);letter-spacing:.07em;text-transform:uppercase;
    color:#fff;background:var(--exg-ink);padding:14px 16px;min-height:46px;cursor:pointer}
  .exg-nav__box svg{width:17px;height:17px}
  .exg-nav .exg-w{padding-left:0;padding-right:0}
  .exg-nav ul{display:none;flex-direction:column;background:var(--exg-carta);
    border-top:1px solid var(--exg-linea)}
  .exg-nav li{border-bottom:1px solid var(--exg-linea-soft)}
  .exg-nav a{padding:0 var(--exg-pad);min-height:52px;display:flex;align-items:center;
    border-top:0;border-left:5px solid var(--rc,transparent)}
  .exg-nav__toggle:checked ~ ul{display:flex}
  .exg-nav__toggle:checked ~ .exg-nav__chiudi{display:flex}
  .exg-nav__chiudi{align-items:center;justify-content:center;min-height:48px;
    background:var(--exg-sabbia);color:var(--exg-ink);cursor:pointer;
    font:700 13px/1 var(--exg-narrow);letter-spacing:.09em;text-transform:uppercase}
  .exg-testata .exg-w{flex-wrap:wrap}
  .exg-testata__link{display:none}
}
@media (max-width:640px){
  body{font-size:17px}
  .exg-rubriche__griglia{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exg-schede{grid-template-columns:minmax(0,1fr)}
  .exg-elenco > li{grid-template-columns:minmax(0,1fr);gap:13px}
  .exg-elenco h3{font-size:21px}
  .exg-vetrina-arch ul{grid-template-columns:minmax(0,1fr)}
  .exg-valore__fatti{grid-template-columns:minmax(0,1fr)}
  .exg-piede__col{grid-template-columns:minmax(0,1fr)}
  .exg-corpo .exg-flot{width:45%;margin-left:16px}
  .exg-servizio .exg-w{font-size:11px;letter-spacing:.04em}
  .exg-lead__testo{padding:20px 18px 22px}
  .exg-lead__titolo{font-size:26px}
  .exg-art h1{font-size:26px}
}