/* about page: centred type, rounded G2 cards */
.about-top{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:100svh;padding:calc(var(--hdr-h) + var(--space-08)) 0 var(--space-10);text-align:center;background:url(assets/hero-placeholder.svg) center/cover no-repeat}
.about-top::before{content:"";position:absolute;inset:0;z-index:-2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 12%,transparent 62%);mask-image:linear-gradient(to bottom,#000 0,#000 12%,transparent 62%)}
.about-top::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(2,0,130,.25) 0,rgba(0,0,0,0) 35%,rgba(2,4,24,.55) 70%,rgba(2,4,24,.9) 100%)}
.about-top .wrap{width:100%}
.about-top .eyebrow{justify-content:center}
.about-top h1{font:var(--text-type-heading-06);max-width:24ch;margin:var(--space-05) auto var(--space-06)}
.about-top p{max-width:900px;margin:0 auto;font:400 clamp(18px,2.2vw,26px)/1.4 var(--font-sans)}

.a-sec{padding:var(--space-11) 0;text-align:center}
.a-sec.alt{background:var(--color-surface)}
.big-title{margin:0 0 var(--space-09);font:600 clamp(40px,6vw,72px)/1.1 var(--font-sans);letter-spacing:-.02em}
.sub-title{margin:0 0 var(--space-08);font:500 43px/48px var(--font-sans)}

.vm-stack{display:grid;gap:var(--space-07);max-width:960px;margin:0 auto}
.vm-card{padding:var(--space-09) var(--space-08);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--hdr-r);corner-shape:squircle}
.vm-card h2{margin:0 0 var(--space-05);font:400 50px/56px var(--font-sans)}
.vm-card .statement{margin:0;font:400 28px/36px var(--font-sans)}
.vm-card .support{max-width:62ch;margin:var(--space-06) auto 0;font:var(--text-type-body-02);color:var(--color-fg-2)}
.vm-card-dark{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
.vm-card-dark .support{color:#fff;opacity:.9}

.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-07);max-width:1040px;margin:0 auto}
.team-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-07) var(--space-06);background:var(--surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--hdr-r);corner-shape:squircle}
.team-card img{display:block;width:200px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-nested);corner-shape:squircle}
.team-card h3{margin:var(--space-06) 0 var(--space-02);font:600 26px/32px var(--font-sans)}
.team-card .role{font:500 16px/24px var(--font-sans);color:var(--color-fg-3)}
.team-card p{max-width:46ch;margin:var(--space-05) 0;font:var(--text-type-body-02);color:var(--color-fg-2);text-wrap:pretty}
.team-card a{font:500 16px/24px var(--font-sans);text-decoration:underline;text-underline-offset:3px}

.advisor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,240px));justify-content:center;gap:var(--space-07)}
.adv-card{padding:var(--space-05) var(--space-05) var(--space-06);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--hdr-r);corner-shape:squircle}
.adv-card .slot{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border:1px dashed var(--color-border-strong);border-radius:var(--radius-nested);corner-shape:squircle;background:var(--color-surface-2);color:var(--color-fg-3);font:var(--text-type-label-01)}
.adv-card h3{margin:var(--space-05) 0 0;font:500 20px/28px var(--font-sans)}
.adv-card p{margin:0;font:500 16px/24px var(--font-sans);color:var(--color-fg-3)}

@media(max-width:1055px){.team-grid{grid-template-columns:1fr;max-width:560px}}
@media(max-width:671px){
 .about-top{padding-bottom:var(--space-09)}
 .about-top h1{font:var(--text-type-heading-04)}
 .a-sec{padding:var(--space-10) 0}
 .sub-title{font:500 32px/40px var(--font-sans)}
 .vm-card{padding:var(--space-07) var(--space-05)}
 .vm-card h2{font:400 36px/44px var(--font-sans)}
 .vm-card .statement{font:400 22px/30px var(--font-sans)}
 .advisor-grid{grid-template-columns:minmax(0,240px)}
}
.adv-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-nested);corner-shape:squircle}

.adv-card h3 a{color:inherit}
.adv-card h3 a:hover{color:var(--color-primary);text-decoration:underline}

/* about: justified paragraph text */
.about-top p,.vm-card .statement,.vm-card .support,.team-card p{text-align:justify;hyphens:auto}

/* about: one-line headline, centred vision statement */
.about-top h1{max-width:none}
.vm-card:not(.vm-card-dark) .statement{text-align:center}