/* Local preview overrides (2026-10-09). Not part of the live site. */

/* Home, "Autonomous workers" section: heading and quote on the left, body text on the right. */
.s-missing .lead.lead-split{align-items:start}
.s-missing .lead.lead-split>:first-child{grid-column:1/7}
.s-missing .lead.lead-split>:last-child{grid-column:7/13}
.s-missing .lead-split .quote{margin:var(--s2) 0 0 0}
.s-missing .lead-split .quote p{font-size:clamp(24px,2.3vw,38px)}
.s-missing .lead-split .body.serif{max-width:none}
@media (max-width:900px){.s-missing .lead.lead-split>*{grid-column:1/-1!important}}

/* Home, Nenya band (2026-10-12): small like the product page's "Get Nenya" band, on the dark plum ground because it follows the gold Valley section. */
.nm-band{padding:clamp(28px,3.4vw,44px) 0;border-top:1px solid var(--line)}
.nm-in{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.nm-icon{flex:none;width:64px;height:64px;image-rendering:pixelated;border-radius:14px;box-shadow:0 0 0 1px rgba(238,234,227,.28)}
.nm-h{flex:1 1 auto;margin:0;font-size:clamp(28px,3.2vw,48px);line-height:1.05;letter-spacing:-.03em;max-width:none}
.nm-ask{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0}
.nm-ask .btn{border:0;background:var(--chalk);color:var(--plum);box-shadow:inset 4px 4px 10px rgba(255,255,255,.5),inset -5px -6px 12px rgba(0,0,0,.18),0 14px 26px rgba(0,0,0,.35)}
.nm-link{display:inline-flex;gap:8px;align-items:center;font-weight:500;color:var(--chalk);border-bottom:1px solid currentColor;padding-bottom:2px}

/* Home (2026-10-11): no small mono labels. Section labels are real headings; counters and card category
   tags are gone, so the spacing that made room for them is reset. */
.s-missing .legend-h{margin-top:var(--s3);max-width:none}
.s-missing .legend{margin-top:28px}
.plist h3{margin-top:0}
.areas h3{color:var(--fg)}
.areas a{grid-template-columns:1fr auto}
.fu h3{margin-top:0}

/* Hero (2026-10-12, operator): the hero keeps its original formatting (20-hero.css: text halo, full-size title,
   lede and actions in one row), so this file no longer restyles it. */

/* Founders (2026-10-12): wider, slightly smaller statement so it reads in fewer, longer lines; photos take
   a little less width and the section is shorter. */
.s-company.pad{padding:clamp(56px,7vw,104px) 0}
.s-company .co{align-items:center}
.s-company .co-l{grid-column:1/8}
.s-company .co-l .statement{max-width:40ch;font-size:clamp(22px,2.1vw,32px);line-height:1.3;text-wrap:pretty}
.s-company .founders{grid-column:8/13}

/* Home, Horizons heading (2026-10-12): wider so "Beyond the Horizon: ..." sets in fewer lines. */
.hz-head .h2{max-width:24ch}

/* Home, Careers (2026-10-12): body text and buttons sit beside the title instead of below it, so the section is shorter. */
.s-careers .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s1) var(--gut);align-items:center}
.s-careers .cbig{grid-column:1/7;margin:0}
.s-careers .crow{grid-column:7/13;grid-template-columns:minmax(0,1fr);margin-top:0}
.s-careers .crow>*{grid-column:1/-1}
@media (max-width:900px){.s-careers .cbig,.s-careers .crow{grid-column:1/-1}}

/* Home, "1 hour to 1 century" ruler (2026-10-12): the ruler holds still in the middle of the window while it pans,
   so the pan takes most of a screen of scrolling instead of 200 to 300px. The runway wrapper gives it room to stay
   put; --pin centres it (ruler height = lens + 110px of overview, gap and padding). */
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
  .ruler-runway{--run:clamp(560px,90svh,960px);--pin:max(var(--nav-h),calc(var(--nav-h) + (100dvh - var(--nav-h) - clamp(248px,29vw,440px) - 110px) / 2));
    view-timeline:--horizon;view-timeline-inset:var(--nav-h) 0}
  .ruler-runway::after{content:"";display:block;height:var(--run)}
  .ruler-runway .ruler{position:sticky;top:var(--pin);view-timeline:none}
  .ruler-runway .ruler-span,.ruler-runway .ruler-fill{animation-range:cover calc(100dvh - var(--pin)) cover calc(100dvh - var(--pin) + var(--run))}
}}

