/* Specialized page features, deduplicated and scoped. Shared presentation lives in site.css. */
:is(.page-index) {
      --paper: #f3f0e8;
      --paper-2: #e9e4d8;
      --ink: #17211b;
      --muted: #59635c;
      --line: #b9b9aa;
      --green: #1f5639;
      --acid: #d8f36b;
      --rust: #b84a2d;
      --max: 1180px;
      --head: var(--header-h, 76px);
      --hero-frame: clamp(.65rem, 1.3vw, 1.5rem);
      --hero-gutter: clamp(1rem, 3.5vw, 3.5rem);
      --pad: max(
        calc(var(--hero-frame) + var(--hero-gutter)),
        calc((100vw - var(--max)) / 2)
      );
      --serif: Georgia, "Times New Roman", serif;
      --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --ease: cubic-bezier(.45, 0, .55, 1); 
      --ease-out: cubic-bezier(.16, 1, .3, 1); 
    }

:is(.page-index) {
      margin: 0;
      color: var(--ink);
      background:
        radial-gradient(circle at 82% 8%, rgba(216, 243, 107, .34), transparent 24rem),
        var(--paper);
      font-family: var(--sans);
      font-size: 17px;
      line-height: 1.55;
    }

:is(.page-index) a:focus-visible,
:is(.page-index) button:focus-visible,
:is(.page-index) input:focus-visible,
:is(.page-index) textarea:focus-visible,
:is(.page-index) select:focus-visible {
      outline: 3px solid var(--rust);
      outline-offset: 3px;
    }

:is(.page-index) .wrap { width: min(calc(100% - var(--pad) * 2), var(--max)); margin: 0 auto; }

:is(.page-index) .eyebrow {
      margin: 0 0 1rem;
      font-size: .77rem;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

:is(.page-index) .site-head { background: var(--paper); }

@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: scroll()) {
:is(.page-index) { timeline-scope: --intro; }
:is(.page-index) .site-head {
          position: sticky;
          top: 0;
          z-index: 50;
          animation: head-fade var(--ease) both;
          animation-timeline: --intro;
          animation-range: contain 52% contain 100%; 
        }
@media (max-width: 800px) {
:is(.page-index) .site-head {
            animation-range: contain 70% contain 100%; 
          }
}
}
}

@keyframes head-fade { to { opacity: 0; pointer-events: none; } }

:is(.page-index) .hero {
      
      --pin: 124svh;        
      --lead-drift: -.60;   
      --lead-creep: -.10;   
      --dim-max: 1;         
      --cap-gap: 3.4rem;    
      --sub-in: .72;        
      --sub-lag: 28svh;     
      --sub-rest: 28svh;    
      
      --band: clamp(15rem, 66.667vw, calc(100svh - var(--head)));
      --frame: calc(100svh - var(--head));
      position: relative;
      isolation: isolate;
      width: 100vw;
      min-height: 100svh;
      margin-inline: calc(50% - 50vw);
      padding-top: 0;
      padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
      padding-inline: var(--pad);
      color: var(--paper);
      background: #0b100d;
    }

:is(.page-index) .hero-art {
      position: relative;
      z-index: 0;
      overflow: hidden;
      margin-top: -4px;
      height: calc(var(--frame) + 4px);
      width: calc(100% + var(--pad) * 2);
      margin-inline: calc(var(--pad) * -1);
    }

:is(.page-index) .hero-pan {
      position: relative;
      width: 100%;
      height: 100%;
    }

:is(.page-index) .hero-media {
      position: absolute;
      top: 4px;
      left: 0;
      right: 0;
      display: block;
      width: 100%;
      height: var(--band);
      object-fit: cover;
      object-position: center top;
    }

:is(.page-index) html.js .hero-media { opacity: 0; transition: opacity .9s ease; }

:is(.page-index) html.js .hero-media.is-live { opacity: 1; }

:is(.page-index) .hero-veil {
      position: absolute;
      top: 4px;
      left: 0;
      right: 0;
      height: var(--band);
      background: linear-gradient(180deg, rgba(11, 16, 13, 0) 46%, rgba(11, 16, 13, .28) 70%, rgba(11, 16, 13, .72) 88%, #0b100d 100%);
      pointer-events: none;
    }

:is(.page-index) .hero-dim {
      position: absolute;
      top: 4px;
      left: 0;
      right: 0;
      height: var(--band);
      background: #0b100d;
      opacity: 0;
      pointer-events: none;
    }

:is(.page-index) .hero::after {
      position: absolute;
      z-index: 3;
      inset: var(--hero-frame);
      content: "";
      border: 1px solid rgba(206, 169, 88, .38);
      pointer-events: none;
    }

:is(.page-index) .hero > div { position: relative; z-index: 1; }

@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: view()) {
:is(.page-index) .hero-row {
          animation: hero-rise var(--ease) both;
          animation-timeline: view();
          animation-range: entry 0% entry 80%;
        }
}
}

@keyframes cross-out { from { opacity: 1; } to { opacity: 0; } }

@keyframes cross-in { from { opacity: 0; } to { opacity: 1; } }

@keyframes dim-in { to { opacity: var(--dim-max); } }

@keyframes headline-in { from { opacity: .2; } to { opacity: 1; } }

@keyframes lead-lift {
      0% { transform: translateY(0); }
      52% { transform: translateY(calc(var(--band) * var(--lead-drift))); }
      100% { transform: translateY(calc(var(--band) * (var(--lead-drift) + var(--lead-creep)))); }
    }

@keyframes lead-dock {
      0% { transform: translateY(0); }
      70%, 100% { transform: translateY(var(--dock)); }
    }

@keyframes hero-rise {
      from { opacity: 0; }
      to { opacity: 1; }
    }

@keyframes sub-lag {
      0% { transform: translateY(var(--sub-lag)); }
      86% { transform: translateY(var(--sub-rest)); }
      100% { transform: translateY(var(--sub-rest)); }
    }

:is(.page-index) .hero-lead { position: relative; z-index: 1; min-width: 0; margin-top: calc(var(--frame) * -1); padding-top: calc(var(--band) - var(--cap-gap)); }

