:root{--ink:#171b18;--muted:#737970;--paper:#f4f3ed;--white:#fffefa;--green:#c9f36a;--line:#dedfd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.announcement{background:var(--green);text-align:center;padding:9px 15px;font-size:10px;font-weight:700;letter-spacing:.16em}.header{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:11px;font:700 13px 'Space Grotesk';letter-spacing:.08em}.brand small{display:block;font:600 8px 'DM Sans';letter-spacing:.19em;color:var(--muted);margin-top:4px}.brand-mark{width:37px;height:37px;background:var(--ink);color:var(--green);display:grid;place-items:center;font:700 15px 'Space Grotesk';letter-spacing:-.1em}.brand-mark span{color:white}.header nav{display:flex;gap:35px;font-size:12px;font-weight:600}.header nav a:hover,.text-link:hover,footer a:hover{opacity:.65}.cart-button{background:none;border:1px solid #bfc2b7;padding:11px 14px;font-size:12px;font-weight:700}.cart-button span{display:inline-grid;place-items:center;background:var(--green);border-radius:50%;width:21px;height:21px;margin-left:9px}.hero{padding:72px 9% 75px;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;min-height:560px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6c9e29;margin-right:7px}.hero h1,.section h2,.custom h2,.newsletter h2{font:600 clamp(48px,6vw,78px)/.99 'Space Grotesk';letter-spacing:-.065em;margin:24px 0}.hero h1 em,.section h2 em,.custom h2 em{font-style:normal;color:#7b8d63}.hero-copy>p{max-width:410px;line-height:1.8;color:#656c63;font-size:14px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:15px 20px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary span{color:var(--green)}.text-link{font-size:12px;font-weight:700}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:47px;color:var(--muted);font-size:10px}.proof-icons{display:flex}.proof-icons span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e4e6db;margin-right:-5px;border:2px solid var(--paper);color:#46533b}.hero-art{height:420px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#e2e7d4;filter:blur(22px)}.render-card{position:relative;width:min(100%,370px);height:350px;background:#e9e9df;border:1px solid #d5d7cc;overflow:hidden;box-shadow:0 25px 55px #242a1918}.render-grid{position:absolute;inset:0;background-image:linear-gradient(#cbd0c2 1px,transparent 1px),linear-gradient(90deg,#cbd0c2 1px,transparent 1px);background-size:28px 28px;opacity:.55;mask-image:linear-gradient(to bottom,black,transparent)}.abstract-object{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-12deg);width:180px;height:160px;filter:drop-shadow(18px 20px 8px #2223)}.obj-body{position:absolute;left:18px;top:38px;width:145px;height:105px;background:linear-gradient(135deg,#59634e,#30392d);clip-path:polygon(0 16%,75% 0,100% 18%,100% 82%,24% 100%,0 78%)}.obj-top{position:absolute;left:18px;top:18px;width:145px;height:55px;background:linear-gradient(120deg,#879178,#535f49);clip-path:polygon(0 38%,75% 0,100% 25%,25% 100%);z-index:2}.obj-hole{position:absolute;z-index:3;left:66px;top:63px;width:47px;height:47px;border:7px solid #a8b19b;border-radius:50%;background:#343b30;box-shadow:inset 0 0 0 2px #252b23}.render-caption{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.12em;border-top:1px solid #d0d2c6}.art-label{position:absolute;font-size:8px;font-weight:700;letter-spacing:.15em;color:#7c8277}.label-top{top:12px;left:0}.label-bottom{bottom:8px;right:0}.floating-tag{position:absolute;right:-10px;bottom:62px;background:var(--green);padding:14px 17px;font:700 10px/1.6 'Space Grotesk';letter-spacing:.06em;transform:rotate(4deg);box-shadow:0 8px 20px #1112}.floating-tag b{margin-left:20px}.ticker{background:var(--ink);color:#e7e9df;display:flex;align-items:center;justify-content:space-around;gap:20px;overflow:hidden;padding:18px 5%;font-size:9px;font-weight:700;letter-spacing:.16em;white-space:nowrap}.ticker b{color:var(--green)}.section{padding:95px 9%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section h2,.custom h2{font-size:clamp(36px,4.2vw,53px);margin:15px 0 0}.section-heading>p{max-width:310px;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:4px}.filters{display:flex;gap:8px;margin:37px 0 24px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:10px 15px;font-size:11px;color:#5f665c}.filter.active,.filter:hover{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{min-width:0}.product-visual{height:220px;background:#e9e9df;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#cbd0c2 1px,transparent 1px),linear-gradient(90deg,#cbd0c2 1px,transparent 1px);background-size:22px 22px;opacity:.45}.product-visual .shape{z-index:1;position:relative;width:105px;height:100px;display:grid;place-items:center;color:#d7ddcc;font:600 30px 'Space Grotesk';filter:drop-shadow(10px 12px 5px #1b211c26);transition:transform .25s}.product-card:hover .shape{transform:translateY(-5px) rotate(-3deg)}.shape.stand{background:linear-gradient(135deg,#707b63,#30392e);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);height:115px}.shape.vase{width:76px;height:115px;border-radius:38% 38% 25% 25%;background:linear-gradient(90deg,#7d8970,#414b3b 65%,#30382d);clip-path:polygon(35% 0,65% 0,70% 20%,95% 65%,85% 100%,15% 100%,5% 65%,30% 20%)}.shape.tray{width:130px;height:75px;border-radius:9px;background:linear-gradient(145deg,#b8a58c,#786a57);box-shadow:inset 0 0 0 10px #d0c2ac}.shape.hook{width:55px;height:110px;border:15px solid #4e5b48;border-top:0;border-radius:0 0 35px 35px;transform:rotate(30deg)}.shape.planter{width:95px;height:90px;background:linear-gradient(90deg,#c5c7ba,#777f70);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);border-top:9px solid #d4d7cb}.shape.keytag{width:110px;height:52px;border-radius:10px;background:#343d30;transform:rotate(-10deg);font-size:20px}.shape.cable{width:100px;height:100px;border:19px solid #6f7a62;border-radius:50%;background:transparent}.shape.clip{width:70px;height:105px;border:14px solid #8c745b;border-radius:14px;background:transparent}.product-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--green);padding:6px 8px;font-size:8px;font-weight:700;letter-spacing:.08em}.quick-add{position:absolute;z-index:2;right:10px;bottom:10px;border:0;background:var(--white);width:34px;height:34px;font-size:21px;box-shadow:0 2px 10px #0001}.product-info{padding:14px 1px}.product-info h3{font:600 14px 'Space Grotesk';margin:0 0 6px}.product-info p{font-size:10px;color:var(--muted);margin:0 0 12px;line-height:1.5;min-height:30px}.price-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.price-row span:last-child{font-size:9px;color:var(--muted);font-weight:500}.small-note{font-size:10px;color:var(--muted);margin-top:22px}.custom{background:#252c23;color:#f3f3e9;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:75px;padding-bottom:75px}.custom-graphic{height:300px;border:1px solid #485044;background:radial-gradient(ellipse at center,#46523d,#252c23 65%);display:grid;place-items:center;position:relative;overflow:hidden}.custom-graphic:before,.custom-graphic:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #68755b;transform:rotate(45deg)}.custom-graphic:after{width:170px;height:170px;transform:rotate(22deg)}.wire-cube{z-index:1;font-size:90px;color:var(--green);font-weight:300}.custom-graphic>span{position:absolute;bottom:16px;left:18px;font-size:8px;letter-spacing:.15em;color:#c0c7b9}.custom h2 em{color:var(--green)}.custom-copy>p{color:#c0c6ba;font-size:12px;line-height:1.9;max-width:410px;margin:22px 0}.light{background:var(--green);color:var(--ink)}.custom-copy>small{display:block;color:#9da797;font-size:9px;margin-top:15px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:65px;padding-bottom:65px}.value{border-top:1px solid #cfd2c7;padding-top:18px}.value>span{font-size:10px;color:#8b927f}.value h3{font:600 17px 'Space Grotesk';margin:22px 0 9px}.value p{font-size:11px;line-height:1.8;color:var(--muted);max-width:250px}.newsletter{background:#e7e9dd;padding:47px 9%;display:flex;align-items:center;justify-content:space-between;gap:25px}.newsletter h2{font-size:30px;margin:12px 0}.newsletter p{font-size:11px;color:var(--muted)}.outline{border:1px solid #aeb4a4;background:transparent}.footer-brand{transform:scale(.9);transform-origin:left center}footer{padding:30px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}footer>div{display:flex;gap:20px}.overlay{position:fixed;inset:0;background:#10151080;z-index:10;opacity:0;pointer-events:none;transition:opacity .25s}.overlay.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;z-index:11;right:0;top:0;height:100dvh;width:min(440px,100%);background:var(--white);padding:27px;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .3s}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.drawer-head h2{font:600 25px 'Space Grotesk';margin:8px 0 0}.drawer-head h2 span{font:400 12px 'DM Sans';color:var(--muted)}.close{background:none;border:0;font-size:30px}.cart-items{overflow:auto;flex:1}.cart-line{display:grid;grid-template-columns:60px 1fr auto;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.mini-visual{height:60px;background:#e9e9df;display:grid;place-items:center;font-size:23px;color:#56624c}.cart-line h3{font-size:12px;margin:0 0 5px}.cart-line p{font-size:11px;color:var(--muted);margin:0}.qty{display:flex;align-items:center;gap:9px;margin-top:9px}.qty button{border:1px solid var(--line);background:transparent;width:24px;height:24px}.remove{border:0;background:none;color:var(--muted);font-size:10px;text-decoration:underline;margin-top:7px}.cart-bottom{border-top:1px solid var(--line);padding-top:20px}.subtotal{display:flex;justify-content:space-between;font-size:13px}.cart-bottom>p,.cart-bottom>small{font-size:10px;color:var(--muted);line-height:1.6}.checkout{width:100%;margin:12px 0}.checkout:disabled{opacity:.45;cursor:not-allowed}.toast{position:fixed;z-index:20;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:13px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{padding:55px 6%;gap:2%}.hero-art{height:360px}.render-card{height:300px;width:310px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.product-visual{height:220px}.section{padding:70px 6%}.custom{padding:60px 6%;gap:6%}.header{padding:0 5%}.header nav{gap:18px}}@media(max-width:600px){.header{height:70px}.header nav{display:none}.hero{grid-template-columns:1fr;padding:48px 7% 42px}.hero h1{font-size:60px}.hero-art{margin-top:20px;height:350px}.render-card{width:min(82%,340px);height:300px}.floating-tag{right:0}.ticker{justify-content:flex-start;gap:18px}.ticker span{font-size:8px}.section{padding:60px 7%}.section-heading{display:block}.section-heading>p{margin-top:18px}.product-grid{gap:23px 12px}.product-visual{height:175px}.product-visual .shape{transform:scale(.8)}.product-info h3{font-size:13px}.product-info p{min-height:42px}.custom{grid-template-columns:1fr;padding:55px 7%;gap:35px}.custom-graphic{height:240px}.values{grid-template-columns:1fr;gap:25px}.value h3{margin-top:14px}.newsletter{padding:38px 7%;align-items:flex-start;flex-direction:column}.newsletter h2{font-size:28px}footer{padding:28px 7%;flex-wrap:wrap}footer>span{order:3;width:100%}.footer-brand{transform:none}}
