/* Concept store theme. Built by Cartwright Systems. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:17.5px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
:root{--r:10px;--g:clamp(20px,3.6vw,56px);--ease:cubic-bezier(.22,.8,.24,1)}
.wrap{width:100%;padding-inline:var(--g);max-width:1760px;margin-inline:auto}
h1,h2,h3{font-family:var(--fh);font-weight:var(--hw);letter-spacing:var(--hls);line-height:1.02;margin:0}
h1{font-size:calc(clamp(46px,6.4vw,104px)*var(--hscale))}
h2{font-size:calc(clamp(34px,3.9vw,62px)*var(--hscale))}
h3{font-size:calc(clamp(22px,1.7vw,28px)*var(--hscale));line-height:1.15}
p{margin:0}
.eyebrow{font-family:var(--fb);font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.lede{font-size:clamp(18px,1.35vw,21px);color:var(--muted);max-width:34em;margin-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 30px;border-radius:999px;border:1.5px solid var(--acc);background:var(--acc);color:var(--onacc);font-family:var(--fb);font-weight:var(--btnfw);font-size:16.5px;letter-spacing:.01em;transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(0,0,0,.35)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--bg)}
.btn.wide{width:100%}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
/* bar + header */
.bar{background:var(--acc);color:var(--onacc);font-size:14.5px;font-weight:500;letter-spacing:.02em}
.bar .wrap{height:40px;display:flex;align-items:center}
.bar .xm{display:none}
html.xmas .bar{background:#8c1d18;color:#fff}
html.xmas .bar .nm{display:none} html.xmas .bar .xm{display:inline}
.hdr{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);transition:box-shadow .4s var(--ease)}
.hdr.sc{box-shadow:0 1px 0 var(--line)}
.hdr .wrap{height:76px;display:flex;align-items:center;gap:48px}
.logo{font-family:var(--fh);font-weight:var(--hw);font-size:30px;letter-spacing:var(--logols);line-height:1}
.nav{display:flex;gap:32px;font-size:16px;font-weight:500}
.nav a{position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.nav a:hover::after,.nav a.on::after{transform:scaleX(1)}
.hdr .end{margin-left:auto;display:flex;align-items:center;gap:10px}
.cartbtn{height:44px;padding:0 18px 0 20px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:600}
.cartbtn .c{min-width:24px;height:24px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;display:grid;place-items:center;padding:0 6px;transition:transform .4s var(--ease)}
.cartbtn .c.bump{transform:scale(1.25)}
/* hero */
.hero{position:relative;min-height:min(86vh,880px);display:flex;align-items:flex-end;overflow:hidden;margin:0 var(--g);border-radius:var(--r)}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,70% 50%);animation:heroin 2.4s var(--ease) both}
@keyframes heroin{from{transform:scale(1.07)}to{transform:scale(1)}}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 62%,transparent) 0%,color-mix(in srgb,var(--bg) 30%,transparent) 34%,transparent 58%);pointer-events:none}
.hero .copy{position:relative;z-index:2;padding:clamp(28px,4.4vw,72px);max-width:min(760px,58%);animation:rise 1.2s .25s var(--ease) both}
.hero h1{max-width:9.5em}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero.side{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(16px,1.6vw,28px);align-items:stretch;overflow:visible;border-radius:0}
.hero.side::before{display:none}
.hero.side>img{position:relative;inset:auto;grid-column:2;grid-row:1;border-radius:var(--r);min-height:min(70vh,660px);height:min(70vh,660px)}
.hero.side .copy{grid-column:1;grid-row:1;max-width:none;align-self:center;padding:clamp(8px,1vw,16px) 0}
.hero.side h1{font-size:calc(clamp(46px,5.6vw,96px)*var(--hscale))}
/* facts */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g);padding-block:40px 8px}
.facts div b{display:block;font-family:var(--fh);font-weight:var(--hw);font-size:calc(30px*var(--hscale));letter-spacing:var(--hls);line-height:1.1}
.facts div span{color:var(--muted);font-size:16px}
/* section heads */
.sec{padding-block:clamp(64px,8vw,120px) 0}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}
.head .lede{margin-top:12px}
.more{font-weight:600;font-size:16px;border-bottom:1.5px solid currentColor;padding-bottom:3px;white-space:nowrap}
/* cards */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.6vw,28px)}
.grid.g5{grid-template-columns:repeat(5,1fr)}
.grid.g3{grid-template-columns:repeat(3,1fr)}
.card{position:relative;display:block}
.card .ph{display:block;position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:var(--soft)}
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),opacity .6s var(--ease)}
.card .ph img.alt{opacity:0}
.card:hover .ph img{transform:scale(1.045)}
.card:hover .ph img.alt{opacity:1}
.card .qa{position:absolute;left:14px;right:14px;bottom:14px;height:50px;border-radius:999px;border:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);font-weight:600;font-size:15.5px;opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .45s var(--ease),background .3s}
.card:hover .qa{opacity:1;transform:none}
.card .qa:hover{background:var(--ink);color:var(--bg)}
.card .meta{display:flex;justify-content:space-between;gap:16px;margin-top:16px;align-items:baseline}
.card .meta h3{font-size:calc(24px*var(--hscale))}
.card .meta .pr{font-weight:600;font-size:17px;white-space:nowrap}
.card .kind{color:var(--muted);font-size:16px;margin-top:4px}
.card.hide{display:none}
/* split */
.split{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,96px);align-items:center}
.split .ph{border-radius:var(--r);overflow:hidden;background:var(--soft)}
.split .ph img{width:100%;height:100%;object-fit:cover}
.ticks{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px}
.ticks li{display:flex;gap:14px;align-items:center;font-size:17.5px}
.ticks li::before{content:"";width:22px;height:22px;flex:none;border-radius:999px;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
/* band */
.band{position:relative;margin:0 var(--g);border-radius:var(--r);overflow:hidden;min-height:min(72vh,760px);display:flex;align-items:flex-end}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band{align-items:center}
.band img{object-position:80% 50%}
.band .copy{position:relative;padding:clamp(28px,4vw,64px);max-width:520px}
/* routine */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.6vw,28px)}
.step{display:grid;grid-template-columns:42% 1fr;gap:22px;align-items:center;background:var(--soft);border-radius:var(--r);padding:16px;transition:transform .5s var(--ease)}
.step:hover{transform:translateY(-4px)}
.step img{border-radius:8px;aspect-ratio:3/4;object-fit:cover;width:100%}
.step .no{font-family:var(--fh);font-size:46px;line-height:1;color:var(--acc)}
.step h3{margin-top:10px}
.step p{color:var(--muted);font-size:16px;margin-top:6px}
/* notes */
.notes{display:grid;gap:0}
.note{display:grid;grid-template-columns:110px 1.1fr 1.5fr auto;align-items:center;gap:28px;padding:18px 0;border-top:1px solid var(--line)}
.note:last-child{border-bottom:1px solid var(--line)}
.note img{width:110px;aspect-ratio:3/4;object-fit:cover;border-radius:8px}
.note h3{font-size:clamp(28px,2.6vw,44px)}
.note p{color:var(--muted);font-size:19px}
.note .dot{width:14px;height:14px;border-radius:99px;display:inline-block;margin-right:12px;vertical-align:middle}
/* colours */
.swrow{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.4vw,24px)}
.swc{display:block}
.swc .ph{aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:var(--soft)}
.swc .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.swc:hover .ph img{transform:scale(1.05)}
.swc b{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:18px}
.swc b i{width:14px;height:14px;border-radius:99px}
/* gift (xmas only) */
.gift{display:none}
html.xmas .gift{display:block}
.giftbox{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,4vw,72px);align-items:center;background:#f6e9e4;border-radius:var(--r);padding:clamp(16px,1.6vw,24px)}
.giftbox .ph{border-radius:8px;overflow:hidden;aspect-ratio:4/3}
.giftbox .ph img{width:100%;height:100%;object-fit:cover}
.giftbox .eyebrow{color:#8c1d18}
.giftbox .pr{font-size:24px;font-weight:600;margin-top:20px}
.giftbox .pr s{color:var(--muted);font-weight:400;margin-left:10px;font-size:19px}
html.xmas .giftbox .btn{background:#8c1d18;border-color:#8c1d18;color:#fff}
/* faq */
.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(28px,5vw,96px)}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:19px;font-weight:500}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:12px;height:12px;flex:none;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-4px);transition:transform .4s var(--ease)}
details[open] summary::after{transform:rotate(225deg) translateY(-2px)}
details .a{padding:0 0 24px;color:var(--muted);max-width:40em}
/* signup */
.signup{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,96px);align-items:end;background:var(--soft);border-radius:var(--r);padding:clamp(28px,4vw,64px)}
.signup form{display:flex;gap:10px}
.signup input{flex:1;height:54px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);padding:0 24px;font:inherit;font-size:17px;color:var(--ink)}
.signup .ok{grid-column:2;color:var(--muted);font-size:16px;margin-top:-16px;min-height:1px}
/* footer */
.ftr{padding-block:clamp(64px,8vw,110px) 40px}
.ftr .cols{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:var(--g);padding-top:40px;border-top:1px solid var(--line)}
.ftr h4{font-size:15px;font-weight:600;margin:0 0 14px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--muted);font-size:16px}
.ftr .note2{margin-top:56px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:15px;flex-wrap:wrap}
.ftr .note2 a{border-bottom:1px solid currentColor}
.cbadge{position:fixed;left:16px;bottom:16px;z-index:25;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;color:var(--muted);box-shadow:0 6px 20px -10px rgba(0,0,0,.3)}
/* collection */
.chead{padding-block:56px 32px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.chip{height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line);background:transparent;font-size:15.5px;font-weight:500;transition:all .35s var(--ease)}
.chip.on,.chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ccount{color:var(--muted);font-size:16px;margin-left:auto;align-self:center}
/* product page */
.crumbs{font-size:15px;color:var(--muted);padding-block:24px}
.pdp{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,4.5vw,88px);align-items:start}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1vw,16px)}
.gal .ph{border-radius:var(--r);overflow:hidden;background:var(--tint,var(--soft));transition:background .6s var(--ease)}
.gal .main{grid-column:1/-1;aspect-ratio:4/4.4}
.gal .ph img{width:100%;height:100%;object-fit:cover}
.gal .sub{aspect-ratio:3/4}
.gal .main img{transition:opacity .45s var(--ease),transform .9s var(--ease)}
.gal .main img.swap{opacity:0;transform:scale(1.02)}
.info{position:sticky;top:104px}
.info h1{font-size:calc(clamp(42px,4.2vw,68px)*var(--hscale))}
.info .kind{color:var(--muted);font-size:18px;margin-top:10px}
.info .price{font-size:24px;font-weight:600;margin-top:18px;display:flex;gap:12px;align-items:baseline}
.info .price small{font-size:15px;font-weight:400;color:var(--muted)}
.info .lead{margin-top:20px;font-size:18px;max-width:30em}
.opt{margin-top:30px}
.opt .lab{font-size:16px;margin-bottom:12px}
.opt .lab b{font-weight:600}
.sw{display:flex;gap:10px;flex-wrap:wrap}
.sw button{width:46px;height:46px;border-radius:999px;border:0;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);outline:1.5px solid transparent;outline-offset:3px;transition:outline-color .3s,transform .3s var(--ease)}
.sw button:hover{transform:scale(1.06)}
.sw button.on{outline-color:var(--ink)}
.sw.txt button{width:auto;height:46px;padding:0 22px;background:transparent;border:1.5px solid var(--line);box-shadow:none;font-weight:500;font-size:16px}
.sw.txt button.on{border-color:var(--ink);background:var(--ink);color:var(--bg);outline:0}
.buyrow{display:flex;gap:12px;margin-top:28px}
.qty{display:flex;align-items:center;height:54px;border-radius:999px;border:1.5px solid var(--line)}
.qty button{width:46px;height:100%;border:0;background:none;font-size:20px}
.qty span{min-width:26px;text-align:center;font-weight:600}
.buyrow .btn{flex:1}
.points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.points li{display:flex;gap:12px;align-items:center}
.points li::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--acc);flex:none}
.acc{margin-top:28px}
.giftnote{display:none;margin-top:18px;padding:14px 18px;border-radius:var(--r);background:#f6e9e4;color:#8c1d18;font-weight:500;font-size:16px}
html.xmas .giftnote{display:block}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:28;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--line);transform:translateY(105%);transition:transform .5s var(--ease)}
.sticky.show{transform:none}
.sticky .wrap{display:flex;align-items:center;gap:20px;height:84px}
.sticky img{width:52px;height:52px;border-radius:8px;object-fit:cover;background:var(--tint,var(--soft))}
.sticky .t{font-weight:600}
.sticky .t small{display:block;color:var(--muted);font-weight:400;font-size:15px}
.sticky .btn{margin-left:auto;min-width:220px}
/* drawer */
.scrim{position:fixed;inset:0;background:rgba(20,18,15,.32);opacity:0;pointer-events:none;transition:opacity .5s var(--ease);z-index:40}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--bg);z-index:41;transform:translateX(102%);transition:transform .6s var(--ease);display:flex;flex-direction:column;visibility:hidden;transition:transform .6s var(--ease),visibility 0s .6s}
html.dopen .drawer{visibility:visible;transition:transform .6s var(--ease);box-shadow:-30px 0 60px -30px rgba(0,0,0,.3)}
html.dopen .scrim{opacity:1;pointer-events:auto}
html.dopen .drawer{transform:none}
.drawer .top{display:flex;justify-content:space-between;align-items:center;padding:24px 28px}
.drawer .top h3{font-size:calc(28px*var(--hscale))}
.x{border:0;background:none;width:40px;height:40px;border-radius:99px;font-size:26px;line-height:1}
.prog{padding:0 28px 20px;font-size:15.5px;color:var(--muted)}
.prog .tr{height:6px;border-radius:99px;background:var(--soft);margin-top:10px;overflow:hidden}
.prog .tr i{display:block;height:100%;width:0;background:var(--acc);border-radius:99px;transition:width .8s var(--ease)}
.lines{flex:1;overflow:auto;padding:0 28px}
.line{display:grid;grid-template-columns:84px 1fr auto;gap:16px;padding:16px 0;border-top:1px solid var(--line);animation:rise .6s var(--ease) both}
.line img{width:84px;height:104px;object-fit:cover;border-radius:8px;background:var(--soft)}
.line .n{font-weight:600}
.line .v{color:var(--muted);font-size:15px}
.line .qty{height:38px;margin-top:10px;width:max-content}
.line .qty button{width:36px;font-size:17px}
.line .rm{border:0;background:none;color:var(--muted);font-size:14px;text-decoration:underline;margin-top:8px;padding:0}
.empty{color:var(--muted);padding:24px 0}
.drawer .bot{padding:22px 28px 28px;box-shadow:0 -1px 0 var(--line)}
.row{display:flex;justify-content:space-between;font-size:17px;margin-bottom:8px}
.row.tot{font-weight:600;font-size:19px;margin-top:6px}
.small{color:var(--muted);font-size:14.5px;margin-top:12px}
/* cart page */
.cartpage{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(28px,5vw,96px);align-items:start;padding-bottom:40px}
.cartpage .lines{padding:0}
.cartpage .line{grid-template-columns:120px 1fr auto}
.cartpage .line img{width:120px;height:150px}
.sumbox{background:var(--soft);border-radius:var(--r);padding:28px;position:sticky;top:104px}
.sumbox h3,.sumbox .sumh{margin-bottom:20px;font-size:1.35rem}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}
/* plain "before" mode, a default theme look used only for before and after demos */
html.plain body{font-family:Arial,Helvetica,sans-serif;font-size:15px;background:#fff;color:#222}
html.plain h1,html.plain h2,html.plain h3,html.plain .logo,html.plain .facts b{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:0}
html.plain h1{font-size:34px} html.plain h2{font-size:26px} html.plain h3{font-size:16px}
html.plain .logo{font-size:22px;letter-spacing:0}
html.plain .bar{background:#eee;color:#333}
html.plain .btn{border-radius:2px;background:#222;border-color:#222;color:#fff;height:44px;font-size:14px;font-weight:400}
html.plain .btn.ghost{background:#fff;color:#222}
html.plain .hero{margin:0;border-radius:0;min-height:520px;align-items:center;justify-content:center;text-align:center}
html.plain .hero::before{display:none}
html.plain .hero.side{display:flex;margin:0}
html.plain .hero.side>img{position:absolute;inset:0;border-radius:0;min-height:0}
html.plain .hero.side .copy{padding:40px;align-self:auto}
html.plain .hero>img{animation:none;filter:saturate(.8) brightness(.78)}
html.plain .hero .copy{max-width:640px;color:#fff;animation:none}
html.plain .hero .copy .lede,html.plain .hero .eyebrow{color:#fff}
html.plain .hero .btns{justify-content:center}
html.plain .facts,html.plain .split,html.plain .band,html.plain .steps,html.plain .notes,html.plain .swrow,html.plain .rich{display:none}
html.plain .card .ph,html.plain .gal .ph,html.plain .signup{border-radius:0}
html.plain .card .qa{display:none}
html.plain .hdr{backdrop-filter:none;background:#fff;box-shadow:0 1px 0 #ddd}
html.plain .cartbtn{border-radius:2px;border-color:#ccc}
html.plain .wrap{max-width:1100px}
html.plain .signup{background:#f4f4f4}
html.plain .cbadge{border-radius:2px}
html.plain .reveal{opacity:1;transform:none}
/* responsive */
@media (max-width:1100px){.grid,.grid.g5,.grid.g3{grid-template-columns:repeat(2,1fr)}.swrow{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr}.step{grid-template-columns:30% 1fr}.note{grid-template-columns:84px 1fr auto}.note p{grid-column:2;grid-row:2}.note img{width:84px;grid-row:span 2}}
@media (max-width:860px){
 body{font-size:17px}
 .nav{display:none}
 .hdr .wrap{height:64px}
 .logo{font-size:26px}
 .hero{min-height:auto;flex-direction:column;align-items:stretch;background:transparent;margin:0;border-radius:0}
 .hero>img{position:relative;aspect-ratio:4/4.3;height:auto}
 .hero::before{display:none}
 .hero.side{display:flex}
 .hero.side>img{min-height:0;height:auto;aspect-ratio:4/4.3;border-radius:0;order:-1}
 .hero.side .copy{order:1}
 .hero.side .copy{padding:28px var(--g) 8px}
 .hero .copy{max-width:none;padding:28px var(--g) 8px}
 .facts{grid-template-columns:1fr 1fr;row-gap:24px}
 .head{flex-direction:column;align-items:flex-start}
 .split,.faq,.signup,.giftbox,.pdp,.cartpage{grid-template-columns:1fr}
 .signup form{flex-direction:column}.signup input{flex:none;width:100%}.signup .ok{grid-column:1;margin-top:0}
 .band{margin:0;border-radius:0;min-height:62vh}
 .ftr .cols{grid-template-columns:1fr 1fr}
 .info{position:static}
 .gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--g)*-1);padding-inline:var(--g);gap:10px}
 .gal .ph{flex:none;width:86%;scroll-snap-align:center;aspect-ratio:3/4}
 .sticky .btn{min-width:0}.sticky .t small{display:none}
 .card .qa{display:none}
 .card .meta{flex-direction:column;gap:2px;margin-top:12px}
 .card .meta h3{font-size:calc(20px*var(--hscale))}
 .card .meta .pr{font-size:16px}
 .card .kind{font-size:15px}
 .cbadge{display:none}
 html.plain .hero>img{aspect-ratio:auto;position:absolute}
 html.plain .hero{min-height:420px;justify-content:center}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* stage hero: full bleed product shot (wattlepop) */
.hero.stage{margin:0;border-radius:0;min-height:clamp(620px,88vh,920px);align-items:center;background:#f3cf6a}
.hero.stage::before{display:none}
.hero.stage picture{position:absolute;inset:0}
.hero.stage picture img{width:100%;height:100%;object-fit:cover;object-position:var(--pos);animation:heroin 2.4s var(--ease) both}
.hero.stage .copy{max-width:min(720px,50%);padding:clamp(28px,4vw,64px) var(--g);display:flex;flex-direction:column;gap:clamp(28px,3vw,44px)}
.hero.stage .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--ink);background:rgba(255,248,232,.72);backdrop-filter:blur(6px);padding:9px 16px;border-radius:999px;font-size:13px;margin-bottom:22px;width:max-content}
.hero.stage .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#e8457a;box-shadow:12px 0 0 #f08a1c,24px 0 0 #7b4aa8,36px 0 0 #7cb342;margin-right:36px}
.hero.stage h1{font-size:calc(clamp(60px,8.2vw,140px)*var(--hscale));line-height:.9;letter-spacing:-.045em;max-width:none;color:var(--ink)}
.hero.stage h1 em{font-style:normal;display:inline-block;color:var(--ink);-webkit-text-stroke:0;font-weight:800;}
.hero.stage .lede{text-wrap:balance;color:var(--ink);opacity:.82;font-size:clamp(18px,1.45vw,22px);max-width:24em;margin-top:24px}
.hero.stage .btns{margin-top:0;align-items:center;gap:22px}
.btn.big{height:64px;padding:0 34px 0 38px;font-size:18px;gap:14px;box-shadow:0 18px 34px -18px rgba(29,26,20,.55)}
.btn.big span{transition:transform .35s var(--ease)}
.btn.big:hover span{transform:translateX(4px)}
.tlink{font-weight:700;font-size:16.5px;color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px}
.hero.stage .hnote{font-size:14px;color:var(--ink);opacity:.72;margin-top:14px}
.hero.stage .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 10px;border-radius:999px;background:rgba(255,248,232,.78);backdrop-filter:blur(6px);font-size:14px;font-weight:600;color:var(--ink);transition:background .3s var(--ease)}
.chip:hover{background:#fff8e8}
.chip i{width:14px;height:14px;border-radius:50%;background:var(--c)}
html.plain .hero.stage{min-height:520px;justify-content:center;text-align:center}
html.plain .hero.stage picture img{animation:none;filter:saturate(.8) brightness(.78)}
html.plain .hero.stage .copy{max-width:640px;color:#fff;gap:20px}
html.plain .hero.stage h1,html.plain .hero.stage .lede,html.plain .hero.stage .hnote,html.plain .hero.stage .tlink{color:#fff}
html.plain .hero.stage h1{font-size:34px;line-height:1.1}
html.plain .hero.stage h1 em{background:none}
html.plain .hero.stage .eyebrow{background:none;color:#fff;margin-inline:auto}
html.plain .hero.stage .eyebrow::before,html.plain .hero.stage .chips{display:none}
html.plain .btn.big{height:44px;font-size:14px;box-shadow:none}
@media (max-width:860px){
 .hero.stage{min-height:0;height:auto;aspect-ratio:auto;display:block;padding:0}
 .hero.stage picture img{object-position:var(--posm)}
 .hero.stage .copy{position:relative;max-width:none;min-height:min(calc(100svh - 64px),900px);height:auto;justify-content:space-between;padding:28px var(--g) 30px;gap:0}
 .hero.stage .eyebrow{font-size:12px;padding:8px 13px;margin-bottom:16px}
 .hero.stage h1{font-size:calc(clamp(52px,15vw,84px)*var(--hscale))}
 .hero.stage .lede{font-size:17px;margin-top:14px;max-width:20em}
 .hero.stage .btns{gap:16px}
 .btn.big{height:58px;flex:1 1 auto;font-size:17px}
 .hero.stage .tlink{display:none}
 .hero.stage .hnote{margin-top:10px;text-align:center}
 .hero.stage .chips{display:none}
 html.plain .hero.stage .copy{min-height:420px;justify-content:center}
}
@media (max-width:600px){.bar .wrap{height:auto;min-height:40px;padding-block:9px;line-height:1.35;font-size:13px}}

/* mobile menu (all stores) */
.mnu{display:none;background:none;border:1px solid currentColor;border-radius:99px;width:46px;height:46px;padding:0;cursor:pointer;color:inherit;position:relative;margin-right:10px}
.mnu i{position:absolute;left:14px;right:14px;height:1.6px;background:currentColor;transition:transform .3s}
.mnu i:first-child{top:18px}.mnu i:last-child{top:26px}
.navopen .mnu i:first-child{transform:translateY(4px) rotate(45deg)}.navopen .mnu i:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (max-width:860px){
.hdr .end{display:flex;align-items:center}
.mnu{display:inline-block}
.navopen .hdr .nav{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--bg);padding:8px var(--pad,20px) 18px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.08);z-index:60}
.navopen .hdr .nav a{padding:14px 0;font-size:20px;border-bottom:1px solid var(--line)}
.navopen .hdr .nav a::after{display:none}
.hdr>.wrap{position:relative}
}

/* ===== saltlight brand layer ===== */
:root{--kelp:#2f4a43;--glass:#a9c1b6;--amber:#c9a15b;--foam:#fbfaf7;--tink:#1e2b2e}
h1,h2,h3,.logo{font-family:'Fraunces',var(--fh);font-variation-settings:"opsz" 144}
h1,h2{font-weight:380;letter-spacing:-.03em;line-height:1}
h2{font-size:clamp(38px,4vw,66px)}
h1 em,h2 em{font-style:italic;font-weight:340;color:var(--kelp)}
.swm{display:inline-flex;align-items:center;gap:.32em;font-family:'Fraunces',serif;font-weight:420;letter-spacing:-.025em;font-size:27px;line-height:1;color:var(--tink)}
.swmk{width:.95em;height:.95em;flex:none;color:var(--kelp)}
.hdr{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}
.bar{background:var(--kelp)}
.btn.slt{background:var(--kelp);border-color:var(--kelp);color:var(--foam)}
.btn.slt:hover{background:#243b35}
.tlink{font-weight:500;text-decoration:underline;text-underline-offset:5px}
.cnt,.bagc,[data-count]{background:var(--amber)!important;color:var(--tink)!important}
/* hero */
.shero{position:relative;min-height:clamp(620px,92vh,960px);display:flex;align-items:center;overflow:hidden;background:#cfd6d2}
.shero picture{position:absolute;inset:0}.shero picture img{width:100%;height:100%;object-fit:cover;object-position:72% 50%;animation:sdawn 2.4s .1s cubic-bezier(.2,.7,.2,1) both}
@keyframes sdawn{0%{filter:brightness(.8) saturate(.6) hue-rotate(-8deg);transform:scale(1.04)}100%{filter:none;transform:none}}
.shero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(242,242,238,.95) 0%,rgba(242,242,238,.78) 30%,rgba(242,242,238,0) 58%)}
.ssun{display:none}
@keyframes ssunup{0%{opacity:0;top:34%}100%{opacity:1;top:20%}}
.stides{display:block;width:100%;pointer-events:none}
.shtides{position:absolute;z-index:1;left:0;bottom:0;height:150px;color:rgba(251,250,247,.55);animation:sdrift 14s ease-in-out infinite alternate}
@keyframes sdrift{0%{transform:translateX(0)}100%{transform:translateX(-28px)}}
.scopy{position:relative;z-index:2;animation:rise 1.2s .4s var(--ease) both}
.shero h1{font-size:clamp(52px,7vw,124px);max-width:7.6em;color:var(--tink)}
.shero .lede{max-width:24em;color:#3b4744}
.skicker{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--kelp);margin-bottom:24px}
.skicker svg{color:var(--kelp)}
.shero .btns{display:flex;gap:28px;align-items:center;margin-top:34px}
/* facts */
.sfacts{position:relative;background:var(--kelp);color:var(--foam);padding:46px 0 50px;overflow:hidden}
.sftides{position:absolute;inset:0;height:100%;color:rgba(169,193,182,.18)}
.sfg{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g)}
.sfg b{display:block;font-family:'Fraunces';font-weight:380;font-size:32px;letter-spacing:-.02em;font-variation-settings:"opsz" 144}
.sfg span{color:rgba(251,250,247,.7);font-size:15px}
/* range */
.scards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,22px)}
.scard{background:var(--tint);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.sph{position:relative;display:block;aspect-ratio:4/5;overflow:hidden}
.sph img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:opacity .6s,transform 1.2s var(--ease)}
.stag{position:absolute;left:14px;top:14px;background:rgba(251,250,247,.9);color:var(--tink);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:7px 11px;border-radius:99px}
.sart{position:absolute;inset:0;display:grid;place-items:center;background:var(--tint);color:var(--tink);opacity:0;transition:opacity .6s}
.sart .sbt{width:52%;height:auto}
.scard:hover .sart,.scard:focus-within .sart{opacity:1}
.scard:hover .sph img{transform:scale(1.04)}
.sbwave{animation:swave 3.5s ease-in-out infinite alternate}
@keyframes swave{0%{transform:translateX(0)}100%{transform:translateX(-30px)}}
.smeta{padding:18px 20px 20px;display:flex;flex-direction:column;gap:4px;flex:1}
.smeta h3{font-size:28px;font-weight:400}
.smeta p{color:#4c5855;font-size:15px}
.sfb{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.sfb small{color:#4c5855;font-size:12px}
.sadd{font:inherit;font-weight:600;font-size:14px;background:var(--tink);color:var(--foam);border:0;border-radius:99px;padding:9px 18px;cursor:pointer;transition:.2s}
.sadd:hover{background:var(--kelp)}
/* routine */
.sroutine{position:relative;overflow:hidden;color:var(--foam);padding:clamp(64px,8vw,120px) 0;margin-top:clamp(64px,8vw,120px);background:linear-gradient(180deg,#2f4a43,#3f5d55);transition:background 1s}
.sroutine[data-mode=pm]{background:linear-gradient(180deg,#121c22,#1e2b2e)}
.srsky{position:absolute;inset:0;pointer-events:none}
.srsun{display:none}

.srtides{position:absolute;left:0;right:0;bottom:0;height:200px;color:rgba(169,193,182,.25)}
.srg{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,90px);align-items:start}
.sroutine h2{color:var(--foam)}.sroutine h2 em{color:var(--glass)}.sroutine .lede{color:rgba(251,250,247,.75)}.sroutine .eyebrow{color:var(--glass)}
.stog{display:inline-flex;background:rgba(251,250,247,.1);border:1px solid rgba(251,250,247,.2);border-radius:99px;padding:5px;margin:30px 0 34px}
.stog button{font:inherit;font-weight:600;font-size:15px;color:var(--foam);background:none;border:0;border-radius:99px;padding:11px 24px;cursor:pointer;transition:.3s}
.stog button[aria-selected=true]{background:var(--foam);color:var(--tink)}
.srbuy .opr{font-family:'Fraunces';font-size:30px;margin-bottom:18px}.srbuy .opr s{opacity:.55;font-size:19px;margin-left:8px}.srbuy .opr small{font-family:'Albert Sans';font-size:13px;opacity:.7}
.sroutine .btn.slt{background:var(--foam);color:var(--tink);border-color:var(--foam)}
.srlists{position:relative;min-height:440px}
.srl{list-style:none;padding:0;margin:0;display:grid;gap:12px;position:absolute;inset:0 0 auto 0}
.sroutine[data-mode=am] .srl.pm,.sroutine[data-mode=pm] .srl.am{visibility:hidden}
.sroutine[data-mode=am] .srl.pm .sstep,.sroutine[data-mode=pm] .srl.am .sstep{opacity:0;transform:translateY(16px)}
.sstep{display:flex;gap:20px;align-items:flex-start;background:rgba(251,250,247,.08);border:1px solid rgba(251,250,247,.14);border-radius:18px;padding:20px 22px;transition:opacity .5s calc(var(--i)*.09s),transform .5s calc(var(--i)*.09s)}
.sn{font-family:'Fraunces';font-size:34px;line-height:1;color:var(--glass);min-width:1.4em}
.sstep b{font-family:'Fraunces';font-weight:400;font-size:24px;display:block}
.sstep small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--glass)}
.sstep p{color:rgba(251,250,247,.75);margin-top:4px;font-size:15px}
/* leave out */
.sog{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.sx{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.sx li{font-family:'Fraunces';font-size:clamp(30px,3.2vw,50px);letter-spacing:-.02em;color:var(--tink);border-bottom:1px solid var(--line);padding:10px 0}
.sx li span{background:linear-gradient(var(--kelp),var(--kelp)) no-repeat 0 55%/0 2px;transition:background-size 1s cubic-bezier(.6,0,.2,1);color:#7a8582}
.sx.in li span,.reveal.in .sx li span{background-size:100% 2px}
.sx li:nth-child(2) span{transition-delay:.15s}.sx li:nth-child(3) span{transition-delay:.3s}.sx li:nth-child(4) span{transition-delay:.45s}
/* texture */
.stg{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,90px);align-items:center}
.stg .ph{border-radius:24px;overflow:hidden;aspect-ratio:16/11}.stg .ph img{width:100%;height:100%;object-fit:cover}
.sdrops{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 30px}
.sdrops>div{border-top:1px solid var(--ink);padding-top:12px}
.sdrops b{display:block;font-family:'Fraunces';font-size:46px;font-weight:360;line-height:1;color:var(--kelp)}
.sdrops span{font-size:14px;color:var(--muted)}
/* labels + box */
.slabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--foam);border-radius:24px;padding:34px 20px 26px;position:relative;overflow:hidden}
.slab{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--tink);text-align:center}
.slab .sbt{width:min(170px,70%);height:auto;margin-bottom:10px}
.slab b{font-family:'Fraunces';font-weight:400;font-size:22px}.slab span{font-size:13px;color:var(--muted)}
.spg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center;margin-top:clamp(28px,4vw,56px)}
.sbx{background:#ece4d6;border-radius:24px;aspect-ratio:5/4;display:grid;place-items:center}
.sbox{width:74%;height:auto;filter:drop-shadow(0 40px 40px rgba(30,43,46,.35));animation:sfloat 7s ease-in-out infinite}
@keyframes sfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.sh3{font-size:clamp(30px,3vw,46px);font-weight:380}
.spack .opr{font-family:'Fraunces';font-size:30px;margin:22px 0 20px}.spack .opr s{color:var(--muted);font-size:19px;margin-left:8px}.spack .opr small{font-family:'Albert Sans';font-size:13px;color:var(--muted)}
.spack .btns{display:flex;gap:26px;align-items:center}
.spdpx .slabs{grid-template-columns:repeat(4,1fr)}
.spdpx .slab:not(:nth-child(2)){opacity:.35}
/* signup + footer */
.p-home .signup{background:var(--kelp);color:var(--foam);position:relative;overflow:hidden}
.p-home .signup h2{color:var(--foam)}.p-home .signup .lede{color:rgba(251,250,247,.75)}

.p-home .signup>*{position:relative}
.p-home .signup .btn{background:var(--foam);color:var(--tink);border-color:var(--foam)}
.p-home .signup input{background:rgba(251,250,247,.95)}
.bigwm{color:var(--kelp);padding-top:60px;overflow:hidden}
.bigwm .swm{font-size:clamp(70px,14.5vw,250px);color:var(--kelp);gap:.18em}
.bigwm .swmk{color:var(--kelp)}
@media (max-width:860px){
.shero{min-height:clamp(600px,90vh,760px);align-items:flex-end;padding-bottom:48px}
.shero picture{bottom:auto;height:58%}.shero picture img{object-position:78% 50%}
.shero::before{background:linear-gradient(0deg,rgba(242,242,238,1) 0%,rgba(242,242,238,1) 42%,rgba(242,242,238,0) 60%)}
.shero .ssun{display:none}
.ssun{display:none}
.shero .btns{flex-wrap:wrap;gap:18px}
.sfg{grid-template-columns:1fr 1fr;row-gap:22px}.sfg b{font-size:24px}
.scards{grid-template-columns:1fr 1fr}.smeta{padding:14px}.smeta h3{font-size:22px}.sfb{flex-direction:column;align-items:flex-start}
.srg,.sog,.stg,.spg{grid-template-columns:1fr}
.srlists{min-height:520px}
.slabs{grid-template-columns:1fr 1fr;row-gap:26px}
.sdrops b{font-size:36px}
.srsun{display:none}
}
@media (prefers-reduced-motion:reduce){.shero picture img,.ssun,.shtides,.sbwave,.sbox{animation:none}.sstep,.sx li span{transition:none}}
/* brand book */
.sbb{padding-block:60px 40px}
.sbbh h1{font-size:clamp(50px,6.4vw,110px)}
.sbs{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,4vw,80px);padding-block:56px;border-top:1px solid var(--line)}
.sbs h2{font-size:clamp(28px,2.6vw,42px)}.sbs p{color:var(--muted);margin-top:12px;max-width:26em}
.slgs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.slgs>div{border-radius:20px;aspect-ratio:4/3;display:grid;place-items:center}
.slgs .swm{font-size:clamp(28px,2.8vw,44px)}
.ssw{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ssw>div{border-radius:18px;padding:18px;min-height:140px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;font-size:13.5px}
.ssw b{font-family:'Fraunces';font-size:20px;font-weight:420}
.stsp>div{padding:18px 0;border-bottom:1px solid var(--line)}.stsp small{font-size:12px;letter-spacing:.12em;color:var(--muted)}
.stsp .t1{font-family:'Fraunces';font-weight:380;font-size:clamp(50px,5.4vw,90px);letter-spacing:-.03em;line-height:1}.stsp .t1 em{color:var(--kelp)}
.stsp .t2{font-family:'Fraunces';font-weight:400;font-size:32px;letter-spacing:-.02em}
.spats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.spats>div{aspect-ratio:1;border-radius:20px;overflow:hidden;display:grid;place-items:center}
.spats .p1{background:var(--kelp);color:rgba(169,193,182,.5)}.spats .p1 .stides{height:100%}
.spats .p2{background:var(--foam);color:var(--kelp)}.spats .p2 .smk{width:46%}
.smot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.smot>div{border:1px solid var(--line);border-radius:16px;padding:18px}.smot b{display:block;font-family:'Fraunces';font-size:19px;font-weight:420;margin-bottom:6px}.smot span{color:var(--muted);font-size:14px}
.svoice{display:grid;grid-template-columns:1fr 1fr;gap:14px}.svoice>div{background:var(--foam);border-radius:18px;padding:22px}.svoice h3{font-size:20px;margin-bottom:10px}.svoice ul{padding-left:18px;display:grid;gap:6px;color:var(--muted)}
@media (max-width:860px){.sbs{grid-template-columns:1fr}.slgs,.ssw{grid-template-columns:1fr 1fr}.smot,.svoice{grid-template-columns:1fr}}

.rv-sec{padding:clamp(64px,8vw,120px) 0;background:var(--rv-bg,transparent);color:var(--rv-ink,inherit)}
.rv-kick{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--rv-acc);margin:0 0 14px}
.rv-head h2{font-family:var(--rv-fh,inherit);margin:0 0 clamp(28px,3vw,44px);font-size:clamp(34px,4vw,60px);line-height:1.02}
.rv-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.rv-sum{position:sticky;top:100px}
.rv-avg{display:grid;gap:6px;padding-bottom:20px;border-bottom:1px solid var(--rv-line,rgba(0,0,0,.12))}
.rv-avg>b{font-family:var(--rv-fh,inherit);font-size:72px;line-height:.9;font-weight:500;font-variant-numeric:lining-nums}
.rv-avg span{color:var(--rv-muted,#666);font-size:14.5px}
.rv-st{display:inline-flex;gap:2px;color:var(--rv-star,var(--rv-acc));vertical-align:middle}.rv-st svg{width:16px;height:16px}
.rv-big svg{width:22px;height:22px}
.rv-dist{list-style:none;padding:18px 0;margin:0;display:grid;gap:8px;border-bottom:1px solid var(--rv-line,rgba(0,0,0,.12))}
.rv-dist li{display:grid;grid-template-columns:14px 1fr 38px;gap:10px;align-items:center;font-size:13.5px;font-variant-numeric:tabular-nums}
.rv-dist i{height:6px;border-radius:9px;background:var(--rv-track,rgba(0,0,0,.08));overflow:hidden}.rv-dist i b{display:block;height:100%;background:var(--rv-star,var(--rv-acc));border-radius:9px}
.rv-dist em{font-style:normal;color:var(--rv-muted,#666);text-align:right}
.rv-facts{list-style:none;padding:16px 0 0;margin:0;display:grid;gap:12px}.rv-facts b{display:block;font-size:22px;font-family:var(--rv-fh,inherit);font-weight:500}.rv-facts span{color:var(--rv-muted,#666);font-size:14px}
.rv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.rv-chip{font:inherit;font-size:14px;font-weight:500;padding:9px 16px;border-radius:99px;border:1px solid var(--rv-line,rgba(0,0,0,.18));background:var(--rv-card,#fff);color:inherit;cursor:pointer;transition:.2s}
.rv-chip.on{background:var(--rv-ink,#111);color:var(--rv-bg2,#fff);border-color:var(--rv-ink,#111)}
.rv-cards{columns:2 300px;column-gap:16px}
.rv-card{break-inside:avoid;margin:0 0 16px;background:var(--rv-card,#fff);border:1px solid var(--rv-line,rgba(0,0,0,.08));border-radius:var(--rv-r,6px);overflow:hidden;display:block}
.rv-card.hide,.rv-card.rv-more{display:none}.rv-sec.all .rv-card.rv-more:not(.hide){display:block}
.rv-ph{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.rv-in{padding:20px 22px 22px}
.rv-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.rv-top small{color:var(--rv-muted,#666);font-size:13px}
.rv-card h3{font-family:var(--rv-fh,inherit);font-size:21px;font-weight:500;margin:12px 0 6px;line-height:1.2}
.rv-card p{margin:0;font-size:15.5px;line-height:1.55}
.rv-who{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:14px}
.rv-ver{display:inline-flex;align-items:center;gap:4px;color:var(--rv-muted,#666);font-size:12.5px}.rv-ver svg{width:13px;height:13px;color:var(--rv-acc)}
.rv-card .rv-prod{color:var(--rv-muted,#666);font-size:13px;margin-top:4px}
.rv-load{font:inherit;font-weight:600;margin-top:8px;padding:13px 24px;border-radius:99px;border:1.5px solid var(--rv-ink,#111);background:transparent;color:inherit;cursor:pointer}
.rv-sec.all .rv-load{display:none}
.rv-ugc{margin-top:clamp(56px,7vw,96px)}
.rv-uh{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:18px}.rv-uh h3{font-family:var(--rv-fh,inherit);font-size:clamp(26px,2.6vw,38px);font-weight:500;margin:0}.rv-uh p{margin:0;color:var(--rv-muted,#666)}
.rv-urail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.rv-u{margin:0;position:relative;scroll-snap-align:start;border-radius:var(--rv-r,6px);overflow:hidden;aspect-ratio:1}
.rv-u img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.rv-u:hover img{transform:scale(1.05)}
.rv-u figcaption{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);color:#222;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:99px}
@media (max-width:860px){.rv-grid{grid-template-columns:1fr}.rv-sum{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.rv-avg{border:0}.rv-dist{border:0;padding:0}.rv-facts{display:none}.rv-cards{columns:1}.rv-urail{grid-auto-columns:62%}}

/* ===== saltlight v1 ===== */
.cbadge{display:none!important}
p,li{text-wrap:pretty}
.eyebrow{display:none}
h1 em,h2 em{font-style:normal;color:inherit}
.skicker{letter-spacing:0;text-transform:none;font-weight:500;font-size:15px}
.shero.s2 picture img{animation:none;object-position:62% 40%}
.shero.s2::before{background:linear-gradient(90deg,rgba(242,242,238,.92) 0%,rgba(242,242,238,.7) 28%,rgba(242,242,238,0) 50%)}
.shero.s2 h1{max-width:6.6em}
.srvb{display:inline-flex;align-items:center;gap:10px;margin-top:30px;color:var(--tink);text-decoration:none;font-size:14.5px}.srvb .rv-st{color:var(--kelp)}.srvb b{font-weight:600}
.scard{background:var(--foam);border-radius:6px}
.sph{background:#e9e1d3}
.sph img{mix-blend-mode:normal}
.slife{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease)}.slife img{width:100%;height:100%;object-fit:cover}
.scard:hover .slife,.scard:focus-within .slife{opacity:1}
.stag{text-transform:none;letter-spacing:0;font-weight:500;font-size:13px;border-radius:4px;z-index:2}
.sadd{border-radius:4px;padding:10px 14px;font-size:13.5px}
.sroutine.s2{background:#ece4d6;color:var(--tink);margin-top:clamp(64px,8vw,120px);transition:background .9s}
.sroutine.s2[data-mode=pm]{background:#152024;color:var(--foam)}
.sroutine.s2 .srg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.sroutine.s2 h2{color:inherit}.sroutine.s2 .lede{color:inherit;opacity:.78}
.srph{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:6px;background:#0d1417}
.srph figure{margin:0;position:absolute;inset:0;transition:opacity .9s var(--ease),transform 1.4s var(--ease)}.srph img{width:100%;height:100%;object-fit:cover}
.srph .pm{opacity:0;transform:scale(1.04)}
.sroutine[data-mode=pm] .srph .pm{opacity:1;transform:none}.sroutine[data-mode=pm] .srph .am{opacity:0;transform:scale(1.04)}
.srclock{position:absolute;left:18px;bottom:18px;background:rgba(251,250,247,.92);color:var(--tink);font-size:14px;font-weight:600;border-radius:4px;padding:8px 12px;font-variant-numeric:tabular-nums}
.srclock .pm{display:none}.sroutine[data-mode=pm] .srclock .pm{display:inline}.sroutine[data-mode=pm] .srclock .am{display:none}
.sroutine.s2 .stog{position:relative;background:rgba(30,43,46,.08);border:0;border-radius:6px;padding:4px;margin:26px 0 22px}
.sroutine.s2[data-mode=pm] .stog{background:rgba(251,250,247,.1)}
.stog-k{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--foam);border-radius:4px;transition:transform .5s var(--ease)}
.sroutine[data-mode=pm] .stog-k{transform:translateX(100%)}
.sroutine.s2 .stog button{position:relative;z-index:1;color:inherit;border-radius:4px;min-width:120px}
.sroutine.s2 .stog button[aria-selected=true]{background:none;color:var(--tink)}
.sroutine.s2 .srlists{min-height:340px}
.sroutine.s2 .sstep{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:18px;background:none;border:0;border-top:1px solid currentColor;border-color:rgba(30,43,46,.16);border-radius:0;padding:16px 0}
.sroutine.s2[data-mode=pm] .sstep{border-color:rgba(251,250,247,.16)}
.sroutine.s2 .sn{font-size:26px;color:inherit;opacity:.5;min-width:1em}
.sroutine.s2 .sstep b{font-size:22px}.sroutine.s2 .sstep p{color:inherit;opacity:.72;margin:2px 0 0}
.sroutine.s2 .sstep small{text-transform:none;letter-spacing:0;color:inherit;opacity:.6;font-size:13.5px;font-variant-numeric:tabular-nums}
.srbuy{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(30,43,46,.16);padding-top:20px}
.sroutine[data-mode=pm] .srbuy{border-color:rgba(251,250,247,.16)}
.srbuy b{display:block;font-family:'Fraunces';font-weight:400;font-size:22px}.srbuy span{font-size:14.5px;opacity:.72}
.sroutine.s2 .btn.slt{background:var(--kelp);color:var(--foam);border-color:var(--kelp)}
.sroutine.s2[data-mode=pm] .btn.slt{background:var(--foam);color:var(--tink);border-color:var(--foam)}
::view-transition-old(root),::view-transition-new(root){animation-duration:.5s}
.stg .ph{border-radius:6px}
.sdl{display:grid;gap:0;margin:26px 0 30px;border-top:1px solid var(--line)}.sdl>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.sdl dt{font-family:'Fraunces';font-size:20px}.sdl dd{margin:0;color:var(--muted);font-size:15px}
.rv-sec{--rv-acc:var(--kelp);--rv-star:var(--kelp);--rv-ink:var(--tink);--rv-muted:#56625e;--rv-card:var(--foam);--rv-line:rgba(30,43,46,.12);--rv-fh:'Fraunces',serif;--rv-r:6px}
.rv-head h2{font-weight:380;letter-spacing:-.03em}.rv-card h3{font-family:'Fraunces';font-weight:420;font-size:20px}.rv-avg>b{font-weight:360}
.rv-chip{border-radius:4px}.rv-chip.on{background:var(--tink);border-color:var(--tink);color:var(--foam)}
.squote{margin:0 0 clamp(32px,4vw,56px);padding:clamp(28px,3vw,44px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:14px}
.squote .rv-st{color:var(--kelp)}.squote blockquote{margin:0;font-family:'Fraunces';font-weight:360;font-size:clamp(24px,2.6vw,40px);line-height:1.2;letter-spacing:-.02em;max-width:26em}
.squote figcaption{color:var(--muted);font-size:14.5px}
.slabs,.sbx{border-radius:6px}
.spg2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}.spg2 figure{margin:0;border-radius:6px;overflow:hidden;aspect-ratio:4/5}.spg2 img{width:100%;height:100%;object-fit:cover}
.spsteps{list-style:none;padding:0;margin:26px 0 28px;display:grid;gap:0;border-top:1px solid var(--line)}.spsteps li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.spsteps b{font-family:'Fraunces';font-weight:400;font-size:20px;color:var(--tink)}.spsteps li.on b{color:var(--kelp)}.spsteps li.on{color:var(--tink)}
.snf{position:relative;overflow:hidden;background:#ece4d6;padding:clamp(90px,12vw,170px) 0 clamp(150px,16vw,240px)}
.snf h1{font-size:clamp(44px,5.6vw,96px)}.snf .lede{max-width:26em}.snf .btns{display:flex;gap:26px;align-items:center;margin-top:34px}
.snfg{position:relative;z-index:1}
.snfsea{position:absolute;left:0;right:0;bottom:0;height:300px;background:var(--kelp);transform:translateY(78%);transition:transform 1.6s cubic-bezier(.3,.6,.2,1)}
.snf.in .snfsea{transform:translateY(8%)}
.snft{position:absolute;inset:0;height:100%;color:rgba(169,193,182,.45)}
.snfcs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.snfc{display:grid;gap:10px;text-decoration:none;color:inherit}.snfc img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px}.snfc span{display:flex;justify-content:space-between;align-items:baseline}.snfc b{font-family:'Fraunces';font-weight:400;font-size:20px}.snfc small{color:var(--muted);font-size:14px}
.semp{display:grid;justify-items:center;text-align:center;gap:14px;padding:28px 10px}.semp p{color:var(--muted);margin:0;max-width:18em}
.seb{width:84px;height:auto;color:var(--tink)}.sebw{animation:sebw 3s ease-in-out infinite}
@keyframes sebw{0%{transform:translate(0,0)}50%{transform:translate(-30px,-34px)}100%{transform:translate(-60px,0)}}
.btn{border-radius:4px}
@media (prefers-reduced-motion:reduce){.sebw,.snfsea,.srph figure{animation:none;transition:none}}
@media (max-width:860px){.shero.s2{align-items:flex-end}.shero.s2 picture{height:100%}.shero.s2 picture img{object-position:50% 30%}
.shero.s2::before{background:linear-gradient(0deg,rgba(242,242,238,.96) 0%,rgba(242,242,238,.85) 34%,rgba(242,242,238,0) 58%)}
.sroutine.s2 .srg{grid-template-columns:1fr}.srph{aspect-ratio:4/5}.sroutine.s2 .srlists{min-height:400px}.srbuy{flex-direction:column;align-items:flex-start}
.spg2{grid-template-columns:1fr}.snfcs{grid-template-columns:1fr 1fr}.sdl>div{flex-direction:column;gap:2px}}

.sbph{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sbph figure{margin:0}.sbph img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px}.sbph figcaption{font-size:13.5px;color:var(--muted);margin-top:8px}
.stsp small{letter-spacing:0;text-transform:none}
@media (max-width:860px){.sbph{grid-template-columns:1fr 1fr}}

body,input,button,select,textarea{font-family:'Albert Sans',system-ui,sans-serif}
.p-product .eyebrow{display:block;letter-spacing:0;text-transform:none;font-size:15px;font-weight:500;color:var(--muted)}
.sroutine.s2 .lede,.sroutine.s2 .sstep p,.sroutine.s2 .srbuy span{opacity:1;color:#45524e}
.sroutine.s2 .sn,.sroutine.s2 .sstep small{opacity:1;color:#4f5c58}
.sroutine.s2[data-mode=pm] .lede,.sroutine.s2[data-mode=pm] .sstep p,.sroutine.s2[data-mode=pm] .srbuy span,.sroutine.s2[data-mode=pm] .sn,.sroutine.s2[data-mode=pm] .sstep small{color:#c9d3cf}
input::placeholder{color:#5f6663}
.ssw>div{border-radius:6px}

/* ===== saltlight v2 ===== */
.cartbtn .c,.ticks li::before,.sw button{border-radius:50%}
.num,.sfb>span,.opr,.pr,.price{font-variant-numeric:tabular-nums}
.swave{color:#9fb5ab;height:40px;margin:clamp(24px,4vw,56px) 0}.swave svg{display:block;width:100%;height:100%}
.swave path{transition:transform 1.4s cubic-bezier(.3,.6,.2,1)}
html[data-tide=pm] .swave path{transform:translateY(-10px)}
.sroutine.s2 .srw{position:absolute;left:0;right:0;top:0;margin:0;color:rgba(30,43,46,.25)}
.sroutine.s2[data-mode=pm] .srw{color:rgba(251,250,247,.3)}.sroutine.s2[data-mode=pm] .srw path{transform:translateY(14px)}
.sroutine.s2{position:relative;margin-top:0}
.stag{display:none}
.sstp{font-size:13.5px;color:var(--muted);margin:0 0 4px}
.scard{background:none;border-radius:0}.sph{border-radius:4px;overflow:hidden}.smeta{padding:16px 2px 0}
.hv,.tp{display:inline}.tp{display:none}
@media (hover:none){.hv{display:none}.tp{display:inline}}
.sroutine.s2 .sstep{grid-template-columns:1fr auto}
.sx2{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.sx2 li{display:grid;grid-template-columns:minmax(0,14em) 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}.sx2 b{font-family:'Fraunces';font-weight:400;font-size:24px}.sx2 span{color:var(--muted)}
.sog{align-items:start}
.srow{border-radius:4px;overflow:hidden;aspect-ratio:16/8}.srow img{width:100%;height:100%;object-fit:cover}
.spg3{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(28px,5vw,90px);margin-top:clamp(28px,4vw,56px);align-items:start}
.spset{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center}.spset .sbx{aspect-ratio:1;border-radius:4px}.spset p{color:var(--muted)}
.spg2 figure{aspect-ratio:4/3}
.bigwm{display:none!important}
.ftr{position:relative;padding-top:80px}
.ftr::before{content:"";position:absolute;left:0;right:0;top:0;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C180 11 360 29 540 20 S900 11 1080 20 S1350 27 1440 20' fill='none' stroke='%239fb5ab' stroke-width='1.2'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.snfg{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}
.snfb{justify-self:center;width:min(240px,60%);color:var(--tink)}.snfb svg{width:100%;height:auto;display:block}
.snfl{transform:translateY(80px);transition:transform 1.8s cubic-bezier(.3,.6,.2,1)}.snf.in .snfl{transform:translateY(20px)}
.rv-more,.rv-chip,.signup input,.signup .btn{border-radius:4px}
.p-home .signup{padding-block:clamp(56px,6vw,88px)}
@media (max-width:860px){.shero.s2::before{background:linear-gradient(0deg,rgba(242,242,238,1) 0%,rgba(242,242,238,.94) 40%,rgba(242,242,238,0) 62%)}
.spg3,.spset{grid-template-columns:1fr}.spset .sbx{max-width:220px}.snfg{grid-template-columns:1fr}.snfb{width:140px;justify-self:start}.sx2 li{grid-template-columns:1fr;gap:4px}.srow{aspect-ratio:4/3}}

h1,h2,h3{text-wrap:balance}

.cartbtn,.qty,.mnu,.rv-more,.vs button,.var button,.opts button,.sizes button,.pdp .chip,.chip{border-radius:4px}
.sadd,.srange .sadd{background:var(--kelp);border-color:var(--kelp);color:var(--foam)}
.sph{background:#e9e1d3}
.ftr{border-top:0}.ftr>.wrap:first-child{border-top:0}
body.p-product .ftr{padding-bottom:110px}
.p-home .signup{padding-block:clamp(48px,5vw,72px)}
.sroutine.s2{padding-block:clamp(88px,9vw,140px)}

/* ===== saltlight s5 ===== */
:root{--sand:#ece4d6}
main h2,.signup h2{font-family:'Fraunces',Georgia,serif!important;font-weight:380!important;font-size:clamp(32px,3.4vw,50px)!important;line-height:1.06!important;letter-spacing:-.025em!important;text-transform:none!important}
.sh3,.s5set h2{font-family:'Fraunces',Georgia,serif}
.swave{display:none}
.shero.s5h picture img{object-position:62% 50%}
.shero.s5h::before{background:linear-gradient(90deg,rgba(242,242,238,.94) 0%,rgba(242,242,238,.72) 30%,rgba(242,242,238,0) 54%)}
.s5c .sph{aspect-ratio:3/4;background:var(--sand)}
.s5c .sph img{width:100%;height:100%;object-fit:cover}
.s5c .smeta{padding:16px 0 0;display:grid;gap:4px}
.s5np{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.s5np h3{font-family:'Fraunces';font-weight:400;font-size:22px;margin:0}
.s5np span{font-size:15px;font-weight:500}
.s5c .smeta>p{margin:0;color:var(--muted);font-size:14.5px}
.s5add,.qa.s5add{all:unset;cursor:pointer;justify-self:start;font-size:14px;font-weight:600;color:var(--tink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;margin-top:6px}
.s5add:hover{color:var(--kelp)}.s5add:focus-visible{outline:2px solid var(--kelp);outline-offset:3px}
.rich .card .qa.s5add{position:static;opacity:1;transform:none;margin:8px 0 0;display:inline-block}
.s5cmp .s5tw{border-top:1px solid var(--tink);overflow-x:auto}
.s5t{width:100%;border-collapse:collapse;font-size:15px;min-width:720px}
.s5t th,.s5t td{text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}
.s5t thead th,.s5t thead td{vertical-align:bottom;padding-top:22px}
.s5t thead th span{display:block;font-family:'Fraunces';font-weight:400;font-size:21px}
.s5tim{display:block;width:76px;height:96px;object-fit:cover;margin:0 0 12px;background:var(--sand)}
.s5t tbody th{font-weight:600;font-size:14px;color:var(--tink);width:14%}
.s5t td{color:var(--tink)}
.s5tadd td,.s5tadd th{border-bottom:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sroutine.s2{background:var(--sand)}
.sroutine.s2[data-mode=pm]{background:#1f1a15}
.srph{border-radius:0;background:#1f1a15}
.srph .pm img{object-position:30% 50%}
.s5band{position:relative}
.s5band img{display:block;width:100%;height:min(56.25vw,86vh);object-fit:cover;object-position:50% 45%}
.s5cap{display:flex;gap:14px;align-items:baseline;margin:0;padding:16px 0 0;font-size:14.5px;color:var(--muted)}.s5cap b{color:var(--tink);font-weight:600}
.stg .ph,.srow,.sph,.spg2 figure{border-radius:0}
.s5avg{display:flex;align-items:center;gap:12px;margin:0;color:var(--muted);font-size:15px}.s5avg .rv-st,.s5r .rv-st,.s5q .rv-st{color:var(--kelp)}.s5avg b{color:var(--tink);font-weight:600}
.s5rs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px)}
.s5r{display:grid;gap:18px;align-content:start}
.s5r img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.s5r>div{border-top:1px solid var(--tink);padding-top:16px}
.s5r h3,.s5q h3{font-family:'Fraunces';font-weight:400;font-size:21px;line-height:1.2;margin:10px 0 8px}
.s5r p,.s5q p{margin:0;font-size:15.5px;line-height:1.55}
.s5who{display:flex;gap:10px;align-items:baseline;margin-top:14px!important;font-size:14px!important;color:var(--muted)}.s5who b{color:var(--tink);font-weight:600}
.s5all{display:inline-block;margin-top:clamp(28px,3vw,40px);font:inherit;font-weight:600;background:none;border:0;padding:0;cursor:pointer;color:var(--tink);text-decoration:underline;text-underline-offset:4px}
.s5qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,64px)}
.s5q{border-top:1px solid var(--line);padding:22px 0 26px}
.s5q:nth-child(-n+2){border-top-color:var(--tink)}
.s5qt{display:flex;justify-content:space-between;align-items:center}.s5qt small{color:var(--muted);font-size:13.5px}
.s5more{display:none}.s5pr.all .s5more{display:block}
.s5set{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,90px);align-items:center;margin-top:clamp(36px,4vw,64px)}
.s5set figure{margin:0;aspect-ratio:4/3;overflow:hidden}.s5set img{width:100%;height:100%;object-fit:cover}
.s5set .opr{font-size:22px;margin:18px 0 22px}.s5set .opr s{color:var(--muted);font-size:16px;margin-left:8px}
.p-collection .s5set{margin-top:0}
.sx2 li{border-color:var(--line)}
.signup{align-items:center}.signup .ok:empty{display:none}
.p-home .signup{padding-block:clamp(40px,4vw,56px)}
summary{padding-right:4px}summary::after{margin-right:2px}
.sticky.off{transform:translateY(105%)!important}
.snfg{align-items:end}.snfb{align-self:end}
.bar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:860px){
.shero.s5h::before{background:linear-gradient(0deg,rgba(242,242,238,1) 0%,rgba(242,242,238,.94) 36%,rgba(242,242,238,0) 58%)}
.shero.s5h picture img{object-position:50% 25%}
.s5np h3{font-size:18px}.s5np span{font-size:14px}
.s5rs{grid-template-columns:1fr;gap:40px}
.s5qs{grid-template-columns:1fr}.s5q:nth-child(2){border-top-color:var(--line)}
.s5band img{height:auto;aspect-ratio:4/5;object-position:50% 45%}
.s5cap{flex-direction:column;gap:2px}
.s5set{grid-template-columns:1fr}
.s5avg{flex-wrap:wrap}
.s5tim{width:52px;height:66px}
.s5t{min-width:640px;font-size:14px}
}

.s5t{table-layout:fixed}.s5t tbody th,.s5t thead td{width:15%}
.rich .card{border-radius:0!important;background:none!important;display:flex;flex-direction:column}
.rich .card .ph{border-radius:0!important;aspect-ratio:4/5;background:var(--sand)}
.rich .card .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.rich .card .meta{order:2;padding-top:14px}.rich .card .kind{order:3;margin:2px 0 0}.rich .card .qa.s5add{order:4}
.rich .meta h3{font-family:'Fraunces';font-weight:400;font-size:22px}
@media (max-width:860px){
.s5rs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:calc(var(--pad,20px) * -1);padding-inline:var(--pad,20px);scrollbar-width:none}
.s5rs::-webkit-scrollbar{display:none}
.s5r{flex:0 0 78%;scroll-snap-align:start}
.s5t tbody th,.s5t thead td{position:sticky;left:0;background:var(--bg);z-index:1}
.s5t tbody th,.s5t thead td{width:92px}
}

.sw.txt button{border-radius:4px!important}
@media (max-width:860px){.shero.s5h::before{background:linear-gradient(0deg,rgba(242,242,238,1) 0%,rgba(242,242,238,.95) 42%,rgba(242,242,238,0) 64%)}}

/* ===== saltlight s6 ===== */
:root{--r:0px}
.card,.card .ph,.gal .ph,.signup,.srph,.s5set figure,.stg .ph,.ph{border-radius:0!important}
.chips .chip,.chip{height:40px;padding:0 16px;border-radius:0!important;background:transparent!important;border:1px solid var(--line);backdrop-filter:none;color:var(--tink);font-size:14.5px;font-weight:500}
.chips .chip.on,.chips .chip:hover,.chip.on{background:transparent!important;color:var(--tink);border-color:var(--tink);font-weight:600}
.sw.txt button{border-radius:0!important;height:44px;border:1px solid var(--line);background:transparent;color:var(--tink)}
.sw.txt button.on{background:transparent;color:var(--tink);border-color:var(--tink);box-shadow:inset 0 0 0 1px var(--tink)}
.ftr::before{display:none!important}
.p-product main>section:last-of-type,.p-product .rich{padding-bottom:clamp(72px,7vw,112px)}
.s6rt{display:inline-flex;align-items:center;gap:10px;margin:6px 0 4px;font-size:14.5px;color:var(--muted);text-decoration:none}.s6rt .rv-st{color:var(--kelp)}.s6rt b{color:var(--tink);font-weight:600}.s6rt:hover span{text-decoration:underline;text-underline-offset:3px}
.s6last{margin:14px 0 0;font-size:14.5px;color:var(--muted)}.s6last a{color:var(--tink);font-weight:600;text-underline-offset:3px}
.s6ms{display:none}
.s5r{grid-template-rows:auto 1fr}.s5r>div{display:flex;flex-direction:column}.s5r .s5who{margin-top:auto!important;padding-top:14px}
.s6band{position:relative;margin-top:0}
.s6band::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,23,18,.55) 0%,rgba(28,23,18,0) 48%);pointer-events:none}
.s6band .wrap{position:absolute;left:0;right:0;bottom:0;padding-bottom:clamp(36px,5vw,80px);z-index:1;color:#f7f3ec}
.s6line{font-family:'Fraunces',Georgia,serif;font-weight:360;font-size:clamp(40px,6vw,96px);line-height:1;letter-spacing:-.03em;margin:0;max-width:14ch}
.s6sub{margin:16px 0 0;font-size:16px;opacity:.88}
.sroutine.s2+.s6band{margin-top:0}
@media (max-width:860px){
.s5tw{display:none}
.s6ms{display:grid;gap:0;border-top:1px solid var(--tink)}
.s6m{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.s6m img{width:92px;height:118px;object-fit:cover;background:var(--sand)}
.s6m dl{margin:8px 0 0;display:grid;gap:4px;font-size:14px}.s6m dl div{display:grid;grid-template-columns:76px 1fr;gap:8px}.s6m dt{color:var(--muted)}.s6m dd{margin:0}
.s5rs{margin-inline:calc(var(--g) * -1);padding-inline:var(--g);scroll-padding-inline:var(--g)}
.s5r{flex:0 0 80%}
.sroutine.s2 .srlists{min-height:0}
.srl{position:static}
.sroutine[data-mode=am] .srl.pm,.sroutine[data-mode=pm] .srl.am{display:none}
.mnu,.cartbtn{border:0!important;background:transparent!important;box-shadow:none!important;padding-inline:6px}
.sticky .t small{display:block;font-size:13px}
.s6band img{aspect-ratio:4/5}
.s6line{font-size:clamp(36px,10vw,52px)}
}

/* ===== saltlight s7 ===== */
.card{display:flex;flex-direction:column}
.card .ph{order:1}.card .meta{order:2}.card .kind{order:3}.card .qa.s5add{order:4;position:static;opacity:1;transform:none;margin:8px 0 0;display:inline-block;height:auto;background:none}
.sroutine.s2 .stog,.stog-k,.sroutine.s2 .stog button{border-radius:0!important}
.cartbtn .c{border-radius:0!important;min-width:22px;height:22px}
.sroutine.s2{padding-bottom:clamp(64px,6vw,96px)}
.sroutine.s2 .srbuy{margin-bottom:0}
@media (max-width:860px){
.chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:8px}.chips::-webkit-scrollbar{display:none}
.chips .chip{flex:0 0 auto;padding:0 14px}
.chips .ccount{flex:0 0 auto}
.card .qa.s5add{display:inline-block!important}
.p-product .rich .grid,.rich .grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:calc(var(--g) * -1);padding-inline:var(--g);scrollbar-width:none}
.rich .grid .card{flex:0 0 62%;scroll-snap-align:start}
.shero.s5h{display:block;min-height:0;padding-bottom:40px;background:var(--bg)}
.shero.s5h::before{display:none}
.shero.s5h picture{position:relative;inset:auto;height:auto;display:block;aspect-ratio:1/1}
.shero.s5h picture img{object-position:50% 50%!important}
.shero.s5h .scopy{padding-top:28px}
.sroutine.s2{padding-bottom:48px}
}

@media (max-width:860px){
.p-product .rich .grid,.rich .grid{display:grid!important;grid-template-columns:1fr 1fr;gap:16px;margin-inline:0;padding-inline:0;overflow:visible}
.rich .grid .card{flex:none}
.rich .grid .card:nth-child(n+3){display:none}
.p-product main>section:last-of-type,.p-product .rich{padding-bottom:56px}
}

/* ===== saltlight s8 ===== */
.card .ph{position:relative;overflow:hidden}
.card:hover .slife,.card:focus-within .slife{opacity:1}
.s5tim{object-fit:cover;object-position:50% 40%}
.s6m img{object-position:50% 40%}

/* ===== saltlight s9 ===== */
.s9g{grid-template-columns:1.3fr 1fr 1fr;grid-auto-flow:dense}
.s9f{grid-row:span 2;display:flex;flex-direction:column}
.s9f .sph{flex:1;aspect-ratio:auto!important;position:relative;min-height:480px}
.s9f .sph>img{position:absolute;inset:0}
.s9f .s5np h3{font-size:clamp(26px,2.2vw,34px)}
.s9f .smeta{flex:none!important;align-content:start;grid-auto-rows:min-content}
.s9f .sph{flex:1 1 auto!important}
.s5c{position:relative}
.s9eb{margin:0 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.s9rt{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--muted);margin:6px 0 4px;text-decoration:none}
.s9rt .rv-st svg{width:13px;height:13px}
.s9set{background:var(--kelp);color:var(--foam);padding:clamp(24px,2.4vw,36px);display:flex;flex-direction:column;justify-content:flex-end;gap:10px}
.s9set .s9eb{color:var(--foam);opacity:.75}
.s9set h3{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(26px,2.2vw,34px);margin:0;line-height:1.1}
.s9set p{margin:0;opacity:.88;font-size:15px;line-height:1.5}
.s9set .s9pr{font-family:'Fraunces',Georgia,serif;font-size:24px;opacity:1;margin:6px 0 8px}
.s9set .s9pr s{font-size:15px;opacity:.6;margin-left:8px}
.s9set .btn{align-self:flex-start;background:var(--foam);color:var(--kelp);border-color:var(--foam)}
.s9sw{display:none}
.s5c.s9on .slife{opacity:1}
@media (hover:none){
 .s9sw{display:block;position:absolute;top:10px;right:10px;height:30px;padding:0 10px;font:500 12px/30px 'Albert Sans',sans-serif;letter-spacing:.04em;color:var(--kelp);background:rgba(242,242,238,.94);border:1px solid var(--line);z-index:3}
 .s5c.s9on .s9sw{background:var(--kelp);color:var(--foam);border-color:var(--kelp)}
}
/* PDP pairs: cap height */
.p-product .rich .card .ph{aspect-ratio:auto;height:clamp(300px,30vw,420px)}
.p-product .rich .card .ph img{height:100%;object-fit:cover}
body.p-product .ftr{padding-bottom:40px}
/* routine set block on home as a kelp band */
.p-home .s5pack .s5set{background:var(--kelp);color:var(--foam);padding:clamp(20px,2vw,32px);gap:clamp(28px,4vw,72px)}
.p-home .s5pack .s5set .lede,.p-home .s5pack .s5set .opr s{color:var(--foam);opacity:.82}
.p-home .s5pack .s5set .btn.slt{background:var(--foam);color:var(--kelp);border-color:var(--foam)}
.p-home .s5pack .s5set .tlink{color:var(--foam)}
@media (max-width:860px){
 .s9g{grid-template-columns:1fr 1fr}
 .s9f{grid-column:1/-1;grid-row:auto}
 .s9f .sph{aspect-ratio:4/5!important;min-height:0;flex:none}
 .s9set{padding:20px 16px;justify-content:flex-start}
 .s9set h3{font-size:22px}.s9set p{font-size:14px}
 .s9set .btn{padding-inline:16px}
 .shero.s5h .scopy{display:flex;flex-direction:column;align-items:flex-start}
 .shero.s5h .scopy .skicker{order:0}.shero.s5h .scopy h1{order:1}.shero.s5h .scopy .lede{order:2}
 .shero.s5h .scopy .srvb{order:3;margin:14px 0 22px}
 .shero.s5h .scopy .btns{order:4}
 .chips{padding-right:44px;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
 .p-collection .card .meta,.p-product .rich .card .meta{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}
 .p-collection .card .meta .pr,.p-product .rich .card .meta .pr{font-size:14px}
 .p-home .s5pack .s5set{padding:16px 16px 28px}
}

/* ===== saltlight s10 ===== */
.s10t{padding:0!important;justify-content:flex-start!important;gap:0!important;overflow:hidden}
.s10tf{display:block;flex:1 1 auto;min-height:150px;position:relative;overflow:hidden}
.s10tf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:28% 62%}
.s10tb{padding:clamp(18px,1.8vw,26px);display:flex;flex-direction:column;gap:6px}
.s10tb .s9pr{margin:2px 0 6px!important}
.s10t h3 a,.s5np h3 a{color:inherit;text-decoration:none}.s5np h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.s9f .sph>img,.s9f .slife img{object-position:50% 22%}
.s10rl{display:inline-block;margin-top:clamp(24px,2.4vw,32px);font-weight:600}
.s10sz{margin:22px 0 4px;font-size:15px;color:var(--muted)}.s10sz b{color:var(--tink);font-weight:600;margin-left:8px}
.s10was{color:var(--muted);font-size:.7em;margin-left:10px}
.s10th{display:block;color:inherit;text-decoration:none}.s10th:hover span{text-decoration:underline;text-underline-offset:4px}
.s6m h3 a{color:inherit;text-decoration:none}
.spsteps a{color:inherit;text-decoration:none}.spsteps a:hover{text-decoration:underline}
@media (max-width:860px){
 .shero.s5h picture{aspect-ratio:auto!important;height:340px}
 .shero.s5h picture img{height:100%;width:100%;object-fit:cover;object-position:50% 38%!important}
 .shero.s5h .scopy{padding-top:22px}
 .shero.s5h .scopy .srvb{margin:10px 0 18px}
 .s5c{display:flex;flex-direction:column}
 .s5c .smeta{flex:1 1 auto;display:flex;flex-direction:column;gap:4px}
 .s5c .smeta .s5add{margin-top:auto;padding-top:6px}
 .s10c{display:none}.s10s{display:block}
 .s10t .s10tf{min-height:0;flex:none;aspect-ratio:4/3}
 .s10tb{padding:14px 14px 18px}
}

/* ===== saltlight s11 ===== */
p.s6rt{margin:0}
.p-collection .card .kind,.rich .card .kind{line-height:1.45}
@media (min-width:861px){
 .sog>div:first-child,.faq>div:first-child{position:sticky;top:120px;align-self:start}
}
@media (max-width:860px){
 .chips{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent);padding-right:36px}
 .gal .ph{width:76%;aspect-ratio:4/5}
 .sticky{transform:none}
 .sticky.off{transform:translateY(105%)!important}
 .p-product main{padding-bottom:84px}
}

.grid .card[data-tags="set"]{grid-column:1/-1}
.grid .card[data-tags="set"] .ph{aspect-ratio:21/8}
.grid .card[data-tags="set"] .ph img{object-position:40% 58%}
.sticky .t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky .btn{white-space:nowrap;flex:none}
@media (max-width:860px){.grid .card[data-tags="set"] .ph{aspect-ratio:4/3}}

.sticky .t{white-space:normal;line-height:1.2;overflow:visible}

.sec.rich .grid .card .ph,.p-product .rich .card .ph{aspect-ratio:4/5;height:auto}
.grid .card.s12set .ph{order:1}.grid .card.s12set .s12sb{order:2}
.sec.rich .grid .card .ph img{object-position:50% 60%}
.s12ing{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center;margin-top:clamp(36px,4vw,64px)}
.s12ing figure{margin:0;aspect-ratio:16/10;overflow:hidden}.s12ing img{width:100%;height:100%;object-fit:cover}
.s12ing h2{font-family:'Fraunces',Georgia,serif}
.s12il{margin-top:22px;border-top:1px solid var(--line,rgba(0,0,0,.12))}
.s12i{padding:14px 0;border-bottom:1px solid var(--line,rgba(0,0,0,.12))}
.s12h{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.s12h h3{font-family:'Fraunces',Georgia,serif;font-size:19px;margin:0;font-weight:400}.s12h h3 a{color:inherit;text-decoration:none}
.s12h span{font-size:13px;color:var(--muted)}
.s12i p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.s12rt{display:flex;margin-top:6px;order:3}
.s12c{white-space:nowrap;font-size:13px}
.grid .card.s12set{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;background:var(--sand,#ece3d6)}
.grid .card.s12set .ph{aspect-ratio:4/3;max-height:560px;width:100%}
.grid .card.s12set .ph img{object-position:45% 60%}
.s12sb{padding:clamp(20px,3vw,48px) clamp(20px,3vw,48px) clamp(20px,3vw,48px) 0}
.s12sb .btns{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.s12sb h3{font-family:'Fraunces',Georgia,serif;font-size:clamp(28px,3vw,40px);font-weight:400;margin:6px 0 10px}.s12sb h3 a{color:inherit;text-decoration:none}
.s12sv{display:inline-block;font-size:13px;letter-spacing:.04em;background:var(--ink,#1f2b28);color:#fff;padding:4px 10px;margin:0}
.s12pr{font-size:22px;margin:16px 0 20px}.s12pr s{color:var(--muted);font-size:16px;margin-left:8px}
@media (max-width:860px){
 .s12ing{grid-template-columns:1fr}
 .grid .card.s12set{grid-template-columns:1fr}
 .s12sb{padding:0 20px 24px}
 .sticky .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;min-width:0}
 .sticky .t small{white-space:nowrap}
}

.s13sv{display:inline-block;margin-left:12px;font-size:13px;font-weight:600;color:var(--kelp,#2f4a43);border:1px solid currentColor;border-radius:999px;padding:3px 10px;vertical-align:middle}
.s12sv{background:none;color:var(--kelp,#2f4a43);padding:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
@media (max-width:860px){
 .sticky{transform:translateY(105%)}
 .sticky.show{transform:none}
 .sticky.off,.sticky.show.off{transform:translateY(105%)!important}
 .shero.s5h picture{height:268px}
}

.s14gw{position:relative;min-width:0}
.s14ct{display:none}
.s14v{margin-left:10px;font-size:12px;font-weight:600;color:var(--kelp,#2f4a43)}
.s14v::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:middle}
.s14sum{display:grid;grid-template-columns:minmax(0,420px) auto;gap:clamp(24px,4vw,64px);align-items:center;margin:0 0 clamp(28px,3vw,44px)}
.s14bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.s14bars li{display:grid;grid-template-columns:4.2em 1fr 3em;gap:12px;align-items:center;font-size:14px;color:var(--muted)}
.s14bars li span:last-child{text-align:right}
.s14bars i{display:block;height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.s14bars em{display:block;height:100%;background:var(--kelp,#2f4a43);border-radius:3px}
.s14ugc{margin:0;display:grid;gap:8px;justify-items:start}
.s14ugc img{width:132px;height:132px;object-fit:cover;border-radius:6px}
.s14ugc figcaption{font-size:13px;color:var(--muted)}
.sout .sog{grid-template-columns:1fr;gap:28px}
.sout .sog>.reveal:first-child{max-width:40em}
.sout .sx2{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(28px,4vw,64px);border-top:0}
.sout .sx2 li{border-top:1px solid var(--line);grid-template-columns:minmax(0,11em) 1fr}
@media (max-width:860px){
 .sout .sx2{grid-template-columns:1fr}
 .shero.s5h picture{height:auto;aspect-ratio:947/720}
 .shero.s5h picture img{object-position:50% 50%!important}
 .s14sum{grid-template-columns:1fr;gap:20px}
}
@media (max-width:480px){
 .gal .ph{width:64%;aspect-ratio:4/5}
 .pdp{gap:20px}
 main .crumbs{margin:0;padding:6px 0 12px}
 .info .price{margin-top:14px}
 .info .lead{margin-top:12px;margin-bottom:12px;font-size:16px;line-height:1.5}
 .info .buyrow{margin-top:18px}
 .s14ct{display:block;position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.88);color:var(--ink,#222);font-size:12px;padding:4px 10px;border-radius:999px;pointer-events:none}
 .s14ct b{font-weight:600}
}

/* s15 */
.cw-empty>p,.cw-empty>a.tlink{display:none}
.cartempty [data-prog]{display:none}
.btn[data-co]:disabled{opacity:.4;cursor:not-allowed}
.s5tim{width:124px;height:156px}
.s14sum{grid-template-columns:minmax(0,380px) auto minmax(0,1fr)}
.s15side{display:grid;gap:10px;align-content:start;justify-self:end;max-width:360px}
.s15lab{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.s15men{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.s15men li{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--sand,#efe9df)}
.s15f{display:flex;flex-wrap:wrap;gap:8px}
.s15f button{font:inherit;font-size:14px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}
.s15f button[aria-pressed="true"]{background:var(--kelp,#2f4a43);border-color:var(--kelp,#2f4a43);color:#fff}
.s15f button:focus-visible{outline:2px solid var(--kelp,#2f4a43);outline-offset:2px}
.s5q[hidden]{display:none!important}
@media (max-width:860px){
 .s14sum{grid-template-columns:1fr}
 .s15side{justify-self:start;max-width:none}
 .s5tim{width:72px;height:90px}
}

.s16ugc{margin:0;display:grid;gap:8px;justify-items:start}
.s16ugc>div{display:flex;gap:8px}
.s16ugc img{width:104px;height:104px;object-fit:cover;border-radius:6px}
.s16ugc figcaption{font-size:13px;color:var(--muted)}
.s14sum{grid-template-columns:minmax(0,380px) auto minmax(0,1fr);column-gap:clamp(24px,3.5vw,56px)}
.s15side{justify-self:start}
@media (min-width:861px){
 .s9g .s9f .smeta,.s9g>.scard:nth-child(4) .smeta{min-height:216px;display:flex;flex-direction:column}
 .s9g .s9f .smeta .s5add,.s9g>.scard:nth-child(4) .smeta .s5add{margin-top:auto;align-self:flex-start}
}
@media (max-width:860px){
 .shero.s5h picture{aspect-ratio:802/821}
 .s16ugc img{width:88px;height:88px}
}