@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600&display=swap');
:root{--bg:#0c1117;--fg:#edf0ed;--muted:#adb7bf;--accent:#a4dff6;--line:#35414c;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Manrope','Noto Sans KR',sans-serif;font-weight:400;overflow-x:hidden;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--fg);color:var(--bg);padding:15px}.skip:focus{top:20px}.wrap{width:88%;max-width:1600px;margin:auto}.header{position:absolute;top:0;left:0;width:100%;z-index:20;padding:35px 6%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:700;letter-spacing:-.8px}.brand span{display:block;font-size:8px;letter-spacing:3.1px;margin-top:6px;font-weight:500}.header nav{display:flex;gap:36px;align-items:center;font-size:12px}.nav-contact{border:1px solid #70808b;padding:12px 20px;border-radius:30px}.nav-contact span{margin-left:18px}.journey{height:100svh;min-height:650px}.scrub-mode .journey{height:430vh}.stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:#080d12}.poster,#hero-video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0}#hero-video{opacity:0;transform:translateZ(0)}.video-ready #hero-video{opacity:1}.scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,18,.73),transparent 66%),linear-gradient(0deg,#0c1117 0%,transparent 19%)}.hero-copy{position:absolute;left:8%;top:34%;max-width:48%;text-shadow:0 2px 12px #080d12,0 8px 40px #080d1270}.eyebrow,.section-label,.step{font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow{color:var(--accent);margin:0 0 30px}.headlines{position:relative}h1,.ending{font-size:clamp(40px,4.5vw,80px);line-height:1.25;letter-spacing:-.07em;font-weight:400;margin:0}.ending{position:absolute;inset:0;opacity:0;pointer-events:none}.hero-desc{font-size:14px;line-height:1.95;color:#c1c9cf;margin:26px 0}.text-link{font-size:12px;display:inline-flex;gap:36px;align-items:center;padding:10px 0;border-bottom:1px solid #84929e}.hero-foot{position:absolute;bottom:44px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#c1ccd5}.scroll-cue i{display:inline-block;font-style:normal;margin-left:30px}.hero-status{font-size:8px}.hero-number{font-size:10px}.progress{position:absolute;bottom:0;height:2px;width:100%;background:#25303a}.progress i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.statement{padding:125px 0 110px}.section-label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:70px}.statement h2{font-size:clamp(42px,5.4vw,86px);font-weight:400;line-height:1.25;letter-spacing:-.065em;margin:0}.statement h2 span{color:#77848e}.statement-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:45px}.large-en{font-size:21px;line-height:1.35;letter-spacing:-.7px}.statement-bottom>p:last-child{font-size:15px;line-height:2.1;color:var(--muted);width:42%}.product{display:grid;grid-template-columns:1.13fr 1fr;gap:8%;padding-bottom:145px;align-items:center}.product-art{position:relative;min-width:0;background:#090e14;height:670px;overflow:hidden;border-radius:2px}.product-art>img{width:100%;height:100%;object-fit:cover;object-position:71%}.view-switch{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;white-space:nowrap;background:#121c26e8;padding:5px;border:1px solid #5a6c7a;border-radius:30px}.view-switch button{border:0;background:transparent;color:#c5cdd4;border-radius:25px;padding:12px 19px;font-size:11px}.view-switch button.active{background:#dce9ed;color:#17232d}.product-copy h2{font-size:clamp(26px,2.8vw,44px);line-height:1.5;font-weight:400;letter-spacing:-.055em;margin:0 0 40px}.product-copy article{display:flex;gap:22px;border-top:1px solid var(--line);padding:26px 0}.index{font-size:10px;color:var(--accent);padding-top:5px}.product-copy h3{font-size:21px;font-weight:400;margin:0 0 5px;letter-spacing:-.6px}.product-copy p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.product-copy .ko-title{margin-top:4px;font-size:10px!important}.product-copy small{display:block;font-size:10px;color:#96a3ad;line-height:1.6}.house{background:#e9ece9;color:#1b272e;padding:110px 0 90px}.house .eyebrow{color:#526a79}.house h2{font-size:clamp(30px,3.8vw,58px);line-height:1.5;letter-spacing:-.065em;font-weight:400;margin-bottom:60px}.house-photo{position:relative;margin:0 6%}.house-photo img{width:100%;max-height:740px;object-fit:cover;aspect-ratio:1.95}.house-photo figcaption{font-size:9px;letter-spacing:2px;margin-top:16px;color:#4e616b}.house-note{display:flex;justify-content:space-between;margin-top:60px}.house-note span{font-size:25px;line-height:1.55;letter-spacing:-.04em}.house-note p{font-size:14px;line-height:2;color:#52606a;margin:0}.process{padding:120px 0 130px}.process h2{font-size:clamp(32px,4vw,60px);font-weight:400;letter-spacing:-.05em;margin:0 0 65px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.photo{overflow:hidden;aspect-ratio:1.15}.photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.photo:hover img{transform:scale(1.035)}.step{color:#97aab7;margin-top:28px;font-size:9px}.process h3{font-size:22px;font-weight:400;letter-spacing:-.04em;margin:16px 0}.process article>p:last-child{font-size:13px;color:var(--muted);line-height:1.9}.contact{padding:85px 0 100px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(38px,5.5vw,85px);font-weight:400;line-height:1.3;letter-spacing:-.065em;margin:0}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:45px}.contact-bottom p{font-size:13px;line-height:2;color:var(--muted)}.contact-pending{border-bottom:1px solid #5f7483;padding:10px 30px}footer{padding:45px 0 30px;border-top:1px solid var(--line)}.footer-brand{font-size:clamp(34px,8.9vw,140px);font-weight:500;letter-spacing:-.055em;display:block;line-height:1.1}footer>div{display:flex;justify-content:space-between;margin-top:35px;font-size:9px;color:var(--muted);letter-spacing:.6px}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js .reveal.visible{opacity:1;transform:none}@media(min-width:1600px){.hero-copy{top:34%}.product-art{height:780px}}@media(max-width:850px){.header{padding:25px 6%}.brand{font-size:18px}.header nav{gap:20px}.header nav>a:not(.nav-contact){display:none}.nav-contact{padding:10px 15px}.hero-copy{top:24%;max-width:90%;left:7%}.hero-copy .eyebrow{font-size:8px;margin-bottom:20px}h1,.ending{font-size:44px}.hero-desc{font-size:12px;margin:20px 0}.stage,.journey{min-height:760px}.poster{object-position:69%;opacity:.7}.scrim{background:linear-gradient(180deg,#080e15 0%,#080e15e0 25%,transparent 65%,#0c1117),linear-gradient(90deg,#080e1580,transparent)}.hero-copy{top:20%}.hero-status{display:none}.hero-foot{bottom:30px}.statement{padding:85px 0 60px}.section-label{margin-bottom:45px;font-size:8px;letter-spacing:1px}.statement-bottom{align-items:start;gap:25px}.statement-bottom>p:last-child{width:65%;font-size:12px}.large-en{font-size:16px}.product{grid-template-columns:1fr;gap:45px;padding-bottom:80px}.product-art{height:580px}.product-copy h2{font-size:34px}.house{padding:75px 0 65px}.house h2{font-size:29px;margin-bottom:35px}.house-photo img{aspect-ratio:1.3}.house-note{display:block;margin-top:35px}.house-note span{font-size:23px}.house-note p{font-size:12px;margin-top:25px}.process{padding:80px 0}.process-grid{grid-template-columns:1fr;gap:45px}.photo{aspect-ratio:1.6}.process h2{margin-bottom:40px}.contact{padding:65px 0}.contact-bottom{display:block}.contact-pending{display:inline-block;padding-left:0}footer>div{gap:20px;flex-wrap:wrap}.hero-number{font-size:8px}}@media(max-width:450px){.stage,.journey{height:850px}.hero-copy{top:170px}.poster{object-fit:cover;object-position:69%;height:75%;top:25%;opacity:1}.scrim{background:linear-gradient(180deg,#080e15 0%,#080e15 36%,#080e1500 65%,#0c1117)}h1,.ending{font-size:39px}.hero-desc{font-size:11px}.text-link{font-size:10px}.product-art{height:460px}.product-copy h2{font-size:29px}.statement-bottom{display:block}.statement-bottom>p:last-child{width:auto}.large-en{display:none}.house-note p br{display:none}.house-note p{max-width:36ch}.house h2{font-size:25px}.contact h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
.contact-channels{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.contact-channels a{font-size:clamp(14px,1.7vw,24px);color:var(--fg);border-bottom:1px solid #60717e;padding:6px 0}.contact-channels span{font-size:11px;color:var(--muted)}
@media(max-width:450px){.poster{top:40%;height:60%;object-position:72%}.scrim{background:linear-gradient(180deg,#080e15 0%,#080e15 35%,#080e1500 65%,#0c1117)}}

/* Both captions share an explicit column; the absolute ending must not size to the opening. */
.hero-copy{width:46%;max-width:640px}
.headlines{display:grid}
.headlines .opening,.headlines .ending{grid-area:1/1;position:static;white-space:nowrap}
.ending{font-size:clamp(36px,4.2vw,74px)}
.stage>.poster,.stage>#hero-video{mask-image:linear-gradient(to bottom,transparent,black 10%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%)}
@media(min-width:851px){
 .stage>.poster,.stage>#hero-video{top:9%;height:91%;object-fit:cover}
 .stage .scrim{background:linear-gradient(180deg,#080d12 0%,#080d1200 18%),linear-gradient(90deg,rgba(7,12,18,.73),transparent 66%),linear-gradient(0deg,#0c1117,transparent 19%)}
}
@media(max-width:850px){.hero-copy{width:86%;max-width:none}.ending{font-size:40px}}
@media(max-width:450px){
 .stage,.journey{height:max(760px,100svh);min-height:0}
 .hero-copy{top:140px}
 .ending{font-size:34px}
 .hero-foot{bottom:22px}
}