/* Luna Serena Boutique · Rose Garden Modern (Soft Pink) — approved concept-6 styles, verbatim */
:root{
 --ivory:#FFFAF5; --cream:#FBF1E7; --blush:#F7E1E5; --blush2:#F1CDD5; --rose:#C9647F; --deep:#9A3B4A;
 --champ:#F1E2C0; --butter:#F8EBC4; --gold:#BF9A4A; --goldlt:#E3CC93; --plum:#4A2B27; --muted:#8C6A62; --accent:#F4B6C2; --accentdk:#EFA3B3; --onaccent:#4A2B27; --berry:#7E2E3D; --line:#EADCD3;
 --script:'Pinyon Script',cursive; --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
 --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--plum);background:var(--ivory);overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
.wrap{max-width:1360px;margin:0 auto;padding:0 48px}
section{position:relative}
/* type helpers */
.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:500;display:inline-flex;align-items:center;gap:14px}
.eyebrow:before{content:"";width:34px;height:1px;background:var(--gold)}
.script{font-family:var(--script);color:var(--rose);font-weight:400}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.02;color:var(--plum)}
h2{font-size:58px;letter-spacing:-.005em}
h2 em,h1 em{font-style:italic;color:var(--deep)}
.lead{font-size:17px;line-height:1.8;color:var(--muted);font-weight:300}
.sprig{width:64px;height:22px;display:block;color:var(--gold)}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.shead .l .script{font-size:42px;line-height:1;display:block;margin-bottom:2px}
.shead.c{flex-direction:column;align-items:center;text-align:center;gap:0}
.shead.c .sprig{margin:16px auto 0}
.link{font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;display:inline-flex;align-items:center;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--plum);transition:.3s}
.link:hover{color:var(--rose);border-color:var(--rose);gap:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 34px;border-radius:999px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;transition:.35s var(--ease)}
.btn.dark{background:var(--accent);color:var(--onaccent)}.btn.dark:hover{background:var(--accentdk);transform:translateY(-2px)}
.btn.rose{background:var(--rose);color:#fff;box-shadow:0 14px 30px -14px rgba(201,100,127,.8)}.btn.rose:hover{background:var(--accent);color:var(--onaccent);transform:translateY(-2px)}
.btn.outline{border:1px solid var(--plum)}.btn.outline:hover{background:var(--accent);border-color:var(--accent);color:var(--onaccent)}
.btn.light{background:#fff;color:var(--plum)}.btn.light:hover{background:var(--champ)}
/* announcement */
.announce{background:var(--accent);color:var(--onaccent);font-size:12px;letter-spacing:.22em;text-transform:uppercase;height:40px;display:flex;align-items:center;justify-content:center;gap:40px}
.announce .msg{display:none}.announce .msg.on{display:block;animation:fade .6s}
.announce .side{position:absolute;font-size:11px}
.announce .side.l{left:48px}.announce .side.r{right:48px}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1}}
/* nav */
header{position:sticky;top:0;z-index:50;background:rgba(255,250,245,.88);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid transparent;transition:.3s}
header.scrolled{border-color:var(--line);box-shadow:0 10px 30px -24px rgba(74,43,39,.5)}
.nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:88px;gap:40px}
.logo{display:flex;flex-direction:column;line-height:1}
.logo .n{font-family:var(--script);font-size:44px;color:var(--deep)}
.logo .s{font-size:10px;letter-spacing:.62em;color:var(--gold);font-weight:500;margin-top:-2px;padding-left:4px}
.menu{display:flex;justify-content:center;gap:30px;white-space:nowrap}
.menu a{font-family:var(--serif);font-size:18.5px;font-weight:600;letter-spacing:.02em;position:relative;padding:6px 0}
.menu a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.menu a:hover:after{transform:scaleX(1);transform-origin:left}
.menu a.hl{color:var(--rose)}
.icons{display:flex;align-items:center;gap:22px}
.icons .search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px;width:190px;font-size:13px;color:var(--muted);white-space:nowrap}
.icons svg{width:21px;height:21px;stroke:var(--plum);fill:none;stroke-width:1.5}
.icons a{position:relative;display:flex}
.icons .c{position:absolute;top:-7px;right:-9px;background:var(--rose);color:#fff;font-size:10px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center}
/* hero */
.hero{padding:20px 0 0;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1fr 1fr;min-height:700px;align-items:stretch}
.hero .txt{padding:40px 40px 50px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.hero .script{font-size:52px;line-height:1;margin:18px 0 4px}
.hero h1{font-size:80px;line-height:.98;letter-spacing:-.01em}
.hero h1 .g{color:var(--gold);font-style:italic}
.hero .lead{max-width:470px;margin:26px 0 34px}
.hero .ctas{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.hero .stats{display:flex;gap:44px;margin-top:40px;padding-top:26px;border-top:1px solid var(--line);max-width:500px}
.hero .stats b{font-family:var(--serif);font-size:38px;font-weight:500;display:block;color:var(--deep);line-height:1}
.hero .stats span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero .vis{position:relative;margin-right:calc(-1 * (100vw - min(100vw,1360px)) / 2 - 48px)}
.hero .main{position:absolute;inset:0 0 0 60px;border-radius:360px 0 0 0;overflow:hidden;background:var(--blush)}
.hero .main img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.04);animation:heroIn 1.8s var(--ease) forwards}
@keyframes heroIn{to{transform:scale(1)}}
.hero .inset{position:absolute;left:-40px;bottom:60px;width:230px;height:300px;border-radius:120px 120px 16px 16px;overflow:hidden;border:8px solid var(--ivory);box-shadow:0 30px 60px -30px rgba(74,43,39,.6);z-index:3}
.hero .inset img{width:100%;height:100%;object-fit:cover}
.pcard{position:absolute;right:48px;bottom:48px;z-index:3;background:rgba(255,250,245,.94);backdrop-filter:blur(10px);border-radius:20px;padding:14px 22px 14px 14px;display:flex;align-items:center;gap:16px;box-shadow:0 24px 50px -24px rgba(74,43,39,.55)}
.pcard img{width:66px;height:84px;object-fit:cover;border-radius:40px 40px 10px 10px}
.pcard small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.pcard b{display:block;font-family:var(--serif);font-size:21px;font-weight:600;margin:2px 0}
.pcard span{color:var(--deep);font-weight:500}
.pcard .go{width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--onaccent);display:grid;place-items:center;margin-left:8px;transition:.3s}
.pcard:hover .go{background:var(--accentdk);transform:rotate(-45deg)}
.hero .tagv{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center;z-index:3;color:#fff;font-size:11px;letter-spacing:.5em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.3)}
/* trust strip */
.trust{background:var(--blush);margin-top:0}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:26px;padding-bottom:26px}
.trust .wrap>div{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:19px;font-weight:600}
.trust small{display:block;font-family:var(--sans);font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.04em}
.trust i{width:42px;height:42px;border-radius:50%;background:var(--ivory);display:grid;place-items:center;flex:none}
.trust i svg{width:20px;height:20px;stroke:var(--deep);fill:none;stroke-width:1.4}
/* categories */
.cats{padding:120px 0 110px}
.cgrid{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:auto;gap:28px;align-items:end}
.cat{position:relative;display:block}
.cat .img{overflow:hidden;position:relative}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.cat:hover img{transform:scale(1.06)}
.cat.a .img{height:700px;border-radius:340px 340px 0 0}
.cat.b .img{height:560px;border-radius:24px}
.cat.c .img{height:620px;border-radius:300px 300px 24px 24px}
.cat .card{position:relative;margin:-90px 26px 0;background:#fff;border-radius:20px;padding:26px 28px;box-shadow:0 30px 50px -36px rgba(74,43,39,.6);transition:transform .5s var(--ease)}
.cat:hover .card{transform:translateY(-8px)}
.cat .card .script{font-size:30px;line-height:1}
.cat .card h3{font-size:36px;font-weight:600}
.cat .card .row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;color:var(--muted)}
.cat .card .arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s}
.cat:hover .arrow{background:var(--accent);border-color:var(--accent);color:var(--onaccent)}
.cat .pill{position:absolute;top:24px;left:24px;background:rgba(255,250,245,.9);backdrop-filter:blur(6px);padding:8px 16px;border-radius:999px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;z-index:2}
/* products */
.arrivals{padding:110px 0 120px;background:linear-gradient(180deg,var(--cream),var(--ivory))}
.tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px}
.tabs button{padding:11px 22px;border-radius:999px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;transition:.3s;color:var(--muted)}
.tabs button.on{background:var(--accent);color:var(--onaccent)}
.tabs button:hover:not(.on){color:var(--plum)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:44px 28px}
.card{position:relative}
.card .ph{position:relative;aspect-ratio:3/4;border-radius:200px 200px 18px 18px;overflow:hidden;background:var(--blush)}
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s var(--ease),transform 1.4s var(--ease)}
.card .ph img.b{opacity:0}
.card:hover .ph img.a{opacity:0;transform:scale(1.05)}
.card:hover .ph img.b{opacity:1;transform:scale(1.05)}
.badge{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:2;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:7px 14px;border-radius:999px;background:rgba(255,250,245,.92);color:var(--deep);white-space:nowrap}
.badge.new{background:var(--rose);color:#fff}
.badge.best{background:var(--gold);color:#fff}
.heart{position:absolute;bottom:16px;right:16px;z-index:3;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;transition:.3s;box-shadow:0 6px 16px -8px rgba(0,0,0,.3)}
.heart svg{width:19px;height:19px;stroke:var(--deep);fill:none;stroke-width:1.6;transition:.3s}
.heart:hover{transform:scale(1.1)}
.heart.on svg{fill:var(--rose);stroke:var(--rose)}
.add{position:absolute;left:16px;bottom:16px;right:70px;z-index:3;height:42px;border-radius:999px;background:var(--accent);color:var(--onaccent);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;display:grid;place-items:center;opacity:0;transform:translateY(12px);transition:.45s var(--ease)}
.card:hover .add{opacity:1;transform:none}
.card .info{padding:20px 4px 0}
.card .top{display:flex;justify-content:space-between;align-items:center}
.card .cl{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.card .sw{display:flex;gap:6px}
.card .sw i{width:15px;height:15px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line);cursor:pointer;transition:.2s}
.card .sw i.on,.card .sw i:hover{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--gold)}
.card h4{font-size:23px;font-weight:600;margin:8px 0 6px;line-height:1.12}
.card .pr{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--deep)}
.card .pr .st{color:var(--gold);font-size:12px;letter-spacing:1px;font-weight:400}
.card .pr .st span{color:var(--muted);letter-spacing:0;margin-left:2px}
.center{text-align:center;margin-top:64px}
.center p{margin-top:14px;font-size:13px;color:var(--muted);letter-spacing:.04em}
/* editorial full-bleed */
.edit{position:relative;min-height:820px;display:grid;grid-template-columns:1fr 1fr}
.edit .half{position:relative;overflow:hidden}
.edit .half img{width:100%;height:100%;object-fit:cover;transition:transform 2s var(--ease)}
.edit:hover .half img{transform:scale(1.03)}
.edit .ecard{position:absolute;inset:0;margin:auto;height:fit-content;width:520px;background:var(--ivory);padding:60px 56px;border-radius:280px 280px 24px 24px;text-align:center;box-shadow:0 40px 80px -40px rgba(74,43,39,.7)}
.edit .ecard .script{font-size:46px;line-height:1}
.edit .ecard h2{font-size:56px;margin:4px 0 6px}
.edit .ecard .sprig{margin:16px auto 18px}
.edit .ecard p{margin-bottom:28px}
.edit .num{position:absolute;bottom:34px;color:#fff;font-size:12px;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.edit .num.l{left:40px}.edit .num.r{right:40px}
/* lookbook strip */
.looks{padding:110px 0}
.lgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:22px;align-items:end}
.lk{position:relative;overflow:hidden;border-radius:20px}
.lk img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}
.lk:hover img{transform:scale(1.06)}
.lk.t1{height:560px;border-radius:280px 280px 20px 20px}.lk.t2{height:440px}.lk.t3{height:500px;border-radius:250px 250px 20px 20px}.lk.t4{height:400px}
.lk .cap{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(255,250,245,.92);backdrop-filter:blur(6px);border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;transform:translateY(calc(100% + 20px));transition:.5s var(--ease)}
.lk:hover .cap{transform:none}
.lk .cap b{font-family:var(--serif);font-size:19px;font-weight:600}
.lk .cap span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}
.lk .no{position:absolute;top:16px;left:18px;color:#fff;font-family:var(--serif);font-style:italic;font-size:22px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
/* shop the look */
.stl{padding:120px 0;background:var(--blush)}
.stl .g{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}
.stl .scene{position:relative;height:720px}
.stl .scene .m{position:absolute;inset:0 90px 0 0;border-radius:24px;overflow:hidden}
.stl .scene .m img{width:100%;height:100%;object-fit:cover}
.stl .scene .s{position:absolute;right:0;bottom:-40px;width:250px;height:330px;border-radius:130px 130px 18px 18px;overflow:hidden;border:8px solid var(--blush)}
.stl .scene .s img{width:100%;height:100%;object-fit:cover}
.hot{position:absolute;z-index:3;width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--deep);box-shadow:0 0 0 7px rgba(255,255,255,.35)}
.hot:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid #fff;animation:pulse 2.2s infinite}
@keyframes pulse{to{transform:scale(1.8);opacity:0}}
.stl .list{margin:34px 0 34px;border-top:1px solid rgba(74,43,39,.12)}
.stl .it{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid rgba(74,43,39,.12);transition:.35s var(--ease)}
.stl .it:hover{padding-left:10px}
.stl .it img{width:76px;height:96px;object-fit:cover;border-radius:40px 40px 10px 10px}
.stl .it .n{width:26px;height:26px;border-radius:50%;border:1px solid var(--deep);display:grid;place-items:center;font-size:12px;color:var(--deep);flex:none}
.stl .it b{font-family:var(--serif);font-size:22px;font-weight:600;display:block}
.stl .it small{color:var(--muted);font-size:13px}
.stl .it .p{margin-left:auto;font-weight:500;color:var(--deep)}
/* carousel */
.also{padding:120px 0 110px;overflow:hidden}
.arrows{display:flex;gap:10px}
.arrows button{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;transition:.3s}
.arrows button:hover{background:var(--accent);border-color:var(--accent);color:var(--onaccent)}
.arrows svg{width:18px;stroke:currentColor;fill:none;stroke-width:1.6}
.rail{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;margin-right:calc(-1 * (100vw - min(100vw,1360px)) / 2 - 48px);padding-right:48px}
.rail::-webkit-scrollbar{display:none}
.rail .card{flex:0 0 290px;scroll-snap-align:start}
.rail .card .ph{border-radius:18px}
.progress{height:2px;background:var(--line);margin-top:40px;border-radius:2px;overflow:hidden}.progress i{display:block;height:100%;width:30%;background:var(--gold);transition:.4s}
/* quince band */
.quince{padding:0 0 120px}
.qbox{display:grid;grid-template-columns:1fr 1.1fr;background:var(--champ);border-radius:32px;overflow:hidden;min-height:560px}
.qbox .img{position:relative}
.qbox .img img{width:100%;height:100%;object-fit:cover}
.qbox .t{padding:70px 70px;display:flex;flex-direction:column;justify-content:center}
.qbox .t .script{font-size:48px;line-height:1}
.qbox .t h2{font-size:54px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0 36px}
.steps div{background:rgba(255,250,245,.75);border-radius:120px 120px 16px 16px;padding:30px 18px 22px;text-align:center}
.steps b{font-family:var(--script);font-size:44px;color:var(--rose);font-weight:400;line-height:.8;display:block}
.steps h4{font-size:24px;font-weight:600;margin:8px 0 4px}
.steps p{font-size:13px;color:var(--muted);line-height:1.5}
/* testimonials */
.testi{padding:20px 0 120px}
.tg{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}
.tfeat{display:grid;grid-template-columns:.85fr 1fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -45px rgba(74,43,39,.6)}
.tfeat img{width:100%;height:100%;object-fit:cover}
.tfeat .q{padding:50px 44px;display:flex;flex-direction:column;justify-content:center}
.qm{font-family:var(--serif);font-size:90px;line-height:.5;color:var(--blush2);height:34px}
.tfeat p{font-family:var(--serif);font-size:28px;font-style:italic;line-height:1.35}
.stars{color:var(--gold);letter-spacing:3px;font-size:14px;margin:18px 0 10px}
.who b{font-family:var(--serif);font-size:20px;font-weight:600;display:block}
.who span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.tside{display:grid;gap:28px}
.tsm{background:var(--blush);border-radius:28px;padding:36px 38px;display:flex;gap:22px;align-items:flex-start}
.tsm:nth-child(2){background:var(--butter)}
.tsm img{width:70px;height:70px;border-radius:50%;object-fit:cover;flex:none;border:3px solid #fff}
.tsm p{font-family:var(--serif);font-size:21px;font-style:italic;line-height:1.4;margin-bottom:12px}
.rating{display:flex;align-items:center;gap:16px;margin-top:4px;font-size:14px;color:var(--muted)}
.rating b{font-family:var(--serif);font-size:44px;color:var(--plum);font-weight:500}
/* instagram */
.insta{padding:0 0 120px}
.ig{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ig a{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden}
.ig a:nth-child(even){transform:translateY(34px)}
.ig img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ig a:after{content:"Shop this look";position:absolute;inset:0;background:rgba(244,182,194,.84);color:var(--onaccent);font-weight:500;display:grid;place-items:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:.4s}
.ig a:hover:after{opacity:1}.ig a:hover img{transform:scale(1.08)}
/* newsletter */
.news{padding:40px 0 120px}
.nbox{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:0;background:linear-gradient(120deg,var(--blush) 0%,var(--cream) 55%,var(--butter) 100%);border-radius:32px;overflow:hidden}
.nbox .img{height:440px;padding:40px 0 0 50px}
.nbox .img div{height:100%;border-radius:220px 220px 0 0;overflow:hidden}
.nbox .img img{width:100%;height:100%;object-fit:cover}
.nbox .t{padding:60px 70px}
.nbox .t .script{font-size:44px;line-height:1}
.nbox h2{font-size:50px}
.nbox form{display:flex;margin-top:28px;background:#fff;border-radius:999px;padding:6px;max-width:520px;box-shadow:0 20px 40px -30px rgba(74,43,39,.6)}
.nbox input{flex:1;border:0;outline:0;background:none;padding:0 22px;font:inherit;font-size:15px;color:var(--plum)}
.nbox small{display:block;margin-top:14px;color:var(--muted);font-size:12.5px}
/* footer */
footer{background:var(--accent);color:var(--onaccent);padding:90px 0 30px}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:50px}
footer .logo .n{color:var(--berry)}footer .logo .s{color:var(--onaccent)}
footer h6{font-family:var(--serif);font-size:23px;font-weight:600;color:var(--berry);margin-bottom:18px}
footer li{list-style:none;margin:11px 0;font-size:14px;transition:.3s}footer li:hover{color:var(--berry)}
footer p{font-size:14px;line-height:1.85}
.soc{display:flex;gap:10px;margin-top:22px}.soc a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(126,46,61,.45);display:grid;place-items:center;transition:.3s}.soc a:hover{background:var(--berry);border-color:var(--berry)}.soc a:hover svg{fill:#fff}.soc svg{width:17px;fill:var(--berry)}
.fline{display:flex;align-items:center;gap:20px;margin:60px 0 24px;color:var(--berry)}.fline:before,.fline:after{content:"";flex:1;height:1px;background:rgba(126,46,61,.3)}.fline .sprig{color:var(--berry)}
.fb{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em}
/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}
/* responsive */
@media(max-width:1180px){.icons .search{width:auto}.icons .search span{display:none}.menu{gap:24px}.hero h1{font-size:72px}.grid4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.menu{display:none}.nav{grid-template-columns:1fr auto}.hero .grid,.stl .g,.qbox,.tg,.nbox{grid-template-columns:1fr}.cgrid{grid-template-columns:1fr 1fr}.lgrid{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}.edit{grid-template-columns:1fr}.edit .half:last-child{display:none}}
@media(max-width:760px){
 .wrap{padding:0 20px}
 .announce{font-size:10px;letter-spacing:.14em}.announce .side{display:none}
 .nav{height:70px;gap:12px}.logo .n{font-size:34px}.logo .s{font-size:9px}
 .icons{gap:16px}.icons .search{border:0;padding:0;background:none}.icons .acct{display:none}
 .hero{padding:0}.hero .grid{min-height:0}.hero .vis{order:-1;height:470px;margin:0 -20px}.hero .main{inset:0 0 0 36px;border-radius:220px 0 0 0}
 .hero .inset{left:0;bottom:-30px;width:130px;height:170px;border-width:6px}.pcard{display:none}.hero .tagv{display:none}
 .hero .txt{padding:46px 0 50px}.hero .script{font-size:38px;margin-top:12px}.hero h1{font-size:54px}.hero .lead{font-size:15px;margin:18px 0 26px}
 .hero .stats{gap:26px;margin-top:36px}.hero .stats b{font-size:30px}
 .btn{padding:15px 26px;font-size:12px}
 .trust .wrap{grid-template-columns:1fr 1fr;gap:16px}.trust div{font-size:16px}
 h2{font-size:40px}.shead{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:34px}.shead .l .script{font-size:34px}
 .cats{padding:80px 0}.cgrid{grid-template-columns:1fr;gap:30px}.cat.a .img,.cat.b .img,.cat.c .img{height:460px}.cat .card h3{font-size:30px}
 .tabs{overflow-x:auto;max-width:100%}.tabs button{padding:10px 14px;font-size:11px;white-space:nowrap}
 .grid4{grid-template-columns:1fr 1fr;gap:30px 14px}.card h4{font-size:18px}.card .top{flex-direction:column;align-items:flex-start;gap:6px}.badge{top:14px;font-size:9px;padding:5px 9px}.add{display:none}.heart{width:36px;height:36px;bottom:10px;right:10px}
 .edit .ecard .eyebrow{font-size:10px;letter-spacing:.2em}.edit .ecard .eyebrow:before{display:none}.edit{min-height:640px}.edit .ecard{width:calc(100% - 40px);padding:44px 26px;border-radius:200px 200px 20px 20px}.edit .ecard h2{font-size:40px}
 .lgrid{grid-template-columns:1fr 1fr;gap:12px}.lk.t1,.lk.t2,.lk.t3,.lk.t4{height:260px}
 .stl{padding:80px 0}.stl .g{gap:60px}.stl .scene{height:460px}.stl .scene .m{inset:0 50px 0 0}.stl .scene .s{width:150px;height:200px;bottom:-30px}
 .rail .card{flex-basis:220px}
 .qbox .img{height:360px}.qbox .t{padding:44px 24px}.qbox .t h2{font-size:38px}.steps{grid-template-columns:1fr}
 .tfeat{grid-template-columns:1fr}.tfeat img{height:300px}.tfeat .q{padding:34px 26px}.tfeat p{font-size:23px}.tsm{padding:28px 24px}
 .ig{grid-template-columns:repeat(3,1fr);gap:8px}.ig a:nth-child(even){transform:none}
 .nbox .img{height:300px;padding:30px 30px 0}.nbox .t{padding:40px 24px}.nbox h2{font-size:36px}.nbox form{flex-direction:column;border-radius:24px;gap:6px}.nbox input{padding:12px 14px}
 .fg{grid-template-columns:1fr;gap:34px}.fb{flex-direction:column;gap:8px}
}

/* ───────── Live-site additions (same palette, type and shapes) ───────── */
.logo{white-space:nowrap}
.icons a.icon,.icons button.icon{position:relative;display:flex}
.icons button.icon svg{width:21px;height:21px;stroke:var(--plum);fill:none;stroke-width:1.5}
.icons .c[data-n="0"]{display:none}
.menu a.on{color:var(--rose)}
.mnav-btn{display:none}
.mnav{display:none}
@media(max-width:980px){
 .mnav-btn{display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin-left:-8px}
 .mnav-btn svg{width:24px;height:24px;stroke:var(--plum);fill:none;stroke-width:1.5}
 .nav{grid-template-columns:auto 1fr auto}
 .nav .logo{justify-self:start}
 .mnav{display:block;position:fixed;inset:0;z-index:120;pointer-events:none}
 .mnav .sc{position:absolute;inset:0;background:rgba(74,43,39,.35);opacity:0;transition:.3s}
 .mnav .pn{position:absolute;left:0;top:0;bottom:0;width:min(86vw,360px);background:var(--ivory);transform:translateX(-100%);transition:.4s var(--ease);padding:26px 26px 40px;overflow:auto}
 .mnav.open{pointer-events:auto}.mnav.open .sc{opacity:1}.mnav.open .pn{transform:none}
 .mnav .pn a{display:block;font-family:var(--serif);font-size:24px;font-weight:600;padding:12px 0;border-bottom:1px solid var(--line)}
 .mnav .pn .x{float:right;font-size:28px;line-height:1}
 .mnav .pn .soc{margin-top:18px}
 .mnav .pn .soc a{display:grid;padding:0;border:1px solid rgba(126,46,61,.45);font-size:0}
 .mnav .pn .call{margin-top:24px;font-family:var(--sans);font-size:14px;letter-spacing:.12em;text-transform:uppercase;border:0;color:var(--deep)}
}
.hero .stats b.sm{font-size:30px;white-space:nowrap}
.card:hover .ph .count{opacity:0}
.card .ph .count{transition:opacity .3s}
@media(max-width:760px){.hero .stats b.sm{font-size:24px;line-height:1.25}.card .ph .count{bottom:12px;left:10px;font-size:9px;padding:4px 8px}}
.pcard span.inq{font-size:13px;letter-spacing:.06em}
.empty{grid-column:1/-1;text-align:center;padding:40px 0;color:var(--muted)}
.card .ph a.full{position:absolute;inset:0;z-index:1}
.card .ph .count{position:absolute;bottom:20px;left:16px;z-index:2;font-size:10.5px;letter-spacing:.14em;padding:6px 10px;border-radius:999px;background:rgba(255,250,245,.92);color:var(--deep)}
.card .badge{z-index:2}
.card h4 a{color:inherit}
.card .sizes{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.card .pr .inq{color:var(--deep);font-style:italic;font-family:var(--serif);font-size:19px;font-weight:600}
.card .pr .was{color:var(--muted);font-weight:400}
.card .soldout{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:2;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:7px 14px;border-radius:999px;background:var(--plum);color:#fff}
.add{cursor:pointer}
.cat .card h3{line-height:1.05}
.lk .cap span{white-space:nowrap}
.stl .it{color:inherit}
.stl .it .p{text-align:right;font-size:14px}
.stl .it .p.inq{font-family:var(--serif);font-style:italic;font-size:18px;font-weight:600}
.visit-list{display:grid;gap:12px;margin:26px 0 8px}
.visit-list a,.visit-list div{display:flex;gap:14px;align-items:center;font-size:15.5px}
.visit-list i{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 10px 24px -18px rgba(74,43,39,.6)}
.visit-list svg{width:18px;height:18px;stroke:var(--deep);fill:none;stroke-width:1.5}
.nbox .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
footer a:hover{color:var(--berry)}
footer li a{display:inline-block}

/* page head (shop / returns) */
.phead{padding:70px 0 40px;background:linear-gradient(180deg,var(--cream),var(--ivory));text-align:center}
.phead .script{font-size:44px;line-height:1;display:block}
.phead h1{font-size:64px}
.phead .lead{max-width:620px;margin:16px auto 0}
.crumbs{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.crumbs a:hover{color:var(--rose)}
.shopbar{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin:0 0 40px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:.3s}
.chips button:hover{color:var(--plum);border-color:var(--blush2)}
.chips button.on{background:var(--accent);border-color:var(--accent);color:var(--onaccent)}
.chips button small{font-size:10px;opacity:.75;margin-left:6px;letter-spacing:.04em}
.tools{display:flex;gap:10px;align-items:center}
.tools .sbox{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;min-width:240px}
.tools .sbox svg{width:17px;height:17px;stroke:var(--muted);fill:none;stroke-width:1.6}
.tools input,.tools select{border:0;outline:0;background:none;font:inherit;font-size:14px;color:var(--plum);width:100%}
.tools select{background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 16px;width:auto;cursor:pointer}
.shop{padding:10px 0 120px}
.rcount{font-size:13px;color:var(--muted);margin:-20px 0 30px;letter-spacing:.04em}
@media(max-width:760px){.phead{padding:46px 0 28px}.phead h1{font-size:44px}.phead .script{font-size:34px}.shopbar{flex-direction:column;align-items:stretch}.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{white-space:nowrap}.tools .sbox{min-width:0;flex:1}}

/* product page */
.pdp{padding:40px 0 110px}
.pdp .g{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:start}
.gal{display:grid;grid-template-columns:92px 1fr;gap:18px;position:sticky;top:110px}
.gal.one{grid-template-columns:1fr}
.thumbs{display:flex;flex-direction:column;gap:12px;max-height:760px;overflow:auto;scrollbar-width:none}
.thumbs::-webkit-scrollbar{display:none}
.thumbs button{width:92px;aspect-ratio:3/4;border-radius:46px 46px 10px 10px;overflow:hidden;border:2px solid transparent;opacity:.7;transition:.3s;flex:none;background:var(--blush)}
.thumbs button img{width:100%;height:100%;object-fit:cover}
.thumbs button.on,.thumbs button:hover{opacity:1;border-color:var(--accent)}
.stage{position:relative;border-radius:300px 300px 22px 22px;overflow:hidden;background:var(--blush)}
.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:3/4;scroll-behavior:smooth}
.track::-webkit-scrollbar{display:none}
.track figure{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;position:relative}
.track img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.stage .nav-a{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 10px 24px -14px rgba(74,43,39,.6);transition:.3s;z-index:2}
.stage .nav-a:hover{background:var(--accent)}
.stage .nav-a svg{width:18px;stroke:var(--plum);fill:none;stroke-width:1.6}
.stage .prev{left:16px}.stage .next{right:16px}
.stage .ctr{position:absolute;right:18px;bottom:18px;background:rgba(255,250,245,.92);border-radius:999px;padding:6px 12px;font-size:12px;letter-spacing:.14em;z-index:2}
.dots{display:none;justify-content:center;gap:7px;margin-top:14px}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--blush2);transition:.3s}
.dots i.on{background:var(--rose);width:22px;border-radius:6px}
.pinfo .cl{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.pinfo .cl a:hover{color:var(--rose)}
.pinfo h1{font-size:50px;line-height:1.04;margin:12px 0 16px}
.pinfo .price{font-family:var(--serif);font-size:32px;font-weight:600;color:var(--deep)}
.inqbox{background:var(--blush);border-radius:24px;padding:26px 28px;margin:6px 0 4px}
.inqbox .script{font-size:34px;line-height:1;display:block}
.inqbox h3{font-size:30px;font-weight:600;margin:2px 0 6px}
.inqbox p{color:var(--muted);font-size:14.5px;line-height:1.7}
.inqbox .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.inqbox .btn{padding:15px 24px}
.qnote{margin:12px 4px 0;font-size:13px;line-height:1.6;color:var(--muted)}
.qnote a{color:var(--deep);text-decoration:underline}
.policy li a{text-decoration:underline;color:var(--deep)}
.sizes-h{display:flex;justify-content:space-between;align-items:baseline;margin:30px 0 12px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.sizes-h b{color:var(--plum);font-weight:500;letter-spacing:.12em}
.szs{display:flex;flex-wrap:wrap;gap:10px}
.szs button,.szs span{min-width:58px;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;letter-spacing:.08em;text-align:center;transition:.25s}
.szs button:hover{border-color:var(--accent)}
.szs button.on{background:var(--accent);border-color:var(--accent);color:var(--onaccent)}
.szs button:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.buy{display:flex;gap:12px;margin-top:26px;align-items:center;flex-wrap:wrap}
.buy .btn{flex:1;min-width:220px}
.buy .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.buy .heart{position:static;width:56px;height:56px;border:1px solid var(--line);box-shadow:none}
.pmsg{margin-top:18px;font-size:13.5px;color:var(--deep);min-height:20px}
.pmsg+.buy{margin-top:8px}
.desc{margin-top:34px;border-top:1px solid var(--line);padding-top:28px}
.desc h2{font-size:30px;margin-bottom:14px}
.desc p{font-size:15.5px;line-height:1.85;color:#6b4d47;margin-bottom:14px;white-space:pre-line}
.desc ul{margin:4px 0 18px;padding:0;list-style:none;display:grid;gap:8px}
.desc li{position:relative;padding-left:24px;font-size:15px;line-height:1.6;color:#6b4d47}
.desc li:before{content:"";position:absolute;left:4px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--blush)}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.perks div{display:flex;gap:12px;align-items:center;background:var(--cream);border-radius:16px;padding:14px 16px;font-size:13.5px}
.perks svg{width:20px;height:20px;stroke:var(--deep);fill:none;stroke-width:1.5;flex:none}
.related{padding:0 0 110px}
.notfound{padding:120px 0;text-align:center}
@media(max-width:980px){.pdp .g{grid-template-columns:1fr;gap:34px}.gal{position:static;grid-template-columns:1fr}.thumbs{flex-direction:row;order:2;max-height:none;overflow-x:auto}.thumbs button{width:72px}}
@media(max-width:760px){.pdp{padding:14px 0 80px}.gal{margin:0 -20px;gap:0}.stage{border-radius:0 0 26px 26px}.thumbs{display:none}.dots{display:flex}.stage .nav-a{display:none}.pinfo h1{font-size:36px}.perks{grid-template-columns:1fr}.inqbox{padding:22px 20px}.inqbox .btn{flex:1}}

/* bag drawer + checkout */
.drawer{position:fixed;inset:0;z-index:130;pointer-events:none}
.drawer .sc{position:absolute;inset:0;background:rgba(74,43,39,.35);opacity:0;transition:.3s}
.drawer .pn{position:absolute;right:0;top:0;bottom:0;width:min(100vw,440px);background:var(--ivory);transform:translateX(100%);transition:.45s var(--ease);display:flex;flex-direction:column}
.drawer.open{pointer-events:auto}.drawer.open .sc{opacity:1}.drawer.open .pn{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;padding:26px 28px;border-bottom:1px solid var(--line)}
.dh h3{font-size:32px;font-weight:600}
.dh .x{font-size:30px;line-height:1;width:40px;height:40px}
.db{flex:1;overflow:auto;padding:10px 28px}
.bi{display:grid;grid-template-columns:76px 1fr auto;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}
.bi img{width:76px;height:96px;object-fit:cover;border-radius:38px 38px 10px 10px;background:var(--blush)}
.bi b{font-family:var(--serif);font-size:19px;font-weight:600;display:block;line-height:1.15}
.bi small{color:var(--muted);font-size:12.5px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;margin-top:8px}
.qty button{width:30px;height:30px}
.qty span{min-width:20px;text-align:center;font-size:13px}
.bi .rm{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.bi .lp{font-weight:500;color:var(--deep);text-align:right}
.df{padding:22px 28px 28px;border-top:1px solid var(--line);background:#fff}
.row2{display:flex;justify-content:space-between;font-size:14px;margin:6px 0;color:var(--muted)}
.row2.t{font-size:17px;color:var(--plum);font-weight:500;margin-top:12px}
.df .btn{width:100%;margin-top:16px}
.df small{display:block;text-align:center;color:var(--muted);font-size:12px;margin-top:10px}
.bempty{text-align:center;padding:60px 10px;color:var(--muted)}
.bempty .script{font-size:38px;display:block;margin-bottom:8px}
.modal{position:fixed;inset:0;z-index:140;display:none;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto;background:rgba(74,43,39,.4)}
.modal.open{display:flex}
.mbox{background:var(--ivory);border-radius:28px;max-width:620px;width:100%;padding:38px 40px;position:relative;box-shadow:0 40px 80px -40px rgba(74,43,39,.7)}
.mbox .x{position:absolute;right:22px;top:18px;font-size:30px}
.mbox h3{font-size:38px;font-weight:600}
.mbox .script{font-size:32px;line-height:1;display:block}
.fs{margin-top:22px}
.fs h5{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:10px;font-family:var(--sans)}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.fr.three{grid-template-columns:2fr 1fr 1fr}
.fr.one{grid-template-columns:1fr}
.mbox input{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;font:inherit;font-size:14.5px;color:var(--plum);outline:0}
.mbox input:focus{border-color:var(--accentdk)}
.mbox label.ck{display:flex;gap:10px;align-items:center;font-size:14px;margin:6px 0 10px}
#card-container{min-height:90px;margin-top:4px}
.sum{background:#fff;border-radius:18px;padding:16px 20px;margin-top:20px}
.pstat{margin-top:12px;font-size:14px;min-height:20px}
.pstat.error{color:#9A3B4A}.pstat.success{color:#3d7a4f}
.mbox .btn{width:100%;margin-top:16px}
@media(max-width:760px){.mbox{padding:30px 20px;border-radius:22px}.fr,.fr.three{grid-template-columns:1fr}.modal{padding:16px 10px}}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;background:var(--plum);color:#fff;padding:13px 22px;border-radius:999px;font-size:13.5px;z-index:150;transition:.4s var(--ease);pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
/* returns page */
.policy{padding:20px 0 110px}
.policy .box{max-width:820px;margin:0 auto;background:#fff;border-radius:28px;padding:50px 56px;box-shadow:0 30px 60px -50px rgba(74,43,39,.6)}
.policy h2{font-size:34px;margin:30px 0 12px}
.policy h2:first-of-type{margin-top:0}
.policy p,.policy li{font-size:15.5px;line-height:1.8;color:#6b4d47}
.policy ul{margin:6px 0 10px 22px}
.policy strong{color:var(--plum);font-weight:500}
@media(max-width:760px){.policy .box{padding:32px 22px}}
[data-autocat][hidden]{display:none!important}
.szs[data-g]+.sizes-h{margin-top:18px}

/* product lightbox */
.track img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:1000;background:rgba(30,16,20,.95);opacity:0;transition:opacity .25s var(--ease,ease)}
.lb.open{opacity:1}
.lb[hidden]{display:none}
.lb-stage{position:absolute;inset:64px 84px 52px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.lb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;cursor:zoom-in;transition:transform .3s var(--ease,ease);user-select:none;-webkit-user-select:none;will-change:transform}
.lb.zoomed .lb-img{cursor:zoom-out;border-radius:0}
.lb-x{position:absolute;top:14px;right:16px;width:46px;height:46px;border-radius:50%;background:rgba(255,250,245,.14);display:grid;place-items:center;z-index:3;transition:.25s}
.lb-x:hover{background:rgba(255,250,245,.28)}
.lb-x svg{width:20px;stroke:#fff;fill:none;stroke-width:1.6}
.lb-a{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,250,245,.92);display:grid;place-items:center;z-index:3;transition:.25s;box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}
.lb-a:hover{background:var(--accent)}
.lb-a svg{width:20px;stroke:var(--plum);fill:none;stroke-width:1.6}
.lb-prev{left:18px}.lb-next{right:18px}
.lb-ctr{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:rgba(255,250,245,.85);font-size:12px;letter-spacing:.22em}
.lb-hint{position:absolute;top:28px;left:50%;transform:translateX(-50%);color:rgba(255,250,245,.6);font-size:11px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
@media (max-width:700px){.lb-stage{inset:66px 0 46px}.lb-a{width:40px;height:40px;background:rgba(255,250,245,.8)}.lb-prev{left:8px}.lb-next{right:8px}.lb-hint{top:30px;left:20px;transform:none;font-size:10px}}


/* ===== BEGIN BG-VARIANT-H (single statement crescent + heading accents, no repeating pattern; gold #BF9A4A, rare rose #D9A3A8) =====
   Drop-in replacement for the BG-VARIANT-E block in public/css/site.css (replace BEGIN..END of E with this whole block).
   To REVERT: delete everything from BEGIN to END. To ADJUST strength: change opacity on .hero .txt:before (statement) and .shead:before/.phead:before (accents). */
body{background-color:#FFF8EE}
.hero .txt:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:240px;height:240px;right:-165px;top:-40px;opacity:.5;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%20400%20400%22%3E%3Cg%20transform%3D%22translate%28184.0%20200.0%29%20rotate%28-28%29%22%3E%3Cpath%20d%3D%22M0%20-144.00A144.00%20144.00%200%201%200%200%20144.00A175.68%20175.68%200%200%201%200%20-144.00Z%22%20fill%3D%22none%22%20stroke%3D%22%23BF9A4A%22%20stroke-width%3D%221.5%22%20stroke-opacity%3D%221%22%2F%3E%3Cpath%20d%3D%22M0%20-135.36A135.36%20135.36%200%201%200%200%20135.36A162.43%20162.43%200%200%201%200%20-135.36Z%22%20fill%3D%22none%22%20stroke%3D%22%23BF9A4A%22%20stroke-width%3D%220.8999999999999999%22%20stroke-opacity%3D%220.55%22%2F%3E%3C%2Fg%3E%3Cpath%20transform%3D%22translate%28320.0%2080.0%29%20rotate%280%29%22%20fill%3D%22%23BF9A4A%22%20d%3D%22M0%20-20.00Q2.00%20-2.00%2014.00%200Q2.00%202.00%200%2020.00Q-2.00%202.00%20-14.00%200Q-2.00%20-2.00%200%20-20.00Z%22%2F%3E%3Cpath%20transform%3D%22translate%28352.0%20132.0%29%20rotate%280%29%22%20fill%3D%22%23BF9A4A%22%20d%3D%22M0%20-8.80Q0.88%20-0.88%206.16%200Q0.88%200.88%200%208.80Q-0.88%200.88%20-6.16%200Q-0.88%20-0.88%200%20-8.80Z%22%2F%3E%3Cpath%20transform%3D%22translate%28280.0%2040.0%29%20rotate%280%29%22%20fill%3D%22%23D9A3A8%22%20d%3D%22M0%20-6.40Q0.64%20-0.64%204.48%200Q0.64%200.64%200%206.40Q-0.64%200.64%20-4.48%200Q-0.64%20-0.64%200%20-6.40Z%22%2F%3E%3Cpath%20transform%3D%22translate%28344.0%20280.0%29%20rotate%280%29%22%20fill%3D%22%23BF9A4A%22%20d%3D%22M0%20-12.00Q1.20%20-1.20%208.40%200Q1.20%201.20%200%2012.00Q-1.20%201.20%20-8.40%200Q-1.20%20-1.20%200%20-12.00Z%22%2F%3E%3Cpath%20transform%3D%22translate%2872.0%20352.0%29%20rotate%280%29%22%20fill%3D%22%23BF9A4A%22%20d%3D%22M0%20-7.20Q0.72%20-0.72%205.04%200Q0.72%200.72%200%207.20Q-0.72%200.72%20-5.04%200Q-0.72%20-0.72%200%20-7.20Z%22%2F%3E%3Ccircle%20cx%3D%22248.0%22%20cy%3D%22104.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3Ccircle%20cx%3D%22376.0%22%20cy%3D%22208.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3Ccircle%20cx%3D%22304.0%22%20cy%3D%22336.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3Ccircle%20cx%3D%22120.0%22%20cy%3D%2224.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3Ccircle%20cx%3D%22388.0%22%20cy%3D%2260.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
@media(max-width:980px){.hero .txt:before{width:270px;height:270px;right:-78px;top:-34px;opacity:.48}}
@media(max-width:760px){.hero .txt:before{width:120px;height:120px;right:auto;left:max(222px,calc(100% - 110px));top:auto;bottom:202px;opacity:.5}}
@media(min-width:506px) and (max-width:519px){.hero .txt:before{bottom:175px}}
@media(min-width:520px) and (max-width:760px){.hero .txt:before{width:150px;height:150px;left:auto;right:-12px;bottom:auto;top:96px}}
.cats .shead,.arrivals .shead,.looks .shead,.also .shead,.insta .shead{position:relative}
.cats .shead:before,.arrivals .shead:before,.looks .shead:before,.also .shead:before,.insta .shead:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:120px;height:120px;left:-38px;top:-56px;opacity:.7;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20transform%3D%22translate%2845.6%2060.0%29%20rotate%28-25%29%22%3E%3Cpath%20d%3D%22M0%20-24.00A24.00%2024.00%200%201%200%200%2024.00A30.72%2030.72%200%200%201%200%20-24.00Z%22%20fill%3D%22none%22%20stroke%3D%22%23BF9A4A%22%20stroke-width%3D%221.15%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cpath%20transform%3D%22translate%2884.0%2036.0%29%20rotate%280%29%22%20fill%3D%22%23BF9A4A%22%20d%3D%22M0%20-12.00Q1.32%20-1.32%208.40%200Q1.32%201.32%200%2012.00Q-1.32%201.32%20-8.40%200Q-1.32%20-1.32%200%20-12.00Z%22%2F%3E%3Cpath%20transform%3D%22translate%2898.4%2069.6%29%20rotate%280%29%22%20fill%3D%22%23D9A3A8%22%20d%3D%22M0%20-6.00Q0.66%20-0.66%204.20%200Q0.66%200.66%200%206.00Q-0.66%200.66%20-4.20%200Q-0.66%20-0.66%200%20-6.00Z%22%2F%3E%3Ccircle%20cx%3D%2274.4%22%20cy%3D%2286.4%22%20r%3D%221.44%22%20fill%3D%22%23BF9A4A%22%2F%3E%3Ccircle%20cx%3D%22108.0%22%20cy%3D%2221.6%22%20r%3D%221.20%22%20fill%3D%22%23BF9A4A%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.insta .shead:before{left:50%;margin-left:-190px;top:-40px}
.phead{position:relative;overflow:hidden}
.phead:before{content:"";position:absolute;pointer-events:none;width:300px;height:300px;right:max(4vw,calc(50% - 560px));top:-40px;opacity:.45;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%20400%20400%22%3E%3Cg%20transform%3D%22translate%28184.0%20200.0%29%20rotate%28-28%29%22%3E%3Cpath%20d%3D%22M0%20-144.00A144.00%20144.00%200%201%200%200%20144.00A175.68%20175.68%200%200%201%200%20-144.00Z%22%20fill%3D%22none%22%20stroke%3D%22%23BF9A4A%22%20stroke-width%3D%221.5%22%20stroke-opacity%3D%221%22%2F%3E%3Cpath%20d%3D%22M0%20-135.36A135.36%20135.36%200%201%200%200%20135.36A162.43%20162.43%200%200%201%200%20-135.36Z%22%20fill%3D%22none%22%20stroke%3D%22%23BF9A4A%22%20stroke-width%3D%220.8999999999999999%22%20stroke-opacity%3D%220.55%22%2F%3E%3C%2Fg%3E%3Cpath%20transform%3D%22translate%28320.0%2080.0%29%20rotate%280%29%22%20fill%3D%22%23BF9A4A%22%20d%3D%22M0%20-20.00Q2.00%20-2.00%2014.00%200Q2.00%202.00%200%2020.00Q-2.00%202.00%20-14.00%200Q-2.00%20-2.00%200%20-20.00Z%22%2F%3E%3Cpath%20transform%3D%22translate%28352.0%20132.0%29%20rotate%280%29%22%20fill%3D%22%23BF9A4A%22%20d%3D%22M0%20-8.80Q0.88%20-0.88%206.16%200Q0.88%200.88%200%208.80Q-0.88%200.88%20-6.16%200Q-0.88%20-0.88%200%20-8.80Z%22%2F%3E%3Cpath%20transform%3D%22translate%28280.0%2040.0%29%20rotate%280%29%22%20fill%3D%22%23D9A3A8%22%20d%3D%22M0%20-6.40Q0.64%20-0.64%204.48%200Q0.64%200.64%200%206.40Q-0.64%200.64%20-4.48%200Q-0.64%20-0.64%200%20-6.40Z%22%2F%3E%3Cpath%20transform%3D%22translate%28344.0%20280.0%29%20rotate%280%29%22%20fill%3D%22%23BF9A4A%22%20d%3D%22M0%20-12.00Q1.20%20-1.20%208.40%200Q1.20%201.20%200%2012.00Q-1.20%201.20%20-8.40%200Q-1.20%20-1.20%200%20-12.00Z%22%2F%3E%3Cpath%20transform%3D%22translate%2872.0%20352.0%29%20rotate%280%29%22%20fill%3D%22%23BF9A4A%22%20d%3D%22M0%20-7.20Q0.72%20-0.72%205.04%200Q0.72%200.72%200%207.20Q-0.72%200.72%20-5.04%200Q-0.72%20-0.72%200%20-7.20Z%22%2F%3E%3Ccircle%20cx%3D%22248.0%22%20cy%3D%22104.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3Ccircle%20cx%3D%22376.0%22%20cy%3D%22208.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3Ccircle%20cx%3D%22304.0%22%20cy%3D%22336.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3Ccircle%20cx%3D%22120.0%22%20cy%3D%2224.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3Ccircle%20cx%3D%22388.0%22%20cy%3D%2260.0%22%20r%3D%221.60%22%20fill%3D%22%23BF9A4A%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
@media(max-width:760px){.phead:before{width:190px;height:190px;right:-60px;top:-30px;opacity:.45}.cats .shead:before,.arrivals .shead:before,.looks .shead:before,.also .shead:before{left:-12px;top:-62px;width:100px;height:100px}}
.phead>*{position:relative}
header{background:rgba(255,248,238,.9)}
.arrivals{background:linear-gradient(180deg,rgba(252,239,223,.8),rgba(255,248,238,0))}
.phead{background:linear-gradient(180deg,rgba(252,239,223,.8),rgba(255,248,238,0))}
.hero .inset{border-color:#FFF8EE}
/* ===== END BG-VARIANT-H ===== */