.gob-case { --gob-paper: #fafaf7; --gob-ink: #101010; --gob-rule: #d9d5cb; }
.gob-case h1, .gob-case h2, .gob-case h3 { margin: 0; font-weight: 450; }
.gob-case img { width: 100%; height: auto; }
.gob-case .gob-index, .gob-credits, .gob-case figcaption {
  font-size: 11px; line-height: 1.65; text-transform: uppercase;
}
.gob-case .gob-index { color: #77736a; }
.gob-hero-section { background: #050505; color: #fff; }
.gob-chapter { display: flex; justify-content: space-between; gap: 24px; padding-block: 24px; border-bottom: 1px solid #242320; }
.gob-hero-section .gob-index { color: #c5c0b5; }
.gob-hero { position: relative; background: #000; isolation: isolate; }
.gob-hero-image { display: block; aspect-ratio: 478 / 292; }
.gob-hero-title { position: absolute; left: 56%; top: 42%; right: var(--page-x); }
.gob-hero-title h1 { font-size: 108px; line-height: 1; }
.gob-hero-title p { margin-top: 18px; font-size: 17px; line-height: 1.5; text-transform: uppercase; }
.gob-introduction { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; padding-block: 64px 84px; }
.gob-credits { color: #c7c2b7; }
.gob-credits p + p { margin-top: 16px; }
.gob-lead { max-width: 620px; font-size: 25px; line-height: 1.55; color: #efeee9; }

.gob-digital { padding-block: 104px 100px; background: var(--gob-paper); color: var(--gob-ink); }
.gob-section-heading { margin-bottom: 72px; }
.gob-case .gob-section-heading h2 { margin-top: 30px; font-size: 66px; line-height: 1.05; text-transform: uppercase; }
.gob-case .gob-screen { width: 84%; }
.gob-case .gob-screen--luxury { margin-left: auto; }
.gob-case .gob-screen--lab { margin-top: 88px; width: 78%; }
.gob-screen img { display: block; }
.gob-case figcaption { color: #76726a; margin-top: 17px; }
.gob-screen figcaption { display: flex; justify-content: space-between; gap: 24px; }

.gob-narrative { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 96px; padding-block: 96px 112px; background: #fff; border-top: 1px solid var(--gob-rule); }
.gob-narrative h2 { margin-top: 30px; font-size: 46px; line-height: 1.1; }
.gob-case .gob-body-copy { margin-top: 28px; font-size: 18px; line-height: 1.75; max-width: 390px; color: #68665f; }
.gob-story-artifact { justify-self: end; width: 100%; max-width: 476px; }

.gob-campaign { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); column-gap: 96px; row-gap: 76px; align-items: center; padding-block: 100px 42px; background: #101010; color: #f7f6f1; }
.gob-campaign .gob-index, .gob-campaign figcaption { color: #b6b1a8; }
.gob-campaign h2 { margin-top: 32px; font-size: 64px; line-height: 1.06; text-transform: uppercase; }
.gob-campaign .gob-body-copy { color: #c3c0b9; }
.gob-social-artifact { justify-self: end; width: 100%; max-width: 390px; }


@media (min-width: 1700px) {
  .gob-hero-title h1 { font-size: 144px; }
  .gob-case .gob-section-heading h2 { font-size: 78px; }
  .gob-campaign h2 { font-size: 76px; }
}
@media (max-width: 1100px) {
  .gob-hero-title h1 { font-size: 82px; }
  .gob-introduction { gap: 40px; }
  .gob-lead { font-size: 21px; }
  .gob-case .gob-section-heading h2 { font-size: 55px; }
  .gob-narrative, .gob-campaign { column-gap: 48px; }
  .gob-narrative h2 { font-size: 39px; }
  .gob-campaign h2 { font-size: 48px; }
  .gob-case .gob-body-copy { font-size: 17px; }
}
@media (max-width: 760px) {
  .gob-chapter { gap: 18px; padding-block: 20px; }
  .gob-chapter .gob-index { font-size: 9px; }
  .gob-hero-title { left: 55%; top: 45%; }
  .gob-hero-title h1 { font-size: 58px; }
  .gob-hero-title p { font-size: 10px; margin-top: 9px; }
  .gob-introduction { grid-template-columns: 1fr; gap: 32px; padding-block: 38px 58px; }
  .gob-credits { font-size: 10px; }
  .gob-lead { font-size: 21px; }
  .gob-digital { padding-block: 64px; }
  .gob-section-heading { margin-bottom: 42px; }
  .gob-case .gob-section-heading h2 { font-size: 40px; margin-top: 24px; }
  .gob-case .gob-screen, .gob-case .gob-screen--lab { width: 100%; }
  .gob-case .gob-screen--lab { margin-top: 46px; }
  .gob-screen figcaption { flex-direction: column; gap: 3px; }
  .gob-case figcaption { font-size: 10px; margin-top: 13px; }
  .gob-narrative { grid-template-columns: 1fr; gap: 40px; padding-block: 64px; }
  .gob-narrative h2 { font-size: 38px; margin-top: 24px; }
  .gob-story-artifact { width: 86%; }
  .gob-campaign { grid-template-columns: 1fr; gap: 42px; padding-block: 64px 32px; }
  .gob-campaign h2 { font-size: 44px; margin-top: 24px; }
  .gob-social-artifact { width: 84%; max-width: 340px; }
}
@media (max-width: 400px) {
  .gob-hero-title h1 { font-size: 44px; }
  .gob-case .gob-section-heading h2 { font-size: 32px; }
  .gob-narrative h2 { font-size: 33px; }
  .gob-campaign h2 { font-size: 37px; }
  .gob-lead { font-size: 19px; }
}