@font-face{
  font-family:"Literata";
  src:url("/font/literata.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Public Sans";
  src:url("/font/publicsans.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Cormorant Garamond";
  src:url("/font/cormorant.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
}

:root{
  --notte:#1d2028;            
  --notte-2:#2a2e38;          
  
  --pie-testo:#FBF7F2;        
  --pie-testo-2:rgba(253,249,244,.86);  
  --alba:#f55819;             
  
  
  
  --alba-scura:#af2d00;       
  
  --brace-notte:#331a00;
  --brace:#e46332;            

  
  --cielo:#EFE1D4;
  --cielo-2:#E5D3C1;          
  
  
  --brace-chiara:#FDEFE0;     
  --bordo-cielo:#D5C0AA;
  
  --velo-testo:rgba(253,249,244,.86);

  --carta:#FBF7F2;
  --carta-2:#F4EADF;
  
  --riverbero:#FAEFE3;
  --bordo:#E0CDB9;
  --inchiostro:#22242B;
  --inchiostro-2:#4E525E;
  
  
  --tenue:#595D66;

  
  
  
  --orizzonte:16rem;
  
  --fascia:clamp(9rem, 44%, var(--orizzonte));

  --largo:min(100% - 2.5rem, 68rem);
  --largo-pieno:min(100% - 3rem, 108rem);
  --testo:min(100% - 2.5rem, 40rem);
  
  --serif:Literata,Constantia,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  
  --display:"Cormorant Garamond",Cormorant,Garamond,"Palatino Linotype",Palatino,Georgia,serif;
  --titolo-x:1.12;
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  
  
  --space-1:0.25rem;    
  --space-2:0.5rem;     
  --space-3:0.75rem;    
  --space-4:1.0rem;     
  --space-5:1.5rem;     
  --space-6:2.0rem;     
  --space-7:3.0rem;     
  --space-8:4.5rem;     
  --space-9:9.0rem;     
  
  --barra-alta:5.5rem;
  
  --fascia-alba:11rem;
  
  --mini-foto:84px;

  
  --corpo-nota:.75rem;
  --corpo-xs:clamp(0.900rem, 0.887rem + 0.06vw, 0.938rem);
  --corpo:clamp(1.125rem, 1.083rem + 0.21vw, 1.250rem);
  --corpo-md:clamp(1.406rem, 1.320rem + 0.43vw, 1.666rem);
  --corpo-lg:clamp(1.758rem, 1.603rem + 0.77vw, 2.221rem);
  --corpo-xl:clamp(2.197rem, 1.943rem + 1.27vw, 2.961rem);
  
  --corpo-2xl:clamp(2.747rem, 2.347rem + 2.00vw, 3.947rem);

  
  --raggio-1:0.25rem;
  --raggio-2:0.5rem;
  --raggio-3:1.2rem;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  
  margin:0; background:transparent; color:var(--inchiostro);
  font-family:var(--serif); font-size:var(--corpo); line-height:1.7;
  -webkit-font-smoothing:antialiased; padding-bottom:var(--barra-alta);
}
@media (min-width:820px){ body{ padding-bottom:0 } }

.dentro{width:var(--largo);margin-inline:auto}
.colonna{width:var(--testo);margin-inline:auto}

h1,h2,h3{font-family:var(--serif);font-weight:600}
h4,nav,.eti,.bottone,.barra,footer,th,figcaption{font-family:var(--sans)}
h1{font-size:var(--corpo-xl);line-height:1.15;letter-spacing:-.02em;
   font-weight:600;margin:0 0 var(--space-2);text-wrap:balance}

h2{font-size:var(--corpo-md);line-height:1.25;letter-spacing:-.012em;
   font-weight:600;margin:var(--space-7) 0 var(--space-3);text-wrap:balance;
   color:var(--alba-scura)}
h3{font-size:var(--corpo);font-weight:600;margin:var(--space-6) 0 var(--space-2)}
p{margin:0 0 var(--space-4)}
a{color:var(--alba-scura);text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--alba);outline-offset:3px;border-radius:var(--raggio-1)}
img{max-width:100%;height:auto;display:block}

.eti{font-family:var(--sans);font-size:var(--corpo-nota);letter-spacing:.14em;
     text-transform:uppercase;font-weight:600;color:var(--alba-scura)}

.testata{background:var(--cielo);border-bottom:3px solid var(--alba)}

.testata .dentro{display:flex;align-items:center;justify-content:space-between;
                 gap:var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;
                 width:var(--largo-pieno)}
.marchio{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;
         font-family:var(--sans);color:var(--inchiostro);line-height:1.2}
.marchio img{height:34px;width:auto}
.marchio .nomi{display:block}
.marchio b{display:block;font-weight:600;font-size:var(--corpo-xs);letter-spacing:-.01em}
.marchio span{display:block;font-size:var(--corpo-nota);font-weight:400;color:var(--inchiostro-2)}
nav ul{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);list-style:none;margin:0;padding:0}
nav a{font-size:var(--corpo-xs);color:var(--inchiostro-2);text-decoration:none;padding:var(--space-1) 0}
nav a:hover,nav a[aria-current="page"]{color:var(--alba-scura);text-decoration:underline}
.tel-testata{display:none;font-family:var(--sans);font-size:var(--corpo-xs);font-weight:600;
             color:var(--inchiostro);text-decoration:none;white-space:nowrap;
             border:1px solid var(--alba);border-radius:var(--raggio-1);padding:var(--space-2) var(--space-3)}
.tel-testata:hover{background:var(--alba);color:#1d2028}
@media (min-width:820px){ .tel-testata{display:inline-block} }

.apertura{
  
  min-height:min(76vh, 44rem);
  
  --rapporto-foto:1.6919;
  position:relative; isolation:isolate;
  
  overflow:hidden;
  
  background:linear-gradient(0deg,
    var(--brace-chiara) 0, var(--cielo-2) 12rem, var(--cielo) 21rem) var(--cielo);
  
  
  color:var(--inchiostro);
  
  text-align:center;
  
  padding:var(--space-9) 0 var(--orizzonte);
  
}

.apertura::before{
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  opacity:.055; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)'/%3E%3C/svg%3E");
}

.alba{
  
  position:absolute; inset:0; z-index:0; pointer-events:none;
  
  
  background:
    
    
    
    
    
    
    linear-gradient(178deg,
      rgba(239,225,212,.34) 0, rgba(239,225,212,.14) 16%,
      rgba(239,225,212,.05) 32%, rgba(239,225,212,.05) 54%,
      rgba(239,225,212,.36) 72%, rgba(239,225,212,.48) 100%),
    
    url("/immagini/alba-articoli.webp") left 22%/cover no-repeat;
    
}

@media (max-width:700px){
  .p-home .alba{
    background-position:70% 26%;
    
    background-image:
      
      linear-gradient(180deg,
        transparent 0, rgba(239,225,212,.10) 8%, rgba(239,225,212,.24) 24%,
        rgba(239,225,212,.10) 44%, transparent 60%),
      url("/immagini/alba-articoli.webp");
  }
  
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
}
.nebbia{
  position:absolute; inset:auto -7% 0 -7%; z-index:1; pointer-events:none;
  height:var(--fascia);
  
  background:none;
  
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 42%);
          mask-image:linear-gradient(180deg,transparent 0,#000 42%);
  opacity:.68;
}

.apertura::after{
  content:""; position:absolute; inset:auto 0 0 0;
  
  inset:auto 0 0 0; height:var(--fascia);
  z-index:2; pointer-events:none; opacity:1;
  
  background:
    
    
    
    
    linear-gradient(180deg, transparent 86%, var(--riverbero) 100%);
}

.apertura>*:not([aria-hidden="true"]){position:relative;z-index:3}

body section.apertura+section{
  border-top:0;
  
  background:linear-gradient(180deg, var(--riverbero) 0, transparent 9rem);
}

.apertura .colonna{
  
  padding:var(--space-7) var(--space-6) var(--space-8);
}

.apertura .colonna>p,.apertura .colonna>h1{
  background:none;backdrop-filter:none;border:0;
  display:block;padding-left:0;padding-right:0}

.apertura .frase{font-size:var(--corpo-lg);line-height:1.24;font-weight:400;
                 letter-spacing:.04em;margin:0 auto var(--space-4);color:var(--alba-scura);
                 font-family:var(--sans);text-wrap:balance}

.apertura .fonte{font-size:var(--corpo-xs);color:var(--inchiostro);font-family:var(--sans);
                 margin:0 0 var(--space-5)}

.apertura .sotto{font-size:var(--corpo);color:var(--inchiostro);margin:0 auto var(--space-6);
                 display:table;padding:var(--space-2) var(--space-4);border-radius:var(--raggio-2);
                 background:var(--velo-testo);
                 backdrop-filter:saturate(115%) blur(2px)}

.apertura .eti{display:table;margin-left:auto;margin-right:auto;
               padding:var(--space-1) var(--space-3);border-radius:var(--raggio-1);
               background:var(--velo-testo)}
.apertura .fonte a{color:var(--alba-scura)}

.apertura .ambiti{font-family:var(--sans);font-size:var(--corpo-xs);color:var(--inchiostro-2);
                  margin:0 0 var(--space-4);line-height:1.7}

.apertura .tdn{font-family:var(--sans);font-size:var(--corpo-xs);color:var(--inchiostro-2);
               margin:0 0 var(--space-5);line-height:1.6}
.apertura .tdn b{color:var(--inchiostro);font-weight:600}

.apertura .ambiti,.apertura .tdn{display:table;margin-left:auto;margin-right:auto;
                                 padding:var(--space-1) var(--space-4);border-radius:var(--raggio-2);
                                 background:var(--velo-testo)}
.apertura .ambiti{margin-bottom:var(--space-4)}
.apertura .tdn{margin-bottom:var(--space-5)}

.apertura .ritratto{display:block;max-width:min(340px,100%);height:auto;
                    border-radius:var(--raggio-3);margin:0 0 var(--space-6)}

.apertura .eti{color:var(--inchiostro)}
.apertura a{color:var(--alba-scura)}

.apertura a:hover{color:var(--alba-scura);text-decoration-thickness:2px}
.apertura .fonte a{color:var(--inchiostro-2)}
.apertura .fonte a:hover{color:var(--alba-scura)}

.apertura h1{font-family:var(--display);font-weight:600;
             font-size:calc(var(--corpo-xl) * var(--titolo-x));
             color:var(--alba-scura);
             
             letter-spacing:-.01em;line-height:1.18;
             display:table;margin-left:auto;margin-right:auto;
             padding:var(--space-2) var(--space-5);
             border:1px solid var(--bordo-cielo);border-radius:var(--raggio-2);
             background:var(--velo-testo);
             backdrop-filter:saturate(115%) blur(2px)}

.apertura h1 a{color:inherit;text-decoration:none}

.apertura h1 a:hover{text-decoration:underline;text-decoration-thickness:2px;
                     text-underline-offset:.18em}

.azioni{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-4)}

