@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-thai-variable-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-thai-variable-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-thai-variable-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--beauty-pink:#ee5c91;--beauty-pink-dark:#dc477f;--beauty-blue:#3084c6;--soft-pink:#fff3f7;--soft-blue:#f1f8fd;--text-dark:#18181b;--muted:#66666d;--white:#fff;--line:#e8e8eb;--page-pad:clamp(36px, 6vw, 86px);--header-height:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{color:var(--text-dark);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans Thai,Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}body.menu-open{overflow:hidden}img,svg{display:block}img{max-width:100%}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--beauty-blue) 65%, white);outline-offset:3px}.skip-link{z-index:999;color:#fff;background:var(--text-dark);border-radius:6px;padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:100%;max-width:1440px;padding-inline:var(--page-pad);margin-inline:auto}.pink{color:var(--beauty-pink)}.blue{color:var(--beauty-blue)}.site-header{z-index:100;height:var(--header-height);border-bottom:1px solid #0000;transition:background-color .25s,box-shadow .25s,border-color .25s;position:fixed;inset:0 0 auto}.site-header.is-scrolled,.site-header.menu-visible{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-color:#18181b12;box-shadow:0 8px 30px #25405312}.nav-shell{align-items:center;width:100%;max-width:none;height:100%;margin-inline:auto;padding-inline:clamp(24px,4vw,66px);display:flex;position:static}.brand-logo{letter-spacing:-.04em;flex-direction:column;flex:none;align-items:center;font-weight:800;line-height:.95;display:inline-flex}.nav-shell>.brand-logo{position:absolute;left:clamp(24px,3.2vw,65px)}.brand-logo img{width:clamp(128px,15.5vw,184px);height:auto}.brand-logo span{font-size:clamp(21px,2.1vw,30px)}.brand-logo span b:first-child{color:var(--beauty-pink)}.brand-logo span b:last-child{color:var(--beauty-blue)}.brand-logo small{color:var(--beauty-pink);letter-spacing:.02em;margin-top:4px;font-size:9px;font-weight:700}.nav-menu{flex:1;justify-content:center;align-items:center;gap:0;display:flex}.nav-links{align-items:center;gap:clamp(22px,3.4vw,54px);display:flex}.nav-links a{letter-spacing:.02em;padding-block:10px;font-size:12px;font-weight:700;position:relative}.nav-links a:after{content:"";background:var(--beauty-pink);height:2px;transition:right .2s,left .2s;position:absolute;bottom:5px;left:50%;right:50%}.nav-links a:hover:after,.nav-links a:focus-visible:after{left:0;right:0}.menu-toggle{display:none}.button{letter-spacing:.015em;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 21px;font-size:12px;font-weight:750;line-height:1;transition:color .2s,background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.button svg,.nav-cta svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:17px;height:17px}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--beauty-pink);box-shadow:0 10px 25px #ee5c912e}.button-primary:hover{background:var(--beauty-pink-dark);box-shadow:0 13px 28px #ee5c9145}.button-secondary,.button-outline{border-color:var(--beauty-pink);color:var(--text-dark);background:#ffffffe6}.button-secondary:hover,.button-outline:hover{color:var(--beauty-pink-dark);background:var(--soft-pink)}.nav-cta{white-space:nowrap;min-height:40px;padding:9px 14px;font-size:10px;position:absolute;right:clamp(24px,3.2vw,65px)}.hero{background:#ddecf6;align-items:flex-start;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-picture,.hero-picture img,.hero-wash{width:100%;height:100%;position:absolute;inset:0}.hero-picture img{object-fit:cover;object-position:center center}.hero-wash{background:linear-gradient(90deg,#fffffffc 0%,#ffffffeb 12%,#ffffff94 24%,#ffffff1f 38%,#0000 50%)}.hero-inner{width:100%;max-width:none;padding-right:var(--page-pad);margin-inline:0;padding-top:0;padding-bottom:28px;padding-left:0;position:static}.hero-copy{z-index:2;width:min(38%,470px);margin:0;position:absolute;top:clamp(102px,6.5vw,125px);left:clamp(40px,5.5vw,105px)}.hero h1,.section-copy h2,.section-heading h2,.partnership h2,.brands h2{letter-spacing:-.045em;margin:0;font-weight:850;line-height:.97}.hero h1{font-size:clamp(46px,4.7vw,68px)}.hero h1 span{display:block}.hero-subtitle{margin:clamp(16px,1.8vw,26px) 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.45}.button-row{flex-wrap:wrap;gap:18px;margin-top:clamp(18px,2vw,28px);display:flex}.split-section{grid-template-columns:38% 62%;display:grid}.section-copy{flex-direction:column;justify-content:center;display:flex}.section-copy h2{font-size:clamp(27px,2.55vw,40px);line-height:1.08}.section-copy>p:not(.eyebrow){color:#35353a;margin:0;font-size:clamp(12px,1.02vw,16px);line-height:1.65}.title-rule{background:var(--beauty-pink);width:52px;height:3px;margin:17px 0 16px;display:block}.curated{background:linear-gradient(105deg,#fff 0% 32%,#fff5f8 100%);min-height:clamp(220px,17vw,320px)}.curated-copy{padding:clamp(22px, 2vw, 34px) clamp(26px, 3vw, 46px) clamp(22px, 2vw, 34px) var(--page-pad)}.curated-media{min-height:clamp(220px,17vw,320px);overflow:hidden}.curated-media img{object-fit:cover;object-position:54% center;width:100%;height:100%}.on-the-go{background:var(--soft-pink);grid-template-columns:52% 48%;min-height:clamp(235px,16vw,300px)}.on-the-go-media{min-height:clamp(235px,16vw,300px);overflow:hidden}.on-the-go-media img{object-fit:cover;object-position:center 56%;width:100%;height:100%}.on-the-go-copy{padding:clamp(18px, 1.7vw, 28px) var(--page-pad) clamp(18px, 1.7vw, 28px) clamp(30px, 3.8vw, 56px)}.eyebrow{color:var(--beauty-pink);letter-spacing:.08em;margin:0 0 8px;font-size:10px;font-weight:800}.feature-grid{grid-template-columns:repeat(4,minmax(80px,1fr));gap:14px;margin-top:15px;display:grid}.feature-item{color:#3f3f46;text-align:center;flex-direction:column;align-items:center;font-size:10px;line-height:1.35;display:flex}.feature-icon{border:1.5px solid var(--beauty-pink);width:38px;height:38px;color:var(--beauty-pink);border-radius:50%;place-items:center;margin-bottom:7px;display:grid}.feature-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:19px;height:19px}.section-pad{padding-block:clamp(22px,2.3vw,34px)}.section-heading{text-align:center}.section-heading h2,.brands h2{font-size:clamp(25px,2.2vw,34px)}.title-rule.centered{width:34px;margin:7px auto 18px}.carousel-wrap{position:relative}.store-carousel{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;gap:13px;padding:4px 2px 12px;display:grid;overflow-x:auto}.store-carousel::-webkit-scrollbar{display:none}.brand-scroll::-webkit-scrollbar{display:none}.store-card{scroll-snap-align:start;background:#fff;border:1px solid #ececf0;border-radius:10px;min-width:0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 5px 16px #1b2c390f}.store-card:hover{transform:translateY(-4px);box-shadow:0 12px 27px #1b2c391c}.store-card-media{aspect-ratio:16/9;background:#dceaf2;position:relative;overflow:hidden}.store-card-media img{object-fit:cover;width:100%;height:100%}.store-placeholder{background:linear-gradient(#bce2f4 0 54%,#6f8190 54% 62%,#d7d7d4 62%);width:100%;height:100%;position:relative;overflow:hidden}.store-placeholder-2{filter:saturate(.87);background:linear-gradient(#c9e5f4 0 48%,#988774 48% 62%,#ded9d0 62%)}.store-placeholder-3{background:linear-gradient(#c7e7f5 0 50%,#8c9aa2 50% 61%,#ddd9d2 61%)}.placeholder-skyline{opacity:.82;clip-path:polygon(0 48%,9% 48%,9% 22%,20% 22%,20% 40%,29% 40%,29% 4%,38% 4%,38% 50%,48% 50%,48% 29%,59% 29%,59% 44%,70% 44%,70% 12%,80% 12%,80% 39%,90% 39%,90% 20%,100% 20%,100% 100%,0 100%);background:linear-gradient(90deg,#60727d 0 9%,#0000 9% 12%,#7e8c92 12% 23%,#0000 23% 27%,#546a75 27% 38%,#0000 38% 42%,#71838b 42% 55%,#0000 55% 59%,#536c77 59% 76%,#0000 76% 80%,#7b888d 80% 100%);height:44%;position:absolute;bottom:38%;left:0;right:0}.placeholder-station{color:var(--beauty-pink);letter-spacing:.08em;background:#ffffffeb;padding:8px 14px;font-size:13px;font-weight:850;position:absolute;bottom:18%;left:7%;right:7%}.placeholder-station b{color:var(--beauty-blue)}.status-badge{color:#fff;background:var(--beauty-pink);letter-spacing:.02em;border-radius:0 0 7px;padding:6px 10px;font-size:10px;font-weight:800;position:absolute;top:0;left:0}.is-coming-soon .store-placeholder{filter:grayscale(.25)blur(3px);transform:scale(1.04)}.is-coming-soon .store-card-media img{filter:grayscale(.2)blur(4px);transform:scale(1.05)}.is-coming-soon .status-badge{background:var(--beauty-blue)}.store-card-body{min-height:92px;padding:10px 12px 11px}.store-card h3{margin:0;font-size:11px;font-weight:850}.store-card p{color:var(--muted);margin:3px 0 8px;font-size:10px}.store-card-body a{color:var(--beauty-pink);margin-top:4px;font-size:9px;font-weight:800;display:inline-block}.is-coming-soon .store-card-body a{color:var(--beauty-blue)}.carousel-arrow{z-index:3;border:1px solid var(--beauty-pink);width:40px;height:40px;color:var(--beauty-pink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;font-size:27px;line-height:1;transition:color .2s,background .2s,opacity .2s;display:grid;position:absolute;top:calc(50% - 20px)}.carousel-arrow:hover{color:#fff;background:var(--beauty-pink)}.carousel-arrow.previous{left:max(4px, calc(var(--page-pad) - 54px));transform:none}.carousel-arrow.next{right:max(4px, calc(var(--page-pad) - 54px));transform:none}.carousel-arrow:disabled{opacity:.35;cursor:default}.centered-action{text-align:center;margin-top:6px}.centered-action .button{min-width:190px;min-height:38px}.brands{background:linear-gradient(90deg,#f8fbfd,#eff8ff 52%,#fdf8fb);padding-block:11px}.brands-inner{align-items:center;gap:clamp(28px,3vw,48px);width:100%;max-width:none;padding-inline:clamp(28px,4vw,72px);display:flex}.brands h2{white-space:nowrap;flex:none;font-size:20px}.brand-scroll{scrollbar-width:none;flex:1;justify-content:space-between;align-items:center;gap:clamp(20px,2.4vw,40px);padding-block:5px;display:flex;overflow-x:auto}.brand-scroll span{letter-spacing:-.025em;flex:none;font-size:clamp(14px,1.25vw,19px);font-weight:650}.brand-scroll span:nth-child(2),.brand-scroll span:nth-child(8){letter-spacing:.22em;font-size:13px}.brand-scroll .and-more{color:var(--beauty-blue);letter-spacing:.04em;font-size:10px;font-weight:800}.partnership{background:linear-gradient(108deg, var(--soft-pink), white 50%, var(--soft-blue))}.partnership-inner{grid-template-columns:1.1fr 1fr auto;align-items:center;gap:clamp(35px,6vw,100px);display:grid}.partnership h2{font-size:clamp(30px,3.2vw,48px);line-height:1.02}.partnership-inner>p{color:#3f3f46;margin:0;font-size:13px;line-height:1.75}.careers{grid-template-columns:47% 53%;min-height:clamp(190px,12vw,230px)}.careers-media{background:#f8dbe4;min-height:clamp(190px,12vw,230px);overflow:hidden}.careers-media>img{object-fit:cover;object-position:center 16%;width:100%;height:100%}.careers-placeholder{background:linear-gradient(155deg,#f7c6d6 0 48%,#f9e9ef 48% 63%,#d9effb 63%);width:100%;height:100%;min-height:420px;position:relative;overflow:hidden}.careers-placeholder:before{content:"BEAUTY OFF. TEAM";color:#ffffffe6;letter-spacing:-.04em;font-size:clamp(25px,3vw,46px);font-weight:850;position:absolute;top:8%;left:9%}.team-person{background:#1c2028;border-radius:45% 45% 12% 12%;width:19%;height:62%;position:absolute;bottom:-6%}.team-person:before{aspect-ratio:1;content:"";background:#e4ab91;border:6px solid #2b2425;border-radius:50%;width:58%;position:absolute;top:-22%;left:22%}.team-person i{color:#fff;text-align:center;font-style:normal;position:absolute;top:13%;left:8%;right:8%}.team-person i:after{content:"BEAUTY\a OFF.";white-space:pre;color:var(--beauty-pink);font-size:clamp(11px,1.4vw,19px);font-weight:850;line-height:.95}.person-one{left:9%}.person-two{height:66%;left:30%}.person-three{left:51%}.person-four{height:65%;left:72%}.person-two:before,.person-four:before{background:#d59479}.careers-copy{padding:clamp(18px, 1.8vw, 28px) var(--page-pad) clamp(18px, 1.8vw, 28px) clamp(26px, 3.2vw, 48px);background:linear-gradient(115deg,#fff,#fff7fa);grid-template-columns:minmax(300px,1.3fr) minmax(210px,.8fr);gap:clamp(20px,2.6vw,40px);display:grid}.careers-intro p{color:#45454b;margin:10px 0 13px;font-size:clamp(14px,1vw,16px);line-height:1.65}.careers-copy h2{white-space:nowrap;font-size:clamp(30px,2.45vw,42px)}.career-links{flex-direction:column;justify-content:center;gap:22px;display:flex}.career-links a{align-items:center;gap:16px;min-height:40px;transition:color .2s;display:flex}.career-links a:hover{color:var(--beauty-pink)}.career-symbol{flex:none;place-items:center;width:36px;height:36px;display:grid}.career-symbol svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:30px;height:30px}.career-label{flex-direction:column;gap:2px;min-width:0;line-height:1.25;display:flex}.career-label strong{letter-spacing:.01em;font-size:14px;font-weight:850}.career-label small{color:#5d5d64;font-size:13px;font-weight:450;line-height:1.35}.career-links a:hover .career-label small{color:currentColor}.site-footer{padding:22px var(--page-pad) 10px;background:#fff;border-top:1px solid #f0f0f2}.footer-shell{grid-template-columns:1.2fr 1.05fr 1.3fr .9fr auto;align-items:center;gap:28px;width:min(100%,1320px);margin:0 auto;display:grid}.footer-logo{justify-self:start}.contact-item{align-items:center;gap:12px;min-width:0;display:flex}.contact-item>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;flex:none;width:26px;height:26px}.contact-item div{flex-direction:column;min-width:0;display:flex}.contact-item a{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.contact-item small{color:var(--muted);font-size:9px}.line-mark{object-fit:contain;border-radius:7px;flex:none;width:29px;height:29px;display:block}.social-links{gap:12px;display:flex}.social-links a{color:#fff;background:var(--text-dark);border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;transition:background-color .2s,transform .2s;display:grid}.social-links a:hover{background:var(--beauty-pink);transform:translateY(-2px)}.copyright{color:#77777c;text-align:right;width:min(100%,1320px);margin:10px auto 0;font-size:9px}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(25px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width>=901px){.curated{height:clamp(300px,24vw,460px);min-height:0}.curated-media{height:100%;min-height:0}.on-the-go{height:clamp(320px,25vw,480px);min-height:0}.on-the-go-media{height:100%;min-height:0}.careers{height:clamp(260px,18vw,350px);min-height:0}.careers-media{height:100%;min-height:0}.store-carousel{grid-auto-columns:calc(20% - 10.4px)}}@media (width<=1100px){.nav-menu{gap:30px}.nav-links{gap:20px}.hero-copy{width:48%}.careers-copy h2{font-size:clamp(25px,2.6vw,30px)}}@media (width<=900px){:root{--header-height:68px}.menu-toggle{width:46px;height:46px;color:var(--text-dark);cursor:pointer;background:#ffffffe0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;display:flex}.nav-shell>.brand-logo{position:static}.menu-toggle span{background:currentColor;width:21px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px)rotate(-45deg)}.nav-menu{inset:var(--header-height) 0 auto;visibility:hidden;opacity:0;background:#fffffffa;flex-direction:column;align-items:stretch;gap:17px;max-height:0;padding:0 24px;transition:max-height .3s,padding .3s,opacity .2s,visibility .3s;display:flex;position:fixed;overflow:hidden}.nav-menu.is-open{max-height:calc(100vh - var(--header-height));visibility:visible;opacity:1;padding-block:20px 28px}.nav-links{flex-direction:column;align-items:stretch;gap:0}.nav-links a{border-bottom:1px solid var(--line);padding:15px 4px;font-size:14px}.nav-links a:after{display:none}.nav-cta{align-self:flex-start;position:static}.hero{min-height:680px}.hero-inner{z-index:2;position:relative}.hero-copy{width:50%;position:static}.split-section,.on-the-go,.careers{grid-template-columns:1fr}.curated-copy,.on-the-go-copy,.careers-copy{padding:56px var(--page-pad)}.curated-media{grid-row:1;min-height:360px}.on-the-go-media,.careers-media,.careers-placeholder{min-height:470px}.feature-grid{grid-template-columns:repeat(4,1fr)}.partnership-inner{grid-template-columns:1fr 1fr}.partnership-inner .button{justify-self:start}}@media (width<=767px){:root{--page-pad:22px}.nav-shell{padding-inline:20px}.brand-logo span{font-size:22px}.hero{align-items:flex-start;min-height:clamp(700px,177.68vw,900px)}.hero-picture img{object-position:center center}.hero-wash{background:linear-gradient(#fffffffa 0%,#ffffffdb 25%,#ffffff4f 48%,#0000 70%)}.hero-inner{padding-right:var(--page-pad);padding-left:var(--page-pad);padding-top:calc(var(--header-height) + 34px);padding-bottom:30px}.hero-copy{width:100%}.hero h1{font-size:clamp(45px,14.2vw,62px);line-height:.9}.hero-subtitle{margin-top:22px;font-size:17px;line-height:1.35}.button-row{gap:10px;max-width:340px;margin-top:34px}.button-row .button{min-height:44px;padding-inline:14px;font-size:10px}.section-copy h2{font-size:clamp(31px,9.6vw,42px)}.section-copy>p:not(.eyebrow),.partnership-inner>p{font-size:15px;line-height:1.7}.desktop-only{display:none}.curated-media{min-height:210px}.curated-media img{object-position:62% center}.curated-copy,.on-the-go-copy,.careers-copy{padding:34px var(--page-pad) 38px}.on-the-go-media{min-height:330px}.on-the-go-media img{object-position:center 55%}.feature-grid{grid-template-columns:repeat(2,1fr);row-gap:24px;margin-top:32px}.feature-icon{width:51px;height:51px}.section-pad{padding-block:50px}.carousel-wrap{padding-right:0}.store-carousel{grid-auto-columns:min(78vw,300px);padding-right:22px}.carousel-arrow{display:none}.brands{padding-block:22px}.brands-inner{padding-right:0;display:block}.brands h2{margin-bottom:15px}.brand-scroll{justify-content:flex-start;padding-right:22px}.partnership-inner{flex-direction:column;align-items:flex-start;gap:26px;display:flex}.partnership h2{font-size:42px}.careers-media,.careers-placeholder{min-height:270px}.careers-copy{display:block}.careers-copy h2{letter-spacing:-.055em;font-size:clamp(22px,6.1vw,27px)}.career-links{gap:20px;margin-top:42px;display:flex}.career-links a{flex-direction:row;align-items:center}.footer-shell{grid-template-columns:1fr;gap:24px}.footer-logo{margin-bottom:7px}.social-links{grid-column:auto}.copyright{text-align:left;margin-top:28px}}@media (width<=390px){.button-row{flex-direction:column;align-items:flex-start}.button-row .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}