/* About us — palmer-bets-about-us 55:224 / -mobile 90:141 */

/* ── editorial intro  55:254 ──────────────────────────────────────────── */
.about-hero { background: #fff; }
.about-hero__inner { display: grid; grid-template-columns: minmax(0, 733fr) 515px; gap: 32px; align-items: center; padding-block: 96px; }
.about-hero__copy { display: flex; flex-direction: column; gap: 24px; }
.about-hero__eyebrow { font-weight: 700; font-size: 13px; line-height: 17px; color: var(--color-brand); letter-spacing: .12em; }
.about-hero__title { font-family: var(--font-display); font-weight: 700; font-size: 56px; line-height: 60px; color: var(--color-text); }
.about-hero__lead { font-size: 18px; line-height: 28px; color: var(--color-muted-2); }
.about-hero__media { display: block; height: 386px; border-radius: var(--radius-md); overflow: hidden; }
.about-hero__media img { width: 100%; height: 100%; object-fit: cover; }

/* ── identity strip  55:261 ───────────────────────────────────────────── */
.identity { background: var(--color-surface-3); box-shadow: inset 0 0 0 1px var(--color-border); }
.identity__inner { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; min-height: 90px; margin-block: 0; }   /* dl reset — margin-inline stays auto from .container */
.identity__item { display: flex; flex-direction: column; gap: 4px; padding: 0 32px; }
.identity__item:first-child { padding-left: 0; }
.identity__item + .identity__item { box-shadow: inset 1px 0 0 var(--color-border); }
.identity__label { font-weight: 700; font-size: 11px; line-height: 14px; color: var(--color-muted-2); letter-spacing: 1px; }
.identity__value { font-weight: 600; font-size: 16px; line-height: 21px; color: var(--color-text); }

/* ── our story  55:282 ────────────────────────────────────────────────── */
.story { background: #fff; }
.story__inner { display: grid; grid-template-columns: 405px minmax(0, 1fr); gap: 32px; align-items: start; padding-block: 96px; }
.story__left { display: flex; flex-direction: column; gap: 12px; }
.story__num { font-family: var(--font-display); font-weight: 700; font-size: 48px; line-height: 65px; color: var(--color-brand); }
.story__title { font-weight: 700; font-size: 14px; line-height: 18px; color: var(--color-text); letter-spacing: .04em; }
.story__right { display: flex; flex-direction: column; gap: 20px; }
.story__lead { font-weight: 500; font-size: 22px; line-height: 32px; color: var(--color-text); }
.story__text { font-size: 16px; line-height: 26px; color: var(--color-muted-2); }

/* ── what we offer  55:291 ────────────────────────────────────────────── */
.offer { padding: 96px 0; background: #fff; }
.offer__head { display: flex; flex-direction: column; gap: 8px; margin-bottom: 48px; }
.offer__title { font-weight: 700; font-size: 14px; line-height: 18px; color: var(--color-text); letter-spacing: .04em; }
.offer__lead { font-size: 16px; line-height: 21px; color: var(--color-muted-2); }
.offer__rows { display: flex; flex-direction: column; }
.offer-row { display: grid; grid-template-columns: 60px 280px minmax(0, 1fr) 180px; gap: 40px; align-items: center; padding: 28px 0; box-shadow: inset 0 1px 0 var(--color-border); }
.offer-row:last-child { box-shadow: inset 0 1px 0 var(--color-border), inset 0 -1px 0 var(--color-border); }
.offer-row--nolink { grid-template-columns: 60px 280px minmax(0, 1fr); }
.offer-row__num { font-family: var(--font-display); font-weight: 700; font-size: 24px; line-height: 32px; color: var(--color-brand); }
.offer-row__title { font-family: var(--font-display); font-weight: 700; font-size: 20px; line-height: 27px; color: var(--color-text); }
.offer-row__text { font-size: 15px; line-height: 20px; color: var(--color-muted-2); }
.offer-row__link { font-weight: 700; font-size: 13px; line-height: 17px; color: var(--color-brand); text-decoration: none; text-align: right; white-space: nowrap; }
.offer-row__link:hover { text-decoration: underline; }

/* ── mobile  90:141 ───────────────────────────────────────────────────── */
@media (max-width: 1199px) {
  .about-hero__inner { grid-template-columns: 1fr; gap: 20px; padding-block: 32px; }
  .about-hero__copy { gap: 12px; }
  .about-hero__eyebrow { font-size: 11px; line-height: 14px; }
  .about-hero__title { font-size: 36px; line-height: 40px; }
  .about-hero__lead { font-size: 15px; line-height: 22px; }
  .about-hero__media { height: 200px; }

  .identity { background: var(--color-surface); box-shadow: none; }
  .identity__inner { grid-template-columns: 1fr 1fr; min-height: 0; padding: 0; }
  .identity__item { gap: 4px; padding: 16px; }
  .identity__item:first-child { padding-left: 16px; }
  .identity__item + .identity__item { box-shadow: none; }
  .identity__label { font-size: 10px; line-height: 13px; }
  .identity__value { font-weight: 700; font-size: 13px; line-height: 17px; }

  .story__inner { grid-template-columns: 1fr; gap: 16px; padding-block: 40px; }
  .story__left { gap: 4px; }
  .story__num { font-size: 28px; line-height: 38px; }
  .story__right { gap: 16px; }
  .story__lead { font-size: 20px; line-height: 28px; }
  .story__text { font-size: 14px; line-height: 22px; }

  .offer { padding: 40px 0; }
  .offer__head { gap: 6px; margin-bottom: 24px; }
  .offer__title { font-size: 18px; line-height: 23px; }
  .offer__lead { font-size: 14px; line-height: 18px; }
  .offer-row, .offer-row--nolink { grid-template-columns: auto 1fr; grid-template-areas: "num title" "text text" "link link"; gap: 12px; padding: 20px 0; }
  .offer-row__num { grid-area: num; font-size: 20px; line-height: 27px; }
  .offer-row__title { grid-area: title; font-size: 20px; line-height: 27px; }
  .offer-row__text { grid-area: text; font-size: 14px; line-height: 20px; }
  .offer-row__link { grid-area: link; text-align: left; }
}