html,body{background:#F5F3EE;color:#15181D}

:root{
  --bg:#F5F3EE; --paper:#FBFAF7; --ink:#15181D; --ink-2:#353A42; --muted:#5E646E;
  --line:rgba(21,24,29,.14); --line-2:rgba(21,24,29,.08);
  --blue:#38629F; --blue-ink:#2C4F82; --rule:rgba(56,98,159,.45);
  --ease:cubic-bezier(0.22,1,0.36,1);
  --pad:56px; --margin:200px; --gap:48px;
  --sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Cardo",Georgia,"Times New Roman",serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
}
@media (max-width:1023px){:root{--pad:32px;--margin:160px;--gap:32px}}
@media (max-width:639px){:root{--pad:20px}}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
::selection{background:rgba(56,98,159,.22)}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;z-index:100;border-radius:6px}
.skip:focus{left:8px}

.wrap{max-width:1240px;margin:0 auto;padding-inline:var(--pad)}

/* ---------- Nav ---------- */
.site-head{position:sticky;top:0;z-index:40;background:rgba(245,243,238,.9);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:500;font-size:18px;letter-spacing:-.01em}
.brand svg{width:28px;height:28px;flex:none}
.nav{display:flex;align-items:center;gap:36px}
.nav a.link{text-decoration:none;font-size:15px;color:var(--ink-2);position:relative;padding:6px 0}
.nav a.link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--blue);
  transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav a.link:hover::after,.nav a.link[aria-current="page"]::after{transform:scaleX(1)}
.nav a.link[aria-current="page"]{color:var(--ink)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:6px;cursor:pointer;align-items:center;justify-content:center}
.burger span{display:block;width:18px;height:1.5px;background:var(--ink);position:relative;transition:transform .3s var(--ease)}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--ink);transition:transform .3s var(--ease),top .3s var(--ease)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.menu-open .burger span{background:transparent}
.menu-open .burger span::before{top:0;transform:rotate(45deg)}
.menu-open .burger span::after{top:0;transform:rotate(-45deg)}
@media (max-width:759px){
  .burger{display:flex}
  .nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--pad) 24px;
    transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}
  .menu-open .nav{opacity:1;transform:none;visibility:visible}
  .nav a.link{font-size:22px;padding:14px 0;border-bottom:1px solid var(--line-2)}
  .nav a.link::after{display:none}
  .nav .btn{margin-top:20px;justify-content:center}
  .menu-open{overflow:hidden}
}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 20px;border-radius:6px;
  font:500 15px/1.2 var(--sans);text-decoration:none;border:1px solid var(--ink);cursor:pointer;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease)}
.btn svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn.dl:hover svg{transform:translateY(2px)}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{background:var(--blue-ink);border-color:var(--blue-ink)}
.btn-ghost{background:transparent;color:var(--ink);border-color:rgba(21,24,29,.35)}
.btn-ghost:hover{border-color:var(--ink);background:rgba(21,24,29,.04)}
.btn-sm{min-height:40px;padding:8px 16px;font-size:14px}
.text-link{color:var(--blue-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(44,79,130,.4);transition:text-decoration-color .2s}
.text-link:hover{text-decoration-color:currentColor}
.arrow-link{display:inline-flex;align-items:center;gap:8px;font:500 15px/1.3 var(--sans);color:var(--ink);text-decoration:none;min-height:44px}
.arrow-link svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.arrow-link:hover{color:var(--blue-ink)}
.arrow-link:hover svg{transform:translateX(4px)}

/* ---------- Notebook grid (signature) ---------- */
.nb{display:grid;grid-template-columns:var(--margin) minmax(0,1fr);column-gap:var(--gap);
  background:linear-gradient(var(--rule),var(--rule)) calc(var(--margin) + var(--gap)/2) 0/1px 100% no-repeat}
.wrap.nb{background-position:calc(var(--pad) + var(--margin) + var(--gap)/2) 0}
.margin{font:400 11.5px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:.35em}
.margin p{margin:0 0 10px}
.margin .k{display:block;color:var(--muted);font-size:11.5px;letter-spacing:.1em}
.margin .v{display:block;color:var(--ink-2)}
.margin .stack{display:flex;flex-direction:column;gap:18px}
.main{min-width:0}
.wide{grid-column:1/-1;position:relative;z-index:1}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:8px;vertical-align:1px;box-shadow:0 0 0 3px rgba(56,98,159,.15)}

