/* Stili circoscritti alla pagina Chi siamo. */
#pagina-chi-siamo { color: #07485a; }
#pagina-chi-siamo * { box-sizing: border-box; }
#pagina-chi-siamo .about-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: #33778b; font-size: 12px; line-height: 1.5; font-weight: 800; letter-spacing: .18em; }
#pagina-chi-siamo .about-eyebrow::before { content: ''; width: 7px; height: 7px; flex-shrink: 0; border-radius: 50%; background: #e99a67; }
#pagina-chi-siamo h2 { margin: 0 0 20px; color: #07485a; font-size: clamp(30px, 3.2vw, 44px); line-height: 1.13; letter-spacing: -.025em; }
#pagina-chi-siamo h3 { margin: 0 0 20px; color: #07485a; font-size: 27px; line-height: 1.2; }
#pagina-chi-siamo p { line-height: 1.8; }
#pagina-chi-siamo .about-hero { padding: 160px 0 90px; background: linear-gradient(125deg, #07485a, #10596b); color: #fff; }
#pagina-chi-siamo .about-hero__grid { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 70px; }
#pagina-chi-siamo .about-hero > .container > div:first-child > .about-eyebrow { color: #9ed8e8; }
#pagina-chi-siamo h1 { margin: 0 0 28px; color: #fff; font-size: clamp(38px, 4.4vw, 64px); line-height: 1.08; letter-spacing: -.035em; }
#pagina-chi-siamo .about-lead { margin: 0 0 18px; color: #fff; font-size: 23px; line-height: 1.5; }
#pagina-chi-siamo .about-intro { max-width: 650px; margin: 0; color: #d1e5eb; font-size: 17px; }
#pagina-chi-siamo .about-vision { position: relative; isolation: isolate; overflow: hidden; padding: 42px; border: 1px solid #d7e7ea; border-radius: 28px; background: linear-gradient(120deg, #fff, #eaf5f7); color: #496875; }
#pagina-chi-siamo .about-vision::before, #pagina-chi-siamo .about-contact__panel::before { content: ''; position: absolute; z-index: -1; pointer-events: none; top: -110px; right: -80px; width: 270px; height: 270px; border-radius: 50%; background: rgba(238,159,111,.19); }
#pagina-chi-siamo .about-vision h2 { font-size: clamp(28px, 2.6vw, 36px); }
#pagina-chi-siamo .about-vision__signature { display: block; margin-top: 28px; padding-top: 22px; border-top: 1px solid #d7e7ea; color: #07485a; font-weight: 750; }
#pagina-chi-siamo .about-section { padding: 80px 0; }
#pagina-chi-siamo .about-section__intro { max-width: 760px; margin: 0 0 36px; font-size: 18px; color: #496875; }
#pagina-chi-siamo .about-areas { background: #fff; }
#pagina-chi-siamo .about-areas__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
#pagina-chi-siamo .about-area { display: flex; flex-direction: column; align-items: flex-start; padding: 38px; border: 1px solid #d7e7ea; border-radius: 28px; background: #f0f9fc; }
#pagina-chi-siamo .about-area--life { background: #fff5ee; border-color: #efdfd3; }
#pagina-chi-siamo .about-area p:not(.about-area__badge) { margin: 0 0 20px; color: #496875; }
#pagina-chi-siamo .about-area .about-area__badge { margin: 0 0 26px; padding: 6px 12px; border-radius: 999px; background: #fff; color: #246b81; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
#pagina-chi-siamo .about-area--life .about-area__badge { color: #a94d28; }
#pagina-chi-siamo .about-text-link { margin-top: auto; padding-top: 12px; color: #07485a; font-weight: 750; text-underline-offset: 5px; }
#pagina-chi-siamo .about-method { background: #f5f9fa; }
#pagina-chi-siamo .about-method__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
#pagina-chi-siamo .about-method article { padding: 32px; border: 1px solid #d7e7ea; border-radius: 24px; background: #fff; }
#pagina-chi-siamo .about-method__number { display: block; margin-bottom: 24px; color: #33778b; font-size: 14px; font-weight: 800; }
#pagina-chi-siamo .about-method article p { margin: 0; color: #496875; }
#pagina-chi-siamo .about-person { background: #fff; }
#pagina-chi-siamo .about-person__grid { display: grid; grid-template-columns: 1fr 1.2fr; align-items: start; gap: 70px; }
#pagina-chi-siamo .about-person__copy { color: #496875; font-size: 18px; }
#pagina-chi-siamo .about-person__copy p { margin: 0 0 22px; }
#pagina-chi-siamo .about-person__copy p:last-child { margin-bottom: 0; }
#pagina-chi-siamo .about-contact { padding: 0 0 80px; background: #fff; }
#pagina-chi-siamo .about-contact__panel { display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative; isolation: isolate; overflow: hidden; padding: 48px; border: 1px solid #d7e7ea; border-radius: 28px; background: linear-gradient(120deg, #fff, #eaf5f7); }
#pagina-chi-siamo .about-contact__panel p:last-child { max-width: 740px; margin: 0; color: #496875; }
#pagina-chi-siamo .about-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; flex-shrink: 0; padding: 16px 28px; border-radius: 999px; background: #07485a; color: #fff; text-decoration: none; font-weight: 750; }
#pagina-chi-siamo .about-button:hover { background: #126278; }
#pagina-chi-siamo a:focus-visible { outline: 3px solid #33778b; outline-offset: 5px; }
@media (max-width: 1000px) {
    #pagina-chi-siamo .about-hero__grid, #pagina-chi-siamo .about-person__grid { grid-template-columns: 1fr; gap: 40px; }
    #pagina-chi-siamo .about-method__grid { grid-template-columns: 1fr; }
    #pagina-chi-siamo .about-contact__panel { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
    #pagina-chi-siamo .about-hero { padding: 130px 0 56px; }
    #pagina-chi-siamo .about-section { padding: 56px 0; }
    #pagina-chi-siamo .about-areas__grid { grid-template-columns: 1fr; }
    #pagina-chi-siamo .about-vision, #pagina-chi-siamo .about-area, #pagina-chi-siamo .about-method article, #pagina-chi-siamo .about-contact__panel { padding: 28px 24px; }
    #pagina-chi-siamo .about-contact { padding-bottom: 56px; }
}