.case-page{background:var(--paper)}
.case-header{height:92px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:4;background:var(--paper)}
.case-kzo{display:block;width:7rem;height:82px}.case-kzo img{width:100%;height:100%;object-fit:contain;object-position:left center}.case-back{font:500 .75rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid;padding-bottom:.25rem}.case-back span{margin-right:.6rem}
.case-hero{padding:2rem var(--pad) clamp(5rem,9vw,9rem)}.case-meta{display:flex;justify-content:space-between;font:500 .7rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.case-title-row{display:grid;grid-template-columns:1fr 3fr;gap:3rem;align-items:end;margin:clamp(4rem,9vw,9rem) 0 clamp(3rem,6vw,6rem)}.gtf-mark{width:min(100%,18rem)}.case-title-row h1{font-size:clamp(3rem,7vw,7.5rem);line-height:.93;letter-spacing:-.07em;margin:0}.case-film{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);background:#061725}
.case-intro{display:grid;grid-template-columns:1fr 3fr;gap:3rem;padding:clamp(6rem,11vw,11rem) var(--pad);border-top:1px solid var(--line)}.case-intro>div{max-width:68rem}.case-lead{font-size:clamp(2rem,4.4vw,4.5rem);line-height:1.08;letter-spacing:-.05em;margin:0}.case-intro>div>p:last-child{font-size:1.2rem;line-height:1.6;max-width:44rem;margin:3rem 0 0 auto;color:#4c4b46}
.case-system{background:var(--ink);color:var(--paper);padding:clamp(6rem,10vw,10rem) var(--pad)}.case-section-title{display:grid;grid-template-columns:1fr 3fr;gap:3rem;margin-bottom:4rem}.case-section-title h2,.operation-copy h2,.case-proof h2,.case-output h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.96;letter-spacing:-.06em;margin:0}.screen-wide{margin:0}.screen-wide img{display:block;width:100%;border-radius:var(--radius)}figure figcaption{font:400 .68rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;margin-top:.8rem;color:#8f8e88}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6rem;border-top:1px solid rgba(255,255,255,.23)}.capability-grid article{padding:2rem 1.5rem 0 0;border-right:1px solid rgba(255,255,255,.23)}.capability-grid article+article{padding-left:1.5rem}.capability-grid article:last-child{border:0}.capability-grid span{font:500 .72rem DM Mono;color:var(--acid)}.capability-grid h3{font-size:2rem;margin:1.2rem 0 .8rem}.capability-grid p{line-height:1.55;color:#aaa9a2;margin:0}
.case-operations{padding:clamp(6rem,10vw,10rem) var(--pad);display:grid;grid-template-columns:1.4fr 2.3fr .8fr;gap:clamp(1.5rem,3vw,3rem);align-items:end}.operation-copy{align-self:start}.operation-copy h2{margin:2rem 0}.operation-copy>p:last-child{font-size:1.1rem;line-height:1.65;color:#4c4b46;max-width:34rem}.case-operations figure{margin:0}.case-operations img{width:100%;display:block;border-radius:var(--radius)}.desktop-shot{align-self:center}.mobile-shot{max-width:22rem;justify-self:end}
.case-proof{background:var(--acid);padding:clamp(6rem,10vw,10rem) var(--pad)}.case-proof h2{max-width:65rem;margin:3rem 0}.case-proof>p:nth-of-type(2){font-size:clamp(1.4rem,2.7vw,2.7rem);line-height:1.3;max-width:60rem}.proof-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:4rem}.proof-tags span{border:1px solid;padding:.75rem 1.1rem;border-radius:999px;font:500 .7rem DM Mono;text-transform:uppercase;letter-spacing:.06em}
.case-output{padding:clamp(6rem,10vw,10rem) var(--pad);display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:start}.case-output h2{margin:2rem 0}.case-output>div>p:last-child{font-size:1.1rem;line-height:1.65;color:#4c4b46;max-width:32rem}.case-output figure{margin:0}.case-output img{display:block;width:100%;border:1px solid var(--line)}
.case-next{padding:clamp(5rem,8vw,8rem) var(--pad);border-top:1px solid var(--line)}.case-next a{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;font-size:clamp(2.4rem,5.5vw,6rem);font-weight:700;letter-spacing:-.05em}.case-next b{font:400 1em Manrope}
@media(max-width:900px){.case-title-row,.case-intro,.case-section-title,.case-output{grid-template-columns:1fr}.gtf-mark{width:12rem}.case-title-row{align-items:start}.capability-grid{grid-template-columns:1fr 1fr}.capability-grid article:nth-child(2){border-right:0}.capability-grid article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.23);padding-top:2rem;margin-top:2rem}.case-operations{grid-template-columns:1fr 1fr}.operation-copy{grid-column:1/-1}.mobile-shot{max-width:18rem}}
@media(max-width:600px){.case-header{height:76px}.case-kzo{width:5.4rem;height:66px}.case-meta{gap:1rem}.case-title-row{margin-top:4rem}.case-title-row h1{font-size:2.8rem}.case-film{border-radius:.7rem}.case-lead{font-size:2.1rem}.case-intro>div>p:last-child{font-size:1rem;margin-top:2rem}.capability-grid{grid-template-columns:1fr}.capability-grid article,.capability-grid article+article{border-right:0;border-top:1px solid rgba(255,255,255,.23);padding:1.7rem 0 0;margin-top:1.7rem}.case-operations{grid-template-columns:1fr}.desktop-shot,.mobile-shot{max-width:none}.case-output{gap:3rem}}

/* Escala tipográfica alinhada com o website KZO */
.case-title-row h1{font-size:clamp(2.8rem,6vw,6rem);line-height:.96;font-weight:700}
.case-lead{font-size:clamp(1.8rem,3.7vw,3.75rem);line-height:1.12;font-weight:500}
.case-section-title h2,.operation-copy h2,.case-proof h2,.case-output h2{font-size:clamp(2.6rem,5vw,5.2rem);line-height:1;font-weight:700}
.capability-grid h3{font-size:1.7rem;font-weight:600}
.case-next a{font-size:clamp(2.2rem,4.6vw,5rem);font-weight:700}
@media(max-width:600px){.case-title-row h1{font-size:2.5rem}.case-lead{font-size:1.85rem}.case-section-title h2,.operation-copy h2,.case-proof h2,.case-output h2{font-size:2.65rem}}

/* Frases editoriais dos projetos */
.case-lead{font-size:clamp(1.65rem,3.1vw,3.15rem);line-height:1.18;font-weight:400;letter-spacing:-.035em}
.case-proof>p:nth-of-type(2){font-size:clamp(1.25rem,2vw,2rem);line-height:1.45;font-weight:400}
.sintcap-outcome>p:last-child{font-size:clamp(1.15rem,1.8vw,1.75rem);line-height:1.5;font-weight:400}
@media(max-width:600px){.case-lead{font-size:1.65rem}.case-proof>p:nth-of-type(2),.sintcap-outcome>p:last-child{font-size:1.15rem}}
