.method-result-link { margin-top:25px; font-size:12px; }
.experiment-block { margin-top:48px; padding-top:36px; border-top:1px solid var(--line); scroll-margin-top:85px; }
.experiment-heading { margin-bottom:24px; max-width:850px; }
.experiment-heading h3 { font-size:24px; letter-spacing:-.35px; line-height:1.4; margin-bottom:12px; }
.experiment-heading > p:not(.eyebrow), .experiment-reading { font-size:13px; color:var(--body); line-height:1.9; }
.experiment-reading { margin:22px 0; max-width:950px; }
.experiment-reading strong { font-weight:500; color:var(--ink); }
.experiment-charts { display:grid; grid-template-columns:1fr 1fr; gap:55px; margin:28px 0; }
.bar-panel h4 { font-weight:500; font-size:15px; margin:0 0 15px; }
.bar-scale { display:flex; justify-content:space-between; color:var(--muted); font-size:10px; margin:0 0 13px 110px; }
.bar-row { display:grid; grid-template-columns:100px 1fr 38px; align-items:center; gap:10px; margin-block:13px; font-size:12px; }
.bar-track { height:16px; background:#f0f2f3; }
.bar-track i { display:block; height:100%; background:#718da0; }
.bar-row:last-child .bar-track i { background:#718da0; }
.bar-row strong { font-weight:500; text-align:right; font-variant-numeric:tabular-nums; }
.generalization-table th { white-space:normal; }
.generalization-table td { font-variant-numeric:tabular-nums; }
.generalization-table td > span { padding-inline:8px; color:#969ca0; }
.generalization-table strong { font-weight:500; color:#27668b; }
.generalization-table small { font-size:10px; color:var(--muted); margin-left:12px; }
.quality-results figure { max-width:930px; margin-inline:auto; }
.experiment-source { display:flex; justify-content:space-between; align-items:start; gap:35px; border-top:1px solid var(--line); margin-top:35px; padding-top:20px; font-size:11px; color:var(--muted); }
.experiment-source p { max-width:730px; } .experiment-source a { white-space:nowrap; }
@media(max-width:700px) { .experiment-charts { grid-template-columns:1fr; gap:25px; } .experiment-block { margin-top:34px; padding-top:27px; } .experiment-heading h3 { font-size:22px; } .generalization-table small { display:block; margin:2px 0 0; } .experiment-source { display:block; } .experiment-source a { display:inline-block; margin-top:12px; } }
:root { --ink:#26292b; --body:#62666b; --muted:#797e83; --link:#27668b; --line:#dfe2e4; --gutter:32px; --page-width:1160px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:82px; }
body { margin:0; min-width:320px; font:16px/1.75 Arial,Helvetica,sans-serif; color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased; }
a { color:var(--link); text-decoration:none; } a:hover { text-decoration:underline; }
button { font:inherit; cursor:pointer; } button,a,summary { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid var(--link); outline-offset:4px; }
img,video { display:block; max-width:100%; height:auto; } video { width:100%; }
figure,p { margin:0; } figure { min-width:0; } [hidden] { display:none!important; }
.wrap { width:min(var(--page-width),calc(100% - var(--gutter)*2)); margin-inline:auto; }
.site-header { background:#fffffff5; border-bottom:1px solid #eceeef; position:sticky; top:0; z-index:20; }
.navigation { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:62px; font-size:12px; }
.wordmark { color:var(--ink); font-size:18px; font-weight:600; }
.nav-links { display:flex; gap:28px; } .nav-links a { color:#62666b; }
.landing { padding-block:58px 42px; }
.publication { max-width:900px; margin:auto; text-align:center; }
h1 { margin:0 0 13px; font-size:52px; line-height:1.1; letter-spacing:-1.6px; font-weight:600; }
.paper-title { font-size:26px; line-height:1.4; letter-spacing:-.35px; font-weight:400; }
.authors { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 22px; margin:23px 0 5px; font-size:14px; color:var(--link); }
.authors > span { white-space:nowrap; } sup { font-size:.65em; }
.affiliations { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 24px; font-size:12px; color:var(--body); }
.author-notes { flex-basis:100%; font-size:11px; color:var(--muted); }
.publication-links { display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; margin-top:22px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:9px; border:1px solid var(--line); border-radius:5px; padding:7px 16px; color:#444; background:white; font-size:12px; }
.button:hover { background:#f0f2f3; text-decoration:none; } .button.primary { background:#303539; border-color:#303539; color:white; }
.button svg { width:15px; height:15px; } .release-status { color:var(--muted); font-size:11px; margin-left:8px; }
.project-summary { max-width:730px; margin:24px auto 0; color:var(--body); font-size:15px; line-height:1.8; }
.hero-film { margin-top:34px; } .hero-film > video { background:#eee; }
.task-labels { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.task-labels button { padding:12px 17px; background:none; border:0; text-align:left; font-size:15px; color:var(--ink); }
.task-labels button + button { border-left:1px solid var(--line); } .task-labels span { float:right; font-size:11px; color:var(--link); line-height:26px; }
figcaption { margin-top:11px; font-size:11px; color:var(--muted); line-height:1.8; }
.research-section { padding:72px 0; } .collection-section,.robots-section { background:#f5f6f7; border-block:1px solid #e9ebed; }
h2 { margin:0 0 16px; font-size:32px; font-weight:500; line-height:1.3; letter-spacing:-.65px; }
.section-heading { margin-bottom:32px; } .section-heading > p:not(.eyebrow) { max-width:850px; color:var(--body); font-size:15px; }
.split-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:70px; } .split-heading h2 { margin-bottom:0; }
.eyebrow { font-size:10px; letter-spacing:1.4px; color:var(--muted); margin-bottom:12px; }
.scale-film figcaption { display:flex; justify-content:space-between; gap:16px; } figcaption strong { color:#52585c; font-weight:500; }
.collection-bottom { display:grid; grid-template-columns:.75fr 1.25fr; align-items:center; gap:62px; margin-top:47px; padding-top:36px; border-top:1px solid var(--line); }
.dataset-number { font-size:43px; line-height:1.3; letter-spacing:-1px; } .dataset-number > span { font-size:15px; letter-spacing:0; color:var(--body); }
.dataset-breakdown { display:flex; gap:42px; margin-top:21px; font-size:13px; line-height:1.7; } .dataset-breakdown strong { font-size:19px; font-weight:500; } .dataset-breakdown span { color:var(--muted); font-size:11px; }
.small-note,.figure-note { color:var(--muted); font-size:11px; line-height:1.85; margin-top:19px; }
.collection-copy .text-link { display:inline-block; margin-top:18px; } .text-link { font-size:12px; }
.asset-film { min-width:0; } .asset-film video { aspect-ratio:16/9; }
.image-button { display:block; position:relative; width:100%; padding:0; background:none; border:0; text-align:left; color:inherit; }
.image-button img { width:100%; } .zoom-hint { display:block; text-align:right; color:var(--link); font-size:11px; margin-top:10px; }
.method-figure { padding-block:14px; } .method-figure figcaption { max-width:850px; }
.method-explanation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:30px; }
h3 { margin:0 0 10px; font-size:16px; font-weight:500; } .method-explanation p { color:var(--body); font-size:13px; line-height:1.9; }
details { border-block:1px solid var(--line); padding:15px 0; font-size:12px; line-height:1.85; } summary { cursor:pointer; color:var(--link); } details > p { margin-top:16px; color:var(--body); }
.ablation { margin-top:30px; }
.robot-links { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.robot-links button { border:0; border-right:1px solid var(--line); background:none; color:var(--ink); padding:13px 10px; font-size:12px; text-align:left; } .robot-links button:last-child { border-right:0; } .robot-links span { float:right; color:var(--link); }
.robot-links button:hover,.task-labels button:hover { background:#e9edef; }
.results-figure img { width:100%; } .result-takeaway { font-size:13px; color:var(--body); margin:24px 0; }
.table-scroll { overflow:auto; margin-top:18px; } table { border-collapse:collapse; width:100%; font-size:12px; text-align:center; } th,td { padding:10px 13px; border-bottom:1px solid var(--line); white-space:nowrap; } th { font-weight:500; } tbody th { text-align:left; } thead { background:#f7f8f9; } caption { text-align:left; color:var(--muted); margin-bottom:12px; font-size:11px; } .highlight { background:#f1f6f9; } .result-reading { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:20px; color:var(--body); } .result-reading strong { display:block; color:var(--ink); font-weight:500; }
.resources-section { padding:45px 0; border-block:1px solid var(--line); background:#fafafa; }
.resource-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; } .resources-section h2 { font-size:24px; } .resource-layout > div > p { color:var(--body); font-size:13px; }
.resource-links { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:20px; }
.terminal { padding:18px; border:1px solid var(--line); background:white; min-width:0; } .terminal-header { display:flex; justify-content:space-between; font-size:11px; color:var(--muted); } .terminal-header button { border:0; background:none; color:var(--link); font-size:11px; } pre { overflow:auto; font:11px/1.9 Consolas,monospace; margin:18px 0; } .terminal > p,.terminal > span { font-size:11px!important; }
footer { display:flex; gap:35px; justify-content:space-between; align-items:start; padding-block:30px; } footer p,footer > a:last-child { color:var(--muted); font-size:11px; }
dialog { border:0; background:white; padding:22px; max-width:94vw; max-height:92vh; overflow:auto; border-radius:5px; } dialog::backdrop { background:#111a; }
#film-dialog { width:fit-content; } .dialog-heading { display:flex; justify-content:space-between; align-items:center; gap:35px; margin-bottom:16px; } .dialog-heading h2 { font-size:17px; letter-spacing:0; margin:0; } [data-close] { border:0; background:none; font-size:12px; color:var(--body); } #film-video { width:auto; height:auto; max-width:min(1200px,86vw); max-height:72vh; margin:auto; }
#figure-dialog { padding-top:50px; } #figure-dialog img { width:auto; max-height:78vh; margin:auto; } .dialog-close { position:absolute; right:20px; top:14px; }
.skip { position:fixed; top:-100px; background:white; padding:12px; z-index:50; } .skip:focus { top:0; } .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:800px) { :root { --gutter:22px; } .nav-links { gap:17px; } .navigation { gap:15px; } .landing { padding-top:40px; } h1 { font-size:44px; } .paper-title { font-size:23px; } .split-heading { gap:35px; } .collection-bottom { gap:30px; grid-template-columns:1fr 1.1fr; } .method-explanation { gap:23px; } .resource-layout { gap:32px; } h2 { font-size:28px; } .dataset-number { font-size:36px; } }
@media(max-width:600px) { :root { --gutter:18px; } .navigation { min-height:54px; font-size:11px; } .nav-links { display:none; } .landing { padding-block:34px; } h1 { font-size:40px; } .paper-title { font-size:21px; } .paper-title br { display:none; } .authors { gap:4px 14px; font-size:12px; } .affiliations { font-size:10px; gap:4px 12px; } .release-status { flex-basis:100%; margin:4px 0 0; } .project-summary { font-size:13px; margin-top:20px; } .hero-film { margin-top:25px; } .task-labels button { padding:9px 8px; font-size:12px; } .task-labels span { font-size:9px; line-height:21px; } figcaption { font-size:10px; } .research-section { padding:44px 0; } h2 { font-size:27px; } .split-heading,.collection-bottom,.resource-layout { grid-template-columns:1fr; gap:22px; } .section-heading > p:not(.eyebrow) { font-size:13px; } .scale-film figcaption { display:block; } .scale-film figcaption span { display:block; margin-top:3px; } .collection-bottom { margin-top:27px; padding-top:25px; } .collection-copy { max-width:450px; } .dataset-breakdown { margin-top:13px; } .collection-copy .small-note { margin-top:14px; } .method-explanation { grid-template-columns:1fr; gap:22px; } .robot-links { grid-template-columns:repeat(5,minmax(0,1fr)); } .robot-links button { padding:10px 4px; font-size:9px; } .robot-links span { display:none; } .result-reading { grid-template-columns:1fr; gap:18px; } footer { flex-wrap:wrap; gap:15px; } footer p { order:3; flex-basis:100%; } .dialog-heading h2 { font-size:13px; } dialog { padding:14px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }