/* Four portraits with an expanding biography panel. */
.about-page .team-grid{display:flex;align-items:flex-start;gap:16px;max-width:none;width:100%}
.about-page .team-person{flex:1 1 0;min-width:0;transition:flex-grow .55s var(--ease)}
.about-page .team-person.is-expanded{flex-grow:2.2}
.team-toggle{display:block;width:100%;padding:0;overflow:hidden}
.team-toggle img{width:100%;height:clamp(250px,29vw,440px);object-fit:cover;object-position:center 48%;transition:filter .3s}
.team-toggle:hover img{filter:contrast(1.04)}
.team-toggle img[src$="equipo-octa.jpg"]{object-position:center 12%}
.about-page .team-name{margin:0;padding:18px 0;border-bottom:1px solid #777;min-height:112px}
.about-page .team-name h3{font-size:clamp(17px,1.7vw,29px);line-height:1.18;letter-spacing:-.035em;overflow-wrap:normal}
.about-page .team-name h3 span{display:block;margin:6px 0 0;font-size:20px}
.about-page .team-name .mono{font-size:10px;margin:10px 0 0}
.about-page .team-bio{max-width:none;font-size:14px;line-height:1.7}
.about-page .team-bio p{margin:20px 0 0}
@media(max-width:700px){
 .about-page .team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
 .about-page .team-person.is-expanded{grid-column:1/-1}
 .team-toggle img{height:260px}
 .team-person.is-expanded .team-toggle img{height:360px}
 .about-page .team-name{min-height:105px}
 .about-page .team-name h3{font-size:21px}
}
.team-toggle{position:relative;background:var(--ink)}
.about-page .team-person.is-expanded .team-toggle img[src$="equipo-octa.jpg"]{object-position:center 26%}
@media(prefers-reduced-motion:reduce){.about-page .team-person,.team-toggle img{transition:none}}

.about-page .team-name{min-height:0;padding:18px 0}
.about-page .team-name h3{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(25px,2.3vw,36px);color:var(--acid);letter-spacing:-.025em}
.about-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;height:clamp(480px,74svh,820px);padding:50px var(--gutter);background:var(--ink);color:var(--paper)}
.about-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.about-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080a0810,#080a0899)}
.about-hero h1{margin:0 3vw 0 0;font-size:clamp(80px,10vw,180px);font-weight:400;line-height:.91;letter-spacing:-.065em}
.about-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--acid)}
.about-motion{position:absolute;right:var(--gutter);bottom:22px;border:1px solid #ffffff70;border-radius:30px;padding:10px 16px;color:white;background:#0003}
.about-page .about-description{display:block;padding:65px var(--gutter)}
.about-description .intro-copy{max-width:1100px;margin-left:auto}
.about-description .about-body{margin:0;gap:45px}
@media(max-width:700px){.about-hero{height:65svh;min-height:420px;padding:35px 20px}.about-hero h1{font-size:clamp(57px,13vw,90px);margin-right:0}.about-page .about-description{padding:40px 20px}.about-description .about-body{display:block}}

.about-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:6vw;justify-content:normal;height:auto;min-height:74svh;padding:75px var(--gutter) 85px}
.about-hero h1{margin:0;font-size:clamp(72px,8.7vw,165px);text-align:left}
.about-hero-shade{background:linear-gradient(90deg,#080a0870,#080a08b8)}
.about-hero-copy{color:#fff;max-width:570px;font-size:clamp(15px,1.2vw,19px);line-height:1.65}
.about-hero-copy p{margin:0}.about-hero-copy p+p{margin-top:26px}
@media(max-width:900px){.about-hero{grid-template-columns:1fr;gap:38px;padding:55px var(--gutter) 85px}.about-hero h1{font-size:clamp(64px,12vw,108px)}.about-hero-copy{max-width:650px;font-size:16px}.about-hero-shade{background:#080a0899}}
@media(max-width:600px){.about-hero{padding:40px 20px 80px;gap:30px;min-height:0}.about-hero h1{font-size:clamp(56px,14vw,84px)}.about-hero-copy{font-size:15px;line-height:1.65}}

.about-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.5vw}
.about-hero-copy{max-width:500px;font-size:clamp(13px,1vw,16px);line-height:1.7;text-align:justify;hyphens:auto}
.about-hero-copy p+p{margin-top:18px}
.about-page .team-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px}
.team-role{font-family:'Roboto Mono',monospace;font-size:11px;font-style:normal;font-weight:300;line-height:1.45;color:var(--paper)}
.about-hero h1{grid-column:1/-1}
@media(max-width:900px){.about-hero{grid-template-columns:1fr;gap:22px}.about-hero-copy{font-size:14px;max-width:650px}}
@media(max-width:600px){.about-hero{gap:20px}.about-hero-copy{font-size:13px}.team-role{font-size:10px}}