@charset "UTF-8";
:root{color-scheme:dark;--white:#f7f7f3;--sans:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080908;color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid #fff;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;z-index:100;top:-100px;left:20px;padding:15px;background:#000}.skip:focus{top:12px}.site-header{position:fixed;top:max(32px,env(safe-area-inset-top));left:4%;right:4%;z-index:10;mix-blend-mode:screen;pointer-events:none}.brand-mark{display:block;position:relative;width:154px;height:52px;overflow:hidden;pointer-events:auto}.brand-mark img{display:block;position:absolute;left:50%;top:50%;width:124%;height:auto;max-width:none;transform:translate(-50%,-48.5%)}.film-scene{height:100vh;height:100svh;min-height:480px;position:relative;overflow:hidden;isolation:isolate;background:#161914}.scene-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 52%}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0006 0%,transparent 25%,transparent 60%,#0007 100%);pointer-events:none}.scene-caption{position:absolute;bottom:76px;left:4%;pointer-events:none}.scene-caption h1,.scene-caption h2{font-size:34px;font-weight:450;letter-spacing:1.5px;line-height:1.4;margin:0}.scene-count{position:absolute;bottom:34px;left:4%;font-size:9px;letter-spacing:1.5px;line-height:1}.scene-count span{opacity:.55;margin-left:8px}.scene-controls{position:absolute;right:4%;bottom:39px;display:flex;gap:12px;align-items:center}.media-button{width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;background:#0001;transition:background .2s,border-color .2s}.media-button:hover{background:#ffffff22;border-color:#fff9}.media-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.sound-on,.play-icon{display:none}.sound-toggle[aria-pressed=true] .sound-off{display:none}.sound-toggle[aria-pressed=true] .sound-on{display:block}.pause-toggle[aria-pressed=false] .pause-icon{display:none}.pause-toggle[aria-pressed=false] .play-icon{display:block}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 15px;font-size:8px;letter-spacing:1.8px}.scroll-cue svg{width:19px;height:25px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.playback-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:14px 20px;background:#0008;border-radius:2px;white-space:nowrap;font-size:12px;pointer-events:none}dialog{padding:0;border:1px solid #ffffff20;background:#11130f;color:var(--white);max-width:100vw;max-height:96dvh;width:min(900px,94vw);border-radius:2px}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;border-bottom:1px solid #ffffff20}.dialog-header h2{font-size:12px;font-weight:400;line-height:1.5;margin:0}.dialog-header button{display:flex;align-items:center;gap:18px;padding:8px;font-size:11px}.dialog-header button span{font-size:25px;line-height:1}#original-video{display:block;width:100%;height:calc(90dvh - 70px);object-fit:contain;background:#060705}#dialog-error{position:absolute;left:5%;right:5%;bottom:80px;padding:20px;background:#111;text-align:center;font-size:12px}
@media(max-width:760px){.site-header{top:max(24px,env(safe-area-inset-top));left:6%}.brand-mark{width:116px;height:44px}.film-scene{min-height:440px}.scene-video{object-position:50% 50%}.scene-caption{left:6%;bottom:100px}.scene-caption h1,.scene-caption h2{font-size:26px;letter-spacing:1px}.scene-count{left:6%;bottom:39px;font-size:8px}.scene-controls{right:6%;bottom:30px;gap:9px}.media-button{width:36px;height:36px}.media-button svg{width:16px;height:16px}.scroll-cue{bottom:25px;font-size:6px;letter-spacing:1px;gap:9px;padding:8px 4px}.scroll-cue svg{width:16px;height:23px}.scene-shade{background:linear-gradient(180deg,#0005,transparent 23%,transparent 60%,#0008)}.dialog-header{padding:10px 12px;gap:10px}.dialog-header h2{font-size:11px}.dialog-header button{gap:10px}dialog{width:96vw}#original-video{height:calc(90dvh - 70px)}}
@media(max-width:360px){.scene-controls{gap:6px}.media-button{width:32px;height:32px}.scroll-cue{left:45%;font-size:5px}.scene-count{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.header-links{position:absolute;top:40px;left:0;right:0;padding-left:50%;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffffa6;pointer-events:auto}.header-links a{display:block;padding:6px 0 13px;font-size:18px;font-weight:500;letter-spacing:1.1px;line-height:1.4;white-space:nowrap;transition:opacity .2s}.header-links a:hover{opacity:.65}
@media(max-width:1100px){.header-links{padding-left:30%}.header-links a{font-size:16px}}
@media(max-width:760px){.site-header{right:6%}.header-links{top:44px;left:0;padding-left:0;gap:6px}.header-links a{font-size:clamp(11px,3.5vw,14px);letter-spacing:.4px;padding:6px 0 13px}}

.scene-caption h1,.scene-caption h2{line-height:1.18}.scene-caption h1 span,.scene-caption h2 span{display:block}.dialog-actions{display:flex;align-items:center;gap:12px}.dialog-header .media-button{padding:0;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}