:root{--green:#1f4e31;--green-2:#2f7042;--lime:#b7db55;--ink:#14251a;--paper:#f1f4ed;--line:#d6ded2;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',Arial,sans-serif;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='%231f4e31' fill-opacity='.05'%3E%3Cpath d='M40 30c26 8 46 30 46 55s-22 42-46 42-46-19-46-42 20-47 46-55Z'/%3E%3Cpath d='M230 20c34 12 58 34 58 66 0 30-26 52-58 52s-56-24-56-52 24-56 56-66Z' transform='rotate(35 230 90)'/%3E%3Cpath d='M70 210c22 6 38 24 38 44s-18 34-38 34-38-15-38-34 16-38 38-44Z' transform='rotate(-20 70 250)'/%3E%3Cpath d='M270 230c20 7 34 24 34 42s-16 32-34 32-34-15-34-32 15-39 34-42Z' transform='rotate(60 270 270)'/%3E%3C/g%3E%3C/svg%3E");background-size:320px}button,input{font:inherit}button{cursor:pointer}.site-header{height:84px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;background:rgba(241,244,237,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:2;border-bottom:1px solid rgba(31,78,49,.1)}.brand{color:var(--green);font-weight:800;letter-spacing:.04em;text-decoration:none;line-height:.9;font-size:26px;display:inline-flex;align-items:center;gap:11px}.brand span{display:block;font:500 9px/1.3 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase;margin-top:5px}.brand-logo{height:42px;width:42px;object-fit:contain;display:block}.site-header nav{display:flex;gap:32px}.site-header nav a{color:var(--ink);font-size:16px;font-weight:600;text-decoration:none}.header-cta,.filter,.text-button,.close{border:0;background:none;color:var(--green);font-weight:700;font-size:14px}.header-cta{border:1px solid var(--green);border-radius:999px;padding:10px 18px;font-size:15px}.hero{max-width:1400px;min-height:calc(100dvh - 84px);margin:auto;padding:clamp(32px,5vw,80px);display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(30px,6vw,90px);position:relative;overflow:hidden}.hero-copy{max-width:580px}.kicker{margin:0 0 17px;color:var(--green);font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase}.hero h1,.catalog h2,.order h2,.dialog-copy h2{font-size:clamp(48px,6.2vw,92px);line-height:1;letter-spacing:-.065em;margin:0;font-weight:800}.hero-copy>p:not(.kicker){font-size:19px;line-height:1.6;max-width:470px;margin:26px 0 32px}.kicker{font-size:12px}.hero-image{height:min(68vh,680px);overflow:hidden;border-radius:var(--radius);box-shadow:0 22px 55px rgba(22,55,33,.18)}.hero-image img,.product-image img,.dialog-image img{width:100%;height:100%;object-fit:cover;display:block}.button{border:0;border-radius:999px;padding:15px 22px;font-weight:800;transition:transform .2s ease,background .2s ease}.button:active{transform:scale(.98)}.button-primary{background:var(--green);color:#f5f7f3}.button-primary:hover{background:var(--green-2)}.intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px max(24px,5vw);display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.intro p{max-width:670px;margin:0;font-size:22px;line-height:1.5;font-weight:600}.intro span{font:11px/1.4 'DM Mono',monospace;color:#46604b}.catalog{max-width:1400px;margin:auto;padding:112px max(24px,5vw)}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.catalog h2{font-size:clamp(36px,4vw,58px)}.search input{width:280px;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:#fafcf8;color:var(--ink);outline-color:var(--green)}.filters{display:flex;gap:9px;overflow:auto;padding-bottom:10px;margin-bottom:18px}.filter{white-space:nowrap;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#38573e}.filter.active{background:var(--green);color:#fff;border-color:var(--green)}.result-count{font:11px 'DM Mono',monospace;color:#527056;margin:0 0 22px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,28px)}.product{background:#f9fbf7;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 18px rgba(23,51,30,.07)}.product-image{width:100%;height:350px;padding:0;border:0;background:#dae4d5;overflow:hidden}.product-image img{transition:transform .45s cubic-bezier(.16,1,.3,1)}.product:hover img{transform:scale(1.035)}.product-info{padding:17px 18px 18px}.product-info p{margin:0 0 8px;color:#557158;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.07em}.product h3{margin:0;font-size:20px;letter-spacing:-.04em}.product-info div{display:flex;justify-content:space-between;align-items:baseline;margin:15px 0}.product-info span{font-weight:800;font-size:14px}.product-info small{font-size:11px;color:#56705a}.text-button{padding:0;text-decoration:underline;text-underline-offset:4px}.empty{padding:60px 0;text-align:center;color:#557158}.order{background:var(--green);color:#f5f7f3;display:grid;grid-template-columns:1fr 1fr;min-height:590px}.order-image{height:590px;display:flex;align-items:center;justify-content:center;padding:40px}.order-image img{width:min(100%,460px);aspect-ratio:1;height:auto;max-height:100%;object-fit:cover;border-radius:50%;box-shadow:0 25px 60px rgba(0,0,0,.28)}.order-copy{padding:clamp(38px,7vw,110px);display:flex;justify-content:center;flex-direction:column;align-items:flex-start}.order .kicker{color:var(--lime)}.order h2{max-width:540px;font-size:clamp(38px,4.5vw,64px)}.order p:not(.kicker){line-height:1.7;max-width:480px}.button-light{background:var(--lime);color:#17331f;margin-top:14px}footer{padding:40px max(24px,5vw);display:flex;justify-content:space-between;align-items:end;position:relative;overflow:hidden}footer p{font:11px 'DM Mono',monospace;color:#526b56;margin:0}dialog{border:0;padding:0;width:min(960px,calc(100% - 32px));max-height:90dvh;border-radius:var(--radius);background:#f5f8f2;color:var(--ink);box-shadow:0 25px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(10,28,15,.6)}#dialog-content{display:grid;grid-template-columns:1fr 1fr}.dialog-image{min-height:500px;background:#dce6d8}.dialog-copy{padding:55px;align-self:center}.dialog-copy h2{font-size:clamp(34px,4vw,55px)}.dialog-price{font-size:20px;font-weight:800;margin:21px 0}.dialog-copy>p:not(.kicker):not(.dialog-price){line-height:1.65;color:#46604b;margin-bottom:28px}.close{position:absolute;right:14px;top:14px;padding:10px;z-index:1;background:#f7faf5;border-radius:999px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:14px 20px;border-radius:10px;font-size:13px;transition:.25s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(prefers-reduced-motion:no-preference){
.hero-copy>*{opacity:0;transform:translateY(16px);animation:rise .7s cubic-bezier(.16,1,.3,1) forwards}
.hero-copy>*:nth-child(1){animation-delay:.03s}.hero-copy>*:nth-child(2){animation-delay:.11s}.hero-copy>*:nth-child(3){animation-delay:.19s}.hero-copy>*:nth-child(4){animation-delay:.27s}
.hero-image{opacity:0;transform:scale(1.04);animation:reveal-img .9s cubic-bezier(.16,1,.3,1) .12s forwards}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible{opacity:1;transform:none}
.product{opacity:0;transform:translateY(18px) scale(.98);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;transition-delay:calc(var(--stagger,0) * 45ms)}
.product.is-visible{opacity:1;transform:none}
.product:hover{box-shadow:0 14px 34px rgba(23,51,30,.14)}
.filter{transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}
.filter:active{transform:scale(.96)}
dialog{animation:dialog-in .32s cubic-bezier(.16,1,.3,1)}
dialog::backdrop{animation:fade-in .32s ease}
dialog[open] .dialog-image img{animation:reveal-img .5s cubic-bezier(.16,1,.3,1)}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes reveal-img{to{opacity:1;transform:none}}
@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
}
.leaf-deco{position:absolute;pointer-events:none;z-index:0;fill:var(--green);opacity:.1}
.hero-copy,.hero-image{position:relative;z-index:1}
.order{position:relative;overflow:hidden}
.order-image,.order-copy{position:relative;z-index:1}
.catalog{position:relative;overflow-x:hidden}
.intro{position:relative;overflow-x:hidden}
body{overflow-x:hidden}

