.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.action-lab{background:#eeeeeb;padding-bottom:68px}.lab-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cfd0c9;padding:18px 0 20px;gap:20px}.lab-modes,.lab-cameras{display:flex;gap:24px;align-items:center}.lab-toolbar button{background:none;border:0;padding:8px 0;color:var(--muted);font-size:12px;position:relative}.lab-toolbar button[aria-pressed=true]{color:var(--ink)}.lab-modes button[aria-pressed=true]:after{content:'';height:2px;position:absolute;bottom:-3px;left:0;right:0;background:var(--red)}.lab-modes button{font-weight:bold}.lab-cameras button{font-size:10px}.lab-cameras button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}.lab-viewer{height:clamp(380px,43vw,630px);position:relative;background:#e9e9e5;border-top:1px solid #d0d1ca;border-bottom:1px solid #d0d1ca;overflow:hidden;isolation:isolate}.lab-viewer canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.lab-viewer canvas:active{cursor:grabbing}.lab-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9e9e5;z-index:4}.lab-loading img{height:70%;width:auto;object-fit:contain;opacity:.75;max-width:85%}.lab-loading p{font-size:12px;margin-top:10px}.lab-hud{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:14px;pointer-events:none;font-size:10px;letter-spacing:.1em;z-index:2}.lab-hud>span:first-child{display:flex;gap:8px;align-items:center}.lab-hud>span:last-child{letter-spacing:.03em;color:#62655d}.lab-annotations{position:absolute;bottom:22px;left:28px;display:flex;gap:24px;pointer-events:none;font-size:10px;color:#62655d}.lab-annotations span{display:flex;align-items:center;gap:8px}.lab-annotations i{height:2px;width:20px;display:inline-block}.lab-legend-red{background:var(--red)}.lab-legend-gray{background:#9d9f98}.lab-drag-hint{position:absolute;bottom:22px;right:28px;font-size:9px;color:#62655d;letter-spacing:.08em;pointer-events:none}.lab-drag-hint span{font-size:16px;margin-left:10px}.lab-playback{display:flex;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid #cfd0c9}.lab-playback button{background:none;border:0;padding:8px 0;font-size:12px;display:flex;align-items:center;gap:12px;white-space:nowrap}.lab-playback button:disabled{opacity:.4;cursor:wait}.play-icon{color:var(--red);font-size:13px}.lab-playback #lab-replay{font-size:25px;margin-left:12px}.lab-playback input{accent-color:var(--red);height:3px;flex:1;min-width:40px;cursor:pointer}.lab-playback output{font-size:11px;font-variant-numeric:tabular-nums;min-width:33px;text-align:right}.lab-explanation{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-top:25px}.lab-explanation p{font-size:13px;line-height:1.8;max-width:670px}.lab-explanation>span{font-size:10px;color:var(--muted);text-align:right;white-space:nowrap;line-height:1.8}
.case-studies{background:#fff;border-top:1px solid var(--line)}.case-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-bottom:1px solid var(--line);margin-bottom:33px}.case-selector button{text-align:left;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:15px 0 20px;font-family:var(--display);font-size:17px;color:var(--muted);transition:color .2s,border-color .2s}.case-selector button span{display:block;font-family:var(--body);font-size:10px;margin-bottom:12px;letter-spacing:.045em}.case-selector button[aria-selected=true]{color:var(--ink);border-color:var(--red)}.case-selector button[aria-selected=true] span{color:var(--red)}.case-instruction{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:25px}.case-instruction h3{font-size:20px;font-weight:400;letter-spacing:-.025em}.case-instruction>span{font-size:10px;color:var(--muted);white-space:nowrap}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-frame-label{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;font-size:10px;letter-spacing:.08em}.case-frame-label>span:last-child{letter-spacing:0;color:var(--muted)}.case-ours .case-frame-label>span:first-child{color:var(--red);font-weight:bold}.case-image-wrap{aspect-ratio:16/10;background:#ededeb;overflow:hidden;display:flex;align-items:center;justify-content:center}.case-image-wrap img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}.case-pair figcaption{font-size:11px;margin-top:12px;color:var(--muted)}.case-ours figcaption{color:var(--red)}.case-navigation{display:flex;align-items:center;gap:28px;padding:20px 0;margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-navigation>button{font-size:11px;white-space:nowrap;border:0;background:none;padding:8px 0}.case-navigation>button:hover{color:var(--red)}#case-stages{display:flex;gap:8px;align-items:center;flex:1}#case-stages button{position:relative;border:0;background:#d9dbd4;height:3px;padding:12px 0;background-clip:content-box;flex:1;max-width:95px}#case-stages button[aria-pressed=true]{background-color:var(--red)}#case-stages button:after{content:attr(data-stage);font-size:8px;color:var(--muted);position:absolute;top:21px;left:0;white-space:nowrap}#case-position{font-size:10px;color:var(--muted);min-width:95px;text-align:right}.case-description{display:flex;justify-content:space-between;align-items:start;gap:35px;padding-top:24px}.case-description p{font-size:13px;max-width:800px;line-height:1.8}.case-description>span{font-size:10px;white-space:nowrap;padding-top:4px;color:var(--muted)}.case-scores{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:28px;padding:23px 0;border-top:1px solid var(--line)}.case-scores>div:first-child>span{font-size:10px;letter-spacing:.07em}.case-scores p{font-size:10px;margin-top:6px}#candidate-scores{display:flex;gap:28px}.candidate-score{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:11px;color:var(--muted)}.candidate-score strong{font-size:16px;font-family:var(--display);font-variant-numeric:tabular-nums}.candidate-score.is-chosen{color:var(--red)}.candidate-score small{font-size:8px}
@media(max-width:1100px){.site-header nav{gap:24px}.nav-code{margin-left:10px}.lab-viewer{height:470px}.case-selector button{font-size:15px}.case-instruction{align-items:start}.case-instruction h3{font-size:18px}.case-scores{gap:20px}#candidate-scores{gap:20px}}
@media(max-width:760px){.site-header nav{gap:18px}.site-header nav>a[href="#idea"],.site-header nav>a[href="#method"],.site-header nav>a[href="#results"]{display:none}.lab-toolbar{align-items:start;gap:15px;padding-top:14px}.lab-modes,.lab-cameras{gap:14px}.lab-toolbar button{font-size:10px}.lab-cameras button{font-size:9px}.lab-viewer{height:390px;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}.lab-hud{top:19px;left:20px;right:20px;font-size:8px;letter-spacing:.05em}.lab-hud>span:last-child{max-width:120px;text-align:right}.lab-annotations{left:20px;bottom:18px;gap:14px;font-size:8px}.lab-annotations i{width:13px}.lab-drag-hint{right:20px;bottom:17px;font-size:7px;max-width:70px;text-align:right}.lab-drag-hint span{margin-left:3px}.lab-playback{gap:15px;padding:15px 0}.lab-playback button{font-size:10px;gap:8px}.lab-playback #lab-replay{margin-left:0;font-size:22px}.lab-playback output{font-size:9px}.lab-explanation{display:block;padding-top:18px}.lab-explanation p{font-size:12px}.lab-explanation>span{display:block;text-align:left;margin-top:16px;font-size:9px}.case-selector{gap:14px;margin-bottom:25px}.case-selector button{font-size:12px;line-height:1.5;padding:10px 0 15px}.case-selector button span{font-size:8px;letter-spacing:0;margin-bottom:8px}.case-instruction{display:block;margin-bottom:20px}.case-instruction h3{font-size:17px;line-height:1.45}.case-instruction>span{display:block;font-size:9px;margin-top:10px}.case-pair{gap:12px}.case-frame-label{font-size:8px;padding-bottom:8px;letter-spacing:.05em}.case-frame-label>span:last-child{font-size:8px}.case-image-wrap{aspect-ratio:4/3;margin:0}.case-pair figcaption{font-size:9px;line-height:1.5;margin-top:8px}.case-navigation{gap:14px;padding:13px 0 17px;margin-top:17px}.case-navigation>button{font-size:10px}#case-stages{gap:5px}#case-stages button:after{font-size:7px}#case-position{font-size:8px;min-width:75px}.case-description{display:block;padding-top:18px}.case-description p{font-size:12px}.case-description>span{display:block;margin-top:15px;font-size:9px}.case-scores{display:block;padding:20px 0 0}#candidate-scores{margin-top:18px;justify-content:space-between;gap:12px}.candidate-score strong{font-size:14px}.candidate-score{font-size:10px}}
@media(max-width:380px){.lab-cameras{gap:9px}.lab-modes{gap:11px}.lab-viewer{height:355px}.case-pair{gap:8px}.case-frame-label{display:block}.case-frame-label>span:last-child{display:block;margin-top:2px}.case-selector button{font-size:11px}.case-selector button span{font-size:7px}#case-position{min-width:62px}}

.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}