/* Kimi visual reference, adapted to the existing Russian editorial archive.
   This layer changes presentation only; original article renderers remain intact. */
.archive-design {
  --ak-bg:#0a0e17; --ak-panel:#10141f; --ak-panel-2:#0d1119; --ak-card:#131927;
  --ak-ink:#f2f0ea; --ak-grey:rgba(242,240,234,.55); --ak-blue:#2e6bff;
  --ak-blue-dim:#1a2b4a; --ak-gold:#c9a15a; --ak-line:rgba(242,240,234,.12);
  --ak-display:'Geologica',system-ui,sans-serif;
  --ak-mono:'JetBrains Mono',ui-monospace,monospace;
  --ak-gutter:max(24px,calc((100vw - 1296px)/2));
  --ink:var(--ak-ink); --muted:var(--ak-grey); --line:var(--ak-line); --soft:var(--ak-panel);
  --blue:var(--ak-blue); --font-sans:'Manrope',system-ui,sans-serif;
  --xr-paper:var(--ak-ink); --xr-muted:var(--ak-grey); --xr-line:var(--ak-line); --xr-accent:var(--ak-blue);
  color-scheme:dark; background:var(--ak-bg); color:var(--ak-ink); font-family:var(--font-sans);
}
.archive-design :is(h1,h2,h3) { font-family:var(--ak-display); font-weight:850; font-synthesis:none; letter-spacing:-.02em; text-transform:uppercase; }
.archive-design :is(a,button,select,summary,[tabindex]):focus-visible { outline:2px solid #8eb0ff; outline-offset:5px; }
.archive-design :is(main,.site-header,.site-footer,.preview-bar) { width:100%; max-width:none; }
.archive-design .container { width:min(1296px,calc(100% - 48px)); }
.archive-design .preview-bar { justify-content:center; padding:7px 24px; background:var(--ak-panel-2); color:var(--ak-grey); font-size:10px; border-bottom:1px solid var(--ak-line); }
.archive-design .site-header { position:relative; display:flex; align-items:center; gap:22px; padding:0 var(--ak-gutter); min-height:84px; background:var(--ak-bg); border-bottom:1px solid var(--ak-line); box-shadow:none; }
.archive-design .topbar { position:static; display:flex; align-items:center; justify-content:space-between; padding:0; width:auto; height:84px; flex-shrink:0; margin:0; }
.archive-design .topbar .brand { justify-content:flex-start; gap:0; color:var(--ak-ink); text-align:left; }
.archive-design .topbar .brand img { display:none; }
.archive-wordmark { display:flex; gap:7px; align-items:baseline; font:900 21px/1 var(--ak-display); text-transform:uppercase; letter-spacing:-.025em; white-space:nowrap; }
.archive-wordmark b { color:var(--ak-blue); font-weight:inherit; }
.archive-wordmark small { display:block; margin-top:9px; font:400 9px/1.4 var(--ak-mono); letter-spacing:.12em; }
.archive-design .topbar-back { position:absolute; right:var(--ak-gutter); top:20px; width:auto; display:flex; gap:9px; min-height:44px; color:var(--ak-grey); font:10px var(--ak-mono); }
.archive-design #site-nav { display:flex; margin:0 auto; gap:22px; padding:0 112px 0 24px; flex-wrap:wrap; }
.archive-design #site-nav a { padding:10px 0; color:var(--ak-grey); font:400 12px/1.6 var(--ak-mono); text-transform:uppercase; letter-spacing:.12em; border-radius:0; border-bottom:1px solid transparent; background:transparent; }
.archive-design #site-nav a:hover,.archive-design #site-nav a[aria-current] { color:var(--ak-ink); background:transparent; border-bottom-color:var(--ak-blue); }
.archive-design .site-footer { padding:35px var(--ak-gutter); margin-top:60px; border-top:1px solid var(--ak-line); background:var(--ak-bg); color:var(--ak-grey); font:10px/1.7 var(--ak-mono); }
.archive-design .site-footer .brand { color:var(--ak-ink); font-family:var(--ak-display); }
.archive-design .site-footer > a:last-child { color:var(--ak-grey); }
.archive-design .skip-link { background:var(--ak-blue-dim); color:var(--ak-ink); }
.archive-design main > .container:has(.breadcrumbs) { width:100%; padding-inline:var(--ak-gutter); background:var(--ak-bg); }
.archive-design .breadcrumbs { padding:14px 0; }
.archive-design .breadcrumbs :is(li,a) { color:var(--ak-grey); font:10px/1.7 var(--ak-mono); }
.archive-design .lightbox { background:var(--ak-panel); border:1px solid var(--ak-line); color:var(--ak-ink); }
.archive-design .lightbox-close { background:var(--ak-blue-dim); color:var(--ak-ink); border-radius:0; }
.archive-design .lightbox::backdrop { background:rgba(10,14,23,.92); }
.archive-design .ak-label { font:13px/1.7 var(--ak-mono); color:var(--ak-blue); text-transform:uppercase; letter-spacing:.15em; }
.archive-design .ak-link { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:44px; border-bottom:2px solid var(--ak-blue); font:11px/1.6 var(--ak-mono); text-transform:uppercase; letter-spacing:.06em; }
.archive-design .ak-link:hover { color:var(--ak-blue); }
.ak-section-head { display:flex; gap:35px; align-items:flex-end; justify-content:space-between; margin-bottom:38px; }
.archive-design .ak-section-head h2,.archive-design .ak-timeline-heading h2 { margin-top:14px; font-size:clamp(32px,4.1vw,60px); line-height:1.08; }
.ak-section-head h2 span { color:var(--ak-grey); }
.ak-section-head > a { flex-shrink:0; }

/* Measured from the 1440px Kimi render: 72px gutters, 800px cover,
   390px feature and a 1 + 2 + 3 collection. The actual archive supplies the content. */
.archive-design .tl { --tl-ink:var(--ak-ink); background:var(--ak-bg); }
.archive-design .tl-hero { height:800px; min-height:0; max-height:none; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:0; padding:92px var(--ak-gutter) 100px; background:var(--ak-bg); }
.archive-design .tl-hero::after { background:linear-gradient(90deg,rgba(10,14,23,.48),rgba(10,14,23,.12) 56%,rgba(10,14,23,.02)),linear-gradient(0deg,var(--ak-bg),transparent 72%); }
.archive-design .tl-hero-photo img { height:100%; object-position:center; transform:none; }
.archive-design .tl-hero-photo figcaption { right:var(--ak-gutter); bottom:26px; padding:0; background:transparent; max-width:330px; color:var(--ak-grey); font:10px/1.8 var(--ak-mono); }
.archive-design .tl-hero__copy { max-width:1150px; }
.archive-design .tl-hero .tl-kicker { color:var(--ak-blue); font:13px/1.8 var(--ak-mono); letter-spacing:.15em; }
.archive-design .tl-hero .tl-kicker::before { content:''; display:block; width:48px; height:3px; background:var(--ak-gold); margin-bottom:16px; }
.archive-design .tl-hero h1 { font-family:var(--ak-display); font-size:clamp(70px,7.8vw,112px); font-weight:900; letter-spacing:-.025em; line-height:1.2; margin:10px 0 24px; white-space:nowrap; }
.archive-design .tl-hero h1 span { color:var(--ak-blue); display:inline; }
.archive-design .tl-tagline { max-width:510px; font:400 16px/1.9 var(--font-sans); color:rgba(242,240,234,.78); }
.archive-design .tl-hero__start { margin-top:16px; }
.archive-design .tl-actions { gap:28px; }
.archive-design .tl-primary { background:transparent; color:var(--ak-ink); border:0; border-bottom:2px solid var(--ak-blue); padding:12px 0; font:12px/1.6 var(--ak-mono); text-transform:uppercase; letter-spacing:.06em; border-radius:0; }
.archive-design .tl-actions > a:last-child { font:11px/1.5 var(--ak-mono); color:var(--ak-grey); }
.ak-home-intro { padding:0 var(--ak-gutter); }
.ak-stats { margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--ak-line); padding:32px 0 38px; gap:30px; }
.ak-stats > div { display:flex; flex-direction:column-reverse; gap:12px; }
.ak-stats dt { color:var(--ak-grey); font:11px/1.6 var(--ak-mono); text-transform:uppercase; letter-spacing:.05em; }
.ak-stats dd { margin:0; font:900 46px/1 var(--ak-display); color:var(--ak-blue); }
.ak-stats > div:last-child dd { color:var(--ak-gold); }
.ak-ticker { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px 30px; padding:18px 24px; background:var(--ak-panel); border-block:1px solid var(--ak-line); font:11px/1.7 var(--ak-mono); letter-spacing:.18em; text-transform:uppercase; color:var(--ak-grey); }
.ak-ticker span + span::before { content:'·'; margin-right:26px; }
.ak-collection,.ak-eras,.ak-sponsors,.ak-design-topics { max-width:1440px; padding:64px 72px 0; margin:auto; }
.ak-eras,.ak-sponsors { padding-top:100px; }
.ak-design-topics { padding-top:100px; padding-bottom:80px; }
.ak-design-topics--index { padding-top:56px; }
.ak-view-switch { display:flex; gap:12px; flex-shrink:0; padding-bottom:6px; }
.ak-view-switch a { border:1px solid var(--ak-line); border-radius:30px; padding:11px 20px; font:11px/1.5 var(--ak-mono); text-transform:uppercase; }
.ak-view-switch a:first-child { color:var(--ak-bg); background:var(--ak-ink); }
.ak-selection { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; }
.ak-selection > .ak-card { grid-column:span 2; }
.ak-selection > .ak-card:nth-child(2),.ak-selection > .ak-card:nth-child(3) { grid-column:span 3; }
.ak-selection > .ak-card:first-child { grid-column:1/-1; }
.ak-selection.ak-selection--all { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ak-selection.ak-selection--all > .ak-card:nth-child(n) { grid-column:auto; }
@media (min-width:641px) and (max-width:1000px) {
  .ak-selection.ak-selection--all { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.archive-design .ak-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:20px; border:1px solid var(--ak-line); border-radius:0; background:var(--ak-card); color:var(--ak-ink); box-shadow:none; }
.archive-design .ak-card .kit-card__visual { position:relative; isolation:isolate; height:auto; aspect-ratio:1; display:grid; place-items:center; padding:0; border:0; border-radius:0; background:#fff; overflow:hidden; }
.archive-design .ak-card--editorial .kit-card__visual { aspect-ratio:4/3; background:var(--ak-panel); }
.ak-card__photo { display:block; width:100%; height:100%; min-width:0; min-height:0; }
.archive-design .ak-card__photo img { display:block; width:100%; height:100%; max-width:none; margin:0; object-fit:cover; object-position:var(--card-photo-x,50%) var(--card-photo-y,38%); mix-blend-mode:normal; }
.ak-object { display:block; position:relative; aspect-ratio:1; height:100%; max-width:100%; min-width:0; min-height:0; overflow:hidden; }
.archive-design .ak-object img { width:100%; height:100%; display:block; max-width:none; margin:0; object-fit:contain; mix-blend-mode:normal; }
/* The fallback collage contributes its complete top-left photograph. */
.ak-object--front { aspect-ratio:1; width:auto; }
.archive-design .ak-object--front img { width:200.77%; height:auto; max-width:none; position:absolute; top:0; left:0; object-fit:fill; }
.archive-design .ak-object--photo img { object-fit:cover; }
.ak-object-missing { display:grid; gap:18px; text-align:center; color:var(--ak-grey); font:700 30px/1.2 var(--ak-display); }
.ak-object-missing small { font:12px/1.5 var(--font-sans); }
.archive-design .ak-card .kit-card__copy { position:relative; padding:24px 0 0; display:flex; flex-direction:column; flex:1; border-top:0; }
.archive-design .ak-card h3 { font:900 30px/1.1 var(--ak-display); margin:0; letter-spacing:-.025em; color:var(--ak-ink); }
.archive-design .ak-card__title { margin:14px 0 0; color:var(--ak-ink); font:750 18px/1.4 var(--ak-display); letter-spacing:-.01em; text-transform:none; }
.ak-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.archive-design .ak-card .text-link { position:absolute; top:20px; right:0; color:var(--ak-ink); font:28px/1.5 var(--font-sans); }
.ak-card__intro { color:rgba(242,240,234,.78); font:15px/1.75 var(--font-sans); margin-top:20px; max-width:510px; }
.archive-design .ak-card--featured { height:390px; display:grid; grid-template-columns:minmax(0,1fr) 380px; padding:38px; border-top:4px solid var(--ak-blue); background:linear-gradient(130deg,#162036,#0e1424); gap:12px 40px; }
.archive-design .ak-card--featured .kit-card__visual { grid-column:2; grid-row:1/3; background:#fff; height:310px; padding:5px; }
.archive-design .ak-card--featured .kit-card__copy { grid-column:1; grid-row:2; padding:0; }
.archive-design .ak-card--featured h3 { font-size:60px; font-weight:900; }
.archive-design .ak-card--featured .text-link { position:static; align-self:flex-start; display:flex; gap:12px; padding-bottom:9px; border-bottom:2px solid var(--ak-blue); margin-top:26px; color:var(--ak-blue); font:12px/1.7 var(--ak-mono); text-transform:uppercase; }
/* The manufacturer's photo covers, using the homepage's grid and palette. */
.ak-era-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ak-era { --era-accent:var(--ak-blue); display:flex; flex-direction:column; min-width:0; background:var(--ak-card); border:1px solid var(--ak-line); border-top:3px solid var(--era-accent); }
.ak-era[data-maker="nike"] { --era-accent:var(--ak-gold); }
.ak-era__photo { position:relative; isolation:isolate; overflow:hidden; aspect-ratio:1; background:var(--ak-panel); }
.ak-era__photo img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--era-x) var(--era-y); }
.ak-era__photo::after { content:''; position:absolute; z-index:0; inset:0; pointer-events:none; background:linear-gradient(0deg,var(--ak-card),rgba(19,25,39,.6) 20%,transparent 58%); }
.archive-design .ak-era h3 { position:absolute; z-index:1; left:24px; right:24px; bottom:8px; margin:0; font-size:clamp(40px,5.4vw,76px); line-height:1.1; font-weight:850; letter-spacing:-.04em; text-transform:none; }
.ak-era__arrow { position:absolute; z-index:1; top:20px; right:20px; display:grid; place-items:center; width:40px; height:40px; border:1px solid #f2f0ea55; background:#0a0e1766; backdrop-filter:blur(12px); color:var(--ak-ink); font:24px/1 var(--font-sans); }
.ak-era__copy { flex:1; display:flex; flex-direction:column; padding:24px; }
.ak-era__period { margin:0; color:#8eb0ff; font:11px/1.7 var(--ak-mono); letter-spacing:.06em; }
.ak-era[data-maker="nike"] .ak-era__period { color:var(--ak-gold); }
.ak-sponsor-tabs { display:flex; gap:32px; border-bottom:1px solid var(--ak-line); margin-bottom:32px; }
.ak-sponsor-tabs a { display:flex; align-items:center; gap:12px; min-height:54px; padding:12px 0 16px; margin-bottom:-1px; border-bottom:3px solid transparent; color:var(--ak-grey); font:500 17px/1.5 var(--font-sans); }
.ak-sponsor-tabs a[aria-selected="true"] { color:var(--ak-ink); border-bottom-color:var(--ak-blue); }
.ak-sponsor-tabs a:hover { color:var(--ak-ink); }
.ak-sponsor-tabs span { font:11px/1 var(--ak-mono); color:var(--ak-grey); }
.ak-sponsor-panel[hidden] { display:none; }
.ak-sponsor-panel { scroll-margin-top:24px; }
.ak-sponsor-panel__heading { margin:30px 0 24px; }
.has-tabs .ak-sponsor-panel__heading { display:none; }
.ak-sponsor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ak-sponsor { display:flex; flex-direction:column; min-width:0; padding:20px; border:1px solid var(--ak-line); background:var(--ak-card); }
.ak-sponsor__photo { aspect-ratio:4/3; overflow:hidden; background:var(--ak-panel); }
.ak-sponsor__photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--sponsor-x) var(--sponsor-y); }
.ak-sponsor__copy { position:relative; padding-top:20px; }
.ak-sponsor__period { margin:0 35px 12px 0; color:#8eb0ff; font:11px/1.7 var(--ak-mono); }
.archive-design .ak-sponsor h3 { margin:0; font-size:clamp(22px,2.1vw,30px); line-height:1.2; text-transform:none; }
.ak-sponsor__arrow { position:absolute; top:16px; right:0; color:var(--ak-ink); font:28px/1.5 var(--font-sans); }

/* Topic marks label each story; these are not samples of the licensed typefaces. */
.ak-topic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.ak-topic { display:flex; flex-direction:column; min-width:0; padding:20px; border:1px solid var(--ak-line); background:var(--ak-card); }
.ak-topic__visual { display:flex; flex-direction:column; justify-content:space-between; min-width:0; aspect-ratio:4/5; padding:20px; background:var(--ak-blue-dim); color:var(--ak-ink); }
.ak-topic__visual > span { display:block; font:850 clamp(60px,6vw,88px)/1 var(--ak-display); letter-spacing:-.06em; }
.ak-topic__visual small { font:9px/1.5 var(--ak-mono); text-transform:uppercase; letter-spacing:.08em; }
.ak-topic[data-topic="club-font"] .ak-topic__visual { background:var(--ak-bg); color:#8eb0ff; }
.ak-topic[data-topic="brand-font"] .ak-topic__visual { background:var(--ak-blue); }
.ak-topic[data-topic="cfc-ldn"] .ak-topic__visual { background:var(--ak-bg); color:var(--ak-gold); }
.ak-topic[data-topic="cfc-ldn"] .ak-topic__visual > span { font-size:56px; line-height:.92; }
.ak-topic__visual--photo { padding:0; overflow:hidden; }
.ak-topic__visual--photo img { display:block; width:100%; height:100%; min-height:0; object-fit:cover; }
.ak-topic[data-topic="premier-league-font"] img { object-position:76% 50%; }
.ak-topic[data-topic="brand-font"] img { object-position:48% 50%; }
.ak-topic[data-topic="cfc-ldn"] .ak-topic__visual--photo { background:#0111bb; }
.ak-topic[data-topic="cfc-ldn"] img { object-fit:contain; }
.ak-topic__copy { position:relative; padding-top:24px; }
.archive-design .ak-topic :is(h2,h3) { margin:0 24px 0 0; font-size:23px; line-height:1.25; text-transform:none; }
.ak-topic__copy p { margin:14px 0 0; color:var(--ak-grey); font:14px/1.7 var(--font-sans); }
.ak-topic__arrow { position:absolute; top:19px; right:0; font:26px/1.5 var(--font-sans); }
@media (max-width:1000px) {
  .ak-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
}
@media (max-width:640px) {
  .ak-topic-grid { grid-template-columns:1fr; }
  .ak-topic { padding:18px; }
}

/* Keep the editorial photo chronology and its existing anchors below the collection. */
.archive-design :is(.tl-chapter,.tl-ending) { background:var(--ak-bg); border-top:1px solid var(--ak-line); }
.archive-design .tl-chapter--light { background:var(--ak-panel-2); }
.archive-design .tl-rail { color:var(--ak-ink); }
.archive-design .tl-rail::before { background:rgba(10,14,23,.93); }
.archive-design :is(.tl-kicker,.tl-passport,.tl-seasons) { font-family:var(--ak-mono); }
.archive-design .tl-chapter__years { font:700 clamp(38px,5vw,72px)/1.1 var(--ak-display); letter-spacing:-.04em; color:var(--ak-blue); }
.archive-design .tl-chapter h2 { font-size:clamp(29px,3.3vw,48px); font-weight:700; }
.archive-design .tl-story--photo > .tl-story__copy,.archive-design .tl-detail > div { background:rgba(13,17,25,.91); border-color:var(--ak-line); }
.archive-design .tl-note { border-color:var(--ak-blue); }
.archive-design .tl-detail h3 { font-size:clamp(29px,3.2vw,46px); font-weight:700; }
.archive-design .tl-ending h2 { font-weight:700; }

/* Catalog and ordinary articles use the same restrained panels. */
.archive-design .section { background:transparent; border:0; box-shadow:none; border-radius:0; padding:56px 0; margin:0 auto; }
.archive-design .page-title { font-size:clamp(40px,5vw,72px); max-width:1150px; }
.archive-design .lead { color:var(--ak-grey); font-size:17px; line-height:1.8; margin-top:24px; }
.archive-design .kit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.archive-design .filters { background:transparent; border:0; border-block:1px solid var(--ak-line); padding:28px 0; margin-top:40px; gap:16px; border-radius:0; }
.archive-design .filters label { flex:0 1 260px; font:10px/1.6 var(--ak-mono); text-transform:uppercase; letter-spacing:.06em; }
.archive-design .filters select { background:var(--ak-panel); border:1px solid var(--ak-line); color:var(--ak-ink); border-radius:24px; padding:12px 18px; }
.archive-design .button { background:var(--ak-ink); color:var(--ak-bg); border-radius:24px; font:11px/1.6 var(--ak-mono); padding:12px 24px; }
.archive-design .result-count { padding:16px 0; font:10px/1.6 var(--ak-mono); text-transform:uppercase; }
.catalog-controls { margin-top:32px; scroll-margin-top:24px; }
.archive-design .collection-filters { margin-top:0; padding:20px 0; gap:14px; }
.archive-design .collection-filters label { flex:1 1 200px; max-width:280px; gap:8px; }
.archive-design .collection-filters select { min-height:46px; font:12px/1.5 var(--ak-mono); padding:12px 38px 12px 18px; }
.archive-design .collection-filters .button { min-height:46px; white-space:nowrap; }
.archive-design .collection-filters__reset { color:var(--ak-grey); font:11px/1.6 var(--ak-mono); padding:13px 4px; }
@media (max-width:640px) {
  .archive-design .collection-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; }
  .archive-design .collection-filters label { font-size:9px; }
  .archive-design .collection-filters label:nth-of-type(3) { grid-column:1/-1; max-width:none; }
  .archive-design .collection-filters select { font-size:11px; padding-left:12px; padding-right:20px; }
  .archive-design .collection-filters__reset { text-align:center; }
}
.archive-design .article-hero { background:var(--ak-panel); border:1px solid var(--ak-line); border-radius:0; box-shadow:none; padding:40px; gap:40px; }
.archive-design .article-hero h1 { font-size:clamp(32px,4vw,58px); }
.archive-design .article-hero__visual { background:var(--ak-blue-dim); border:0; border-radius:0; }
.archive-design :is(.article-hero__visual img,.gallery-link img) { mix-blend-mode:normal; }
.archive-design .article-layout { grid-template-columns:220px minmax(0,1fr); gap:65px; background:transparent; border:0; padding:65px 0; }
.archive-design .prose { max-width:760px; color:var(--ak-grey); font-family:var(--font-sans); font-size:17px; font-weight:400; line-height:1.85; letter-spacing:0; }
.archive-design .prose :is(h2,h3,strong) { color:var(--ak-ink); }
.archive-design .prose h2 { font-size:clamp(25px,2.5vw,36px); margin-block:50px 24px; }
.archive-design :is(.prose,.sources,.gallery-section) a { color:var(--ak-blue); }
.archive-design :is(.passport a,.toc a) { color:var(--ak-grey); }
.archive-design .gallery-link { background:var(--ak-panel); border:1px solid var(--ak-line); border-radius:0; }
.archive-design .related-topics > a { background:var(--ak-panel); border:1px solid var(--ak-line); color:var(--ak-ink); border-radius:0; }
.archive-design .chapter-list > a { background:var(--ak-panel); border:1px solid var(--ak-line); border-radius:0; padding:28px; }
.archive-design .chapter-list p { color:var(--ak-grey); }

/* Existing season covers become a photograph + object composition. */
.archive-design .ak-season-hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); align-items:start; gap:60px; min-height:880px; height:auto; max-height:none; padding:65px var(--ak-gutter) 70px; background:var(--ak-bg); }
.archive-design :is(.xr,.ks) .ak-season-hero::after { z-index:1; background:linear-gradient(90deg,rgba(10,14,23,.85),rgba(10,14,23,.72) 50%,rgba(10,14,23,.65)),linear-gradient(0deg,var(--ak-bg),transparent 65%); }
.archive-design .ak-season-hero :is(.xr-match__photo,.ks-cover__image) { z-index:0; }
.archive-design .ak-season-hero > :is(.ak-hero-object,.xr-match__top,.xr-match__credit,.ks-cover__top,.ks-cover__expand) { z-index:2; }
.archive-design .ak-season-hero .xr-match__photo { opacity:.6; }
.archive-design .ak-season-hero .xr-match__image { object-position:center 25%; }
.archive-design .ak-season-hero .ks-cover__image { opacity:.45; }
.archive-design .ak-season-hero :is(.xr-match__copy,.ks-cover__copy) { display:block; position:relative; top:auto; bottom:auto; left:auto; right:auto; width:100%; max-width:none; min-width:0; grid-column:1; grid-row:1; z-index:2; }
.archive-design .ak-season-hero .xr-season { display:flex; flex-direction:row; flex-wrap:nowrap; gap:0; margin:0 0 28px; font:900 clamp(56px,10.4vw,150px)/1.03 var(--ak-display); letter-spacing:-.04em; color:var(--ak-ink); }
.archive-design .ak-season-hero .xr-season > span,.archive-design .ak-season-hero .xr-season i { font-weight:inherit; margin:0; color:inherit; }
.archive-design .ak-season-hero .ks-cover__season { font:900 clamp(56px,10.4vw,150px)/1.03 var(--ak-display); letter-spacing:-.04em; }
.archive-design .ak-season-hero h1 { margin:24px 0 0; font:850 clamp(30px,4.1vw,59px)/1.13 var(--ak-display); letter-spacing:-.025em; color:var(--ak-blue); text-transform:uppercase; text-wrap:balance; }
.archive-design .xr .ak-season-hero h1 br { display:block; }
.archive-design .ak-season-hero .xr-match__top { inset:27px var(--ak-gutter) auto; }
.archive-design .ak-season-hero .ks-cover__top { inset:27px var(--ak-gutter) auto; }
.archive-design .ak-season-hero .xr-match__credit { bottom:20px; left:var(--ak-gutter); }
.archive-design .ak-season-hero .ks-cover__expand { bottom:22px; right:var(--ak-gutter); }
.archive-design :is(.xr-read,.ks-cover__copy > a) { width:fit-content; min-width:230px; font:10px/1.7 var(--ak-mono); text-transform:uppercase; border-color:var(--ak-blue); border-width:2px; margin-top:35px; }
.ak-hero-object { grid-column:2; grid-row:1; position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:center; justify-content:center; align-self:center; margin:0; padding:0; height:auto; min-width:0; border:1px solid var(--ak-line); border-top:4px solid var(--ak-blue); background:#fff; }
.ak-hero-object > .ak-object { flex:0 0 auto; width:100%; height:auto; min-height:0; }
.ak-hero-object figcaption { width:100%; margin:0; padding:16px 20px; background:var(--ak-card); font:9px/1.6 var(--ak-mono); text-transform:uppercase; color:var(--ak-grey); }
.ak-specs { max-width:1296px; margin:0 auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:34px 0; border-bottom:1px solid var(--ak-line); }
.ak-specs > div { padding:6px 24px; border-left:1px solid var(--ak-line); min-width:0; }
.ak-specs > div:first-child { padding-left:0; border:0; }
.ak-specs dt { font:11px/1.8 var(--ak-mono); text-transform:uppercase; letter-spacing:.15em; color:var(--ak-grey); }
.ak-specs dd { margin:10px 0 0; font:700 clamp(15px,1.3vw,20px)/1.5 var(--ak-display); text-transform:uppercase; overflow-wrap:break-word; }
.archive-design :is(.xr-match__caption,.ks-caption) { background:var(--ak-panel-2); color:var(--ak-grey); padding-inline:var(--ak-gutter); border-bottom:1px solid var(--ak-line); }
.archive-design :is(.xr,.ks,.sp,.mf) { background:var(--ak-bg); color:var(--ak-ink); --ks-line:var(--ak-line); --ks-mint:var(--ak-blue); --sp-line:var(--ak-line); --sp-mint:var(--ak-blue); --mf-accent:var(--ak-blue); --mf-paper:var(--ak-panel); }
.archive-design :is(.xr-overline,.ks-kicker,.sp-kicker,.eyebrow) { color:var(--ak-blue); font:10px/1.8 var(--ak-mono); letter-spacing:.12em; text-transform:uppercase; }
.archive-design :is(.xr-story h2,.xr-object h2,.xr-details h2,.xr-section-heading h2,.xr-passport h2,.ks-chapter h2,.ks-variants h2,.ks-related h2,.sp-chapter h2,.sp-section-head h2,.sp-passport h2,.mf-act__title) { font-family:var(--ak-display); font-size:clamp(29px,3.2vw,46px); font-weight:700; line-height:1.15; letter-spacing:-.025em; }
.archive-design :is(.xr-prose,.ks-prose,.sp-prose,.mf .sp-prose) { color:var(--ak-grey); font-family:var(--font-sans); font-size:17px; font-weight:400; line-height:1.85; letter-spacing:0; }
/* Sentence case gives the editorial chapters a quieter rhythm than the covers. */
.archive-design :is(.xr,.ks,.sp,.mf) :is(h2,h3) { text-transform:none; letter-spacing:-.025em; }
.archive-design :is(.xr-prose,.ks-prose,.sp-prose) strong { color:var(--ak-ink); }
.archive-design :is(.xr-prose,.ks-prose,.sp-prose) a { color:var(--ak-blue); }
.archive-design :is(.xr-object,.xr-details,.xr-matches,.xr-passport,.ks-passport,.sp-passport,.sp-kits,.mf-kits,.mf-act--ledger) { background:var(--ak-panel-2); border-color:var(--ak-line); }
.archive-design :is(.xr-index__year,.xr-season-facts dd,.ks-number) { font-family:var(--ak-display); font-weight:700; color:var(--ak-blue); letter-spacing:-.035em; }
.archive-design .xr[data-season="2021"] .xr-season-facts dd { color:var(--ak-gold); }
.archive-design :is(.xr-controls button,.xr-contents a,.ks-nav,.sp-nav,.mf-nav,.mf-nav a) { font-family:var(--ak-mono); }
.archive-design .xr-controls button[aria-pressed=true] { background:var(--ak-ink); color:var(--ak-bg); border-color:var(--ak-ink); }
.archive-design :is(.xr-contents a,.xr-references a,.xr-back-top) { color:var(--ak-blue); }
.archive-design :is(.ks-nav,.sp-nav,.mf-nav) { background:rgba(10,14,23,.94); border-color:var(--ak-line); }
.archive-design .mf :is(.sp-prose h2,.mf-chapter h2) { font-family:var(--ak-display); font-weight:700; font-size:clamp(24px,2.25vw,34px); line-height:1.2; letter-spacing:-.025em; }
.archive-design .mf-fact { background:var(--ak-panel); color:var(--ak-ink); border:1px solid var(--ak-line); }
.archive-design .mf-fact__value { font-family:var(--ak-display); font-weight:700; color:var(--ak-blue); letter-spacing:-.06em; }
.archive-design .mf-fact__note { color:var(--ak-grey); }
.archive-design :is(.mf-cover h1,.sp-cover h1) { font-family:var(--ak-display); font-weight:700; letter-spacing:-.04em; }
.archive-design .sp--custom .sp-cover__copy { container-type:inline-size; }
.archive-design .sp--custom .sp-cover h1 { font-size:clamp(36px,15cqw,82px); }
.archive-design .mf-era { background:var(--ak-card); }
.archive-design .mf-era h2 { font-family:var(--ak-display); font-weight:700; font-size:clamp(45px,5.3vw,77px); }
.archive-design .mf-era__photo::after { background:linear-gradient(0deg,var(--ak-card),rgba(10,14,23,.3) 55%,transparent); }
.archive-design .mf-index__intro h1 { font-family:var(--ak-display); font-weight:700; font-size:clamp(45px,5vw,74px); letter-spacing:-.04em; }
.archive-design .mf-index__intro em { color:var(--ak-blue); }
.archive-design .mf-act__title { max-width:1100px; font-size:clamp(34px,4.2vw,60px); }
.archive-design .mf-act__eyebrow { font-family:var(--ak-mono); font-size:10px; }
.archive-design .mf-act--panorama .mf-act__head { color:var(--ak-ink); }
.archive-design .mf-kit .sp-kit__year { font-family:var(--ak-display); font-size:34px; font-weight:700; }
.archive-design :is(.mf-kit,.sp-kit) { border-radius:0; }
.archive-design .ak-adjacent { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:0; max-width:1296px; margin:60px auto; border:0; background:transparent; }
.archive-design .ak-adjacent > a { display:flex; align-items:center; gap:24px; min-width:0; padding:24px; background:var(--ak-card); border:1px solid var(--ak-line); border-radius:0; text-align:left; }
.ak-adjacent__object { flex:0 0 140px; height:145px; padding:0; background:#fff; overflow:hidden; }
.ak-adjacent > a > div:last-child { min-width:0; }
.archive-design .ak-adjacent small { color:var(--ak-grey); font:9px/1.7 var(--ak-mono); text-transform:uppercase; }
.archive-design .ak-adjacent strong { display:block; margin:10px 0; font:700 clamp(24px,2.5vw,36px)/1.15 var(--ak-display); color:var(--ak-ink); letter-spacing:-.04em; }
.archive-design .ak-adjacent span:not(.ak-object) { color:var(--ak-grey); font:12px/1.6 var(--font-sans); }
.archive-design .ak-adjacent b { display:block; margin-top:12px; color:var(--ak-blue); font-weight:400; }

/* One interaction for all archive cards. */
.archive-design :is(.ak-card,.ak-era,.ak-sponsor,.ak-topic) { transition:none; }
.archive-design :is(.ak-card,.ak-era,.ak-sponsor,.ak-topic):focus-visible { border-color:rgba(46,107,255,.5); }
@media (hover:hover) {
  .archive-design :is(.ak-card,.ak-era,.ak-sponsor,.ak-topic):hover { border-color:rgba(46,107,255,.5); }
}
@media (prefers-reduced-motion:no-preference) {
  .archive-design :is(.ak-card,.ak-era,.ak-sponsor,.ak-topic) { transition:transform .2s ease,border-color .2s ease; }
  .archive-design :is(.ak-card,.ak-era,.ak-sponsor,.ak-topic):focus-visible { transform:translateY(-4px); }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .archive-design :is(.ak-card,.ak-era,.ak-sponsor,.ak-topic):hover { transform:translateY(-4px); }
}
.archive-design .ak-hero-deck { max-width:540px; margin-top:28px; color:var(--ak-grey); font:17px/1.9 var(--font-sans); }
.ak-hero-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.ak-hero-tags > * { padding:10px 20px; border:1px solid var(--ak-line); border-radius:30px; font:11px/1.5 var(--ak-mono); text-transform:uppercase; color:var(--ak-grey); }
.archive-design .ak-season-hero .xr-read { margin-top:30px; }
.archive-design .ak-season-hero .xr-match__copy { padding-top:0; }
.archive-design .ak-season-hero .ks-cover__copy { padding-top:0; container-type:inline-size; }
.archive-design .ak-season-hero .ks-cover__season { font-size:clamp(50px,18cqw,150px); }
.archive-design .ak-season-hero .ks-cover__copy h1 { font-size:clamp(30px,7.8cqw,59px); }
.archive-design .preview-bar { margin-top:45px; }
.archive-design .site-footer { margin-top:0; }

@media (max-width:1350px) {
  .archive-design .site-header { gap:16px; }
  .archive-design #site-nav { gap:18px; padding-right:60px; }
  .archive-design .topbar-back span { display:none; }
  .ak-collection,.ak-eras,.ak-sponsors,.ak-design-topics { padding-inline:24px; }
  .ak-specs,.archive-design .ak-adjacent { margin-inline:24px; }
  .archive-design .ak-season-hero { gap:35px; }
}
@media (max-width:1000px) {
  .archive-design .site-header { display:block; }
  .archive-design .topbar { width:100%; height:76px; }
  .archive-design .topbar-back { top:16px; }
  .archive-design #site-nav { justify-content:flex-start; padding:0 0 14px; gap:26px; }
  .archive-design .tl-hero { height:720px; padding-top:110px; }
  .archive-design .tl-hero h1 { font-size:8.4vw; }
  .ak-section-head { gap:20px; }
  .ak-view-switch { gap:6px; }
  .ak-view-switch a { padding:10px 14px; font-size:10px; }
  .archive-design .ak-card--featured { padding:28px; gap:18px; height:auto; min-height:350px; }
  .archive-design .ak-card--featured .kit-card__visual { height:280px; }
  .archive-design .ak-card--featured h3 { font-size:48px; }
  .ak-card__intro { font-size:15px; }
  .archive-design .ak-selection { gap:18px; }
  .archive-design .ak-card { padding:18px; }
  .ak-selection > .ak-card { grid-column:span 3; }
  .ak-selection > .ak-card:last-child { grid-column:span 6; }
  .ak-era-grid { gap:18px; }
  .ak-sponsor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .ak-sponsor { padding:18px; }
  .ak-era__photo { aspect-ratio:4/5; }
  .archive-design .ak-era h3 { left:18px; right:18px; }
  .ak-era__copy { padding:22px 18px; }
  .ak-era__arrow { top:14px; right:14px; width:34px; height:34px; font-size:22px; }
  .archive-design .kit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .archive-design .ak-season-hero { min-height:630px; padding-block:65px; gap:24px; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
  .archive-design .ak-season-hero .xr-season { font-size:7.5vw; }
  .archive-design .ak-season-hero h1 { font-size:32px; }
  .archive-design .ak-hero-deck { font-size:15px; line-height:1.7; }
  .ak-hero-tags > * { font-size:10px; padding:8px 10px; }
  .ak-hero-object { height:auto; padding:0; }
  .ak-hero-object figcaption { font-size:9px; }
  .ak-hero-object figcaption span { display:none; }
  .ak-specs > div { padding-inline:16px; }
  .ak-specs dd { font-size:15px; }
  .archive-design .ak-adjacent > a { gap:18px; padding:20px; }
  .ak-adjacent__object { flex-basis:95px; height:110px; }
}
@media (max-width:700px) {
  .archive-design { --ak-gutter:20px; }
  .archive-design .container { width:calc(100% - 40px); }
  .archive-design .preview-bar { padding:7px 18px; font-size:9px; }
  .archive-design .site-header { padding-inline:20px; }
  .archive-design .topbar { height:74px; justify-content:flex-start; gap:12px; }
  .archive-design .archive-wordmark { font-size:19px; }
  .archive-design .archive-wordmark small { font-size:8px; }
  .archive-design .nav-toggle:not([hidden]) { display:block; order:2; margin-left:auto; }
  .archive-design .topbar-back { position:static; order:3; width:26px; font-size:17px; }
  .archive-design #site-nav { display:flex; flex-wrap:wrap; gap:4px 18px; padding-bottom:16px; }
  .js .archive-design #site-nav:not(.is-open) { display:none; }
  .archive-design #site-nav a { font-size:11px; padding:12px 0; }
  .archive-design .site-footer { padding:28px 20px; }
  .archive-design .tl-hero { height:650px; min-height:0; padding:95px 20px 65px; }
  .archive-design .tl-hero::after { background:linear-gradient(90deg,rgba(10,14,23,.78),rgba(10,14,23,.48)),linear-gradient(0deg,var(--ak-bg),transparent 80%); }
  .archive-design .tl-hero-photo img { height:100%; object-position:58% center; }
  .archive-design .tl-hero h1 { font-size:clamp(34px,9.45vw,66px); letter-spacing:-.025em; line-height:1.2; margin:24px 0; }
  .archive-design .tl-hero .tl-kicker { max-width:300px; font-size:10px; }
  .archive-design .tl-tagline { font-size:16px; max-width:300px; }
  .archive-design .tl-tagline br { display:block; }
  .archive-design .tl-hero-photo figcaption { top:auto; bottom:18px; left:20px; right:20px; max-width:320px; font-size:9px; }
  .archive-design .tl-actions { align-items:flex-start; flex-direction:column; gap:18px; }
  .archive-design .tl-primary { font-size:11px; }
  .ak-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; padding-block:30px; }
  .ak-stats dd { font-size:36px; }
  .ak-stats dt { font-size:10px; }
  .ak-ticker { gap:9px 15px; font-size:9px; }
  .ak-ticker span + span::before { margin-right:12px; }
  .ak-collection,.ak-eras,.ak-sponsors,.ak-design-topics { padding:65px 20px 0; }
  .ak-design-topics { padding-bottom:60px; }
  .ak-section-head { display:block; margin-bottom:28px; }
  .ak-section-head > a { margin-top:20px; font-size:11px; }
  .archive-design .ak-section-head h2 { font-size:clamp(29px,8.2vw,46px); }
  .ak-view-switch { margin-top:24px; }
  .ak-view-switch a { font-size:10px; padding:11px 16px; }
  .ak-selection { display:block; }
  .ak-selection > .ak-card + .ak-card { margin-top:18px; }
  .archive-design .ak-card { padding:18px; }
  .archive-design .ak-card--featured { display:flex; padding:22px 18px; gap:18px; }
  .archive-design .ak-card--featured .kit-card__visual { order:1; height:260px; width:100%; padding:12px; }
  .archive-design .ak-card--featured .kit-card__copy { order:2; width:100%; }
  .archive-design .ak-card--featured h3 { font-size:43px; }
  .archive-design .ak-card:not(.ak-card--featured) h3 { font-size:30px; }
  .ak-card__intro { font-size:15px; }
  .ak-era-grid { grid-template-columns:1fr; gap:24px; }
  .ak-era__photo { aspect-ratio:1; }
  .ak-era__photo img { object-position:var(--era-mobile-x) var(--era-mobile-y); }
  .archive-design .ak-era h3 { left:22px; right:22px; font-size:clamp(54px,12vw,76px); }
  .ak-era__copy { padding:22px; }
  .ak-era__arrow { top:20px; right:20px; width:40px; height:40px; }
  .archive-design .tl-rail { background:rgba(10,14,23,.95); }
  .archive-design .tl-chapter__years { font-size:clamp(33px,9vw,52px); }
  .archive-design .tl-chapter h2,.archive-design .tl-detail h3 { font-size:30px; }
  .archive-design .section { padding-block:38px; }
  .archive-design .page-title { font-size:clamp(36px,10vw,52px); }
  .archive-design .filters label { flex:1 1 125px; }
  .archive-design .kit-grid { grid-template-columns:1fr; }
  .archive-design .article-hero { padding:24px; grid-template-columns:1fr; }
  .archive-design .article-layout { display:block; padding-top:40px; }
  .archive-design .toc { margin-bottom:40px; }
  .archive-design .prose { font-size:16px; }
  .archive-design .gallery-grid { grid-template-columns:1fr; }
  .archive-design .ak-season-hero { display:flex; flex-direction:column; align-items:stretch; padding:65px 20px 68px; gap:34px; min-height:0; }
  .archive-design .ak-season-hero .xr-match__top,.archive-design .ak-season-hero .ks-cover__top { inset:18px 20px auto; }
  .archive-design .ak-season-hero .xr-match__top > span { display:none; }
  .archive-design .ak-season-hero .ks-cover__top span { max-width:170px; font-size:8px; }
  .archive-design .ak-season-hero .xr-season,.archive-design .ak-season-hero .ks-cover__season { font-size:clamp(48px,14vw,94px); margin-bottom:18px; }
  .archive-design .ak-season-hero h1,.archive-design .ak-season-hero .ks-cover__copy h1 { font-size:clamp(29px,8.2vw,45px); text-align:left; margin-top:20px; max-width:100%; }
  .archive-design .ak-season-hero :is(.xr-match__copy,.ks-cover__copy) { width:100%; padding-top:0; }
  .archive-design .ak-season-hero .xr-read { margin-top:24px; }
  .ak-hero-object { height:auto; padding:0; width:100%; }
  .ak-hero-object figcaption { font-size:9px; }
  .archive-design .ak-season-hero .xr-match__credit { left:20px; right:20px; bottom:12px; gap:14px; font-size:9px; }
  .archive-design .ak-season-hero .xr-match__credit a { padding:6px 10px; font-size:10px; }
  .archive-design .ak-season-hero .ks-cover__expand { top:auto; bottom:15px; right:20px; }
  .ak-specs { margin-inline:20px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; padding-block:28px; }
  .ak-specs > div { padding:0 12px; }
  .ak-specs > div:nth-child(odd) { border-left:0; padding-left:0; }
  .ak-specs dd { font-size:15px; }
  .archive-design :is(.xr-introduction__lead,.ks-intro .ks-lead,.mf-intro__lead) { font-size:25px; line-height:1.5; }
  .archive-design :is(.xr-prose,.ks-prose,.sp-prose,.mf .sp-prose) { font-size:16px; line-height:1.85; }
  .archive-design :is(.xr-story h2,.xr-object h2,.xr-details h2,.xr-section-heading h2,.ks-chapter h2,.sp-chapter h2,.sp-section-head h2) { font-size:29px; }
  .archive-design .mf-index__intro h1 { font-size:clamp(34px,9vw,58px); }
  .archive-design .mf-cover h1 { font-size:clamp(64px,18vw,115px); }
  .archive-design .mf-act__title { font-size:33px; }
  .archive-design .mf-fact__value { font-size:clamp(48px,16vw,92px); }
  .archive-design .mf-era h2 { font-size:68px; }
  .archive-design .ak-adjacent { grid-template-columns:1fr; margin:42px 20px; gap:16px; }
  .archive-design .ak-adjacent > a { gap:20px; padding:20px; }
  .ak-adjacent__object { flex-basis:100px; height:120px; }
  .archive-design .ak-adjacent strong { font-size:27px; }
}
@media (max-width:640px) {
  .ak-sponsor-grid { grid-template-columns:1fr; }
  .ak-sponsor-tabs { gap:24px; }
  .ak-sponsor-tabs a { font-size:16px; }
}

.archive-design .ak-season-hero .xr-match__top .xr-overline { color:var(--ak-blue); }

/* The collection uses a single caption line, like the source render. */
.archive-design .ak-card--featured .kit-card__copy { align-self:start; }
.archive-design .ak-section-head h2 { font-weight:900; }
@media(min-width:1001px) { .archive-design .ak-card--featured .kit-card__visual { justify-self:end; width:350px; } }
@media(min-width:701px) and (max-width:1000px) { .archive-design .ak-card--featured { grid-template-columns:minmax(0,1fr) 280px; } }
@media(max-width:700px) { .archive-design .ak-card--featured { grid-template-columns:1fr; } }

/* Preserve original product photographs, including their light backgrounds.
   Only explicitly labelled detail views crop the rectangular photograph. */
.archive-design .ak-object--product { aspect-ratio:1; }
/* Fit the complete photograph into the card at every viewport width. */
.archive-design .ak-card .ak-object { width:100%; height:auto; }
.product-photos { width:min(1296px,calc(100% - 48px)); margin:80px auto; padding-top:44px; border-top:1px solid var(--ak-line); }
.product-photos__credit { color:var(--ak-grey); font:11px/1.8 var(--ak-mono); }
.product-photos__credit a { color:var(--ak-ink); }
.archive-design .product-photos .ak-section-head { margin-bottom:28px; }
.archive-design .product-photos .product-photos__note { max-width:780px; margin:0 0 32px; color:var(--ak-grey); font:14px/1.8 var(--font-sans); }
.product-photos__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 20px; }
.product-photo { margin:0; min-width:0; }
.product-photo__frame { display:block; position:relative; aspect-ratio:1; overflow:hidden; background:#fff; }
.product-photo__image { display:block; width:100%; height:100%; overflow:hidden; position:relative; }
.archive-design .product-photo__image img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; margin:0; }
.archive-design .product-photo__frame--crop img { position:absolute; left:var(--photo-left); top:var(--photo-top); width:var(--photo-width); height:var(--photo-height); object-fit:fill; }
.product-photo__zoom { position:absolute; right:10px; bottom:10px; display:grid; place-items:center; width:30px; height:30px; background:rgba(10,14,23,.8); color:var(--ak-ink); }
.product-photo figcaption { display:flex; gap:12px; margin-top:15px; }
.product-photo figcaption > span { color:var(--ak-blue); font:11px/1.8 var(--ak-mono); }
.archive-design .product-photo h3 { margin:0; font:600 14px/1.55 var(--font-sans); letter-spacing:0; text-transform:none; }
.archive-design .ks-history { scroll-margin-top:90px; }
.archive-design .ks-technology { margin-top:40px; }
.archive-design .ks-technology h3 { margin:0 0 22px; padding:0; border:0; font-size:25px; }
.archive-design .kit-match-heading { text-wrap:initial; }
.archive-design .xr-game h3.kit-match-heading { display:block; }
.kit-match-title { display:block; }
.archive-design .kit-match-meta { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; margin-top:12px; color:var(--ak-grey); font:400 14px/1.6 var(--font-sans); letter-spacing:0; }
.kit-match-date,.kit-match-context { white-space:nowrap; }
.kit-match-context abbr { text-decoration:none; }
.ak-related-links { width:min(1100px,calc(100% - 48px)); margin:0 auto; padding-block:40px; border-top:1px solid var(--ak-line); }
.ak-related-links > div { display:flex; flex-wrap:wrap; gap:14px 24px; margin-top:20px; }
.ak-related-links a { color:var(--ak-ink); font:14px/1.6 var(--font-sans); text-decoration:underline; text-decoration-color:var(--ak-blue); text-underline-offset:5px; }
@media(max-width:600px) { .archive-design h3.kit-match-heading { font-size:20px; } }
.archive-design .xr-introduction { padding-block:28px; }
.product-photo figcaption p { margin:5px 0 0; color:var(--ak-grey); font:11px/1.6 var(--ak-mono); }
@media(max-width:1000px) { .product-photos__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .product-photos { width:calc(100% - 40px); margin:52px auto; padding-top:28px; } .product-photos .ak-section-head { align-items:flex-start; flex-direction:column; gap:16px; } .product-photos .ak-section-head h2 { font-size:28px; } .product-photos__grid { gap:26px 14px; } .product-photos__note { font-size:13px; } .archive-design .product-photo h3 { font-size:12px; } .product-photo figcaption { gap:7px; } .product-photo figcaption p { font-size:9px; } }