/* Minimal Software: site styles. One file, no framework. */

/* fonts:start */
@font-face{font-family:"Geist";src:url("fonts/Geist.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/GeistMono.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* fonts:end */

:root{
  --bg:#FFFFFF;
  --surface:#F3F5F2;
  --surface-2:#E8ECE7;
  --ink:#101311;
  --body:#3A403C;
  --muted:#59605B;
  --line:rgba(16,19,17,.10);
  --line-strong:rgba(16,19,17,.22);
  --accent:#2F6E60;
  --accent-soft:rgba(47,110,96,.12);
  --btn:#101311;
  --btn-ink:#FFFFFF;
  --btn-hover:#2A302C;
  --key:#F6F7F5;
  --hl:rgba(255,212,0,.46);
  --desk-a:#EEF2EE;
  --desk-b:#E3E9E3;
  --wash:rgba(93,156,140,.20);
  --wash-2:rgba(143,164,106,.16);
  --frame:rgba(16,19,17,.20);
  --win-shadow:0 1px 2px rgba(16,19,17,.06),0 18px 40px -10px rgba(20,32,27,.30),0 42px 90px -30px rgba(20,32,27,.30);
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Geist Mono",ui-monospace,"Cascadia Mono",Consolas,"SFMono-Regular",Menlo,monospace;
  --max:1200px;
  --gutter:clamp(16px,4vw,40px);
  --section:clamp(72px,10vw,136px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0B0D0C;--surface:#131614;--surface-2:#1B1F1C;
    --ink:#F1F4F1;--body:#C5CBC6;--muted:#949B96;
    --line:rgba(241,244,241,.10);--line-strong:rgba(241,244,241,.24);
    --accent:#7CC6B2;--accent-soft:rgba(124,198,178,.14);
    --btn:#F1F4F1;--btn-ink:#0B0D0C;--btn-hover:#D9DED9;
    --key:#171A18;--hl:rgba(255,212,0,.46);
    --desk-a:#141816;--desk-b:#0E1110;--wash:rgba(93,156,140,.16);--wash-2:rgba(143,164,106,.10);
    --frame:rgba(255,255,255,.16);
    --win-shadow:0 1px 2px rgba(0,0,0,.4),0 24px 60px -12px rgba(0,0,0,.7),0 50px 110px -30px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0B0D0C;--surface:#131614;--surface-2:#1B1F1C;
  --ink:#F1F4F1;--body:#C5CBC6;--muted:#949B96;
  --line:rgba(241,244,241,.10);--line-strong:rgba(241,244,241,.24);
  --accent:#7CC6B2;--accent-soft:rgba(124,198,178,.14);
  --btn:#F1F4F1;--btn-ink:#0B0D0C;--btn-hover:#D9DED9;
  --key:#171A18;--hl:rgba(255,212,0,.46);
  --desk-a:#141816;--desk-b:#0E1110;--wash:rgba(93,156,140,.16);--wash-2:rgba(143,164,106,.10);
  --frame:rgba(255,255,255,.16);
  --win-shadow:0 1px 2px rgba(0,0,0,.4),0 24px 60px -12px rgba(0,0,0,.7),0 50px 110px -30px rgba(0,0,0,.6);
  color-scheme:dark;
}

/* base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}
::selection{background:var(--hl);color:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
main:focus{outline:none}
h1,h2,h3{margin:0;color:var(--ink);font-weight:400;text-wrap:balance}
p,ul,ol,dl,figure{margin:0}
img{max-width:100%;height:auto}
code,kbd{font-family:var(--mono);font-size:.86em}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.ink{color:var(--ink)}
.skip{position:absolute;left:16px;top:-80px;z-index:60;background:var(--btn);color:var(--btn-ink);padding:8px 12px;border-radius:6px;font-size:14px}
.skip:focus-visible{top:12px}
.tl{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.tl:hover{text-decoration-color:currentColor;color:var(--ink)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);vertical-align:1px;margin-right:8px}
.dot.off{background:var(--line-strong)}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:17px;font-weight:500;letter-spacing:-.01em}
.brand-rule{display:inline-block;width:20px;height:1px;background:currentColor}
.brand-sub{color:var(--muted);font-weight:400}
@media (max-width:380px){.brand-sub{display:none}}
.nav-links{display:flex;align-items:center;gap:clamp(14px,2.4vw,28px);font-size:14px}
.nav-links a:not(.btn){color:var(--body)}
.nav-links a:not(.btn):hover,.nav-links a[aria-current="page"]:not(.btn){color:var(--ink)}
.nav-links a[aria-current="page"]:not(.btn){text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--line-strong)}
@media (max-width:960px){.hide-md{display:none}}
@media (max-width:560px){.hide-sm{display:none}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:500;line-height:1;white-space:nowrap;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}
.btn-primary{background:var(--btn);color:var(--btn-ink)}
.btn-primary:hover{background:var(--btn-hover)}
.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink)}
.btn-sm{min-height:36px;padding:0 16px;font-size:14px}
.btn[aria-disabled="true"]{background:var(--surface-2);color:var(--muted);cursor:default}
.arrow{font-family:var(--mono);font-size:14px;transition:transform .15s ease}
a:hover>.arrow{transform:translateX(3px)}

/* sections */
.block{padding-block:var(--section)}
.block.tight{padding-block:calc(var(--section)*.6)}
.rule-top{border-top:1px solid var(--line)}
.sec-head{display:grid;gap:18px;margin-bottom:clamp(36px,5vw,60px)}
.sec-head h2,.h2{font-size:clamp(30px,4.2vw,50px);line-height:1.04;letter-spacing:-.03em;max-width:20ch}
.sec-head p{max-width:58ch}
@media (min-width:900px){.sec-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:48px}}

/* hero */
.hero{padding-block:clamp(56px,8vw,112px) clamp(36px,5vw,64px)}
.hero-grid{display:grid;gap:28px}
@media (min-width:980px){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:56px}}
.hero h1{font-size:clamp(44px,7.4vw,104px);line-height:.95;letter-spacing:-.045em;margin-top:22px;max-width:12ch}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.5;max-width:46ch}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.spec{margin-top:16px;font-family:var(--mono);font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.spec b{color:var(--body);font-weight:500}

/* the demo stage: a desktop with the real Minimal PDF window on it */
.stage{position:relative;container-type:inline-size;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  background:radial-gradient(60% 80% at 12% 10%,var(--wash),transparent 70%),radial-gradient(50% 70% at 95% 100%,var(--wash-2),transparent 70%),linear-gradient(160deg,var(--desk-a),var(--desk-b));
  padding:4.5% 5% 5.5% 17%}
.win{position:relative;aspect-ratio:1346/822;border-radius:.6cqw;background:#E4E4E4;box-shadow:var(--win-shadow);outline:1px solid var(--frame);overflow:hidden}
.win.tall{aspect-ratio:1346/1371}
.win img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.win .shot-empty{object-position:50% 50%}
.win .shot-open{transition:opacity .18s ease}
.stage[data-state="empty"] .shot-open{opacity:0}
.win .badge{position:absolute;right:1.6%;bottom:2.6%;padding:.5em .62em .52em;border-radius:.34em;background:rgba(32,32,32,.71);color:#fff;font:400 max(10px,1cqw)/1 "Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;opacity:0;transition:opacity .28s ease;pointer-events:none}
.win .badge.on{opacity:1}
.win .hl{position:absolute;left:14.81%;top:86.9%;height:3.3%;width:0;background:var(--hl);mix-blend-mode:multiply;border-radius:1px;pointer-events:none}
.stage[data-state="done"][data-highlight="on"] .hl{width:17%}
.chip{position:absolute;left:3.2%;top:38%;z-index:4;display:grid;justify-items:center;gap:7px;width:max(66px,10.5cqw);padding:10px 4px 8px;border:1px solid transparent;border-radius:6px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;background:transparent;color:var(--ink);font:inherit}
.chip svg{width:min(56px,52%);height:auto;display:block}
.chip .fname{font-family:var(--mono);font-size:max(10px,1cqw);line-height:1.25;text-align:center;overflow-wrap:anywhere}
.chip.picked,.chip:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.chip.dragging{cursor:grabbing}
.stage[data-state="done"] .chip,.stage[data-state="open"] .chip{opacity:0;pointer-events:none}
.cursor{position:absolute;left:0;top:0;z-index:6;width:max(15px,1.45cqw);pointer-events:none;opacity:0;transition:opacity .2s ease;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}
.cursor.on{opacity:1}
.cursor svg{display:block;width:100%;height:auto;overflow:visible}
.cursor .c-ibeam,.cursor .c-copy{display:none}
.cursor.ibeam .c-arrow{display:none}
.cursor.ibeam .c-ibeam{display:inline}
.cursor.copy .c-copy{display:inline}
.keycast{position:absolute;left:50%;bottom:9%;z-index:5;display:flex;gap:6px;transform:translateX(-50%);opacity:0;transition:opacity .2s ease;pointer-events:none}
.keycast.on{opacity:1}
.keycast .key{background:rgba(20,22,21,.86);color:#fff;border-color:rgba(255,255,255,.18);font-size:max(11px,1.1cqw);padding:.5em .7em}
@media (max-width:640px){
  .stage{padding:26% 3% 5% 3%}
  .chip{left:3%;top:2.5%;width:88px}
}
.demo-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:16px}
.demo-steps{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;padding:0;font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--muted)}
.demo-steps li{transition:color .2s ease}
.demo-steps li::before{content:attr(data-step) "  ";color:var(--line-strong)}
.demo-steps li.on{color:var(--ink)}
.demo-steps li.on::before{color:var(--accent)}
.replay{all:unset;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--body);border-bottom:1px solid var(--line-strong);padding-bottom:1px}
.replay:hover{color:var(--ink);border-color:var(--ink)}
.replay:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
.caption{margin-top:12px;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--muted)}

