/* Narrative hierarchy shared only by the Nike and Netflix cases. */
.case-refined--nike,
.case-refined--netflix{--case-paper:#f3f1ea;--case-paper-ink:#090909}
.case-refined--nike .content,
.case-refined--netflix .content{padding-top:0}

/* The thesis changes register after the hero and frames the whole case. */
.case-refined--nike .content>.lead-abre,
.case-refined--netflix .content>.lead-abre{
  grid-column:full-start/full-end;width:100%;max-width:none;margin:0;
  padding:clamp(74px,9vw,132px) max(24px,calc((100vw - 1200px)/2));
  text-align:left;color:var(--case-paper-ink)
}
.case-refined--nike .content>.lead-abre{background:var(--amarelo)}
.case-refined--netflix .content>.lead-abre{background:var(--case-paper)}
.case-refined--nike .lead-abre>*,.case-refined--netflix .lead-abre>*{width:min(100%,900px);margin-inline:auto}
.case-refined--nike .lead-abre .case-intro-title,
.case-refined--netflix .lead-abre .case-intro-title{
  margin:0 auto clamp(34px,4vw,54px);color:currentColor;
  font:800 clamp(48px,7.2vw,106px)/.92 var(--sans);letter-spacing:-.065em;text-align:left
}
.case-refined--nike .lead-abre p:not(.case-intro-eyebrow),
.case-refined--netflix .lead-abre p:not(.case-intro-eyebrow){
  max-width:760px;color:currentColor;font-size:clamp(18px,1.7vw,24px);line-height:1.5
}
.case-refined--nike .lead-abre p+p,.case-refined--netflix .lead-abre p+p{margin-top:1em}
.case-refined--nike .lead-abre b,.case-refined--netflix .lead-abre b{color:currentColor}

/* Blocos de texto no padrão da KING: título à esquerda, parágrafos à direita, sem número nem olho (18/09/2026). */
.case-refined--nike .content>.bloco-abre:not(.lead-abre),
.case-refined--netflix .content>.bloco-abre:not(.lead-abre),
.case-refined--nike .tela-cabeca,
.case-refined--netflix .tela-cabeca{
  display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
  column-gap:clamp(46px,7vw,110px);width:min(1200px,calc(100% - 2 * var(--margem-pagina)));
  max-width:none;text-align:left
}
.case-refined--nike .content>.bloco-abre:not(.lead-abre),
.case-refined--netflix .content>.bloco-abre:not(.lead-abre){
  /* o .content é um grid e cada filho cai na coluna de texto (720 px) por padrão; sem esta linha o bloco
     numerado media 632 px, o h3 de 66 px ficava numa coluna de 260 e vazava sobre o parágrafo (18/09/2026) */
  grid-column:full-start/full-end;margin-inline:auto}
.case-refined--nike .content>.bloco-abre:not(.lead-abre) h3,
.case-refined--netflix .content>.bloco-abre:not(.lead-abre) h3,
.case-refined--nike .tela-cabeca h3,
.case-refined--netflix .tela-cabeca h3{
  grid-column:1;grid-row:1/span 6;margin:0;font-size:clamp(34px,3.6vw,52px);
  line-height:.98;letter-spacing:-.055em;text-align:left;overflow-wrap:break-word
  /* 60 px: "credenciamento" (a palavra mais longa dos títulos) cabe na coluna de 436 px; a 66 px vazava */
}
.case-refined--nike .content>.bloco-abre:not(.lead-abre) p,
.case-refined--netflix .content>.bloco-abre:not(.lead-abre) p,
.case-refined--nike .tela-cabeca p,
.case-refined--netflix .tela-cabeca p{
  grid-column:2;margin:0 0 1em;font-size:clamp(18px,1.55vw,22px);line-height:1.55
}
.case-refined--nike .tela,.case-refined--netflix .tela{padding-block:clamp(80px,10vw,150px)}
.case-refined--nike .tela-abre,.case-refined--netflix .tela-abre{padding-block:clamp(70px,9vw,132px)}
.case-refined--nike .tela-abre .abre-texto h2,
.case-refined--netflix .tela-abre .abre-texto h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em}
.case-refined--netflix .ficha{margin-top:0;padding-block:clamp(42px,5vw,70px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

@media(max-width:860px){
  .case-refined--nike .content>.lead-abre,.case-refined--netflix .content>.lead-abre{padding:64px 22px 70px}
  .case-refined--nike .lead-abre .case-intro-title,
  .case-refined--netflix .lead-abre .case-intro-title{font-size:clamp(46px,15vw,68px);max-width:10ch;margin-left:0}
  .case-refined--nike .lead-abre p:not(.case-intro-eyebrow),
  .case-refined--netflix .lead-abre p:not(.case-intro-eyebrow){font-size:18px}
  .case-refined--nike .content>.bloco-abre:not(.lead-abre),
  .case-refined--netflix .content>.bloco-abre:not(.lead-abre),
  .case-refined--nike .tela-cabeca,.case-refined--netflix .tela-cabeca{
    display:block;width:calc(100% - 44px);margin-inline:auto
  }
  .case-refined--nike .content>.bloco-abre:not(.lead-abre) h3,
  .case-refined--netflix .content>.bloco-abre:not(.lead-abre) h3,
  .case-refined--nike .tela-cabeca h3,.case-refined--netflix .tela-cabeca h3{
    /* o tamanho deixa "O credenciamento" caber numa linha, sem o "O" sozinho em cima (21/09/2026) */
    margin:0 0 24px;font-size:clamp(34px,calc((100vw - 48px) / 7.9),54px);text-align:left
  }
  .case-refined--nike .content>.bloco-abre:not(.lead-abre) p,
  .case-refined--netflix .content>.bloco-abre:not(.lead-abre) p,
  .case-refined--nike .tela-cabeca p,.case-refined--netflix .tela-cabeca p{font-size:18px}
  .case-refined--nike .tela,.case-refined--netflix .tela{padding:76px 0}
  .case-refined--nike .tela-abre,.case-refined--netflix .tela-abre{padding:64px 22px 34px}
  .case-refined--nike .content .fotos,.case-refined--netflix .content .fotos{width:calc(100% - 24px);margin-top:38px}
  .case-refined--nike .content .gal,.case-refined--netflix .content .gal{
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:start
  }
  .case-refined--nike .content .gal>img,.case-refined--netflix .content .gal>img{
    width:100%;height:auto;min-width:0;flex:none!important
  }
  .case-refined--nike .content .gal>img:only-child,
  .case-refined--netflix .content .gal>img:only-child{grid-column:1/-1}
  .case-refined--nike .content .gal>img:first-child:nth-last-child(2),
  .case-refined--nike .content .gal>img:first-child:nth-last-child(2)~img,
  .case-refined--netflix .content .gal>img:first-child:nth-last-child(2),
  .case-refined--netflix .content .gal>img:first-child:nth-last-child(2)~img{grid-column:span 3!important}
  .case-refined--nike .content .gal>img:first-child:nth-last-child(3),
  .case-refined--nike .content .gal>img:first-child:nth-last-child(3)~img,
  .case-refined--netflix .content .gal>img:first-child:nth-last-child(3),
  .case-refined--netflix .content .gal>img:first-child:nth-last-child(3)~img{grid-column:span 2!important;width:100%!important;justify-self:stretch!important}
  .case-refined--nike .content .fotos figcaption,
  .case-refined--netflix .content .fotos figcaption{margin:12px 6px 0;color:rgba(243,241,234,.62)}
}

/* abertura no padrão da KING (18/09/2026): logo à esquerda, o primeiro parágrafo grande à
   direita e o segundo embaixo dele, na mesma grade de 12 colunas e nos mesmos tamanhos */
.case-refined--nike .content>.lead-abre,
.case-refined--netflix .content>.lead-abre{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 28px;
  padding:clamp(48px,7vw,96px) max(clamp(24px,6vw,96px),calc((100% - 1200px)/2))}
.case-refined--nike .lead-abre>*,.case-refined--netflix .lead-abre>*{width:auto;margin:0;max-width:none}
.case-refined--nike .lead-abre .lead-logo,.case-refined--netflix .lead-abre .lead-logo{grid-column:1/5;grid-row:1/3;align-self:start;height:auto;margin:auto 0}
.case-refined--nike .lead-abre .lead-logo{width:min(100%,320px);filter:brightness(0)}
.case-refined--netflix .lead-abre .lead-logo{width:auto;height:150px;justify-self:start}
.case-refined--nike .lead-abre p:not(.case-intro-eyebrow),
.case-refined--netflix .lead-abre p:not(.case-intro-eyebrow){grid-column:5/13;max-width:none;font-size:17px;line-height:1.6;color:#333}
.case-refined--nike .lead-abre p:first-of-type,
.case-refined--netflix .lead-abre p:first-of-type{font-size:clamp(24px,2.3vw,32px);line-height:1.35;letter-spacing:-.025em;font-weight:600;color:#151515}
.case-refined--nike .lead-abre p+p,.case-refined--netflix .lead-abre p+p{margin-top:0}
@media(max-width:860px){
  .case-refined--nike .content>.lead-abre,.case-refined--netflix .content>.lead-abre{display:flex;flex-direction:column;gap:28px;padding:48px 20px}
  .case-refined--nike .lead-abre .lead-logo{width:200px;align-self:center;margin:0 0 4px}
  .case-refined--netflix .lead-abre .lead-logo{height:110px;align-self:center;margin:0 0 4px}
  .case-refined--nike .lead-abre p:first-of-type,.case-refined--netflix .lead-abre p:first-of-type{font-size:25px}
}

/* vão e pesos da KING (18/09/2026): o bloco depois da abertura não tem padding próprio, só a
   margem de bloco, e o segundo parágrafo da abertura tem o corpo da KING (19 px, #333) */
.case-refined--nike .content>.tela-abre,.case-refined--netflix .content>.tela-abre{padding:0;margin-top:var(--case-gap,112px)}
.case-refined--nike .lead-abre p:not(.case-intro-eyebrow):not(:first-of-type),
.case-refined--netflix .lead-abre p:not(.case-intro-eyebrow):not(:first-of-type){font-size:19px;line-height:1.6;color:#333}
@media(max-width:860px){
  .case-refined--nike .content>.tela-abre,.case-refined--netflix .content>.tela-abre{padding:0;margin-top:64px}
  .case-refined--nike .lead-abre p:not(.case-intro-eyebrow):not(:first-of-type),.case-refined--netflix .lead-abre p:not(.case-intro-eyebrow):not(:first-of-type){font-size:17px}
}

/* Netflix (18/09/2026): o N é estreito e ficava no começo da coluna do logo, longe do texto.
   Ele encosta no fim da coluna, no mesmo ponto em que termina o logo da KING (320 px) */
.case-refined--netflix .lead-abre .lead-logo{justify-self:start;margin-left:calc(min(100%,320px) - 83px)!important}
@media(max-width:860px){.case-refined--netflix .lead-abre .lead-logo{margin-left:0!important}}