@media (max-width: 1279px) {
  :root {
    --benedi-safe-viewport: var(--benedi-viewport-height, 100svh);
  }

  html,
  body {
    width: 100%;
    max-width: 100%;
    overscroll-behavior-x: none;
  }

  body {
    min-height: var(--benedi-safe-viewport);
  }

  #app {
    width: 100%;
    min-height: var(--benedi-safe-viewport);
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
    touch-action: pan-y pinch-zoom;
  }

  #wrapper,
  .main,
  .home {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .h-screen-mobile,
  .cover-home > .relative,
  .works-grid-button,
  #visao > .sticky,
  .vision-wrapper,
  .benedi-team__stage {
    height: var(--benedi-safe-viewport) !important;
  }

  .cover-home-video-item {
    max-width: none;
  }

  #estudio,
  #projetos,
  #visao,
  #atuacao,
  #fundadora,
  #contato {
    min-width: 0;
    scroll-margin-top: clamp(4.5rem, 9vh, 7rem);
  }

  #projetos {
    z-index: 2;
    isolation: isolate;
  }

  #visao {
    z-index: 3;
    isolation: isolate;
    background: var(--benedi-brown-deep, #26160f);
  }

  #atuacao,
  #fundadora {
    z-index: 4;
    isolation: isolate;
  }

  .works-grid-button,
  .vision-wrapper,
  .benedi-team__stage {
    top: 0;
    backface-visibility: hidden;
  }

  .works-grid-item,
  .works-grid-image,
  .vision-image,
  .vision-topic-media,
  .services-card__media,
  .benedi-team__media {
    contain: paint;
  }

  .works-grid-item img,
  .vision-image img,
  .services-card img,
  .benedi-team img {
    max-width: 100%;
  }

  .services-item,
  .vision-title,
  .header-toggler,
  .header-toggler-close,
  .footer-scroll,
  [data-projects-open] {
    touch-action: manipulation;
  }

  .services-item {
    min-height: 44px;
  }

  .services-item__title,
  .vision-title,
  .offset-title,
  .wysiwyg {
    overflow-wrap: break-word;
  }

  .vision-contents,
  .services-card__desc,
  .services-card__deliverables,
  .benedi-team__roles {
    min-width: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  c-about#estudio {
    padding-top: clamp(7.5rem, 12vh, 10rem);
    padding-bottom: clamp(5rem, 9vh, 8rem);
  }

  c-about#estudio > * {
    min-width: 0;
  }

  #projetos > .works-grid-button + .flex {
    margin-top: 48vh !important;
    padding-top: 14vh !important;
  }

  .works-grid-title--inverted {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .works-grid-title--base .works-grid-title-text,
  .works-grid-title--base sup,
  .works-grid-title--base * {
    color: #ffffff !important;
    text-shadow:
      0 1px 3px rgba(0, 0, 0, 0.75),
      0 2px 10px rgba(0, 0, 0, 0.5),
      0 4px 20px rgba(0, 0, 0, 0.4) !important;
  }

  #visao > .relative[style*="height-multiplier"] {
    --height-multiplier: 3.9 !important;
  }

  .vision-image-wrapper {
    width: min(48vw, 25rem);
    justify-self: end;
  }

  .vision-titles {
    gap: clamp(0.45rem, 1.2vh, 0.8rem) !important;
  }

  .vision-title {
    max-width: 100%;
    font-size: clamp(2.9rem, 6.8vw, 4.75rem);
    line-height: 0.96;
  }

  .vision-contents {
    max-width: 36rem;
  }

  .services-section {
    padding-top: clamp(4rem, 7vh, 6rem);
    padding-bottom: clamp(5rem, 9vh, 7rem);
  }

  .services-section__grid {
    grid-template-columns: minmax(0, 0.92fr) minmax(18rem, 1.08fr);
    column-gap: clamp(2rem, 5vw, 4rem);
    row-gap: 0;
  }

  .services-section__preview-col {
    justify-content: flex-end;
  }

  .services-preview-panel {
    position: sticky;
    top: clamp(5rem, 8vh, 7rem);
    width: min(100%, 28rem);
  }

  .services-item__title {
    font-size: clamp(2.45rem, 5.3vw, 4rem);
  }

  .benedi-team__title {
    left: clamp(1.5rem, 3.5vw, 2.5rem);
    top: clamp(4.75rem, 8.5vh, 6.5rem);
    font-size: clamp(3.25rem, 7.2vw, 5rem);
  }

  .benedi-team__layout {
    left: clamp(1.5rem, 3.5vw, 2.5rem);
    right: clamp(1.5rem, 3.5vw, 2.5rem);
    top: clamp(7.5rem, 14vh, 9rem);
    bottom: clamp(2rem, 5vh, 3.5rem);
  }

  .benedi-team__names-viewport {
    grid-column: 1 / span 3;
  }

  .benedi-team__surname {
    grid-column: 4 / span 2;
  }

  .benedi-team__photos {
    grid-column: 6 / span 4;
    width: min(100%, 21rem);
    max-height: min(64vh, 31rem);
  }

  .benedi-team__roles {
    grid-column: 10 / span 3;
  }
}

