/* ---------- Responsive ---------- */
@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .stack-wrap{justify-self:center}
  .about{grid-template-columns:1fr}
  .expert{grid-template-columns:1fr 1fr}
  .expert .ex:last-child{grid-column:span 2}
  .hl{grid-template-columns:1fr 1fr}
  .hl-item:not(:nth-child(4n+1)){padding-left:0;border-left:0}
  .hl-item:nth-child(even){padding-left:22px;border-left:1px solid var(--line)}
  .cbox{grid-template-columns:1fr}
  .cbox .booker{border-right:0;border-bottom:1px solid var(--line)}
  .direct{grid-template-columns:1fr 1fr}
  .direct .dcard:first-child{grid-column:span 2}
}
@media (max-width:860px){
  .work{grid-template-columns:1fr 1fr}
  .app{grid-column:span 1}
  .app.feat{grid-column:span 2}
}
@media (max-width:560px){
  .stack-box{--s:.74}
  .work{grid-template-columns:1fr}
  .app,.app.feat{grid-column:span 1}
  .expert{grid-template-columns:1fr}
  .expert .ex:last-child{grid-column:span 1}
  .hl{grid-template-columns:1fr}
  .hl-item:nth-child(even){padding-left:0;border-left:0}
  .row2{grid-template-columns:1fr}
  .direct{grid-template-columns:1fr}
  .direct .dcard:first-child{grid-column:span 1}
  .stat{padding:18px}
  .btn{height:46px;padding:0 18px}
  .foot{flex-direction:column;align-items:flex-start}
}
@media (max-width:380px){.stack-box{--s:.66}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  #intro{display:none}
}