/* La tavola mobile conserva i vettori e le proporzioni del PDF originale. */
.mobile-layout{display:none}
@media(max-width:767px){
  body{min-width:0;background:#f0d8a8}
  .desktop-layout{display:none}
  .mobile-layout{display:block;width:100%}
  .mobile-section{position:relative;min-height:0;width:100%;overflow:hidden}
  .mobile-art{position:absolute;left:0;display:block;width:100%;height:auto;max-width:none;pointer-events:none}
  .mobile-link{position:absolute;display:block;z-index:2;color:#3d1c00}
  .mobile-about .mobile-link,.mobile-info>.mobile-link{color:#f0d8a8}
  .mobile-link:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
  .mobile-menu{position:absolute;inset:0;z-index:5;pointer-events:none}
  .mobile-menu summary{position:absolute;left:78%;top:8.2%;width:16%;height:6%;min-height:44px;list-style:none;cursor:pointer;pointer-events:auto}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:focus-visible{outline:2px solid #3d1c00;outline-offset:-2px}
  .mobile-menu[open] summary{background:#f0d8a8}
  .mobile-menu[open] summary::before,.mobile-menu[open] summary::after{content:"";position:absolute;left:20%;top:50%;width:60%;height:3px;background:#3d1c00;transform:rotate(45deg)}
  .mobile-menu[open] summary::after{transform:rotate(-45deg)}
  .mobile-menu nav{position:absolute;top:15%;left:5%;right:5%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:16px 24px;background:#3d1c00;color:#f0d8a8;box-shadow:0 10px 24px #3d1c0026;font-size:25px;pointer-events:auto}
  .mobile-menu nav a{padding:12px 0;min-height:48px}
  .mobile-menu[open] nav{animation:mobile-menu-enter .22s ease-out}
  @keyframes mobile-menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.mobile-menu[open] nav{animation:none}}

/* Zoom mobile legato allo scroll; fallback statico prima del caricamento. */
.mobile-hero-stage,.mobile-hero-canvas{position:relative}
.mobile-hero-canvas{aspect-ratio:403.864502 / 874}
.mobile-identity-cover,.mobile-zoom-logo,.mobile-zoom-caption{display:none}
@media(max-width:767px){
  .mobile-hero.mobile-zoom-enabled{height:210svh;aspect-ratio:auto!important;overflow:visible}
  .mobile-zoom-enabled .mobile-hero-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#f0d8a8}
  .mobile-zoom-enabled .mobile-hero-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100%,46.208753svh)}
  .mobile-zoom-enabled .mobile-identity-cover{display:block;position:absolute;left:14.36125228%;top:44.05034325%;width:70.81583021%;height:11.21281465%;background:#f0d8a8;pointer-events:none}
  .mobile-zoom-enabled .mobile-zoom-logo,.mobile-zoom-enabled .mobile-zoom-caption{display:block;position:absolute;left:14.36125228%;width:70.81583021%;overflow:hidden;pointer-events:none}
  .mobile-zoom-enabled .mobile-zoom-logo{inset:0;width:100%;height:100%;overflow:visible;z-index:3}
  .mobile-zoom-enabled .mobile-zoom-caption{top:51.94508009%;height:2.97482838%}
  .mobile-zoom-caption img{position:absolute;display:block;max-width:none;width:141.21136434%;height:auto;left:-20.27972028%}
  .mobile-zoom-caption img{top:-1746.15384615%}
}
@media(prefers-reduced-motion:reduce){
  .mobile-hero.mobile-zoom-enabled{height:auto;aspect-ratio:403.864502 / 874!important;overflow:hidden}
  .mobile-zoom-enabled .mobile-hero-stage{position:relative;height:auto}
  .mobile-zoom-enabled .mobile-hero-canvas{position:relative;left:auto;top:auto;transform:none;width:100%}
  .mobile-zoom-enabled .mobile-identity-cover,.mobile-zoom-enabled .mobile-zoom-logo,.mobile-zoom-enabled .mobile-zoom-caption{display:none}
}

/* Fondo crema anche sugli arrotondamenti frazionari del bordo inferiore. */
@media(max-width:767px){.mobile-info{background:linear-gradient(to bottom,#3d1c00 0 76.2%,#f0d8a8 76.2% 100%)!important}}