:root{--ink:#071019;--ink-soft:#101c25;--paper:#eee9df;--white:#fff;--bronze:#c9a86a;--bronze-bright:#f2d18e;--line:rgba(255,255,255,0.25);--sans:"Pretendard","Apple SD Gothic Neo",sans-serif;--serif:"Maru Buri","Iowan Old Style",serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit}::selection{background:var(--bronze);color:var(--ink)}@font-face{font-family:Pretendard;src:url(/fonts/pretendard-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Maru Buri;src:url(/fonts/maru-buri-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Maru Buri;src:url(/fonts/maru-buri-semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}.site-header{position:fixed;z-index:40;top:0;left:0;width:100%;height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 52px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.55)}.site-header:before{content:"";position:absolute;z-index:-1;inset:0 0 -90px;pointer-events:none;background:linear-gradient(180deg,rgba(4,9,13,.78),rgba(4,9,13,.3) 48%,transparent)}.brand{display:inline-flex;align-items:center;gap:13px;width:max-content}.brand-mark{position:relative;width:27px;height:30px;display:block}.brand-mark i{position:absolute;display:block;width:4px;height:29px;top:0;border-radius:4px;background:linear-gradient(180deg,#f8dfaa,#a27c3f);transform-origin:50% 100%}.brand-mark i:first-child{left:7px;transform:rotate(-24deg)}.brand-mark i:last-child{right:7px;transform:rotate(24deg)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1;letter-spacing:.18em}.brand strong{font-size:15px;font-weight:750}.brand small{margin-top:5px;font-size:7px;font-weight:500;letter-spacing:.28em;opacity:.72}.site-header nav{display:flex;align-items:center;gap:42px;font-size:13px;font-weight:500;letter-spacing:-.02em}.site-header nav a{position:relative;padding:14px 0}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:1px;background:var(--bronze-bright);transition:right .35s ease}.site-header nav a:hover:after{right:0}.header-cta{justify-self:end;display:inline-flex;align-items:center;gap:18px;padding:10px 10px 10px 20px;border:1px solid rgba(255,255,255,.45);border-radius:100px;font-size:11px;letter-spacing:.02em;background:rgba(8,17,26,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-cta b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--white);font-size:14px;text-shadow:none}.film{position:relative;height:860vh}.film,.stage{background:var(--ink)}.stage{position:sticky;top:0;width:100%;height:100vh;overflow:hidden;isolation:isolate}.film-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-8}.film-vignette{inset:0;z-index:-5;background:radial-gradient(circle at 52% 45%,transparent 26%,rgba(1,7,11,.12) 64%,rgba(1,7,11,.7) 110%)}.film-grain,.film-vignette{position:absolute;pointer-events:none}.film-grain{inset:-100%;z-index:-4;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}.film-top-scrim{z-index:-3;background:linear-gradient(90deg,rgba(2,8,12,.56),transparent 43%,transparent 67%,rgba(2,8,12,.2)),linear-gradient(0deg,rgba(3,8,12,.5),transparent 30%)}.film-handoff,.film-top-scrim{position:absolute;inset:0;pointer-events:none}.film-handoff{z-index:-1;background:linear-gradient(180deg,transparent 0,rgba(153,138,125,.16) 62%,#998a7d)}.route-glow{position:absolute;z-index:-2;left:50%;bottom:-8vh;width:2px;height:42vh;transform-origin:50% 100%;transform:perspective(500px) rotateX(58deg);background:linear-gradient(0deg,transparent,rgba(240,199,112,.92),transparent);box-shadow:0 0 13px rgba(242,209,142,.8);opacity:.68;pointer-events:none}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}to{transform:translate(-3%,-1%)}}.beats{inset:0;z-index:3;pointer-events:none}.beat,.beats{position:absolute}.beat{left:max(6.5vw,56px);top:50%;width:min(650px,54vw);transform:translateY(-50%);transition:opacity .12s linear;will-change:opacity,transform}.beat:before{content:"";position:absolute;z-index:-1;inset:-55% -22% -55% -18%;background:radial-gradient(ellipse at 22% 50%,rgba(3,9,13,.72),rgba(3,9,13,.37) 46%,transparent 76%)}.beat .eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 26px;font-size:10px;line-height:1;font-weight:600;letter-spacing:.24em;color:#fff}.beat .eyebrow span{display:block;width:30px;height:1px;background:var(--bronze-bright)}.beat h1{margin:0;font-family:var(--serif);font-size:clamp(48px,5.7vw,92px);font-weight:400;line-height:1.15;letter-spacing:-.035em;text-shadow:0 4px 36px rgba(0,0,0,.58);word-break:keep-all}.beat h1 span{display:block}.beat-body{width:min(440px,90%);margin:30px 0 0 2px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.85;letter-spacing:-.015em;word-break:keep-all;text-shadow:0 2px 24px rgba(0,0,0,.8)}.stat{position:absolute;left:min(57vw,760px);bottom:0;display:flex;align-items:flex-end;gap:10px;color:rgba(255,255,255,.92);white-space:nowrap}.stat strong{font-family:var(--serif);font-size:clamp(54px,6.2vw,100px);line-height:.78;font-weight:400;letter-spacing:-.05em}.stat small{padding-bottom:1px;font-size:9px;font-weight:600;letter-spacing:.22em}.remote{position:absolute;z-index:9;right:28px;top:50%;width:110px;transform:translateY(-50%);display:grid;grid-template-columns:27px 1px 1fr;column-gap:10px;align-items:start;padding:16px 12px 12px;border:1px solid rgba(255,255,255,.24);border-radius:3px;background:rgba(4,10,14,.58);-webkit-backdrop-filter:blur(16px) saturate(1.16);backdrop-filter:blur(16px) saturate(1.16);box-shadow:0 14px 48px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.035)}.remote-label span{display:block;font-family:var(--serif);font-size:19px;line-height:1}.remote-label small{display:block;margin-top:4px;font-size:5px;letter-spacing:.15em;color:rgba(255,255,255,.55)}.remote-track{position:relative;height:142px;background:rgba(255,255,255,.25)}.remote-track i{position:absolute;top:0;left:0;width:1px;background:var(--bronze-bright);box-shadow:0 0 7px var(--bronze)}.remote ol{grid-column:3;display:flex;flex-direction:column;justify-content:space-between;height:142px;list-style:none;padding:0;margin:0}.remote li{height:20px}.remote li button{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end;gap:7px;border:0;padding:0;background:transparent;cursor:pointer;color:rgba(255,255,255,.46)}.remote li button span{opacity:0;transform:translateX(5px);font-size:7px;white-space:nowrap;letter-spacing:-.03em;transition:opacity .25s,transform .25s,color .25s}.remote li button i{display:block;width:4px;height:4px;border:1px solid;border-radius:50%;transition:transform .25s,background .25s,color .25s}.remote li button.active span,.remote li button:hover span{opacity:1;transform:none}.remote li button.active{color:var(--bronze-bright)}.remote li button.active i{transform:scale(1.35);background:currentColor;box-shadow:0 0 8px currentColor}.remote-down{grid-column:1/-1;justify-self:end;width:26px;height:26px;margin-top:10px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(255,255,255,.06);cursor:pointer;font-size:11px}.scene-caption{position:absolute;left:52px;bottom:35px;z-index:8;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.12em}.scene-caption i{width:60px;height:1px;background:rgba(255,255,255,.35)}.scene-caption b{font-weight:500;color:var(--bronze-bright)}.scroll-hint{position:absolute;z-index:8;left:50%;bottom:31px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;font-size:7px;letter-spacing:.24em;color:rgba(255,255,255,.82)}.scroll-hint i{position:relative;width:1px;height:31px;background:rgba(255,255,255,.25);overflow:hidden}.scroll-hint i:after{content:"";position:absolute;left:0;top:-100%;width:1px;height:60%;background:#fff;animation:scrollLine 1.7s ease-in-out infinite}@keyframes scrollLine{to{top:150%}}.loader{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--ink);font-size:8px;letter-spacing:.3em}.loader>div{width:180px;height:1px;background:rgba(255,255,255,.16)}.loader>div i{display:block;height:100%;background:var(--bronze-bright);transition:width .25s}.loader b{font-family:var(--serif);font-size:25px;font-weight:400;color:var(--bronze-bright)}.after-film{z-index:2;min-height:180vh;padding:0 7vw 12vh;color:#13202a;background:#eee9df}.after-film,.intro-visual{position:relative;overflow:hidden}.intro-visual{min-height:105vh;margin:0 -7vw;padding:18vh 7vw 14vh;display:flex;flex-direction:column;justify-content:center;color:#fff;isolation:isolate}.intro-visual:before{content:"";position:absolute;z-index:-3;inset:-3%;background:url(/assets/keyframes/kf05-builder.jpg) 50% 48%/cover no-repeat;filter:saturate(.82) contrast(1.05);transform:scale(1.04)}.intro-visual:after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,9,14,.88),rgba(3,9,14,.62) 46%,rgba(3,9,14,.3) 76%,rgba(3,9,14,.5)),linear-gradient(180deg,rgba(3,9,14,.45) 0,rgba(3,9,14,.08) 56%,#eee9df)}.intro-kicker{padding-top:0;font-size:9px;font-weight:700;letter-spacing:.28em;color:var(--bronze-bright);text-shadow:0 2px 20px rgba(0,0,0,.6)}.intro-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr);gap:8vw;align-items:end;margin-top:45px}.intro-grid h2{margin:0;color:#fff;font-family:var(--serif);font-size:clamp(47px,6.5vw,110px);line-height:1.18;font-weight:400;letter-spacing:-.04em;text-shadow:0 5px 40px rgba(0,0,0,.58)}.intro-grid h2 em{color:var(--bronze-bright);font-style:normal}.intro-grid>div{padding-bottom:10px}.intro-grid p{margin:0 0 35px;font-size:16px;line-height:1.8;color:rgba(255,255,255,.82);word-break:keep-all;text-shadow:0 2px 20px rgba(0,0,0,.64)}.intro-grid a{display:inline-flex;align-items:center;gap:25px;padding-bottom:8px;border-bottom:1px solid rgba(242,209,142,.72);color:var(--bronze-bright);font-size:12px;font-weight:700;text-shadow:0 2px 14px rgba(0,0,0,.55)}.intro-grid a span{font-size:18px}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16vh;border-top:1px solid rgba(19,32,42,.2);border-bottom:1px solid rgba(19,32,42,.2)}.facts article{min-height:270px;display:flex;flex-direction:column;justify-content:space-between;padding:35px 28px 31px;border-right:1px solid rgba(19,32,42,.16)}.facts article:first-child{padding-left:0}.facts article:last-child{border-right:0}.facts small{font-size:8px;font-weight:700;letter-spacing:.22em;color:#9d8355}.facts strong{font-family:var(--serif);font-size:clamp(38px,4vw,68px);line-height:1;font-weight:400;letter-spacing:-.05em}.facts p{margin:0;font-size:12px;color:#6e7477}.contact{min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12vh 7vw 5vh;text-align:center;background:#0a141d}.contact>p{margin:0;font-family:var(--serif);font-size:clamp(38px,4.5vw,72px);line-height:1.4;letter-spacing:-.03em}.contact>a{position:relative;width:min(760px,88vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:65px;padding:24px 30px;border:1px solid rgba(242,209,142,.45);border-radius:100px;overflow:hidden}.contact>a:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent,rgba(242,209,142,.18),transparent);transition:transform .75s}.contact>a:hover:before{transform:translateX(110%)}.contact>a span{justify-self:start;font-size:11px;letter-spacing:.12em}.contact>a strong{font-family:var(--serif);font-size:clamp(22px,2.5vw,40px);font-weight:400;color:var(--bronze-bright)}.contact>a i{justify-self:end;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--bronze-bright);font-style:normal}.demo-notice{width:100%;margin-top:auto;padding-top:9vh;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:minmax(130px,.32fr) 1fr;gap:5vw;align-items:start;text-align:left;color:rgba(255,255,255,.58)}.demo-notice>strong{width:max-content;padding:7px 10px 6px;border:1px solid rgba(242,209,142,.5);color:var(--bronze-bright);font-size:8px;line-height:1;letter-spacing:.2em;font-weight:650}.demo-notice>div{display:flex;flex-direction:column;gap:7px}.demo-notice b{color:rgba(255,255,255,.78);font-size:11px;line-height:1.65;font-weight:500;word-break:keep-all}.demo-notice small{color:rgba(255,255,255,.4);font-size:9px;line-height:1.7;word-break:keep-all}.sub-demo-notice{margin-top:0;padding:48px 7vw 44px;border-top-color:rgba(255,255,255,.14);background:#0a141d;color:rgba(255,255,255,.58)}.subpage{min-height:100vh;color:#17232c;background:var(--paper)}.subpage .site-header{color:#fff}.sub-hero{min-height:92vh;display:grid;align-items:end;position:relative;padding:17vh 7vw 9vh;overflow:hidden;background:#09131c}.sub-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,14,.75),rgba(4,10,14,.08)),url(/assets/keyframes/kf01-residence.jpg) 50%/cover no-repeat}.sub-hero>div{position:relative;z-index:1}.sub-hero p{margin:0 0 20px;font-size:9px;letter-spacing:.26em;color:var(--bronze-bright)}.sub-hero h1{margin:0;font-family:var(--serif);font-size:clamp(58px,8vw,132px);line-height:1.02;font-weight:400;letter-spacing:-.04em;color:#fff}.sub-content{padding:15vh 7vw}.sub-lead{display:grid;grid-template-columns:1.4fr .6fr;gap:10vw;align-items:end}.sub-lead h2{margin:0;font-family:var(--serif);font-size:clamp(40px,5vw,82px);line-height:1.26;font-weight:400;letter-spacing:-.035em}.sub-lead p{margin:0;color:#687178;line-height:1.8;font-size:15px}.sub-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:14vh;background:rgba(13,29,39,.17);border:1px solid rgba(13,29,39,.17)}.sub-cards article{min-height:390px;padding:38px;background:var(--paper);display:flex;flex-direction:column}.sub-cards small{color:#9b7b49;font-size:9px;letter-spacing:.2em}.sub-cards strong{margin-top:auto;font-family:var(--serif);font-size:60px;font-weight:400;letter-spacing:-.05em}.sub-cards h3{margin:20px 0 13px;font-size:18px}.sub-cards p{margin:0;color:#70767a;font-size:13px;line-height:1.75}@media (max-width:900px){.site-header{height:72px;padding:0 20px;grid-template-columns:1fr auto}.site-header nav{display:none}.header-cta{padding:7px 7px 7px 14px}.header-cta span{display:none}.film{height:760vh}.film-top-scrim{background:linear-gradient(90deg,rgba(2,8,12,.5),transparent 85%),linear-gradient(0deg,rgba(3,8,12,.62),transparent 42%)}.beat{left:24px;top:auto;bottom:15vh;width:calc(100vw - 90px)}.beat:before{inset:-45% -5% -55% -12%;background:radial-gradient(ellipse at 20% 60%,rgba(3,9,13,.82),rgba(3,9,13,.42) 52%,transparent 80%)}.beat .eyebrow{margin-bottom:17px}.beat h1{font-size:clamp(42px,12vw,64px);line-height:1.14}.beat-body{margin-top:19px;max-width:86%;font-size:12px;line-height:1.7}.stat{position:static;margin-top:25px}.stat strong{font-size:43px}.remote{right:12px;width:45px;grid-template-columns:1px 1fr;column-gap:12px;padding:15px 11px}.remote-label{display:none}.remote-track{grid-column:1;height:162px}.remote ol{grid-column:2;height:162px}.remote li button span{display:none}.remote-down{grid-column:1/-1;width:25px;height:25px}.scene-caption{left:22px;bottom:25px}.scroll-hint{display:none}.route-glow{height:32vh}.after-film{padding-left:24px;padding-right:24px}.intro-visual{min-height:94vh;margin-left:-24px;margin-right:-24px;padding:17vh 24px 13vh}.intro-visual:before{background-position:62% 50%}.intro-grid,.sub-lead{grid-template-columns:1fr;gap:38px}.intro-grid h2{font-size:clamp(42px,11vw,68px)}.facts{grid-template-columns:1fr 1fr}.facts article{min-height:210px;border-bottom:1px solid rgba(19,32,42,.16)}.facts article:first-child{padding-left:28px}.facts article:nth-child(2){border-right:0}.contact>a{grid-template-columns:1fr auto;text-align:left}.contact>a strong{display:none}.demo-notice{grid-template-columns:1fr;gap:18px;padding-top:7vh}.demo-notice b{font-size:10px}.demo-notice small{font-size:8px}.sub-content,.sub-hero{padding-left:24px;padding-right:24px}.sub-cards{grid-template-columns:1fr}.sub-cards article{min-height:300px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-grain,.scroll-hint i:after{animation:none}*,:after,:before{transition-duration:.01ms!important}}