/* CyanixLabs — shared stylesheet.

   Direction: a research desk, not a launch page. Cool paper, deep teal-black
   ink, and ONE moment of drama (the dark answer panel on the Cyanix page).
   Everything else is rules, type and whitespace.

   Product colour comes from each product's own mark: Cyanix cyan, Devit's
   pink-red, Cylink violet. A page opts in with <body class="p-devit"> etc.
*/

:root{
  --paper:#f3f7f7;
  --paper-2:#e6eeef;
  --ink:#0d2027;
  --ink-2:#3b4f57;
  --ink-3:#5f7480;
  --rule:#c6d3d6;
  --rule-2:#9fb2b8;
  --accent:#0a758e;
  --mark:#c5eef6;
  --ok:#17794f;
  --warn:#9a5f00;
  --night:#0d2027;
  --night-2:#16313b;
  --night-text:#e5f0f2;
  --night-dim:#8fa9b1;
  --cy:#22d3ee;

  --display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  --body:'Instrument Sans','Segoe UI',system-ui,sans-serif;
  --prose:'Source Serif 4',Georgia,'Times New Roman',serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --maxw:1200px;
}
body.p-devit{--accent:#c0264d;--mark:#fbd5df;}
body.p-cylink{--accent:#5a44c4;--mark:#ddd6f8;}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px;}
a:hover{text-decoration-thickness:2px;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
::selection{background:var(--mark);}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* ── nav ───────────────────────────────────────────── */
.nav{border-bottom:1px solid var(--rule);background:var(--paper);position:relative;z-index:50;}
.nav-in{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:32px;}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;
  font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em;font-variation-settings:'wdth' 88;}
.brand img{width:26px;height:26px;object-fit:contain;}
.nav-links{display:flex;gap:24px;}
.nav-links a{color:var(--ink-3);text-decoration:none;font-size:.95rem;font-weight:500;padding:4px 0;border-bottom:2px solid transparent;}
.nav-links a:hover{color:var(--ink);}
.nav-links a.on{color:var(--ink);border-bottom-color:var(--accent);}
.nav-cta{margin-left:auto;}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--rule-2);color:var(--ink);
  font:inherit;font-size:.9rem;padding:6px 12px;cursor:pointer;border-radius:4px;}
.mobile{display:none;flex-direction:column;padding:6px 0 16px;border-top:1px solid var(--rule);}
.mobile.open{display:flex;}
.mobile a{color:var(--ink);text-decoration:none;padding:10px 0;font-weight:500;border-bottom:1px solid var(--rule);}
.mobile a.btn{margin-top:14px;border:0;color:var(--paper);justify-content:center;}

/* ── buttons ───────────────────────────────────────── */
.btn,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 18px;font:inherit;font-size:.95rem;font-weight:600;line-height:1.2;cursor:pointer;
  text-decoration:none;border-radius:4px;border:1.5px solid var(--ink);}
.btn{background:var(--ink);color:var(--paper);}
.btn:hover{background:var(--accent);border-color:var(--accent);}
.btn-ghost{background:transparent;color:var(--ink);}
.btn-ghost:hover{background:var(--ink);color:var(--paper);}
.btn.lg,.btn-ghost.lg{padding:13px 24px;font-size:1rem;}
.btn.sm,.btn-ghost.sm{padding:7px 14px;font-size:.88rem;}

/* ── type ──────────────────────────────────────────── */
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.025em;
  font-variation-settings:'wdth' 90;color:var(--ink);}
.h-xl,h1{font-size:clamp(2.5rem,6.4vw,4.7rem);line-height:1;letter-spacing:-.035em;}
.h-lg,h2{font-size:clamp(1.65rem,3.2vw,2.35rem);}
.h-md,h3{font-size:clamp(1.2rem,2vw,1.45rem);}
h4{font-size:1.05rem;font-family:var(--body);font-weight:650;letter-spacing:-.005em;font-variation-settings:normal;line-height:1.3;}
.lede{font-family:var(--prose);font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.55;color:var(--ink-2);max-width:56ch;}
.muted{color:var(--ink-2);}
.dim{color:var(--ink-3);}
code{font-family:var(--mono);font-size:.84em;background:var(--paper-2);padding:1px 5px;border-radius:3px;color:var(--ink);}
strong,b{font-weight:650;}

