@font-face{font-family:"Archivo Black";src:url("./assets/fonts/archivo-black-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans KR";src:url("./assets/fonts/noto-sans-kr-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans KR";src:url("./assets/fonts/noto-sans-kr-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans KR";src:url("./assets/fonts/noto-sans-kr-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans KR";src:url("./assets/fonts/noto-sans-kr-900.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{--black:#080808;--paper:#f2f0e9;--lime:#d6ff37;--pink:#ff4f8b;--line:#333;--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:"Noto Sans KR",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}header{min-height:100vh;background:radial-gradient(circle at 80% 30%,#222 0,transparent 40%),var(--black)}
nav{height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3c3c3c;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:800;line-height:1.2}.brand-num{font:44px/1 "Archivo Black",sans-serif;color:var(--lime)}.nav-links{display:flex;gap:clamp(22px,4vw,64px);font-weight:800;font-size:14px}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;height:5px;left:0;right:100%;bottom:-12px;background:var(--pink);transition:.25s}.nav-links a:hover:after{right:0}.nav-side{display:flex;align-items:center;gap:20px;font-weight:800}.menu-icon{font-size:24px}
.hero{min-height:calc(100vh - 100px);padding:clamp(36px,6vh,75px) var(--pad);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,80px);align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--lime);margin:0 0 24px}.hero h1{font:clamp(64px,9vw,146px)/.78 "Archivo Black",sans-serif;letter-spacing:-.075em;margin:20px 0;color:var(--paper)}.hero h1 em{font-style:normal;color:var(--pink)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #555;padding-top:18px}.hero-bottom p{font-size:15px;line-height:1.7}.round-link{width:64px;height:64px;border-radius:50%;background:var(--lime);color:#000;display:grid;place-items:center;font-size:30px;transition:.25s}.round-link:hover{transform:rotate(-45deg);background:var(--pink)}
.featured{position:relative;border:1px solid #444;border-radius:28px;overflow:hidden;padding:0;background:#111;min-height:570px;color:white;text-align:left;cursor:pointer}.featured:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#000 100%)}.featured img{width:100%;height:100%;object-fit:cover;transition:.6s}.featured:hover img{transform:scale(1.035)}.featured-tag{position:absolute;z-index:1;top:24px;left:24px;background:var(--lime);color:#000;border-radius:100px;padding:9px 14px;font-size:11px;font-weight:900;letter-spacing:.1em}.featured-title{position:absolute;z-index:1;left:28px;right:28px;bottom:25px;display:flex;align-items:end;justify-content:space-between}.featured-title b{font-size:54px}.featured-title small{font-size:12px;letter-spacing:.08em}
.ticker{background:var(--lime);color:#000;overflow:hidden;transform:rotate(-1.3deg) scale(1.02);position:relative;z-index:3}.ticker div{white-space:nowrap;font:22px/58px "Archivo Black",sans-serif;animation:move 24s linear infinite}@keyframes move{to{transform:translateX(-50%)}}
main{overflow:hidden}.film-section{padding:130px var(--pad) 110px}.section-head{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;border-bottom:1px solid var(--line);padding-bottom:30px}.section-head h2{font:clamp(70px,10vw,160px)/.7 "Archivo Black",sans-serif;letter-spacing:-.07em;margin:0}.section-head>p{font-size:14px;line-height:1.8}.count{font:52px/1 "Archivo Black",sans-serif;color:var(--pink);text-align:right}.count small{font:10px "Noto Sans KR";letter-spacing:.2em;color:white}.filter-row{display:flex;gap:10px;align-items:center;padding:24px 0 40px}.filter-row button{border:1px solid #444;color:#aaa;background:transparent;border-radius:100px;padding:8px 17px;font-size:11px;font-weight:800}.filter-row button.active{background:var(--paper);color:#000}.filter-row span{margin-left:auto;font-size:10px;letter-spacing:.15em;color:#777}
#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:55px 18px}.card{cursor:pointer;position:relative}.poster-wrap{aspect-ratio:2/3;overflow:hidden;border-radius:14px;background:#171717;position:relative}.card img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:.45s}.poster-wrap:after{content:"↗";position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;background:var(--pink);color:#000;display:grid;place-items:center;font-size:20px;transform:scale(0);transition:.3s}.card:hover img{transform:scale(1.045);filter:saturate(1.1)}.card:hover .poster-wrap:after{transform:scale(1)}.card-no{display:block;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.1em;margin-top:15px}.card h3{font-size:22px;margin:5px 0 2px}.card small{font-size:10px;color:#999;letter-spacing:.14em}.card p{font-size:11px;margin:7px 0;color:#bbb}
.info-band{background:var(--pink);color:#080808;padding:90px var(--pad)}.info-band .eyebrow{color:#080808}.info-band>div{display:flex;justify-content:space-between;align-items:end}.info-band h2{font:clamp(95px,18vw,280px)/.72 "Archivo Black";letter-spacing:-.09em;margin:0}.info-band>div>p{font-size:22px;line-height:1.8;padding-bottom:12px}.info-band span{font-size:12px}.about{padding:140px var(--pad)}.about h2{font:clamp(48px,8vw,120px)/.88 "Archivo Black";letter-spacing:-.055em;margin:0 0 80px}.about>div{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #444;padding-top:26px}.about>div p{font-size:18px;line-height:1.9;max-width:650px}.about>div span{text-align:right;font:12px/1.7 "Archivo Black";color:var(--lime)}
footer{border-top:1px solid #444;padding:55px var(--pad);display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:end;gap:30px}footer>b{font:80px/1 "Archivo Black";color:var(--lime)}footer sup{font-size:16px}footer p{font-size:11px;line-height:1.6;margin:0}footer a{font-size:11px;font-weight:800}
#modal{display:none;position:fixed;inset:0;z-index:20;align-items:center;justify-content:center}.backdrop{position:absolute;inset:0;background:#000d;backdrop-filter:blur(8px)}#modal article{position:relative;width:min(1120px,94vw);max-height:92vh;overflow-y:auto;overflow-x:hidden;background:#111;border:1px solid #444;border-radius:22px;padding:42px;display:grid;grid-template-columns:minmax(280px,38%) minmax(0,1fr);gap:42px}.close{position:absolute;z-index:2;right:18px;top:12px;width:44px;height:44px;border-radius:50%;background:var(--lime);border:0;color:#000;font-size:26px;cursor:pointer}#poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px}#stills{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}#stills img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.modal-info h2{font:clamp(48px,7vw,92px)/1 "Archivo Black";margin:8px 0;color:var(--pink)}.modal-info h3{letter-spacing:.2em}.modal-info p,.modal-media p{line-height:1.9;font-size:13px;white-space:pre-line}.modal-info h4,.modal-media h4{color:var(--lime);letter-spacing:.15em;margin-top:25px}hr{border:0;border-top:1px solid #444}
@media(max-width:900px){nav{height:80px}.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:570px}.featured{min-height:680px}#grid{grid-template-columns:repeat(2,1fr)}#modal article{grid-template-columns:1fr}.section-head{grid-template-columns:1fr auto}.section-head>p{display:none}.info-band>div{display:block}.about>div{grid-template-columns:1fr}footer{grid-template-columns:auto 1fr}.hero h1{font-size:clamp(65px,17vw,120px)}}
@media(max-width:520px){.brand span:last-child{display:none}.hero{padding-top:28px}.hero-copy{min-height:480px}.featured{min-height:500px;border-radius:18px}.featured-title b{font-size:40px}.film-section{padding-top:95px}#grid{gap:36px 10px}.poster-wrap{border-radius:8px}.card h3{font-size:17px}.section-head h2{font-size:64px}.info-band h2{font-size:98px}.about{padding-top:90px}.about h2{font-size:48px}#modal article{padding:24px;gap:22px}.modal-info h2{font-size:52px}.ticker div{font-size:16px;line-height:48px}}