:root{--cream:#F8F5EE;--cream2:#F1ECE3;--shell:#FCFAF6;--plum:#3E3546;--plum2:#2F2937;--ink:#332E38;
--body:#57515D;--muted:#6F6878;--lav:#8B7A99;--lavlt:#C3B8D4;--sage:#95A88A;--rule:rgba(62,53,70,.15);
--ruled:rgba(248,245,238,.18);--disp:'Poiret One','Jost','Century Gothic','Futura',sans-serif;
--serif:'Cormorant Garamond','Hoefler Text',Georgia,serif;--sans:'Jost',-apple-system,'Segoe UI',Helvetica,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--body);font-family:var(--sans);font-weight:300;font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}
h1,h2,h3,h4{margin:0;font-weight:300;color:var(--ink);line-height:1.15}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,52px)}
.announce{background:var(--plum);color:#EFE9F3;text-align:center;padding:10px 14px;font-size:9.5px;letter-spacing:.28em;text-transform:uppercase}
header.hd{position:sticky;top:0;z-index:90;background:rgba(248,245,238,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;height:70px}
.brand{display:flex;align-items:center;gap:11px}.brand svg{width:27px}
.brand .n{font-family:var(--disp);font-size:18px;letter-spacing:.24em;color:var(--ink);white-space:nowrap}
.links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.links a{font-size:12.5px;letter-spacing:.04em;white-space:nowrap;padding:4px 0;border-bottom:1px solid transparent}
.links a:hover,.links a.on{border-bottom-color:var(--lav);color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.26em;text-transform:uppercase;
padding:13px 24px;border:1px solid var(--lav);color:var(--ink);white-space:nowrap;transition:.3s;cursor:pointer;background:none;font-family:var(--sans)}
.btn:hover{background:var(--lav);color:#fff}
.btn.solid{background:var(--plum);border-color:var(--plum);color:#F4F0F7}.btn.solid:hover{background:var(--plum2)}
.crumb{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding:26px 0 0}
.crumb a:hover{color:var(--lav)}
main{min-height:60vh}
.pagehead{padding:clamp(30px,5vw,56px) 0 clamp(22px,3vw,36px)}
.pagehead h1{font-family:var(--serif);font-size:clamp(30px,4.6vw,50px)}
.pagehead .sub{margin-top:12px;max-width:64ch;color:var(--body)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-bottom:clamp(40px,6vw,72px)}
.card{background:var(--shell);padding:0;display:flex;flex-direction:column;transition:background .25s}
.card:hover{background:var(--cream2)}
.tile{aspect-ratio:5/4;display:grid;place-items:center;border-bottom:1px solid var(--rule);position:relative;overflow:hidden}
.tile svg{width:34%;opacity:.5}
.tile .cat{position:absolute;top:12px;left:14px;font-size:8.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.card .inf{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-family:var(--serif);font-size:21px}
.card .t{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.card .p{margin-top:auto;padding-top:10px;font-family:var(--serif);font-size:17px;color:var(--ink)}
.card .p s{color:var(--muted);font-size:12px;font-family:var(--sans);letter-spacing:.06em;text-decoration:none}
.pr{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,4vw,60px);padding:clamp(26px,4vw,48px) 0 clamp(40px,6vw,70px)}
.pr .visual{border:1px solid var(--rule);background:linear-gradient(170deg,var(--shell),var(--cream2));aspect-ratio:4/5;display:grid;place-items:center;position:sticky;top:96px}
.pr .visual svg{width:52%;opacity:.6}
.pr h1{font-family:var(--serif);font-size:clamp(30px,3.8vw,44px)}
.pr .type{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.pr .price{font-family:var(--serif);font-size:26px;color:var(--ink);margin:18px 0 4px}
.pr .pricenote{font-size:11.5px;color:var(--muted);letter-spacing:.05em}
.orderbox{border:1px solid var(--rule);background:var(--shell);padding:22px 24px;margin:24px 0}
.orderbox .k{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--lav);margin-bottom:10px}
.orderbox p{margin:0 0 14px;font-size:14.5px}
.orderbox .row{display:flex;gap:10px;flex-wrap:wrap}
.freefrom{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.freefrom span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--rule);padding:6px 11px;color:var(--muted)}
.desc{margin-top:26px}.desc h3{font-family:var(--serif);font-size:22px;margin:1.4em 0 .5em}
.desc p{margin:0 0 1em}
.related{border-top:1px solid var(--rule);padding:clamp(30px,5vw,50px) 0 clamp(40px,6vw,70px)}
.related h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);margin-bottom:22px}
.content{max-width:76ch;padding:0 0 clamp(44px,6vw,76px)}
.content h2{font-family:var(--serif);font-size:clamp(22px,2.8vw,30px);margin:1.6em 0 .6em}
.content p{margin:0 0 1em}.content ul,.content ol{padding-left:22px}.content li{margin-bottom:.6em}
.dark{background:var(--plum);color:rgba(242,238,246,.87)}
.dark h2,.dark h3{color:#F4F0F7}
.hero{ text-align:center;padding:clamp(34px,5vw,60px) 0 clamp(28px,4vw,44px)}
.kick{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:#75648A;margin-bottom:20px}
.wm{font-family:var(--disp);font-size:clamp(34px,7vw,84px);letter-spacing:.14em;text-indent:.14em;color:var(--ink);line-height:1}
.hr{width:min(480px,70%);height:1px;background:rgba(62,53,70,.28);margin:22px auto 15px}
.tag{font-size:10.5px;letter-spacing:.38em;text-transform:uppercase;color:var(--muted)}
.hero .sprig{width:clamp(120px,15vw,175px);margin:22px auto 16px}
.lede{max-width:58ch;margin:0 auto;color:var(--body)}
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.soon{margin-top:15px;font-size:12px;letter-spacing:.05em;color:#75648A}
.strip{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--shell)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.strip .wrap>div{padding:18px;border-right:1px solid var(--rule);text-align:center;display:flex;flex-direction:column;justify-content:center;gap:7px}
.strip .wrap>div:last-child{border-right:0}
.strip .k{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.strip .v{font-family:var(--serif);font-size:clamp(16px,1.5vw,20px);color:var(--ink);white-space:nowrap}
.band{padding:clamp(40px,6vw,72px) 0}
.band h2{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);margin-bottom:8px}
.band .sub{color:var(--muted);font-size:11px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:26px}
footer{background:var(--plum2);color:rgba(242,238,246,.74);padding:clamp(36px,5vw,54px) 0 30px;font-size:13.5px}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(20px,3.5vw,44px);padding-bottom:32px;border-bottom:1px solid var(--ruled)}
footer h5{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#CDC2DD;margin:0 0 14px;font-weight:300}
footer ul{list-style:none;margin:0;padding:0}footer li{padding:5px 0}footer a:hover{color:#F4F0F7}
.fb .n{font-family:var(--disp);font-size:20px;letter-spacing:.22em;color:#F4F0F7}
.fb p{margin-top:12px;max-width:34ch;font-size:13px;line-height:1.65}
.legal{padding-top:24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(242,238,246,.5);line-height:2}
@media(max-width:980px){.grid{grid-template-columns:1fr 1fr}.pr{grid-template-columns:1fr}.pr .visual{position:static;max-width:420px;margin:0 auto;width:100%}.links{display:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.strip .wrap{grid-template-columns:1fr 1fr}.strip .wrap>div:nth-child(2){border-right:0}.strip .wrap>div:nth-child(-n+2){border-bottom:1px solid var(--rule)}.fg{grid-template-columns:1fr}.strip .v{white-space:normal}}

/* ── unified landing + shop ── */
section.land{padding:clamp(52px,8vw,104px) 0}
.eyeb{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:#75648A;display:flex;align-items:center;gap:14px;margin-bottom:22px}
.eyeb::after{content:'';flex:1;height:1px;background:var(--rule);max-width:140px}
.center .eyeb{justify-content:center}.center .eyeb::after{display:none}
.sh{max-width:74ch;margin-bottom:clamp(30px,4vw,48px)}
.sh h2{font-family:var(--serif);font-size:clamp(27px,3.8vw,44px);line-height:1.1}
.sh h2 em{font-style:italic;color:var(--lav)}
.sh p{margin:16px 0 0;max-width:60ch}
.center{text-align:center}.center .sh{margin-left:auto;margin-right:auto}
.center p{margin-left:auto;margin-right:auto}
.manif{background:var(--plum);color:rgba(242,238,246,.85);text-align:center;padding:clamp(56px,8vw,100px) 0}
.manif blockquote{margin:0 auto;max-width:21ch;font-family:var(--serif);font-style:italic;font-size:clamp(25px,3.8vw,44px);line-height:1.24;color:#F6F3F8}
.manif .sprig{width:clamp(96px,10vw,130px);margin:0 auto 26px}
.founder{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(28px,4.5vw,60px);align-items:center}
.portrait{position:relative;border:1px solid var(--rule);aspect-ratio:4/5;overflow:hidden;max-width:400px}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.portrait .cap{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;text-align:center;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#F4F0F7;background:linear-gradient(180deg,transparent,rgba(47,41,55,.82))}
.sig{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.4vw,28px);color:var(--lav);margin-top:24px}
.role{font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.mv2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.mv2>div{background:var(--shell);padding:clamp(26px,3.4vw,44px)}
.mv2 .tg{font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:#75648A}
.mv2 h3{font-family:var(--serif);font-size:clamp(21px,2.4vw,29px);line-height:1.2;margin:16px 0 0}
.steps2{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ruled);border:1px solid var(--ruled)}
.steps2>div{background:var(--plum);padding:clamp(20px,2.6vw,32px)}
.steps2 .n{font-size:10px;letter-spacing:.26em;color:var(--lavlt)}
.steps2 h4{font-family:var(--serif);font-size:20px;color:#F4F0F7;margin:16px 0 8px;font-weight:300}
.steps2 p{font-size:13.5px;line-height:1.6;color:rgba(242,238,246,.72);margin:0}
.clean2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,32px)}
.clean2>div{border:1px solid var(--rule);background:var(--shell);padding:clamp(24px,3vw,40px)}
.clean2 h3{font-family:var(--serif);font-size:clamp(20px,2.2vw,26px);margin-bottom:6px}
.clean2 .s{font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:#75648A;margin-bottom:20px}
.clean2 ul{list-style:none;margin:0;padding:0}
.clean2 li{font-size:14.5px;padding:11px 0 11px 24px;border-bottom:1px dashed var(--rule);position:relative;color:var(--body)}
.clean2 li:last-child{border-bottom:0}
.clean2 .out li::before{content:'\2715';position:absolute;left:0;top:13px;color:var(--lav);font-size:10px}
.clean2 .never li{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(139,122,153,.5)}
.clean2 .never li::before{content:'\2014';position:absolute;left:0;top:11px;color:var(--lavlt);text-decoration:none}
.prom{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.prom>div{background:var(--shell);padding:clamp(20px,2.4vw,30px)}
.prom .n{font-size:9.5px;letter-spacing:.24em;color:#75648A}
.prom h4{font-family:var(--serif);font-size:19px;margin:12px 0 8px;font-weight:300}
.prom p{font-size:13.5px;line-height:1.6;color:var(--body);margin:0}
.faq2{border-top:1px solid var(--rule);max-width:940px;margin:0 auto}
.faq2 details{border-bottom:1px solid var(--rule)}
.faq2 summary{list-style:none;cursor:pointer;padding:20px 42px 20px 0;font-family:var(--serif);font-size:clamp(17px,1.9vw,22px);color:var(--ink);position:relative}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--lav);font-size:18px}
.faq2 details[open] summary::after{content:'\2212'}
.faq2 .a{padding:0 40px 22px 0;font-size:14.5px;line-height:1.7;max-width:76ch}
.contact2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ruled);border:1px solid var(--ruled)}
.contact2>div{background:var(--plum);padding:clamp(24px,3vw,40px)}
.contact2 h3{font-family:var(--serif);font-size:clamp(20px,2.2vw,26px);color:#F4F0F7;margin-bottom:14px}
.contact2 .row{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--ruled);align-items:baseline}
.contact2 .row:first-of-type{border-top:0}
.contact2 .k{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#CDC2DD}
.contact2 .v{font-family:var(--serif);font-size:clamp(17px,1.8vw,22px);color:#F4F0F7}
.contact2 ul{list-style:none;margin:0;padding:0}
.contact2 ul li{padding:10px 0 10px 20px;border-bottom:1px dashed var(--ruled);position:relative;font-size:13.5px;color:rgba(242,238,246,.85)}
.contact2 ul li:last-child{border-bottom:0}
.contact2 ul li::before{content:'';position:absolute;left:0;top:19px;width:8px;height:1px;background:#CDC2DD}
.closer2{text-align:center;padding:clamp(52px,7vw,90px) 0}
.closer2 .sprig{width:clamp(96px,10vw,128px);margin:0 auto 24px}
.closer2 h2{font-family:var(--disp);font-size:clamp(26px,5vw,58px);letter-spacing:.14em;text-indent:.14em;color:var(--ink)}
.closer2 p{font-family:var(--serif);font-style:italic;font-size:clamp(17px,2vw,23px);color:var(--ink);margin:18px auto 26px;max-width:46ch}
.tile img{width:72%;height:auto;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.card:hover .tile img{transform:translateY(-5px) scale(1.03)}
.tile{background:linear-gradient(175deg,#FCFAF6,#F1ECE3)}
.pr .visual{aspect-ratio:4/5}.pr .visual img{width:78%;height:auto}
@media(max-width:980px){.founder,.mv2,.clean2,.contact2{grid-template-columns:1fr}.steps2,.prom{grid-template-columns:1fr 1fr}.portrait{margin:0 auto}}
@media(max-width:600px){.steps2,.prom{grid-template-columns:1fr}}

.links a.btn{padding:11px 20px;border:1px solid var(--plum);border-bottom:1px solid var(--plum)}
.links a.btn:hover{background:var(--plum2);color:#F4F0F7;border-color:var(--plum2)}

/* ── coming soon, done quietly ── */
.shimmer{background:linear-gradient(90deg,#8B7A99 0%,#3E3546 32%,#C3B8D4 50%,#3E3546 68%,#8B7A99 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:sheen 5.5s linear infinite}
@keyframes sheen{to{background-position:-220% 0}}
.announce .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#C3B8D4;
  margin-right:11px;vertical-align:1px;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(195,184,212,.5)}70%{box-shadow:0 0 0 9px rgba(195,184,212,0)}100%{box-shadow:0 0 0 0 rgba(195,184,212,0)}}
.soon2{display:flex;align-items:center;gap:18px;justify-content:center;margin-top:28px;
  font-size:11px;letter-spacing:.42em;text-transform:uppercase;text-indent:.42em}
.soon2 .ln{width:64px;height:1px;background:rgba(62,53,70,.22)}
.soonsub{margin-top:11px;font-size:12px;color:var(--muted);letter-spacing:.05em;text-align:center}
.soonbadge{position:absolute;top:12px;right:12px;z-index:2;overflow:hidden;display:grid;
  border:1px solid rgba(62,53,70,.16);background:rgba(252,250,246,.88);backdrop-filter:blur(3px);
  font-size:8px;letter-spacing:.22em;text-transform:uppercase;padding:6px 11px;pointer-events:none}
.soonbadge i,.soonbadge b{grid-area:1/1;font-style:normal;font-weight:300;white-space:nowrap;
  transition:opacity .3s,transform .3s;color:#75648A}
.soonbadge b{opacity:0;transform:translateY(7px);color:var(--plum)}
.card:hover .soonbadge i{opacity:0;transform:translateY(-7px)}
.card:hover .soonbadge b{opacity:1;transform:none}
.soonchip{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(139,122,153,.38);
  padding:8px 15px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;margin:10px 0 2px}
.soonchip .dot{width:5px;height:5px;border-radius:50%;background:#8B7A99;animation:pulse 2.4s ease-out infinite}
.hero .sprig svg path[fill="none"]{stroke-dasharray:280;stroke-dashoffset:280;animation:growstem 1.7s cubic-bezier(.4,0,.2,1) forwards}
.hero .sprig svg path:not([fill="none"]){opacity:0;animation:bloomin .9s ease .95s forwards}
.hero .sprig svg ellipse{opacity:0;animation:bloomin .8s ease 1.15s forwards}
@keyframes growstem{to{stroke-dashoffset:0}}
@keyframes bloomin{to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .shimmer,.announce .dot,.soonchip .dot{animation:none}
  .hero .sprig svg path,.hero .sprig svg ellipse{animation:none;opacity:1;stroke-dashoffset:0}}

.card .ordercta{margin-top:12px;align-self:flex-start;display:inline-flex;font-size:9px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--plum);border:1px solid rgba(62,53,70,.28);padding:9px 15px;transition:.3s}
.card:hover .ordercta{background:var(--plum);color:#F4F0F7;border-color:var(--plum)}

/* ── mobile nav: hamburger + off-canvas drawer ── */
.menubtn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;
  width:44px;height:44px;min-width:44px;border:1px solid var(--rule);background:none;cursor:pointer;
  padding:0;flex:none;-webkit-tap-highlight-color:transparent}
.menubtn span{display:block;width:22px;height:2px;min-height:2px;border-radius:1px;
  background-color:var(--ink);transition:transform .3s,opacity .3s;flex-shrink:0}
.menubtn[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menubtn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menubtn[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobilewrap{position:fixed;inset:0;z-index:300;visibility:hidden;pointer-events:none}
.mobilewrap.open{visibility:visible;pointer-events:auto}
.mobilebackdrop{position:absolute;inset:0;background:rgba(51,46,56,.45);opacity:0;transition:opacity .3s}
.mobilewrap.open .mobilebackdrop{opacity:1}
.mobilelinks{position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);max-width:100vw;
  background:var(--shell);box-shadow:-10px 0 34px rgba(0,0,0,.18);display:flex;flex-direction:column;
  gap:2px;padding:18px 10px calc(24px + env(safe-area-inset-bottom));transform:translateX(100%);
  transition:transform .35s cubic-bezier(.2,.7,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobilewrap.open .mobilelinks{transform:translateX(0)}
.mobilelinks a{display:block;padding:16px 18px;font-size:14.5px;letter-spacing:.05em;min-height:44px;
  border-bottom:1px solid var(--rule);color:var(--ink)}
.mobilelinks a.btn{margin:16px 8px 4px;border:1px solid var(--plum);border-bottom:1px solid var(--plum);
  text-align:center;padding:15px 20px}
.mobilelinks a.btn:hover,.mobilelinks a.btn:active{background:var(--plum2);color:#F4F0F7}
.mobileclose{align-self:flex-end;width:44px;height:44px;min-width:44px;border:none;background:none;
  font-size:28px;line-height:1;color:var(--muted);cursor:pointer;margin-bottom:4px;
  -webkit-tap-highlight-color:transparent}
@media(max-width:980px){.menubtn{display:flex}}
@media(min-width:981px){.menubtn,.mobilewrap{display:none !important}}

/* prevent CSS-grid blowout: let fr-track children shrink below their content's
   min-content width so long nowrap buttons/labels wrap instead of pushing layout
   wider than the viewport (was causing horizontal scroll on product pages ~1024px) */
.grid>*,.pr>*,.strip .wrap>*,.fg>*,.founder>*,.mv2>*,.steps2>*,.clean2>*,.prom>*,.contact2>*,.contact2 .row>*{min-width:0}
.orderbox .row{min-width:0}
.orderbox .row a{white-space:normal}