/* status words: a dot and a word, nothing more */
.tag{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;color:var(--accent);}
.tag::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none;}
.tag.ok{color:var(--ok);}
.tag.warn{color:var(--warn);}

/* ── page header ───────────────────────────────────── */
.wrap > header{padding:36px 0 28px;}
.wrap > header h1{margin:14px 0 22px;max-width:15ch;}
.wrap > header .lede{margin-bottom:26px;}
.wrap > header > div:last-child{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;}

/* ── breadcrumbs ───────────────────────────────────── */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 0;font-size:.88rem;color:var(--ink-3);}
.crumbs a{color:var(--ink-3);text-decoration:none;}
.crumbs a:hover{color:var(--ink);text-decoration:underline;}
.crumbs > * + *::before{content:"/";margin-right:8px;color:var(--rule-2);}

/* ── section rail ──────────────────────────────────── */
.rail{position:sticky;top:0;z-index:40;display:flex;gap:26px;overflow-x:auto;padding:12px 0;
  background:var(--paper);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);scrollbar-width:none;}
.rail::-webkit-scrollbar{display:none;}
.rail a{flex:0 0 auto;color:var(--ink-3);text-decoration:none;font-size:.92rem;font-weight:500;padding:2px 0;border-bottom:2px solid transparent;}
.rail a:hover{color:var(--ink);}
.rail a.on{color:var(--ink);border-bottom-color:var(--accent);}

/* ── bands: heading left, content right ────────────── */
section.band{padding:36px 0;border-top:1px solid var(--rule);scroll-margin-top:56px;}
section.band > .wrap{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);column-gap:40px;row-gap:0;align-items:start;}
section.band > .wrap > *{grid-column:2;}
section.band > .wrap > .band-head ~ * ~ *{margin-top:18px;}
section.band > .wrap > .band-head{grid-column:1;grid-row:1 / span 12;position:sticky;top:64px;margin:0;}
.band-head h2{margin-bottom:12px;}
.band-head p{color:var(--ink-2);font-size:.95rem;}
@media(max-width:860px){
  section.band{padding:40px 0;}
  section.band > .wrap{display:block;}
  section.band > .wrap > .band-head{position:static;margin-bottom:22px;}
  section.band > .wrap > * + *{margin-top:20px;}
}

/* ── grids: ruled entries, not boxes ───────────────── */
.grid{display:grid;gap:28px 36px;}
.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.g3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.g4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));}
.card{border-top:2px solid var(--ink);padding-top:14px;display:block;color:inherit;text-decoration:none;}
.card h3,.card h4{margin-bottom:7px;}
.card h3{font-size:1.2rem;}
.card p{color:var(--ink-2);font-size:.95rem;}
.card > .tag{margin-bottom:8px;}
a.card:hover h3,a.card:hover h4{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--accent);}
.card .go{display:inline-block;margin-top:10px;color:var(--accent);font-weight:600;font-size:.92rem;}
.card .meta{margin-top:12px;font-size:.85rem;color:var(--ink-3);}
.card .meta span{float:none;color:var(--accent);font-weight:600;margin-left:10px;}

/* ── lists ─────────────────────────────────────────── */
.flist{list-style:none;display:block;max-width:none;}
.flist li{padding:15px 0;border-top:1px solid var(--rule);color:var(--ink-2);}
.flist li:first-child{border-top:2px solid var(--ink);}
.flist li b{color:var(--ink);font-weight:650;}
.flist li span{color:var(--ink-2);}

/* ── spec table ────────────────────────────────────── */
.spec{width:100%;border-collapse:collapse;font-size:.95rem;}
.spec th{text-align:left;padding:8px 14px 8px 0;border-bottom:2px solid var(--ink);color:var(--ink);font-weight:650;font-size:.9rem;}
.spec td{padding:11px 14px 11px 0;border-bottom:1px solid var(--rule);color:var(--ink-2);vertical-align:top;}
.spec td:first-child{font-family:var(--mono);font-size:.82rem;color:var(--ink);white-space:nowrap;}
@media(max-width:640px){.spec td:first-child{white-space:normal;}}

/* ── code ──────────────────────────────────────────── */
.codebox{background:var(--night);border-radius:6px;overflow:hidden;}
.codebox-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 16px;
  background:var(--night-2);color:var(--night-dim);font-size:.85rem;}