.azioni .oppure{margin:0;align-self:center;font-size:var(--corpo-xs);
                color:var(--inchiostro-2)}
.azioni .oppure a{color:var(--alba-scura);font-weight:600}
.bottone{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.9rem;
         padding:var(--space-2) var(--space-4);border-radius:var(--raggio-1);font-size:var(--corpo-xs);font-weight:600;
         text-decoration:none;border:1px solid transparent}
.bottone.primo{background:var(--alba);color:#1d2028}
.bottone.primo:hover{filter:brightness(1.1)}

.bottone.secondo{border-color:var(--bordo-cielo);color:var(--inchiostro);
                 background:var(--velo-testo);
                 backdrop-filter:saturate(115%) blur(2px)}
.bottone.secondo:hover{border-color:var(--alba);color:var(--alba-scura)}

.sotto-azioni{font-size:var(--corpo-xs);color:var(--tenue);margin:0}

.apertura .sotto-azioni{color:var(--inchiostro);display:table;
                        margin-left:auto;margin-right:auto;
                        padding:var(--space-1) var(--space-4);border-radius:var(--raggio-2);
                        background:var(--velo-testo);
                        backdrop-filter:saturate(115%) blur(2px)}

.bottone.secondo{border-color:var(--bordo);color:var(--inchiostro);
                 background:var(--carta-2)}
.bottone.secondo:hover{border-color:var(--alba);color:var(--alba-scura)}
section:not(.apertura) .sotto-azioni{color:var(--tenue)}

.barra{position:fixed;inset:auto 0 0 0;z-index:50;display:grid;
       grid-template-columns:1fr 1fr 1fr;background:var(--cielo);
       border-top:2px solid var(--alba);box-shadow:0 -2px 14px rgba(0,0,0,.3)}
.barra a{display:flex;flex-direction:column;align-items:center;justify-content:center;
         gap:var(--space-1);min-height:3.4rem;padding:var(--space-2) var(--space-1);font-family:var(--sans);
         font-size:var(--corpo-nota);font-weight:600;color:var(--inchiostro);text-decoration:none}
.barra .eti{color:var(--tenue);font-size:var(--corpo-nota);letter-spacing:.08em}
.barra a+a{border-left:1px solid var(--bordo-cielo)}
.barra a:hover{background:var(--carta-2)}

.barra .prenota{background:var(--alba);color:#1d2028}

.barra .prenota .eti{color:#3a1400}
@media (min-width:820px){ .barra{display:none} }

section{padding:var(--space-6) 0}
section+section:not(.apertura){border-top:1px solid var(--bordo)}

.griglia{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));
         margin:var(--space-5) 0 0}
.scheda{background:var(--carta-2);border:1px solid var(--bordo);border-radius:var(--raggio-2);
        padding:var(--space-4) var(--space-4);border-left:3px solid var(--alba)}
.scheda h3{margin:0 0 var(--space-1);font-size:var(--corpo-xs)}
.scheda p{margin:0;font-size:var(--corpo-xs);color:var(--inchiostro-2)}
a.scheda{text-decoration:none;color:inherit;display:block}
a.scheda:hover{background:var(--carta)}
a.scheda h3{color:var(--alba-scura)}
a.scheda:hover h3{text-decoration:underline}

.riquadro{background:var(--carta-2);border-left:3px solid var(--alba);
          border-radius:0 var(--raggio-2) var(--raggio-2) 0;padding:var(--space-4) var(--space-5);margin:var(--space-5) 0}
.riquadro p:last-child{margin:0}
.riquadro.ottone{background:#FBF2E8;border-left-color:var(--brace)}

ul.social{list-style:none;padding:0;margin:var(--space-2) 0 0;
          display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}
ul.social li{margin:0}
ul.social a{display:inline-block;min-height:44px;line-height:44px}

.elenco{list-style:none;padding:0;margin:var(--space-5) 0 0}
.elenco li{padding:var(--space-4) 0;border-bottom:1px solid var(--bordo);
           display:grid;grid-template-columns:var(--mini-foto) 1fr;gap:var(--space-4);align-items:start}

.elenco li.senza-foto>*{grid-column:2}
.elenco li:last-child{border-bottom:0}
.elenco img{width:var(--mini-foto);height:60px;object-fit:cover;border-radius:var(--raggio-1);
            background:var(--carta-2)}
.elenco a{font-family:var(--sans);font-size:var(--corpo-xs);font-weight:600;color:var(--inchiostro);
          text-decoration:none;line-height:1.35;display:block}
.elenco a:hover{color:var(--alba-scura);text-decoration:underline}
.elenco .dati{font-family:var(--sans);font-size:var(--corpo-nota);color:var(--tenue);
              margin-top:var(--space-1);display:flex;gap:var(--space-4);flex-wrap:wrap}

.dopo-elenco{margin-top:var(--space-4)}

.bio>p:first-of-type{font-size:var(--corpo);line-height:1.6;color:var(--inchiostro-2)}
.bio h2{border-left:3px solid var(--alba);padding-left:var(--space-3);margin-top:var(--space-6)}

.saggio{padding:var(--space-6) 0 var(--space-4)}
.saggio h1{font-size:var(--corpo-lg);margin-bottom:var(--space-2)}
.saggio .dati{font-family:var(--sans);font-size:var(--corpo-xs);color:var(--tenue);
              margin:0 0 var(--space-5);display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center}
.saggio .dati a{color:var(--alba-scura)}
.saggio p{margin:0 0 var(--space-5)}
.saggio p:first-of-type{font-size:var(--corpo);color:var(--inchiostro)}
.saggio h2{border-left:3px solid var(--alba);padding-left:var(--space-3)}
.testata-saggio{width:100%;max-height:22rem;object-fit:cover;border-radius:var(--raggio-2);
                margin:0 0 var(--space-6)}

.indice{background:var(--carta-2);border:1px solid var(--bordo);
        border-left:3px solid var(--alba);border-radius:0 var(--raggio-2) var(--raggio-2) 0;
        padding:var(--space-4) var(--space-4);margin:0 0 var(--space-6)}
.indice p{margin:0 0 var(--space-2);font-family:var(--sans);font-size:var(--corpo-nota);font-weight:700;
          letter-spacing:.09em;text-transform:uppercase;color:var(--alba-scura)}
.indice ol{margin:0;padding-left:var(--space-4);font-family:var(--sans);font-size:var(--corpo-xs)}
.indice li{margin-bottom:var(--space-1)}
.indice a{color:var(--inchiostro-2);text-decoration:none}
.indice a:hover{color:var(--alba-scura);text-decoration:underline}

.firma{--orizzonte:2.4rem;
       position:relative; isolation:isolate; overflow:hidden;
       background:linear-gradient(0deg, var(--brace-chiara) 0, var(--cielo) 12rem) var(--cielo);
       color:var(--inchiostro);border-radius:var(--raggio-2);border:1px solid var(--bordo-cielo);
       margin:var(--space-7) 0 0;padding:var(--space-5) var(--space-5) var(--orizzonte)}
.firma::after{
  content:""; position:absolute; inset:auto 0 0 0; height:var(--orizzonte);
  z-index:-1; pointer-events:none;
  background:
    linear-gradient(180deg, transparent 68%, var(--carta) 100%),
    radial-gradient(150% 130% at 30% 96%,
      #fff4e2 0%, #fde2bd 12%, #f8cd94 26%, #f2b878 42%,
      #eec79b 60%, transparent 86%);
}
.firma>*{position:relative;z-index:1}
.firma h3{margin:0 0 var(--space-1);font-size:var(--corpo-xs);color:var(--inchiostro)}

.firma p,.saggio .firma p{font-size:var(--corpo-xs);color:var(--inchiostro-2);margin:0 0 var(--space-4)}
.firma 
.bottone.secondo{border-color:var(--bordo-cielo);color:var(--inchiostro);
                 background:var(--velo-testo);
                 backdrop-filter:saturate(115%) blur(2px)}
.firma .bottone.secondo:hover{border-color:var(--alba);color:var(--alba-scura)}

.pag-libro{border-top:1px solid var(--bordo);padding:var(--space-5) 0 var(--space-2);
           display:grid;grid-template-columns:120px 1fr;gap:var(--space-5);align-items:start}
.pag-libro.senza-foto{grid-template-columns:1fr}
.pag-libro:first-of-type{border-top:0}
.pag-libro img{width:120px;border-radius:var(--raggio-1);box-shadow:0 3px 14px rgba(29,32,40,.22)}
.pag-libro h3{margin:0 0 var(--space-1);font-size:var(--corpo);letter-spacing:-.01em}
.sottotitolo-libro{font-family:var(--sans);font-size:var(--corpo-xs);color:var(--inchiostro-2);
                   margin:0 0 var(--space-1)}
.dati-libro{font-family:var(--sans);font-size:var(--corpo-xs);color:var(--tenue);margin:0 0 var(--space-3)}
.pag-libro p{margin:0 0 var(--space-4)}
@media (max-width:520px){ .pag-libro{grid-template-columns:88px 1fr;gap:var(--space-4)}
                          .pag-libro img{width:88px} }

table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:var(--corpo-xs);
      font-variant-numeric:tabular-nums}
.scorre{overflow-x:auto;border:1px solid var(--bordo);border-radius:var(--raggio-2);margin:var(--space-5) 0}
th{text-align:left;font-size:var(--corpo-nota);letter-spacing:.09em;text-transform:uppercase;
   color:var(--tenue);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--alba)}
td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--bordo);color:var(--inchiostro-2)}
tbody tr:last-child td{border-bottom:0}
td b{color:var(--inchiostro)}

