.compass-film-module__Gmodqa__film{isolation:isolate;color:#f5f6ef;max-width:1120px;font-family:var(--font-pretendard);background:#08172f;border:1px solid #263e64;border-radius:24px;margin:0 auto 64px;position:relative;overflow:hidden;box-shadow:0 28px 60px -30px #153b6870}.compass-film-module__Gmodqa__film:before{content:"";z-index:-1;background:radial-gradient(at 78% 40%,#204d8b65,#0000 58%),linear-gradient(#8bb5ff07 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#8bb5ff07 1px,#0000 1px) 0 0/40px 40px;position:absolute;inset:0}.compass-film-module__Gmodqa__topline{letter-spacing:.15em;color:#bad0ee;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:23px 30px;font-size:10px;display:flex}.compass-film-module__Gmodqa__topline>span:first-child{align-items:center;gap:10px;display:flex}.compass-film-module__Gmodqa__topline svg{color:#ffa967}.compass-film-module__Gmodqa__topDivider{opacity:.45;margin:0 4px}.compass-film-module__Gmodqa__edition{letter-spacing:.03em}.compass-film-module__Gmodqa__stage{min-height:432px;position:relative}.compass-film-module__Gmodqa__copy{z-index:2;pointer-events:none;width:43%;padding:58px 0 40px 40px;animation:.65s both compass-film-module__Gmodqa__copy-enter;position:relative}.compass-film-module__Gmodqa__eyebrow{color:#c3d6f0;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.compass-film-module__Gmodqa__eyebrow>span{color:#ffae70;border:1px solid #ffae7050;border-radius:50%;place-items:center;width:28px;height:28px;font-family:monospace;font-size:12px;display:grid}.compass-film-module__Gmodqa__copy h2{letter-spacing:-.045em;text-wrap:initial;margin-top:22px;font-size:clamp(24px,2.65vw,32px);font-weight:750;line-height:1.5}.compass-film-module__Gmodqa__copy em{color:#ffae70;font-style:normal}.compass-film-module__Gmodqa__description{color:#b6c7df;max-width:310px;margin-top:20px;font-size:14px;line-height:1.9}.compass-film-module__Gmodqa__note{color:#d5e3f8;align-items:center;gap:6px;margin-top:30px;font-size:11px;display:flex}.compass-film-module__Gmodqa__note svg{color:#ffae70;flex-shrink:0}.compass-film-module__Gmodqa__visual{width:58%;height:100%;position:absolute;top:0;right:0}.compass-film-module__Gmodqa__visual canvas{opacity:0;touch-action:pan-y;width:100%;height:100%;transition:opacity .6s;position:absolute}.compass-film-module__Gmodqa__film[data-ready=true] canvas{opacity:1}.compass-film-module__Gmodqa__fallback{color:#ffae70;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:15% 8%}.compass-film-module__Gmodqa__fallback p{color:#e4edff;font-size:20px}.compass-film-module__Gmodqa__fallback>div{color:#d5e3f8;gap:12px;font-size:12px;display:flex}.compass-film-module__Gmodqa__fallback>div span{border:1px solid #a6caff40;border-radius:8px;padding:8px 10px}.compass-film-module__Gmodqa__film[data-ready=true] .compass-film-module__Gmodqa__fallback{visibility:hidden}.compass-film-module__Gmodqa__sceneLabel{text-align:center;letter-spacing:.12em;color:#b6c7df;font-size:10px;position:absolute;top:26px;left:0;right:0}.compass-film-module__Gmodqa__example{text-align:center;color:#9eafc9;font-size:10px;position:absolute;bottom:17px;left:0;right:0}.compass-film-module__Gmodqa__controls{background:#07132780;border-top:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:14px;padding:15px 26px;display:flex}.compass-film-module__Gmodqa__chapters{gap:8px;display:flex}.compass-film-module__Gmodqa__chapters button,.compass-film-module__Gmodqa__play{color:#b6c7df;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:12px;transition:background .2s,color .2s;display:flex}.compass-film-module__Gmodqa__chapters button>span{color:#97acca;font-family:monospace;font-size:10px}.compass-film-module__Gmodqa__chapters button[aria-pressed=true]{color:#fff5e9;background:#f7932520;border-color:#ffb27240}.compass-film-module__Gmodqa__chapters button[aria-pressed=true]>span{color:#ffb272}.compass-film-module__Gmodqa__chapters button:hover,.compass-film-module__Gmodqa__play:hover{color:#fff;background:#ffffff10}.compass-film-module__Gmodqa__film button:focus-visible{outline-offset:3px;outline:2px solid #ffb272}.compass-film-module__Gmodqa__play{border-color:#ffffff25}.compass-film-module__Gmodqa__play:disabled{opacity:.45;cursor:default}.compass-film-module__Gmodqa__progress{background:#ffffff0a;height:2px}.compass-film-module__Gmodqa__progress>div{transform-origin:0;background:#ffae70;height:100%;transform:scaleX(0)}@keyframes compass-film-module__Gmodqa__copy-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.compass-film-module__Gmodqa__film{border-radius:18px;margin:0 16px 40px}.compass-film-module__Gmodqa__topline{padding:18px 20px;font-size:9px}.compass-film-module__Gmodqa__edition{display:none}.compass-film-module__Gmodqa__stage{min-height:auto}.compass-film-module__Gmodqa__copy{width:100%;min-height:238px;padding:27px 25px 0}.compass-film-module__Gmodqa__copy h2{margin-top:15px;font-size:27px;line-height:1.4}.compass-film-module__Gmodqa__description{max-width:420px;margin-top:13px;font-size:13px;line-height:1.7}.compass-film-module__Gmodqa__note{margin-top:15px;font-size:10px}.compass-film-module__Gmodqa__visual{width:100%;height:315px;position:relative}.compass-film-module__Gmodqa__sceneLabel{font-size:9px;top:17px}.compass-film-module__Gmodqa__example{bottom:12px}.compass-film-module__Gmodqa__controls{gap:4px;padding:10px 12px}.compass-film-module__Gmodqa__chapters{flex:1;gap:2px}.compass-film-module__Gmodqa__chapters button{gap:5px;padding:0 8px;font-size:11px}.compass-film-module__Gmodqa__chapters button>span{font-size:9px}.compass-film-module__Gmodqa__play{flex-shrink:0;width:44px;padding:0}.compass-film-module__Gmodqa__play>span{display:none}}@media (max-width:359px){.compass-film-module__Gmodqa__chapters button{padding:0 5px}.compass-film-module__Gmodqa__chapters button>span{display:none}.compass-film-module__Gmodqa__copy h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.compass-film-module__Gmodqa__copy{animation:none}.compass-film-module__Gmodqa__visual canvas,.compass-film-module__Gmodqa__film button{transition:none}}