@media (max-width: 800px) {
:is(.page-index) .hero {
        --pin: 180svh;        
        --band: var(--frame);   
        --dim-max: 1;           
        --dock-inset: 1.15rem;
        --dock: calc(var(--cap-gap) + var(--dock-inset) - var(--band));
        --sub-in: .86;        
        --sub-lag: 20svh;     
        --sub-rest: 0;        
        --copy-gap: clamp(6.5rem, 30vw, 7.5rem); 
      }
:is(.page-index) .hero-row { margin-top: var(--copy-gap); }
:is(.page-index) .hero-art {
        overflow: hidden;
        touch-action: pan-y;
      }
:is(.page-index) .hero-pan {
        width: 150svh;
        height: 100%;
        transform: translate3d(var(--pan-x, 0px), 0, 0);
      }
:is(.page-index) .hero-media {
        top: 0;
        right: auto;
        width: 100%;
        height: 100%;
        object-position: center 50%;
      }
:is(.page-index) .hero-lead { pointer-events: none; }
}

@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: scroll()) {
:is(.page-index) .hero-art {
          position: sticky;
          top: 0;
          margin-top: calc(var(--head) * -1);
          height: 100svh;
        }
:is(.page-index) .hero-media {
          top: var(--head);
        }
:is(.page-index) .hero-veil,
:is(.page-index) .hero-dim {
          top: 0;
          height: 100svh;
        }
@media (max-width: 800px) {
:is(.page-index) .hero-media {
            top: 0;
            height: 100%;
          }
:is(.page-index) .hero-veil,
:is(.page-index) .hero-dim {
            top: 0;
            height: 100svh;
          }
}
:is(.page-index) .hero .hero-row {
          
          margin-top: calc(var(--sub-rest) + clamp(1.25rem, 2.5vw, 2rem) - (var(--frame) - var(--band)));
        }
:is(.page-index) .hero-dim {
          animation: dim-in var(--ease) both;
          animation-timeline: --intro;
          animation-range: contain 52% contain 100%; 
        }
:is(.page-index) .hero-pin {
          height: calc(100svh + var(--pin));
          view-timeline-name: --intro;
          view-timeline-axis: block;
          
          view-timeline-inset: var(--head) 0;
        }
:is(.page-index) .hero-lead {
          position: sticky;
          top: var(--head);
          height: calc(100svh - var(--head));
          margin-top: calc(var(--frame) * -1);
          padding-top: calc(var(--band) - var(--cap-gap));
          animation: lead-lift var(--ease) both;
          animation-timeline: --intro;
          animation-range: contain 0% contain 100%;
        }
:is(.page-index) .hero-lead .hero-badge .hero-note {
          display: block;
          opacity: 1;
          animation: cross-out var(--ease) both;
          animation-timeline: --intro;
          animation-range: contain 4% contain 22%; 
        }
:is(.page-index) .hero-lead .hero-badge .hero-mark {
          animation: cross-in var(--ease) both;
          animation-timeline: --intro;
          animation-range: contain 7% contain 25%; 
        }
:is(.page-index) .hero-subtitle {
          animation: sub-lag var(--ease-out) both;
          animation-timeline: --intro;
          animation-range: contain 52% contain 100%; 
        }
:is(.page-index) .hero-lead h1 {
          margin: 0;
          
          max-width: none;
          text-wrap: normal;
          font-size: min(
            18vw,
            calc((100svh - var(--head) - var(--band) * .40 + var(--cap-gap) - 2rem) / 2.95),
            calc(var(--max) / 4.5)
          );
          opacity: .2;
          animation: headline-in var(--ease) both;
          animation-timeline: --intro;
          animation-range: contain 0% contain 46%; 
        }
@media (max-width: 800px) {
:is(.page-index) .hero-dim {
            animation-range: contain 70% contain 100%; 
          }
:is(.page-index) .hero-lead {
            animation-name: lead-dock;
          }
:is(.page-index) .hero-subtitle {
            animation-range: contain 70% contain 100%; 
          }
:is(.page-index) .hero .hero-row { margin-top: var(--copy-gap); }
}
}
}

:is(.page-index) .hero-row {
      display: grid;
      grid-template-columns: 1fr;
      gap: clamp(1.5rem, 3vw, 2.5rem);
      align-items: start;
      margin-top: clamp(1.25rem, 2.5vw, 2rem);
    }

:is(.page-index) .hero-copy { max-width: 46rem; }

:is(.page-index) .hero-badge { display: grid; align-items: end; margin-bottom: .9rem; }

:is(.page-index) .hero-badge > * { grid-area: 1 / 1; margin: 0; }

:is(.page-index) .hero-note {
      max-width: 40rem;
      color: #cdd4cd;
      font-size: clamp(.66rem, 2.35vw, .77rem);
      font-weight: 700;
      letter-spacing: .1em;
      line-height: 1.5;
      text-transform: uppercase;
      opacity: 1;
      text-shadow: 0 1px 10px rgba(0, 0, 0, .95), 0 0 26px rgba(0, 0, 0, .7);
    }

:is(.page-index) .hero-badge .hero-mark { opacity: 0; }

:is(.page-index) .hero-note em { color: var(--acid); font-style: normal; }

:is(.page-index) h1,
:is(.page-index) h2,
:is(.page-index) blockquote,
:is(.page-index) .lens-statement { font-family: var(--serif); }

:is(.page-index) h1 {
      max-width: 11.5ch;
      margin: 0;
      font-size: clamp(3.9rem, 6.5vw, 6.75rem);
      font-weight: 400;
      letter-spacing: -.065em;
      line-height: .88;
      text-wrap: balance;
    }

:is(.page-index) h1 em { color: var(--acid); font-weight: 400; }

:is(.page-index) .hero h1 { opacity: .2; text-shadow: 0 2px 26px rgba(0, 0, 0, .78), 0 0 64px rgba(0, 0, 0, .5); }

:is(.page-index) .hero .eyebrow { color: var(--acid); }

:is(.page-index) .hero-mark {
      white-space: nowrap;
      text-shadow: 0 1px 10px rgba(0, 0, 0, .95), 0 0 26px rgba(0, 0, 0, .7);
      font-size: clamp(.5rem, 2.35vw, .77rem);
    }