.manca{background:#FBF2E8;border:1px dashed var(--brace);border-radius:var(--raggio-1);
       padding:var(--space-1) var(--space-2);font-family:var(--sans);font-size:var(--corpo-xs);
       color:#8a3d13;font-weight:600}

footer .dentro{width:var(--largo-pieno)}

footer{background:var(--notte);
       color:var(--pie-testo);border-top:3px solid var(--alba);
       margin-top:var(--space-7);padding:var(--space-6) 0 var(--space-7);font-size:var(--corpo-xs)}
footer .cols{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}

footer h4{margin:0 0 var(--space-2);font-size:var(--corpo-nota);letter-spacing:.12em;text-transform:uppercase;
          color:var(--alba);font-weight:600}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:var(--space-1)}

footer a{color:var(--pie-testo)}

footer .cols a{text-decoration:none}
footer .cols a:hover,footer .cols a:focus-visible,footer .cols a:active{
  background:linear-gradient(var(--alba) 0 0) center/100% 1.9em no-repeat;
  color:var(--notte);
  border-radius:var(--raggio-1);
  padding-inline:var(--space-2);
  text-decoration:none}

.legale{margin-top:var(--space-6);padding-top:var(--space-5);
        border-top:1px solid rgba(251,247,242,.18);
        font-size:var(--corpo-xs);color:var(--pie-testo-2);line-height:1.65}
.legale a{color:var(--pie-testo);text-decoration:underline}
.legale a:hover{text-decoration-thickness:2px;color:var(--alba)}
.emergenza{font-family:var(--sans);font-weight:600;color:var(--inchiostro);font-size:var(--corpo-xs);
           line-height:1.5;margin-bottom:var(--space-4)}

@media print{ .barra{display:none} body{padding-bottom:0}
              a{text-decoration:none;color:var(--inchiostro)} }

html{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E") 0 0/140px 140px repeat,
    radial-gradient(58% 44% at 78% 6%, rgba(252,230,203,.95) 0, rgba(252,230,203,0) 72%),
    radial-gradient(52% 40% at 12% 88%, rgba(242,222,201,.88) 0, rgba(242,222,201,0) 74%),
    var(--carta);
  background-attachment:fixed, fixed, fixed, fixed;
}

