/* MediaMine — team page */
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
.btn.ghost:hover{background:#fff;color:var(--ink)}
.sec{padding:clamp(84px,10vw,140px) 0}
.lead{font-size:18px;color:var(--ink-2);max-width:52ch}
.top,.top.stuck{background:rgba(12,13,15,.96)}
.top::before{display:none}
.team{padding-top:clamp(150px,14vw,200px)}
.team{background:var(--paper);scroll-margin-top:32px}
.team-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:52px;align-items:end;margin-bottom:52px}
.team h2{font-size:clamp(34px,3.6vw,52px);margin-top:18px;max-width:none}
.team-intro .lead{max-width:43ch}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.6vw,40px)}
@media(max-width:1180px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-card h3{font-size:28px}}
.team-portrait{aspect-ratio:4/5;background:var(--dark-2);color:var(--on-dark-mute);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.team-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.team-portrait svg{width:66%;height:72%;color:#383d45}
.team-portrait .team-number{position:absolute;top:14px;left:16px;color:var(--accent);font-family:var(--serif);font-size:20px}
.team-portrait .team-photo-label{position:absolute;bottom:20px;left:12px;right:12px;text-align:center;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.team-card h3{font-family:var(--serif);font-size:clamp(21px,1.6vw,23px);font-weight:500;line-height:1.15;margin:24px 0 9px}
.team-role{color:var(--accent-ink);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;min-height:3.2em}
.team-bio{border-top:1px solid var(--line);padding-top:18px;margin-top:16px;color:var(--ink-2);font-size:15px;line-height:1.7}
.team-note{margin-top:36px;color:var(--ink-3);font-size:12px;border-top:1px solid var(--line);padding-top:18px}
@media(max-width:1020px){
  .team-grid{gap:26px}
  .team-card h3{font-size:26px}
}
@media(max-width:760px){
  .team-intro{grid-template-columns:1fr;gap:24px;margin-bottom:36px}
  .team-grid{grid-template-columns:1fr;gap:48px;max-width:460px}
  .team-role{min-height:0}
}
@media(max-width:480px){
  .team-portrait{aspect-ratio:4/4.5}
}
.team-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:var(--accent-ink);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.team-details summary::-webkit-details-marker{display:none}
.team-details summary span{font-size:23px;font-weight:400;transition:transform .2s}
.team-details[open] summary span{transform:rotate(45deg)}
.team-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.team-full{padding:0 0 20px;color:var(--ink-2);font-size:15px;line-height:1.8}
.team-full p+p{margin-top:1em}
.team-full h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink);margin:18px 0 8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.close .bg img{height:100%}