@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Caveat:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f5f1e8;--ink:#29392f;--muted:#737868;--line:#d6d7c8;--green:#425946;--rust:#b86b48;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--hand:'Caveat','Segoe Print',cursive}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}a:hover,button.inline-link:hover{color:var(--rust)}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--rust);outline-offset:4px}button{font-family:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}.masthead{display:flex;align-items:center;gap:24px;padding:0 3.3vw}.brand{display:inline-flex;align-items:center;gap:9px;font-size:29px;font-weight:700;letter-spacing:-1.4px;line-height:1}.brand-dot{color:var(--rust)}.masthead-note{font:19px var(--hand);color:#859078}.github{margin-left:auto;font-size:11px;border-bottom:1px solid #a3aa98;padding-bottom:4px}.github span{margin-left:13px}.workspace{padding:10px 3.3vw 24px;gap:2.2vw}.overview{display:flex;flex-direction:column;min-width:0}.eyebrow{font:550 8px/1.6 var(--sans);letter-spacing:1.55px}.status-dot{display:inline-block;width:5px;height:5px;background:#7e946b;border-radius:50%;margin-right:5px;vertical-align:middle}h1{font:400 clamp(42px,4.05vw,66px)/1.06 var(--serif);letter-spacing:-1.5px;margin:24px 0 20px}.underlined{position:relative;white-space:nowrap}.underlined:after{content:'';position:absolute;left:1px;right:0;bottom:-6px;height:7px;border-top:1.5px solid var(--rust);border-radius:50%;transform:rotate(-2deg)}.intro{font-size:11px;line-height:1.9;color:var(--muted)}.metric-note{font-size:10px;color:#7c816b;margin-top:13px}.metric-note span{margin:0 6px;color:var(--rust)}.toolkit{margin-top:30px}.toolkit>.eyebrow{color:var(--rust);margin-bottom:11px;font-size:8px}.tool{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:17px 0;border-top:1px solid var(--line)}.tool-icon{font:17px var(--serif);height:33px;display:grid;place-items:center;border:1px solid #c7cdb8;border-radius:46% 39% 44% 36%;background:#e8ebdc;color:#627153;transform:rotate(-5deg)}.tool:nth-of-type(2) .tool-icon{font:12px monospace;background:#eee5d6;border-color:#d6c5b0;color:#947357}.tool:nth-of-type(3) .tool-icon{font:12px monospace;background:#e2e8df;color:#537561}.tool-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.tool-heading h3{font:400 25px/1.1 var(--serif)}.tool-heading>span,.tool-heading>a{font-size:7px;letter-spacing:1px;color:var(--muted)}.tool p{font-size:10px;color:var(--muted);margin:6px 0 7px}.tool-link{font-size:10px;font-weight:550}.tool-links{display:flex;justify-content:space-between;gap:10px;align-items:center}.tool-links>a:last-child{font-size:9px;color:var(--muted)}.install{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #cfd5c0;background:#e9ecdf;padding:7px 9px;border-radius:2px}.install code{font:10px monospace;white-space:nowrap}.install button{border:0;background:none;color:var(--green);font-size:8px;padding:2px}.handwritten{font-family:var(--hand);font-weight:400}.overview-note{font-size:21px;color:var(--rust);transform:rotate(-3deg);margin-top:auto;padding-top:15px;white-space:nowrap}.specimen{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;padding:18px 19px 13px;background:#f0eddf;border:1px solid #d6d4c4;box-shadow:4px 5px 0 #e7e4d9;transform:rotate(.6deg)}.specimen:before{content:'';position:absolute;width:85px;height:24px;top:-12px;left:42%;background:#d9d5bb77;transform:rotate(-7deg);border-left:2px solid #e0dcc766;border-right:3px solid #e0dcc766}.real-brain-stage{position:relative;isolation:isolate;min-height:0;flex:1;margin:8px -10px 0}.real-brain-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab;z-index:1;opacity:1;transition:opacity .65s}.real-brain-stage[aria-busy=true] canvas{opacity:0}.real-brain-stage canvas.dragging{cursor:grabbing}.real-brain-stage:before{content:'';position:absolute;left:17%;right:17%;height:20px;bottom:22px;background:radial-gradient(ellipse,#46503a20,transparent 68%);filter:blur(5px);z-index:-1}.brain-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:8px 0 12px;font-size:7px;color:var(--muted);flex-shrink:0}.view-buttons{display:flex;gap:4px}.view-buttons button{font:9px var(--sans);width:24px;height:23px;border:1px solid #c7cbb8;background:transparent;color:var(--green);border-radius:2px}.view-buttons button[aria-pressed=true]{background:#dce1cd;border-color:#9ea98e}.view-buttons #rotate-pet{margin-right:5px;font-size:15px}.scale-head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;flex-shrink:0}.scale-head output{font:30px/1 var(--serif);white-space:nowrap}.scale-head small{font:8px var(--sans);color:var(--muted)}.playback{display:flex;align-items:center;gap:10px;flex-shrink:0}.playback button{width:23px;height:23px;padding:0;border-radius:50%;border:1px solid #a8b09a;color:var(--green);background:transparent;font-size:9px}.playback button:hover{background:#dce1cd}input[type=range]{--progress:50%;appearance:none;border-radius:3px;background:linear-gradient(to right,#b46c4d var(--progress),#d5d6c6 var(--progress));height:4px;flex:1;min-width:0;margin:16px 0 13px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid var(--rust)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--paper);border:2px solid var(--rust)}.scale-ticks{position:relative;display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-left:33px;flex-shrink:0}.scale-ticks span:nth-child(2){position:absolute;left:50%;transform:translateX(-50%)}.research{min-width:0;display:flex;flex-direction:column;padding:4px 0 0 8px}.research-intro>.eyebrow{color:var(--rust);margin-bottom:15px}.research-intro h2{font:400 30px/1.08 var(--serif);letter-spacing:-.4px}.papers{margin-top:27px}.paper{display:block;padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.paper-journal{font-size:8px;letter-spacing:1px;color:var(--rust);display:flex;justify-content:space-between;margin-bottom:12px}.paper-journal>span{color:var(--muted)}.paper h3{font:400 clamp(18px,1.55vw,23px)/1.22 var(--serif);margin-bottom:12px;letter-spacing:-.1px}.paper-author{font-size:8px;color:#626f5c;display:block}.paper-topic{font-size:8px;color:#969983;display:block;margin-top:3px}.citation-link{font-size:10px;margin-top:auto;padding-top:8px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 3.3vw;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.footer p:last-child{display:flex;gap:8px;align-items:center}.inline-link{background:none;padding:0;border:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}.footer .inline-link{text-decoration:none}dialog{border:1px solid var(--line);padding:30px;background:var(--paper);color:var(--ink);width:min(610px,calc(100% - 32px));max-height:80svh;box-shadow:0 15px 70px #29392f22}dialog::backdrop{background:#29392f55;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.dialog-heading .eyebrow{color:var(--rust);margin-bottom:12px}.dialog-heading h2{font:32px/1.1 var(--serif)}#close-method{border:0;background:none;color:var(--ink);font:24px var(--sans);padding:0 4px}.method-body p{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.8}.method-body a{text-decoration:underline;text-underline-offset:3px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:absolute;top:10px;left:10px;z-index:20;background:var(--paper);padding:10px}
/* The loading artwork is HTML/CSS, visible before the 3D module downloads. */
.pet-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0eddf;z-index:3;gap:9px}.pet-loader[hidden]{display:none}.loader-drawing{width:100px;height:100px;position:relative;margin-bottom:8px}.loader-drawing svg{fill:none;stroke:#829072;stroke-width:1.25;width:100%;height:100%}.loader-drawing .loader-orbit{stroke:#c4cbb5;stroke-width:.8;stroke-dasharray:3 7}.loader-drawing i{position:absolute;inset:4px;border-radius:50%;animation:orbit 7s linear infinite}.loader-drawing i:after{content:'';position:absolute;top:0;left:50%;width:7px;height:7px;border-radius:50%;background:var(--rust);box-shadow:0 0 0 5px #b86b4812}.pet-loader>span{font:24px var(--hand);color:#788769}.pet-loader>small{font:8px var(--sans);letter-spacing:1px;color:#919782}.loading-track{width:110px;height:2px;background:#d9decd;margin-top:10px;overflow:hidden}.loading-track i{display:block;height:100%;width:40%;background:#ab795a;animation:loading 2.3s ease-in-out infinite}.pet-loader.error .loader-drawing{display:none}.pet-loader.error>span{font:12px/1.7 var(--sans);max-width:250px;text-align:center}.pet-loader.error>small,.pet-loader.error .loading-track{display:none}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes loading{0%,100%{transform:translateX(-110%)}50%{transform:translateX(280%)}}
@media(min-width:1000px) and (min-height:560px){body{height:100svh;display:grid;grid-template-rows:76px minmax(0,1fr) 43px}.workspace{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.94fr) minmax(0,1.55fr) minmax(0,.8fr);min-height:0}.overview{padding-top:10px}.specimen{height:100%}}
@media(min-width:1000px) and (max-height:800px) and (min-height:560px){body{grid-template-rows:61px minmax(0,1fr) 34px}.workspace{padding-top:9px;padding-bottom:17px;gap:1.9vw}.overview{padding-top:3px}.eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:clamp(39px,3.65vw,54px);margin:17px 0 15px}.intro{font-size:10px}.metric-note{font-size:9px;margin-top:8px}.toolkit{margin-top:20px}.toolkit>.eyebrow{margin-bottom:8px}.tool{padding:12px 0;gap:10px;grid-template-columns:29px minmax(0,1fr)}.tool-icon{height:28px;font-size:15px}.tool-heading h3{font-size:22px}.tool p{font-size:9px;margin:5px 0}.tool-link{font-size:9px}.tool-links>a:last-child{font-size:8px}.install{padding:5px 7px}.overview-note{font-size:19px;padding-top:10px}.research-intro h2{font-size:26px}.research-intro>.eyebrow{margin-bottom:11px}.papers{margin-top:20px}.paper{padding-bottom:17px;margin-bottom:17px}.paper h3{font-size:clamp(17px,1.45vw,21px);margin-bottom:10px}.paper-journal{font-size:7px;margin-bottom:9px}.paper-topic,.paper-author{font-size:7px}.citation-link{font-size:9px}.specimen{padding:14px 16px 10px}.brain-toolbar{margin:5px 0 8px}.scale-head output{font-size:27px}.footer{font-size:7px}}
@media(min-width:1000px) and (max-height:660px) and (min-height:560px){body{grid-template-rows:50px minmax(0,1fr) 29px}.brand{font-size:25px}.workspace{padding-bottom:12px}.overview{padding-top:1px}h1{font-size:36px;margin:12px 0}.intro{font-size:9px}.metric-note{font-size:8px}.toolkit{margin-top:13px}.tool{padding:9px 0}.tool-heading h3{font-size:20px}.tool p{font-size:8px}.tool-heading>span,.tool-heading>a{font-size:6px}.toolkit>.eyebrow{font-size:7px}.overview-note{font-size:17px;padding-top:8px}.research-intro h2{font-size:23px}.research-intro>.eyebrow{margin-bottom:9px}.papers{margin-top:15px}.paper{margin-bottom:13px;padding-bottom:13px}.paper h3{font-size:16px;line-height:1.18}.paper-topic{font-size:6px}.paper-journal{font-size:6px}.citation-link{font-size:8px}.brain-toolbar{margin-bottom:5px}.scale-head{font-size:9px}.playback input{margin-top:12px;margin-bottom:10px}}
@media(max-width:1150px) and (min-width:1000px){.workspace{gap:1.8vw;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,.84fr)}.overview-note{font-size:17px}.overview>.introduction>.eyebrow{font-size:6px;letter-spacing:1px}.tool-heading>span,.tool-heading>a{font-size:6px}.brain-toolbar{font-size:6px}}
@media(max-width:999px),(max-height:559px){body{min-height:100svh}.masthead{height:78px;padding:0 6vw}.masthead-note{font-size:17px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;padding:24px 6vw 40px}.overview{grid-row:span 2}h1{font-size:clamp(40px,5.4vw,56px)}.toolkit{margin-top:30px}.tool{padding:18px 0}.tool p{font-size:11px}.tool-link{font-size:11px}.tool-links>a:last-child{font-size:10px}.tool-heading h3{font-size:27px}.tool-heading>span,.tool-heading>a{font-size:8px}.install{padding:8px 10px}.install code{font-size:11px}.overview-note{font-size:22px;margin-top:20px}.real-brain-stage{flex:auto;aspect-ratio:1.05;min-height:200px}.specimen{align-self:start;padding:16px}.research{padding:0;grid-column:2}.research-intro h2{font-size:30px}.paper h3{font-size:22px}.citation-link{margin-top:0}.footer{margin:0 6vw;padding:18px 0;align-items:flex-start;font-size:8px}.footer p:last-child{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:600px){.masthead{height:72px;padding:0 24px}.brand{font-size:27px}.masthead-note{display:none}.github{font-size:10px}.workspace{display:flex;flex-direction:column;gap:35px;padding:20px 24px 32px}.overview{display:contents}.introduction{order:0}.introduction>.eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:clamp(48px,11vw,65px);margin:22px 0}.intro{font-size:12px}.metric-note{font-size:10px;margin-top:12px}.specimen{order:1;align-self:stretch;margin:4px 1px}.real-brain-stage{aspect-ratio:1.1;min-height:240px}.brain-toolbar{font-size:7px}.scale-head{font-size:11px}.scale-head output{font-size:30px}.toolkit{order:2;margin:3px 0 0}.toolkit>.eyebrow{font-size:9px;margin-bottom:14px}.tool{padding:22px 0;grid-template-columns:37px minmax(0,1fr);gap:16px}.tool-icon{height:37px;font-size:21px}.tool-heading h3{font-size:30px}.tool p{font-size:12px;margin:9px 0}.tool-link{font-size:12px}.tool-heading>span,.tool-heading>a{font-size:9px}.install{padding:11px}.install code{font-size:12px}.install button{font-size:10px}.overview-note{order:3;margin:0;padding:0;align-self:center}.research{order:4;padding:24px 0 0;border-top:1px solid var(--line)}.research-intro>.eyebrow{font-size:9px}.research-intro h2{font-size:36px}.papers{margin-top:30px}.paper{padding-bottom:25px;margin-bottom:25px}.paper h3{font-size:27px}.paper-journal{font-size:9px}.paper-author,.paper-topic{font-size:10px}.citation-link{font-size:12px;padding:0}.footer{margin:0 24px;display:block;font-size:8px}.footer p:last-child{justify-content:flex-start;margin-top:9px;gap:7px}dialog{padding:24px}.dialog-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:1000px) and (max-height:600px) and (min-height:560px){.toolkit{margin-top:10px}.tool{padding:7px 0}.tool p{margin:3px 0;line-height:1.5}h1{margin:10px 0}.overview-note{font-size:15px;line-height:1.3;padding-top:6px}.intro{line-height:1.6}.install{padding:4px 7px}}

.audience{font-size:15px;font-weight:500;line-height:1.5;color:var(--green)}.audience strong{font-weight:600;color:var(--rust)}
@media(min-width:1000px) and (max-height:800px){.audience{font-size:13px;line-height:1.45}}
@media(min-width:1000px) and (max-height:660px){.audience{font-size:12px;line-height:1.4}}
@media(max-width:600px){.audience{font-size:16px;line-height:1.5}}