/* Home editorial art-direction candidate | 2026-10-09 | isolated from main home.css
   Sections intentionally scoped to body.page-home. Preserve source data and JS. */

/* Nav three-leaf trustmark during initial transparent/overlay hero.
   The SVG contains leaves and wordmark: surgical clip isolates the 3 leaves cleanly
   in the gap between leaves (ends 23.5%) and wordmark (starts 28.7%).
   Initial opacity 35% provides soft, restrained presence secondary to hero leaf.
   Recovers to 100% opacity on hover, keyboard focus, and scroll. */
body.page-home #mainNav[data-cv-tone="overlay"]:not(.is-scrolled) .cv-global-logo--reverse {
  opacity: .35 !important;
  clip-path: inset(-2px 74% -2px -2px) !important;
  transition: opacity 300ms ease, clip-path 450ms cubic-bezier(.2,.7,.2,1);
}
body.page-home #mainNav[data-cv-tone="overlay"]:not(.is-scrolled) .cv-global-brand:is(:hover,:focus-visible) .cv-global-logo--reverse {
  opacity: 1 !important;
}
body.page-home #mainNav .cv-global-brand::after {
  content: none !important;
  display: none !important;
}


/* 01 · Bogra as a photographic magazine opening. */
body.page-home .home-mavh {
  padding: 0;
  background: #eee9df;
}
body.page-home .home-mavh > .container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
body.page-home .home-mavh__grid {
  display: grid;
  grid-template-columns: minmax(0,54fr) minmax(0,46fr);
  align-items: stretch;
  gap: 0;
}
body.page-home .home-mavh__media {
  position: relative;
  display: block;
  min-height: clamp(620px,58vw,820px);
  margin: 0;
  overflow: hidden;
  background: #354b34;
}
body.page-home .home-mavh__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: 50% 50%;
  filter: none;
}
body.page-home .home-mavh__media figcaption {
  position: absolute;
  bottom: clamp(18px,2.1vw,34px);
  left: clamp(22px,3.2vw,50px);
  max-width: calc(100% - 44px);
  padding: 7px 0 0;
  border: 0;
  color: #fffdf5;
  font: 500 11px/1.4 var(--mono);
  text-shadow: 0 1px 6px rgba(0,0,0,.62);
}
body.page-home .home-mavh__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: none;
  padding: clamp(58px,5.7vw,94px) clamp(34px,5.2vw,92px) clamp(46px,5vw,80px);
}
body.page-home .home-mavh__copy .display-title {
  max-width: 14ch;
  font-size: clamp(42px,4.4vw,67px);
  line-height: .98;
  letter-spacing: -.052em;
}
body.page-home .home-mavh__project {
  margin-top: auto;
  padding-top: clamp(28px,3vw,44px);
}
body.page-home .home-mavh__copy > .editorial-link {
  width: max-content;
  min-height: 48px;
  margin-top: 14px;
  font-size: 12px;
}

/* 02 · Preserve existing atlas geometry and JS states.
   Only make selected crop states and keyboard focus more legible. */
body.page-home .home-ci-story__crops button[aria-pressed="true"] {
  font-weight: 700;
  color: #174831;
}
body.page-home .home-ci-story__crops button:focus-visible,
body.page-home .home-ci-story__district-picker select:focus-visible {
  outline: 2px solid #174831;
  outline-offset: 4px;
}

/* 03 · Retained Capital: existing image, immersive Insights-inspired yellow.
   Evidence and exact contextual image credit remain outside/inside the cover. */
