.project-template-reactive[data-v-4a7a68ff]{aspect-ratio:.5;height:auto;width:100%}.project-template-reactive:hover .bottom[data-v-4a7a68ff],.project-template-reactive:hover .top[data-v-4a7a68ff]{transform:translateY(0)}.project-template-reactive:hover .bottom .key-selling[data-v-4a7a68ff]{opacity:1}.project-template-reactive .top[data-v-4a7a68ff]{aspect-ratio:.75;height:auto;position:relative;transform:translateY(50px);transition:all .5s ease-out;width:100%}.project-template-reactive .top .background[data-v-4a7a68ff]{height:100%;position:relative;width:100%;z-index:1}.project-template-reactive .top .background img[data-v-4a7a68ff]{height:100%;object-fit:cover;object-position:top left;width:100%}.project-template-reactive .top .background[data-v-4a7a68ff]:after{background-image:linear-gradient(180deg,#0000,#0009);bottom:0;content:"";display:block;height:240px;left:0;position:absolute;width:100%;z-index:2}.project-template-reactive .top .background.no-dim[data-v-4a7a68ff]:after{display:none}.project-template-reactive .top .wrap-logo[data-v-4a7a68ff]{align-items:flex-end;bottom:22px;display:flex;max-height:100px;max-width:100px;min-height:30px;min-width:75px;position:absolute;right:14px;z-index:1}.project-template-reactive .top .wrap-logo picture img[data-v-4a7a68ff]{height:auto;width:100%}.project-template-reactive .top .title-box[data-v-4a7a68ff]{bottom:15px;color:#fff;left:15px;position:absolute;z-index:3}.project-template-reactive .top .title-box .title[data-v-4a7a68ff]{font-size:22px;line-height:20px}.project-template-reactive .top .title-box .location[data-v-4a7a68ff]{font-size:16px;line-height:16px}.project-template-reactive .top .logo[data-v-4a7a68ff]{bottom:20px;position:absolute;right:12px;z-index:3}.project-template-reactive .top .badges[data-v-4a7a68ff]{bottom:auto;display:flex;font-size:0;left:37px;position:absolute;top:12px;transform:rotate(90deg);transform-origin:top left;z-index:4}.project-template-reactive .top .badges .badge[data-v-4a7a68ff]{background-color:#fff;font-size:0;height:auto;letter-spacing:1px;text-align:center;text-transform:uppercase;transform:rotate(180deg);width:auto}.project-template-reactive .top .badges .badge.eia[data-v-4a7a68ff]{background:#000;color:#fff}.project-template-reactive .top .badges .badge.online_booking[data-v-4a7a68ff]{background:#d26132;color:#fff}.project-template-reactive .top .badges .badge.new[data-v-4a7a68ff]{background:#f6f6f6;color:#d26132}.project-template-reactive .top .badges .badge.sold_out[data-v-4a7a68ff]{background:#6e767a;color:#fff}.project-template-reactive .top .ultra-luxury[data-v-4a7a68ff]{position:absolute;right:12px;top:12px;z-index:4}.project-template-reactive .bottom[data-v-4a7a68ff]{padding:16px 12px 0;transform:translateY(50px);transition:all .5s ease-out}.project-template-reactive .bottom .info[data-v-4a7a68ff]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#00000080;display:-webkit-box;font-size:20px;height:42px;line-height:21px;overflow:hidden}.project-template-reactive .bottom .key-selling[data-v-4a7a68ff]{opacity:0;transition:all .35s}.project-template-reactive .bottom .key-selling ul[data-v-4a7a68ff]{font-size:18px;line-height:22px;margin:15px 0 0;padding:0 0 0 16px}@media (max-width:1000px){.project-template-reactive .top .wrap-logo[data-v-4a7a68ff]{max-height:100px;max-width:60px;min-height:30px;min-width:25px}}@media screen and (max-width:767px){.project-template-reactive[data-v-4a7a68ff]{display:flex;flex-wrap:nowrap;height:225px;margin-bottom:5px;width:100%}.project-template-reactive .wrap-img[data-v-4a7a68ff]{position:relative;width:170px}.project-template-reactive .wrap-img .background[data-v-4a7a68ff]{height:100%;min-width:170px;width:100%}.project-template-reactive .wrap-img .background picture img[data-v-4a7a68ff]{height:100%;object-fit:cover;width:auto}.project-template-reactive .wrap-img .badges[data-v-4a7a68ff]{display:flex;left:35px;position:absolute;top:10px;transform:rotate(90deg);transform-origin:top left;z-index:4}.project-template-reactive .wrap-img .badges .badge[data-v-4a7a68ff]{background-color:#fff;font-size:0;height:auto;letter-spacing:1px;text-align:center;text-transform:uppercase;transform:rotate(180deg);width:auto}.project-template-reactive .wrap-img .badges .badge.eia[data-v-4a7a68ff]{background:#000;color:#fff}.project-template-reactive .wrap-img .badges .badge.online_booking[data-v-4a7a68ff]{background:#d26132;color:#fff}.project-template-reactive .wrap-img .badges .badge.new[data-v-4a7a68ff]{background:#f6f6f6;color:#d26132}.project-template-reactive .wrap-img .badges .badge.sold_out[data-v-4a7a68ff]{background:#6e767a;color:#fff}.project-template-reactive .wrap-img .wrap-logo[data-v-4a7a68ff]{align-items:flex-end;bottom:22px;display:flex;max-height:100px;max-width:40px;min-height:30px;min-width:30px;position:absolute;right:14px;z-index:1}.project-template-reactive .wrap-img .wrap-logo picture img[data-v-4a7a68ff]{height:auto;width:100%}.project-template-reactive .wrap-ct[data-v-4a7a68ff]{margin-left:20px;position:relative;width:100%}.project-template-reactive .wrap-ct .title-box[data-v-4a7a68ff]{display:flex;flex-wrap:nowrap}.project-template-reactive .wrap-ct .title-box .title[data-v-4a7a68ff]{color:#000;font-size:24px}.project-template-reactive .wrap-ct .detail-box[data-v-4a7a68ff]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:16px;margin-top:9px;overflow:hidden}.project-template-reactive .wrap-ct .wrap-btn[data-v-4a7a68ff]{background-color:#000;bottom:20px;color:#fff;height:fit-content;left:0;padding:10px 20px;position:absolute;width:fit-content}.project-template-reactive .wrap-ct .wrap-btn a[data-v-4a7a68ff]{display:flex;flex-wrap:nowrap}.project-template-reactive .wrap-ct .wrap-btn a span[data-v-4a7a68ff]{font-size:22px;margin-right:10px}.project-template-reactive .wrap-ct .wrap-btn a em[data-v-4a7a68ff]{align-items:center;display:flex;font-size:11px;line-height:26px}}