/* Shorter path from the first impression to real work and service details. */
.preloader { transition: opacity .25s; }
.work { padding-top: clamp(3.5rem, 6vw, 6rem); }
.about-body { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.about-body .grid { gap: 1.5rem; }
.about-summary p { color: var(--muted-foreground); margin-bottom: 1rem; }
.about-body .rule { margin-bottom: 0; }
.stats > .wrap { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.stats .track { margin-bottom: 2rem; }
.stats .row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stats .stat { min-width: 0; padding: 0 1rem; }
.stats .stat:first-child { padding-left: 0; }
.stats .stat + .stat { border-left: 1px solid var(--border); }
.stats .stat .num { font-size: clamp(2.1rem, 6vw, 5rem); }
.stats .stat .meta { margin-top: .8rem; gap: .45rem; }
.services, .caps { padding-top: clamp(3.5rem, 6vw, 6rem); padding-bottom: clamp(3.5rem, 6vw, 6rem); }
.clients { padding-top: clamp(3rem, 5vw, 6rem); padding-bottom: clamp(3rem, 5vw, 6rem); }
.foot-bottom { padding-right: 4.5rem; }
.contact { padding-top: clamp(5rem, 8vw, 8rem); padding-bottom: clamp(5rem, 8vw, 8rem); }
.caps .head { margin-bottom: 2.5rem; }
.caps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 768px) {
  .about-body .grid { grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: center; }
  .about-summary p { margin-bottom: 1.25rem; }
}
@media (min-width: 1024px) {
  .caps-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .foot-bottom .motto { padding-left: 3.25rem; }
  .stats .stat { padding: 0 .4rem; }
  .stats .stat .meta .l, .stats .stat .det { display: none; }
  .stats .stat .lab { font-size: 9px; letter-spacing: .08em; }
  .stats .stat .num { font-size: clamp(1.1rem, 6vw, 1.65rem); }
  .cap-item { padding: 1.35rem 1rem; }
  .cap-name { font-size: 1.25rem; }
  .cap-lab { font-size: .85rem; line-height: 1.6; }
}