/* Mobile-first base lives in style.css; this file adds larger layouts, safe-area and motion preferences. */

@media (min-width:860px){
  .nav__links{display:flex}
  .nav__burger{display:none}
  .nav__tools{margin-left:0}
  .section{padding-left:32px;padding-right:32px}
  .hero{grid-template-columns:1.15fr .85fr;min-height:100vh;min-height:100svh}
  .badge{right:2%;width:min(30vw,300px)}
  .badge__card{width:min(24vw,250px);margin-left:calc(min(24vw,250px) / -2)}
  .about{grid-template-columns:1.2fr .8fr;gap:64px}
  .detail__grid{grid-template-columns:1.1fr .9fr;gap:36px}
  .contact__grid{grid-template-columns:1.1fr .9fr;align-items:start}
  .detail__in{padding-left:32px;padding-right:32px}
  .footer{padding-left:32px;padding-right:32px}
}

@media (max-width:859px){
  .hero{padding-top:calc(var(--nav-h) + var(--safe-t) + 300px);align-items:start}
  .badge{right:auto;left:50%;margin-left:-110px;width:220px}
  .badge__card{width:150px;margin-left:-75px}
  .badge__strap{height:calc(var(--nav-h) + var(--safe-t) + 72px + 100px)}
  .hero__title{font-size:clamp(2.2rem,11vw,3.4rem)}
}

@media (max-width:420px){
  .section{padding-left:16px;padding-right:16px}
  .tabs__btn{font-size:.8rem;padding:0 4px}
  .btn{padding:0 18px}
}

@media (hover:none){
  .card:hover,.tile:hover,.link-row:hover,.btn:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .preloader{display:none}
  .js [data-r],.js .mask__in,.js .badge,.js .display[data-r]{opacity:1;transform:none;filter:none}
  .js .badge{transform:none}
}