/* «Обо мне» v2 — в общем дизайне сайта */
.xp-hero figure img{aspect-ratio:4/5;object-position:center 22%}
.xp-time{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:16px}
.xp-time:before{content:"";position:absolute;left:clamp(150px,17vw,230px);top:10px;bottom:10px;width:1px;background:linear-gradient(var(--cyan),var(--purple) 60%,transparent)}
.xp-role{display:grid;grid-template-columns:clamp(150px,17vw,230px) minmax(0,1fr);gap:0;align-items:start}
.xp-when{padding:26px 28px 0 0;display:flex;flex-direction:column;gap:14px;position:relative}
.xp-when:after{content:"";position:absolute;right:-6px;top:31px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan)}
.xp-when time{font:500 15px/1.3 var(--display);letter-spacing:-.02em;color:var(--cyan)}
.xp-logo{display:flex;flex-wrap:wrap;gap:8px}
.xp-logo .company-logo{min-width:0;width:100%;max-width:170px;height:64px;padding:10px 14px;background:#111a33;border:1px solid var(--line);border-radius:16px}
.xp-logo .company-logo img{height:36px}
.xp-logo.sm .company-logo{width:auto;height:48px;padding:8px 12px;border-radius:14px}
.xp-logo.sm .company-logo img{width:90px;height:28px}
.xp-body{margin-left:28px;background:#111a33;border:1px solid var(--line);border-radius:26px;padding:26px 30px;min-width:0}
.xp-role:hover .xp-body{border-color:#ab98ff55}
.xp-body h3,.xp-card h3{font:500 clamp(20px,1.9vw,26px)/1.3 var(--display);letter-spacing:-.04em;margin:0 0 6px}
.xp-pos{color:var(--cyan);font-weight:650;font-size:15px;line-height:1.45;margin:0 0 12px}
.xp-body p:not(.xp-pos),.xp-card p:not(.xp-pos){color:var(--soft);font-size:15px;line-height:1.6;margin:0 0 12px}
.xp-wins{list-style:none;margin:16px 0 4px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.xp-wins li{background:#0c1530;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5;color:#dfe5f4}
.xp-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:16px}
.xp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.xp-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.xp-card{background:#111a33;border:1px solid var(--line);border-radius:26px;padding:26px 28px;display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none}
.xp-card .xp-links,.xp-card>.text-link{margin-top:auto;padding-top:12px}
.xp-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.xp-card-top.has-logo{margin-bottom:14px}
.xp-tag{display:inline-block;align-self:flex-start;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
.xp-card-top .xp-tag{margin:0}
.xp-logos{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.xp-logos .company-logo{min-width:0;height:48px;padding:8px 12px;background:#0c1530;border:1px solid var(--line);border-radius:14px}
.xp-logos .company-logo img{width:90px;height:28px}
.xp-awards{background:linear-gradient(150deg,#1b2a57,#2a2d6b);border-color:#ab98ff40;transition:transform .2s}
.xp-awards:hover{transform:translateY(-3px)}
.xp-cup{display:block;width:min(180px,60%);height:auto;margin:8px auto 4px}
.xp-edu h3{font-size:clamp(18px,1.6vw,21px)}
.xp-end{margin-top:40px;align-items:center}
@media(max-width:980px){.xp-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .xp-time:before{left:5px}
 .xp-role{grid-template-columns:1fr;padding-left:26px}
 .xp-when{padding:0 0 12px;flex-direction:row;align-items:center;justify-content:space-between}
 .xp-when:after{right:auto;left:-26px;top:4px}
 .xp-logo .company-logo{width:auto;height:48px;max-width:140px;padding:8px 12px}
 .xp-logo .company-logo img{width:100px;height:28px}
 .xp-body{margin-left:0;padding:22px 20px;border-radius:22px}
 .xp-grid,.xp-grid.three{grid-template-columns:1fr}
 .xp-card{padding:22px 20px}
 .xp-wins{grid-template-columns:1fr}
 .xp-hero figure{width:100%;max-width:420px;margin-inline:auto}
 .xp-hero figure img{aspect-ratio:1/1}
}