@keyframes carta-luce{
  from{background-position:0 0, 0% 0%, 0% 100%, 0 0}
  to  {background-position:0 0, 12% 8%, 14% 92%, 0 0}
}
@media screen and (prefers-reduced-motion:no-preference){
  html{animation:carta-luce 97s ease-in-out infinite alternate}
}

@media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important} }

@keyframes sorge{
  from{opacity:0; filter:brightness(.5) saturate(.65)}
  to  {opacity:1; filter:none}
}

@media screen and (prefers-reduced-motion:no-preference){
  .apertura::after{animation:sorge 3.2s cubic-bezier(.16,.72,.3,1) both}
}

@keyframes deriva{
  from{transform:translate3d(-2.4%,0,0)}
  to  {transform:translate3d(2.4%,0,0)}
}
@keyframes respiro{
  from{opacity:.56}
  to  {opacity:.8}
}
@media screen and (prefers-reduced-motion:no-preference){
  .nebbia{
    animation:deriva 89s ease-in-out infinite alternate,
              respiro 53s ease-in-out infinite alternate;
    will-change:transform;
  }
}

@keyframes arriva{ from{opacity:0; transform:translateY(9px)} to{opacity:1; transform:none} }
@media screen and (prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .scheda,.elenco li,.pag-libro,.riquadro{
      animation:arriva .7s cubic-bezier(.2,.7,.3,1) both;
      animation-timeline:view();
      
      animation-range:entry 4% cover 20%;
    }
  }
}

a,.bottone,.scheda,.barra a,nav a,footer a{
  transition:color .18s ease, background-color .18s ease,
             border-color .18s ease, transform .18s ease;
}
@media (prefers-reduced-motion:no-preference){
  a.scheda:hover{transform:translateY(-2px)}
  .bottone.primo:hover{transform:translateY(-1px)}
}

a.scheda:active{background:var(--carta);transform:translateY(0) scale(.995)}
.bottone:active{transform:translateY(0) scale(.985)}
.barra a:active{background:var(--carta-2)}
.barra .prenota:active{filter:brightness(.92)}

.claim{font-family:var(--sans);font-size:var(--corpo-nota);font-weight:700;
       letter-spacing:.22em;text-transform:uppercase;color:var(--inchiostro);
       margin:var(--space-6) 0 var(--space-4)}

.porte-tipo{display:flex;flex-direction:column;align-items:flex-start;
            gap:var(--space-2);margin:0 0 var(--space-6);max-width:34rem}

.temi .qui,.temi a{background:rgba(254,253,252,.82);border-radius:var(--raggio-1);
                   padding:var(--space-1) var(--space-2)}

.temi{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-2)}
.archivio-filtri .fonte{display:flex;flex-wrap:wrap;gap:var(--space-1);
                        align-items:center;font-size:var(--corpo-nota)}
.archivio-filtri .fonte a{background:rgba(254,253,252,.82);border-radius:var(--raggio-1);
                          padding:var(--space-1) var(--space-2);text-decoration:none}
.porte-tipo a{font-family:var(--serif);font-size:var(--corpo-md);
              line-height:1.22;color:var(--inchiostro);text-decoration:none;
              border-bottom:2px solid transparent;padding-bottom:var(--space-1)}
.porte-tipo a:hover{color:var(--alba-scura);border-bottom-color:var(--alba)}

.porte-tipo a:active{color:var(--alba-scura);border-bottom-color:var(--alba)}
@media (max-width:640px){
  .porte-tipo{gap:var(--space-1) var(--space-4)}
}

.apertura .azioni{justify-content:center}
.apertura .porte-tipo{align-items:center;margin-inline:auto}
.apertura .colonna{margin-inline:auto}

.claim{text-align:center}
.porte-tipo a{border-bottom-color:transparent}

.ritratto{margin-inline:auto}

.p-psicoterapia-junghiana .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-psicoterapia-junghiana.webp")}
.p-narcisismo .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-narcisismo.webp")}
.p-famiglia-e-genitori .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-famiglia-e-genitori.webp")}
.p-coppia .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-coppia.webp")}
.p-arte-e-creativita .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-arte-e-creativita.webp")}

.p-chi-sono .alba, .p-articoli .alba, .p-libri .alba,
.p-come-funziona .alba, .p-contatti .alba,
.p-psicoterapia-junghiana .alba, .p-narcisismo .alba,
.p-famiglia-e-genitori .alba, .p-coppia .alba, .p-arte-e-creativita .alba{
  background-repeat:no-repeat;
  background-size:auto, auto, cover;
  background-position:center, center, center 22%;
}

.p-chi-sono .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-chi-sono.webp")}
.p-articoli .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-libro.webp")}
.p-libri .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-libri.webp")}
.p-come-funziona .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-come-funziona.webp")}
.p-contatti .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-contatti.webp")}

.apertura.casa{text-align:left;padding:var(--space-8) 0 var(--space-9)}
.apertura.casa .palco{display:grid;gap:var(--space-7);align-items:start;position:relative;z-index:3}
@media (min-width:900px){
  .apertura.casa .palco{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);
                        gap:var(--space-8);align-items:end}
}

.apertura.casa .frase{font-size:var(--corpo-2xl);line-height:1.04;letter-spacing:-.018em;
                      font-weight:400;margin:0 0 var(--space-5);max-width:16ch;
                      color:var(--inchiostro);text-wrap:balance}
.apertura.casa .frase a{color:inherit;text-decoration:none;
                        
                        text-decoration-thickness:1px;text-underline-offset:.14em}
.apertura.casa .frase a:hover{text-decoration:underline}

.p-home .apertura.casa{
  min-height:min(calc(100vw / var(--rapporto-foto)), 46rem);
}
.apertura.casa .claim{font-family:var(--sans);font-size:var(--corpo-nota);
                      letter-spacing:.16em;text-transform:uppercase;
                      color:var(--inchiostro-2);margin:0 0 var(--space-4);
                      display:flex;align-items:center;gap:var(--space-3)}
.apertura.casa .claim::after{content:"";flex:1;height:2px;background:var(--alba);
                             max-width:7rem;border-radius:var(--raggio-1)}

.apertura.casa .sotto{font-size:var(--corpo-md);line-height:1.45;max-width:34ch;
                      margin:0 0 var(--space-6);color:var(--inchiostro)}
.apertura.casa .azioni{justify-content:flex-start;margin-bottom:var(--space-3)}
.apertura.casa .sotto-azioni{margin:0;color:var(--inchiostro)}

.apertura.casa .lato-eti{font-family:var(--sans);font-size:var(--corpo-nota);
                         letter-spacing:.14em;text-transform:uppercase;
                         color:var(--inchiostro-2);margin:0 0 var(--space-3);
                         padding-bottom:var(--space-2);
                         border-bottom:1px solid var(--inchiostro-2)}
.apertura.casa .ambiti-lista{list-style:none;margin:0 0 var(--space-5);padding:0;
                             font-family:var(--serif);font-size:var(--corpo-xs)}
.apertura.casa .ambiti-lista li{padding:var(--space-2) 0;
                                border-bottom:1px solid var(--bordo-cielo);
                                color:var(--inchiostro)}

.apertura.casa .tdn{font-family:var(--sans);font-size:var(--corpo);
                    line-height:1.5;color:var(--inchiostro-2);
                    margin:0 0 var(--space-5)}
.apertura.casa .tdn b{color:var(--inchiostro);font-weight:600}

