/* =========================================================================
   AK Portfolio — responsive
   ========================================================================= */
html,body{overflow-x:hidden}

@media (max-width:1024px){
  .rail--social{display:none}
  .hero__grid{gap:40px}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(3n){border-right:1px solid var(--line)}
  .stat:nth-child(2n){border-right:0}
  .stat:nth-child(n+4){border-bottom:1px solid var(--line)}
  .stat:nth-child(n+5){border-bottom:0}
}

@media (max-width:860px){
  .section{padding-block:68px}
  .nav__links{display:none}
  .nav__toggle{display:inline-flex}
  .lang{display:none}
  .nav__right .btn{display:none}
  .hero__grid{grid-template-columns:1fr}
  .hero__photo{max-width:440px;margin-inline:auto;order:-1}
  .about__grid{grid-template-columns:1fr;gap:36px}
  .career__grid{grid-template-columns:1fr;gap:28px}
  .contact__grid{grid-template-columns:1fr;gap:34px}
  .grid-2{grid-template-columns:1fr}
  .workcard{grid-template-columns:1fr;gap:20px}
  .workcard__cta{justify-self:start}
  .workcard__cta .btn{width:auto}
  .rail--dots{display:none}
}

@media (max-width:560px){
  .container{padding-inline:18px}
  .grid-3{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .stat{border-right:0!important}
  .stat:not(:last-child){border-bottom:1px solid var(--line)!important}
  .newsletter{padding:30px 22px}
  .newsletter__form{flex-direction:column}
  .newsletter__form .btn{width:100%}
  .footer__grid{grid-template-columns:1fr;gap:32px}
  .footer__bottom{flex-direction:column;align-items:flex-start}
  .hero__meta{gap:16px}
  .licard,.newsletter,.booking{padding:22px}
}