@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:"Noto Sans KR",Arial,sans-serif;background:#000000;color:#f4f4f1;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #e84c42;outline-offset:8px}
.landing{min-height:100svh;position:relative;overflow:hidden;isolation:isolate;background:#000000}
.header{position:relative;z-index:3;padding:42px 5.4vw}.brand{display:inline-block;width:304px}.brand img{width:100%;height:auto;display:block}
main{min-height:calc(100svh - 238px);display:flex;align-items:center;padding:35px 5.4vw 65px;position:relative}
.copy{position:relative;z-index:2;width:55%;pointer-events:none}.status{display:flex;align-items:center;gap:10px;margin:0 0 27px;font:400 12px/1.5 Arial,sans-serif;letter-spacing:.19em;color:#a8aaa7;text-transform:uppercase}.status>span:first-child{width:5px;height:5px;border-radius:50%;background:#ec5247}.status .ellipsis{margin-left:-9px;letter-spacing:.1em}
h1{font-size:clamp(42px,4.35vw,78px);line-height:1.26;letter-spacing:-.065em;font-weight:500;margin:0}h1 em{font-style:normal;color:#e5e5df}.intro{font-size:clamp(14px,1.08vw,18px);font-weight:300;line-height:1.9;letter-spacing:-.025em;color:#949995;margin:32px 0 0}.intro strong{font-weight:400;color:#d1d3cf}.mobile-break{display:none}
.film{position:absolute;z-index:0;right:1.3vw;top:50%;transform:translateY(-52%);width:54vw;height:min(83svh,1040px);display:flex;justify-content:center;align-items:center;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%)}
.film video{display:block;width:auto;max-width:100%;height:100%;aspect-ratio:720/992;object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 13%,#000 86%,transparent 100%);mask-composite:intersect}
.footer{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;margin:0 5.4vw;padding:0 0 38px;gap:24px}.contact{display:flex;gap:20px;align-items:center}.contact>span:first-child{font-size:12px;color:#8e9490}.contact strong{font:400 20px/1.4 Arial,sans-serif;letter-spacing:.055em}.arrow{font-size:20px;color:#8e9490;transition:transform .2s}.contact:hover .arrow{transform:translate(3px,-3px)}
.video-toggle{border:0;background:none;color:#a1a6a2;display:flex;gap:10px;align-items:center;cursor:pointer;font:400 10px/1.5 Arial,sans-serif;letter-spacing:.12em;padding:10px 0 10px 14px}.pause-symbol{font:400 17px/1 Arial,sans-serif;width:14px;text-align:center}.video-toggle:hover{color:#fff}
@media(min-width:1800px){.header{padding-top:52px}main{min-height:calc(100svh - 265px)}}
@media(max-width:900px) and (min-width:701px){h1{font-size:44px}.brand{width:265px}.film{right:-6vw;width:65vw}.intro{font-size:14px}}
@media(max-width:700px){.header{padding:27px 7vw 0}.brand{width:245px;max-width:76vw}main{display:flex;flex-direction:column;align-items:stretch;padding:0;min-height:0}.copy{width:auto;margin:42px 7vw 0}.status{font-size:10px;margin-bottom:18px}h1{font-size:clamp(37px,9.4vw,58px);line-height:1.25}.intro{font-size:13px;line-height:1.85;margin-top:22px}.mobile-break{display:block}.film{position:relative;right:auto;top:auto;transform:none;width:100%;height:clamp(380px,68svh,610px);margin:-12px auto -28px;order:2;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.film video{width:auto;max-width:100%;height:100%}.footer{margin:0 7vw;padding:22px 0 29px}.contact{gap:13px}.contact strong{font-size:17px}.contact>span:first-child{font-size:11px}.arrow{font-size:17px}.video-toggle{font-size:9px;gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Opening announcement */
.status{font-size:clamp(24px,2.5vw,40px);font-weight:400;letter-spacing:.10em;color:#9ddfe5;gap:14px;margin-bottom:27px}
.status>span:first-child{background:#9ddfe5;width:6px;height:6px}
.status .ellipsis{letter-spacing:.04em;margin-left:-10px}
@media(max-width:700px){.status{font-size:25px;gap:10px;letter-spacing:.08em;margin-bottom:23px}.status .ellipsis{margin-left:-8px}}

/* Blend the film into the black page without a visible frame. */
.film{mask-image:none}
.film video{mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 8%,#000 23%,#000 77%,rgba(0,0,0,.5) 92%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,0,0,.6) 9%,#000 22%,#000 78%,rgba(0,0,0,.6) 91%,transparent 100%);mask-composite:intersect;mix-blend-mode:lighten}
.render-credit{position:absolute;right:1.3vw;bottom:-1px;z-index:1;width:54vw;margin:0;text-align:center;color:#8e9995;font:400 11px/1.7 Arial,sans-serif;letter-spacing:.025em}
.render-credit span{color:#afc3c2}
@media(max-width:700px){.render-credit{position:static;order:3;width:auto;margin:12px 7vw 19px;font-size:10px}}