@font-face{font-family:Jost;font-weight:400;font-style:normal;src:url("../../fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2")}
@font-face{font-family:Jost;font-weight:500;font-style:normal;src:url("../../fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-weight:400;src:url("../../fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2")}

:root{
  --bg:247,245,241; --fg:28,26,23; --btn:28,26,23; --btn-t:247,245,241;
  --link:92,64,28; --accent:138,106,59; --page:120rem;
  --font-h:"Jost","Segoe UI",sans-serif; --font-b:"DM Sans","Segoe UI",sans-serif;
}
*{box-sizing:border-box} html{font-size:62.5%}
body{margin:0;background:rgb(var(--bg));color:rgb(var(--fg));font:1.5rem/1.6 var(--font-b);display:flex;flex-direction:column;min-height:100vh}
img{max-width:100%;display:block} a{color:rgb(var(--link))}
.page-width{max-width:var(--page);margin:0 auto;padding:0 2rem}
@media(min-width:750px){.page-width{padding:0 5rem}}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:1rem;z-index:99}
.announcement{background:#1c1a17;color:#f4efe6;text-align:center;padding:.9rem 1.5rem;font-size:1.3rem;letter-spacing:.04em}
.header-wrap{background:rgb(var(--bg));border-bottom:1px solid rgba(28,26,23,.08);position:sticky;top:0;z-index:20}
.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;min-height:7.2rem}
.logo{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:rgb(var(--fg));font-family:var(--font-h);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:1.5rem}
.logo-mark{width:2.8rem;height:2.8rem}
.nav{display:none;gap:.2rem;align-items:center}
.nav a,.nav summary{display:inline-block;padding:1.2rem 1.1rem;text-decoration:none;color:rgba(28,26,23,.75);cursor:pointer;list-style:none;font-size:1.45rem}
.nav a:hover,.nav summary:hover{color:#1c1a17;text-decoration:underline;text-underline-offset:.3rem}
.nav details{position:relative}
.nav details[open] .mega{display:block}
.mega{display:none;position:absolute;left:0;top:100%;background:rgb(var(--bg));border:1px solid rgba(28,26,23,.08);min-width:24rem;padding:1rem 0;box-shadow:0 1.2rem 3rem rgba(28,26,23,.08);z-index:5}
.mega a{display:block;padding:.8rem 1.8rem}
.icons{display:flex;align-items:center;gap:.2rem}
.icon-btn{width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;color:inherit;text-decoration:none;position:relative}
.cart-count{position:absolute;bottom:.7rem;left:2.4rem;background:#1c1a17;color:#f4efe6;border-radius:50%;width:1.7rem;height:1.7rem;font-size:.9rem;display:flex;align-items:center;justify-content:center}
.menu-btn{display:flex}
@media(min-width:990px){.nav{display:flex}.menu-btn{display:none}}
.drawer{display:none;position:fixed;inset:0;background:rgba(28,26,23,.45);z-index:40}
.drawer.open{display:block}
.drawer-panel{width:min(36rem,90vw);height:100%;background:rgb(var(--bg));padding:2rem;overflow:auto}
.drawer-panel a{display:block;padding:1.1rem 0;text-decoration:none;color:inherit;border-bottom:1px solid rgba(28,26,23,.08)}
.hero{position:relative;min-height:42rem;display:flex;align-items:flex-end;color:#f7f3ea;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-copy{position:relative;z-index:1;padding:5rem 0 4rem;max-width:64rem;background:linear-gradient(transparent,rgba(20,16,12,.72))}
.hero h1{font-family:var(--font-h);font-weight:500;font-size:clamp(2.8rem,4vw,4.4rem);line-height:1.15;margin:0 0 1.2rem;letter-spacing:.02em}
.hero p{margin:0 0 2rem;max-width:48rem;font-size:1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:4.5rem;padding:0 2.6rem;background:#1c1a17;color:#f4efe6;text-decoration:none;border:0;cursor:pointer;font:inherit;letter-spacing:.08em;font-size:1.4rem}
.btn:hover{opacity:.88}
.btn-ghost{background:transparent;color:#1c1a17;box-shadow:inset 0 0 0 1px #1c1a17}
.section{padding:5rem 0}
.title-row{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2.4rem}
.title-row h2{font-family:var(--font-h);font-weight:500;font-size:2.4rem;margin:0}
.grid{display:grid;gap:2rem}
.grid-4{grid-template-columns:repeat(2,1fr)}
@media(min-width:750px){.grid-4{grid-template-columns:repeat(4,1fr)}}
.card{text-decoration:none;color:inherit;display:block}
.card .media{background:#ece7de;aspect-ratio:3/4;overflow:hidden}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover img{transform:scale(1.03)}
.card h3{font-family:var(--font-h);font-weight:500;font-size:1.5rem;margin:1rem 0 .3rem}
.price{color:rgba(28,26,23,.75)}
.article-hero{aspect-ratio:16/9;overflow:hidden;background:#ece7de}
.article-hero img{width:100%;height:100%;object-fit:cover}
.article-wrap{max-width:72rem;margin:0 auto;padding:3rem 2rem 6rem}
.article-wrap h1{font-family:var(--font-h);font-weight:500;font-size:clamp(2.6rem,4vw,3.8rem);line-height:1.2;margin:0 0 1.2rem}
.meta{display:flex;align-items:center;gap:1rem;color:rgba(28,26,23,.65);font-size:1.3rem;margin-bottom:2.4rem}
.meta img{width:4.4rem;height:4.4rem;border-radius:50%;object-fit:cover}
.rte p{margin:0 0 1.6rem;font-size:1.65rem;line-height:1.7}
.rte a.soft{font-weight:600}
.back{display:block;text-align:center;margin-top:3rem}
.prod{display:grid;gap:3rem;padding:4rem 0}
@media(min-width:900px){.prod{grid-template-columns:1.1fr .9fr}}
.prod-media{background:#ece7de}
.prod-media img{width:100%;height:auto}
.prod h1{font-family:var(--font-h);font-weight:500;font-size:3rem;margin:0 0 1rem}
.qty{display:flex;align-items:center;border:1px solid rgba(28,26,23,.2);width:14rem;margin:1.6rem 0}
.qty button{width:4.4rem;height:4.4rem;border:0;background:none;cursor:pointer;font-size:1.8rem}
.qty input{width:5.2rem;border:0;text-align:center;font:inherit;background:transparent}
.note{font-size:1.3rem;color:rgba(28,26,23,.65);margin-top:1.4rem}
.page-prose{max-width:78rem;margin:0 auto;padding:4rem 2rem 7rem}
.page-prose h1{font-family:var(--font-h);font-weight:500;font-size:3.2rem}
.page-prose p,.page-prose li{font-size:1.6rem;line-height:1.7}
.form{display:grid;gap:1.2rem;max-width:48rem}
.form input,.form textarea,.form select{width:100%;padding:1.2rem 1.4rem;border:1px solid rgba(28,26,23,.25);background:#fff;font:inherit}
.form textarea{min-height:12rem}
footer{margin-top:auto;background:#ece8df;padding:4rem 0 2rem;font-size:1.35rem}
.ft-grid{display:grid;gap:2rem}
@media(min-width:750px){.ft-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
footer h2{font-family:var(--font-h);font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem}
footer a{color:inherit;text-decoration:none}
footer a:hover{text-decoration:underline}
.ft-bottom{margin-top:3rem;padding-top:1.6rem;border-top:1px solid rgba(28,26,23,.12);display:flex;flex-wrap:wrap;gap:1.2rem 2rem;justify-content:space-between}
.policies{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;list-style:none;margin:0;padding:0}
.cookie{position:fixed;left:0;right:0;bottom:0;background:#1c1a17;color:#f4efe6;padding:1.4rem 2rem;display:flex;gap:1.2rem;align-items:center;justify-content:center;flex-wrap:wrap;z-index:50;font-size:1.35rem}
.cookie a{color:#e6d3a8}
.search-panel{display:none;padding:2rem;border-bottom:1px solid rgba(28,26,23,.08);background:#fff}
.search-panel.open{display:block}
.search-panel input{width:100%;max-width:64rem;padding:1.2rem;font:inherit;border:1px solid rgba(28,26,23,.2)}
#search-res{margin-top:1.2rem}
#search-res a{display:block;padding:.6rem 0;color:inherit}
.cart-line{display:grid;grid-template-columns:8rem 1fr auto;gap:1.4rem;padding:1.4rem 0;border-bottom:1px solid rgba(28,26,23,.1);align-items:center}
.cart-line img{width:8rem;height:10rem;object-fit:cover;background:#ece7de}
.empty{padding:6rem 0;text-align:center}
.toast{position:fixed;right:1.6rem;bottom:8rem;background:#1c1a17;color:#f4efe6;padding:1.2rem 1.6rem;display:none;z-index:60}