:is(.page-index) .hero-subtitle {
      position: relative;
      z-index: 0;
      max-width: 640px;
      margin: calc(var(--pin) * var(--sub-in)) 0 1.5rem;
      color: #ece9df;
      font-size: clamp(1.05rem, 1.45vw, 1.3rem);
      line-height: 1.45;
      text-shadow: 0 1px 16px rgba(0, 0, 0, .8);
    }

:is(.page-index) .hero-copy {
      min-width: 0;
      width: 100%;
      padding: clamp(1.35rem, 2.25vw, 1.75rem);
      border: 1px solid rgba(206, 169, 88, .42);
      background: rgba(7, 12, 9, .7);
      box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
      backdrop-filter: blur(8px);
    }

:is(.page-index) .hero-copy p { margin: 0 0 1rem; color: #ece9df; font-size: clamp(1rem, 1.15vw, 1.12rem); }

:is(.page-index) .hero-copy p:first-child { font-size: clamp(1.08rem, 1.35vw, 1.25rem); }

:is(.page-index) .hero-copy p:last-of-type { margin-bottom: 0; }

:is(.page-index) .hero-copy strong { color: var(--acid); }

:is(.page-index) .hero .button { border-color: var(--acid); color: var(--ink); background: var(--acid); }

:is(.page-index) .hero .button.secondary { border-color: rgba(243, 240, 232, .7); color: var(--paper); background: rgba(5, 9, 7, .42); }

:is(.page-index) .actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }

:is(.page-index) .button {
      display: inline-flex;
      min-height: 48px;
      align-items: center;
      justify-content: center;
      padding: .85rem 1.1rem;
      border: 1px solid var(--ink);
      color: var(--paper);
      background: var(--ink);
      font-weight: 800;
      text-decoration: none;
    }

:is(.page-index) .button.secondary { color: var(--ink); background: transparent; }

:is(.page-index) .statement {
      padding: clamp(3rem, 5vw, 5rem) 0;
      color: var(--paper);
      background: var(--green);
    }

:is(.page-index) .statement h2 { max-width: 18em; margin: 0 0 1.25rem; font-size: clamp(2rem, 3.6vw, 3.4rem); }

:is(.page-index) .moloch-intro,
:is(.page-index) .moloch-mechanism,
:is(.page-index) .moloch-scope {
      max-width: 36rem;
      color: #c9d5cd;
      line-height: 1.65;
    }

:is(.page-index) .moloch-intro { margin: 0 0 2rem; }

:is(.page-index) .moloch-lenses { max-width: 42rem; border-top: 1px solid rgba(255,255,255,.3); }

:is(.page-index) .moloch-lens { display: grid; grid-template-columns: 7.2rem minmax(0, 1fr); gap: .85rem 1.25rem; padding: 1.35rem 0; border-bottom: 1px solid rgba(255,255,255,.3); }

:is(.page-index) .moloch-lens h3 { margin: .2rem 0 0; color: var(--acid); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }

:is(.page-index) .moloch-lens p,
:is(.page-index) .moloch-lens blockquote,
:is(.page-index) .moloch-lens .lens-statement { margin: 0; }

:is(.page-index) .moloch-lens blockquote,
:is(.page-index) .moloch-lens .lens-statement { max-width: 22em; font-size: clamp(1.15rem, 1.55vw, 1.45rem); line-height: 1.35; letter-spacing: -.02em; }

