body { margin: 0; padding: 0; background: #333; display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; overflow: hidden; max-width: 100vw; max-height: 100vh; }
#banner { position: relative; width: 970px; height: 250px; background: #000000; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 0.4s; transform-origin: center center; }
#banner.ready { opacity: 1; visibility: visible; }
#clip-frame { position: absolute; top: 0; left: 0; width: 970px; height: 250px; clip-path: inset(0); isolation: isolate; }
.layer { position: absolute; top: 0; left: 0; will-change: transform; pointer-events: none; }
.filter-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mask-container { overflow: hidden; transform: translateZ(0); }
.text-layer { white-space: pre; line-height: 1.2; -webkit-font-smoothing: antialiased; }
.clickable { cursor: pointer; pointer-events: auto; }
.hover-layer { pointer-events: none; opacity: 0; transition: opacity 0.3s; }
#LightBlueBG_36 {
    width: 974px; height: 254px;
    transform-origin: 487px 127px;
    transform: translate3d(-2px, -2px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueBG.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteCircleBurstOn_35 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteCircleBurstOn.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCircleBurstOn_34 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCircleBurstOn.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteCircleBurstOn_33 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteCircleBurstOn.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCiircleBurstOn_32 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCiircleBurstOn.svg'); background-size: contain; background-repeat: no-repeat;
}
#LeftOverlayBladeShape_31 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(63.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/LeftOverlayBladeShape.svg'); background-size: contain; background-repeat: no-repeat;
}
#RightOveralayBladeShape_30 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(762.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/RightOveralayBladeShape.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteBladeShape_29 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(126.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteBladeShape.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape2_28 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(126.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape2.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape3_27 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(126.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape3.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape4_26 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(126.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape4.svg'); background-size: contain; background-repeat: no-repeat;
}
#FFLogo-SVGexportsvg_25 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 767.9 12.61 L 463.77 12.61 L 463.77 185.13 L 767.9 185.13 Z'); -webkit-clip-path: path('M 767.9 12.61 L 463.77 12.61 L 463.77 185.13 L 767.9 185.13 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_24 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 460.63 14.13 L 409.4 14.13 L 409.4 117.67 L 460.63 117.67 Z'); -webkit-clip-path: path('M 460.63 14.13 L 409.4 14.13 L 409.4 117.67 L 460.63 117.67 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_23 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 409.26 16.57 L 353.06 16.57 L 353.06 112.47 L 409.26 112.47 Z'); -webkit-clip-path: path('M 409.26 16.57 L 353.06 16.57 L 353.06 112.47 L 409.26 112.47 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_22 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 352.07 15.38 L 300.28 15.38 L 300.28 106.73 L 352.07 106.73 Z'); -webkit-clip-path: path('M 352.07 15.38 L 300.28 15.38 L 300.28 106.73 L 352.07 106.73 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_21 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 296.45 14.19 L 248.1 14.19 L 248.1 106.42 L 296.45 106.42 Z'); -webkit-clip-path: path('M 296.45 14.19 L 248.1 14.19 L 248.1 106.42 L 296.45 106.42 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_20 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 245.79 9.43 L 222.5 9.43 L 222.5 106.42 L 245.79 106.42 Z'); -webkit-clip-path: path('M 245.79 9.43 L 222.5 9.43 L 222.5 106.42 L 245.79 106.42 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_19 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 224.74 13.8 L 164.17 13.8 L 164.17 116.49 L 224.74 116.49 Z'); -webkit-clip-path: path('M 224.74 13.8 L 164.17 13.8 L 164.17 116.49 L 224.74 116.49 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_18 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 168.85 12.61 L 110.99 12.61 L 110.99 107.23 L 168.85 107.23 Z'); -webkit-clip-path: path('M 168.85 12.61 L 110.99 12.61 L 110.99 107.23 L 168.85 107.23 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_17 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 112.58 7.45 L 55.03 7.45 L 55.03 120.65 L 112.58 120.65 Z'); -webkit-clip-path: path('M 112.58 7.45 L 55.03 7.45 L 55.03 120.65 L 112.58 120.65 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_16 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 56.56 -14.38 L -26.71 -14.38 L -26.71 117.62 L 56.56 117.62 Z'); -webkit-clip-path: path('M 56.56 -14.38 L -26.71 -14.38 L -26.71 117.62 L 56.56 117.62 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#WhiteCircleBurstOn2_15 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteCircleBurstOn2.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCircleBurstOn2_14 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCircleBurstOn2.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteCircleBurstOn3_13 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteCircleBurstOn3.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCiircleBurstOn2_12 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCiircleBurstOn2.svg'); background-size: contain; background-repeat: no-repeat;
}
#Forstyleandflair_11 {
    width: 666.668052613735px; height: 108.780001699924px;
    transform-origin: 333.518px 70.656px;
    transform: translate3d(151.665976345539px, 80.6099982261658px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    
    font-family: "NanumGothic", sans-serif; font-size: 92px; color: #ffffff; text-align: center; letter-spacing: -0.05em;
    line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
}
#Forstyleandflair_11 .anime-unit {
    display: inline-block; vertical-align: top; white-space: pre; opacity: 0; transform: translateX(1000px) translateY(0px) rotate(0deg) scale(1);
}
#LeftOverlayBladeShape2_10 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(-253.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/LeftOverlayBladeShape2.svg'); background-size: contain; background-repeat: no-repeat;
}
#RightOveralayBladeShape2_9 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(445.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/RightOveralayBladeShape2.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteBladeShape2_8 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteBladeShape2.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape5_7 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape5.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape6_6 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape6.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape7_5 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape7.svg'); background-size: contain; background-repeat: no-repeat;
}
#LivingRooms_4 {
    width: 356.784007534385px; height: 77.9080046415329px;
    transform-origin: 176.532px 45.632px;
    transform: translate3d(53.4680149108171px, 96.0459976792336px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    
    font-family: "NanumGothic", sans-serif; font-size: 62px; color: #ffffff; text-align: center; letter-spacing: -0.05em;
    line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
}
#LivingRooms_4 .anime-unit {
    display: inline-block; vertical-align: top; white-space: pre; opacity: 0; transform: translateX(0px) translateY(175px) rotate(0deg) scale(1);
}
#SofaPNGpng_3 {
    width: 1080px; height: 1080px;
    transform-origin: 540px 540px;
    transform: translate3d(205px, -643px, 0) rotate(0deg) scale(0.31, 0.31);
    opacity: 1;
    overflow: hidden;
    
}
#Bedrooms_2 {
    width: 279.532008633018px; height: 70.2820023521781px;
    transform-origin: 137.906px 46.624px;
    transform: translate3d(92.0939914733171px, 95.0539993643761px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    
    font-family: "NanumGothic", sans-serif; font-size: 62px; color: #ffffff; text-align: center; letter-spacing: -0.05em;
    line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
}
#Bedrooms_2 .anime-unit {
    display: inline-block; vertical-align: top; white-space: pre; opacity: 0; transform: translateX(0px) translateY(175px) rotate(0deg) scale(1);
}
#BedPNGpng_1 {
    width: 1080px; height: 1080px;
    transform-origin: 540px 540px;
    transform: translate3d(205px, -643px, 0) rotate(0deg) scale(0.31, 0.31);
    opacity: 1;
    overflow: hidden;
    
}