[data-block="ternos"] {
  overflow-x: clip;
  background: var(--color-text-dark);
  color: var(--color-text-light);
  padding-bottom: var(--space-3);
}
[data-block="ternos"] .ternos__faixa {
  position: relative;
  display: flex;
  align-items: center;
  min-height: min(82vh, 52vw);
  overflow: hidden;
}
[data-block="ternos"] .ternos__faixa-foto {
  transform-origin: 50% 60%;
}
[data-block="ternos"] .ternos__faixa::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, color-mix(in srgb, var(--color-background) 72%, transparent) 0%, color-mix(in srgb, var(--color-background) 30%, transparent) 38%, transparent 60%);
  pointer-events: none;
}
[data-block="ternos"] .ternos__cabecalho {
  position: relative;
  z-index: 2;
  padding-block: var(--section-padding-y) var(--space-8);
}
[data-block="ternos"] .ternos__cabecalho > * {
  max-width: 520px;
  
}
[data-block="ternos"] .ternos__sobretitulo {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  text-transform: uppercase;
  color: color-mix(in srgb, var(--color-text-light) 70%, transparent);
  margin-bottom: var(--space-5);
}
[data-block="ternos"] .ternos__sobretitulo::before {
  content: "";
  width: var(--space-6);
  height: 1px;
  background: currentColor;
}
[data-block="ternos"] .ternos__titulo {
  text-wrap: balance;
}
[data-block="ternos"] .ternos__titulo em {
  font-style: normal;
  font-weight: var(--type-text-lg-weight);
  color: color-mix(in srgb, var(--color-text-light) 70%, transparent);
}
[data-block="ternos"] .ternos__texto {
  color: color-mix(in srgb, var(--color-text-light) 70%, transparent);
  margin-top: var(--space-5);
  max-width: 520px;
  text-wrap: pretty;
}
[data-block="ternos"] .ternos__grade,
[data-block="ternos"] .ternos__grade-daminhas {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
  padding: 0 var(--space-2);
  list-style: none;
}
[data-block="ternos"] .ternos__grade-daminhas {
  grid-template-columns: repeat(3, 1fr);
}
[data-block="ternos"] .ternos__moldura {
  overflow: hidden;
  background: var(--color-muted);
}
[data-block="ternos"] .ternos__foto {
  display: block;
  transition: transform 1.1s cubic-bezier(0.2, 0.7, 0.2, 1);
}
@media (hover: hover) {
  [data-block="ternos"] .ternos__card:hover .ternos__foto {
    transform: scale(1.045);
  }
}
@supports (animation-timeline: view()) {
  [data-block="ternos"] .ternos__faixa-foto {
    animation: ternos-aproximar linear both;
    animation-timeline: view();
    animation-range: entry 0% exit 100%;
  }
  [data-block="ternos"] .ternos__cabecalho {
    animation: ternos-subir linear both;
    animation-timeline: view();
    animation-range: entry 20% cover 40%;
  }
  [data-block="ternos"] .ternos__card {
    animation: ternos-deslocar linear both, ternos-aparecer linear both;
    animation-timeline: view(), view();
    animation-range: entry 0% entry 80%, entry 0% entry 70%;
  }
  [data-block="ternos"] .ternos__card:nth-child(4n+2) { animation-range: entry 0% entry 80%, entry 10% entry 80%; }
  [data-block="ternos"] .ternos__card:nth-child(4n+3) { animation-range: entry 0% entry 80%, entry 20% entry 90%; }
  [data-block="ternos"] .ternos__card:nth-child(4n+4) { animation-range: entry 0% entry 80%, entry 30% entry 100%; }
}
@keyframes ternos-aproximar {
  from { transform: scale(1.14); }
  to { transform: scale(1); }
}
@keyframes ternos-subir {
  from { opacity: 0; transform: translateY(72px); }
  to { opacity: 1; transform: none; }
}
@media (max-width: 1023px) {
  [data-block="ternos"] .ternos__grade,
  [data-block="ternos"] .ternos__grade-daminhas {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  [data-block="ternos"] .ternos__faixa {
    align-items: flex-end;
    min-height: 88svh;
  }
  [data-block="ternos"] .ternos__faixa::after {
    background: linear-gradient(to top, color-mix(in srgb, var(--color-background) 92%, transparent) 0%, color-mix(in srgb, var(--color-background) 60%, transparent) 34%, transparent 58%);
  }
  [data-block="ternos"] .ternos__cabecalho {
    padding-block: var(--space-8) var(--space-7);
  }
  [data-block="ternos"] .ternos__cabecalho > * {
    margin-left: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-block="ternos"] .ternos__faixa-foto,
  [data-block="ternos"] .ternos__cabecalho,
  [data-block="ternos"] .ternos__card {
    animation: none;
  }
  [data-block="ternos"] .ternos__foto {
    transition: none;
  }
}
[data-block="ternos"] .ternos__moldura {
  background: var(--color-secondary);
}
@keyframes ternos-deslocar {
  from { transform: translateY(64px); }
  to { transform: none; }
}
@keyframes ternos-aparecer {
  from { opacity: 0; }
  to { opacity: 1; }
}
[data-block="ternos"] .ternos__grade {
  max-width: 1600px;
  margin-inline: auto;
}