/* A small response from the mark, only while someone interacts with it. */
.brand-symbol,.hero-brand>img,.footer-brand>img{transform-origin:center;transition:transform 220ms ease-out}
.brand:is(:hover,:focus-visible) .brand-symbol,.hero-brand:hover>img,.footer-brand:hover>img{transform:rotate(-7deg) scale(1.045)}
html[data-al-feedback-reduced=true] :is(.brand-symbol,.hero-brand>img,.footer-brand>img){transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.brand-symbol,.hero-brand>img,.footer-brand>img{transition:none!important;transform:none!important}}
/* Reserve space for the optional player without stretching the mobile overview. */
@media(max-width:560px){
 .detail .back-link{padding-top:14px}
 .detail .detail-head{margin:16px 0 18px;gap:14px}
 .detail .page-intro .status{margin-top:12px}
 .detail .page-intro>.eyebrow{margin-bottom:10px}
 .detail .intro-text{margin-top:12px}
 .detail .detail-grid{gap:16px}
 .detail .detail-grid article{padding-block:16px}
 .detail .detail-grid .quiet-card{padding:20px}
 .detail .detail-grid h2{margin:8px 0 12px}
 .detail .detail-grid p+p{margin-top:12px}
 .detail .detail-grid p:not(.eyebrow){line-height:1.5}
 .detail .next-link{margin-top:18px;padding-top:16px}
 .detail .site-footer{margin-top:18px}
 .page-musaflow .detail-visual{height:120px}
 .page-vet-assistant .project-screenshot{height:100px}
 .page-vet-assistant .project-screenshot img{object-fit:contain}
 .page-vet-assistant .detail-grid .quiet-card{padding:16px}
 .page-raccontare .editor-overview{padding:20px}
 .page-raccontare .editor-steps li{padding-block:14px}
 .page-raccontare .feature-tags{margin-top:16px}
 .page-raccontare .editor-story{gap:18px}
 .page-realizzare .focus-card{padding:20px}
 .page-realizzare .feature-list article{padding-block:16px}
 .page-musica .three-points{gap:10px}
 .page-musica .three-points article{padding:16px}
 .page-musica .three-points h2{margin:8px 0 10px}
 .page-musica .three-points p:not(.eyebrow){line-height:1.5}
 .page-musica .project-preview{height:125px}
 .page-richiesta .request-heading{padding-block:16px}
 .page-richiesta .request-card,.page-richiesta .request-context{padding:18px}
 .page-richiesta .request-layout{gap:14px}
 .page-richiesta .form-row{gap:12px;margin-bottom:12px}
 .page-richiesta .field textarea{min-height:110px}
 .page-richiesta .request-context>p{margin-top:10px}
}
@media(max-width:390px){
 .home .home-intro{padding-block:10px}
 .home .area-copy{min-height:0;padding-top:16px;padding-bottom:10px}
 .home .area-visual{height:115px}
 .home .projects{margin-top:14px}
 .home .project-tile{padding-block:14px}
 .home .tile-top{gap:6px;margin-bottom:8px}
 .home .site-footer{margin-top:12px}
}