[data-cordtex-redesign="desktop-v1"] .ct-nav .is-current { font-weight: 650; }

[data-cordtex-redesign="desktop-v1"] .ct-about-stage {
  display: grid;
  block-size: calc(100svh - var(--ct-header-total));
  min-block-size: 0;
  grid-template-rows: minmax(0, 1fr) auto auto;
  background: #fbfbfb;
}

[data-cordtex-redesign="desktop-v1"] .ct-about-stage__main {
  display: grid;
  min-block-size: 0;
  gap: clamp(2.5rem, 4.25vw, 5rem);
  padding: clamp(1.25rem, 2.6svh, 2rem) clamp(2.75rem, 4.35vw, 5.5rem) clamp(1rem, 2svh, 1.5rem);
  grid-template-columns: minmax(23rem, 1fr) auto;
}

[data-cordtex-redesign="desktop-v1"] .ct-about-stage__story {
  display: flex;
  min-inline-size: 0;
  flex-direction: column;
  justify-content: center;
  padding-inline-end: clamp(2rem, 3vw, 3.5rem);
  border-inline-end: 1px solid var(--ct-color-line);
  grid-column: 1;
  grid-row: 1;
}

[data-cordtex-redesign="desktop-v1"] .ct-about-stage .ct-overline {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 0.8rem;
  color: var(--ct-color-muted);
  font-size: var(--ct-type-meta);
  font-weight: 600;
  letter-spacing: 0.105em;
}

[data-cordtex-redesign="desktop-v1"] .ct-about-stage .ct-overline::before { inline-size: 1.75rem; block-size: 1px; background: var(--ct-color-signal); content: ""; }

[data-cordtex-redesign="desktop-v1"] .ct-about-stage h1 {
  margin: 0;
  font-size: var(--ct-type-about-h1);
  font-weight: 610;
  letter-spacing: -0.043em;
  line-height: 1.035;
}

[data-cordtex-redesign="desktop-v1"] .ct-about-stage__copy { max-inline-size: 32rem; margin-block-start: 1.1rem; }
[data-cordtex-redesign="desktop-v1"] .ct-about-stage__copy p { margin: 0; color: var(--ct-color-copy); font-size: var(--ct-type-page-copy); line-height: 1.48; }
[data-cordtex-redesign="desktop-v1"] .ct-about-stage__copy p + p { margin-block-start: 0.55rem; }

[data-cordtex-redesign="desktop-v1"] .ct-about-stage__action { display: inline-flex; inline-size: fit-content; min-block-size: 2.5rem; align-items: center; gap: 0.65rem; margin-block-start: 1rem; border-block-end: 1px solid var(--ct-color-line-strong); color: var(--ct-color-ink); font-size: var(--ct-type-page-action); font-weight: 620; letter-spacing: 0.07em; text-decoration: none; }
[data-cordtex-redesign="desktop-v1"] .ct-about-stage__action > span { inline-size: 0.35rem; block-size: 0.35rem; border: 1px solid var(--ct-color-signal); }
[data-cordtex-redesign="desktop-v1"] .ct-about-stage__action b { color: var(--ct-color-signal); font-weight: 500; }

