:root{--petrol-900: #0d1518;--petrol-800: #121e22;--petrol-700: #17282d;--petrol-600: #1f353b;--brass: #b08d52;--brass-dim: #8a6e40;--ruby: #8f3236;--sheet: #dfe4e0;--sheet-dim: #b9c1bd;--steel: #7d8b8d;--ink: #101a1d;--measure: 68ch;--gutter: clamp(1.25rem, 4vw, 3.5rem);--rule: 1px solid color-mix(in srgb, var(--steel) 35%, transparent);--font-display: "Archivo", system-ui, sans-serif;--font-body: "Newsreader", Georgia, serif;--font-mono: "DM Mono", ui-monospace, "SF Mono", monospace;--step--1: clamp(.78rem, .76rem + .1vw, .84rem);--step-0: clamp(1rem, .97rem + .15vw, 1.09rem);--step-1: clamp(1.25rem, 1.15rem + .5vw, 1.55rem);--step-2: clamp(1.6rem, 1.35rem + 1.2vw, 2.35rem);--step-3: clamp(2.1rem, 1.5rem + 2.8vw, 4rem);--step-4: clamp(2.6rem, 1.4rem + 5.5vw, 6.5rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--petrol-900);color:var(--sheet);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;font-optical-sizing:auto}h1,h2,h3{font-family:var(--font-display);font-weight:700;font-stretch:125%;text-transform:uppercase;letter-spacing:.01em;line-height:.98;margin:0;text-wrap:balance}a{color:var(--brass);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--sheet)}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}img{max-width:100%;height:auto;display:block}.wrap{width:min(100% - var(--gutter) * 2,78rem);margin-inline:auto}.eyebrow{font-family:var(--font-display);font-weight:500;font-stretch:105%;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.16em;color:var(--steel);margin:0 0 .9rem}.prose{max-width:var(--measure)}.prose p{margin:0 0 1em}.leaders{list-style:none;margin:0;padding:0;font-size:var(--step--1)}.leaders li{display:flex;align-items:baseline;gap:.4rem;padding:.42rem 0}.leaders dt,.leaders .k{font-family:var(--font-display);font-weight:500;font-stretch:105%;text-transform:uppercase;letter-spacing:.09em;color:var(--steel);white-space:nowrap}.leaders .dots{flex:1;border-bottom:1px dotted color-mix(in srgb,var(--steel) 55%,transparent);transform:translateY(-.28em);min-width:1.5rem}.leaders .v{font-family:var(--font-mono);color:var(--sheet);text-align:right;white-space:nowrap}.grade{display:inline-flex;gap:2px;vertical-align:middle}.grade i{width:7px;height:12px;background:color-mix(in srgb,var(--steel) 30%,transparent)}.grade i[data-on]{background:var(--brass)}.card{display:grid;gap:.75rem;text-decoration:none;color:inherit}.card__frame{background:var(--petrol-700);border:var(--rule);overflow:hidden;aspect-ratio:4 / 3;display:grid;place-items:center}.card__frame img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover .card__frame img{transform:scale(1.03)}.card__name{font-family:var(--font-display);font-stretch:112%;font-weight:600;text-transform:uppercase;font-size:var(--step-0);letter-spacing:.01em;line-height:1.1}.card__meta{font-family:var(--font-mono);font-size:var(--step--1);color:var(--steel)}.grid{display:grid;gap:clamp(1.5rem,3vw,2.75rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));padding:0;margin:0;list-style:none}.noindex-flag{background:var(--ruby);color:var(--sheet);font-family:var(--font-display);font-weight:500;font-stretch:105%;font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:.5rem var(--gutter)}.masthead{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:baseline;justify-content:space-between;padding:1.75rem 0 1.5rem;border-bottom:var(--rule)}.masthead__mark{font-family:var(--font-display);font-stretch:125%;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:var(--step-1);color:var(--sheet);text-decoration:none}.masthead__mark span{color:var(--brass)}.nav{display:flex;flex-wrap:wrap;gap:1.25rem;font-family:var(--font-display);font-weight:500;font-stretch:105%;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em}.nav a{color:var(--steel);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--brass)}.foot{margin-top:clamp(4rem,10vw,8rem);padding:2rem 0 3rem;border-top:var(--rule);font-family:var(--font-display);font-weight:400;font-stretch:100%;font-size:var(--step--1);color:var(--steel);display:flex;flex-wrap:wrap;gap:.75rem 2rem;justify-content:space-between}section{padding-block:clamp(3rem,8vw,6.5rem)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}