/* Stili esclusivi della pagina Chi siamo. */
.about-page { padding-block: 0; }
.about-section { padding-block: 72px; }
.about-page h1, .about-page h2 { text-wrap: pretty; }
.about-prose { max-width: 640px; color: var(--color-text-secondary); }
.about-prose p + p { margin-top: 20px; }
.about-vision-section { min-height: 540px; padding-block: 64px; display: flex; align-items: center; background-color: var(--color-navy); background-image: linear-gradient(90deg, rgba(1,32,65,.94) 0%, rgba(1,32,65,.88) 34%, rgba(1,32,65,.62) 53%, rgba(1,32,65,.18) 76%, rgba(1,32,65,.06) 100%), var(--bridge-image); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.about-vision .about-prose { max-width: 600px; color: rgba(255,255,255,.9); }
.about-vision p { max-width: 520px; }
.about-vision h1 { max-width: 600px; color: #F5F1E8; margin-bottom: 24px; font-size: clamp(1.75rem, 1.25rem + 1.4vw, 2.5rem); line-height: 1.25; }
.about-founder { position: relative; isolation: isolate; min-height: clamp(560px, 51vw, 735px); padding-block: 60px; background: var(--color-navy); color: var(--color-white); }
.about-founder > .container { position: relative; z-index: 1; }
.about-founder h2 { margin-bottom: 24px; }
.about-founder-grid { display: block; }
.about-founder-copy { max-width: 50%; }
.about-founder-portrait { position: absolute; right: max(4%, calc((100% - 1200px) / 2)); bottom: 0; z-index: 0; display: block; width: 40%; max-width: 440px; height: calc(100% - 110px); object-fit: contain; object-position: center bottom; }
.about-founder-copy h3 { font: 500 clamp(1.875rem, 2.5vw, 2.5rem)/1.25 var(--font-heading); }
.about-role { margin-top: 8px; color: var(--color-gold); }
.about-founder .about-prose { color: var(--color-white); margin-top: 20px; }
.about-manifesto { padding-block: 80px; text-align: center; }
.about-manifesto h2 { margin-bottom: 28px; }
.about-manifesto .about-prose { max-width: 700px; margin-inline: auto; }
@media (max-width: 53.75rem) {
  .about-vision-section { min-height: 500px; padding-block: 48px; background-image: linear-gradient(90deg, rgba(1,32,65,.9), rgba(1,32,65,.8) 60%, rgba(1,32,65,.6)), var(--bridge-image); }
  .about-section { padding-block: 52px; }
  .about-founder { min-height: 0; padding-top: 44px; padding-bottom: 0; }
  .about-founder-copy { max-width: 640px; }
  .about-founder-portrait { position: relative; inset: auto; margin: 28px auto 0; width: 70%; max-width: 240px; height: auto; object-fit: contain; object-position: center bottom; }
}
@media (max-width: 35rem) {
  .about-section { padding-block: 40px; }
  .about-vision-section { min-height: 0; padding-block: 44px; }
  .about-prose p + p { margin-top: 16px; }
  .about-founder h2 { margin-bottom: 18px; }
  .about-founder { padding-top: 36px; padding-bottom: 0; }
  .about-manifesto h2 { margin-bottom: 24px; }
}
@media (max-width: 48rem) {
  .about-vision-section {
    background-image: linear-gradient(90deg, rgba(1,32,65,.92) 0%, rgba(1,32,65,.84) 55%, rgba(1,32,65,.72) 100%), var(--bridge-image);
    background-size: cover;
    background-position: center center;
  }
}

@media (min-width: 40rem) and (max-width: 53.75rem) {
  .about-founder { display: grid; align-items: center; }
  .about-founder > .container, .about-founder-portrait { grid-area: 1 / 1; }
  .about-founder > .container { padding-bottom: 28px; }
  .about-founder-copy { max-width: 52%; }
  .about-founder-portrait { position: relative; margin: 0 4% 0 auto; width: 34%; max-width: 300px; height: auto; align-self: end; object-fit: contain; }
}

/* Responsive image sources only: composition and overlays remain unchanged. */
.about-vision-section { --bridge-image: url('../images/studio_ingegneristico_rinascimentale_di_leonardo-1916.webp'); }
@media (max-width: 1200px) {
  .about-vision-section { --bridge-image: url('../images/studio_ingegneristico_rinascimentale_di_leonardo-1600.webp'); }
}
@media (max-width: 768px) {
  .about-vision-section { --bridge-image: url('../images/studio_ingegneristico_rinascimentale_di_leonardo-1280.webp'); }
}