:root{color-scheme:light;--paper:#f4f0e8;--ink:#19271f;--muted:#647068;--line:#d7d9cc;--acid:#d8ff70;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #507923;outline-offset:5px}[hidden]{display:none!important}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}.page-shell{width:min(1248px,calc(100% - 96px));margin:auto}.skip-link{position:fixed;left:20px;top:16px;padding:14px 20px;z-index:20;background:var(--ink);color:var(--paper);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:.09em;min-height:48px}.brand-dot{width:9px;height:9px;background:var(--ink);border-radius:50%;box-shadow:4px -3px 0 var(--acid);margin-right:4px}.brand-divider{color:#828b79;font-weight:400}.site-header nav{display:flex;gap:28px;font-size:13px}.site-header nav a{display:inline-flex;align-items:center;gap:10px;min-height:48px}.site-header nav a:hover,.text-link:hover{color:#587825}
.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding:70px 0 66px}.eyebrow,.section-caption,.feature-kicker,.work-eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;font-size:11px;line-height:1.5}.eyebrow{color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:25px}.tiny-dot{height:5px;width:5px;border-radius:50%;background:#708b48}.hero h1{font-size:clamp(44px,5.55vw,80px);font-weight:650;line-height:1.18;letter-spacing:-.045em}.hero h1>span{display:block;white-space:nowrap}.accent-period{color:#729239}.hero-aside{padding-bottom:6px;max-width:246px;font-size:14px;line-height:1.9;color:var(--muted)}.hero-aside .text-link{margin-top:22px}.text-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;font-size:13px;font-weight:600;color:var(--ink)}.text-link span{font-size:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading>div{display:flex;align-items:baseline;gap:16px}.section-heading h2{font-size:21px;letter-spacing:-.02em;font-weight:600}.section-no{font:11px ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.section-caption{color:var(--muted);font-size:10px}.selected-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;background:#eae6dc;border-radius:18px;overflow:hidden;border:1px solid var(--line);min-width:0}.featured-visual{display:flex;align-items:center;padding:38px;background:#e5e1d7;position:relative;overflow:hidden}.featured-visual img{width:100%;box-shadow:0 10px 35px #292c2524;border-radius:2px;transform:rotate(-3deg);transition:transform 260ms ease}.featured-copy{background:var(--ink);color:#f5f2e9;padding:44px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-kicker{color:#d8ff70;margin-bottom:20px}.featured h3{font-size:clamp(32px,3.2vw,48px);line-height:1.25;font-weight:500;letter-spacing:-.03em}.feature-description{font-size:14px;line-height:1.9;max-width:30em;margin-top:18px;color:#d1d6cc}.feature-action{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:1px solid #77836f;border-radius:30px;padding:12px 20px;margin-top:26px;min-height:48px;font-size:13px}.feature-action>span{font-size:20px;color:var(--acid)}.secondary-feature{display:grid;grid-template-columns:184px minmax(0,1fr);min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#faf7f0}.secondary-visual{overflow:hidden;background:#deded3}.secondary-visual img{height:100%;width:100%;aspect-ratio:1;object-fit:cover;transition:transform 260ms ease}.secondary-copy{padding:24px 24px 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.secondary-copy .feature-kicker{color:var(--muted);font-size:10px;margin-bottom:10px}.secondary-copy h3{font-size:21px;font-weight:600;line-height:1.45;letter-spacing:-.03em}.secondary-copy p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.secondary-link{margin-top:14px;font-size:12px;display:flex;align-items:center;gap:20px}.secondary-link>span{font-size:18px}
.works-section{padding-top:76px}.total-count{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:28px;height:23px;font:12px ui-monospace,monospace;border:1px solid #bac4ad;border-radius:20px;margin-left:8px;padding:0 7px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0}.filter-options{display:flex;gap:6px;flex-wrap:wrap}.filter-options button{background:transparent;border:1px solid transparent;padding:0 17px;min-height:44px;border-radius:24px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:9px}.filter-options button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter-options button span{font:10px ui-monospace,monospace;opacity:.75}.filter-options button:hover{border-color:#849173}#filter-status{font-size:12px;color:var(--muted)}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--line)}.work-card{display:flex;flex-direction:column;min-width:0;padding:26px 0 22px;min-height:224px;border-bottom:1px solid var(--line)}.work-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font:11px ui-monospace,monospace}.work-category{font-family:inherit;color:var(--muted);font-size:11px}.work-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:24px}.work-title h3{font-size:20px;line-height:1.5;font-weight:600;letter-spacing:-.035em;text-wrap:pretty}.work-arrow{font-size:22px;font-weight:400;transition:transform 180ms ease}.work-description{font-size:13px;line-height:1.85;color:var(--muted);margin:10px 0 20px;text-wrap:pretty}.work-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;font-size:10px;color:#65715f}.work-status{padding:4px 7px;border:1px solid #d3d7c8;border-radius:4px}.work-meta time{font-family:ui-monospace,monospace}.filter-empty{padding:48px;text-align:center;border:1px solid var(--line);border-radius:12px}.filter-empty h3{font-size:20px}.filter-empty p{color:var(--muted);margin:14px 0}.filter-empty button{min-height:48px;border:0;border-radius:24px;padding:0 22px;background:var(--ink);color:var(--paper)}.about-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:38px 0;border-block:1px solid var(--line);margin-top:76px}.about-mark{font-size:58px;line-height:1;letter-spacing:-.1em;font-weight:650}.about-note h2{font-size:20px;font-weight:500;line-height:1.5}.about-note p{color:var(--muted);font-size:13px;line-height:1.8;max-width:560px;margin-top:8px}.site-footer{padding:30px 0 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.04em;color:var(--muted)}.footer-note{margin-left:16px;letter-spacing:0}.site-footer a{min-height:44px;display:inline-flex;gap:12px;align-items:center}
@media(hover:hover){.featured:hover .featured-visual img{transform:rotate(-1deg) scale(1.025)}.secondary-feature:hover img{transform:scale(1.035)}.work-card:hover .work-arrow{transform:translate(3px,-3px)}.work-card:hover h3{color:#587825}.featured:hover .feature-action{background:var(--acid);border-color:var(--acid);color:var(--ink)}.featured:hover .feature-action>span{color:var(--ink)}}
@media(max-width:1000px){.page-shell{width:calc(100% - 64px)}.hero{gap:24px;padding:52px 0}.hero h1{font-size:clamp(44px,6.1vw,62px)}.hero-aside{max-width:205px;font-size:13px}.featured-copy{padding:30px}.featured-visual{padding:26px}.secondary-feature{grid-template-columns:128px minmax(0,1fr)}.secondary-copy{padding:20px 16px}.secondary-copy h3{font-size:18px}.works-grid{gap:0 20px}.work-title h3{font-size:18px}}
@media(max-width:760px){.page-shell{width:calc(100% - 40px)}.site-header{min-height:72px;gap:12px}.wordmark{font-size:10px;gap:7px}.site-header nav{gap:18px;font-size:12px}.site-header nav a{gap:5px}.hero{grid-template-columns:1fr;gap:22px;padding:34px 0 32px}.eyebrow{font-size:9px;margin-bottom:18px;letter-spacing:.09em}.hero h1{font-size:clamp(28px,9.7vw,60px);line-height:1.22;letter-spacing:-.045em}.hero-aside{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px}.hero-aside p br:first-child{display:none}.hero-aside .text-link{margin:0;white-space:nowrap;font-size:12px;gap:12px}.hero-aside .text-link span{font-size:16px}.section-heading{margin-bottom:16px;gap:10px}.section-heading>div{gap:10px}.section-heading h2{font-size:18px}.section-caption{font-size:8px;letter-spacing:.04em}.selected-grid{gap:14px}.featured{grid-template-columns:1fr;border-radius:12px}.featured-visual{padding:28px 32px}.featured-copy{padding:26px}.feature-kicker{margin-bottom:12px;font-size:10px}.featured h3{font-size:32px}.feature-description{font-size:13px;line-height:1.85;margin-top:12px}.feature-action{margin-top:20px}.secondary-feature{grid-template-columns:1fr;border-radius:10px}.secondary-visual img{aspect-ratio:1.25;height:auto}.secondary-copy{padding:17px 15px}.secondary-copy h3{font-size:17px}.secondary-copy p{font-size:12px}.secondary-copy .feature-kicker{font-size:8px}.works-section{padding-top:48px}.filter-bar{flex-direction:column;align-items:flex-start;gap:12px;margin:20px 0}.filter-options{gap:2px}.filter-options button{padding:0 13px;font-size:12px}.works-grid{grid-template-columns:1fr;gap:0}.work-card{min-height:0;padding:24px 0}.work-title{margin-top:14px}.work-title h3{font-size:21px}.work-description{font-size:13px;margin-bottom:16px;max-width:38em}.work-meta{font-size:11px}.about-note{grid-template-columns:auto 1fr;gap:20px;margin-top:48px;padding:30px 0}.about-note>.text-link{grid-column:2;margin-top:-10px;min-height:44px}.about-note h2{font-size:18px}.about-mark{font-size:46px}.site-footer{align-items:flex-start;padding:24px 0;gap:12px}.footer-note{display:block;margin:9px 0 0}.site-footer a{font-size:10px;white-space:nowrap}}
@media(max-width:359px){.page-shell{width:calc(100% - 32px)}.site-header nav{gap:12px}.wordmark{letter-spacing:.02em;font-size:9px}.hero-aside{align-items:flex-start}.hero-aside .text-link{gap:6px;font-size:11px}.secondary-copy{padding:14px 11px}.secondary-copy h3{font-size:16px}.filter-options button{padding:0 11px}.section-caption{display:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .featured-visual img,
  .featured:hover .featured-visual img,
  .secondary-feature:hover img,
  .work-card:hover .work-arrow{transform:none}
}

/* Discovery details remain static content; the only new state is list order. */
.hero-actions { display:flex; flex-direction:column; align-items:flex-start; margin-top:14px; }
.hero-aside .hero-actions .text-link { margin-top:0; min-height:44px; }
.hero-aside .recent-link { color:var(--muted); font-size:12px; font-weight:400; gap:14px; }
.hero-aside .recent-link:hover { color:var(--ink); }
.feature-usage { margin-top:18px; padding-top:14px; border-top:1px solid #526150; color:#c9d8b9; font-size:12px; line-height:1.7; }
.secondary-copy .feature-usage { margin-top:12px; padding-top:10px; border-color:var(--line); color:#4a5a48; font-size:11px; }
.work-description { margin-bottom:10px; }
.work-usage { margin-bottom:20px; color:#3d533d; font-size:12px; line-height:1.7; }
.work-action { display:flex; justify-content:space-between; align-items:center; gap:14px; min-height:44px; margin-top:10px; font-size:12px; font-weight:600; }
.work-action .work-arrow { font-size:20px; }
.filter-bar { display:block; }
#works:focus { outline:none; }
#works:focus-visible .section-heading h2 { outline:2px solid #507923; outline-offset:6px; }
.filter-top { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.filter-bar #filter-status { margin-top:12px; }
.sort-options { display:flex; align-items:center; gap:2px; padding:3px; border:1px solid var(--line); border-radius:9px; }
.sort-options button { min-height:38px; border:0; border-radius:6px; padding:0 12px; background:transparent; color:var(--muted); font-size:12px; white-space:nowrap; }
.sort-options button[aria-pressed=true] { background:#fffdf6; color:var(--ink); box-shadow:0 1px 4px #19271f14; }
.sort-options button:hover { color:var(--ink); }
.protocol-preview { padding:32px 42px; background:linear-gradient(145deg,#e7e5dc,#dedfd2); }
.protocol-sheet { width:100%; padding:28px 32px 22px; background:#f8f5ec; border:1px solid #cdd0bf; border-top:3px solid #849755; box-shadow:0 14px 32px #24331b16; transform:rotate(-1.4deg); }
.protocol-topline { display:flex; justify-content:space-between; gap:12px; color:#586750; font:9px/1.5 ui-monospace,monospace; letter-spacing:.1em; }
.protocol-heading { margin-top:24px; font-size:clamp(25px,2.4vw,36px); line-height:1.4; font-weight:550; letter-spacing:-.025em; }
.protocol-steps { list-style:none; display:grid; gap:10px; margin:24px 0; padding:0; }
.protocol-steps li { display:flex; align-items:baseline; gap:14px; font-size:13px; line-height:1.5; }
.protocol-steps b { color:#6e7e50; font:11px/1.5 ui-monospace,monospace; }
.protocol-message { border-block:1px solid #d4d8c7; padding:13px 0; }
.protocol-message>span { display:block; color:#5d6d55; font-size:10px; margin-bottom:7px; }
.protocol-message p { font-size:13px; line-height:1.7; }
.protocol-caption { margin-top:14px; color:#697461; font-size:9px; line-height:1.6; }
@media(max-width:1000px) {
  .protocol-preview { padding:26px; }
  .protocol-sheet { padding:22px; }
  .protocol-steps li { font-size:12px; }
  .protocol-heading { font-size:25px; }
}
@media(max-width:760px) {
  .hero-actions { margin-top:0; flex-shrink:0; }
  .hero-aside .recent-link { font-size:11px; }
  .feature-usage { margin-top:14px; padding-top:11px; font-size:11px; }
  .secondary-copy .feature-usage { font-size:11px; line-height:1.6; }
  .protocol-preview { padding:22px 28px; }
  .protocol-sheet { padding:16px 18px 13px; }
  .protocol-heading { display:none; }
  .protocol-topline { font-size:8px; }
  .protocol-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:17px 0; }
  .protocol-steps li { display:block; font-size:10px; line-height:1.7; }
  .protocol-steps b { display:block; margin-bottom:5px; font-size:10px; }
  .protocol-message { padding:10px 0; }
  .protocol-message>span { font-size:9px; margin-bottom:4px; }
  .protocol-message p { font-size:11px; }
  .protocol-caption { font-size:8px; margin-top:9px; }
  .filter-top { align-items:flex-start; flex-direction:column; gap:14px; }
  .sort-options button { min-height:40px; }
  .work-action { margin-top:6px; }
}
@media(max-width:359px) {
  .protocol-preview { padding:20px; }
  .protocol-sheet { padding:14px; }
  .protocol-topline { letter-spacing:0; }
}
@media(prefers-reduced-motion:reduce) { .protocol-sheet { transform:none; } }

/* Homepage-only editorial layer: useful details, not duplicate status badges. */
.work-title { margin-top:20px; }
.work-title h3 { line-height:1.45; }
.work-description { margin-bottom:9px; }
.work-usage { margin-bottom:18px; }
.work-meta { justify-content:flex-start; font-size:10px; }
.work-action { margin-top:8px; }

/* An original, code-native cover. The work's original artwork stays intact. */
.sleep-preview {
  position:relative;
  display:grid;
  place-items:center;
  min-height:208px;
  isolation:isolate;
  background:radial-gradient(ellipse at 65% 32%,#313957 0%,#151e34 45%,#0c1426 100%);
}
.sleep-orbit {
  position:absolute;
  width:180px;
  height:180px;
  border:1px solid #d9ddec26;
  border-radius:50%;
  transform:rotate(-24deg) scaleX(.72);
}
.sleep-orbit::after {
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  top:20px;
  left:20px;
  border-radius:50%;
  background:#e2e4d4;
  box-shadow:0 0 18px #e2e4d440;
}
.sleep-moon {
  width:72px;
  height:72px;
  border-radius:50%;
  background:radial-gradient(circle at 68% 30%,#10192b 0 55%,transparent 57%),linear-gradient(130deg,#f3eee3,#9ca7c8);
  box-shadow:-10px 8px 26px #c7d1ff16;
}
.sleep-preview-label {
  position:absolute;
  left:12px;
  right:12px;
  bottom:20px;
  text-align:center;
  color:#c2c9db;
  font:9px/1.5 ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.14em;
}

.updates-section { padding-top:54px; }
.updates-section:focus { outline:none; }
.updates-section:focus-visible h2 { outline:2px solid #507923; outline-offset:6px; }
.updates-list { list-style:none; padding:0; margin:0; border-block:1px solid var(--line); }
.update-item {
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  align-items:start;
  gap:22px;
  padding:20px 0;
}
.update-item + .update-item { border-top:1px solid var(--line); }
.update-date { padding-top:3px; color:var(--muted); font:11px/1.8 ui-monospace,monospace; }
.update-copy h3 { font-size:15px; line-height:1.7; font-weight:600; }
.update-copy p { margin-top:3px; color:var(--muted); font-size:12px; line-height:1.85; }
.update-link { display:inline-flex; align-items:center; gap:18px; min-height:44px; font-size:12px; white-space:nowrap; }
.update-link span { font-size:18px; }
.update-link:hover { color:#587825; }
.updates-note { margin:-6px 0 18px; color:var(--muted); font-size:11px; line-height:1.8; }

@media(max-width:1000px) {
  .sleep-orbit { width:154px; height:154px; }
  .sleep-moon { width:62px; height:62px; }
  .sleep-preview-label { font-size:8px; letter-spacing:.08em; }
}
@media(max-width:760px) {
  /* The first useful action precedes the optional illustration on phones. */
  .featured-copy { order:-1; padding:25px 24px 26px; }
  .featured-copy .feature-action { margin-top:16px; }
  .protocol-preview { padding:18px 24px; }
  .protocol-sheet { padding:13px 16px 11px; transform:none; }
  .protocol-topline,.protocol-message { display:none; }
  .protocol-steps { margin:0; }
  .protocol-caption { margin-top:10px; }
  .sleep-preview { min-height:0; aspect-ratio:1.25; }
  .sleep-orbit { width:112px; height:112px; }
  .sleep-orbit::after { top:12px; left:15px; width:4px; height:4px; }
  .sleep-moon { width:46px; height:46px; margin-top:-8px; }
  .sleep-preview-label { bottom:12px; font-size:7px; letter-spacing:.07em; }
  .updates-section { padding-top:40px; }
  .update-item { grid-template-columns:52px minmax(0,1fr); gap:4px 14px; padding:18px 0; }
  .update-date { font-size:10px; }
  .update-copy h3 { font-size:14px; }
  .update-copy p { font-size:12px; }
  .update-link { grid-column:2; justify-self:start; margin-top:2px; gap:14px; }
  .work-title { margin-top:14px; }
  .work-meta { font-size:10px; }
  .work-usage { margin-bottom:14px; }
}
@media(max-width:359px) {
  .featured-copy { padding:22px 20px; }
  .featured h3 { font-size:29px; }
  .protocol-preview { padding:16px 18px; }
  .protocol-sheet { padding:11px 12px; }
  .sleep-orbit { width:96px; height:96px; }
  .sleep-moon { width:40px; height:40px; }
  .sleep-preview-label { font-size:6.5px; bottom:10px; }
  .update-item { grid-template-columns:46px minmax(0,1fr); gap:4px 12px; }
}