/* Программист: Тахир Тухтаров. Код — собственность компании X-WORLD. */
.bio-section{padding-top:60px;padding-bottom:60px}.bio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.bio-card{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;color:var(--ink)}.bio-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.bio-card h3{font-size:20px;margin:20px 16px 12px;letter-spacing:-.02em}.bio-card p{margin:0 16px 18px;font-size:14px}.bio-card small{display:block;margin:16px;font-size:12px;color:var(--muted)}.bio-deck{position:relative;height:560px;perspective:1200px}.bio-deck>.bio-card{position:absolute;inset:0 0 60px;opacity:0;pointer-events:none;transform:translate3d(22px,12px,-90px) rotateY(-30deg);filter:brightness(.35);transition:transform .8s ease,opacity .8s ease,filter .8s ease}.bio-deck>.is-front{opacity:1;pointer-events:auto;transform:translate3d(0,0,0) rotateY(0);filter:none;z-index:2}.bio-deck>.bio-card img{height:310px;aspect-ratio:auto}.bio-deck-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px}.bio-deck-controls button{padding:10px 16px;border:1px solid var(--line);border-radius:6px;cursor:pointer;background:white;color:var(--ink)}@media(max-width:900px){.bio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bio-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bio-deck>.bio-card{transition:none;transform:none}}

.bio-placeholder-image{aspect-ratio:1;display:grid;place-items:center;background:#edf2eb;color:#8bae7b;font-size:64px;font-weight:600}.bio-preview-note{color:var(--muted);font-size:14px}.bio-deck .bio-placeholder-image{height:310px;aspect-ratio:auto}

/* Shared vertical rhythm and aligned card content. */
.bio-section{padding-block:96px}
.bio-section>h2{margin-bottom:24px}
.bio-section>p{margin-bottom:16px}
.bio-section>.bio-grid{margin-top:32px;align-items:stretch;grid-auto-rows:1fr}
.bio-grid>.bio-card{display:flex;flex-direction:column;min-width:0;height:100%}
.bio-grid>.bio-card>img,.bio-grid>.bio-card>.bio-placeholder-image{width:100%;height:auto;aspect-ratio:1;flex:none}
.bio-grid>.bio-card>h3{min-height:2.24em;margin:20px 16px 12px}
.bio-grid>.bio-card>p{flex:1;margin:0 16px 18px}
.bio-grid>.bio-card>small{margin-top:auto}
.bio-deck>.bio-card{display:flex;flex-direction:column;min-width:0}
.bio-deck>.bio-card>img,.bio-deck>.bio-card>.bio-placeholder-image{height:310px;flex:0 0 310px;width:100%;aspect-ratio:auto}
.bio-deck>.bio-card>h3{min-height:2.24em}
.bio-deck-controls{align-items:center}
.bio-deck-controls button{height:46px;line-height:1.2}
@media(max-width:720px){.bio-section{padding-block:60px}}

.bio-deck-original{height:610px}
.bio-deck-original>.profile-preview{display:block;inset:0 0 80px;min-height:530px;height:530px;border:0;background:#17262b;box-shadow:24px 24px 0 #e5ebdf}
.bio-deck-original>.profile-preview>img,.bio-deck-original>.profile-preview>.bio-placeholder-image{height:530px;object-position:50% 30%}
.bio-deck-original .preview-caption p{margin:0 0 16px;color:#e1e9ec;font-size:16px}
.bio-deck-original .preview-caption .eyebrow{font-size:11px}
@media(max-width:1000px){.bio-deck-original{height:550px}.bio-deck-original>.profile-preview{height:470px;min-height:470px}.bio-deck-original>.profile-preview>img,.bio-deck-original>.profile-preview>.bio-placeholder-image{height:470px}}
@media(max-width:720px){.bio-deck-original{width:100%;max-width:470px}.bio-deck-original>.profile-preview{box-shadow:10px 10px 0 #e5ebdf}}