@media (max-width: 900px) {
    .hero__title { letter-spacing: .07em; }
    .lightbox__stage { inset: 42px 35px 48px; }
}
@media (max-width: 620px) {
    .site { padding-top: 28px; }
    .hero__title { margin-bottom: 22px; font-size: clamp(37px, 13vw, 58px); letter-spacing: .045em; }
    .socials { min-height: 82px; gap: 24px; }
    .social-link { gap: 6px; }
    .lightbox__stage { inset: 42px 14px 112px; }
    .lightbox__nav { top: auto; bottom: 66px; width: 54px; height: 48px; transform: none; }
    .lightbox__nav--prev { left: calc(50% - 62px); }
    .lightbox__nav--next { right: calc(50% - 62px); }
    .lightbox__close { top: 5px; right: 7px; }
    .lightbox__counter { bottom: 22px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}