@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr auto;
    padding-right: 18px;
  }
  .desktop-nav, .header-cta { display: none; }

  .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 42px;
    height: 42px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .menu-toggle span {
    height: 2px;
    width: 24px;
    background: #111;
    display: block;
    transition: .25s ease;
  }

  .mobile-menu {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 90;
    background: #111;
    color: white;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
  }
  .mobile-menu.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .mobile-menu__inner {
    width: min(92vw, 700px);
    margin: 0 auto;
    padding-top: 120px;
    display: flex;
    flex-direction: column;
  }
  .mobile-menu__inner > a {
    font-size: clamp(2.1rem, 7vw, 4rem);
    line-height: 1;
    letter-spacing: -.05em;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.16);
  }
  .mobile-menu__footer {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    color: #b8b8b8;
  }

  .hero__bottom, .about-grid, .work-header, .resource-grid {
    grid-template-columns: 1fr;
  }
  .hero__actions { justify-content: flex-start; }
  .about-grid, .resource-grid { gap: 45px; }
  .work-header { gap: 20px; }
  .news-grid { grid-template-columns: 1fr 1fr; }
  .news-card--featured { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  :root { --page: 90vw; }

  .site-header { top: 10px; }
  .hero { padding-top: 120px; }

  .hero__title {
    font-size: clamp(3rem, 14vw, 5rem);
    margin-top: 26px;
  }
  .hero__visual { min-height: 310px; margin-top: 45px; }
  .hero__motto { width: 130px; right: 15px; bottom: 15px; font-size: .82rem; }
  .hero__actions { flex-wrap: wrap; }

  .section { padding: 85px 0; }
  .display-heading { font-size: clamp(2.8rem, 12vw, 4.7rem); }

  .orbit {
    width: 100%;
    height: 490px;
    border-radius: 260px;
  }
  .orbit__center { width: 120px; height: 120px; }
  .orbit__item {
    max-width: 190px;
    border-radius: 20px;
    align-items: flex-start;
  }
  .orbit__item--finance { top: 9%; left: 5%; }
  .orbit__item--capacity { top: 34%; right: 2%; }
  .orbit__item--cooperation { bottom: 9%; left: 8%; }

  .work-detail { grid-template-columns: 60px 1fr; }

  .investment-bottom { grid-template-columns: 1fr; }
  .investment-title { margin-bottom: 50px; }

  .news-heading { align-items: flex-start; flex-direction: column; }
  .news-grid { grid-template-columns: 1fr; }
  .news-card--featured { grid-column: auto; }
  .news-card__image,
  .news-card--featured .news-card__image { min-height: 270px; }

  .partner-section { padding-top: 90px; padding-bottom: 90px; }

  .site-footer {
    grid-template-columns: 1fr;
    padding-top: 60px;
  }
  .footer-bottom {
    flex-direction: column;
    margin-top: 25px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 700px) {
  .brand { min-width: 120px; }
  .brand img { width: 120px; height: 38px; }
  .brand-frame { border-width: 9px; }
  .brand-frame::after { height: 9px; bottom: -9px; }
}


/* V3 responsive header refinement */
@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr auto;
    min-height: 62px;
    border-radius: 18px;
  }

  .brand,
  .brand img {
    width: 124px;
  }

  .brand img {
    height: 38px;
  }

  .hero {
    padding-top: 150px;
  }
}

@media (max-width: 700px) {
  .site-header {
    top: 10px;
    width: 92vw;
    padding-left: 14px;
  }

  .brand,
  .brand img {
    width: 112px;
  }

  .brand img {
    height: 34px;
  }

  .hero {
    padding-top: 130px;
  }
}


/* V4 hero media responsiveness */
@media (max-width: 980px) {
  .hero__visual {
    min-height: 320px;
    margin-top: 42px;
  }

  .hero-media-window {
    height: 320px;
  }

  .hero__motto {
    width: 142px;
    right: 22px;
    bottom: -46px;
  }

  .hero__ticker {
    margin-top: 82px;
  }
}