/* product row */
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prod{display:flex;flex-direction:column;gap:14px;padding:32px 28px;border-left:1px solid var(--line);color:var(--body);min-height:220px}
.prod:first-child{border-left:0;padding-left:0}
.prod h3{font-size:26px;letter-spacing:-.02em}
.prod p{font-size:15px;color:var(--muted);max-width:44ch;flex:1}
.prod .status{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.prod .status.live{color:var(--ink)}
.prod .more{font-size:14px;color:var(--ink)}
@media (max-width:680px){.products{grid-template-columns:1fr}.prod{border-left:0;padding-inline:0;min-height:0}.prod+.prod{border-top:1px solid var(--line)}}

/* rules */
.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;border-top:1px solid var(--line);list-style:none;padding:0;counter-reset:rule}
.rules li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:26px 0;border-bottom:1px solid var(--line);counter-increment:rule}
.rules li::before{content:counter(rule,decimal-leading-zero);font-family:var(--mono);font-size:13px;color:var(--muted);padding-top:5px}
.rules h3{font-size:21px;letter-spacing:-.015em;margin-bottom:6px}
.rules p{font-size:15px;color:var(--muted);max-width:46ch}
@media (max-width:820px){.rules{grid-template-columns:1fr}}

/* numbers */
.numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.num{padding:34px 22px;border-left:1px solid var(--line)}
.num:first-child{border-left:0;padding-left:0}
.num .v{font-size:clamp(42px,4.8vw,64px);font-weight:300;letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.num .v small{font-size:.4em;letter-spacing:0;color:var(--muted);margin-left:5px;font-weight:400}
.num .l{margin-top:12px;font-family:var(--mono);font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
@media (max-width:820px){.numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.num:nth-child(odd){border-left:0;padding-left:0}.num:nth-child(n+3){border-top:1px solid var(--line)}}

/* split and key-value lists */
.split{display:grid;gap:36px;align-items:start}
@media (min-width:900px){.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px}}
.split .txt p+p{margin-top:16px}
.kv{border-top:1px solid var(--line);margin-top:30px}
.kv>div{display:grid;grid-template-columns:minmax(118px,30%) 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}
.kv dt{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.kv dd{margin:0}
.kv dd .mono{color:var(--ink);font-size:14px}
@media (max-width:480px){.kv>div{grid-template-columns:1fr;gap:4px}}

/* maker strip */
.maker{display:grid;gap:18px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media (min-width:860px){.maker{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.maker p{font-size:clamp(18px,1.8vw,22px);line-height:1.4;color:var(--ink);letter-spacing:-.01em;max-width:52ch}

/* keys */
.key{display:inline-block;font-family:var(--mono);font-size:12px;line-height:1;padding:6px 8px 7px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;background:var(--key);color:var(--ink);white-space:nowrap}
.keys{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.keys .plus{font-family:var(--mono);font-size:12px;color:var(--muted)}

/* gestures */
.gestures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gest{padding:30px 26px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.gest:first-child{border-left:0;padding-left:0}
.gest h3{font-size:21px;letter-spacing:-.015em}
.gest p{font-size:15px;color:var(--muted);flex:1}
@media (max-width:860px){.gestures{grid-template-columns:1fr}.gest{border-left:0;padding-inline:0}.gest+.gest{border-top:1px solid var(--line)}}

/* cheat sheet */
.cheat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;border-top:1px solid var(--line)}
.cheat>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
.cheat>div>span:first-child{color:var(--body)}
.cheat .keys{justify-content:flex-end}
@media (max-width:820px){.cheat{grid-template-columns:1fr}}

/* not-list */
.nots{columns:2;column-gap:64px;border-top:1px solid var(--line);list-style:none;padding:0}
.nots li{break-inside:avoid;display:grid;grid-template-columns:22px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
.nots li::before{content:"—";font-family:var(--mono);color:var(--muted)}
@media (max-width:820px){.nots{columns:1}}

/* figures */
.figs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,702px),1fr));gap:28px}
.figs figure img{display:block;width:auto;max-width:100%;border:1px solid var(--line-strong);border-radius:8px;background:#fff}
.figs figcaption,.fig-cap{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--muted);line-height:1.5}
.shot{max-width:760px}
.shot .win{border-radius:8px}

/* steps */
.steps{border-top:1px solid var(--line);list-style:none;padding:0;counter-reset:step}
.steps li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);counter-increment:step}
.steps li::before{content:counter(step,decimal-leading-zero);font-family:var(--mono);font-size:13px;color:var(--muted);padding-top:4px}
.steps h3{font-size:19px;margin-bottom:6px;letter-spacing:-.01em}
.steps p{font-size:15px;color:var(--muted);max-width:66ch}
.steps p+p{margin-top:8px}
.note{margin-top:22px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;font-size:14px;color:var(--muted);max-width:72ch;background:var(--surface)}
.note b{color:var(--body);font-weight:500}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:19px 0;font-size:18px;color:var(--ink);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{font-family:var(--mono);color:var(--muted);transition:transform .15s ease;flex:none}
.faq details[open] summary .pm{transform:rotate(45deg)}
.faq .a{padding:0 0 22px;font-size:15px;color:var(--muted);max-width:68ch}
.faq .a p+p{margin-top:10px}
.faq .a a{color:var(--body)}

/* download */
.dl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:760px){.dl-grid{grid-template-columns:1fr}}
.dl-card{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.dl-card.primary{border-color:var(--line-strong);background:var(--surface)}
.dl-card h3{font-size:19px}
.dl-card .meta{font-family:var(--mono);font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.dl-status{padding:26px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);max-width:760px}
.dl-status h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;margin-bottom:10px}
.cmd{display:inline-flex;align-items:center;gap:12px;max-width:100%;font-family:var(--mono);font-size:13px;color:var(--body);border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface)}
.cmd code{font-size:13px;overflow-wrap:anywhere}
.cmd .p{color:var(--muted)}
.cmd button{all:unset;cursor:pointer;color:var(--muted);font-family:var(--mono);font-size:12px;border-left:1px solid var(--line);padding-left:12px}
.cmd button:hover{color:var(--ink)}
.cmd button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.table-wrap{overflow-x:auto;border-top:1px solid var(--line)}
table.hashes{width:100%;border-collapse:collapse;font-size:14px}
.hashes th,.hashes td{text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.hashes th{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hashes td.h{font-family:var(--mono);font-size:12px;color:var(--ink);word-break:break-all;min-width:280px}

/* long-form pages */
.page-head{padding-block:clamp(56px,8vw,104px) clamp(28px,4vw,48px)}
.page-head h1{font-size:clamp(40px,6vw,80px);line-height:.98;letter-spacing:-.04em;margin-top:18px;max-width:14ch}
.page-head .lead{margin-top:22px}
.prose{max-width:68ch}
.prose p+p{margin-top:14px}
.prose h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;margin:48px 0 14px}
.prose h3{font-size:19px;margin:26px 0 8px}
.prose ul{padding-left:20px;margin-top:10px}
.prose li+li{margin-top:6px}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.log{list-style:none;padding:0;border-top:1px solid var(--line)}
.log li{display:grid;grid-template-columns:132px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.log time{font-family:var(--mono);font-size:13px;color:var(--muted);padding-top:3px}
.log h3{font-size:19px;margin-bottom:6px;letter-spacing:-.01em}
.log p{font-size:15px;color:var(--muted);max-width:66ch}
@media (max-width:600px){.log li{grid-template-columns:1fr;gap:6px}}
.who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.who>div{padding:26px 24px;border-left:1px solid var(--line)}
.who>div:first-child{border-left:0;padding-left:0}
.who h3{font-size:19px;margin-bottom:8px}
.who ul{list-style:none;padding:0;font-size:15px;color:var(--muted)}
.who li+li{margin-top:6px}
@media (max-width:820px){.who{grid-template-columns:1fr}.who>div{border-left:0;padding-inline:0}.who>div+div{border-top:1px solid var(--line)}}
.release-entry{display:grid;gap:12px;padding:28px 0;border-top:1px solid var(--line)}
@media (min-width:860px){.release-entry{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}}
.release-entry h2{font-size:28px;letter-spacing:-.02em}
.release-entry ul{padding-left:18px;font-size:15px}
.release-entry li+li{margin-top:6px}
.pill{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--line-strong);border-radius:999px;color:var(--body)}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.cols3>div{padding:24px 0;border-top:1px solid var(--line)}
.cols3 h3{font-size:14px;font-family:var(--mono);font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.cols3 ul{list-style:none;padding:0;font-size:15px}
.cols3 li{padding:8px 0;border-bottom:1px solid var(--line)}
@media (max-width:860px){.cols3{grid-template-columns:1fr}}

/* footer */
.foot{border-top:1px solid var(--line);padding-block:56px 40px;margin-top:var(--section)}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.foot-h{margin:0 0 14px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}
.foot ul{list-style:none;padding:0;display:grid;gap:9px;font-size:14px}
.foot a:hover{color:var(--ink)}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}
@media (max-width:720px){.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.foot-cols{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  html{scroll-behavior:auto}
}