.thread-page-intro.section{grid-template-columns:1.8fr 1fr;align-items:center;gap:64px;padding-block:32px 12px;display:grid}.thread-page-intro h1{letter-spacing:-.025em;max-width:none;margin:0;font:800 clamp(80px,9.2vw,156px)/1.04 Barlow Condensed,sans-serif;overflow:visible}.thread-page-intro h1 span{display:block}.thread-page-intro>p{justify-self:end;max-width:30ch;margin:0;font-size:20px;line-height:1.5}.thread-scene-section.section{padding-block:0 40px}.thread-investigation{color:var(--color-text);min-width:0}.thread-theatre{isolation:isolate;height:570px;position:relative;container-type:inline-size}.thread-webgl{pointer-events:none;position:absolute;inset:0}.thread-webgl canvas{width:100%;height:100%;display:block}.thread-static-records{justify-content:center;align-items:center;gap:8%;display:flex;position:absolute;inset:48px 8% 80px}.thread-static-records article{color:#202820;background:#f7f7f0;border:1px solid #d8dccf;flex-direction:column;gap:12px;width:42%;padding:28px;display:flex;transform:rotate(-7deg);box-shadow:0 18px 35px #20282014}.thread-static-records article+article{transform:rotate(6deg)}.thread-static-records small{color:#61754f;text-transform:uppercase;font-size:11px}.thread-static-records strong{font:800 clamp(48px,6vw,88px)/1.1 Barlow Condensed,sans-serif}.thread-static-records code{overflow-wrap:anywhere;font-size:12px}.thread-investigation[data-ready=true] .thread-static-records{visibility:hidden}.thread-pull-track{height:52px;position:absolute;bottom:20px;left:4%;right:4%}.thread-pull-track[hidden]{display:none}.thread-pull-rule{background:var(--color-line);height:1px;position:absolute;top:25px;left:26px;right:26px}.thread-grip{color:#c94022;cursor:grab;touch-action:pan-y;background:#f7f7f0;border:9px solid #c94022;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid;position:absolute;top:0;box-shadow:0 5px 10px #20282016}.thread-grip:active{cursor:grabbing}.thread-grip:focus-visible{outline:2px solid var(--color-text);outline-offset:6px}.thread-grip span{font-size:21px;line-height:1}.thread-caption{grid-template-columns:1fr 1fr;align-items:start;gap:48px;padding:8px 0 20px;display:grid}.thread-instruction{margin:0;font-size:14px;line-height:1.5}.thread-instruction span{color:var(--color-muted);margin-top:8px;font-size:12px;display:block}.thread-consequence{min-height:100px}.thread-consequence h2{margin:0 0 4px;font:800 28px/1.12 Barlow Condensed,sans-serif}.thread-consequence p{max-width:58ch;margin:0;font-size:15px;line-height:1.5}.thread-case-controls{z-index:2;pointer-events:none;gap:4px;display:flex;position:absolute;inset:8px 4% auto}.thread-case-controls[hidden]{display:none}.thread-case-controls button{min-width:0;max-width:160px;min-height:48px;font:500 14px/1.2 var(--body-font);color:#202820;cursor:pointer;pointer-events:auto;transform-origin:0 0;touch-action:manipulation;background:#e6ebdd;border:1px solid #cbd3bf;border-radius:5px 5px 0 0;flex:1;place-items:center;padding:6px;display:grid}.thread-case-controls button[aria-pressed=true]{color:#fffef6;background:#c94022;border-color:#c94022}.thread-case-controls button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.thread-case-controls button:hover span{text-underline-offset:3px;text-decoration:underline}.thread-case-full{max-width:94px}.thread-case-short{display:none}.thread-investigation[data-ready=true] .thread-case-controls{display:block;inset:0}.thread-investigation[data-ready=true] .thread-case-controls button{background:0 0;border:0;border-radius:0;max-width:none;min-height:0;position:absolute;top:0;left:0}.thread-investigation[data-ready=false] .thread-static-records{top:80px}.thread-demo-note{color:var(--color-muted);margin:12px 0 0;font-size:11px;line-height:1.5}.thread-purpose.section{grid-template-columns:1.2fr 1fr;gap:64px;padding-block:56px 64px;display:grid}.thread-purpose h2,.thread-library-intro h2{letter-spacing:-.02em;margin:0 0 20px;font:800 clamp(42px,4.5vw,68px)/1.1 Barlow Condensed,sans-serif}.thread-purpose p{max-width:52ch;margin:0;font-size:18px;line-height:1.5}.thread-audience-links{flex-direction:column;justify-content:center;gap:0;display:flex}.thread-audience-links a{border-bottom:1px solid var(--color-line);grid-template-columns:1fr auto;gap:8px;padding:22px 0;font:800 32px/1.1 Barlow Condensed,sans-serif;text-decoration:none;display:grid}.thread-audience-links a span{font:400 14px/1.5 var(--body-font);color:var(--color-muted);grid-column:1/-1}.thread-audience-links a:hover{color:var(--color-accent)}.thread-record-library{padding-top:64px}.thread-library-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;margin-bottom:32px;display:grid}.thread-library-intro p{max-width:48ch;margin:0;font-size:17px;line-height:1.5}.thread-record-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.thread-record-pair details{border:1px solid var(--color-line);min-width:0;padding:28px}.thread-record-pair summary{cursor:pointer;border-bottom:1px solid var(--color-line);justify-content:space-between;gap:24px;margin-bottom:20px;padding-bottom:20px;font-size:15px;list-style:none;display:flex}.thread-record-pair summary:before{content:"−";color:var(--color-accent)}.thread-record-pair details:not([open]) summary:before{content:"+"}.thread-record-pair pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:13px/1.7 monospace}.thread-record-pair code{overflow-wrap:anywhere;font-size:13px}.thread-record-pair details>strong{margin-block:24px;font:800 64px/1.1 Barlow Condensed,sans-serif;display:block}.thread-record-pair p{color:var(--color-muted);margin:24px 0 0;font-size:14px;line-height:1.5}.thread-finding{border-bottom:1px solid var(--color-line);grid-template-columns:1fr 1.7fr;gap:48px;padding:32px 0;display:grid}.thread-finding h3{margin:0;font:800 32px/1.12 Barlow Condensed,sans-serif}.thread-finding p{margin:0;font-size:17px;line-height:1.5}@media (width>=1600px){.thread-theatre{height:650px}}@media (width<=900px){.thread-page-intro.section{grid-template-columns:1fr;gap:24px}.thread-page-intro>p{justify-self:start;max-width:50ch}.thread-purpose.section{gap:40px}.thread-library-intro{gap:32px}.thread-theatre{height:490px}}@media (width<=700px){.thread-page-intro.section{gap:20px;padding-top:24px}.thread-page-intro h1{font-size:clamp(56px,16.4vw,96px);line-height:1.08}.thread-page-intro>p{font-size:17px}.thread-scene-section.section{padding-bottom:24px}.thread-theatre{height:530px;margin-inline:-12px}.thread-static-records{flex-direction:column;gap:30px;inset:24px 20px 80px}.thread-static-records article{gap:6px;width:90%;padding:20px}.thread-static-records strong{font-size:48px}.thread-static-records code{font-size:10px}.thread-caption{grid-template-columns:1fr;gap:24px;padding-top:8px}.thread-consequence{min-height:108px}.thread-consequence h2{font-size:28px}.thread-case-controls button{padding:4px;font-size:12px}.thread-case-full{display:none}.thread-case-short{display:block}.thread-purpose.section{grid-template-columns:1fr;gap:24px;padding-block:32px 40px}.thread-purpose h2,.thread-library-intro h2{font-size:44px}.thread-purpose p{font-size:17px}.thread-audience-links a{padding:18px 0;font-size:30px}.thread-record-library{padding-top:40px}.thread-library-intro{grid-template-columns:1fr;gap:8px}.thread-record-pair{grid-template-columns:1fr;gap:16px}.thread-record-pair details{padding:20px}.thread-finding{grid-template-columns:1fr;gap:16px;padding-block:24px}.thread-finding p{font-size:16px}}@container (width<=1000px){.thread-case-controls button{padding:4px;font-size:12px}.thread-case-full{display:none}.thread-case-short{display:block}}.home-hero-copy{flex-direction:column;justify-self:end;gap:18px;max-width:42ch;display:flex}.home-hero-lead{margin:0;font-size:20px;line-height:1.5}.home-hero-clarity{color:var(--color-muted);margin:0;font-size:16px;line-height:1.6}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:4px;display:flex}.thread-page-intro.section{padding-block:56px 72px}.home-how.section{padding-block:24px 56px}.home-how .eyebrow{margin:0 0 12px}.home-how h2{letter-spacing:-.02em;margin:0 0 32px;font:800 clamp(36px,4vw,56px)/1.1 Barlow Condensed,sans-serif}.home-how-steps{counter-reset:how;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0;list-style:none;display:grid}.home-how-steps li{border-top:2px solid var(--color-accent);margin:0;padding-top:20px}.home-how-num{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:16px;font:700 18px/1 Barlow Condensed,sans-serif;display:inline-flex}.home-how-steps h3{letter-spacing:-.01em;margin:0 0 8px;font:800 24px/1.2 Barlow Condensed,sans-serif}.home-how-steps p{color:var(--color-muted);margin:0;font-size:16px;line-height:1.55}.home-example-label,.home-examples-label{max-width:60ch;margin:56px 0 24px}.home-example-label .eyebrow,.home-examples-label .eyebrow{margin:0 0 8px}.home-example-label p:last-child,.home-examples-label p:last-child{margin:0;font-size:17px;line-height:1.5}.home-next.section{padding-block:8px 48px}@media (width<=900px){.home-hero-copy{justify-self:start;max-width:52ch}.home-how-steps{grid-template-columns:1fr;gap:28px}}@media (width<=700px){.home-hero-lead{font-size:17px}.home-how.section{padding-block:8px 32px}.home-how h2{margin-bottom:24px;font-size:34px}}
