@font-face{font-family:Newsreader;src:url('/assets/blog-newsreader.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--bg:#fbfaf7;--fg:#1e1d1a;--mut:#73716b;--line:#dedbd4;--card:#f3f1eb;--accent:#225f91;--paper:var(--bg);--border:var(--line);--muted:var(--mut);--font:Newsreader,Georgia,serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#151514;--fg:#e8e4dc;--mut:#aaa69e;--line:#393833;--card:#20201e;--accent:#91c7ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:19px/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:3px}button{cursor:pointer}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.site-nav{max-width:660px;margin:auto;padding:32px 20px;display:flex;justify-content:space-between;gap:20px;font-size:16px}.site-nav a{text-decoration:none}.site-nav span{color:var(--mut)}
h1{font-size:2rem;line-height:1.2;font-weight:600;margin:24px 0}h2{font-size:1.3rem;line-height:1.3;margin:48px 0 20px}h3{font-size:1.1rem}p{line-height:1.65}button,select,textarea{color:inherit}button:disabled{opacity:.4;cursor:default}

.wrap{max-width:900px;margin:auto;padding:24px 20px 64px}.kicker{font-size:13px;color:var(--mut);letter-spacing:.1em}.lead{max-width:620px;color:var(--mut)}.score{display:flex;gap:64px;margin:40px 0}.score b{display:block;font-size:3rem;line-height:1.2}.score div{font-size:16px}.stats,.specs{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stat,.spec{padding:20px 0;border-top:1px solid var(--line)}.stat small{color:var(--mut)}.barrow{display:grid;grid-template-columns:60px 1fr 90px;gap:12px;align-items:center;font-size:14px;margin:14px 0}.barrow i{height:8px;background:var(--accent)}.barrow:first-child i{opacity:.4}.barrow b{text-align:right;font-weight:500}.spec h3{margin:0 0 16px}dl{font-size:16px}dt{color:var(--mut);margin-top:8px}dd{margin:0}.task{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.task h3{font-size:1.3rem}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}img,video{max-width:100%;display:block;border-radius:3px}.shot{position:relative;background:var(--card)}.shot video,.shot img{width:100%;aspect-ratio:16/10;object-fit:contain}.meta{display:flex;flex-direction:column;font-size:14px;margin-top:10px}.meta span,.why,.prompt{color:var(--mut);font-size:16px}.open{display:inline-block;margin:12px;font-size:14px}.notes{font-size:16px}footer{margin-top:64px;border-top:1px solid var(--line);padding-top:24px;color:var(--mut);font-size:14px}@media(max-width:640px){.stats,.specs,.pair{grid-template-columns:1fr}.wrap{padding-top:0}.score{gap:32px}}

.case{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.case .head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.kind{font-size:13px;color:var(--mut)}.clip video,.clip img{width:100%;aspect-ratio:16/10;object-fit:contain}.side{min-width:0}.side.win .meta b::after{content:" · Selected";font-size:12px;color:var(--accent)}