.about-owner {
  padding: 110px max(5vw, 24px);
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 8vw;
  border-top: 1px solid var(--line);
  background: linear-gradient(145deg, #090b10, #11141b);
}

.owner-kicker {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.owner-location {
  color: #767c88;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.owner-copy h2 {
  margin: 0 0 28px;
  font: 700 clamp(3.4rem, 6vw, 6rem)/.91 Barlow Condensed, sans-serif;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.owner-copy p {
  max-width: 760px;
  color: #aeb3bd;
  font-size: 18px;
}

.owner-copy strong { color: #f0f1f4; }

.owner-link {
  display: inline-flex;
  gap: 28px;
  margin-top: 18px;
  padding-bottom: 7px;
  color: #79bdff;
  font-weight: 700;
  border-bottom: 2px solid #1677ff;
}

.story-page { padding: 90px max(5vw, 24px) 120px; }
.story-hero { max-width: 980px; margin-bottom: 72px; }
.story-hero h1 { margin: 0; font: 700 clamp(4rem, 8vw, 8rem)/.88 Barlow Condensed, sans-serif; letter-spacing: -.03em; text-transform: uppercase; }
.story-hero h1 em { display: block; color: transparent; font-style: normal; -webkit-text-stroke: 1px #b9bdc8; }
.story-hero .lead { max-width: 780px; margin: 30px 0 0; color: #c4c8d1; font-size: 21px; }
.story-body { display: grid; grid-template-columns: minmax(180px,.45fr) minmax(0,1.2fr); gap: 7vw; max-width: 1120px; }
.story-nav { position: sticky; top: 30px; align-self: start; border-top: 1px solid var(--line); }
.story-nav a { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); color: #9ca1ad; font-size: 13px; }
.story-content section { margin-bottom: 68px; scroll-margin-top: 24px; }
.story-content h2 { margin: 0 0 24px; font: 700 clamp(2.5rem, 5vw, 4.4rem)/.95 Barlow Condensed, sans-serif; text-transform: uppercase; }
.story-content p { color: #b1b6c0; font-size: 18px; }
.story-content .generation-lines { padding: 24px 0 24px 28px; border-left: 3px solid var(--accent); color: #edf0f5; font: 600 20px/1.7 Barlow Condensed, sans-serif; text-transform: uppercase; }
.story-close { padding-top: 34px; border-top: 1px solid var(--line); color: #fff !important; font: 700 clamp(2rem,4vw,3.4rem)/1 Barlow Condensed, sans-serif !important; text-transform: uppercase; }

@media (max-width: 850px) {
  .about-owner { grid-template-columns: 1fr; gap: 28px; }
  .owner-kicker { display: block; }
  .story-body { grid-template-columns: 1fr; }
  .story-nav { position: static; display: grid; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 520px) {
  .about-owner { padding-top: 84px; padding-bottom: 84px; }
  .owner-copy p { font-size: 16px; }
  .story-page { padding-top: 60px; }
  .story-hero .lead, .story-content p { font-size: 16px; }
  .story-nav { grid-template-columns: 1fr; }
}