@media(prefers-color-scheme:dark){:root{--paper:#14251a;--ink:#edf3ea;--line:#36523b}.site-header{background:rgba(20,37,26,.9)}.site-header nav a,.brand{color:#edf3ea}.header-cta{color:#edf3ea;border-color:#b7db55}.hero-image,.product{box-shadow:none}.intro span,.product-info p,.product-info small,.result-count{color:#b9cfb8}.search input,.product{background:#1a3020;color:#edf3ea;border-color:#36523b}.filter{color:#d7e6d3;border-color:#36523b}.dialog-copy,dialog{background:#193020;color:#edf3ea}.close{background:#e9f0e5}.dialog-copy>p:not(.kicker):not(.dialog-price){color:#c6d8c3}}@media(max-width:820px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:38px}.hero-image{height:48vh;order:-1}.intro{grid-template-columns:1fr}.catalog{padding-top:74px;padding-bottom:74px}.catalog-head{display:block}.search input{width:100%;margin-top:24px}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.product-image{height:260px}.order{grid-template-columns:1fr}.order-image{height:340px;padding:24px}.order-copy{padding:48px 24px}.leaf-deco{opacity:.06}#dialog-content{grid-template-columns:1fr}.dialog-image{min-height:0;height:380px}.dialog-copy{padding:35px 24px}}@media(max-width:480px){.site-header{padding:0 18px}.header-cta{padding:8px 12px}.hero h1{font-size:44px}.product-grid{grid-template-columns:1fr}.product-image{height:355px}.intro{padding:25px 24px}.intro p{font-size:16px}.catalog{padding-left:18px;padding-right:18px}.product-info{padding:16px}.order-image{height:240px;padding:18px}.site-header{height:68px}.brand{font-size:20px;gap:8px}.brand-logo{height:32px;width:32px}.hero{min-height:calc(100dvh - 68px)}}