/* Editorial finishing shared by the MEOW, Nike and Netflix cases. */
.case-refined{
  --case-accent:#fff;
  --case-accent-ink:#080808;
}
.case-refined--meow{--case-accent:#ff4fc8}
.case-refined--nike{--case-accent:#f4da24}
.case-refined--netflix{--case-accent:#e50914;--case-accent-ink:#fff}

.case-refined .case-closing{
  box-sizing:border-box;
  background:var(--case-accent);
  color:var(--case-accent-ink);
  padding:clamp(72px,8vw,124px) max(24px,calc((100vw - 1200px)/2));
}
.case-refined .case-closing-inner{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(48px,7vw,104px);
  align-items:end;
  max-width:1200px;
  margin:0 auto;
}
.case-refined .case-closing-kicker{
  margin:0 0 18px;
  font:700 13px/1.2 var(--sans,Arial,sans-serif);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.case-refined .case-closing h2{
  max-width:11ch;
  margin:0;
  color:inherit;
  font:800 clamp(50px,6vw,88px)/.94 var(--sans,Arial,sans-serif);
  letter-spacing:-.055em;
}
.case-refined .case-closing-copy>p:last-child{
  max-width:44ch;
  margin:28px 0 0;
  color:inherit;
  font:500 clamp(18px,1.7vw,24px)/1.45 var(--sans,Arial,sans-serif);
}
.case-refined .case-results{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px 28px;
  margin:0;
}
.case-refined .case-results>div{
  min-width:0;
  padding-top:18px;
}
.case-refined .case-results dt{
  margin:0 0 10px;
  font:800 clamp(36px,4.3vw,62px)/.95 var(--sans,Arial,sans-serif);
  letter-spacing:-.045em;
}
.case-refined .case-results .case-result-long{font-size:clamp(28px,3.2vw,48px)}
.case-refined .case-results dd{
  max-width:24ch;
  margin:0;
  font:500 15px/1.45 var(--sans,Arial,sans-serif);
}
.case-refined figcaption{line-height:1.5}

@media(max-width:860px){
  .case-refined .tela-abre .duo-abre{display:grid}
  .case-refined .tela-abre .abre-texto{grid-row:1}
  .case-refined .tela-abre .abre-foto{grid-row:2}
  .case-refined .tela-abre .abre-texto h2{margin-top:0}
  .case-refined figcaption{
    font-size:13px;
    line-height:1.5;
    text-align:left;
  }
  .case-refined .case-closing{
    padding:68px 24px 76px;
  }
  .case-refined .case-closing-inner{
    grid-template-columns:1fr;
    gap:48px;
  }
  .case-refined .case-closing h2{
    max-width:9.5ch;
    font-size:clamp(48px,15vw,68px);
  }
  .case-refined .case-closing-copy>p:last-child{
    margin-top:22px;
    font-size:18px;
  }
  .case-refined .case-results{
    gap:28px 18px;
  }
  .case-refined .case-results dt{font-size:clamp(34px,11vw,48px)}
  .case-refined .case-results .case-result-long{font-size:clamp(27px,7.2vw,34px)}
  .case-refined .case-results .case-result-long{font-size:clamp(28px,3.2vw,48px)}
.case-refined .case-results dd{font-size:13px}
}

@media(max-width:370px){
  .case-refined .case-results{grid-template-columns:1fr}
}