/** Shopify CDN: Minification failed

Line 275:0 Unexpected "<"

**/
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#F5EFE4;
  --deep:#1C0F07;
  --maroon:#6B1A1A;
  --teal:#3D7D78;
  --gold:#C9A96E;
  --gold-light:#E8D5A8;
  --text-on-dark:#F5EFE4;
  --text-muted-dark:#9A8A75;
}

body {
    background-color: var(--cream);
    color: var(--deep);
}

.w-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--deep);border-bottom:0.5px solid rgba(201,169,110,0.2)}
.w-logo{font-size:20px;font-weight:500;color:var(--gold);letter-spacing:0.18em;text-transform:uppercase}
.w-navlinks{display:flex;gap:28px}
.w-navlink{font-size:10px;color:var(--text-muted-dark);letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:color 0.15s;text-decoration:none}
.w-navlink:hover{color:var(--gold)}
.w-cart{font-size:10px;color:var(--text-muted-dark);letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;text-decoration:none}

.hero-wrap{background:var(--deep);display:flex;align-items:stretch;min-height:500px;position:relative;overflow:hidden}
.hero-bg-pattern{position:absolute;inset:0;opacity:0.04;pointer-events:none;width:100%}
.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:52px 40px;z-index:2;max-width:440px}
.hero-kicker{font-size:9px;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:10px}
.hero-kicker-line{flex:1;max-width:40px;height:0.5px;background:var(--gold);opacity:0.5}
.hero-h1{font-size:46px;font-weight:500;color:var(--text-on-dark);line-height:1.05;margin-bottom:18px}
.hero-h1 em{color:var(--gold);font-style:normal}
.hero-p{font-size:13px;color:var(--text-muted-dark);line-height:1.8;margin-bottom:32px;max-width:320px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{padding:12px 26px;background:var(--gold);color:var(--deep);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;font-weight:500;border:none;cursor:pointer;border-radius:1px;text-decoration:none}
.btn-outline{padding:12px 26px;background:transparent;color:var(--gold);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;border:0.5px solid rgba(201,169,110,0.5);cursor:pointer;border-radius:1px;text-decoration:none}
.hero-product-showcase{width:360px;display:flex;align-items:center;justify-content:center;padding:32px;position:relative;z-index:2}

.warli-band{background:var(--maroon);padding:9px 28px;overflow:hidden;position:relative}
.warli-band-inner{display:flex;align-items:center;gap:0;white-space:nowrap;width:max-content;animation:marquee 20s linear infinite}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.warli-band-text{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--cream);padding:0 28px;opacity:0.9}
.warli-band-divider{color:var(--gold);opacity:0.6;font-size:10px}