@media (max-width: 767px) {
  .cover-home-center {
    padding-inline: clamp(1.25rem, 6vw, 2rem);
  }

  .cover-home-quote {
    width: 100%;
    max-width: 16ch;
    margin-inline: auto;
    font-size: clamp(1.85rem, 8.4vw, 2.75rem);
    line-height: 0.98;
    text-wrap: balance;
  }

  c-about#estudio {
    padding-top: clamp(5rem, 12vh, 7rem);
    padding-bottom: clamp(4rem, 10vh, 6rem);
  }

  c-about#estudio .offset-title {
    font-size: clamp(2.1rem, 9.8vw, 3.2rem);
    line-height: 0.98;
  }

  #projetos > .works-grid-button + .flex {
    margin-top: 48vh !important;
    padding-top: 12vh !important;
  }

  .works-grid-button a {
    max-width: calc(100vw - 2.5rem);
    justify-content: center;
  }

  .works-grid-title--inverted {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .works-grid-title--base .works-grid-title-text,
  .works-grid-title--base sup,
  .works-grid-title--base * {
    color: #ffffff !important;
    text-shadow:
      0 1px 3px rgba(0, 0, 0, 0.75),
      0 2px 10px rgba(0, 0, 0, 0.5),
      0 4px 20px rgba(0, 0, 0, 0.4) !important;
  }

  #visao > .relative[style*="height-multiplier"] {
    --height-multiplier: 3.85 !important;
  }

  .vision-wrapper {
    align-content: center;
    padding-top: max(4.5rem, env(safe-area-inset-top));
    padding-bottom: max(2rem, env(safe-area-inset-bottom));
  }

  .vision-title {
    max-width: 100%;
    font-size: clamp(2rem, 10.4vw, 3rem);
    line-height: 0.98;
  }

  .vision-contents {
    font-size: clamp(1.25rem, 4.2vw, 1.5rem);
    line-height: 1.18;
  }

  .services-section__header {
    gap: 1rem;
  }

  .services-section__sublabel {
    max-width: 15rem;
    text-align: right;
  }

  .services-item__title {
    font-size: clamp(2rem, 9.2vw, 3.15rem);
    line-height: 0.98;
  }

  .services-card__media {
    aspect-ratio: 4 / 3;
  }

  .benedi-team__title {
    left: clamp(1.5rem, 8vw, 3rem);
    top: max(4.5rem, calc(env(safe-area-inset-top) + 3rem));
  }

  .benedi-team__layout {
    left: clamp(1.5rem, 8vw, 3.4rem);
    right: clamp(1.5rem, 8vw, 3.4rem);
    top: clamp(10.75rem, 24vh, 12.75rem);
    bottom: max(3.5rem, calc(env(safe-area-inset-bottom) + 2rem));
  }

  .benedi-team__photos {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(80vw, 22rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  #app {
    scroll-behavior: auto !important;
  }
}

#portfolio-archive .portfolio-archive__site-footer-host {
  width: 100%;
  min-width: 0;
}

#portfolio-archive .portfolio-archive__site-footer-host:empty {
  display: none;
}

#portfolio-archive .footer.is-in-projects-archive {
  width: 100%;
  margin-top: -1px;
  color: var(--benedi-beige) !important;
  background-color: transparent !important;
  font-family: var(--font-body) !important;
  font-size: 1.6rem !important;
  line-height: 110% !important;
}

#portfolio-archive .is-in-projects-archive > .bg-black {
  background-color: var(--benedi-brown) !important;
}

#portfolio-archive .is-in-projects-archive .footer-bottom-inner {
  transform: translate3d(0, 0, 0) !important;
}

#portfolio-archive .is-in-projects-archive .footer-bottom-overlay {
  opacity: 0 !important;
}

#portfolio-archive .is-in-projects-archive .footer-wordmark {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--benedi-beige) !important;
}

#portfolio-archive .is-in-projects-archive,
#portfolio-archive .is-in-projects-archive * {
  border-color: currentColor;
}

@media (min-width: 1280px) {
  #portfolio-archive .is-in-projects-archive .xl\:hidden {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  #portfolio-archive .is-in-projects-archive .max-xl\:hidden {
    display: none !important;
  }
}