/* Cases do site novo (pacote "Cases" e "Case"). Lista/grade em public/js/marca/cases.js. */
.s-cta-v{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:999px;background:var(--mk-vermelho);color:#FFFFFF;font-size:15px;font-weight:500}
.c-hero,.k-hero{max-width:1440px;margin:0 auto;padding:clamp(140px,16vw,190px) var(--mk-pad) clamp(36px,4vw,56px);display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}
.k-hero{padding-top:clamp(130px,14vw,170px);gap:clamp(28px,3vw,40px)}
.c-hero-topo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:end}
.c-h1{margin:0;font-size:clamp(42px,6vw,96px);font-weight:300;letter-spacing:-.055em;line-height:.94;text-wrap:balance}
.c-barra{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(9,9,11,.08)}
.c-vistas{display:flex;gap:6px;padding:5px;border-radius:999px;background:#F2F1EE}
.c-vistas button{cursor:pointer;border:none;border-radius:999px;padding:10px 16px;background:transparent;color:#6E6E74;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .35s,color .35s}
.c-vistas button[aria-pressed=true]{background:var(--mk-tinta);color:#FFFFFF}
.c-grade-sec{max-width:1440px;margin:0 auto;padding:0 var(--mk-pad) clamp(72px,9vw,128px)}
.c-grade-sec[hidden]{display:none}
.c-grade{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,3vw,40px) 18px}
.c-card{display:flex;flex-direction:column;gap:18px}
.c-card.c7{grid-column:span 7}.c-card.c5{grid-column:span 5}
.c-card-img{position:relative;display:block;aspect-ratio:16/11;border-radius:26px;overflow:hidden;background:#141417}
.c-card.c5 .c-card-img{aspect-ratio:1/1.01}
.c-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.c-card:hover .c-card-img img{transform:scale(1.04)}
.c-tags{position:absolute;top:16px;left:16px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}
.c-tags span{font-size:12px;font-weight:500;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--mk-tinta)}
.c-card-tx{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 6px}
.c-card-tx b{font-size:clamp(22px,2.2vw,32px);font-weight:700;letter-spacing:-.035em;line-height:1.05}
.c-card-s{font-size:15px;color:#55555B;font-weight:300}
/* Resumo do case no cartão (a página /cases tinha 168 palavras, só nomes e domínios). */
.c-card-r{font-size:14px;line-height:1.55;color:#6E6E74;font-weight:300;max-width:52ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.c-card-dest{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;max-width:46%}
.c-card-dest b{font-size:clamp(20px,1.8vw,26px)}
.c-card-dest span{font-size:12.5px;color:#6E6E74;text-wrap:balance}
.c-lista{position:relative;border-top:1px solid rgba(9,9,11,.12)}
.c-li{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr) 110px;gap:20px;align-items:center;padding:clamp(20px,2.4vw,30px) 0;border-bottom:1px solid rgba(9,9,11,.12);font-size:15px;transition:color .4s}
.c-li-nome{font-size:clamp(26px,3.4vw,52px);font-weight:300;letter-spacing:-.045em;line-height:1;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.c-li-meta{color:#6E6E74;font-weight:300}
.c-lista.ativa .c-li{color:#A3A3A8}
.c-lista.ativa .c-li.on{color:var(--mk-tinta)}
.c-li.on .c-li-nome{font-weight:700;transform:translateX(14px)}
.c-li-prev{position:fixed;left:0;top:0;width:340px;aspect-ratio:4/3;border-radius:20px;overflow:hidden;pointer-events:none;box-shadow:0 40px 80px -30px rgba(9,9,11,.5);opacity:0;transform:scale(.85);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s;z-index:20}
.c-li-prev img{width:100%;height:100%;object-fit:cover;object-position:top}
.c-noar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.c-noar a{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;background:#FAFAF8;box-shadow:0 0 0 1px rgba(9,9,11,.06);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.c-noar a:hover{transform:translateY(-4px);box-shadow:0 24px 50px -26px rgba(9,9,11,.3)}
.c-noar b{font-size:17px;font-weight:700;letter-spacing:-.02em}
.c-noar span{font-size:13.5px;color:#6E6E74;word-break:break-all}
.c-cta{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:end;padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(80px,10vw,140px)}

/* página de um case */
.k-voltar{align-self:flex-start;font-size:14px;color:#6E6E74}
.k-voltar:hover{color:var(--mk-tinta)}
.k-h1{margin:0;font-size:clamp(46px,7vw,112px);font-weight:700;letter-spacing:-.06em;line-height:.9;text-wrap:balance}
.k-resumo{margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.5;font-weight:300;max-width:520px;text-wrap:balance}
.k-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid rgba(9,9,11,.12)}
.k-meta>div{display:flex;flex-direction:column;gap:6px;padding:18px 18px 0 0}
.k-meta dt{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--mk-cinza)}
.k-meta dd{margin:0;font-size:15.5px;line-height:1.45;text-wrap:balance}
.k-meta a{border-bottom:1px solid rgba(9,9,11,.25)}
.k-capa-sec{max-width:1440px;margin:0 auto;padding:0 var(--mk-pad)}
.k-capa{position:relative;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 85% 0%,rgba(204,6,1,.22),transparent 55%),var(--mk-tinta);aspect-ratio:16/8}
.k-capa-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k-capa-nav{position:absolute;left:6%;right:24%;top:9%;border-radius:16px 16px 0 0;overflow:hidden;background:#FFFFFF;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.k-capa-nav img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.k-capa-cel{position:absolute;right:clamp(16px,5%,64px);bottom:-1px;width:clamp(120px,15%,210px);border-radius:26px 26px 0 0;padding:6px 6px 0;background:#FFFFFF;box-shadow:0 -20px 60px -20px rgba(9,9,11,.6)}
.k-capa-cel img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:20px 20px 0 0}
.k-barra{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid rgba(9,9,11,.06);background:#FFFFFF}
.k-barra i{width:8px;height:8px;border-radius:50%;background:#E4E2DE}
.k-barra span{margin-left:8px;font-size:11.5px;color:#6E6E74}
.k-hist{display:flex;flex-direction:column;gap:clamp(40px,5vw,72px)}
.k-hist-it{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(16px,4vw,64px)}
.k-hist-it>span{font-size:14px;font-weight:500;color:var(--mk-cinza);padding-top:8px}
.k-hist-it p{margin:0;max-width:820px;font-size:clamp(21px,2.1vw,30px);font-weight:300;letter-spacing:-.025em;line-height:1.35;text-wrap:pretty}
.k-etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.k-etapas li{display:flex;flex-direction:column;gap:14px;min-height:220px;padding:26px;border-radius:24px;background:#141417}
.k-etapas em{font-style:normal;font-size:13px;font-weight:500;color:var(--mk-cinza);font-variant-numeric:tabular-nums}
.k-etapas b{font-size:clamp(20px,1.8vw,24px);font-weight:700;letter-spacing:-.03em;margin-top:auto}
.k-etapas span{font-size:14.5px;line-height:1.55;font-weight:300;color:var(--mk-cinza-2);text-wrap:pretty}
.k-gal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.k-g{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.k-g8{grid-column:span 8}.k-g4{grid-column:span 4}.k-g12{grid-column:span 12}
.k-g figcaption{font-size:14px;color:#6E6E74;padding:0 4px}
.k-g-moldura{border-radius:24px;overflow:hidden;background:#EDEBE7;padding:clamp(16px,3%,40px)}
.k-g-moldura .k-barra{border-radius:14px 14px 0 0}
.k-g-moldura img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:0 0 14px 14px;box-shadow:0 30px 60px -30px rgba(9,9,11,.45)}
.k-g-cel{height:100%;border-radius:24px;background:#141417;display:flex;align-items:center;justify-content:center;padding:24px}
.k-g-cel img{display:block;width:min(100%,260px);aspect-ratio:9/19;object-fit:cover;object-position:top;border-radius:28px;border:6px solid #FFFFFF;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.k-frase{max-width:1100px;margin:0 auto;padding:clamp(72px,9vw,128px) var(--mk-pad);display:flex;flex-direction:column;gap:28px}
.k-frase p{margin:0;font-size:clamp(26px,3.2vw,46px);font-weight:300;letter-spacing:-.035em;line-height:1.18;text-wrap:balance}
.k-frase-dest{font-size:15px;color:#55555B}
.k-frase-dest b{color:var(--mk-tinta)}
.k-prox{display:block;background:var(--mk-tinta);color:var(--mk-papel)}
.k-prox-nome{font-size:clamp(40px,6vw,96px);font-weight:700;letter-spacing:-.06em;line-height:.9}
.k-prox-img{aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:#141417}
.k-prox-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.k-prox:hover .k-prox-img img{transform:scale(1.04)}

@media (max-width:959px){
  .c-hero-topo,.c-cta{grid-template-columns:minmax(0,1fr)}
  .c-grade,.k-gal{grid-template-columns:minmax(0,1fr)}
  .c-card.c7,.c-card.c5,.k-g8,.k-g4,.k-g12{grid-column:1/-1}
  .c-card-img,.c-card.c5 .c-card-img{aspect-ratio:4/3}
  .c-li{grid-template-columns:minmax(0,1fr) auto}
  .c-li-meta{display:none}
  .c-li-prev{display:none}
  .c-noar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-capa{aspect-ratio:4/5}
  .k-capa-nav{left:5%;right:5%;top:6%}
  .k-capa-cel{width:38%}
  .k-hist-it{grid-template-columns:minmax(0,1fr);gap:8px}
}
@media (max-width:639px){.c-noar{grid-template-columns:minmax(0,1fr)}.c-card-tx{flex-direction:column}.c-card-dest{align-items:flex-start;text-align:left;max-width:none}}