/* Estudos: imagens em escala, texto nas margens, a mesma pauta do índice. */
.case-main{position:relative;z-index:1;max-width:var(--medida-larga);margin:auto;padding:calc(var(--nav-h) + 44px) var(--respiro-largo) 64px}
.case-head{display:grid;gap:24px;margin-bottom:36px}
.case-breadcrumb{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;letter-spacing:.045em;color:var(--reading-ink)}
.case-breadcrumb a,.case-return{min-height:32px;display:inline-flex;align-items:center}
.case-title{font-weight:900;font-size:clamp(44px,7.8vw,120px);letter-spacing:-.02em;line-height:.96;text-transform:uppercase;overflow-wrap:anywhere}
.case-deck{font-weight:300;font-size:clamp(24px,2.5vw,38px);line-height:1.25;color:var(--reading-ink);max-width:38ch;justify-self:end}
.case-cover{margin-bottom:clamp(72px,10vw,160px)}
.case-prancha{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--navy-deep)}
.case-prancha img{width:100%;height:100%;object-fit:cover;object-position:top}
.case-cover figcaption,.case-figure figcaption{font-size:12px;letter-spacing:.04em;color:var(--reading-ink);padding-top:14px;line-height:1.5}
.case-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;padding-top:24px;border-top:1px solid var(--line);margin-bottom:clamp(72px,10vw,160px)}
.case-kicker{font-size:12px!important;font-weight:600;letter-spacing:.08em;color:var(--accent)!important}
.case-intro h2,.case-note h2,.case-motion h2{font-weight:900;font-size:clamp(30px,4vw,62px);line-height:1.04;letter-spacing:-.016em;text-wrap:balance;text-transform:uppercase;color:var(--fg)}
.case-intro p:not(.case-kicker),.case-note p:not(.case-kicker){font-size:var(--type-reading-size);font-weight:400;line-height:1.6;max-width:52ch;color:var(--reading-ink);text-wrap:pretty;margin-top:24px}
.case-decision{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:clamp(32px,5vw,80px);align-items:center;margin-bottom:clamp(84px,12vw,184px)}
.case-figure{min-width:0}.case-figure img{width:100%;height:auto}
.case-note .case-kicker{margin-bottom:22px}
.case-note h2{font-size:clamp(28px,3.1vw,48px)}
.case-second{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,9vw,140px);align-items:center;margin:0 auto clamp(84px,12vw,184px);max-width:1080px}
.case-second .case-note h2{font-size:clamp(38px,5.1vw,76px);max-width:12ch}
.case-phone{max-width:390px;justify-self:end}
.case-second--wide{max-width:none;grid-template-columns:1fr 1.8fr;gap:64px}
.case-motion{margin-bottom:clamp(80px,10vw,150px)}
.case-motion-head{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:32px}
.case-motion-head p{font-size:16px;line-height:1.5;color:var(--reading-ink);max-width:38ch;justify-self:end}
.case-motion video{width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--navy-deep)}
.case-details{border-top:1px solid var(--line);padding-top:24px;margin-bottom:80px}
.case-details dl{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:36px 0}
.case-details dt{font-size:22px;font-weight:600;margin-bottom:12px;color:var(--fg)}
.case-details dd{font-size:17px;line-height:1.5;color:var(--reading-ink);max-width:34ch}
.case-live{display:inline-flex;align-items:center;gap:32px;font-size:24px;font-weight:600;min-height:52px;border-bottom:1px solid var(--fg)}
.case-next{display:grid;grid-template-columns:1fr 1.5fr;align-items:end;gap:48px;border-top:1px solid var(--line);padding-top:32px}
.case-return{font-size:14px;color:var(--reading-ink)}
.case-next-work{display:grid;grid-template-columns:1fr auto;gap:12px;min-width:0}
.case-next-work span{grid-column:1/-1;font-size:12px;font-weight:500;letter-spacing:.05em;color:var(--reading-ink)}
.case-next-work strong{font-size:clamp(24px,3.5vw,52px);font-weight:900;line-height:1.05;text-transform:uppercase;overflow-wrap:anywhere}
.case-next-work i{font-style:normal;font-size:36px;transition:transform .2s ease}
.case-next-work:hover i{transform:translateX(8px)}
.case-main a:hover{color:var(--color-link)}
::view-transition-group(da-work-name){z-index:4}
::view-transition-old(da-work-name),::view-transition-new(da-work-name){height:100%;width:100%;object-fit:contain;object-position:left center;mix-blend-mode:normal}
@media(max-width:860px){
  .case-main{padding-top:calc(var(--nav-h) + 24px)}
  .case-head{gap:20px;margin-bottom:26px}
  .case-breadcrumb{gap:12px;font-size:11px;flex-wrap:wrap}
  .case-breadcrumb a,.case-return{min-height:44px}
  .case-title{font-size:clamp(24px,8vw,68px);letter-spacing:-.015em;overflow-wrap:normal}
  .case-deck{font-size:24px;justify-self:start;max-width:32ch}
  .case-cover{margin-bottom:64px}
  .case-intro,.case-decision,.case-second,.case-second--wide,.case-motion-head{grid-template-columns:1fr;gap:28px;margin-bottom:64px}
  .case-intro h2,.case-note h2,.case-second .case-note h2{font-size:clamp(30px,8vw,48px);max-width:18ch}
  .case-intro p:not(.case-kicker),.case-note p:not(.case-kicker){font-size:18px;margin-top:18px}
  .case-decision .case-note{padding-left:24px;border-left:1px solid var(--line)}
  .case-phone{width:78%;max-width:340px;justify-self:center}
  .case-motion-head{margin-bottom:24px}
  .case-motion-head p{justify-self:start}
  .case-details dl{grid-template-columns:1fr;gap:24px;margin:28px 0}
  .case-details dl>div{padding-bottom:20px;border-bottom:1px solid var(--line)}
  .case-next{grid-template-columns:1fr;gap:32px}
  .case-next-work strong{font-size:clamp(20px,6.2vw,32px)}
}
@media(prefers-reduced-motion:reduce){.case-next-work i{transition:none}}