.codebox-head .btn-ghost{border-color:#35505b;color:var(--night-text);padding:3px 10px;font-size:.78rem;}
.codebox-head .btn-ghost:hover{background:var(--night-text);color:var(--night);}
.codebox pre{margin:0;padding:16px;overflow-x:auto;}
.codebox code{font-family:var(--mono);font-size:.82rem;line-height:1.7;color:var(--night-text);background:none;padding:0;}

/* ── roadmap ───────────────────────────────────────── */
.road{display:block;}
.road-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:18px 0;border-top:1px solid var(--rule);}
.road-item:first-child{border-top:2px solid var(--ink);}
.road-item h4{margin-bottom:4px;}
.road-item p{color:var(--ink-2);font-size:.95rem;}
@media(max-width:640px){.road-item{grid-template-columns:1fr;gap:8px;}}

/* ── stats ─────────────────────────────────────────── */
.stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:30px;}
.stat b{display:block;font-family:var(--display);font-size:1.6rem;letter-spacing:-.02em;}
.stat span{color:var(--ink-3);font-size:.9rem;}

/* ── pager ─────────────────────────────────────────── */
.pager{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;padding-top:24px;border-top:2px solid var(--ink);}
.pager a{display:block;text-decoration:none;color:var(--ink);}
.pager .lbl{font-size:.88rem;color:var(--ink-3);margin-bottom:4px;}
.pager .ttl{font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;}
.pager a:hover .ttl{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px;}
.pager .next{text-align:right;}
@media(max-width:640px){.pager{grid-template-columns:1fr;}.pager .next{text-align:left;}}

/* ── closing call to action ────────────────────────── */
.cta{margin-top:30px;border-top:4px solid var(--accent);padding:26px 0 0;max-width:60ch;}
.cta h3{margin-bottom:8px;}
.cta p{color:var(--ink-2);margin:0 0 18px;}

/* ── articles ──────────────────────────────────────── */
.article{max-width:720px;margin:0 auto;padding:0 24px;}
.article > header{padding:44px 0 28px;border-bottom:1px solid var(--rule);}
.article > header .tag{margin-bottom:12px;}
.article > header h1{font-size:clamp(2.1rem,5vw,3.3rem);max-width:none;margin:0 0 18px;}
.article > header .lede{max-width:none;}
.article .byline{margin-top:20px;font-size:.92rem;color:var(--ink-3);}
.article-body{padding-top:30px;font-family:var(--prose);font-size:1.125rem;line-height:1.72;color:var(--ink);}
.article-body > * + *{margin-top:1.15em;}
.article-body h2{font-size:1.7rem;margin-top:2.1em;}
.article-body h3{font-size:1.3rem;margin-top:1.8em;}
.article-body h4{margin-top:1.4em;}
.article-body p,.article-body li{max-width:none;}
.article-body ul,.article-body ol{padding-left:1.3em;}
.article-body li + li{margin-top:.4em;}
.article-body a{color:var(--accent);}
.article-body blockquote{border-left:3px solid var(--accent);padding:2px 0 2px 20px;font-size:1.25rem;line-height:1.5;color:var(--ink);}
.article-body pre{background:var(--night);color:var(--night-text);border-radius:6px;padding:16px;overflow-x:auto;font-size:.82rem;line-height:1.65;}
.article-body pre code{background:none;color:inherit;padding:0;font-size:inherit;}
.article-body table{border-collapse:collapse;width:100%;font-family:var(--body);font-size:.92rem;display:block;overflow-x:auto;}
.article-body th{text-align:left;padding:8px 12px 8px 0;border-bottom:2px solid var(--ink);}
.article-body td{padding:9px 12px 9px 0;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--ink-2);}
.article-body .card{font-family:var(--body);}
.article-body .grid{margin-top:1.4em;}
.article-body .note{font-family:var(--body);border-left:3px solid var(--accent);padding:2px 0 2px 16px;color:var(--ink-2);font-size:1rem;}
.article-body img{border-radius:4px;}
.article-body .btn{font-family:var(--body);text-decoration:none;color:var(--paper);}
.article .pager{margin-top:56px;}

