#chevelle{scroll-margin-top:100px}.chevelle-card .project-photo{position:relative}.chevelle-teaser{width:100%;height:100%;object-fit:cover;display:block}.chevelle-watch{position:absolute;bottom:12px;left:12px;padding:10px 12px;background:#b91420;color:#fff;border-radius:5px;font:700 14px/1.3 system-ui}
#chevelle-viewer{width:min(760px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:auto;padding:16px;border:1px solid #444;background:#101010;color:#f7f2e9;overflow:auto;overscroll-behavior:contain}#chevelle-viewer::backdrop{background:#000e}.chevelle-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.chevelle-head h2{font-size:26px;margin:0}.chevelle-tabs{display:flex;gap:8px;margin:16px 0}.chevelle-head button,.chevelle-tabs button,.chevelle-photo-controls button{min-height:44px;padding:10px 12px;border:1px solid #555;border-radius:6px;background:#252525;color:#fff;font:600 14px/1.2 system-ui;cursor:pointer}.chevelle-tabs [aria-selected=true],.chevelle-photo-controls [aria-pressed=true]{background:#f7f2e9;color:#151515}#chevelle-viewer button:focus-visible,#chevelle-range:focus-visible{outline:3px solid #ef4444;outline-offset:2px}#chevelle-viewer p{font:16px/1.5 system-ui;color:#c7c7c7;margin:12px 0}#chevelle-film{display:block;background:#000;width:100%;height:calc(100dvh - 220px);min-height:240px;object-fit:contain}#chevelle-later-photo{width:100%;height:calc(100dvh - 270px);min-height:240px;object-fit:contain}.chevelle-photo-controls{display:flex;gap:8px;margin-top:12px}.chevelle-comparison{position:relative;aspect-ratio:2579/2044;overflow:hidden;--split:50%;touch-action:pan-y}.chevelle-comparison img{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none}#chevelle-original{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.chevelle-split{position:absolute;left:var(--split);top:0;height:100%;width:2px;background:#fff;display:flex;align-items:center;color:#fff;text-shadow:0 0 4px #000;font:24px system-ui}.chevelle-label{position:absolute;top:10px;left:10px;background:#111c;padding:7px;font:12px system-ui}.restored-label{left:auto;right:10px}#chevelle-range{width:100%;min-height:48px;accent-color:#e43635}#chevelle-compare-panel label{display:block;margin-top:12px;font:14px system-ui}#chevelle-viewer [hidden]{display:none!important}@media(max-width:480px){#chevelle-viewer{border:0;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.chevelle-tabs{gap:6px}.chevelle-tabs button{padding:10px}.chevelle-head h2{font-size:24px}}