/* MediaMine — team page roster */
/* roster */
.roster{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,5vw,72px) clamp(32px,4vw,56px)}
.person{min-width:0}
.portrait{position:relative;aspect-ratio:5/4;background:
  repeating-linear-gradient(135deg,var(--cream-2) 0 9px,#d3d6d2 9px 18px);
  border:1px solid var(--line-soft);display:flex;align-items:flex-end;padding:14px}
.portrait span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#6d6759;
  background:var(--paper);padding:6px 9px;border:1px solid var(--line-soft)}
.person .txt{margin-top:22px}
.person .id{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.person h2{font:700 clamp(26px,2.4vw,36px)/1.04 var(--sans);letter-spacing:-.03em}
.person .role{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.5vw,22px);color:var(--ink-2);
  line-height:1.3;margin-top:10px}
.person .sum{color:var(--ink-2);font-size:16px;margin-top:16px;text-wrap:pretty}
.person .focus{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.person .focus span{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-3);border:1px solid var(--line-soft);padding:5px 9px}
details.bio{margin-top:22px;border-top:1px solid var(--line-soft)}
details.bio>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 0 0;
  font:600 12.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
details.bio>summary::-webkit-details-marker{display:none}
details.bio>summary .sign{width:18px;height:18px;flex:none;position:relative;border:1px solid var(--line);
  transition:background .25s,border-color .25s}
details.bio>summary .sign::before,details.bio>summary .sign::after{content:"";position:absolute;background:var(--ink);
  transition:opacity .25s,background .25s}
details.bio>summary .sign::before{left:4px;right:4px;top:50%;height:1px;margin-top:-.5px}
details.bio>summary .sign::after{top:4px;bottom:4px;left:50%;width:1px;margin-left:-.5px}
details.bio[open]>summary .sign::after{opacity:0}
details.bio>summary:hover{color:var(--amber-ink)}
details.bio>summary:hover .sign{background:var(--amber);border-color:var(--amber)}
details.bio>summary:hover .sign::before,details.bio>summary:hover .sign::after{background:#14110c}
details.bio .body{padding-top:18px}
details.bio .body p{color:var(--ink-2);font-size:15.5px;line-height:1.75;text-wrap:pretty}
details.bio .body p+p{margin-top:16px}
@media(max-width:700px){.roster{grid-template-columns:1fr;gap:48px}}