/* Mission e vision (14/10/2026): vedi in-mission.js. Pannello petrolio e
   indice come nelle altre pagine (in-mondi.css, in-servizio.css). */

/* Mission: testo a sinistra (3/5), strati intorno al cliente a destra */
@media (min-width:960px){
  body .lir-mv-mission.lir-in-mission.e-con{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center}
}
.lir-mv-frase{font-family:var(--titolo);font-weight:600;letter-spacing:-.018em}
.lir-in-strati-box{display:grid;gap:18px}
.lir-in-strato{position:relative;padding:32px 12px 12px;border:1.5px solid #5C93A6;border-radius:16px;text-align:center}
.lir-in-strato > span{position:absolute;top:10px;left:0;right:0;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:#C3D2D8}
.lir-in-strato--esterno{border-style:dashed;border-color:rgba(127,176,194,.7)}
.lir-in-strato .lir-in-strato{border-color:#7FB0C2}
.lir-in-strato .lir-in-strato .lir-in-strato{border-color:#A9CCD9}
.lir-in-strato.lir-in-strato--interno{border-color:#C3D2D8}
.lir-in-strati__centro{padding:16px 10px;border-radius:12px;background:#fff;color:var(--inchiostro);font-family:var(--titolo);font-weight:600;font-size:1.06rem}

/* Vision: testo su petrolio, foto fino al bordo */
body .lir-mv-vision.e-con{background:radial-gradient(130% 120% at 0% 0%,#175A72 0%,var(--petrolio-scuro) 55%,#0A2C38 100%)}
body .lir-mv-vision__testo.e-con{padding-left:max(var(--bordo-x,48px),calc((100vw - 1220px) / 2 + var(--bordo-x,48px)))}
.lir-mv-vision__frase{font-family:var(--titolo);font-weight:600}
.lir-mv-vision__par{color:#C3D2D8}

/* Gli impegni: pannello con l'impegno aperto, indice a destra */
.lir-in-impegno-scena{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:300px}
.lir-in-impegno-scena__frase{margin:0;font-family:var(--titolo);font-weight:600;font-size:clamp(1.4rem,1.1rem + 1vw,1.85rem);line-height:1.25;color:#fff}
.lir-in-impegno-scena.is-entra .lir-in-impegno-scena__frase{animation:lir-in-fumetto 520ms cubic-bezier(.2,.6,.3,1) both}
.lir-in-indice--impegni .lir-in-voce__corpo .lir-in-voce__sintesi{margin:0}
@media (min-width:900px){
  .lir-in-indice--impegni{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
}
@media (prefers-reduced-motion:reduce){
  .lir-in-impegno-scena.is-entra .lir-in-impegno-scena__frase{animation:none}
}