/* 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}}