.media-feature { aspect-ratio: 16 / 9; }
.feature-caption { display:grid; grid-template-columns:180px 1fr auto; gap:30px; align-items:start; padding:19px 0; border-bottom:1px solid var(--line); color:#89a0af; font-size:12px; }
.feature-caption span { font:600 11px Arial,sans-serif; letter-spacing:.12em; }
.feature-caption p { margin:0; color:#c7d4db; font-size:14px; max-width:610px; }
.concept-band { background:#0d1928; border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; }
.concept-band::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 50%,rgba(71,139,151,.10),transparent 48%); pointer-events:none; }
.concept-inner { position:relative; padding-block:25px 90px; }
.concept-head { text-align:center; max-width:900px; margin:78px auto 54px; }
.overline { font:600 11px Arial,sans-serif; color:var(--cyan); letter-spacing:.17em; margin:0 0 19px; }
.concept-head h2,.two-column-heading h2,.final-grid h2 { font-size:clamp(40px,5vw,70px); font-weight:600; letter-spacing:-.06em; line-height:1.08; margin:0; }
.concept-head h2 span,.two-column-heading h2 span,.final-grid h2 span { color:var(--cyan); }
.concept-head>p:last-child { color:var(--muted); max-width:650px; margin:24px auto 0; line-height:1.8; }
.worlds-grid { display:grid; grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr); align-items:stretch; }
.world-card { min-height:330px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(39,87,103,.12),rgba(8,18,31,.45)); padding:30px 32px; position:relative; overflow:hidden; }
.world-audio { background:linear-gradient(215deg,rgba(122,80,46,.13),rgba(8,18,31,.45)); }
.world-index { display:flex; justify-content:space-between; font:600 12px Arial,sans-serif; letter-spacing:.14em; color:var(--cyan); }
.world-audio .world-index { color:var(--orange); }
.world-symbol { height:105px; display:flex; align-items:center; justify-content:center; gap:18px; }
.world-symbol i { width:13px; height:13px; background:var(--cyan); border-radius:50%; box-shadow:0 0 0 14px rgba(111,229,227,.08); display:block; }
.world-symbol i:nth-child(2) { transform:translateY(-22px); }
.world-symbol i:nth-child(3) { transform:translateY(10px); }
.world-wave { gap:8px; }
.world-wave i { width:3px; height:30px; border-radius:8px; box-shadow:none; background:var(--orange); }
.world-wave i:nth-child(2),.world-wave i:nth-child(4) { height:55px; transform:none; }
.world-wave i:nth-child(3) { height:80px; transform:none; }
.world-card h3 { font-size:26px; line-height:1.2; letter-spacing:-.04em; margin:30px 0 9px; }
.world-card p { color:var(--muted); max-width:360px; margin:0; font-size:14px; }
.world-bridge { display:flex; align-items:center; justify-content:center; gap:5px; }
.bridge-line { width:22px; height:1px; background:linear-gradient(90deg,var(--cyan),var(--orange)); }
.bridge-core { width:35px; height:35px; border:1px solid #5c8790; border-radius:50%; display:grid; place-items:center; color:var(--text); font-size:20px; }
.trajectory-strip { display:flex; align-items:center; gap:20px; padding-top:30px; color:#8cabb7; font:600 11px Arial,sans-serif; letter-spacing:.13em; }
.trajectory-rule { display:flex; align-items:center; justify-content:space-around; position:relative; width:180px; height:1px; background:linear-gradient(90deg,var(--cyan),var(--orange)); }
.trajectory-rule i { width:6px; height:6px; border-radius:50%; background:var(--orange); }
.trajectory-strip strong { margin-left:auto; color:#b7cbd0; font-weight:500; }
.correspondence-demo { width:min(100%,1080px); margin:64px auto 0; overflow:hidden; border:1px solid rgba(111,229,227,.35); border-radius:14px; background:#02070e; box-shadow:0 24px 60px rgba(0,0,0,.24); }
.correspondence-demo-label { display:flex; justify-content:space-between; gap:16px; padding:14px 20px; color:var(--cyan); font:600 11px 'Space Grotesk',Arial,sans-serif; letter-spacing:.15em; }
.correspondence-demo-label span:last-child { color:#b3c4ce; }
.correspondence-demo video { display:block; width:100%; aspect-ratio:16 / 9; background:#02070e; }
.section-block { padding-block:25px 110px; }
.two-column-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:end; margin:65px 0 38px; }
.two-column-heading p:last-child { color:var(--muted); line-height:1.8; max-width:430px; margin:0 0 6px; justify-self:end; }
.media-figure { aspect-ratio:16 / 7; min-height:300px; }
.placeholder-figure-icon { font:500 38px Arial,sans-serif; letter-spacing:.22em; color:var(--cyan); margin-bottom:10px; }
.figure-note { display:flex; gap:20px; border-bottom:1px solid var(--line); padding:17px 0; color:var(--muted); font-size:13px; margin:0; }
.figure-note span { color:var(--cyan); font:600 11px Arial,sans-serif; letter-spacing:.12em; min-width:65px; }
.gallery-section { padding-bottom:130px; }
.demo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.demo-card { min-width:0; }
.media-demo { aspect-ratio:16 / 10; min-height:190px; }
.media-demo .placeholder-center strong { font-size:19px; }
.media-demo .placeholder-center small { max-width:280px; }
.media-demo .placeholder-play { width:43px; height:43px; margin-bottom:5px; }
.media-demo .placeholder-corner,.media-demo .placeholder-bottom { left:17px; right:17px; font-size:9px; }
.media-demo .placeholder-corner { top:15px; }
.media-demo .placeholder-bottom { bottom:13px; }
.demo-copy { padding:23px 3px 0; }
.demo-number { font:600 10px Arial,sans-serif; letter-spacing:.14em; color:var(--cyan); }
.demo-copy h3 { font-size:25px; letter-spacing:-.04em; line-height:1.2; margin:12px 0; }
.demo-copy p { color:var(--muted); font-size:14px; line-height:1.7; margin:0; }
.comparison-wrap { background:linear-gradient(180deg,#0d1b29,#0b1522); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.comparison-wrap .section-block { padding-bottom:88px; }
.comparison-matrix-shell { overflow-x:auto; overscroll-behavior-inline:contain; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding-bottom:11px; scrollbar-color:rgba(111,229,227,.55) rgba(255,255,255,.06); scrollbar-width:thin; }
.comparison-matrix-shell:focus-visible { outline:2px solid var(--cyan); outline-offset:5px; }
.comparison-matrix { min-width:1120px; }
.comparison-sample { padding:24px 0 27px; border-bottom:1px solid var(--line); }
.comparison-sample:last-child { border-bottom:0; }
.comparison-sample-heading { display:flex; align-items:center; gap:12px; margin:0 0 13px; }
.comparison-sample-heading>span { display:grid; place-items:center; width:31px; height:31px; border:1px solid rgba(111,229,227,.4); border-radius:50%; color:var(--cyan); font:600 11px Arial,sans-serif; }
.comparison-sample-heading h3 { margin:0; font:600 17px 'Segoe UI',Arial,sans-serif; letter-spacing:-.02em; }
.comparison-sample-heading p { margin:0 0 0 auto; color:#829aa8; font:600 10px Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.comparison-sample-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.comparison-cell { min-width:0; }
.comparison-model-label { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:37px; padding:9px 10px; border:1px solid var(--line); border-bottom:0; background:rgba(255,255,255,.025); }
.comparison-model-label strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#c6d5dc; font:600 12px Arial,sans-serif; letter-spacing:.015em; }
.comparison-model-label span { flex:0 0 auto; color:var(--cyan); font:700 9px Arial,sans-serif; letter-spacing:.12em; }
.media-comparison-cell { aspect-ratio:16 / 9; min-height:0; border-style:solid; border-color:var(--line); background:#02070e; }
.media-comparison-cell .placeholder-center { padding:12px; }
.media-comparison-cell .placeholder-center strong { font-size:16px; }
.media-comparison-cell .placeholder-play { width:34px; height:34px; margin-bottom:2px; font-size:10px; }
.comparison-cell-ours .comparison-model-label,.comparison-cell-ours .media-comparison-cell { border-color:rgba(111,229,227,.52); }
.comparison-cell-ours .comparison-model-label { background:rgba(111,229,227,.08); }
.comparison-cell-ours .media-comparison-cell { box-shadow:0 0 0 1px rgba(111,229,227,.08),0 12px 30px rgba(9,49,60,.2); }
.comparison-note { margin:26px 0 0; color:#abc0cb; font-size:14px; border-left:2px solid var(--orange); padding-left:17px; }
.quantitative-wrap { background:linear-gradient(180deg,#09131f,#0d1928); border-bottom:1px solid var(--line); }
.quantitative-wrap .section-block { padding-bottom:95px; }
.media-quantitative { aspect-ratio:1881 / 614; min-height:0; }
.evidence-wrap { background:#0d1928; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.evidence-wrap .section-block { padding-bottom:90px; }
.final-section { padding-top:25px; padding-bottom:115px; }
.final-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; padding-top:75px; }
.final-lead { color:var(--muted); max-width:370px; line-height:1.8; margin-top:28px; }
.paper-panel { border-top:1px solid var(--cyan); padding-top:22px; }
.paper-panel h3 { font-size:18px; margin:0 0 17px; }
.paper-panel p { font-size:15px; line-height:1.85; color:#c0d0d8; }
.empty-copy { font-style:italic; color:#8da4b2!important; }
.resource-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:25px; }
.resource-disabled { border:1px solid var(--line); border-radius:999px; padding:9px 15px; color:#879dab; font-size:13px; }
.resource-link { border:1px solid var(--cyan); border-radius:999px; padding:9px 15px; color:var(--cyan); font-size:13px; }
.resource-link:hover { background:rgba(111,229,227,.1); }
.citation-heading { border-top:1px solid var(--line); padding-top:27px; margin-top:33px!important; }
.paper-panel pre { white-space:pre-wrap; overflow-wrap:anywhere; color:#9eafbb; font:13px/1.6 Consolas,'Courier New',monospace; background:#0b1522; border:1px solid var(--line); padding:16px; margin:0; }
.paper-panel pre[hidden] { display:none; }
.site-footer { border-top:1px solid var(--line); background:#070d17; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:28px; }
.footer-inner>span,.footer-inner>a:last-child { font:600 10px Arial,sans-serif; letter-spacing:.16em; color:#8ba0af; }
.footer-inner>a:last-child:hover { color:var(--cyan); }
.media-placeholder.is-filled { border:1px solid var(--line); background:#02070e; min-height:0; }
.media-placeholder.is-filled::before { display:none; }
.media-placeholder.is-filled video,.media-placeholder.is-filled img { display:block; width:100%; height:100%; object-fit:contain; position:absolute; inset:0; }
@media(max-width:900px) {
  .demo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .demo-card:last-child { grid-column:span 2; }
  .demo-card:last-child .media-demo { aspect-ratio:16 / 6; }
  .final-grid { gap:36px; }
}
@media(max-width:760px) {
  .site-header { height:auto; min-height:68px; flex-wrap:wrap; padding-block:15px; gap:10px; }
  .site-header nav { width:100%; order:2; justify-content:space-between; gap:10px; }
  .site-header nav a:nth-child(n+3) { display:inline; }
  .feature-caption { grid-template-columns:1fr auto; gap:8px; }
  .feature-caption p { grid-column:1/-1; grid-row:2; }
  .concept-inner { padding-bottom:65px; }
  .concept-head { margin:58px auto 38px; }
  .concept-head h2,.two-column-heading h2,.final-grid h2 { font-size:clamp(37px,8vw,54px); }
  .worlds-grid { display:block; }
  .world-card { min-height:250px; }
  .world-bridge { height:60px; transform:rotate(90deg); }
  .trajectory-strip { flex-wrap:wrap; gap:12px; }
  .trajectory-strip strong { width:100%; margin-left:0; line-height:1.6; }
  .correspondence-demo { margin-top:44px; }
  .correspondence-demo-label { flex-wrap:wrap; padding:12px 15px; font-size:10px; }
  .section-block { padding-bottom:80px; }
  .two-column-heading { display:block; margin:50px 0 30px; }
  .two-column-heading p:last-child { margin:24px 0 0; max-width:620px; }
  .media-figure { aspect-ratio:4 / 3; min-height:250px; }
  .placeholder-figure-icon { font-size:27px; }
  .demo-grid { display:block; }
  .demo-card { margin-bottom:43px; }
  .demo-card:last-child .media-demo { aspect-ratio:16 / 10; }
  .media-demo { min-height:220px; }
  .final-grid { display:block; padding-top:55px; }
  .paper-panel { margin-top:50px; }
  .footer-inner { flex-wrap:wrap; }
  .footer-inner>span { display:none; }
}
@media(max-width:460px) {
  .section-kicker { font-size:9px; }
  .section-kicker>span:last-child { max-width:145px; text-align:right; }
  .placeholder-corner { left:14px; right:14px; top:13px; }
  .placeholder-center strong { font-size:19px; }
  .placeholder-center small { font-size:12px; }
  .hero-stage { height:220px; }
  .world-card { padding:25px; }
  .media-feature { aspect-ratio:4 / 3; }
  .placeholder-figure-icon { font-size:21px; }
  .feature-intro h2 { font-size:39px; }
}

/* StereoBind paper identity and expandable video results */
.paper-hero { min-height:570px; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); padding-block:58px 55px; }
.paper-hero h1 { font-size:clamp(44px,4.2vw,66px); line-height:1.08; letter-spacing:-.055em; max-width:810px; margin-bottom:25px; }
.paper-hero .hero-intro { max-width:660px; color:#cddde3; font-size:18px; margin-bottom:28px; }
.paper-hero .hero-stage { height:440px; }
.button-pending { background:rgba(111,229,227,.12); color:#a5c5ca; border-color:rgba(111,229,227,.28); cursor:default; }
.button-text { border-color:transparent; color:var(--cyan); padding-inline:10px; }
.button-text:hover { color:#b5f8f1; }
.button-code { color:var(--cyan); border-color:rgba(111,229,227,.6); background:rgba(111,229,227,.08); cursor:pointer; transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease; }
.button-code:hover,.button-code:focus-visible { color:#06212b; border-color:var(--cyan); background:var(--cyan); box-shadow:0 0 0 4px rgba(111,229,227,.14),0 12px 24px rgba(0,0,0,.2); }
.abstract-lead { padding-bottom:95px; scroll-margin-top:25px; }
.abstract-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:75px; padding-top:62px; }
.abstract-grid h2 { font-size:clamp(38px,3.8vw,58px); line-height:1.12; letter-spacing:-.055em; margin:0; }
.abstract-grid h2 span { color:var(--cyan); }
.abstract-copy { border-left:1px solid rgba(111,229,227,.42); padding-left:32px; }
.abstract-copy h3 { font-size:18px; letter-spacing:-.025em; margin:0 0 16px; }
.abstract-copy p { font-size:16px; line-height:1.86; color:#c5d4dc; margin:0; }
.results-section { scroll-margin-top:25px; padding-bottom:105px; }
.headphone-notice { display:flex; align-items:center; gap:18px; margin:4px 0 42px; padding:22px 28px; border:1px solid rgba(255,179,112,.55); border-left:5px solid var(--orange); border-radius:14px; background:linear-gradient(100deg,rgba(255,179,112,.16),rgba(255,179,112,.04)); box-shadow:0 16px 38px rgba(0,0,0,.13); color:#ffe4c3; }
.headphone-notice span { flex:none; font-size:clamp(32px,3.2vw,44px); line-height:1; }
.headphone-notice strong { font:700 clamp(25px,3vw,38px)/1.25 'Space Grotesk',Arial,sans-serif; letter-spacing:-.03em; }
.result-category { display:grid; grid-template-columns:210px minmax(0,1fr); gap:48px; padding:43px 0 56px; border-top:1px solid var(--line); }
.result-category:last-child { border-bottom:1px solid var(--line); }
.result-index { font:600 11px Arial,sans-serif; letter-spacing:.15em; color:var(--cyan); }
.result-category-head h3 { font-size:clamp(29px,3vw,43px); letter-spacing:-.055em; line-height:1.1; margin:15px 0 13px; }
.result-category-head p { font-size:14px; line-height:1.7; color:var(--muted); margin:0; }
.result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
.result-card { min-width:0; }
.media-result { aspect-ratio:16 / 9; min-height:190px; }
.media-result .placeholder-corner { top:14px; left:16px; right:16px; font-size:9px; }
.media-result .placeholder-center { padding:20px; }
.media-result .placeholder-center strong { font-size:19px; }
.media-result .placeholder-center small { max-width:240px; }
.media-result .placeholder-play { width:42px; height:42px; font-size:12px; margin-bottom:7px; }
.result-card-copy { padding-top:14px; }
.result-card-copy h4 { font:600 17px 'Segoe UI',Arial,sans-serif; letter-spacing:-.02em; margin:0 0 4px; }
.result-card-copy p { color:var(--muted); font-size:13px; line-height:1.6; margin:0; }
.result-input-details { margin-top:15px; border:1px solid rgba(111,229,227,.24); border-radius:10px; background:rgba(111,229,227,.04); overflow:hidden; }
.result-input-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 15px; color:var(--cyan); cursor:pointer; list-style:none; font:600 12px 'Space Grotesk',Arial,sans-serif; letter-spacing:.02em; }
.result-input-details summary::-webkit-details-marker { display:none; }
.result-input-details summary::after { content:'+'; font:500 22px/1 Arial,sans-serif; }
.result-input-details[open] summary::after { content:'−'; }
.result-input-details summary:hover,.result-input-details summary:focus-visible { background:rgba(111,229,227,.1); }
.result-input-details summary:focus-visible { outline:2px solid var(--orange); outline-offset:-2px; }
.result-input-body { padding:17px 15px 18px; border-top:1px solid rgba(111,229,227,.18); }
.result-input-body h5 { margin:0 0 9px; color:var(--cyan); font:600 10px Arial,sans-serif; letter-spacing:.15em; }
.result-input-prompt { margin:0 0 20px; color:#c5d4dc; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.result-motion-track { display:block; width:100%; aspect-ratio:5 / 3; border:1px solid var(--line); border-radius:7px; background:#02070e; object-fit:contain; }
#comparison,#method,#quantitative { scroll-margin-top:25px; }
@media(max-width:1100px) {
  .paper-hero { grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); }
  .paper-hero h1 { font-size:clamp(41px,4.5vw,55px); }
  .abstract-grid { gap:40px; }
  .result-category { grid-template-columns:180px minmax(0,1fr); gap:30px; }
}
@media(max-width:760px) {
  .paper-hero { display:block; min-height:0; padding-block:48px 25px; }
  .paper-hero h1 { font-size:clamp(38px,8.2vw,54px); line-height:1.1; }
  .paper-hero .hero-intro { font-size:17px; }
  .paper-hero .hero-stage { height:220px; margin-top:8px; }
  .abstract-lead { padding-bottom:68px; }
  .abstract-grid { display:block; padding-top:42px; }
  .abstract-grid h2 { font-size:clamp(37px,8vw,53px); }
  .abstract-copy { border-left:0; border-top:1px solid rgba(111,229,227,.42); padding:22px 0 0; margin-top:33px; }
  .abstract-copy p { font-size:15px; line-height:1.8; }
  .headphone-notice { gap:13px; margin-bottom:30px; padding:18px 20px; }
  .result-category { display:block; padding:36px 0 49px; }
  .result-category-head { margin-bottom:26px; }
  .result-category-head p { max-width:530px; }
  .result-grid { gap:27px 16px; }
}
@media(max-width:560px) {
  .paper-hero h1 { font-size:clamp(35px,8.7vw,44px); }
  .paper-hero .hero-actions { gap:9px; }
  .paper-hero .button { font-size:12px; padding:10px 15px; min-height:42px; }
  .result-grid { grid-template-columns:1fr; }
  .media-result { min-height:210px; }
}

/* Paper figures: preserve the authors' native aspect ratios and open full-size on click. */
#teaser,#dataset { scroll-margin-top:25px; }
.dataset-wrap { background:linear-gradient(180deg,#0d1928,#0a1421); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.dataset-wrap .section-block { padding-bottom:95px; }
.media-teaser { aspect-ratio:1663 / 750; min-height:0; }
.media-dataset { aspect-ratio:1630 / 890; min-height:0; }
.media-method { aspect-ratio:1806 / 985; min-height:0; }
.media-diagram-link.is-filled { display:block; background:#fff; border:1px solid rgba(141,181,198,.42); cursor:zoom-in; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.media-diagram-link.is-filled img { object-fit:contain; background:#fff; }
.media-diagram-link.is-filled::after { content:"OPEN FULL SIZE  ↗"; position:absolute; z-index:2; right:14px; bottom:14px; padding:7px 10px; border-radius:999px; background:rgba(7,13,23,.88); color:#d7e7ec; font:600 10px Arial,sans-serif; letter-spacing:.11em; opacity:0; transform:translateY(4px); transition:opacity .2s ease,transform .2s ease; }
.media-diagram-link.is-filled:hover,.media-diagram-link.is-filled:focus-visible { border-color:rgba(111,229,227,.78); box-shadow:0 20px 55px rgba(0,0,0,.26); transform:translateY(-2px); }
.media-diagram-link.is-filled:hover::after,.media-diagram-link.is-filled:focus-visible::after { opacity:1; transform:none; }
@media(max-width:760px) {
  .dataset-wrap .section-block { padding-bottom:72px; }
  .media-teaser,.media-dataset,.media-method,.media-quantitative { min-height:0; }
  .media-diagram-link.is-filled::after { opacity:1; transform:none; right:8px; bottom:8px; padding:5px 8px; font-size:8px; }
}