/* Wrap theme, about pages: brand story, media, contact and the two legal notices,
   each laid out as its own sheet. Numerals in the Didot face, the cord as the only line. */
.about-wrap {--gut:clamp(20px, 6vw, 88px); --yw:5.2rem; color:var(--ink);}
.about-wrap > :not(nav):not(.demo-note) {padding-inline:var(--gut);}
.about-wrap .archive-breadcrumbs {padding:22px var(--gut) 0; margin:0; font-size:.8125rem;}
.about-wrap p {margin:0;}
.about-wrap img {display:block; max-width:100%; height:auto;}
.about-wrap figure {margin:0;}
.about-wrap .ab-pic {display:contents;}
.about-wrap .j {display:none;}
.about-wrap .sep {color:var(--hair);}

/* Shared heading voice: light, tracked, tied with a short cord. */
.about-wrap :is(.ab-open-body > h2, .ab-tl-head, .ab-founder-text > h2, .ab-survey-head, .ab-ecm-text > h2, .ab-legal-text > h2, .ab-cred-head) {
  position:relative; margin:0 0 20px; padding-top:24px; font-size:clamp(1.25rem, 2.2vw, 1.625rem); font-weight:300; letter-spacing:var(--track); line-height:1.5; color:var(--cyan-ink);
}
.about-wrap :is(.ab-open-body > h2, .ab-tl-head, .ab-founder-text > h2, .ab-survey-head, .ab-ecm-text > h2, .ab-legal-text > h2, .ab-cred-head)::before {
  content:""; position:absolute; top:0; left:0; width:52px; height:7px; background:var(--cord-lines);
}
.about-wrap h1 {margin:0; font-size:clamp(1.875rem, 4.4vw, 3rem) !important; font-weight:300 !important; letter-spacing:.16em; line-height:1.35 !important; color:var(--ink) !important;}
.ab-sub {margin:-8px 0 24px !important; font-size:.9375rem; letter-spacing:.16em; color:var(--cyan-ink);}
.ab-lead, .ab-founder-text > p:not(.ab-sub), .ab-open-body > p, .ab-ecm-text > p:not(.ab-sub) {line-height:2; letter-spacing:.04em; max-width:36em;}
.ab-founder-text > p + p, .ab-open-body > p + p, .ab-ecm-text > p:not(.ab-sub) + p {margin-top:18px;}

/* ---------- Brand story ---------- */
.ab-open {display:grid; gap:28px; padding-top:28px;}
.ab-band {position:relative; overflow:hidden; background:var(--sky); margin-inline:calc(var(--gut) * -1) !important;}
.ab-band img {width:100%; height:clamp(220px, 58vw, 340px); object-fit:cover; object-position:0% 50%;}
.ab-open-name h1 {position:relative; padding-top:30px;}
.ab-open-name h1::before {content:""; position:absolute; top:0; left:0; width:96px; height:7px; background:var(--cord-lines);}
.ab-open-body > p {font-size:1rem; line-height:1.9; letter-spacing:.02em; max-width:34em;}

.ab-timeline {}
/* One group per year: the year in the left margin, that year's lines beside it. */
.ab-tl {margin-top:8px;}
.tl-group {position:relative; padding:18px 0 18px calc(3.5rem + 14px); border-top:1px solid var(--hair); break-inside:avoid;}
.tl-group:first-child {border-top:0;}
.ab-tl .tl {margin:0; padding:0; font-size:1rem; line-height:1.75; letter-spacing:.02em; color:var(--ink);}
.ab-tl .tl + .tl {margin-top:10px;}
.ab-tl .tl-y:not(.visually-hidden) {position:absolute; left:0; top:17px; width:3.5rem; font-family:var(--numeral); font-size:1.5rem; line-height:1.1; letter-spacing:0; color:var(--cyan-ink); font-variant-numeric:lining-nums;}

