/* ──────────────────────────────────────────
   Chyzh Agency — Teammate profile (geo-design)
   Profile-specific atoms. Reuses geo-blocks.css for
   .geo-hero / .geo-section / .geo-cases / .geo-testimonial / .geo-text-blocks.
   Mockup: 13062026/dmytro-v1-profile.html · 2026-06-19
─────────────────────────────────────────── */

/* hero: role line + photo + socials */
.emp-photo{border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.14)}
.emp-photo img{width:100%;height:auto;display:block}
.tm-role{font-size:17px;font-weight:700;color:#166534;margin:6px 0 16px}
.soc{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#0f1c14;text-decoration:none;padding:9px 16px;border:1px solid #d9e6dd;border-radius:10px;background:#fff;transition:border-color .15s ease}
.soc:hover{border-color:#16A34A}
.tm-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.tm-tag{font-size:11px;font-weight:600;letter-spacing:.03em;padding:4px 11px;border-radius:999px;background:#F1F1F1;color:#555}
.tm-tag--primary{background:#16A34A;color:#fff;font-weight:700}

/* text-blocks columns + section heading variants */
.geo-text-blocks{display:grid;gap:2px}
.geo-text-blocks--2col{grid-template-columns:1fr 1fr}
.geo-text-blocks--3col{grid-template-columns:1fr 1fr 1fr}
.geo-section-header-center{text-align:center;max-width:820px;margin:0 auto}
.geo-section-header-center .geo-eyebrow{justify-content:center}
.geo-h2-center{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}

/* niches grid */
.niche-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.niche{background:#fff;border:1px solid #e2ebe5;border-radius:14px;padding:20px}
.niche .ic{font-size:22px;margin-bottom:8px}
.niche h3{margin:0 0 5px;font-size:16px}
.niche p{margin:0;font-size:13px;color:#52635a;line-height:1.5}

/* skills pills */
.skills{display:flex;flex-wrap:wrap;gap:8px}
.skills span{font-size:13px;font-weight:600;padding:7px 15px;border-radius:999px;background:#fff;border:1px solid #d9e6dd;color:#1f5132}

/* education list */
.edu{display:grid;gap:0}
.edu .it{display:flex;gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid #e2ebe5}
.edu .it:last-child{border-bottom:0}
.edu .yr{font-weight:800;color:#16A34A;font-size:15px;min-width:78px}
.edu .t{font-weight:600;color:#111}
.edu .o{font-size:13.5px;color:#7d8c83}

/* solo testimonial sizing */
.geo-testimonial--solo{padding:32px 24px 28px;margin-top:28px}
.geo-testimonial--solo .geo-testimonial-text{font-size:17px;line-height:1.5;margin-bottom:24px}
.geo-testimonial--solo .geo-testimonial-mark{font-size:84px;right:18px;top:6px}
.geo-testimonial--solo .geo-testimonial-author{padding-top:20px;gap:14px}
.geo-testimonial--solo .geo-testimonial-photo{width:48px;height:48px}
.geo-testimonial--solo .geo-testimonial-name{font-size:15px}
.geo-testimonial--solo .geo-testimonial-role{font-size:13px}

/* placeholder note (content awaited from team) */
.geo-section-sub.ph,.geo-testimonial-text.ph{opacity:.55;font-style:italic}

@media (max-width:900px){
  .geo-text-blocks--2col,.geo-text-blocks--3col{grid-template-columns:1fr}
  .niche-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .niche-grid{grid-template-columns:1fr}
  .edu .it{flex-direction:column;gap:2px}
}