/* FlamiArt ETS — la pagina di Élite Fashion Academy & Management (restyling chiaro, 18/10/2026).
   Dal kit Design/kit-18-10/design-elite-fashion-academy/ (design v2): hero tutta di Élite col logo originale
   grande, la sfilata nell'ovale d'oro, le schede rosate delle materie, il ritratto nel grande cerchio d'oro,
   la galleria chiara, la banda d'invito rosata. Solo quello che è di questa pagina: il resto viene dal sistema
   comune (style.css, che qui non si tocca).
   Tornata «4 Step» (20/10/2026): i testi della presentazione del cliente; al posto delle sezioni di prima i due corsi
   di moda (accanto alla sfilata), le cinque lezioni, la crescita personale, la fondatrice e le recensioni. */

/* ── Colori di Élite, misurati sul design (confronta-design.py --colori e campioni sulle zone) ── */
.tema-elite {
  --elite-rosa: #FBEEED;          /* fondo delle schede delle materie */
  --elite-carta: #FDFAF8;         /* fondo della hero: il bordo sinistro dell'immagine del kit */
  --elite-velo: #F1DCD6;          /* filo rosato */
}
.tema-elite main {
  --testo: #3D4B69;               /* il testo blu notte del design («Moda, presenza scenica…») */
  --tenue: #5A607E;               /* il testo delle schede del design */
  --oro-titolo: #723C06;          /* la seconda parte dei titoli e il titolo della hero */
}

/* ══ Hero ══ */
.elite-hero { background: var(--elite-carta); }
.elite-hero .deco { z-index: 3; }
.elite-hero__stella--1 { --w: 44px; --left: max(1%, calc(50% - 712px)); --top: 41%; }
.elite-hero__stella--2 { --w: 24px; --left: max(1.2%, calc(50% - 706px)); --top: 74%; --opacita: .9; }
.elite-hero__briciole { margin-bottom: clamp(12px, 1.2vw, 18px); }
.elite-hero__logo {
  width: clamp(240px, 23vw, 340px); aspect-ratio: 1.1;
  overflow: hidden; border-radius: 12px; background: #000;
  box-shadow: 0 26px 46px -28px rgba(18, 0, 0, .6);
}
/* il logo così com'è: il riquadro toglie solo un po' del nero sopra e sotto, come nel design */
.elite-hero__logo img { width: 100%; height: 100%; object-fit: cover; }
.elite-hero__titolo { margin-top: clamp(18px, 1.6vw, 24px); }
.elite-hero__nome { display: block; font-size: clamp(1.2rem, 1.5vw, 1.5rem); line-height: 1.22; letter-spacing: -0.005em; color: var(--inchiostro); }
.elite-hero .hero__dicitura { margin-top: 6px; font-size: clamp(2.5rem, 3.6vw, 3.5rem); }
.elite-hero .hero__intro { margin-top: 14px; }
.elite-hero__ente { margin-top: 10px; max-width: 30em; font-size: 16.5px; line-height: 1.5; color: var(--tenue); }
.elite-hero .hero__azioni { margin-top: 22px; }
@media (min-width: 1200px) {
  /* il testo resta nel flusso: se cresce, cresce la hero e l'immagine la copre lo stesso */
  .elite-hero { display: grid; }
  .elite-hero > .hero__testo, .elite-hero > .hero__scena { grid-area: 1 / 1; }
  .elite-hero .hero__scena { height: auto; min-height: max(700px, min(56vw, calc(100svh - var(--testata)))); }
  /* se la hero è più alta dell'immagine, il taglio si divide: le allieve restano tutte fuori dal testo */
  .elite-hero .hero__foto { object-position: 62% 50%; }
  .elite-hero .hero__testo {
    position: relative; top: auto; left: auto; transform: none; align-self: center;
    width: min(36vw, 520px);
    margin-left: max(var(--margine), calc((100vw - var(--larghezza)) / 2));
    padding: 20px 0 32px;
  }
  /* la luce chiara a sinistra, sotto il testo, come nel design */
  .elite-hero .hero__scena::before {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(90deg, var(--elite-carta) 0%, rgba(253, 250, 248, .9) 24%, rgba(253, 250, 248, 0) 40%);
  }
}

