@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#20231d;--paper:#f8f8f0;--yellow:#e9f36a;--muted:#71766b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.top{height:87px;padding:0 7%;display:flex;align-items:center;border-bottom:1px solid #daddd0;gap:10%}.brand{display:flex;align-items:center;font-weight:700;line-height:.83;letter-spacing:-1px;font-size:17px}.brandmark{background:var(--ink);color:white;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-family:'DM Serif Display';font-size:23px;margin-right:9px;letter-spacing:-3px;padding-right:3px}.brandmark span,.branddot{color:#b6c835}.top nav{display:flex;gap:38px;font-size:13px;font-weight:600}.top nav a.active{border-bottom:2px solid var(--ink);padding:34px 0}.top-cta{margin-left:auto;border:1px solid var(--ink);padding:13px 17px;font-size:12px;font-weight:700}.top-cta span{margin-left:25px}.hero{min-height:568px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:88px 0 48px 14%;}.eyebrow,.kicker,.art-label,.meter-top,.meter-bottom,.board-note,.board-footer,.arena-top,.match-label,.vote-status,.arena-bottom,th,.arena-side small,footer>span{font:700 10px 'Space Mono',monospace;letter-spacing:.06em}.eyebrow{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a0b92d}.eyebrow-line{width:34px;height:1px;background:#aeb4a3;margin:0 4px}h1,h2,h3,p{margin:0}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(60px,6.5vw,92px);line-height:.94;margin:30px 0 24px}h1 em,h2 em{font-weight:400;color:#8c9f35}.hero-copy>p{max-width:400px;font-size:16px;line-height:1.7;color:#646a5f}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;border:1px solid var(--ink);padding:17px 20px;min-width:180px;font-size:12px;font-weight:700}.button span{margin-left:28px}.dark{background:var(--ink);color:white}.light{background:transparent;color:var(--ink)}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #aeb4a3;padding-bottom:5px}.hero-foot{display:flex;align-items:center;gap:13px;margin-top:60px}.hero-foot p{font-size:10px;line-height:1.5;color:#777d70}.hero-foot strong{color:var(--ink)}.avatars{display:flex}.avatars span{display:grid;place-items:center;border:2px solid var(--paper);border-radius:50%;width:30px;height:30px;background:#dce8a1;margin-left:-5px}.avatars span:nth-child(2){background:#e7c9b6}.avatars span:nth-child(3){background:#b7c8b3}.hero-art{position:relative;background:#e7ead7;overflow:hidden;min-height:500px}.orbit{position:absolute;border:1px solid #c4cbb3;border-radius:50%;width:510px;height:510px;top:25px;left:50%;transform:translateX(-50%)}.orbit-two{width:390px;height:390px;top:85px}.meter{position:absolute;width:250px;height:310px;background:var(--yellow);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:13px 17px 0 #20231d;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.meter-top{display:flex;justify-content:space-between;line-height:1.4}.meter-top span{font-size:27px}.meter-number{font:150px/.8 'DM Serif Display';letter-spacing:-12px}.meter-number span{font-size:65px;vertical-align:top}.meter-bottom{display:flex;align-items:end;justify-content:space-between;line-height:1.4}.meter-bottom span:last-child{font-size:15px;letter-spacing:0}.art-label{position:absolute;line-height:1.5;color:#737b68}.label-one{left:8%;top:12%}.label-two{right:8%;bottom:10%}.stamp{position:absolute;right:12%;top:18%;width:105px;height:105px;border:1px solid var(--ink);border-radius:50%;transform:rotate(15deg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font:700 9px/1.3 'Space Mono'}.stamp span{font-size:20px}.spark{position:absolute;font-size:34px}.spark-one{left:14%;bottom:20%}.spark-two{right:15%;bottom:23%}.ticker{background:var(--ink);color:var(--yellow);padding:15px 0;overflow:hidden;white-space:nowrap;font:700 10px 'Space Mono';letter-spacing:.1em}.ticker div{min-width:1200px;text-align:center}.ticker span{padding:0 27px}.section{padding:100px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.kicker{color:#7b8567;margin-bottom:20px}h2{font-size:65px;line-height:1}.section-heading>p{max-width:330px;color:#72796b;line-height:1.7;font-size:14px}.board-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink)}.tabs{display:flex;gap:4px}.tab{background:transparent;border:1px solid #cfd3c3;border-bottom:0;padding:15px 25px;min-width:125px;text-align:left;font-weight:700;font-size:13px}.tab span{float:right}.tab.active{background:var(--yellow);border-color:var(--ink)}.board-note{padding:0 0 18px;color:#777e6f}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;text-align:left}th{color:#858b7d;padding:20px 15px;border-bottom:1px solid #d8dbce;font-size:9px}th:first-child{width:9%}th:nth-child(2){width:32%}th:nth-child(3){width:34%}th:last-child,td:last-child{text-align:right}td{padding:19px 15px;border-bottom:1px solid #d8dbce;font-size:13px}.rank{font:700 13px 'Space Mono';color:#8e9980}.provider{display:flex;align-items:center;gap:13px;font-weight:700}.provider-icon{width:39px;height:39px;display:grid;place-items:center;background:#20231d;color:white;font:italic 22px 'DM Serif Display';border-radius:50%}.icon-1{background:#c9d98a;color:#26301b}.icon-2{background:#ebd2bd;color:#26301b}.icon-3{background:#d8dfcd;color:#26301b}.external{color:#aab09f}.description,.votes{color:#858b7d}.elo{font:700 18px 'Space Mono'}.board-footer{display:flex;justify-content:space-between;gap:15px;margin-top:20px;color:#8b9184;font-size:9px}.board-footer a{color:var(--ink);text-decoration:underline}.arena-section{background:#e9ecdf;padding:100px 7%;display:grid;grid-template-columns:1fr 1.5fr .45fr;gap:5%;align-items:center}.arena-intro h2{margin-bottom:23px}.arena-intro p{font-size:14px;line-height:1.7;color:#737b6c;max-width:280px}.arena-card{background:var(--paper);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.arena-top,.arena-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #daddd0}.arena-top span:last-child{color:#909789}.arena-content{padding:42px 35px}.match-label{color:#939a8c}.match-label span{color:#9eaf46}.arena-content h3{font:400 38px/1.14 'DM Serif Display';letter-spacing:-.03em;margin:19px 0}.arena-content h3 span:not(.period){color:#81942d}.arena-content>p{color:#7c8375;font-size:13px}.vote-buttons{display:flex;gap:10px;margin-top:28px}.vote-buttons .button{flex:1}.vote-status{color:#989f91;margin-top:20px;font-size:9px}.arena-bottom{border:0;border-top:1px solid #daddd0;color:#92998b;font-size:8px}.arena-bottom button{border:0;background:none;text-decoration:underline;font:700 9px 'Space Mono';color:var(--ink)}.arena-side{border-left:1px solid #cbd0c0;padding-left:25px}.arena-side>span{font-size:42px;color:#9bad46}.arena-side p{font:italic 27px/1.05 'DM Serif Display';margin:15px 0 25px}.arena-side small{color:#959d8c;font-size:8px}.about{display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:start}.about h2{font-size:50px}.about p{color:#788073;font-size:14px;line-height:1.8;max-width:580px;margin-top:25px}.round-link{border:1px solid var(--ink);border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:24px}footer{background:var(--ink);color:#f6f7ea;padding:45px 7%;display:flex;justify-content:space-between;align-items:end}.footer-brand{font-weight:700;font-size:24px;letter-spacing:-1px}.footer-brand span{color:var(--yellow)}footer p{font-size:11px;line-height:1.6;color:#aeb5a6}footer>span{font-size:8px;color:#8f998a}@media(max-width:800px){.top{padding:0 5%;height:70px}.top nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 6% 45px}.hero-art{min-height:430px}.section{padding:70px 6%}.section-heading{display:block}.section-heading>p{margin-top:20px}.board-note{display:none}.arena-section{grid-template-columns:1fr;padding:70px 6%}.arena-intro{margin-bottom:10px}.arena-side{display:none}.about{grid-template-columns:1fr}.about h2{font-size:43px}.round-link{display:none}footer{align-items:start;gap:20px;flex-direction:column}.board-footer{flex-direction:column}h2{font-size:53px}.tabs{width:100%}.tab{min-width:0;flex:1;padding:15px}.hero-foot{margin-top:40px}}@media(max-width:420px){.top-cta{padding:12px}.top-cta span{margin-left:5px}.vote-buttons{flex-direction:column}.arena-content h3{font-size:32px}.arena-bottom{gap:10px}}

