.bio-top{padding:60px 20px}.bio-top__inner{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:800px}.bio-top__photo-wrap{background:#f0f4ff;border-radius:4px;flex-shrink:0;height:280px;overflow:hidden;width:280px}.bio-top__photo{display:block;height:100%;object-fit:cover;object-position:center top;width:100%}.bio-top__info{flex:1}.bio-top__name{font-size:2.5rem;font-weight:700;margin:0 0 8px}.bio-top__title{color:#2b7fff;font-size:1.1rem;font-weight:600;margin:0 0 24px}.bio-top__socials{display:flex;gap:12px;margin-top:24px}.bio-top__social{align-items:center;background:#f0f4ff;border-radius:50%;color:#4a5568;display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:background .2s,color .2s;width:40px}.bio-top__social:hover{background:#2b7fff;color:#fff}.bio-about{background:#fafbff;padding:60px 20px}.bio-about__inner{background:#fff;border:1px solid #d6e0f5;border-radius:8px;box-sizing:border-box;margin:0 auto;max-width:800px;padding:50px 40px}.bio-about__heading{font-size:2rem;font-weight:700;margin:0 0 24px}.bio-about__body{color:#4a5568;line-height:1.7}@media (max-width:768px){.bio-top__inner{flex-direction:column;gap:30px;text-align:center}.bio-top__photo-wrap{height:220px;width:220px}.bio-top__name{font-size:2rem}}