.sensorial-kv{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--color-white);overflow:hidden;padding-inline:var(--page-padding)}.sensorial-kv__assets{position:relative;overflow:hidden;width:100%;max-width:800px;aspect-ratio:5/3;padding:0 var(--page-padding);border-radius:10px;box-sizing:border-box;clip-path:inset(50% 0);will-change:transform}.sensorial-kv__assets-item{position:absolute;width:100%;height:100%;top:0;left:0}.sensorial-kv__assets-item img{width:100%;height:100%;object-fit:cover}.sensorial-kv__assets-item.order-2,.sensorial-kv__assets-item.order-3{transform:translateY(100%)}.sensorial-kv__assets .asset-desc{position:absolute;display:flex;align-items:center;justify-content:center;left:0;top:0;width:100%;height:100%;color:var(--color-white);font-weight:800;font-size:58px;line-height:1.3}@media (max-width: 750px){.sensorial-kv__assets .asset-desc{font-size:20px;line-height:1.4}}.sensorial-kv__intro{position:absolute;z-index:1;width:100%;height:100%;padding:120px var(--page-padding);display:flex;align-items:center;justify-content:flex-end;flex-direction:column;box-sizing:border-box;opacity:0;color:var(--color-white);background:center center/cover no-repeat var(--background)}.sensorial-kv__intro .intro-title{aspect-ratio:800/140;width:100%;max-width:686px;text-align:center;background:center center/cover no-repeat var(--background)}.sensorial-kv__intro .intro-desc{margin-top:24px;text-align:center;word-wrap:break-word;font-size:clamp(18px,calc(36 / var(--page-width-cqi) * 100cqi),36px);line-height:1.45;letter-spacing:-.01em}@media (max-width: 750px){.sensorial-kv__intro .intro-desc{font-size:clamp(18px,calc(36 / var(--page-width-cqi) * 100cqi),36px);letter-spacing:-.005em}}@media (max-width: 750px){.sensorial-kv__intro .intro-title{max-width:282px}}.sensorial-navi{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(60px,calc(120 / var(--page-width-cqi) * 100cqi),120px) 0;background-color:var(--color-white);box-sizing:border-box}.sensorial-navi .page-width{width:100%}.sensorial-navi__title{text-align:center;font-weight:600;word-wrap:break-word;opacity:0;transform:translateY(60px);transition:all 1.5s ease;font-size:40px;line-height:1.4;letter-spacing:-.01em}.sensorial-navi__title.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 750px){.sensorial-navi__title{font-size:20px;line-height:1.45;letter-spacing:-.0075em}}.sensorial-navi__desc{margin-top:24px;text-align:center;word-wrap:break-word;opacity:0;transform:translateY(60px);transition:all 1.5s ease;font-size:28px;line-height:1.5;letter-spacing:-.0075em}.sensorial-navi__desc.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 750px){.sensorial-navi__desc{font-size:18px;line-height:1.45;letter-spacing:-.005em}}.sensorial-navi__list{display:flex;justify-content:space-between;max-width:1280px;margin:64px auto 0;gap:32px;transform:translate(-10%);opacity:0;transition:all 1.5s ease}.sensorial-navi__list.is-visible{transform:translate(0);opacity:1}.sensorial-navi__list .navi-trigger{position:relative;max-width:324px;overflow:hidden}.sensorial-navi__list .navi-trigger:hover .navi-thumb img{transform:scale(1.05)}.sensorial-navi__list .navi-thumb{aspect-ratio:324/432;overflow:hidden}.sensorial-navi__list .navi-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-default)}.sensorial-navi__list .navi-name{margin-top:24px;display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0;text-align:center;font-weight:600;font-size:20px;line-height:1.45}@media (max-width: 750px){.sensorial-navi__list .navi-name{font-size:16px;line-height:1.5}}@media (max-width: 750px){.sensorial-navi__list{margin-block-start:40px;gap:6px}}.sensorial-section{position:relative;background-color:var(--color-white)}.sensorial-section__intro{padding:120px var(--page-padding);background-color:#f8f8f8;text-align:center;word-wrap:break-word}.sensorial-section__intro .intro-inner{max-width:1020px;margin:0 auto}.sensorial-section__intro .intro-category{margin-bottom:12px;font-weight:600;opacity:0;transform:translateY(60px);transition:all 1.5s ease;font-size:20px;line-height:1.45}.sensorial-section__intro .intro-category.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 750px){.sensorial-section__intro .intro-category{font-size:14px;line-height:1.5}}.sensorial-section__intro .intro-title{font-weight:600;opacity:0;transform:translateY(60px);transition:all 1.5s ease;font-size:40px;line-height:1.4;letter-spacing:-.01em}.sensorial-section__intro .intro-title.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 750px){.sensorial-section__intro .intro-title{font-size:20px;line-height:1.45;letter-spacing:-.0075em}}.sensorial-section__intro .intro-thumb{margin-block:48px;height:408px;clip-path:polygon(20% 0,80% 0,90% 100%,10% 100%);transition:clip-path 3s cubic-bezier(.19,1,.22,1);will-change:clip-path}.sensorial-section__intro .intro-thumb.is-visible{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.sensorial-section__intro .intro-thumb img{width:100%;height:100%;object-fit:cover}.sensorial-section__intro .intro-desc{color:var(--color-gray08);opacity:0;transform:translateY(60px);transition:all 1.5s ease;font-size:24px;line-height:1.45;letter-spacing:-.005em}.sensorial-section__intro .intro-desc.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 750px){.sensorial-section__intro .intro-desc{font-size:14px;line-height:1.5;letter-spacing:0}}@media (max-width: 750px){.sensorial-section__intro{padding-block:40px}.sensorial-section__intro .intro-thumb{margin-block:24px;height:auto}}.sensorial-section__grid{display:grid;grid-template-columns:1fr 1fr;height:100vh}.sensorial-section__grid--reverse .grid-content{order:-1}.sensorial-section__grid .grid-thumb{overflow:hidden;height:100%;opacity:0;transition:all 1.5s ease}.sensorial-section__grid .grid-thumb.is-visible{opacity:1}.sensorial-section__grid .grid-thumb img{width:100%;height:100%;object-fit:cover}.sensorial-section__grid .grid-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--page-padding);text-align:center;word-wrap:break-word;background-color:var(--bg-color, var(--color-white));box-sizing:border-box}.sensorial-section__grid .grid-wrap{max-width:580px;opacity:0;transform:translateY(60px);transition:all 1.5s ease}.sensorial-section__grid .grid-wrap.is-visible{opacity:1;transform:translateY(0)}.sensorial-section__grid .grid-title{display:block;font-weight:800;font-size:32px;line-height:1.5;letter-spacing:-.01em}@media (max-width: 750px){.sensorial-section__grid .grid-title{font-size:20px;line-height:1.45;letter-spacing:-.0075em}}.sensorial-section__grid .grid-text{margin-top:40px;color:var(--color-gray09);word-wrap:break-word;font-size:24px;line-height:1.45;letter-spacing:-.005em}.sensorial-section__grid .grid-text strong{color:var(--color-black)}@media (max-width: 750px){.sensorial-section__grid .grid-text{font-size:14px;line-height:1.5;letter-spacing:0}}@media (max-width: 750px){.sensorial-section__grid{display:block;height:auto}.sensorial-section__grid .grid-thumb,.sensorial-section__grid .grid-content{aspect-ratio:1/1}}.sensorial-section__swiper{display:grid;grid-template-columns:1fr 1fr;height:100vh;opacity:0;transform:translateY(60px);transition:all 1.5s ease}.sensorial-section__swiper.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 750px){.sensorial-section__swiper{display:block;height:auto}}.sensorial-section__swiper-content{position:relative;overflow:hidden}.sensorial-section__swiper-content .swiper-slide{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sensorial-section__swiper-content .swiper-inner,.sensorial-section__swiper-content .swiper-thumb{width:100%;height:100%}.sensorial-section__swiper-content .swiper-thumb img{width:100%;height:100%;object-fit:cover}.sensorial-section__swiper-content .swiper-text{margin-top:48px;word-wrap:break-word;color:var(--color-gray08);text-align:center;font-size:20px;line-height:1.45}@media (max-width: 750px){.sensorial-section__swiper-content .swiper-text{font-size:14px;line-height:1.5}}.sensorial-section__swiper-content .c-swiper-pagination{position:absolute;inset:auto 0 120px}@media (max-width: 750px){.sensorial-section__swiper-content .swiper-inner{max-width:unset}.sensorial-section__swiper-content .c-swiper-pagination{bottom:4%}}.sensorial-section__swiper-text{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--page-padding);background:radial-gradient(circle at top left,#f6ded5,#f3e6cc 40%,#f6f2d5)}.sensorial-section__swiper-text .text-title{max-width:580px;font-weight:600;text-align:center;word-wrap:break-word;font-size:40px;line-height:1.4;letter-spacing:-.01em}@media (max-width: 750px){.sensorial-section__swiper-text .text-title{font-size:20px;line-height:1.45;letter-spacing:-.0075em}}.sensorial-section__swiper-text .text-content{margin-top:24px;max-width:580px;text-align:center;word-wrap:break-word;color:var(--color-gray08);font-size:28px;line-height:1.5;letter-spacing:-.0075em}@media (max-width: 750px){.sensorial-section__swiper-text .text-content{font-size:14px;letter-spacing:0}}@media (max-width: 750px){.sensorial-section__swiper-text{aspect-ratio:1/1}}.sensorial-outro{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:800px;padding:0 clamp(100px,calc(190 / var(--page-width-cqi) * 100cqi),190px);background:center center/cover no-repeat var(--background)}.sensorial-outro__content{display:flex;flex-direction:column;align-items:center;justify-content:center}.sensorial-outro__logo{aspect-ratio:800/140;width:100%;max-width:470px;text-align:center;background:center center/cover no-repeat var(--background);opacity:0;transform:translateY(60px);transition:all 1.5s ease}.sensorial-outro__logo.is-visible{opacity:1;transform:translateY(0)}.sensorial-outro__text{margin-top:24px;text-align:center;word-wrap:break-word;font-weight:700;opacity:0;transform:translateY(60px);transition:all 1.5s ease;font-size:36px;line-height:1.45;letter-spacing:-.01em}.sensorial-outro__text.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 750px){.sensorial-outro__text{font-size:18px;letter-spacing:-.005em}}@media (max-width: 750px){.sensorial-outro{height:640px;padding:60px var(--page-padding);align-items:center;justify-content:flex-start;background-position:center bottom;background-image:var(--background-mo)}.sensorial-outro__logo{max-width:178px}}.hanyul-header{visibility:hidden}footer,.hanyul-newsletter{position:relative;z-index:2;background-color:var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sensorial-skin-ritual.scss.css.map */