.apertura.casa::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,
    rgba(253,248,242,.97) 0, rgba(253,248,242,.92) 28%,
    rgba(253,248,242,.72) 48%, rgba(253,248,242,.30) 66%, transparent 82%);
  
  opacity:1;mix-blend-mode:normal;
}
@media (max-width:899px){
  
  
  .apertura.casa{padding-bottom:calc(var(--fascia-alba) + var(--space-4))}
  
  .apertura.casa::before{background:linear-gradient(180deg,
    rgba(253,248,242,.62) 0,
    rgba(253,248,242,.50) calc(100% - var(--fascia-alba) - 4rem),
    rgba(253,248,242,.22) calc(100% - 6rem),
    rgba(253,248,242,.04) calc(100% - 2rem),
    transparent 100%)}
  
  .apertura.casa .palco-lato{border-top:1px solid var(--bordo-cielo);
                             padding-top:var(--space-5)}
}

.apertura.casa .nebbia{display:block;inset:0;height:auto;z-index:1;
  background:radial-gradient(58% 42% at 74% 30%,
    rgba(255,214,158,.42) 0, rgba(255,196,128,.16) 45%, transparent 72%)}

@media screen and (prefers-reduced-motion:no-preference){
  .apertura.casa .alba{
    animation:alba-scivola linear both;
    animation-timeline:scroll(root);
    animation-range:0 90vh;
    will-change:transform;
  }
  .apertura.casa .palco{
    animation:palco-sale linear both;
    animation-timeline:scroll(root);
    animation-range:0 75vh;
  }
  .apertura.casa .nebbia{animation:luce-respira 40s ease-in-out infinite alternate}
}
@keyframes alba-scivola{to{transform:translateY(9vh) scale(1.045)}}
@keyframes palco-sale{to{transform:translateY(-3.5vh);opacity:.72}}
@keyframes luce-respira{0%{opacity:.72;transform:scale(1)}
                        100%{opacity:1;transform:scale(1.06)}}

@media screen and (prefers-reduced-motion:no-preference){
  section:not(.apertura) h2,
  .scheda,
  .riquadro{
    animation:emergi linear both;
    animation-timeline:view();
    animation-range:entry 8% cover 26%;
  }
}
@keyframes emergi{from{opacity:0;transform:translateY(var(--space-5))}
                  to{opacity:1;transform:none}}

@view-transition{navigation:auto}
@media screen and (prefers-reduced-motion:no-preference){
  ::view-transition-old(root){animation:sfuma-via .22s ease both}
  ::view-transition-new(root){animation:sfuma-dentro .28s ease both}
}
@keyframes sfuma-via{to{opacity:0}}
@keyframes sfuma-dentro{from{opacity:0;transform:translateY(var(--space-3))}
                        to{opacity:1;transform:none}}

.apertura.casa .palco *{background:none;backdrop-filter:none;border:0}
.apertura.casa .palco p,.apertura.casa .palco h1{padding-left:0;padding-right:0}

