/* Manufacturer-only editorial layouts. Every article also works without scripts. */
.mf { --mf-accent:#c8d9f4; --mf-paper:#c8d9f4; --mf-gutter:clamp(24px,4.6vw,72px); background:#080e15; }
.mf[data-manufacturer=umbro], .mf [data-maker=umbro] { --mf-accent:#e9d2a1; --mf-paper:#e1d5bb; }
.mf[data-manufacturer=adidas], .mf [data-maker=adidas] { --mf-accent:#c5d8fa; --mf-paper:#c5d8fa; }
.mf[data-manufacturer=nike], .mf [data-maker=nike] { --mf-accent:#e0f293; --mf-paper:#dce996; }
.mf .sp-kicker { color:#aebdcb; }
.mf :is(a,summary,[tabindex]):focus-visible { outline:2px solid var(--mf-accent); outline-offset:5px; }
.mf.sp :is(.mf-act,[id]) { scroll-margin-top:0; }
.mf-cover { position:relative; isolation:isolate; height:calc(100svh - 165px); min-height:620px; max-height:980px; overflow:hidden; background:#0b1723; }
.mf-cover__image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:var(--mf-x) var(--mf-y); }
.mf-cover::after { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(0deg,#080e15 0%,rgba(8,14,21,.66) 22%,transparent 73%),linear-gradient(90deg,rgba(8,14,21,.28),transparent 70%); }
.mf-cover__top { position:absolute; inset:28px var(--mf-gutter) auto; display:flex; justify-content:space-between; gap:24px; text-shadow:0 2px 12px #000; }
.mf-cover__top .sp-kicker { color:#ecf1f5; }
.mf-cover__copy { position:absolute; bottom:38px; left:var(--mf-gutter); right:var(--mf-gutter); }
.mf-cover__copy > .sp-kicker { color:var(--mf-accent); letter-spacing:.13em; }
.mf-cover h1 { font-size:clamp(115px,17vw,244px); line-height:.94; letter-spacing:-.08em; font-weight:650; margin:10px 0 22px; color:#eff6f5; }
.mf-cover__read { max-width:290px; display:flex; align-items:center; justify-content:space-between; gap:45px; min-height:44px; border-bottom:1px solid #8eaebc; font-size:12px; }
.mf-cover__read span { font-size:22px; }
.mf-cover__expand { position:absolute; bottom:38px; right:var(--mf-gutter); }
.mf .sp-cover-caption { padding-inline:var(--mf-gutter); }
.mf-nav { position:sticky; top:0; z-index:10; display:flex; gap:36px; align-items:center; padding:0 var(--mf-gutter); border-block:1px solid var(--sp-line); background:rgba(8,16,26,.88); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
.mf-nav__brand { display:flex; gap:30px; align-items:center; flex-shrink:0; min-height:70px; font-size:25px; letter-spacing:-.06em; font-weight:600; }
.mf-nav__brand span { font-size:17px; color:var(--mf-accent); font-weight:400; }
.mf-nav > div { display:flex; gap:25px; overflow-x:auto; min-width:0; padding:4px; scrollbar-width:thin; scrollbar-color:#546778 transparent; }
.mf-nav > div a { display:flex; gap:8px; align-items:center; white-space:nowrap; font-size:11px; min-height:58px; border-bottom:2px solid transparent; }
.mf-nav small { font-size:9px; color:var(--mf-accent); }
.mf-nav a:hover { color:var(--mf-accent); }
.mf-intro { max-width:1400px; padding:80px var(--mf-gutter); margin:auto!important; display:grid; grid-template-columns:1.65fr 1fr; gap:80px; align-items:center; }
.mf-intro__lead { max-width:740px; margin-top:22px!important; font-size:clamp(29px,3.4vw,47px); letter-spacing:-.04em; line-height:1.3; text-wrap:pretty; }
.mf-text-link { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-top:26px; margin-top:30px; border-top:1px solid var(--sp-line); font-size:12px; color:#c1d0db!important; }
.mf-text-link span { font-size:22px; color:var(--mf-accent); }
.mf-fact { padding:32px; background:var(--mf-paper); color:#111a22; }
.mf-fact__value { display:block; white-space:nowrap; font-size:clamp(66px,8.2vw,122px); line-height:1; letter-spacing:-.075em; font-weight:550; }
.mf-fact__label { margin-top:18px!important; font-size:24px; letter-spacing:-.035em; line-height:1.2; }
.mf-fact__note { font-size:12px; line-height:1.8; margin-top:35px!important; max-width:330px; }
.mf-fact a { display:flex; align-items:center; justify-content:space-between; min-height:50px; border-top:1px solid #7f8e92; margin-top:24px; font-size:11px; }
.mf-fact a:focus-visible { outline-color:#15212c; }
.mf-fact--summary { background:transparent; padding:8px 0 8px 38px; border-left:1px solid var(--sp-line); color:var(--mf-accent); }
.mf-fact--summary .mf-fact__value { font-size:clamp(78px,9vw,135px); font-weight:400; }
.mf-fact--summary .mf-fact__note { margin-top:16px!important; color:#95aabc; }
.mf-fact--summary a { border-color:var(--sp-line); color:#b7c7d5; }
.mf-fact--summary a:focus-visible { outline-color:var(--mf-accent); }
.mf-act { position:relative; border-top:1px solid var(--sp-line); }
.mf-act__head { position:relative; max-width:1400px; margin:auto; padding:48px var(--mf-gutter) 50px; }
.mf-act__eyebrow { display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--mf-accent); font-size:11px; letter-spacing:.15em; font-weight:500; }
.mf-act__title { max-width:980px; font-size:clamp(44px,6.2vw,89px); letter-spacing:-.06em; line-height:1.02; margin-top:26px!important; font-weight:500; text-wrap:balance; }
.mf-act__brand { display:block; margin-top:32px; color:#8399ad; font-size:9px; letter-spacing:.18em; }
.mf-act__spread { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1fr); gap:clamp(45px,6vw,90px); max-width:1400px; margin:auto; padding:0 var(--mf-gutter) 100px; align-items:start; }
.mf-act__visual { position:sticky; top:110px; min-width:0; }
.mf-act__text { min-width:0; max-width:620px; }
.mf-act--text .mf-act__spread { display:block; }
.mf-act--text .mf-act__visual { display:none; }
.mf-act--text .mf-act__text { margin:auto; }
.mf-act--portrait:nth-child(even) .mf-act__visual { grid-column:2; grid-row:1; }
.mf-act--portrait:nth-child(even) .mf-act__text { grid-column:1; grid-row:1; }
.mf-chapter + .mf-chapter { margin-top:55px; padding-top:38px; border-top:1px solid var(--sp-line); }
.mf-chapter h2 { font-size:clamp(27px,2.4vw,35px); font-weight:500; line-height:1.14; letter-spacing:-.035em; margin:0 0 25px; text-wrap:pretty; }
.mf .sp-prose { max-width:620px; font-size:17px; line-height:1.83; color:#bfcbd6; }
.mf .sp-prose p + p { margin-top:22px; }
.mf .sp-prose strong { color:#eef3f6; font-weight:550; }
.mf-photo { margin:0!important; min-width:0; }
.mf-photo > a { display:block; position:relative; background:#070c11; }
.mf-photo img { display:block; width:100%; height:auto; max-height:70svh; object-fit:contain; }
.mf-photo .sp-glass { position:absolute; right:18px; bottom:18px; }
.mf-photo figcaption { display:flex; flex-wrap:wrap; gap:9px 30px; padding-top:14px; font-size:10px; color:#8fa4b8; line-height:1.65; }
.mf-photo figcaption > span { flex:1 1 250px; }
.mf-photo figcaption > a { text-decoration:underline; text-underline-offset:3px; }
.mf-act--portrait .mf-fact { margin-top:32px; }
.mf-act--portrait .mf-fact__value { font-size:60px; }
.mf-act--portrait .mf-fact__note { margin-top:18px!important; }
.mf-act--portrait:has(.mf-fact) .mf-act__visual { position:static; }
.mf-act--ledger { background:#0c1723; }
.mf-act--ledger .mf-act__head { padding-top:65px; }
.mf-act--ledger .mf-fact { position:relative; padding:40px; border-top:7px solid #f0f4f7; }
.mf-act--ledger .mf-fact::before { content:'CHELSEA / COMMERCIAL ARCHIVE'; display:block; padding-bottom:36px; font-size:9px; letter-spacing:.12em; }
.mf-act__opening { position:relative; }
.mf-act--panorama .mf-act__head { position:absolute; bottom:72px; left:0; right:0; z-index:2; pointer-events:none; padding-top:40px; color:#f6f7f8; text-shadow:0 2px 22px #08121d; }
.mf-act--panorama .mf-act__title { max-width:840px; }
.mf-act--panorama .mf-act__brand { color:#d0dce7; }
.mf-act--panorama .mf-act__opening > .mf-photo > a { height:clamp(520px,57vw,790px); }
.mf-act--panorama .mf-act__opening > .mf-photo img { height:100%; max-height:none; object-fit:cover; object-position:50% 45%; }
.mf-act--panorama .mf-act__opening > .mf-photo > a::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg,rgba(5,12,20,.91),rgba(5,12,20,.25) 50%,transparent 75%); }
.mf-act--panorama .mf-act__opening > .mf-photo .sp-glass { z-index:3; right:var(--mf-gutter); top:24px; bottom:auto; }
.mf-act--panorama .mf-act__opening > .mf-photo figcaption { padding:18px var(--mf-gutter) 0; }
.mf-act--panorama .mf-act__spread { padding-top:60px; grid-template-columns:minmax(0,.6fr) minmax(0,1fr); }
.mf-margin-note { border-top:1px solid var(--mf-accent); padding-top:24px; }
.mf-margin-note > span { display:block; color:transparent; -webkit-text-stroke:1px #8c9db0; font-size:130px; font-weight:600; line-height:1; letter-spacing:-.07em; }
.mf-margin-note p { color:#9cafc2; font-size:13px; line-height:1.7; margin-top:22px; }
.mf-margin-note a { display:inline-block; margin-top:30px; font-size:11px; color:var(--mf-accent); }
.mf-kits { background:#0f1d2b; padding-inline:var(--mf-gutter); }
.mf-kits .sp-section-head { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:end; }
.mf-kits .sp-section-head .sp-kicker { grid-column:1/-1; }
.mf-kits .sp-section-head h2 { margin:0; }
.mf-kits .sp-section-head > p:last-child { margin-left:auto; max-width:240px; color:#a5b6c8; font-size:13px; line-height:1.7; }
.mf-kit-grid { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#a0b7ce #253748; padding:4px 4px 24px; max-width:1320px; margin:auto; }
.mf-kit { display:block; flex:0 0 340px; scroll-snap-align:start; padding:0; background:transparent; }
.mf-kit .sp-kit__photo { aspect-ratio:4/5; }
.mf-kit .sp-kit__year { font-size:43px; }
.mf-kit .sp-kit__copy { padding:18px 0 0; }
.mf-kit .sp-kit__copy h3 { font-size:20px; }
.mf-reference { max-width:1200px; margin:auto; padding:65px 40px; }

/* Revised editorial flow: the accents live beside the paragraph they explain. */
.mf-intro.mf-intro--revision { display:block; max-width:1150px; padding-block:64px; }
.mf-intro--revision .mf-intro__lead { max-width:100%; margin:0!important; font-size:clamp(26px,3vw,40px); }
.mf--revision .mf-act:nth-child(even) { background:var(--ak-panel-2,#0e1520); }
.mf--revision .mf-act__head { max-width:1250px; padding-block:60px 48px; }
.mf-editorial-chapters { max-width:1250px; margin:auto; padding:0 var(--mf-gutter) 72px; }
.mf-editorial-chapters .mf-chapter { max-width:760px; margin-inline:auto; }
.mf-editorial-chapters .mf-chapter + .mf-chapter { margin-top:48px; padding-top:40px; }
.mf-editorial-chapters .mf-chapter--quiet { border-left:2px solid var(--ak-line,#283344); padding-left:28px; }
.archive-design .mf-chapter--quiet h2 { font-size:clamp(23px,2vw,28px); }
.mf-editorial-chapters .mf-chapter:has(.mf-editorial-media),
.mf-editorial-chapters .mf-chapter--callout,
.mf-editorial-chapters .mf-chapter:has(.mf-contrast) { max-width:none; }
.mf-chapter:has(.mf-editorial-media) > .mf-chapter__copy { max-width:760px; margin:auto; }
.mf-editorial-media { margin-top:32px; }
.mf-editorial-media--pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.mf-image-label { margin:0 0 14px!important; color:var(--ak-grey,#9caabc); font:12px/1.6 var(--font-sans); }
.mf-editorial-media--pair .mf-photo > a { background:var(--ak-panel,#141a27); }
.mf-editorial-media--pair img { height:450px; max-height:none; object-fit:contain; }
.mf-chapter--illustrated { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,4vw,56px); align-items:center; }
.mf-chapter--illustrated .mf-editorial-media { margin:0; }
.mf-chapter--illustrated .mf-photo img { max-height:560px; }
.mf-callout { display:grid; grid-template-columns:minmax(260px,.85fr) minmax(0,1.3fr); gap:40px; align-items:center; }
.mf--revision .mf-fact--inline { margin:0; padding:28px; }
.mf-fact--inline p { margin:0; font:17px/1.6 var(--font-sans); }
.mf-fact--inline strong { font-weight:400; }
.mf--revision .mf-fact--inline .mf-fact__value { white-space:normal; margin:12px 0; font-size:clamp(45px,5.5vw,76px); }
.mf-callout:has(.mf-sales), .mf-callout:has(> .sp-prose:empty) { display:block; }
.mf-callout > .sp-prose:empty { display:none; }
.mf-sales br { display:none; }
.mf-sales { padding:28px; margin-bottom:28px; background:var(--ak-panel,#141a27); border:1px solid var(--ak-line,#283344); }
.mf-sales > p { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 32px; margin:0; font-size:13px; line-height:1.7; color:var(--ak-grey,#9caabc); }
.mf-sales__item { color:var(--ak-ink,#f4f3f0); font-weight:400; font-size:18px; }
.mf-sales__note { grid-column:1/-1; }
.mf-sales__item span { display:block; color:var(--ak-blue,#3863ff); font:700 clamp(34px,4vw,58px)/1.2 var(--ak-display); margin:12px 0; }
.mf-callout:has(.mf-sales) > .sp-prose { max-width:760px; margin:auto; }
.mf-contrast { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.mf .sp-prose.mf-contrast { max-width:none; }
.mf .sp-prose.mf-after-media { max-width:760px; margin:32px auto 0; }
.mf-contrast p { border-top:2px solid var(--ak-blue,#3863ff); padding-top:24px; margin:0!important; }
.mf-contrast strong:first-child { display:block; margin-bottom:14px; }
@media (max-width:700px) {
  .mf--revision .mf-act__head { padding-block:44px 32px; }
  .mf-editorial-chapters { padding-bottom:48px; }
  .mf-chapter--illustrated, .mf-callout, .mf-contrast, .mf-editorial-media--pair { display:block; }
  .mf-chapter--illustrated .mf-editorial-media { margin-bottom:28px; }
  .mf-callout > .sp-prose { margin-top:24px; }
  .mf-editorial-media--pair .mf-editorial-image + .mf-editorial-image, .mf-contrast p + p { margin-top:28px!important; }
  .mf-editorial-media--pair img { height:auto; max-height:540px; }
  .mf-sales > p { grid-template-columns:1fr; }
  .mf-sales { padding:24px; }
}
.mf details summary { list-style:none; cursor:pointer; }
.mf details summary::-webkit-details-marker { display:none; }
.mf-passport summary { padding:30px 0; border-top:1px solid var(--sp-line); }
.mf-passport summary > span:last-child { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:clamp(27px,3.5vw,45px); letter-spacing:-.05em; margin-top:14px; }
.mf-passport summary b { font-size:40px; color:var(--mf-accent); font-weight:300; }
.mf-passport[open] summary b { transform:rotate(45deg); }
.mf-passport__table { max-width:900px; margin-left:auto; padding:15px 0 35px; }
.mf-passport table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:14px; line-height:1.7; overflow-wrap:break-word; }
.mf-passport thead { display:none; }
.mf-passport td { padding:16px 0 16px 24px; vertical-align:top; border-top:1px solid var(--sp-line); color:#d8e5ed; }
.mf-passport td:first-child { padding-left:0; width:40%; color:#9fb4c7; }
.mf-passport td strong { font-weight:400; }
.mf-contents summary { display:flex; justify-content:space-between; align-items:center; min-height:75px; border-block:1px solid var(--sp-line); font-size:16px; }
.mf-contents summary span { color:var(--mf-accent); font-size:12px; }
.mf-contents ol { columns:2; gap:45px; margin-top:25px; padding-left:25px; font-size:13px; line-height:1.6; }
.mf-contents li { padding:10px 0 10px 6px; break-inside:avoid; color:#b0c3d6; }
.mf-contents li::marker { color:var(--mf-accent); font-size:11px; }
.mf-next { display:grid; grid-template-columns:1fr 1fr; border-block:1px solid var(--sp-line); }
.mf-next > a { padding:45px var(--mf-gutter); }
.mf-next > a + a { border-left:1px solid var(--sp-line); }
.mf-next small { font-size:9px; letter-spacing:.08em; color:#9bafc2; line-height:1.7; }
.mf-next strong { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:clamp(40px,6vw,85px); font-weight:550; letter-spacing:-.065em; line-height:1.2; margin:30px 0; }
.mf-next strong span { font-size:30px; color:var(--mf-accent); }
.mf-next a > span { font-size:13px; color:#b4c4d4; }
.mf-next a:hover strong { color:var(--mf-accent); }
/* Three edge-to-edge magazine covers, not a list of article cards. */
.mf-index__intro { max-width:1500px; padding:42px var(--mf-gutter) 45px; margin:auto; display:flex; justify-content:space-between; align-items:flex-end; gap:50px; }
.mf-index__intro h1 { font-size:clamp(64px,6.3vw,96px); font-weight:550; letter-spacing:-.07em; line-height:.99; margin-top:20px; }
.mf-index__intro em { font-style:normal; color:#b8cdef; }
.mf-index__aside { max-width:270px; }
.mf-index__aside > span { color:transparent; -webkit-text-stroke:1px #7b91a8; font-size:110px; line-height:.9; letter-spacing:-.085em; font-weight:600; }
.mf-index__aside p { margin-top:22px; color:#9fb3c6; font-size:14px; line-height:1.65; }
.mf-era-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--sp-line); }
.mf-era { min-width:0; background:#0d1823; }
.mf-era + .mf-era { border-left:1px solid var(--sp-line); }
.mf-era__photo { position:relative; isolation:isolate; overflow:hidden; height:clamp(340px,32vw,490px); background:#14202e; }
.mf-era__photo img { width:100%; height:100%; object-fit:cover; object-position:var(--mf-x) var(--mf-y); }
.mf-era__photo::after { content:''; position:absolute; z-index:0; inset:0; pointer-events:none; background:linear-gradient(0deg,#0d1823 0%,rgba(9,20,33,.6) 20%,transparent 58%,rgba(9,20,33,.35)); }
.mf-era__top { position:absolute; top:24px; left:28px; right:28px; z-index:1; display:flex; justify-content:space-between; gap:18px; font-size:9px; letter-spacing:.14em; }
.mf-era__top > span:last-child { display:grid; place-items:center; width:40px; height:40px; margin-top:-7px; border:1px solid #ffffff55; border-radius:50%; background:#0b182a44; backdrop-filter:blur(14px); font-size:23px; }
.mf-era h2 { position:absolute; z-index:1; bottom:10px; left:28px; font-size:clamp(57px,7vw,104px); font-weight:600; line-height:1; letter-spacing:-.075em; }
.mf-era__copy { padding:25px 28px 28px; }
.mf-era__period { color:var(--mf-accent); font-size:11px; letter-spacing:.08em; }
.mf-era__copy > p:nth-child(2) { color:#c1d0e0; margin-top:15px; font-size:clamp(17px,1.7vw,24px); line-height:1.3; max-width:330px; min-height:62px; letter-spacing:-.025em; }
.mf-era__link { display:flex; justify-content:space-between; align-items:center; min-height:50px; margin-top:22px; border-top:1px solid var(--sp-line); font-size:11px; }
.mf-era__link b { font-size:24px; font-weight:400; color:var(--mf-accent); }
.mf-era:hover h2 { color:var(--mf-accent); }
.mf-era:hover .mf-era__top > span:last-child { background:var(--mf-accent); color:#08121d; }
.mf-index__colophon { display:flex; justify-content:space-between; align-items:end; gap:35px; padding:65px var(--mf-gutter); }
.mf-index__colophon p { font-size:clamp(22px,3vw,42px); line-height:1.15; letter-spacing:-.045em; color:#8296ad; }
.mf-index__colophon strong { color:#dce7f3; font-weight:500; }
.mf-index__colophon a { min-height:44px; display:flex; align-items:center; gap:40px; border-bottom:1px solid #657b91; font-size:12px; }
@media (max-width:1000px) {
  .mf-nav { gap:22px; padding-inline:24px; }
  .mf-nav__brand { font-size:21px; gap:18px; }
  .mf-intro { gap:35px; padding-block:55px; }
  .mf-act__spread { gap:35px; }
  .mf-act--ledger .mf-fact { padding:24px; }
  .mf-fact__value { font-size:70px; }
  .mf-fact__label { font-size:21px; }
  .mf-act__title { font-size:60px; }
  .mf .sp-prose { font-size:16px; line-height:1.8; }
  .mf-era__copy, .mf-era__top { padding-inline:20px; }
  .mf-era__top { left:0; right:0; }
  .mf-era h2 { left:20px; font-size:58px; }
}
@media (max-width:800px) {
  .mf-act__spread, .mf-act--panorama .mf-act__spread { display:block; }
  .mf-act__visual { position:static; margin-bottom:40px; }
  .mf-act__text { max-width:660px; margin:auto; }
  .mf-photo img { max-height:75svh; }
  .mf-act--ledger .mf-fact { max-width:660px; margin:auto; }
  .mf-act--ledger .mf-fact__value { font-size:108px; }
  .mf-act--ledger .mf-fact__note { max-width:450px; }
  .mf-margin-note { display:none; }
  .mf-act--panorama .mf-act__visual { margin:0; }
  .mf-contents ol { columns:1; }
}
@media (max-width:700px) {
  .mf-cover { height:79svh; min-height:575px; max-height:780px; }
  .mf-cover__image { object-position:var(--mf-mobile-x) var(--mf-mobile-y); }
  .mf-cover__top { inset:20px 20px auto; gap:16px; }
  .mf-cover__top .sp-kicker { font-size:8px; max-width:155px; }
  .mf-cover__top .sp-kicker:last-child { text-align:right; }
  .mf-cover__copy { left:24px; right:24px; bottom:30px; }
  .mf-cover__copy > .sp-kicker { font-size:9px; max-width:260px; line-height:1.6; }
  .mf-cover h1 { font-size:clamp(90px,24vw,152px); margin:18px 0 22px; }
  .mf-cover__read { max-width:245px; font-size:11px; }
  .mf-cover__expand { top:65px; right:20px; bottom:auto; padding:10px 13px; font-size:10px; }
  .mf-nav { padding-inline:16px; gap:18px; }
  .mf-nav__brand { font-size:19px; min-height:62px; }
  .mf-nav__brand span { display:none; }
  .mf-nav > div { gap:22px; }
  .mf-nav > div a { min-height:50px; font-size:10px; }
  .mf-nav small { font-size:8px; }
  .mf-intro { display:block; padding:44px 24px 48px; }
  .mf-intro__lead { font-size:29px; }
  .mf-fact--summary { padding:24px 0 0; border-left:0; border-top:1px solid var(--sp-line); margin-top:32px; display:grid; grid-template-columns:auto 1fr; gap:6px 24px; align-items:center; }
  .mf-fact--summary .mf-fact__value { font-size:72px; grid-row:1/3; }
  .mf-fact--summary .mf-fact__label { font-size:18px; margin:0!important; }
  .mf-fact--summary .mf-fact__note { font-size:10px; margin:0!important; }
  .mf-fact--summary a { grid-column:1/-1; margin-top:16px; }
  .mf[data-manufacturer=nike] .mf-fact--summary { grid-template-columns:1fr; }
  .mf-act__head, .mf-act--ledger .mf-act__head { padding:32px 24px; }
  .mf-act__eyebrow { font-size:9px; }
  .mf-act__title { font-size:43px; margin-top:22px!important; line-height:1.03; }
  .mf-act__brand { margin-top:22px; font-size:8px; }
  .mf-act__spread { padding:0 24px 55px; }
  .mf-act__visual { margin-bottom:34px; }
  .mf-chapter + .mf-chapter { margin-top:35px; padding-top:30px; }
  .mf-chapter h2 { font-size:27px; margin-bottom:22px; }
  .mf .sp-prose { font-size:16px; line-height:1.8; }
  .mf-photo .sp-glass { right:12px; bottom:12px; padding:9px 13px; font-size:10px; }
  .mf-photo figcaption { font-size:9px; }
  .mf-act--portrait .mf-fact { margin-top:25px; padding:25px; }
  .mf-act--ledger .mf-fact { padding:26px; }
  .mf-act--ledger .mf-fact__value { font-size:clamp(73px,23vw,108px); }
  .mf-act--ledger .mf-fact::before { font-size:8px; padding-bottom:26px; }
  .mf-fact__label { font-size:23px; }
  .mf-fact__note { margin-top:24px!important; }
  .mf-act--panorama .mf-act__head { padding:26px 24px; bottom:95px; }
  .mf-act--panorama .mf-act__opening > .mf-photo > a { height:560px; }
  .mf-act--panorama .mf-act__opening > .mf-photo img { object-position:55% center; }
  .mf-act--panorama .mf-act__spread { padding-top:36px; }
  .mf-kits { padding-block:45px; }
  .mf-kits .sp-section-head { display:block; }
  .mf-kits .sp-section-head h2 { margin-top:15px; font-size:39px; }
  .mf-kits .sp-section-head > p:last-child { margin:22px 0 0; max-width:none; font-size:12px; }
  .mf-kit-grid { gap:20px; }
  .mf-kit { flex-basis:78vw; }
  .mf-kit .sp-kit__year { font-size:41px; }
  .mf-reference { padding:32px 24px; }
  .mf-passport summary > span:last-child { font-size:28px; }
  .mf-passport table { font-size:12px; }
  .mf-passport td { padding:14px 0 14px 16px; }
  .mf-passport td:first-child { width:42%; }
  .mf-contents summary { font-size:14px; }
  .mf-next { grid-template-columns:1fr; }
  .mf-next > a { padding:30px 24px; }
  .mf-next > a + a { border-left:0; border-top:1px solid var(--sp-line); }
  .mf-next strong { font-size:65px; margin:18px 0; }
  .mf-index__intro { padding:35px 24px; display:block; }
  .mf-index__intro h1 { font-size:61px; }
  .mf-index__aside { max-width:360px; }
  .mf-index__aside > span { display:none; }
  .mf-index__aside p { font-size:14px; margin-top:25px; }
  .mf-era-grid { grid-template-columns:1fr; }
  .mf-era + .mf-era { border-left:0; border-top:1px solid var(--sp-line); }
  .mf-era__photo { height:410px; }
  .mf-era h2 { font-size:91px; left:24px; }
  .mf-era__top { top:22px; padding-inline:24px; }
  .mf-era__copy { padding:22px 24px; }
  .mf-era__copy > p:nth-child(2) { min-height:0; max-width:300px; font-size:23px; }
  .mf-era__link { margin-top:22px; }
  .mf-index__colophon { display:block; padding:38px 24px; }
  .mf-index__colophon p { font-size:26px; }
  .mf-index__colophon a { justify-content:space-between; margin-top:30px; }
}
@media (prefers-reduced-motion:reduce) {
  .mf-kit-grid { scroll-behavior:auto; scroll-snap-type:none; }
}