body.page-home .home-publication {
  padding: 0;
  background: #e7e2d7;
  border-top: 0;
}
body.page-home .home-publication > .container {
  width: 100%;
  max-width: none;
  margin: 0;
}
body.page-home .home-publication__spread {
  display: block;
  overflow: visible;
}
body.page-home .home-publication__plate {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: minmax(0,1fr);
  min-height: clamp(660px,88svh,980px);
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  background: #263225;
}
body.page-home .home-publication__media::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(90deg,rgba(7,17,11,.76) 0%,rgba(7,17,11,.48) 42%,rgba(7,17,11,.08) 100%);
  pointer-events: none;
}
body.page-home .home-publication__plate > .home-publication__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
  overflow: hidden;
}
body.page-home .home-publication__media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 57% 57%;
}
body.page-home .home-publication__masthead {
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(42px,8svh,110px);
  min-height: clamp(660px,88svh,980px);
  margin: 0;
  padding: clamp(48px,5.7vw,100px) clamp(28px,6vw,112px) clamp(52px,6vw,96px);
  border: 0;
}
body.page-home .home-publication__copy {
  max-width: min(810px,88vw);
  margin-top: clamp(25px,4svh,74px);
  padding: 0;
}
body.page-home .home-publication__copy .home-method-step {
  color: #fff7e5;
}
body.page-home .home-publication__copy .display-title {
  max-width: 13.5ch;
  margin: 22px 0 0;
  color: #efd68d;
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(64px,7.6vw,118px);
  line-height: .94;
  letter-spacing: -.057em;
  text-wrap: balance;
}
body.page-home .home-publication__intro {
  max-width: 480px;
  margin: 0;
  padding: 0;
  border: 0;
}
body.page-home .home-publication__lede {
  max-width: 37ch;
  margin: 0 0 22px;
  color: #f6f2e8;
  font: 400 clamp(16px,1.35vw,20px)/1.53 var(--sans);
  letter-spacing: -.012em;
}
body.page-home .home-publication__intro .editorial-link {
  color: #fff6df;
  font-size: 12px;
}
body.page-home .home-publication__media figcaption {
  position: absolute;
  z-index: 2;
  right: 18px;
  bottom: 12px;
  max-width: min(52ch,44vw);
  margin: 0;
  padding: 4px 6px;
  border: 0;
  background: rgba(9,19,12,.38);
  color: #fff7e9;
  font: 500 10px/1.4 var(--mono);
  text-align: right;
  text-shadow: 0 1px 3px rgba(0,0,0,.55);
}
body.page-home .home-publication__media .home-proof-caption__label {
  color: inherit;
}
@media (max-width:1100px) and (min-width:901px) {
  body.page-home .home-mavh__media img { object-position: 39% 50%; }
}
@media (max-width:1100px) and (min-width:761px) {
  body.page-home .home-mavh__grid { grid-template-columns: minmax(0,49fr) minmax(0,51fr); }
  body.page-home .home-mavh__copy { padding: 50px 34px 44px; }
  body.page-home .home-mavh__copy .display-title { font-size: clamp(39px,4.25vw,48px); }
}
@media (min-width:761px) and (max-width:900px) {
  /* Tablet is an authored full-width photographic feature, not a cramped split. */
  body.page-home .home-mavh__grid { grid-template-columns: minmax(0,1fr); }
  body.page-home .home-mavh__media { min-height: 0; height: clamp(420px,54vw,590px); }
  body.page-home .home-mavh__media img { height: 100%; min-height: 0; }
  body.page-home .home-mavh__copy { padding: 52px clamp(38px,7vw,70px) 54px; }
  body.page-home .home-mavh__copy .display-title {
    max-width: 17ch;
    font-size: clamp(48px,6vw,64px);
  }

}
@media (max-width:760px) {
  body.page-home .home-mavh__grid { grid-template-columns: minmax(0,1fr); }
  body.page-home .home-mavh__media { min-height: 0; height: clamp(340px,90vw,510px); }
  body.page-home .home-mavh__media img { height: 100%; min-height: 0; object-position: 50% 50%; }
  body.page-home .home-mavh__media figcaption { bottom: 12px; left: 18px; max-width: calc(100% - 36px); font-size: 10px; }
  body.page-home .home-mavh__copy { padding: 40px 22px 52px; }
  body.page-home .home-mavh__copy .display-title { max-width: 13.5ch; font-size: clamp(37px,9.7vw,53px); line-height: .99; }
  body.page-home .home-mavh__project { margin-top: 20px; padding-top: 0; }

  body.page-home .home-publication__plate { min-height: clamp(610px,92svh,850px); }
  body.page-home .home-publication__media::after {
    background: linear-gradient(180deg,rgba(9,21,13,.42) 0%,rgba(9,21,13,.63) 42%,rgba(9,21,13,.79) 100%);
  }
  body.page-home .home-publication__masthead {
    min-height: clamp(610px,92svh,850px);
    gap: 32px;
    padding: 35px 22px 62px;
  }
  body.page-home .home-publication__copy { max-width: 100%; margin-top: clamp(96px,17svh,185px); }
  body.page-home .home-publication__copy .display-title {
    max-width: 11ch;
    margin-top: 16px;
    font-size: clamp(44px,11.8vw,70px);
    line-height: .96;
  }
  body.page-home .home-publication__intro { max-width: 34ch; }
  body.page-home .home-publication__lede { font-size: 16px; line-height: 1.48; margin-bottom: 16px; }
  body.page-home .home-publication__media img { object-position: 65% 50%; }
  body.page-home .home-publication__media figcaption {
    right: 12px; bottom: 8px; max-width: calc(100% - 24px);
    padding: 6px 8px; background: rgba(9,19,12,.82);
    font-size: 10px; line-height: 1.35; text-align: left;
  }

}
@media (prefers-reduced-motion:reduce) {
  body.page-home #mainNav[data-cv-tone="overlay"]:not(.is-scrolled) .cv-global-logo--reverse {
    transition: none !important;
  }
}

/* Opening animation fluidity and GPU compositing layer promotions */
@media (prefers-reduced-motion:no-preference) {
  body.page-home .cv-homehero.is-running .cv-homehero__field {
    will-change: transform;
  }
  body.page-home .cv-homehero.is-running .cv-homehero__wordmark {
    will-change: transform, opacity;
  }
  body.page-home .cv-homehero.is-activated .cv-homehero__media {
    will-change: opacity;
  }
  body.page-home .cv-homehero.is-settled :is(.cv-homehero__field, .cv-homehero__wordmark, .cv-homehero__media, .cv-homehero__ghost, .cv-homehero__title) {
    will-change: auto !important;
  }
}