:root{color-scheme:light;--ink:#202830;--muted:#66727d;--accent:#af233c;--link:#216a9b;--line:#e4e9ed;--wash:#f4f7f9;--max:1120px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:80px}body{margin:0;font-size:17px;line-height:1.7}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ba4b64;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}figcaption{color:var(--muted);font-size:14px;line-height:1.6;margin-top:14px}sup{font-size:.65em;line-height:0;vertical-align:super}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.narrow{width:min(900px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;padding:8px 16px;background:white;z-index:30}.skip-link:focus{top:12px}
.topbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.topbar-inner{width:min(1240px,calc(100% - 48px));min-height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.organization{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap}.organization img{width:23px;height:25px;object-fit:contain}.topbar nav{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;font-size:14px}.topbar nav a{color:#54616e}
.hero{text-align:center;padding-top:42px}h1{margin:0 0 24px;line-height:1.24;font-weight:750;letter-spacing:-1.1px}h1>span{display:block;font-size:clamp(34px,4.7vw,52px);color:var(--accent);margin-bottom:13px}h1 small{display:block;font-size:clamp(21px,2.5vw,30px);font-weight:650;letter-spacing:-.4px;line-height:1.4}.authors{display:flex;flex-wrap:wrap;justify-content:center;column-gap:13px;row-gap:3px;max-width:1060px;margin:0 auto 16px;line-height:1.6;font-size:16px}.author{white-space:nowrap;font-weight:500}.author sup{margin-left:2px;color:var(--link)}.affiliations{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0 auto;gap:2px 18px;max-width:1060px;font-size:13px;line-height:1.75;color:#606b74}.affiliations li{display:inline}.affiliations sup{color:#293743;font-size:.74em;margin-right:3px}.author-note{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 23px;margin:14px 0 22px;color:#65717b;font-size:13px}.resources{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:9px;margin:0 auto 32px}.resource{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ccd7df;border-radius:7px;padding:8px 17px;font-size:14px;font-weight:650;line-height:1.5;color:var(--ink);min-height:43px}.resource.primary{background:#f6f8f9;border-color:#ccd7df;color:var(--ink)}.resource:not(.pending):hover{text-decoration:none;background:#edf3f7;color:var(--ink)}.resource.pending{background:#f6f8f9;color:#52606d;cursor:default}.resource-detail{font-size:12px;font-weight:400;opacity:.8}.teaser{margin:0 auto 0}.teaser img{width:100%;border-radius:4px}.teaser figcaption{max-width:830px;margin-inline:auto}
.section{padding-block:60px}h2{font-size:29px;letter-spacing:-.65px;line-height:1.3;text-align:center;margin:0 0 26px;font-weight:650}p{margin:0 0 20px}.abstract{text-align:justify;text-wrap:pretty}.section p:last-child{margin-bottom:0}footer{border-top:1px solid var(--line);padding:32px 0 38px;text-align:center;background:var(--wash);font-size:14px;color:var(--muted)}footer strong{font-size:17px;color:var(--ink)}footer p{margin:5px 0}.footer-note{font-size:12px}
@media(max-width:760px){.topbar-inner{padding-block:13px;gap:12px;flex-direction:column;min-height:0}.topbar nav{font-size:13px;gap:18px}.hero{padding-top:30px}.authors{font-size:14px;column-gap:12px;row-gap:6px}.affiliations{font-size:12px;line-height:1.7;gap:4px 12px}.author-note{font-size:12px}.desktop-break{display:none}.section{padding-block:42px}h2{font-size:26px}.abstract{text-align:left}body{font-size:16px}.resources{gap:8px}.resource{padding:8px 12px}.resource-detail{font-size:12px}.teaser figcaption{font-size:13px}.container,.narrow{width:calc(100% - 32px)}}
.section-wash{background:var(--wash);border-block:1px solid var(--line)}.section-intro{max-width:880px;margin:0 auto 34px;text-align:center;color:#465664}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 27px;padding-bottom:28px;border-bottom:1px solid #dce4e9;gap:20px;text-align:center}.metrics strong{display:block;font-size:35px;line-height:1.25;color:#263f50;font-weight:650;letter-spacing:-1px}.metrics span{display:block;font-size:14px;color:var(--muted);margin-top:7px}.research-figure{margin-top:32px}.research-figure img{width:100%;background:#fff;border-radius:3px}.text-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:34px}h3{font-size:20px;line-height:1.4;margin:0 0 13px;letter-spacing:-.3px}.text-columns p,.pipeline p{font-size:16px;color:#4b5a66}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:34px;padding:0;margin:32px 0 40px}.pipeline li{border-top:2px solid #cad9e3;padding-top:20px}.step-number{font-size:14px;font-weight:bold;color:var(--accent);display:block;margin-bottom:8px}.annotation{max-width:930px;margin-inline:auto}.hardware-study{display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:center;margin-top:60px;padding-top:45px;border-top:1px solid var(--line)}.hardware-study h3{font-size:26px;line-height:1.3}.hardware-study p{font-size:16px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--accent);font-size:12px!important;font-weight:700;margin-bottom:11px}.result-table-wrap{overflow-x:auto;width:100%;border:1px solid #dce4e9;border-radius:5px;background:#fff}table{border-collapse:collapse;width:100%;font-size:14px;text-align:right}th,td{padding:13px 17px;border-bottom:1px solid var(--line);vertical-align:middle}th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}thead th{background:#eaf0f4;color:#455b6b;font-weight:600;font-size:13px;line-height:1.5}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}caption{text-align:left;padding:15px 17px;font-size:14px;color:#526473}.result-summary{max-width:880px;margin:0 auto 28px;text-align:center;color:#465664}.result-summary strong{color:var(--accent)}
/* The source canvas is 2400 × 1350; retain y=93…853 around all three task rows. */
.task-sequence-frame{display:block;aspect-ratio:2400 / 760;overflow:hidden;border-radius:3px;background:#fff}.task-sequence-frame img{transform:translateY(-6.888889%);border-radius:0}.detailed-results{margin-top:30px}.detailed-results summary{font-size:16px;font-weight:600;cursor:pointer;padding:14px 0;color:var(--link)}.detailed-results[open] summary{margin-bottom:10px}.group-start th,.group-start td{border-top:2px solid #cbd7df}.citation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.citation-heading h2{margin-bottom:0;text-align:left}.citation-heading button{font:inherit;font-size:14px;background:white;border:1px solid #b9c9d5;border-radius:5px;padding:8px 15px;color:#314e63;cursor:pointer}.citation-heading button:hover{background:var(--wash)}.citation-note{font-size:14px;color:var(--muted);margin:10px 0 17px}pre{margin:0;padding:24px;background:#f3f6f8;border:1px solid #e2e8ec;border-radius:5px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;overflow-y:auto}.copy-status{font-size:14px;color:var(--link);margin-top:8px;min-height:24px}
@media(max-width:760px){.metrics{grid-template-columns:1fr 1fr;gap:26px 12px}.metrics strong{font-size:29px}.metrics span{font-size:13px}.text-columns,.pipeline,.hardware-study{grid-template-columns:1fr;gap:25px}.pipeline{margin-block:25px}.hardware-study{margin-top:38px;padding-top:32px}.hardware-study h3{font-size:24px}.section-intro{text-align:left;margin-bottom:24px}.research-figure{margin-top:24px}th,td{padding:12px 13px}.detailed-results table{min-width:640px}.result-summary{text-align:left}.result-table-wrap{border-radius:3px}.citation-heading button{white-space:nowrap}pre{font-size:12px;padding:16px;max-height:28rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Affiliation artwork follows the manuscript order, without number labels. */
.institution-strip{max-width:1060px;margin:24px auto 26px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#cbd5de transparent}
.institution-strip:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.institution-logos{--logo-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;min-width:878px;padding:3px 2px 8px;margin:0}
.institution-logos li{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:52px}
.institution-mark{display:block;height:var(--logo-height);max-width:52px;mix-blend-mode:multiply}
.institution-mark img{height:100%;width:auto;max-width:52px;object-fit:contain}
.institution-mark-crop{position:relative;overflow:hidden;width:calc(var(--logo-height) * var(--crop-w) / var(--crop-h))}
.institution-mark-crop img{position:absolute;max-width:none;max-height:none;width:calc(var(--logo-height) * var(--image-w) / var(--crop-h));height:calc(var(--logo-height) * var(--image-h) / var(--crop-h));left:calc(-1 * var(--logo-height) * var(--crop-x) / var(--crop-h));top:calc(-1 * var(--logo-height) * var(--crop-y) / var(--crop-h))}
.resource-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px}
.resource-icon img{width:22px;height:22px;object-fit:contain}
.resource-icon-github{background:#eee7ff;border-radius:6px}
.resource-icon-github img{width:20px;height:20px}
.resource-icon-paper{background:#fff;border-radius:4px}
.resource-icon-paper img{width:19px;height:21px}
.resource-icon-huggingface img{width:26px;height:26px}
.video-section{padding-top:48px;padding-bottom:0}
.project-video{width:100%;margin-inline:auto}
.project-video video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:#102330;border-radius:6px}
.project-video figcaption{text-align:center;margin-top:13px}
.video-duration{white-space:nowrap;margin-left:12px;color:#687986;font-size:13px}
@media(max-width:760px){.institution-strip{margin:20px auto 24px}.institution-logos{gap:18px}.video-section{padding-top:48px;padding-bottom:0}.project-video figcaption{font-size:13px}.video-duration{display:block;margin:3px 0 0}}

/* The video is now the first visual directly after the resource buttons. */
.hero .resources{margin-bottom:0}

/* Video, highlights, and abstract share the same reading width. */
.highlights-section{padding-bottom:0}
.highlights-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:28px;border-block:1px solid #dce2e7}
.highlight-column{position:relative;min-width:0;padding-inline:18px;text-align:center}
.highlight-column+.highlight-column::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#e4e9ed}
.highlight-scale{--feature-accent:#af233c}
.highlight-diversity{--feature-accent:#187a74}
.highlight-modalities{--feature-accent:#5265a3}
.highlight-column h2{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.3px;margin:0 0 17px}
.highlight-icon{display:block;width:28px;height:28px;flex:0 0 28px;color:var(--feature-accent)}
.highlight-facts{list-style:none;margin:0;padding:0;font-size:16px;font-weight:400;line-height:30px;color:#4b5a66}
.highlight-facts li{min-height:30px}
.highlight-modalities .highlight-facts{display:flex;flex-direction:column;justify-content:space-between;min-height:150px}
.highlight-modalities li{white-space:nowrap}
.highlight-column strong{color:var(--feature-accent);font-weight:650}
@media(max-width:900px){.highlight-column{padding-inline:12px}.highlight-column h2{font-size:18px;gap:8px}.highlight-icon{width:25px;height:25px;flex-basis:25px}.highlight-facts{font-size:15px}}
@media(max-width:760px){.highlights-columns{grid-template-columns:1fr;padding-block:0}.highlight-column{padding:24px 0}.highlight-column+.highlight-column{border-top:1px solid #dce2e7}.highlight-column+.highlight-column::before{display:none}.highlight-column h2{font-size:22px;margin-bottom:12px}.highlight-icon{width:28px;height:28px;flex-basis:28px}.highlight-facts{font-size:16px}.highlight-modalities .highlight-facts{min-height:0}}
