@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Newsreader:ital,opsz,wght@0,6..72,600;1,6..72,600&display=swap";:root{--ink:#101010;--paper:#f4f1e9;--white:#fffef9;--blue:#2454ff;--lime:#c7ff3f;--red:#ff4e3a;--muted:#6d6b65;--line:#1010102b;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:DM Mono,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg,transparent 49.8%,#00000006 50%,transparent 50.2%),var(--paper);min-width:320px;margin:0}button{font:inherit;color:inherit}.frame{grid-template-columns:190px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--ink);z-index:8;background:#f4f1e9eb;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.logo{color:var(--ink);align-items:center;gap:9px;text-decoration:none;display:flex}.logo span{background:var(--blue);color:#fff;place-items:center;width:40px;height:40px;font:16px Archivo Black;display:grid}.logo b{letter-spacing:.14em;font-size:9px}.frame>aside nav{gap:6px;margin:auto 0;display:grid}.frame>aside nav button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:12px 10px;font-size:10px;display:flex}.frame>aside nav button svg{width:17px}.frame>aside nav button.active{background:var(--ink);color:var(--white)}.batch{gap:8px;display:grid}.batch small{color:var(--muted);font-size:8px}.batch strong{font:36px Archivo Black}.batch strong span{color:var(--muted);font:12px DM Mono}.batch i{background:#d8d4c9;height:5px;display:block}.batch i b{background:var(--blue);height:100%;display:block}.batch em{color:var(--muted);font-size:8px;font-style:normal}main{padding:0 clamp(20px,4.5vw,72px);overflow:hidden}header{border-bottom:1px solid var(--ink);background:radial-gradient(circle at 76% 9%,#c7ff3f6b,#0000 19rem);justify-content:space-between;align-items:flex-end;min-height:290px;padding:55px 0 35px;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:8px}h1{letter-spacing:-.06em;text-transform:uppercase;margin:0;font:clamp(47px,6.5vw,92px)/.88 Archivo Black}h1 em{text-transform:none;color:var(--blue);font-family:Newsreader;font-weight:600}.header-actions{justify-items:end;gap:14px;display:grid}.header-actions span{text-transform:uppercase;align-items:center;gap:6px;font-size:8px;display:flex}.header-actions span svg{width:13px;color:var(--blue)}.header-actions button{border:1px solid var(--ink);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:10px 13px;font-size:9px;display:flex}.header-actions button svg{width:14px}.queue{border-bottom:1px solid var(--ink);display:flex;overflow:auto}.queue button{border:0;border-right:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:52px 1fr 18px;align-items:center;gap:8px;min-width:210px;padding:15px;display:grid}.queue button.active{background:var(--lime)}.queue small{font-size:8px}.queue b{font-size:9px}.queue svg{width:13px}.brief{grid-template-columns:.65fr 1.5fr .55fr;align-items:start;gap:30px;padding:43px 0;display:grid}.brief h2,.method h2{text-transform:uppercase;letter-spacing:-.04em;margin:0;font:36px/1 Archivo Black}.brief blockquote{margin:0;font:600 24px/1.35 Newsreader}.brief>div:last-child{border-left:1px solid var(--line);gap:7px;padding-left:18px;display:grid}.brief>div:last-child small{color:var(--muted);font-size:7px}.brief>div:last-child b{font-size:10px}.brief>div:last-child span{color:#17623f;align-items:center;gap:5px;font-size:8px;display:flex}.brief>div:last-child svg{width:13px}.compare{grid-template-columns:1fr 1fr;gap:12px;display:grid;position:relative}.response{background:var(--white);border:1px solid var(--ink);padding:22px;transition:all .2s}.response.winner{box-shadow:7px 7px 0 var(--blue)}.response-top{justify-content:space-between;align-items:start;display:flex}.response-top>span{letter-spacing:.14em;font-size:8px}.response-top strong{font:30px Archivo Black}.response-top small{color:var(--muted);font:8px DM Mono}.response>p{min-height:150px;font:600 17px/1.55 Newsreader}.rubric{border-top:1px solid var(--line);gap:8px;padding-top:13px;display:grid}.score-control{justify-content:space-between;align-items:center;gap:10px;display:flex}.score-control>span{text-transform:capitalize;gap:6px;font-size:8px;display:flex}.score-control small{color:var(--muted)}.score-control>div{gap:3px;display:flex}.score-control button{border:1px solid var(--line);cursor:pointer;background:0 0;width:25px;height:25px;font-size:8px}.score-control button.on{background:var(--blue);color:#fff;border-color:var(--blue)}.pick{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:12px;font-size:9px;display:flex}.pick svg{width:14px}.winner .pick{background:var(--blue)}.versus{background:var(--red);color:#fff;z-index:2;border-radius:50%;place-items:center;width:36px;height:36px;font:9px Archivo Black;display:grid;position:absolute;top:100px;left:50%;transform:translate(-50%)}.decision{border-bottom:1px solid var(--ink);grid-template-columns:1.6fr .7fr;gap:28px;padding:45px 0 55px;display:grid}.decision-line{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.decision-line>div{border-right:1px solid var(--line);gap:6px;padding:16px;display:grid}.decision-line small{color:var(--muted);text-transform:uppercase;font-size:7px}.decision-line strong{text-transform:uppercase;font:20px Archivo Black}.flags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;display:flex}.flags>span{margin-right:5px;font-size:8px}.flags button{border:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:7px 8px;font-size:7px;display:flex}.flags button svg{width:11px}.flags button.active{background:var(--lime)}.reference{border:1px solid var(--ink);background:var(--white);height:auto;padding:0;display:block;position:static}.reference>button{background:var(--ink);color:#fff;cursor:pointer;border:0;align-items:center;gap:8px;width:100%;padding:13px;font-size:8px;display:flex}.reference>button svg{width:14px}.reference>button svg:last-child{margin-left:auto}.reference>div{padding:16px}.reference p{margin:0 0 13px;font:600 14px/1.5 Newsreader}.reference span{color:var(--muted);gap:6px;font-size:7px;display:flex}.reference span svg{flex:none;width:13px}.method{border-bottom:1px solid var(--ink);grid-template-columns:.75fr 1.35fr;gap:50px;padding:70px 0;display:grid}.method-grid{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.method article{border-right:1px solid var(--line);min-height:210px;padding:20px;position:relative}.method article:last-child{border:0}.method article>span{font-size:7px;position:absolute;top:12px;right:12px}.method article svg{width:23px;color:var(--blue);margin:20px 0 35px}.method h3{text-transform:uppercase;margin:0 0 8px;font:18px Archivo Black}.method article p{color:var(--muted);margin:0;font:11px/1.55 Newsreader}footer{text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;min-height:105px;font-size:7px;display:flex}footer span{color:var(--muted)}footer a{color:var(--ink)}@media (width<=980px){.frame{grid-template-columns:68px 1fr}.logo b,.frame>aside nav span,.batch{display:none}.compare{grid-template-columns:1fr}.versus{display:none}.brief,.decision,.method{grid-template-columns:1fr}}@media (width<=680px){.frame{display:block}.frame>aside{display:none}main{padding:0 14px}header{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:25px;min-height:370px}h1{font-size:53px}.header-actions{justify-items:start}.queue button{min-width:180px}.brief blockquote{font-size:20px}.response{padding:16px}.response>p{min-height:0}.decision-line{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr}.method article{border-right:0;border-bottom:1px solid var(--line);min-height:160px}footer{flex-direction:column;align-items:flex-start;padding:28px 0}}