:root{--paper:#F6F3EE;--ink:#1C2430;--accent:#1F6F5C;--muted:#5B6470;--faint:#676F7A;--line:rgba(28,36,48,.14);--serif:"Newsreader",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--g:20px}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper)}
body{color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .14 0 0 0 0 .19 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--g)}
.top{padding:36px 0 0}
.mark{font:500 28px/1.1 var(--serif);letter-spacing:-.02em;display:inline-flex;align-items:center;min-height:44px}
.label{font:600 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding-bottom:14px}
section{margin-top:56px}
.rows{list-style:none;border-top:1px solid var(--line)}
.rows>li{border-bottom:1px solid var(--line)}
.row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:18px 0;min-height:44px}
.row.th{grid-template-columns:1fr auto 84px}
.t{font:450 26px/1.12 var(--serif);letter-spacing:-.02em;transition:color .25s}
.m{font:400 13px/1.3 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
.mono{font:400 13px/1.3 var(--mono);color:var(--muted)}
.row:hover .t{color:var(--accent)}
.row:hover .prev{transform:scale(1.03)}
.prev{position:relative;overflow:hidden;background:#e9e3d8;width:84px;aspect-ratio:4/3;border-radius:6px;transition:transform .4s}
.prev img{width:100%;height:100%;object-fit:cover;display:block}
.gh{display:inline-flex;gap:8px;align-items:center}.gh svg{width:14px;height:14px;fill:currentColor;flex:none}
footer{margin-top:76px;padding:20px 0 40px;display:flex;gap:28px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
footer a{display:inline-flex;align-items:center;min-height:44px;transition:color .2s}footer a:hover{color:var(--accent)}
@media(min-width:700px){:root{--g:40px}.top{padding-top:56px}.mark{font-size:32px}section{margin-top:76px}.t{font-size:36px}.row{padding:26px 0;gap:28px}.row.th{grid-template-columns:1fr auto 132px}.prev{width:132px}footer{margin-top:100px}}
@media(min-width:1200px){:root{--g:0px}.top{padding-top:72px}section{margin-top:100px}.t{font-size:44px}.row{padding:30px 0}.row.th{grid-template-columns:1fr auto 160px}.prev{width:160px}}