/* Notizie — la struttura di questa pagina (04/10/2026, Design/STRUTTURE-PAGINE.md).
   La linea grafica è quella di style.css (colori di :root, Archivo e Instrument Sans, la cornice
   quadrata del logo, il segno sopra i titoli, entrate morbide): qui cambia solo la struttura.
   Apertura COMPATTA (titolo e frase in una riga, un filo sotto) · modulo-firma: IMPAGINAZIONE DA
   RIVISTA, la prima notizia grande a sinistra (ferma mentre si scorre) e le altre in elenco a fianco.
   Le schede restano quelle del pannello (.news__grid > .news-card, disegnate dallo script della
   pagina e uguali nel <noscript>): qui si dispongono soltanto. Caricato solo da /notizie/. */

/* ── apertura compatta ────────────────────────────────── */
.page.rivista{padding:clamp(34px,3.8vw,60px) 0 clamp(60px,6.4vw,104px)}
.rivista__testata{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:14px clamp(36px,7vw,120px);
  padding-bottom:clamp(24px,2.4vw,34px);margin-bottom:clamp(32px,3.4vw,52px);border-bottom:1px solid rgba(53,104,154,.24)}
.rivista .rivista__titolo{font-size:clamp(46px,5.6vw,84px);line-height:.94;letter-spacing:-.036em;margin:0}
.rivista .news__lead.rivista__frase{max-width:31em;margin:0 0 6px;color:var(--heading)}

/* ── modulo-firma: la rivista ─────────────────────────── */
.rivista .news__grid{counter-reset:notizia;row-gap:0}
.rivista .news__grid .news-card{display:flex;grid-row:auto;grid-template-rows:none;counter-increment:notizia}

/* la prima notizia: grande, la cornice sottile del marchio dentro */
.rivista .news__grid .news-card:first-child{gap:18px;padding:clamp(30px,3.4vw,54px);margin-bottom:clamp(14px,2vw,24px);border-color:var(--border);box-shadow:var(--sh-3)}
.rivista .news__grid .news-card:first-child::before{content:"";position:absolute;inset:10px;border:1px solid rgba(53,104,154,.16);border-radius:var(--r-xs);pointer-events:none}
.rivista .news__grid .news-card:first-child .news-card__icon{--sq:clamp(64px,5.4vw,80px)}
.rivista .news__grid .news-card:first-child .news-card__icon .icon{width:calc(var(--sq) * .44);height:calc(var(--sq) * .44)}
.rivista .news__grid .news-card:first-child::after{top:calc(clamp(30px,3.4vw,54px) + clamp(64px,5.4vw,80px) / 2);left:calc(clamp(30px,3.4vw,54px) + clamp(64px,5.4vw,80px) + 18px);right:clamp(30px,3.4vw,54px)}
.rivista .news__grid .news-card:first-child .news-card__photo img{aspect-ratio:1.7}
.rivista .news__grid .news-card:first-child .news-card__title{margin-top:clamp(6px,1vw,14px);font-size:clamp(26px,2.45vw,38px);line-height:1.1;letter-spacing:-.022em}
.rivista .news__grid .news-card:first-child .news-card__text{font-size:clamp(16.5px,1.25vw,18.5px);line-height:1.62;color:var(--body);max-width:36em}

/* le altre: in elenco, col numero al posto dell'icona */
.rivista .news__grid .news-card:not(:first-child){gap:8px;padding:clamp(22px,2.2vw,30px) 0 clamp(22px,2.2vw,30px) clamp(52px,4.4vw,68px);
  background:none;border:0;border-top:1px solid rgba(53,104,154,.22);border-radius:0;box-shadow:none}
.rivista .news__grid .news-card:not(:first-child):last-child{border-bottom:1px solid rgba(53,104,154,.22)}
.rivista .news__grid .news-card:not(:first-child)::after,
.rivista .news__grid .news-card:not(:first-child) .news-card__icon{display:none}
.rivista .news__grid .news-card:not(:first-child)::before{content:counter(notizia,decimal-leading-zero);position:absolute;left:0;top:clamp(23px,2.3vw,31px);
  font-family:var(--font-display);font-stretch:var(--wide);font-size:clamp(17px,1.35vw,20px);font-weight:650;line-height:1.2;color:var(--primary);font-variant-numeric:tabular-nums lining-nums}
.rivista .news__grid .news-card:not(:first-child) .news-card__photo{width:min(240px,100%)}
.rivista .news__grid .news-card:not(:first-child) .news-card__title{font-size:clamp(18.5px,1.45vw,22px);line-height:1.22}
.rivista .news__grid .news-card:not(:first-child) .news-card__text{font-size:clamp(15.5px,1.1vw,16.5px);line-height:1.6}
.rivista .news__grid .news-card:not(:first-child):hover{box-shadow:none}
.rivista .news__grid .news-card:not(:first-child):target{border-color:rgba(53,104,154,.22);background:linear-gradient(90deg,var(--soft),transparent)}
.rivista .news-card__date{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--body)}

.rivista .actions.rivista__fondo{margin-top:clamp(36px,4vw,56px)}

/* computer: la prima a sinistra, ferma mentre si scorre; le altre a fianco */
@media (min-width:960px){
  .rivista .news__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:clamp(40px,4.6vw,76px);align-items:start}
  .rivista .news__grid .news-card{grid-column:2}
  /* tante righe: l'altezza della prima si divide fra righe vuote e l'elenco a fianco resta compatto */
  .rivista .news__grid .news-card:first-child{grid-column:1;grid-row:1 / span 60;margin-bottom:0;position:sticky;top:calc(var(--header-c) + 24px);min-height:clamp(380px,31vw,460px)}
  .rivista .news__grid .news-card:nth-child(2){border-top-color:var(--heading)}
}

/* ═══ telefono ═══ */
@media (max-width:640px){
  .page.rivista{padding:26px 0 56px}
  .rivista__testata{grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:20px;margin-bottom:24px}
  .rivista .rivista__titolo{font-size:clamp(38px,11vw,44px)}
  .rivista .news__lead.rivista__frase{font-size:16px}
  .rivista .news__grid .news-card:first-child{gap:14px;padding:24px 20px 26px}
  .rivista .news__grid .news-card:first-child::before{inset:6px}
  .rivista .news__grid .news-card:first-child .news-card__icon{--sq:52px}
  .rivista .news__grid .news-card:first-child::after{top:calc(24px + 26px);left:calc(20px + 52px + 14px);right:20px}
  .rivista .news__grid .news-card:first-child .news-card__title{margin-top:2px;font-size:22px;line-height:1.18}
  .rivista .news__grid .news-card:first-child .news-card__text{font-size:15.5px}
  .rivista .news__grid .news-card:not(:first-child){padding:18px 0 18px 40px}
  .rivista .news__grid .news-card:not(:first-child)::before{top:19px;font-size:16px}
  .rivista .news__grid .news-card:not(:first-child) .news-card__title{font-size:18px}
  .rivista .news__grid .news-card:not(:first-child) .news-card__text{font-size:15px}
}