/* TACC team page (14 Sep 2026). Loaded after refresh-identity.css on team.html only. The hero leads with the partners'
   experience (operator: lead with the profile, not the offices); under it, the New York -> Seoul arc with city names only.
   The partners sit in a two-panel diptych with prism emblems, the managing partner's in gold. */

/* ---------- hero: the corridor ---------- */
.team-hero{min-height:0;display:block;padding-bottom:clamp(36px,5vw,64px)}
.team-hero .page-hero__body{padding-bottom:0}
.team-hero h1 em{color:var(--em,var(--sand-lt))}
.corr-wrap{position:relative;margin-top:clamp(28px,4vw,56px)}
.corr{display:block;width:100%;height:auto;overflow:visible}
.corr__track{fill:none;stroke:rgba(169,196,226,.3);stroke-width:1.2;stroke-dasharray:2 7;vector-effect:non-scaling-stroke}
.corr__lat{fill:none;stroke:rgba(169,196,226,.1);stroke-width:1;vector-effect:non-scaling-stroke}
.corr__ground{fill:none;stroke:rgba(169,196,226,.22);stroke-width:1;vector-effect:non-scaling-stroke}
.corr .draw.corr__arc{stroke:var(--sand-lt);stroke-width:2}
.corr__node{fill:var(--sand-lt)}
.corr__halo{fill:none;stroke:var(--sand-lt);stroke-width:1.2;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:corr-pulse 3.2s var(--ease) infinite}
.corr__halo--b{animation-delay:1.6s}
@keyframes corr-pulse{0%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(2.4)}}
.corr__pk{fill:#F4F7FB}
.corr__pk--g{fill:var(--sand-lt)}
html.rm .corr__pk,html.rm .corr__halo{display:none}
.corr__city{position:absolute;top:calc(100% + clamp(8px,1.2vw,16px));display:flex;flex-direction:column;gap:6px}
.corr__city--ny{left:5.8%}
.corr__city--se{right:5.8%;align-items:flex-end;text-align:right}
.corr__name{font-family:var(--serif);font-size:clamp(1.1rem,1.9vw,1.7rem);line-height:1;color:#F4F7FB}
.corr__role{font-family:var(--mono);font-size:clamp(.56rem,.8vw,.68rem);letter-spacing:.16em;text-transform:uppercase;color:var(--sand-lt)}
.team-hero .corr-spacer{height:clamp(80px,8vw,112px)}

/* ---------- partners: a two-panel diptych ---------- */
.team-partners .head{margin-bottom:clamp(36px,5vw,64px)}
.tiles--duo{margin-top:0}
.tiles--duo .tile__art{height:clamp(230px,24vw,320px)}
/* the prism emblem: TACC's equilateral prism, a white beam in on the left face, five spectrum rays out of the right face
   (the Aurum Prism section's colours), initials inside; the managing partner's prism is gold (14 Sep 2026: replaced the
   cut-stone monogram, operator: "replace with prism") */
.tile__art .emblem--prism{width:min(80%,330px);height:auto}
.emblem--prism .emp__glow{fill:rgba(169,196,226,.05)}
.emblem--prism.emblem--lead .emp__glow{fill:rgba(209,173,104,.1)}
.tile .emblem--prism .draw.emp__prism{stroke:#C9D6E4;stroke-width:1.8}
.tile .emblem--prism.emblem--lead .draw.emp__prism{stroke:var(--sand-lt);stroke-width:2}
.tile .emblem--prism .draw.emp__beam{stroke:#F4F7FB;stroke-width:1.8}
.tile .emblem--prism .draw.emp__inner{stroke:rgba(244,247,251,.3);stroke-width:1.2}
.tile .emblem--prism .draw.emp__ray{stroke-width:1.4}
.tile .emblem--prism .emp__ray--1{stroke:#E6CB8E}.tile .emblem--prism .emp__ray--2{stroke:#D1AD68}
.tile .emblem--prism .emp__ray--3{stroke:#E2EBF5}.tile .emblem--prism .emp__ray--4{stroke:#A9C4E2}
.tile .emblem--prism .emp__ray--5{stroke:#6A8FBE}
.emblem--prism .emblem__init{font-size:34px;letter-spacing:.04em}
.emblem--prism.emblem--lead .emblem__init{fill:var(--sand-lt)}
.tile__city{position:absolute;top:18px;right:20px;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-2)}
.tiles--duo .tile h3{font-size:clamp(2rem,3vw,2.8rem)}
.tiles--duo .tile__label{color:var(--sand-lt)}

/* one profile open at a time: the open panel widens, the other narrows (site.js tiles(), >= 1000px) */
@media (min-width:1000px){
  .tiles--profiles.has-open .tile{flex-grow:.72}
  .tiles--profiles.has-open .tile.is-open{flex-grow:1.8;border-color:rgba(169,196,226,.42)}
}

/* ---------- experience strip under the partners ---------- */
.team-partners .ledger{margin-top:16px}
.team-partners .ledger dd{margin-top:0}

@media (max-width:640px){
  /* "portfolio management" is ~9 ems wide: size the phone heading to the column so it stays on one line (no lone last word) */
  .team-hero h1{font-size:min(calc((100vw - 40px) / 9.3),3.2rem)}
  .team-hero h1 em{white-space:nowrap}
  .corr__name{font-size:1rem}
  .corr__role{font-size:.5rem;letter-spacing:.12em}
  .tile__city{font-size:.58rem}
}