@font-face{font-family:Switzer;src:url(assets/switzer-variable.woff2) format('woff2');font-display:swap}
@font-face{font-family:Mono;src:url(assets/jetbrains-mono-variable-latin.woff2) format('woff2');font-display:swap}
:root{--ink:#10120f;--text:#f1f2eb;--muted:#aeb6a8;--line:#394035;--yellow:#faab00;--paper:#ecede7;--gutter:3.6vw}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--ink);color:var(--text);font-family:Switzer,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,p,figure{margin:0}img,video{display:block;max-width:100%}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}
.skip-link{position:fixed;z-index:20;left:12px;top:12px;padding:12px 18px;background:var(--yellow);color:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;gap:35px;min-height:82px;margin:0 var(--gutter);border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:23px;font-weight:650;letter-spacing:-.045em;line-height:1}.wordmark-icon{display:flex;align-items:center}.wordmark-icon img{width:28px;height:28px}.wordmark-name{display:flex;flex-direction:column;gap:5px}.wordmark-name small{font:10px/1.2 Mono,monospace;letter-spacing:0;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:14px}nav a:hover{color:var(--yellow)}.nav-cta{border:1px solid var(--yellow);padding:10px 14px;white-space:nowrap}.nav-cta span{margin-left:8px}
.hero{padding:38px var(--gutter) 80px}.hero-title-row{display:flex;align-items:baseline;gap:1vw}h1{font-size:clamp(70px,14.3vw,230px);font-weight:560;line-height:1.06;letter-spacing:-.075em;white-space:nowrap}.hero-period{color:var(--yellow);font-size:clamp(70px,14.3vw,230px);line-height:1}.hero-line{margin:20px 0 44px}.hero-line p{font-size:clamp(23px,2.4vw,38px);letter-spacing:-.03em}.hero-line p span{display:inline-block;margin-left:20px;font-size:13px;line-height:1.5;letter-spacing:0;color:var(--muted);vertical-align:baseline}
.film-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.film{min-width:0}.film-window{position:relative;overflow:hidden;background:#1b2019}.film-pair .film-window{aspect-ratio:1.2}.film-window video{width:100%;height:100%;object-fit:contain}.assembly-film .film-window{background:#b8cdd7}.hand-film video{object-fit:cover}.film figcaption{font-size:16px;line-height:1.5;padding-top:15px}.film figcaption a{font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;margin-left:8px}.stage-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:22px;max-width:460px}.stage-strip button{position:relative;padding:0;border:1px solid #52614f;background:transparent;color:var(--text)}.stage-strip img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.stage-strip span{position:absolute;bottom:5px;left:7px;font:12px/1.4 Mono,monospace;background:#10120fbb;padding:2px 4px}.stage-strip button:hover,.stage-strip button[aria-pressed=true]{border-color:var(--yellow)}
.video-playback{display:flex;gap:18px;padding:12px 0 0}.video-playback button{border:0;border-bottom:1px solid #77816f;background:transparent;color:inherit;font-size:14px;padding:6px 0;min-height:36px;min-width:44px}.video-playback button:hover{color:var(--yellow);border-color:var(--yellow)}
.poster-play{position:absolute;inset:0;width:100%;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:clamp(17px,2vw,24px);text-shadow:0 2px 16px #000}.poster-play::before{content:'▶';display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#10120fdb;border:1px solid #ffffffa8;font-size:20px;padding-left:3px}.poster-play:hover::before,.poster-play:focus-visible::before{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.section{padding:105px var(--gutter);border-top:1px solid var(--line)}h2{font-weight:450;font-size:clamp(52px,7vw,112px);line-height:1.04;letter-spacing:-.06em}h2 em{font-style:normal;color:var(--yellow)}.thesis{padding-top:125px;padding-bottom:125px}.thesis h2{font-size:clamp(55px,8.6vw,138px);max-width:1350px;margin:0 0 55px}.thesis-copy{font-size:clamp(23px,2.5vw,36px);line-height:1.35;letter-spacing:-.025em;max-width:900px;color:#c7cec1}.thesis-copy strong{font-weight:550;color:var(--text)}
.perception{background:var(--paper);color:#171b14}.section-heading{margin-bottom:65px}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.image-pair img{width:100%;height:clamp(400px,49vw,760px);object-fit:cover}.image-pair figure:first-child img{object-position:center}.image-pair figure:last-child img{object-position:center 60%}.image-pair figcaption{font-size:16px;line-height:1.5;margin-top:14px;color:#5b6556}
.readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:5%;margin-top:75px;padding-top:28px;border-top:1px solid #a5af9f}.metric strong{display:block;font-size:clamp(75px,10vw,160px);font-weight:450;line-height:1;letter-spacing:-.07em;white-space:nowrap}.metric strong>span{font-size:.45em;letter-spacing:-.035em}.metric>span{display:block;font-size:14px;line-height:1.6;margin-top:20px;color:#4b5844;max-width:230px}.readout-note{font-size:17px;line-height:1.5;color:#34402f;margin-top:38px;max-width:900px}.image-pair figcaption span{display:block;font-size:13px;line-height:1.5;margin-top:6px;color:#697364}
.evidence{border-top:1px solid #a5af9f;border-bottom:1px solid #a5af9f;margin-top:55px}.evidence summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:20px 0;font-size:16px}.evidence summary::-webkit-details-marker{display:none}.evidence summary>span{font-size:26px;font-weight:300}.evidence[open] summary>span{transform:rotate(45deg)}.evidence-body{max-width:980px;padding:10px 0 28px}.evidence-body p{font-size:15px;line-height:1.6;color:#526049;margin-bottom:20px}.table-scroll{overflow-x:auto;margin:30px 0}.table-scroll:focus-visible{outline:2px solid #526049}table{width:100%;min-width:580px;text-align:left;border-collapse:collapse;font-size:14px}caption{text-align:left;font-size:15px;margin-bottom:14px}th,td{padding:16px 15px;border-bottom:1px solid #b0b9a9}th:first-child{padding-left:0}th{font-weight:500}thead th{color:#526049}
.observation{display:grid;grid-template-columns:.8fr 1fr;gap:10%;align-items:center}.observation-copy h2{margin:0 0 30px;font-size:clamp(50px,6.8vw,108px)}.observation-copy>p{font-size:clamp(22px,2.2vw,32px);line-height:1.35;letter-spacing:-.025em;max-width:470px}.recording-note{display:block;font-size:13px;line-height:1.65;color:var(--muted);max-width:355px;margin-top:45px}.observation-film{max-width:650px;min-width:0}.observation-film video{height:auto;max-height:830px}.observation-film figcaption{margin-top:20px;font-size:14px}.observation-film figcaption a{border-bottom:1px solid #77816f;padding-bottom:5px}
footer{background:var(--yellow);color:#171b14;padding:46px var(--gutter) 35px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top{font-size:14px;border-bottom:1px solid #b17b14;padding-bottom:22px}.partner-callout{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:clamp(55px,8vw,110px) 0}.partner-callout p{font-size:clamp(40px,6.4vw,100px);line-height:1;letter-spacing:-.06em;max-width:1040px}.partner-callout a{flex-shrink:0;display:inline-flex;align-items:center;gap:20px;background:#171b14;color:var(--yellow);padding:18px 22px;font-size:15px;font-weight:600}.partner-callout a:hover{background:#343b2e}.partner-callout a span{font-size:19px}.footer-bottom{border-top:1px solid #b17b14;padding-top:28px;font-size:14px}.footer-context{display:flex;flex-direction:column;align-items:flex-start;gap:13px;max-width:300px;line-height:1.5}.footer-context strong{font-size:23px;line-height:1}.systems-link{text-decoration:underline;text-underline-offset:4px}.systems-link:hover{opacity:.7}.bucket{font-size:clamp(75px,11vw,170px);font-weight:650;letter-spacing:-.08em;line-height:.9}.bucket span{display:block;font-size:.13em;letter-spacing:0;margin-top:7px;text-align:right}
@media(min-width:1700px){:root{--gutter:max(4vw,calc((100vw - 1600px)/2))}h1,.hero-period{font-size:230px}}
@media(max-width:1050px){.readout{grid-template-columns:1fr 1.4fr}.readout .metric:last-child{grid-column:1/-1}.observation{gap:6%}.partner-callout{display:block}.partner-callout a{margin-top:35px}}
@media(max-width:700px){:root{--gutter:5vw}.site-header{min-height:70px;gap:12px}nav{gap:14px;font-size:13px}nav a:first-child,nav a:nth-child(2){display:none}.wordmark{font-size:19px;gap:8px}.wordmark-icon img{width:23px;height:23px}.wordmark-name small{font-size:8px}.nav-cta{padding:9px}.nav-cta span{margin-left:3px}.hero{padding-top:35px;padding-bottom:65px}h1,.hero-period{font-size:14vw}.hero-line{display:block;margin:20px 0 32px}.hero-line p{font-size:23px}.hero-line p span{display:block;margin:10px 0 0}.film-pair{grid-template-columns:1fr;gap:36px}.film-pair .film-window{aspect-ratio:1.2}.stage-strip{max-width:360px}.section{padding-top:75px;padding-bottom:75px}.thesis h2{font-size:clamp(49px,10.5vw,74px);margin:0 0 40px}.thesis-copy{font-size:23px}.section-heading{margin-bottom:40px}h2{font-size:clamp(48px,10vw,70px)}.image-pair{gap:10px}.image-pair img{height:390px}.image-pair figcaption{font-size:14px}.readout{gap:20px;margin-top:48px;padding-top:25px}.metric strong{font-size:clamp(55px,12vw,98px)}.metric>span{font-size:13px;margin-top:15px}.readout-note{font-size:16px}.observation{grid-template-columns:1fr;gap:40px}.observation-copy h2{font-size:clamp(48px,11vw,74px);margin:0 0 22px}.observation-copy>p{font-size:23px}.recording-note{margin-top:24px;max-width:450px}.observation-film{max-width:none}.observation-film video{max-height:none}.footer-top{font-size:13px}.partner-callout p{font-size:clamp(45px,11vw,70px)}.footer-bottom{flex-wrap:wrap}.footer-context{width:100%;max-width:none;font-size:13px}.bucket{font-size:90px}}
@media(max-width:390px){nav a:nth-child(2){display:none}.image-pair{grid-template-columns:1fr;gap:28px}.image-pair img{height:auto}.readout{grid-template-columns:1fr}.readout .metric:last-child{grid-column:auto}.metric strong{font-size:61px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.build-demo{background:#181c17}.build-demo-heading{display:grid;grid-template-columns:1fr minmax(240px,390px);column-gap:6%;align-items:end;margin-bottom:40px}.build-demo .eyebrow{grid-column:1/-1;color:var(--yellow);font:12px/1.4 Mono,monospace;letter-spacing:.08em;margin-bottom:18px}.build-demo h2{font-size:clamp(50px,6.4vw,102px);max-width:1000px}.build-demo-heading p{font-size:clamp(19px,1.8vw,25px);line-height:1.35;color:#c7cec1;max-width:390px;padding-bottom:8px}.build-demo-film .film-window{aspect-ratio:16/9}.build-demo-film video{width:100%;height:100%;object-fit:contain}.build-demo-film figcaption{max-width:900px;margin-top:18px;color:var(--muted);font-size:14px;line-height:1.6}
@media(max-width:700px){.build-demo-heading{display:block}.build-demo h2{font-size:clamp(48px,11vw,74px)}.build-demo-heading p{font-size:20px;margin-top:23px;padding:0}.build-demo-film{margin:0 calc(-1 * var(--gutter))}.build-demo-film figcaption{margin:16px var(--gutter) 0}}

/* Research story: make the result legible before the visitor scrolls. */
.hero{padding-bottom:58px}.hero-story{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:5vw;align-items:end;margin-top:26px}.hero-claim{font-size:clamp(31px,4.4vw,70px);line-height:1.08;letter-spacing:-.055em;font-weight:450}.hero-claim strong{font-weight:580;color:var(--yellow)}.hero-result{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--yellow);padding:15px 0 9px;min-width:0}.hero-result-label,.section-kicker{font:12px/1.4 Mono,monospace;letter-spacing:.055em}.hero-result-label{display:flex;width:100%;justify-content:space-between;color:var(--yellow)}.hero-result>strong{font-size:clamp(74px,9vw,145px);font-weight:450;letter-spacing:-.085em;line-height:1;margin:8px 0 2px;white-space:nowrap}.hero-result>strong span{font-size:.46em;letter-spacing:-.04em}.hero-result>span:last-child{font-size:15px;line-height:1.4;color:var(--muted)}.hero-result:hover>span:last-child{color:var(--text)}.hero-deck{margin-top:38px;padding-top:15px;border-top:1px solid var(--line);font-size:19px;line-height:1.4;letter-spacing:-.02em}.hero-deck span{margin-left:16px;font-size:13px;letter-spacing:0;color:var(--muted)}
.section-kicker{display:block;margin-bottom:20px;color:var(--yellow)}.perception .section-kicker{color:#586b4b}.perception{border-top:0}.perception .section-heading{margin-bottom:54px}.studies-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:4vw;align-items:end;margin-bottom:54px}.studies-intro .section-kicker{grid-column:1/-1;margin-bottom:0}.studies-intro h2{font-size:clamp(49px,6vw,96px);max-width:1000px}.studies-intro p{font-size:clamp(18px,1.65vw,25px);line-height:1.4;color:#c7cec1;max-width:400px;padding-bottom:8px}.studies .film-pair{margin-top:0}
@media(max-width:900px){.hero-story{grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);gap:3vw}.hero-claim{font-size:clamp(29px,4.5vw,50px)}.hero-result>strong{font-size:clamp(69px,9vw,100px)}.studies-intro{grid-template-columns:1fr}.studies-intro p{max-width:700px;padding:0}}
@media(max-width:700px){.hero{padding-top:32px;padding-bottom:38px}.hero-story{grid-template-columns:1fr;gap:30px;margin-top:25px}.hero-claim{font-size:clamp(32px,8.3vw,54px)}.hero-result{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:end}.hero-result-label{grid-column:1/-1}.hero-result>strong{font-size:clamp(66px,17vw,100px);margin:9px 0 0}.hero-result>span:last-child{padding-bottom:8px;font-size:13px}.hero-deck{font-size:16px;margin-top:25px}.hero-deck span{display:block;margin:5px 0 0}.perception .section-heading{margin-bottom:35px}.studies-intro{margin-bottom:38px}.studies-intro h2{font-size:clamp(48px,10vw,70px)}.studies-intro p{font-size:20px}.studies .film-pair{gap:38px}}