.co-intro { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 70px; padding-top: 45px; padding-bottom: 48px; }
.co-intro h1 { max-width: 700px; font-size: clamp(34px, 3.5vw, 51px); line-height: 1.15; font-weight: 450; }
.co-intro .prose-muted { font-size: 17px; line-height: 1.85; }
.co-identity { position: relative; border: 1px solid #44376475; border-radius: 17px; padding: 26px 30px; background: radial-gradient(ellipse at 50% 30%, #673bb632, transparent 65%), #0b121f; overflow: hidden; }
.co-location { display: flex; align-items: center; gap: 8px; color: #b6a6d6; font-size: 13px; }
.co-network { position: relative; display: grid; place-items: center; height: 218px; }
.co-ring { width: 170px; height: 170px; border: 1px solid #8e6bba66; border-radius: 50%; box-shadow: 0 0 0 23px #7d64b00a, 0 0 0 24px #7d64b024; }
.co-mark { position: absolute; display: grid; place-items: center; width: 70px; height: 70px; border-radius: 18px; background: linear-gradient(135deg, #8d67f2, #4420ad); border: 1px solid #b999ff88; color: white; font-size: 29px; box-shadow: 0 0 40px #7d40de45; }
.co-node { position: absolute; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #745d9d99; border-radius: 12px; color: #c2abff; background: #161b2d; }
.co-node-one { top: 8px; left: calc(50% - 22px); }.co-node-two { bottom: 36px; left: calc(50% - 106px); color: #8bd8d8; }.co-node-three { bottom: 36px; right: calc(50% - 106px); }
.co-identity h2 { color: #e8e3f7; font-size: 22px; line-height: 1.5; letter-spacing: -.02em; }.co-identity > p { color: #a7b9d0; font-size: 14px; line-height: 1.8; margin-top: 8px; }
.co-languages { display: flex; align-items: center; gap: 12px; color: #a4a6da; font-size: 12px; padding-top: 19px; margin-top: 22px; border-top: 1px solid #3e3c5960; }
.co-languages span { color: #596780; }
.co-experience { display: flex; align-items: center; gap: 26px; padding-top: 25px; padding-bottom: 20px; }.co-experience-icon { display: grid; place-items: center; width: 66px; height: 66px; flex-shrink: 0; border: 1px solid #458c8260; border-radius: 15px; color: #8bdbcc; background: #164f431a; }
.co-experience > div:nth-child(2) { max-width: 790px; }.co-experience h2 { font-size: 26px; color: #ecf2fa; margin-top: 9px; letter-spacing: -.025em; }.co-experience p:not(.eyebrow) { font-size: 15px; color: #a6b6cd; line-height: 1.85; margin-top: 10px; }.co-experience > a { margin-left: auto; flex-shrink: 0; }
:lang(ka) .co-intro h1 { font-size: clamp(30px, 3.1vw, 43px); line-height: 1.4; }:lang(ka) .co-intro .prose-muted { font-size: 16px; }:lang(ka) .co-identity h2 { font-size: 21px; }
@media (max-width: 1023px) { .co-intro { grid-template-columns: 1fr; gap: 34px; }.co-identity { max-width: 630px; width: 100%; }.co-experience { flex-wrap: wrap; align-items: start; }.co-experience > a { margin-left: 92px; }.co-experience > div:nth-child(2) { flex: 1; min-width: 220px; } }
@media (max-width: 639px) { .co-intro { padding-top: 32px; }.co-identity { padding: 22px; }.co-experience { gap: 18px; }.co-experience-icon { width: 46px; height: 46px; }.co-experience > a { margin-left: 0; }.co-experience h2 { font-size: 23px; } }