/* About page only. Shared styles live in site.css. */

/* no single word left alone on the last line of an intro */
.section-lede,.page-lede{text-wrap:pretty}

.about-note{margin-top:32px;max-width:640px}

/* ownership: heading on the left, the five points as ruled rows on the right */
.own{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:start}
.own-head{position:sticky;top:calc(var(--header-h) + 32px)}
.own-head .section-title{font-size:clamp(3rem,1.4rem + 6vw,6.4rem);line-height:.94}
.own-list{margin:0;border-top:1px solid var(--line-light)}
.own-list>div{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:8px 28px;padding:26px 0;border-bottom:1px solid var(--line-light)}
.own-list dt{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.03em;line-height:1.15;color:var(--yellow)}
.own-list dd{margin:0;font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.8)}

/* modern tools note */
.how{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:start}
.how-copy .section-title{max-width:11ch}
.how-text{font-family:var(--display);font-weight:600;font-size:clamp(1.3rem,1rem + 1.1vw,1.85rem);line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.how-label{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.how-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.how-tools li{padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:15px;font-weight:600;color:var(--ink-3)}

@media (max-width:899px){
  .own,.how{grid-template-columns:1fr}
  .own-head{position:static}
}
@media (max-width:599px){
  .own-list>div{grid-template-columns:1fr;padding:22px 0}
}