/* DCP homepage: retain the existing layout through 1440 CSS pixels. */
@media (width > 1440px) {
  body.preview-public-shell[data-preview-surface="home"] #c2-root {
    --dcp-wide-gutter: max(6.667cqw, calc((100cqw - 1680px) / 2));
    width: 100%;
    max-width: none !important;
  }

  /* Keep section backgrounds full width and reading columns bounded. */
  body.preview-public-shell[data-preview-surface="home"] #app > :is(
    #c2-eservice, #c2-track, #c2-news, #c2-identity, #c2-activities,
    #c2-video, #c2-treasury, #c2-ebooks, #c2-letters, #c2-map, #c2-agency
  ) {
    padding-inline: var(--dcp-wide-gutter) !important;
    min-width: 0;
  }

  body.preview-public-shell[data-preview-surface="home"] #c2-header .utility-bar,
  body.preview-public-shell[data-preview-surface="home"] #c2-footer > div:not(.footer-main) {
    padding-inline: var(--dcp-wide-gutter) !important;
  }

  body.preview-public-shell[data-preview-surface="home"] #c2-header {
    background: #fffdf8;
  }

  body.preview-public-shell[data-preview-surface="home"] #c2-header > div:nth-child(2) {
    container-type: inline-size;
    max-width: 1920px;
    margin-inline: auto;
  }

  /* Scale the hero and animated scene across the full viewport. */
  body.preview-public-shell[data-preview-surface="home"] #c2-hero.dcp-supplied-hero {
    aspect-ratio: auto !important;
  }

  body.preview-public-shell[data-preview-surface="home"] #c2-hero > dcp-photo-slider,
  body.preview-public-shell[data-preview-surface="home"] #c3-smart-city .smart-city-scene {
    width: 100%;
    max-width: none;
    margin-inline: auto;
  }

  body.preview-public-shell[data-preview-surface="home"] #c2-footer > img[aria-hidden="true"] {
    padding: 0 !important;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
  }
  body.preview-public-shell[data-preview-surface="home"] #c2-footer .footer-main {
    width: 100%;
    max-width: none;
    padding-inline: var(--dcp-wide-gutter) !important;
  }
}