/* Navigation groups and the second personal project. */
.mobile-projects__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mobile-projects__row>a{flex:1}
.mobile-projects__toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;border:1px solid #435063;background:transparent;color:inherit;cursor:pointer}
.mobile-projects__list{display:none}
.mobile-projects.open .mobile-projects__list{display:grid}
.mobile-roadmap__menu{max-height:calc(100dvh - 100px);overflow-y:auto;max-width:calc(100vw - 28px)}
.sostavok-hero{background:radial-gradient(ellipse at 100% 0,rgba(137,219,159,.15),transparent 60%),#101d19}
.sostavok-case{margin-top:32px;scroll-margin-top:85px}
.sostavok-case .case-stats strong{font-size:clamp(19px,2vw,28px)}
.sostavok-showcase{margin:32px 24px 24px;padding:28px;background:#0a130f;border:1px solid #293b31}
.sostavok-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1100px;margin:auto}
.sostavok-gallery figure{min-width:0;margin:0}
.sostavok-gallery img{display:block;width:100%;height:auto;border:1px solid #405648;border-radius:22px}
.sostavok-gallery figcaption{font-size:14px;line-height:1.5;color:#d1ded5;margin-top:16px}
.sostavok-showcase .carousel-head{gap:16px;flex-wrap:wrap;margin-bottom:24px}
.metrics-grid .metric-card span{font-size:clamp(24px,3vw,40px);overflow-wrap:anywhere}
:focus-visible{outline:2px solid #a1c8ff;outline-offset:4px}
@media(max-width:650px){.sostavok-showcase{margin:24px 14px 14px;padding:20px 14px}.sostavok-gallery{grid-template-columns:1fr;max-width:330px;gap:28px}.sostavok-showcase .carousel-head{display:block}.sostavok-showcase .carousel-head span{display:block;margin-top:8px}.sostavok-case .case-stats strong{font-size:19px}}