.case-detail {padding-top:160px;}
.case-detail__header {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-10);align-items:end;margin-bottom:56px;}
.case-detail__intro h1 {margin:0 0 var(--space-3);font-family:var(--font-display);font-size:64px;font-weight:600;line-height:72px;color:var(--color-menu);}
.case-detail__intro > p {max-width:640px;margin:0;font-size:24px;line-height:32px;text-wrap:pretty;}
.case-detail__facts {display:grid;gap:var(--space-3);margin:0;}
.case-detail__facts dt {margin-bottom:var(--space-1);font-size:var(--font-size-small);line-height:var(--line-body);color:rgb(38 42 54 / 72%);}
.case-detail__facts dd {margin:0;font-size:var(--font-size-body);font-weight:600;line-height:var(--line-body);}
.case-detail figure {margin:0;overflow:hidden;border-radius:var(--space-2);background:var(--color-surface);}
.case-detail figure img {display:block;width:100%;height:100%;object-fit:cover;}
.case-detail__cover {aspect-ratio:16 / 9;}
.case-detail__story {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-10);padding-block:var(--space-10);}
.case-detail__story h2 {max-width:480px;margin:0;font-size:48px;font-weight:600;line-height:56px;}
.case-detail__story p {max-width:640px;margin:0;font-size:var(--font-size-body);line-height:var(--line-body);text-wrap:pretty;}
.case-detail__story p + p {margin-top:var(--space-3);}
.case-detail__gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);}
.case-detail__gallery figure {aspect-ratio:1.40933;}

.case-detail__navigation {display:flex;justify-content:flex-end;padding-block:56px var(--space-10);}
@media (max-width:807.98px) {
  .case-detail {padding-top:128px;}
  .case-detail__header {grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-4);}
  .case-detail__intro h1 {font-size:40px;line-height:48px;}
  .case-detail__facts {grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);}
  .case-detail__cover {aspect-ratio:4 / 3;}
  .case-detail__story {grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-block:48px;}
  .case-detail__story h2 {font-size:40px;line-height:48px;}
  .case-detail__gallery {grid-template-columns:minmax(0,1fr);}

.case-detail__navigation {justify-content:flex-start;}
}

/* Identidades visuais: proporção A4 predominante, sem distorção. */
:is(.case-detail--climov,.case-detail--portfolio) .case-detail__cover {aspect-ratio:1.41421356;}
:is(.case-detail--climov,.case-detail--portfolio) .case-detail__gallery figure {grid-column:1 / -1;aspect-ratio:1.41421356;}
:is(.case-detail--climov,.case-detail--portfolio) :is(.case-detail__cover,.case-detail__gallery) img {height:100%;object-fit:cover;object-position:center;}

@media(min-width:808px) {:is(.case-detail--climov,.case-detail--portfolio) .case-detail__gallery .case-detail__half {grid-column:auto;}}

/* Projetos de sites: texto e captura lado a lado. */
.case-detail__website-layout {display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:64px;align-items:start;}
.case-detail--website .case-detail__cover {aspect-ratio:1.40933;background:#eef3f7;padding:var(--space-3);box-sizing:border-box;}
.case-detail__screen {width:100%;height:100%;overflow:hidden;}
.case-detail--website .case-detail__cover img {height:auto;object-fit:contain;}

.case-detail__website-description {max-width:560px;margin-top:var(--space-4);}
.case-detail__website-description p {margin:0;font-size:var(--font-size-body);line-height:var(--line-body);text-wrap:pretty;}
.case-detail__visit {margin-top:var(--space-4);}
@media(max-width:807.98px) {
  .case-detail__website-layout {grid-template-columns:minmax(0,1fr);gap:48px;}
}



.case-detail--website .case-detail__cover--composed {padding:0;}

@media(min-width:808px) {
  .case-detail--image-first .case-detail__website-layout {grid-template-columns:minmax(0,5fr) minmax(0,4fr);}
  .case-detail--image-first .case-detail__cover {grid-column:1;grid-row:1;}
  .case-detail--image-first .case-detail__intro {grid-column:2;grid-row:1;}
}
.case-detail__intro > .case-detail__navigation {justify-content:flex-start;padding-block:var(--space-3) 0;}

.case-detail__website-description p + p {margin-top:var(--space-3);}

.case-detail--portfolio .case-detail__gallery .case-detail__natural {aspect-ratio:auto;}
.case-detail--portfolio .case-detail__gallery .case-detail__natural img {height:auto;}