@media (max-width: 700px) {
  .hero__bottom {
    gap: 22px;
  }

  .hero__visual {
    min-height: 280px;
    margin-top: 34px;
  }

  .hero-media-window {
    height: 280px;
  }

  .hero-media-window__frame {
    width: 62%;
  }

  .hero-media-window__frame::before,
  .hero-media-window__frame::after {
    height: 9px;
  }

  .hero-media-window__caption {
    left: 14px;
    bottom: 15px;
  }

  .hero-media-window__caption span {
    font-size: .62rem;
    padding: 7px 9px;
  }

  .hero__motto {
    width: 122px;
    right: 14px;
    bottom: -38px;
  }

  .hero__ticker {
    margin-top: 70px;
  }

  .placeholder-copy {
    right: 6%;
    bottom: 14%;
    max-width: 210px;
    font-size: .86rem;
  }
}


/* V5 fold tuning */
@media (max-width: 980px) {
  .hero {
    padding-top: 132px;
  }

  .hero__title {
    margin-bottom: 30px;
  }

  .hero__visual,
  .hero-media-window {
    min-height: 300px;
    height: 300px;
  }
}

@media (max-width: 700px) {
  .hero {
    padding-top: 116px;
  }

  .hero__title {
    font-size: clamp(2.85rem, 13vw, 4.35rem);
    margin-bottom: 26px;
  }

  .hero__bottom {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .hero__visual,
  .hero-media-window {
    min-height: 260px;
    height: 260px;
  }

  .hero__motto {
    width: 116px;
    bottom: -34px;
  }

  .hero__ticker {
    margin-top: 62px;
  }
}


/* V6 responsive transition */
@media (max-width: 980px) {
  .about-editorial {
    grid-template-columns: 1fr;
    padding-right: 100px;
    gap: 38px;
  }

  .about-editorial__copy {
    max-width: 680px;
  }

  .work-editorial {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .work-editorial__intro {
    position: static;
  }
}

@media (max-width: 700px) {
  .section--about {
    padding-top: 86px;
    padding-bottom: 92px;
  }

  .about-editorial {
    margin-top: 48px;
    padding-right: 0;
  }

  .about-editorial__mark {
    position: relative;
    top: auto;
    right: auto;
    width: 78px;
    height: 112px;
    margin-top: 4px;
  }

  .about-editorial__mark img {
    width: 52px;
  }

  .about-editorial__frame {
    width: 54px;
    height: 90px;
    border-width: 7px;
  }

  .section--work {
    padding-top: 88px;
    padding-bottom: 82px;
  }

  .work-editorial {
    margin-top: 50px;
    gap: 46px;
  }

  .work-editorial__intro h2 {
    font-size: clamp(3.2rem, 16vw, 5.2rem);
  }

  .work-system__line {
    left: 60px;
    top: 35px;
    bottom: 175px;
  }

  .work-system__item {
    grid-template-columns: 42px 36px 1fr;
    padding: 22px 0;
  }

  .work-system__dot {
    margin-left: 10px;
    width: 12px;
    height: 12px;
  }

  .work-system__title {
    font-size: 1.35rem;
  }

  .work-system__detail {
    margin-left: 78px;
    padding: 22px 22px 24px;
  }

  .work-editorial__footer {
    margin-top: 58px;
    align-items: flex-start;
    flex-direction: column;
  }
}


/* V7 multipage responsive layer */
@media (max-width: 980px) {
  .page {
    padding-top: 96px;
  }

  .page-hero__grid,
  .narrative-layout,
  .ecosystem,
  .investment-story,
  .resource-feature-page,
  .news-feature-page,
  .contact-section,
  .partner-feature {
    grid-template-columns: 1fr;
  }

  .page-hero__side {
    max-width: 680px;
  }

  .route-row {
    grid-template-columns: 46px 1fr 30px;
  }

  .route-row em {
    display: none;
  }

  .narrative-rail,
  .investment-story__rail {
    position: static;
  }

  .people-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .engage-pathways {
    grid-template-columns: 1fr;
    gap: 1px;
  }

  .engage-pathway h2,
  .engage-pathway p {
    min-height: 0;
  }

  .bridge-visual {
    grid-template-columns: 1fr;
  }

  .bridge-visual__bridge {
    min-height: 130px;
  }
}

@media (max-width: 700px) {
  .page {
    padding-top: 82px;
  }

  .page-hero {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .page-title {
    font-size: clamp(3.1rem, 14vw, 5.2rem);
  }

  .route-row {
    min-height: 88px;
    gap: 12px;
  }

  .route-row strong {
    font-size: 1.5rem;
  }

  .statement-band {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .narrative-layout {
    padding-top: 55px;
  }

  .story-pull {
    margin: 48px 0;
    padding-left: 20px;
  }

  .mission-panel {
    min-height: auto;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .mission-panel h1,
  .mission-panel h2 {
    font-size: clamp(3rem, 13vw, 5rem);
  }

  .what-hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .what-hero h1 {
    font-size: clamp(4rem, 18vw, 6.2rem);
  }

  .what-chapter {
    grid-template-columns: 48px 1fr;
    gap: 12px;
  }

  .ecosystem__core {
    padding: 38px 28px;
    min-height: 340px;
  }

  .ecosystem__ring {
    grid-template-columns: 1fr;
  }

  .eligibility-band {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .people-grid {
    grid-template-columns: 1fr;
  }

  .partner-feature {
    padding: 28px;
  }

  .partner-feature__logo {
    min-height: 210px;
  }

  .investment-hero-page h1,
  .engage-hero h1 {
    font-size: clamp(3.7rem, 16vw, 6.4rem);
  }

  .investment-story {
    padding-top: 60px;
  }

  .investment-question {
    padding-left: 20px;
  }

  .news-feature-page__visual {
    min-height: 320px;
  }

  .engage-pathway {
    padding: 32px 24px;
  }

  .contact-section {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .mobile-menu__inner > a {
    border-bottom: 1px solid rgba(255,255,255,.16);
  }
}

/* =========================================================
   V13 — intentional mobile/tablet homepage experience
   Desktop morph system remains untouched (>860px).
   ========================================================= */
@media (max-width: 860px) {
  body.home-page {
    overflow-x: clip;
  }

  /* Mobile uses natural document flow — the desktop morph engine is disabled
     by JS below 861px, so do not retain desktop runway/stage geometry. */
  body.home-page [data-hero-morph-scene],
  body.home-page [data-about-morph-scene],
  body.home-page [data-work-morph-scene],
  body.home-page [data-memory-morph-scene] {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
  }

  body.home-page .signature-hero__stage,
  body.home-page .about-morph-stage,
  body.home-page .work-morph-stage,
  body.home-page .memory-morph-stage {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    will-change: auto !important;
  }

  /* The hero still benefits from one clear downward cue. All generated
     chapter-to-chapter arrows are desktop navigation aids and are removed. */
  body.home-page .home-section-scroll-cue,
  body.home-page .site-footer.final-morph-runway > .home-section-scroll-cue {
    display: none !important;
  }

  body.home-page .hero-scroll-cue {
    display: grid !important;
    bottom: 14px !important;
  }

  /* Remove ornamental motion that adds cost or visual noise on touch screens. */
  body.home-page .about-motion__track,
  body.home-page .investment-value-ghost,
  body.home-page .resource-backdrop span,
  body.home-page .news-backdrop span,
  body.home-page .partner-backdrop__word,
  body.home-page .partner-network__orbit,
  body.home-page .partner-network__node::before,
  body.home-page .resource-cover__object {
    animation: none !important;
  }

  body.home-page .about-motion {
    opacity: .42 !important;
  }

  /* Give each chapter its own readable mobile rhythm rather than emulating
     a desktop viewport-height composition. */
  body.home-page .section--about,
  body.home-page .section--work,
  body.home-page .section--investment,
  body.home-page .section--resource,
  body.home-page .section--news,
  body.home-page .partner-section {
    min-height: 0 !important;
    height: auto !important;
    padding-top: clamp(68px, 13vw, 96px) !important;
    padding-bottom: clamp(72px, 14vw, 108px) !important;
  }

  body.home-page .section-label {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: min(100% - 32px, 720px) !important;
    margin: 0 auto 30px !important;
    padding: 0 0 12px !important;
  }

  body.home-page .about-editorial,
  body.home-page .work-editorial,
  body.home-page .investment-thesis,
  body.home-page .resource-grid,
  body.home-page .news-heading--editorial,
  body.home-page .news-editorial,
  body.home-page .partner-section__inner {
    width: min(100% - 32px, 720px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-page .about-editorial {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
  }

  body.home-page .about-editorial__statement,
  body.home-page .about-editorial__copy {
    max-width: none !important;
  }

  body.home-page .about-editorial__copy p,
  body.home-page .work-editorial__lead,
  body.home-page .investment-friction p,
  body.home-page .resource-copy p,
  body.home-page .partner-section__inner > p {
    font-size: clamp(.98rem, 3.7vw, 1.08rem) !important;
    line-height: 1.62 !important;
  }

  body.home-page .work-chapter-kicker {
    width: min(100% - 32px, 720px);
    margin: 0 auto 28px;
  }

  body.home-page .work-editorial {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    margin-top: 0 !important;
  }

  body.home-page .work-editorial__intro h2 {
    font-size: clamp(3rem, 15vw, 4.9rem) !important;
    line-height: .9 !important;
    max-width: 9ch !important;
  }

  body.home-page .work-system__item {
    min-height: 68px !important;
    padding: 16px 0 !important;
  }

  body.home-page .work-system__detail {
    margin-left: 0 !important;
    margin-top: 20px !important;
    padding: 20px !important;
  }

  body.home-page .investment-thesis {
    padding-top: 0 !important;
  }

  body.home-page .investment-title {
    max-width: 8ch !important;
    font-size: clamp(3.2rem, 16vw, 5.2rem) !important;
    line-height: .91 !important;
  }

  body.home-page .investment-value-ghost {
    opacity: .05 !important;
    font-size: 36vw !important;
  }

  body.home-page .investment-path {
    margin-top: 36px !important;
    overflow: hidden !important;
  }

  body.home-page .investment-path__rail {
    width: calc(100% - 12px) !important;
    margin-inline: 6px !important;
  }

  body.home-page .investment-path__step {
    font-size: clamp(.72rem, 3vw, .86rem) !important;
  }

  body.home-page .resource-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }

  body.home-page .resource-cover {
    width: min(82vw, 360px) !important;
    margin: 0 auto !important;
  }

  body.home-page .resource-copy h2 {
    font-size: clamp(2.65rem, 12vw, 4rem) !important;
    line-height: .94 !important;
  }

  body.home-page .news-heading--editorial {
    display: block !important;
    margin-bottom: 30px !important;
  }

  body.home-page .news-heading--editorial .display-heading {
    font-size: clamp(2.8rem, 13vw, 4.2rem) !important;
    line-height: .92 !important;
  }

  body.home-page .news-editorial--publication .news-editorial__story {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.home-page .news-editorial--publication .news-editorial__image-inner {
    min-height: 0 !important;
    aspect-ratio: 16 / 10 !important;
  }

  body.home-page .news-editorial--publication .news-editorial__content {
    padding: 0 !important;
  }

  body.home-page .partner-section__inner {
    display: block !important;
  }

  body.home-page .partner-section__inner h2 {
    max-width: 10ch !important;
    font-size: clamp(2.9rem, 13.5vw, 4.4rem) !important;
    line-height: .92 !important;
  }

  /* The orbit remains recognisable, but is scaled into the phone instead of
     allowing the right-hand nodes to be clipped. */
  body.home-page .partner-network {
    width: min(100%, 420px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin: 42px auto 0 !important;
    transform: none !important;
  }

  body.home-page .partner-network__node {
    transform: scale(.82) !important;
    transform-origin: center !important;
  }

  body.home-page .site-footer.final-morph-runway {
    min-height: 0 !important;
    height: auto !important;
  }
}

@media (max-width: 520px) {
  body.home-page .editorial-header {
    min-height: 64px !important;
  }

  body.home-page .signature-hero__fullscreen-content {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  body.home-page .signature-hero__fullscreen .signature-hero__statement h1 {
    font-size: clamp(2.7rem, 11.5vw, 3.55rem) !important;
    line-height: .94 !important;
  }

  body.home-page .signature-hero__fullscreen .signature-hero__intro {
    font-size: .92rem !important;
    line-height: 1.55 !important;
  }

  body.home-page .section--about .about-motion {
    display: none !important;
  }

  body.home-page .partner-network__node {
    transform: scale(.72) !important;
  }
}

/* =========================================================
   V15 — mobile finishing polish
   Keep desktop/locked morph behaviour untouched.
   ========================================================= */
@media (max-width: 860px) {
  /* Use one deliberate phone gutter across homepage editorial chapters. */
  body.home-page .section-label,
  body.home-page .about-editorial,
  body.home-page .work-editorial,
  body.home-page .work-chapter-kicker,
  body.home-page .investment-thesis,
  body.home-page .resource-grid,
  body.home-page .news-heading--editorial,
  body.home-page .news-editorial,
  body.home-page .partner-section__inner {
    width: calc(100% - 48px) !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-page .work-chapter-kicker,
  body.home-page .work-editorial__intro,
  body.home-page .work-editorial__lead,
  body.home-page .work-system,
  body.home-page .work-editorial__footer,
  body.home-page .investment-thesis__statement,
  body.home-page .investment-friction,
  body.home-page .resource-copy,
  body.home-page .partner-section__inner > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* The progress marker must be allowed to extend above/below its 1px rail. */
  body.home-page .investment-path {
    overflow: visible !important;
  }

  body.home-page .investment-path__rail {
    overflow: visible !important;
  }

  /* Desktop closing-frame accent crosses the logo on short phone layouts. */
  body.home-page .site-footer.final-morph-runway::before {
    display: none !important;
  }
}

@media (max-width: 520px) {
  body.home-page .signature-hero__fullscreen-content {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* =========================================================
   V16 — one mobile editorial baseline
   Every intentionally left-aligned homepage element shares
   the same 24px phone gutter. Desktop morph geometry untouched.
   ========================================================= */
@media (max-width: 860px) {
  body.home-page {
    --home-mobile-gutter: 24px;
  }

  /* Main chapter anchors and copy blocks */
  body.home-page .section-label,
  body.home-page .about-editorial,
  body.home-page .work-chapter-kicker,
  body.home-page .work-editorial,
  body.home-page .work-editorial__footer,
  body.home-page .investment-thesis,
  body.home-page .investment-friction,
  body.home-page .resource-grid,
  body.home-page .news-heading--editorial,
  body.home-page .news-editorial,
  body.home-page .partner-editorial,
  body.home-page .partner-section__label {
    box-sizing: border-box !important;
    width: calc(100% - (2 * var(--home-mobile-gutter))) !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Nested copy must start on the container baseline, not add old desktop offsets. */
  body.home-page .work-chapter-kicker,
  body.home-page .work-editorial__intro,
  body.home-page .work-editorial__panel,
  body.home-page .work-editorial__lead,
  body.home-page .work-system,
  body.home-page .work-editorial__footer > *,
  body.home-page .investment-thesis__statement,
  body.home-page .investment-friction > *,
  body.home-page .resource-copy,
  body.home-page .resource-copy > *,
  body.home-page .news-heading--editorial > *,
  body.home-page .partner-editorial__copy,
  body.home-page .partner-editorial__copy > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Keep the What We Do closing sentence + CTA on the same baseline. */
  body.home-page .work-editorial__footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home-page .work-editorial__footer .text-link {
    display: inline-flex !important;
    width: max-content !important;
    max-width: 100% !important;
  }

  /* Partner chapter used its own desktop width rather than partner-section__inner. */
  body.home-page .partner-editorial {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 520px) {
  body.home-page {
    --home-mobile-gutter: 24px;
  }
}