:root{
  --ink:#283028;
  --muted:#6f756e;
  --bg:#f7f4ee;
  --paper:#f3efe6;
  --line:#e7e0d5;
  --dark:#2d392f;
  --mint:#dceadf;
  --sage:#cfddcf;
  --blush:#efd8d8;
  --cream:#efe8d2;
  --sand:#e8dfcf;
  --aqua:#b9ddd7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}
.top-banner{background:#2d372e;color:#fff;text-align:center;padding:10px 12px;font-size:10px;letter-spacing:1.6px;font-weight:700}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.8%;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:20}
.logo{display:flex;flex-direction:column;line-height:1;gap:8px}.logo-main{font-weight:700;font-size:28px;letter-spacing:-1.8px}.logo-star{position:absolute;transform:translate(131px,-1px);color:#84a799}.logo small{font-size:8px;letter-spacing:2.8px;font-weight:700}
nav{display:flex;gap:28px;font-size:13px}nav a:hover{opacity:.6}
.header-actions{display:flex;align-items:center;gap:16px}.icon-btn,.bag-btn,.menu-btn{border:0;background:none;color:var(--ink)}.icon-btn{font-size:30px}.bag-btn span{display:inline-grid;place-items:center;width:24px;height:24px;background:#dce9de;border-radius:50%;margin-left:6px}.menu-btn{display:none;font-size:24px}
.identity-switch-wrap{padding:24px 6% 10px;background:linear-gradient(180deg,#f6f3ec 0%, #fbfaf7 100%);border-bottom:1px solid var(--line)}
.identity-switch{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px;gap:5px;max-width:100%;overflow:auto}.mode-btn{border:0;padding:11px 18px;border-radius:999px;background:transparent;white-space:nowrap;font-size:13px;font-weight:700;color:#516154}.mode-btn.active{background:var(--dark);color:#fff}.identity-switch-wrap p{margin:12px 4px 0;color:var(--muted);font-size:14px}
.hero{display:grid;grid-template-columns:52% 48%;min-height:600px;overflow:hidden}.hero-copy{padding:76px 8% 40px 12%;background:#eff2ea;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#657867;margin-bottom:20px}.hero h1,.section h2,.split-feature h2,.story-grid h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-2.3px;line-height:1.12}.hero h1{font-size:clamp(58px,6vw,92px);margin:0 0 24px}.hero em,.section em,.split-feature em,.story-grid em{color:#839d8d;font-style:italic}.hero-copy p{max-width:470px;color:#68726a;line-height:1.8;font-size:15px}.hero-buttons{display:flex;gap:26px;align-items:center;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;font-weight:700;font-size:12px;padding:16px 24px}.btn.dark{background:var(--dark);color:#fff}.btn.text{padding:0;background:none}.hero-foot{margin-top:auto;padding-top:56px;font-size:9px;letter-spacing:1px;color:#6b746b}
.hero-art{position:relative;background:linear-gradient(125deg,#dfeae0 0%,#dae9e1 42%,#d4e4da 100%);min-height:600px}.art-sun{position:absolute;width:560px;height:560px;border-radius:50%;background:#f7efd8;opacity:.7;left:9%;top:13%}
.hero-pack{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;padding-top:18px;box-shadow:0 20px 30px rgba(41,66,53,.12)}
.hero-pack span{font-size:11px;letter-spacing:2px;font-weight:700}.hero-pack strong{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:-2px;margin-top:36px}.hero-pack small{font-size:11px;letter-spacing:1.3px;line-height:1.6;margin-top:auto;padding-bottom:26px}
.hero-pack.tall{width:160px;height:340px;border-radius:24px}.hero-pack.box{width:145px;height:220px;border-radius:6px}.hero-pack.aqua{left:15%;top:23%;background:#9ed8d1;transform:rotate(-12deg)}.hero-pack.blush{left:57%;top:16%;background:#e9cccc;transform:rotate(10deg)}.hero-pack.cream{left:47%;top:51%;background:#e8dfb7;transform:rotate(2deg)}
.hero-pack.aqua strong{font-size:84px;color:#f1fbf6}.hero-pack.blush strong{font-size:34px;margin-top:54px}.hero-pack.cream strong{font-size:52px;margin-top:28px;color:#788d74}
.hero-note{position:absolute;left:13%;bottom:6%;transform:rotate(-9deg);font-size:12px;letter-spacing:2px;color:#576a5b}
.trust-bar{display:flex;justify-content:space-around;gap:20px;padding:18px 4%;font-size:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8f5ef;color:#536356}
.section{padding:76px 6%}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:28px}.section-head h2,.story-grid h2,.split-feature h2{font-size:clamp(40px,4.5vw,70px);margin:0}.section-head p,.story-grid p,.split-feature p,.plan-card p{color:var(--muted);line-height:1.8;font-size:14px}
.concern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.concern{min-height:230px;padding:24px;border:1px solid var(--line);background:#f8f6f0;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;text-align:left}.concern span{font-size:10px;letter-spacing:2px;font-weight:700;color:#5f7062}.concern strong{margin-top:auto;font-family:'Playfair Display',serif;font-weight:500;font-size:30px;letter-spacing:-1px}.concern small{margin-top:14px;color:#617062}.concern.hyd{background:linear-gradient(180deg,#f8fbfb,#ddebe7)}.concern.cal{background:linear-gradient(180deg,#faf8f0,#e4efdf)}.concern.cle{background:linear-gradient(180deg,#fcfbf7,#eee7d6)}.concern.glo{background:linear-gradient(180deg,#fdf9f6,#f1dfd9)}
.shop-tools{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#fff;padding:12px 18px;border-radius:999px;font-size:12px}.filters button.active{background:var(--dark);color:#fff;border-color:var(--dark)}.search-field{display:flex;align-items:center;gap:8px;border-bottom:1px solid #8fa392;padding:8px 0}.search-field input{border:0;background:none;outline:none;width:260px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);background:#fcfbf8}.product-media{height:270px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#edf1e9}.product-media[data-color='pink']{background:#f4e5e7}.product-media[data-color='aqua']{background:#ddecec}.product-media[data-color='cream']{background:#f0eadc}.product-media[data-color='sage']{background:#e3ebdf}.product-media[data-color='sand']{background:#ede4d8}.badge{position:absolute;top:12px;left:12px;background:#fff;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.6px}
.package{width:140px;height:215px;background:var(--pack);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;box-shadow:0 20px 24px rgba(40,48,40,.10);padding-top:16px}.package.tall{border-radius:22px}.package.boxy{width:130px;height:188px;border-radius:6px}.package.wide{width:170px;height:120px;border-radius:16px;justify-content:center;padding-top:0}.pack-brand{font-size:10px;font-weight:700;letter-spacing:2px}.pack-symbol{font-family:'Playfair Display',serif;font-size:50px;margin-top:28px;line-height:.9}.package.boxy .pack-symbol{font-size:34px}.package.wide .pack-symbol{font-size:26px;margin-top:0}.pack-text{font-size:10px;letter-spacing:1.2px;margin-top:auto;padding-bottom:18px;line-height:1.5}.package.wide .pack-text{padding-bottom:0;margin-top:8px}
.product .meta{padding:16px 16px 0;color:#7a8079;font-size:11px;text-transform:uppercase;letter-spacing:1.1px}.product h3{padding:8px 16px 0;margin:0;font-size:16px;line-height:1.35;min-height:68px}.product-bottom{padding:16px;display:flex;align-items:center;justify-content:space-between}.product-bottom span{font-size:12px;color:#6f766e}.product-bottom button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:19px}
.catalog-note{font-size:12px;color:#6c736b;margin-top:20px}
.split-feature{display:grid;grid-template-columns:1fr 1fr}.feature-copy{padding:74px 8%;background:#f1ede4}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:74px 8%;background:#ddeae0;align-items:center}.f-card{background:#fbfaf7;border:1px solid rgba(42,53,44,.08);padding:30px 24px;min-height:170px;display:flex;flex-direction:column;justify-content:center}.f-card strong{font-family:'Playfair Display',serif;font-size:48px;font-weight:500}.f-card span{color:#68736c;line-height:1.6}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.muted-note{background:#f2eee6;border-left:3px solid #9cb59d;padding:16px 18px}
.brand-section{text-align:center;background:#fbfaf7}.brand-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.brand-list span{padding:16px 22px;border:1px solid var(--line);border-radius:999px;background:#fff}
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan-card{background:#fcfbf7;border:1px solid var(--line);padding:24px}.plan-card h3{margin:0 0 12px;font-size:12px;letter-spacing:1.8px;color:#59725e}.plan-card strong{display:block;font-size:20px;margin-bottom:12px}
footer{padding:54px 6% 28px;border-top:1px solid var(--line);background:#f8f5ef}.footer-logo{font-size:28px;font-weight:700;letter-spacing:-1.5px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:12px;color:#6a726b}
.overlay{position:fixed;inset:0;background:rgba(21,26,20,.46);z-index:39}.drawer{position:fixed;top:0;right:-420px;width:min(420px,100vw);height:100vh;background:#fbfaf7;box-shadow:-12px 0 30px rgba(0,0,0,.1);padding:26px;z-index:40;transition:right .28s ease}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.drawer-head button,.dialog-close{border:0;background:none;font-size:22px}.drawer-items{height:calc(100vh - 200px);overflow:auto}.cart-line{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:62px;height:78px;background:#dbe8df;border-radius:10px;display:grid;place-items:center}.cart-line strong{display:block;font-size:13px}.cart-line p{margin:6px 0;color:var(--muted);font-size:11px}.cart-line button{background:none;border:0;padding:0;text-decoration:underline;font-size:11px}.drawer-foot p{color:var(--muted);font-size:12px}.block-btn{width:100%}
dialog{width:min(820px,94vw);border:0;background:#faf8f2;padding:28px;box-shadow:0 18px 60px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(21,29,23,.65)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-image{min-height:340px;background:#edf1e9;display:flex;align-items:center;justify-content:center}.detail-copy h2{font-family:'Playfair Display',serif;font-size:38px;font-weight:500;margin:0 0 14px}.detail-copy p{font-size:14px;color:var(--muted);line-height:1.8}.detail-copy small{color:#68736d;line-height:1.8}
.lock{overflow:hidden}
@media (max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}.plan-grid{grid-template-columns:repeat(2,1fr)}.concern-grid{grid-template-columns:repeat(2,1fr)}.feature-cards{grid-template-columns:1fr}.hero-pack.aqua{left:8%}.hero-pack.blush{left:54%}}
@media (max-width:760px){.site-header{padding:0 4%;height:72px}.logo-main{font-size:24px}.logo-star{transform:translate(109px,-2px)}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#faf7f0;border-bottom:1px solid var(--line);padding:18px;flex-direction:column}nav.show{display:flex}.menu-btn{display:block}.hero{display:flex;flex-direction:column}.hero-copy{padding:56px 7% 34px}.hero h1{font-size:60px}.hero-art{min-height:420px}.art-sun{width:420px;height:420px;left:8%;top:10%}.hero-pack.tall{width:130px;height:265px}.hero-pack.box{width:122px;height:180px}.hero-pack.aqua strong{font-size:62px}.hero-pack.blush strong{font-size:28px}.hero-pack.cream strong{font-size:38px}.hero-pack.aqua{left:13%;top:18%}.hero-pack.blush{left:57%;top:12%}.hero-pack.cream{left:42%;top:51%}.hero-note{left:11%;bottom:7%;font-size:10px}.trust-bar{flex-direction:column;gap:10px}.section{padding:62px 5%}.section-head,.story-grid,.split-feature,.detail-grid{grid-template-columns:1fr;display:grid}.shop-tools{display:block}.search-field{display:flex;margin-top:16px}.search-field input{width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-media{height:218px}.package{transform:scale(.82)}.feature-copy,.feature-cards{padding:62px 6%}.footer-bottom{flex-direction:column}.detail-image{min-height:240px}}

/* V3 editorial sections */
.guide-section{background:#f9f6f0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.guide-grid article{padding:28px 26px;background:#fff;border:1px solid var(--line);min-height:215px}.guide-grid b{font-size:11px;letter-spacing:1.6px;color:#66816b}.guide-grid h3{font-family:'Playfair Display',serif;font-size:31px;font-weight:500;margin:24px 0 9px}.guide-grid p{font-size:13px;line-height:1.7;color:var(--muted)}.guide-note{margin-top:19px;font-size:12px;color:var(--muted)}.newsletter-section{background:#dce9df;padding:55px 6%;display:flex;align-items:center;justify-content:space-between;gap:28px}.newsletter-section h2{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,58px);font-weight:500;letter-spacing:-1.6px;margin:0}.newsletter-section h2 em{color:#829c8a}.newsletter-section p{color:#65756b}.footer-partnership{text-decoration:underline;font-size:12px;color:#596e5f}@media(max-width:760px){.guide-grid{grid-template-columns:1fr}.newsletter-section{flex-direction:column;align-items:flex-start}}

/* V4 language control: dropdown flows with header, never fixed on mobile */
.lang-dropdown{position:relative;flex-shrink:0}.lang-toggle{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:20px;padding:9px 12px;font-size:12px;font-weight:700;white-space:nowrap}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:150px;background:#fff;padding:6px;border:1px solid var(--line);box-shadow:0 14px 30px #0002;border-radius:12px;z-index:45}.lang-menu[hidden]{display:none!important}.lang-menu button{width:100%;text-align:left;padding:10px 9px;border:0;background:#fff;border-radius:8px;font-size:13px}.lang-menu button:hover{background:#eef3eb}.price-context{font-size:12px;color:#5f715f;padding:12px 16px;margin:0 0 22px;background:#eaf2e8;border-radius:10px}.reference-price{font-weight:700;color:#294532}.product-source{font-size:11px;color:#63796a;text-decoration:underline}.product-source:hover{text-decoration:none}.detail-source{display:inline-block;margin:18px 0;color:#395945;text-decoration:underline}.reference-notice{font-size:12px;line-height:1.6;color:#6c6d65}.product-media .package{transform:rotate(-5deg)}@media(max-width:760px){.header-actions{gap:8px}.lang-toggle{padding:8px;font-size:11px}.site-header{padding:0 3%}.bag-btn{font-size:12px}.logo-main{font-size:21px}.logo-star{transform:translate(98px,-2px)}.icon-btn{font-size:24px}.lang-menu{right:-15px}.product-source{font-size:10px}}