/* About page and shared editorial links. */
.top nav { align-self: stretch; }
.top nav a { display: flex; align-items: center; border-bottom: 2px solid transparent; }
.top nav a.active { padding: 0; border-bottom-color: var(--ink); }
.about-read-more { display: inline-block; margin-top: 24px; }
.about p.prototype-note { font-size: 12px; margin-top: 20px; }
footer { flex-wrap: wrap; gap: 24px; }
.footer-about { font-size: 11px; text-decoration: underline; text-underline-offset: 4px; }
a:focus-visible, button:focus-visible { outline: 2px solid #81942d; outline-offset: 5px; }
.about-hero { padding: 80px 7% 52px; max-width: 1180px; margin: 0 auto; }
.about-hero h1 { font-size: clamp(52px, 7vw, 96px); line-height: 1.02; margin: 28px 0 32px; }
.about-lede { max-width: 740px; font-size: 22px; line-height: 1.65; }
.about-introduction { max-width: 700px; margin-top: 22px; font-size: 16px; line-height: 1.8; color: #646a5f; }
.about-introduction strong { color: var(--ink); }
.about-byline { display: flex; flex-wrap: wrap; gap: 14px 36px; margin-top: 40px; font: 700 9px 'Space Mono', monospace; letter-spacing: .06em; color: #69745a; }
.about-story { padding: 10px 7% 0; }
.about-chapter { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr); gap: 48px; max-width: 1080px; margin: 0 auto; padding: 64px 0; border-bottom: 1px solid #d8dbce; }
.about-chapter > .kicker { margin-top: 12px; line-height: 1.8; }
.about-chapter-copy { max-width: 720px; min-width: 0; }
.about-chapter h2 { font-size: clamp(38px, 4.5vw, 56px); margin-bottom: 26px; line-height: 1.08; }
.about-chapter p { font-size: 17px; line-height: 1.85; color: #525b4a; }
.about-chapter p + p { margin-top: 22px; }
.about-pullquote { font: 400 clamp(48px, 6vw, 78px)/1.1 'DM Serif Display', Georgia, serif; letter-spacing: -.04em; margin: 34px 0 0; }
.about-pullquote em { color: #81942d; }
.about-consulting { background: var(--yellow); border: 1px solid var(--ink); box-shadow: 8px 8px 0 var(--ink); padding: 48px; margin-top: 40px; }
.about-consulting .kicker, .about-consulting h2 em { color: #525b30; }
.consulting-price { font: 400 clamp(60px, 7vw, 90px)/1.1 'DM Serif Display', Georgia, serif; letter-spacing: -.04em; margin: 24px 0; }
.consulting-price span { font: 700 12px 'Space Mono', monospace; letter-spacing: 0; white-space: nowrap; }
.about-reality { margin-top: 88px; padding: 68px 7%; background: #e9ecdf; display: flex; align-items: end; justify-content: space-between; gap: 52px; }
.about-reality > div { max-width: 700px; }
.about-reality h2 { font-size: 48px; }
.about-reality p { font-size: 14px; line-height: 1.85; color: #59634f; margin-top: 26px; }
.about-reality .button { flex-shrink: 0; }
@media (max-width: 800px) {
  .about-hero { padding: 64px 6% 42px; }
  .about-hero h1 { font-size: clamp(46px, 8.5vw, 68px); }
  .about-lede { font-size: 19px; }
  .about-story { padding: 0 6%; }
  .about-chapter { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 44px 0; }
  .about-chapter > .kicker { margin: 0 0 14px; }
  .about-chapter h2 { font-size: clamp(36px, 7vw, 48px); }
  .about-chapter p { font-size: 16px; }
  .about-consulting { margin-top: 30px; padding: 30px 24px; }
  .about-consulting h2 { font-size: clamp(30px, 6vw, 44px); }
  .about-reality { margin-top: 64px; padding: 50px 6%; flex-direction: column; align-items: start; gap: 30px; }
  .about-reality h2 { font-size: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}