/* Academic paper project page — Nerfies / SERL style, built from scratch. */
:root { color-scheme: light; --ink: #262626; --muted: #60646a; --paper-blue:#2164ad; --line:#e8e8e8; --content: 960px; --reading: 850px; }
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0; background:#fff; color:var(--ink); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:1.62; -webkit-font-smoothing:antialiased}
a {color:var(--paper-blue)} a:hover {color:#124a89}
.section-wrap {max-width:var(--content); padding:0 24px; margin:0 auto}
.reading-width {max-width:var(--reading); padding:0 24px; margin:0 auto}
.paper-header {text-align:center; padding-top:59px; padding-bottom:24px}
h1 {font-size:37px; font-weight:700; letter-spacing:-.9px; line-height:1.23; margin:0 auto 21px; max-width:945px; color:#272727}
.paper-short {white-space: nowrap;font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: 700;
  letter-spacing: 0px;}
.authors {font-size:19px;line-height:1.7; max-width:890px; margin:0 auto 10px}
.authors a, .authors span:not(.comma) {color:var(--paper-blue); text-decoration:none; white-space:nowrap}
.authors a:hover {text-decoration:underline}
.authors sup {font-size:10px; vertical-align:super; position:relative; margin-left:1px; color:#696969}
.comma {margin-right:7px; color:#777}
.affiliation {margin:0; font-size:19px; line-height:1.7}
.affiliation.note {color:#777;font-size:13px; margin-top:1px}
.conference {font-size: 22px;font-weight: 600;color: #383838;margin: 16px 0 22px}
.publication-links {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px}
.paper-button {height:43px; background:#363636; border-radius:24px; color:#fff; font-size:15px; font-weight:500; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 20px; text-decoration:none; transition:background .14s}
.paper-button:hover, .paper-button:focus-visible {background:#161616;color:#fff}
.paper-button svg {width:18px;height:18px; stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.paper-button .ai {font-size: 18px;line-height: 1}
.teaser {margin-top:16px; margin-bottom:43px}
figure {margin:0}
.teaser img,.paper-figure img {display:block; width:100%; height:auto; object-fit:contain}
.teaser a, .paper-figure a {display:block;cursor:zoom-in}
figcaption {font-size:13px;line-height:1.45;color:#666;margin-top:8px; text-align:center}
figcaption strong {color:#4f4f4f;font-weight:600}
.text-section,.paper-section {margin-top:53px}
h2 {font-size:26px;font-weight:600;line-height:1.35; letter-spacing:-.25px; text-align:center; margin:0 0 18px}
h3 {font-size:19px; font-weight:600; margin:22px 0 5px}
.text-section p, .section-text {font-size:16px;line-height:1.75; margin:0 0 12px; text-align:justify; color:#343434}
.text-section p {max-width:100%}
.method-copy h3 {font-size:18px}
.method-copy p {margin-bottom:12px}
.paper-section {margin-top:63px}
.paper-section .section-text {max-width:824px; margin-left:auto; margin-right:auto}
.paper-figure {margin:22px auto 20px}
.paper-figure img {max-height:660px}
.constrained-figure {max-width:680px}
.diagnostics {margin-top:52px}
.real-setup-figure {margin-top:24px}
.real-setup-figure img {max-height:370px}
.demo-heading {text-align:center; margin:35px 0 4px; font-size:20px}
.demo-intro {font-size:14px; line-height:1.55; color:var(--muted);text-align:center;margin:0 auto 17px;max-width:700px}
.video-figure {display:flex;flex-direction:column;align-items:center;margin:16px auto 18px}
.robot-video {display:block; width:min(100%,315px); aspect-ratio:3/4; border-radius:3px; background:#111;box-shadow:0 1px 5px rgba(0,0,0,.12)}
.video-caption {font-size:13px; color:#666; margin:9px auto; text-align:center}
.robot-note {margin-top:27px!important}
.citation-section {margin-top:65px}
.citation-section p {text-align:left}
.bibtex-wrap {position:relative; margin-top:17px; background:#f6f6f6; border:1px solid #e9e9e9; border-radius:3px}
.bibtex-wrap pre {padding:19px 64px 17px 18px; overflow-x:auto; margin:0; font-size:12.8px; line-height:1.6; color:#323232;tab-size:2}
.bibtex-wrap code {font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.copy-citation {position:absolute;right:11px;top:11px;background:white;border:1px solid #dadada;border-radius:4px;color:#3f3f3f;font:inherit;font-size:12px;padding:4px 10px;cursor:pointer}
.copy-citation:hover{background:#eaeaea}
.citation-footnote {font-size:13px!important;color:#777!important;margin-top:11px!important}
.footer {text-align:center; margin-top:69px; margin-bottom:32px;border-top:1px solid var(--line);padding-top:21px;font-size:13px;color:#888}
.footer p {margin:0 0 6px}
.footer .credit {font-size:12px}
.footer a {color:#777}
.intro-dialog {padding:0; border:0; border-radius:8px; width:min(92vw,1080px); max-width:1080px; background:#131313; color:white; box-shadow:0 17px 90px #0008;overflow:hidden}
.intro-dialog::backdrop {background:rgba(8,13,18,.79)}
.intro-dialog .dialog-inner {padding:11px 12px 12px}
.dialog-bar {display:flex;align-items:center;justify-content:space-between;gap:10px; padding:0 3px 9px; font-size:14px; font-weight:500}
.dialog-bar button {border:0;color:white;background:transparent;font-size:19px;cursor:pointer;width:29px;height:29px;border-radius:3px}
.dialog-bar button:hover{background:#444}
.intro-dialog video {display:block; background:#000; width:100%; aspect-ratio:16/9; max-height:77vh;outline:none}
.sr-only {clip-path:inset(50%); position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media (max-width:800px){
 .paper-header {padding-top:40px}
 h1{font-size:29px;letter-spacing:-.45px}
 .authors{font-size:18px}
 .affiliation{font-size:14px}
 .conference{font-size:17px}
 .teaser{margin-bottom:33px}
 h2{font-size:24px}
 .text-section,.paper-section{margin-top:46px}
}
@media (max-width:520px){
 .section-wrap,.reading-width{padding-left:16px;padding-right:16px}
 .paper-header{padding-top:29px;padding-bottom:15px}
 h1{font-size:25px;line-height:1.31;letter-spacing:-.35px;margin-bottom:15px}
 .authors{font-size:16px;line-height:1.75}
 .comma{margin-right:4px}
 .affiliation{font-size:13px}
 .conference{font-size:15px;margin:12px 0 18px}
 .paper-button{height:38px;padding:0 14px;font-size:13px;gap:6px}
 .paper-button svg{width:16px;height:16px}
 .publication-links{gap:7px}
 .teaser{margin-top:13px;margin-bottom:28px}
 figcaption{font-size:12px;text-align:left}
 h2{font-size:22px}
 h3{font-size:17px}
 .text-section p,.section-text{font-size:14px;text-align:left}
 .text-section,.paper-section{margin-top:39px}
 .bibtex-wrap pre{font-size:10px;padding-right:13px;padding-top:46px}
 .robot-video{width:min(100%,285px)}
 .footer{margin-top:51px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.paper-button{transition:none}}