@charset "UTF-8";
:root{--navy:#071727;--navy-deep:#050f1b;--ivory:#f5f7fa;--paper:#e7ecf1;--ink:#142438;--muted:#677589;--line:#cbd3dc;--white:#fff;--ice:#c3d4e5;--pad:clamp(22px,4.4vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,"Apple SD Gothic Neo","Noto Sans CJK KR","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #d39a2c;outline-offset:6px}button{cursor:pointer}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}p{line-height:1.8}button{border-radius:0}::selection{background:var(--navy);color:var(--ivory)}.skip-link{position:absolute;top:-80px;left:20px;z-index:100;background:var(--ivory);padding:12px}.skip-link:focus{top:8px}.site-header{height:88px;padding:0 var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--ivory);position:relative;z-index:5}.wordmark{display:flex;align-items:center;gap:18px}.wordmark strong{font-size:19px;line-height:.9;letter-spacing:-.7px;font-weight:900}.wordmark small{border-left:1px solid var(--line);padding-left:18px;font-size:11px;letter-spacing:1px}.nav{display:flex;gap:34px;align-items:center;font-size:12px;font-weight:600}.nav a{padding:10px 0}.nav a:hover{opacity:.55}.nav .nav-end{margin-left:22px;letter-spacing:1.5px;font-size:10px}.mobile-menu{display:none;border:0;background:none;width:44px;height:44px;padding:10px}.mobile-menu span{display:block;height:1px;background:var(--ink);margin:6px 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.5;text-transform:uppercase}.hero{display:grid;grid-template-columns:46% 54%;min-height:700px;background:var(--navy);color:var(--ivory)}.hero-copy{padding:66px 30px 40px var(--pad);display:flex;flex-direction:column;align-items:flex-start}.hero-index{display:flex;align-items:center;gap:16px;width:100%;max-width:435px}.hero-index:before{content:"01";font-size:10px}.hero-index:after{content:"";height:1px;flex:1;background:#526b83}.hero h1{font-size:clamp(36px,4.05vw,75px);font-weight:500;letter-spacing:-.065em;line-height:1.37;margin-top:91px}.hero h1 .subline{color:var(--ice)}.hero-description{color:#b6c6d7;font-size:14px;line-height:1.9;margin:26px 0 34px;max-width:300px}.button{min-height:51px;padding:16px 21px;display:inline-flex;gap:53px;align-items:center;justify-content:space-between;background:var(--ivory);color:var(--ink);border:1px solid var(--ivory);font-size:12px;font-weight:600;transition:background .2s,color .2s}.button:hover{background:var(--ice);border-color:var(--ice)}.button .arrow{font-size:19px;line-height:16px;font-weight:400}.hero-bottom{font-size:9px;letter-spacing:1.7px;display:flex;justify-content:space-between;width:100%;max-width:435px;margin-top:auto;padding-top:77px;color:#a7bbcf}.hero-visual{position:relative;min-width:0;overflow:hidden;background:#071321}.hero-visual>img{height:100%;width:100%;object-fit:cover;object-position:43% center;position:absolute;inset:0}.image-caption{position:absolute;left:25px;bottom:26px;display:flex;gap:15px;align-items:center;color:#e7eef7;font-size:9px;letter-spacing:1.6px;line-height:1.6}.image-caption .small-plus{height:23px;width:23px;display:grid;place-items:center;border:1px solid #728aa2;font-size:17px;letter-spacing:0}.edition{position:absolute;right:24px;top:26px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#a2b8cf}.intro{padding:113px var(--pad) 108px;display:grid;grid-template-columns:1fr 2fr;gap:45px;border-bottom:1px solid var(--line)}.section-label{display:flex;gap:30px;align-items:baseline}.section-label .number{font-size:10px;color:var(--muted)}.intro h2{font-size:clamp(28px,3.3vw,52px);letter-spacing:-.05em;font-weight:500;line-height:1.4}.intro-content{max-width:760px}.intro-content p{font-size:14px;color:#64748a;max-width:590px;margin-top:27px}.collection{padding:90px var(--pad) 105px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:39px;gap:20px}.section-heading h2{font-size:clamp(33px,4.2vw,60px);letter-spacing:-2px;font-weight:500;margin-top:19px}.section-heading .small-note{max-width:290px;font-size:11px;color:#6b7b90;line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.product-media{aspect-ratio:1.1;position:relative;overflow:hidden;background:#e2e7ee}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.product:hover .product-media img{transform:scale(1.025)}.product-badge{position:absolute;left:22px;top:23px;z-index:1;font-size:9px;letter-spacing:1.8px;color:#495d75}.product-media.cleanser img{object-position:center 55%}.product-media.lotion img{object-position:center}.product-info{padding:25px 0 5px;border-bottom:1px solid var(--line);position:relative}.product-type{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:11px}.product-info h3{font-size:21px;font-weight:500;letter-spacing:-.75px}.product-info .product-english{font-size:10px;letter-spacing:1.2px;margin-top:7px;color:#67788f}.product-facts{display:flex;gap:25px;align-items:center;margin:25px 0;font-size:12px}.product-facts .capacity{font-size:11px;color:#60738d;border-left:1px solid var(--line);padding-left:25px}.text-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:17px 0;font-size:11px;color:var(--ink);text-align:left}.text-button:hover{color:#4b6c92}.text-button span:last-child{font-size:20px}.collection-note{margin-top:28px;font-size:10px;line-height:1.8;color:var(--muted);max-width:760px}.ritual{background:var(--navy);color:var(--ivory);display:grid;grid-template-columns:1fr 1fr}.ritual-image{overflow:hidden}.ritual-image img{width:100%;height:100%;object-fit:cover;object-position:center}.ritual-copy{padding:72px var(--pad) 72px 65px}.ritual-copy h2{font-size:clamp(34px,3.4vw,53px);font-weight:500;letter-spacing:-2px;line-height:1.38;margin:38px 0 35px}.ritual-row{display:grid;grid-template-columns:35px 1fr;gap:19px;border-top:1px solid #36516d;padding:25px 0}.ritual-num{font-size:11px;color:#a6bbd1;padding-top:4px}.ritual-row h3{font-size:17px;font-weight:500;letter-spacing:-.4px}.ritual-row p{font-size:12px;color:#b4c5d8;margin-top:9px}.ritual-row .step-en{display:inline-block;margin-left:9px;font-size:9px;letter-spacing:1.4px;color:#9bb3cb}.detail-band{padding:89px var(--pad) 96px;display:grid;grid-template-columns:1fr 2fr;gap:45px}.detail-band h2{font-size:31px;font-weight:500;letter-spacing:-1px;margin-top:20px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{padding:23px 35px 23px 0;list-style:none;cursor:pointer;position:relative;font-size:14px;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:2px;top:20px;font-size:22px;font-weight:300}.faq details[open] summary:after{content:"−"}.faq details p{color:#65768c;font-size:12px;padding:0 40px 23px 0;max-width:680px}.closing{padding:61px var(--pad);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}.closing p{font-size:14px}.closing .back-top{font-size:11px;display:flex;align-items:center;gap:42px;padding:15px 0;border-bottom:1px solid var(--ink)}.footer{padding:52px var(--pad) 24px;background:var(--navy-deep);color:var(--ivory)}.footer-wordmark{font-size:clamp(42px,10.1vw,168px);letter-spacing:-.06em;line-height:1;font-weight:600;white-space:nowrap}.footer-info{padding:38px 0 39px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-info .brand-name{font-size:12px;letter-spacing:1px}.footer-info p{color:#9eb2c9;font-size:10px;line-height:1.9;max-width:550px}.footer-legal{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #304863;padding-top:23px;font-size:9px;color:#97acc5;letter-spacing:1px}.preview-tag{display:inline-block;border:1px solid #5a7695;padding:5px 9px;font-size:8px;letter-spacing:1.5px;margin-top:15px}.product-dialog{padding:0;border:0;width:min(880px,calc(100% - 32px));max-height:90vh;color:var(--ink);background:var(--ivory)}.product-dialog::backdrop{background:rgba(4,15,29,.78);backdrop-filter:blur(4px)}.dialog-layout{display:grid;grid-template-columns:43% 57%}.dialog-image{background:#e1e8ef;position:relative;min-height:580px}.dialog-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.dialog-copy{padding:60px 36px 35px}.dialog-copy h2{font-size:27px;font-weight:500;letter-spacing:-1px;margin:20px 0 8px}.dialog-copy .eng{font-size:10px;letter-spacing:1px;line-height:1.6;color:#657d98}.dialog-copy .intro-text{font-size:12px;color:#59718d;margin-top:28px}.dialog-copy dl{font-size:11px;margin:25px 0;border-top:1px solid var(--line)}.dialog-copy dl div{display:grid;grid-template-columns:76px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:15px 0;line-height:1.7}.dialog-copy dt{color:#6f8198}.dialog-copy dd{margin:0}.dialog-copy .footnote{font-size:10px;color:#718197;line-height:1.8}.close-dialog{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;background:var(--ivory);color:var(--ink);font-size:25px;z-index:2}.contact-link{color:var(--ivory);text-underline-offset:5px;text-decoration:underline}
@media(min-width:1800px){.hero{min-height:840px}.hero h1{margin-top:115px}.hero-copy{padding-top:86px}}
@media(max-width:1100px){.hero{min-height:640px}.hero-copy{padding-top:45px}.hero h1{margin-top:87px;font-size:44px}.hero-description{font-size:12px}.hero-bottom{padding-top:54px}.intro{grid-template-columns:1fr 2fr}.nav .nav-end{display:none}.ritual-copy{padding:55px 35px}.ritual-row p{font-size:11px}.dialog-copy{padding-left:28px;padding-right:28px}}
@media(max-width:760px){html{scroll-padding-top:25px}.site-header{height:75px}.wordmark{gap:12px}.wordmark strong{font-size:16px}.wordmark small{font-size:9px;padding-left:12px}.mobile-menu{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--ivory);padding:22px var(--pad);border-bottom:1px solid var(--line);gap:30px}.nav.is-open{display:flex}.hero{display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:38px var(--pad) 29px}.hero-index{max-width:none}.hero h1{font-size:clamp(37px,8.8vw,62px);margin-top:47px;letter-spacing:-.06em}.hero-description{font-size:12px;margin:22px 0 27px;max-width:100%}.button{min-height:47px;font-size:11px;padding:14px 18px;gap:45px}.hero-bottom{padding-top:39px;font-size:8px;max-width:none}.hero-visual{aspect-ratio:1.13;min-height:290px}.hero-visual>img{object-fit:cover;object-position:43% 62%}.image-caption{bottom:19px;left:22px;font-size:8px}.edition{right:18px;top:20px;font-size:8px}.intro{padding:65px var(--pad);display:block}.section-label{gap:24px}.intro h2{font-size:30px;letter-spacing:-1.2px;margin-top:34px}.intro-content p{font-size:12px;margin-top:22px}.collection{padding:57px var(--pad) 62px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:29px}.section-heading h2{font-size:43px;margin-top:17px}.section-heading .small-note{font-size:10px;max-width:315px}.product-grid{grid-template-columns:1fr;gap:37px}.product-media{aspect-ratio:1.08}.product-info{padding-top:22px}.product-info h3{font-size:21px}.product-badge{left:18px;top:20px}.product-info .product-english{font-size:9px}.product-facts{margin:21px 0;font-size:11px}.product-facts .capacity{font-size:10px}.collection-note{font-size:9px;margin-top:26px}.ritual{display:flex;flex-direction:column}.ritual-image{aspect-ratio:1.15}.ritual-image img{object-position:center 65%}.ritual-copy{padding:48px var(--pad) 27px}.ritual-copy h2{font-size:37px;margin-top:28px;letter-spacing:-1.7px}.ritual-row{gap:12px}.ritual-row h3{font-size:17px}.ritual-row p{font-size:12px}.detail-band{padding:61px var(--pad);display:block}.detail-band h2{font-size:29px;margin-bottom:34px}.faq summary{font-size:12px;padding-top:21px;padding-bottom:21px}.faq details p{font-size:11px;padding-right:22px}.closing{padding:35px var(--pad);gap:20px}.closing p{font-size:12px;max-width:200px}.closing .back-top{font-size:9px;gap:18px;white-space:nowrap}.footer{padding:38px var(--pad) 22px}.footer-wordmark{font-size:11.1vw;letter-spacing:-.06em}.footer-info{display:block;padding-top:27px;padding-bottom:27px}.footer-info p{margin-top:25px;font-size:9px}.footer-legal{font-size:8px;gap:20px;line-height:1.7}.dialog-layout{display:block}.dialog-image{min-height:0;height:235px}.dialog-image img{object-fit:cover;object-position:center 55%}.dialog-copy{padding:32px 25px}.dialog-copy h2{font-size:25px;margin-top:15px}.dialog-copy dl div{padding:12px 0}.product-dialog{max-height:92vh}.preview-tag{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-visual video{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.video-toggle{position:absolute;right:23px;bottom:25px;z-index:2;display:flex;align-items:center;gap:9px;background:rgba(245,247,250,.88);border:1px solid #7c94af;color:var(--ink);height:35px;padding:0 11px;font-size:9px}.video-icon{font-size:10px;min-width:10px}.lotion-graphic{background:#dce5ee;padding:45px 42px 38px}.lotion-graphic .product-badge{color:#47617e}.lotion-type{border-left:1px solid #a2b6cc;height:100%;padding:7px 0 15px 29px;display:flex;flex-direction:column;padding-top:23px}.lotion-mark{font-size:17px;font-weight:900;letter-spacing:-.7px;line-height:.95}.lotion-rule{height:1px;background:#a2b6cc;margin-top:26px;margin-bottom:30px;width:37px}.lotion-type strong{font-size:clamp(42px,5.5vw,83px);line-height:1.02;font-weight:500;letter-spacing:-3px}.lotion-graphic-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end;font-size:8px;letter-spacing:1.2px;line-height:1.6;padding-top:20px}.graphic-note{font-size:8px;position:absolute;right:20px;bottom:15px;color:#59728f;letter-spacing:.4px}.lotion-dialog-graphic{background:#dce5ee;display:flex;flex-direction:column;justify-content:center;padding:30px;gap:35px}.lotion-dialog-graphic strong{font-size:57px;font-weight:500;letter-spacing:-3px;line-height:1.03}.lotion-dialog-graphic .eyebrow{font-size:9px}@media(max-width:1100px) and (min-width:761px){.lotion-graphic{padding:41px 25px 33px}.lotion-type{padding-left:20px}.lotion-rule{margin-top:20px;margin-bottom:20px}.lotion-graphic-bottom{padding-top:14px}.graphic-note{font-size:7px;right:12px}.lotion-type strong{font-size:5.6vw}}@media(max-width:760px){.hero-visual{aspect-ratio:.92;min-height:370px}.hero-visual video{object-position:center 59%}.video-toggle{right:17px;bottom:18px;font-size:8px}.lotion-graphic{padding:44px 32px 32px}.lotion-type{padding-left:25px}.lotion-type strong{font-size:16vw;letter-spacing:-2.5px}.lotion-rule{margin-top:20px;margin-bottom:22px}.lotion-mark{font-size:17px}.graphic-note{font-size:7px;bottom:13px}.lotion-graphic-bottom{font-size:7px}.lotion-dialog-graphic{height:220px;gap:16px;padding:25px}.lotion-dialog-graphic strong{font-size:43px}.lotion-dialog-graphic .eyebrow{font-size:8px}}

/* Navy aquatic campaign. Preserve the portrait film's full frame at every breakpoint. */
.hero{grid-template-columns:1fr 1fr;min-height:720px;background:#071321}
.hero-copy{padding-top:65px;padding-bottom:42px;background:#071321}
.hero h1{font-weight:400;letter-spacing:-.06em}
.hero-visual{background:#071321;min-height:720px}
.hero-visual video,.hero-visual>noscript img{position:absolute;inset:0 0 0 auto;width:100%;height:100%;max-width:520px;object-fit:contain;object-position:center center;left:50%;right:auto;transform:translateX(-50%);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.hero-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#071321 0%,transparent 14%,transparent 92%,rgba(7,19,33,.08) 100%);z-index:1}
.edition{right:28px;top:32px;color:#9eb4cc;z-index:2}
.image-caption{left:28px;bottom:32px;z-index:2;color:#ccdae9;letter-spacing:1.8px}
.image-caption .small-plus{border-color:#5a7390}
.video-toggle{right:27px;bottom:31px;background:rgba(7,19,33,.65);border-color:#56708c;color:#e5eef8;backdrop-filter:blur(8px);z-index:3}
.hero .button{background:transparent;border-color:#97aec8;color:#e8f0f8}
.hero .button:hover{background:#edf3f9;color:#112337;border-color:#edf3f9}
@media(min-width:1800px){.hero,.hero-visual{min-height:800px}.hero-copy{padding-top:85px}.hero-visual video,.hero-visual>noscript img{max-width:560px}}
@media(max-width:1100px) and (min-width:761px){.hero,.hero-visual{min-height:650px}.hero-copy{padding-top:45px}.hero-visual video,.hero-visual>noscript img{max-width:450px}.image-caption{left:18px;bottom:27px;font-size:8px}.video-toggle{right:18px;bottom:26px}.edition{right:18px;font-size:8px}}
@media(max-width:760px){.hero{display:flex;min-height:auto}.hero-copy{padding:36px var(--pad) 26px}.hero h1{margin-top:41px}.hero-description{color:#b6c7da}.hero-bottom{padding-top:34px}.hero-visual{width:100%;aspect-ratio:2/3;min-height:0;max-height:680px}.hero-visual video,.hero-visual>noscript img{max-width:none;object-fit:contain;object-position:center;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.hero-visual:after{background:linear-gradient(0deg,#071321,transparent 16%,transparent 94%,rgba(7,19,33,.1))}.edition{right:16px;top:24px;font-size:8px}.image-caption{left:22px;bottom:25px;font-size:8px}.video-toggle{right:21px;bottom:24px}.footer{background:#050f1b}}

/* Product photography and companion graphic harmonized with the navy film. */
.product-media{background:#091a2c}
.product-media .product-badge,.lotion-graphic .product-badge{color:#c1d2e4;text-shadow:0 1px 8px rgba(3,13,25,.3)}
.lotion-graphic{background:radial-gradient(ellipse at 15% 0%,rgba(139,169,200,.24),transparent 48%),linear-gradient(135deg,#112b46,#071727 68%);color:#e1ebf5}
.lotion-type{border-left-color:#4f6a87}
.lotion-mark{color:#f0f5fa}
.lotion-rule{background:#728ca7}
.lotion-type strong{color:#d9e5f1}
.lotion-graphic-bottom{color:#aec3d9}
.graphic-note{color:#a0b7cf}
.lotion-dialog-graphic{background:radial-gradient(ellipse at 12% 0%,rgba(130,160,195,.25),transparent 55%),#0b2036;color:#dce8f4}
.ritual-image{background:#071727}

/* English localization: keep long product names and directions readable. */
html[lang="en"] body{word-break:normal}
html[lang="en"] .hero h1{letter-spacing:-.045em}
html[lang="en"] .product-facts{gap:18px;align-items:baseline}
html[lang="en"] .product-facts .capacity{white-space:nowrap;padding-left:18px}
html[lang="en"] .ritual-copy h2{font-size:clamp(30px,3.1vw,49px);letter-spacing:-1.8px}
html[lang="en"] .dialog-copy h2{font-size:25px;line-height:1.18}
html[lang="en"] .graphic-note{max-width:85%;text-align:right}
@media(max-width:760px){html[lang="en"] .wordmark small{font-size:8px;letter-spacing:.5px}html[lang="en"] .hero h1{font-size:clamp(37px,9vw,62px)}html[lang="en"] .hero .button{gap:34px}html[lang="en"] .product-facts{font-size:10px;gap:12px}html[lang="en"] .product-facts .capacity{padding-left:12px}html[lang="en"] .ritual-copy h2{font-size:35px}html[lang="en"] .ritual-row .step-en{font-size:8px;margin-left:5px}html[lang="en"] .dialog-copy h2{font-size:24px}html[lang="en"] .footer-info .brand-name{font-size:11px}}