/*
 * Chi siamo: composizione della foundation statica (chi-siamo.html, 28/10), adattata al tema.
 * I valori --jet-* sono quelli della foundation; globo-sedi.css e globo-sedi.js li leggono.
 */
:root{--jet-white:#fff;--jet-ink:#202020;--jet-dark:#121212;--jet-red:#e5231f;--jet-muted:#666;--jet-muted-inverse:#b3b3b3;--jet-line:#dedede;--jet-font:"Plus Jakarta Sans",Arial,sans-serif;--jet-margin:var(--page-margin,32px);--jet-section-y:128px;--jet-stack:96px;--jet-block-gap:64px;--jet-role-section:56px;--jet-role-item:30px;--jet-role-text:18px;--jet-role-eyebrow:14px;--jet-role-label:13px;--jet-button-font:14px}
@media(max-width:800px){:root{--jet-section-y:72px;--jet-stack:48px;--jet-block-gap:40px;--jet-role-section:34px;--jet-role-item:24px;--jet-role-text:16px}}

/* Etichetta con trattino rosso e titoli di voce, come nella foundation. */
.about-eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--jet-muted);font-size:var(--jet-role-eyebrow);font-weight:500;line-height:18px}
.about-eyebrow::before{width:16px;height:2px;flex:0 0 16px;background:var(--jet-red);content:""}
.about-item-title{margin:0;color:var(--jet-ink);font-size:var(--jet-role-item);font-weight:400;line-height:1.25;letter-spacing:-.02em}

.about-hero{position:relative;isolation:isolate;display:flex;height:calc(60svh / var(--jet-zoom, 1));min-height:480px;max-height:720px;flex-direction:column;justify-content:space-between;background:var(--jet-dark);color:#fff}
.about-hero__image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.about-hero::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(18,18,18,.45),rgba(18,18,18,.05) 45%,rgba(18,18,18,.48));content:""}
.about-hero__content{padding:64px var(--jet-margin)}
.about-hero__content h1{margin:0;font-size:64px;font-weight:400;line-height:1.04;letter-spacing:-.03em}

/* Match the home split introduction's type scale and spacing. */
.about-intro{padding:140px var(--jet-margin) 120px;background:var(--jet-white)}
.about-intro .about-eyebrow{gap:12px;margin-bottom:28px;color:#676d70;font-size:12px;font-weight:550;line-height:18px;letter-spacing:.5px;text-transform:uppercase}
.about-intro__columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.about-intro__columns h2{max-width:600px;color:#202223;font-size:52px;font-weight:450;line-height:55px;letter-spacing:-.03em;text-wrap:wrap}
.about-intro__copy{max-width:520px;margin-top:-2px}
.about-intro__copy p{margin:0;color:#202223;font-size:16px;line-height:1.6;letter-spacing:-.005em}
.about-intro__copy p+p{margin-top:20px;color:#5d6468}
@media(max-width:900px){.about-intro{padding-top:96px}.about-intro__columns{grid-template-columns:1fr;gap:28px}.about-intro__copy{max-width:none;margin-top:0}}
@media(max-width:809px){.about-intro{padding-bottom:88px}.about-intro__columns h2{font-size:38px;line-height:42px}}

/* Globo: variante compatta della foundation. */
.about-locations .locations__heading h2,.about-locations__title{margin:0;color:var(--jet-ink);font-size:var(--jet-role-item);font-weight:400;line-height:1.25;letter-spacing:-.02em}
.about-locations .office__city{width:100%;font-size:var(--jet-role-item);font-weight:400;line-height:1.25;letter-spacing:-.02em}
.about-locations .office__country,.about-locations .globe__status{font-size:var(--jet-role-label);font-weight:500}
.about-locations .office address{font-size:var(--jet-role-label)}
.about-locations .office__map{display:inline-flex;align-items:center;gap:12px;margin-top:16px;color:var(--jet-ink);font-size:var(--jet-button-font);font-weight:400}
.about-locations .office__map::after{content:"";display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;background:currentColor;-webkit-mask:var(--jet-arrow) center/contain no-repeat;mask:var(--jet-arrow) center/contain no-repeat;transition:transform .3s var(--ease)}
.about-locations .office__map:hover{color:var(--jet-red)}
.about-locations .office__map:hover::after{transform:translateX(4px)}

.about-clients{padding:var(--jet-section-y) var(--jet-margin);background:var(--jet-dark);color:#fff}
.about-clients__title{margin:0 0 var(--jet-stack);font-size:var(--jet-role-section);font-weight:400;line-height:1.08;letter-spacing:-.025em}
.about-clients__logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:64px 48px;align-items:center}
.about-clients__logo{display:flex;height:64px;min-width:0;align-items:center;justify-content:center}
.about-clients__logo img{display:block;width:auto;height:auto;max-width:125px;max-height:56px;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen}

.about-alliance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--jet-block-gap);align-items:center;padding:var(--jet-section-y) var(--jet-margin);background:var(--jet-white)}
.about-alliance__identity .about-eyebrow{margin-bottom:48px}
.about-alliance__identity img{display:block;width:70%;max-width:280px;height:auto;mix-blend-mode:multiply}
.about-alliance h2{max-width:32ch}

/* Team (nascosto di default): schede compatte con foto piccola. */
.about-team{padding:var(--jet-section-y) var(--jet-margin);border-top:1px solid var(--jet-line);background:var(--jet-white);color:var(--jet-ink)}
.about-team__title{margin:0;font-size:var(--jet-role-section);font-weight:400;line-height:1.08;letter-spacing:-.025em}
.about-team__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--jet-block-gap);margin:var(--jet-stack) 0 0;padding:0;list-style:none}
.about-person{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:28px 0;border-top:1px solid var(--jet-line)}
.about-person__photo{display:block;width:120px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 20%}
.about-person__body{display:flex;min-width:0;flex-direction:column}
.about-person__name{margin:0;font-size:24px;font-weight:400;line-height:1.2;letter-spacing:-.02em}
.about-person__role{margin:6px 0 0;color:var(--jet-red);font-size:var(--jet-role-label);font-weight:500}
.about-person__bio{margin:12px 0 0;color:var(--jet-muted);font-size:15px;line-height:22px}
.about-person__link{align-self:flex-start;margin-top:auto;padding-top:12px;color:var(--jet-ink);font-size:var(--jet-button-font)}
.about-person__link::after{margin-left:10px;content:"";display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;background:currentColor;-webkit-mask:var(--jet-arrow) center/contain no-repeat;mask:var(--jet-arrow) center/contain no-repeat}
.about-person__link:hover{color:var(--jet-red)}

