/* gerado do protótipo case.html */

.topo-case{padding:170px 0 60px}
.topo-case .voltar{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
.topo-case .voltar:hover{color:var(--limao);opacity:1}
.topo-case h1{font-size:clamp(60px,10vw,170px);margin-top:36px}
.topo-case .linha{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;margin-top:48px;align-items:end}
.topo-case .resumo{font-size:clamp(20px,1.8vw,26px);line-height:1.4;max-width:620px}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--linha)}
.ficha div{padding:16px 0;border-bottom:1px solid var(--linha)}
.ficha span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.5;margin-bottom:4px}
.capa-case{position:relative;height:88vh;min-height:520px;border-radius:var(--raio);overflow:hidden;margin:0 32px}
.capa-case img{width:100%;height:120%;object-fit:cover;object-position:center 40%}
.blocos{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:20px}
.blocos h3{font-family:var(--f-display);font-size:32px;font-weight:500;letter-spacing:-.035em;margin:14px 0 12px}
.blocos p{opacity:.75}
.galeria{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.gal{border-radius:var(--raio);overflow:hidden;position:relative;background:linear-gradient(150deg,var(--mata),var(--noite));border:1px solid var(--linha);min-height:380px}
.gal img{width:100%;height:100%;object-fit:cover}
.gal .reservado{position:absolute;inset:0;display:grid;place-items:center}
.g1{grid-column:span 12;min-height:560px}.g2{grid-column:span 5}.g3{grid-column:span 7}.g4{grid-column:span 7}.g5{grid-column:span 5}
.resultados{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px}
.resultados div{border-top:1px solid var(--linha-cl);padding-top:22px}
.resultados b{font-family:var(--f-display);font-size:clamp(48px,5vw,80px);font-weight:500;letter-spacing:-.05em;line-height:1}
.resultados p{opacity:.7;margin-top:10px;font-size:15px}
.fala{max-width:980px}
.fala blockquote{font-family:var(--f-display);font-size:clamp(32px,3.6vw,56px);letter-spacing:-.035em;line-height:1.1;margin-top:30px}
.fala .quem{margin-top:30px;font-size:15px;opacity:.7}
.proximo{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:80px 0;border-top:1px solid var(--linha)}
.proximo h2{font-size:clamp(48px,7vw,110px);transition:color .4s}
.proximo:hover h2{color:var(--limao)}
@media (max-width:900px){
  .topo-case .linha,.blocos,.resultados{grid-template-columns:1fr}
  .capa-case{margin:0 18px;height:60vh}
  .galeria{grid-template-columns:1fr}.gal{grid-column:auto!important;min-height:280px!important}
  .proximo{flex-direction:column;align-items:flex-start}
}