/* v13: correzioni di leggibilità per gli esempi di siti */
@media(min-width:721px){
.portfolio-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.portfolio-grid .concept-card{grid-column:span 2}
.portfolio-grid .pizza-preview,.portfolio-grid .tratt-preview{grid-column:span 3!important}
.portfolio-grid .pizza-preview .card-visual,.portfolio-grid .tratt-preview .card-visual{aspect-ratio:16/9!important}
}
/* titoli meno compressi: le lettere non si toccano più */
body.concept h1,body.concept h2,body.concept h3,.portfolio-hero h1,.portfolio-bottom h2{letter-spacing:-.025em!important}
/* anteprime: lo screenshot vero di ogni sito, stesso formato per tutti */
.portfolio-grid .concept-card .card-visual{aspect-ratio:4/3;height:auto;padding:0}
.portfolio-grid .concept-card .card-visual img{width:100%;height:100%;object-fit:cover;object-position:top}
/* Sottoportico: logo che non copre il menu, foto ognuna una volta sola e al posto giusto */
.calm-v09-header .calm-logo{position:static}
.calm-v09-header .calm-logo span{display:block;margin-top:4px}
.v11-sotto-lunch{grid-template-columns:1fr!important;justify-items:center;text-align:center}
.v11-sotto-lunch>div{max-width:40rem}
.v11-sotto-lunch .v11-sotto-notes{justify-content:center}
.calm-story-grid{display:flex!important;align-items:center;gap:clamp(32px,6vw,90px);flex-wrap:wrap}
.calm-story-grid p{flex:1 1 20rem;max-width:30rem}
.calm-story-grid img{width:min(100%,260px)!important;height:auto!important;aspect-ratio:auto!important;border-radius:130px 130px 0 0}
@media (min-width:861px){.calm-v09-hero .calm-hero-photo img{left:clamp(24px,4vw,56px);width:calc(100% - clamp(24px,4vw,56px) - 27px)}}