.section{padding:52px 28px;background:var(--cream)}
.section.dark{background:var(--deep)}
.section.mid{background:#F0E8D8}
.eyebrow{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.eyebrow.dark{color:var(--gold)}
.section-h{font-size:28px;font-weight:500;color:var(--deep);margin-bottom:8px;line-height:1.2}
.section-h.dark{color:var(--text-on-dark)}
.section-p{font-size:13px;color:#5a4a3a;line-height:1.75;max-width:500px;margin-bottom:32px}
.section-p.dark{color:var(--text-muted-dark)}

.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}
.pcard{background:#fff;border-radius:4px;overflow:hidden;cursor:pointer;border:0.5px solid rgba(0,0,0,0.08);transition:border-color 0.15s;text-decoration:none;display:block}
.pcard:hover{border-color:var(--gold)}
.pcard-img{height:220px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.pcard-img.maroon-bg{background:var(--maroon)}
.pcard-img.cream-bg{background:#F0EAD8}
.pcard-img.teal-bg{background:var(--teal)}
.pcard-img.black-bg{background:#0D0D0D}
.pcard-badge{position:absolute;top:10px;left:10px;background:var(--gold);color:var(--deep);font-size:8px;letter-spacing:0.12em;text-transform:uppercase;padding:3px 8px;font-weight:500;z-index:2}
.pcard-info{padding:14px 14px 16px}
.pcard-name{font-size:13px;font-weight:500;color:var(--deep);margin-bottom:4px}
.pcard-motif{font-size:10px;color:#8a7060;margin-bottom:8px;letter-spacing:0.06em}
.pcard-price{font-size:14px;font-weight:500;color:var(--deep)}
.pcard-price span{font-size:11px;color:#9a8a75;text-decoration:line-through;margin-left:6px;font-weight:400}

.story-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.story-art-box{background:var(--maroon);border-radius:4px;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.story-text-block{display:flex;flex-direction:column;gap:18px}
.story-quote{font-size:20px;font-weight:500;color:var(--text-on-dark);line-height:1.45;border-left:2px solid var(--gold);padding-left:18px;border-radius:0;margin:0}
.story-body{font-size:13px;color:var(--text-muted-dark);line-height:1.8}
.story-cta{font-size:10px;color:var(--gold);letter-spacing:0.12em;text-transform:uppercase;background:none;border:0.5px solid rgba(201,169,110,0.4);padding:9px 18px;cursor:pointer;border-radius:1px;width:fit-content;display:inline-block;text-decoration:none}
.story-cta:hover{background:var(--gold);color:var(--deep)}

.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.proc-card{text-align:center;padding:24px 16px}
.proc-num{font-size:32px;font-weight:500;color:rgba(201,169,110,0.25);margin-bottom:8px}
.proc-title{font-size:12px;font-weight:500;color:var(--deep);margin-bottom:6px;letter-spacing:0.04em}
.proc-body{font-size:11px;color:#7a6a5a;line-height:1.65}

.motif-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}
.motif-tile{background:#fff;border:0.5px solid rgba(0,0,0,0.08);border-radius:4px;padding:18px 14px;text-align:center;cursor:pointer;transition:border-color 0.15s}
.motif-tile:hover,.motif-tile.on{border-color:var(--gold)}
.motif-tile.on{background:#FDF8F0}
.motif-tname{font-size:12px;font-weight:500;color:var(--deep);margin-top:10px}
.motif-tsub{font-size:10px;color:#8a7060;margin-top:3px;line-height:1.5}
.motif-info{background:#FDF8F0;border:0.5px solid rgba(201,169,110,0.3);border-radius:4px;padding:16px 18px;font-size:13px;color:#5a3a10;line-height:1.75;min-height:60px;transition:all 0.2s}
.motif-info-content{display:none;}
.motif-info-content.active{display:block;animation:fadeIn 0.3s;}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.email-section{background:var(--maroon);padding:44px 28px;text-align:center}
.email-h{font-size:22px;font-weight:500;color:var(--cream);margin-bottom:8px}
.email-p{font-size:13px;color:rgba(245,239,228,0.65);margin-bottom:22px}
.email-row{display:flex;max-width:360px;margin:0 auto}
.email-in{flex:1;padding:10px 14px;font-size:13px;background:rgba(245,239,228,0.1);border:0.5px solid rgba(201,169,110,0.5);color:var(--cream);border-radius:1px 0 0 1px;outline:none}
.email-in::placeholder{color:rgba(245,239,228,0.35)}
.email-btn{padding:10px 20px;background:var(--gold);color:var(--deep);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;border:none;cursor:pointer;border-radius:0 1px 1px 0}

.footer{background:var(--deep);padding:20px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:0.5px solid rgba(201,169,110,0.15)}
.footer-logo{font-size:14px;font-weight:500;color:var(--gold);letter-spacing:0.16em;text-transform:uppercase}
.footer-tagline{font-size:10px;color:var(--text-muted-dark);letter-spacing:0.08em;margin-top:4px}
.footer-links{display:flex;gap:18px}
.footer-link{font-size:10px;color:var(--text-muted-dark);letter-spacing:0.08em;cursor:pointer;text-decoration:none}
.footer-link:hover{color:var(--gold)}

/* Media queries to make it somewhat responsive, since original HTML wasn't entirely */
@media (max-width: 900px) {
    .story-split { grid-template-columns: 1fr; }
    .process-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-wrap { flex-direction: column; align-items: center; text-align: center; }
    .hero-kicker { justify-content: center; }
    .hero-btns { justify-content: center; }
    .hero-product-showcase { padding: 16px; margin-top:20px; }
}

@media (max-width: 600px) {
    .process-grid { grid-template-columns: 1fr; }
    .motif-row { grid-template-columns: 1fr; }
    .footer { flex-direction: column; text-align: center; gap: 16px;}
    .w-navlinks { display: none; }
}
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --deep:#1C0F07;
  --maroon:#6B1A1A;
  --teal:#3D7D78;
  --gold:#C9A96E;
  --cream:#F5EFE4;
  --cream2:#EDE3D0;
  --text-d:#F5EFE4;
  --muted-d:#9A8A75;
  --text-l:#1C0F07;
  --muted-l:#7A6050;
}

.w-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--deep);border-bottom:0.5px solid rgba(201,169,110,0.2)}
.w-logo{font-size:18px;font-weight:500;color:var(--gold);letter-spacing:0.18em;text-transform:uppercase;cursor:pointer}
.w-navlinks{display:flex;gap:6px}
.w-navlink{font-size:10px;color:var(--muted-d);letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;padding:6px 12px;border-radius:2px;transition:all 0.15s;border:0.5px solid transparent}
.w-navlink:hover{color:var(--gold);border-color:rgba(201,169,110,0.3)}
.w-navlink.active{color:var(--gold);border-color:rgba(201,169,110,0.5)}
.w-cart{font-size:10px;color:var(--muted-d);letter-spacing:0.1em;text-transform:uppercase;cursor:pointer}

.page{display:none}
.page.active{display:block}

.pg-hero{background:var(--deep);padding:52px 32px 44px;position:relative;overflow:hidden}
.pg-hero-bg{position:absolute;inset:0;opacity:0.05;pointer-events:none}
.pg-eyebrow{font-size:9px;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;position:relative}
.pg-h1{font-size:40px;font-weight:500;color:var(--text-d);line-height:1.08;margin-bottom:14px;position:relative}
.pg-h1 em{color:var(--gold);font-style:normal}
.pg-sub{font-size:13px;color:var(--muted-d);line-height:1.8;max-width:520px;position:relative}

.sec{padding:44px 32px;background:var(--cream)}
.sec.dark{background:var(--deep)}
.sec.mid{background:var(--cream2)}
.sec.maroon{background:var(--maroon)}
.ey{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.sh{font-size:24px;font-weight:500;color:var(--text-l);margin-bottom:8px;line-height:1.2}
.sh.d{color:var(--text-d)}
.sp{font-size:13px;color:var(--muted-l);line-height:1.75;max-width:520px;margin-bottom:28px}
.sp.d{color:var(--muted-d)}

.btn-g{display:inline-block;padding:11px 24px;background:var(--gold);color:var(--deep);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;font-weight:500;border:none;cursor:pointer;border-radius:1px}
.btn-o{display:inline-block;padding:11px 24px;background:transparent;color:var(--gold);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;border:0.5px solid rgba(201,169,110,0.5);cursor:pointer;border-radius:1px}
.btn-o:hover,.btn-g:hover{opacity:0.88}

.motif-hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.mhcard{background:rgba(255,255,255,0.04);border:0.5px solid rgba(201,169,110,0.2);border-radius:4px;padding:28px 20px;text-align:center;cursor:pointer;transition:all 0.18s}
.mhcard:hover,.mhcard.on{background:rgba(201,169,110,0.08);border-color:rgba(201,169,110,0.6)}
.mhcard-name{font-size:13px;font-weight:500;color:var(--text-d);margin-top:14px;letter-spacing:0.04em}
.mhcard-sub{font-size:11px;color:var(--muted-d);margin-top:4px;line-height:1.5}

.motif-detail-panel{margin-top:24px;background:rgba(201,169,110,0.07);border:0.5px solid rgba(201,169,110,0.25);border-radius:4px;padding:24px 28px;display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start}
.mdp-label{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.mdp-title{font-size:20px;font-weight:500;color:var(--text-d);margin-bottom:10px}
.mdp-body{font-size:13px;color:var(--muted-d);line-height:1.8}
.mdp-tag{display:inline-block;font-size:9px;letter-spacing:0.12em;text-transform:uppercase;padding:3px 9px;background:rgba(201,169,110,0.15);color:var(--gold);border-radius:2px;margin-top:12px;margin-right:6px}

.origins-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.origin-art{background:var(--maroon);border-radius:4px;min-height:260px;display:flex;align-items:center;justify-content:center}
.origin-text{display:flex;flex-direction:column;gap:16px}
.orig-fact{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:0.5px solid rgba(201,169,110,0.12)}
.orig-fact:last-child{border-bottom:none}
.orig-num{font-size:22px;font-weight:500;color:rgba(201,169,110,0.35);min-width:40px}
.orig-title{font-size:13px;font-weight:500;color:var(--text-l);margin-bottom:3px}
.orig-body{font-size:12px;color:var(--muted-l);line-height:1.65}

.coll-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.ctab{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;padding:8px 16px;background:transparent;color:var(--muted-l);border:0.5px solid rgba(0,0,0,0.12);cursor:pointer;border-radius:1px;transition:all 0.15s}
.ctab:hover{border-color:var(--gold);color:var(--deep)}
.ctab.on{background:var(--deep);color:var(--gold);border-color:var(--deep)}

.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}
.cc{background:#fff;border-radius:4px;border:0.5px solid rgba(0,0,0,0.08);overflow:hidden;cursor:pointer;transition:border-color 0.15s}
.cc:hover{border-color:var(--gold)}
.cc-img{height:200px;display:flex;align-items:center;justify-content:center;position:relative}
.cc-img.mb{background:var(--maroon)}
.cc-img.cb{background:var(--cream2)}
.cc-img.tb{background:var(--teal)}
.cc-img.kb{background:#0D0D0D}
.cc-img.wb{background:#F8F0E4}
.cc-img.nb{background:#2C3E35}
.cc-badge{position:absolute;top:8px;left:8px;background:var(--gold);color:var(--deep);font-size:8px;letter-spacing:0.1em;text-transform:uppercase;padding:3px 7px;font-weight:500}
.cc-new{background:var(--maroon);color:var(--cream)}
.cc-info{padding:12px}
.cc-name{font-size:12px;font-weight:500;color:var(--text-l);margin-bottom:3px}
.cc-motif{font-size:10px;color:var(--muted-l);margin-bottom:7px}
.cc-price{font-size:13px;font-weight:500;color:var(--text-l)}

.story-timeline{position:relative;padding-left:28px}
.tl-line{position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:rgba(201,169,110,0.25)}
.tl-item{position:relative;padding-bottom:32px}
.tl-item:last-child{padding-bottom:0}
.tl-dot{position:absolute;left:-28px;top:4px;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--gold);background:var(--deep);display:flex;align-items:center;justify-content:center}
.tl-dot-inner{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.tl-year{font-size:9px;letter-spacing:0.2em;color:var(--gold);text-transform:uppercase;margin-bottom:5px}
.tl-title{font-size:15px;font-weight:500;color:var(--text-d);margin-bottom:6px}
.tl-body{font-size:12px;color:var(--muted-d);line-height:1.7}

.values-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:4px}
.val-card{padding:22px 18px;border:0.5px solid rgba(201,169,110,0.2);border-radius:4px;background:rgba(255,255,255,0.03)}
.val-icon{margin-bottom:12px}
.val-title{font-size:13px;font-weight:500;color:var(--text-d);margin-bottom:7px}
.val-body{font-size:12px;color:var(--muted-d);line-height:1.65}

.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.contact-form{display:flex;flex-direction:column;gap:14px}
.cf-label{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted-l);margin-bottom:5px;display:block}
.cf-input{width:100%;padding:10px 14px;font-size:13px;background:var(--cream);border:0.5px solid rgba(0,0,0,0.15);border-radius:2px;color:var(--text-l);outline:none;font-family:inherit}
.cf-input:focus{border-color:var(--gold)}
.cf-textarea{width:100%;padding:10px 14px;font-size:13px;background:var(--cream);border:0.5px solid rgba(0,0,0,0.15);border-radius:2px;color:var(--text-l);outline:none;font-family:inherit;resize:vertical;min-height:100px}
.cf-textarea:focus{border-color:var(--gold)}
.cf-select{width:100%;padding:10px 14px;font-size:13px;background:var(--cream);border:0.5px solid rgba(0,0,0,0.15);border-radius:2px;color:var(--text-l);outline:none;font-family:inherit;appearance:none;cursor:pointer}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-info{display:flex;flex-direction:column;gap:20px}
.ci-block{padding:18px 20px;background:var(--cream2);border-radius:4px;border-left:2px solid var(--gold);border-radius:0}
.ci-label{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.ci-val{font-size:13px;color:var(--text-l);line-height:1.6}
.faq-item{border-bottom:0.5px solid rgba(0,0,0,0.08);padding:14px 0;cursor:pointer}
.faq-q{font-size:13px;font-weight:500;color:var(--text-l);display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-a{font-size:12px;color:var(--muted-l);line-height:1.7;margin-top:8px;display:none}
.faq-a.open{display:block}
.faq-arrow{font-size:14px;color:var(--gold);min-width:14px;text-align:right;transition:transform 0.2s}
.faq-arrow.open{transform:rotate(45deg)}

.success-msg{background:rgba(61,125,120,0.12);border:0.5px solid var(--teal);border-radius:4px;padding:14px 18px;font-size:13px;color:var(--teal);display:none;margin-top:4px}

.footer{background:var(--deep);padding:18px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:0.5px solid rgba(201,169,110,0.12)}
.footer-logo{font-size:13px;font-weight:500;color:var(--gold);letter-spacing:0.16em;text-transform:uppercase}
.footer-tag{font-size:10px;color:var(--muted-d);margin-top:3px}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-link{font-size:10px;color:var(--muted-d);letter-spacing:0.06em;cursor:pointer}
.footer-link:hover{color:var(--gold)}

.warli-band{background:var(--maroon);padding:8px 28px;display:flex;align-items:center;gap:20px;overflow:hidden}
.wb-text{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--cream);opacity:0.85;white-space:nowrap}
.wb-dot{color:var(--gold);opacity:0.5;font-size:10px}
</style>