:root{--accent:#84c125;--muted:#222}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes navFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes headingGrow{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.fade-up{animation:fadeUp .48s cubic-bezier(.2,.9,.2,1) both}.nav-fade{animation:navFade .52s ease both}.heading-animate{animation:headingGrow .6s ease both}.card-animate{animation:fadeUp .46s cubic-bezier(.2,.9,.2,1) both;transition:transform .18s ease,box-shadow .18s ease;will-change:transform}.card-animate:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 8px 28px #00000029}.product-img{transition:transform .28s ease,box-shadow .28s ease;will-change:transform}.product-img:hover{transform:scale(1.03)}.thumb-animate{transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;will-change:transform}.thumb-animate:hover{transform:scale(1.04);box-shadow:0 6px 18px #00000047}.stagger{opacity:0;transform:translateY(8px)}.stagger.show{opacity:1;transform:translateY(0);transition:opacity .34s ease,transform .34s ease}body,html{font-family:SUSE Mono,sans-serif;font-optical-sizing:auto;font-weight:274;font-style:normal;background-color:var(--bg-color);color:var(--text-color)}.home_bg{background-color:var(--bg-color);padding:20px}.hero-slider{position:relative;width:100%;max-width:100vw;aspect-ratio:16 / 9;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 20px 45px #00000029;background:#0f172a}.hero-slider .hero-hover-zone-left,.hero-slider .hero-hover-zone-right{position:absolute;top:0;bottom:0;width:30%;z-index:1;pointer-events:auto}.hero-slider .hero-hover-zone-left{left:0}.hero-slider .hero-hover-zone-right{right:0}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .8s ease,transform .8s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero-dots{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);display:flex;gap:.5rem}.hero-dot{width:.7rem;height:.7rem;border:0;border-radius:999px;padding:0;background:#fff9;box-shadow:0 0 0 1px #fff3;transition:transform .2s ease,background-color .2s ease;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none}.hero-dot:focus,.hero-dot:focus-visible,.hero-nav:focus,.hero-nav:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}.hero-dot.active{transform:scale(1.15);background:#84c125}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);border:0;width:42px;height:42px;border-radius:0;background:transparent;color:#fff0;font-size:1.25rem;cursor:pointer;transition:color .2s ease,transform .2s ease,opacity .2s ease;z-index:2;opacity:0;outline:none;appearance:none;-webkit-appearance:none}.hero-hover-zone-left:hover~.hero-nav-left,.hero-hover-zone-right:hover~.hero-nav-right,.hero-nav-left:hover,.hero-nav-right:hover{opacity:1;color:#fffffff2}.hero-nav-left{left:.75rem}.hero-nav-right{right:.75rem}.gallery-control{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;width:42px;height:42px;border-radius:999px;background:#ffffffeb;color:#0f172a;font-size:1.2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #0003;transition:transform .2s ease,background-color .2s ease,color .2s ease;outline:none;appearance:none;-webkit-appearance:none}.gallery-control:hover{transform:translateY(-50%) scale(1.05);background:#84c125;color:#fff}.gallery-control:focus,.gallery-control:focus-visible{outline:none!important;box-shadow:0 0 0 2px #84c12559,0 12px 30px #0003!important}.gallery-control-close{top:12px;right:12px;transform:none;width:42px;height:42px;border-radius:999px}.gallery-control-close:hover{transform:none}.gallery-control-prev{left:12px}.gallery-control-next{right:12px}.home_div{max-width:900px;margin:40px 0 0;padding:0 1.5rem;background:none;border-radius:0;box-shadow:none;font-size:1.1rem;line-height:1.7;color:var(--text-color);background-color:var(--bg-color);text-align:left}.home_div h1{font-size:6vw;margin-bottom:1.2rem;color:#84c125;text-align:left;font-weight:274;white-space:nowrap;line-height:1.1;animation:headingGrow .7s ease both}.home_div h2{font-size:4vw;margin-bottom:1.2rem;color:#84c125;text-align:left;font-weight:274;white-space:nowrap;line-height:1.1}.home_div ul{margin:.5rem 0 .5rem 1.5rem;padding:0;list-style-type:none}.home_div ul li{position:relative;padding-left:1.5em;margin-bottom:.5em}.home_div ul li:before{content:"";position:absolute;left:0;top:.5em;width:.8em;height:.8em;background:#84c125;border-radius:.15em;display:inline-block}.home_div p{margin-bottom:1rem}.home_div a{color:var(--text-color);text-decoration:none;transition:color .2s ease}.home_div a:hover{color:#84c125}@media(max-width:768px){.home_div h1{font-size:clamp(2.4rem,8vw,3.6rem);white-space:normal}.home_div h2{font-size:clamp(2rem,7vw,3rem);white-space:normal}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1.2rem 4vw;background:var(--navbar-bg);box-shadow:0 2px 8px #0000000f;box-sizing:border-box}body{padding-top:6.5rem;background:var(--bg-color)}.navbar-brand{display:flex;width:auto;height:10%}.navbar-brand img{height:3.5rem;width:auto;display:block}.navbar-links{display:flex;gap:0;align-items:center;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.nav-link{color:var(--navbar-text);text-decoration:none;font-weight:600;font-size:1.15rem;padding:0 22px;border-radius:0;background:none;box-shadow:none;transition:color .2s;position:relative;height:40px;display:flex;align-items:center}.nav-link:hover{color:#84c125;background:none;box-shadow:none}.nav-link:not(:last-child):after{content:"";display:block;width:1px;height:18px;background:#e0e0e0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.navbar-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;padding:0;color:inherit;appearance:none;-webkit-appearance:none;box-shadow:none;cursor:pointer;margin-left:auto;z-index:1100}.navbar-toggle .bar{display:block;width:26px;height:3px;background:var(--navbar-text);margin:4px 0;border-radius:2px;transition:.3s}@media(max-width:500px){body{padding-top:5.25rem}.navbar{justify-content:space-between;align-items:center;padding:.75rem 1rem}.navbar-toggle{display:flex;z-index:1201}.navbar-links{position:absolute;top:100%;left:0;width:100%;flex-direction:column;background:var(--navbar-bg);box-shadow:0 2px 8px #0000000f;border-radius:0 0 12px 12px;padding:0 1rem 1rem;max-height:0;opacity:0;pointer-events:none;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.navbar-links.open{max-height:400px;opacity:1;pointer-events:auto;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s}.navbar-brand{margin-bottom:0}.nav-link{width:100%;height:auto;justify-content:flex-start;padding:.9rem 0;font-size:1rem}.nav-link:not(:last-child):after{display:none}}@media(max-width:768px){.navbar{padding:1rem}.navbar-links{gap:0}.nav-link{padding:0 10px;font-size:1rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--bg-color: #242424;--text-color: #ffffff;--card-bg: #333;--card-text: #ffffff;--navbar-bg: #fff;--navbar-text: #737572;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100vw;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#242424;--bg-color: #242424;--text-color: #ffffff;--card-bg: #333;--card-text: #ffffff}a:hover{color:#747bff}button{background-color:#f9f9f9}}