.section-about{padding-top:20vh;position:relative}[data-id="hero-end"]{height:30vh}[data-id="about-start"]{height:50vh}[data-id="about-slide0"]{height:100vh}[data-id="about-slide1"]{height:150vh}[data-id="about-slide2"]{height:200vh}[data-id="about-end"]{height:50vh}.about-content-sticky{position:sticky;width:100vw;height:126vh;overflow:hidden;left:0;top:0;z-index:2}@media screen and (max-width: 999px){.about-content-sticky{height:118vh}}.balloon-outer{overflow:hidden;width:100%;height:100%;position:absolute;left:0;top:0;transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1)}.balloon-inner{width:200%;height:auto;aspect-ratio:1/1;border-radius:50%;display:block;position:absolute;left:-50%;bottom:0;transform-origin:center top;background:transparent url(../img/home/about_bg.webp) no-repeat center bottom;background-size:53% auto;overflow:hidden;transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1)}.balloon-inner::after{content:"";display:block;left:0;top:0;position:absolute;width:100%;height:100%;background:rgba(23,48,53,0.5);z-index:1;opacity:1;transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1)}@media screen and (max-aspect-ratio: 16 / 9){.balloon-inner{background-size:auto 127vh}}@media screen and (max-width: 999px){.balloon-inner{width:130lvh;height:130lvh;left:50%;margin-left:-65lvh;background-size:auto 100% !important;background-position:right center}}.about-view{position:relative;left:0;top:0;width:100vw;height:100vh;z-index:2}.about-view .view{position:absolute;left:0;top:0;width:100%;height:100svh;color:#F7F8F9;font-weight:300;display:flex;align-items:center;justify-content:center;pointer-events:none}.about-view .view1 .inner{max-width:900px;padding:0 25px 0 35px;width:100%}.about-view .view1 .title{font-size:60px;letter-spacing:0.05em;line-height:1.2}.about-view .view1 .title1{margin-bottom:72px;transform:translateX(50px);opacity:0}.about-view .view1 .title2{text-align:right;transform:translateX(-50px);opacity:0}@media screen and (max-width: 999px){.about-view .view1 .title{font-size:26px}.about-view .view1 .title1{margin-bottom:50px}}.about-view .view2{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1)}.about-view .view2 .inner{max-width:1300px;width:100%;height:80%;position:relative}.about-view .view2 .title{font-size:70px;letter-spacing:0.05em;line-height:1.2;position:absolute}.about-view .view2 .title1{left:30px;top:0}.about-view .view2 .title2{text-align:right;right:20px;bottom:0}.about-view .view2 .detail{width:38%;left:30px;bottom:0;position:absolute}.about-view .view2 .detail .text{font-size:16px;line-height:1.5;letter-spacing:0}.about-view .view2 .action{margin:30px 0 10px}@media screen and (min-width: 1000px) and (max-width: 1335px){.about-view .view2 .title{font-size:60px}}@media screen and (max-width: 999px){.about-view .view2 .inner{height:100svh}.about-view .view2 .title{font-size:36px;top:30px}.about-view .view2 .title1{left:24px}.about-view .view2 .title2{right:24px;top:210px}.about-view .view2 .detail{width:100%;left:0;bottom:20px;padding:0 24px}.about-view .view2 .detail .text{font-size:14px}.about-view .view2 .action{margin:20px 0 10px}}:where([data-current-id="hero"],[data-current-id="hero-end"]) .balloon-outer{opacity:0}:where([data-current-id*="hero"],[data-current-id="about-start"]) .balloon-inner::after{opacity:0}:where([data-current-id*="hero"],[data-current-id="about-start"]) .balloon-outer{width:860px;height:480px;left:calc(50% - 430px);top:calc(50dvh - 240px);border-radius:20px}@media screen and (max-width: 999px){:where([data-current-id*="hero"],[data-current-id="about-start"]) .balloon-outer{border-radius:5px;width:calc(100vw - 48px);height:calc((100vw - 48px)*0.56);left:24px;top:calc(50svh - ((100vw - 48px)*0.28))}}:where([data-current-id*="hero"],[data-current-id="about-start"]) .balloon-inner{overflow:visible;border-radius:0}@media screen and (max-width: 999px){:where([data-current-id*="hero"],[data-current-id="about-start"]) .balloon-inner{width:calc(100vw - 48px);height:calc(100vw - 48px);left:0;top:-20vw;margin-left:0}}@media screen and (min-width: 1000px) and (max-aspect-ratio: 16 / 9){:where([data-current-id*="hero"],[data-current-id="about-start"]) .balloon-inner{background-size:auto 604.8px}}:where([data-current-id*="about-slide"]) .about-view .view1 .title{transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1)}:where([data-current-id*="about-slide"]) .about-view .view2{transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1)}:where([data-current-id="about-slide1"]) .about-view .view1{pointer-events:auto}:where([data-current-id="about-slide1"]) .about-view .view1 .title{transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;transform:translateX(0);opacity:1}:where([data-current-id="about-slide2"]) .about-view .view1 .title1{transform:translateX(-50px)}:where([data-current-id="about-slide2"]) .about-view .view1 .title2{transform:translateX(50px)}:where([data-current-id="about-slide2"]) .about-view .view2{pointer-events:auto;transform:translateY(0);opacity:1;transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s}:where([data-current-id="about-end"],[data-current-id="poem"]) .about-view .view2{transform:translateY(-50px)}.section-poem{margin-top:-26vh;padding-top:26vh;min-height:100vh;position:relative;overflow:hidden}@media screen and (max-width: 999px){.section-poem{min-height:75vh}}.poem-content{height:100vh;display:flex;align-items:center;z-index:2;position:relative}@media screen and (max-width: 999px){.poem-content{height:75vh}}.poem-group{margin:0 40px 0 55vw;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:left;pointer-events:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:25px}.poem-group .line:nth-child(3),.poem-group .line:nth-child(6){margin-right:25px}.poem-group .line:nth-child(1){margin-top:0}.poem-group .line:nth-child(2){margin-top:30px}.poem-group .line:nth-child(3){margin-top:30px}.poem-group .line:nth-child(4){margin-top:60px}.poem-group .line:nth-child(5){margin-top:90px}.poem-group .line:nth-child(6){margin-top:60px}.poem-group .line:nth-child(7){margin-top:90px}@media screen and (max-width: 999px){.poem-group{margin-left:auto;transform:scale(0.86);transform-origin:top right;gap:22px}}.poem-bg{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1;opacity:0;background-color:#D2D2D2;transition:opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1);pointer-events:none}.poem-bg .video-bg{position:absolute;object-fit:cover;width:100%;height:100%;mix-blend-mode:screen;opacity:0.4}body:not(.low-power-mode) [data-current-id="poem"] .poem-bg{opacity:1}.section-service{position:relative;overflow:hidden}.service-content{position:relative;z-index:1}@media screen and (min-width: 1000px){.service-content{padding-bottom:200px}.service-content .title-section{margin-bottom:-40px}}@media screen and (max-width: 999px){.service-content{padding-bottom:100px}}.list-services{padding:0 20px}.list-services .item{background-color:#f4f4f4;display:flex;border-radius:15px;overflow:hidden;margin-bottom:20px}.list-services .item:last-child{margin-bottom:0}.list-services .item .image{width:50%;height:auto;overflow:hidden;aspect-ratio:7/6;-webkit-mask-image:url(../img/shared/mask.webp);mask-image:url(../img/shared/mask.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-position:0 0;mask-position:0 0}.list-services .item .image img{display:block;width:102%;height:102%;margin:-1% 0 0 -1%;object-fit:cover;transition:transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)}.list-services .item .text{width:50%;color:#173035;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:url(../img/home/service_item_bg.webp) no-repeat left top;background-size:cover;position:relative}.list-services .item .text .inner{opacity:0;transform:translateY(30px)}.list-services .item .title{font-size:50px;line-height:1.2;margin-bottom:20px;font-weight:300;letter-spacing:0.05em;-webkit-font-smoothing:subpixel-antialiased}.list-services .item .summary{font-size:18px;line-height:1.5;letter-spacing:0;margin-bottom:20px}.list-services .item .icon{right:38px;bottom:38px;position:absolute;width:45px;height:45px;background-color:#fff;outline:3px solid rgba(255,255,255,0.4);border-radius:22.5px;transition:outline 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);overflow:hidden}.list-services .item .icon::before{left:0;top:0;width:45px;height:45px;background-color:#D24227;filter:blur(9px);content:"";position:absolute;display:block;border-radius:22.5px;transform:scale(0);opacity:0;transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1)}.list-services .item .icon i{width:12px;height:12px;position:absolute;left:16.5px;top:16.5px;background:transparent url(../img/shared/icon_arrow_right.svg) no-repeat center center;display:block;transition:filter 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s}.list-services .item[href*="face-and-body"] .image img{object-position:center top}.list-services .item[href*="thalassotherapy"] .image img{object-position:center 30%;width:120%}.list-services .item.cue .image{-webkit-mask-position:0 100%;mask-position:0 100%;transition:all 2s cubic-bezier(0.39, 0.575, 0.565, 1)}.list-services .item.cue .text .inner{opacity:1;transform:none;transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s}html.mouse .list-services .item:hover .image img,html.touch .list-services .item.touched .image img{opacity:1;transform:scale(1.08);transition:opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1),transform 2s cubic-bezier(0.39, 0.575, 0.565, 1)}html.mouse .list-services .item:hover .text .icon,html.touch .list-services .item.touched .text .icon{outline-color:rgba(210,66,39,0.4);transition:outline-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s}html.mouse .list-services .item:hover .text .icon::before,html.touch .list-services .item.touched .text .icon::before{opacity:1;filter:blur(0);transform:scale(1.2)}html.mouse .list-services .item:hover .text .icon i,html.touch .list-services .item.touched .text .icon i{filter:invert(1);transition-delay:0s}@media screen and (max-width: 999px){.list-services{padding:0 10px}.list-services .item{border-radius:10px;margin-bottom:15px;display:block}.list-services .item .image{width:100%;aspect-ratio:7/4}.list-services .item .text{width:100%;padding:40px 18px 64px}.list-services .item .title{font-size:30px;margin-bottom:12px}.list-services .item .summary{font-size:16px;margin-bottom:20px}.list-services .item .icon{right:14px;bottom:14px;width:31px;height:31px;outline-width:2px;border-radius:16px}.list-services .item .icon::before{width:31px;height:31px;border-radius:16px}.list-services .item .icon i{left:9.5px;top:9.5px}}.service-bg{pointer-events:none}.service-bg .bg{background:url(../img/home/service_bg.webp) no-repeat left top;background-size:cover;width:100vw;height:52vw;position:absolute;overflow:hidden;z-index:0;left:0}.service-bg .bg::before{position:absolute;background-image:conic-gradient(from 90deg at 50% 50%, transparent 0deg, transparent 180deg, #d2d2d2 185deg, #d2d2d2 360deg);content:"";display:block;width:200vw;height:200vw;left:-50vw;top:-50vw}.service-bg .bg.cue::before{transform:rotate(180deg);transition:all 1s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.service-bg .bg1{top:0}.service-bg .bg2{bottom:-30px;transform:rotate(180deg)}.service-bg .bg2.cue::before{transition-delay:0.5s}@media screen and (max-width: 999px){.service-bg .bg{width:184vw;height:96vw;left:-42vw}.service-bg .bg::before{left:-25vw;top:-25vw}.service-bg .bg1{top:130px;left:-21vw}.service-bg .bg2{bottom:50px}}.guest-guide-panel{background:#F7F8F9;display:block;border-radius:15px;overflow:hidden;position:relative}.guest-guide-panel .image{position:absolute;width:100%;height:100%;overflow:hidden;left:0;top:0;background-color:#173035}.guest-guide-panel .image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0.7}.guest-guide-panel .text{color:#F7F8F9;padding:90px 70px 110px;z-index:1;position:relative}.guest-guide-panel .title{font-size:16px;line-height:1.2;margin-bottom:25px;letter-spacing:0.2em}.guest-guide-panel .copy{font-size:50px;line-height:1.2;font-weight:300;letter-spacing:0.05em}.guest-guide-panel .icon{right:38px;bottom:38px;position:absolute;width:45px;height:45px;background-color:#fff;outline:3px solid rgba(255,255,255,0.4);border-radius:22.5px;transition:outline 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);overflow:hidden}.guest-guide-panel .icon::before{left:0;top:0;width:45px;height:45px;background-color:#D24227;filter:blur(9px);content:"";position:absolute;display:block;border-radius:22.5px;transform:scale(0);opacity:0;transition:all 1s cubic-bezier(0.39, 0.575, 0.565, 1)}.guest-guide-panel .icon i{width:12px;height:12px;position:absolute;left:16.5px;top:16.5px;background:transparent url(../img/shared/icon_arrow_right.svg) no-repeat center center;display:block;transition:filter 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s}html.mouse .guest-guide-panel:hover .image img,html.touch .guest-guide-panel.touched .image img{opacity:0.5;transform:scale(1.08);transition:opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1),transform 2s cubic-bezier(0.39, 0.575, 0.565, 1)}html.mouse .guest-guide-panel:hover .text .icon,html.touch .guest-guide-panel.touched .text .icon{outline-color:rgba(210,66,39,0.4);transition:outline-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s}html.mouse .guest-guide-panel:hover .text .icon::before,html.touch .guest-guide-panel.touched .text .icon::before{opacity:1;filter:blur(0);transform:scale(1.2)}html.mouse .guest-guide-panel:hover .text .icon i,html.touch .guest-guide-panel.touched .text .icon i{filter:invert(1);transition-delay:0s}@media screen and (max-width: 999px){.guest-guide-panel{border-radius:10px}.guest-guide-panel .text{padding:40px 20px 60px}.guest-guide-panel .title{font-size:12px;margin-bottom:20px}.guest-guide-panel .copy{font-size:30px}.guest-guide-panel .icon{right:14px;bottom:14px;width:31px;height:31px;outline-width:2px;border-radius:16px}.guest-guide-panel .icon::before{width:31px;height:31px;border-radius:16px}.guest-guide-panel .icon i{left:9.5px;top:9.5px}}.facility-content-head{margin:240px 0 40px}.facility-content-head .text-right .text{font-size:18px;line-height:1.5;font-weight:400;letter-spacing:0.05em;margin-bottom:20px}@media screen and (min-width: 1000px){.facility-content-head{display:flex;width:100%;align-items:flex-end;column-gap:25px}.facility-content-head .title-section{flex:1;margin-bottom:40px}.facility-content-head .title-main{white-space:nowrap}}@media screen and (max-width: 999px){.facility-content-head{margin:80px 0 40px}.facility-content-head .title-section{margin-bottom:15px}.facility-content-head .text-right .text{text-align:left;font-size:16px;letter-spacing:0;margin-bottom:20px}}.facility-content{position:relative;z-index:1}.facility-content .cover{overflow:hidden}.facility-content .cover img{display:block;width:100%;height:500px;object-fit:cover}@media screen and (min-width: 1000px){.facility-content{margin-top:0;padding-bottom:200px}.facility-content .cover{border-radius:15px}}@media screen and (max-width: 999px){.facility-content{margin-top:70px;padding-bottom:140px}.facility-content .cover{border-radius:5px}.facility-content .cover img{height:180px}}