@media(max-width:1100px){.about-clients__logos{gap:48px 32px}.about-clients__logo img{max-width:105px}.about-team__list{grid-template-columns:1fr}}
@media(max-width:800px){
.about-hero{min-height:420px;max-height:600px}
.about-hero__content{padding:48px var(--jet-margin)}
.about-hero__content h1{font-size:36px}
.about-intro__columns,.about-alliance{grid-template-columns:1fr}
.about-clients__logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.about-clients__logo{height:48px}
.about-clients__logo img{max-width:90px;max-height:42px}
.about-alliance__identity .about-eyebrow{margin-bottom:32px}
.about-alliance__identity img{max-width:230px}
.about-person{grid-template-columns:88px minmax(0,1fr)}
.about-person__photo{width:88px}
}

/* Sezioni riprese dalla versione precedente (CoTECh, team) e foto delle sedi. */
.about-manifesto{padding-bottom:var(--jet-section-y)}
.about-manifesto__lead{max-width:720px;margin:48px 0 0;color:var(--jet-muted);font-size:20px;line-height:29px;letter-spacing:-.01em;text-wrap:pretty}
.about-team__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px 80px;align-items:end}
.about-team__head .eyebrow-mark{grid-column:1/-1;margin-bottom:var(--jet-block-gap)}
.about-team__text{margin:0;color:var(--jet-muted);font-size:var(--jet-role-text);line-height:1.5}
.about-locations .office__photo{display:block;width:100%;height:auto;aspect-ratio:16/10;margin-bottom:20px;object-fit:cover}
/* Su questa pagina tutte le etichette usano il trattino rosso della foundation. */
.page-template-template-chi-siamo .eyebrow-mark{gap:10px;color:var(--jet-muted);font-size:var(--jet-role-eyebrow);font-weight:500;letter-spacing:0;text-transform:none}
.page-template-template-chi-siamo .eyebrow-mark::before{width:16px;height:2px;flex:0 0 16px;background:var(--jet-red)}
.page-template-template-chi-siamo .on-dark .eyebrow-mark{color:var(--jet-muted-inverse)}
@media(max-width:800px){.about-team__head{grid-template-columns:1fr}.about-manifesto__lead{font-size:17px;line-height:25px}}
/* Office photo: frame a bit higher so the JET sign on the back wall sits below the menu */
.about-hero__image{object-position:center 22%}

/* Alliances (2026-11-02): header, then one card per partner (logo, name, short description) */
.about-alliance--grid { display: block; }
.about-alliance__head { display: grid; gap: 24px; margin-bottom: 64px; }
.about-alliance__head .about-eyebrow { margin: 0; }
.about-alliance__list { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.about-partner { display: flex; height: 100%; flex-direction: column; color: inherit; text-decoration: none; }
.about-partner__logo { display: grid; aspect-ratio: 4 / 3; place-items: center; padding: 18%; background: #f5f5f5; transition: background .3s ease; }
.about-partner__logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; mix-blend-mode: multiply; }
a.about-partner:hover .about-partner__logo { background: #eceeef; }
.about-partner__name { margin-top: 20px; font-size: 20px; letter-spacing: -.015em; }
.about-partner__text { margin-top: 8px; color: #5d6468; font-size: 15px; line-height: 1.45; }
@media (max-width: 900px) { .about-alliance__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.about-partner__logo { position: relative; padding: 0; }
.about-partner__logo img { position: absolute; inset: 24%; width: 52%; height: 52%; max-width: none; max-height: none; object-fit: contain; }