.about-page .journey-header .is-current::after { transform: scaleX(1); }

.header-contact {
  padding-block: 5px;
  border-bottom: 1px solid currentColor;
  color: var(--ink-soft);
  font-size: 0.78rem;
  font-weight: 680;
  text-decoration: none;
}

.about-main { min-height: calc(100svh - 76px); }

.about-hero {
  display: grid;
  min-height: 590px;
  grid-template-columns: minmax(260px, 0.52fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(64px, 9vw, 150px);
  padding-block: clamp(86px, 10vw, 132px) 76px;
  border-top: 1px solid var(--ink);
}

.about-sigil {
  position: relative;
  display: grid;
  width: min(100%, 360px);
  aspect-ratio: 1;
  place-items: center;
  margin-inline: auto;
}

.about-sigil::before,
.about-sigil::after {
  position: absolute;
  content: "";
  border: 1px solid rgba(71, 117, 108, 0.38);
  border-radius: 50%;
}

.about-sigil::before { inset: 0; }
.about-sigil::after { inset: 13%; border-color: rgba(128, 107, 76, 0.24); }
.about-sigil img { position: relative; width: 47%; height: auto; }

.about-copy { min-width: 0; }
.about-copy h1 { max-width: 760px; margin: 0 0 38px; font-size: clamp(4.3rem, 7.2vw, 7.2rem); }
.about-copy p { max-width: 760px; margin: 0; color: var(--ink-soft); font-family: var(--font-display); font-size: clamp(1.35rem, 2vw, 1.85rem); line-height: 1.55; }

.about-ledger {
  display: grid;
  grid-template-columns: minmax(220px, 0.48fr) minmax(0, 1fr);
  margin-bottom: clamp(86px, 10vw, 132px);
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--line);
}

.about-ledger > div { min-width: 0; padding: 30px 32px 34px 0; }
.about-ledger > div + div { padding-left: 32px; border-left: 1px solid var(--line); }
.about-ledger dt { margin-bottom: 16px; color: var(--cinnabar); font-size: 0.72rem; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; }
.about-ledger dd { margin: 0; font-family: var(--font-display); font-size: clamp(1.9rem, 3vw, 3.2rem); line-height: 1.2; }
.about-ledger a { color: var(--patina-deep); text-decoration-thickness: 1px; text-underline-offset: 8px; overflow-wrap: anywhere; }

@media (max-width: 800px) {
  .about-page .header-contact { display: none; }
  .about-main { min-height: auto; }
  .about-hero { min-height: auto; grid-template-columns: 1fr; gap: 48px; padding-block: 68px 54px; }
  .about-sigil { width: min(58vw, 230px); }
  .about-copy h1 { margin-bottom: 28px; font-size: clamp(3.6rem, 16vw, 5.2rem); }
  .about-copy p { font-size: clamp(1.18rem, 5vw, 1.48rem); }
  .about-ledger { grid-template-columns: 1fr; }
  .about-ledger > div { padding: 26px 0 30px; }
  .about-ledger > div + div { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .about-ledger dd { font-size: clamp(1.8rem, 8vw, 2.6rem); }
}