.case-page--delivery .case-main { padding-bottom: 0; }
.case-page--delivery .case-section:not(.case-overview):not(.case-responsibility) { border-top: 0; }
.case-page--delivery .delivery-kv img { inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; transform: none; }
.case-page--delivery .case-responsibility { padding-top: 120px; padding-bottom: 40px; }
.case-page--delivery .case-timeline-list { margin-top: 38px; }
.case-page--delivery .case-timeline-list li { min-height: 72px; }

.delivery-section,
.delivery-results { border-top: 2px solid var(--ink); padding: 40px 0; }
.delivery-section h2 { min-height: 136px; }
.delivery-copy { width: 824px; margin: 40px 0 0 288px; }
.delivery-copy h3 { margin: 0 0 16px; }
.delivery-copy p { max-width: 785px; margin: 0 0 16px; font-size: 16px; line-height: 1.32; }
.delivery-copy--secondary { margin-top: 40px; }

.delivery-toolkit-grid,
.delivery-nav-grid,
.delivery-sticker-grid,
.delivery-fivepost-grid,
.delivery-other-grid,
.delivery-portrait-grid,
.delivery-html5 { margin-top: 40px; }
.delivery-section img { display: block; width: 100%; height: 100%; object-fit: cover; }
.delivery-section img,
.delivery-video,
.delivery-html5 .html5-banner { border: 1px solid var(--ink); }

.delivery-toolkit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.delivery-toolkit-grid img { aspect-ratio: 16 / 9; }
.delivery-toolkit-grid .span-2 { grid-column: 1 / -1; }
.delivery-toolkit-grid .toolkit-tall { aspect-ratio: 1112 / 802; object-fit: contain; background: #171717; }

.delivery-nav-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 40px; }
.delivery-nav-grid .nav-poster { grid-column: span 3; aspect-ratio: 538 / 760; object-position: center; }
.delivery-nav-grid > :nth-child(n+3):nth-child(-n+5) { grid-column: span 2; aspect-ratio: 344 / 229; }
.delivery-nav-grid .nav-wide { grid-column: span 3; aspect-ratio: 536 / 357; }

.delivery-sticker-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.delivery-sticker-grid > :nth-child(-n+2) { aspect-ratio: 535 / 830; }
.delivery-sticker-grid .span-2 { grid-column: 1 / -1; aspect-ratio: 3 / 2; object-fit: contain; background: #f5f5f5; }

.delivery-fivepost-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.delivery-fivepost-grid img { aspect-ratio: 535 / 669; }
.delivery-video { width: min(680px, 100%); margin: 40px auto 0; aspect-ratio: 53 / 42; overflow: hidden; background: #111; }
.delivery-video video { display: block; width: 100%; height: 100%; object-fit: contain; }
.delivery-section--geo .delivery-copy { margin-top: 16px; }

.delivery-portrait-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.delivery-portrait-grid img { aspect-ratio: 263 / 467; }

.delivery-other-grid { display: grid; grid-template-columns: 460px 1fr; gap: 40px; }
.delivery-other-grid .other-wide { grid-column: 1 / -1; aspect-ratio: 1112 / 414; }
.delivery-other-grid .other-portrait { aspect-ratio: 460 / 612; }
.delivery-other-grid .other-square { aspect-ratio: 1; }
.delivery-html5 { display: grid; grid-template-columns: 300px 300px; gap: 40px; justify-content: center; }
.delivery-results { padding: 40px 0; }
.delivery-results .delivery-copy { margin-top: 40px; }

@media (max-width: 980px) {
  .delivery-section h2 { min-height: 0; }
  .delivery-copy { width: auto; margin-left: 184px; }
  .delivery-copy p { font-size: 14px; }
  .delivery-toolkit-grid,
  .delivery-nav-grid,
  .delivery-sticker-grid,
  .delivery-fivepost-grid,
  .delivery-other-grid { gap: 24px; }
  .delivery-nav-grid { gap: 24px; }
  .delivery-portrait-grid { gap: 16px; }
  .delivery-other-grid { grid-template-columns: minmax(0, .75fr) minmax(0, 1fr); }
}

@media (max-width: 700px) {
  .case-page--delivery .case-responsibility { padding-top: 64px; padding-bottom: 12px; }
  .delivery-section,
  .delivery-results { padding: 64px 0 24px; }
  .delivery-section h2 { min-height: 0; }
  .delivery-copy { width: auto; margin: 28px 0 0; }
  .delivery-copy h3 { margin-bottom: 12px; }
  .delivery-copy p { font-size: 14px; }
  .delivery-toolkit-grid,
  .delivery-nav-grid,
  .delivery-sticker-grid,
  .delivery-fivepost-grid,
  .delivery-other-grid,
  .delivery-portrait-grid,
  .delivery-html5 { margin-top: 28px; gap: 12px; }
  .delivery-toolkit-grid,
  .delivery-sticker-grid,
  .delivery-fivepost-grid,
  .delivery-other-grid { grid-template-columns: 1fr; }
  .delivery-toolkit-grid .span-2,
  .delivery-sticker-grid .span-2,
  .delivery-other-grid .other-wide { grid-column: auto; }
  .delivery-toolkit-grid img { aspect-ratio: 16 / 9; }
  .delivery-toolkit-grid .toolkit-tall { aspect-ratio: 1112 / 802; }
  .delivery-nav-grid { grid-template-columns: 1fr 1fr; }
  .delivery-nav-grid .nav-poster,
  .delivery-nav-grid > :nth-child(n+3):nth-child(-n+5),
  .delivery-nav-grid .nav-wide { grid-column: auto; }
  .delivery-nav-grid .nav-poster { aspect-ratio: 538 / 760; }
  .delivery-nav-grid > :nth-child(n+3) { aspect-ratio: 3 / 2; }
  .delivery-nav-grid > :nth-child(3) { grid-column: 1 / -1; }
  .delivery-sticker-grid > :nth-child(-n+2) { aspect-ratio: 535 / 830; }
  .delivery-sticker-grid .span-2 { aspect-ratio: 3 / 2; }
  .delivery-fivepost-grid img { aspect-ratio: 535 / 669; }
  .delivery-video { margin-top: 28px; aspect-ratio: 53 / 42; }
  .delivery-section--geo .delivery-copy { margin-top: 16px; }
  .delivery-portrait-grid { grid-template-columns: 1fr 1fr; }
  .delivery-other-grid .other-wide { aspect-ratio: 1112 / 414; }
  .delivery-other-grid .other-portrait { aspect-ratio: 460 / 612; }
  .delivery-other-grid .other-square { aspect-ratio: 1; }
  .delivery-html5 { grid-template-columns: 1fr; justify-items: center; }
  .delivery-html5 .html5-banner { width: min(300px, 88%); }
  .delivery-results .delivery-copy { margin-top: 28px; }
}