/* ── Synix 2 diagrams ──────────────────────────────── */
.flow{display:flex;flex-direction:column;max-width:560px;margin:8px 0 0;}
.flow-node{border:1.5px solid var(--ink);border-radius:4px;padding:16px 20px;background:var(--paper);}
.flow-node.src{border-style:dashed;border-color:var(--rule-2);color:var(--ink-3);font-size:.92rem;padding:10px 20px;}
.flow-node h4{margin:0 0 4px;}
.flow-node ul{margin:8px 0 0;padding-left:18px;color:var(--ink-2);font-size:.95rem;}
.flow-node.worker{border-color:var(--accent);}
.flow-node.refiner{border-color:var(--ink);background:var(--paper-2);}
.flow-arrow{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 0 24px;font-size:.88rem;color:var(--ink-3);}
.flow-arrow::before{content:"";display:block;width:1.5px;height:20px;background:var(--rule-2);margin:0 0 4px;}
.flow-arrow::after{content:"";display:block;width:1.5px;height:12px;background:var(--rule-2);margin-top:4px;}
.old-vs-new{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;max-width:640px;}
.old-vs-new .path{border:1.5px solid var(--rule-2);border-radius:4px;padding:14px 16px;font-size:.95rem;color:var(--ink-2);}
.old-vs-new .path b{display:block;color:var(--ink);margin-bottom:4px;}
.old-vs-new .vs{color:var(--ink-3);font-size:.9rem;}
@media(max-width:640px){.old-vs-new{grid-template-columns:1fr;}.old-vs-new .vs{display:none;}}

/* ── Axion article (data-driven model cards) ───────── */
.model-grid{display:grid;gap:28px;margin-top:6px;}
.model-card{border-top:2px solid var(--ink);padding-top:14px;font-family:var(--body);}
.model-card.is-current{border-top-color:var(--accent);}
.model-card h3{margin:0 0 4px;}
.model-card .badge{display:inline-block;font-size:.85rem;font-weight:600;color:var(--accent);margin-bottom:4px;}
.model-card .tagline{color:var(--ink);font-weight:500;margin-bottom:8px;}
.model-card .desc{color:var(--ink-2);font-size:.95rem;}
.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
.pill{font-size:.82rem;padding:2px 10px;border:1px solid var(--rule-2);border-radius:99px;color:var(--ink-2);}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px 30px;font-family:var(--body);}
.tool-card{border-top:1px solid var(--rule-2);padding-top:10px;}
.tool-card h4{margin-bottom:2px;}
.tool-card .kind-tag{font-size:.82rem;color:var(--ink-3);margin-bottom:6px;}
.tool-card p{color:var(--ink-2);font-size:.92rem;}
.steps{display:grid;gap:0;font-family:var(--body);counter-reset:s;}
.step{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:14px 0;border-top:1px solid var(--rule);counter-increment:s;}
.step:first-child{border-top:2px solid var(--ink);}
.step::before{content:counter(s);font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--accent);grid-row:1 / span 2;}
.step h4{margin:0;}
.step p{color:var(--ink-2);font-size:.95rem;}

