/* September 24: editorial warmth and nested artifacts from AI+OER.
   Keep the hero renderer and product compositions; add no WebGL instances. */
body.page-home { --home-utility: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible Next Fallback", sans-serif; }
.page-home .home-body p { font-weight:450; }
.page-home :is(.label,.agent-top,.agent-chat span,.benchmark-head,.chart-axis,.legend,.surface-head,.history,.choice,.record-row,.project-tie span) { font-family:var(--home-utility); font-weight:600; }
.page-home .chapter { gap:20px; }
.page-home .chapter span { font-family:var(--home-utility); font-weight:600; font-size:1.05rem; }
.page-home .chapter::after { height:1px; opacity:.32; }
.page-home .capability-grid { gap:24px; padding-top:56px; align-items:start; }
.page-home .capability { padding:30px; border-radius:22px 38px 26px 32px; background:#eee8dc; gap:18px; }
.page-home .capability:nth-child(2) { background:#e6edf0; transform:translateY(24px); border-radius:36px 24px 34px 22px; }
.page-home .capability:nth-child(3) { background:#efe4d7; transform:translateY(48px); }
.page-home .capability h3 { font-size:1.6rem; }
.page-home .capability p { margin-bottom:0; }
.page-home .example-section { width:calc(100% - 48px); margin:32px auto 0; padding:88px 0; background:#e5edf1; border-radius:32px 64px 36px 52px; }
.page-home .example-section .home-wrap { width:min(1200px,calc(100% - 64px)); }
.page-home .example-flow { gap:28px; grid-template-columns:260px minmax(0,1fr); }
.page-home .black-response { border-radius:24px 32px 22px 30px; background:#dce2e3; }
.page-home .clear-response { padding:26px; gap:24px; border-radius:26px 44px 30px 40px; background:rgba(255,255,255,.42); border:1px solid rgba(255,255,255,.65); }
.page-home :is(.evidence-card,.relationship) { padding:24px; border-radius:18px 28px 20px 26px; }
.page-home .conversation { padding:16px 4px; }
.page-home .conversation blockquote { font-size:clamp(1.9rem,2.7vw,2.5rem); }
.page-home .relationship { gap:24px; }
.page-home .relationship h3 { font-size:1.6rem; }
.page-home .next-artifact { padding:34px 28px; gap:24px; border-radius:24px 38px 26px 32px; }
.page-home .artifact-copy h3 { font-size:clamp(2rem,3vw,2.8rem); }
.page-home .artifact-copy:last-child { padding-left:22px; }
/* A finite surface swell as the result emerges. Text never deforms. */
.page-home .next-artifact::before,.page-home .next-artifact::after { animation:none; }
.page-home .is-in .next-artifact::before { animation:field-a 4.2s cubic-bezier(.45,0,.55,1) .35s 1 both; }
.page-home .is-in .next-artifact::after { animation:field-b 4.8s cubic-bezier(.45,0,.55,1) .35s 1 both; }
.page-home :is(.llama-project,.frame-project) { border-radius:32px 64px 36px 52px; }
.page-home .agent-stack { padding:22px; border-radius:28px 46px 30px 40px; background:rgba(163,196,166,.1); border:1px solid rgba(163,196,166,.2); }
.page-home .agent-surface { border-radius:16px 28px 18px 26px; }
.page-home .benchmark { border-radius:18px 28px 20px 30px; }
.page-home .frame-visual { padding:22px; border-radius:28px 46px 30px 40px; background:#e9d5be; border:1px solid #dfc6aa; }
.page-home .surface { border-radius:16px 26px 18px 24px; }
.page-home .history { border-radius:18px 28px 20px 24px; background:#f1e4d4; }
.page-home .home-button { border-radius:12px 18px 12px 16px; }
.page-home .event-card { border-radius:24px 40px 26px 34px; }
.page-home .contact-band { margin:0 24px 24px; border-radius:32px 56px 32px 48px; }
@media (max-width:1100px) {
 .page-home .example-flow { grid-template-columns:1fr; }
 .page-home .black-response { max-width:480px; }
 .page-home .frame-visual { grid-template-columns:1fr; }
}
@media (max-width:700px) {
 .page-home .capability:nth-child(n) { transform:none; padding:26px; }
 .page-home .example-section { width:calc(100% - 20px); padding:56px 0; border-radius:24px 38px 26px 34px; }
 .page-home .example-section .home-wrap { width:calc(100% - 28px); }
 .page-home .clear-response { padding:14px; border-radius:22px 30px 24px 28px; gap:20px; }
 .page-home :is(.evidence-card,.relationship) { padding:20px 16px; }
 .page-home .next-artifact { padding:28px 18px; }
 .page-home .artifact-copy:last-child { padding:24px 0 0; }
 .page-home :is(.llama-project,.frame-project) { margin:16px 10px; border-radius:24px 38px 26px 34px; }
 .page-home .project-inner { width:calc(100% - 32px); }
 .page-home :is(.agent-stack,.frame-visual) { padding:12px; }
 .page-home .agent-chat { padding:18px 14px; }
 .page-home .benchmark { padding:22px 16px; }
 .page-home .chart,.page-home .chart-axis { margin-left:16px; }
 .page-home .contact-band { margin:0 10px 16px; border-radius:24px 38px 26px 34px; }
 .page-home .hero-description { font-size:18px; line-height:1.45; }
}
@media (prefers-reduced-motion:reduce) {
 .page-home .next-artifact::before,.page-home .next-artifact::after { animation:none !important; }
}
/* Isolate readable rows from the legacy hero illustration. */
.page-home .evidence-card .record-row { height:auto; min-height:42px; align-items:center; }
.page-home .evidence-card .record-row span { height:auto; width:auto; background:transparent; }
.page-home .evidence-card .record-fill b { height:auto; width:100%; background:var(--home-paper); }
@media (max-width:700px) {
 .page-home .hero-motion-control { top:12px; right:20px; }
}