@font-face{font-family:DM Sans;src:url('assets/dm-sans.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Space Grotesk;src:url('assets/space-grotesk.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--bg:#0b0d10;--surface:#111419;--raised:#181c22;--text:#eeeef0;--muted:#9a9da6;--line:#2a2e35;--accent:#79b6ff;--accent-soft:#79b6ff12;--header:#0b0d10e8;--baseline:#647080;--shadow:0 20px 70px #0003;color-scheme:dark}
:root[data-theme=light]{--bg:#f8f7f4;--surface:#eeede9;--raised:#fff;--text:#1b2027;--muted:#646970;--line:#d8d7d2;--accent:#185ec7;--accent-soft:#185ec70b;--header:#f8f7f4ef;--baseline:#8c97a4;--shadow:0 20px 70px #302c1710;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.wordmark,.stat-value{font-family:'Space Grotesk','DM Sans',sans-serif;font-weight:500}h2{font-size:clamp(30px,3.1vw,43px);line-height:1.2;letter-spacing:-1.7px}h3{font-size:22px;line-height:1.35;letter-spacing:-.55px}p{color:var(--muted)}strong{color:var(--text);font-weight:600}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}button,select{border:1px solid var(--line)}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:5px}img,video{display:block;max-width:100%}button svg,.button svg{width:19px;height:19px}button{background:none}::selection{background:var(--ui-selection)}sup{font-size:.65em;color:var(--text)}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section{padding-top:106px;padding-bottom:106px}.section-tinted{background:var(--surface);border-block:1px solid var(--line)}.muted{color:var(--muted)}.accent{color:var(--text)!important}.eyebrow,.small-label,.section-label{font-size:10px;letter-spacing:1.8px;font-weight:600}.section-label{display:flex;align-items:center;gap:24px;color:var(--muted);margin-bottom:38px}.section-label>span:first-child{color:var(--text)}.section-line{height:1px;background:var(--line);flex:1}.section-label>span:last-child:not(.section-line){font-size:9px;letter-spacing:1.4px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-description{font-size:16px;margin-top:17px;max-width:690px;line-height:1.65}.status-dot{display:inline-block;width:6px;height:6px;background:var(--ui-accent);border-radius:50%;box-shadow:0 0 10px var(--ui-soft)}.pill{padding:5px 11px;border:1px solid var(--line);border-radius:5px;font-size:9px;font-weight:600;letter-spacing:1.2px;white-space:nowrap;color:var(--muted)}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ui-accent);color:var(--text);padding:12px;z-index:100}.skip-link:focus{top:10px}
.site-header{height:76px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:var(--header);backdrop-filter:blur(18px)}.wordmark{font-size:21px;letter-spacing:-.8px;display:flex;align-items:center;gap:7px}.wordmark-dot{color:var(--text);margin-left:-7px}.site-header nav{display:flex;gap:32px;font-size:12px;color:var(--muted)}.site-header nav a:hover,.site-header nav a.active{color:var(--text)}.header-actions{display:flex;align-items:center;gap:22px}.icon-button{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:19px}.icon-button:hover{background:var(--raised)}.header-paper{font-size:12px}.header-paper span{margin-left:15px;color:var(--text)}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:84px 84px;opacity:.17;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.hero-glow{position:absolute;top:-350px;left:calc(50% - 650px);width:1300px;height:800px;background:radial-gradient(ellipse,var(--ui-soft),transparent 65%);pointer-events:none}.hero-content{position:relative;text-align:center;padding-top:61px}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;letter-spacing:2.2px;color:var(--muted)}.eyebrow-divider{color:var(--line);margin:0 3px}.hero h1{font-size:clamp(70px,8.8vw,128px);line-height:1.06;letter-spacing:-8px;margin:26px 0 14px}.hero h1 span{color:var(--text)}.hero-subtitle{font-family:'Space Grotesk',sans-serif;font-size:clamp(23px,2.8vw,37px);line-height:1.27;letter-spacing:-1px;color:var(--text)}.hero-tagline{margin-top:22px;font-size:15px}.hero-tagline em{font-style:normal;color:var(--text)}.authors{font-size:12px;color:var(--muted);line-height:1.95;margin-top:22px}.author-note{font-size:10px;color:var(--muted);margin-top:6px}.author-note span{margin-left:15px}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:12px;margin:25px 0 40px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid var(--line);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--text)}.button-secondary{background:var(--surface)}[data-theme=light] .button-primary{color:var(--text)}.button>span:last-child:not(.play-icon){margin-left:10px}.play-icon{font-size:21px;line-height:1}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:21px 0 25px;color:var(--muted);font-size:9px;letter-spacing:.4px}.hero-bottom a{display:flex;gap:17px}.hero-bottom .text-button{font-size:9px}.text-button{border:0;padding:0;font-size:11px;color:var(--muted)}.text-button:hover{color:var(--text)}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.intro-copy p+p{margin-top:16px}.intro-copy p{font-size:15px}.intro-copy .lead{font-size:23px;line-height:1.4;letter-spacing:-.5px;color:var(--text);margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:49px;border-block:1px solid var(--line);padding:28px 0}.stats>div{padding:0 27px;border-left:1px solid var(--line)}.stats>div:first-child{padding-left:0;border:0}.stat-value{font-size:44px;letter-spacing:-2px;white-space:nowrap;line-height:1.3}.stat-value span{font-size:18px;letter-spacing:-.8px}.stats p{font-size:11px;line-height:1.65;margin-top:11px}.metric-note{font-size:10px;line-height:1.7;margin-top:15px;color:var(--muted)}.abstract{border-bottom:1px solid var(--line);margin-top:32px}.abstract summary, .beyond-details summary,.result-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:15px 0}.abstract summary::-webkit-details-marker,.beyond-details summary::-webkit-details-marker,.result-details summary::-webkit-details-marker{display:none}.abstract summary span{color:var(--text);font-size:22px}.abstract[open] summary span{transform:rotate(45deg)}.abstract p{font-size:15px;padding:12px 0 26px;line-height:1.85}.segmented{display:inline-flex;background:var(--bg);padding:4px;border:1px solid var(--line);border-radius:7px;gap:4px;flex-shrink:0}.segmented button{border:0;padding:9px 13px;border-radius:4px;font-size:11px;color:var(--muted);white-space:nowrap}.segmented button[aria-selected=true]{background:var(--raised);color:var(--text);box-shadow:0 1px 5px #0001}.explorer-layout{display:grid;grid-template-columns:330px 1fr;gap:26px}.matrix-panel{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:22px}.small-label{color:var(--muted);font-size:9px}.matrix-direction{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:19px;margin-bottom:8px}.pair-matrix{display:grid;grid-template-columns:43px repeat(5,1fr);gap:5px;align-items:center}.matrix-label{text-align:center;font-size:9px;color:var(--muted);padding-bottom:5px}.matrix-label.row-label{text-align:left;padding-bottom:0}.pair-cell{height:34px;border:1px solid var(--line);border-radius:4px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:3px;transition:.15s}.pair-cell i{height:4px;width:4px;border-radius:50%;background:var(--from)}.pair-cell i:last-child{background:var(--to)}.pair-cell span{font-size:9px;color:var(--muted)}.pair-cell:hover{border-color:var(--ui-accent);transform:translateY(-1px)}.pair-cell[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-soft);box-shadow:inset 0 0 0 1px var(--ui-accent)}.matrix-note{font-size:9px;margin-top:21px;display:flex;align-items:center;gap:7px}.matrix-note .status-dot{width:4px;height:4px}.demo-viewer{align-self:start;min-width:0}.viewer-heading{display:flex;justify-content:space-between;align-items:center;margin:1px 0 25px}.viewer-heading h3{font-size:24px}.viewer-heading h3 span{color:var(--text);padding-inline:7px}.triptych-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;font-size:10px;color:var(--text);margin-bottom:8px}.triptych-labels > span{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.triptych-labels small{color:var(--muted);font-size:9px}.demo-video{width:100%;aspect-ratio:3/1;object-fit:contain;background:#000;border-radius:5px;border:1px solid var(--line)}.viewer-caption{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:15px;font-size:10px}.viewer-caption p{max-width:490px}.viewer-caption>span{color:var(--text);white-space:nowrap;font-size:9px}.demo-footnote{border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;margin-top:30px;padding-top:19px;font-size:9px;color:var(--muted)}.demo-footnote span:before{content:'·';margin-right:18px;color:var(--text)}.demo-footnote span:first-child:before{display:none}.demo-footnote p{margin-left:auto;font-size:9px}.comparison-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px}.comparison-toolbar label{font-size:11px;color:var(--muted)}select{background:var(--bg);border-radius:5px;padding:8px 12px;margin-left:12px;color:var(--text)}.real-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.comparison-item{min-width:0}.comparison-item h3{font-size:14px;margin-bottom:13px}.comparison-item.ours h3{color:var(--text)}.comparison-item .demo-video{aspect-ratio:4/1}.comparison-item .triptych-labels{font-size:8px}.metric-note .text-button{float:right;color:var(--text)}
.paper-figure{margin-top:38px}.figure-zoom{display:block;position:relative;background:#fff;border:0;border-radius:8px;overflow:hidden;padding:24px;width:100%}.figure-zoom img{width:100%;height:auto}.figure-zoom>span{position:absolute;right:12px;bottom:10px;font-size:10px;background:#f0f0ee;color:var(--text);padding:3px 7px;border-radius:4px}.paper-figure figcaption{font-size:11px;text-align:center;color:var(--muted);margin:16px auto 0;max-width:830px}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:31px;margin-top:42px}.method-cards article{border-top:1px solid var(--line);padding-top:20px}.card-number{font-size:11px;color:var(--text)}.method-cards h3{font-size:19px;margin:12px 0}.method-cards p{font-size:13px;line-height:1.85}.training-stages{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:20px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:5px;font-size:10px;color:var(--muted)}.training-stages b{display:block;font-size:11px;font-weight:500;color:var(--text)}.data-section{border-top:1px solid var(--line);margin-top:65px;padding-top:53px;display:grid;grid-template-columns:1fr 1fr;gap:95px}.data-section .eyebrow{color:var(--text);font-size:9px}.data-section h3{font-size:31px;margin:16px 0}.data-section p{font-size:13px;line-height:1.8}.inline-link{font-size:11px;display:inline-block;margin-top:17px;color:var(--text);border-bottom:1px solid var(--line);padding-bottom:3px}.data-visual{align-self:center}.data-numbers{display:flex;justify-content:space-between}.data-numbers>span{font-size:10px;color:var(--muted)}.data-numbers strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:35px;font-weight:500;line-height:1.6}.mixture-bar{display:flex;gap:3px;height:15px;margin:25px 0;border-radius:3px;overflow:hidden}.mixture-legend{display:grid;grid-template-columns:1fr 1fr;gap:11px 25px;font-size:10px;color:var(--muted)}.mixture-legend span{display:flex;gap:7px;align-items:center}.mixture-legend b{font-weight:400;margin-left:auto;color:var(--text)}.mixture-legend i{height:6px;width:6px;background:var(--dot);border-radius:2px}.results-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:45px}.chart-panel{min-width:0}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.chart-header h3{font-size:18px}.chart-header>span{font-size:10px;color:var(--muted)}.chart-legend{display:flex;gap:24px;align-items:center;font-size:9px;margin:13px 0 28px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:12px;height:5px;border-radius:2px}.legend-ours{background:var(--accent)}.legend-baseline{background:var(--baseline)}.chart-row{display:grid;grid-template-columns:148px 1fr 45px;align-items:center;gap:15px;margin-bottom:18px}.chart-row-label{font-size:11px}.chart-row-label small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.bar-pair{display:flex;flex-direction:column;gap:5px}.result-bar{height:7px;border-radius:2px;background:var(--baseline);width:var(--width);min-width:2px;transition:width .3s}.result-bar.ours{background:var(--accent)}.chart-values{font-size:9px;line-height:1.3;display:flex;flex-direction:column;gap:3px;text-align:right;color:var(--muted)}.chart-values b{font-weight:500;color:var(--text)}.chart-note{font-size:10px;margin-top:23px;line-height:1.8}.result-details{margin-top:18px;border-block:1px solid var(--line)}.result-details summary{font-size:11px}.result-details summary span{color:var(--text)}.table-scroll{overflow-x:auto;padding-bottom:15px}table{border-collapse:collapse;width:100%;font-size:10px;text-align:left;white-space:nowrap}th,td{padding:9px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}td:last-child{color:var(--text)}.runtime-panel{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:24px;align-self:start}.runtime-panel h3{font-size:55px;letter-spacing:-2px;margin-top:22px;line-height:1.15}.runtime-panel h3 span{font-size:22px;color:var(--text)}.runtime-panel>p{font-size:11px;margin-top:5px}.runtime-bars{margin-top:30px}.runtime-bars>div{margin-bottom:18px}.runtime-bars label{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:var(--muted)}.runtime-bars b{font-weight:500}.runtime-bars span{display:block;margin-top:7px;height:6px;width:var(--bar);background:var(--baseline);border-radius:2px}.runtime-bars .ours{background:var(--accent)}.runtime-panel>.metric-note{font-size:9px;margin-top:24px}.runtime-callout{display:flex;align-items:center;gap:15px;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.runtime-callout strong{font-size:35px;color:var(--text);font-family:'Space Grotesk',sans-serif;font-weight:500}.runtime-callout span{font-size:10px;color:var(--muted);line-height:1.5}.transfer-banner{display:grid;grid-template-columns:1fr 180px 180px;gap:35px;border-top:1px solid var(--line);padding-top:36px;margin-top:40px}.transfer-banner .eyebrow{color:var(--text);font-size:9px}.transfer-banner h3{font-size:20px;margin-top:8px}.transfer-banner p{font-size:11px;margin-top:8px;max-width:450px}.transfer-banner>div:not(:first-child){border-left:1px solid var(--line);padding-left:30px;align-self:center}.transfer-banner strong{font-size:37px;letter-spacing:-1.5px;color:var(--text);font-family:'Space Grotesk',sans-serif;font-weight:500}.transfer-banner strong span{font-size:15px}
.snow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.snow-grid figure{position:relative;border:1px solid var(--line);border-radius:6px;overflow:hidden}.snow-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.snow-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 14px 10px;background:linear-gradient(transparent,#000b);color:var(--text);font-size:11px}.snow-stats{display:flex;gap:28px;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:20px 0;margin-top:20px}.snow-stats>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.snow-stats p{font-size:10px}.snow-stats strong{display:block;font-size:21px;font-family:'Space Grotesk',sans-serif;font-weight:500}.beyond-details{margin-top:30px;border-bottom:1px solid var(--line)}.beyond-details summary{font-size:14px}.beyond-details summary>span:last-child{font-size:11px;color:var(--muted)}.beyond-details summary b{color:var(--text);font-size:20px;margin-left:18px;font-weight:400}.beyond-details .section-description{font-size:13px}.beyond-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.beyond-example h3{font-size:15px;margin-bottom:10px}.beyond-media{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.beyond-media img,.beyond-media video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}.beyond-example .triptych-labels{margin-top:10px}.limitation-note{display:flex;align-items:baseline;gap:40px;margin-top:30px}.limitation-note>span{font-size:11px;flex-shrink:0;color:var(--text)}.limitation-note p{font-size:11px}.citation-section{background:var(--surface);border-block:1px solid var(--line)}.citation-layout{display:grid;grid-template-columns:.8fr 1fr;gap:80px}.citation-layout h2{font-size:35px}.citation-layout .section-description{font-size:14px;max-width:310px}.citation-layout .button{margin-top:26px}.citation-code{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--bg);overflow:hidden}.citation-code>div{display:flex;justify-content:space-between;align-items:center;padding:12px 19px;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted);letter-spacing:1px}.citation-code .text-button{font-size:10px;letter-spacing:0}.citation-code pre{margin:0;padding:22px;font-family:monospace;font-size:10px;line-height:1.9;overflow-x:auto;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;padding:33px 0}footer .wordmark{font-size:17px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}dialog{max-width:calc(100vw - 60px);width:1400px;border:1px solid var(--line);border-radius:10px;padding:55px 20px 20px;background:#fff}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog .icon-button{position:absolute;right:13px;top:12px;color:var(--text);border-color:#bbb}dialog img{width:100%;height:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s;background:var(--text);color:var(--text);padding:11px 19px;border-radius:6px;font-size:12px;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero-content{padding-top:80px}.hero-buttons{margin-bottom:55px}.hero-bottom{padding-bottom:32px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.section{padding-block:80px}.section-heading{align-items:start;flex-direction:column;gap:22px}.explorer-layout{grid-template-columns:290px 1fr;gap:20px}.matrix-panel{padding:17px}.pair-matrix{grid-template-columns:37px repeat(5,1fr);gap:4px}.pair-cell{height:31px}.intro-grid{gap:40px}.stats>div{padding-inline:20px}.stat-value{font-size:36px}.real-comparison{grid-template-columns:1fr}.comparison-item .demo-video{max-height:220px}.comparison-item .triptych-labels{font-size:10px}.data-section{gap:45px}.results-layout{gap:28px;grid-template-columns:minmax(0,1fr) 245px}.runtime-panel{padding:19px}.transfer-banner{grid-template-columns:1fr 150px 150px;gap:20px}.citation-layout{gap:45px}.hero-bottom{font-size:8px}.demo-footnote{flex-wrap:wrap;gap:10px}.demo-footnote p{width:100%;margin-left:0}}
@media(max-width:760px){.site-header{height:62px;padding:0 20px}.wordmark{font-size:18px}.site-header nav{gap:18px}.site-header nav a{font-size:10px}.site-header nav a:first-child,.site-header nav a:last-child{display:none}.header-actions{gap:13px}.header-paper{font-size:11px}.header-paper span{margin-left:5px}.icon-button{width:29px;height:29px;font-size:16px}.container{width:calc(100% - 40px)}.hero-content{padding-top:42px}.hero-eyebrow{font-size:7px;gap:7px;letter-spacing:1.1px}.hero h1{font-size:clamp(54px,12vw,85px);letter-spacing:-4px;margin-top:25px}.hero-subtitle{font-size:clamp(21px,4.6vw,29px)}.hero-tagline{font-size:13px;margin-top:20px}.authors{font-size:10px;line-height:1.9;max-width:480px;margin:23px auto 0}.desktop-break{display:none}.author-note{font-size:8px}.hero-buttons{margin:25px 0 32px;gap:9px}.button{font-size:11px;padding:11px 14px}.hero-bottom{padding:18px 0 20px;font-size:8px;flex-wrap:wrap;gap:12px}.hero-bottom>a{display:none}.hero-bottom .text-button{font-size:8px}.section{padding-block:63px}.section-label{margin-bottom:28px;font-size:9px;gap:15px;letter-spacing:1.3px}.section-label>span:last-child:not(.section-line){display:none}h2{font-size:32px;letter-spacing:-1.4px}.intro-grid{grid-template-columns:1fr;gap:27px}.intro-copy .lead{font-size:20px}.intro-copy p{font-size:14px}.stats{grid-template-columns:1fr 1fr;gap:26px 0;margin-top:33px;padding-block:23px}.stats>div{padding-inline:20px}.stats>div:nth-child(3){border:0;padding-left:0}.stat-value{font-size:40px}.stat-value span{font-size:16px}.stats p{font-size:10px;margin-top:6px}.metric-note{font-size:9px}.abstract{margin-top:20px}.abstract p{font-size:13px}.section-description{font-size:14px}.explorer-layout{grid-template-columns:1fr;gap:25px}.matrix-panel{padding:18px;display:grid;grid-template-columns:1fr 1.3fr;gap:10px 20px;align-items:center}.matrix-panel>.small-label{grid-column:1;font-size:9px;line-height:1.7;max-width:120px}.matrix-direction{grid-column:2;grid-row:1;margin:0;font-size:8px}.pair-matrix{grid-column:2;grid-row:2/4;gap:4px;grid-template-columns:31px repeat(5,1fr)}.matrix-note{grid-column:1;grid-row:2;margin:0;font-size:10px;align-items:start;line-height:1.7}.matrix-note .status-dot{flex-shrink:0;margin-top:7px}.matrix-label{font-size:8px}.pair-cell{height:27px}.pair-cell span{font-size:7px}.pair-cell i{width:3px;height:3px}.viewer-heading{margin-bottom:18px}.viewer-heading h3{font-size:22px}.triptych-labels{font-size:9px}.triptych-labels > span{padding-inline:2px;flex-direction:column;align-items:start}.triptych-labels small{font-size:8px}.viewer-caption{font-size:9px}.demo-footnote span{font-size:8px}.demo-footnote span:before{margin-right:9px}.demo-footnote p{font-size:8px}.comparison-toolbar{align-items:start;flex-direction:column;gap:15px;font-size:12px}.real-comparison{gap:24px}.paper-figure{margin-top:20px}.figure-zoom{padding:10px}.paper-figure figcaption{font-size:10px}.method-cards{grid-template-columns:1fr;gap:25px;margin-top:28px}.method-cards article{display:grid;grid-template-columns:28px 1fr;gap:0 10px;padding-top:22px}.method-cards h3{margin:0 0 10px}.method-cards p,.training-stages{grid-column:2}.card-number{padding-top:4px}.training-stages{max-width:350px}.data-section{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-top:35px}.data-section h3{font-size:29px}.data-numbers strong{font-size:33px}.mixture-legend{font-size:10px}.results-layout{grid-template-columns:1fr;gap:30px}.chart-header h3{font-size:16px}.chart-row{grid-template-columns:117px 1fr 34px;gap:10px}.chart-row-label{font-size:10px}.chart-row-label small{font-size:8px}.chart-legend{font-size:8px;gap:15px}.runtime-panel{padding:23px}.runtime-panel h3{margin-top:14px}.runtime-bars{display:grid;grid-template-columns:1fr 1fr;gap:7px 22px}.runtime-panel>.metric-note{margin-top:5px}.runtime-callout{padding-top:14px;margin-top:14px}.transfer-banner{grid-template-columns:1fr 1fr;gap:25px;margin-top:32px}.transfer-banner>div:first-child{grid-column:1/-1}.transfer-banner>div:not(:first-child){padding-left:18px}.transfer-banner strong{font-size:34px}.transfer-banner h3{font-size:22px}.snow-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.snow-stats{gap:15px;flex-wrap:wrap}.snow-stats>span{width:100%}.snow-stats p{font-size:9px}.snow-stats strong{font-size:19px}.beyond-details summary{font-size:12px;align-items:start;gap:10px}.beyond-details summary>span:last-child{font-size:9px}.beyond-details summary b{margin-left:7px}.beyond-grid{grid-template-columns:1fr}.limitation-note{gap:15px;flex-direction:column}.citation-layout{grid-template-columns:1fr;gap:30px}.citation-layout h2{font-size:32px}.citation-code pre{font-size:9px;padding:15px}.citation-code>div{padding:12px 15px}footer{flex-wrap:wrap;gap:18px}footer p{order:3;width:100%;font-size:9px}footer>a:last-child{font-size:9px}dialog{max-width:calc(100vw - 20px);padding:48px 7px 10px}}
@media(max-width:390px){.site-header nav{display:none}.hero-eyebrow{letter-spacing:.7px}.hero h1{font-size:53px;letter-spacing:-3px}.matrix-panel{grid-template-columns:1fr;padding:15px}.matrix-panel>.small-label{max-width:none}.matrix-direction{grid-column:1;grid-row:2}.pair-matrix{grid-column:1;grid-row:3;grid-template-columns:35px repeat(5,1fr)}.matrix-note{grid-column:1;grid-row:4;font-size:9px;margin-top:7px}.pair-cell{height:33px}.segmented button{padding:8px 10px}.chart-row{grid-template-columns:105px 1fr 30px;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep each real-world comparison large enough to inspect individual matches. */
.real-comparison{grid-template-columns:1fr;gap:23px}.comparison-item{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0 25px;align-items:center}.comparison-item h3{grid-column:1;grid-row:1/3;margin:0;font-size:14px}.comparison-item .triptych-labels{grid-column:2;grid-row:1;font-size:10px}.comparison-item .demo-video{grid-column:2;grid-row:2;max-height:none}.comparison-item.ours .demo-video{border-color:var(--accent)}
@media(max-width:760px){.comparison-item{grid-template-columns:1fr;gap:0}.comparison-item h3{grid-column:1;grid-row:1;margin-bottom:12px}.comparison-item .triptych-labels{grid-column:1;grid-row:2}.comparison-item .demo-video{grid-column:1;grid-row:3}.comparison-item .triptych-labels{font-size:9px}}
/* Every animated result is shown with its inputs, warp direction, and comparison view. */
.hero-content{padding-top:35px}.hero h1{font-size:clamp(64px,7vw,100px);letter-spacing:-6px;margin:18px 0 10px}.hero-subtitle{font-size:clamp(22px,2.25vw,31px)}.hero-tagline{margin-top:14px}.authors{margin-top:17px}.hero-buttons{margin:20px 0 32px}
.hero-demo{text-align:left;border-top:1px solid var(--line);padding-top:26px}.hero-demo-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.hero-demo h2{font-size:21px;letter-spacing:-.6px;margin-top:7px;line-height:1.4}.hero-demo .small-label{color:var(--text);font-size:9px}.example-options{display:flex;flex-wrap:wrap;gap:6px}.example-options button{font-size:10px;padding:7px 10px;border-radius:4px;color:var(--muted);background:var(--surface)}.example-options button[aria-pressed=true]{border-color:var(--ui-accent);color:var(--text);background:var(--ui-soft)}.warp-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 16px}.warp-controls p{font-size:12px}.direction-options{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;gap:3px}.direction-options button{border:0;padding:6px 11px;border-radius:3px;font-size:10px;color:var(--muted)}.direction-options button[aria-pressed=true]{background:var(--ui-accent);color:var(--text)}.alignment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.alignment-grid figure{border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0;background:var(--surface)}.alignment-grid figcaption{display:flex;align-items:center;gap:10px;padding:12px;min-height:69px;font-size:13px;line-height:1.4}.alignment-grid small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.panel-number{font-family:'Space Grotesk',sans-serif;color:var(--muted);font-size:20px}.alignment-grid img,.alignment-grid video{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f5f5f5;border-top:1px solid var(--line)}.alignment-grid .is-reference{border-color:var(--ui-accent)}.alignment-grid .warp-output .panel-number{color:var(--text)}.reference-badge{display:none;font-size:8px;color:var(--text);margin-left:auto;white-space:nowrap}.is-reference .reference-badge{display:block}.alignment-explanation{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;margin-top:17px;font-size:12px;line-height:1.75}.alignment-explanation strong{color:var(--text);font-weight:500}.alignment-explanation p:last-child{font-size:10px;border-left:1px solid var(--line);padding-left:22px;align-self:center}.hero-bottom{margin-top:8px}
.explained-labels{gap:10px;margin-bottom:0}.explained-labels>span{display:block;padding:10px 8px;border:1px solid var(--line);border-bottom:0;border-radius:5px 5px 0 0;background:var(--bg);line-height:1.5}.explained-labels b{font-size:11px;font-weight:500;display:block}.explained-labels small{display:block;margin-top:4px;font-size:9px}.explained-labels .comparison-reference{border-color:var(--ui-accent)}.explained-labels .prediction-label b{color:var(--text)}.viewer-caption p{max-width:640px;font-size:12px;line-height:1.7}.viewer-caption strong{color:var(--text);font-weight:500}.comparison-guide{font-size:12px;margin:-10px 0 25px;max-width:750px}.comparison-item .triptych-labels{margin-bottom:0}.media-caption{font-size:11px;line-height:1.7;margin-top:16px}.beyond-grid{gap:32px}.beyond-example{border:1px solid var(--line);padding:18px;border-radius:7px;background:var(--surface)}.beyond-example h3{margin-bottom:18px}.bidirectional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.bidirectional-grid figcaption{font-size:11px;color:var(--text);margin-bottom:8px;line-height:1.5}.bidirectional-grid figcaption small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.bidirectional-grid figure:nth-child(n+3) figcaption{color:var(--text)}.bidirectional-grid img,.bidirectional-grid video{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f5f5f5;border:1px solid var(--line);border-radius:3px}
@media(max-width:1100px){.hero-demo-heading{align-items:start;flex-direction:column;gap:15px}.alignment-grid figcaption{font-size:12px;gap:8px;padding:10px;min-height:73px}.reference-badge{font-size:7px}.alignment-explanation{gap:25px}.explained-labels b{font-size:10px}.explained-labels small{font-size:8px}}
@media(max-width:760px){.hero-content{padding-top:30px}.hero h1{font-size:clamp(53px,11.5vw,80px);letter-spacing:-3px}.hero-subtitle{font-size:22px}.hero-demo{padding-top:23px}.hero-demo h2{font-size:20px;max-width:300px}.example-options button{font-size:10px;padding:7px 9px}.warp-controls{align-items:start;flex-direction:column;gap:12px;margin-top:19px}.warp-controls p{font-size:11px}.alignment-grid{gap:8px}.alignment-grid figcaption{font-size:11px;gap:6px;padding:9px;min-height:66px}.alignment-grid small{font-size:9px}.panel-number{font-size:17px}.reference-badge{display:none!important}.is-reference figcaption>div::after{content:'Compare here';display:block;color:var(--text);font-size:8px;margin-top:3px}.alignment-explanation{grid-template-columns:1fr;gap:10px;font-size:11px}.alignment-explanation p:last-child{border-left:0;padding-left:0;font-size:10px}.hero-bottom{font-size:8px}.explained-labels{gap:3px}.explained-labels>span{padding:7px 5px;min-height:69px}.explained-labels b{font-size:9px}.explained-labels small{font-size:8px}.viewer-caption p{font-size:11px}.comparison-guide{font-size:11px;margin-top:0}.beyond-example{padding:13px}.bidirectional-grid{gap:16px 9px}.bidirectional-grid figcaption{font-size:10px}.bidirectional-grid figcaption small{font-size:8px}.media-caption{font-size:10px}}
@media(max-width:600px){.alignment-grid{grid-template-columns:1fr 1fr}.alignment-grid .warp-output{grid-column:1/-1}.alignment-grid .warp-output video{max-height:280px}.alignment-grid figcaption{min-height:77px}.alignment-grid .warp-output figcaption{min-height:62px}.example-options{display:grid;grid-template-columns:1fr 1fr;width:100%}.example-options button{text-align:left}.hero-demo-heading{gap:18px}.direction-options{width:100%}.direction-options button{flex:1}.warp-controls{gap:12px}.hero-demo h2{max-width:none}}
.bidirectional-grid img,.bidirectional-grid video{height:auto}
/* Full-screen title over original same- and cross-modality warping footage. */
.hero{min-height:800px;height:calc(100svh - 76px);max-height:1200px;isolation:isolate;background:#0b0d10;color:var(--text)}.hero-background,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-background{z-index:-3}.hero-background video{width:100%;height:100%;object-fit:fill;opacity:.85}.hero-shade{z-index:-2;background:linear-gradient(180deg,rgba(5,8,12,.27) 0%,rgba(5,8,12,.46) 22%,rgba(5,8,12,.81) 38%,rgba(5,8,12,.86) 62%,rgba(5,8,12,.43) 80%,rgba(5,8,12,.66) 100%)}.hero-content{height:100%;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:150px 0 160px;position:relative}.hero h1{font-size:clamp(74px,7.8vw,112px);margin:15px 0 14px;letter-spacing:-6px;text-shadow:0 3px 35px #0008}.hero h1 span,.hero sup,.hero-tagline em{color:var(--text)}.hero .hero-subtitle{font-size:clamp(26px,2.7vw,39px);color:var(--text);line-height:1.25;text-shadow:0 2px 18px #0009}.hero .hero-eyebrow{color:var(--text);font-size:9px;letter-spacing:2px}.hero .status-dot{background:var(--ui-accent)}.hero .eyebrow-divider{color:var(--text)}.hero .hero-tagline{color:var(--text);margin-top:18px}.hero .authors{color:var(--text);font-size:12px;margin-top:23px;max-width:900px;text-shadow:0 1px 8px #000}.hero .author-note{color:var(--text);font-size:10px}.hero .hero-buttons{margin:25px 0 0}.hero .button-primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--text)}.hero .button-secondary{background:#101318b8;border-color:#62666f;color:var(--text);backdrop-filter:blur(8px)}.hero .hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:end;gap:25px;justify-content:space-between;padding:0;margin:0;color:var(--text);font-size:10px;text-align:left}.background-caption{display:flex;flex-direction:column;gap:5px}.background-caption b{font-size:11px;font-weight:500;color:var(--text)}.background-caption>span{font-size:9px;color:var(--text)}.hero-bottom .text-button{color:var(--text);font-size:10px;white-space:nowrap}.intro-demonstration{padding-top:64px;padding-bottom:20px}.intro-demonstration .hero-demo{border:0;padding-top:0}
@media(min-width:1600px){.hero-content{padding-top:170px;padding-bottom:170px}}
@media(max-width:1100px){.hero{min-height:760px}.hero .hero-bottom{gap:16px}.background-caption>span{max-width:380px}}
@media(max-width:760px){.hero{height:calc(100svh - 62px);min-height:780px;max-height:none}.hero-background video{object-fit:fill;opacity:.83}.hero-shade{background:linear-gradient(180deg,#05080c30 0%,#05080c80 22%,#05080cd9 35%,#05080ceb 65%,#05080c70 83%,#05080caf 100%)}.hero-content{padding:155px 0 150px}.hero h1{font-size:clamp(52px,12.8vw,86px);letter-spacing:-3px;margin:15px 0}.hero .hero-subtitle{font-size:clamp(22px,4.8vw,30px)}.hero .hero-eyebrow{font-size:7px;letter-spacing:.8px;gap:6px}.hero .hero-tagline{font-size:12px;margin-top:15px}.hero .authors{font-size:10px;margin-top:20px;line-height:1.85}.hero .author-note{font-size:8px}.hero .hero-buttons{margin-top:21px}.hero .hero-bottom{bottom:16px;gap:10px;align-items:end}.background-caption{gap:3px;max-width:245px}.background-caption b{font-size:9px}.background-caption>span{font-size:8px;line-height:1.6}.hero-bottom .text-button{font-size:8px}.hero .hero-bottom>a{display:none}.intro-demonstration{padding-top:45px;padding-bottom:0}}
@media(max-width:390px){.hero .hero-bottom{align-items:start;flex-direction:column;gap:8px}.hero h1{font-size:52px}.hero .hero-subtitle{font-size:21px}.hero .button{padding-inline:12px}}
.hero-background video{object-fit:contain}
/* Matching groups fill the entire title backdrop; no central blank band. */
.hero{height:50vw;min-height:660px;max-height:1000px}.hero-background video{object-fit:contain;opacity:1}.hero-shade{background:radial-gradient(ellipse at 50% 50%,rgba(5,8,12,.70) 0%,rgba(5,8,12,.52) 42%,rgba(5,8,12,.30) 78%),linear-gradient(0deg,rgba(5,8,12,.58),transparent 22%,transparent 82%,rgba(5,8,12,.18))}.hero-content{padding:70px 0 105px}.hero h1{font-size:clamp(70px,7vw,104px)}.hero .hero-subtitle{font-size:clamp(26px,2.4vw,35px)}.hero .hero-eyebrow,.hero .authors,.hero .author-note,.hero .hero-tagline{text-shadow:0 1px 6px #000,0 2px 15px #000}.hero h1,.hero .hero-subtitle{text-shadow:0 2px 12px #000,0 3px 32px #0008}.hero .hero-bottom{bottom:18px}.background-caption{max-width:470px;text-shadow:0 1px 6px #000}
@media(max-width:1100px) and (min-width:761px){.hero{min-height:650px}.hero-background video{object-fit:cover}}
@media(max-width:760px){.hero{height:calc(100svh - 62px);min-height:780px;max-height:none}.hero-background video{object-fit:cover}.hero-shade{background:radial-gradient(ellipse at 50% 50%,rgba(5,8,12,.77),rgba(5,8,12,.55) 48%,rgba(5,8,12,.35) 90%),linear-gradient(0deg,#05080c88,transparent 25%)}.hero-content{padding:95px 0 125px}.hero h1{font-size:clamp(52px,12.8vw,86px)}.hero .hero-subtitle{font-size:clamp(22px,4.8vw,30px)}.background-caption{max-width:245px}.hero .hero-bottom{bottom:16px}}
@media(max-width:390px){.hero h1{font-size:52px}.hero .hero-subtitle{font-size:21px}}
@media(max-width:760px){.hero-background video{object-fit:contain}}
/* Author and affiliation hierarchy: names, contribution notes, then institution. */
.hero .authors{font-size:18px;line-height:1.7;max-width:1120px;color:var(--text)}.hero .author-note{font-size:11px;margin-top:8px;color:var(--text)}.hero .hero-affiliation{font-size:18px;line-height:1.5;color:var(--text);margin-top:12px;text-shadow:0 1px 6px #000,0 2px 15px #000}.hero-content{padding-top:45px}
@media(max-width:1100px){.hero .authors{font-size:16px}.hero .hero-affiliation{font-size:17px}}
@media(max-width:760px){.hero .authors{font-size:14px;line-height:1.7;margin-top:20px}.hero .author-note{font-size:10px;margin-top:9px}.hero .hero-affiliation{font-size:16px;max-width:340px;margin-top:11px}.hero-content{padding-top:80px}}

.hero .author-name{white-space:nowrap}

/* Full paper abstract opens the first content section. */
.paper-abstract{max-width:1000px;margin:0 auto 70px}.paper-abstract h2{margin-bottom:24px}.paper-abstract p{font-size:17px;line-height:1.9;color:var(--muted)}
@media(max-width:760px){.paper-abstract{margin-bottom:45px}.paper-abstract h2{margin-bottom:18px}.paper-abstract p{font-size:15px;line-height:1.85}}

/* Larger navigation, metric headings, and matching controls. */
:root {
  --mod-rgb: #91bbef;
  --mod-event: #be9cfa;
  --mod-thermal: #f6c275;
  --mod-depth: #85c9aa;
  --mod-lidar: #f69a85;
  --runtime-baseline: #91bbef;
}
:root[data-theme=light] {
  --mod-rgb: #2364ae;
  --mod-event: #7951b3;
  --mod-thermal: #966306;
  --mod-depth: #207450;
  --mod-lidar: #b3432b;
  --runtime-baseline: #2364ae;
}
.site-header { justify-content: flex-start; gap: 48px; }
.site-header nav { font-size: 18px; gap: 30px; }
.header-actions { margin-left: auto; }
.section-label { font-size: 16px; letter-spacing: 1.5px; }
.stats { padding: 0; }
.stats > div { display: flex; flex-direction: column; padding: 26px 24px; }
.stats > div:first-child { padding-left: 24px; }
.stats p { margin: 0 0 22px; padding-bottom: 20px; border-bottom: 1px solid var(--line); min-height: 114px; font-size: 16px; line-height: 1.5; }
.stats p strong { display: block; font-weight: 500; }
.stats p > span { display: block; font-size: 15px; margin-top: 8px; }
.stats .stat-value { margin-top: auto; }
#demonstrations .section-heading { margin-bottom: 28px; }
.demo-tabs { margin-bottom: 28px; padding: 4px; gap: 4px; }
.demo-tabs button { font-size: 16px; font-weight: 600; padding: 10px 18px; }
.demo-tabs button[aria-selected=true] { background: var(--ui-accent); color:var(--text); }
.explorer-layout { grid-template-columns: 470px minmax(0, 1fr); gap: 32px; }
.matrix-panel { display: block; padding: 24px; }
.matrix-panel > .small-label { font-size: 15px; letter-spacing: 1.4px; max-width: none; }
.matrix-direction { font-size: 16px; margin: 25px 0 15px; color: var(--text); }
.pair-matrix { grid-template-columns: 66px repeat(5, minmax(0, 1fr)); gap: 7px; }
.matrix-label { font-size: 15px; font-weight: 600; padding-bottom: 8px; }
.pair-cell { height: 52px; gap: 6px; border-radius: 6px; }
.pair-cell i { width: 7px; height: 7px; }
.pair-cell span { font-size: 15px; }
.results-layout { grid-template-columns: minmax(0, 1fr) 360px; gap: 42px; }
.runtime-panel { padding: 30px; }
.runtime-panel > .small-label { font-size: 14px; line-height: 1.7; letter-spacing: 1.3px; display: block; }
.runtime-panel > p { font-size: 16px; margin-top: 9px; }
.runtime-bars { display: block; margin-top: 34px; }
.runtime-bars > div { margin-bottom: 24px; }
.runtime-bars label { font-size: 16px; align-items: baseline; gap: 12px; color:var(--text); }
.runtime-bars b { font-size: 18px; font-variant-numeric: tabular-nums; }
.runtime-bars > div:first-child label { color:var(--text); }
.runtime-bars span { height: 9px; margin-top: 10px; background: var(--runtime-baseline); }
.runtime-bars .ours { background: var(--accent); }
.runtime-callout { gap: 20px; margin-top: 28px; padding-top: 24px; }
.runtime-callout strong { font-size: 44px; }
.runtime-callout span { font-size: 15px; }
@media (max-width: 1100px) {
  .site-header { padding-inline: 28px; gap: 34px; }
  .site-header nav { gap: 24px; }
  .stats > div { padding-inline: 18px; }
  .stats > div:first-child { padding-left: 18px; }
  .stats p { min-height: 138px; }
  .explorer-layout { grid-template-columns: 1fr; gap: 32px; }
  .matrix-panel { width: 100%; max-width: 580px; }
  .results-layout { grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; }
  .runtime-panel { padding: 24px; }
  .runtime-bars label { font-size: 15px; }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 126px; }
  .site-header { height: 112px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 52px 60px; padding: 0 20px; gap: 0; }
  .site-header nav { display: flex; grid-column: 1 / -1; grid-row: 2; gap: 26px; align-self: center; }
  .site-header nav a, .site-header nav a:first-child, .site-header nav a:last-child { display: block; font-size: 16px; }
  .header-actions { grid-column: 2; grid-row: 1; }
  .hero { height: calc(100svh - 112px); }
  .section-label { font-size: 14px; letter-spacing: 1.2px; gap: 14px; }
  .stats { gap: 0; }
  .stats > div, .stats > div:first-child, .stats > div:nth-child(3) { padding: 22px 16px; }
  .stats > div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .stats p { font-size: 15px; min-height: 138px; margin-bottom: 18px; padding-bottom: 16px; }
  .stats p > span { font-size: 14px; }
  .stats .stat-value { font-size: 37px; }
  .stats .stat-value span { font-size: 16px; }
  .demo-tabs { display: flex; width: 100%; gap: 4px; padding: 4px; }
  .demo-tabs button { flex: 1; padding: 10px 8px; font-size: 14px; white-space: normal; line-height: 1.4; }
  .matrix-panel { padding: 18px; }
  .matrix-panel > .small-label { font-size: 14px; max-width: none; }
  .matrix-direction { font-size: 15px; margin: 22px 0 12px; }
  .pair-matrix { grid-template-columns: 55px repeat(5, minmax(0, 1fr)); gap: 5px; }
  .matrix-label { font-size: 12px; padding-bottom: 6px; }
  .pair-cell { height: 45px; gap: 4px; }
  .pair-cell i { width: 6px; height: 6px; }
  .pair-cell span { font-size: 12px; }
  .results-layout { grid-template-columns: 1fr; gap: 32px; }
  .runtime-panel { padding: 26px; }
  .runtime-bars label { font-size: 16px; }
}
@media (max-width: 360px) {
  .site-header nav { gap: 20px; }
  .site-header nav a { font-size: 15px; }
  .stats > div, .stats > div:first-child, .stats > div:nth-child(3) { padding-inline: 12px; }
  .stats .stat-value { font-size: 33px; }
  .matrix-panel { padding: 12px; }
  .pair-matrix { grid-template-columns: 49px repeat(5, minmax(0, 1fr)); gap: 4px; }
  .matrix-label { font-size: 11px; }
  .pair-cell { gap: 3px; }
  .pair-cell i { width: 5px; height: 5px; }
  .runtime-panel { padding: 20px; }
  .runtime-bars label { font-size: 14px; }
}

/* Main design with concise findings and separate accuracy, training, and speed. */
:root {
  --text: #fff;
  --muted: #fff;
  --accent: #79b6ff;
  --accent-soft: #79b6ff18;
  --button-fill: #183451;
  --baseline: #91a1b6;
}
:root[data-theme=light] {
  --text: #000;
  --muted: #000;
  --accent: #185ec7;
  --accent-soft: #185ec710;
  --button-fill: #e3edfc;
  --baseline: #8c9eb5;
}
.wordmark, .wordmark-dot, .hero h1, .hero h1 span { color: var(--accent); }
.site-header nav a.active { font-weight: 700; text-decoration: underline; text-decoration-color: var(--ui-accent); text-underline-offset: 7px; }
.section-label { font-size: 22px; letter-spacing: 1.2px; font-weight: 700; }
.section-label > span:first-child { color: var(--text); }
.hero .button-primary, .button-primary { background: var(--button-fill); border-color: var(--ui-accent); color: var(--text); }
.hero .button-secondary { color: var(--text); }
.demo-tabs button[aria-selected=true] { background: var(--ui-soft); color: var(--text); box-shadow: inset 0 0 0 1px var(--ui-accent); font-weight: 700; }
.segmented button[aria-selected=true] { font-weight: 700; }
.explained-labels .prediction-label b, .viewer-caption strong { font-weight: 700; }
#toast { background: var(--surface); color: var(--text); border: 1px solid var(--ui-accent); }
[data-theme=light] .hero { background: #fff; }
[data-theme=light] .hero-shade { background: radial-gradient(ellipse at 50% 50%,rgba(222,230,225,.78) 0%,rgba(222,230,225,.68) 45%,rgba(222,230,225,.22) 90%); }
[data-theme=light] .hero * { text-shadow: none; }
[data-theme=light] .hero .button-secondary { background: #ffffffe6; border-color: #000; }
.paper-abstract { margin-bottom: 0; }
.finding-list { margin-top: 34px; display: grid; gap: 18px; }
.finding { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,430px); gap: 50px; align-items: center; padding: 32px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.finding-coverage { grid-template-columns: 1fr; }
.finding h3 { font-size: 25px; line-height: 1.3; font-weight: 600; margin-bottom: 14px; max-width: 28ch; }
.finding-coverage h3 { max-width: none; }
.finding p { font-size: 16px; line-height: 1.7; max-width: 65ch; }
.finding-link { display: inline-flex; align-items: center; gap: 14px; margin-top: 18px; padding-bottom: 3px; font-size: 15px; font-weight: 700; border-bottom: 2px solid var(--ui-accent); }
.finding-link:hover { border-bottom-width: 3px; }
.finding-chart { min-width: 0; }
.finding-chart figcaption { font-size: 14px; font-weight: 700; margin-bottom: 12px; }
.finding-chart .chart-legend { font-size: 12px; gap: 8px 18px; flex-wrap: wrap; }
.finding-chart .chart-context { font-size: 12px; margin-top: 12px; }
.summary-group { margin-top: 14px; }
.summary-group > p { font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.summary-bar { display: grid; grid-template-columns: minmax(0,1fr) 3.5em; gap: 12px; align-items: center; min-height: 23px; font-size: 14px; font-variant-numeric: tabular-nums; }
.summary-bar i { display: block; height: 12px; width: var(--width); background: var(--baseline); border-radius: 0 3px 3px 0; }
.summary-bar i.ours { background: var(--accent); }
.summary-bar b { font-weight: 700; }
.result-block { margin-top: 48px; padding-top: 38px; border-top: 1px solid var(--line); scroll-margin-top: 24px; }
.result-block-heading { margin-bottom: 30px; }
.result-block-heading h3 { font-size: 30px; font-weight: 600; margin-bottom: 12px; }
.result-block-heading p { font-size: 16px; max-width: 780px; }
#accuracy .chart-panel { max-width: 1050px; }
.chart-header h3 { font-size: 22px; }
.chart-header > span, .chart-legend { font-size: 13px; }
.chart-row { grid-template-columns: 180px minmax(0,1fr) 55px; }
.chart-row-label { font-size: 14px; }
.chart-row-label small { font-size: 12px; }
.chart-values { font-size: 13px; }
.joint-chart { margin-top: 25px; }
.joint-row { display: grid; grid-template-columns: 180px minmax(0,1fr) 100px; gap: 22px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.joint-axis { font-size: 13px; border: 0; padding: 0 0 14px; }
.joint-axis > span:last-child { text-align: right; }
.joint-ticks { position: relative; height: 22px; }
.joint-ticks span { position: absolute; transform: translateX(-50%); }
.joint-ticks span:first-child { transform: none; }
.joint-ticks span:last-child { transform: translateX(-100%); }
.joint-track { height: 22px; position: relative; background: linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 33.333% 100%; }
.joint-track i { position: absolute; top: 50%; }
.joint-link { height: 3px; margin-top: -1.5px; background: var(--baseline); }
.joint-dot-single, .joint-dot-model { display: inline-block; width: 13px; height: 13px; border-radius: 50%; }
.joint-track .joint-dot-single, .joint-track .joint-dot-model { margin: -6.5px 0 0 -6.5px; box-shadow: 0 0 0 2px var(--surface); }
.joint-dot-single { background: var(--surface); border: 2px solid var(--baseline); }
.joint-dot-model { background: var(--accent); }
.joint-legend i { width: 13px; height: 13px; border-radius: 50%; }
.joint-change { font-size: 15px; font-variant-numeric: tabular-nums; text-align: right; }
.joint-change.better { font-weight: 700; }
.joint-summary, .speed-summary { font-size: 16px; margin-top: 24px; }
.speed-bars { display: grid; gap: 22px; font-size: 16px; }
.speed-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px 20px; align-items: center; font-variant-numeric: tabular-nums; }
.speed-row b { font-weight: 500; }
.speed-row.ours { font-weight: 700; }
.speed-row.ours b { font-weight: 700; }
.speed-row i { grid-column: 1 / -1; height: 11px; width: var(--width); background: var(--baseline); border-radius: 0 4px 4px 0; }
.speed-row.ours i { background: var(--accent); }
.finding-chart .speed-bars { font-size: 14px; gap: 17px; }
.finding-chart .speed-row i { height: 9px; }
#speed-chart { max-width: 900px; }
@media (max-width: 1000px) {
  .finding { grid-template-columns: minmax(0,1fr) minmax(270px,.9fr); gap: 28px; padding: 26px; }
  .finding-coverage { grid-template-columns: 1fr; }
  .finding h3 { font-size: 23px; }
}
@media (max-width: 760px) {
  .section-label { font-size: 18px; letter-spacing: .7px; }
  .finding { grid-template-columns: 1fr; gap: 28px; padding: 24px 20px; }
  .finding h3 { font-size: 23px; max-width: none; }
  .finding p { font-size: 15px; }
  .finding-chart .chart-legend { font-size: 12px; }
  .finding-chart .chart-context { font-size: 12px; }
  .result-block-heading h3 { font-size: 27px; }
  .result-block-heading p { font-size: 15px; }
  .chart-header h3 { font-size: 18px; }
  .chart-row { grid-template-columns: 112px minmax(0,1fr) 44px; gap: 10px; }
  .chart-row-label { font-size: 12px; }
  .chart-row-label small { font-size: 11px; }
  .chart-values { font-size: 12px; }
  .joint-row { grid-template-columns: 108px minmax(0,1fr) 64px; gap: 12px; }
  .joint-axis { font-size: 11px; }
  .joint-change { font-size: 12px; }
  .joint-summary, .speed-summary { font-size: 15px; }
  .speed-bars { font-size: 15px; }
}
@media (max-width: 360px) {
  .section-label { font-size: 16px; }
  .finding { padding: 22px 16px; }
  .chart-row { grid-template-columns: 102px minmax(0,1fr) 37px; gap: 7px; }
  .joint-row { grid-template-columns: 100px minmax(0,1fr) 60px; gap: 8px; }
}

/* Split wordmark, blue headings, and the shared-input demo layout. */
.wordmark { gap: 0; }
.wordmark-dot { margin-left: 0; }
.wordmark, .hero h1 { color: var(--text); }
.wordmark-match, .wordmark-dot, .hero h1 span { color: var(--accent); }
h2, .section-label, .section-label > span:first-child, h2 .muted { color: var(--accent); }
h3, .matrix-panel > .small-label, .data-section .eyebrow { color: var(--headline); }
.hero .button-primary, .button-primary { background: var(--ui-solid); border-color: var(--ui-solid); color: #fff; }
.hero-buttons { flex-wrap: wrap; }
.code-button span { font-size: 11px; font-weight: 400; }
.code-button:disabled { opacity: 1; }
.demo-switch { margin-bottom: 34px; }
.demo-switch-label { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.demo-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; max-width: 900px; }
.demo-options button { position: relative; display: grid; align-content: start; gap: 5px; text-align: left; padding: 16px 18px 16px 46px; border: 1.5px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--text); }
.demo-options button::before { content: ''; position: absolute; left: 18px; top: 21px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--text); box-sizing: border-box; }
.demo-options button b { font-size: 18px; line-height: 1.4; }
.demo-options button span { font-size: 14px; line-height: 1.5; }
.demo-options button:hover { border-color: var(--ui-accent); }
.demo-options button[aria-selected=true] { border-color: var(--ui-accent); box-shadow: 0 0 0 1px var(--ui-accent); background: var(--ui-soft); }
.demo-options button[aria-selected=true]::before { border: 5px solid var(--ui-accent); }
.demo-viewer { min-width: 0; }
.demo-viewer .pair-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; font-size: 24px; font-weight: 700; margin-bottom: 18px; }
.pair-title .to { font-weight: 400; }
.demo-viewer .triptych-labels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 0 0 10px; }
.demo-viewer .triptych-labels > span { display: block; padding: 0 12px 0 0; line-height: 1.35; border: 0; background: none; }
.demo-viewer .triptych-labels b { display: block; font-size: 15px; font-weight: 700; color: var(--text); }
.demo-viewer .triptych-labels small { display: block; font-size: 14px; margin-top: 4px; color: var(--text); }
.demo-viewer .demo-video { width: 100%; aspect-ratio: 3/1; object-fit: contain; background: #000; border-radius: 4px; }
.demo-viewer figcaption { font-size: 14px; margin-top: 14px; }
.comparison-toolbar { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 18px; font-size: 16px; }
.toolbar-label { font-weight: 700; }
.choice-group { display: flex; flex-wrap: wrap; gap: 8px; }
.choice-group button { padding: 8px 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); font-size: 15px; line-height: 1.4; }
.choice-group button:hover { border-color: var(--ui-accent); }
.choice-group button[aria-checked=true] { background: var(--ui-soft); border-color: var(--ui-accent); box-shadow: inset 0 0 0 1px var(--ui-accent); font-weight: 700; }
.comparison-toolbar .button { margin-left: auto; min-width: 80px; justify-content: center; color: var(--text); background: var(--bg); }
.comparison-guide { max-width: 80ch; margin-bottom: 26px; font-size: 16px; }
.compare { display: grid; grid-template-columns: 2fr 3fr; gap: 28px; }
.compare-group { display: grid; gap: 10px; min-width: 0; align-content: start; }
.compare-group > h3 { font-size: 16px; font-weight: 700; letter-spacing: 0; margin: 0; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.compare-panels { display: grid; gap: 10px; }
.compare-inputs .compare-panels { grid-template-columns: repeat(2,minmax(0,1fr)); }
.compare-outputs .compare-panels { grid-template-columns: repeat(3,minmax(0,1fr)); }
.compare-panel { min-width: 0; }
.compare-panel .panel-label { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 0 4px; min-height: 3em; font-size: 15px; line-height: 1.5; margin-bottom: 8px; }
.compare-panel video { display: block; width: 100%; aspect-ratio: 252/188; object-fit: cover; background: #000; border-radius: 3px; }
.compare-panel[data-crop=source] video { object-position: 0% 50%; }
.compare-panel[data-crop=target] video { object-position: 50% 50%; }
.compare-panel[data-crop=output] video { object-position: 100% 50%; }
.compare-panel.ours video { outline: 2px solid var(--accent); outline-offset: 2px; }
.compare-panel.ours .panel-label { font-weight: 800; }
@media (max-width: 980px) {
  .compare { grid-template-columns: minmax(0,1fr); gap: 26px; }
}
@media (max-width: 760px) {
  .demo-options { grid-template-columns: minmax(0,1fr); }
  .demo-options button b { font-size: 17px; }
  .demo-viewer .triptych-labels b { font-size: 13px; }
  .demo-viewer .triptych-labels small { font-size: 12px; }
  .demo-viewer .triptych-labels > span { padding-right: 7px; }
  .demo-viewer figcaption { font-size: 13px; }
  .comparison-guide { font-size: 15px; }
  .compare-panel .panel-label { font-size: 13px; }
  .compare-outputs .panel-label { min-height: 3em; }
  .compare-inputs .panel-label { min-height: 1.5em; }
  .choice-group button { font-size: 14px; }
  .hero .hero-buttons { gap: 10px; }
}


/* Sensor colors stay consistent between the matrix, selections, and video labels. */
[data-mod=rgb] { --mod: var(--mod-rgb); }
[data-mod=event] { --mod: var(--mod-event); }
[data-mod=thermal] { --mod: var(--mod-thermal); }
[data-mod=depth] { --mod: var(--mod-depth); }
[data-mod=lidar] { --mod: var(--mod-lidar); }
.mod-name, .matrix-label[data-mod] { color: var(--mod); font-weight: 700; }
.mod-name { white-space: nowrap; }
.mod-name::before { content: ''; display: inline-block; width: .6em; height: .6em; margin-right: .35em; background: var(--mod); border-radius: 1px; vertical-align: .02em; }
.pair-title .to { color: var(--text); }
#real-pair .mod-name::before { display: none; }
#key-results .finding-list { margin-top: 0; }


/* Warm section headlines complement the blue numbered labels. */
:root { --headline: #efa575; }
:root[data-theme=light] { --headline: #a44f1d; }
#demonstrations .section-heading h2,
#method .section-heading h2,
#results .section-heading h2,
#results .section-heading h2 .muted,
.citation-layout h2 { color: var(--headline); }
#accuracy .chart-row-label,
#joint-training .chart-row-label { font-weight: 700; }
#accuracy .chart-row-label small,
#joint-training .chart-row-label small { font-weight: 400; }
.citation-layout h2 + .button { margin-top: 24px; }


/* Orange interaction accents; blue remains the brand and chart color. */
:root {
  --ui-accent: #efa575;
  --ui-soft: #efa57518;
  --ui-selection: #efa57560;
  --ui-solid: #a44f1d;
  --button-fill: #4a2d1c;
  --baseline: #a1a1a1;
}
:root[data-theme=light] {
  --ui-accent: #a44f1d;
  --ui-soft: #a44f1d10;
  --ui-selection: #efa57560;
  --button-fill: #f7e7dc;
  --baseline: #858585;
}
.citation-layout .brand-name { color: var(--text); white-space: nowrap; }
.citation-layout .brand-match { color: var(--accent); }

/* Paper links remain blue in both themes. */
.hero .button-primary,
.citation-layout .button-primary {
  background: #185ec7;
  border-color: #185ec7;
  color: #fff;
}


/* Selected teal palette: neutral headings and one consistent accent. */
:root {
  --bg: #0c1110;
  --surface: #131a18;
  --raised: #1b2421;
  --line: #2b3732;
  --header: #0c1110;
  --accent: #79cbb7;
  --accent-soft: #79cbb718;
  --headline: var(--text);
  --ui-accent: #79cbb7;
  --ui-soft: #79cbb718;
  --ui-solid: #196f60;
  --ui-selection: #79cbb740;
  --button-fill: #79cbb718;
}
:root[data-theme=light] {
  --bg: #fafcfb;
  --surface: #eef3f0;
  --raised: #fff;
  --line: #d6e1da;
  --header: #fafcfb;
  --accent: #196f60;
  --accent-soft: #196f6010;
  --headline: var(--text);
  --ui-accent: #196f60;
  --ui-soft: #196f6010;
  --ui-solid: #196f60;
  --ui-selection: #196f6025;
  --button-fill: #196f6010;
}
.section-label, .section-label > span:first-child,
.data-section .eyebrow, .matrix-panel > .small-label { color: var(--text); }
#key-results .finding { background: var(--bg); }
.hero .button-primary, .citation-layout .button-primary { background: var(--ui-solid); border-color: var(--ui-solid); color: #fff; }
.hero .button-secondary { backdrop-filter: none; }

/* Larger explanatory text, with quieter Method and Results headlines. */
.demo-viewer figcaption { font-size: 17px; line-height: 1.65; }
#method .section-heading h2,
#results .section-heading h2 { font-size: clamp(27px,2.5vw,34px); letter-spacing: -1px; }
.method-cards .card-number { font-size: 16px; font-weight: 600; }
.method-cards h3 { font-size: 23px; line-height: 1.35; }
.method-cards p { font-size: 17px; line-height: 1.75; }
.training-stages { font-size: 15px; padding: 15px; }
.training-stages b { font-size: 17px; font-weight: 600; }
.data-section { gap: 56px; }
.data-section .eyebrow { font-size: 16px; letter-spacing: 1.4px; }
.data-section h3 { font-size: 35px; }
.data-section p { font-size: 17px; line-height: 1.75; }
.data-numbers { gap: 20px; }
.data-numbers > span { font-size: 15px; line-height: 1.5; }
.data-numbers strong { font-size: 43px; }
.mixture-legend { font-size: 14px; gap: 14px 20px; }
.mixture-legend span { min-width: 0; }
.mixture-legend i { flex-shrink: 0; width: 8px; height: 8px; }
.mixture-legend b { white-space: nowrap; }
.result-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; max-width: 740px; }
.result-options button { position: relative; text-align: left; padding: 14px 16px 14px 42px; background: var(--bg); color: var(--text); border: 1.5px solid var(--line); border-radius: 8px; font-size: 16px; line-height: 1.4; font-weight: 600; }
.result-options button::before { content: ''; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; border: 2px solid var(--text); border-radius: 50%; }
.result-options button:hover { border-color: var(--ui-accent); }
.result-options button[aria-selected=true] { border-color: var(--ui-accent); box-shadow: 0 0 0 1px var(--ui-accent); background: var(--ui-soft); font-weight: 700; }
.result-options button[aria-selected=true]::before { border: 4px solid var(--ui-accent); }
#accuracy .chart-row-label, #joint-training .chart-row-label { font-size: 17px; }
#accuracy .chart-row-label small, #joint-training .chart-row-label small { font-size: 14px; margin-top: 4px; }
#accuracy .chart-row { grid-template-columns: 190px minmax(0,1fr) 65px; }
#joint-training .joint-row { grid-template-columns: 190px minmax(0,1fr) 100px; }
.chart-values { font-size: 15px; }
@media (max-width: 1000px) {
  .method-cards { gap: 24px; }
  .data-section { gap: 32px; }
  .data-numbers { gap: 14px; }
  .data-numbers strong { font-size: 38px; }
  .mixture-legend { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .demo-viewer figcaption { font-size: 16px; }
  .method-cards h3 { font-size: 22px; }
  .method-cards p, .data-section p { font-size: 16px; }
  .data-section h3 { font-size: 30px; }
  .data-numbers > span { font-size: 14px; }
  #accuracy .chart-row-label, #joint-training .chart-row-label { font-size: 14px; }
  #accuracy .chart-row-label small, #joint-training .chart-row-label small { font-size: 12px; }
  #accuracy .chart-row { grid-template-columns: 125px minmax(0,1fr) 48px; gap: 10px; }
  #joint-training .joint-row { grid-template-columns: 125px minmax(0,1fr) 65px; gap: 10px; }
  .chart-values { font-size: 13px; }
}
@media (max-width: 600px) {
  .result-options { grid-template-columns: 1fr; gap: 9px; }
  .result-options button { font-size: 15px; padding-block: 12px; }
}
@media (max-width: 360px) {
  #accuracy .chart-row { grid-template-columns: 115px minmax(0,1fr) 42px; gap: 7px; }
  #joint-training .joint-row { grid-template-columns: 115px minmax(0,1fr) 59px; gap: 7px; }
}


/* Keep all five navigation destinations visible on narrow screens. */
.site-header nav a { white-space: nowrap; }
.site-header > .wordmark, .site-header > .header-actions { flex-shrink: 0; }
@media (max-width: 1000px) {
  html { scroll-padding-top: 150px; }
  .site-header { height: auto; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 52px auto; padding: 0 20px; gap: 0; }
  .site-header nav { display: flex; flex-wrap: wrap; grid-column: 1 / -1; grid-row: 2; gap: 8px 22px; min-height: 60px; padding: 10px 0; align-items: center; }
  .site-header nav a, .site-header nav a:first-child, .site-header nav a:last-child { display: block; font-size: 16px; }
  .header-actions { grid-column: 2; grid-row: 1; }
}
@media (max-width: 360px) {
  .site-header nav { column-gap: 18px; }
  .site-header nav a, .site-header nav a:first-child, .site-header nav a:last-child { font-size: 15px; }
}