:is(.page-index) .moloch-lens cite { display: block; margin-top: .65rem; max-width: 36rem; color: #c9d5cd; font-size: .8rem; font-style: normal; line-height: 1.45; }

:is(.page-index) .moloch-lens a { color: inherit; text-underline-offset: 3px; }

:is(.page-index) .moloch-mechanism { margin: 2rem 0 0; }

:is(.page-index) .moloch-scope { margin: 1.35rem 0 0; }

:is(.page-index) .moloch-scope a { text-underline-offset: 3px; }

:is(.page-index) .reading { padding: clamp(5rem, 9vw, 8rem) 0; color: var(--paper); background: #0b100d; }

:is(.page-index) .reading .eyebrow { color: var(--acid); }

:is(.page-index) .reading h2 { max-width: 24ch; }

:is(.page-index) .reading-intro { max-width: 860px; margin: 1.5rem 0 2.5rem; color: #c8cec9; font-size: clamp(1.1rem, 1.8vw, 1.4rem); }

:is(.page-index) .reading-figure { margin: 0 0 1.5rem; }

:is(.page-index) .reading-figure img { display: block; width: 100%; height: auto; border: 1px solid rgba(206, 169, 88, .38); }

:is(.page-index) .reading-figure figcaption { margin: .65rem 0 0; color: #9da89f; font-size: .78rem; }

:is(.page-index) .reading-panels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }

:is(.page-index) .reading-panel { padding: 1.25rem; border: 1px solid #37423a; background: #121a15; }

:is(.page-index) .reading-panel.is-league { border-color: var(--acid); }

:is(.page-index) .reading-panel h3 { margin: 0 0 .9rem; color: var(--acid); font-family: var(--serif); font-size: 1.35rem; font-weight: 400; }

:is(.page-index) .reading-panel h3 span { display: block; margin-bottom: .5rem; color: #9da89f; font-family: var(--sans); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

:is(.page-index) .reading-panel p { margin: 0; color: #dbe0dc; font-size: .92rem; }

:is(.page-index) .reading-outro { max-width: 860px; margin: 2.5rem 0 0; color: #c8cec9; }

:is(.page-index) .reading-outro a { text-underline-offset: 3px; }

:is(.page-index) .library { padding: clamp(5rem, 9vw, 8rem) 0; border-bottom: 1px solid var(--line); background: var(--paper-2); }

:is(.page-index) .library h2 { max-width: 22ch; }

:is(.page-index) .library-intro { max-width: 860px; margin: 1.5rem 0 2.75rem; font-size: clamp(1.1rem, 1.8vw, 1.4rem); }

:is(.page-index) .library-start-title { margin: 0 0 1rem; font-size: 1.3rem; }

:is(.page-index,.page-library-index) .library-start { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 1rem; margin: 0 0 3rem; }

:is(.page-index) .library-pick { padding: 1.25rem; border: 1px solid var(--line); background: var(--paper); }

:is(.page-index,.page-library-index) .library-pick.is-founding { border-color: var(--green); }

:is(.page-index,.page-library-index) .library-kind { margin: 0 0 .6rem; color: var(--muted); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

:is(.page-index) .library-pick h4 { margin: 0 0 .35rem; font-family: var(--serif); font-size: 1.35rem; font-weight: 400; }

:is(.page-index,.page-library-index) .library-pick h4 a { color: var(--green); text-underline-offset: 3px; }

:is(.page-index,.page-library-index) .library-byline { margin: 0 0 .6rem; color: var(--muted); font-size: .8rem; }

:is(.page-index,.page-library-index) .library-pick .library-note { margin: 0; max-width: none; }

:is(.page-index) .library-note { margin: .3rem 0 0; color: var(--muted); font-size: .92rem; }

:is(.page-index) .library-cta { display: flex; align-items: center; gap: 1.5rem; margin-top: .5rem; }

:is(.page-index) .library-cta p { margin: 0; max-width: 34rem; color: var(--muted); font-size: .92rem; }

:is(.page-index) .library-cta p a { text-underline-offset: 3px; }

:is(.page-index) .section { padding: clamp(5rem, 9vw, 8rem) 0; border-bottom: 1px solid var(--line); }

:is(.page-index) .section-grid { display: grid; grid-template-columns: 1fr 2fr; gap: clamp(2rem, 7vw, 7rem); }

:is(.page-index) h2 { margin: 0; font-size: clamp(2.5rem, 5vw, 5rem); line-height: 1; letter-spacing: -.045em; font-weight: 400; }

:is(.page-index) .lead { margin: 0 0 2.5rem; max-width: 730px; font-size: clamp(1.2rem, 2vw, 1.55rem); }

:is(.page-index) .principles { display: grid; border-top: 1px solid var(--line); }

:is(.page-index) .principle { padding: 1.5rem 0 2rem; border-bottom: 1px solid var(--line); }

:is(.page-index) .principle h3 { margin: 0 0 .65rem; font-size: 1.3rem; }

:is(.page-index) .principle p { margin: 0; color: var(--muted); }

:is(.page-index) .rituals { display: grid; gap: 0; border-top: 1px solid var(--line); }

:is(.page-index) .ritual { display: grid; grid-template-columns: 130px 1fr; gap: 1rem; padding: 1.35rem 0; border-bottom: 1px solid var(--line); }

:is(.page-index) .ritual strong { color: var(--green); }

:is(.page-index) .measure { padding: clamp(3.5rem, 6vw, 5.5rem) 0; border-bottom: 1px solid var(--line); background: #e9eadf; }

:is(.page-index) .measure-grid { display: grid; grid-template-columns: 1fr 2fr; gap: clamp(2rem, 7vw, 7rem); }

:is(.page-index) .measure h2 { max-width: 520px; font-size: clamp(2.4rem, 4.5vw, 4.5rem); }

:is(.page-index) .measure-copy > p { max-width: 760px; margin: 0 0 1.75rem; font-size: clamp(1.05rem, 1.7vw, 1.3rem); }

:is(.page-index) .measure-lines { border-top: 1px solid var(--line); }

:is(.page-index) .measure-line { display: grid; grid-template-columns: 130px 1fr; gap: 1rem; padding: .9rem 0; border-bottom: 1px solid var(--line); }

:is(.page-index) .measure-line strong { color: var(--green); }

:is(.page-index) .model {
      padding: clamp(5rem, 9vw, 8rem) 0;
      color: var(--paper);
      background: #111915;
    }

:is(.page-index) .model h2 { color: var(--acid); }

:is(.page-index) .model-intro { max-width: 900px; margin: 1.5rem 0 1rem; color: #c8cec9; font-size: clamp(1.1rem, 1.8vw, 1.4rem); }

:is(.page-index) .model-caveat { max-width: 900px; margin: 0 0 2.5rem; padding-left: 1rem; border-left: 3px solid var(--acid); color: #dbe0dc; }

:is(.page-index) .crossover-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0 0 2.5rem; }

:is(.page-index) .crossover-case { padding: 1.25rem; border: 1px solid #465149; background: #17211b; }

:is(.page-index) .crossover-case h3 { margin: 0 0 1rem; color: var(--acid); font-family: var(--serif); font-size: 1.35rem; font-weight: 400; }

:is(.page-index) .crossover-case dl { margin: 0; }

:is(.page-index) .crossover-case dt { margin-top: .9rem; color: #9da89f; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

:is(.page-index) .crossover-case dt:first-child { margin-top: 0; }

:is(.page-index) .crossover-case dd { margin: .25rem 0 0; color: #dbe0dc; font-size: .92rem; }

:is(.page-index) .model-card { padding: clamp(1rem, 2.5vw, 2rem); border: 1px solid #465149; background: #17211b; }

:is(.page-index) .model-metrics { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 1.5rem; border: 1px solid #465149; }

:is(.page-index) .metric { padding: 1rem; border-right: 1px solid #465149; }

:is(.page-index) .metric:last-child { border-right: 0; }

:is(.page-index) .metric span { display: block; color: #9da89f; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

:is(.page-index) .metric strong { display: block; margin-top: .25rem; color: var(--acid); font-family: var(--serif); font-size: clamp(1.5rem, 3vw, 2.4rem); font-weight: 400; }

:is(.page-index) .chart-wrap { overflow-x: auto; background: var(--paper); }

:is(.page-index) #coordination-chart { display: block; width: 100%; min-width: 680px; height: auto; }

:is(.page-index) .chart-legend { display: flex; flex-wrap: wrap; gap: 1.2rem; margin: 1rem 0 0; color: #c8cec9; font-size: .82rem; }

:is(.page-index) .legend-gloss { max-width: 760px; margin: .5rem 0 0; color: #9da89f; font-size: .78rem; }

:is(.page-index) .legend-key { display: inline-flex; align-items: center; gap: .45rem; }

:is(.page-index) .legend-line { width: 28px; height: 3px; background: #4f9a72; }

:is(.page-index) .legend-line.visible { background: #f1906f; }

:is(.page-index) .legend-line.social { height: 0; border-top: 2px dashed #98a39a; background: transparent; }

:is(.page-index) .model-controls { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem 2rem; margin-top: 2.5rem; }

:is(.page-index) .model-control { display: grid; grid-template-columns: 1fr auto; gap: .45rem 1rem; align-items: center; color: #dbe0dc; font-size: .78rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }

:is(.page-index) .model-control output { color: var(--acid); font-variant-numeric: tabular-nums; }

:is(.page-index) .model-control input { grid-column: 1 / -1; min-height: 24px; padding: 0; border: 0; accent-color: var(--acid); background: transparent; }

:is(.page-index) .model-note { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 2.5rem; }

:is(.page-index) .model-note p { margin-top: 0; color: #c8cec9; }

:is(.page-index) .equation { padding: 1rem; border-left: 3px solid var(--acid); color: var(--paper); background: #202c25; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; overflow-wrap: anywhere; }

:is(.page-index) .model details { margin-top: 1.5rem; color: #aeb8b0; }

:is(.page-index) .model summary { min-height: 44px; cursor: pointer; color: var(--paper); font-weight: 800; }

:is(.page-index) .model-sandbox > summary {
      display: flex;
      align-items: center;
      width: fit-content;
      min-height: 52px;
      padding: .8rem 1rem;
      border: 1px solid var(--acid);
      color: var(--ink);
      background: var(--acid);
    }

:is(.page-index) .model-sandbox[open] > summary { margin-bottom: 1.5rem; }

:is(.page-index) .model-sources { margin-top: 1.5rem; color: #8f9b92; font-size: .78rem; }

:is(.page-index) .model-sources a { text-underline-offset: 3px; }

:is(.page-index) .example {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      padding: clamp(5rem, 9vw, 8rem) 0;
      background: var(--acid);
    }

:is(.page-index) .example .wrap { display: contents; }

:is(.page-index) .example-inner { width: min(calc(100vw - 40px), var(--max)); margin: 0 auto; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 8vw, 8rem); }

:is(.page-index) .example p { max-width: 590px; }

:is(.page-index) .example a { font-weight: 900; text-underline-offset: 4px; }

:is(.page-index) .latest { padding: clamp(4rem, 8vw, 7rem) 0; border-bottom: 1px solid var(--line); background: #e9eadf; }

:is(.page-index) .latest-head { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .65fr); gap: clamp(1.5rem, 6vw, 6rem); align-items: end; margin-bottom: 2.5rem; }

:is(.page-index) .latest-head h2 { max-width: 18ch; }

:is(.page-index) .latest-head p { max-width: 31rem; margin: 0; color: var(--muted); font-size: 1.06rem; }

:is(.page-index) .latest-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }

:is(.page-index) .latest-card { display: flex; flex-direction: column; min-width: 0; padding: 1.35rem; border: 1px solid var(--line); background: var(--paper); }

:is(.page-index) .latest-kind { margin: 0 0 .85rem; color: var(--muted); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

:is(.page-index) .latest-card h3 { margin: 0 0 .75rem; font-family: var(--serif); font-size: 1.5rem; font-weight: 400; line-height: 1.08; }

:is(.page-index) .latest-card h3 a { color: var(--green); text-underline-offset: 3px; }

:is(.page-index) .latest-card p:last-child { margin: 0; color: var(--muted); }

:is(.page-index) .text-link { display: inline-flex; gap: .45rem; margin-top: 1.5rem; color: var(--green); font-weight: 900; text-underline-offset: 4px; }

:is(.page-index) .join { padding: clamp(5rem, 9vw, 8rem) 0; background: var(--ink); color: var(--paper); }

:is(.page-index) .join-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 8vw, 8rem); }

:is(.page-index) .join h2 { color: var(--acid); }

:is(.page-index) .join p { color: #c8cec9; }

:is(.page-index) form { display: grid; gap: 1rem; }

:is(.page-index) label { display: grid; gap: .4rem; font-size: .8rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }

:is(.page-index) input,
:is(.page-index) textarea,
:is(.page-index) select {
      width: 100%;
      min-height: 50px;
      border: 1px solid #667068;
      border-radius: 0;
      padding: .8rem;
      color: var(--paper);
      background: #202c25;
      font: inherit;
    }

:is(.page-index) textarea { min-height: 110px; resize: vertical; }

:is(.page-index) fieldset { display: grid; gap: .6rem; margin: 0; padding: 1rem; border: 1px solid #667068; }

:is(.page-index) legend { padding: 0 .35rem; font-size: .8rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }

:is(.page-index) .choice,
:is(.page-index) .consent { display: flex; align-items: flex-start; gap: .65rem; min-height: 26px; font-size: .9rem; font-weight: 650; letter-spacing: 0; line-height: 1.4; text-transform: none; }

:is(.page-index) .choice input,
:is(.page-index) .consent input { flex: 0 0 auto; width: 1.05rem; min-height: 1.05rem; margin: .15rem 0 0; accent-color: var(--acid); }

:is(.page-index) input::placeholder,
:is(.page-index) textarea::placeholder { color: #b7c0b9; opacity: 1; }

:is(.page-index) form .button { border-color: var(--acid); color: var(--ink); background: var(--acid); cursor: pointer; }

:is(.page-index) form .button:hover { background: #e4f78f; }

:is(.page-index) .fine { font-size: .78rem; color: #9ca59e; }

@media (max-width: 860px) {
:is(.page-index) nav a:first-child { margin-left: -.4rem; }
}

@media (max-width: 800px) {
:is(.page-index) .hero h1 { max-width: none; font-size: clamp(3.85rem, 18vw, 6rem); line-height: .88; }
:is(.page-index) .hero-subtitle { max-width: 33rem; font-size: 1rem; }
:is(.page-index) .hero-copy { padding: 1rem 1.1rem; backdrop-filter: blur(5px); }
:is(.page-index) .hero-copy p { margin-bottom: .8rem; font-size: 1rem; }
:is(.page-index) .hero .actions { margin-top: 1.15rem; }
:is(.page-index) .section-grid,
:is(.page-index) .measure-grid,
:is(.page-index) .join-grid,
:is(.page-index) .example-inner,
:is(.page-index) .model-note,
:is(.page-index) .crossover-cases,
:is(.page-index) .reading-panels,
:is(.page-index) .library-start,
:is(.page-index) .latest-head,
:is(.page-index) .latest-grid { grid-template-columns: 1fr; }
:is(.page-index) .library-cta { flex-direction: column; align-items: flex-start; gap: 1rem; }
:is(.page-index) .moloch-lens { grid-template-columns: 1fr; gap: .45rem; }
:is(.page-index) .model-metrics { grid-template-columns: 1fr; }
:is(.page-index) .metric { border-right: 0; border-bottom: 1px solid #465149; }
:is(.page-index) .metric:last-child { border-bottom: 0; }
:is(.page-index) .model-controls { grid-template-columns: 1fr; }
:is(.page-index) .ritual { grid-template-columns: 90px 1fr; }
}

@media (prefers-reduced-motion: reduce) {
:is(.page-index) { scroll-behavior: auto; }
:is(.page-index) .hero h1 { opacity: 1; }
:is(.page-index) .hero-badge .hero-mark { opacity: 1; }
:is(.page-index) .hero-badge .hero-note { display: none; }
}

:is(.page-library-index) {
      --paper: #f3f0e8;
      --paper-2: #e9e4d8;
      --ink: #17211b;
      --muted: #59635c;
      --line: #b9b9aa;
      --green: #1f5639;
      --acid: #d8f36b;
      --rust: #b84a2d;
      --max: 1080px;
      --serif: Georgia, "Times New Roman", serif;
      --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

:is(.page-library-index) .lede { max-width: 46rem; margin: 0 0 .85rem; }

:is(.page-library-index) .lede.secondary { color: var(--muted); }

:is(.page-library-index) .library-hero { position: relative; margin: 0 0 2rem; }

:is(.page-library-index) .library-hero video { display: block; width: 100%; height: clamp(16rem, 42vw, 34rem); object-fit: cover; object-position: center 40%; }

:is(.page-library-index) .library-hero-veil { position: absolute; right: 0; bottom: 0; left: 0; height: 5.5rem; background: linear-gradient(180deg, rgba(243, 240, 232, 0), var(--paper)); pointer-events: none; }

:is(.page-library-index) .library-start-title { margin: 2.5rem 0 1rem; font-family: var(--sans); font-size: 1.3rem; font-weight: 700; letter-spacing: 0; }

:is(.page-library-index) .library-pick { padding: 1.25rem; border: 1px solid var(--line); background: rgba(255,255,255,.35); }

:is(.page-library-index) .library-pick h4 { margin: 0 0 .35rem; font-family: var(--serif); font-size: 1.35rem; font-weight: 400; letter-spacing: -.02em; }

:is(.page-library-index) .library-group { display: grid; grid-template-columns: 1fr 2.4fr; gap: clamp(1.5rem, 4vw, 4rem); padding: 2.25rem 0; border-top: 1px solid var(--line); }

:is(.page-library-index) .library-group-head h3 { margin: 0 0 .5rem; font-family: var(--sans); font-size: 1.3rem; font-weight: 700; letter-spacing: 0; }

:is(.page-library-index) .library-group-note { margin: 0; max-width: 24rem; color: var(--muted); font-size: .9rem; }

:is(.page-library-index) .library-items { display: grid; }

:is(.page-library-index) .library-item { padding: .95rem 0; border-bottom: 1px solid var(--line); }

:is(.page-library-index) .library-item:first-child { padding-top: 0; }

:is(.page-library-index) .library-item:last-child { padding-bottom: 0; border-bottom: 0; }

:is(.page-library-index) .library-item h4 { margin: 0; font-size: 1.02rem; }

:is(.page-library-index) .library-item h4 a { text-underline-offset: 3px; }

:is(.page-library-index) .library-item h4 span { color: var(--muted); font-weight: 400; }

:is(.page-library-index) .library-note { margin: .3rem 0 0; max-width: 640px; color: var(--muted); font-size: .92rem; }

:is(.page-library-index) .library-outro { max-width: 860px; margin: 2.5rem 0 0; }

:is(.page-library-index) .library-outro a { text-underline-offset: 3px; }

:is(.page-library-index) .library-reviewed { margin: .5rem 0 0; color: var(--muted); font-size: .78rem; }

@media (max-width: 720px) {
:is(.page-library-index) .library-start,
:is(.page-library-index) .library-group { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
:is(.page-library-index,.page-manifestos-index,.page-research-ai-deference-risk-index,.page-research-ai-text-score,.page-research-anti-molochian-entrepreneurship,.page-research-capital-alignment-index,.page-research-first-measurement,.page-research-freemaxxing,.page-research-frontier-training,.page-research-index,.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee,.page-research-patent-bargain,.page-research-trap-taxonomy) nav a:first-child { margin-left: -.4rem; }
}

:is(.page-manifestos-index) .contents {
      margin: 1.5rem 0 0; padding: 1.1rem 1.2rem;
      border: 1px solid var(--line); background: rgba(255,255,255,.32);
    }

:is(.page-manifestos-index) .contents p { margin: 0 0 .5rem; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }

:is(.page-manifestos-index) .contents ol { margin: 0; padding-left: 1.3rem; }

:is(.page-manifestos-index) .contents li { margin: .25rem 0; }

:is(.page-manifestos-index) .contents a { text-underline-offset: 3px; }

:is(.page-manifestos-index) .manifesto {
      margin: 3rem 0 0; padding-top: 1.6rem;
      border-top: 1px solid var(--line);
    }

:is(.page-manifestos-index) .manifesto .tag {
      margin: 0 0 .6rem; color: var(--green);
      font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
    }

:is(.page-manifestos-index) .manifesto p { max-width: 42rem; }

:is(.page-manifestos-index) .manifesto p strong { color: var(--green); }

:is(.page-manifestos-index) .patterns { margin: 1rem 0; padding: 0; list-style: none; display: grid; gap: .5rem; }

:is(.page-manifestos-index) .patterns li {
      padding: .75rem .9rem; border: 1px solid var(--line); background: rgba(255,255,255,.32);
      font-size: .95rem;
    }

:is(.page-manifestos-index) .patterns strong { display: block; margin-bottom: .15rem; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; color: var(--green); }

:is(.page-manifestos-index) .take-part {
      max-width: 42rem; margin: 1.5rem 0 0; padding: 1.1rem 1.3rem;
      border-left: 4px solid var(--green); background: rgba(255,255,255,.4);
    }

:is(.page-manifestos-index) .take-part h3 { margin: 0 0 .5rem; font-family: var(--sans); font-size: .8rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--green); }

:is(.page-manifestos-index) .take-part ul { margin: 0; padding-left: 1.2rem; }

:is(.page-manifestos-index) .take-part li { margin: .3rem 0; }

:is(.page-manifestos-index) .take-part a { text-underline-offset: 3px; }

:is(.page-manifestos-index) .close {
      margin: 3rem 0 0; padding: 1.5rem clamp(1.1rem, 3vw, 2rem);
      color: var(--paper); background: var(--ink);
    }

:is(.page-manifestos-index) .close h2 { color: var(--acid); }

:is(.page-manifestos-index) .close p { max-width: 42rem; color: #c8cec9; }

:is(.page-manifestos-index) .close a { text-underline-offset: 3px; }

:is(.page-manifestos-index) .close .button {
      display: inline-flex; min-height: 48px; align-items: center; justify-content: center;
      margin-top: .5rem; padding: .85rem 1.1rem;
      border: 1px solid var(--acid); color: var(--ink); background: var(--acid);
      font-weight: 800; text-decoration: none;
    }

@media (prefers-reduced-motion: reduce) {

}

:is(.page-research-ai-deference-risk-index,.page-research-ai-text-score,.page-research-anti-molochian-entrepreneurship,.page-research-capital-alignment-index,.page-research-freemaxxing,.page-research-frontier-training,.page-research-patent-bargain,.page-research-trap-taxonomy) .verdict {
      margin: 1.5rem 0; padding: 1.2rem 1.3rem;
      border-left: 4px solid var(--green); background: rgba(255,255,255,.4);
    }

:is(.page-research-ai-deference-risk-index,.page-research-ai-text-score,.page-research-anti-molochian-entrepreneurship,.page-research-freemaxxing,.page-research-frontier-training,.page-research-patent-bargain,.page-research-trap-taxonomy) .case {
      margin: 1.1rem 0; padding: 1.1rem 1.2rem;
      border: 1px solid var(--line); background: rgba(255,255,255,.32);
    }

:is(.page-research-ai-deference-risk-index,.page-research-ai-text-score,.page-research-anti-molochian-entrepreneurship,.page-research-freemaxxing,.page-research-patent-bargain,.page-research-trap-taxonomy) .case .tag {
      font-size: .75rem; font-weight: 800; letter-spacing: .08em;
      text-transform: uppercase; color: var(--green); margin: 0 0 .4rem;
    }

:is(.page-research-ai-deference-risk-index,.page-research-ai-text-score,.page-research-freemaxxing,.page-research-patent-bargain,.page-research-trap-taxonomy) .case .tag.race { color: var(--rust); }

:is(.page-research-ai-deference-risk-index,.page-research-ai-text-score,.page-research-freemaxxing,.page-research-frontier-training,.page-research-patent-bargain,.page-research-trap-taxonomy) .sources { margin-top: 2.5rem; color: var(--muted); font-size: .85rem; }

:is(.page-research-ai-deference-risk-index,.page-research-ai-text-score,.page-research-capital-alignment-index,.page-research-freemaxxing,.page-research-frontier-training,.page-research-patent-bargain) .sources a { text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 720px) {

}

:is(.page-research-ai-text-score,.page-research-capital-alignment-index,.page-research-freemaxxing,.page-research-frontier-training) .wave-table { width: 100%; border-collapse: collapse; font-size: .95rem; }

:is(.page-research-ai-text-score,.page-research-capital-alignment-index,.page-research-freemaxxing,.page-research-frontier-training) .wave-table th,
:is(.page-research-ai-text-score,.page-research-capital-alignment-index,.page-research-freemaxxing,.page-research-frontier-training) .wave-table td {
      text-align: left; padding: .55rem .4rem; border-bottom: 1px solid var(--line);
      vertical-align: top;
    }

:is(.page-research-ai-text-score,.page-research-capital-alignment-index,.page-research-freemaxxing,.page-research-frontier-training) .wave-table th { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }

:is(.page-research-ai-text-score,.page-research-freemaxxing) code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .86em; }

@media (max-width: 720px) {
:is(.page-research-ai-text-score,.page-research-frontier-training) .wave-table { font-size: .88rem; }
}

:is(.page-research-anti-molochian-entrepreneurship) .split {
      display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.25rem 0;
    }

:is(.page-research-anti-molochian-entrepreneurship) .panel {
      padding: 1.1rem 1.2rem; border: 1px solid var(--line); background: rgba(255,255,255,.32);
    }

:is(.page-research-anti-molochian-entrepreneurship) .panel h3 { margin-top: 0; }

:is(.page-research-anti-molochian-entrepreneurship) .case-sources { margin: .55rem 0 0; font-size: .8rem; color: var(--muted); }

:is(.page-research-anti-molochian-entrepreneurship) .case-sources a { text-underline-offset: 2px; }

@media (max-width: 720px) {
:is(.page-research-anti-molochian-entrepreneurship) .split { grid-template-columns: 1fr; }
}

:is(.page-research-capital-alignment-index) .verdict strong { display: block; margin-bottom: .4rem; }

:is(.page-research-capital-alignment-index,.page-research-freemaxxing,.page-research-frontier-training) .firm {
      margin: 1.25rem 0; padding: 1.1rem 1.2rem;
      border: 1px solid var(--line); background: rgba(255,255,255,.32);
    }

:is(.page-research-capital-alignment-index) .firm .note-id {
      font-size: .78rem; font-weight: 800; letter-spacing: .08em;
      text-transform: uppercase; color: var(--green); margin: 0 0 .35rem;
    }

:is(.page-research-capital-alignment-index,.page-research-freemaxxing,.page-research-frontier-training) .meta { margin: .2rem 0; font-size: .95rem; }

:is(.page-research-capital-alignment-index,.page-research-freemaxxing,.page-research-frontier-training) .meta span { color: var(--muted); font-weight: 700; }

:is(.page-research-capital-alignment-index) .files { display: grid; gap: .7rem; margin: 1rem 0 2rem; }

:is(.page-research-capital-alignment-index) .files a {
      display: block; padding: .9rem 1rem; border: 1px solid var(--line);
      text-decoration: none; background: rgba(255,255,255,.35);
    }

:is(.page-research-capital-alignment-index) .files a:hover { border-color: var(--ink); }

@media (max-width: 720px) {
:is(.page-research-capital-alignment-index) .wave-table { font-size: .88rem; }
}

:is(.page-research-first-measurement) .status {
      margin: 1.5rem 0; padding: 1.2rem 1.3rem;
      border-left: 4px solid var(--rust); background: rgba(255,255,255,.4);
    }

:is(.page-research-first-measurement) dl.counters { margin: 1.25rem 0; }

:is(.page-research-first-measurement) dl.counters dt { font-weight: 700; margin-top: .9rem; }

:is(.page-research-first-measurement) dl.counters dd { margin: .2rem 0 0; color: var(--muted); }

:is(.page-research-freemaxxing) .subtitle { font-family: var(--serif); font-size: 1.35rem; letter-spacing: -.03em; margin: 0 0 .45rem; color: var(--muted); }

:is(.page-research-freemaxxing) .tenet { font-family: var(--serif); font-size: 1.35rem; letter-spacing: -.03em; margin: 0 0 1.2rem; }

:is(.page-research-freemaxxing) blockquote.reader {
      margin: 1.4rem 0 1.1rem;
      padding: 1.1rem 1.2rem 1.15rem 1.3rem;
      border-left: 4px solid var(--rust);
      background: rgba(255,255,255,.4);
    }

:is(.page-research-freemaxxing) blockquote.reader p { margin: 0 0 .85rem; }

:is(.page-research-freemaxxing) blockquote.reader p:last-of-type { margin: 0; }

:is(.page-research-freemaxxing) blockquote.reader cite {
      display: block; margin-top: .85rem;
      font-style: normal; color: var(--muted); font-size: .92rem;
    }

:is(.page-research-freemaxxing) .firm .note-id {
      font-size: .75rem; font-weight: 800; letter-spacing: .08em;
      text-transform: uppercase; color: var(--green); margin: 0 0 .4rem;
    }

:is(.page-research-freemaxxing) .firm .note-id.race { color: var(--rust); }

:is(.page-research-freemaxxing) .wave-table code { word-break: break-all; }

:is(.page-research-freemaxxing) .essay-hero { position: relative; margin: 0; }

:is(.page-research-freemaxxing) .essay-hero img {
      display: block; width: 100%;
      height: clamp(15rem, 40vw, 28rem);
      object-fit: cover; object-position: center 46%;
    }

:is(.page-research-freemaxxing) .essay-hero-veil {
      position: absolute; right: 0; bottom: 0; left: 0; height: 5.5rem;
      background: linear-gradient(180deg, rgba(243, 240, 232, 0), var(--paper));
      pointer-events: none;
    }

@media (max-width: 720px) {
:is(.page-research-freemaxxing) .wave-table { font-size: .88rem; }
:is(.page-research-freemaxxing) .wave-table td code { display: none; }
}

:is(.page-research-frontier-training) .case .tag,
:is(.page-research-frontier-training) .firm .note-id {
      font-size: .75rem; font-weight: 800; letter-spacing: .08em;
      text-transform: uppercase; color: var(--green); margin: 0 0 .4rem;
    }

:is(.page-research-frontier-training) .case .tag.race,
:is(.page-research-frontier-training) .firm .note-id.race { color: var(--rust); }

:is(.page-research-frontier-training) .toc { margin: 1rem 0 1.6rem; padding-left: 1.2rem; }

:is(.page-research-index) .card {
      display: block; margin: 2rem 0; padding: 1.4rem 1.5rem;
      border: 1px solid var(--line); background: rgba(255,255,255,.35);
      text-decoration: none;
    }

:is(.page-research-index,.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee) .card:hover { border-color: var(--ink); background: #fff; }

:is(.page-research-index) .card .kicker { font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--green); margin: 0 0 .5rem; }

:is(.page-research-index) .card p { margin: .4rem 0 0; color: var(--muted); }

:is(.page-research-what-we-would-fund-first) main { max-width: 760px; margin: 2.5rem auto 0; }

:is(.page-research-what-we-would-fund-first) .sequence li { margin: 1.1rem 0; }

:is(.page-research-what-we-would-fund-first) .example { margin: 1.5rem 0; padding: 1rem 1.3rem; border: 1px solid var(--line); background: rgba(255,255,255,.32); }

:is(.page-research-what-we-would-fund-first) .example p:first-child { margin-top: 0; }

:is(.page-research-what-we-would-fund-first) .example p:last-child { margin-bottom: 0; }

@media (max-width: 860px) {
:is(.page-research-what-we-would-fund-first) nav a:first-child { margin-left: -.4rem; }
}

@media (max-width: 480px) {

}

:is(.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee) p { margin: .8rem 0; }

:is(.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee) .sources {
      margin: 1.5rem 0 2rem; padding: 1rem 1.1rem; border-left: 3px solid var(--line);
      color: var(--muted); font-size: .92rem;
    }

:is(.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee) .sources a { text-decoration: underline; text-underline-offset: 2px; color: var(--ink); }

:is(.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee) .card {
      display: block; margin: 1rem 0; padding: 1.2rem 1.3rem;
      border: 1px solid var(--line); background: rgba(255,255,255,.35); text-decoration: none;
    }

:is(.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee) .card .kicker { font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--green); margin: 0 0 .35rem; }

:is(.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee) .card h2 { margin: 0 0 .35rem; border: 0; padding: 0; font-size: 1.35rem; }

:is(.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee) .card p { margin: .35rem 0 0; color: var(--muted); }

:is(.page-research-inventors-creative-commons,.page-research-inventors-dee-hock,.page-research-inventors-index,.page-research-inventors-linus-torvalds,.page-research-inventors-malcom-mclean,.page-research-inventors-tim-berners-lee) .back { font-size: .92rem; margin: 1rem 0 0; }