:root{--ink:#35211e;--muted:#746560;--cream:#f7eee3;--paper:#fffaf5;--sage:#ead8be;--green:#752e30;--orange:#bd3d32;--line:#ead8ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 Manrope,Arial,sans-serif}.notice{background:var(--green);color:#fff8e6;text-align:center;padding:9px;font-size:12px;font-weight:700;letter-spacing:.03em}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,96px);background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{color:var(--ink);font:800 19px Manrope;text-decoration:none;letter-spacing:.08em}.brand i{color:var(--green);font-style:normal}.brand span{color:var(--orange)}nav{display:flex;gap:30px}nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:13px}.header-actions{display:flex;align-items:center;gap:12px}.icon-button,.close{border:0;background:none;font-size:22px;color:var(--green);cursor:pointer}.cart-button{border:0;background:var(--green);color:#fff;border-radius:99px;padding:11px 15px;cursor:pointer;font:700 12px Manrope}.cart-button span{background:#e7a13b;padding:2px 6px;border-radius:99px;margin-left:5px}.hero{min-height:560px;background:var(--paper);display:grid;grid-template-columns:1.1fr .9fr;padding:clamp(54px,8vw,105px) clamp(20px,9vw,145px);overflow:hidden}.eyebrow{color:var(--orange);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.15em;margin:0 0 12px}.hero h1,.section h2,.about h2,.drawer h2,dialog h2{font:700 clamp(37px,5vw,68px)/1.05 'Playfair Display',Georgia,serif;margin:0;letter-spacing:-.045em}.hero h1 em{color:var(--green);font-style:italic}.lead{max-width:480px;color:var(--muted);font-size:16px;margin:25px 0}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--orange);border:0;border-radius:4px;color:#fff;padding:15px 18px;text-decoration:none;font:800 13px Manrope;cursor:pointer}.primary-button span{font-size:19px}.hero-facts{display:flex;gap:40px;margin-top:58px}.hero-facts div{display:grid;gap:2px}.hero-facts strong{font:800 14px Manrope}.hero-facts span{color:var(--muted);font-size:11px}.hero-art{position:relative;min-height:350px;align-self:center;background:#e9d6ba;border-radius:48% 52% 8% 48%;overflow:hidden;background-image:radial-gradient(circle at 25% 28%,#fff8e966 0 2px,transparent 3px),radial-gradient(circle at 75% 68%,#752e3022 0 2px,transparent 3px)}.art-label{position:absolute;right:8%;top:13%;font:700 24px/1.12 'Playfair Display';color:var(--green);z-index:2}.art-bowl{position:absolute;background:#c9795c;border:18px solid #8c3b37;border-radius:50%;width:250px;height:140px;bottom:8%;left:14%;transform:rotate(-14deg)}.food{position:absolute;z-index:2}.food-leaf{font-size:150px;left:8%;top:5%;color:#8e3433;transform:rotate(31deg)}.food-pepper{font-size:130px;bottom:10%;right:11%;color:#b33d30;text-shadow:-12px -8px #7e292e}.food-tomato{font-size:70px;bottom:36%;right:31%;color:#da7a41}.art-orbit{position:absolute;border:1px solid #fff4e8aa;border-radius:50%}.orbit-a{inset:10% 6% 15% 20%}.orbit-b{inset:22% 18% 5% 8%}.categories{background:var(--sage);padding:22px clamp(20px,9vw,145px);display:grid;grid-template-columns:repeat(5,1fr);gap:14px;border-block:2px solid #d7b083}.categories a{color:var(--green);text-decoration:none;font:800 13px Manrope;display:flex;justify-content:space-between}.section{padding:95px clamp(20px,9vw,145px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section h2,.drawer h2,dialog h2{font-size:38px}.filter-row{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:8px 13px;font:700 12px Manrope;cursor:pointer}.filter.active{background:var(--green);border-color:var(--green);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden}.product-image{height:180px;padding:16px;display:flex;align-items:end;font-size:68px;position:relative}.product-image:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #ffffff99;border-radius:50%;top:16px;right:14px}.product-image span{z-index:1}.product-info{padding:16px}.product-meta{color:var(--muted);font-size:11px;margin:0}.product h3{font-size:15px;margin:5px 0 14px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.price{font-weight:800}.add{background:var(--sage);color:var(--green);border:0;border-radius:50%;width:34px;height:34px;font-size:21px;cursor:pointer}.how{background:var(--green);color:#fff;background-image:radial-gradient(circle at 10% 20%,#ffffff18 0 2px,transparent 3px),radial-gradient(circle at 90% 70%,#ffffff18 0 2px,transparent 3px);display:grid;grid-template-columns:1fr 2fr;gap:65px}.how .eyebrow{color:#f3c278}.how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.how li span{color:#e7bb83;font:700 25px 'Playfair Display'}.how h3{font-size:15px;margin:15px 0 7px}.how p{color:#f2ddd3;font-size:12px;margin:0}.about{padding:110px clamp(20px,9vw,145px);background:#e8cfb2;display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.about h2{font-size:47px}.about>p:last-child{color:#5e4540;max-width:350px}.drawer{position:fixed;right:0;top:0;width:min(430px,100vw);height:100vh;background:var(--paper);z-index:11;padding:29px;transform:translateX(100%);transition:.25s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.overlay{position:fixed;inset:0;background:#32171777;opacity:0;pointer-events:none;z-index:10;transition:.25s}.overlay.show{opacity:1;pointer-events:auto}.drawer-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px}.cart-items{overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.mini-image{height:50px;border-radius:4px;display:grid;place-items:center;font-size:25px}.cart-item h3{margin:0;font-size:13px}.cart-item p{margin:2px 0;color:var(--muted);font-size:11px}.remove{background:none;border:0;color:var(--orange);cursor:pointer;font-size:18px}.cart-empty{text-align:center;color:var(--muted);padding:50px 0;line-height:1.7}.cart-footer{border-top:1px solid var(--line);padding-top:18px}.total{display:flex;justify-content:space-between;margin-bottom:15px}.total strong{font-size:19px}.wide{width:100%}dialog{border:0;border-radius:8px;box-shadow:0 20px 70px #3d1d1644;padding:32px;width:min(470px,calc(100vw - 30px));color:var(--ink)}dialog::backdrop{background:#32171788}.dialog-close{float:right}.dialog-text{color:var(--muted);font-size:13px;margin-bottom:20px}form{display:grid;gap:13px}label{display:grid;gap:5px;font-size:12px;font-weight:700}small{font-weight:400;color:var(--muted)}input,textarea{font:14px Manrope;border:1px solid var(--line);border-radius:4px;padding:11px;background:#fffdfa;resize:vertical}textarea{min-height:66px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,150px);background:var(--green);color:#fff;padding:14px 20px;border-radius:4px;font-weight:700;font-size:13px;z-index:30;transition:.3s}.toast.show{transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;padding:28px clamp(20px,9vw,145px);background:var(--ink);color:#ead7c7;font-size:11px}footer .brand{color:#fff}footer a{color:#f1bd81;text-decoration:none}@media(max-width:760px){nav{display:none}.header{height:66px}.hero{grid-template-columns:1fr;padding:55px 24px 0}.hero-art{min-height:260px;margin-top:45px}.hero h1{font-size:46px}.categories{grid-template-columns:repeat(2,1fr);padding:20px 24px}.section{padding:65px 24px}.section-heading{align-items:start;gap:18px;flex-direction:column}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-image{height:135px;font-size:52px}.product-info{padding:12px}.how{grid-template-columns:1fr;gap:30px}.how ol{grid-template-columns:1fr}.about{grid-template-columns:1fr;padding:70px 24px}.about h2{font-size:40px}footer{gap:15px;flex-wrap:wrap;padding:25px 24px}}
