.agent-path-card{margin-top:26px}.agent-path-card>img{aspect-ratio:1.8;max-height:360px;object-fit:cover;object-position:center 18%}.numbers-link{text-align:center;margin:0 auto 70px}.numbers-link a{color:var(--muted);font-size:.82rem;text-decoration:none}.numbers-link a:hover{color:var(--lime)}
.agent-proof,.later-system{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:50px 0 90px}.agent-proof .browser-frame{max-width:500px}.agent-proof .browser-frame img{aspect-ratio:9/16;object-fit:cover;object-position:top}.agent-proof h2,.later-system h2{font-size:clamp(2.2rem,4.5vw,4.5rem);line-height:1.02;margin:18px 0 25px}.agent-proof p:not(.eyebrow),.later-system p:not(.eyebrow){color:var(--muted);font-size:1.08rem;line-height:1.75}
.agent-timeline{border-top:1px solid var(--line);padding-bottom:90px}.agent-timeline article{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid var(--line);padding:45px 0}.agent-timeline article>span{color:var(--lime);font-family:Unbounded,sans-serif;font-size:.78rem}.agent-timeline h2{font-size:clamp(1.5rem,3vw,2.8rem);margin:8px 0 12px}.agent-timeline article p:last-child{color:var(--muted);line-height:1.75;max-width:720px}.later-system{border-top:1px solid var(--line)}.later-system>img{aspect-ratio:3/4;object-fit:cover;width:100%;border:1px solid var(--line)}
.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin:10px 0 80px}.numbers-grid article{border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:255px;padding:32px}.numbers-grid strong{color:var(--lime);display:block;font-family:Unbounded,sans-serif;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.06em}.numbers-grid h2{font-size:1.2rem;margin:16px 0 12px;text-transform:uppercase}.numbers-grid p,.numbers-outro{color:var(--muted);line-height:1.6}.numbers-outro{text-align:center;margin:-35px 0 80px;font-style:italic}
@media(max-width:760px){.agent-path-card{margin-top:18px}.agent-path-card>img{max-height:220px}.agent-proof,.later-system{grid-template-columns:1fr;padding:25px 0 60px}.agent-proof .browser-frame{max-width:360px;margin:auto}.agent-timeline article{grid-template-columns:45px 1fr;padding:32px 0}.numbers-grid{grid-template-columns:1fr 1fr}.numbers-grid article{min-height:220px;padding:24px 20px}}@media(max-width:460px){.numbers-grid{grid-template-columns:1fr}.numbers-grid article{min-height:0}}
.chapter-card>img[src$="life-posted.webp"]{object-position:center 72%}.agent-path-card>img{object-position:center 61%}.project-visual img[src$="video-editor-cover.webp"]{object-position:center;filter:contrast(1.04) saturate(.9)}.project-visual .browser-frame:has(img[src$="video-editor-cover.webp"]){background:radial-gradient(circle at 70% 45%,#bdff3622,transparent 38%),#11160e;box-shadow:inset 0 0 0 1px #b9ff3329}.project-visual img[src$="donelisting-live.webp"]{object-position:center;object-fit:cover}.case-frame img[src$="donelisting-live.webp"]{aspect-ratio:auto;height:auto;object-fit:contain;width:100%}
.lore-intro{padding-bottom:clamp(120px,12vw,185px)}@media(max-width:760px){.lore-intro{padding-bottom:82px}}

/* Shared vertical rhythm: room between chapters, tighter spacing within a group. */
:root {
  --space-section: clamp(96px, 8vw, 120px);
  --space-compact-top: clamp(48px, 4vw, 64px);
  --space-compact-bottom: clamp(88px, 7vw, 112px);
  --space-copy: clamp(72px, 6vw, 96px);
}
.hero { padding-block: var(--space-section); }
.section { padding-block: var(--space-section); }
.section.compact { padding-block: var(--space-compact-top) var(--space-compact-bottom); }
.section-heading { margin-bottom: clamp(48px, 4vw, 60px); }
.page-intro { padding-block: var(--space-section) clamp(64px, 5vw, 80px); }
.lore-intro { padding-bottom: clamp(120px, 12vw, 185px); }
.about-strip { padding-block: var(--space-copy) var(--space-compact-bottom); }
.case-copy { padding-block: var(--space-copy); }
.case-copy h3 { margin-top: 40px; margin-bottom: 18px; }
.lore-about { padding-block: var(--space-section); }
.project-grid { row-gap: clamp(64px, 5.5vw, 80px); }
.pipeline { gap: 16px; }
.pipeline li { padding: 28px 20px; }
.small-note { margin-top: 28px; }
.gallery { margin-top: 32px; }
.archive-callout { margin-top: 80px; padding-top: 44px; }
.contact-band { padding-block: clamp(88px, 7vw, 112px); }
footer { padding-block: 48px; }
.next-project { padding-block: 48px 88px; }
.chapter-card > div { padding: 44px; }
.story { padding-block: 56px 64px; }
.chapter-nav { padding-block: 28px 80px; }
.agent-proof, .later-system { padding-block: var(--space-copy) var(--space-compact-bottom); }
.agent-timeline { padding-bottom: var(--space-compact-bottom); }
.agent-timeline article { padding-block: 56px; }
.numbers-grid { margin-bottom: 96px; }
.numbers-grid article { padding: 40px 32px; }
.numbers-outro { margin-bottom: 96px; }

/* A short personal pause between selected work and the invitation to connect. */
.home-story {
  display: block;
  text-align: center;
  padding-block: var(--space-section);
}
.home-story > .eyebrow { margin: 0 auto 24px; }
.home-story h2 { margin: 0 auto 28px; }
.home-story p:not(.eyebrow) { max-width: 60ch; margin-inline: auto; }
.home-story .text-link { margin-top: 28px; }

@media (max-width: 760px) {
  :root {
    --space-section: 72px;
    --space-compact-top: 32px;
    --space-compact-bottom: 64px;
    --space-copy: 48px;
  }
  .hero { padding-block: 56px 72px; }
  .page-intro { padding-block: 56px 44px; }
  .lore-intro { padding-bottom: 82px; }
  .section-heading { margin-bottom: 36px; }
  .case-copy h3 { margin-top: 32px; margin-bottom: 16px; }
  .project-grid { row-gap: 52px; }
  .pipeline { gap: 16px 12px; }
  .pipeline li { padding: 24px 16px; }
  .small-note { margin-top: 24px; }
  .gallery { margin-top: 28px; }
  .archive-callout { margin-top: 52px; padding-top: 32px; }
  .contact-band { padding-block: 64px; }
  footer { padding-block: 36px; }
  .next-project { padding-block: 36px 60px; }
  .chapter-card > div { padding: 32px 27px; }
  .story { padding-block: 44px; }
  .chapter-nav { padding-block: 24px 64px; }
  .agent-timeline article { padding-block: 40px; }
  .numbers-grid { margin-bottom: 72px; }
  .numbers-grid article { padding: 28px 20px; }
  .numbers-outro { margin-bottom: 72px; }
}