
:root{--ink:#242c25;--green:#344737;--cream:#f7f4eb;--orange:#c75c36;--muted:#6b7066;--line:#dcded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,sans-serif}button,a,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.announcement{background:var(--green);color:#fff;text-align:center;padding:10px 18px;font-size:11px;letter-spacing:2px;text-transform:uppercase}header{display:flex;align-items:center;justify-content:space-between;padding:22px 6%;border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:13px}.mark{width:40px;height:40px;border:1.5px solid var(--green);border-radius:50%;position:relative}.mark:before,.mark:after{content:'';position:absolute;left:19px;top:6px;width:2px;height:28px;background:var(--green);transform:rotate(32deg)}.mark:after{left:24px;transform:rotate(24deg)}.brand strong{font-family:Georgia,serif;font-size:23px;font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:5px}nav{display:flex;gap:30px;font-size:13px}.bag{border:0;background:none;display:flex;gap:8px;align-items:center}.count{background:var(--green);color:white;border-radius:50%;font-size:11px;min-width:23px;padding:5px}.hero{display:grid;grid-template-columns:47% 53%;min-height:640px}.hero-copy{padding:80px 10% 70px 13%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);font-weight:bold}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,5.7vw,83px);font-weight:400;line-height:1.02;letter-spacing:-3px;margin:25px 0}.hero h1 em{color:var(--green)}.hero p{font-size:15px;line-height:1.9;color:var(--muted);max-width:340px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:24px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--green);color:white;border:1px solid var(--green);padding:16px 24px;font-size:12px}.btn:hover{background:#253428}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.hero-image{position:relative;overflow:hidden;background:#242a25}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.81)}.image-note{position:absolute;bottom:30px;left:32px;color:#fff;font-family:Georgia,serif;font-size:20px}.image-note small{display:block;font-family:Arial;font-size:9px;letter-spacing:2px;margin-bottom:10px}.stamp{position:absolute;right:28px;top:28px;width:100px;height:100px;border-radius:50%;border:1px solid #fff9;display:flex;align-items:center;justify-content:center;text-align:center;color:white;font-size:10px;letter-spacing:2px;line-height:1.7;transform:rotate(12deg)}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:23px 6%;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1px}.ribbon span:before{content:'✳';color:var(--orange);margin-right:12px}.section{padding:80px 6%}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}h2{font-family:Georgia,serif;font-size:42px;line-height:1.12;font-weight:400;letter-spacing:-1px;margin:12px 0}p{line-height:1.7}.sub{color:var(--muted);font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid var(--line);border-radius:25px;padding:10px 18px;background:transparent;font-size:12px}.filter.active{background:var(--green);color:white;border-color:var(--green)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product{min-width:0}.product-art{position:relative;background:#ebe7da;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.product-art svg{width:87%;height:87%;transition:transform .3s}.product:hover svg{transform:scale(1.04)}.tag{position:absolute;top:15px;left:15px;background:#fff9;padding:6px 9px;font-size:9px;letter-spacing:1px}.product-line{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-top:18px}.product h3{font-size:14px;font-weight:500;margin:0 0 7px}.product small{font-size:11px;color:var(--muted)}.price{font-size:13px;white-space:nowrap}.add{border:1px solid var(--line);width:100%;padding:11px;margin-top:15px;background:transparent;font-size:11px}.add:hover{background:var(--green);color:white}.demo-note{font-size:11px;color:var(--muted);margin-top:25px}.story{margin:15px 6% 0;display:grid;grid-template-columns:1fr 1fr;background:#e7ebdf}.story-art{padding:40px;display:grid;place-items:center;background:#e0e5d5}.story-art svg{max-width:400px;width:100%}.story-copy{padding:60px 13%;align-self:center}.story-copy p{font-size:14px;color:var(--muted)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.step{border-top:1px solid var(--line);padding-top:20px}.step b{font-family:Georgia;font-weight:400;font-size:30px;color:var(--orange)}.step h3{font-family:Georgia;font-size:24px;font-weight:400}.step p{font-size:13px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0;font-size:14px}summary{cursor:pointer;line-height:1.6}details p{font-size:13px;color:var(--muted)}.closing{background:var(--green);color:var(--cream);text-align:center;padding:65px 20px}.closing h2{font-size:46px}.closing .btn{background:var(--cream);color:var(--green);margin-top:14px}.closing p{font-size:13px;color:#d2dacd}footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}footer strong{font-family:Georgia;font-size:21px;color:var(--ink);font-weight:400}.shade{position:fixed;inset:0;background:#0006;z-index:29}.drawer{position:fixed;right:0;top:0;height:100%;width:min(450px,100%);background:var(--cream);z-index:30;padding:27px;display:flex;flex-direction:column;box-shadow:-10px 0 50px #0002}.drawer-top{display:flex;justify-content:space-between;align-items:center}.drawer h2{font-size:30px}.close{border:0;background:none;font-size:28px}.cart-items{overflow:auto;flex:1}.cart-row{border-bottom:1px solid var(--line);padding:20px 0}.cart-row strong{font-size:14px}.cart-row p{font-size:12px;color:var(--muted)}.quantity{display:flex;align-items:center;gap:16px}.quantity button{background:none;border:1px solid var(--line);width:30px;height:30px}.remove{border:0;background:none;text-decoration:underline;font-size:11px;margin-left:auto}.total{display:flex;justify-content:space-between;padding:22px 0}.drawer .sub{font-size:12px}[hidden]{display:none!important}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:15px 25px;z-index:40;font-size:13px;box-shadow:0 5px 20px #0002}
@media(min-width:1500px){main{max-width:1700px;margin:auto}}@media(max-width:900px){nav{gap:16px}.hero{min-height:520px}.hero-copy{padding:50px 9%}.hero h1{font-size:58px}.products{grid-template-columns:repeat(2,1fr)}.story-copy{padding:35px 10%}.ribbon{font-size:9px}.section{padding:60px 6%}}@media(max-width:600px){header{padding:17px 5%}.brand strong{font-size:20px}.mark{width:34px;height:34px}.mark:before,.mark:after{height:23px;top:5px;left:15px}.mark:after{left:20px}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}.hero h1{font-size:61px;letter-spacing:-2px}.hero-image{min-height:350px}.ribbon{flex-wrap:wrap;gap:15px;justify-content:center}.heading{align-items:start;flex-direction:column}h2{font-size:35px}.products{gap:25px 14px}.product-line{flex-direction:column;gap:4px}.product h3{font-size:13px}.story{grid-template-columns:1fr}.story-art{padding:20px}.story-art svg{max-width:260px}.story-copy{padding:35px 8%}.how{grid-template-columns:1fr;gap:20px}.faq{grid-template-columns:1fr;gap:10px}.closing h2{font-size:36px}footer{flex-direction:column;align-items:start}.tag{font-size:8px;left:8px;top:8px}.announcement{font-size:9px;letter-spacing:1.3px}}

.product-art img{width:100%;height:100%;object-fit:cover}.empty-note{grid-column:1/-1;padding:25px;border:1px solid var(--line)}
