/* Страница «Наша команда» — перенесено из docs/prototypes/team (публичная часть).
   Все правила в корне .wh-team, чтобы не пересекаться с platform.css. */
.wh-team{--ink:#050604;--bone:#e8dfcb;--acid:#b5bd82;--blood:#d53c27;--red:#ee3b27;--quiet:#a8a596;--line:#35372e;position:relative;isolation:isolate;overflow-x:clip;color:var(--bone);font:400 17px/1.5 'Oswald',sans-serif}
.wh-team *{box-sizing:border-box}
.wh-team a{color:inherit;text-decoration:none}
.wh-team h1,.wh-team h2,.wh-team h3,.wh-team p,.wh-team ul{margin:0}
.wh-team ul{padding:0;list-style:none}
.wh-team [hidden]{display:none!important}
.wh-team :focus-visible{outline:2px solid var(--red);outline-offset:4px}

/* фон, как на странице сцены */
.wh-team .page-backdrop{position:absolute;z-index:-1;inset:0;overflow:clip;pointer-events:none}
.wh-team .page-backdrop::before,.wh-team .page-backdrop::after{content:'';position:absolute;right:-9vw;width:min(70vw,1000px);aspect-ratio:1;border:1px solid rgba(181,189,130,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(181,189,130,.025),0 0 0 160px rgba(181,189,130,.018)}
.wh-team .page-backdrop::before{top:-240px}
.wh-team .page-backdrop::after{bottom:-180px}

.wh-team main{width:100%;padding:calc(92px + clamp(40px,6vw,84px)) clamp(22px,6vw,96px) clamp(60px,8vw,110px)}
.wh-team .team-head{padding-bottom:clamp(28px,4vw,48px);border-bottom:1px solid var(--line)}
.wh-team .team-head h1{font:900 clamp(42px,8vw,104px)/.95 'Unbounded',sans-serif;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}

/* роли-группы */
.wh-team .team-group{padding-top:clamp(36px,5vw,64px)}
.wh-team .team-group h2{margin-bottom:clamp(28px,4vw,48px);font:700 clamp(18px,2.2vw,26px)/1.2 'Unbounded',sans-serif;letter-spacing:-.025em;text-transform:uppercase}

/* человек: фото и текст чередуются слева/справа */
.wh-team .member{display:grid;grid-template-columns:minmax(220px,380px) minmax(0,1fr);align-items:center;column-gap:clamp(36px,8vw,140px);min-width:0;padding:clamp(40px,6vw,80px) 0;border-top:1px solid var(--line)}
.wh-team .member:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(220px,380px)}
.wh-team .member:nth-child(even) .member__portrait{grid-column:2;grid-row:1;justify-self:end}
.wh-team .member:nth-child(even) .member__text{grid-column:1;grid-row:1}
.wh-team .member__portrait{position:relative;width:100%;max-width:380px;aspect-ratio:1;display:grid;place-items:center;margin:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 35% 25%,#343b2f,#111712 70%);box-shadow:0 0 0 14px rgba(238,229,208,.025),0 0 0 28px rgba(238,229,208,.015),0 28px 60px rgba(0,0,0,.32);transition:box-shadow .25s ease}
.wh-team .member__portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wh-team .member__portrait span{font:700 clamp(44px,6vw,72px) 'Unbounded',sans-serif;letter-spacing:-.04em}
.wh-team .member:hover .member__portrait{box-shadow:0 0 0 1px var(--acid),0 0 0 14px rgba(181,189,130,.06),0 0 0 28px rgba(181,189,130,.03),0 28px 60px rgba(0,0,0,.32)}
.wh-team .member__text{display:grid;justify-items:start;min-width:0}
.wh-team .member h3{font:700 clamp(28px,3.6vw,52px)/1.08 'Unbounded',sans-serif;letter-spacing:-.03em}
.wh-team .member__about{margin-top:26px;max-width:50ch;color:var(--quiet);font-size:clamp(17px,1.5vw,20px);font-weight:300;line-height:1.65}
.wh-team .member__links{display:flex;margin:28px 0 0 -11px}
.wh-team .member__links a{width:44px;height:44px;display:grid;place-items:center;color:var(--bone);transition:color .2s,transform .2s}
.wh-team .member__links a:hover{color:var(--red);transform:translateY(-2px)}
.wh-team .member__links svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}

@media (max-width:760px){
  .wh-team .member,.wh-team .member:nth-child(even){grid-template-columns:minmax(0,1fr);row-gap:28px}
  .wh-team .member:nth-child(even) .member__portrait,.wh-team .member:nth-child(even) .member__text{grid-column:1;grid-row:auto}
  .wh-team .member__portrait,.wh-team .member:nth-child(even) .member__portrait{width:min(260px,70vw);justify-self:start}
}
@media (max-width:720px){.wh-team main{padding-inline:18px}}
@media (prefers-reduced-motion:reduce){.wh-team *{transition:none!important}}