{"id":2394,"date":"2024-02-19T15:38:44","date_gmt":"2024-02-19T07:38:44","guid":{"rendered":"https:\/\/rxgloves.com\/?page_id=2394"},"modified":"2026-01-10T04:00:35","modified_gmt":"2026-01-09T20:00:35","slug":"tietoa-rx-kasineista","status":"publish","type":"page","link":"https:\/\/www.rxgloves.com\/fi\/about-rx-gloves\/","title":{"rendered":"Tietoa"},"content":{"rendered":"<p><!--LEMONX_BLOCK_START:2--><br \/>\n<!-- RX Accessories Premium Banner - Deep Orange Theme (Compact) --><\/p>\n<section class=\"rx-craft-banner\">\n<style>\n    .rx-craft-banner {\n      width: 100%;\n      background: #0a0e1a;\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n      padding: 60px 0;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u5c42 - \u7eb9\u7406\u56fe\u6848 *\/\n    .rx-craft-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(234, 88, 12, 0.03) 35px, rgba(234, 88, 12, 0.03) 70px),\n        repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(251, 146, 60, 0.02) 35px, rgba(251, 146, 60, 0.02) 70px);\n      z-index: 0;\n    }<\/p>\n<p>    \/* \u6e10\u53d8\u906e\u7f69 *\/\n    .rx-craft-banner::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(ellipse at 20% 30%, rgba(254, 243, 235, 0.95) 0%, transparent 50%),\n        radial-gradient(ellipse at 80% 70%, rgba(253, 230, 214, 0.92) 0%, transparent 50%),\n        linear-gradient(135deg, \n          rgba(255, 251, 248, 0.97) 0%,\n          rgba(254, 247, 241, 0.96) 30%,\n          rgba(254, 240, 230, 0.95) 60%,\n          rgba(253, 233, 217, 0.94) 100%\n        );\n      z-index: 1;\n    }<\/p>\n<p>    \/* \u52a8\u6001\u5149\u6655\u88c5\u9970 *\/\n    .rx-craft-banner .glow-orb {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(80px);\n      z-index: 1;\n      animation: float 12s ease-in-out infinite;\n    }<\/p>\n<p>    .rx-craft-banner .glow-orb-1 {\n      width: 400px;\n      height: 400px;\n      background: radial-gradient(circle, rgba(234, 88, 12, 0.2), transparent 70%);\n      top: -100px;\n      right: 10%;\n      animation-delay: 0s;\n    }<\/p>\n<p>    .rx-craft-banner .glow-orb-2 {\n      width: 350px;\n      height: 350px;\n      background: radial-gradient(circle, rgba(251, 146, 60, 0.15), transparent 70%);\n      bottom: -80px;\n      left: 15%;\n      animation-delay: 4s;\n    }<\/p>\n<p>    @keyframes float {\n      0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }\n      33% { transform: translate(30px, -30px) scale(1.1); opacity: 0.8; }\n      66% { transform: translate(-20px, 20px) scale(0.95); opacity: 0.7; }\n    }<\/p>\n<p>    .rx-craft-banner .container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    \/* === \u5185\u5bb9\u5e03\u5c40 === *\/\n    .rx-craft-banner .content-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      max-width: 1000px;\n      margin: 0 auto;\n    }<\/p>\n<p>    \/* \u5e74\u4efd\u5fbd\u7ae0 *\/\n    .rx-craft-banner .year-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 8px 20px;\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85));\n      border: 2px solid rgba(234, 88, 12, 0.25);\n      border-radius: 50px;\n      backdrop-filter: blur(12px);\n      box-shadow: \n        0 6px 24px rgba(234, 88, 12, 0.15),\n        inset 0 1px 0 rgba(255, 255, 255, 0.8);\n      margin-bottom: 20px;\n      position: relative;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-craft-banner .year-badge:hover {\n      transform: scale(1.05);\n      border-color: rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .rx-craft-banner .year-svg {\n      width: 20px;\n      height: 20px;\n    }<\/p>\n<p>    .rx-craft-banner .year-svg path {\n      fill: none;\n      stroke: #ea580c;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-craft-banner .year-text {\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      background: linear-gradient(135deg, #9a3412, #ea580c);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    \/* \u4e3b\u6807\u9898 *\/\n    .rx-craft-banner .main-title {\n      font-size: 48px;\n      font-weight: 900;\n      line-height: 1.15;\n      margin-bottom: 16px;\n      color: #0f172a;\n      letter-spacing: -1.5px;\n      max-width: 900px;\n    }<\/p>\n<p>    .rx-craft-banner .title-highlight {\n      display: inline-block;\n      background: linear-gradient(135deg, #9a3412 0%, #ea580c 40%, #fb923c 80%, #fdba74 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      position: relative;\n    }<\/p>\n<p>    .rx-craft-banner .title-highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -6px;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, #ea580c, transparent);\n      border-radius: 2px;\n      opacity: 0.4;\n    }<\/p>\n<p>    \/* \u526f\u6807\u9898 *\/\n    .rx-craft-banner .subtitle {\n      font-size: 17px;\n      line-height: 1.6;\n      color: #334155;\n      margin-bottom: 32px;\n      max-width: 820px;\n      font-weight: 500;\n    }<\/p>\n<p>    .rx-craft-banner .subtitle strong {\n      color: #1e293b;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* \u7279\u6027\u5361\u7247\u7f51\u683c *\/\n    .rx-craft-banner .features-row {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n      width: 100%;\n      margin-bottom: 32px;\n    }<\/p>\n<p>    .rx-craft-banner .feature-card {\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));\n      border: 1.5px solid rgba(148, 163, 184, 0.25);\n      border-radius: 16px;\n      padding: 24px 20px;\n      backdrop-filter: blur(10px);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-craft-banner .feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #ea580c, #fb923c);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .rx-craft-banner .feature-card:hover {\n      transform: translateY(-6px);\n      border-color: rgba(234, 88, 12, 0.4);\n      box-shadow: \n        0 16px 40px rgba(234, 88, 12, 0.2),\n        0 0 0 1px rgba(255, 255, 255, 0.9);\n      background: rgba(255, 255, 255, 0.95);\n    }<\/p>\n<p>    .rx-craft-banner .feature-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .rx-craft-banner .feature-svg {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 14px;\n    }<\/p>\n<p>    .rx-craft-banner .feature-svg path,\n    .rx-craft-banner .feature-svg circle,\n    .rx-craft-banner .feature-svg line {\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-craft-banner .feature-card:hover .feature-svg path,\n    .rx-craft-banner .feature-card:hover .feature-svg circle,\n    .rx-craft-banner .feature-card:hover .feature-svg line {\n      stroke: #c2410c;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .rx-craft-banner .feature-title {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n      margin-bottom: 6px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .rx-craft-banner .feature-desc {\n      font-size: 13px;\n      color: #64748b;\n      line-height: 1.5;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* CTA\u6309\u94ae *\/\n    .rx-craft-banner .cta-button {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 14px 32px;\n      font-size: 15px;\n      font-weight: 700;\n      color: white;\n      background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);\n      border: none;\n      border-radius: 12px;\n      cursor: pointer;\n      box-shadow: \n        0 10px 32px rgba(234, 88, 12, 0.35),\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-craft-banner .cta-button::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n      transition: left 0.5s ease;\n    }<\/p>\n<p>    .rx-craft-banner .cta-button:hover {\n      transform: translateY(-2px);\n      box-shadow: \n        0 14px 40px rgba(234, 88, 12, 0.45),\n        inset 0 1px 0 rgba(255, 255, 255, 0.3);\n    }<\/p>\n<p>    .rx-craft-banner .cta-button:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .rx-craft-banner .cta-button:active {\n      transform: translateY(0);\n    }<\/p>\n<p>    .rx-craft-banner .cta-svg {\n      width: 18px;\n      height: 18px;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .rx-craft-banner .cta-svg path {\n      stroke: white;\n      fill: none;\n      stroke-width: 2.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-craft-banner .cta-button:hover .cta-svg {\n      transform: translateX(4px);\n    }<\/p>\n<p>    \/* \u4fe1\u4efb\u6807\u8bc6 *\/\n    .rx-craft-banner .trust-line {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 28px;\n      margin-top: 32px;\n      padding-top: 24px;\n      border-top: 1px solid rgba(148, 163, 184, 0.2);\n    }<\/p>\n<p>    .rx-craft-banner .trust-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n    }<\/p>\n<p>    .rx-craft-banner .trust-icon {\n      width: 20px;\n      height: 20px;\n    }<\/p>\n<p>    .rx-craft-banner .trust-icon path,\n    .rx-craft-banner .trust-icon circle {\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .rx-craft-banner {\n        padding: 50px 0;\n      }\n      .rx-craft-banner .main-title {\n        font-size: 40px;\n      }\n      .rx-craft-banner .features-row {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .rx-craft-banner {\n        padding: 40px 0;\n      }\n      .rx-craft-banner .container {\n        padding: 0 24px;\n      }\n      .rx-craft-banner .main-title {\n        font-size: 32px;\n      }\n      .rx-craft-banner .subtitle {\n        font-size: 15px;\n      }\n      .rx-craft-banner .trust-line {\n        flex-direction: column;\n        gap: 12px;\n      }\n      .rx-craft-banner .cta-button {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n  <\/style>\n<div class=\"glow-orb glow-orb-1\"><\/div>\n<div class=\"glow-orb glow-orb-2\"><\/div>\n<div class=\"container\">\n<div class=\"content-wrapper\">\n<p>      <!-- \u5e74\u4efd\u5fbd\u7ae0 --><\/p>\n<div class=\"year-badge\">\n        <svg class=\"year-svg\" viewbox=\"0 0 24 24\">\n          <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"><\/path>\n        <\/svg><br \/>\n        <span class=\"year-text\">VASTA 2002<\/span>\n      <\/div>\n<p>      <!-- \u4e3b\u6807\u9898 --><\/p>\n<h1 class=\"main-title\">\n        <span class=\"title-highlight\">K\u00e4sineiden uudelleenm\u00e4\u00e4rittely<\/span><br \/>\n        K\u00e4sity\u00f6taito vuodesta 2002<br \/>\n      <\/h1>\n<p>      <!-- \u526f\u6807\u9898 --><\/p>\n<p class=\"subtitle\">\n        Premium <strong>leikatut ja ommellut k\u00e4sineet<\/strong> Suunniteltu tarkkuudella, mukavuudella ja ajattomalla tyylill\u00e4 \u2014 luotettu maailmanlaajuisesti yli kahden vuosikymmenen ajan.\n      <\/p>\n<p>      <!-- \u7279\u6027\u5361\u7247 --><\/p>\n<div class=\"features-row\">\n<div class=\"feature-card\">\n          <svg class=\"feature-svg\" viewbox=\"0 0 24 24\">\n            <path d=\"M12 2L2 7L12 12L22 7L12 2Z\"><\/path>\n            <path d=\"M2 17L12 22L22 17\"><\/path>\n            <path d=\"M2 12L12 17L22 12\"><\/path>\n          <\/svg><\/p>\n<div class=\"feature-title\">Tarkkuusinsin\u00f6\u00f6ritaito<\/div>\n<div class=\"feature-desc\">Edistyneet leikkaus- ja ompelutekniikat erinomaisen istuvuuden saavuttamiseksi<\/div>\n<\/p><\/div>\n<div class=\"feature-card\">\n          <svg class=\"feature-svg\" viewbox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <path d=\"M12 6V12L16 14\"><\/path>\n          <\/svg><\/p>\n<div class=\"feature-title\">Yli 22 vuoden kokemus<\/div>\n<div class=\"feature-desc\">Luotettava valmistuskumppani vuodesta 2002<\/div>\n<\/p><\/div>\n<div class=\"feature-card\">\n          <svg class=\"feature-svg\" viewbox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n            <path d=\"M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z\"><\/path>\n          <\/svg><\/p>\n<div class=\"feature-title\">Maailmanlaajuinen br\u00e4ndiluottamus<\/div>\n<div class=\"feature-desc\">Toimittaa laadukkaita k\u00e4sineit\u00e4 maailmanlaajuisesti<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- CTA\u6309\u94ae --><br \/>\n      <button class=\"cta-button\" data-href=\"https:\/\/www.rxgloves.com\/contact-rx-gloves\/\" data-target=\"_blank\" onclick=\"window.open('https:\/\/www.rxgloves.com\/contact-rx-gloves\/', '_blank'); return false;\">Aloita r\u00e4\u00e4t\u00e4l\u00f6ity tilauksesi<\/button><\/p>\n<p>      <!-- \u4fe1\u4efb\u6807\u8bc6 --><\/p>\n<div class=\"trust-line\">\n<div class=\"trust-item\">\n          <svg class=\"trust-icon\" viewbox=\"0 0 24 24\">\n            <path d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\"><\/path>\n          <\/svg><br \/>\n          <span>ISO-sertifioitu<\/span>\n        <\/div>\n<div class=\"trust-item\">\n          <svg class=\"trust-icon\" viewbox=\"0 0 24 24\">\n            <path d=\"M22 11.08V12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2C14.76 2 17.23 3.13 19 4.93\"><\/path>\n            <path d=\"M22 4L12 14.01L9 11.01\"><\/path>\n          <\/svg><br \/>\n          <span>Laadun takuu<\/span>\n        <\/div>\n<div class=\"trust-item\">\n          <svg class=\"trust-icon\" viewbox=\"0 0 24 24\">\n            <path d=\"M21 16V8C21 6.9 20.1 6 19 6H5C3.9 6 3 6.9 3 8V16C3 17.1 3.9 18 5 18H19C20.1 18 21 17.1 21 16Z\"><\/path>\n            <path d=\"M1 10H23\"><\/path>\n          <\/svg><br \/>\n          <span>Turvallinen maksu<\/span>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const featureCards = document.querySelectorAll('.rx-craft-banner .feature-card');\n  featureCards.forEach((card, index) => {\n    card.style.animationDelay = `${index * 0.1}s`;<\/p>\n<p>    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n    });<\/p>\n<p>    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });<\/p>\n<p>  const ctaButton = document.querySelector('.rx-craft-banner .cta-button');\n  ctaButton.addEventListener('click', function(e) {\n    console.log('CTA clicked: Start Your Custom Order');<\/p>\n<p>    const ripple = document.createElement('div');\n    ripple.style.cssText = `\n      position: absolute;\n      width: 10px;\n      height: 10px;\n      background: rgba(255, 255, 255, 0.6);\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      pointer-events: none;\n      animation: ctaRipple 0.6s ease-out;\n    `;\n    ripple.style.left = e.offsetX + 'px';\n    ripple.style.top = e.offsetY + 'px';\n    this.appendChild(ripple);\n    setTimeout(() => ripple.remove(), 600);\n  });<\/p>\n<p>  const yearBadge = document.querySelector('.rx-craft-banner .year-badge');\n  yearBadge.addEventListener('mouseenter', function() {\n    this.style.transform = 'scale(1.05)';\n  });\n  yearBadge.addEventListener('mouseleave', function() {\n    this.style.transform = 'scale(1)';\n  });\n});<\/p>\n<p>const animStyle = document.createElement('style');\nanimStyle.textContent = `\n  @keyframes ctaRipple {\n    to {\n      width: 200px;\n      height: 200px;\n      opacity: 0;\n    }\n  }\n`;\ndocument.head.appendChild(animStyle);\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:2--><\/p>\n<p><!--LEMONX_BLOCK_START:3--><br \/>\n<!-- RX Gloves Story Section - Deep Orange Theme --><\/p>\n<section class=\"rx-story-section\">\n<style>\n    .rx-story-section {\n      width: 100%;\n      background: linear-gradient(180deg, \n        #fefcfb 0%,\n        #fef8f4 30%,\n        #fef3ec 60%,\n        #fdeee3 100%\n      );\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u88c5\u9970 *\/\n    .rx-story-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 20% 30%, rgba(234, 88, 12, 0.04) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(251, 146, 60, 0.03) 0%, transparent 50%);\n      pointer-events: none;\n    }<\/p>\n<p>    .rx-story-section .container {\n      max-width: 1320px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* === \u9876\u90e8\u6807\u9898\u533a === *\/\n    .rx-story-section .section-header {\n      text-align: center;\n      max-width: 800px;\n      margin: 0 auto 60px;\n    }<\/p>\n<p>    .rx-story-section .section-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 20px;\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85));\n      border: 2px solid rgba(234, 88, 12, 0.25);\n      border-radius: 50px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 4px 20px rgba(234, 88, 12, 0.12);\n      margin-bottom: 20px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-story-section .section-badge:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 28px rgba(234, 88, 12, 0.18);\n    }<\/p>\n<p>    .rx-story-section .badge-svg {\n      width: 20px;\n      height: 20px;\n    }<\/p>\n<p>    .rx-story-section .badge-svg path {\n      fill: none;\n      stroke: #ea580c;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-story-section .badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      background: linear-gradient(135deg, #9a3412, #ea580c);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .rx-story-section .section-title {\n      font-size: 36px;\n      font-weight: 900;\n      line-height: 1.2;\n      color: #0f172a;\n      margin-bottom: 18px;\n      letter-spacing: -1px;\n    }<\/p>\n<p>    .rx-story-section .brand-highlight {\n      background: linear-gradient(135deg, #9a3412 0%, #ea580c 50%, #fb923c 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .rx-story-section .section-subtitle {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #475569;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* === \u4e3b\u5185\u5bb9\u7f51\u683c === *\/\n    .rx-story-section .content-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: start;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    \/* \u5de6\u4fa7\u6587\u672c *\/\n    .rx-story-section .story-text {\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));\n      border: 1.5px solid rgba(148, 163, 184, 0.2);\n      border-radius: 20px;\n      padding: 40px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n      position: relative;\n    }<\/p>\n<p>    .rx-story-section .story-text::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #ea580c, #fb923c, #fdba74);\n      border-radius: 20px 20px 0 0;\n    }<\/p>\n<p>    .rx-story-section .story-paragraph {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #334155;\n      margin-bottom: 24px;\n      font-weight: 500;\n    }<\/p>\n<p>    .rx-story-section .story-paragraph:last-child {\n      margin-bottom: 0;\n    }<\/p>\n<p>    .rx-story-section .story-paragraph strong {\n      color: #1e293b;\n      font-weight: 700;\n    }<\/p>\n<p>    .rx-story-section .story-highlight {\n      color: #ea580c;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }<\/p>\n<p>    .rx-story-section .story-highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -2px;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, #ea580c, transparent);\n      opacity: 0.4;\n    }<\/p>\n<p>    \/* \u53f3\u4fa7\u56fe\u7247\u62fc\u8d34 *\/\n    .rx-story-section .image-collage {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      grid-template-rows: repeat(3, 140px);\n      gap: 12px;\n    }<\/p>\n<p>    .rx-story-section .collage-item {\n      position: relative;\n      border-radius: 14px;\n      overflow: hidden;\n      background: white;\n      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }<\/p>\n<p>    .rx-story-section .collage-item:hover {\n      transform: translateY(-6px) scale(1.03);\n      box-shadow: 0 12px 40px rgba(234, 88, 12, 0.22);\n      z-index: 10;\n    }<\/p>\n<p>    .rx-story-section .collage-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }<\/p>\n<p>    .rx-story-section .collage-item:hover img {\n      transform: scale(1.1);\n    }<\/p>\n<p>    .rx-story-section .collage-item::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.2), transparent 60%);\n      opacity: 0;\n      transition: opacity 0.4s ease;\n    }<\/p>\n<p>    .rx-story-section .collage-item:hover::after {\n      opacity: 1;\n    }<\/p>\n<p>    \/* \u7279\u6b8a\u5e03\u5c40 *\/\n    .rx-story-section .collage-item-1 {\n      grid-column: 1 \/ 3;\n      grid-row: 1 \/ 3;\n    }<\/p>\n<p>    .rx-story-section .collage-item-2 {\n      grid-column: 3;\n      grid-row: 1;\n    }<\/p>\n<p>    .rx-story-section .collage-item-3 {\n      grid-column: 3;\n      grid-row: 2;\n    }<\/p>\n<p>    .rx-story-section .collage-item-4 {\n      grid-column: 1;\n      grid-row: 3;\n    }<\/p>\n<p>    .rx-story-section .collage-item-5 {\n      grid-column: 2;\n      grid-row: 3;\n    }<\/p>\n<p>    .rx-story-section .collage-item-6 {\n      grid-column: 3;\n      grid-row: 3;\n    }<\/p>\n<p>    \/* === \u5e95\u90e8\u4ef7\u503c\u4e3b\u5f20 === *\/\n    .rx-story-section .values-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }<\/p>\n<p>    .rx-story-section .value-card {\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));\n      border: 1.5px solid rgba(148, 163, 184, 0.22);\n      border-radius: 18px;\n      padding: 32px 28px;\n      text-align: center;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-story-section .value-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #ea580c, #fb923c);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .rx-story-section .value-card:hover {\n      transform: translateY(-8px);\n      border-color: rgba(234, 88, 12, 0.4);\n      box-shadow: 0 16px 48px rgba(234, 88, 12, 0.2);\n      background: rgba(255, 255, 255, 0.98);\n    }<\/p>\n<p>    .rx-story-section .value-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .rx-story-section .value-icon {\n      width: 64px;\n      height: 64px;\n      margin: 0 auto 20px;\n      background: linear-gradient(135deg, #ea580c, #c2410c);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 8px 24px rgba(234, 88, 12, 0.3);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-story-section .value-card:hover .value-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 12px 32px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .rx-story-section .value-icon svg {\n      width: 32px;\n      height: 32px;\n    }<\/p>\n<p>    .rx-story-section .value-icon svg path,\n    .rx-story-section .value-icon svg circle,\n    .rx-story-section .value-icon svg line {\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-story-section .value-title {\n      font-size: 20px;\n      font-weight: 700;\n      color: #1e293b;\n      margin-bottom: 10px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .rx-story-section .value-desc {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .rx-story-section {\n        padding: 60px 0;\n      }\n      .rx-story-section .content-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n      .rx-story-section .section-title {\n        font-size: 32px;\n      }\n      .rx-story-section .values-grid {\n        grid-template-columns: 1fr;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .rx-story-section {\n        padding: 50px 0;\n      }\n      .rx-story-section .container {\n        padding: 0 24px;\n      }\n      .rx-story-section .section-title {\n        font-size: 28px;\n      }\n      .rx-story-section .section-subtitle {\n        font-size: 16px;\n      }\n      .rx-story-section .section-header {\n        margin-bottom: 40px;\n      }\n      .rx-story-section .story-text {\n        padding: 28px;\n      }\n      .rx-story-section .image-collage {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: repeat(4, 120px);\n      }\n      .rx-story-section .collage-item-1 {\n        grid-column: 1 \/ 3;\n        grid-row: 1 \/ 3;\n      }\n      .rx-story-section .collage-item-2 {\n        grid-column: 1;\n        grid-row: 3;\n      }\n      .rx-story-section .collage-item-3 {\n        grid-column: 2;\n        grid-row: 3;\n      }\n      .rx-story-section .collage-item-4 {\n        grid-column: 1;\n        grid-row: 4;\n      }\n      .rx-story-section .collage-item-5 {\n        grid-column: 2;\n        grid-row: 4;\n      }\n      .rx-story-section .collage-item-6 {\n        display: none;\n      }\n    }\n  <\/style>\n<div class=\"container\">\n<p>    <!-- \u9876\u90e8\u6807\u9898\u533a --><\/p>\n<div class=\"section-header\">\n<div class=\"section-badge\">\n        <svg class=\"badge-svg\" viewbox=\"0 0 24 24\">\n          <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n          <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n        <\/svg><br \/>\n        <span class=\"badge-text\">Tarinaamme<\/span>\n      <\/div>\n<h2 class=\"section-title\">\n        <span class=\"brand-highlight\">RX K\u00e4sineet<\/span> \u2014 K\u00e4sity\u00f6<br \/>\n        K\u00e4sineiden huippuosaaminen vuodesta 2002<br \/>\n      <\/h2>\n<p class=\"section-subtitle\">\n        Kaksi vuosikymment\u00e4 innovaatioita, laatua ja luottamusta globaalissa k\u00e4sinealan teollisuudessa\n      <\/p>\n<\/p><\/div>\n<p>    <!-- \u4e3b\u5185\u5bb9\u7f51\u683c --><\/p>\n<div class=\"content-grid\">\n<p>      <!-- \u5de6\u4fa7\u6587\u672c --><\/p>\n<div class=\"story-text\">\n<p class=\"story-paragraph\">\n          Yli <strong>kaksi vuosikymment\u00e4<\/strong>, RX K\u00e4sineet on ollut luotettu nimi globaalissa k\u00e4sinealan teollisuudessa. Perustettu vuonna <strong>2002<\/strong>, aloitimme yksinkertaisella vakaumuksella: <span class=\"story-highlight\">k\u00e4sineiden tulisi tehd\u00e4 enemm\u00e4n kuin vain peitt\u00e4\u00e4 k\u00e4det<\/span>\u2014 heid\u00e4n tulisi parantaa mukavuutta, suorituskyky\u00e4 ja itseluottamusta.\n        <\/p>\n<p class=\"story-paragraph\">\n          T\u00e4n\u00e4\u00e4n t\u00e4m\u00e4 visio ohjaa kasvuaamme <strong>johtavana valmistajana ja viej\u00e4n\u00e4<\/strong> premium leikattujen ja ommeltujen k\u00e4sineiden alalla. Huippuluokan tiloistamme taitaviin k\u00e4sity\u00f6l\u00e4isiimme jokainen k\u00e4sine, jonka tuotamme, heijastaa sitoutumistamme <span class=\"story-highlight\">erinomaiseen suorituskykyyn, innovaatioihin ja asiakastyytyv\u00e4isyyteen<\/span>.\n        <\/p>\n<p class=\"story-paragraph\">\n          Palvelemme <strong>globaaleja br\u00e4ndej\u00e4 ja v\u00e4hitt\u00e4ismyyji\u00e4<\/strong> yli 30 maassa, toimittaen tuotteita, jotka yhdist\u00e4v\u00e4t perinteisen k\u00e4sity\u00f6n ja modernin teknologian. Matkamme perustuu luottamukseen, laatuun ja jatkuvaan pyrkimykseen t\u00e4ydellisyyteen.\n        <\/p>\n<\/p><\/div>\n<p>      <!-- \u53f3\u4fa7\u56fe\u7247\u62fc\u8d34 --><\/p>\n<div class=\"image-collage\">\n<div class=\"collage-item collage-item-1\">\n          <img height=\"1706\" width=\"1279\" decoding=\"async\" alt=\"Premium-k\u00e4sineiden esittely\" loading=\"lazy\" class=\"\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2026\/01\/RX-leather-gloves-16.jpg\">\n        <\/div>\n<div class=\"collage-item collage-item-2\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/close-up-view-of-craftsman-skillfully-using-a-cutt-2024-12-05-20-00-58-utc-scaled.jpg\" alt=\"K\u00e4sity\u00f6l\u00e4isen leikkaus\" loading=\"lazy\">\n        <\/div>\n<div class=\"collage-item collage-item-3\">\n          <img height=\"1709\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/dressmaker-sews-fabrics-on-a-sewing-machine-2024-11-27-11-16-12-utc-scaled.jpg\" alt=\"Ompeleminen\" loading=\"lazy\">\n        <\/div>\n<div class=\"collage-item collage-item-4\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/fabric-and-textile-industry-2025-03-18-12-52-47-utc-scaled.jpg\" alt=\"Kankaat\" loading=\"lazy\">\n        <\/div>\n<div class=\"collage-item collage-item-5\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/industrial-sewing-workplace-2025-03-14-00-40-03-utc-scaled.jpg\" alt=\"Teollisuusty\u00f6paikka\" loading=\"lazy\">\n        <\/div>\n<div class=\"collage-item collage-item-6\">\n          <img height=\"1714\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/leather-gloves-in-a-multitude-of-colors-for-sale-i-2025-10-16-21-55-21-utc-scaled.jpg\" alt=\"V\u00e4rikk\u00e4\u00e4t nahkakeng\u00e4t\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u5e95\u90e8\u4ef7\u503c\u4e3b\u5f20 --><\/p>\n<div class=\"values-grid\">\n<div class=\"value-card\">\n<div class=\"value-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"value-title\">Mukavuus Ensin<\/h3>\n<p class=\"value-desc\">Jokainen suunnittelu painottaa ergonomista istuvuutta ja koko p\u00e4iv\u00e4n kest\u00e4v\u00e4\u00e4 k\u00e4ytt\u00f6mukavuutta maksimaalisen mukavuuden saavuttamiseksi<\/p>\n<\/p><\/div>\n<div class=\"value-card\">\n<div class=\"value-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 2L2 7L12 12L22 7L12 2Z\"><\/path>\n            <path d=\"M2 17L12 22L22 17\"><\/path>\n            <path d=\"M2 12L12 17L22 12\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"value-title\">Premium Laatu<\/h3>\n<p class=\"value-desc\">Parhaat materiaalit ja tiukka testaus varmistavat kest\u00e4vyyden, joka ylitt\u00e4\u00e4 alan standardit<\/p>\n<\/p><\/div>\n<div class=\"value-card\">\n<div class=\"value-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <path d=\"M12 16v-4\"><\/path>\n            <path d=\"M12 8h.01\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"value-title\">Luotettava Kumppani<\/h3>\n<p class=\"value-desc\">Yli 22 vuotta luotettavuutta, l\u00e4pin\u00e4kyvyytt\u00e4 ja omistautunutta tukea globaaleille br\u00e4ndeille<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u4ef7\u503c\u5361\u7247\u52a8\u753b\n  const valueCards = document.querySelectorAll('.rx-story-section .value-card');\n  valueCards.forEach((card, index) => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';<\/p>\n<p>    setTimeout(() => {\n      card.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n      card.style.opacity = '1';\n      card.style.transform = 'translateY(0)';\n    }, 100 * index);\n  });<\/p>\n<p>  \/\/ \u56fe\u7247\u62fc\u8d34\u4ea4\u4e92\n  const collageItems = document.querySelectorAll('.rx-story-section .collage-item');\n  collageItems.forEach(item => {\n    item.addEventListener('mouseenter', function() {\n      collageItems.forEach(other => {\n        if (other !== this) {\n          other.style.opacity = '0.6';\n          other.style.filter = 'grayscale(40%)';\n        }\n      });\n    });<\/p>\n<p>    item.addEventListener('mouseleave', function() {\n      collageItems.forEach(other => {\n        other.style.opacity = '1';\n        other.style.filter = 'grayscale(0)';\n      });\n    });\n  });<\/p>\n<p>  \/\/ \u5fbd\u7ae0\u60ac\u505c\n  const badge = document.querySelector('.rx-story-section .section-badge');\n  badge.addEventListener('mouseenter', function() {\n    this.style.transform = 'translateY(-3px) scale(1.05)';\n  });\n  badge.addEventListener('mouseleave', function() {\n    this.style.transform = 'translateY(0) scale(1)';\n  });<\/p>\n<p>  \/\/ \u6587\u672c\u5361\u7247\u5165\u573a\u52a8\u753b\n  const storyText = document.querySelector('.rx-story-section .story-text');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateX(0)';\n      }\n    });\n  }, { threshold: 0.2 });<\/p>\n<p>  storyText.style.opacity = '0';\n  storyText.style.transform = 'translateX(-30px)';\n  storyText.style.transition = 'all 0.8s cubic-bezier(0.4, 0, 0.2, 1)';\n  observer.observe(storyText);\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:3--><\/p>\n<p><!--LEMONX_BLOCK_START:4--><br \/>\n<!-- RX Gloves Journey Section - Deep Orange Theme --><\/p>\n<section class=\"rx-journey-section\" style=\"transition: 0.2s;\">\n<style>\n    .rx-journey-section {\n      width: 100%;\n      background: linear-gradient(180deg, \n        #fdeee3 0%,\n        #fef3ec 40%,\n        #fef8f4 80%,\n        #fefcfb 100%\n      );\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u88c5\u9970 *\/\n    .rx-journey-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 30% 20%, rgba(234, 88, 12, 0.05) 0%, transparent 45%),\n        radial-gradient(circle at 70% 80%, rgba(251, 146, 60, 0.04) 0%, transparent 45%);\n      pointer-events: none;\n    }<\/p>\n<p>    .rx-journey-section .container {\n      max-width: 1320px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* === \u9876\u90e8\u6807\u9898\u533a === *\/\n    .rx-journey-section .section-header {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto 50px;\n    }<\/p>\n<p>    .rx-journey-section .section-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 20px;\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85));\n      border: 2px solid rgba(234, 88, 12, 0.25);\n      border-radius: 50px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 4px 20px rgba(234, 88, 12, 0.12);\n      margin-bottom: 20px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-journey-section .section-badge:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 28px rgba(234, 88, 12, 0.18);\n    }<\/p>\n<p>    .rx-journey-section .badge-svg {\n      width: 20px;\n      height: 20px;\n    }<\/p>\n<p>    .rx-journey-section .badge-svg path,\n    .rx-journey-section .badge-svg circle {\n      fill: none;\n      stroke: #ea580c;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-journey-section .badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      background: linear-gradient(135deg, #9a3412, #ea580c);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .rx-journey-section .section-title {\n      font-size: 36px;\n      font-weight: 900;\n      line-height: 1.25;\n      color: #0f172a;\n      margin-bottom: 20px;\n      letter-spacing: -1px;\n    }<\/p>\n<p>    .rx-journey-section .title-highlight {\n      background: linear-gradient(135deg, #9a3412 0%, #ea580c 50%, #fb923c 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .rx-journey-section .section-intro {\n      font-size: 17px;\n      line-height: 1.75;\n      color: #334155;\n      font-weight: 500;\n      margin-bottom: 16px;\n    }<\/p>\n<p>    .rx-journey-section .section-intro strong {\n      color: #1e293b;\n      font-weight: 700;\n    }<\/p>\n<p>    .rx-journey-section .intro-highlight {\n      color: #ea580c;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* === \u4e3b\u5185\u5bb9\u5e03\u5c40 === *\/\n    .rx-journey-section .main-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: stretch;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    \/* \u5de6\u4fa7\u56fe\u7247\u7f51\u683c *\/\n    .rx-journey-section .images-mosaic {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      grid-template-rows: repeat(3, 1fr);\n      gap: 12px;\n      height: 100%;\n      min-height: 500px;\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item {\n      position: relative;\n      border-radius: 14px;\n      overflow: hidden;\n      background: white;\n      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item:hover {\n      transform: translateY(-6px) scale(1.03);\n      box-shadow: 0 12px 40px rgba(234, 88, 12, 0.22);\n      z-index: 10;\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item:hover img {\n      transform: scale(1.12);\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.25), transparent 55%);\n      opacity: 0;\n      transition: opacity 0.4s ease;\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item:hover::after {\n      opacity: 1;\n    }<\/p>\n<p>    \/* \u7279\u6b8a\u5e03\u5c40 - \u586b\u6ee1\u6574\u4e2a\u7f51\u683c *\/\n    .rx-journey-section .mosaic-item-1 {\n      grid-column: 1 \/ 3;\n      grid-row: 1 \/ 3;\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item-2 {\n      grid-column: 3;\n      grid-row: 1;\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item-3 {\n      grid-column: 3;\n      grid-row: 2;\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item-4 {\n      grid-column: 1;\n      grid-row: 3;\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item-5 {\n      grid-column: 2;\n      grid-row: 3;\n    }<\/p>\n<p>    .rx-journey-section .mosaic-item-6 {\n      grid-column: 3;\n      grid-row: 3;\n    }<\/p>\n<p>    \/* \u53f3\u4fa7\u4ea7\u54c1\u5217\u8868 *\/\n    .rx-journey-section .product-showcase {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }<\/p>\n<p>    .rx-journey-section .showcase-intro {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #475569;\n      margin-bottom: 8px;\n      font-weight: 500;\n    }<\/p>\n<p>    .rx-journey-section .product-card {\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));\n      border: 1.5px solid rgba(148, 163, 184, 0.22);\n      border-radius: 16px;\n      padding: 24px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n    }<\/p>\n<p>    .rx-journey-section .product-card::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background: linear-gradient(180deg, #ea580c, #fb923c);\n      transform: scaleY(0);\n      transform-origin: bottom;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .rx-journey-section .product-card:hover {\n      transform: translateX(8px);\n      border-color: rgba(234, 88, 12, 0.4);\n      box-shadow: 0 8px 32px rgba(234, 88, 12, 0.18);\n      background: rgba(255, 255, 255, 0.98);\n    }<\/p>\n<p>    .rx-journey-section .product-card:hover::before {\n      transform: scaleY(1);\n    }<\/p>\n<p>    .rx-journey-section .product-header {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 10px;\n    }<\/p>\n<p>    .rx-journey-section .product-icon {\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, #ea580c, #c2410c);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.3);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-journey-section .product-card:hover .product-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 28px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .rx-journey-section .product-icon svg {\n      width: 24px;\n      height: 24px;\n    }<\/p>\n<p>    .rx-journey-section .product-icon svg path,\n    .rx-journey-section .product-icon svg circle,\n    .rx-journey-section .product-icon svg line {\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-journey-section .product-title {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1e293b;\n      line-height: 1.3;\n    }<\/p>\n<p>    .rx-journey-section .product-desc {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      font-weight: 500;\n      padding-left: 62px;\n    }<\/p>\n<p>    \/* === \u5e95\u90e8CTA === *\/\n    .rx-journey-section .cta-banner {\n      background: linear-gradient(135deg, \n        rgba(234, 88, 12, 0.08) 0%,\n        rgba(251, 146, 60, 0.06) 50%,\n        rgba(253, 186, 116, 0.04) 100%\n      );\n      border: 2px solid rgba(234, 88, 12, 0.2);\n      border-radius: 20px;\n      padding: 40px;\n      text-align: center;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 8px 32px rgba(234, 88, 12, 0.12);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-journey-section .cta-banner::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -10%;\n      width: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(234, 88, 12, 0.15), transparent 60%);\n      border-radius: 50%;\n      filter: blur(60px);\n    }<\/p>\n<p>    .rx-journey-section .cta-title {\n      font-size: 28px;\n      font-weight: 900;\n      color: #0f172a;\n      margin-bottom: 12px;\n      letter-spacing: -0.5px;\n      position: relative;\n    }<\/p>\n<p>    .rx-journey-section .cta-title .accent {\n      color: #ea580c;\n    }<\/p>\n<p>    .rx-journey-section .cta-text {\n      font-size: 16px;\n      color: #475569;\n      margin-bottom: 28px;\n      font-weight: 500;\n      position: relative;\n    }<\/p>\n<p>    .rx-journey-section .cta-buttons {\n      display: flex;\n      gap: 14px;\n      justify-content: center;\n      flex-wrap: wrap;\n      position: relative;\n    }<\/p>\n<p>    .rx-journey-section .cta-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 14px 32px;\n      font-size: 15px;\n      font-weight: 700;\n      border-radius: 12px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-journey-section .btn-primary {\n      color: white;\n      background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);\n      box-shadow: \n        0 10px 32px rgba(234, 88, 12, 0.36),\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    }<\/p>\n<p>    .rx-journey-section .btn-primary::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n      transition: left 0.5s ease;\n    }<\/p>\n<p>    .rx-journey-section .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 14px 40px rgba(234, 88, 12, 0.46);\n    }<\/p>\n<p>    .rx-journey-section .btn-primary:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .rx-journey-section .btn-secondary {\n      color: #1e293b;\n      background: rgba(255, 255, 255, 0.95);\n      border: 2px solid rgba(148, 163, 184, 0.35);\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n    }<\/p>\n<p>    .rx-journey-section .btn-secondary:hover {\n      background: white;\n      border-color: #ea580c;\n      color: #ea580c;\n      transform: translateY(-2px);\n      box-shadow: 0 6px 24px rgba(234, 88, 12, 0.22);\n    }<\/p>\n<p>    .rx-journey-section .btn-svg {\n      width: 18px;\n      height: 18px;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .rx-journey-section .btn-svg path {\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 2.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-journey-section .cta-btn:hover .btn-svg {\n      transform: translateX(4px);\n    }<\/p>\n<p>    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .rx-journey-section {\n        padding: 60px 0;\n      }\n      .rx-journey-section .main-content {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n      .rx-journey-section .section-title {\n        font-size: 32px;\n      }\n      .rx-journey-section .images-mosaic {\n        min-height: 400px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .rx-journey-section {\n        padding: 50px 0;\n      }\n      .rx-journey-section .container {\n        padding: 0 24px;\n      }\n      .rx-journey-section .section-title {\n        font-size: 28px;\n      }\n      .rx-journey-section .images-mosaic {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: repeat(4, 1fr);\n        min-height: 500px;\n      }\n      .rx-journey-section .mosaic-item-1 {\n        grid-column: 1 \/ 3;\n        grid-row: 1 \/ 3;\n      }\n      .rx-journey-section .mosaic-item-2 {\n        grid-column: 1;\n        grid-row: 3;\n      }\n      .rx-journey-section .mosaic-item-3 {\n        grid-column: 2;\n        grid-row: 3;\n      }\n      .rx-journey-section .mosaic-item-4 {\n        grid-column: 1;\n        grid-row: 4;\n      }\n      .rx-journey-section .mosaic-item-5 {\n        grid-column: 2;\n        grid-row: 4;\n      }\n      .rx-journey-section .mosaic-item-6 {\n        display: none;\n      }\n      .rx-journey-section .cta-banner {\n        padding: 32px 24px;\n      }\n      .rx-journey-section .cta-title {\n        font-size: 24px;\n      }\n      .rx-journey-section .cta-buttons {\n        flex-direction: column;\n      }\n      .rx-journey-section .cta-btn {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n  <\/style>\n<div class=\"container\">\n<p>    <!-- \u9876\u90e8\u6807\u9898\u533a --><\/p>\n<div class=\"section-header\">\n<div class=\"section-badge\">\n        <svg class=\"badge-svg\" viewbox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n          <path d=\"M12 6v6l4 2\"><\/path>\n        <\/svg><br \/>\n        <span class=\"badge-text\">Matkamme<\/span>\n      <\/div>\n<h2 class=\"section-title\">\n        Tarina <span class=\"title-highlight\">Tarkkuudesta, Into,<\/span><br \/>\n        ja Edistys<br \/>\n      <\/h2>\n<p class=\"section-intro\">\n        RX Gloves alkoi <strong>pienest\u00e4 ty\u00f6pajasta<\/strong> joka perustui k\u00e4sity\u00f6h\u00f6n ja sitoutumiseen laatuun. Vuosien varrella t\u00e4m\u00e4 sitoutuminen kehittyi <strong>globaaliksi toiminnaksi<\/strong> toimittaen miljoonia paria vuosittain. Silti filosofiamme pysyy muuttumattomana: <span class=\"intro-highlight\">Jokainen tuotantok\u00e4sineemme edustaa tarkkuusteknologiaa, perinteist\u00e4 k\u00e4sity\u00f6taitoa ja modernia muotoilua.<\/span>\n      <\/p>\n<\/p><\/div>\n<p>    <!-- \u4e3b\u5185\u5bb9\u5e03\u5c40 --><\/p>\n<div class=\"main-content\">\n<p>      <!-- \u5de6\u4fa7\u56fe\u7247\u7f51\u683c --><\/p>\n<div class=\"images-mosaic\">\n<div class=\"mosaic-item mosaic-item-1\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/close-up-of-woman-hands-in-stylish-burgundy-leathe-2025-01-16-12-01-28-utc-scaled.jpg\" alt=\"Tyylikk\u00e4\u00e4t burgundinpunaiset nahkakeng\u00e4t\" loading=\"lazy\">\n        <\/div>\n<div class=\"mosaic-item mosaic-item-2\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/happy-skier-in-the-background-of-the-ski-jump-welc-2025-10-15-10-02-57-utc-scaled.jpg\" alt=\"Talviurheiluk\u00e4sineet\" loading=\"lazy\">\n        <\/div>\n<div class=\"mosaic-item mosaic-item-3\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/joyous-blonde-lady-puttting-hands-in-new-mittens-u-2025-02-12-03-50-58-utc-scaled.jpg\" alt=\"Kodikkaat k\u00e4sineet\" loading=\"lazy\">\n        <\/div>\n<div class=\"mosaic-item mosaic-item-4\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/tree-girl-hiding-hands-2025-10-16-23-14-06-utc-scaled.jpg\" alt=\"Muotik\u00e4det\" loading=\"lazy\">\n        <\/div>\n<div class=\"mosaic-item mosaic-item-5\">\n          <img height=\"1551\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/woman-holding-paper-cup-with-hot-drink-over-winter-2025-03-18-18-02-30-utc-scaled.jpg\" alt=\"Talviel\u00e4m\u00e4ntapa\" loading=\"lazy\">\n        <\/div>\n<div class=\"mosaic-item mosaic-item-6\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/outdoor-activities-for-happy-winter-holidays-wint-2025-03-12-21-14-32-utc-scaled.jpg\" alt=\"Ulkoilma-aktiviteetit\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<p>      <!-- \u53f3\u4fa7\u4ea7\u54c1\u5217\u8868 --><\/p>\n<div class=\"product-showcase\">\n<p class=\"showcase-intro\">\n          Mit\u00e4 alkoi korkealaatuisesta puuvillasta ja p\u00e4ivitt\u00e4isest\u00e4 k\u00e4sineist\u00e4, on laajentunut <strong>kattavaksi portfolioksi<\/strong> joka sis\u00e4lt\u00e4\u00e4:\n        <\/p>\n<div class=\"product-card\">\n<div class=\"product-header\">\n<div class=\"product-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n              <\/svg>\n            <\/div>\n<h3 class=\"product-title\">P\u00e4ivitt\u00e4isk\u00e4sineet<\/h3>\n<\/p><\/div>\n<p class=\"product-desc\">Suunniteltu mukavuuteen ja el\u00e4m\u00e4ntyyliin, t\u00e4ydelliset p\u00e4ivitt\u00e4iseen k\u00e4ytt\u00f6\u00f6n ja rennon eleganssin<\/p>\n<\/p><\/div>\n<div class=\"product-card\">\n<div class=\"product-header\">\n<div class=\"product-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M12 2L2 7L12 12L22 7L12 2Z\"><\/path>\n                <path d=\"M2 17L12 22L22 17\"><\/path>\n                <path d=\"M2 12L12 17L22 12\"><\/path>\n              <\/svg>\n            <\/div>\n<h3 class=\"product-title\">Premium Leikkaus- ja ommellut k\u00e4sineet<\/h3>\n<\/p><\/div>\n<p class=\"product-desc\">Sovitetut br\u00e4ndivaatimuksiin tarkalla k\u00e4sity\u00f6ll\u00e4 ja ylellisill\u00e4 materiaaleilla<\/p>\n<\/p><\/div>\n<div class=\"product-card\">\n<div class=\"product-header\">\n<div class=\"product-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                <path d=\"M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24\"><\/path>\n              <\/svg>\n            <\/div>\n<h3 class=\"product-title\">R\u00e4\u00e4t\u00e4l\u00f6idyt suunnitteluratkaisut<\/h3>\n<\/p><\/div>\n<p class=\"product-desc\">Henkil\u00f6kohtaiset suunnitelmat globaalille v\u00e4hitt\u00e4ismyyj\u00e4lle ja tukkukaupalle, t\u00e4ysimittaisilla OEM\/ODM-kyvyill\u00e4<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u5e95\u90e8CTA --><\/p>\n<div class=\"cta-banner\">\n<h3 class=\"cta-title\">Valmis <span class=\"accent\">Yhteisty\u00f6 kanssamme?<\/span><\/h3>\n<p class=\"cta-text\">L\u00f6yd\u00e4, kuinka RX-k\u00e4sineet voivat nostaa br\u00e4ndisi tasoa premium-k\u00e4sineiden ratkaisuilla<\/p>\n<div class=\"cta-buttons\">\n        <button class=\"cta-btn btn-primary\" data-href=\"https:\/\/www.rxgloves.com\/products\/\" data-target=\"_blank\" onclick=\"window.open('https:\/\/www.rxgloves.com\/products\/', '_blank'); return false;\">Tutustu tuotteisiimme<\/button><br \/>\n        <button class=\"cta-btn btn-secondary\" data-href=\"https:\/\/www.rxgloves.com\/contact-rx-gloves\/\" data-target=\"_blank\" onclick=\"window.open('https:\/\/www.rxgloves.com\/contact-rx-gloves\/', '_blank'); return false;\">Pyyd\u00e4 tarjous<\/button>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u4ea7\u54c1\u5361\u7247\u5165\u573a\u52a8\u753b\n  const productCards = document.querySelectorAll('.rx-journey-section .product-card');\n  productCards.forEach((card, index) => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateX(30px)';<\/p>\n<p>    setTimeout(() => {\n      card.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n      card.style.opacity = '1';\n      card.style.transform = 'translateX(0)';\n    }, 100 * index);\n  });<\/p>\n<p>  \/\/ \u56fe\u7247\u9a6c\u8d5b\u514b\u4ea4\u4e92\n  const mosaicItems = document.querySelectorAll('.rx-journey-section .mosaic-item');\n  mosaicItems.forEach(item => {\n    item.addEventListener('mouseenter', function() {\n      mosaicItems.forEach(other => {\n        if (other !== this) {\n          other.style.opacity = '0.5';\n          other.style.filter = 'grayscale(50%)';\n        }\n      });\n    });<\/p>\n<p>    item.addEventListener('mouseleave', function() {\n      mosaicItems.forEach(other => {\n        other.style.opacity = '1';\n        other.style.filter = 'grayscale(0)';\n      });\n    });\n  });<\/p>\n<p>  \/\/ \u5fbd\u7ae0\u60ac\u505c\n  const badge = document.querySelector('.rx-journey-section .section-badge');\n  badge.addEventListener('mouseenter', function() {\n    this.style.transform = 'translateY(-3px) scale(1.05)';\n  });\n  badge.addEventListener('mouseleave', function() {\n    this.style.transform = 'translateY(0) scale(1)';\n  });<\/p>\n<p>  \/\/ CTA\u6309\u94ae\u4ea4\u4e92\n  const ctaButtons = document.querySelectorAll('.rx-journey-section .cta-btn');\n  ctaButtons.forEach(btn => {\n    btn.addEventListener('click', function(e) {\n      const action = this.textContent.trim();\n      console.log(`CTA clicked: ${action}`);<\/p>\n<p>      const ripple = document.createElement('div');\n      ripple.style.cssText = `\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n        animation: rippleEffect 0.6s ease-out;\n      `;\n      ripple.style.left = e.offsetX + 'px';\n      ripple.style.top = e.offsetY + 'px';\n      this.appendChild(ripple);\n      setTimeout(() => ripple.remove(), 600);\n    });\n  });\n});<\/p>\n<p>\/\/ \u6dfb\u52a0\u52a8\u753b\u6837\u5f0f\nconst animationStyle = document.createElement('style');\nanimationStyle.textContent = `\n  @keyframes rippleEffect {\n    to {\n      width: 180px;\n      height: 180px;\n      opacity: 0;\n    }\n  }\n`;\ndocument.head.appendChild(animationStyle);\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:4--><\/p>\n<p><!--LEMONX_BLOCK_START:5--><br \/>\n<!-- RX Gloves Craftsmanship Section - Deep Orange Theme --><\/p>\n<section class=\"rx-craftsmanship-section\">\n<style>\n    .rx-craftsmanship-section {\n      width: 100%;\n      background: linear-gradient(180deg, \n        #fefcfb 0%,\n        #fef8f4 30%,\n        #fef3ec 60%,\n        #fdeee3 100%\n      );\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u88c5\u9970 *\/\n    .rx-craftsmanship-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 25% 25%, rgba(234, 88, 12, 0.04) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(251, 146, 60, 0.03) 0%, transparent 50%);\n      pointer-events: none;\n    }<\/p>\n<p>    .rx-craftsmanship-section .container {\n      max-width: 1320px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* === \u7b2c\u4e00\u90e8\u5206\uff1a\u5de5\u827a\u7cbe\u795e === *\/\n    .rx-craftsmanship-section .craft-hero {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      margin-bottom: 80px;\n    }<\/p>\n<p>    \/* \u5de6\u4fa7\u5185\u5bb9 *\/\n    .rx-craftsmanship-section .craft-content {\n      max-width: 580px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .section-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 20px;\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85));\n      border: 2px solid rgba(234, 88, 12, 0.25);\n      border-radius: 50px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 4px 20px rgba(234, 88, 12, 0.12);\n      margin-bottom: 20px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-craftsmanship-section .section-badge:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 28px rgba(234, 88, 12, 0.18);\n    }<\/p>\n<p>    .rx-craftsmanship-section .badge-svg {\n      width: 20px;\n      height: 20px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .badge-svg path,\n    .rx-craftsmanship-section .badge-svg circle {\n      fill: none;\n      stroke: #ea580c;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-craftsmanship-section .badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      background: linear-gradient(135deg, #9a3412, #ea580c);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-title {\n      font-size: 36px;\n      font-weight: 900;\n      line-height: 1.25;\n      color: #0f172a;\n      margin-bottom: 18px;\n      letter-spacing: -1px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .title-highlight {\n      background: linear-gradient(135deg, #9a3412 0%, #ea580c 50%, #fb923c 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-intro {\n      font-size: 17px;\n      line-height: 1.75;\n      color: #334155;\n      margin-bottom: 28px;\n      font-weight: 500;\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-intro strong {\n      color: #1e293b;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* \u7279\u6027\u5217\u8868 *\/\n    .rx-craftsmanship-section .features-list {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      margin-bottom: 28px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .feature-item {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      padding: 16px 20px;\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));\n      border: 1.5px solid rgba(148, 163, 184, 0.22);\n      border-radius: 14px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }<\/p>\n<p>    .rx-craftsmanship-section .feature-item:hover {\n      transform: translateX(8px);\n      border-color: rgba(234, 88, 12, 0.4);\n      box-shadow: 0 6px 24px rgba(234, 88, 12, 0.18);\n      background: rgba(255, 255, 255, 0.95);\n    }<\/p>\n<p>    .rx-craftsmanship-section .feature-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, #ea580c, #c2410c);\n      border-radius: 11px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      box-shadow: 0 4px 16px rgba(234, 88, 12, 0.3);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-craftsmanship-section .feature-item:hover .feature-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .rx-craftsmanship-section .feature-icon svg {\n      width: 22px;\n      height: 22px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .feature-icon svg path,\n    .rx-craftsmanship-section .feature-icon svg circle,\n    .rx-craftsmanship-section .feature-icon svg line {\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-craftsmanship-section .feature-text {\n      font-size: 15px;\n      font-weight: 600;\n      color: #1e293b;\n      line-height: 1.4;\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-footer {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #475569;\n      font-weight: 500;\n      font-style: italic;\n      padding-left: 20px;\n      border-left: 3px solid #ea580c;\n    }<\/p>\n<p>    \/* \u53f3\u4fa7\u56fe\u7247\u7f51\u683c *\/\n    .rx-craftsmanship-section .craft-images {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: repeat(2, 1fr);\n      gap: 14px;\n      height: 100%;\n      min-height: 500px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-image {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      background: white;\n      box-shadow: 0 6px 28px rgba(0, 0, 0, 0.1);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-image:hover {\n      transform: translateY(-8px) scale(1.02);\n      box-shadow: 0 16px 48px rgba(234, 88, 12, 0.25);\n      z-index: 10;\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-image:hover img {\n      transform: scale(1.1);\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-image::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.2), transparent 60%);\n      opacity: 0;\n      transition: opacity 0.4s ease;\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-image:hover::after {\n      opacity: 1;\n    }<\/p>\n<p>    .rx-craftsmanship-section .craft-image-large {\n      grid-column: 1 \/ 3;\n    }<\/p>\n<p>    \/* === \u7b2c\u4e8c\u90e8\u5206\uff1a\u5168\u7403\u5f71\u54cd\u529b === *\/\n    .rx-craftsmanship-section .global-reach {\n      background: linear-gradient(135deg, \n        rgba(234, 88, 12, 0.06) 0%,\n        rgba(251, 146, 60, 0.04) 50%,\n        rgba(253, 186, 116, 0.02) 100%\n      );\n      border: 2px solid rgba(234, 88, 12, 0.15);\n      border-radius: 24px;\n      padding: 50px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 8px 40px rgba(234, 88, 12, 0.1);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-craftsmanship-section .global-reach::before {\n      content: '';\n      position: absolute;\n      top: -30%;\n      right: -15%;\n      width: 400px;\n      height: 400px;\n      background: radial-gradient(circle, rgba(234, 88, 12, 0.12), transparent 65%);\n      border-radius: 50%;\n      filter: blur(80px);\n    }<\/p>\n<p>    .rx-craftsmanship-section .global-content {\n      position: relative;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: start;\n    }<\/p>\n<p>    .rx-craftsmanship-section .global-text {\n      max-width: 580px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .global-title {\n      font-size: 32px;\n      font-weight: 900;\n      line-height: 1.3;\n      color: #0f172a;\n      margin-bottom: 18px;\n      letter-spacing: -0.8px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .global-title .accent {\n      color: #ea580c;\n    }<\/p>\n<p>    .rx-craftsmanship-section .global-intro {\n      font-size: 16px;\n      line-height: 1.75;\n      color: #334155;\n      margin-bottom: 24px;\n      font-weight: 500;\n    }<\/p>\n<p>    .rx-craftsmanship-section .global-intro strong {\n      color: #1e293b;\n      font-weight: 700;\n    }<\/p>\n<p>    .rx-craftsmanship-section .global-footer {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #475569;\n      font-weight: 500;\n      padding: 18px;\n      background: rgba(255, 255, 255, 0.6);\n      border-left: 3px solid #ea580c;\n      border-radius: 8px;\n    }<\/p>\n<p>    \/* \u5ba2\u6237\u7c7b\u578b\u7f51\u683c *\/\n    .rx-craftsmanship-section .clients-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .client-card {\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));\n      border: 1.5px solid rgba(148, 163, 184, 0.22);\n      border-radius: 16px;\n      padding: 24px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-craftsmanship-section .client-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #ea580c, #fb923c);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .rx-craftsmanship-section .client-card:hover {\n      transform: translateY(-6px);\n      border-color: rgba(234, 88, 12, 0.4);\n      box-shadow: 0 10px 36px rgba(234, 88, 12, 0.2);\n      background: rgba(255, 255, 255, 0.98);\n    }<\/p>\n<p>    .rx-craftsmanship-section .client-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .rx-craftsmanship-section .client-icon {\n      width: 52px;\n      height: 52px;\n      background: linear-gradient(135deg, #ea580c, #c2410c);\n      border-radius: 13px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 16px;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.3);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-craftsmanship-section .client-card:hover .client-icon {\n      transform: scale(1.1) rotate(-5deg);\n      box-shadow: 0 8px 28px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .rx-craftsmanship-section .client-icon svg {\n      width: 26px;\n      height: 26px;\n    }<\/p>\n<p>    .rx-craftsmanship-section .client-icon svg path,\n    .rx-craftsmanship-section .client-icon svg circle,\n    .rx-craftsmanship-section .client-icon svg line {\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-craftsmanship-section .client-name {\n      font-size: 17px;\n      font-weight: 700;\n      color: #1e293b;\n      line-height: 1.3;\n    }<\/p>\n<p>    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .rx-craftsmanship-section {\n        padding: 60px 0;\n      }\n      .rx-craftsmanship-section .craft-hero,\n      .rx-craftsmanship-section .global-content {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n      .rx-craftsmanship-section .craft-title,\n      .rx-craftsmanship-section .global-title {\n        font-size: 32px;\n      }\n      .rx-craftsmanship-section .craft-images {\n        min-height: 400px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .rx-craftsmanship-section {\n        padding: 50px 0;\n      }\n      .rx-craftsmanship-section .container {\n        padding: 0 24px;\n      }\n      .rx-craftsmanship-section .craft-title,\n      .rx-craftsmanship-section .global-title {\n        font-size: 28px;\n      }\n      .rx-craftsmanship-section .global-reach {\n        padding: 32px 24px;\n      }\n      .rx-craftsmanship-section .clients-grid {\n        grid-template-columns: 1fr;\n      }\n      .rx-craftsmanship-section .craft-images {\n        grid-template-columns: 1fr;\n        grid-template-rows: repeat(3, 200px);\n      }\n      .rx-craftsmanship-section .craft-image-large {\n        grid-column: 1;\n      }\n    }\n  <\/style>\n<div class=\"container\">\n<p>    <!-- \u7b2c\u4e00\u90e8\u5206\uff1a\u5de5\u827a\u7cbe\u795e --><\/p>\n<div class=\"craft-hero\">\n<p>      <!-- \u5de6\u4fa7\u5185\u5bb9 --><\/p>\n<div class=\"craft-content\">\n<div class=\"section-badge\">\n          <svg class=\"badge-svg\" viewbox=\"0 0 24 24\">\n            <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"><\/path>\n          <\/svg><br \/>\n          <span class=\"badge-text\">Meid\u00e4n k\u00e4sity\u00f6mme<\/span>\n        <\/div>\n<h2 class=\"craft-title\">\n          <span class=\"title-highlight\">K\u00e4sity\u00f6taito<\/span><br \/>\n          Jokaisessa ompeleessa<br \/>\n        <\/h2>\n<p class=\"craft-intro\">\n          RX Glovesilla k\u00e4sity\u00f6taito ei ole <strong>vain slogan<\/strong>\u2014 se on kaiken tekemisemme syd\u00e4n. Jokainen k\u00e4sinepari heijastaa tarkkaa huomiotamme yksityiskohtiin:\n        <\/p>\n<div class=\"features-list\">\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M9 11l3 3L22 4\"><\/path>\n                <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"feature-text\">Tarkat leikkaus- ja ompelutekniikat<\/span>\n          <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                <path d=\"M3.27 6.96L12 12.01l8.73-5.05\"><\/path>\n                <path d=\"M12 22.08V12\"><\/path>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"feature-text\">Johdonmukainen koko ja ergonominen muotoilu<\/span>\n          <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M12 2L2 7L12 12L22 7L12 2Z\"><\/path>\n                <path d=\"M2 17L12 22L22 17\"><\/path>\n                <path d=\"M2 12L12 17L22 12\"><\/path>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"feature-text\">Materiaalin erinomainen laatu mukavuuden, kest\u00e4vyyden ja suorituskyvyn takaamiseksi<\/span>\n          <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                <path d=\"M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24\"><\/path>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"feature-text\">Tyylin ja toiminnallisuuden saumaton yhdist\u00e4minen<\/span>\n          <\/div>\n<\/p><\/div>\n<p class=\"craft-footer\">\n          Whether it&#8217;s a pair designed for daily comfort or heavy-duty industrial tasks, our gloves carry the same promise: reliable performance backed by refined craftsmanship.\n        <\/p>\n<\/p><\/div>\n<p>      <!-- \u53f3\u4fa7\u56fe\u7247\u7f51\u683c --><\/p>\n<div class=\"craft-images\">\n<div class=\"craft-image craft-image-large\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/close-up-view-of-craftsman-skillfully-using-a-cutt-2024-12-05-20-00-58-utc-1-scaled.jpg\" alt=\"K\u00e4sity\u00f6l\u00e4isen leikkaus\" loading=\"lazy\">\n        <\/div>\n<div class=\"craft-image\">\n          <img height=\"1706\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/female-fashion-designer-tailor-making-sewing-patte-2025-03-12-21-10-54-utc-scaled.jpg\" alt=\"Muotisuunnittelijan ompelu\" loading=\"lazy\">\n        <\/div>\n<div class=\"craft-image\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/modern-sewing-machine-presser-foot-with-a-needle-s-2025-03-10-15-54-56-utc-scaled.jpg\" alt=\"Nykyaikainen ompelukone\" loading=\"lazy\">\n        <\/div>\n<div class=\"craft-image\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/professional-sewing-machine-close-up-modern-texti-2025-03-05-15-09-40-utc-scaled.jpg\" alt=\"Ammattimainen ompelu\" loading=\"lazy\">\n        <\/div>\n<div class=\"craft-image\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/www.rxgloves.com\/wp-content\/uploads\/2025\/12\/worker-in-textile-industry-sewing-2025-03-31-20-21-56-utc-scaled.jpg\" alt=\"Tekstiility\u00f6ntekij\u00e4\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u7b2c\u4e8c\u90e8\u5206\uff1a\u5168\u7403\u5f71\u54cd\u529b --><\/p>\n<div class=\"global-reach\">\n<div class=\"global-content\">\n<p>        <!-- \u5de6\u4fa7\u6587\u672c --><\/p>\n<div class=\"global-text\">\n<h3 class=\"global-title\">\n            <span class=\"accent\">Maailmanlaajuinen ulottuvuus,<\/span><br \/>\n            K\u00e4sintehty perint\u00f6<br \/>\n          <\/h3>\n<p class=\"global-intro\">\n            RX Gloves palvelee asiakkaita ymp\u00e4ri <strong>Pohjois-Amerikkaa, Eurooppaa, Aasiaa, L\u00e4hi-it\u00e4\u00e4 ja Etel\u00e4-Amerikkaa<\/strong>. Kumppaneitamme ovat:\n          <\/p>\n<div class=\"global-footer\">\n            Huolimatta globaalista l\u00e4sn\u00e4olostamme, pysymme syv\u00e4sti kiinni paikallisissa k\u00e4sity\u00f6perinteiss\u00e4. T\u00e4m\u00e4 kansainv\u00e4lisen asiantuntemuksen ja perinteisen ty\u00f6n yhdistelm\u00e4 mahdollistaa k\u00e4sineiden toimittamisen, jotka ylitt\u00e4v\u00e4t jatkuvasti odotukset laadussa, tyyliss\u00e4 ja luotettavuudessa.\n          <\/div>\n<\/p><\/div>\n<p>        <!-- \u53f3\u4fa7\u5ba2\u6237\u7c7b\u578b --><\/p>\n<div class=\"clients-grid\">\n<div class=\"client-card\">\n<div class=\"client-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"><\/path>\n              <\/svg>\n            <\/div>\n<h4 class=\"client-name\">Br\u00e4ndin omistajat<\/h4>\n<\/p><\/div>\n<div class=\"client-card\">\n<div class=\"client-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                <path d=\"M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z\"><\/path>\n              <\/svg>\n            <\/div>\n<h4 class=\"client-name\">Tullimyyj\u00e4t &amp; Tukkumyyj\u00e4t<\/h4>\n<\/p><\/div>\n<div class=\"client-card\">\n<div class=\"client-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n                <path d=\"M9 22V12h6v10\"><\/path>\n              <\/svg>\n            <\/div>\n<h4 class=\"client-name\">V\u00e4hitt\u00e4isketjut ja tavaratalot<\/h4>\n<\/p><\/div>\n<div class=\"client-card\">\n<div class=\"client-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n                <path d=\"M20 8v6M23 11h-6\"><\/path>\n              <\/svg>\n            <\/div>\n<h4 class=\"client-name\">Teollisuuden jakelijat<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u7279\u6027\u5217\u8868\u5165\u573a\u52a8\u753b\n  const featureItems = document.querySelectorAll('.rx-craftsmanship-section .feature-item');\n  featureItems.forEach((item, index) => {\n    item.style.opacity = '0';\n    item.style.transform = 'translateX(-30px)';<\/p>\n<p>    setTimeout(() => {\n      item.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n      item.style.opacity = '1';\n      item.style.transform = 'translateX(0)';\n    }, 100 * index);\n  });<\/p>\n<p>  \/\/ \u5ba2\u6237\u5361\u7247\u5165\u573a\u52a8\u753b\n  const clientCards = document.querySelectorAll('.rx-craftsmanship-section .client-card');\n  clientCards.forEach((card, index) => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';<\/p>\n<p>    setTimeout(() => {\n      card.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n      card.style.opacity = '1';\n      card.style.transform = 'translateY(0)';\n    }, 600 + (100 * index));\n  });<\/p>\n<p>  \/\/ \u56fe\u7247\u4ea4\u4e92\n  const craftImages = document.querySelectorAll('.rx-craftsmanship-section .craft-image');\n  craftImages.forEach(image => {\n    image.addEventListener('mouseenter', function() {\n      craftImages.forEach(other => {\n        if (other !== this) {\n          other.style.opacity = '0.6';\n          other.style.filter = 'grayscale(40%)';\n        }\n      });\n    });<\/p>\n<p>    image.addEventListener('mouseleave', function() {\n      craftImages.forEach(other => {\n        other.style.opacity = '1';\n        other.style.filter = 'grayscale(0)';\n      });\n    });\n  });<\/p>\n<p>  \/\/ \u5fbd\u7ae0\u60ac\u505c\n  const badge = document.querySelector('.rx-craftsmanship-section .section-badge');\n  badge.addEventListener('mouseenter', function() {\n    this.style.transform = 'translateY(-3px) scale(1.05)';\n  });\n  badge.addEventListener('mouseleave', function() {\n    this.style.transform = 'translateY(0) scale(1)';\n  });\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:5--><\/p>\n<p><!--LEMONX_BLOCK_START:7--><br \/>\n<!-- RX Gloves Partnership & CTA Section - Deep Orange Theme --><\/p>\n<section class=\"rx-partnership-section\">\n<style>\n    .rx-partnership-section {\n      width: 100%;\n      background: linear-gradient(180deg, \n        #fdeee3 0%,\n        #fef3ec 30%,\n        #fef8f4 60%,\n        #fefcfb 100%\n      );\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n      padding: 80px 0 100px;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u88c5\u9970 *\/\n    .rx-partnership-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 30% 20%, rgba(234, 88, 12, 0.05) 0%, transparent 50%),\n        radial-gradient(circle at 70% 80%, rgba(251, 146, 60, 0.04) 0%, transparent 50%);\n      pointer-events: none;\n    }<\/p>\n<p>    .rx-partnership-section .container {\n      max-width: 1320px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* === \u7b2c\u4e00\u90e8\u5206\uff1a\u5408\u4f5c\u4f19\u4f34\u4f18\u52bf === *\/\n    .rx-partnership-section .partner-hero {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto 50px;\n    }<\/p>\n<p>    .rx-partnership-section .section-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 20px;\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85));\n      border: 2px solid rgba(234, 88, 12, 0.25);\n      border-radius: 50px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 4px 20px rgba(234, 88, 12, 0.12);\n      margin-bottom: 20px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-partnership-section .section-badge:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 28px rgba(234, 88, 12, 0.18);\n    }<\/p>\n<p>    .rx-partnership-section .badge-svg {\n      width: 20px;\n      height: 20px;\n    }<\/p>\n<p>    .rx-partnership-section .badge-svg path,\n    .rx-partnership-section .badge-svg circle {\n      fill: none;\n      stroke: #ea580c;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-partnership-section .badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      background: linear-gradient(135deg, #9a3412, #ea580c);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .rx-partnership-section .partner-title {\n      font-size: 36px;\n      font-weight: 900;\n      line-height: 1.3;\n      color: #0f172a;\n      margin-bottom: 20px;\n      letter-spacing: -1px;\n    }<\/p>\n<p>    .rx-partnership-section .title-highlight {\n      background: linear-gradient(135deg, #9a3412 0%, #ea580c 50%, #fb923c 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .rx-partnership-section .partner-intro {\n      font-size: 17px;\n      line-height: 1.75;\n      color: #334155;\n      margin-bottom: 40px;\n      font-weight: 500;\n    }<\/p>\n<p>    .rx-partnership-section .partner-intro strong {\n      color: #1e293b;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* \u4f18\u52bf\u7f51\u683c *\/\n    .rx-partnership-section .advantages-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .rx-partnership-section .advantage-card {\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));\n      border: 1.5px solid rgba(148, 163, 184, 0.22);\n      border-radius: 18px;\n      padding: 32px 28px;\n      text-align: center;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-partnership-section .advantage-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #ea580c, #fb923c);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .rx-partnership-section .advantage-card:hover {\n      transform: translateY(-8px);\n      border-color: rgba(234, 88, 12, 0.4);\n      box-shadow: 0 16px 48px rgba(234, 88, 12, 0.2);\n      background: rgba(255, 255, 255, 0.98);\n    }<\/p>\n<p>    .rx-partnership-section .advantage-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .rx-partnership-section .advantage-icon {\n      width: 64px;\n      height: 64px;\n      margin: 0 auto 20px;\n      background: linear-gradient(135deg, #ea580c, #c2410c);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 8px 24px rgba(234, 88, 12, 0.3);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-partnership-section .advantage-card:hover .advantage-icon {\n      transform: scale(1.1) rotate(-5deg);\n      box-shadow: 0 12px 32px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .rx-partnership-section .advantage-icon svg {\n      width: 32px;\n      height: 32px;\n    }<\/p>\n<p>    .rx-partnership-section .advantage-icon svg path,\n    .rx-partnership-section .advantage-icon svg circle,\n    .rx-partnership-section .advantage-icon svg line {\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-partnership-section .advantage-title {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1e293b;\n      margin-bottom: 10px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .rx-partnership-section .advantage-desc {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      font-weight: 500;\n    }<\/p>\n<p>    .rx-partnership-section .partner-mission {\n      font-size: 17px;\n      line-height: 1.8;\n      color: #334155;\n      text-align: center;\n      max-width: 800px;\n      margin: 0 auto;\n      padding: 24px 32px;\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));\n      border: 1.5px solid rgba(234, 88, 12, 0.2);\n      border-radius: 16px;\n      backdrop-filter: blur(10px);\n      box-shadow: 0 6px 28px rgba(234, 88, 12, 0.12);\n      font-weight: 500;\n    }<\/p>\n<p>    .rx-partnership-section .partner-mission strong {\n      color: #ea580c;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* === \u7b2c\u4e8c\u90e8\u5206\uff1a\u7ec8\u6781CTA === *\/\n    .rx-partnership-section .final-cta {\n      margin-top: 80px;\n      background: linear-gradient(135deg, \n        rgba(234, 88, 12, 0.95) 0%,\n        rgba(194, 65, 12, 0.98) 100%\n      );\n      border-radius: 28px;\n      padding: 60px 50px;\n      text-align: center;\n      box-shadow: \n        0 20px 60px rgba(234, 88, 12, 0.4),\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-partnership-section .final-cta::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -20%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent 60%);\n      border-radius: 50%;\n      filter: blur(80px);\n      animation: ctaGlow 8s ease-in-out infinite;\n    }<\/p>\n<p>    .rx-partnership-section .final-cta::after {\n      content: '';\n      position: absolute;\n      bottom: -40%;\n      right: -15%;\n      width: 400px;\n      height: 400px;\n      background: radial-gradient(circle, rgba(251, 146, 60, 0.2), transparent 60%);\n      border-radius: 50%;\n      filter: blur(70px);\n      animation: ctaGlow 8s ease-in-out infinite reverse;\n    }<\/p>\n<p>    @keyframes ctaGlow {\n      0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }\n      50% { transform: translate(20px, -20px) scale(1.1); opacity: 0.8; }\n    }<\/p>\n<p>    .rx-partnership-section .cta-content {\n      position: relative;\n      z-index: 1;\n      max-width: 900px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .rx-partnership-section .cta-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 20px;\n      background: rgba(255, 255, 255, 0.2);\n      border: 1.5px solid rgba(255, 255, 255, 0.3);\n      border-radius: 50px;\n      backdrop-filter: blur(10px);\n      margin-bottom: 24px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .rx-partnership-section .cta-badge:hover {\n      background: rgba(255, 255, 255, 0.25);\n      transform: scale(1.05);\n    }<\/p>\n<p>    .rx-partnership-section .cta-badge svg {\n      width: 20px;\n      height: 20px;\n    }<\/p>\n<p>    .rx-partnership-section .cta-badge svg path {\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-partnership-section .cta-badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: white;\n    }<\/p>\n<p>    .rx-partnership-section .cta-title {\n      font-size: 42px;\n      font-weight: 900;\n      line-height: 1.25;\n      color: white;\n      margin-bottom: 20px;\n      letter-spacing: -1.2px;\n      text-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);\n    }<\/p>\n<p>    .rx-partnership-section .cta-subtitle {\n      font-size: 19px;\n      line-height: 1.7;\n      color: rgba(255, 255, 255, 0.95);\n      margin-bottom: 16px;\n      font-weight: 500;\n    }<\/p>\n<p>    .rx-partnership-section .cta-description {\n      font-size: 16px;\n      line-height: 1.75;\n      color: rgba(255, 255, 255, 0.9);\n      margin-bottom: 40px;\n      font-weight: 500;\n      font-style: italic;\n    }<\/p>\n<p>    .rx-partnership-section .cta-buttons {\n      display: flex;\n      gap: 16px;\n      justify-content: center;\n      flex-wrap: wrap;\n    }<\/p>\n<p>    .rx-partnership-section .cta-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 36px;\n      font-size: 16px;\n      font-weight: 700;\n      border-radius: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .rx-partnership-section .btn-white {\n      color: #ea580c;\n      background: white;\n      box-shadow: \n        0 12px 40px rgba(0, 0, 0, 0.3),\n        inset 0 1px 0 rgba(255, 255, 255, 0.5);\n    }<\/p>\n<p>    .rx-partnership-section .btn-white::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(234, 88, 12, 0.1), transparent);\n      transition: left 0.5s ease;\n    }<\/p>\n<p>    .rx-partnership-section .btn-white:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 16px 50px rgba(0, 0, 0, 0.4);\n    }<\/p>\n<p>    .rx-partnership-section .btn-white:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .rx-partnership-section .btn-outline {\n      color: white;\n      background: rgba(255, 255, 255, 0.1);\n      border: 2px solid rgba(255, 255, 255, 0.4);\n      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);\n      backdrop-filter: blur(10px);\n    }<\/p>\n<p>    .rx-partnership-section .btn-outline:hover {\n      background: rgba(255, 255, 255, 0.2);\n      border-color: white;\n      transform: translateY(-3px);\n      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.3);\n    }<\/p>\n<p>    .rx-partnership-section .btn-svg {\n      width: 18px;\n      height: 18px;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .rx-partnership-section .btn-svg path {\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 2.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    .rx-partnership-section .cta-btn:hover .btn-svg {\n      transform: translateX(4px);\n    }<\/p>\n<p>    \/* \u4fe1\u4efb\u6807\u8bc6 *\/\n    .rx-partnership-section .trust-badges {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 32px;\n      margin-top: 40px;\n      padding-top: 32px;\n      border-top: 1px solid rgba(255, 255, 255, 0.2);\n    }<\/p>\n<p>    .rx-partnership-section .trust-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      color: rgba(255, 255, 255, 0.9);\n      font-size: 14px;\n      font-weight: 600;\n    }<\/p>\n<p>    .rx-partnership-section .trust-icon {\n      width: 24px;\n      height: 24px;\n    }<\/p>\n<p>    .rx-partnership-section .trust-icon svg path,\n    .rx-partnership-section .trust-icon svg circle {\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }<\/p>\n<p>    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .rx-partnership-section {\n        padding: 60px 0 80px;\n      }\n      .rx-partnership-section .advantages-grid {\n        grid-template-columns: 1fr;\n      }\n      .rx-partnership-section .partner-title,\n      .rx-partnership-section .cta-title {\n        font-size: 32px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .rx-partnership-section {\n        padding: 50px 0 70px;\n      }\n      .rx-partnership-section .container {\n        padding: 0 24px;\n      }\n      .rx-partnership-section .partner-title {\n        font-size: 28px;\n      }\n      .rx-partnership-section .cta-title {\n        font-size: 30px;\n      }\n      .rx-partnership-section .final-cta {\n        padding: 40px 28px;\n        margin-top: 60px;\n      }\n      .rx-partnership-section .cta-buttons {\n        flex-direction: column;\n      }\n      .rx-partnership-section .cta-btn {\n        width: 100%;\n        justify-content: center;\n      }\n      .rx-partnership-section .trust-badges {\n        flex-direction: column;\n        gap: 16px;\n      }\n      .rx-partnership-section .partner-mission {\n        padding: 20px 24px;\n      }\n    }\n  <\/style>\n<div class=\"container\">\n<p>    <!-- \u7b2c\u4e00\u90e8\u5206\uff1a\u5408\u4f5c\u4f19\u4f34\u4f18\u52bf --><\/p>\n<div class=\"partner-hero\">\n<div class=\"section-badge\">\n        <svg class=\"badge-svg\" viewbox=\"0 0 24 24\">\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n        <\/svg><br \/>\n        <span class=\"badge-text\">Yhteisty\u00f6<\/span>\n      <\/div>\n<h2 class=\"partner-title\">\n        Sinun <span class=\"title-highlight\">Omistautunut kumppani<\/span><br \/>\n        k\u00e4sineiden valmistuksessa<br \/>\n      <\/h2>\n<p class=\"partner-intro\">\n        We don&#8217;t see ourselves as only a manufacturer. We are your <strong>strateginen kumppani<\/strong>, joka tukee br\u00e4ndi\u00e4si seuraavasti:\n      <\/p>\n<\/p><\/div>\n<p>    <!-- \u4f18\u52bf\u7f51\u683c --><\/p>\n<div class=\"advantages-grid\">\n<div class=\"advantage-card\">\n<div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"advantage-title\">Yksityismerkki &amp; OEM\/ODM<\/h3>\n<p class=\"advantage-desc\">T\u00e4ydelliset r\u00e4\u00e4t\u00e4l\u00f6intiratkaisut, jotka on suunniteltu br\u00e4ndi-identiteetti\u00e4si varten<\/p>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n            <path d=\"M3.27 6.96L12 12.01l8.73-5.05\"><\/path>\n            <path d=\"M12 22.08V12\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"advantage-title\">Trendipohjainen suunnittelu<\/h3>\n<p class=\"advantage-desc\">Asiantunteinen materiaalin valinta, joka on linjassa markkinatrendien kanssa<\/p>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <path d=\"M12 6v6l4 2\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"advantage-title\">Vakaata tuotantoa<\/h3>\n<p class=\"advantage-desc\">Johdonmukainen kapasiteetti t\u00e4ytt\u00e4\u00e4 volyymivaatimuksesi<\/p>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n            <path d=\"M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"advantage-title\">Maailmanlaajuinen toimitus<\/h3>\n<p class=\"advantage-desc\">Luotettava logistiikka toimittaa kaikkialle maailmanlaajuisesti<\/p>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M22 11.08V12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2C14.76 2 17.23 3.13 19 4.93\"><\/path>\n            <path d=\"M22 4L12 14.01L9 11.01\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"advantage-title\">Laatuvalvonta<\/h3>\n<p class=\"advantage-desc\">Tarkka tarkastus jokaisessa tuotantovaiheessa<\/p>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 2L2 7L12 12L22 7L12 2Z\"><\/path>\n            <path d=\"M2 17L12 22L22 17\"><\/path>\n            <path d=\"M2 12L12 17L22 12\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"advantage-title\">Br\u00e4ndin rakentaminen<\/h3>\n<p class=\"advantage-desc\">Tuotteet, jotka vahvistavat markkina-asemaasi<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u4f7f\u547d\u58f0\u660e --><\/p>\n<div class=\"partner-mission\">\n      Missiomme on auttaa sinua rakentamaan tuotteita, jotka <strong>vahvistavat br\u00e4ndi\u00e4si, tyydytt\u00e4v\u00e4t asiakkaasi ja erottavat sinut markkinoilla.<\/strong>\n    <\/div>\n<p>    <!-- \u7b2c\u4e8c\u90e8\u5206\uff1a\u7ec8\u6781CTA --><\/p>\n<div class=\"final-cta\">\n<div class=\"cta-content\">\n<div class=\"cta-badge\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M22 11.08V12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2C14.76 2 17.23 3.13 19 4.93\"><\/path>\n            <path d=\"M22 4L12 14.01L9 11.01\"><\/path>\n          <\/svg><br \/>\n          <span class=\"cta-badge-text\">Let&#8217;s Start<\/span>\n        <\/div>\n<h2 class=\"cta-title\">\n          Let&#8217;s Build the Future of<br \/>\n          K\u00e4sineet yhdess\u00e4<br \/>\n        <\/h2>\n<p class=\"cta-subtitle\">\n          Olitpa sitten br\u00e4ndi, joka kehitt\u00e4\u00e4 uutta tuotesarjaa, tukkukauppias, joka laajentaa portfoliotaan, tai tavaratalo, joka kokoaa kausittaisen valikoimansa, RX Gloves on valmis tukemaan visiotaasi.\n        <\/p>\n<p class=\"cta-description\">\n          Liity mukaan uudelleenm\u00e4\u00e4rittelem\u00e4\u00e4n, mit\u00e4 k\u00e4sineet voivat olla\u2014miss\u00e4 jokainen k\u00e4sine kertoo k\u00e4sity\u00f6taidosta, kest\u00e4vyydest\u00e4 ja ajattomasta suunnittelusta.\n        <\/p>\n<div class=\"cta-buttons\">\n          <button class=\"cta-btn btn-white\" data-href=\"https:\/\/www.rxgloves.com\/contact-rx-gloves\/\" data-target=\"_blank\" onclick=\"window.open('https:\/\/www.rxgloves.com\/contact-rx-gloves\/', '_blank'); return false;\">Aloita t\u00e4n\u00e4\u00e4n<\/button><br \/>\n          <button class=\"cta-btn btn-outline\" data-href=\"https:\/\/www.rxgloves.com\/contact-rx-gloves\/\" data-target=\"_blank\" onclick=\"window.open('https:\/\/www.rxgloves.com\/contact-rx-gloves\/', '_blank'); return false;\">Pyyd\u00e4 neuvontaa<\/button>\n        <\/div>\n<div class=\"trust-badges\">\n<div class=\"trust-item\">\n<div class=\"trust-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\"><\/path>\n              <\/svg>\n            <\/div>\n<p>            <span>Yli 22 vuotta luotettu<\/span>\n          <\/div>\n<div class=\"trust-item\">\n<div class=\"trust-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                <path d=\"M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z\"><\/path>\n              <\/svg>\n            <\/div>\n<p>            <span>Maailmanlaajuinen toimitus<\/span>\n          <\/div>\n<div class=\"trust-item\">\n<div class=\"trust-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M22 11.08V12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2C14.76 2 17.23 3.13 19 4.93\"><\/path>\n                <path d=\"M22 4L12 14.01L9 11.01\"><\/path>\n              <\/svg>\n            <\/div>\n<p>            <span>Laadun takuu<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u4f18\u52bf\u5361\u7247\u5165\u573a\u52a8\u753b\n  const advantageCards = document.querySelectorAll('.rx-partnership-section .advantage-card');\n  advantageCards.forEach((card, index) => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';<\/p>\n<p>    setTimeout(() => {\n      card.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n      card.style.opacity = '1';\n      card.style.transform = 'translateY(0)';\n    }, 100 * index);\n  });<\/p>\n<p>  \/\/ CTA\u6309\u94ae\u4ea4\u4e92\n  const ctaButtons = document.querySelectorAll('.rx-partnership-section .cta-btn');\n  ctaButtons.forEach(btn => {\n    btn.addEventListener('click', function(e) {\n      const action = this.querySelector('span').textContent;\n      console.log(`CTA clicked: ${action}`);<\/p>\n<p>      const ripple = document.createElement('div');\n      ripple.style.cssText = `\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        background: rgba(234, 88, 12, 0.4);\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n        animation: rippleEffect 0.6s ease-out;\n      `;\n      ripple.style.left = e.offsetX + 'px';\n      ripple.style.top = e.offsetY + 'px';\n      this.appendChild(ripple);\n      setTimeout(() => ripple.remove(), 600);\n    });\n  });<\/p>\n<p>  \/\/ \u5fbd\u7ae0\u60ac\u505c\n  const badges = document.querySelectorAll('.rx-partnership-section .section-badge, .rx-partnership-section .cta-badge');\n  badges.forEach(badge => {\n    badge.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-3px) scale(1.05)';\n    });\n    badge.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });<\/p>\n<p>  \/\/ \u4f7f\u547d\u58f0\u660e\u5165\u573a\u52a8\u753b\n  const mission = document.querySelector('.rx-partnership-section .partner-mission');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, { threshold: 0.3 });<\/p>\n<p>  mission.style.opacity = '0';\n  mission.style.transform = 'translateY(20px)';\n  mission.style.transition = 'all 0.8s cubic-bezier(0.4, 0, 0.2, 1)';\n  observer.observe(mission);\n});<\/p>\n<p>\/\/ \u6dfb\u52a0\u52a8\u753b\u6837\u5f0f\nconst animationStyle = document.createElement('style');\nanimationStyle.textContent = `\n  @keyframes rippleEffect {\n    to {\n      width: 200px;\n      height: 200px;\n      opacity: 0;\n    }\n  }\n`;\ndocument.head.appendChild(animationStyle);\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:7--><\/p>","protected":false},"excerpt":{"rendered":"<p>SINCE 2002 Redefining Handwear Craftsmanship Since 2002 Premium cut-and-sew gloves engineered with precision, comfort, and timeless style \u2014 trusted by global brands for over two decades. Precision Engineering Advanced cut-and-sew techniques for superior fit 22+ Years Experience Trusted manufacturing partner since 2002 Global Brand Trust Delivering quality handwear worldwide Start Your Custom Order ISO Certified [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2394","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.rxgloves.com\/fi\/wp-json\/wp\/v2\/pages\/2394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rxgloves.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rxgloves.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rxgloves.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rxgloves.com\/fi\/wp-json\/wp\/v2\/comments?post=2394"}],"version-history":[{"count":30,"href":"https:\/\/www.rxgloves.com\/fi\/wp-json\/wp\/v2\/pages\/2394\/revisions"}],"predecessor-version":[{"id":3805,"href":"https:\/\/www.rxgloves.com\/fi\/wp-json\/wp\/v2\/pages\/2394\/revisions\/3805"}],"wp:attachment":[{"href":"https:\/\/www.rxgloves.com\/fi\/wp-json\/wp\/v2\/media?parent=2394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}