/* An editorial path: studio text first, its Manchester reference alongside it. */
.page--about .ab-story__inner {
  max-width: 1040px;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: clamp(36px, 5vw, 72px);
  align-items: center;
}
.story-intro { max-width: 720px; }
.story-intro .kicker { margin-bottom: 22px; }
.story-intro h2 { font-size: clamp(2rem, 4.5vw, 3.4rem); line-height: 1.08; letter-spacing: -.04em; margin: 0 0 24px; max-width: 16ch; }
.story-intro > p:last-child { max-width: 52ch; color: #C4CFE4; font-size: clamp(16px, 1.4vw, 18px); line-height: 1.8; margin: 0; }
.page--about .ab-story__inner .manchester-map { margin: 0; justify-self: center; }
#story, #heritage-heading, #values { scroll-margin-top: 120px; }
.story-path { position: relative; max-width: 1040px; margin: 58px auto 0; padding-left: 28px; }
.story-path::before { content: ''; position: absolute; top: 12px; bottom: 24px; left: 3px; width: 1px; background: linear-gradient(#557FE3, #3159D75E); pointer-events: none; }
.story-chapter { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: clamp(36px, 5vw, 72px); align-items: start; padding-bottom: 46px; }
.story-chapter:last-child { padding-bottom: 0; }
.story-chapter::before { content: ''; position: absolute; top: 7px; left: -28px; width: 7px; height: 7px; border-radius: 50%; background: #91ADFF; box-shadow: 0 0 0 4px #101A2D; }
.story-chapter__copy { min-width: 0; }
.story-chapter__copy .story-chapter__step { color: #9DB8FF; font: 500 11px/1.6 var(--font-body); letter-spacing: .1em; text-transform: uppercase; margin: 0 0 12px; }
.story-chapter__step span { display: inline-block; margin-right: 10px; color: #D4DFFF; font-variant-numeric: tabular-nums; }
.story-chapter__copy h3 { font: 500 clamp(23px, 2.2vw, 30px)/1.2 var(--font-display); letter-spacing: -.025em; color: #EEF3FF; margin: 0 0 20px; }
.story-chapter__copy > p:not(.story-chapter__step) { max-width: 64ch; color: #C4CFE4; font-size: clamp(16px, 1.2vw, 17px); line-height: 1.85; margin: 0 0 17px; }
.story-chapter__copy > p:last-child { margin-bottom: 0; }
.story-landmark { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 4px 10px; padding: 12px 12px 0; min-width: 0; border: 1px solid #344A75; border-radius: 18px; background: #101A2D; box-shadow: inset 0 1px #BDD0FF12; }
.story-landmark > img { display: block; width: 96px; height: 76px; max-width: none; object-fit: contain; margin-left: -12px; }
.story-landmark h4 { color: #E4ECFF; font: 500 16px/1.35 var(--font-display); letter-spacing: -.02em; margin: 3px 0 4px; }
.story-landmark .heritage-details__body p { color: #BCC9E1; font-size: 13px; line-height: 1.7; margin: 0; }
.story-landmark .heritage-details__body p + p { margin-top: 12px; }
.page--about .ab-values { padding-top: clamp(38px, 5vw, 64px); }
.page--about .ab-values__inner { max-width: 1040px; }
.page--about #values-heading { margin-bottom: 26px; }
.values-lessons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px clamp(36px, 6vw, 80px); }
.values-lessons > section { border-top: 1px solid #42639788; padding-top: 22px; min-width: 0; }
.values-lessons h3 { color: #EEF3FF; font: 500 22px/1.3 var(--font-display); letter-spacing: -.025em; margin: 0 0 12px; }
.values-lessons p { color: #C4CFE4; max-width: 58ch; font-size: 16px; line-height: 1.85; margin: 0; }
@media (max-width: 900px) {
  .page--about .ab-story__inner, .story-chapter { grid-template-columns: minmax(0, 1fr) 240px; gap: 30px; }
  .story-landmark { grid-template-columns: 60px minmax(0, 1fr); gap: 4px 8px; }
  .story-landmark > img { width: 84px; height: 70px; }
}
@media (max-width: 700px) {
  .page--about .ab-story__inner { grid-template-columns: 1fr; gap: 30px; }
  .story-intro h2 { max-width: 17ch; }
  .story-path { margin-top: 40px; padding-left: 21px; }
  .story-chapter { grid-template-columns: 1fr; gap: 22px; padding-bottom: 40px; }
  .story-chapter::before { left: -21px; }
  .story-landmark { width: 100%; max-width: 520px; grid-template-columns: 78px minmax(0, 1fr); padding: 12px 14px 0; gap: 4px 10px; }
  .story-landmark > img { width: 104px; height: 78px; margin-left: -13px; }
  .story-chapter__copy h3 { margin-bottom: 16px; }
  .story-chapter__copy > p:not(.story-chapter__step) { line-height: 1.8; }
  .values-lessons { grid-template-columns: 1fr; gap: 25px; }
}
@media (max-width: 360px) {
  .story-landmark { grid-template-columns: 56px minmax(0, 1fr); gap: 4px 8px; padding-inline: 10px; }
  .story-landmark > img { width: 80px; height: 66px; margin-left: -12px; }
  .story-landmark h4 { font-size: 15px; }
  .story-landmark .heritage-era { font-size: 9px; }
}