:root{--cream:#FBF6EE;--card:#fff;--ink:#41382F;--head:#352E27;--muted:#7A6E60;
--peach:#E2A081;--peach-d:#CC7E5C;--sage:#9DAE8E;--sage-d:#66745A;--tan:#BBA77F;--line:#EBE0CD;}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Jost',system-ui,sans-serif;font-weight:300;line-height:1.6}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
h1,h2,h3,.wordmark,.fbrand,.fc span{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;color:var(--head);letter-spacing:.01em}
a{color:inherit;text-decoration:none}
.kick{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--sage-d);font-weight:400}
.kick.light{color:#f3ead9}
.announce{background:var(--sage-d);color:#fdf8ef;text-align:center;font-size:.74rem;letter-spacing:.14em;padding:7px;text-transform:uppercase}
/* header */
#hdr{position:sticky;top:0;z-index:50;background:rgba(251,246,238,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);transition:padding .25s}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 22px}
.brand img{height:46px;display:block}.wordmark{font-size:1.5rem;color:var(--peach-d)}
.links{display:flex;gap:26px}.links a{font-size:.82rem;letter-spacing:.05em;color:var(--ink);position:relative;padding:4px 0}
.links a:hover,.links a.on{color:var(--peach-d)}
.links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--peach-d);transition:width .25s}.links a:hover::after{width:100%}
.navicons{display:flex;gap:16px;font-size:.95rem;color:var(--ink)}.navicons i{font-style:normal;font-size:.7rem}
.burger{display:none;background:none;border:0;font-size:1.3rem}
/* hero */
.hero{min-height:74vh;display:flex;align-items:center;background-size:cover;background-position:center;position:relative}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,246,238,.85),rgba(251,246,238,.25))}
.hero-in{position:relative;z-index:2;max-width:560px;margin-left:8%;padding:40px 0}
.hero h1{font-size:3.4rem;line-height:1.05;margin:14px 0 10px}
.hero p{font-size:1.05rem;color:var(--ink);max-width:420px}
.btn{display:inline-block;margin-top:20px;background:var(--sage-d);color:#fdf8ef;padding:13px 30px;border-radius:2px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--sage-d);cursor:pointer;transition:.2s}
.btn:hover{background:transparent;color:var(--sage-d)}
.btn.light{background:#fdf8ef;color:var(--head);border-color:#fdf8ef}.btn.light:hover{background:transparent;color:#fdf8ef}
/* sections */
.rh{font-size:2rem;margin:48px 0 20px}.rh.center{text-align:center}
.feat{padding-bottom:10px}
.fcs{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:18px}
.fc{text-align:center}.fc-img{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#efe6d6;margin-bottom:10px;box-shadow:0 14px 30px -20px rgba(53,46,39,.5)}
.fc-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.fc:hover .fc-img img{transform:scale(1.08)}
.fc span{display:block;font-size:1.05rem}
/* grid + cards */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:8px 0 40px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -22px rgba(53,46,39,.45)}
.ph{aspect-ratio:1;background:#f1e8d8;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover .ph img{transform:scale(1.06)}
.noimg{display:flex;align-items:center;justify-content:center;height:100%;color:var(--tan);font-style:italic;font-size:.85rem}.noimg.big{min-height:420px}
.cb{padding:13px 14px}.cb h3{font-size:1.12rem;margin:0 0 3px;line-height:1.15}
.tg{font-size:.8rem;color:var(--muted);margin:0 0 8px;min-height:2.2em}
.pr{color:var(--peach-d);font-weight:500;letter-spacing:.03em}.pr .soon{color:var(--sage-d);font-size:.8rem}
/* collection hero */
.collhero,.abouthero{background:#f1e8d8;padding:46px 0;text-align:center}.collhero h1,.abouthero h1{font-size:2.6rem;margin:.2em 0}
/* maker */
.maker{background:#f4 ebda;background:#F3EAD9;margin:50px 0}
.makergrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:0}
.makerimg img{width:100%;border-radius:4px;display:block}.maker .makergrid{padding:0}
.maker{padding:0}.maker .makergrid{padding:46px 22px}
.makertext h2{font-size:2rem;margin:.2em 0}.link{color:var(--peach-d);border-bottom:1px solid var(--peach-d);font-size:.85rem}
/* band */
.band{background-size:cover;background-position:center;position:relative;margin:54px 0;min-height:340px;display:flex;align-items:center}
.band::after{content:"";position:absolute;inset:0;background:rgba(53,46,39,.5)}
.band.plain2{background:var(--sage-d)}.band.plain2::after{background:rgba(0,0,0,.06)}
.bandin{position:relative;z-index:2;color:#fdf8ef;text-align:center;width:100%}
.bandin h2{color:#fdf8ef;font-size:2.3rem;margin:.2em 0}.bandin p{max-width:520px;margin:0 auto 6px}
/* why */
.why{margin:50px auto}.whygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.whygrid b{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--head);display:block;margin-bottom:4px}
.whygrid span{font-size:.85rem;color:var(--muted)}
/* pdp */
.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:46px;margin:34px auto}
.phero-wrap{aspect-ratio:1;background:#f1e8d8;border-radius:12px;overflow:hidden}#phero{width:100%;height:100%;object-fit:cover}
.thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.gimg{width:68px;height:68px;object-fit:cover;border-radius:7px;cursor:pointer;border:1px solid var(--line);opacity:.7}.gimg.on,.gimg:hover{opacity:1;border-color:var(--peach)}
.crumb{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-d);margin-bottom:8px}
.pdp-info h1{font-size:2.3rem;margin:0 0 6px;line-height:1.05}
.tagline{font-size:1.05rem;color:var(--muted);font-style:italic}
.price.big{font-size:1.5rem;color:var(--peach-d);margin:14px 0}
.desc{color:var(--ink)}.feat{list-style:none;padding:0;margin:16px 0}.feat li{padding:6px 0 6px 22px;position:relative;font-size:.92rem;border-bottom:1px solid var(--line)}
.feat li::before{content:"✦";position:absolute;left:0;color:var(--sage-d)}
.atc{margin:14px 0;background:var(--peach-d);color:#fff;border:0;padding:14px 34px;border-radius:2px;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;cursor:pointer;transition:.2s}.atc:hover{background:var(--sage-d)}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.badges span{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;background:#f1e8d8;color:var(--sage-d);padding:5px 11px;border-radius:20px}
/* 3d hub */
.hero3{min-height:48vh;display:flex;align-items:flex-end;background-size:cover;background-position:center;position:relative;color:#fff}
.hero3::after{content:"";position:absolute;inset:0;background:rgba(53,46,39,.5)}.hero3 .wrap{position:relative;z-index:2;padding:40px 22px}
.hero3.plain{background:var(--sage-d)}.hero3 h1{color:#fff;font-size:2.8rem;margin:.1em 0}.hero3 p{max-width:560px}
.growth{text-align:center;color:var(--muted);font-style:italic;margin:20px 0 50px}
/* about */
.aboutgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;margin:40px auto;align-items:start}
.aboutimg img{width:100%;border-radius:6px}.abouttext p{margin:0 0 14px}
/* before/after */
.balist{margin:34px auto 60px}.ba-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:26px}
.ba{border-radius:12px;overflow:hidden;border:1px solid var(--line)}.ba .bx{padding:20px}
.ba.before{background:#f7f1e6}.ba.after{background:#fff;border-color:var(--sage)}
.lbl{display:block;padding:8px 20px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;background:#e7d9bf;color:#7a6e60}
.lbl.good{background:var(--sage-d);color:#fdf8ef}
.ba img{width:100%;border-radius:8px;margin-bottom:10px}
.pr.bad{color:#b04a3a;font-weight:600}.empty{color:#b04a3a;font-style:italic}
ul.x,ul.check{list-style:none;padding:0;margin:0}ul.x li,ul.check li{padding:7px 0 7px 26px;position:relative;border-bottom:1px dashed var(--line);font-size:.92rem}
ul.x li::before{content:"✕";position:absolute;left:0;color:#b04a3a}ul.check li::before{content:"✓";position:absolute;left:0;color:var(--sage-d)}
/* footer */
footer{background:#2f2a23;color:#e9dcc7;margin-top:60px;padding:46px 0 24px}
.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.fbrand{font-size:1.5rem;color:#fff;margin-bottom:8px}footer h4{color:#fff;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-family:'Jost',sans-serif}
footer a{display:block;color:#cdbfa6;font-size:.86rem;padding:3px 0}footer a:hover{color:#fff}
.fine{border-top:1px solid #463f34;margin-top:30px;padding-top:16px;font-size:.74rem;color:#9b8e78}
/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.in{opacity:1;transform:none}
/* responsive */
@media(max-width:900px){.fcs,.whygrid,.footgrid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}
.pdp,.makergrid,.aboutgrid,.ba-row{grid-template-columns:1fr}.links{display:none}body.navopen .links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--cream);padding:16px 22px;gap:14px;border-bottom:1px solid var(--line)}.burger{display:block}.hero h1{font-size:2.4rem}}