@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
:root{--bg:#080808;--fg:#f1eee8;--muted:#9d9a94;--line:#292929;--hot:#ff3b18;--paper:#d8d3ca;--black:#070707}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,"Noto Sans KR",sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 12%,rgba(255,58,24,.10),transparent 30%),radial-gradient(circle at 10% 85%,rgba(255,255,255,.035),transparent 28%);z-index:-1}.grain{position:fixed;inset:0;z-index:100;opacity:.065;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;height:2px;background:var(--hot);z-index:1000;width:0}a{color:inherit;text-decoration:none}.section{position:relative;padding:120px 5vw;border-top:1px solid var(--line)}
.topbar{position:fixed;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:90;background:linear-gradient(to bottom,rgba(8,8,8,.94),rgba(8,8,8,.2),transparent);backdrop-filter:blur(3px)}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:12px;letter-spacing:.14em}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--hot);box-shadow:0 0 20px var(--hot)}.nav{display:flex;gap:26px;font-size:11px;letter-spacing:.16em}.nav a{opacity:.7;transition:.25s}.nav a:hover{opacity:1;color:var(--hot)}.lang{border:1px solid #444;color:var(--fg);background:transparent;padding:8px 10px;font-size:11px;letter-spacing:.12em;cursor:pointer}
.hero{min-height:100vh;padding-top:130px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:6vw;align-items:center;overflow:hidden;border-top:0}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.hero h1{font-family:"Archivo Black",Inter,sans-serif;font-size:clamp(74px,11vw,190px);line-height:.77;letter-spacing:-.07em;margin:28px 0 30px;text-transform:uppercase}.hero h1 span{display:block}.hero h1 .burn{color:var(--hot);transform:translateX(6vw)}.hero-ko{font-family:"Noto Sans KR",sans-serif;font-size:clamp(24px,2.3vw,40px);font-weight:500;letter-spacing:0;word-spacing:0;margin:0 0 16px}.tagline{font-size:clamp(18px,1.7vw,28px);max-width:720px;line-height:1.5}.hero-meta{display:flex;gap:22px;margin:35px 0 30px;color:var(--muted);font-size:11px;letter-spacing:.14em}.ghost-btn{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid #777;padding:10px 0;font-size:12px;letter-spacing:.16em}.ghost-btn i{font-style:normal;color:var(--hot);font-size:18px}.poster-wrap{justify-self:end;width:min(37vw,500px);transform:rotate(1.5deg)}.poster-frame{position:relative;aspect-ratio:2/3;background:#141414;box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden}.poster-frame img{width:100%;height:100%;display:block;object-fit:cover}.corner{position:absolute;width:20px;height:20px}.c1{left:14px;top:14px;border-left:1px solid #fff;border-top:1px solid #fff}.c2{right:14px;top:14px;border-right:1px solid #fff;border-top:1px solid #fff}.c3{left:14px;bottom:14px;border-left:1px solid #fff;border-bottom:1px solid #fff}.c4{right:14px;bottom:14px;border-right:1px solid #fff;border-bottom:1px solid #fff}.scroll-word{position:absolute;bottom:-20px;left:-1vw;white-space:nowrap;font-family:"Archivo Black";font-size:8vw;color:transparent;-webkit-text-stroke:1px #1c1c1c;letter-spacing:-.03em;z-index:-1}
.section-index{position:absolute;top:26px;right:5vw;font-family:"Archivo Black";font-size:13px;color:#565656}.film{padding-top:150px}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:55px}.film h2,.stills h2,.making h2,.vfx h2,.contact h2{font-size:clamp(44px,6vw,100px);line-height:.98;letter-spacing:-.055em;margin:0}.film-body{max-width:700px}.film-body p{font-size:17px;line-height:1.9;color:#c2beb6}.film-body .logline{font-size:clamp(20px,2vw,30px);line-height:1.65;color:var(--fg)}.divider{height:1px;background:var(--line);margin:34px 0}.quote{margin-top:130px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0;display:grid;grid-template-columns:80px 1fr}.quote>span{font-family:Georgia;font-size:100px;color:var(--hot);line-height:.7}.quote blockquote{margin:0;font-size:clamp(30px,4vw,70px);line-height:1.25;font-weight:300;letter-spacing:-.035em}
.stills-head{margin:50px 0 70px}.stills-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.still{margin:0;grid-column:span 4;position:relative;overflow:hidden;background:#111}.still.large{grid-column:span 8}.still.tall{grid-row:span 2}.still.wide{grid-column:span 8}.still img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover;filter:grayscale(.12);transition:.6s transform,.6s filter}.still.tall img{height:100%;aspect-ratio:auto}.still:hover img{transform:scale(1.025);filter:grayscale(0)}.still figcaption{position:absolute;bottom:0;left:0;padding:10px 12px;background:#080808d9;font-size:9px;letter-spacing:.14em}
.making-intro{margin:50px 0 80px;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.making-intro p{color:var(--muted);line-height:1.8;max-width:500px}.bts-strip{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:18px}.bts{margin:0}.bts:nth-child(2){transform:translateY(60px)}.bts img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}.bts figcaption{display:flex;justify-content:space-between;padding-top:12px;font-size:11px;color:#aaa}.bts figcaption b{color:var(--hot)}.tech-card{margin-top:140px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.tech-card div{padding:34px;border-right:1px solid var(--line)}.tech-card div:last-child{border-right:0}.tech-card span{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-bottom:10px}.tech-card strong{font-size:15px;letter-spacing:.03em}
.vfx-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin:50px 0 70px}.vfx-head p{max-width:540px;color:var(--muted);line-height:1.8}.vfx-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.vfx-item{appearance:none;border:1px solid var(--line);background:#0d0d0d;color:inherit;text-align:left;padding:0;cursor:pointer;overflow:hidden;grid-column:span 4;transition:border-color .3s,transform .3s}.vfx-item:nth-child(1),.vfx-item:nth-child(4){grid-column:span 8}.vfx-item:hover{border-color:#6a2a1e;transform:translateY(-3px)}.vfx-thumb{aspect-ratio:16/9;overflow:hidden;background:#111}.vfx-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s,filter .5s;filter:saturate(.88)}.vfx-item:hover img{transform:scale(1.025);filter:saturate(1.05)}.vfx-meta{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 18px 20px}.vfx-meta span,.vfx-meta i{font-size:9px;letter-spacing:.16em;color:var(--hot);font-style:normal}.vfx-meta strong{font-size:14px;font-weight:500}.vfx-meta i{color:#777}.process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process div{padding:24px 18px;border-right:1px solid var(--line);font-size:10px;letter-spacing:.12em}.process div:last-child{border-right:0}.process b{display:block;color:var(--hot);margin-bottom:8px}
.statement{background:var(--paper);color:var(--black);padding:150px 8vw}.statement-inner{max-width:1200px}.statement .mini{font-size:10px;letter-spacing:.22em;margin-bottom:45px}.statement-copy{font-size:clamp(34px,5vw,78px);line-height:1.22;letter-spacing:-.045em;margin:0;font-weight:500}
.contact{min-height:70vh;display:flex;flex-direction:column;justify-content:space-between}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.contact-main h2{margin:20px 0 6px}.contact-main>p{color:var(--hot);letter-spacing:.14em;font-size:11px}.mail{display:inline-block;margin-top:60px;font-size:clamp(22px,3vw,48px);border-bottom:1px solid #555;padding-bottom:10px}.contact-side{display:flex;justify-content:space-between;gap:40px;align-self:end;color:var(--muted);font-size:11px;line-height:1.8;letter-spacing:.08em}.footerline{border-top:1px solid var(--line);padding-top:22px;margin-top:100px;display:flex;justify-content:space-between;color:#666;font-size:9px;letter-spacing:.14em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
/* fullscreen VFX viewer */
.vfx-modal{position:fixed;inset:0;z-index:500;background:rgba(3,3,3,.97);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;padding:40px 4vw;overflow:auto}.vfx-modal.open{opacity:1;visibility:visible}.vfx-close{position:fixed;top:24px;right:30px;z-index:520;border:1px solid #555;background:#090909;color:#fff;padding:10px 14px;font-size:10px;letter-spacing:.16em;cursor:pointer}.vfx-modal-inner{width:min(1500px,92vw);margin:60px auto 30px}.vfx-modal-head{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(260px,.7fr);gap:24px;align-items:end;margin-bottom:22px}.vfx-modal-head>span{font-size:10px;letter-spacing:.18em;color:var(--hot)}.vfx-modal-head h3{font-size:clamp(28px,4vw,60px);line-height:1;margin:0;letter-spacing:-.04em}.vfx-modal-head p{color:#aaa;line-height:1.7;margin:0}.modal-compare{position:relative;width:100%;aspect-ratio:16/9;max-height:76vh;background:#111;overflow:hidden;border:1px solid #222}.modal-compare img{width:100%;height:100%;object-fit:contain;background:#080808;display:block}.modal-before{position:absolute;inset:0}.modal-after-wrap{position:absolute;left:0;top:0;height:100%;overflow:hidden}.modal-after{position:absolute;left:0;top:0;width:min(1500px,92vw)!important;max-width:none!important;height:100%!important;object-fit:contain!important;object-position:center;background:#080808}.modal-line{position:absolute;top:0;bottom:0;width:1px;background:#fff;transform:translateX(-.5px)}.modal-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#000;font-size:18px}.modal-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.modal-label{position:absolute;top:16px;padding:8px 10px;background:#070707cf;font-size:9px;letter-spacing:.18em}.modal-before-label{left:16px}.modal-after-label{right:16px}
@media(max-width:900px){
.nav{display:none}.topbar{height:64px}.section{padding:90px 22px}.hero{grid-template-columns:1fr;padding-top:110px}.poster-wrap{justify-self:start;width:min(78vw,420px);margin-left:12vw}.hero h1{font-size:21vw}.hero h1 .burn{transform:translateX(10vw)}.film-grid,.making-intro,.vfx-head,.contact-grid{grid-template-columns:1fr;gap:40px}.quote{grid-template-columns:40px 1fr}.quote>span{font-size:70px}.stills-grid{grid-template-columns:1fr}.still,.still.large,.still.wide{grid-column:auto}.still.tall{grid-row:auto}.still.tall img{aspect-ratio:16/10;height:auto}.bts-strip{grid-template-columns:1fr}.bts:nth-child(2){transform:none}.tech-card{grid-template-columns:1fr}.tech-card div{border-right:0;border-bottom:1px solid var(--line)}.vfx-grid{grid-template-columns:1fr}.vfx-item,.vfx-item:nth-child(1),.vfx-item:nth-child(4){grid-column:auto}.process{grid-template-columns:1fr 1fr}.statement{padding:100px 22px}.contact-side{align-self:auto}.footerline{margin-top:70px}.vfx-modal{padding:24px 14px}.vfx-modal-inner{width:100%;margin-top:70px}.vfx-modal-head{grid-template-columns:1fr;gap:10px}.vfx-modal-head p{font-size:13px}.modal-compare{aspect-ratio:16/10}.modal-after{width:calc(100vw - 28px)!important}.vfx-close{right:14px;top:14px}
}