.apertura.casa .bottone.primo{background:var(--alba);color:#1d2028}
.apertura.casa .lato-eti{border-bottom:1px solid var(--inchiostro-2)}
.apertura.casa .ambiti-lista li{border-bottom:1px solid var(--bordo-cielo)}

@media (min-width:900px){
  
  .apertura.casa::before{
    background:
      linear-gradient(100deg,
        rgba(253,248,242,.93) 0,
        rgba(253,248,242,.80) 25%,
        rgba(253,248,242,.44) 43%,
        rgba(253,248,242,.12) 56%,
        transparent 66%),
      
      linear-gradient(180deg,
        transparent 0, transparent 62%,
        rgba(253,248,242,.26) 82%,
        rgba(253,248,242,.58) 100%);
  }
  .apertura.casa{padding-bottom:calc(var(--fascia-alba) + var(--space-6))}
  
  .apertura.casa .palco{align-items:start}
  .apertura.casa .palco-lato{padding-top:var(--space-6)}
  
  .apertura.casa .ambiti-lista li{padding-block:calc(var(--space-2) * .62)}
}

.apertura.casa .frase{font-family:var(--display);font-weight:500;
                      letter-spacing:-.022em;line-height:1.02}

.elenco a,.elenco h3,.scheda h3,.pag-libro h3{overflow-wrap:anywhere}

.p-home .apertura.casa .tdn,
.p-home .apertura.casa .lato-eti,
.p-home .apertura.casa .oppure,
.p-home .apertura.casa .sotto-azioni{color:var(--inchiostro)}
.p-home .apertura.casa .tdn b{color:var(--inchiostro)}

.p-home .apertura.casa .oppure a{color:var(--inchiostro);font-weight:700;text-decoration-thickness:2px}

.p-home .apertura.casa .ambiti-lista li{border-bottom-color:rgba(29,32,40,.22)}

.griglia a.scheda.con-foto{
  display:flex; flex-direction:column; gap:0;
  padding:0; background:none; border:0; border-left:0;
  border-radius:var(--raggio-2); overflow:hidden;
  box-shadow:0 1px 2px rgba(29,32,40,.06), 0 8px 22px -12px rgba(29,32,40,.22);
  background:var(--carta);
  transition:transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s;
}
.griglia a.scheda.con-foto:hover{
  transform:translateY(-3px);
  box-shadow:0 2px 4px rgba(29,32,40,.08), 0 16px 34px -14px rgba(29,32,40,.32);
}
.scheda-foto{
  display:block; width:100%; aspect-ratio:16/7; object-fit:cover;
  
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}
.griglia a.scheda.con-foto:hover .scheda-foto{transform:scale(1.035)}
.scheda-dice{display:block; padding:var(--space-4) var(--space-4) var(--space-5)}
.scheda-dice h3{margin:0 0 var(--space-2)}
.scheda-dice p{margin:0}

.libri-fila{
  list-style:none; margin:var(--space-5) 0 var(--space-4); padding:0;
  display:grid; gap:var(--space-4) var(--space-4); align-items:start;
  
  grid-template-columns:repeat(auto-fill, minmax(7rem, 1fr));
}
.libri-fila a{
  display:flex; flex-direction:column; gap:var(--space-2);
  text-decoration:none; color:var(--inchiostro);
}
.libri-fila img{
  
  display:block; width:100%; height:auto;
  border-radius:var(--raggio-1); background:var(--carta-2);
  
  box-shadow:0 1px 2px rgba(29,32,40,.14), 0 10px 24px -12px rgba(29,32,40,.42);
  transition:transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s;
}
.libri-fila a:hover img{
  transform:translateY(-4px) rotate(-.6deg);
  box-shadow:0 2px 5px rgba(29,32,40,.18), 0 18px 34px -14px rgba(29,32,40,.5);
}
.libri-fila span{
  font-family:var(--sans); font-size:var(--corpo-xs); line-height:1.35;
  color:var(--inchiostro-2);
}
.libri-fila a:hover span{color:var(--alba-scura)}
.libri-senza-foto{font-size:var(--corpo-xs); color:var(--inchiostro-2); margin:0}

@media (prefers-reduced-motion:reduce){
  .griglia a.scheda.con-foto,.griglia a.scheda.con-foto .scheda-foto,
  .libri-fila img{transition:none}
  .griglia a.scheda.con-foto:hover{transform:none}
  .griglia a.scheda.con-foto:hover .scheda-foto{transform:none}
  .libri-fila a:hover img{transform:none}
}

@media (min-width:62rem){
  .griglia:has(> .scheda.con-foto){grid-template-columns:repeat(3,1fr)}
  
  .griglia:has(> .scheda.con-foto) > .scheda.con-foto:nth-child(4){grid-column:1/2;
    margin-left:calc(50% / 3 * 1)}
  .griglia:has(> .scheda.con-foto) > .scheda.con-foto:nth-child(5){grid-column:2/3;
    margin-left:calc(50% / 3 * 1)}
}

.dentro.larga{width:var(--largo-pieno)}

.sezione-larga > h2,
.sezione-larga > p{max-width:var(--testo)}

.tendina-tag{margin:var(--space-5) 0 0}
.tendina-tag > summary{
  display:inline-flex; align-items:center; gap:var(--space-3);
  cursor:pointer; list-style:none;
  font-family:var(--sans); font-size:var(--corpo-xs); font-weight:600;
  color:var(--alba-scura); background:var(--carta-2);
  border:1px solid var(--bordo); border-radius:var(--raggio-2);
  padding:var(--space-3) var(--space-4);
  
  min-height:44px;
}
.tendina-tag > summary::-webkit-details-marker{display:none}
.tendina-tag > summary:hover{background:var(--riverbero);
                             border-color:var(--alba)}

.tendina-tag > summary::after{
  content:""; width:.5em; height:.5em; flex:0 0 auto;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s;
}
.tendina-tag[open] > summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.tendina-dentro{padding-top:var(--space-4)}

.cerca-tag{
  display:block; width:100%; max-width:26rem; min-height:44px;
  margin:0 0 var(--space-4);
  font:inherit; font-size:var(--corpo-xs); font-family:var(--sans);
  color:var(--inchiostro); background:var(--carta);
  border:1px solid var(--bordo); border-radius:var(--raggio-2);
  padding:var(--space-3) var(--space-4);
}
.cerca-tag:focus-visible{outline:2px solid var(--alba); outline-offset:2px}
.cerca-tag-eti{
  display:block; font-family:var(--sans); font-size:var(--corpo-nota);
  letter-spacing:.06em; text-transform:uppercase; color:var(--tenue);
  margin-bottom:var(--space-2);
}
.cerca-tag-esito{font-family:var(--sans); font-size:var(--corpo-nota);
                 color:var(--tenue); margin:var(--space-3) 0 0}

.nuvola-tag a.via,.nuvola-tag span.via{display:none}

.blocchi{
  list-style:none; margin:var(--space-6) 0 0; padding:0;
  display:grid; gap:var(--space-5); grid-template-columns:1fr;
}
.blocco{
  background:var(--carta-2); border:1px solid var(--bordo);
  border-radius:var(--raggio-2); padding:var(--space-5);
  
  border-left:3px solid var(--alba);
}
.blocco h3{
  margin:0 0 var(--space-3); font-size:var(--corpo-md);
  font-family:var(--display); color:var(--alba-scura);
  display:flex; align-items:center; gap:var(--space-3);
}
.blocco p{margin:0 0 var(--space-3); font-size:var(--corpo-xs);
          color:var(--inchiostro-2)}
.blocco p:last-child{margin-bottom:0}

.ico{
  width:1.55em; height:1.55em; flex:0 0 auto;
  fill:none; stroke:currentColor; stroke-width:1.5;
  stroke-linecap:round; stroke-linejoin:round;
  opacity:.85;
}

.dati-prof{
  list-style:none; margin:var(--space-5) 0 0; padding:0;
  display:grid; gap:var(--space-4); grid-template-columns:1fr;
}
.dato{
  display:flex; align-items:flex-start; gap:var(--space-3);
  padding:var(--space-4) 0; border-top:1px solid var(--bordo);
}
.dato .ico{color:var(--alba-scura); margin-top:.15em; font-size:var(--corpo)}
.dato-dice{min-width:0}
.dato-eti{
  display:block; font-family:var(--sans); font-size:var(--corpo-nota);
  letter-spacing:.06em; text-transform:uppercase; color:var(--tenue);
}
.dato-val{display:block; font-size:var(--corpo-xs); color:var(--inchiostro);
          margin-top:2px; overflow-wrap:anywhere}

.presenta{display:grid; gap:var(--space-5); grid-template-columns:1fr;
          margin-bottom:var(--space-7)}
.presenta .ritratto{
  width:100%; height:auto; max-width:26rem; border-radius:var(--raggio-2);
  box-shadow:0 1px 2px rgba(29,32,40,.14), 0 12px 28px -14px rgba(29,32,40,.42);
}

.presenta-dice > p{margin:0 0 var(--space-4)}
.presenta-dice > p:last-child{margin-bottom:0}

@media (min-width:62rem){
  .presenta-dice{display:grid; gap:var(--space-5) var(--space-6);
                 grid-template-columns:repeat(2,1fr); align-items:start}
  .presenta-dice > p{
    margin:0; padding-top:var(--space-4);
    border-top:2px solid var(--alba);
  }
}

@media (min-width:62rem){
  .blocchi{grid-template-columns:repeat(2,1fr)}
  .dati-prof{grid-template-columns:repeat(2,1fr)}
  
  .presenta{grid-template-columns:24rem 1fr; gap:var(--space-6);
            align-items:start}
}

@media (min-width:100rem){
  .blocchi{grid-template-columns:repeat(3,1fr)}
  .dati-prof{grid-template-columns:repeat(3,1fr)}
}

.elenco.affiancato{display:grid;grid-template-columns:1fr;
                   column-gap:var(--space-5)}

@media (min-width:62rem){
  .elenco.affiancato{grid-template-columns:repeat(2,1fr);
                     row-gap:var(--space-2)}
  
  .elenco.affiancato > li{border-bottom:0}
  .libri-fila{grid-template-columns:repeat(6,1fr)}
}

@media (min-width:100rem){
  .elenco.affiancato{grid-template-columns:repeat(3,1fr)}
}

@media (min-width:100rem){
  .griglia:has(> .scheda.con-foto){grid-template-columns:repeat(5,1fr)}
  
  .griglia:has(> .scheda.con-foto) > .scheda.con-foto:nth-child(4),
  .griglia:has(> .scheda.con-foto) > .scheda.con-foto:nth-child(5){
    grid-column:auto;margin-left:0}
}

.ico-social{
  width:1.05em; height:1.05em; flex:0 0 auto;
  fill:currentColor; vertical-align:-.14em;
  opacity:.72; transition:opacity .2s, transform .2s;
}
footer .cols ul a,ul.social a{display:inline-flex; align-items:center; gap:var(--space-2)}
footer .cols ul a:hover .ico-social,ul.social a:hover .ico-social{
  opacity:1; transform:translateY(-1px);
}

@media (prefers-reduced-motion:reduce){.ico-social{transition:none}}

@media (max-width:899px){
  .p-home .apertura.casa .alba{
    
    inset:0 0 auto 0;
    height:min(58vw, var(--orizzonte));
    background-size:cover;
    background-position:52% 46%;
    
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 100%);
            mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 100%);
  }
  
  .p-home .apertura.casa .dentro.palco{padding-top:min(58vw, var(--orizzonte))}
  
  .p-home .apertura.casa::before{background:linear-gradient(180deg,
    rgba(253,248,242,.30) 0,
    rgba(253,248,242,.10) 40%,
    transparent 62%)}
  .p-home .apertura.casa{padding-bottom:var(--space-6)}
}

@media (pointer: coarse){
  header.testata > div.dentro > a.marchio{min-height:44px;align-items:center}

  
  footer ul li > a,
  ul.social a{min-height:44px;display:inline-flex;align-items:center}

  
  a.tel-testata{min-height:44px;display:inline-flex;align-items:center}

  
  .archivio-filtri nav.temi > a,
  .archivio-filtri p.fonte > a{display:inline-flex;align-items:center;
    justify-content:center;min-height:44px;min-width:44px}
  .archivio-filtri nav.temi,
  .archivio-filtri p.fonte{display:flex;flex-wrap:wrap;
    gap:calc(var(--space-1) * .5) var(--space-2)}

  
  header.testata nav ul{row-gap:var(--space-2)}
  header.testata nav ul li > a{min-height:44px;display:inline-flex;
    align-items:center}
  footer .cols ul li + li{margin-top:var(--space-2)}

  
  ul.elenco > li > div > a{display:block;min-height:44px}
  div.colonna > ul.libri-fila > li > a{display:flex;align-items:center;min-height:44px}
}

