.page .avx-case-pin{
  --avx-hero-dark: #1c1e23;
  --avx-ecosystem-dark: #24272d;
  background: var(--avx-hero-dark);
}
.avx-case-hero{
  --avx-hero-dark: #1c1e23;
  --avx-ecosystem-dark: #24272d;
  display: grid;
  min-height: 100svh;
  grid-template-columns: minmax(0, 33%) minmax(0, 67%);
  overflow: hidden;
  color: #fff;
  background: var(--avx-hero-dark);
}
.avx-case-hero__copy{
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 100svh;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(6.25rem, 12vh, 8.25rem)
    clamp(2.1rem, 5.2vw, 4.75rem) clamp(2.6rem, 6vh, 4rem);
  color: #fff;
  background: var(--avx-hero-dark);
}
.avx-case-hero h1{
  max-width: 12.5ch;
  margin: .9rem 0 0;
  color: #fff;
  font-size: clamp(2.75rem, 4.6vw, 4.625rem);
  font-weight: 560;
  letter-spacing: -.045em;
  line-height: .98;
}
@media (max-width: 1180px) and (min-width: 64rem){
  .avx-case-hero__copy{ padding-inline: 2.1rem; }
}
@media (min-width: 64rem) and (min-height: 700px){
  .avx-case-pin .avx-case-hero{
    height: 100svh;
    min-height: 0;
    grid-template-columns: minmax(0, calc(33% - var(--k, 1) * 33%)) minmax(0, 1fr);
  }
  .avx-case-pin .avx-case-hero__copy[data-dcha]{
    display: grid;
    height: 100svh;
    min-height: 0;
    grid-template-rows: auto min-content;
    justify-content: normal;
    align-self: start;
    padding-top: 0;
    padding-bottom: var(--cue);
  }
  .avx-case-pin .avx-case-hero h1{
    font-size: clamp(2.75rem, calc(3.2rem + 1.4rem * var(--k, 1)), 5.2rem);
    transition: font-size .12s linear;
  }
  .avx-case-pin [data-cue]{
    right: clamp(2.1rem, 5.2vw, 4.75rem);
    left: auto;
  }
}
@media (max-width: 63.99rem){
  .avx-case-hero{ display: flex; min-height: 0; flex-direction: column; }
  .avx-case-hero__copy{ order: 1; min-height: 640px; padding: 6.25rem 1.5rem 3.5rem; }
  .avx-case-hero__copy h1{ max-width: 14ch; }
  .avx-case-pin [data-cue]{ display: none; }
}
@media (max-width: 620px){
  .avx-case-hero__copy{ min-height: 700px; }
}
.avx-case-pin{
  --bw: 33;
  --avx-resource-width: var(--rail-w, 539px);
}
.avx-case-pin .avx-case-hero{ display: block; min-height: 0; }
.avx-case-pin .avx-case-hero__band{
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: var(--avx-ecosystem-dark);
  z-index: 0;
  isolation: isolate;
}
.avx-case-pin .avx-case-hero__copy{
  display: grid;
  min-height: 0;
  padding: 0;
}
@media (min-width: 64rem) and (min-height: 700px){
  .avx-case-pin .avx-case-hero__split{
    height: 100svh;
    grid-template-columns: calc(var(--avx-resource-width) * var(--k, 1)) minmax(0, 1fr);
  }
  .avx-case-pin [data-titulo]{
    padding-left: max(var(--hero-aire), calc(var(--wl) - var(--avx-resource-width) * var(--k, 1)));
  }
  .avx-case-pin [data-vistazo]{
    padding-left: max(var(--hero-aire), calc(var(--wl) - var(--avx-resource-width) * var(--k, 1)));
  }
  .avx-case-pin [data-cue]{
    right: auto;
    left: calc(var(--avx-resource-width) * var(--k, 1) + max(var(--hero-aire), var(--wl) - var(--avx-resource-width) * var(--k, 1)));
  }
  .avx-case-pin [data-titulo] h1{
    font-size: clamp(1.9rem, calc(2.5rem + 2.3rem * var(--k, 1)), 12vw);
  }
}
@media (max-width: 63.99rem){
  .page[data-route="/avoris"] .avx-case-pin [data-split]{ display: flex !important; flex-direction: column; height: auto !important; }
  .page[data-route="/avoris"] .avx-case-pin [data-dcha]{ display: contents !important; }
  .page[data-route="/avoris"] .avx-case-pin [data-titulo]{ order: 1; }
  .page[data-route="/avoris"] .avx-case-pin [data-banda]{ order: 2; position: relative; width: 100%; height: calc(993px * var(--esc, .72)); overflow: hidden; --recurso-alto: 993px; }
  .page[data-route="/avoris"] .avx-case-pin [data-vistazo]{ order: 3; }
}