body.ext{
  --sale:#F4EFE9;
  --ink:#26231E;
  --hair:rgba(38,35,30,.13);

  --gutter:20px;
  --h-barra:98px;
  --bordo-sx:max(var(--gutter), env(safe-area-inset-left));
  --bordo-dx:max(var(--gutter), env(safe-area-inset-right));

  --t-micro:12px; --t-dato:13px; --t-corpo:16px; --t-legge:18px; --t-racconto:24px; --t-capo:34px;

  --silenzio:14svh;

  background:var(--sale);color:var(--ink);
  font-size:var(--t-corpo);line-height:1.5;
  overflow-x:hidden;
}
body.ext h1,body.ext h2,body.ext .ext-s__riga,body.ext .ext-concept__grande{text-wrap:balance}
body.ext p,body.ext dd,body.ext li,body.ext figcaption{text-wrap:pretty}
.ext .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.ext .tag{font-weight:400;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;opacity:var(--o-riposo)}
.ext .num{font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:var(--tr-num);font-size:var(--t-dato);opacity:var(--o-riposo)}
.ext .ai{font-weight:400;font-size:var(--t-micro);letter-spacing:.06em;opacity:var(--o-ai);line-height:1.55;text-transform:none;max-width:52ch}
.ext .firma{font-weight:400;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase}
.ext .dove{font-weight:400;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;opacity:var(--o-riposo)}
.ext .salta{min-height:var(--tocco-min);display:inline-flex;align-items:center}

.ext a.gesto{position:relative;font-size:var(--t-dato)}
.ext a.gesto::before{
  content:"";position:absolute;left:-10px;right:-10px;
  top:calc((var(--tocco-min) - 100%) / -2);bottom:calc((var(--tocco-min) - 100%) / -2);
  min-height:var(--tocco-min);
}

.wm2--ext{font-size:21px}
a.wm2--ext{display:inline-block;border-radius:0;position:relative}
a.wm2--ext::before{
  content:"";position:absolute;left:-8px;right:-8px;
  top:calc((var(--tocco-min) - 100%) / -2);bottom:calc((var(--tocco-min) - 100%) / -2);
  min-height:var(--tocco-min);
}

body.ext .barra{--b-fondo:var(--sale)}
.ext-testa{padding:14px 0 0}
.ext-testa__marchio{
  display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:18px var(--bordo-dx) 0 var(--bordo-sx);
}
.ext-testa--bro{padding-top:34px}
.ext-testa--bro .ext-testa__marchio{padding-top:0}

.ext-s{
  display:grid;align-content:center;row-gap:22px;
  padding:var(--silenzio) var(--bordo-dx) var(--silenzio) var(--bordo-sx);
}
.ext-s__testa{display:grid;row-gap:8px}
.ext-s__nome{
  font-weight:800;font-size:var(--t-capo);line-height:.98;
  letter-spacing:-.025em;text-transform:uppercase;
}
.ext-s__riga{
  font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;
  font-size:var(--t-racconto);line-height:1.2;letter-spacing:-.005em;max-width:24ch;
}
.ext-s__nota{font-weight:400;font-size:var(--t-legge);line-height:1.45;max-width:38ch}

.ext-lastra{margin:0;display:grid;row-gap:12px}
.ext-lastra img{display:block;width:100%;height:auto;border-radius:var(--raggio);background:var(--dom)}
.ext-lastra figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:baseline}
.ext-lastra--filo{margin-left:calc(-1 * var(--bordo-sx));margin-right:calc(-1 * var(--bordo-dx))}
.ext-lastra--filo img{border-radius:0}
.ext-lastra--filo figcaption{padding:0 var(--bordo-dx) 0 var(--bordo-sx)}

.ext-cover{padding:0 0 var(--silenzio);row-gap:22px;align-content:start}
.ext-cover__testa{
  display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:18px var(--bordo-dx) 0 var(--bordo-sx);
}
.ext-cover .ext-lastra--filo{margin:0}
.ext-cover__velo{display:none}
.ext-cover h1{
  font-weight:800;font-size:var(--t-nome);line-height:1;
  letter-spacing:-.05em;text-transform:uppercase;
}
.ext-cover__blocco{display:grid;row-gap:18px;padding:0 var(--bordo-dx) 0 var(--bordo-sx);justify-items:start}

.ext-frase{row-gap:26px}
.ext-frase__grande{
  font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;
  font-size:clamp(32px,9vw,64px);line-height:1.08;letter-spacing:-.01em;max-width:16ch;
}
.ext-meta{
  display:flex;flex-wrap:wrap;gap:12px 26px;
  border-top:1px solid var(--hair);padding-top:12px;
}
.ext-meta dt{font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;opacity:var(--o-riposo)}
.ext-meta dd{font-size:var(--t-corpo);font-variant-numeric:tabular-nums;margin-top:5px}
.ext-lastra figcaption{opacity:1}

.ext-due{display:grid;row-gap:34px}
.ext-due .ext-lastra--modello{width:82%;justify-self:end}