body.con-alba .testata{
  position:absolute;top:0;left:0;right:0;z-index:20;
  background:transparent;border-bottom:0}

body.con-alba .apertura{padding-top:15.5rem}

@media (max-width:899px){
  
  body.con-alba .apertura.casa{padding-top:3rem}
}
@media (min-width:900px){
  
  body.con-alba .apertura{padding-top:4.9rem}
}

body.con-alba .testata::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(253,248,242,.72) 0,
    rgba(253,248,242,.34) 55%,
    transparent 100%)}

.testata nav a[aria-current="page"]{
  
  background:linear-gradient(var(--alba-scura) 0 0) center/100% 1.9em no-repeat;
  color:var(--carta);
  border-radius:var(--raggio-1);
  padding-inline:var(--space-2);
  text-decoration:none}
.testata nav a[aria-current="page"]:hover{text-decoration:none}

.archivio-filtri nav.tag{display:flex;flex-wrap:wrap;align-items:center;
  gap:calc(var(--space-1) * .5) var(--space-2);margin-top:var(--space-2)}
.archivio-filtri nav.tag .eti-tag{font-family:var(--sans);
  font-size:var(--corpo-nota);letter-spacing:.12em;text-transform:uppercase;
  color:var(--inchiostro);font-weight:600;margin-right:var(--space-1)}
.archivio-filtri nav.tag a{font-family:var(--sans);font-size:var(--corpo-nota);
  color:var(--inchiostro);text-decoration:none;
  border:1px solid var(--bordo);border-radius:var(--raggio-1);
  padding:calc(var(--space-1) * .6) var(--space-2);
  
  background:rgba(253,248,242,.86)}
.archivio-filtri nav.tag a:hover{color:var(--alba-scura);
  border-color:var(--alba-scura)}
@media (pointer: coarse){
  
  .archivio-filtri nav.tag a{display:inline-flex;align-items:center;
    min-height:44px}
}

.tag-tutti .colonna{padding-top:var(--space-4)}
.tag-tutti h2{margin-top:0}
.tag-tutti .sotto-tag{font-size:var(--corpo-nota);color:var(--inchiostro-2);
  max-width:34rem;margin:0 0 var(--space-4)}
.nuvola-tag{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.nuvola-tag a,.nuvola-tag .qui{font-family:var(--sans);
  font-size:var(--corpo-nota);line-height:1.1;color:var(--inchiostro);
  text-decoration:none;border:1px solid var(--bordo);
  border-radius:var(--raggio-1);background:var(--carta-2);
  padding:calc(var(--space-1) * .8) var(--space-2);
  display:inline-flex;align-items:center;gap:calc(var(--space-1) * .8)}

.nuvola-tag .qui{background:var(--riverbero);
  border-color:var(--alba-scura);font-weight:600}

.nuvola-tag .quanti{font-size:.68rem;color:var(--inchiostro-2);
  font-variant-numeric:tabular-nums}
.nuvola-tag a:hover{border-color:var(--alba-scura);color:var(--alba-scura)}
.nuvola-tag a:active{border-color:var(--alba-scura);color:var(--alba-scura)}
@media (pointer: coarse){
  
  .nuvola-tag a,.nuvola-tag .qui{min-height:44px}
}

.via{display:none !important}
.cerca{margin:0 0 var(--space-4);max-width:28rem}
.cerca-eti{display:block;font-family:var(--sans);font-size:var(--corpo-nota);
  letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  color:var(--inchiostro);margin:0 0 var(--space-1)}

.cerca-campo{width:100%;min-height:44px;font-family:var(--sans);
  font-size:1rem;color:var(--inchiostro);
  padding:var(--space-2) var(--space-3);
  border:1px solid var(--bordo);border-radius:var(--raggio-1);
  
  background:rgba(254,253,252,.94);
  -webkit-appearance:none;appearance:none}
.cerca-campo::placeholder{color:var(--inchiostro-2);opacity:1}
.cerca-campo:focus-visible{outline:2px solid var(--alba-scura);outline-offset:2px;
  border-color:var(--alba-scura)}
.cerca-esito{font-family:var(--sans);font-size:var(--corpo-nota);
  color:var(--inchiostro);margin:var(--space-1) 0 0;min-height:1.2em}
.cerca-esito:empty{margin:0}

@media (max-width:899px){
  .p-chi-sono .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.80) 18%,
      rgba(239,225,212,.66) 34%, rgba(239,225,212,.50) 48%,
      rgba(239,225,212,.22) 62%, rgba(239,225,212,.06) 74%, transparent 86%),
    url("/immagini/alba-chi-sono.webp")}
}

.p-consulto .apertura.landing{
  min-height:min(92svh, 62rem);
  display:flex; align-items:center;
  
  padding-block:var(--space-5) var(--space-4);
}
.p-consulto .apertura.landing h1{margin-block:var(--space-1) var(--space-2)}
.p-consulto .apertura.landing .azioni{margin-top:var(--space-3)}

.p-consulto .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.72) 16%,
      rgba(239,225,212,.28) 34%, rgba(239,225,212,.06) 50%, transparent 64%),
    url("/immagini/alba-consulto.webp");
  
  background-repeat:no-repeat;
  background-size:auto, auto, cover;
  background-position:center, center, center 22%;
}

@media (max-width:899px){
  .p-consulto .apertura.landing{min-height:min(88svh, 44rem)}
  .p-consulto .alba{background-image:
    radial-gradient(78% 52% at 50% 38%,
      rgba(253,241,230,.93) 0, rgba(253,241,230,.74) 42%,
      rgba(253,241,230,.30) 66%, rgba(253,241,230,0) 84%),

    linear-gradient(180deg,
      rgba(239,225,212,.90) 0, rgba(239,225,212,.80) 18%,
      rgba(239,225,212,.66) 34%, rgba(239,225,212,.50) 48%,
      rgba(239,225,212,.22) 62%, rgba(239,225,212,.06) 74%, transparent 86%),
    url("/immagini/alba-consulto.webp");
    background-repeat:no-repeat;
    background-size:auto, auto, cover;
    background-position:center, center, center 22%}
}

.lp-apre{
  
  background-image: url("/immagini/alba-articoli.webp");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 30%;
  background-color:var(--notte);
  color:var(--pie-testo);
  padding:var(--space-9) 0 var(--space-8);
  text-align:center}
.lp-apre .dentro{width:var(--largo)}

.lp-occhiello{font-family:var(--sans);font-size:var(--corpo-xs);
  letter-spacing:.24em;text-transform:uppercase;color:var(--pie-testo);
  margin:0 0 var(--space-6)}
.lp-bottoni{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}
.lp-cta{display:inline-flex;align-items:center;justify-content:center;
  min-height:60px;padding:0 var(--space-7);
  font-family:var(--sans);font-size:var(--corpo);font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  background:var(--alba);color:var(--notte);
  border:2px solid var(--alba);border-radius:var(--raggio-1)}
.lp-cta:hover{filter:brightness(1.08)}
.lp-cta.linea{background:transparent;color:var(--pie-testo);
  border-color:var(--pie-testo)}
.lp-cta.linea:hover{background:var(--pie-testo);color:var(--notte);filter:none}
.lp-sottobottoni{margin:var(--space-5) 0 0;font-family:var(--sans);
  font-size:var(--corpo-xs);color:var(--pie-testo-2)}