.ab-founder {display:grid; gap:32px;}
.ab-portrait {overflow:hidden; background:linear-gradient(90deg, #fff, #e9eaee); margin-inline:calc(var(--gut) * -1) !important;}
.ab-portrait img {width:100%; height:clamp(300px, 90vw, 460px); object-fit:cover; object-position:82% 30%;}
.ab-creds {padding-top:8px !important;}
.ab-founder-more p {line-height:2; letter-spacing:.04em;}
.ab-founder-more p + p {margin-top:18px;}
.ab-cred {position:relative; margin:0; padding:9px 0 9px calc(4.4rem + 20px); font-size:.9375rem; line-height:1.7; letter-spacing:.03em; border-bottom:1px solid var(--hair);}
.ab-cred .tl-y {position:absolute; left:0; top:9px; width:4.4rem; font-family:var(--numeral); font-size:1.25rem; line-height:1.3; color:var(--cyan-ink); font-variant-numeric:lining-nums;}
.ab-gallery {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:32px 20px; align-items:start;}
.ab-diploma {display:flex; flex-direction:column; gap:10px; min-width:0;}
.ab-diploma img {width:100%; aspect-ratio:1; object-fit:cover; object-position:50% 50%; padding:8px; background:var(--paper); border:1px solid var(--hair); box-shadow:0 10px 18px -14px rgba(28,42,50,.45);}
.ab-diploma .image-figure {display:flex; flex-direction:column; gap:8px;}
.ab-diploma .img-text {padding:0 !important; border:0 !important; background:none !important; font-size:.875rem !important; line-height:1.65 !important; color:var(--ink-soft) !important; overflow-wrap:anywhere;}
.ab-diploma .gallery-title {order:-1; font-family:var(--numeral); font-size:1.5rem; line-height:1; color:var(--cyan-ink);}

.ab-survey {display:grid; gap:28px;}
.ab-survey-head {margin-top:4px !important;}
.ab-stats {display:grid; gap:0; padding-block:8px !important;}
.ab-stat {display:flex; flex-direction:column; padding:24px 0; border-top:1px solid var(--hair); letter-spacing:.04em; line-height:1.8;}
.ab-stat:first-child {border-top:0;}
.ab-stat .ab-pre {font-size:.875rem; letter-spacing:.16em; color:var(--ink-soft);}
.ab-stat .ab-num {font-family:var(--numeral); font-size:clamp(4rem, 9vw, 6.5rem); line-height:1; color:var(--cyan-ink); font-variant-numeric:lining-nums; letter-spacing:-.01em; margin:4px 0 10px;}
.ab-close {position:relative; padding-top:30px !important; margin-top:8px !important; font-size:clamp(1.0625rem, 1.8vw, 1.25rem); font-weight:300; letter-spacing:.1em; line-height:1.9;}
.ab-close::before {content:""; position:absolute; top:0; left:0; width:52px; height:7px; background:var(--cord-lines);}
.ab-num-inline {font-family:var(--numeral); font-size:1.8em; line-height:1; color:var(--cyan-ink); padding-inline:.1em;}

.ab-ecm {display:grid; gap:32px;}
.ab-ecm-photo {display:grid; gap:12px;}
.ab-ecm-photo img {width:100%; aspect-ratio:4 / 3; object-fit:cover; object-position:84% 50%;}
.ab-ecm-photo figcaption {padding:0 !important; border:0 !important; background:none !important; font-size:.8125rem !important; letter-spacing:.12em; color:var(--ink-soft) !important;}

/* ---------- Media ---------- */
.ab-media-head {display:grid; gap:28px; padding-top:28px;}
.ab-media-head h1 {position:relative; padding-top:30px;}
.ab-media-head h1::before {content:""; position:absolute; top:0; left:0; width:96px; height:7px; background:var(--cord-lines);}
.ab-feature {position:relative; display:grid; grid-template-columns:auto minmax(0, 1fr); align-items:center; gap:4px 18px; padding:20px; background:var(--sky); border-left:7px solid var(--cyan-ink); color:var(--ink) !important; text-decoration:none; transition:transform 220ms var(--ease-out), box-shadow 220ms var(--ease-out);}
.ab-feature > span:not(.ab-play) {grid-column:2; justify-self:start;}
.ab-feature .video-title {align-self:end;}
.ab-feature .video-title + span {align-self:start;}
.ab-feature:hover {transform:translateY(-3px); box-shadow:var(--sheet-shadow);}
.ab-feature .ab-play {grid-row:1 / span 2; position:relative; width:44px; height:44px;}
.ab-feature .video-title {font-size:clamp(1.0625rem, 1.9vw, 1.375rem); font-weight:300; letter-spacing:.1em; line-height:1.6;}
.ab-feature .video-title + span {font-size:.8125rem; letter-spacing:.2em; color:var(--cyan-ink); text-decoration:underline; text-underline-offset:.4em;}
.ab-play {display:block; border-radius:50%; background:var(--cyan-ink);}
.ab-play::before {content:""; position:absolute; inset:0; margin:auto; width:34%; height:38%; transform:translateX(12%); background:var(--paper); clip-path:polygon(0 0, 100% 50%, 0 100%);}

.ab-tabs {display:flex; flex-wrap:wrap; align-items:center; gap:4px 28px; margin-top:48px; padding-bottom:6px !important;}
.ab-tabs-label {font-size:.8125rem; letter-spacing:.2em; color:var(--ink-soft);}
.ab-tab {position:relative; display:inline-flex; align-items:center; min-height:48px; padding:0 2px 6px; font-size:1.125rem; letter-spacing:.1em; color:var(--ink); text-decoration:none;}
.ab-tab:not(.is-active):hover {color:var(--cyan-ink);}
.ab-tab.is-active {color:var(--cyan-ink); font-weight:500;}
.ab-tab.is-active::after {content:""; position:absolute; left:0; right:0; bottom:2px; height:7px; background:var(--cord-lines);}

.ab-media-grid {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:32px 16px; margin-top:28px;}
.ab-media-grid + .ab-media-grid {margin-top:72px; padding-top:0;}
.ab-media-grid:last-child {padding-bottom:32px !important;}
.ab-media-item {display:flex; flex-direction:column; gap:12px; min-width:0;}
.ab-thumb {position:relative; display:block; padding:6px; background:var(--paper); border:1px solid var(--hair); box-shadow:0 12px 20px -16px rgba(28,42,50,.5); transition:transform 220ms var(--ease-out), box-shadow 220ms var(--ease-out);}
.ab-thumb:hover {transform:translateY(-3px); box-shadow:0 18px 26px -18px rgba(28,42,50,.55);}
.ab-thumb-pic {display:block;}
.ab-thumb img {width:100%; aspect-ratio:1; object-fit:cover;}
.ab-thumb .ab-play {position:absolute; left:14px; bottom:14px; width:38px; height:38px; box-shadow:0 0 0 3px rgba(255,255,255,.8);}
.ab-media-title {margin:0 !important; padding:0 !important; font-size:.9375rem !important; font-weight:400 !important; letter-spacing:.06em; line-height:1.6 !important; color:var(--ink) !important; overflow-wrap:anywhere; text-wrap:pretty;}
.ab-media-title::before {display:none !important;}

/* ---------- Contact ---------- */
.ab-contact-head {display:grid; gap:24px; padding-top:28px; padding-bottom:36px !important;}
.ab-contact-head h1 {position:relative; padding-top:30px;}
.ab-contact-head h1::before {content:""; position:absolute; top:0; left:0; width:96px; height:7px; background:var(--cord-lines);}
.ab-hotline {display:flex; flex-direction:column; align-items:flex-start; gap:2px;}
.ab-hot-label {flex-basis:100%; font-size:1rem; letter-spacing:.06em; color:var(--ink);}
.ab-hot-num {font-family:var(--numeral); font-size:clamp(1.75rem, 4vw, 2.125rem); line-height:1.05; color:var(--cyan-ink); font-variant-numeric:lining-nums; letter-spacing:.02em; white-space:nowrap;}
.ab-hot-label {margin-bottom:4px;}
.ab-room {overflow:hidden; margin:20px 0 0 !important; padding:0 !important;}
.ab-room img {width:100%; height:clamp(180px, 30vw, 360px); object-fit:cover; object-position:100% 50%;}
.ab-branches {display:grid; gap:28px; margin-top:8px;}
.ab-branch {position:relative; padding:0;}
.ab-branch h2 {margin:0 0 10px; font-size:clamp(1.5rem, 2.6vw, 1.875rem); font-weight:300; letter-spacing:.06em; line-height:1.4; color:var(--ink);}
.ab-street {font-size:1rem; line-height:1.6; letter-spacing:.02em;}
.ab-phone {display:flex; align-items:baseline; gap:10px; margin-top:6px !important;}
.ab-phone-label {font-size:.9375rem; letter-spacing:.04em; color:var(--ink-soft);}
.ab-phone-num {font-family:var(--numeral); font-size:1.5rem; line-height:1; color:var(--cyan-ink); font-variant-numeric:lining-nums; letter-spacing:.04em;}
.ab-strip {display:grid; gap:16px; margin:40px var(--gut) 8px; padding:22px 24px !important; background:var(--sky); font-size:1rem; letter-spacing:.02em; line-height:1.6;}
.ab-hours p {margin:0;}
.ab-hours-label {color:var(--ink-soft);}

/* ---------- Legal notices: a reading column ---------- */
.ab-legal {max-width:calc(38em + 2 * var(--gut)); margin-inline:auto; padding-top:28px; padding-bottom:40px !important;}
.ab-legal-head h1 {position:relative; padding-top:30px; font-size:clamp(1.625rem, 3.4vw, 2.375rem) !important;}
.ab-legal-head h1::before {content:""; position:absolute; top:0; left:0; width:120px; height:7px; background:var(--cord-lines);}
.ab-legal-text {margin-top:40px; font-size:1rem; line-height:1.75; letter-spacing:normal;}
.ab-legal-text > h2 {margin-top:48px; font-size:1.25rem; letter-spacing:.16em;}
.ab-legal-text > h2:first-child {margin-top:0;}
.ab-legal-text > p + p, .ab-legal-text > p + ol, .ab-legal-text > ol + p {margin-top:14px;}
.ab-legal-text strong {font-weight:inherit;}
.ab-legal-text ol {margin:16px 0 0; padding-left:2em; list-style-position:outside;}
.ab-legal-text li {padding-left:.5em; margin-top:14px;}
.ab-legal-text li::marker {font-family:var(--numeral); font-size:1.15em; color:var(--cyan-ink);}
.ab-hnum {font-family:var(--numeral); font-size:1.25em; letter-spacing:0; margin-right:.2em; color:var(--cyan-ink);}

@media (min-width:700px) {
  .ab-gallery {grid-template-columns:repeat(3, minmax(0, 1fr)); gap:40px 28px;}
  .ab-stats {grid-template-columns:repeat(3, minmax(0, 1fr)); column-gap:32px;}
  .ab-stat {border-top:0; padding:8px 0; border-left:1px solid var(--hair); padding-left:28px;}
  .ab-stat:first-child {border-left:0; padding-left:0;}
  .ab-media-grid {grid-template-columns:repeat(3, minmax(0, 1fr)); gap:40px 24px;}
  .ab-media-grid.ab-run-recent {grid-template-columns:repeat(2, minmax(0, 1fr));}
  .ab-branches {grid-template-columns:repeat(3, minmax(0, 1fr)); column-gap:32px;}
  .ab-strip {grid-template-columns:auto auto; justify-content:start; align-items:start; column-gap:64px;}
}

@media (min-width:1000px) {
  .ab-open {grid-template-columns:repeat(12, minmax(0, 1fr)); grid-template-rows:auto 1fr; column-gap:48px; row-gap:28px; align-items:start; padding-top:40px;}
  .ab-band {grid-column:1 / 7; grid-row:1 / span 2; margin-inline:calc(var(--gut) * -1) 0 !important;}
  .ab-band img {height:clamp(420px, 38vw, 520px);}
  .ab-open-name {grid-column:7 / 13; grid-row:1; padding-top:24px;}
  .ab-open-body {grid-column:7 / 13; grid-row:2;}
  .ab-timeline {display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); column-gap:32px;}
  .ab-tl-head {grid-column:1 / 4; align-self:start; position:sticky !important; top:120px;}
  .ab-tl {grid-column:4 / 13; margin-top:0; max-width:46em;}
  .tl-group {padding-left:calc(4.5rem + 16px);}
  .tl-group:first-child {border-top:1px solid var(--hair);}
  .ab-tl .tl-y:not(.visually-hidden) {width:4.5rem; font-size:1.875rem;}

  /* Portrait beside her name and opening line; credentials and the rest of the story use the full sheet. */
  .ab-founder {grid-template-columns:repeat(12, minmax(0, 1fr)); column-gap:32px; row-gap:48px; align-items:start;}
  .ab-portrait {grid-column:1 / 6; margin-inline:calc(var(--gut) * -1) 0 !important;}
  .ab-portrait img {height:560px; object-position:84% 20%;}
  .ab-founder-text {grid-column:7 / 13; align-self:center;}
  .ab-creds {grid-column:1 / 13; columns:2; column-gap:56px;}
  .ab-creds > .ab-cred-head {column-span:all;}
  .ab-cred {break-inside:avoid;}
  .ab-founder-more {grid-column:1 / 13; columns:2; column-gap:56px;}
  .ab-founder-more p {break-inside:avoid-column;}
  .ab-gallery {grid-column:1 / 13; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:48px 36px;}

  .ab-survey {grid-template-columns:repeat(12, minmax(0, 1fr)); column-gap:32px; align-items:center;}
  .ab-survey > .ab-band {grid-column:1 / 7; margin-inline:calc(var(--gut) * -1) 0 !important;}
  .ab-survey > .ab-band img {height:420px; object-position:0% 40%;}
  .ab-survey-text {grid-column:7 / 13;}
  .ab-stats {grid-column:1 / 13; padding-top:24px !important;}
  .ab-close {grid-column:1 / 13; max-width:44em;}

  .ab-ecm {grid-template-columns:repeat(12, minmax(0, 1fr)); column-gap:32px; align-items:start;}
  .ab-ecm-text {grid-column:1 / 7;}
  .ab-ecm-photo {grid-column:8 / 13; position:sticky; top:120px;}

  .ab-media-head {padding-top:40px;}
  .ab-feature {padding:24px 32px; column-gap:24px; justify-self:start; min-width:min(640px, 100%);}
  .ab-feature .ab-play {width:56px; height:56px;}
  .ab-feature .video-title {font-size:1.375rem;}
  .ab-media-grid {grid-template-columns:repeat(4, minmax(0, 1fr)); gap:48px 32px;}
  .ab-media-grid.ab-run-recent {grid-template-columns:repeat(3, minmax(0, 1fr));}

  .ab-contact-head {grid-template-columns:repeat(12, minmax(0, 1fr)); column-gap:32px; align-items:end; padding-top:40px;}
  .ab-contact-head h1 {grid-column:1 / 6;}
  .ab-hotline {grid-column:6 / 13; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:baseline; column-gap:32px;}
  .ab-hot-label {flex-basis:100%; text-align:right;}

  .ab-legal {padding-top:48px;}
}

/* Archived emphasis wrappers stay in the markup; only the ECM paragraph keeps its highlights. */
.about-wrap strong, .about-wrap b {font-weight:inherit;}
.about-wrap u {text-decoration:none;}
.ab-ecm-text strong {font-weight:500; color:var(--cyan-ink);}
/* A finding without a lead-in keeps its figure on the same line as its neighbours. */
.ab-stat:not(:has(.ab-pre))::before {content:""; display:block; height:1.8em;}
@media (max-width:699px) {
  .about-wrap h1 {letter-spacing:.06em;}
  .about-wrap :is(.ab-open-body > h2, .ab-tl-head, .ab-founder-text > h2, .ab-survey-head, .ab-ecm-text > h2, .ab-legal-text > h2, .ab-cred-head) {letter-spacing:.12em;}
  .ab-tabs {gap:0 22px;}
  .ab-tabs-label {flex-basis:100%;}
}
/* The shared heading rule zeroes the top margin; legal sections need their own air. */
.about-wrap .ab-legal-text > h2:not(:first-child) {margin-top:56px;}
/* The featured video's two slips read as one label. */
.ab-feature {row-gap:0;}
.ab-feature .video-title {letter-spacing:.04em !important;}

/* The milestone chart follows the rows as one picture, at a size its small print can be read. */
.ab-tl-chart {display:block; max-width:960px; margin:40px auto 0; padding:0; border:0; background:none;}
.ab-tl-chart img {display:block; width:100%; height:auto;}

/* Brand story: each chapter is its own sheet on the table, so the wrapped-paper idea carries down the page. */
main.inner-page.about-mileage {--sheet-pad:clamp(40px, 6vw, 72px); background:none; box-shadow:none; padding-bottom:0;}
main.inner-page.about-mileage::before, main.inner-page.about-mileage::after {display:none;}
.about-mileage > :is(.ab-open, .ab-survey, .ab-founder, .ab-timeline, .ab-ecm) {position:relative; background:var(--paper); box-shadow:var(--sheet-shadow); padding-block:var(--sheet-pad) !important; overflow:clip;}
.about-mileage > :is(.ab-open, .ab-survey, .ab-founder, .ab-timeline, .ab-ecm) + * {margin-top:40px;}
.about-mileage > :is(.ab-open, .ab-survey, .ab-founder, .ab-timeline, .ab-ecm)::after {
  content:""; position:absolute; top:0; right:0; z-index:1; width:36px; height:36px; pointer-events:none;
  background:linear-gradient(to bottom left, var(--ground) calc(50% - .5px), #c9dfe9 50%, #e2eef4 calc(50% + 1px), #f4f9fb);
  filter:drop-shadow(-3px 4px 3px rgba(28,42,50,.16));
}
.about-mileage > .ab-survey > .ab-band {margin-top:calc(var(--sheet-pad) * -1) !important;}
.about-mileage .ab-portrait {margin-top:calc(var(--sheet-pad) * -1) !important;}
@media (min-width:1000px) {
  .about-mileage > .ab-open > .ab-band {margin-top:calc(var(--sheet-pad) * -1) !important; margin-bottom:calc(var(--sheet-pad) * -1) !important;}
}
/* Legal notices: a narrower sheet so the reading column is not adrift in white. */
main#container.inner-page.about-legal, main.inner-page.about-legal {width:min(1000px, 100% - 32px) !important;}
.ab-legal > .archive-breadcrumbs {padding:0 !important; margin:0 0 28px !important;}
@media (max-width:699px) {
  main#container.inner-page.about-legal, main.inner-page.about-legal {width:calc(100% - 20px) !important;}
}
/* In the desktop timeline grid the chart spans the sheet, not the heading's column. */
.ab-timeline > .ab-tl-chart {grid-column:1 / -1; width:100%; justify-self:center;}
/* Phone: the campaign pictures carry headlines and prices, so they get the full width. */
@media (max-width:599px) {
  .ab-media-grid:is(.ab-run-recent, .ab-run-series) {grid-template-columns:minmax(0, 1fr); gap:36px;}
  .ab-media-grid:is(.ab-run-recent, .ab-run-series) .ab-media-title {font-size:1rem !important;}
}

/* Brand story, phone and tablet: the diplomas follow the opening line; credentials and the long story come after. */
@media (max-width:999px) {
  .ab-founder > .ab-gallery {order:1;}
  .ab-founder > .ab-creds {order:2;}
  .ab-founder > .ab-founder-more {order:3;}
}

/* Media: the runs sit in one body so wide screens can lead with the press-style runs. */
.ab-media-body {display:grid; gap:0;}
.about-wrap > .ab-media-body {padding-bottom:32px;}
.ab-media-body > .ab-media-grid {padding-inline:0 !important; padding-bottom:0 !important;}
.ab-media-body > .ab-media-grid + .ab-media-grid {margin-top:72px;}
@media (min-width:1000px) {
  .ab-media-body > .ab-run-stories {order:1; margin-top:28px;}
  .ab-media-body > .ab-run-class {order:2;}
  .ab-media-body > .ab-run-recent {order:3;}
  .ab-media-body > .ab-run-series {order:4;}
  .ab-media-body > .ab-run-stories, .ab-media-body > .ab-run-class {grid-template-columns:repeat(3, minmax(0, 1fr)); gap:56px 40px;}
  .ab-media-body > :is(.ab-run-stories, .ab-run-class) .ab-media-title {font-size:1.125rem !important;}
  .ab-media-body > :is(.ab-run-stories, .ab-run-class) .ab-thumb {padding:10px;}
}
/* Phone: three pictures at full width, the rest two across with small captions. */
@media (max-width:599px) {
  .ab-media-body > .ab-media-grid:is(.ab-run-recent, .ab-run-series) {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px 12px;}
  .ab-media-body > .ab-run-recent > .ab-media-item:nth-child(-n+3) {grid-column:1 / -1;}
  .ab-media-body > .ab-media-grid:is(.ab-run-recent, .ab-run-series) > .ab-media-item:nth-child(n+4) .ab-media-title,
  .ab-media-body > .ab-run-series > .ab-media-item .ab-media-title {font-size:.8125rem !important; line-height:1.5 !important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden;}
}