.about-page { background:var(--bg); color:var(--ink); }

.about-page h1,
.about-page h2,
.about-page h3,
.about-page blockquote {
  margin:0;
  font-family:var(--display);
  font-weight:400;
  letter-spacing:-.038em;
  text-wrap:balance;
}

.about-hero {
  padding:clamp(112px,9vw,138px) 0 clamp(46px,5vw,64px);
}
.about-hero-grid {
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:0 clamp(34px,5vw,78px);
  align-items:start;
}
.about-hero-grid > .eyebrow { margin-top:13px; }
.about-hero h1 {
  max-width:980px;
  grid-column:2;
  font-size:clamp(60px,7.2vw,104px);
  line-height:.96;
}
.about-hero-bottom {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);
  gap:clamp(34px,5vw,78px);
  grid-column:2;
  margin:38px 0 0;
}
.about-hero-bottom p {
  margin:0;
  color:var(--body);
  font-size:clamp(17px,1.6vw,21px);
  line-height:1.5;
}
.about-hero-bottom .about-hero-list {
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  line-height:1.75;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.about-catalog-strip {
  padding-top:28px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.about-catalog-strip p {
  margin:0 0 18px calc(140px + clamp(34px,5vw,78px));
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-logo-rail {
  width:100%;
  overflow:hidden;
  border-top:1px solid var(--line);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
}
.about-logo-track {
  display:flex;
  width:max-content;
  animation:about-logo-scroll 48s linear infinite;
}
.about-logo-group { display:flex; }
.about-logo {
  width:clamp(220px,18vw,310px);
  min-height:136px;
  padding:20px 24px;
  border-right:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-logo img {
  display:block;
  width:auto;
  height:auto;
  max-width:82%;
  max-height:82px;
  object-fit:contain;
}
.about-logo-uefa img { max-height:94px; }
.about-logo-f1 img { max-width:78%; }
.about-logo-nba img,
.about-logo-nfl img { max-height:92px; }
.about-logo-live-nation img { max-width:76%; }
.about-logo-us-open img { max-width:84%; }
.about-logo-wimbledon img,
.about-logo-paramount img { max-height:94px; }
.about-logo-fifa img { max-width:72%; }
@keyframes about-logo-scroll { to { transform:translateX(-50%); } }

.about-intro { padding:clamp(76px,8vw,112px) 0 clamp(48px,5vw,68px); }
.about-editorial-grid {
  display:grid;
  grid-template-columns:140px minmax(0,1fr) minmax(320px,.72fr);
  gap:clamp(34px,5vw,78px);
  align-items:start;
}
.about-index {
  margin:8px 0 0;
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  line-height:1.5;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-editorial-title h2,
.about-sides-heading h2,
.about-model-heading h2,
.about-close h2 {
  font-size:clamp(46px,5.5vw,76px);
  line-height:1;
}
.about-editorial-title h2 { max-width:10ch; }
.about-editorial-copy { padding-top:5px; }
.about-editorial-copy p {
  margin:0;
  color:var(--body);
  font-size:17px;
  line-height:1.72;
}
.about-editorial-copy p + p { margin-top:20px; }

.about-facts {
  display:grid;
  grid-template-columns:140px repeat(3,minmax(0,1fr));
  gap:clamp(24px,5vw,78px);
  margin-top:clamp(76px,8vw,112px);
  padding-top:0;
}
.about-facts p { margin:0; }
.about-facts-label {
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-facts strong {
  display:block;
  font-family:var(--display);
  font-size:clamp(34px,4vw,52px);
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1;
}
.about-facts span {
  display:block;
  margin-top:9px;
  color:var(--muted);
  font-size:13px;
}

.about-sides {
  padding:clamp(72px,7vw,104px) 0 clamp(48px,5vw,68px);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.about-sides-heading {
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:clamp(34px,5vw,78px);
  align-items:start;
  margin-bottom:clamp(52px,6vw,80px);
}
.about-sides-heading h2 { max-width:12ch; }
.about-side-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto auto auto auto;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.about-side {
  display:grid;
  grid-column:1;
  grid-row:1 / span 4;
  grid-template-rows:subgrid;
  min-width:0;
  padding:clamp(42px,5vw,68px) clamp(36px,4vw,60px);
}
.about-side-creator {
  grid-column:2;
  border-left:1px solid var(--line);
}
.about-side-intro { min-height:380px; }
.about-side-intro h3 {
  max-width:none;
  margin-top:16px;
  font-size:clamp(38px,4.4vw,60px);
  line-height:1.02;
}
.about-side-intro > p:last-child {
  max-width:520px;
  margin:25px 0 0;
  color:var(--body);
  font-size:16px;
  line-height:1.7;
}
.about-side-points { display:contents; margin:0; }
.about-side-points > div {
  padding:22px 0;
  border-top:1px solid var(--line);
}
.about-side-points dt {
  color:var(--ink);
  font-size:14px;
  font-weight:600;
  line-height:1.45;
}
.about-side-points dd {
  max-width:52ch;
  margin:9px 0 0;
  color:var(--body);
  font-size:14px;
  line-height:1.65;
}
.about-fn-ref {
  margin-left:3px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  font-weight:500;
  line-height:1;
  vertical-align:super;
}
.about-footnotes {
  margin:clamp(24px,3vw,36px) 0 0;
  padding:20px 0 0;
  border-top:1px solid var(--line);
  list-style:none;
  display:grid;
  gap:10px;
}
.about-footnotes li {
  display:flex;
  gap:12px;
  max-width:78ch;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.about-fn-num {
  flex:0 0 auto;
  min-width:14px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.08em;
  padding-top:2px;
}

.about-plate {
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--bg-warm);
  overflow:hidden;
}
.about-plate img {
  display:block;
  width:100%;
  height:clamp(280px,42vw,520px);
  object-fit:cover;
}
.about-plate-wide img { height:clamp(320px,48vw,600px); }

.about-model {
  padding:clamp(72px,7vw,104px) 0 clamp(48px,5vw,68px);
  background:var(--bg-warm);
  border-bottom:1px solid var(--line);
}
.about-model-heading {
  display:grid;
  grid-template-columns:140px minmax(0,1.15fr) minmax(300px,.85fr);
  gap:clamp(34px,5vw,78px);
  align-items:start;
}
.about-model-heading h2 { max-width:11ch; }
.about-model-lead {
  margin:5px 0 0;
  color:var(--body);
  font-size:16px;
  line-height:1.7;
}
.about-pieces {
  margin:clamp(56px,7vw,88px) 0 0 calc(140px + clamp(34px,5vw,78px));
  border-top:1px solid var(--line);
}
.about-piece {
  display:grid;
  grid-template-columns:42px minmax(210px,.55fr) minmax(320px,1fr) 150px;
  gap:clamp(22px,3vw,42px);
  align-items:start;
  padding:28px 0 30px;
  border-bottom:1px solid var(--line);
}
.about-piece-number,
.about-piece-name > p,
.about-piece-status {
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  line-height:1.5;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.about-piece-name > p,
.about-piece-copy,
.about-piece-status { margin:0; }
.about-piece-name h3 {
  margin-top:9px;
  font-size:clamp(26px,2.5vw,36px);
  line-height:1.05;
}
.about-piece-copy {
  max-width:66ch;
  color:var(--body);
  font-size:14px;
  line-height:1.68;
}
.about-piece-status {
  padding-top:2px;
  text-align:right;
}
.about-values {
  padding:clamp(72px,7vw,104px) 0 clamp(56px,6vw,84px);
  border-bottom:1px solid var(--line);
}
.about-values-heading {
  display:grid;
  grid-template-columns:140px minmax(0,1.15fr) minmax(300px,.85fr);
  gap:clamp(34px,5vw,78px);
  align-items:start;
}
.about-values-heading h2 {
  max-width:12ch;
  font-size:clamp(46px,5.5vw,76px);
  line-height:1;
}
.about-values-lead {
  margin:5px 0 0;
  color:var(--body);
  font-size:16px;
  line-height:1.7;
}
.about-values-list {
  list-style:none;
  margin:clamp(56px,7vw,88px) 0 0 calc(140px + clamp(34px,5vw,78px));
  padding:0;
  border-top:1px solid var(--line);
  counter-reset:about-value;
}
.about-value {
  display:grid;
  grid-template-columns:42px minmax(240px,.6fr) minmax(320px,1fr);
  gap:clamp(24px,3vw,48px);
  align-items:start;
  padding:32px 0 34px;
  border-bottom:1px solid var(--line);
}
.about-value-number {
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  line-height:1.5;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding-top:12px;
}
.about-value-body {
  display:contents;
}
.about-value-body h3 {
  max-width:20ch;
  font-size:clamp(24px,2.35vw,34px);
  line-height:1.08;
}
.about-value-body p {
  max-width:64ch;
  margin:0;
  color:var(--body);
  font-size:15px;
  line-height:1.7;
}

.about-close { padding:clamp(52px,5vw,72px) 0 clamp(64px,7vw,96px); }
.about-close-box {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:clamp(52px,9vw,132px);
  padding:clamp(42px,6vw,76px);
  border-radius:var(--radius-card);
  background:var(--bg-ink);
  color:var(--on-dark);
}
.about-close h2 { max-width:12ch; margin-top:12px; color:var(--on-dark); }
.about-close-copy > p {
  margin:5px 0 0;
  color:var(--on-dark-2);
  font-size:17px;
  line-height:1.68;
}
.about-close-actions {
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  align-items:center;
  margin-top:34px;
}
.about-dark-link { color:var(--on-dark); font-size:14px; font-weight:600; }
.about-dark-link:hover { text-decoration:underline; text-underline-offset:4px; }
.about-close-box::selection,
.about-close-box *::selection { background:var(--bg); color:var(--ink); }

@media (max-width:1060px) {
  .about-hero-grid { grid-template-columns:112px minmax(0,1fr); }
  .about-hero-bottom { grid-template-columns:minmax(0,1fr) minmax(220px,.6fr); }
  .about-catalog-strip p { margin-left:calc(112px + clamp(34px,5vw,78px)); }
  .about-editorial-grid,
  .about-model-heading { grid-template-columns:112px minmax(0,1fr); }
  .about-editorial-copy { grid-column:2; }
  .about-editorial-copy { max-width:680px; }
  .about-model-lead { grid-column:2; max-width:680px; }
  .about-pieces { margin-left:calc(112px + clamp(34px,5vw,78px)); }
  .about-piece { grid-template-columns:42px minmax(190px,.5fr) minmax(0,1fr); }
  .about-piece-status { grid-column:3; text-align:left; }
  .about-values-heading { grid-template-columns:112px minmax(0,1fr); }
  .about-values-lead { grid-column:2; max-width:680px; }
  .about-values-list { margin-left:calc(112px + clamp(34px,5vw,78px)); }
  .about-value { grid-template-columns:42px minmax(220px,.55fr) minmax(0,1fr); }
  .about-facts { grid-template-columns:112px repeat(3,minmax(0,1fr)); }
}

@media (max-width:800px) {
  .about-hero-grid { grid-template-columns:1fr; }
  .about-hero-grid > .eyebrow { margin:0 0 18px; }
  .about-hero h1,
  .about-hero-bottom { grid-column:auto; }
  .about-hero-bottom { grid-template-columns:1fr; gap:20px; }
  .about-catalog-strip p { margin-left:0; }
  .about-close-box { grid-template-columns:1fr; }
  .about-side-grid { grid-template-columns:1fr; grid-template-rows:auto; }
  .about-side,
  .about-side-creator { display:block; grid-column:auto; grid-row:auto; padding-right:0; padding-left:0; }
  .about-side-creator { border-top:1px solid var(--line); border-left:0; }
  .about-side-intro { min-height:0; }
  .about-side-points { display:block; max-width:680px; margin-top:36px; }
  .about-pieces { margin-left:0; }
  .about-piece { grid-template-columns:36px minmax(0,1fr); }
  .about-piece-name,
  .about-piece-copy,
  .about-piece-status { grid-column:2; }
  .about-piece-status { text-align:left; }
  .about-values-list { margin-left:0; }
  .about-value { grid-template-columns:36px minmax(0,1fr); }
  .about-value-body { display:block; grid-column:2; }
  .about-value-body h3 { max-width:none; }
  .about-value-body p { margin-top:14px; }
}

@media (max-width:640px) {
  .about-hero { padding-top:116px; }
  .about-hero h1 { font-size:clamp(50px,15vw,72px); }
  .about-editorial-grid,
  .about-sides-heading,
  .about-model-heading,
  .about-values-heading { grid-template-columns:1fr; gap:28px; }
  .about-editorial-copy { grid-column:auto; }
  .about-model-lead { grid-column:auto; }
  .about-values-lead { grid-column:auto; }
  .about-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
  .about-facts-label { grid-column:1 / -1; }
  .about-sides-heading { margin-bottom:44px; }
  .about-close-box { padding:34px 25px; }
  .about-close-actions { align-items:flex-start; flex-direction:column; }
  .about-logo { width:210px; min-height:116px; }
  .about-logo img { max-height:70px; }
}

@media (prefers-reduced-motion:reduce) {
  .about-logo-track { animation:none; }
}