/* ============================================================================
   v21-mission.css — Frame Asset Management
   ----------------------------------------------------------------------------
   RIQUADRO «PRINCIPIO GUIDA» DELLA HOME — PROPORZIONI

   Com'era
   - css/restyle.css limitava il riquadro a 980 px (.lux-mission-inner) e la
     citazione a 24 caratteri per riga (.lux-mission-quote{max-width:24ch}):
     la frase si spezzava in quattro righe corte e il riquadro cresceva in
     altezza.
   - Le spaziature verticali erano generose su tutti i fronti: fascia della
     sezione, imbottitura del riquadro, distacco fra citazione e statistiche.

   Com'e' adesso
   - Il riquadro non ha piu' un limite proprio: assume la larghezza del
     contenuto della pagina, la stessa delle altre sezioni della home. Non
     sporge oltre la griglia, quindi l'allargamento non sembra un errore.
   - La citazione non ha piu' il limite di 24 caratteri e usa text-wrap:balance:
     va su due righe di lunghezza simile. Il corpo massimo scende da 3 a
     2,75 rem, margine di sicurezza perche' due righe entrino anche con
     caratteri di sostituzione piu' larghi.
   - Le spaziature verticali sono ridotte di circa un terzo.

   Su schermo fino a 900 px non cambia nulla: la ripartizione mobile e' gia'
   definita in css/v18-mobile-editorial.css e due righe richiederebbero un
   corpo troppo piccolo per essere letto su un telefono.
   ========================================================================== */

@media(min-width:901px){

  /* Larghezza: il riquadro segue la griglia della pagina invece di fermarsi
     a 980 px. Su una finestra da 1500 px passa da circa 980 a 1180 px. */
  .lux-mission-inner{max-width:none}

  /* Fascia della sezione: meno aria sopra e sotto il riquadro. */
  .lux-mission{padding:clamp(48px,5.5vw,76px) 0}

  /* Imbottitura del riquadro: ridotta in verticale, mantenuta in orizzontale
     perche' la citazione ha bisogno di margini laterali ampi. */
  body[data-page="home"][data-bg3d="on"] .lux-mission .wrap{
    padding:clamp(30px,3.2vw,46px) clamp(40px,4.6vw,68px);
  }

  /* Citazione su due righe equilibrate. */
  .lux-mission-quote{
    max-width:none;
    font-size:clamp(1.7rem,3.6vw,2.75rem);
    text-wrap:balance;
    margin:0 0 30px;
  }

  .lux-mission-label{margin-bottom:16px}

  /* Statistiche: la riga si allarga, quindi serve meno respiro verticale. */
  .lux-stats{padding-top:26px}
  body[data-page="home"][data-bg3d="on"] .lux-stat{padding:6px 18px}
}