/* Original team portraits and biographies, readable without carousel controls. */
.team{max-width:1120px;margin:0 auto;padding:40px 48px 100px;scroll-margin-top:30px}
.team>h2{font-size:38px;margin:0 0 50px}
.team-profiles{display:flex;flex-direction:column;gap:72px}
.team-profile{display:grid;grid-template-columns:320px minmax(0,1fr);gap:80px;align-items:center}
.team-portrait{display:block;width:100%;height:auto}
.team-biography{min-width:0}
.team-biography h3{font-weight:400;font-size:38px;letter-spacing:-.025em;line-height:1.2;margin:0 0 25px;color:var(--gold)}
.team-biography p{font-size:15px;line-height:1.95;color:#dedbd4;max-width:500px;margin:0}
.story-text .team-intro-link{margin-left:24px}
@media(min-width:851px){.team-profile:nth-child(even){grid-template-columns:minmax(0,1fr) 320px}.team-profile:nth-child(even) .team-portrait{grid-column:2;grid-row:1}.team-profile:nth-child(even) .team-biography{grid-column:1;grid-row:1}}
@media(max-width:850px) and (min-width:701px){.team-profile{grid-template-columns:260px minmax(0,1fr);gap:38px}}
@media(max-width:700px){.team{padding:25px 26px 65px}.team>h2{font-size:34px;margin-bottom:34px}.team-profiles{gap:48px}.team-profile{grid-template-columns:1fr;gap:25px}.team-portrait{max-width:300px}.team-biography h3{font-size:32px;margin-bottom:18px}.team-biography p{line-height:1.9}}

/* Progressive enhancement: retain the open profiles if JavaScript is unavailable. */
.team-carousel{display:flex;flex-direction:column;position:relative}
.team-carousel>h2{padding-right:60px}
.team-carousel .team-profiles{display:grid;gap:0;order:1;position:relative}
.team-carousel .team-profile{grid-area:1/1;grid-template-columns:320px minmax(0,1fr);gap:80px;visibility:hidden;pointer-events:none;align-self:start}
.team-carousel .team-profile .team-portrait{grid-column:1;grid-row:1;opacity:0;transform:translateX(-12px) scale(.96);transition:transform .65s ease,opacity .65s ease;object-fit:cover}
.team-carousel .team-profile .team-biography{grid-column:2;grid-row:1;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;visibility:hidden}
.team-carousel .team-profile.is-before,.team-carousel .team-profile.is-after{visibility:visible;z-index:0}
.team-carousel .team-profile.is-before .team-portrait{opacity:.42;transform:translate(-10px,7px) rotate(-3deg) scale(.96)}
.team-carousel .team-profile.is-after .team-portrait{opacity:.62;transform:translate(12px,7px) rotate(3deg) scale(.96)}
.team-carousel .team-profile.is-active{visibility:visible;pointer-events:auto;z-index:1}
.team-carousel .team-profile.is-active .team-portrait{opacity:1;transform:none}
.team-carousel .team-profile.is-active .team-biography{opacity:1;transform:none;visibility:visible}
.team-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;order:2;margin:28px 0 0 400px;max-width:500px}
.team-controls[hidden],.team-rotation[hidden]{display:none}
.team-controls button{background:transparent;border:0;color:var(--cream);font:13px Helvetica,Arial,sans-serif;cursor:pointer;min-height:44px}
.team-controls .team-rotation{display:grid;place-items:center;width:44px;padding:0;color:#ccc8bf;transition:color .2s}
.team-rotation:hover{color:var(--gold)}
.team-rotation .team-play-icon,.team-rotation.is-paused .team-pause-icon{display:none}
.team-rotation.is-paused .team-play-icon{display:block}
.team-step-controls{display:flex;align-items:center;gap:4px}
.team-step-controls button{display:grid;place-items:center;border:0;border-radius:0;width:44px;padding:0;color:var(--cream);line-height:1;transition:color .2s}
.team-step-controls button:hover{color:var(--gold)}
@media(max-width:850px) and (min-width:701px){.team-carousel .team-profile{grid-template-columns:260px minmax(0,1fr);gap:38px}.team-controls{margin-left:298px}}
@media(max-width:700px){.team-carousel .team-profile{grid-template-columns:1fr;gap:25px}.team-carousel .team-profile .team-portrait{grid-column:1;grid-row:1;width:240px;max-width:100%;justify-self:center}.team-carousel .team-profile .team-biography{grid-column:1;grid-row:2}.team-controls{margin:24px 0 0;max-width:none}.team-carousel>h2{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){.team-carousel .team-profile .team-portrait,.team-carousel .team-profile .team-biography{transition:none;transform:none}.team-carousel .team-profile:not(.is-active){visibility:hidden}.team-step-controls button{transition:none}}

/* Keep the quiet navigation beside the profile, rather than in a toolbar below it. */
.team-carousel .team-stage{display:grid;grid-template-columns:minmax(0,1fr)}
.team-carousel .team-controls{display:contents}
.team-carousel .team-controls[hidden]{display:none}
.team-carousel .team-profiles{grid-area:1/1}
.team-carousel .team-step-controls{grid-area:1/1;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none;margin:0 -44px}
.team-carousel .team-step-controls button{pointer-events:auto}
.team-carousel .team-rotation{position:absolute;top:40px;right:48px;z-index:4;margin:0}
@media(max-width:700px){.team-carousel .team-step-controls{align-self:start;margin:158px -22px 0}.team-carousel .team-rotation{top:25px;right:26px}}