/* Company page subheader (2026-10-12): same two lines as the landing hero, wide enough that the second holds. */
.w6-company-head .deck{max-width:64ch}

/* Careers problems (2026-10-12): the 01-06 counters are gone, so the title and description take the full row
   (careers.html links this file for it). */
.w6-jobs li{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}
@media (max-width:700px){.w6-jobs li{grid-template-columns:minmax(0,1fr)}.w6-jobs li>div{grid-column:auto}}

/* Research areas (2026-10-12): the 01-06 numbers are gone, so each entry is text plus arrow
   (research.html links this file for it). */
.area-entry{grid-template-columns:minmax(0,1fr) 20px}
@media (max-width:600px){.area-entry{grid-template-columns:minmax(0,1fr) 18px}}

/* Home hero (2026-10-27): centred, with the install command in a pill under the calls to action. */
.hero .copy{text-align:center}
.hero-h1{margin-left:0}
.hero-hint,.hero .status{margin-inline:auto}
.hero .row{flex-direction:column;align-items:center}
.hero .ctas{justify-content:center}
.hero .install{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;max-width:100%;height:44px;margin-top:22px;padding:0 5px 0 20px;border-radius:999px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(35,31,43,.14),0 1px 2px rgba(35,31,43,.06)}
.hero .install code{font-size:14px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:all}
.hero .install code::before{content:"$";margin-right:.65em;opacity:.4;user-select:none}
.hero .install .copy-cmd{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--plum);cursor:pointer;transition:background .2s}
.hero .install .copy-cmd:hover{background:rgba(35,31,43,.07)}
.hero .install .copy-cmd:active{background:rgba(35,31,43,.12)}
.hero .install .copy-cmd:focus-visible{outline:2px solid var(--plum);outline-offset:1px}
.hero .install svg{grid-area:1/1;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s,transform .3s var(--ease)}
.hero .install .i-done{opacity:0;transform:scale(.6)}
.hero .install .copy-cmd[data-copied] .i-copy{opacity:0;transform:scale(.6)}
.hero .install .copy-cmd[data-copied] .i-done{opacity:1;transform:none}
@media (max-width:900px){.hero .install{margin-top:18px;padding-left:16px}.hero .install code{font-size:13px}}

/* Research (2026-10-27), in the labs' pattern: a paper opens with a one-sentence dek under its title and, when the paper
   is released, "Read the paper"; the home areas list carries each area's paper count (the paper pages link this file). */
.paper-head .paper-dek{margin-top:22px;max-width:40ch;font-size:var(--fs-deck);line-height:1.4}
.paper-head .paper-read{margin-top:18px;font-size:var(--fs-small);font-weight:540}
.paper-head .paper-read a{border-bottom:1px solid currentColor;padding-bottom:2px}
.paper-head .paper-read .arr{display:inline-block;transition:transform .25s var(--ease)}
.paper-head .paper-read a:hover .arr{transform:translateX(3px)}
/* The six areas are the "Six problems" section's; the research block lists papers across the full width. */
.s-research .rgrid .register{grid-column:1/-1}
.s-research .rgrid .research-all{grid-column:1/-1;padding-top:8px}
.s-research .research-all .more{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500}

/* Legal pages (2026-10-27): the paper reading layout, with the headings, lists and tables legal text needs. */
.legal-doc .text h2{font:600 var(--fs-small)/1.4 var(--sans);letter-spacing:.04em;margin:2.6em 0 1em}
.legal-doc .text h2:first-child{margin-top:0}
.legal-doc .text h3{margin:1.8em 0 .6em;font:600 var(--fs-body)/1.4 var(--sans)}
.legal-doc .text ul,.legal-doc .text ol{margin:1em 0;padding-left:1.3em}
.legal-doc .text ul{list-style:disc}
.legal-doc .text ol{list-style:decimal}
.legal-doc .text li{margin:.45em 0}
.legal-doc .text li+li{margin-top:.45em}
.legal-doc .text a{text-decoration:underline;text-underline-offset:2px}
.legal-doc .text table{display:block;max-width:100%;overflow-x:auto;margin:1.4em 0;border-collapse:collapse;font-size:var(--fs-small)}
.legal-doc .text th,.legal-doc .text td{padding:10px 16px 10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.legal-doc .text th{font-weight:600}
.legal-doc .text code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
.legal-doc .toc a{text-transform:none}