.filter-tabs{display:flex;justify-content:center;gap:var(--sp-xs);margin-bottom:var(--sp-3xl);padding-bottom:var(--sp-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{position:relative;padding:var(--sp-sm) var(--sp-xl);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--c-text-secondary);background:none;border:none;cursor:pointer;white-space:nowrap;transition:color var(--t-base)}.filter-tab:after{content:"";position:absolute;bottom:-2px;left:50%;width:100%;height:2px;background:var(--c-primary);border-radius:var(--r-full);transform:translate(-50%) scaleX(0);transition:transform var(--t-base)}.filter-tab:hover{color:var(--c-primary)}.filter-tab:hover:after{transform:translate(-50%) scaleX(.6)}.filter-tab--active{color:var(--c-primary);font-weight:var(--fw-semibold)}.filter-tab--active:after{transform:translate(-50%) scaleX(1)}.filter-tab__short{display:none}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-lg)}.products-grid__item{border-radius:var(--r-lg);overflow:hidden;cursor:pointer;aspect-ratio:1 / 1;background:var(--c-bg-alt)}.products-grid__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.products-grid__item:hover img{transform:scale(1.06)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox--open{opacity:1;visibility:visible}.lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.lightbox__content{position:relative;z-index:1;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox__img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--r-md);transform:scale(.9);transition:transform .4s cubic-bezier(.16,1,.3,1)}.lightbox--open .lightbox__img{transform:scale(1)}.lightbox__close{position:absolute;top:20px;right:24px;z-index:2;width:44px;height:44px;border:none;border-radius:var(--r-full);background:#ffffff1f;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.lightbox__close:hover{background:#ffffff40}.case{padding-block:clamp(4rem,8vw,7rem);background:#f1f7f3}.case__layout{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:center}.case__visual{position:relative}.case__stack{position:relative;min-height:420px}.case__stack-img{position:absolute;width:400px;height:auto;border-radius:45px;box-shadow:0 6px 20px #00000026;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease,z-index 0s}.case__stack-img:hover{z-index:10;transform:rotate(0) translate(0) scale(1.02)!important;box-shadow:0 12px 40px #0003}.case__stack-img--1{left:0;top:0;transform:rotate(-4.5deg) translate(12px,-8px);z-index:1}.case__stack-img--2{right:0;top:0;transform:rotate(3.2deg) translate(-14px,6px);z-index:2}.case__stack-img--3{left:0;bottom:0;transform:rotate(2.8deg) translate(18px,10px);z-index:3}.case__stack-img--4{right:0;bottom:0;transform:rotate(-3.6deg) translate(-10px,12px);z-index:4}.case__content{display:flex;flex-direction:column}.case__label{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:#003e20;color:oklch(.32 .1 155);background:#e2f4e7;padding:var(--sp-xs) var(--sp-md);border-radius:var(--r-full);width:fit-content;margin-bottom:var(--sp-md)}.case__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--fw-bold);color:var(--c-dark);line-height:var(--lh-heading);text-wrap:balance;margin-bottom:var(--sp-md)}.case__brand{color:#003e20;color:oklch(.32 .1 155);font-weight:var(--fw-bold)}.case__desc{font-size:var(--fs-body);color:var(--c-text-secondary);line-height:var(--lh-body);max-width:55ch}.case__products{display:flex;flex-wrap:wrap;gap:var(--sp-sm);margin-top:var(--sp-2xl)}.case__product{display:inline-flex;align-items:center;gap:var(--sp-xs);padding:var(--sp-xs) var(--sp-md);font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--c-text);background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-full);cursor:default;transition:border-color var(--t-base),background var(--t-base),box-shadow var(--t-base),color var(--t-base);position:relative}.case__product-icon{color:#187c49;flex-shrink:0}.case__product:hover{background:#ebf9ef;box-shadow:0 2px 8px #187c491a;color:#003e20;color:oklch(.32 .1 155)}.case__product:hover .case__product-icon{color:#005d33;color:oklch(.42 .12 155)}.case__product:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:var(--sp-xs) var(--sp-md);background:var(--c-dark);color:var(--c-white);font-size:var(--fs-xs);font-weight:var(--fw-regular);white-space:nowrap;border-radius:var(--r-md);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--t-fast),transform var(--t-fast);z-index:10}.case__product:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.case__cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);width:fit-content;padding:var(--sp-sm) var(--sp-2xl);font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--c-white);background:#006a3a;background:oklch(.46 .12 155);border-radius:var(--r-full);text-decoration:none;transition:background var(--t-base),transform var(--t-fast),box-shadow var(--t-base);margin-top:var(--sp-2xl)}.case__cta:hover{background:#00502b;background:oklch(.38 .12 155);transform:translateY(-2px);box-shadow:0 4px 12px #00502b33,0 8px 24px #00502b1a;box-shadow:0 4px 12px oklch(.38 .12 155 / .2),0 8px 24px oklch(.38 .12 155 / .1)}.case__cta:active{transform:translateY(0);box-shadow:none}.case__cta:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px}.craft-flow{display:flex;align-items:stretch;justify-content:center;gap:var(--sp-xl);max-width:900px;margin-inline:auto}.craft-flow__step{flex:1;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp-2xl);transition:border-color var(--t-base),box-shadow var(--t-base)}.craft-flow__step:hover{box-shadow:var(--shadow-md)}.craft-flow__step--eco{background:var(--c-primary-light);border-color:#3fa86b4d}.craft-flow__step--eco:hover{box-shadow:0 4px 16px #3fa86b1f}.craft-flow__badge{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.05em;padding:4px 14px;border-radius:var(--r-full);background:var(--c-bg-alt);color:var(--c-text-hint);margin-bottom:var(--sp-lg)}.craft-flow__badge--eco{background:var(--c-primary);color:var(--c-white)}.craft-flow__title{font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--c-dark);margin-bottom:var(--sp-sm)}.craft-flow__step--eco .craft-flow__title{color:var(--c-primary-dark)}.craft-flow__desc{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--c-text-secondary);margin-bottom:var(--sp-lg)}.craft-flow__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-sm)}.craft-flow__list li{font-size:var(--fs-small);color:var(--c-text-secondary);padding-left:20px;position:relative;line-height:var(--lh-body)}.craft-flow__list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--c-border)}.craft-flow__step--eco .craft-flow__list li:before{background:var(--c-primary)}.craft-flow__arrow{display:flex;align-items:center;justify-content:center;color:var(--c-primary);flex-shrink:0}.craft-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-lg);margin-top:var(--sp-3xl)}.craft-metrics__item{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-xl) var(--sp-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-sm);transition:border-color var(--t-base),box-shadow var(--t-base)}.craft-metrics__item:hover{box-shadow:var(--shadow-md)}.craft-metrics__icon{color:var(--c-primary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--c-primary-light);border-radius:var(--r-full);flex-shrink:0}.craft-metrics__text{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--c-dark)}.craft-cta{text-align:center;margin-top:var(--sp-3xl)}.craft-cta__link{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-2xl);font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--c-white);background:var(--c-primary);border-radius:var(--r-full);text-decoration:none;transition:background var(--t-base),transform var(--t-fast),box-shadow var(--t-base)}.craft-cta__link:hover{background:var(--c-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00502b33,0 8px 24px #00502b1a;box-shadow:0 4px 12px oklch(.38 .12 155 / .2),0 8px 24px oklch(.38 .12 155 / .1)}.craft-cta__link:active{transform:translateY(0);box-shadow:none}.craft-cta__link:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px}.eq-swiper{position:relative;overflow:hidden}.eq-swiper__track{display:flex;gap:var(--sp-lg);transition:transform .5s cubic-bezier(.16,1,.3,1)}.eq-swiper__slide{flex:0 0 calc((100% - var(--sp-lg) * 2) / 3);border-radius:var(--r-xl);overflow:hidden;cursor:pointer;background:var(--c-bg-alt)}.eq-swiper__slide img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.eq-swiper__slide:hover img{transform:scale(1.05)}.eq-swiper__btn{width:36px;height:36px;border:none;border-radius:var(--r-full);background:var(--c-white);color:var(--c-dark);font-size:20px;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:all var(--t-fast);flex-shrink:0}.eq-swiper__btn:hover{background:var(--c-primary);color:var(--c-white)}.eq-swiper__dots{display:flex;align-items:center;justify-content:center;gap:var(--sp-md);margin-top:var(--sp-xl)}.eq-swiper__dots-inner{display:flex;align-items:center;gap:var(--sp-sm)}.eq-swiper__dot{width:10px;height:10px;border-radius:var(--r-full);background:var(--c-border);border:none;cursor:pointer;transition:all var(--t-fast);padding:0}.eq-swiper__dot--active{background:var(--c-primary);width:28px}@media(max-width:1199px){.products-grid{grid-template-columns:repeat(4,1fr)}.case__layout{grid-template-columns:1.1fr 1fr;gap:var(--sp-2xl)}.eq-swiper__slide{flex:0 0 calc((100% - var(--sp-lg)) / 2)}}} @media (max-width: 767px){.filter-tabs{flex-wrap:wrap;justify-content:center;padding:var(--sp-sm);gap:var(--sp-sm);margin-bottom:var(--sp-xl);background:var(--c-bg-alt);border-radius:var(--r-lg);overflow:visible}.filter-tab{padding:var(--sp-sm) var(--sp-lg);font-size:var(--fs-small);border-radius:var(--r-md);background:var(--c-white);white-space:normal}.filter-tab--active{background:var(--c-primary);color:var(--c-white)}.filter-tab:after{display:none}.filter-tab__full{display:none}.filter-tab__short{display:inline}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}.case__layout{grid-template-columns:1fr;gap:var(--sp-xl)}.case__stack{min-height:280px}.case__stack-img{width:180px}.case__products{margin-top:var(--sp-lg)}.case__cta{margin-top:var(--sp-lg);width:100%;justify-content:center}.case__product:after{display:none}.craft-flow{flex-direction:column;gap:var(--sp-md)}.craft-flow__arrow{transform:rotate(90deg)}.craft-metrics{grid-template-columns:1fr;gap:var(--sp-md)}.craft-metrics__item{flex-direction:row;text-align:left;padding:var(--sp-md) var(--sp-lg)}.craft-cta__link{width:100%;justify-content:center}.eq-swiper__slide{flex:0 0 100%}.eq-swiper__btn{display:none}}@media(prefers-reduced-motion:reduce){.case__stack-img{transition:none}.case__product:after{transition:none}.case__cta,.craft-flow__step,.craft-cta__link{transition:none}}