.lp-chiara{background:var(--carta);padding:var(--space-8) 0}
.lp-buia{background:var(--notte);color:var(--pie-testo);padding:var(--space-8) 0}
.lp-eti{font-family:var(--sans);font-size:var(--corpo-nota);letter-spacing:.20em;
  text-transform:uppercase;color:var(--alba-scura);margin:0 0 var(--space-2)}
.lp-buia .lp-eti{color:var(--alba)}
.lp-chiara h2,.lp-buia h2{font-family:var(--sans);font-weight:700;
  font-size:var(--corpo-md);margin:0 0 var(--space-5);color:var(--inchiostro)}
.lp-buia h2{color:var(--pie-testo)}
.lp-buia h2 span,.lp-chiara h2 span{color:var(--alba-scura)}
.lp-buia h2 span{color:var(--alba)}
.lp-intro{max-width:38rem;color:var(--pie-testo-2);margin:0 0 var(--space-6)}

.lp-due{display:grid;gap:var(--space-6);grid-template-columns:1fr}
@media (min-width:56rem){.lp-due{grid-template-columns:16rem 1fr}}
.lp-ritratto{margin:0}
.lp-ritratto img{width:100%;height:auto;border-bottom:4px solid var(--alba)}
.lp-punti{list-style:none;margin:var(--space-5) 0 0;padding:0}
.lp-punti li{position:relative;padding-left:var(--space-5);
  margin-bottom:var(--space-3);font-size:var(--corpo-xs)}
.lp-punti li::before{content:"›";position:absolute;left:0;top:-.05em;
  color:var(--alba-scura);font-weight:700;font-size:1.15em}

.lp-schede{display:grid;gap:var(--space-4);grid-template-columns:1fr}
@media (min-width:52rem){.lp-schede{grid-template-columns:repeat(3,1fr)}}
@media (min-width:100rem){.lp-schede{grid-template-columns:repeat(5,1fr)}}
.lp-scheda{background:var(--notte-2);border-top:3px solid var(--alba);
  padding:var(--space-5)}
.lp-tag{font-family:var(--sans);font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--alba);font-weight:700;margin:0 0 var(--space-2)}
.lp-scheda h3{font-family:var(--sans);font-size:var(--corpo);font-weight:700;
  margin:0 0 var(--space-3);color:var(--pie-testo)}
.lp-scheda p{margin:0;font-size:var(--corpo-xs);color:var(--pie-testo-2)}

.lp-modi{margin:0}
.lp-modi > div{display:grid;gap:var(--space-2);grid-template-columns:1fr;
  padding:var(--space-4) 0;border-top:1px solid var(--bordo)}
@media (min-width:48rem){.lp-modi > div{grid-template-columns:9rem 1fr;gap:var(--space-4)}}
.lp-modi dt{font-family:var(--sans);font-size:var(--corpo-nota);
  letter-spacing:.14em;text-transform:uppercase;color:var(--tenue)}
.lp-modi dd{margin:0}
.lp-modi dd span{display:block;margin-top:var(--space-2);
  font-size:var(--corpo-xs);color:var(--tenue)}
.lp-forte{font-family:var(--sans);font-weight:700;font-size:var(--corpo);
  color:var(--alba-scura)}
.lp-fine{margin:var(--space-6) 0 0}
.lp-fine .lp-cta{color:var(--notte)}

.lp-contatto-due{display:grid;gap:var(--space-7);grid-template-columns:1fr}
@media (min-width:60rem){.lp-contatto-due{grid-template-columns:1fr 1fr;gap:var(--space-8)}}
.lp-modulo label{display:block;margin-bottom:var(--space-4);
  font-family:var(--sans);font-size:var(--corpo-nota);letter-spacing:.12em;
  text-transform:uppercase;color:var(--tenue)}
.lp-modulo input,.lp-modulo select,.lp-modulo textarea{
  display:block;width:100%;margin-top:var(--space-2);
  padding:var(--space-3);min-height:46px;
  font:inherit;font-size:var(--corpo-xs);text-transform:none;letter-spacing:0;
  color:var(--inchiostro);background:var(--carta);
  border:1px solid var(--bordo);border-radius:var(--raggio-1)}
.lp-modulo textarea{min-height:auto;resize:vertical}
.lp-modulo input:focus-visible,.lp-modulo select:focus-visible,
.lp-modulo textarea:focus-visible{outline:3px solid var(--alba);outline-offset:2px}
.lp-modulo button{margin-top:var(--space-2);border:0;cursor:pointer}
.lp-nota-modulo{margin:var(--space-4) 0 0;font-size:var(--corpo-xs);color:var(--tenue)}

.lp-apre{padding:var(--space-8) 0 var(--space-9);text-align:left}
.lp-apre .dentro{width:var(--largo-pieno)}
.lp-cima{text-align:center;margin-bottom:var(--space-9)}
.lp-chi{max-width:60rem}

.lp-chi .lp-eti{color:var(--pie-testo)}
.lp-chi h2{font-family:var(--sans);font-weight:700;font-size:var(--corpo-md);
  color:var(--pie-testo);margin:0 0 var(--space-5)}
.lp-chi p{color:var(--pie-testo-2);max-width:52rem}
.lp-chi .lp-punti li{color:var(--pie-testo-2)}
.lp-chi .lp-punti li::before{color:var(--alba)}
.lp-chi .lp-punti li b{color:var(--pie-testo)}

.lp-marchio{display:inline-block;margin-bottom:var(--space-6)}
.lp-marchio img{width:auto;height:2.4rem}
@media (max-width:48rem){.lp-marchio img{height:2rem}}

.lp-testa{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}
.lp-testa .lp-marchio{margin-bottom:0}
.lp-tdn{margin:0;font-family:var(--sans);font-size:var(--corpo-xs);
  color:var(--pie-testo-2);max-width:26rem}
.lp-tdn b{color:var(--pie-testo);font-weight:600}
@media (min-width:56rem){
  .lp-testa{grid-template-columns:auto minmax(0,26rem);
            justify-content:space-between;align-items:start}
  .lp-tdn{text-align:right;justify-self:end}
}

@media (min-width:56rem){
  
  .lp-apre{padding:var(--space-7) 0}
  .lp-apre > .dentro{display:flex;flex-direction:column;
    justify-content:space-between;gap:var(--space-6);
    min-height:calc(100svh - 2 * var(--space-7))}
  .lp-chi p{max-width:56rem}
}

.lp-apre h2{font-family:var(--sans);font-weight:700;font-size:var(--corpo-lg);
  line-height:1.1;margin:0 0 var(--space-3);color:var(--pie-testo)}
.lp-chi p{font-size:var(--corpo);line-height:1.55;max-width:44rem}

.lp-chi p.lp-claim{display:inline-block;margin:var(--space-4) 0 0;
  padding-top:var(--space-4);border-top:3px solid var(--alba);
  font-family:var(--sans);font-size:var(--corpo-md);line-height:1.3;
  color:var(--pie-testo);max-width:36rem}
.lp-claim b{font-weight:700}

.lp-apre .lp-occhiello,.lp-apre .lp-sottobottoni,.lp-apre .lp-eti,
.lp-apre h2,.lp-chi p,.lp-chi p.lp-claim{
  text-shadow:0 1px 2px rgba(18,14,10,.6), 0 2px 18px rgba(18,14,10,.55)}

.lp-apre .lp-sottobottoni{color:var(--pie-testo);
  text-shadow:0 1px 3px rgba(18,14,10,.92), 0 0 12px rgba(18,14,10,.8)}

@media (max-width:48rem){
  .lp-cta{font-size:var(--corpo-xs);min-height:54px;padding:0 var(--space-5)}
}
@media (max-width:56rem){
  .lp-ritratto{max-width:14rem}
}

.lp-apre .lp-cta.linea{background:rgba(20,17,13,.45)}