@media (max-width: 1199.98px) {
  .site-header__inner {
    gap: 16px;
  }

  .site-nav > a,
  .site-nav__dropdown > summary {
    padding-inline: 9px;
    font-size: 0.84rem;
  }

  .site-nav > a::after,
  .site-nav__dropdown > summary::after {
    right: 9px;
    left: 9px;
  }

  .site-header__cv span {
    display: none;
  }

  .site-footer__grid {
    grid-template-columns: 1fr 0.65fr 1.55fr;
    gap: 36px;
  }

  .aio-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .team-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1023.98px) {
  :root {
    --aio-header-height: 70px;
  }

  .site-header__brand img {
    height: 40px;
  }

  .site-nav,
  .site-header__language,
  .site-header__cv {
    display: none;
  }

  .site-header__toggle {
    display: inline-flex;
  }

  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer__grid > :last-child {
    grid-column: 1 / -1;
  }

  .site-footer .office-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .aio-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-slider {
    --home-slider-height: 720px;
  }

  .home-slider__shape--1,
  .home-slider__shape--2 {
    opacity: 0.7;
  }

  .home-about__grid,
  .about-story__grid {
    gap: 50px;
  }

  .service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .team-grid--3,
  .team-grid--4 {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .offers-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-layout {
    grid-template-columns: 1fr;
  }

  .contact-details {
    max-width: none;
  }

  .contact-offices .office-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .offer-detail {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 36px;
  }

  .service-layout {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 36px;
  }
}

@media (max-width: 767.98px) {
  .container {
    width: min(100% - 32px, var(--aio-container));
  }

  .aio-grid--2,
  .aio-grid--3,
  .aio-grid--4,
  .aio-form__row,
  .office-list {
    grid-template-columns: 1fr;
  }

  .site-footer__main {
    padding: 48px 0 40px;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .site-footer__grid > :last-child {
    grid-column: auto;
  }

  .site-footer .office-list {
    grid-template-columns: 1fr;
  }

  .site-footer__contact-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    margin-bottom: 20px;
  }

  .site-footer__bottom-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .page-hero {
    padding-block: 3.5rem;
  }

  .page-hero p {
    font-size: 1rem;
  }

  .aio-modal {
    padding: 12px;
  }

  .aio-modal__dialog {
    max-height: calc(100vh - 24px);
    padding: 22px 18px;
  }

  .scroll-top {
    right: 14px;
    bottom: 14px;
  }

  .home-slider {
    --home-slider-height: 640px;
  }

  .home-slider__content {
    padding-block: calc(var(--aio-header-height) + 48px) 120px;
  }

  .home-slider__content h1 {
    max-width: 18ch;
  }

  .home-slider__shape--3,
  .home-slider__shape--4 {
    opacity: 0.55;
  }

  .expertise-strip__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .expertise-strip__grid span,
  .expertise-strip__grid span:first-child {
    border: 0;
    border-right: 1px solid var(--aio-border);
    border-bottom: 1px solid var(--aio-border);
  }

  .expertise-strip__grid span:nth-child(even) {
    border-right: 0;
  }

  .home-about__grid,
  .about-story__grid,
  .about-purpose__layout,
  .about-method__grid,
  .about-advantages__grid,
  .about-intro__features,
  .home-expertise__grid {
    grid-template-columns: 1fr;
  }

  .about-advantages__grid .aio-card:nth-child(n) {
    grid-column: auto;
  }

  .home-about__media,
  .about-story__media {
    max-width: 580px;
  }

  .about-story__media::after {
    right: 0;
    bottom: -10px;
  }

  .home-about__metric {
    right: 18px;
  }

  .service-grid {
    grid-template-columns: 1fr;
  }

  .service-card {
    min-height: 0;
  }

  .service-card h3 {
    min-height: 0;
  }

  .home-section-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
  }

  .home-section-top .section-heading {
    margin-bottom: 24px;
  }

  .home-section-top .aio-slider-controls {
    margin-bottom: 24px;
  }

  .project-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-cta {
    min-height: 0;
  }

  .home-cta__media {
    background-position: 70% center;
  }

  .home-cta__wash {
    background:
      linear-gradient(
        180deg,
        rgba(88, 4, 10, 0.88) 0%,
        rgba(120, 0, 11, 0.82) 48%,
        rgba(88, 4, 10, 0.92) 100%
      );
  }

  .home-cta__inner {
    align-items: flex-start;
  }

  .home-cta__copy {
    max-width: none;
  }

  .home-cta--topo .home-cta__inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-cta--topo > .aio-motif--topo {
    opacity: 0.22;
    filter: blur(2.6px) brightness(0.78);
  }

  .purpose-card {
    grid-template-columns: 1fr;
  }

  .contact-offices .office-list {
    grid-template-columns: 1fr;
  }

  .offers-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .offers-grid {
    grid-template-columns: 1fr;
  }

  .offer-detail,
  .service-layout {
    grid-template-columns: 1fr;
  }

  .offer-detail__sidebar,
  .service-sidebar {
    position: static;
  }

  .service-sidebar {
    order: 2;
  }

  .service-content__hero-image {
    height: 280px;
  }

  .service-feature-list,
  .service-process {
    grid-template-columns: 1fr;
  }

  .service-content__cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 575.98px) {
  .container {
    width: min(100% - 24px, var(--aio-container));
  }

  .mobile-menu__panel {
    width: 92vw;
    padding: 20px;
  }

  .aio-btn {
    width: 100%;
  }

  .section-heading {
    margin-bottom: 2rem;
  }

  .home-slider {
    --home-slider-height: 100svh;
  }

  .home-slider__content h1 {
    max-width: none;
    font-size: clamp(1.9rem, 9vw, 2.8rem);
  }

  .home-slider__shapes {
    opacity: 0.65;
  }

  .expertise-strip__grid span {
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 66px;
    padding: 14px 8px;
    font-size: 0.82rem;
    text-align: left;
  }

  .home-about__metric {
    position: static;
    width: 100%;
    border-radius: 0 0 var(--aio-radius) var(--aio-radius);
  }

  .home-about__media > img {
    border-radius: var(--aio-radius) var(--aio-radius) 0 0;
  }

  .project-grid {
    grid-template-columns: 1fr;
  }

  .project-card__body {
    padding: 38px 18px 18px;
  }

  .team-grid--1,
  .team-grid--2,
  .team-grid--3,
  .team-grid--4 {
    width: 100%;
    max-width: none;
    grid-template-columns: 1fr;
  }

  .team-card__media {
    aspect-ratio: 4 / 4.3;
  }

  .offers-filter {
    flex: 1 1 calc(50% - 8px);
  }

  .offers-spontaneous {
    padding: 22px 18px;
  }

  .offer-detail__sidebar {
    padding: 22px 18px;
  }

  .service-content__cta {
    padding: 24px 18px;
  }

  .service-content__hero-image {
    height: 240px;
  }
}