/* ══ I corsi di moda (il blocco «Molto più di una passerella» del design): i due corsi e la sfilata nell'ovale ══ */
.elite-chi { padding-bottom: calc(var(--spazio) + 24px); }
.elite-chi__griglia { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(32px, 4.5vw, 72px); align-items: center; }
.elite-chi__ovale { width: 100%; aspect-ratio: 1.36; }
.elite-chi__ovale .galleria__filmato { object-position: 50% 60%; }
.elite-chi__ovale .galleria__audio { left: 50%; bottom: 8%; translate: -50% 0; max-width: none; white-space: nowrap; }
.elite-chi__ovale .ovale__nastro { left: auto; right: -10%; bottom: auto; top: -9%; width: 58%; rotate: 8deg; }
.elite-chi__roma { --w: min(540px, 40vw); --left: -10px; --bottom: 4px; --opacita: .45; }
.elite-chi__nastro { --w: min(820px, 58vw); --left: -16%; --bottom: -36px; --opacita: .5; }
.elite-chi__stella--2 { --w: 46px; --left: 43%; --top: 40px; }

.elite-materie__stella--1 { --w: 52px; --right: max(2%, calc(50% - 680px)); --top: 44px; }

/* ══ Il management (il blocco «Academy & Management» del design) ══ */
.elite-management__griglia { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.elite-management__attacco { margin-top: 18px; }
.elite-management__nome { display: block; margin-top: 16px; font-size: clamp(2.1rem, 3.6vw, 3.4rem); line-height: 1.06; letter-spacing: -0.015em; color: var(--inchiostro); text-wrap: balance; }
.elite-management__nome-oro { color: var(--oro-titolo); }
.elite-management__colonne { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 26px 0; border-top: 1px solid var(--oro-velo); border-bottom: 1px solid var(--oro-velo); }
.elite-management__colonna { padding: 4px clamp(18px, 2.4vw, 34px); font-size: 17px; line-height: 1.55; }
.elite-management__colonna:first-child { padding-left: 0; }
.elite-management__colonna + .elite-management__colonna { border-left: 1.5px solid var(--oro-chiaro); }
.elite-management__colonna p + p { margin-top: .7em; }
.elite-management__icona { width: 60px; height: 60px; margin-bottom: 14px; }
.elite-management__stella--1 { --w: 40px; --left: max(1.5%, calc(50% - 700px)); --top: 50px; }
.elite-management__stella--2 { --w: 22px; --right: 4%; --bottom: 50px; }

/* ══ La fondatrice (il ritratto nel grande cerchio d'oro) ══ */
.elite-fondatrice { padding-top: calc(var(--spazio) * .8); }
.elite-fondatrice__griglia { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.elite-fondatrice__ritratto { width: 100%; max-width: 500px; aspect-ratio: 1; justify-self: center; }
.elite-fondatrice__ritratto .ovale__foto img { object-position: 50% 14%; }
.elite-fondatrice__ritratto .ovale__nastro { width: 72%; left: -18%; bottom: -4%; }
.elite-fondatrice__testo { position: relative; z-index: 1; }
.elite-fondatrice__titolo { font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: .26em; text-transform: uppercase; color: var(--oro-testo); }
.elite-fondatrice__nome { margin-top: 12px; font-size: clamp(2.7rem, 4.8vw, 4.5rem); line-height: 1.02; letter-spacing: -0.02em; color: var(--oro-titolo); }
.elite-fondatrice__righe { margin-top: 20px; max-width: 26em; font-size: clamp(1.06rem, 1.35vw, 1.2rem); line-height: 1.55; }
.elite-fondatrice__danzatrice { --w: 190px; --right: max(1%, calc(50% - 690px)); --top: 24px; --opacita: .55; }
.elite-fondatrice__stella--1 { --w: 54px; --left: max(1%, calc(50% - 700px)); --top: 26%; }
.elite-fondatrice__stella--2 { --w: 26px; --left: max(5%, calc(50% - 640px)); --top: 42%; }

/* ══ Le foto dell'accademia: il testo e due foto grandi, poi la galleria (una sola, per il visore) ══ */
.elite-galleria__stella { --w: 46px; --right: max(1%, calc(50% - 700px)); --top: 40px; }
.elite-galleria__insieme.galleria__griglia { display: block; margin-top: 0; }
.elite-galleria__testa { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(24px, 3.4vw, 56px); align-items: center; }
.elite-galleria__riga { margin-top: 14px; }
.elite-galleria__nota { margin-top: 12px; max-width: 26em; font-size: 16.5px; line-height: 1.55; color: var(--tenue); }
.elite-galleria__nota a { color: var(--oro-titolo); text-decoration-color: var(--oro); text-underline-offset: 3px; }
.elite-galleria__profilo { font-weight: 600; white-space: nowrap; }
.elite-galleria__evidenza { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 12px; }
.elite-galleria__evidenza .galleria__cella { aspect-ratio: auto; }
.elite-galleria__evidenza .galleria__cella:first-child { aspect-ratio: 1.42; }
.elite-galleria__evidenza .galleria__cella:nth-child(2) img { object-position: 50% 62%; }
.elite-galleria__resto { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-flow: row dense; gap: 12px; margin-top: 12px; }
/* il video (una colonna, due righe) e 14 foto, senza buchi: da computer 6 colonne x 3 righe (due foto larghe),
   da tablet 4 x 4 (tutte quadrate), da telefono 2 colonne (due foto larghe) */
.elite-galleria__resto .galleria__cella--larga { grid-column: span 2; aspect-ratio: 2.04; }
.elite-galleria__resto .galleria__cella--larga-piccoli { grid-column: span 2; aspect-ratio: 2.04; }
.elite-galleria__resto .galleria__cella--video .galleria__video { border-radius: 14px; box-shadow: 0 16px 34px -26px rgba(126, 73, 10, .55); }
.elite-galleria__resto .galleria__cella--video .galleria__filmato { object-position: 50% 40%; }

.elite-galleria .galleria__foto { border-radius: 14px; box-shadow: 0 16px 34px -26px rgba(126, 73, 10, .55); }

/* ══ Domande frequenti: il titolo a sinistra, le domande a destra ══ */
.elite-domande__griglia { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.elite-domande__testa { position: sticky; top: calc(var(--testata) + 28px); }
.elite-domande__azione { margin-top: 24px; }
.elite-domande__costellazione { display: block; width: clamp(180px, 18vw, 260px); margin-top: 26px; opacity: .8; }
.elite-domande .faq { margin-top: 0; }
.elite-domande__puntini { --w: 300px; --right: -80px; --bottom: 20px; --opacita: .5; }

/* ══ Informazioni e iscrizioni: la banda d'invito rosata e il modulo che la sormonta ══ */
.elite-invito { background-image: url("../img/kit/elite-sfondo-contatti-2400.webp"); background-position: 50% 50%; padding-bottom: calc(var(--spazio) + 90px); }
.elite-invito .invito__testo { padding-left: clamp(0px, 20vw, 290px); }
.elite-invito .invito__titolo { font-size: var(--h2); }
.elite-invito__riga { margin-top: 14px; max-width: 30em; }
.elite-invito__nota { margin-top: 8px; max-width: 32em; color: var(--tenue); }
.elite-invito .invito__azione { display: grid; justify-items: center; gap: 18px; justify-self: start; }
.elite-invito__firma { width: clamp(120px, 10vw, 150px); }
.elite-iscrizioni__modulo { position: relative; z-index: 2; max-width: calc(1000px + 2 * var(--margine)); margin-top: -96px; padding-bottom: var(--spazio); }

/* ══ Mouse ══ */
@media (hover: hover) and (pointer: fine) {
  .elite-galleria__nota a:hover { text-decoration-thickness: 2px; }
}

/* ══ Schermi medi ══ */
@media (min-width: 1200px) and (max-width: 1365px) {
  .elite-hero__logo { width: 250px; }
  .elite-hero .hero__dicitura { font-size: 2.9rem; }
}
@media (max-width: 1199px) {
  .elite-hero .deco { display: none; }
  .elite-hero__logo { width: min(100%, 300px); }
}
/* tablet: il logo grande a destra del testo, invece di lasciare mezza hero vuota */
@media (min-width: 700px) and (max-width: 1199px) {
  .elite-hero__testo { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: clamp(28px, 5vw, 64px); align-items: start; }
  .elite-hero__testo > * { grid-column: 1; }
  .elite-hero__briciole { grid-column: 1 / -1; }
  .elite-hero__logo { grid-column: 2; grid-row: 2 / span 4; align-self: center; width: clamp(240px, 30vw, 340px); }
  .elite-hero__titolo { margin-top: 0; }
}
@media (max-width: 1099px) {
  .elite-chi__griglia, .elite-management__griglia, .elite-galleria__testa, .elite-domande__griglia { grid-template-columns: minmax(0, 1fr); }
  .elite-chi__ovale { max-width: 720px; justify-self: center; }
  .elite-chi__roma { --w: 360px; --opacita: .3; }
  .elite-fondatrice__griglia { grid-template-columns: minmax(0, 1fr); }
  .elite-fondatrice__ritratto { max-width: 440px; }
  .elite-fondatrice__danzatrice { --w: 140px; --opacita: .35; }
  .elite-domande__testa { position: static; }
  .elite-galleria__resto { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .elite-galleria__resto .galleria__cella--larga, .elite-galleria__resto .galleria__cella--larga-piccoli { grid-column: auto; aspect-ratio: 1; }
  .elite-domande__costellazione { display: none; }
  .elite-invito .invito__testo { padding-left: 0; }
  .elite-invito .invito__azione { justify-items: start; }
}

/* ══ Telefono ══ */
@media (max-width: 699px) {
  .elite-hero__logo { width: min(74vw, 280px); }
  .elite-hero__nome { font-size: 1.22rem; }
  .elite-hero .hero__dicitura { font-size: clamp(2.3rem, 10.4vw, 2.8rem); }
  .elite-hero .hero__scena::before { background: linear-gradient(180deg, var(--elite-carta) 18%, rgba(253, 250, 248, 0)); }

  .elite-chi__ovale { aspect-ratio: 1.08; margin-top: 8px; }
  .elite-chi__ovale .galleria__audio { bottom: 9%; }
  .elite-chi__nastro { --w: 420px; --left: -30%; --bottom: -20px; }
  .elite-chi__roma { display: none; }
  .elite-chi__stella--2 { --left: auto; --right: 6%; --top: 30px; --w: 34px; }

  .elite-management__colonne { grid-template-columns: minmax(0, 1fr); padding: 20px 0; }
  .elite-management__colonna, .elite-management__colonna:first-child { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px; padding: 0; }
  .elite-management__colonna > p { grid-column: 2; }
  .elite-management__colonna + .elite-management__colonna { border-left: 0; border-top: 1px solid var(--oro-velo); margin-top: 18px; padding-top: 18px; }
  .elite-management__icona { grid-row: 1 / span 2; width: 48px; height: 48px; margin: 0; }

  .elite-fondatrice__ritratto { max-width: 340px; }
  .elite-fondatrice__ritratto .ovale__nastro { width: 64%; }
  .elite-fondatrice__danzatrice { display: none; }
  .elite-fondatrice__nome { font-size: clamp(2.4rem, 11vw, 2.9rem); }

  .elite-galleria__evidenza { gap: 8px; }
  .elite-galleria__resto { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
  .elite-galleria__resto .galleria__cella--larga, .elite-galleria__resto .galleria__cella--larga-piccoli { grid-column: span 2; aspect-ratio: 2.04; }

  .elite-domande__puntini { display: none; }
  /* la ballerina dello sfondo resta fuori: si vede la parte centrale, col solo filo d'oro */
  .elite-invito { background-position: 42% 50%; padding-bottom: calc(var(--spazio) + 60px); }
  .elite-invito .invito__azione { justify-self: stretch; }
  .elite-invito .invito__azione .btn { width: 100%; }
  .elite-iscrizioni__modulo { margin-top: -64px; }
}

/* ══ Movimento (5-bis, 18/10/2026): solo quello che è della pagina; il resto è nel sistema (style.css) ══ */
/* il logo dell'accademia entra con la hero; le schede delle lezioni rispondono al mouse */
.elite-hero__logo { animation: sali .9s var(--ease-out) .1s backwards; }

@media (prefers-reduced-motion: reduce) {
  .elite-hero__logo { animation: dissolvi .6s ease backwards; }
}

/* da telefono la stella del management resta fuori dal titolo */
@media (max-width: 699px) { .elite-management__stella--1 { display: none; } }


/* ══════════ Tornata «4 Step» (20/10/2026): le sezioni nuove, coi pezzi della pagina ══════════ */

/* la hero: le due righe della presentazione, la prima più grande */
.elite-hero .elite-hero__motto { margin-top: 16px; font-size: clamp(1.3rem, 1.8vw, 1.6rem); line-height: 1.3; color: var(--inchiostro); }
.elite-hero .elite-hero__studio { margin-top: 6px; }

/* i corsi di moda: due schede con lo stesso peso, separate dal filo d'oro */
.elite-due { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(24px, 2.6vw, 34px); }
.elite-due__corso { display: flex; flex-direction: column; align-items: flex-start; padding: 2px clamp(16px, 2vw, 28px) 2px 0; }
.elite-due__corso + .elite-due__corso { padding: 2px 0 2px clamp(16px, 2vw, 28px); border-left: 1.5px solid var(--oro-chiaro); }
.elite-due__icona { width: 64px; height: 64px; margin-bottom: 14px; }
.elite-due__nome { font-size: var(--h3); line-height: 1.16; }
.elite-due__riga { margin-top: 8px; font-size: 17px; line-height: 1.5; color: var(--tenue); }
.elite-due__azione { margin-top: auto; padding-top: 16px; font-size: 16.5px; }
.elite-due__azione .ico { width: 12px; height: 12px; }

/* le lezioni: le schede rosate, tre sopra e due sotto al centro; la foto in alto, l'icona nel cerchio d'oro */
.elite-lezioni-sezione { position: relative; }
.elite-ancora { position: absolute; top: 0; }
.elite-lezioni { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(16px, 1.8vw, 24px); margin-top: clamp(28px, 3.2vw, 44px); }
.elite-lezione {
  grid-column: span 2; position: relative; overflow: hidden;
  display: flex; flex-direction: column;
  background: var(--elite-rosa); border: 1px solid rgba(255, 255, 255, .8); border-radius: 16px;
  box-shadow: var(--ombra-scheda);
  transition: translate .3s var(--ease-out), box-shadow .3s ease;
}
.elite-lezione:nth-child(4) { grid-column: 2 / span 2; }
.elite-lezione:nth-child(5) { grid-column: 4 / span 2; }
.elite-lezione__foto { aspect-ratio: 16 / 9; overflow: hidden; background: var(--bianco); }
.elite-lezione__foto img { width: 100%; height: 100%; object-fit: cover; transition: scale .7s var(--ease-out); }
.elite-lezione__foto .elite-lezione__vera { object-position: 50% 36%; }
.elite-lezione__corpo { position: relative; flex: 1; padding: 46px clamp(20px, 2vw, 28px) clamp(22px, 2.2vw, 28px); }
.elite-lezione__icona {
  position: absolute; top: -34px; left: clamp(20px, 2vw, 28px);
  width: 68px; height: 68px; border-radius: 50%; background: var(--bianco);
  box-shadow: 0 12px 22px -14px rgba(126, 73, 10, .7);
}
.elite-lezione__titolo { font-size: var(--h3); line-height: 1.18; }
.elite-lezione__resto { display: block; margin-top: 8px; font-size: 16.5px; line-height: 1.5; letter-spacing: 0; color: var(--tenue); }
.elite-lezioni__incontri {
  max-width: 860px; margin: clamp(28px, 3.2vw, 44px) auto 0; padding: clamp(18px, 2vw, 24px) clamp(20px, 2.6vw, 34px);
  text-align: center; font-size: clamp(1.02rem, 1.25vw, 1.12rem); line-height: 1.6; color: var(--testo);
  background: var(--bianco); border: 1px solid var(--oro-velo); border-radius: 18px;
}
.elite-lezioni__incontri strong { font-weight: 600; color: var(--oro-titolo); }

/* la crescita personale: la Roma luminosa del kit dietro, la frase in evidenza in corsivo d'oro */
.elite-crescita { isolation: isolate; padding: calc(var(--spazio) * 1.05) 0; }
.elite-crescita::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: url("../img/kit/sfondo-roma-luminoso-1600.webp") 100% 0 / auto 88% no-repeat;
}
.elite-crescita::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 42%, var(--bianco) 86%), linear-gradient(90deg, var(--bianco) 30%, rgba(255, 255, 255, 0) 62%);
}
.elite-crescita__testa { max-width: 640px; }
.elite-crescita__attacco { margin-top: 18px; color: var(--inchiostro); }
.elite-crescita__testo { margin-top: 14px; max-width: 34em; font-size: clamp(1.02rem, 1.25vw, 1.12rem); line-height: 1.62; }
.elite-crescita__frase {
  position: relative; max-width: 24em; margin-top: clamp(30px, 3.4vw, 46px); padding-left: clamp(18px, 2vw, 28px);
  border-left: 2px solid var(--oro-chiaro);
  font-size: clamp(1.5rem, 2.6vw, 2.3rem); font-style: italic; line-height: 1.24; letter-spacing: -0.01em; color: var(--oro-titolo);
  text-wrap: balance;
}
.elite-crescita__azione { margin-top: clamp(24px, 2.8vw, 34px); }

/* la fondatrice: il testo è lungo, il ritratto resta in alto accanto */
.elite-fondatrice__griglia { align-items: start; }
.elite-fondatrice__ritratto { max-width: 460px; aspect-ratio: .9; }
.elite-fondatrice__righe { max-width: 31em; font-size: clamp(1.02rem, 1.2vw, 1.1rem); line-height: 1.62; }
.elite-fondatrice__danzatrice { --w: 150px; --top: 18px; --opacita: .45; }
.elite-fondatrice__stella { --w: 44px; --left: max(1%, calc(50% - 700px)); --top: 30%; }
@media (min-width: 1100px) {
  .elite-fondatrice__ritratto { position: sticky; top: calc(var(--testata) + 40px); }
}

/* le recensioni: sulla carta di Élite, fra la fondatrice e le foto */
.elite-recensioni { background: var(--elite-carta); }
.elite-recensioni .intestazione__riga { max-width: 34em; margin-left: auto; margin-right: auto; }

/* il campo appena scelto da un corso (data-scegli) si accende un attimo */
@keyframes scelto {
  0% { box-shadow: 0 0 0 0 rgba(230, 190, 119, 0); }
  25% { box-shadow: 0 0 0 5px rgba(230, 190, 119, .55); border-color: var(--oro); }
  100% { box-shadow: 0 0 0 0 rgba(230, 190, 119, 0); }
}
.campo--scelto select { animation: scelto 1.6s var(--ease-out) .35s; }

@media (hover: hover) and (pointer: fine) {
  .elite-lezione:hover { translate: 0 -6px; box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 30px 56px -34px rgba(126, 73, 10, .5); }
  .elite-lezione:hover .elite-lezione__foto img { scale: 1.05; }
}
@media (max-width: 1099px) {
  .elite-lezioni { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 820px; margin-left: auto; margin-right: auto; }
  .elite-lezione, .elite-lezione:nth-child(4) { grid-column: span 2; }
  .elite-lezione:nth-child(5) { grid-column: 2 / span 2; }
  .elite-crescita::before { background-size: auto 60%; }
  .elite-crescita::after { background: linear-gradient(180deg, rgba(255, 255, 255, .2) 20%, var(--bianco) 60%); }
  .elite-fondatrice__ritratto { max-width: 400px; aspect-ratio: 1; }
}
@media (max-width: 699px) {
  .elite-hero .elite-hero__motto { font-size: 1.24rem; }
  .elite-due { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .elite-due__corso, .elite-due__corso + .elite-due__corso {
    display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 14px; align-items: start; padding: 0; border-left: 0;
  }
  .elite-due__corso + .elite-due__corso { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--oro-velo); }
  .elite-due__icona { grid-row: 1 / span 3; width: 52px; height: 52px; margin: 0; }
  .elite-due__nome { font-size: 1.32rem; }
  .elite-due__riga { margin-top: 4px; font-size: 16px; }
  .elite-due__azione { padding-top: 10px; font-size: 16px; }

  /* da telefono le lezioni sono righe: l'icona e il nome, senza foto (mai immagini grandi una sotto l'altra) */
  .elite-lezioni { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .elite-lezione, .elite-lezione:nth-child(4), .elite-lezione:nth-child(5) { grid-column: auto; }
  .elite-lezione__foto { display: none; }
  .elite-lezione__corpo { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 14px; align-items: center; padding: 14px 16px; }
  .elite-lezione__icona { position: static; width: 52px; height: 52px; }
  .elite-lezione__titolo { font-size: 1.22rem; }
  .elite-lezione__resto { margin-top: 4px; font-size: 15.5px; }
  .elite-lezioni__incontri { text-align: left; }

  .elite-crescita::before, .elite-crescita::after { display: none; }
  .elite-crescita__frase { font-size: clamp(1.35rem, 6.2vw, 1.6rem); }
  .elite-crescita__azione .btn { width: 100%; }

  .elite-fondatrice__ritratto { max-width: 300px; }
}
@media (prefers-reduced-motion: reduce) {
  .elite-lezione:hover { translate: none; }
  .elite-lezione:hover .elite-lezione__foto img { scale: none; }
  .campo--scelto select { animation: none; }
}

/* design v1 (20/10/2026): il testo del sito passa in Source Sans 3; i nomi e le frasi in evidenza restano in Playfair */
.elite-fondatrice__nome, .elite-management__nome, .elite-crescita__frase, .elite-hero .elite-hero__motto { font-family: var(--serif); }

/* copy del 20/10 sera: dopo il nome dell'Accademia la frase continua, con un po' d'aria sotto il nome */
.elite-management__nome { margin-bottom: 14px; }