:root{--ink:#193341;--muted:#546571;--teal:#087d76;--navy:#153e51;--line:#dce5e9;--tint:#f5f8fa;--soft-teal:#eaf6f3;--white:#fff;--width:1120px;--radius:12px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--teal);text-decoration:none;text-underline-offset:4px}
a:hover{text-decoration:underline}
button{font:inherit;cursor:pointer}
button,a,summary,video,[tabindex="0"]{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #138eab;outline-offset:5px}
::selection{background:#c3eee6;color:var(--ink)}
[hidden]{display:none!important}
img,video{max-width:100%;height:auto}
figure{margin:0}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:650;line-height:1.2;letter-spacing:-.035em}
h2{font-size:clamp(1.75rem,3.1vw,2.45rem);margin-bottom:22px}
h3{font-size:1.2rem;margin-bottom:14px;letter-spacing:-.02em}
p{margin-bottom:20px}
sup{font-size:.65em;line-height:0;vertical-align:super}
sub{font-size:.75em}
.container{width:min(var(--width),calc(100% - 56px));margin-inline:auto}
.prose-container{width:min(870px,calc(100% - 56px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:20px;background:var(--white);padding:12px 18px;z-index:100}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:rgb(255 255 255 / 96%);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav-inner{max-width:var(--width);padding:14px 0;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:62px}
.wordmark{color:var(--navy);display:flex;align-items:center;gap:9px;font-weight:750;font-size:18px;letter-spacing:-.7px;white-space:nowrap}
.wordmark:hover{text-decoration:none}
.nav-links{display:flex;gap:29px;font-size:14px;font-weight:550}
.nav-links a{color:var(--muted)}
.nav-links a:hover{color:var(--teal)}
.hero{padding:54px 0 42px;text-align:center;background:linear-gradient(180deg,#f6fafb 0%,#fff 100%)}
.eyebrow{color:var(--teal);font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-bottom:15px}
.project-name{display:block;font-size:clamp(3.3rem,6.6vw,5rem);font-weight:780;line-height:1.04;letter-spacing:-.065em;margin-bottom:20px}
.project-name>span{color:var(--teal)}
.paper-title{display:block;font-size:clamp(1.6rem,3.05vw,2.5rem);line-height:1.22;font-weight:630;letter-spacing:-.035em}
.hero h1{margin-bottom:26px}
.authors{font-size:16px;line-height:1.8;max-width:1020px;margin:0 auto 18px}
.authors p{margin:0;display:flex;flex-wrap:wrap;justify-content:center;column-gap:18px}
.authors p>span{white-space:nowrap}
.authors a{color:#1e687e}
.authors sup{margin-left:2px}
.affiliations{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 20px;max-width:860px;margin:auto;color:var(--muted);font-size:14px;line-height:1.8}
.affiliations a{color:inherit}
.author-notes{display:flex;justify-content:center;gap:20px;font-size:12px;color:var(--muted);margin:10px 0 23px}
.resource-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;padding:10px 17px;background:var(--white);color:var(--ink);font-size:14px;font-weight:600;line-height:1.5;min-height:44px;transition:background .15s,border-color .15s}
.button:hover{background:#eef5f6;border-color:#a4c9cc;text-decoration:none}
.button-primary{background:var(--navy);border-color:var(--navy);color:var(--white)}
.button-primary:hover{background:#23536a;border-color:#23536a}
.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.button-detail{font-size:12px;font-weight:400;opacity:.8}
.button-unavailable{background:#f4f6f7;color:#63717b;cursor:default}
.button-unavailable:hover{background:#f4f6f7;border-color:var(--line)}
.showcase{padding-top:10px;padding-bottom:62px}
.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.showcase-heading h2{font-size:17px;letter-spacing:-.02em;margin:0;font-weight:600}
.text-button{background:none;border:0;padding:8px 0 8px 10px;font-size:13px;color:var(--teal);min-height:40px;white-space:nowrap}
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.preview-card{border-radius:var(--radius);overflow:hidden;background:#193341;border:1px solid #213b47}
.preview-label{padding:8px 14px;color:var(--white);font-size:13px;font-weight:550;display:flex;align-items:center;gap:12px;line-height:1.5}
.preview-label span{color:#93d2ce;font-size:12px;font-variant-numeric:tabular-nums}
.preview-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#172932}
.showcase-caption{max-width:1000px;font-size:19px;color:var(--muted);text-align:center;line-height:1.65;margin:25px auto 32px}
.showcase-caption strong{font-weight:600;color:var(--ink)}
.highlights{display:grid;grid-template-columns:1fr 1fr 1.2fr;text-align:center;border-top:1px solid var(--line);padding-top:28px}
.highlights>div+div{border-left:1px solid var(--line)}
.highlights strong{font-size:32px;line-height:1.2;letter-spacing:-.05em;font-weight:700;color:var(--teal)}
.highlights strong span{font-size:21px;font-weight:550;letter-spacing:-.025em}
.highlights p{font-size:13px;margin:8px 10px 0;color:var(--muted);line-height:1.5}
.section{padding-block:78px}
.section-tinted{background:var(--tint);border-block:1px solid #eaf0f3}
.abstract-text{font-size:17px;line-height:1.85;margin:0}
.abstract-text strong{font-weight:650}
.motivation-opening,.motivation-bridge{font-size:17px;line-height:1.85;color:var(--muted)}
.motivation-opening strong,.motivation-bridge strong{color:var(--ink);font-weight:600}
.insight-statement{margin:28px 0;padding-left:22px;border-left:3px solid var(--teal)}
.insight-statement p{font-size:17px;line-height:1.8;margin:0;color:var(--muted)}
.insight-statement strong{font-weight:600;color:var(--ink)}
.transition-example{display:grid;grid-template-columns:1.25fr 1fr;margin:25px 0 28px;background:var(--white);border:1px solid #cbdfe0;border-radius:10px;overflow:hidden}
.transition-example>div{padding:20px 24px}
.transition-example>div+div{border-left:1px solid #cbdfe0;background:#eef7f4}
.transition-example .transition-label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}
.transition-example p:not(.transition-label){font-size:17px;line-height:1.65;margin:0;font-weight:550}
.transition-plus{color:var(--teal);margin-right:4px}
.abstract-details{margin-top:29px;border-top:1px solid var(--line);padding-top:17px}
.abstract-details summary{font-size:15px}
.abstract-details .abstract-text{padding-top:20px;font-size:16px;color:var(--muted)}
@media(max-width:640px){.motivation-opening,.motivation-bridge{font-size:16px;line-height:1.8}.insight-statement{padding-left:17px;margin-block:25px}.insight-statement p{font-size:16px}.transition-example{grid-template-columns:1fr}.transition-example>div{padding:17px 20px}.transition-example>div+div{border-left:0;border-top:1px solid #cbdfe0}.transition-example p:not(.transition-label){font-size:16px}}
.section-heading{max-width:850px;margin-bottom:34px}
.section-heading p:not(.eyebrow){color:var(--muted);margin-bottom:0;font-size:18px;line-height:1.7}
.method-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0}
.method-steps article{border-top:2px solid #b9d9da;padding-top:17px}
.step-number{font-size:12px;letter-spacing:.065em;font-weight:700;color:var(--teal);display:block;margin-bottom:16px}
.method-steps h3{font-size:19px;line-height:1.35;max-width:280px}
.method-steps p{font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:0}
.method-steps strong{color:var(--ink);font-weight:600}
.method-supervision{max-width:870px;margin:40px auto 0}
.method-supervision h3{font-size:18px;margin-bottom:0}
.paper-figure{margin-top:32px}
.paper-figure>a{display:block;border:1px solid var(--line);background:var(--white);border-radius:var(--radius);overflow:hidden;padding:20px;transition:border-color .2s}
.paper-figure>a:hover{border-color:#92b5bd}
.paper-figure img{display:block;width:100%;height:auto}
figcaption{font-size:14px;line-height:1.7;color:var(--muted);margin-top:14px}
figcaption strong{color:var(--ink);font-weight:600}
.figure-details{margin-top:28px;border-bottom:1px solid var(--line);padding-bottom:20px}
summary{font-size:15px;color:var(--teal);cursor:pointer;font-weight:550;padding:5px 0}
.task-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:42px}
.task-results article{padding:24px 21px 22px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}
.task-index{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.06em;margin-bottom:10px}
.task-results strong{font-size:48px;letter-spacing:-.06em;font-weight:700;line-height:1.2;color:var(--teal);display:block;margin-bottom:17px}
.task-results strong span{font-size:24px;font-weight:500;margin-left:2px}
.task-results h3{font-size:17px;margin-bottom:10px}
.task-results article>p:last-child{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overscroll-behavior-inline:contain}
table{width:100%;border-collapse:collapse;min-width:590px;font-size:15px;line-height:1.6;font-variant-numeric:tabular-nums}
caption{text-align:left;padding:18px 24px;font-size:15px;font-weight:650;color:var(--ink);caption-side:top}
caption span{font-size:12px;font-weight:400;color:var(--muted);float:right;margin-top:3px}
th,td{padding:10px 24px;border-top:1px solid #e8edf0;text-align:center;white-space:nowrap}
th:first-child{text-align:left;width:52%}
thead th{background:#eef3f6;color:#4c626e;font-size:13px;font-weight:650}
tbody th{font-weight:450}
.play-label{font-size:12px;color:var(--muted);margin-left:5px}
.ours-secondary{border-top:2px solid #cbd9df}
.ours-secondary th{font-weight:600}
.ours{background:var(--soft-teal);color:#125951}
.ours th{font-weight:750}
.table-detail{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}
.table-note{font-size:13px;color:var(--muted);margin:14px 2px 0;line-height:1.7}
.comparison-figure{margin-top:42px}
.comparison-figure>a{padding:13px}
.split-section{display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center}
.split-section>div>p:not(.eyebrow){font-size:16px;color:var(--muted)}
.split-section>div>p strong{color:var(--ink);font-weight:600}
.split-section .paper-figure{margin:0}
.split-section .paper-figure>a{padding:22px}
.inline-finding{border-left:3px solid #3ba395;padding:4px 0 4px 20px;margin-top:26px}
.inline-finding>span{font-size:14px;font-weight:650;color:var(--teal)}
.inline-finding p{font-size:14px;color:var(--muted);margin:7px 0 0}
.ablation-intro{display:grid;grid-template-columns:1fr 2fr;gap:42px;align-items:start;margin:48px 0 26px}
.ablation-intro h3{font-size:23px;line-height:1.3}
.ablation-intro p{font-size:16px;margin:0;color:var(--muted)}
.task-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}
.task-tabs button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--muted);padding:11px 17px;font-size:14px;line-height:1.5;min-height:44px}
.task-tabs button:hover{border-color:#6d999d;color:var(--teal)}
.task-tabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:var(--white)}
.task-tabs button span{font-size:12px;opacity:.75}
.task-panel{padding-top:28px}
.panel-heading{margin-bottom:24px}
.panel-heading h3{font-size:23px;margin-bottom:8px}
.panel-heading p{font-size:15px;margin:0;color:var(--muted)}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
.video-grid video{display:block;width:100%;aspect-ratio:16/9;background:#193341;border-radius:10px;object-fit:contain}
.video-grid figcaption{display:flex;justify-content:space-between;gap:12px;margin:10px 2px 0;font-size:13px}
.video-grid figcaption a{font-size:12px}
.citation-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.citation-heading h2{margin-bottom:0}
.citation-heading+p{font-size:15px;color:var(--muted);margin:22px 0}
.copy-button{font-size:13px;white-space:nowrap}
.citation-code{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;background:#eaf0f3;padding:26px;border:1px solid #dce5e9;border-radius:10px;font-size:13px;line-height:1.8;color:#334e5a}
.citation-code code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.citation-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;margin-top:14px;min-height:24px}
.site-footer{padding-block:34px 40px;text-align:center}
.footer-brand{font-weight:750;font-size:21px;color:var(--navy);letter-spacing:-.04em}
.site-footer p{font-size:13px;color:var(--muted);margin:7px 0 0}
.site-footer .credits{font-size:12px;margin-top:10px}
@media(min-width:1200px){.nav-inner{width:calc(100% - 56px)}}
@media(max-width:1199px){.nav-inner{margin-inline:28px}}
@media(max-width:900px){.desktop-break{display:none}.paper-title{max-width:800px;margin:auto}.hero{padding-top:42px}.authors p{column-gap:14px}.task-results{grid-template-columns:repeat(2,minmax(0,1fr))}.method-steps{gap:22px}.split-section{gap:32px}.highlights strong{font-size:27px}.highlights strong span{font-size:18px}.section{padding-block:58px}.ablation-intro{gap:24px}}
@media(max-width:640px){body{font-size:16px}.container,.prose-container{width:calc(100% - 36px)}.nav-inner{margin-inline:18px;gap:14px;min-height:58px;padding-block:11px}.wordmark{font-size:16px;gap:7px}.wordmark img{width:24px;height:24px}.nav-links{gap:15px;font-size:12px}.hero{padding:36px 0 29px}.project-name{font-size:56px;margin-bottom:16px}.paper-title{font-size:25px;line-height:1.28}.hero h1{margin-bottom:23px}.authors{font-size:14px;line-height:1.9;margin-bottom:16px}.authors p{column-gap:12px}.affiliations{font-size:12px;gap:3px 12px}.author-notes{font-size:12px;gap:15px;margin-top:12px}.resource-links{gap:8px}.button{padding:10px 12px;font-size:13px;gap:7px}.button-detail{font-size:11px}.showcase{padding-top:6px;padding-bottom:42px}.showcase-heading{align-items:flex-start;gap:8px}.showcase-heading h2{font-size:15px;line-height:1.5;max-width:215px}.text-button{font-size:12px;padding-top:0;min-height:32px}.preview-grid{gap:8px}.preview-card{border-radius:8px}.preview-label{font-size:11px;padding:7px 8px;gap:6px;letter-spacing:-.015em}.preview-label span{display:none}.showcase-caption{font-size:16px;line-height:1.65;margin:23px 0}.showcase-caption br{display:none}.highlights{grid-template-columns:1fr 1fr;row-gap:22px;padding-top:22px}.highlights>div:last-child{grid-column:1/-1;border-left:0}.highlights strong{font-size:28px}.highlights p{font-size:12px}.section{padding-block:46px}.section-heading{margin-bottom:27px}.section-heading p:not(.eyebrow){font-size:16px}.abstract-text{font-size:16px;line-height:1.85}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:12px}.method-steps{grid-template-columns:1fr;gap:25px;margin:30px 0}.method-steps h3{max-width:none;font-size:20px;margin-bottom:10px}.step-number{margin-bottom:10px}.paper-figure>a{padding:10px;border-radius:8px}figcaption{font-size:13px;line-height:1.7}.task-results{gap:12px;margin-bottom:28px}.task-results article{padding:18px 15px}.task-results strong{font-size:42px}.task-results h3{font-size:16px}.task-results article>p:last-child{font-size:13px}.task-index{font-size:11px}.table-scroll{border-radius:8px}th,td{padding:10px 16px}caption{padding:16px;font-size:14px}.table-note{font-size:12px}.split-section{grid-template-columns:1fr;gap:30px}.split-section .paper-figure>a{padding:18px}.ablation-intro{grid-template-columns:1fr;gap:0;margin-top:32px}.ablation-intro h3{font-size:22px;margin-bottom:13px}.task-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.task-tabs button{font-size:13px;padding:10px 12px;justify-content:space-between}.panel-heading h3{font-size:21px}.panel-heading p{font-size:14px}.video-grid{grid-template-columns:1fr;gap:24px}.citation-code{padding:18px;font-size:12px}.citation-heading{gap:12px}.copy-button{font-size:12px}.site-footer{padding-block:28px}.site-footer p{font-size:12px}}
@media(max-width:360px){.nav-links{gap:10px}.wordmark{font-size:15px}.paper-title{font-size:23px}.preview-grid{grid-template-columns:1fr}.preview-label{font-size:13px}.task-results{grid-template-columns:1fr}.resource-links{gap:6px}.button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}