.ext-tre{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.ext-tre li{margin:0}

.ext-concept__grande{
  font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;
  font-size:clamp(32px,9vw,64px);line-height:1.08;letter-spacing:-.01em;max-width:16ch;
}
.ext-piccole{display:flex;flex-wrap:wrap;gap:18px 22px;margin:0;padding:0;list-style:none;align-items:end}
.ext-piccole li{margin:0;width:min(100%,300px)}
.ext-piccole figure{margin:0;display:grid;row-gap:8px}
.ext-piccole img{display:block;width:100%;height:auto;border-radius:var(--raggio);background:var(--dom, #cfc8bd)}
.ext-piccole figcaption{font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;opacity:var(--o-riposo)}

.ext-scheda dl{display:grid;grid-template-columns:auto 1fr;column-gap:26px;max-width:520px}
.ext-scheda dt{font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;opacity:var(--o-riposo);
  border-top:1px solid var(--hair);padding:10px 0;align-self:baseline}
.ext-scheda dd{font-size:var(--t-corpo);font-variant-numeric:tabular-nums;border-top:1px solid var(--hair);padding:10px 0}

.ext-richiesta{row-gap:26px}
.ext-richiesta .ext-s__nome{font-size:clamp(34px,9vw,44px)}
.ext-richiesta__gesto{display:grid;row-gap:18px;justify-items:start}
.ext-richiesta__gesto .richiesta__eco{margin-top:-8px}

.ext-limiti{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--hair);display:grid;row-gap:10px;max-width:62ch}
.ext-limiti li{font-weight:400;font-size:var(--t-corpo);line-height:1.5;padding-left:22px;position:relative}
.ext-limiti li::before{content:"";position:absolute;left:0;top:.72em;width:10px;height:1px;background:currentColor;opacity:.5}
.ext-limiti li.ai{padding-left:22px;max-width:none}
.ext-cover--bro{padding:var(--silenzio) var(--bordo-dx) var(--silenzio) var(--bordo-sx);align-content:center}
.ext-cover--bro .ext-cover__blocco{padding:0}

.ext-piede{
  padding:64px var(--bordo-dx) calc(52px + env(safe-area-inset-bottom)) var(--bordo-sx);
  border-top:1px solid var(--hair);
  display:grid;row-gap:18px;align-items:baseline;
}
.ext-piede .wm2{font-size:17px}
.ext-piede__righe{display:grid;row-gap:6px}
.ext-piede__fondo{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline}

@media (min-width:769px){
  body.ext{--gutter:120px;--h-barra:100px;--t-corpo:17px;--t-legge:20px;--t-racconto:30px;--t-capo:56px;--silenzio:16svh}
  .ext-s{min-height:100svh}
  .ext-s__nota{font-weight:100}
  .ext-s{row-gap:32px}
  .ext-s__riga{max-width:28ch}
  .ext-s__testa{grid-template-columns:minmax(0,1fr) minmax(0,44%);column-gap:64px;align-items:end}
  .ext-s__testa .ext-s__riga{justify-self:end;text-align:right}
  .ext-s__testa .ext-s__nota{grid-column:1 / -1}

  .ext-cover{
    position:relative;min-height:calc(100svh - var(--h-barra));overflow:hidden;
    grid-template-rows:auto 1fr auto;align-content:stretch;row-gap:0;padding:0;
  }
  .ext-cover .ext-lastra--filo{position:absolute;inset:0;margin:0;display:block}
  .ext-cover .ext-lastra img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 50%}
  .ext-cover .ext-lastra figcaption{
    position:absolute;z-index:1;right:var(--bordo-dx);bottom:56px;left:auto;padding:0;
    display:grid;justify-items:end;text-align:right;gap:6px;
  }
  .ext-cover__velo{
    display:block;position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(180deg,
      rgba(244,239,233,.58) 0%,rgba(244,239,233,0) 22%,rgba(244,239,233,0) 50%,
      rgba(244,239,233,.66) 74%,rgba(244,239,233,.92) 100%);
  }
  .ext-cover__testa{position:relative;z-index:1;grid-row:1;padding:26px var(--bordo-dx) 0 var(--bordo-sx)}
  .ext-cover__blocco{position:relative;z-index:1;grid-row:3;padding:0 var(--bordo-dx) 56px var(--bordo-sx)}
  .ext-cover h1 br{display:none}
  .ext-cover--bro{position:static;min-height:100svh;overflow:visible;padding:var(--silenzio) var(--bordo-dx) var(--silenzio) var(--bordo-sx);grid-template-rows:none;align-content:center;row-gap:32px}
  .ext-cover--bro .ext-cover__blocco{grid-row:auto;padding:0}
  .ext-frase__grande{font-size:clamp(44px,4.6vw,66px);max-width:18ch}
  .ext-meta{gap:16px 48px}

  .ext-lastra--grande img{max-height:82svh;object-fit:cover;object-position:50% 50%}

  .ext-due .ext-lastra--modello{width:58%}

  .ext-tre{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

  .ext-piccole{gap:28px 32px}
  .ext-piccole li{width:300px}

  .ext-scheda dl{max-width:620px}

  .ext-richiesta .ext-s__nome{font-size:var(--t-capo)}

  .ext-piede{padding-top:88px;grid-template-columns:auto minmax(0,1fr);column-gap:64px}
  .ext-piede__fondo{grid-column:1 / -1}
}

.ext-scheda--tec .tag{margin-top:12px}
.ext-tec__stato{opacity:var(--o-riposo)}
@media (max-width:768px){
  .ext-scheda--tec dl.ext-tec{grid-template-columns:minmax(0,1fr)}
  .ext-scheda--tec dl.ext-tec dt{padding:12px 0 0}
  .ext-scheda--tec dl.ext-tec dd{border-top:0;padding:4px 0 12px}
}