.films{background:var(--bg-1);color:#fafafa;overflow:hidden}.fh{background:#050505;min-height:100vh;position:relative;overflow:hidden}.fh-bg{z-index:0;position:absolute;inset:0}.fh-bg video{object-fit:cover;width:100%;height:100%;filter:var(--grade-cool)}.fh-bg:after{content:"";pointer-events:none;background:linear-gradient(#00000073 0%,#0003 30%,#00000059 65%,#000000bf 100%),radial-gradient(#00000059 0%,#0000 65%);position:absolute;inset:0}.fh-c{text-align:center;z-index:4;flex-direction:column;justify-content:center;align-items:center;padding:0 clamp(24px,5vw,64px);display:flex;position:absolute;inset:0}.fh-h{font-family:var(--font-bebas), "Bebas Neue", "Impact", var(--font-en);text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:0 0 20px;font-size:clamp(66px,12vw,192px);font-weight:400;line-height:.98}.fh-sub{font-family:var(--font-kr);letter-spacing:-.005em;color:var(--text-80);word-break:keep-all;font-size:clamp(18px,1.8vw,24px);font-weight:400}.scr{background:#000;height:100vh;position:relative;overflow:hidden}.scr-hero{width:100%;height:100%;position:relative}.scr-bg{position:absolute;inset:0}.scr-bg:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000a 3px 6px);position:absolute;inset:0}.scr-overlay{background:#0000008c;position:absolute;inset:0}.bg-01,.bg-02,.bg-03,.bg-04,.bg-05,.bg-06{background-color:#0a0a0a;background-position:50%;background-repeat:no-repeat;background-size:cover}.bg-01{background-image:url(/films/1.png)}.bg-02{background-image:url(/films/2.avif)}.bg-03{background-image:url(/films/3.avif)}.bg-04{background-image:url(/films/4.avif)}.bg-05{background-image:url(/films/5.avif)}.bg-06{background-image:url(/films/6.avif)}.scr-text{z-index:5;position:absolute;top:50%;transform:translateY(-50%)}.scr-text.left{left:clamp(24px,4vw,64px);right:52%}.scr-text.right{left:52%;right:clamp(24px,4vw,64px)}.scr-num{font-family:var(--font-mono);letter-spacing:.35em;color:var(--gold-bright);margin-bottom:18px;font-size:12px}.scr-meta{font-family:var(--font-mono);letter-spacing:.25em;color:var(--text-80);flex-wrap:wrap;gap:14px;margin-bottom:22px;font-size:12px;display:flex}.scr-meta .stage{align-items:center;gap:6px;display:flex}.scr-meta .dot{background:var(--green-bright);width:6px;height:6px}.scr-meta .dot.dev{background:var(--gold)}.scr-title{font-family:var(--font-bebas), "Bebas Neue", "Impact", var(--font-en);color:#fff;letter-spacing:.005em;text-transform:uppercase;margin:0 0 14px;font-size:clamp(40px,6vw,80px);font-weight:400;line-height:1}.scr-subtitle{font-family:var(--font-kr);color:var(--text-80);word-break:keep-all;max-width:480px;font-size:clamp(15px,1.4vw,18px);font-weight:400;line-height:1.5}.scr-detail{-webkit-backdrop-filter:blur(4px);z-index:8;background:#0a0a0aeb;flex-direction:row;align-items:center;gap:clamp(20px,2.5vw,40px);width:50%;padding:clamp(36px,4vw,56px);display:flex;position:absolute;top:0;bottom:0;overflow-y:auto}.scr-detail-text{flex:1;min-width:0}.scr-detail-poster{aspect-ratio:2/3;background:#111;flex-shrink:0;width:clamp(220px,26vw,360px);overflow:hidden;box-shadow:0 16px 44px #0009}.scr-detail-poster img{object-fit:cover;width:100%;height:100%;display:block}.scr-detail.right{border-left:.5px solid #2d7a5a33;right:0}.scr-detail.left{border-right:.5px solid #2d7a5a33;left:0}.scr-detail-body{font-family:var(--font-kr);color:var(--text-80);word-break:keep-all;max-width:520px;margin-bottom:18px;font-size:clamp(13px,1vw,14.5px);font-weight:400;line-height:1.8}.scr-detail-body p{margin:0 0 12px}.scr-detail-body em{color:var(--gold-bright);font-style:normal;font-weight:500}.scr-detail-body .quoted{font-family:var(--font-kr);color:#fff;border-left:2px solid var(--green-bright);margin:18px 0;padding-left:14px;font-style:italic}.scr-detail-meta{border-top:.5px solid #ffffff14;flex-direction:column;gap:8px;max-width:520px;margin-bottom:18px;padding-top:18px;display:flex}.scr-detail-meta-row{font-family:var(--font-mono);letter-spacing:.25em;color:var(--text-40);align-items:flex-start;font-size:12px;line-height:1.55;display:flex}.scr-detail-meta-row .k{width:110px;color:var(--text-40);flex-shrink:0}.scr-detail-meta-row .v{color:var(--text-80);word-break:keep-all;overflow-wrap:anywhere;flex:1}.scr-detail-extra{border-top:.5px solid #d4a57433;max-width:520px;margin-bottom:6px;padding-top:14px}.scr-detail-extra-h{font-family:var(--font-mono);letter-spacing:.3em;color:var(--gold);margin-bottom:10px;font-size:12px}.scr-detail-extra-row{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-60);margin-bottom:6px;font-size:12px;line-height:1.6;display:flex}.scr-detail-extra-row .k{width:140px;color:var(--gold);opacity:.85}.scr-detail-extra-row .v{color:var(--text-80);flex:1}.scr-detail-cta{font-family:var(--font-mono);letter-spacing:.32em;color:#fff;text-transform:uppercase;cursor:pointer;transition:background .3s var(--ease-flow), border-color .3s var(--ease-flow), transform .3s var(--ease-flow), color .3s var(--ease-flow);background:0 0;border:.5px solid #ffffff38;align-self:flex-start;align-items:center;gap:12px;margin-top:24px;padding:12px 22px;font-size:12px;text-decoration:none;display:inline-flex}.scr-detail-cta:hover{color:#fff;background:#143226;border-color:#143226;transform:translateY(-1px)}.scr-detail-cta span:last-child{transition:transform .3s var(--ease-flow)}.scr-detail-cta:hover span:last-child{transform:translate(4px)}.tl-min{z-index:50;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-flow);flex-direction:column;align-items:flex-end;gap:18px;display:flex;position:fixed;bottom:32px;right:28px}.tl-min.visible{opacity:1;pointer-events:auto}.tl-min-step{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:14px;padding:4px 0;display:flex}.tl-min-label{font-family:var(--font-mono);letter-spacing:.25em;color:#fff;white-space:nowrap;opacity:0;transition:opacity .3s var(--ease-flow), transform .3s var(--ease-flow), color .3s var(--ease-flow);text-transform:uppercase;pointer-events:none;font-size:12px;transform:translate(8px)}.tl-min-step:hover .tl-min-label,.tl-min-step.active .tl-min-label{opacity:1;transform:translate(0)}.tl-min-step.active .tl-min-label{color:var(--gold-bright)}.tl-min-step:hover:not(.active) .tl-min-label{color:#fff}.tl-min-dot{width:7px;height:7px;transition:all .3s var(--ease-flow);background:#ffffff59;border-radius:50%}.tl-min-step:hover .tl-min-dot{background:var(--gold)}.tl-min-step.active .tl-min-dot{background:var(--gold-bright);width:9px;height:9px;box-shadow:0 0 10px #e8c08a99}.scr-mobile-cta{font-family:var(--font-mono);letter-spacing:.32em;color:#fff;text-transform:uppercase;transition:background .3s var(--ease-flow), border-color .3s var(--ease-flow);background:0 0;border:.5px solid #ffffff52;align-items:center;gap:10px;margin-top:24px;padding:12px 22px;font-size:12px;text-decoration:none;display:inline-flex}.scr-mobile-cta:hover,.scr-mobile-cta:active{background:#143226;border-color:#143226}.scr-mobile-cta span:last-child{transition:transform .3s var(--ease-flow)}.scr-mobile-cta:hover span:last-child{transform:translate(4px)}.scr-detail-cta{display:none}@media (max-width:1024px){.films{width:100%;height:auto;display:block;overflow:visible}.films>.fh{width:100%}.films>.scr{flex-direction:column;width:100%;height:auto;min-height:100vh;display:flex;overflow:visible}.scr-hero{flex:0 0 70vh;width:100%;height:70vh}.scr-text{text-align:left;width:100%;padding:0 clamp(24px,6vw,48px);position:absolute;inset:auto 0 clamp(72px,12vh,110px);transform:none}.scr-text.left,.scr-text.right{padding-left:clamp(24px,6vw,48px);padding-right:clamp(24px,6vw,48px);left:0;right:0}.scr-num{margin-bottom:14px}.scr-title{font-size:clamp(44px,11vw,72px)}.scr-subtitle{font-size:clamp(14px,3.6vw,17px)}.scr-overlay{background:linear-gradient(#00000059 0%,#00000073 50%,#000000d9 100%)}.tl-min{display:none}.scr-detail{background:var(--bg-1);z-index:auto;-webkit-backdrop-filter:none;opacity:1;border:0;flex-direction:column;align-items:stretch;gap:clamp(28px,5vw,40px);width:100%;margin-top:0;padding:clamp(48px,9vw,72px) clamp(24px,6vw,48px) clamp(64px,11vw,96px);display:flex;position:relative;inset:auto;overflow:visible;transform:none}.scr-detail.left,.scr-detail.right{border:0}.scr-detail-text{flex:none;order:2;width:100%;min-width:0}.scr-detail-poster{aspect-ratio:2/3;order:1;align-self:center;width:100%;max-width:clamp(220px,60vw,320px)}.scr-detail-body,.scr-detail-meta,.scr-detail-extra{max-width:100%}.scr-detail-body{font-size:clamp(14px,3.6vw,16px)}.films-mobile-hint{display:none}}@media (min-width:1025px){.films-mobile-hint{display:none}}