:root{--ink:#243f35;--green:#294d3d;--cream:#faf8f2;--line:#e1e2d8;--muted:#647168;--sage:#e9eddf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{transition:background .18s,transform .18s,box-shadow .18s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}p{line-height:1.7}header,main,footer{max-width:1360px;margin:auto}header{height:104px;display:flex;justify-content:space-between;align-items:center;padding:0 64px;border-bottom:1px solid var(--line)}.announcement{text-align:center;padding:11px 24px;background:var(--green);color:#f7f6e9;font-size:11px;letter-spacing:.5px}.announcement span{margin-left:35px;color:#dee7c9}.wordmark{font-family:Georgia,serif;font-size:37px;letter-spacing:-2px}.wordmark span{font-size:22px;margin-left:4px}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav button,footer button{background:none;border:0}nav>a{padding:10px 0}nav>a:hover{text-decoration:underline;text-underline-offset:6px}#saved-count{font-size:10px;margin-left:6px;background:#e1e7dc;border-radius:50%;padding:4px 7px}#saved-nav[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}main{padding:0 64px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:64px 0 62px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;margin:0 0 24px}.hero .eyebrow:before{content:'✦';font-size:15px;vertical-align:middle;margin-right:10px;color:#768869}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(58px,6.8vw,91px);line-height:1.02;letter-spacing:-4px;margin:0 0 26px}h1 em{color:#7b8f65;font-weight:400}.intro{max-width:375px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 30px}.primary{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:6px;padding:17px 23px;font-size:13px;box-shadow:0 4px 8px #213e3410}.primary:hover{background:#1e3b2d;box-shadow:0 7px 15px #213e3420}.primary span{margin-left:32px;font-size:17px}.small{padding:12px 19px}.quiet{font-size:12px;color:var(--muted)}.hero-note{margin-top:19px;font-size:11px}.hero-note>span:first-child{color:#52704b;margin-right:6px}.dot{margin:0 10px}.hero-art{height:475px;border-radius:180px 180px 12px 12px;background:linear-gradient(135deg,#ecebdc,#d5ddc5 64%,#c6d0b7);position:relative;overflow:hidden;isolation:isolate}.art-circle{width:320px;height:320px;border:1px solid #fff7;border-radius:50%;position:absolute;left:17%;top:65px}.art-platform{position:absolute;width:110%;height:110px;bottom:-24px;left:-5%;background:linear-gradient(#b9c6a6,#d1dac4);border-radius:50%;box-shadow:0 -1px 0 #e9efdd}.art-label{position:absolute;top:62px;left:40px;font-size:9px;letter-spacing:2.2px;line-height:1.8}.orbit{position:absolute;right:38px;top:32px;font-size:65px;color:#80956d}.bottle{position:absolute;box-shadow:18px 25px 25px #3f53352b;display:flex;align-items:center;justify-content:center;text-align:center}.bottle span{font-family:Georgia,serif;font-size:19px;letter-spacing:-.5px}.bottle small{display:block;margin-top:12px;font:8px/1.8 Arial,sans-serif;letter-spacing:1.2px}.tall{z-index:2;width:124px;height:239px;background:linear-gradient(90deg,#e4e6d4,#fffdf0 36%,#f0f0de 78%,#d3d9c0);bottom:91px;left:39%;border-radius:25px 25px 14px 14px;transform:rotate(-9deg)}.tall:before{content:'';position:absolute;top:-38px;width:70px;height:40px;border-radius:9px 9px 2px 2px;background:repeating-linear-gradient(90deg,#617751 0 2px,#6f855d 2px 4px);box-shadow:inset 3px 0 8px #b5c3a14a}.tube{width:90px;height:190px;bottom:72px;left:18%;background:linear-gradient(90deg,#b87c60,#d6a484 42%,#c58f70);border-radius:5px 5px 26px 26px;transform:rotate(-17deg);color:#ffefdf}.tube:after{content:'';position:absolute;bottom:-10px;width:75px;height:23px;background:#6d634c;border-radius:2px 2px 8px 8px}.tube span{font-size:14px}.short{z-index:3;width:150px;height:104px;bottom:63px;left:59%;background:linear-gradient(90deg,#d5b7a3,#f1dcc7 45%,#dec0a9);border-radius:7px 7px 25px 25px;transform:rotate(8deg)}.short:before{content:'';position:absolute;top:-17px;width:154px;height:22px;background:linear-gradient(90deg,#e1c7b2,#fff0de,#e5ccb7);border-radius:7px;box-shadow:0 3px 3px #8a6c4320}.short small{margin-top:5px}.floating{z-index:4;position:absolute;bottom:21px;left:25px;background:#fffdf1ed;padding:13px 18px;border:1px solid #fff;border-radius:5px;font-size:10px;box-shadow:0 4px 12px #3f533510}.floating span{margin-right:12px;color:#6e855b}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:26px}.values>div{display:flex;align-items:center;gap:15px}.values>div+div{border-left:1px solid var(--line);padding-left:28px}.value-icon{font-family:Georgia,serif;font-size:31px;color:#72846c}.values p{margin:0}.values strong{display:block;font-size:12px;font-weight:500;margin-bottom:3px}.values p span{display:block;font-size:10px;color:var(--muted)}#discover{padding:65px 0 72px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.section-top .eyebrow{margin-bottom:14px;color:#738368}h2{font-size:36px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 14px}.section-top p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px;max-width:580px}.outline{background:transparent;border:1px solid #a7b4a0;border-radius:5px;padding:13px 17px;white-space:nowrap;font-size:12px}.outline:hover{background:#e9eddf}.toolbar{display:flex;gap:10px;align-items:center;margin:30px 0 14px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs{display:flex;gap:5px;flex:1}.tabs button{background:transparent;border:1px solid transparent;border-radius:30px;padding:11px 16px;font-size:12px;white-space:nowrap}.tabs button:hover{background:#e9eddf}.tabs .active{background:var(--green);color:#fff;border-color:var(--green)}input,select{border:1px solid var(--line);padding:12px;border-radius:5px;background:#fffdfa;color:var(--ink);max-width:100%;min-height:44px}.search input{font-size:12px;min-width:200px;padding-left:15px}.sort select{font-size:12px}.demo-note{font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 12px;max-width:830px}#result-count{margin:0 0 24px;font-size:10px;letter-spacing:.5px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.card{min-width:0;position:relative}.product-art{height:255px;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 35% 20%,#ffffff65,transparent 65%),var(--bg);overflow:hidden}.product-art:after{content:'';width:85px;height:133px;background:linear-gradient(90deg,#e6e7dc,#fffdf5 40%,#e9eade);border-radius:12px 12px 18px 18px;box-shadow:14px 17px 15px #364d3526;transform:rotate(-7deg)}.product-art:before{content:'';position:absolute;z-index:1;width:45px;height:27px;border-radius:5px 5px 0 0;background:repeating-linear-gradient(90deg,#7a8a68 0 2px,#869571 2px 4px);top:41px;left:calc(50% - 32px);transform:rotate(-7deg)}.product-label{position:absolute;z-index:2;font-family:Georgia,serif;font-size:13px;width:65px;text-align:center;line-height:1.3;transform:rotate(-7deg)}.product-label:after{content:'DAILY ESSENTIALS';display:block;font:5px/1.4 Arial,sans-serif;letter-spacing:1px;margin-top:10px}.product-art[data-product=cloud]:after{width:126px;height:85px;border-radius:6px 6px 22px 22px;transform:rotate(5deg)}.product-art[data-product=cloud]:before{width:128px;height:20px;top:67px;left:calc(50% - 61px);background:#9aa789;border-radius:6px;transform:rotate(5deg)}.product-art[data-product=cloud] .product-label{transform:rotate(5deg)}.product-art[data-product=tint]:after{width:49px;height:115px;background:linear-gradient(90deg,#ad614f,#d9937d 45%,#ae6755);border-radius:7px;transform:rotate(13deg)}.product-art[data-product=tint]:before{width:49px;height:45px;background:linear-gradient(90deg,#6d4c3c,#9e7359);top:53px;left:calc(50% - 10px);transform:rotate(13deg)}.product-art[data-product=tint] .product-label{font-size:9px;width:38px;color:#fff4e8;transform:rotate(13deg)}.product-art[data-product=balm]:after{width:44px;height:126px;background:linear-gradient(90deg,#d1b5c4,#f1dce7,#d8becb);border-radius:7px;transform:rotate(-15deg)}.product-art[data-product=balm]:before{display:none}.product-art[data-product=balm] .product-label{font-size:9px;width:37px;transform:rotate(-15deg)}.product-art[data-product=dew]:after{width:65px;height:103px;background:linear-gradient(90deg,#b19159,#e1be82,#b89661);border-radius:12px 12px 9px 9px}.product-art[data-product=dew]:before{height:49px;width:25px;top:34px;left:calc(50% - 26px);border-radius:12px 12px 0 0;background:#ececdf}.product-art[data-product=dew] .product-label{width:55px;font-size:11px}.product-art[data-product=sun]:after,.product-art[data-product=clean]:after{width:83px;height:143px;border-radius:3px 3px 22px 22px}.product-art[data-product=sun]:before,.product-art[data-product=clean]:before{top:auto;bottom:45px;left:calc(50% - 28px);width:67px;height:23px;background:#b4ad89;border-radius:1px 1px 6px 6px}.product-art[data-product=body]:after,.product-art[data-product=wash]:after{height:151px;width:92px;border-radius:20px 20px 9px 9px}.product-art[data-product=body]:before,.product-art[data-product=wash]:before{width:54px;height:18px;top:33px;left:calc(50% - 41px);border-radius:4px 8px 0 0;background:#8a846b}.save{position:absolute;right:14px;top:14px;border:1px solid #ffffffa0;border-radius:50%;width:37px;height:37px;background:#fffcf1b8;font-size:22px;z-index:3;display:grid;place-items:center}.save:hover{background:#fff}.save[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.badge{position:absolute;left:14px;top:18px;font-size:9px;letter-spacing:.2px;color:#4b5d4c;background:#fffdf1cf;padding:7px 9px;border-radius:3px;z-index:3}.brand{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:19px 0 8px;text-transform:uppercase}.card h3{font-family:Georgia,serif;font-size:21px;font-weight:400;letter-spacing:-.4px;margin:0 0 9px}.card .description{font-size:12px;color:var(--muted);line-height:1.65;margin:0 0 16px;min-height:40px;max-width:290px}.price-row{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.price{font-size:14px;font-weight:600}.match{font-size:10px;color:#425e35;background:#e8eedf;padding:6px 8px;border-radius:4px}.details-button{background:none;border:0;border-bottom:1px solid #b8c2ab;padding:0 0 5px;margin-top:18px;font-size:11px}.details-button:hover{border-color:var(--ink)}.bottom-card{position:relative;overflow:hidden;background:#e8ecdf;border:1px solid #dfe5d6;text-align:center;border-radius:8px;padding:56px 20px;margin-bottom:60px}.bottom-card h2{font-size:42px;position:relative}.bottom-card p{color:var(--muted);font-size:13px}.bottom-card .eyebrow{font-size:9px;color:var(--ink)}.bottom-card .primary{margin-top:10px}.bottom-star{position:absolute;left:6%;top:50%;transform:translateY(-50%);font-size:175px;color:#cdd6bd;font-family:Georgia,serif}.bottom-card:after{content:'';position:absolute;right:-25px;top:-85px;width:250px;height:250px;border:1px solid #cbd5bd;border-radius:50%;pointer-events:none}footer{border-top:1px solid var(--line);padding:36px 64px 30px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 30px;font-size:12px}footer .wordmark{grid-column:1;grid-row:1}footer>p:not(.quiet){grid-column:1;margin:0;color:var(--muted)}footer button{grid-column:2;grid-row:1;text-decoration:underline;text-underline-offset:4px;padding:10px 0;font-size:11px}footer .quiet{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:10px;font-size:10px}dialog{border:1px solid #fff9;border-radius:16px;padding:35px;width:min(620px,92vw);color:var(--ink);background:var(--cream);max-height:90vh;box-shadow:0 30px 100px #11251e50}dialog::backdrop{background:#18251e99;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-top .eyebrow{margin:0}.close{border:1px solid var(--line);border-radius:50%;background:transparent;font-size:25px;width:40px;height:40px}dialog h2{font-size:37px}dialog p{color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 16px;margin:26px 0}.form-grid label{display:grid;gap:9px;font-size:12px}.form-grid input,.form-grid select{width:100%;font-size:14px;min-height:48px}.check{display:flex;align-items:center;gap:10px;font-size:12px;margin:12px 0;line-height:1.6}.check input{accent-color:var(--green);min-height:20px;min-width:18px;margin:0}.check.consent{align-items:flex-start}.consent input{margin-top:2px}fieldset{border:1px solid var(--line);border-radius:7px;padding:6px 16px}legend{font-size:12px;padding:0 7px}.consent{margin:24px 0}.submit{width:100%;min-height:48px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 23px;border-radius:7px;display:none;z-index:10;font-size:13px;max-width:calc(100vw - 32px);box-shadow:0 8px 28px #18352430}#empty{padding:35px;border:1px dashed #b8c5ac;border-radius:8px;text-align:center;color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #ab8541;outline-offset:4px}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;padding:15px;background:#fff}.skip-link:focus{top:12px}#details-content a{display:inline-block;margin-top:18px}#details-content li{font-size:13px;line-height:1.8}.preference-warning{font-size:11px;color:#795538;margin:10px 0 0}
@media(min-width:1400px){.hero-art{height:510px}.hero{padding-top:72px;padding-bottom:72px}}
@media(max-width:1100px){header,footer{padding-left:36px;padding-right:36px}main{padding:0 36px}.hero{gap:30px}.hero-art{height:420px}.tall{width:103px;height:212px;left:38%;bottom:87px}.short{width:123px;left:60%;height:88px}.short:before{width:126px}.tube{left:14%;width:77px;height:169px}.art-label{left:29px;top:60px;font-size:8px}.values>div+div{padding-left:16px}.values{gap:16px}.values p span{font-size:9px}.toolbar .tabs{flex-basis:100%;margin-bottom:6px}.search{flex:1}.search input{width:100%}.product-art{height:235px}.product-art:before{top:31px}.product-art[data-product=cloud]:before{top:57px}.product-art[data-product=tint]:before{top:43px}.product-art[data-product=dew]:before{top:24px}.product-art[data-product=body]:before,.product-art[data-product=wash]:before{top:23px}.product-art[data-product=sun]:before,.product-art[data-product=clean]:before{bottom:35px}.card h3{font-size:19px}.bottom-star{left:2%;font-size:130px}}
@media(max-width:760px){header{height:84px}nav{gap:15px}.hero{grid-template-columns:1fr 1fr;gap:22px;padding:44px 0}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:60px;letter-spacing:-3px}.intro{font-size:13px}.hero-art{height:365px;border-radius:130px 130px 8px 8px}.art-label{top:40px;left:30px}.orbit{font-size:43px;right:22px}.tall{left:35%;width:85px;height:178px;bottom:77px}.tall:before{width:52px;height:31px;top:-30px}.bottle span{font-size:15px}.bottle small{font-size:6px}.short{left:57%;width:103px;height:78px;bottom:56px}.short:before{width:106px}.tube{width:65px;height:141px;left:11%;bottom:65px}.tube:after{width:56px}.tube span{font-size:10px}.floating{font-size:8px;left:15px;bottom:17px;padding:10px}.values{grid-template-columns:1fr;gap:15px;padding:22px 0}.values>div+div{border:0;padding:0}.values p span{font-size:11px}.values strong{font-size:13px}.value-icon{width:32px;text-align:center}.values p{display:flex;gap:12px;align-items:baseline}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-top{align-items:flex-start}.section-top .outline{white-space:normal;min-width:120px}h2{font-size:31px}.bottom-star{opacity:.45;left:-35px}.bottom-card h2{font-size:35px}.bottom-card:after{right:-150px}.card .description{min-height:40px}}
@media(max-width:580px){.announcement{font-size:10px}.announcement span{display:none}header,footer{padding-left:22px;padding-right:22px}main{padding:0 22px}.wordmark{font-size:30px}nav{gap:12px}nav>a{display:none}nav .small{padding:10px 12px;font-size:10px}nav button{font-size:12px}#saved-count{margin-left:2px;padding:3px 5px}.hero{grid-template-columns:1fr;padding:38px 0 30px;gap:26px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px}h1{font-size:68px;letter-spacing:-3px;line-height:1.04;margin-bottom:20px}.intro{font-size:14px;max-width:330px;margin-bottom:24px}.hero-note{margin-bottom:0}.hero-art{height:340px;border-radius:140px 140px 8px 8px}.tall{width:100px;height:182px;left:40%;bottom:78px}.tube{width:76px;height:153px;left:19%;bottom:62px}.tube:after{width:64px}.short{left:62%;width:108px;height:77px;bottom:51px}.short:before{width:111px}.art-label{left:29px;top:47px}.floating{left:18px;bottom:16px}.orbit{right:31px}.values{gap:17px}.values p{display:block}.values strong{margin-bottom:2px}.values p span{font-size:11px}#discover{padding:38px 0 42px}.section-top{flex-direction:column;gap:18px}.section-top .eyebrow{font-size:9px;margin-bottom:12px}h2{font-size:32px;letter-spacing:-1px}.section-top p:not(.eyebrow){font-size:12px}.section-top .outline{padding:11px 14px;min-width:0}.toolbar{margin-top:24px;gap:9px}.tabs{overflow-x:auto;max-width:100%;gap:2px}.tabs button{padding:11px 12px;font-size:11px}.search{min-width:140px}.search input{min-width:0;font-size:11px}.sort{max-width:145px}.sort select{font-size:11px;padding:10px}.demo-note{font-size:10px}.grid{gap:28px 13px}.product-art{height:205px}.product-art:before{top:16px}.product-art[data-product=cloud]:before{top:42px}.product-art[data-product=tint]:before{top:28px}.product-art[data-product=dew]:before{top:9px}.product-art[data-product=body]:before,.product-art[data-product=wash]:before{top:8px}.product-art[data-product=sun]:before,.product-art[data-product=clean]:before{bottom:20px}.badge{top:11px;left:8px;font-size:7px;padding:5px 6px;max-width:calc(100% - 45px)}.save{right:7px;top:8px;width:30px;height:30px;font-size:18px}.brand{font-size:8px;letter-spacing:1px;margin-top:15px}.card h3{font-size:19px;line-height:1.2;min-height:46px}.card .description{font-size:11px;min-height:55px}.price{font-size:13px}.match{font-size:9px;padding:5px}.details-button{font-size:10px;margin-top:14px}.bottom-card{padding:36px 23px;margin-bottom:35px}.bottom-card h2{font-size:32px}.bottom-card p{font-size:12px}.bottom-star{left:-70px;font-size:150px}.bottom-card .eyebrow{font-size:8px;letter-spacing:1.5px}footer{gap:12px 20px;padding-top:26px}footer>p:not(.quiet){font-size:11px}footer .quiet{font-size:10px;line-height:1.7}dialog{padding:23px;width:calc(100% - 26px);max-height:90dvh}dialog h2{font-size:31px}.form-grid{grid-template-columns:1fr;gap:16px}.form-grid label{font-size:13px}.form-grid input,.form-grid select{font-size:16px}.check{font-size:12px}.dialog-top .eyebrow{font-size:9px}.close{flex-shrink:0}#toast{width:max-content;max-width:calc(100vw - 30px);font-size:12px}.preference-warning{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}button:hover{transform:none}}