@media (max-width:899px){
  .nb{grid-template-columns:minmax(0,1fr);background:none}
  .margin{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-top:0;margin-bottom:18px}
  .margin::before{content:"";width:24px;height:1px;background:var(--blue)}
  .margin p{margin:0}
  .margin .stack{flex-direction:row;flex-wrap:wrap;gap:6px 16px}
  .margin .k{display:none}
  .margin .v{display:inline}
}

/* ---------- Labels ---------- */
.tag{display:inline-flex;align-items:center;font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  border:1px solid var(--line);border-radius:4px;padding:5px 7px}

/* ---------- Verdict glyphs ---------- */
.vg{display:inline-block;width:14px;height:14px;flex:none;vertical-align:-1px}
.verdict{display:flex;align-items:baseline;gap:10px;font:italic 400 19px/1.45 var(--serif);color:var(--ink-2);margin:6px 0 0}
.verdict .vg{transform:translateY(1px)}
.verdict b{font:500 12px/1 var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap}

/* ---------- Home hero ---------- */
.hero{padding:clamp(56px,9vw,128px) 0 clamp(40px,6vw,72px)}
.hero h1{font:500 clamp(80px,9vw + 44px,184px)/.9 var(--sans);letter-spacing:-.045em;margin:0 0 0 -.04em}
.hero h1 .line{display:block;overflow:hidden;padding-bottom:.06em}
@media (min-width:1024px){.hero h1 .line{display:inline-block;vertical-align:top}.hero h1 .line+.line{margin-left:.24em}}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:end}
@media (max-width:1023px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}}
.latest-card{display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:8px;padding:18px 20px 20px;transition:border-color .2s var(--ease),transform .3s var(--ease)}
.latest-card:hover{border-color:rgba(21,24,29,.35);transform:translateY(-2px)}
.latest-card h2{font:500 20px/1.25 var(--sans);letter-spacing:-.01em;margin:0}
.latest-card .verdict{font-size:17px;margin-top:10px}
.latest-card .more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font:500 14px/1 var(--sans);color:var(--blue-ink)}
.latest-card .more svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.latest-card:hover .more svg{transform:translateX(3px)}
.hero h1 .line>span{display:block}
.hero .sub{font:400 clamp(20px,2vw,27px)/1.42 var(--serif);color:var(--ink-2);max-width:34ch;margin:clamp(24px,3vw,40px) 0 0}
.hero .sub em{color:var(--ink)}
.actions{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:36px}
.key{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:clamp(48px,6vw,88px);padding-top:18px;border-top:1px solid var(--line);
  font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.key span{display:inline-flex;align-items:center;gap:8px}
.key .lead{color:var(--ink-2)}

/* ---------- Sections ---------- */
.section{padding:clamp(48px,7vw,96px) 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
h2.h2{font:500 clamp(28px,2.8vw,40px)/1.08 var(--sans);letter-spacing:-.025em;margin:0}

/* ---------- Ledger (post rows) ---------- */
.ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.row{border-bottom:1px solid var(--line)}
.row>a{display:grid;grid-template-columns:var(--margin) minmax(0,1fr) auto;column-gap:var(--gap);padding:26px 0 28px;text-decoration:none;color:inherit}
.row .when{font:400 11.5px/1.7 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:.5em}
.row .when b{display:block;font-weight:500;color:var(--ink-2)}
.row h3{font:500 clamp(22px,2.2vw,30px)/1.15 var(--sans);letter-spacing:-.02em;margin:0;transition:color .2s var(--ease)}
.row .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.row .go{align-self:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:border-color .2s,background .2s,transform .3s var(--ease)}
.row .go svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.row>a:hover h3{color:var(--blue-ink)}
.row>a:hover .go{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.row>a:hover .go svg{transform:translateX(2px)}
.ledger.in-grid .row>a{grid-template-columns:minmax(0,1fr) auto;column-gap:24px}
@media (max-width:899px){
  .row>a{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:22px 0 24px}
  .row .when{grid-column:1/-1;padding:0 0 8px}
  .row .when b{display:inline;margin-right:10px}
  .row .go{width:40px;height:40px}
  .verdict{font-size:17.5px}
}

/* market preview inside a row */
.mini{margin-top:18px;border:1px solid var(--line);border-radius:8px;background:var(--paper);overflow:hidden}
.mini table{width:100%;border-collapse:collapse;font:400 13px/1.3 var(--mono)}
.mini th,.mini td{padding:9px 14px;text-align:right;border-bottom:1px solid var(--line-2);white-space:nowrap}
.mini th:first-child,.mini td:first-child{text-align:left;font-family:var(--sans);font-size:14px}
.mini thead th{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;font-family:var(--mono)}
.mini tbody tr:last-child td{border-bottom:0}
.mini .bar{display:inline-block;height:6px;background:var(--blue);border-radius:2px;vertical-align:middle;margin-right:8px;opacity:.85}
.mini caption{caption-side:bottom;text-align:left;padding:9px 14px;font:400 11px/1.4 var(--mono);color:var(--muted);border-top:1px solid var(--line-2);letter-spacing:.04em}
@media (max-width:639px){.mini .hide-s{display:none}.mini th,.mini td{padding:9px 10px}}

/* ---------- Hire strip ---------- */
.hire{background:var(--ink);color:#EDEBE5;padding:clamp(56px,8vw,104px) 0}
.hire .grid{display:grid;grid-template-columns:var(--margin) minmax(0,1fr);column-gap:var(--gap)}
.hire .margin{color:rgba(237,235,229,.6)}
.hire .margin .v{color:#EDEBE5}
.hire .margin .k{color:rgba(237,235,229,.66)}
.hire h2{font:500 clamp(32px,4vw,56px)/1.04 var(--sans);letter-spacing:-.03em;margin:0;max-width:18ch;color:#fff}
.hire p.lead{font:400 clamp(18px,1.6vw,22px)/1.5 var(--serif);color:rgba(237,235,229,.82);max-width:46ch;margin:20px 0 0}
.hire .btn-primary{background:#F5F3EE;color:var(--ink);border-color:#F5F3EE}
.hire .btn-primary:hover{background:#fff;border-color:#fff}
.hire .btn-ghost{color:#F5F3EE;border-color:rgba(245,243,238,.4)}
.hire .btn-ghost:hover{border-color:#F5F3EE;background:rgba(245,243,238,.06)}
.hire .services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(237,235,229,.16)}
.hire .services h3{font:500 17px/1.3 var(--sans);margin:0 0 6px;color:#fff}
.hire .services p{margin:0;font-size:15px;line-height:1.55;color:rgba(237,235,229,.72)}
@media (max-width:899px){
  .hire .grid{grid-template-columns:minmax(0,1fr)}
  .hire .margin::before{background:#8FB0DE}
  .hire .services{grid-template-columns:minmax(0,1fr);gap:20px}
}

/* ---------- Footer ---------- */
.site-foot{padding:40px 0 max(40px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.site-foot .wrap{display:flex;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.site-foot nav{display:flex;gap:8px 24px;flex-wrap:wrap}
.site-foot a{text-decoration:none;color:var(--ink-2);display:inline-block;padding-block:5px}
.site-foot .mail{color:var(--blue-ink)}
.site-foot a:hover{color:var(--blue-ink)}
.hire+.site-foot{border-top:0}

/* ---------- Page header (inner pages) ---------- */
.page-head{padding:clamp(48px,7vw,96px) 0 clamp(28px,4vw,48px)}
.page-head h1{font:500 clamp(44px,6.4vw,92px)/.95 var(--sans);letter-spacing:-.04em;margin:0}
.page-head .sub{font:400 clamp(19px,1.8vw,24px)/1.45 var(--serif);color:var(--ink-2);max-width:44ch;margin:20px 0 0}

/* ---------- Filters ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chip{min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:transparent;cursor:pointer;
  font:500 14px/1 var(--sans);color:var(--ink-2);display:inline-flex;align-items:center;gap:8px;transition:background .2s,border-color .2s,color .2s}
.chip .n{font:400 11px/1 var(--mono);color:var(--muted)}
.chip:hover{border-color:rgba(21,24,29,.4)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.chip[aria-pressed="true"] .n{color:rgba(251,250,247,.65)}
.count{font:400 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:auto}
.row[hidden]{display:none}
.empty{padding:32px 0;font:italic 19px/1.5 var(--serif);color:var(--muted)}
@media (max-width:639px){.count{margin-left:0;width:100%;margin-top:6px}}

/* ---------- Notice ---------- */
.notice{font:400 12px/1.5 var(--mono);letter-spacing:.04em;color:var(--muted);border:1px dashed rgba(21,24,29,.25);border-radius:6px;padding:10px 14px;margin:0 0 28px;max-width:68ch}
.notice b{color:var(--ink-2);font-weight:500}

/* ---------- Article ---------- */
.post-head{padding:clamp(40px,6vw,80px) 0 0}
.post-head h1{font:500 clamp(34px,4.4vw,60px)/1.05 var(--sans);letter-spacing:-.03em;margin:0;max-width:22ch}
.post-head .dek{font:italic 400 clamp(20px,1.9vw,25px)/1.45 var(--serif);color:var(--ink-2);margin:20px 0 0;max-width:44ch}
.verdict-panel{margin:36px 0 0;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:8px;padding:24px 28px 26px;}
.verdict-panel .say{font:italic 400 clamp(21px,2vw,26px)/1.4 var(--serif);margin:0 0 22px;color:var(--ink)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line)}
.facts div{padding:16px 18px 2px 0}
.facts div+div{padding-left:18px;border-left:1px solid var(--line-2)}
.facts dt{font:500 11.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.facts dd{margin:0;font:500 16px/1.35 var(--sans);color:var(--ink)}
.facts dd small{display:block;font:400 14px/1.45 var(--sans);color:var(--muted);margin-top:4px}
.facts .vrow{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.01em}
.facts .vrow .vg{width:18px;height:18px}
@media (max-width:899px){
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts div:nth-child(3){padding-left:0;border-left:0}
  .facts div:nth-child(n+3){border-top:1px solid var(--line-2);margin-top:12px}
  .verdict-panel{padding:20px 18px 22px}
}

.prose{font:400 20px/1.66 var(--serif);color:var(--ink-2);max-width:62ch}
.prose p{margin:0 0 1.1em}
.prose h2{font:500 clamp(25px,2.4vw,32px)/1.15 var(--sans);letter-spacing:-.02em;color:var(--ink);margin:2em 0 .6em}
.prose h3{font:500 20px/1.3 var(--sans);color:var(--ink);margin:1.6em 0 .4em}
.prose strong{color:var(--ink)}
.prose a{color:var(--blue-ink);text-underline-offset:3px;text-decoration-thickness:1px}
.prose ul,.prose ol{padding-left:1.2em;margin:0 0 1.2em}
.prose li{margin:.35em 0;padding-left:.2em}
.prose li::marker{color:var(--blue)}
.prose code{font:400 .8em/1 var(--mono);background:rgba(21,24,29,.06);padding:.15em .4em;border-radius:4px;color:var(--ink)}
.prose blockquote{margin:1.4em 0;padding:0 0 0 22px;border-left:2px solid var(--blue);font-style:italic;color:var(--ink)}
@media (max-width:639px){.prose{font-size:18px;line-height:1.6}}
.side-h{font:500 11.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:2.6em 0 0}

/* tested list */
.tested{list-style:none;padding:0;margin:0 0 1.4em;border-top:1px solid var(--line);font-family:var(--sans);font-size:16px;line-height:1.5}
.tested li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:12px 0;border-bottom:1px solid var(--line-2);margin:0}
.tested li::marker{content:none}
.tested .i{font:500 11px/1.9 var(--mono);color:var(--blue-ink)}
.tested b{font-weight:500;color:var(--ink)}

/* ---------- Data tables ---------- */
.table-block{margin:clamp(28px,4vw,48px) 0}
.table-block .cap{display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap;margin-bottom:12px}
.table-block .cap h3{font:500 19px/1.3 var(--sans);margin:0;color:var(--ink)}
.table-block .cap p{margin:0;font:400 12px/1.5 var(--mono);letter-spacing:.02em;color:var(--muted)}
.table-wrap{position:relative;border:1px solid var(--line);border-radius:8px;background:var(--paper);overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-wrap:focus-visible{outline-offset:2px}
.data{width:100%;min-width:960px;border-collapse:separate;border-spacing:0;font:400 15px/1.45 var(--sans);color:var(--ink-2)}
.data th,.data td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-2)}
.data thead th{font:500 11.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--paper);border-bottom:1px solid var(--line);white-space:nowrap}
.data tbody tr:last-child td,.data tbody tr:last-child th{border-bottom:0}
.data tbody th{font:500 16px/1.3 var(--sans);color:var(--ink);white-space:nowrap}
.data tbody th small{display:block;font:400 11.5px/1.5 var(--mono);color:var(--muted);letter-spacing:.02em;margin-top:3px}
.data .sticky{position:sticky;left:0;background:var(--paper);z-index:1;box-shadow:1px 0 0 var(--line)}
.data .num{font-family:var(--mono);font-size:13.5px;text-align:right;white-space:nowrap}
.data tr.me th,.data tr.me td{background:rgba(56,98,159,.06)}
.data tr.me .sticky{background:#EEF1F5}
.data .yes{color:var(--ink)}
.data .vcell{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--ink);font-weight:500}
.scroll-hint{display:none;font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px}
@media (max-width:1023px){.scroll-hint{display:block}}

/* ---------- About ---------- */
.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;border-top:1px solid var(--line)}
.skills div{padding:20px 0;border-bottom:1px solid var(--line-2)}
.skills h3{font:500 11.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.skills p{margin:0;font:400 17px/1.55 var(--sans);color:var(--ink)}
@media (max-width:759px){.skills{grid-template-columns:minmax(0,1fr)}}
.timeline{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.timeline li{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 32px;padding:24px 0;border-bottom:1px solid var(--line-2)}
.timeline .t{font:400 12px/1.7 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.timeline h3{font:500 21px/1.25 var(--sans);letter-spacing:-.01em;margin:0;color:var(--ink)}
.timeline p{margin:8px 0 0;font:400 18px/1.55 var(--serif);color:var(--ink-2);max-width:60ch}
@media (max-width:639px){.timeline li{grid-template-columns:minmax(0,1fr)}}
.cv-card{background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:8px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.cv-card h2{font:500 clamp(24px,2.4vw,32px)/1.1 var(--sans);letter-spacing:-.02em;margin:0}
.cv-card p{margin:8px 0 0;font:400 17px/1.5 var(--serif);color:var(--ink-2);max-width:48ch}
.cv-card .actions{margin:0}
.cv-card .meta{font:400 12px/1.4 var(--mono);color:var(--muted);letter-spacing:.02em;margin-top:12px}
@media (max-width:899px){.cv-card{grid-template-columns:minmax(0,1fr)}}
.sample-tag{display:inline-block;font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink);border:1px solid rgba(56,98,159,.4);border-radius:4px;padding:4px 6px;margin-left:10px;vertical-align:middle}

@media (max-width:559px){
  .actions .btn,.cv-card .btn,.hire .btn{width:100%;justify-content:center}
}

/* ---------- Motion ---------- */
.js [data-r]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}
.js [data-r].in{opacity:1;transform:none}
.js .hero h1 .line>span{transform:translateY(105%);transition:transform .95s var(--ease);transition-delay:var(--d,.15s)}
.js .hero h1.in .line>span{transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-r],.js .hero h1 .line>span{opacity:1!important;transform:none!important;transition:none!important}
  *{transition-duration:.01ms!important}
}

/* ---------- Round 1 fixes ---------- */
article > .wrap.nb{padding-top:clamp(40px,5vw,72px)}
.prose > h2:first-child{margin-top:0}
.data td:nth-child(2),.data td:nth-child(3){white-space:nowrap}
.mini thead th:first-child{font-family:var(--mono);font-size:11.5px}
.rbody{min-width:0}
.mini{overflow-x:auto}
@media (max-width:639px){
  .row>a{grid-template-columns:minmax(0,1fr)}
  .row .go{display:none}
  .mini .hide-xs{display:none}
}

/* ---------- Polish pass (impeccable critique + audit) ---------- */
/* Wrapping: no one-word last lines in verdicts, intros, headings */
.verdict,.page-head .sub,.hero .sub,.hire p,.services p,.post-head .dek,.prose p,.notice,.latest-card .verdict{text-wrap:pretty}
.row h3,.hire h2,.table-block .cap h3,.post-head h1,.latest-card h2,.h2{text-wrap:balance}
/* Wide blocks cross the margin rule; keep their captions in the text column so the rule never strikes through words */
@media (min-width:900px){.nb>.wide .cap{padding-left:calc(var(--margin) + var(--gap))}}
/* Availability line: hanging indent so wrapped text clears the dot */
.avail{display:flex;align-items:baseline;gap:0}
.avail .dot{flex:none;transform:translateY(-1px)}
/* Latest card: metadata now sits under the title, not above it */
.latest-card .meta-line{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2);
  font:400 11.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.latest-card .more{margin-top:0}
/* Verdict key: also shown on Posts; a tidy 2x2 grid on phones */
.key.compact{margin-top:20px;padding-top:14px}
@media (max-width:639px){.key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.key .lead{grid-column:1/-1}}
/* Mobile margin: separate the inline values so they do not run together */
@media (max-width:899px){
  .margin .stack p+p::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--rule);margin-right:16px;vertical-align:2px}
  .margin .stack p:has(.avail)::before{display:none}
  .margin .stack p:has(.avail){flex-basis:100%}
}
/* Phone tables: narrower pinned column, readable rows */
.data .best{min-width:200px}
@media (max-width:639px){
  .data{min-width:820px;font-size:14.5px}
  .data th,.data td{padding:12px 12px}
  .data tbody th small{display:none}
  .data .sticky{white-space:normal;width:96px;min-width:96px;max-width:96px}
  .chip{padding:8px 11px}
  .filters{gap:6px}
}
.scroll-hint{align-items:center;gap:8px}
.scroll-hint svg{width:14px;height:14px}
@media (max-width:1023px){.scroll-hint{display:flex}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hire .mail-line{margin:14px 0 0;font:400 12.5px/1.5 var(--mono);letter-spacing:.02em;color:rgba(237,235,229,.66)}
.hire .mail-line a{color:#EDEBE5;text-underline-offset:3px;text-decoration-color:rgba(237,235,229,.4)}
.hire .mail-line a:hover{text-decoration-color:currentColor}
.latest-card .meta-line>span:first-child{white-space:nowrap}
.latest-card .meta-line .more{font:500 14px/1 var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap}
@media (max-width:639px){
  .mini .bar{display:none}
  .mini table{font-size:12.5px}
  .data .sticky{width:116px;min-width:116px;max-width:116px}
  .data tbody th{font-size:15px}
}
@media (max-width:639px){
  .mini th,.mini td{padding:9px 8px}
  .mini td:first-child{white-space:normal;padding-left:12px}
  .mini th:last-child,.mini td:last-child{padding-right:12px}
}