/* The same paper, type and masthead throughout the factory. */
@font-face{font-family:Manrope;src:url(fonts/manrope-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(fonts/barlow-condensed-800.woff2) format('woff2');font-weight:800;font-display:swap}
:root{--factory-paper:#d7d9ce;--factory-ink:#17211c;--factory-gold:#e8a33d}
body{background-color:var(--factory-paper);background-image:linear-gradient(#17211c11 1px,transparent 1px),linear-gradient(90deg,#17211c11 1px,transparent 1px);background-size:32px 32px;background-position:center 6px;color:var(--factory-ink);font-family:Manrope,'Segoe UI',system-ui,sans-serif}
body::before{content:'';display:block;height:6px;background:var(--factory-gold)}
.factory-top{box-sizing:border-box;max-width:1280px;width:100%;margin:0 auto;padding:22px clamp(20px,4vw,48px) 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0}
.factory-top .factory-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 24px/1 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:.02em;color:var(--factory-ink);white-space:nowrap}
.factory-brand canvas{display:block;width:38px;height:38px;image-rendering:pixelated;flex:none}
.factory-top nav{display:flex;align-items:center;gap:clamp(16px,3vw,32px)}
.factory-top nav a{color:var(--factory-ink);text-decoration:none;font:700 15px/1.55 Manrope,system-ui,sans-serif;padding-bottom:2px;border-bottom:2px solid transparent}
.factory-top nav a:hover,.factory-top nav a[aria-current=page]{border-color:var(--factory-gold)}
.factory-top :focus-visible{outline:3px solid #92600f;outline-offset:4px}
.factory-fights{--bg:#d7d9ce;--panel:#e3e5da;--panel2:#caced0;--paper:#d7d9ce;--ink:#17211c;--muted:#56605a;--line:#bcc2b5;--yellow:#e8a33d;--gold:#92600f;--sans:Manrope,'Segoe UI',system-ui,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
.factory-fights .shell{width:calc(100% - 2 * clamp(20px,4vw,48px));max-width:1184px}
.factory-fights .harness-scores{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}
.factory-fights .card-description{font-size:14px;line-height:1.7}
.factory-fights .score-name,.factory-fights .score-row>strong{font-size:13px}
.factory-fights .score-row .status{font-size:10px}
.factory-fights .card-links{font-size:11px}
.factory-fights .card,.factory-fights .featured{background:var(--panel)}
.factory-fights .lane.bantam{background:#e5dfc9}
.factory-fights .poster-kicker,.factory-fights .eyebrow{color:#80520c}
@media(max-width:700px){.factory-top{gap:16px}.factory-top .factory-brand span{display:none}.factory-brand canvas{width:32px;height:32px}.factory-top nav{gap:18px}.factory-top nav a{font-size:14px}.factory-fights .harness-scores{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-fights .card-description{font-size:14px}.factory-fights .score-name,.factory-fights .score-row>strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The gallery gets you from the introduction to the recorded work quickly. */
.earlier-fights{margin-top:28px;border-block:1px solid var(--line)}.earlier-fights>summary{cursor:pointer;padding:20px 0;font-weight:700;font-size:16px}.earlier-fights>summary span{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}.earlier-fights>.grid{padding-top:12px;padding-bottom:28px}.earlier-fights>summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:700px){.earlier-fights>summary span{display:block;margin:8px 0 0 20px}}
.gallery-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding-block:42px 32px}
.gallery-intro h1{font:800 clamp(58px,6.8vw,96px)/.92 var(--display);margin:16px 0 22px;letter-spacing:-.015em}
.gallery-lede{font-size:17px;line-height:1.65;max-width:32em;margin-bottom:24px}
.gallery-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px;font-weight:700}.gallery-actions .button{font-size:13px}
.gallery-counts{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:24px}
.gallery-rig{text-align:center;display:grid;justify-items:center;gap:12px}.gallery-rig img{width:190px;height:210px;object-fit:contain;filter:drop-shadow(7px 7px 0 #17211c12)}.gallery-rig strong,.gallery-rig span{display:block}.gallery-rig strong{font:800 29px var(--display)}.gallery-rig span{font-size:11px;line-height:1.9;color:var(--muted)}
.factory-fights .same-model{margin-block:12px 30px;padding-block:20px;border-block:1px solid var(--line)}.factory-fights .same-model .section-heading{margin-bottom:16px}.factory-fights .same-model h2{font-size:30px}.factory-fights .same-model .section-heading>p{font-size:12px;max-width:420px}.factory-fights .harness-score{padding:14px 16px}.factory-fights .harness-score h3{font-size:23px;margin-bottom:8px}.factory-fights .harness-score>strong{font-size:40px}.factory-fights .harness-score>p{font-size:11px;margin:4px 0}.factory-fights .harness-score>span{font-size:10px}.factory-fights .cohort-note{font-size:11px;margin:14px 0 0}.factory-fights .fight-browser{padding-top:6px}.factory-fights .fight-browser>.section-heading h2{font-size:42px}.factory-fights .method{margin-top:32px}
@media(max-width:700px){.gallery-intro{grid-template-columns:1fr;gap:20px;padding-block:28px 22px}.gallery-intro h1{font-size:60px}.gallery-lede{font-size:15px}.gallery-rig{grid-template-columns:74px 1fr;text-align:left;align-items:center;justify-items:start;gap:16px}.gallery-rig img{width:74px;height:88px}.gallery-rig strong{font-size:23px}.gallery-rig span{font-size:10px}.gallery-actions{gap:18px;font-size:13px}.gallery-counts{font-size:11px}.factory-fights .same-model{margin-top:0}.factory-fights .same-model .section-heading>p{font-size:12px}.factory-fights .harness-score{padding:12px}.factory-fights .harness-score h3{font-size:22px}.factory-fights .harness-score>strong{font-size:34px}.factory-fights .fight-browser>.section-heading>p{font-size:13px}}
@media(max-width:700px){#lane-list[data-layout=compare] .lane:has(.recorded-work) .lane-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}