@media (max-width: 760px) and (max-height: 700px) {
  .home-shell {
    padding: 5.7rem 1rem 7.4rem;
  }

  .deck {
    width: min(calc(100vw - 3rem), 42rem);
    height: clamp(17rem, calc(100svh - 13.1rem), 22rem);
    min-height: 0;
    max-height: none;
  }

  .intro-card {
    padding: 1rem;
  }

  .intro-card-inner {
    justify-content: stretch;
    gap: .3rem;
  }

  .tiny-title {
    font-size: .82rem;
  }

  .intro-copy h1 {
    font-size: clamp(1.95rem, 8.4vw, 2.25rem);
  }

  .intro-copy p {
    max-width: 15rem;
    margin-top: .8rem;
    font-size: .76rem;
    line-height: 1.34;
  }

  .card.is-next {
    transform: translateY(2rem) scale(.9);
  }

  .card.is-next-2 {
    transform: translateY(3.7rem) scale(.8);
  }

  .progress-pill {
    bottom: 3.15rem;
  }
}

@media (min-width: 761px) and (max-height: 520px) {
  .top-nav {
    padding: 1.4rem 1rem .6rem;
  }

  .layout-nav {
    font-size: 1.15rem;
  }

  .home-shell {
    padding: 4.7rem 1rem 4.6rem;
  }

  .deck {
    width: min(68vw, 38rem);
    height: clamp(12rem, calc(100svh - 9.4rem), 15rem);
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
  }

  .intro-card {
    padding: 1rem 1.5rem;
  }

  .intro-card-inner {
    gap: .7rem;
  }

  .intro-copy h1 {
    font-size: clamp(2rem, 4.2vw, 2.8rem);
  }

  .intro-copy p {
    max-width: 34rem;
    margin-top: .7rem;
    font-size: .78rem;
    line-height: 1.35;
  }

  .intro-logo--kit {
    top: -4%;
    left: 0;
    width: 6rem;
  }

  .intro-logo--openai {
    top: 34%;
    left: 1%;
    width: 3rem;
  }

  .intro-logo--cscart {
    bottom: -5%;
    left: 8%;
    width: 2.6rem;
  }

  .intro-logo--ozon {
    top: -1%;
    right: 0;
    width: 4.5rem;
  }

  .intro-logo--1c {
    top: 32%;
    right: 1%;
    width: 3.7rem;
  }

  .intro-logo--claude {
    top: auto;
    right: 1%;
    bottom: -5%;
    width: 2.6rem;
  }

  .intro-logo--figma {
    right: 21%;
    bottom: -7%;
    width: 1.8rem;
  }

  .intro-logo--wb {
    right: 10%;
    bottom: -6%;
    width: 2.2rem;
  }

  .progress-pill {
    bottom: .35rem;
  }

  .socials {
    right: .75rem;
    bottom: .75rem;
  }
}

@media (max-width: 760px) and (max-height: 480px) {
  .top-nav {
    padding: 1rem .75rem .5rem;
  }

  .home-shell {
    padding: 4rem .75rem 4rem;
  }

  .deck {
    width: min(calc(100vw - 2rem), 34rem);
    height: clamp(12rem, calc(100svh - 9rem), 16rem);
  }

  .intro-card-inner {
    gap: .55rem;
  }

  .intro-copy h1 {
    font-size: clamp(1.7rem, 7vw, 2.05rem);
  }

  .intro-copy p {
    max-width: 15rem;
    margin-top: .55rem;
    font-size: .7rem;
    line-height: 1.3;
  }

  .progress-pill {
    bottom: .35rem;
  }

  .socials {
    right: .5rem;
    bottom: .5rem;
    left: auto;
    flex-direction: column;
    transform: none;
  }
}