:root{--ink:#1d2925;--muted:#68736d;--cream:#f7f5ef;--green:#315a48;--orange:#d78258;--line:#dfe3dd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font:15px/1.5 system-ui,sans-serif}
.top{background:var(--green);color:#fff;text-align:center;padding:8px;font-size:12px;letter-spacing:.04em}
header{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,7vw,100px);position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);gap:16px}
.logo{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:800;font-size:21px;letter-spacing:-.05em;text-decoration:none;flex-shrink:0}
.logo b{display:grid;place-items:center;background:var(--orange);color:#fff;width:31px;height:31px;border-radius:50%;font:22px Georgia}
.logo small{display:block;font-size:7px;letter-spacing:.2em;color:var(--muted)}
nav{display:flex;gap:28px;align-items:center}
nav a,footer a,.heading a{color:var(--muted);text-decoration:none}
nav a:hover,footer a:hover,.heading a:hover{color:var(--ink)}
nav a.active{color:var(--ink);font-weight:700}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700;color:var(--ink)}
.tools{display:flex;gap:14px;align-items:center;margin-left:auto}
.tools input{width:150px;border:0;border-bottom:1px solid #aab5ae;padding:6px;background:none;outline:0}
.tools button{border:0;background:none;cursor:pointer}
.tools i{display:inline-grid;place-items:center;background:var(--orange);color:#fff;border-radius:99px;min-width:20px;height:20px;font-size:11px;font-style:normal}
.hero{background:#dfe9df;min-height:470px;display:grid;grid-template-columns:1fr 1fr;padding:70px clamp(25px,10vw,150px);overflow:hidden}
.hero>div:first-child{align-self:center}
.hero label,.heading label,main label{color:var(--green);font-size:11px;letter-spacing:.18em;font-weight:800}
.hero h1,main h1{font:500 clamp(40px,6vw,86px)/.98 Georgia,serif;letter-spacing:-.05em;margin:18px 0}
.hero em{color:var(--orange);font-style:italic}
.hero p,.hero-text{max-width:520px;color:#52625a;font-size:17px;margin:0 0 28px}
.btn{display:inline-flex;background:var(--ink);color:#fff;padding:13px 20px;text-decoration:none;font-weight:700;border:0;cursor:pointer}
.art{position:relative;min-height:300px}
.art:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#f2bf73;right:8%;top:0}
.art strong{position:absolute;right:22%;bottom:55px;width:170px;height:150px;background:#bd7759;border-radius:45% 45% 8px 8px;color:transparent;box-shadow:26px 34px 0 -4px #8e5a49}
.art span{position:absolute;right:14%;top:42%;z-index:1;font:italic 19px Georgia;color:var(--green);transform:rotate(-10deg)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#fff;padding:23px clamp(20px,10vw,150px)}
.trust div{display:flex;gap:10px;align-items:center;color:var(--orange);font-size:22px}
.trust span{font-size:13px;color:var(--ink);font-weight:700}
.trust small{display:block;color:var(--muted);font-size:11px;font-weight:400}
.section{padding:78px clamp(20px,8vw,120px)}
.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:18px}
.heading h2,.story h2,main h2{font:500 clamp(30px,4vw,49px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:10px 0 0}
.collections{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:200px 200px;gap:14px}
.collections.cats{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}
.c{color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:end;text-decoration:none;font:27px Georgia;position:relative;overflow:hidden;min-height:160px}
.c:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0008)}
.c>*{z-index:1}
.c small{font:13px system-ui;opacity:.85;margin-top:6px}
.c1{grid-row:span 2;background:linear-gradient(140deg,#617d70,#bcae93)}
.collections.cats .c1{grid-row:auto}
.c2{background:linear-gradient(140deg,#a47558,#e6c28d)}
.c3{background:linear-gradient(140deg,#8098a0,#d8b98d)}
.c4{background:linear-gradient(140deg,#728b72,#b8cbaa)}
.shop{background:#fff}
.filters{display:flex;gap:7px;flex-wrap:wrap;max-width:720px;justify-content:flex-end}
.filters button{border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:99px;color:var(--muted);cursor:pointer;font-size:12px}
.filters button.active,.filters button:hover{background:var(--green);border-color:var(--green);color:#fff}
.cat-wrap{position:relative}
.cat-wrap>button,.cat-wrap>a.cat-btn{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;padding:0}
.cat-wrap>button:hover,.cat-wrap>a.cat-btn:hover{color:var(--ink)}
#categoryMenu{display:none;position:absolute;top:calc(100% + 14px);left:0;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 18px 40px #0002;z-index:20;grid-template-columns:1fr;gap:2px}
#categoryMenu.open{display:grid}
#categoryMenu a{padding:10px 12px;border-radius:8px;color:var(--ink);text-decoration:none}
#categoryMenu a:hover{background:#eef3ef}
.collections.cats{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto)}
.badge{position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;font:700 11px/1 system-ui;padding:6px 8px;border-radius:999px;letter-spacing:.04em}
.product-image{position:relative}
.costway-jump{display:inline-flex;margin-top:18px;color:var(--green);font-weight:700;text-decoration:none}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-card{display:block;color:inherit;text-decoration:none}
.product-card:hover h3{color:var(--green)}
.product-image{height:210px;display:grid;place-items:center;font-size:70px}
.p1{background:#e9dfd0}.p2{background:#dce8e2}.p3{background:#e8ddc9}.p4{background:#dce2e8}
.product-card h3{font:20px Georgia;margin:12px 0 2px}
.product-card p{color:var(--muted);font-size:13px;margin:0 0 9px}
.meta{display:flex;justify-content:space-between;align-items:center}
.add{border:0;border-radius:50%;background:var(--green);color:#fff;width:32px;height:32px;cursor:pointer;font-size:18px}
.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:75px clamp(25px,13vw,200px);background:#e8eee6}
.story p{font-size:19px;color:#52625a}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.product-detail .product-image{height:430px;font-size:130px}
footer{background:var(--ink);color:#d8e2d8;padding:35px clamp(20px,8vw,120px);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;flex-wrap:wrap}
footer .logo{color:#fff}
footer .links a{margin-left:16px}
#cart{position:fixed;z-index:10;right:0;top:0;height:100vh;width:min(410px,100%);background:#fff;transform:translateX(100%);transition:.25s;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0002}
#cart.open{transform:none}
.carthead{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.carthead h2{font:28px Georgia;margin:0}
.carthead button{border:0;background:none;font-size:30px;cursor:pointer}
#items{padding:20px;flex:1;color:var(--muted);overflow:auto}
.row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;color:var(--ink)}
.cartfoot{padding:22px;border-top:1px solid var(--line)}
.cartfoot>div{display:flex;justify-content:space-between;margin-bottom:17px}
.cartfoot .btn{width:100%;justify-content:center}
.cartfoot small{display:block;text-align:center;color:var(--muted);margin-top:9px}
#shade{display:none;position:fixed;inset:0;background:#0006;z-index:9}
#shade.show{display:block}
@media(max-width:900px){
  .menu-toggle{display:inline-flex}
  nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 20px 18px;gap:0}
  nav.open{display:flex}
  nav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .hero{grid-template-columns:1fr;padding:52px 24px}
  .art{min-height:240px}
  .trust{grid-template-columns:1fr 1fr;padding:20px}
  .section{padding:55px 20px}
  .collections,.collections.cats{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .filters{justify-content:flex-start;max-width:none}
  #categoryMenu{position:static;margin-top:8px;box-shadow:none;border:0;padding:0 0 8px;display:none}
  #categoryMenu.open{display:grid}
  .cat-wrap{width:100%}
  .cat-wrap>button{display:block;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink)}
  .c1{grid-row:auto}
  .products{grid-template-columns:1fr 1fr}
  .product-image{height:160px}
  .heading{align-items:start;flex-direction:column}
  .story,.product-detail{grid-template-columns:1fr;gap:24px;padding:55px 24px}
  .product-detail .product-image{height:280px;font-size:90px}
  footer{flex-direction:column;align-items:start}
  footer .links a{margin:0 16px 0 0}
  .tools input{width:110px}
}