@font-face{font-family:Bangi Motion;src:url(/motion/pretendard-extrabold.woff2)format("woff2");font-weight:800 950;font-display:swap}html:has(.motion-page){scrollbar-gutter:auto}body:has(.motion-page){background:#fff}body:has(.motion-page)>.site-openchat{display:none}.motion-page{--ink:#171815;--accent:#75b768;--paper:#fff;--play-state:paused;background:var(--paper);width:100%;height:100svh;min-height:600px;color:var(--ink);flex-direction:column;line-height:1.2;display:flex;overflow:hidden}.motion-page[data-playing=true]{--play-state:running}.motion-page :is(h1,h2,p){margin:0}.motion-page :is(h1,h2,strong){font-family:Bangi Motion,Pretendard,-apple-system,sans-serif}.motion-page :is(h1,h2){letter-spacing:-.07em;font-weight:900}.motion-page em{color:var(--accent);font-style:normal}.motion-page button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.motion-page :is(button,a,input):focus-visible{outline-offset:5px;outline:3px solid #327b36}.motion-top{border-bottom:2px solid var(--ink);z-index:2;flex:none;justify-content:space-between;align-items:center;gap:20px;height:76px;margin:0 3.6%;display:flex;position:relative}.motion-skip{border:2px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.motion-skip:hover{background:#edf5e9}.motion-wordmark{align-items:center;display:inline-flex}.motion-wordmark>span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;margin-left:-4px;padding-bottom:1px;font-size:21px;font-weight:850;display:grid}.motion-wordmark>span:first-child{margin-left:0}.motion-stage{isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}.motion-scene{animation:.4s both motion-scene-enter,.45s cubic-bezier(.5,0,.75,0) forwards motion-scene-exit;animation-delay:0s, calc(var(--length) - .45s - var(--offset));animation-play-state:var(--play-state);position:absolute;inset:0;overflow:hidden}.motion-scene-5{animation:.4s both motion-scene-enter}.motion-page[data-playing=false] .motion-scene{animation:none}.motion-grain{display:none}.motion-eyebrow{letter-spacing:-.03em;font-size:clamp(17px,1.6vw,24px);font-weight:700;margin-bottom:20px!important}.motion-word-window{margin-bottom:-.1em;margin-left:-.03em;padding:.05em .09em .11em .03em;display:block;overflow:hidden}.motion-rise{animation:.75s cubic-bezier(.15,.9,.25,1.13) both motion-rise;animation-delay:calc(var(--delay,0s) - var(--offset));animation-play-state:var(--play-state);display:block}.motion-reveal{animation:.65s cubic-bezier(.2,.8,.2,1) both motion-reveal;animation-delay:calc(var(--delay,0s) - var(--offset));animation-play-state:var(--play-state)}.motion-delay-1{--delay:.35s}.motion-delay-2{--delay:.8s}.motion-delay-3{--delay:1.35s}.motion-delay-4{--delay:1.8s}.motion-count{font-variant-numeric:tabular-nums;display:inline-grid}.motion-count>span{text-align:right;grid-area:1/1}.motion-count>span:first-child{visibility:hidden}.motion-town-artwork{position:absolute;inset:0;overflow:hidden}.motion-neighborhood{animation:1.4s both motion-illustration-enter;animation-delay:calc(.35s - var(--offset));animation-play-state:var(--play-state);position:absolute;inset:0}.motion-neighborhood img{object-fit:cover;object-position:55% 65%;width:100%;height:100%;animation:motion-neighborhood-camera var(--length) cubic-bezier(.25,.5,.25,1) both;animation-delay:calc(0s - var(--offset));animation-play-state:var(--play-state);display:block}.motion-intro-copy{z-index:2;width:47%;position:absolute;top:8%;left:7%}.motion-intro-title{font-size:clamp(86px,9.4vw,150px);line-height:1.02}.motion-title-dot{color:var(--accent)}.motion-intro-sub{letter-spacing:-.05em;background:var(--paper);width:fit-content;font-size:clamp(23px,2.35vw,37px);line-height:1.4;margin-top:20px!important}.motion-intro-stroke{width:76%;max-width:380px;height:23px;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;--draw-delay:1.7s;margin-top:3px;display:block}.motion-art-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.5s both motion-trace;animation-delay:calc(var(--draw-delay,0s) - var(--offset));animation-play-state:var(--play-state)}.motion-town-ending .motion-neighborhood img{object-position:50% 76%;animation-name:motion-ending-camera}.motion-price-copy{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:6%;left:6%;right:6%}.motion-price-copy h2{font-size:clamp(52px,5.6vw,86px)}.motion-price-number{align-items:baseline;margin:58px 0 0;padding:14px 42px 23px 24px;display:inline-flex;position:relative}.motion-price-number>span{font-size:clamp(16px,1.3vw,20px);font-weight:800;position:absolute;top:-2.3em;left:50%;translate:-50%}.motion-price-number strong{color:var(--accent);letter-spacing:-.07em;white-space:nowrap;font-size:clamp(140px,15.5vw,240px);line-height:1}.motion-price-number small:first-child{margin-right:14px;font-size:.23em}.motion-price-number small:last-child{margin-left:8px;font-size:.4em}.motion-price-number svg{pointer-events:none;width:124%;height:124%;position:absolute;top:-9%;left:-9%;overflow:visible}.motion-price-number path{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1900;stroke-dashoffset:1900px;animation:1.5s both motion-draw;animation-delay:calc(1s - var(--offset));animation-play-state:var(--play-state)}.motion-price-sub{letter-spacing:-.04em;font-size:clamp(28px,3vw,46px);line-height:1.4;margin-top:24px!important}.motion-map-artwork{width:55%;animation:1.2s cubic-bezier(.2,.8,.2,1) both motion-map-arrive;animation-delay:calc(0s - var(--offset));animation-play-state:var(--play-state);position:absolute;top:50%;right:-1%;translate:0 -50%}.motion-area-art{border:2px solid var(--ink);width:100%;height:auto;transform:rotate(-5deg)}.motion-boundary{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.3s both motion-trace;animation-delay:calc(.4s - var(--offset));animation-play-state:var(--play-state)}.motion-map-pin{transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.2,1.7,.3,1) both motion-pin;animation-delay:calc(1.7s - var(--offset));animation-play-state:var(--play-state)}.motion-map-label{fill:var(--ink);stroke:none;font-size:40px;font-weight:850}.motion-map-label-small{font-size:28px}.motion-map-note{text-align:center;color:#5d6258;margin-top:35px;font-size:13px;display:block}.motion-area-copy{z-index:2;position:absolute;top:11%;left:8%}.motion-area-copy h2{font-size:clamp(50px,5.4vw,82px);line-height:1.13}.motion-area-number{margin-top:34px}.motion-area-number>span{margin-bottom:4px;font-size:clamp(16px,1.3vw,20px);font-weight:700;display:block}.motion-area-number strong{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(58px,6.4vw,98px)}.motion-area-number small{margin-left:8px;font-size:.36em}.motion-aging{gap:28px;margin-top:24px;display:flex}.motion-aging div{flex-direction:column;gap:6px;display:flex}.motion-aging strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(40px,4vw,60px)}.motion-aging small{margin-left:2px;font-size:.6em}.motion-aging div>span{font-size:clamp(16px,1.3vw,20px);font-weight:700}.motion-now-copy{z-index:2;position:absolute;top:12%;left:10%}.motion-now-copy h2{font-size:clamp(65px,8.2vw,132px);line-height:1.07}.motion-now-copy h2>span:first-child{letter-spacing:-.06em;margin-bottom:.2em;font-size:.5em}.motion-now-sub{letter-spacing:-.05em;font-size:clamp(28px,3vw,46px);line-height:1.4;margin-top:36px!important}.motion-now-background{color:#edf5e9;letter-spacing:-.09em;white-space:nowrap;animation:motion-glide var(--length) cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(0s - var(--offset));animation-play-state:var(--play-state);font-family:Bangi Motion,sans-serif;font-size:32vw;font-weight:900;position:absolute;bottom:-5%;right:1%}.motion-first-copy{position:absolute;top:12%;left:9%}.motion-first-copy h2{font-size:clamp(58px,6.6vw,104px);line-height:1.12}.motion-wishes{gap:32px;width:40%;display:flex;position:absolute;top:14%;right:8%}.motion-wish{border-top:3px solid var(--ink);flex:1;min-width:0;padding-top:15px;position:relative}.motion-wish strong{white-space:nowrap;letter-spacing:-.075em;margin-top:14px;font-size:clamp(50px,6vw,92px);display:block}.motion-wish>span:last-of-type{margin-top:10px;font-size:clamp(17px,1.4vw,22px);font-weight:700;display:block}.motion-wish svg{width:100%;max-width:190px;stroke:var(--ink);stroke-width:2.3px;stroke-linejoin:round;stroke-linecap:round;margin-top:36px}.motion-wish svg path{stroke-dasharray:700;stroke-dashoffset:700px;animation:2s both motion-draw;animation-delay:calc(1s - var(--offset));animation-play-state:var(--play-state)}.motion-survey-note{letter-spacing:-.05em;font-size:clamp(32px,3.4vw,52px);font-weight:800;position:absolute;bottom:12%;left:9%}.motion-ending-copy{z-index:2;width:56%;position:absolute;top:11%;left:7%}.motion-ending-copy h2{font-size:clamp(40px,4.7vw,75px);line-height:1.13}.motion-cta{color:var(--ink);background:var(--accent);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);align-items:center;gap:44px;margin-top:44px;padding:20px 28px;font-size:clamp(20px,1.7vw,26px);font-weight:850;transition:translate .2s,box-shadow .2s;display:inline-flex}.motion-cta:hover{box-shadow:2px 2px 0 var(--ink);translate:2px 2px}.motion-cta span{animation:1.8s ease-in-out infinite motion-nudge;animation-delay:calc(2.4s - var(--offset));animation-play-state:var(--play-state);font-size:1.3em;line-height:1;display:inline-block}.motion-controls{background:var(--paper);color:var(--ink);border-top:2px solid var(--ink);flex:none;align-items:center;gap:32px;min-height:108px;margin:0 3.6%;padding:0;display:flex}.motion-transport,.motion-tools{flex:none;align-items:center;gap:12px;display:flex}.motion-controls button{border-radius:50%;min-width:44px;min-height:44px}.motion-controls button:hover{background:#edf5e9}.motion-controls .motion-play{background:var(--accent);color:var(--ink);border:2px solid var(--ink)}.motion-controls .motion-play:hover{background:#9bc991}.motion-controls .motion-repeat{border:2px solid #0000;border-radius:24px;gap:7px;padding:0 12px;font-size:14px;font-weight:750}.motion-controls .motion-repeat[aria-pressed=true]{background:var(--accent);border-color:var(--ink)}.motion-controls .motion-repeat[aria-pressed=true]:hover{background:#9bc991}.motion-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:4px;font-size:15px}.motion-time>span{color:#70756b}.motion-timeline{flex:1;min-width:0}.motion-timeline input{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0;display:block}.motion-timeline input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--progress),#e2e6de var(--progress));border-radius:10px;height:4px}.motion-timeline input::-moz-range-track{background:#e2e6de;height:4px}.motion-timeline input::-moz-range-progress{background:var(--accent);height:4px}.motion-timeline input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ink);border-radius:50%;width:12px;height:12px;margin-top:-4px}.motion-timeline input::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:12px;height:12px}.motion-chapters{justify-content:space-between;display:flex}.motion-chapters button{color:#5d6258;border-radius:0;min-height:32px;padding:0 2px;font-size:15px}.motion-chapters button[aria-current=step]{color:var(--ink);font-weight:800}.motion-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.motion-noscript{background:var(--paper);z-index:10;padding:20px;line-height:1.6;position:absolute;bottom:25%;left:9%;right:9%}.motion-noscript a{text-decoration:underline}@keyframes motion-rise{0%{opacity:0;transform:translateY(115%)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes motion-reveal{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@keyframes motion-scene-enter{0%{opacity:0}to{opacity:1}}@keyframes motion-scene-exit{to{opacity:0;translate:0 -14px}}@keyframes motion-glide{0%{opacity:0;translate:8%}15%{opacity:1}to{opacity:1;translate:0}}@keyframes motion-illustration-enter{0%{opacity:0;translate:3% 3%}to{opacity:1;translate:0}}@keyframes motion-neighborhood-camera{0%{transform:scale(1.045)translate(1%,1%)}to{transform:scale(1)translate(0)}}@keyframes motion-ending-camera{0%{transform:scale(1.035)translateY(1%)}to{transform:scale(1)translate(0)}}@keyframes motion-nudge{0%,70%,to{translate:0}35%{translate:3px -3px}}@keyframes motion-draw{to{stroke-dashoffset:0}}@keyframes motion-trace{to{stroke-dashoffset:0}}@keyframes motion-map-arrive{0%{opacity:0;transform:translate(10%)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes motion-pin{0%{scale:0}to{scale:1}}@media (max-height:740px) and (min-width:761px){.motion-top{height:60px}.motion-controls{min-height:86px}.motion-eyebrow{margin-bottom:14px!important}.motion-price-copy{top:6%}.motion-price-copy h2{font-size:4.6vw}.motion-price-number{margin-top:44px;padding-bottom:15px}.motion-price-number strong{font-size:13vw}.motion-price-sub{font-size:2.4vw;margin-top:14px!important}.motion-area-copy{top:7%}.motion-area-copy h2{font-size:4.4vw}.motion-area-number{margin-top:16px}.motion-area-number strong{font-size:5.4vw}.motion-aging{margin-top:10px}.motion-aging strong{font-size:3.2vw}.motion-now-copy{top:9%}.motion-now-copy h2{font-size:7vw}.motion-now-sub{font-size:2.5vw;margin-top:20px!important}.motion-first-copy{top:8%}.motion-first-copy h2{font-size:5.8vw}.motion-wishes{top:9%}.motion-wish svg{margin-top:16px}.motion-survey-note{font-size:2.8vw;bottom:9%}.motion-intro-title{font-size:min(9.2vw,22vh)}.motion-intro-sub{font-size:2.1vw;margin-top:15px!important}.motion-ending-copy h2{font-size:4.2vw}.motion-cta{margin-top:26px}}@media (max-width:760px){.motion-page{min-height:640px}.motion-top{height:60px;margin:0 6%}.motion-top .motion-wordmark>span{width:36px;height:36px;margin-left:-3px;font-size:20px}.motion-eyebrow{font-size:16px;margin-bottom:14px!important}.motion-town-artwork{inset:0}.motion-neighborhood img{object-fit:cover;object-position:62% 100%}.motion-intro-copy{width:86%;top:6%;left:7%}.motion-intro-title{font-size:20vw;line-height:1.06}.motion-intro-sub{font-size:6.3vw;margin-top:16px!important}.motion-intro-stroke{width:76%;max-width:310px}.motion-town-artwork{top:34%}.motion-town-artwork:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#fff,#0000);height:21%;position:absolute;inset:0 0 auto}.motion-town-ending{top:40%}.motion-town-ending .motion-neighborhood img{object-position:64% 100%}.motion-price-copy{top:6%;left:5%;right:5%}.motion-price-copy h2{font-size:11vw}.motion-price-number{margin:44px 0 0;padding:14px 20px 13px}.motion-price-number strong{font-size:40vw}.motion-price-number small:first-child{margin-right:6px}.motion-price-number small:last-child{margin-left:3px}.motion-price-number>span{font-size:15px;top:0}.motion-price-number path{stroke-width:5px}.motion-price-sub{font-size:7.4vw;margin-top:24px!important}.motion-area-copy{top:5%;left:7%}.motion-area-copy h2{font-size:10vw}.motion-area-number{margin-top:16px}.motion-area-number strong{font-size:14vw}.motion-area-number>span{font-size:15px}.motion-aging{margin-top:8px}.motion-aging strong{font-size:10vw}.motion-aging div>span{font-size:15px}.motion-map-artwork{width:96%;top:auto;bottom:3%;right:1%;translate:none}.motion-map-label{font-size:44px}.motion-map-label-small{font-size:30px}.motion-map-note{margin-top:16px;font-size:11px}.motion-now-copy{top:12%;left:8%}.motion-now-copy h2{font-size:16vw;line-height:1.12}.motion-now-copy h2>span:first-child{margin-bottom:.28em;font-size:.46em}.motion-now-sub{font-size:7vw;margin-top:30px!important}.motion-now-background{font-size:65vw;bottom:0;right:-14%}.motion-first-copy{top:6%;left:8%}.motion-first-copy h2{font-size:12vw}.motion-wishes{gap:24px;width:auto;top:37%;left:8%;right:8%}.motion-wish{border-top-width:2px;padding-top:10px}.motion-wish strong{margin-top:8px;font-size:14vw}.motion-wish>span:last-of-type{margin-top:6px;font-size:15px}.motion-wish svg{width:62%;margin-top:12px}.motion-survey-note{font-size:7vw;bottom:6%;left:8%;right:8%}.motion-ending-copy{width:auto;top:6%;left:7%;right:6%}.motion-ending-copy h2{font-size:8.8vw}.motion-cta{border-width:2px;gap:30px;margin-top:22px;padding:14px 20px;font-size:19px}.motion-controls{flex-wrap:wrap;align-content:center;gap:12px 8px;min-height:136px;margin:0 6%;padding:12px 0}.motion-transport{gap:4px}.motion-time{margin-left:0;font-size:13px}.motion-tools{gap:4px;margin-left:auto}.motion-timeline{flex-basis:100%;order:3}.motion-chapters{grid-template-columns:repeat(3,1fr);display:grid}.motion-chapters button{letter-spacing:-.035em;min-height:30px;font-size:14px}.motion-controls button{min-width:44px;min-height:44px}.motion-controls .motion-repeat{width:44px;padding:0}.motion-repeat-label{display:none}}@media (max-width:760px) and (max-height:760px){.motion-controls{min-height:92px}.motion-chapters{display:none}.motion-price-copy{top:4%}.motion-price-copy h2{font-size:10vw}.motion-price-number{margin-top:36px}.motion-price-number strong{font-size:32vw}.motion-price-sub{font-size:6.4vw;margin-top:12px!important}.motion-area-copy{top:4%}.motion-area-copy h2{font-size:8.6vw}.motion-area-number{margin-top:10px}.motion-area-number strong{font-size:11vw}.motion-aging strong{font-size:7.6vw}.motion-map-artwork{width:min(90%,70svh);top:auto;bottom:3%;right:2%}.motion-now-copy{top:9%}.motion-now-copy h2{font-size:14vw}.motion-now-sub{font-size:6.4vw;margin-top:20px!important}.motion-first-copy h2{font-size:11vw}.motion-wishes{top:40%}.motion-wish strong{font-size:12vw}.motion-wish svg{width:44%;margin-top:8px}.motion-survey-note{font-size:6.4vw;bottom:4%}.motion-intro-title{font-size:18vw}.motion-intro-sub{font-size:6.1vw;margin-top:10px!important}.motion-town-artwork{top:39%}.motion-town-ending{top:43%}.motion-ending-copy h2{font-size:8vw}.motion-cta{margin-top:14px;padding:13px 18px}}.motion-page[data-reduced-motion=true] :is(.motion-scene,.motion-rise,.motion-reveal,.motion-neighborhood,.motion-neighborhood img,.motion-art-draw,.motion-area-art,.motion-now-background,.motion-cta span,.motion-map-artwork,.motion-boundary,.motion-map-pin,.motion-park-pin,.motion-price-number path,.motion-wish svg path){opacity:1;stroke-dashoffset:0;animation:none}@media (prefers-reduced-motion:reduce){.motion-page *,.motion-page :after{opacity:1;stroke-dashoffset:0;transition:none;animation:none!important}}