[data-cordtex-redesign="desktop-v1"] .ct-about-stage__visual { position: relative; overflow: hidden; box-sizing: border-box; inline-size: auto; block-size: 100%; min-inline-size: 0; aspect-ratio: 4 / 3; margin: 0; border: 1px solid var(--ct-color-line); background: #fbfbfb; grid-column: 2; grid-row: 1; }
[data-cordtex-redesign="desktop-v1"] .ct-about-stage__visual img { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; object-position: center; }
[data-cordtex-redesign="desktop-v1"] .ct-about-stage__visual figcaption { position: absolute; inset-block-end: 0.8rem; inset-inline-end: 1rem; display: flex; align-items: center; gap: 0.55rem; color: rgba(255,255,255,.78); font-size: var(--ct-type-micro); font-weight: 600; letter-spacing: 0.06em; }
[data-cordtex-redesign="desktop-v1"] .ct-about-stage__visual figcaption span { inline-size: 1.5rem; block-size: 1px; background: var(--ct-color-signal); }

[data-cordtex-redesign="desktop-v1"] .ct-about-directions {
  display: grid;
  min-block-size: 5.5rem;
  gap: clamp(2rem, 4vw, 4.5rem);
  margin-inline: clamp(2.75rem, 4.35vw, 5.5rem) clamp(1.5rem, 2.5vw, 3rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-cordtex-redesign="desktop-v1"] .ct-about-directions a { position: relative; display: grid; align-content: center; padding: 0.8rem 0 0.65rem; border-block-start: 1px solid var(--ct-color-line-strong); color: var(--ct-color-ink); text-decoration: none; grid-template-columns: 2rem 1fr auto; grid-template-rows: auto auto; }
[data-cordtex-redesign="desktop-v1"] .ct-about-directions a::before { position: absolute; inset-block-start: -0.1875rem; inset-inline-start: 0; inline-size: 0.3125rem; block-size: 0.3125rem; border: 1px solid var(--ct-color-signal); background: #fbfbfb; content: ""; }
[data-cordtex-redesign="desktop-v1"] .ct-about-directions span { color: #8a7424; font-size: var(--ct-type-label); }
[data-cordtex-redesign="desktop-v1"] .ct-about-directions strong { font-size: var(--ct-type-about-direction); letter-spacing: 0.03em; }
[data-cordtex-redesign="desktop-v1"] .ct-about-directions small { margin-block-start: 0.35rem; color: var(--ct-color-muted); font-size: var(--ct-type-caption); line-height: 1.3; grid-column: 2; }
[data-cordtex-redesign="desktop-v1"] .ct-about-directions i { color: var(--ct-color-muted); font-style: normal; grid-column: 3; grid-row: 1 / span 2; }
[data-cordtex-redesign="desktop-v1"] .ct-about-directions a:is(:hover, :focus-visible) i { color: var(--ct-color-signal); }

@media (max-width: 64rem) {
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__main { gap: 2rem; padding-inline: 2.75rem; grid-template-columns: minmax(20rem, 1.05fr) minmax(0, .95fr); }
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__story { padding-inline-end: 1.75rem; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__visual { inline-size: 100%; block-size: auto; align-self: center; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-directions { margin-inline-start: 2.75rem; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-directions { gap: 2rem; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-directions a { grid-template-columns: 1.5rem 1fr auto; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-directions small { display: none; }
}

@media (max-width: 46rem) {
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__main { gap: 1.25rem; padding-inline: 2rem; grid-template-columns: minmax(19rem, 1.18fr) minmax(0, .82fr); }
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__copy p:nth-child(2) { display: none; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-directions { margin-inline: 0; }
}

@media (max-height: 52rem) and (min-width: 56.3125rem) {
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__main { padding-block: 1rem; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__copy { margin-block-start: .75rem; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__copy p { line-height: 1.4; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__action { margin-block-start: .65rem; }
  [data-cordtex-redesign="desktop-v1"] .ct-about-directions { min-block-size: 4.75rem; }
}

@media (max-width: 44rem) {
  [data-cordtex-redesign="desktop-v1"] .ct-about-stage {
    block-size: auto;
    min-block-size: calc(100svh - var(--ct-header-total));
    grid-template-rows: auto auto auto;
  }

  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__main {
    min-block-size: calc(100svh - var(--ct-header-total) - 5.25rem);
    align-items: start;
    gap: 1.25rem;
    padding: 2.5rem 2rem 1.5rem;
    grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
  }

  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__story {
    padding-inline-end: .75rem;
  }

  [data-cordtex-redesign="desktop-v1"] .ct-about-stage__visual {
    inline-size: 100%;
    block-size: auto;
    align-self: start;
  }

  [data-cordtex-redesign="desktop-v1"] .ct-about-directions {
    min-block-size: 5.25rem;
    margin-inline: 2rem;
  }

  [data-cordtex-redesign="desktop-v1"] .ct-about-stage .ct-hub-footer {
    block-size: auto;
    min-block-size: 0;
  }

  [data-cordtex-redesign="desktop-v1"] .ct-about-stage .ct-hub-footer__main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 2.5rem;
    padding: 1.5rem 2rem;
  }
}