/* ── the one dramatic thing: an answer, with its sources ── */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;padding:32px 0 36px;}
.hero h1{max-width:11ch;margin:14px 0 22px;}
.hero .lede{margin-bottom:26px;}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;}
.sample{background:var(--night);color:var(--night-text);border-radius:6px;padding:22px 24px 20px;font-size:.98rem;line-height:1.6;}
.sample .q{color:var(--night-dim);font-size:.9rem;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #284550;}
.sample .q b{color:var(--night-text);font-weight:600;display:block;font-size:1.02rem;margin-top:2px;}
.sample p{margin:0 0 10px;}
.sample sup{font-size:.72rem;}
.sample sup a{display:inline-block;background:var(--cy);color:#06222a;font-weight:700;text-decoration:none;
  padding:0 5px;border-radius:2px;margin-left:2px;line-height:1.5;}
.sample .gap{border-bottom:1.5px dashed #e6b34d;}
.sample .gap-note{display:block;font-size:.82rem;color:#e6b34d;margin-top:2px;}
.sample ol{list-style:none;margin-top:14px;padding-top:12px;border-top:1px solid #284550;font-size:.88rem;color:var(--night-dim);}
.sample ol li{display:flex;gap:10px;padding:2px 0;}
.sample ol li span:first-child{color:var(--cy);font-weight:700;min-width:1.1em;}
.sample figcaption{margin-top:14px;font-size:.82rem;color:var(--night-dim);}
.sample .step-in{opacity:0;animation:sampleIn .5s ease forwards;}
.sample .step-in:nth-of-type(1){animation-delay:.25s}
.sample .step-in:nth-of-type(2){animation-delay:.85s}
.sample .step-in:nth-of-type(3){animation-delay:1.5s}
@keyframes sampleIn{to{opacity:1}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:34px;padding:34px 0 40px;}.hero h1{max-width:14ch;}}

/* ── news index ────────────────────────────────────── */
.card.featured{border-top:4px solid var(--accent);padding-top:20px;margin-bottom:32px;max-width:860px;}
.card.featured h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:8px 0 12px;}
.card.featured p{font-family:var(--prose);font-size:1.15rem;color:var(--ink-2);}
.card.featured:hover h2{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px;}
.rail.filters{position:static;border:0;padding:0;margin:0 0 30px;gap:20px;flex-wrap:wrap;overflow:visible;background:none;}
.news-hint{margin-top:24px;}

/* ── footer ────────────────────────────────────────── */
.foot{background:var(--night);color:var(--night-dim);margin-top:40px;padding:48px 0 28px;font-size:.92rem;}
.foot a{color:var(--night-text);text-decoration:none;}
.foot a:hover{text-decoration:underline;}
.foot .brand{color:var(--night-text);}
.foot-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px;}
.foot h5{font-family:var(--body);font-size:.9rem;font-weight:600;color:var(--night-text);margin-bottom:10px;letter-spacing:0;}
.foot-grid a{display:block;padding:3px 0;color:var(--night-dim);}
.foot-grid a:hover{color:var(--night-text);}
.foot .social a{display:inline-block;margin-right:16px;color:var(--night-text);font-size:1.15rem;}
.foot-bot{border-top:1px solid #284550;margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.88rem;}
@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr;}.foot-grid > div:first-child{grid-column:1 / -1;}}

@media(max-width:900px){
  .nav-links,.nav-cta{display:none;}
  .burger{display:block;}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  html{scroll-behavior:auto;}
  .sample .step-in{opacity:1;}
}

/* ── Axion request route ───────────────────────────── */
.route{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;font-family:var(--body);font-size:.9rem;padding:0!important;}
.route li{border-top:2px solid var(--ink);padding-top:8px;margin:0!important;}
.route li.warn{border-top-color:var(--warn);}
@media(max-width:640px){.route{grid-template-columns:repeat(2,1fr);}}
.card.featured .meta{font-family:var(--body);font-size:.88rem;color:var(--ink-3);}

/* ── company home ──────────────────────────────────── */
.home-hero{padding:56px 0 44px;}
.home-hero h1{font-size:clamp(2.9rem,8.4vw,6.6rem);max-width:12ch;line-height:.96;letter-spacing:-.04em;margin:0 0 28px;}
.home-hero .lede{font-size:clamp(1.2rem,2vw,1.55rem);max-width:34ch;margin-bottom:32px;}
.home-hero .actions{display:flex;gap:12px;flex-wrap:wrap;}
.prods{display:block;}
.prod{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) 150px;gap:8px 32px;padding:22px 0 26px;border-top:3px solid var(--pc);align-items:start;}
.prod + .prod{margin-top:6px;}
.prod h3{font-size:1.5rem;margin-bottom:2px;}
.prod .dim{font-size:.9rem;}
.prod > p{color:var(--ink-2);max-width:52ch;}
.prod-links{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.95rem;align-items:flex-start;}
.prod.p-cy{--pc:#0a99b8;}
.prod.p-dv{--pc:#c0264d;}
.prod.p-cl{--pc:#5a44c4;}
@media(max-width:860px){.prod{grid-template-columns:1fr;}.prod-links{flex-direction:row;gap:20px;margin-top:6px;}}
.latest-list{border-top:2px solid var(--ink);}
.latest{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink);}
.latest .when{color:var(--ink-3);font-size:.92rem;padding-top:3px;}
.latest .what b{display:block;font-family:var(--display);font-size:1.25rem;letter-spacing:-.02em;font-weight:700;margin-bottom:2px;}
.latest .what span{color:var(--ink-2);font-size:.95rem;}
.latest:hover .what b{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px;}
.latest-list + p{margin-top:22px;}
@media(max-width:640px){.latest{grid-template-columns:1fr;gap:4px;}.home-hero{padding:48px 0 44px;}}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:640px){.grid.two{grid-template-columns:1fr;}}