/* V9 home: testi leggibili */
.ch .t p,.choice p{font:400 clamp(16px,2vw,19px)/1.55 var(--sans)!important;opacity:.9}
.orb small{font:500 13px/1.3 var(--sans)!important;letter-spacing:.04em!important;text-transform:none!important;opacity:.85}
.bio .q{font-size:clamp(26px,4vw,46px)}
footer .row{display:flex;flex-wrap:wrap;gap:14px 28px;font:500 15px/1.4 var(--sans)}
footer .row a{border-bottom:1px solid rgba(232,225,214,.3);padding-bottom:3px}
.k{font-size:11px!important;letter-spacing:.16em!important}
/* V9: le scritte della metamorfosi stanno in una fascia sotto al logo e compaiono solo a logo fermo */
.intro .ch .t{position:fixed;left:0;right:0;bottom:0;max-width:none;margin:0;padding:18vh max(22px,6vw) max(118px,15vh);text-align:center;
  background:linear-gradient(transparent,rgba(8,7,6,.78) 45%,rgba(8,7,6,.92));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s .45s}
.intro .ch .t.vis{opacity:1;visibility:visible;transition:opacity .45s ease}
.intro .ch .t.vis .enter{pointer-events:auto}
.intro .ch.r{justify-content:center;text-align:center}
.intro .ch h2{font-size:clamp(30px,7.4vw,64px)!important;margin:0 0 10px!important;text-shadow:none!important}
.intro .ch p{text-shadow:none!important;max-width:30em;margin:0 auto}
.intro .ch .t .line>span{transform:none!important;opacity:1!important}
.intro .ch .k{display:block;margin-bottom:10px}
.enter{font:600 12px/1 var(--sans)!important;letter-spacing:.08em!important;padding:14px 20px!important}
@media(min-width:900px){.intro .ch .t{padding-bottom:110px}}

/* Chi sono con le foto */
.bio .me{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:5vh calc(-1*max(22px,6vw)) 0;padding:0 max(22px,6vw);scroll-snap-type:x mandatory}
.bio .me::-webkit-scrollbar{display:none}
.bio .me img{flex:0 0 auto;width:min(56vw,260px);aspect-ratio:4/5;object-fit:cover;border-radius:3px;scroll-snap-align:start}
@media(max-width:899px){
  .intro .ch .t{padding:12vh 22px 96px;background:linear-gradient(transparent,rgba(8,7,6,.85) 40%,rgba(8,7,6,.94))}
  .intro .ch .k{display:none}
  .intro .ch h2{font-size:27px!important;line-height:1.1!important;margin:0 0 6px!important}
  .intro .ch h2 .line{display:inline}.intro .ch h2 .line+.line::before{content:" "}
  .intro .ch p{font-size:15px!important}
  .enter{margin-top:12px!important}
}

/* meno vuoto tra le foto e i contatti */
#bio.bio{padding-bottom:8vh}
