{"id":138,"date":"2026-09-27T20:31:29","date_gmt":"2026-09-27T20:31:29","guid":{"rendered":"https:\/\/royaltex.co.il\/?page_id=138"},"modified":"2026-10-05T12:28:19","modified_gmt":"2026-10-05T09:28:19","slug":"%d7%94%d7%99%d7%a8%d7%95-%d7%9e%d7%a1%d7%a4%d7%a8-2","status":"publish","type":"page","link":"https:\/\/royaltex.co.il\/","title":{"rendered":"\u05d4\u05d9\u05e8\u05d5 \u05de\u05e1\u05e4\u05e8 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"138\" class=\"elementor elementor-138\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-048f828 e-con-full e-flex e-con e-parent\" data-id=\"048f828\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68870f8 elementor-widget elementor-widget-html\" data-id=\"68870f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"wsV4Hero\" class=\"ws4-root\" aria-label=\"Welspun Hospitality\">\r\n\r\n  <div class=\"ws4-stage\">\r\n\r\n    <!-- LOGO -->\r\n    <img decoding=\"async\"\r\n      class=\"ws4-logo\"\r\n      src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/logo.webp\"\r\n      alt=\"Welspun\"\r\n    >\r\n\r\n\r\n    <!-- VIDEOS -->\r\n    <div class=\"ws4-media\" aria-hidden=\"true\">\r\n\r\n      <video class=\"ws4-video is-visible\" data-ws4-video=\"0\"\r\n        muted playsinline webkit-playsinline preload=\"auto\" autoplay>\r\n        <source\r\n          src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/VIDEO-01.mp4\"\r\n          type=\"video\/mp4\">\r\n      <\/video>\r\n\r\n      <video class=\"ws4-video\" data-ws4-video=\"1\"\r\n        muted playsinline webkit-playsinline preload=\"auto\">\r\n        <source\r\n          src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/VIDEO-02.mp4\"\r\n          type=\"video\/mp4\">\r\n      <\/video>\r\n\r\n      <video class=\"ws4-video\" data-ws4-video=\"2\"\r\n        muted playsinline webkit-playsinline preload=\"auto\">\r\n        <source\r\n          src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/VIDEO-03.mp4\"\r\n          type=\"video\/mp4\">\r\n      <\/video>\r\n\r\n      <video class=\"ws4-video\" data-ws4-video=\"3\"\r\n        muted playsinline webkit-playsinline preload=\"auto\">\r\n        <source\r\n          src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/VIDEO-04.mp4\"\r\n          type=\"video\/mp4\">\r\n      <\/video>\r\n\r\n      <video class=\"ws4-video\" data-ws4-video=\"4\"\r\n        muted playsinline webkit-playsinline preload=\"auto\">\r\n        <source\r\n          src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/scene-05-hygrocotton.mp4\"\r\n          type=\"video\/mp4\">\r\n      <\/video>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- VISUAL FX -->\r\n    <div class=\"ws4-vignette\"><\/div>\r\n    <div class=\"ws4-grain\"><\/div>\r\n    <div class=\"ws4-ambient\"><\/div>\r\n    <div class=\"ws4-pointer\"><\/div>\r\n\r\n\r\n    <!-- SCENES -->\r\n    <div class=\"ws4-scenes\">\r\n\r\n\r\n      <!-- 01 \u2014 EXPERIENCE -->\r\n      <article class=\"ws4-scene is-active\" data-ws4-scene=\"0\">\r\n\r\n        <div class=\"ws4-eyebrow-mask\">\r\n          <div class=\"ws4-eyebrow\">\r\n            WELSPUN \u00b7 HOSPITALITY\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h1 class=\"ws4-title ws4-title--hero\">\r\n\r\n          <span class=\"ws4-line\">\r\n            <span>\u05d4\u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05e9\u05d4\u05d0\u05d5\u05e8\u05d7 \u05de\u05e8\u05d2\u05d9\u05e9.<\/span>\r\n          <\/span>\r\n\r\n          <span class=\"ws4-line\">\r\n            <span>\u05d4\u05d4\u05ea\u05d5\u05e6\u05d0\u05d5\u05ea \u05e9\u05d4\u05de\u05dc\u05d5\u05df \u05e8\u05d5\u05d0\u05d4.<\/span>\r\n          <\/span>\r\n\r\n        <\/h1>\r\n\r\n        <div class=\"ws4-desc-mask\">\r\n          <p class=\"ws4-desc\">\r\n            \u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05dc\u05ea\u05d7\u05d5\u05dd \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7 \u05e9\u05de\u05d7\u05d1\u05e8\u05d9\u05dd \u05d1\u05d9\u05df \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d0\u05d5\u05e8\u05d7,\r\n            \u05d1\u05d9\u05e6\u05d5\u05e2\u05d9\u05dd \u05ea\u05e4\u05e2\u05d5\u05dc\u05d9\u05d9\u05dd \u05d5\u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ws4-pills\">\r\n          <span>B2B<\/span>\r\n          <span>Hospitality<\/span>\r\n          <span>Textile Solutions<\/span>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 02 \u2014 SCALE -->\r\n      <article class=\"ws4-scene\" data-ws4-scene=\"1\">\r\n\r\n        <div class=\"ws4-eyebrow-mask\">\r\n          <div class=\"ws4-eyebrow\">\r\n            GLOBAL SCALE\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h2 class=\"ws4-title\">\r\n\r\n          <span class=\"ws4-line\">\r\n            <span>\u05e2\u05d5\u05e6\u05de\u05d4 \u05e9\u05d0\u05e4\u05e9\u05e8<\/span>\r\n          <\/span>\r\n\r\n          <span class=\"ws4-line\">\r\n            <span>\u05dc\u05de\u05d3\u05d5\u05d3 \u05d1\u05de\u05e1\u05e4\u05e8\u05d9\u05dd.<\/span>\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n        <div class=\"ws4-desc-mask\">\r\n          <p class=\"ws4-desc\">\r\n            \u05de\u05d0\u05d7\u05d5\u05e8\u05d9 \u05d4\u05de\u05d2\u05e2 \u05d4\u05e8\u05da \u05e2\u05d5\u05de\u05d3\u05ea \u05ea\u05e9\u05ea\u05d9\u05ea \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9\u05ea \u05e9\u05de\u05e1\u05e4\u05e7\u05ea \u05e2\u05e7\u05d1\u05d9\u05d5\u05ea,\r\n            \u05d9\u05db\u05d5\u05dc\u05ea \u05d9\u05d9\u05e6\u05d5\u05e8 \u05d5\u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05e7\u05e0\u05d4 \u05de\u05d9\u05d3\u05d4 \u05de\u05dc\u05d5\u05e0\u05d0\u05d9.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ws4-stats\">\r\n\r\n          <div class=\"ws4-stat is-active\">\r\n            <strong>50+<\/strong>\r\n            <span>\u05de\u05d3\u05d9\u05e0\u05d5\u05ea \u05e4\u05e2\u05d9\u05dc\u05d5\u05ea<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ws4-stat\">\r\n            <strong>1.5M+<\/strong>\r\n            <span>\u05d7\u05d3\u05e8\u05d9 \u05de\u05dc\u05d5\u05df \u05d1\u05e8\u05d7\u05d1\u05d9 \u05d4\u05e2\u05d5\u05dc\u05dd \u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd \u05d1\u05de\u05d5\u05e6\u05e8\u05d9 Welspun<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ws4-stat\">\r\n            <strong>1:4<\/strong>\r\n            <span>\r\n              \u05d0\u05d7\u05ea \u05de\u05db\u05dc \u05d0\u05e8\u05d1\u05e2 \u05de\u05d2\u05d1\u05d5\u05ea \u05d1\u05d0\u05e8\u05e6\u05d5\u05ea \u05d4\u05d1\u05e8\u05d9\u05ea \u05de\u05d9\u05d5\u05e6\u05e8\u05ea \u05e2\u05dc \u05d9\u05d3\u05d9 Welspun\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ws4-stat\">\r\n            <strong>1:7<\/strong>\r\n            <span>\r\n              \u05d0\u05d7\u05d3 \u05de\u05db\u05dc \u05e9\u05d1\u05e2\u05d4 \u05e1\u05d3\u05d9\u05e0\u05d9\u05dd \u05d1\u05d0\u05e8\u05e6\u05d5\u05ea \u05d4\u05d1\u05e8\u05d9\u05ea \u05de\u05d9\u05d5\u05e6\u05e8 \u05e2\u05dc \u05d9\u05d3\u05d9 Welspun\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 03 \u2014 GLOBAL -->\r\n      <article class=\"ws4-scene ws4-scene--global\" data-ws4-scene=\"2\">\r\n\r\n        <div class=\"ws4-global-copy\">\r\n\r\n          <div class=\"ws4-eyebrow-mask\">\r\n            <div class=\"ws4-eyebrow\">\r\n              GLOBAL PRESENCE\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <h2 class=\"ws4-title\">\r\n\r\n            <span class=\"ws4-line\">\r\n              <span>\u05e0\u05d5\u05db\u05d7\u05d5\u05ea \u05de\u05dc\u05d5\u05e0\u05d0\u05d9\u05ea \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9\u05ea.<\/span>\r\n            <\/span>\r\n\r\n            <span class=\"ws4-line\">\r\n              <span>\u05e2\u05dd \u05d4\u05e9\u05de\u05d5\u05ea \u05d4\u05d2\u05d3\u05d5\u05dc\u05d9\u05dd \u05d1\u05e2\u05d5\u05dc\u05dd.<\/span>\r\n            <\/span>\r\n\r\n          <\/h2>\r\n\r\n          <div class=\"ws4-desc-mask\">\r\n            <p class=\"ws4-desc\">\r\n              \u05e0\u05d5\u05db\u05d7\u05d5\u05ea \u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9\u05ea \u05e9\u05de\u05d7\u05d1\u05e8\u05ea \u05d1\u05d9\u05df \u05d0\u05d9\u05db\u05d5\u05ea,\r\n              \u05e2\u05e7\u05d1\u05d9\u05d5\u05ea \u05d5\u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d0\u05d9\u05e8\u05d5\u05d7 \u2014 \u05d1\u05e7\u05e0\u05d4 \u05de\u05d9\u05d3\u05d4 \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ws4-marquees\">\r\n\r\n          <div class=\"ws4-marquee ws4-marquee--a\">\r\n\r\n            <div class=\"ws4-marquee-track\">\r\n\r\n              <div class=\"ws4-marquee-group\">\r\n                <span>Marriott<\/span>\r\n                <span>IHG<\/span>\r\n                <span>W Hotels<\/span>\r\n                <span>Hilton<\/span>\r\n                <span>Radisson<\/span>\r\n                <span>Accor<\/span>\r\n                <span>Taj<\/span>\r\n                <span>Wyndham<\/span>\r\n                <span>JW Marriott<\/span>\r\n                <span>The Luxury Collection<\/span>\r\n                <span>Holiday Inn<\/span>\r\n                <span>Hyatt<\/span>\r\n                <span>Sheraton<\/span>\r\n                <span>Le M\u00e9ridien<\/span>\r\n                <span>Crowne Plaza<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"ws4-marquee-group\" aria-hidden=\"true\">\r\n                <span>Marriott<\/span>\r\n                <span>IHG<\/span>\r\n                <span>W Hotels<\/span>\r\n                <span>Hilton<\/span>\r\n                <span>Radisson<\/span>\r\n                <span>Accor<\/span>\r\n                <span>Taj<\/span>\r\n                <span>Wyndham<\/span>\r\n                <span>JW Marriott<\/span>\r\n                <span>The Luxury Collection<\/span>\r\n                <span>Holiday Inn<\/span>\r\n                <span>Hyatt<\/span>\r\n                <span>Sheraton<\/span>\r\n                <span>Le M\u00e9ridien<\/span>\r\n                <span>Crowne Plaza<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ws4-marquee ws4-marquee--b\">\r\n\r\n            <div class=\"ws4-marquee-track\">\r\n\r\n              <div class=\"ws4-marquee-group\">\r\n                <span>Hyatt<\/span>\r\n                <span>Sheraton<\/span>\r\n                <span>Le M\u00e9ridien<\/span>\r\n                <span>Crowne Plaza<\/span>\r\n                <span>Marriott<\/span>\r\n                <span>Hilton<\/span>\r\n                <span>Wyndham<\/span>\r\n                <span>Accor<\/span>\r\n                <span>Radisson<\/span>\r\n                <span>JW Marriott<\/span>\r\n                <span>IHG<\/span>\r\n                <span>Holiday Inn<\/span>\r\n                <span>W Hotels<\/span>\r\n                <span>Taj<\/span>\r\n                <span>The Luxury Collection<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"ws4-marquee-group\">\r\n                <span>Hyatt<\/span>\r\n                <span>Sheraton<\/span>\r\n                <span>Le M\u00e9ridien<\/span>\r\n                <span>Crowne Plaza<\/span>\r\n                <span>Marriott<\/span>\r\n                <span>Hilton<\/span>\r\n                <span>Wyndham<\/span>\r\n                <span>Accor<\/span>\r\n                <span>Radisson<\/span>\r\n                <span>JW Marriott<\/span>\r\n                <span>IHG<\/span>\r\n                <span>Holiday Inn<\/span>\r\n                <span>W Hotels<\/span>\r\n                <span>Taj<\/span>\r\n                <span>The Luxury Collection<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 04 \u2014 VALUE -->\r\n      <article class=\"ws4-scene ws4-scene--value\" data-ws4-scene=\"3\">\r\n\r\n        <div class=\"ws4-eyebrow-mask\">\r\n          <div class=\"ws4-eyebrow\">\r\n            BUSINESS VALUE\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h2 class=\"ws4-title\">\r\n\r\n          <span class=\"ws4-line\">\r\n            <span>\u05d7\u05d5\u05d5\u05d9\u05d4 \u05dc\u05d0\u05d5\u05e8\u05d7.<\/span>\r\n          <\/span>\r\n\r\n          <span class=\"ws4-line\">\r\n            <span>\u05e2\u05e8\u05da \u05d0\u05de\u05d9\u05ea\u05d9 \u05dc\u05de\u05dc\u05d5\u05df.<\/span>\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n        <div class=\"ws4-desc-mask\">\r\n          <p class=\"ws4-desc\">\r\n            \u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05e0\u05db\u05d5\u05df \u05e0\u05de\u05d3\u05d3 \u05dc\u05d0 \u05e8\u05e7 \u05d1\u05e8\u05d2\u05e2 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u2014\r\n            \u05d0\u05dc\u05d0 \u05d2\u05dd \u05d1\u05db\u05d1\u05d9\u05e1\u05d4, \u05d1\u05e2\u05de\u05d9\u05d3\u05d5\u05ea, \u05d1\u05ea\u05e4\u05e2\u05d5\u05dc \u05d5\u05d1\u05de\u05d7\u05d6\u05d5\u05e8 \u05d4\u05d7\u05d9\u05d9\u05dd \u05e9\u05dc \u05d4\u05de\u05d5\u05e6\u05e8.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ws4-value-grid\">\r\n\r\n          <div class=\"ws4-value-card\">\r\n            <strong>\u05e8\u05db\u05d5\u05ea \u05dc\u05d0\u05d5\u05e8\u05da \u05d6\u05de\u05df<\/strong>\r\n            <span>\r\n              \u05d7\u05d5\u05d5\u05d9\u05d4 \u05e2\u05e9\u05d9\u05e8\u05d4 \u05d5\u05de\u05e4\u05e0\u05e7\u05ea \u05d2\u05dd \u05ea\u05d7\u05ea \u05e9\u05d9\u05de\u05d5\u05e9 \u05de\u05dc\u05d5\u05e0\u05d0\u05d9 \u05d0\u05d9\u05e0\u05d8\u05e0\u05e1\u05d9\u05d1\u05d9.\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ws4-value-card\">\r\n            <strong>\u05ea\u05e4\u05e2\u05d5\u05dc \u05d7\u05db\u05dd \u05d9\u05d5\u05ea\u05e8<\/strong>\r\n            <span>\r\n              \u05de\u05d5\u05e6\u05e8 \u05e9\u05de\u05ea\u05d5\u05db\u05e0\u05df \u05dc\u05e2\u05d1\u05d5\u05d3 \u05db\u05d7\u05dc\u05e7 \u05de\u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05ea\u05e4\u05e2\u05d5\u05dc\u05d9\u05ea \u05e9\u05dc \u05d4\u05de\u05dc\u05d5\u05df.\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ws4-value-card\">\r\n            <strong>ROI \u05d1\u05de\u05d7\u05d6\u05d5\u05e8 \u05d4\u05d7\u05d9\u05d9\u05dd<\/strong>\r\n            <span>\r\n              \u05d4\u05e2\u05dc\u05d5\u05ea \u05d4\u05d0\u05de\u05d9\u05ea\u05d9\u05ea \u05d4\u05d9\u05d0 \u05d4\u05e8\u05d1\u05d4 \u05d9\u05d5\u05ea\u05e8 \u05de\u05de\u05d7\u05d9\u05e8 \u05d4\u05e8\u05db\u05d9\u05e9\u05d4 \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d9.\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ws4-kpis\">\r\n\r\n          <div>\r\n            <strong>100<\/strong>\r\n            <span>\u05db\u05d1\u05d9\u05e1\u05d5\u05ea \u05ea\u05e2\u05e9\u05d9\u05d9\u05ea\u05d9\u05d5\u05ea<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>10%+<\/strong>\r\n            <span>\u05d7\u05d9\u05e1\u05db\u05d5\u05df \u05e9\u05e0\u05ea\u05d9 \u05d9\u05e9\u05d9\u05e8<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>120+<\/strong>\r\n            <span>\u05de\u05dc\u05d5\u05e0\u05d5\u05ea \u05d1\u05ea\u05d5\u05da \u05e9\u05e0\u05d4<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 05 \u2014 HYGROCOTTON -->\r\n      <article class=\"ws4-scene ws4-scene--final\" data-ws4-scene=\"4\">\r\n\r\n        <div class=\"ws4-final-layout\">\r\n\r\n          <div class=\"ws4-final-content\">\r\n\r\n            <div class=\"ws4-final-copy\">\r\n\r\n              <div class=\"ws4-eyebrow-mask\">\r\n                <div class=\"ws4-eyebrow\">\r\n                  HYGROCOTTON\u00ae TECHNOLOGY\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <h2 class=\"ws4-title ws4-final-title\">\r\n\r\n                <span class=\"ws4-line\">\r\n                  <span>\u05d9\u05e9 \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05e9\u05e8\u05d5\u05d0\u05d9\u05dd.<\/span>\r\n                <\/span>\r\n\r\n                <span class=\"ws4-line\">\r\n                  <span>\u05d5\u05d9\u05e9 \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05e9\u05de\u05e8\u05d2\u05d9\u05e9\u05d9\u05dd.<\/span>\r\n                <\/span>\r\n\r\n              <\/h2>\r\n\r\n              <div class=\"ws4-desc-mask\">\r\n\r\n                <p class=\"ws4-desc ws4-desc--final\">\r\n                  \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d9\u05ea HygroCotton\u00ae \u05d4\u05d9\u05d0 \u05d7\u05dc\u05e7 \u05de\u05d4\u05d3\u05e8\u05da \u05e9\u05d1\u05d4 Welspun\r\n                  \u05d4\u05d5\u05e4\u05db\u05ea \u05d7\u05d3\u05e9\u05e0\u05d5\u05ea \u05d1\u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05dc\u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d0\u05d9\u05e8\u05d5\u05d7 \u05e9\u05dc\u05de\u05d4.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n              <div class=\"ws4-final-note\">\r\n                \u05d4\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05e0\u05de\u05e6\u05d0\u05ea \u05d1\u05ea\u05d5\u05da \u05d4\u05e1\u05d9\u05d1.\r\n                \u05d4\u05e2\u05e8\u05da \u05e9\u05dc\u05d4 \u05de\u05d5\u05e8\u05d2\u05e9 \u05d1\u05db\u05dc \u05de\u05d2\u05e2, \u05d1\u05db\u05dc \u05d7\u05d3\u05e8 \u05d5\u05d1\u05db\u05dc \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d0\u05d9\u05e8\u05d5\u05d7.\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ws4-final-actions\">\r\n\r\n              <a\r\n                href=\"#contact\"\r\n                class=\"ws4-cta ws4-cta--primary ws4-cta--magnetic\"\r\n              >\r\n                <span>\u05d9\u05e6\u05d9\u05e8\u05ea \u05e7\u05e9\u05e8<\/span>\r\n                <b>\u2190<\/b>\r\n              <\/a>\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"ws4-cta ws4-cta--secondary ws4-js-scroll-next\"\r\n              >\r\n                <span>\u05d4\u05de\u05e9\u05d9\u05db\u05d5 \u05dc\u05d2\u05dc\u05d5\u05dc<\/span>\r\n                <b>\u2193<\/b>\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ws4-final-stage\" aria-hidden=\"true\">\r\n\r\n            <div class=\"ws4-pocket-field\"><\/div>\r\n\r\n            <div class=\"ws4-pocket-connector\">\r\n              <span class=\"ws4-pocket-flow ws4-pocket-flow--1\"><\/span>\r\n              <span class=\"ws4-pocket-flow ws4-pocket-flow--2\"><\/span>\r\n              <span class=\"ws4-pocket-flow ws4-pocket-flow--3\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ws4-pocket-visual\">\r\n              <span class=\"ws4-pocket-ring ws4-pocket-ring--1\"><\/span>\r\n              <span class=\"ws4-pocket-ring ws4-pocket-ring--2\"><\/span>\r\n              <span class=\"ws4-pocket-ring ws4-pocket-ring--3\"><\/span>\r\n              <span class=\"ws4-pocket-ring ws4-pocket-ring--4\"><\/span>\r\n\r\n              <span class=\"ws4-pocket-core\"><\/span>\r\n\r\n              <span class=\"ws4-pocket-particle ws4-pocket-particle--1\"><\/span>\r\n              <span class=\"ws4-pocket-particle ws4-pocket-particle--2\"><\/span>\r\n              <span class=\"ws4-pocket-particle ws4-pocket-particle--3\"><\/span>\r\n              <span class=\"ws4-pocket-particle ws4-pocket-particle--4\"><\/span>\r\n              <span class=\"ws4-pocket-particle ws4-pocket-particle--5\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ws4-pocket-tag\">\r\n              <strong>AIR POCKET<\/strong>\r\n              <small>INSIDE THE YARN<\/small>\r\n            <\/div>\r\n\r\n            <div class=\"ws4-pocket-microcopy\">\r\n              <span>LOFT<\/span>\r\n              <i><\/i>\r\n              <span>SOFTNESS<\/span>\r\n              <i><\/i>\r\n              <span>ABSORBENCY<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ws4-loading\">\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"ws4-scroll-hint\">\r\n      <i><\/i>\r\n      <span>\u05d2\u05dc\u05dc\u05d5 \u05d0\u05dc \u05ea\u05d5\u05da \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4<\/span>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ws4-footer\">\r\n\r\n      <div class=\"ws4-progress\">\r\n\r\n        <div class=\"ws4-progress-track\">\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n        <span class=\"ws4-progress-number\">\r\n          01\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"ws4-nav\">\r\n        <span class=\"is-active\">EXPERIENCE<\/span>\r\n        <span>SCALE<\/span>\r\n        <span>GLOBAL<\/span>\r\n        <span>VALUE<\/span>\r\n        <span>FINALE<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n#wsV4Hero,\r\n#wsV4Hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#wsV4Hero{\r\n  --bg:#050505;\r\n  --soft:rgba(255,255,255,.82);\r\n  --purple:#5b2d82;\r\n  --purpleSoft:rgba(91,45,130,.18);\r\n  --red:#d95b57;\r\n  --font:\"Open Sans\",Arial,sans-serif;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  height:600vh;\r\n  background:var(--bg);\r\n  font-family:var(--font);\r\n  direction:rtl;\r\n  color:#fff;\r\n  isolation:isolate;\r\n  overflow:visible;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-stage{\r\n  position:sticky;\r\n  position:-webkit-sticky;\r\n  top:0;\r\n  width:100%;\r\n  height:100vh;\r\n  height:100svh;\r\n  overflow:hidden;\r\n  background:#050505;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-stage::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:6;\r\n  pointer-events:none;\r\n  opacity:0;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 45% 50%,\r\n      rgba(91,45,130,.12),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      270deg,\r\n      rgba(0,0,0,.62) 0%,\r\n      rgba(0,0,0,.25) 30%,\r\n      rgba(0,0,0,.02) 62%,\r\n      rgba(0,0,0,.02) 100%\r\n    );\r\n\r\n  transition:opacity .6s ease;\r\n}\r\n\r\n#wsV4Hero.ws4-last-active .ws4-stage::after{\r\n  opacity:1;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-logo{\r\n  position:absolute;\r\n  z-index:50;\r\n  top:calc(20px + env(safe-area-inset-top));\r\n  right:clamp(20px,3vw,44px);\r\n  width:clamp(112px,10vw,168px);\r\n  height:auto;\r\n  object-fit:contain;\r\n  filter:brightness(0) invert(1);\r\n  opacity:.96;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-media{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  overflow:hidden;\r\n  background:#050505;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-video{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  opacity:0;\r\n  z-index:1;\r\n  pointer-events:none;\r\n  transform:translateZ(0) scale(1.002);\r\n  backface-visibility:hidden;\r\n\r\n  filter:\r\n    saturate(.94)\r\n    contrast(1.035)\r\n    brightness(.96);\r\n\r\n  transition:opacity .72s cubic-bezier(.22,.65,.25,1);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-video.is-visible{\r\n  opacity:1;\r\n}\r\n\r\n\r\n#wsV4Hero.ws4-last-active .ws4-video.is-visible{\r\n  transform:\r\n    translate3d(\r\n      var(--final-video-x,0px),\r\n      var(--final-video-y,0px),\r\n      0\r\n    )\r\n    scale(1.045);\r\n\r\n  filter:\r\n    saturate(.91)\r\n    contrast(1.02)\r\n    brightness(.78);\r\n\r\n  transition:\r\n    opacity .72s cubic-bezier(.22,.65,.25,1),\r\n    transform .55s ease,\r\n    filter .8s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-vignette{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:3;\r\n  pointer-events:none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      270deg,\r\n      rgba(0,0,0,.78) 0%,\r\n      rgba(0,0,0,.50) 25%,\r\n      rgba(0,0,0,.12) 54%,\r\n      transparent 75%\r\n    ),\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(0,0,0,.34) 0%,\r\n      rgba(0,0,0,.04) 31%,\r\n      transparent 46%\r\n    );\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-grain{\r\n  position:absolute;\r\n  z-index:4;\r\n  inset:-50%;\r\n  width:200%;\r\n  height:200%;\r\n  pointer-events:none;\r\n  opacity:.025;\r\n\r\n  background-image:\r\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\r\n\r\n  animation:ws4Grain .24s steps(2) infinite;\r\n}\r\n\r\n\r\n@keyframes ws4Grain{\r\n  0%{transform:translate(0,0);}\r\n  25%{transform:translate(-2%,3%);}\r\n  50%{transform:translate(3%,-2%);}\r\n  75%{transform:translate(-3%,-1%);}\r\n  100%{transform:translate(2%,2%);}\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-ambient{\r\n  position:absolute;\r\n  z-index:2;\r\n  left:-12vw;\r\n  bottom:-20vh;\r\n  width:46vw;\r\n  height:46vw;\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      var(--purpleSoft),\r\n      rgba(91,45,130,0) 70%\r\n    );\r\n\r\n  filter:blur(28px);\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pointer{\r\n  position:absolute;\r\n  z-index:5;\r\n  width:420px;\r\n  height:420px;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  opacity:0;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.08) 0%,\r\n      rgba(91,45,130,.055) 38%,\r\n      transparent 72%\r\n    );\r\n\r\n  filter:blur(24px);\r\n  transition:opacity .3s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scenes{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:10;\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene{\r\n  position:absolute;\r\n  top:50%;\r\n  right:clamp(28px,7vw,132px);\r\n  width:min(620px,45vw);\r\n  opacity:0;\r\n  visibility:hidden;\r\n  transform:translate3d(0,-42%,0);\r\n  pointer-events:none;\r\n  text-align:right;\r\n\r\n  transition:\r\n    opacity .46s ease,\r\n    visibility 0s linear .46s,\r\n    transform .65s cubic-bezier(.2,.72,.1,1);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene.is-active{\r\n  opacity:1;\r\n  visibility:visible;\r\n  pointer-events:auto;\r\n\r\n  transition:\r\n    opacity .46s ease,\r\n    visibility 0s linear 0s,\r\n    transform .65s cubic-bezier(.2,.72,.1,1);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene--global{\r\n  right:0;\r\n  width:100%;\r\n  padding-inline:clamp(28px,7vw,132px);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-global-copy{\r\n  width:min(650px,47vw);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-eyebrow-mask,\r\n#wsV4Hero .ws4-desc-mask,\r\n#wsV4Hero .ws4-line{\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-eyebrow{\r\n  font-size:11px;\r\n  line-height:1.2;\r\n  font-weight:600;\r\n  letter-spacing:.22em;\r\n  direction:ltr;\r\n  text-align:right;\r\n  color:rgba(255,255,255,.66);\r\n  transform:translateY(115%);\r\n  opacity:0;\r\n  filter:blur(9px);\r\n\r\n  transition:\r\n    transform .76s cubic-bezier(.2,.72,.1,1),\r\n    opacity .7s ease,\r\n    filter .7s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-title{\r\n  margin:15px 0 0;\r\n  font-size:clamp(38px,4.2vw,66px);\r\n  font-weight:400;\r\n  line-height:1.02;\r\n  letter-spacing:-.045em;\r\n  color:#fff;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-title--hero{\r\n  font-size:clamp(46px,5vw,82px);\r\n  line-height:.98;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-line{\r\n  display:block;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-line > span{\r\n  display:block;\r\n  transform:translateY(112%) skewY(4deg);\r\n  opacity:0;\r\n  filter:blur(13px);\r\n\r\n  transition:\r\n    transform .88s cubic-bezier(.2,.72,.1,1),\r\n    opacity .82s ease,\r\n    filter .82s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-desc-mask{\r\n  margin-top:20px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-desc{\r\n  max-width:530px;\r\n  margin:0;\r\n  font-size:clamp(16px,1.18vw,19px);\r\n  font-weight:300;\r\n  line-height:1.72;\r\n  color:var(--soft);\r\n  transform:translateY(105%);\r\n  opacity:0;\r\n  filter:blur(8px);\r\n\r\n  transition:\r\n    transform .78s cubic-bezier(.2,.72,.1,1),\r\n    opacity .72s ease,\r\n    filter .72s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene.is-active .ws4-eyebrow,\r\n#wsV4Hero .ws4-scene.is-active .ws4-line > span,\r\n#wsV4Hero .ws4-scene.is-active .ws4-desc{\r\n  transform:translateY(0) skewY(0);\r\n  opacity:1;\r\n  filter:blur(0);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene.is-active .ws4-line:nth-child(1) > span{\r\n  transition-delay:.06s;\r\n}\r\n\r\n#wsV4Hero .ws4-scene.is-active .ws4-line:nth-child(2) > span{\r\n  transition-delay:.15s;\r\n}\r\n\r\n#wsV4Hero .ws4-scene.is-active .ws4-desc{\r\n  transition-delay:.23s;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pills{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:9px;\r\n  margin-top:25px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pills span{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  min-height:36px;\r\n  padding:7px 13px;\r\n  border:1px solid rgba(255,255,255,.16);\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,.055);\r\n  backdrop-filter:blur(12px);\r\n  -webkit-backdrop-filter:blur(12px);\r\n  font-size:11px;\r\n  letter-spacing:.05em;\r\n  direction:ltr;\r\n  opacity:0;\r\n  transform:translateY(18px);\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .7s cubic-bezier(.2,.72,.1,1);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene.is-active .ws4-pills span{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-stats{\r\n  position:relative;\r\n  min-height:185px;\r\n  margin-top:27px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-stat{\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:0;\r\n  transform:translateY(24px);\r\n  filter:blur(10px);\r\n\r\n  transition:\r\n    opacity .38s ease,\r\n    transform .42s cubic-bezier(.2,.72,.1,1),\r\n    filter .42s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-stat.is-active{\r\n  opacity:1;\r\n  transform:none;\r\n  filter:blur(0);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-stat strong{\r\n  display:block;\r\n  font-size:clamp(72px,9vw,140px);\r\n  line-height:.88;\r\n  font-weight:300;\r\n  letter-spacing:-.07em;\r\n  direction:ltr;\r\n  text-align:right;\r\n  color:#fff;\r\n  text-shadow:0 0 32px rgba(91,45,130,.22);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-stat span{\r\n  display:block;\r\n  max-width:470px;\r\n  margin-top:10px;\r\n  font-size:clamp(15px,1.2vw,19px);\r\n  line-height:1.55;\r\n  color:rgba(255,255,255,.86);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-marquees{\r\n  position:relative;\r\n\r\n  width:\r\n    calc(\r\n      100vw -\r\n      clamp(56px,14vw,264px)\r\n    );\r\n\r\n  margin-top:30px;\r\n  direction:ltr;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-marquee{\r\n  position:relative;\r\n  overflow:hidden;\r\n  width:100%;\r\n\r\n  -webkit-mask-image:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      #000 8%,\r\n      #000 92%,\r\n      transparent 100%\r\n    );\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      #000 8%,\r\n      #000 92%,\r\n      transparent 100%\r\n    );\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-marquee + .ws4-marquee{\r\n  margin-top:13px;\r\n  opacity:.56;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-marquee-track{\r\n  display:flex;\r\n  width:max-content;\r\n  animation:ws4MarqueeFwd 38s linear infinite;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-marquee--b .ws4-marquee-track{\r\n  animation-name:ws4MarqueeBack;\r\n  animation-duration:44s;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-marquee-group{\r\n  display:flex;\r\n  flex-shrink:0;\r\n  gap:18px;\r\n  padding-right:18px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-marquee-group span{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-width:max-content;\r\n  padding:13px 18px;\r\n  border:1px solid rgba(255,255,255,.11);\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,.048);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  font-size:clamp(17px,1.8vw,28px);\r\n  color:rgba(255,255,255,.92);\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n@keyframes ws4MarqueeFwd{\r\n  to{\r\n    transform:translateX(-50%);\r\n  }\r\n}\r\n\r\n\r\n@keyframes ws4MarqueeBack{\r\n  from{\r\n    transform:translateX(-50%);\r\n  }\r\n\r\n  to{\r\n    transform:translateX(0);\r\n  }\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-value-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:11px;\r\n  margin-top:24px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-value-card{\r\n  padding:17px 16px;\r\n  border:1px solid rgba(255,255,255,.11);\r\n  border-radius:18px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(255,255,255,.075),\r\n      rgba(255,255,255,.035)\r\n    );\r\n\r\n  backdrop-filter:blur(12px);\r\n  -webkit-backdrop-filter:blur(12px);\r\n  opacity:0;\r\n  transform:translateY(18px);\r\n\r\n  transition:\r\n    opacity .62s ease,\r\n    transform .68s cubic-bezier(.2,.72,.1,1);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-value-card strong{\r\n  display:block;\r\n  font-size:16px;\r\n  font-weight:600;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-value-card span{\r\n  display:block;\r\n  margin-top:7px;\r\n  font-size:12.5px;\r\n  line-height:1.6;\r\n  color:rgba(255,255,255,.7);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene.is-active .ws4-value-card{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-kpis{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:9px;\r\n  margin-top:11px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-kpis > div{\r\n  padding:11px 13px;\r\n  border:1px solid rgba(255,255,255,.09);\r\n  border-radius:15px;\r\n  background:rgba(255,255,255,.03);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-kpis strong{\r\n  display:block;\r\n  font-size:17px;\r\n  direction:ltr;\r\n  text-align:right;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-kpis span{\r\n  display:block;\r\n  margin-top:3px;\r\n  font-size:11px;\r\n  color:rgba(255,255,255,.66);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene--final{\r\n  left:clamp(28px,6vw,110px);\r\n  right:clamp(28px,6vw,110px);\r\n  width:auto;\r\n  transform:translate3d(0,-50%,0);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene--final.is-active{\r\n  transform:translate3d(0,-50%,0);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-final-layout{\r\n  display:flex;\r\n  flex-direction:row;\r\n  direction:rtl;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:clamp(30px,4vw,70px);\r\n  min-height:min(72vh,760px);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-final-content{\r\n  position:relative;\r\n  z-index:5;\r\n  flex:0 0 clamp(390px,36vw,520px);\r\n  width:clamp(390px,36vw,520px);\r\n  max-width:40vw;\r\n  text-align:right;\r\n  direction:rtl;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-final-copy{\r\n  width:100%;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-final-title{\r\n  max-width:520px;\r\n  font-size:clamp(43px,4.25vw,72px);\r\n  line-height:.99;\r\n  letter-spacing:-.05em;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-desc--final{\r\n  max-width:460px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-final-note{\r\n  max-width:450px;\r\n  margin-top:16px;\r\n  font-size:13px;\r\n  line-height:1.75;\r\n  color:rgba(255,255,255,.68);\r\n  opacity:0;\r\n  transform:translateY(18px);\r\n  filter:blur(8px);\r\n\r\n  transition:\r\n    opacity .72s ease,\r\n    transform .78s cubic-bezier(.2,.72,.1,1),\r\n    filter .72s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene.is-active .ws4-final-note{\r\n  opacity:1;\r\n  transform:none;\r\n  filter:blur(0);\r\n  transition-delay:.34s;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-final-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-top:24px;\r\n  opacity:0;\r\n  transform:translateY(18px);\r\n  filter:blur(8px);\r\n\r\n  transition:\r\n    opacity .72s ease,\r\n    transform .78s cubic-bezier(.2,.72,.1,1),\r\n    filter .72s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scene.is-active .ws4-final-actions{\r\n  opacity:1;\r\n  transform:none;\r\n  filter:blur(0);\r\n  transition-delay:.48s;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-final-stage{\r\n  position:relative;\r\n  z-index:2;\r\n  flex:1 1 auto;\r\n  min-width:0;\r\n  height:min(64vh,620px);\r\n  min-height:440px;\r\n  direction:ltr;\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-field{\r\n  position:absolute;\r\n  left:43%;\r\n  top:50%;\r\n  width:540px;\r\n  height:540px;\r\n  max-width:78%;\r\n  border-radius:50%;\r\n\r\n  transform:\r\n    translate3d(\r\n      calc(-50% + var(--pocket-field-x,0px)),\r\n      calc(-50% + var(--pocket-field-y,0px)),\r\n      0\r\n    );\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.075) 0%,\r\n      rgba(255,255,255,.025) 20%,\r\n      rgba(91,45,130,.11) 37%,\r\n      rgba(91,45,130,0) 69%\r\n    );\r\n\r\n  filter:blur(18px);\r\n  opacity:.92;\r\n  transition:transform .45s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-connector{\r\n  position:absolute;\r\n  z-index:1;\r\n  left:43%;\r\n  right:0;\r\n  top:50%;\r\n  height:1px;\r\n\r\n  transform:\r\n    translate3d(\r\n      var(--beam-shift,0px),\r\n      -50%,\r\n      0\r\n    );\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.16) 0%,\r\n      rgba(255,255,255,.28) 40%,\r\n      rgba(255,255,255,.63) 100%\r\n    );\r\n\r\n  opacity:.74;\r\n  transition:transform .4s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-connector::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-18px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(91,45,130,.02),\r\n      rgba(255,255,255,.08),\r\n      rgba(255,255,255,.14)\r\n    );\r\n\r\n  filter:blur(13px);\r\n  opacity:.55;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-connector::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:-5px;\r\n  top:50%;\r\n  width:9px;\r\n  height:9px;\r\n  border-radius:50%;\r\n  transform:translateY(-50%);\r\n  background:#fff;\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(255,255,255,.48),\r\n    0 0 32px rgba(91,45,130,.52);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-flow{\r\n  position:absolute;\r\n  z-index:2;\r\n  top:50%;\r\n  right:0;\r\n  width:7px;\r\n  height:7px;\r\n  margin-top:-3.5px;\r\n  border-radius:50%;\r\n  opacity:0;\r\n  background:#fff;\r\n\r\n  box-shadow:\r\n    0 0 14px rgba(255,255,255,.52),\r\n    0 0 24px rgba(91,45,130,.46);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-flow--1{\r\n  animation:ws4BeamFlow 2.8s linear infinite;\r\n}\r\n\r\n#wsV4Hero .ws4-pocket-flow--2{\r\n  animation:ws4BeamFlow 2.8s linear .9s infinite;\r\n}\r\n\r\n#wsV4Hero .ws4-pocket-flow--3{\r\n  animation:ws4BeamFlow 2.8s linear 1.8s infinite;\r\n}\r\n\r\n\r\n@keyframes ws4BeamFlow{\r\n  0%{\r\n    right:0;\r\n    opacity:0;\r\n    transform:scale(.55);\r\n  }\r\n\r\n  12%{\r\n    opacity:1;\r\n  }\r\n\r\n  72%{\r\n    opacity:1;\r\n  }\r\n\r\n  100%{\r\n    right:calc(100% - 7px);\r\n    opacity:0;\r\n    transform:scale(1.3);\r\n  }\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-visual{\r\n  position:absolute;\r\n  z-index:3;\r\n  left:43%;\r\n  top:50%;\r\n  width:clamp(220px,18vw,310px);\r\n  aspect-ratio:1;\r\n\r\n  transform:\r\n    translate3d(\r\n      calc(-50% + var(--pocket-x,0px)),\r\n      calc(-50% + var(--pocket-y,0px)),\r\n      0\r\n    );\r\n\r\n  transition:transform .42s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-visual::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-30%;\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.08),\r\n      rgba(91,45,130,.12) 27%,\r\n      rgba(91,45,130,0) 66%\r\n    );\r\n\r\n  filter:blur(15px);\r\n  animation:ws4PocketHalo 4.5s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes ws4PocketHalo{\r\n  0%,\r\n  100%{\r\n    opacity:.55;\r\n    transform:scale(.92);\r\n  }\r\n\r\n  50%{\r\n    opacity:1;\r\n    transform:scale(1.08);\r\n  }\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-ring{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-ring--1{\r\n  inset:0;\r\n  animation:ws4PocketRing1 5.4s ease-in-out infinite;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-ring--2{\r\n  inset:16%;\r\n  border-color:rgba(255,255,255,.22);\r\n  animation:ws4PocketRing2 4.5s ease-in-out infinite;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-ring--3{\r\n  inset:31%;\r\n  border-color:rgba(255,255,255,.28);\r\n  animation:ws4PocketRing3 3.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-ring--4{\r\n  inset:42%;\r\n  border-color:rgba(255,255,255,.35);\r\n  animation:ws4PocketRing4 2.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes ws4PocketRing1{\r\n  0%,\r\n  100%{\r\n    transform:scale(.94);\r\n    opacity:.36;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.06);\r\n    opacity:.85;\r\n  }\r\n}\r\n\r\n\r\n@keyframes ws4PocketRing2{\r\n  0%,\r\n  100%{\r\n    transform:scale(1.04);\r\n    opacity:.30;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(.93);\r\n    opacity:.82;\r\n  }\r\n}\r\n\r\n\r\n@keyframes ws4PocketRing3{\r\n  0%,\r\n  100%{\r\n    transform:scale(.91);\r\n    opacity:.38;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.10);\r\n    opacity:.9;\r\n  }\r\n}\r\n\r\n\r\n@keyframes ws4PocketRing4{\r\n  0%,\r\n  100%{\r\n    transform:scale(.9);\r\n    opacity:.45;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.08);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-core{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:18px;\r\n  height:18px;\r\n  border-radius:50%;\r\n  transform:translate(-50%,-50%);\r\n  background:#fff;\r\n\r\n  box-shadow:\r\n    0 0 0 0 rgba(255,255,255,.30),\r\n    0 0 28px rgba(255,255,255,.48),\r\n    0 0 48px rgba(91,45,130,.62);\r\n\r\n  animation:ws4PocketCore 2.25s ease-out infinite;\r\n}\r\n\r\n\r\n@keyframes ws4PocketCore{\r\n  0%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      scale(.90);\r\n\r\n    box-shadow:\r\n      0 0 0 0 rgba(255,255,255,.30),\r\n      0 0 26px rgba(255,255,255,.42),\r\n      0 0 38px rgba(91,45,130,.48);\r\n  }\r\n\r\n  70%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      scale(1.10);\r\n\r\n    box-shadow:\r\n      0 0 0 17px rgba(255,255,255,0),\r\n      0 0 34px rgba(255,255,255,.48),\r\n      0 0 52px rgba(91,45,130,.62);\r\n  }\r\n\r\n  100%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      scale(.90);\r\n\r\n    box-shadow:\r\n      0 0 0 0 rgba(255,255,255,0),\r\n      0 0 26px rgba(255,255,255,.42),\r\n      0 0 38px rgba(91,45,130,.48);\r\n  }\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-particle{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,.94);\r\n\r\n  box-shadow:\r\n    0 0 14px rgba(255,255,255,.4),\r\n    0 0 20px rgba(91,45,130,.42);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-particle--1{\r\n  width:8px;\r\n  height:8px;\r\n  margin:-4px 0 0 -4px;\r\n  animation:ws4Orbit1 8.4s linear infinite;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-particle--2{\r\n  width:6px;\r\n  height:6px;\r\n  margin:-3px 0 0 -3px;\r\n  animation:ws4Orbit2 6.7s linear infinite reverse;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-particle--3{\r\n  width:5px;\r\n  height:5px;\r\n  margin:-2.5px 0 0 -2.5px;\r\n  animation:ws4Orbit3 5.5s linear infinite;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-particle--4{\r\n  width:4px;\r\n  height:4px;\r\n  margin:-2px 0 0 -2px;\r\n  opacity:.75;\r\n  animation:ws4Orbit4 4.7s linear infinite reverse;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-particle--5{\r\n  width:4px;\r\n  height:4px;\r\n  margin:-2px 0 0 -2px;\r\n  opacity:.58;\r\n  animation:ws4Orbit5 7.4s linear infinite;\r\n}\r\n\r\n\r\n@keyframes ws4Orbit1{\r\n  from{\r\n    transform:\r\n      rotate(0deg)\r\n      translateX(132px)\r\n      rotate(0deg);\r\n  }\r\n\r\n  to{\r\n    transform:\r\n      rotate(360deg)\r\n      translateX(132px)\r\n      rotate(-360deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes ws4Orbit2{\r\n  from{\r\n    transform:\r\n      rotate(0deg)\r\n      translateX(96px)\r\n      rotate(0deg);\r\n  }\r\n\r\n  to{\r\n    transform:\r\n      rotate(360deg)\r\n      translateX(96px)\r\n      rotate(-360deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes ws4Orbit3{\r\n  from{\r\n    transform:\r\n      rotate(0deg)\r\n      translateX(70px)\r\n      rotate(0deg);\r\n  }\r\n\r\n  to{\r\n    transform:\r\n      rotate(360deg)\r\n      translateX(70px)\r\n      rotate(-360deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes ws4Orbit4{\r\n  from{\r\n    transform:\r\n      rotate(0deg)\r\n      translateX(48px)\r\n      rotate(0deg);\r\n  }\r\n\r\n  to{\r\n    transform:\r\n      rotate(360deg)\r\n      translateX(48px)\r\n      rotate(-360deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes ws4Orbit5{\r\n  from{\r\n    transform:\r\n      rotate(0deg)\r\n      translateX(116px)\r\n      rotate(0deg);\r\n  }\r\n\r\n  to{\r\n    transform:\r\n      rotate(-360deg)\r\n      translateX(116px)\r\n      rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-tag{\r\n  position:absolute;\r\n  z-index:4;\r\n  left:43%;\r\n  top:50%;\r\n  width:190px;\r\n  padding-top:16px;\r\n\r\n  transform:\r\n    translate3d(\r\n      calc(-50% + var(--pocket-x,0px)),\r\n      calc(150px + var(--pocket-y,0px)),\r\n      0\r\n    );\r\n\r\n  transition:transform .42s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-tag::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:50%;\r\n  width:120px;\r\n  height:1px;\r\n  transform:translateX(-50%);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.78),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-tag strong{\r\n  display:block;\r\n  direction:ltr;\r\n  text-align:center;\r\n  font-size:10px;\r\n  font-weight:600;\r\n  letter-spacing:.16em;\r\n  color:#fff;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-tag small{\r\n  display:block;\r\n  margin-top:6px;\r\n  direction:ltr;\r\n  text-align:center;\r\n  font-size:9px;\r\n  letter-spacing:.14em;\r\n  color:rgba(255,255,255,.54);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-microcopy{\r\n  position:absolute;\r\n  z-index:4;\r\n  left:43%;\r\n  top:50%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  width:250px;\r\n\r\n  transform:\r\n    translate3d(\r\n      calc(-50% + var(--pocket-x,0px)),\r\n      calc(202px + var(--pocket-y,0px)),\r\n      0\r\n    );\r\n\r\n  direction:ltr;\r\n  font-size:8px;\r\n  letter-spacing:.12em;\r\n  color:rgba(255,255,255,.40);\r\n  transition:transform .42s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-pocket-microcopy i{\r\n  width:3px;\r\n  height:3px;\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,.34);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-cta{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:14px;\r\n  min-height:52px;\r\n  padding:11px 22px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.32);\r\n  background:rgba(255,255,255,.045);\r\n  color:#fff;\r\n  font-family:var(--font);\r\n  font-size:14px;\r\n  font-weight:500;\r\n  line-height:1;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  pointer-events:auto;\r\n\r\n  transition:\r\n    transform .26s ease,\r\n    background .26s ease,\r\n    border-color .26s ease,\r\n    color .26s ease,\r\n    box-shadow .26s ease;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-cta span,\r\n#wsV4Hero .ws4-cta b{\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-cta--primary{\r\n  background:#fff;\r\n  color:#111;\r\n  border-color:#fff;\r\n  box-shadow:0 12px 28px rgba(0,0,0,.18);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-cta--primary:hover{\r\n  background:#fff;\r\n  color:#111;\r\n  box-shadow:0 18px 36px rgba(0,0,0,.26);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-cta--secondary{\r\n  background:rgba(255,255,255,.035);\r\n  color:#fff;\r\n  border-color:rgba(255,255,255,.16);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-cta--secondary:hover{\r\n  background:rgba(255,255,255,.10);\r\n  border-color:rgba(255,255,255,.30);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-loading{\r\n  position:absolute;\r\n  z-index:30;\r\n  left:50%;\r\n  top:50%;\r\n  width:34px;\r\n  height:34px;\r\n  transform:translate(-50%,-50%);\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-loading.is-active{\r\n  opacity:.7;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-loading span{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  border-top-color:#fff;\r\n  border-radius:50%;\r\n  animation:ws4Spin .8s linear infinite;\r\n}\r\n\r\n\r\n@keyframes ws4Spin{\r\n  to{\r\n    transform:rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scroll-hint{\r\n  position:absolute;\r\n  z-index:25;\r\n  left:50%;\r\n\r\n  bottom:\r\n    calc(\r\n      24px +\r\n      env(safe-area-inset-bottom)\r\n    );\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  transform:translateX(-50%);\r\n  font-size:10px;\r\n  color:rgba(255,255,255,.64);\r\n  white-space:nowrap;\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-scroll-hint i{\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:var(--red);\r\n  animation:ws4ScrollPulse 1.7s infinite;\r\n}\r\n\r\n\r\n@keyframes ws4ScrollPulse{\r\n  0%{\r\n    transform:scale(.8);\r\n  }\r\n\r\n  60%{\r\n    transform:scale(1.2);\r\n  }\r\n\r\n  100%{\r\n    transform:scale(.8);\r\n  }\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-footer{\r\n  position:absolute;\r\n  z-index:24;\r\n  left:30px;\r\n  right:30px;\r\n\r\n  bottom:\r\n    calc(\r\n      24px +\r\n      env(safe-area-inset-bottom)\r\n    );\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  pointer-events:none;\r\n  direction:ltr;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-progress{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:11px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-progress-track{\r\n  width:90px;\r\n  height:2px;\r\n  overflow:hidden;\r\n  background:rgba(255,255,255,.17);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-progress-track i{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  transform:scaleX(0);\r\n  transform-origin:left center;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #fff,\r\n      var(--purple)\r\n    );\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-progress-number{\r\n  min-width:22px;\r\n  font-size:10px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-nav{\r\n  display:flex;\r\n  gap:16px;\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-nav span{\r\n  font-size:9px;\r\n  letter-spacing:.14em;\r\n  color:rgba(255,255,255,.3);\r\n}\r\n\r\n\r\n#wsV4Hero .ws4-nav span.is-active{\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET\r\n============================================================ *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  #wsV4Hero .ws4-pointer{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scene{\r\n    top:auto;\r\n    right:24px;\r\n    left:24px;\r\n\r\n    bottom:\r\n      calc(\r\n        88px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n\r\n    width:auto;\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scene--global{\r\n    right:0;\r\n    left:0;\r\n    padding-inline:24px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-global-copy{\r\n    width:100%;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scene--final{\r\n    right:24px;\r\n    left:24px;\r\n    top:auto;\r\n\r\n    bottom:\r\n      calc(\r\n        92px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scene--final.is-active{\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-layout{\r\n    min-height:auto;\r\n    gap:24px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-content{\r\n    flex:0 0 42vw;\r\n    width:42vw;\r\n    max-width:430px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-stage{\r\n    height:420px;\r\n    min-height:420px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-field,\r\n  #wsV4Hero .ws4-pocket-visual,\r\n  #wsV4Hero .ws4-pocket-tag,\r\n  #wsV4Hero .ws4-pocket-microcopy{\r\n    left:42%;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-connector{\r\n    left:42%;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-visual{\r\n    width:220px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-vignette{\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(0,0,0,.03) 12%,\r\n        rgba(0,0,0,.15) 43%,\r\n        rgba(0,0,0,.82) 100%\r\n      );\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n============================================================ *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  \/*\r\n   * \u05d7\u05e9\u05d5\u05d1:\r\n   * \u05d7\u05d5\u05e1\u05dd \u05db\u05dc \u05d1\u05e8\u05d9\u05d7\u05d4 \u05d0\u05d5\u05e4\u05e7\u05d9\u05ea \u05e9\u05dc \u05d4\u05e2\u05de\u05d5\u05d3 \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc.\r\n   *\/\r\n  html,\r\n  body{\r\n    max-width:100%;\r\n    overflow-x:clip !important;\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u05d9\u05d5\u05ea\u05e8 \u05de\u05e8\u05d7\u05e7 \u05d2\u05dc\u05d9\u05dc\u05d4 \u05dc\u05db\u05dc \u05e1\u05e6\u05e0\u05d4.\r\n   * \u05d0\u05d9\u05df JS swipe \u05d5\u05d0\u05d9\u05df scroll snap.\r\n   *\/\r\n  #wsV4Hero{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:1000svh !important;\r\n\r\n    overflow-x:clip !important;\r\n    overflow-y:visible !important;\r\n\r\n    overscroll-behavior-x:none;\r\n\r\n    \/*\r\n     * \u05d4\u05d0\u05e6\u05d1\u05e2 \u05d9\u05db\u05d5\u05dc\u05d4 \u05dc\u05d2\u05dc\u05d5\u05dc \u05d0\u05e0\u05db\u05d9\u05ea \u05d1\u05dc\u05d1\u05d3.\r\n     *\/\r\n    touch-action:pan-y pinch-zoom;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-stage{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    height:100svh !important;\r\n    overflow:hidden !important;\r\n    touch-action:pan-y pinch-zoom;\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u05e9\u05db\u05d1\u05d5\u05ea \u05de\u05e1\u05da \u05de\u05dc\u05d0 \u05d7\u05d9\u05d9\u05d1\u05d5\u05ea \u05dc\u05d4\u05d9\u05e9\u05d0\u05e8\r\n   * \u05d1\u05d3\u05d9\u05d5\u05e7 \u05d1\u05ea\u05d5\u05da \u05e8\u05d5\u05d7\u05d1 \u05d4\u05de\u05db\u05e9\u05d9\u05e8.\r\n   *\/\r\n  #wsV4Hero .ws4-media,\r\n  #wsV4Hero .ws4-scenes,\r\n  #wsV4Hero .ws4-vignette{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    left:0;\r\n    right:0;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-video{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    left:0 !important;\r\n    right:0 !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-logo{\r\n    top:\r\n      calc(\r\n        15px +\r\n        env(safe-area-inset-top)\r\n      );\r\n\r\n    right:17px;\r\n    width:112px;\r\n    max-width:calc(100% - 34px);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scene{\r\n    right:17px;\r\n    left:17px;\r\n\r\n    bottom:\r\n      calc(\r\n        92px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n\r\n    width:auto;\r\n    max-width:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scene--global{\r\n    right:0;\r\n    left:0;\r\n    width:auto;\r\n    max-width:100% !important;\r\n    padding-inline:17px;\r\n    overflow:hidden !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-global-copy{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-eyebrow{\r\n    font-size:9px;\r\n    letter-spacing:.18em;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-title--hero{\r\n    font-size:clamp(31px,9.2vw,44px);\r\n    line-height:1.04;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-title{\r\n    max-width:100%;\r\n    font-size:clamp(28px,8vw,39px);\r\n    line-height:1.06;\r\n    margin-top:11px;\r\n    overflow-wrap:break-word;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-desc-mask{\r\n    margin-top:13px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-desc{\r\n    max-width:100%;\r\n    font-size:14px;\r\n    line-height:1.55;\r\n    overflow-wrap:break-word;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pills{\r\n    width:100%;\r\n    max-width:100%;\r\n    margin-top:16px;\r\n    gap:6px;\r\n    overflow:hidden;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pills span{\r\n    min-height:31px;\r\n    max-width:100%;\r\n    padding:6px 10px;\r\n    font-size:9.5px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-stats{\r\n    min-height:116px;\r\n    margin-top:16px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-stat{\r\n    max-width:100%;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-stat strong{\r\n    font-size:clamp(50px,15vw,68px);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-stat span{\r\n    max-width:100%;\r\n    margin-top:7px;\r\n    font-size:13px;\r\n    line-height:1.43;\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u05d7\u05e9\u05d5\u05d1:\r\n   * \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc \u05d0\u05d9\u05df 100vw \u05d1\u05d0\u05d6\u05d5\u05e8 \u05d4\u05d6\u05d4.\r\n   * \u05e8\u05e7 100% \u05de\u05ea\u05d5\u05da \u05d4\u05e7\u05d5\u05e0\u05d8\u05d9\u05d9\u05e0\u05e8.\r\n   *\/\r\n  #wsV4Hero .ws4-marquees{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    margin-top:17px;\r\n    margin-right:0;\r\n    margin-left:0;\r\n    overflow:hidden !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-marquee{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    overflow:hidden !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-marquee--b{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-marquee-track{\r\n    max-width:none;\r\n    animation-duration:24s;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-marquee-group{\r\n    gap:12px;\r\n    padding-right:12px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-marquee-group span{\r\n    padding:10px 12px;\r\n    font-size:14px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-value-grid{\r\n    width:100%;\r\n    max-width:100%;\r\n    grid-template-columns:1fr;\r\n    gap:7px;\r\n    margin-top:14px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-value-card{\r\n    min-width:0;\r\n    max-width:100%;\r\n    padding:10px 12px;\r\n    border-radius:13px;\r\n    overflow-wrap:break-word;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-value-card strong{\r\n    font-size:13px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-value-card span{\r\n    margin-top:3px;\r\n    font-size:11px;\r\n    line-height:1.45;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-kpis{\r\n    width:100%;\r\n    max-width:100%;\r\n    gap:6px;\r\n    margin-top:8px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-kpis > div{\r\n    min-width:0;\r\n    max-width:100%;\r\n    padding:8px 7px;\r\n    border-radius:11px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-kpis strong{\r\n    font-size:14px;\r\n    text-align:center;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-kpis span{\r\n    font-size:9px;\r\n    line-height:1.25;\r\n    text-align:center;\r\n  }\r\n\r\n\r\n  \/* ========================================================\r\n     FINAL MOBILE\r\n  ======================================================== *\/\r\n\r\n  #wsV4Hero .ws4-scene--final{\r\n    top:0 !important;\r\n    right:0 !important;\r\n    bottom:0 !important;\r\n    left:0 !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    height:100% !important;\r\n\r\n    padding:\r\n      calc(\r\n        74px +\r\n        env(safe-area-inset-top)\r\n      )\r\n      17px\r\n      calc(\r\n        68px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n\r\n    transform:none !important;\r\n    overflow:hidden !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scene--final.is-active{\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-layout{\r\n    position:relative;\r\n    display:block;\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    height:100%;\r\n    min-width:0;\r\n    min-height:0;\r\n    direction:rtl;\r\n    overflow:hidden;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-content{\r\n    position:relative;\r\n    z-index:7;\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    height:100%;\r\n\r\n    min-width:0;\r\n    flex:none;\r\n    text-align:right;\r\n    pointer-events:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-copy{\r\n    position:relative;\r\n    z-index:7;\r\n    flex:0 0 auto;\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    min-width:0;\r\n    pointer-events:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-content .ws4-eyebrow{\r\n    text-align:right;\r\n    font-size:8px;\r\n    letter-spacing:.18em;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-title{\r\n    max-width:100%;\r\n    margin-top:8px;\r\n    font-size:clamp(28px,7.8vw,38px);\r\n    line-height:1.02;\r\n    letter-spacing:-.045em;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-content .ws4-desc-mask{\r\n    margin-top:10px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-desc--final{\r\n    max-width:96%;\r\n    font-size:12px;\r\n    line-height:1.48;\r\n    color:rgba(255,255,255,.78);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-note{\r\n    max-width:94%;\r\n    margin-top:7px;\r\n    font-size:10px;\r\n    line-height:1.48;\r\n    color:rgba(255,255,255,.52);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-stage{\r\n    position:absolute;\r\n    z-index:3;\r\n    left:0 !important;\r\n    right:0 !important;\r\n    top:50%;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:220px;\r\n    min-height:220px;\r\n\r\n    transform:translateY(-50%);\r\n    overflow:hidden;\r\n    pointer-events:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-field{\r\n    left:50% !important;\r\n    top:50%;\r\n    width:300px;\r\n    height:300px;\r\n    max-width:none;\r\n    transform:translate(-50%,-50%) !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-visual{\r\n    left:50% !important;\r\n    top:50% !important;\r\n    width:152px;\r\n    transform:translate(-50%,-50%) !important;\r\n    transition:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-connector{\r\n    left:50% !important;\r\n    right:auto;\r\n    top:-2px;\r\n    width:1px;\r\n    height:69px;\r\n    transform:translateX(-50%) !important;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.02),\r\n        rgba(255,255,255,.60),\r\n        rgba(255,255,255,.13)\r\n      );\r\n\r\n    opacity:.68;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-connector::before{\r\n    inset:0 -16px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.08),\r\n        rgba(255,255,255,0)\r\n      );\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-connector::after{\r\n    left:50%;\r\n    top:auto;\r\n    bottom:-4px;\r\n    transform:translateX(-50%);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-flow{\r\n    left:50%;\r\n    right:auto;\r\n    top:0;\r\n    margin:0 0 0 -3.5px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-flow--1{\r\n    animation:ws4MobilePocketFlow 2.7s linear infinite;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-flow--2{\r\n    animation:ws4MobilePocketFlow 2.7s linear .85s infinite;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-flow--3{\r\n    animation:ws4MobilePocketFlow 2.7s linear 1.7s infinite;\r\n  }\r\n\r\n\r\n  @keyframes ws4MobilePocketFlow{\r\n    0%{\r\n      top:0;\r\n      opacity:0;\r\n      transform:scale(.5);\r\n    }\r\n\r\n    16%{\r\n      opacity:1;\r\n    }\r\n\r\n    70%{\r\n      opacity:1;\r\n    }\r\n\r\n    100%{\r\n      top:calc(100% - 7px);\r\n      opacity:0;\r\n      transform:scale(1.25);\r\n    }\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-tag{\r\n    left:50% !important;\r\n    top:50%;\r\n    bottom:auto;\r\n    width:170px;\r\n    padding-top:11px;\r\n    transform:translate(-50%,98px) !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-tag::before{\r\n    width:76px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-tag strong{\r\n    font-size:8px;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-tag small{\r\n    margin-top:3px;\r\n    font-size:6.5px;\r\n    letter-spacing:.12em;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-microcopy{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-actions{\r\n    position:relative;\r\n    z-index:10;\r\n    display:flex;\r\n    flex-direction:column;\r\n    flex-wrap:nowrap;\r\n    gap:9px;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    min-width:0;\r\n\r\n    margin-top:auto;\r\n    padding-top:16px;\r\n    pointer-events:auto;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-cta{\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    min-height:48px;\r\n    padding:10px 48px;\r\n    border-radius:999px;\r\n    font-size:12px;\r\n    line-height:1;\r\n    pointer-events:auto;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-cta b{\r\n    position:absolute;\r\n    left:22px;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    font-size:13px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-cta--primary{\r\n    order:1;\r\n    min-height:50px;\r\n    background:#fff;\r\n    border-color:#fff;\r\n    color:#111;\r\n    box-shadow:0 8px 22px rgba(0,0,0,.16);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-cta--primary:hover,\r\n  #wsV4Hero .ws4-cta--primary:active{\r\n    background:#fff;\r\n    color:#111;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-cta--secondary{\r\n    order:2;\r\n    min-height:46px;\r\n    background:rgba(0,0,0,.08);\r\n    border:1px solid rgba(255,255,255,.24);\r\n    color:rgba(255,255,255,.94);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-cta--secondary:hover,\r\n  #wsV4Hero .ws4-cta--secondary:active{\r\n    background:rgba(255,255,255,.07);\r\n    border-color:rgba(255,255,255,.34);\r\n    color:#fff;\r\n  }\r\n\r\n\r\n  #wsV4Hero.ws4-last-active .ws4-scroll-hint{\r\n    opacity:0 !important;\r\n    visibility:hidden;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scroll-hint{\r\n    left:50%;\r\n    right:auto;\r\n\r\n    bottom:\r\n      calc(\r\n        52px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n\r\n    transform:translateX(-50%);\r\n    z-index:30;\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-footer{\r\n    left:17px !important;\r\n    right:17px !important;\r\n    width:auto !important;\r\n    max-width:none !important;\r\n\r\n    bottom:\r\n      calc(\r\n        12px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n\r\n    z-index:28;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-progress{\r\n    gap:9px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-progress-track{\r\n    width:62px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-progress-number{\r\n    min-width:20px;\r\n    font-size:9px;\r\n    line-height:1;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-nav{\r\n    min-width:0;\r\n    max-width:calc(100% - 110px);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-nav span{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-nav span.is-active{\r\n    display:block;\r\n    font-size:9px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/*\r\n * Fallback \u05dc\u05d3\u05e4\u05d3\u05e4\u05e0\u05d9\u05dd \u05d9\u05e9\u05e0\u05d9\u05dd \u05e9\u05dc\u05d0 \u05de\u05db\u05d9\u05e8\u05d9\u05dd overflow:clip.\r\n *\/\r\n@supports not (overflow:clip){\r\n\r\n  @media(max-width:767px){\r\n\r\n    html,\r\n    body{\r\n      overflow-x:hidden !important;\r\n    }\r\n\r\n    #wsV4Hero{\r\n      overflow-x:hidden !important;\r\n    }\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SHORT MOBILE\r\n============================================================ *\/\r\n\r\n@media(max-width:767px) and (max-height:740px){\r\n\r\n  #wsV4Hero .ws4-scene--global .ws4-desc-mask,\r\n  #wsV4Hero .ws4-scene--value .ws4-desc-mask{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-value-card span{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scene--final{\r\n    padding-top:\r\n      calc(\r\n        62px +\r\n        env(safe-area-inset-top)\r\n      );\r\n\r\n    padding-bottom:\r\n      calc(\r\n        62px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-title{\r\n    font-size:clamp(25px,7.2vw,33px);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-desc--final{\r\n    font-size:11px;\r\n    line-height:1.4;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-note{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-stage{\r\n    top:51%;\r\n    height:175px;\r\n    min-height:175px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-field{\r\n    width:250px;\r\n    height:250px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-visual{\r\n    width:122px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-tag{\r\n    transform:translate(-50%,78px) !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-actions{\r\n    gap:7px;\r\n    padding-top:8px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-cta--primary{\r\n    min-height:46px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-cta--secondary{\r\n    min-height:43px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   VERY SHORT MOBILE\r\n============================================================ *\/\r\n\r\n@media(max-width:767px) and (max-height:640px){\r\n\r\n  #wsV4Hero .ws4-pills{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-scene--final{\r\n    padding-top:\r\n      calc(\r\n        56px +\r\n        env(safe-area-inset-top)\r\n      );\r\n\r\n    padding-bottom:\r\n      calc(\r\n        58px +\r\n        env(safe-area-inset-bottom)\r\n      );\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-title{\r\n    font-size:24px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-desc--final{\r\n    font-size:10px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-stage{\r\n    top:51%;\r\n    height:140px;\r\n    min-height:140px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-field{\r\n    width:210px;\r\n    height:210px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-visual{\r\n    width:98px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pocket-tag{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-final-actions{\r\n    gap:6px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-cta{\r\n    min-height:41px;\r\n    font-size:10px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LANDSCAPE MOBILE\r\n============================================================ *\/\r\n\r\n@media(max-width:900px) and (max-height:500px){\r\n\r\n  #wsV4Hero .ws4-scene:not(.ws4-scene--final){\r\n    right:22px;\r\n    left:auto;\r\n    bottom:auto;\r\n    top:50%;\r\n    width:min(56vw,570px);\r\n    transform:translate3d(0,-44%,0);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-title--hero,\r\n  #wsV4Hero .ws4-title{\r\n    font-size:28px;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-desc-mask{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-value-grid{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-value-card span,\r\n  #wsV4Hero .ws4-kpis{\r\n    display:none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   REDUCED MOTION\r\n============================================================ *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #wsV4Hero .ws4-grain,\r\n  #wsV4Hero .ws4-scroll-hint i,\r\n  #wsV4Hero .ws4-marquee-track,\r\n  #wsV4Hero .ws4-pocket-ring,\r\n  #wsV4Hero .ws4-pocket-core,\r\n  #wsV4Hero .ws4-pocket-particle,\r\n  #wsV4Hero .ws4-pocket-flow,\r\n  #wsV4Hero .ws4-pocket-visual::before{\r\n    animation:none !important;\r\n  }\r\n\r\n\r\n  #wsV4Hero .ws4-pointer{\r\n    display:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  'use strict';\r\n\r\n\r\n  const hero =\r\n    document.getElementById('wsV4Hero');\r\n\r\n\r\n  if(\r\n    !hero ||\r\n    hero.dataset.ws4Init === '1'\r\n  ){\r\n    return;\r\n  }\r\n\r\n\r\n  hero.dataset.ws4Init = '1';\r\n\r\n\r\n  const stage =\r\n    hero.querySelector('.ws4-stage');\r\n\r\n\r\n  const videos =\r\n    Array.from(\r\n      hero.querySelectorAll('.ws4-video')\r\n    );\r\n\r\n\r\n  const scenes =\r\n    Array.from(\r\n      hero.querySelectorAll('.ws4-scene')\r\n    );\r\n\r\n\r\n  const stats =\r\n    Array.from(\r\n      hero.querySelectorAll('.ws4-stat')\r\n    );\r\n\r\n\r\n  const nav =\r\n    Array.from(\r\n      hero.querySelectorAll('.ws4-nav span')\r\n    );\r\n\r\n\r\n  const progressFill =\r\n    hero.querySelector('.ws4-progress-track i');\r\n\r\n\r\n  const progressNumber =\r\n    hero.querySelector('.ws4-progress-number');\r\n\r\n\r\n  const scrollHint =\r\n    hero.querySelector('.ws4-scroll-hint');\r\n\r\n\r\n  const pointer =\r\n    hero.querySelector('.ws4-pointer');\r\n\r\n\r\n  const loading =\r\n    hero.querySelector('.ws4-loading');\r\n\r\n\r\n  const finalStage =\r\n    hero.querySelector('.ws4-final-stage');\r\n\r\n\r\n  const magneticButtons =\r\n    Array.from(\r\n      hero.querySelectorAll('.ws4-cta--magnetic')\r\n    );\r\n\r\n\r\n  const scrollNextButtons =\r\n    Array.from(\r\n      hero.querySelectorAll('.ws4-js-scroll-next')\r\n    );\r\n\r\n\r\n  if(\r\n    !stage ||\r\n    !videos.length ||\r\n    videos.length !== scenes.length\r\n  ){\r\n    return;\r\n  }\r\n\r\n\r\n  const SETTINGS = {\r\n\r\n    introLoopStart:0,\r\n\r\n    introLoopSeconds:5,\r\n\r\n    introLoopSafety:.04,\r\n\r\n    loadingDelay:350,\r\n\r\n    metadataTimeout:5000,\r\n\r\n    frameTimeout:1800,\r\n\r\n    firstScrollTolerance:3,\r\n\r\n    finalVideoMoveX:10,\r\n\r\n    finalVideoMoveY:8,\r\n\r\n    pocketMoveX:25,\r\n\r\n    pocketMoveY:20,\r\n\r\n    fieldMoveX:14,\r\n\r\n    fieldMoveY:11,\r\n\r\n    beamMove:10\r\n\r\n  };\r\n\r\n\r\n  const total =\r\n    videos.length;\r\n\r\n\r\n  const firstVideo =\r\n    videos[0];\r\n\r\n\r\n  let desiredIndex = 0;\r\n\r\n  let visibleIndex = 0;\r\n\r\n  let transitionToken = 0;\r\n\r\n  let rafPending = false;\r\n\r\n  let loadingTimer = 0;\r\n\r\n  let introLoopActive = true;\r\n\r\n  let introLoopStopped = false;\r\n\r\n  let introFrameCallback = null;\r\n\r\n  let introFallbackTimer = null;\r\n\r\n\r\n  const initialScrollY =\r\n    window.scrollY ||\r\n    window.pageYOffset ||\r\n    0;\r\n\r\n\r\n  const clamp =\r\n    (\r\n      value,\r\n      min,\r\n      max\r\n    ) => {\r\n\r\n      return Math.min(\r\n        Math.max(value,min),\r\n        max\r\n      );\r\n\r\n    };\r\n\r\n\r\n  const map =\r\n    (\r\n      value,\r\n      inMin,\r\n      inMax,\r\n      outMin,\r\n      outMax\r\n    ) => {\r\n\r\n      if(\r\n        inMin === inMax\r\n      ){\r\n        return outMin;\r\n      }\r\n\r\n\r\n      const progress =\r\n        clamp(\r\n          (value - inMin) \/\r\n          (inMax - inMin),\r\n          0,\r\n          1\r\n        );\r\n\r\n\r\n      return (\r\n        outMin +\r\n        (outMax - outMin) *\r\n        progress\r\n      );\r\n\r\n    };\r\n\r\n\r\n  function getIntroLoopTrigger(){\r\n\r\n    let desiredEnd =\r\n      SETTINGS.introLoopStart +\r\n      SETTINGS.introLoopSeconds;\r\n\r\n\r\n    if(\r\n      Number.isFinite(firstVideo.duration) &&\r\n      firstVideo.duration > 0\r\n    ){\r\n\r\n      desiredEnd =\r\n        Math.min(\r\n          desiredEnd,\r\n          firstVideo.duration\r\n        );\r\n\r\n    }\r\n\r\n\r\n    return Math.max(\r\n      SETTINGS.introLoopStart + .1,\r\n      desiredEnd - SETTINGS.introLoopSafety\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function waitForMetadata(video){\r\n\r\n    if(\r\n      video.readyState >= 1\r\n    ){\r\n      return Promise.resolve(true);\r\n    }\r\n\r\n\r\n    return new Promise(\r\n      resolve => {\r\n\r\n        let finished = false;\r\n\r\n\r\n        const finish =\r\n          result => {\r\n\r\n            if(finished){\r\n              return;\r\n            }\r\n\r\n\r\n            finished = true;\r\n\r\n\r\n            clearTimeout(timer);\r\n\r\n\r\n            video.removeEventListener(\r\n              'loadedmetadata',\r\n              success\r\n            );\r\n\r\n\r\n            video.removeEventListener(\r\n              'error',\r\n              fail\r\n            );\r\n\r\n\r\n            resolve(result);\r\n\r\n          };\r\n\r\n\r\n        const success =\r\n          () => finish(true);\r\n\r\n\r\n        const fail =\r\n          () => finish(false);\r\n\r\n\r\n        const timer =\r\n          setTimeout(\r\n            () => finish(false),\r\n            SETTINGS.metadataTimeout\r\n          );\r\n\r\n\r\n        video.addEventListener(\r\n          'loadedmetadata',\r\n          success,\r\n          {once:true}\r\n        );\r\n\r\n\r\n        video.addEventListener(\r\n          'error',\r\n          fail,\r\n          {once:true}\r\n        );\r\n\r\n\r\n        try{\r\n          video.load();\r\n        }\r\n        catch(e){}\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function waitForSeek(video){\r\n\r\n    if(!video.seeking){\r\n      return Promise.resolve(true);\r\n    }\r\n\r\n\r\n    return new Promise(\r\n      resolve => {\r\n\r\n        let finished = false;\r\n\r\n\r\n        const finish =\r\n          result => {\r\n\r\n            if(finished){\r\n              return;\r\n            }\r\n\r\n\r\n            finished = true;\r\n\r\n            clearTimeout(timer);\r\n\r\n            resolve(result);\r\n\r\n          };\r\n\r\n\r\n        video.addEventListener(\r\n          'seeked',\r\n          () => finish(true),\r\n          {once:true}\r\n        );\r\n\r\n\r\n        const timer =\r\n          setTimeout(\r\n            () => {\r\n\r\n              finish(\r\n                video.readyState >= 2\r\n              );\r\n\r\n            },\r\n            SETTINGS.frameTimeout\r\n          );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function waitForFrame(video){\r\n\r\n    return new Promise(\r\n      resolve => {\r\n\r\n        let finished = false;\r\n\r\n\r\n        const finish =\r\n          result => {\r\n\r\n            if(finished){\r\n              return;\r\n            }\r\n\r\n\r\n            finished = true;\r\n\r\n            clearTimeout(timer);\r\n\r\n            resolve(result);\r\n\r\n          };\r\n\r\n\r\n        const timer =\r\n          setTimeout(\r\n            () => {\r\n\r\n              finish(\r\n                video.readyState >= 2\r\n              );\r\n\r\n            },\r\n            SETTINGS.frameTimeout\r\n          );\r\n\r\n\r\n        if(\r\n          typeof video.requestVideoFrameCallback ===\r\n          'function'\r\n        ){\r\n\r\n          try{\r\n\r\n            video.requestVideoFrameCallback(\r\n              () => finish(true)\r\n            );\r\n\r\n            return;\r\n\r\n          }\r\n          catch(e){}\r\n\r\n        }\r\n\r\n\r\n        if(\r\n          video.readyState >= 2\r\n        ){\r\n\r\n          requestAnimationFrame(\r\n            () => {\r\n\r\n              requestAnimationFrame(\r\n                () => finish(true)\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        video.addEventListener(\r\n          'loadeddata',\r\n          () => finish(true),\r\n          {once:true}\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  async function primeVideo(\r\n    video,\r\n    restart\r\n  ){\r\n\r\n    const metadata =\r\n      await waitForMetadata(video);\r\n\r\n\r\n    if(!metadata){\r\n      return false;\r\n    }\r\n\r\n\r\n    if(restart){\r\n\r\n      try{\r\n        video.currentTime = 0;\r\n      }\r\n      catch(e){}\r\n\r\n\r\n      await waitForSeek(video);\r\n\r\n    }\r\n\r\n\r\n    video.muted = true;\r\n\r\n    video.playsInline = true;\r\n\r\n\r\n    try{\r\n\r\n      const play =\r\n        video.play();\r\n\r\n\r\n      if(\r\n        play &&\r\n        typeof play.catch === 'function'\r\n      ){\r\n\r\n        play.catch(\r\n          () => {}\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n    catch(e){}\r\n\r\n\r\n    return waitForFrame(video);\r\n\r\n  }\r\n\r\n\r\n  function showLoader(){\r\n\r\n    clearTimeout(loadingTimer);\r\n\r\n\r\n    loadingTimer =\r\n      setTimeout(\r\n        () => {\r\n\r\n          if(loading){\r\n\r\n            loading.classList.add(\r\n              'is-active'\r\n            );\r\n\r\n          }\r\n\r\n        },\r\n        SETTINGS.loadingDelay\r\n      );\r\n\r\n  }\r\n\r\n\r\n  function hideLoader(){\r\n\r\n    clearTimeout(loadingTimer);\r\n\r\n\r\n    if(loading){\r\n\r\n      loading.classList.remove(\r\n        'is-active'\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function preloadAround(index){\r\n\r\n    [\r\n      index + 1,\r\n      index - 1\r\n    ]\r\n    .forEach(\r\n      i => {\r\n\r\n        if(\r\n          i < 0 ||\r\n          i >= total\r\n        ){\r\n          return;\r\n        }\r\n\r\n\r\n        const video =\r\n          videos[i];\r\n\r\n\r\n        try{\r\n\r\n          video.preload = 'auto';\r\n\r\n\r\n          if(\r\n            video.readyState === 0\r\n          ){\r\n\r\n            video.load();\r\n\r\n          }\r\n\r\n        }\r\n        catch(e){}\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  async function transitionTo(index){\r\n\r\n    index =\r\n      clamp(\r\n        index,\r\n        0,\r\n        total - 1\r\n      );\r\n\r\n\r\n    desiredIndex = index;\r\n\r\n\r\n    const token =\r\n      ++transitionToken;\r\n\r\n\r\n    const incoming =\r\n      videos[index];\r\n\r\n\r\n    if(\r\n      index === visibleIndex &&\r\n      incoming.classList.contains('is-visible')\r\n    ){\r\n\r\n      try{\r\n\r\n        incoming\r\n          .play()\r\n          .catch(() => {});\r\n\r\n      }\r\n      catch(e){}\r\n\r\n\r\n      preloadAround(index);\r\n\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    showLoader();\r\n\r\n\r\n    const ready =\r\n      await primeVideo(\r\n        incoming,\r\n        true\r\n      );\r\n\r\n\r\n    if(\r\n      token !== transitionToken ||\r\n      index !== desiredIndex\r\n    ){\r\n\r\n      try{\r\n        incoming.pause();\r\n      }\r\n      catch(e){}\r\n\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    hideLoader();\r\n\r\n\r\n    if(!ready){\r\n      return;\r\n    }\r\n\r\n\r\n    const outgoing =\r\n      videos.filter(\r\n        video => {\r\n\r\n          return (\r\n            video !== incoming &&\r\n            video.classList.contains('is-visible')\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n    incoming.style.zIndex = '3';\r\n\r\n\r\n    outgoing.forEach(\r\n      video => {\r\n\r\n        video.style.zIndex = '2';\r\n\r\n      }\r\n    );\r\n\r\n\r\n    incoming.classList.add('is-visible');\r\n\r\n\r\n    requestAnimationFrame(\r\n      () => {\r\n\r\n        requestAnimationFrame(\r\n          () => {\r\n\r\n            if(\r\n              token !== transitionToken\r\n            ){\r\n              return;\r\n            }\r\n\r\n\r\n            outgoing.forEach(\r\n              video => {\r\n\r\n                video.classList.remove(\r\n                  'is-visible'\r\n                );\r\n\r\n              }\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    visibleIndex = index;\r\n\r\n\r\n    setTimeout(\r\n      () => {\r\n\r\n        videos.forEach(\r\n          (\r\n            video,\r\n            i\r\n          ) => {\r\n\r\n            if(\r\n              i !== visibleIndex\r\n            ){\r\n\r\n              try{\r\n                video.pause();\r\n              }\r\n              catch(e){}\r\n\r\n\r\n              video.style.zIndex = '1';\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n\r\n        incoming.style.zIndex = '2';\r\n\r\n      },\r\n      850\r\n    );\r\n\r\n\r\n    preloadAround(index);\r\n\r\n  }\r\n\r\n\r\n  function resetFinalInteraction(){\r\n\r\n    hero.style.setProperty(\r\n      '--final-video-x',\r\n      '0px'\r\n    );\r\n\r\n\r\n    hero.style.setProperty(\r\n      '--final-video-y',\r\n      '0px'\r\n    );\r\n\r\n\r\n    hero.style.setProperty(\r\n      '--pocket-x',\r\n      '0px'\r\n    );\r\n\r\n\r\n    hero.style.setProperty(\r\n      '--pocket-y',\r\n      '0px'\r\n    );\r\n\r\n\r\n    hero.style.setProperty(\r\n      '--pocket-field-x',\r\n      '0px'\r\n    );\r\n\r\n\r\n    hero.style.setProperty(\r\n      '--pocket-field-y',\r\n      '0px'\r\n    );\r\n\r\n\r\n    hero.style.setProperty(\r\n      '--beam-shift',\r\n      '0px'\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function setScene(index){\r\n\r\n    scenes.forEach(\r\n      (\r\n        scene,\r\n        i\r\n      ) => {\r\n\r\n        scene.classList.toggle(\r\n          'is-active',\r\n          i === index\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    nav.forEach(\r\n      (\r\n        item,\r\n        i\r\n      ) => {\r\n\r\n        item.classList.toggle(\r\n          'is-active',\r\n          i === index\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    hero.classList.toggle(\r\n      'ws4-last-active',\r\n      index === total - 1\r\n    );\r\n\r\n\r\n    if(\r\n      index !== total - 1\r\n    ){\r\n\r\n      resetFinalInteraction();\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function updateScale(scenePosition){\r\n\r\n    if(!stats.length){\r\n      return;\r\n    }\r\n\r\n\r\n    const local =\r\n      clamp(\r\n        scenePosition - 1,\r\n        0,\r\n        .9999\r\n      );\r\n\r\n\r\n    const active =\r\n      Math.min(\r\n        stats.length - 1,\r\n        Math.floor(\r\n          local *\r\n          stats.length\r\n        )\r\n      );\r\n\r\n\r\n    stats.forEach(\r\n      (\r\n        stat,\r\n        i\r\n      ) => {\r\n\r\n        stat.classList.toggle(\r\n          'is-active',\r\n          i === active\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function cancelIntroWatcher(){\r\n\r\n    if(\r\n      introFrameCallback !== null &&\r\n      typeof firstVideo.cancelVideoFrameCallback ===\r\n      'function'\r\n    ){\r\n\r\n      try{\r\n\r\n        firstVideo.cancelVideoFrameCallback(\r\n          introFrameCallback\r\n        );\r\n\r\n      }\r\n      catch(e){}\r\n\r\n    }\r\n\r\n\r\n    introFrameCallback = null;\r\n\r\n\r\n    if(introFallbackTimer){\r\n\r\n      clearTimeout(\r\n        introFallbackTimer\r\n      );\r\n\r\n\r\n      introFallbackTimer = null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function restartIntro(){\r\n\r\n    if(\r\n      !introLoopActive ||\r\n      introLoopStopped ||\r\n      desiredIndex !== 0\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    try{\r\n\r\n      firstVideo.currentTime =\r\n        SETTINGS.introLoopStart;\r\n\r\n    }\r\n    catch(e){}\r\n\r\n\r\n    try{\r\n\r\n      const play =\r\n        firstVideo.play();\r\n\r\n\r\n      if(\r\n        play &&\r\n        typeof play.catch === 'function'\r\n      ){\r\n\r\n        play.catch(\r\n          () => {}\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n    catch(e){}\r\n\r\n  }\r\n\r\n\r\n  function watchIntro(){\r\n\r\n    if(\r\n      !introLoopActive ||\r\n      introLoopStopped ||\r\n      desiredIndex !== 0\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    const trigger =\r\n      getIntroLoopTrigger();\r\n\r\n\r\n    if(\r\n      typeof firstVideo.requestVideoFrameCallback ===\r\n      'function'\r\n    ){\r\n\r\n      try{\r\n\r\n        introFrameCallback =\r\n          firstVideo.requestVideoFrameCallback(\r\n            (\r\n              now,\r\n              metadata\r\n            ) => {\r\n\r\n              if(\r\n                introLoopStopped ||\r\n                !introLoopActive ||\r\n                desiredIndex !== 0\r\n              ){\r\n                return;\r\n              }\r\n\r\n\r\n              const time =\r\n                metadata &&\r\n                Number.isFinite(metadata.mediaTime)\r\n                  ?\r\n                  metadata.mediaTime\r\n                  :\r\n                  firstVideo.currentTime;\r\n\r\n\r\n              if(\r\n                time >= trigger\r\n              ){\r\n\r\n                restartIntro();\r\n\r\n              }\r\n\r\n\r\n              watchIntro();\r\n\r\n            }\r\n          );\r\n\r\n\r\n        return;\r\n\r\n      }\r\n      catch(e){}\r\n\r\n    }\r\n\r\n\r\n    introFallbackTimer =\r\n      setTimeout(\r\n        () => {\r\n\r\n          if(\r\n            introLoopStopped ||\r\n            !introLoopActive\r\n          ){\r\n            return;\r\n          }\r\n\r\n\r\n          if(\r\n            firstVideo.currentTime >= trigger\r\n          ){\r\n\r\n            restartIntro();\r\n\r\n          }\r\n\r\n\r\n          watchIntro();\r\n\r\n        },\r\n        60\r\n      );\r\n\r\n  }\r\n\r\n\r\n  function stopIntroLoop(){\r\n\r\n    if(introLoopStopped){\r\n      return;\r\n    }\r\n\r\n\r\n    introLoopStopped = true;\r\n\r\n    introLoopActive = false;\r\n\r\n\r\n    cancelIntroWatcher();\r\n\r\n\r\n    try{\r\n\r\n      const play =\r\n        firstVideo.play();\r\n\r\n\r\n      if(\r\n        play &&\r\n        typeof play.catch === 'function'\r\n      ){\r\n\r\n        play.catch(\r\n          () => {}\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n    catch(e){}\r\n\r\n  }\r\n\r\n\r\n  async function startIntroLoop(){\r\n\r\n    if(\r\n      hero.getBoundingClientRect().top < -5\r\n    ){\r\n\r\n      stopIntroLoop();\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const ready =\r\n      await waitForMetadata(\r\n        firstVideo\r\n      );\r\n\r\n\r\n    if(\r\n      !ready ||\r\n      introLoopStopped\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    try{\r\n\r\n      firstVideo.currentTime =\r\n        SETTINGS.introLoopStart;\r\n\r\n    }\r\n    catch(e){}\r\n\r\n\r\n    try{\r\n\r\n      const play =\r\n        firstVideo.play();\r\n\r\n\r\n      if(\r\n        play &&\r\n        typeof play.catch === 'function'\r\n      ){\r\n\r\n        play.catch(\r\n          () => {}\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n    catch(e){}\r\n\r\n\r\n    watchIntro();\r\n\r\n  }\r\n\r\n\r\n  function detectFirstScroll(){\r\n\r\n    if(introLoopStopped){\r\n      return;\r\n    }\r\n\r\n\r\n    const current =\r\n      window.scrollY ||\r\n      window.pageYOffset ||\r\n      0;\r\n\r\n\r\n    if(\r\n      Math.abs(\r\n        current -\r\n        initialScrollY\r\n      ) >\r\n      SETTINGS.firstScrollTolerance\r\n    ){\r\n\r\n      stopIntroLoop();\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function update(){\r\n\r\n    rafPending = false;\r\n\r\n\r\n    detectFirstScroll();\r\n\r\n\r\n    const rect =\r\n      hero.getBoundingClientRect();\r\n\r\n\r\n    const stageHeight =\r\n      stage.clientHeight ||\r\n      window.innerHeight ||\r\n      1;\r\n\r\n\r\n    const distance =\r\n      Math.max(\r\n        1,\r\n        hero.offsetHeight -\r\n        stageHeight\r\n      );\r\n\r\n\r\n    const travelled =\r\n      clamp(\r\n        -rect.top,\r\n        0,\r\n        distance\r\n      );\r\n\r\n\r\n    const progress =\r\n      travelled \/\r\n      distance;\r\n\r\n\r\n    const scenePosition =\r\n      progress *\r\n      total;\r\n\r\n\r\n    const sceneIndex =\r\n      progress >= 1\r\n        ?\r\n        total - 1\r\n        :\r\n        clamp(\r\n          Math.floor(scenePosition),\r\n          0,\r\n          total - 1\r\n        );\r\n\r\n\r\n    if(\r\n      sceneIndex !== desiredIndex\r\n    ){\r\n\r\n      if(\r\n        sceneIndex > 0\r\n      ){\r\n\r\n        stopIntroLoop();\r\n\r\n      }\r\n\r\n\r\n      setScene(sceneIndex);\r\n\r\n\r\n      transitionTo(sceneIndex);\r\n\r\n    }\r\n\r\n\r\n    updateScale(\r\n      scenePosition\r\n    );\r\n\r\n\r\n    if(progressFill){\r\n\r\n      progressFill.style.transform =\r\n        'scaleX(' +\r\n        progress +\r\n        ')';\r\n\r\n    }\r\n\r\n\r\n    if(progressNumber){\r\n\r\n      progressNumber.textContent =\r\n        String(\r\n          sceneIndex + 1\r\n        ).padStart(\r\n          2,\r\n          '0'\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if(scrollHint){\r\n\r\n      scrollHint.style.opacity =\r\n        String(\r\n          map(\r\n            progress,\r\n            .018,\r\n            .10,\r\n            1,\r\n            0\r\n          )\r\n        );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function requestUpdate(){\r\n\r\n    if(rafPending){\r\n      return;\r\n    }\r\n\r\n\r\n    rafPending = true;\r\n\r\n\r\n    requestAnimationFrame(\r\n      update\r\n    );\r\n\r\n  }\r\n\r\n\r\n  videos.forEach(\r\n    video => {\r\n\r\n      video.muted = true;\r\n\r\n      video.playsInline = true;\r\n\r\n\r\n      video.setAttribute(\r\n        'muted',\r\n        ''\r\n      );\r\n\r\n\r\n      video.setAttribute(\r\n        'playsinline',\r\n        ''\r\n      );\r\n\r\n\r\n      video.setAttribute(\r\n        'webkit-playsinline',\r\n        ''\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    'scroll',\r\n    requestUpdate,\r\n    {passive:true}\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    'resize',\r\n    requestUpdate,\r\n    {passive:true}\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    'orientationchange',\r\n    requestUpdate,\r\n    {passive:true}\r\n  );\r\n\r\n\r\n  const hasFinePointer =\r\n    window.matchMedia &&\r\n    window.matchMedia(\r\n      '(pointer:fine)'\r\n    ).matches;\r\n\r\n\r\n  if(\r\n    pointer &&\r\n    hasFinePointer &&\r\n    window.innerWidth > 1024\r\n  ){\r\n\r\n    hero.addEventListener(\r\n      'pointerenter',\r\n      () => {\r\n\r\n        pointer.style.opacity = '.9';\r\n\r\n      }\r\n    );\r\n\r\n\r\n    hero.addEventListener(\r\n      'pointerleave',\r\n      () => {\r\n\r\n        pointer.style.opacity = '0';\r\n\r\n        resetFinalInteraction();\r\n\r\n      }\r\n    );\r\n\r\n\r\n    hero.addEventListener(\r\n      'pointermove',\r\n      event => {\r\n\r\n        const rect =\r\n          stage.getBoundingClientRect();\r\n\r\n\r\n        const cursorX =\r\n          event.clientX -\r\n          rect.left -\r\n          210;\r\n\r\n\r\n        const cursorY =\r\n          event.clientY -\r\n          rect.top -\r\n          210;\r\n\r\n\r\n        pointer.style.transform =\r\n          `translate3d(${cursorX}px,${cursorY}px,0)`;\r\n\r\n\r\n        if(\r\n          !hero.classList.contains(\r\n            'ws4-last-active'\r\n          )\r\n        ){\r\n          return;\r\n        }\r\n\r\n\r\n        if(!finalStage){\r\n          return;\r\n        }\r\n\r\n\r\n        const fxRect =\r\n          finalStage.getBoundingClientRect();\r\n\r\n\r\n        const px =\r\n          clamp(\r\n            (\r\n              (\r\n                event.clientX -\r\n                fxRect.left\r\n              ) \/\r\n              fxRect.width\r\n            ) -\r\n            .5,\r\n            -.7,\r\n            .7\r\n          );\r\n\r\n\r\n        const py =\r\n          clamp(\r\n            (\r\n              (\r\n                event.clientY -\r\n                fxRect.top\r\n              ) \/\r\n              fxRect.height\r\n            ) -\r\n            .5,\r\n            -.7,\r\n            .7\r\n          );\r\n\r\n\r\n        hero.style.setProperty(\r\n          '--final-video-x',\r\n          `${px * -SETTINGS.finalVideoMoveX}px`\r\n        );\r\n\r\n\r\n        hero.style.setProperty(\r\n          '--final-video-y',\r\n          `${py * -SETTINGS.finalVideoMoveY}px`\r\n        );\r\n\r\n\r\n        hero.style.setProperty(\r\n          '--pocket-x',\r\n          `${px * SETTINGS.pocketMoveX}px`\r\n        );\r\n\r\n\r\n        hero.style.setProperty(\r\n          '--pocket-y',\r\n          `${py * SETTINGS.pocketMoveY}px`\r\n        );\r\n\r\n\r\n        hero.style.setProperty(\r\n          '--pocket-field-x',\r\n          `${px * SETTINGS.fieldMoveX}px`\r\n        );\r\n\r\n\r\n        hero.style.setProperty(\r\n          '--pocket-field-y',\r\n          `${py * SETTINGS.fieldMoveY}px`\r\n        );\r\n\r\n\r\n        hero.style.setProperty(\r\n          '--beam-shift',\r\n          `${py * SETTINGS.beamMove}px`\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  magneticButtons.forEach(\r\n    button => {\r\n\r\n      if(!hasFinePointer){\r\n        return;\r\n      }\r\n\r\n\r\n      button.addEventListener(\r\n        'pointermove',\r\n        event => {\r\n\r\n          const rect =\r\n            button.getBoundingClientRect();\r\n\r\n\r\n          const x =\r\n            (\r\n              (\r\n                event.clientX -\r\n                rect.left\r\n              ) \/\r\n              rect.width -\r\n              .5\r\n            ) *\r\n            10;\r\n\r\n\r\n          const y =\r\n            (\r\n              (\r\n                event.clientY -\r\n                rect.top\r\n              ) \/\r\n              rect.height -\r\n              .5\r\n            ) *\r\n            10;\r\n\r\n\r\n          button.style.transform =\r\n            `translate(${x}px,${y}px)`;\r\n\r\n        }\r\n      );\r\n\r\n\r\n      button.addEventListener(\r\n        'pointerleave',\r\n        () => {\r\n\r\n          button.style.transform = '';\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  scrollNextButtons.forEach(\r\n    button => {\r\n\r\n      button.addEventListener(\r\n        'click',\r\n        () => {\r\n\r\n          const heroBottom =\r\n            window.scrollY +\r\n            hero.getBoundingClientRect().bottom;\r\n\r\n\r\n          window.scrollTo({\r\n\r\n            top:\r\n              heroBottom +\r\n              2,\r\n\r\n            behavior:'smooth'\r\n\r\n          });\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  function unlockVideo(){\r\n\r\n    const video =\r\n      videos[desiredIndex];\r\n\r\n\r\n    if(!video){\r\n      return;\r\n    }\r\n\r\n\r\n    try{\r\n\r\n      const play =\r\n        video.play();\r\n\r\n\r\n      if(\r\n        play &&\r\n        typeof play.catch === 'function'\r\n      ){\r\n\r\n        play.catch(\r\n          () => {}\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n    catch(e){}\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    'touchstart',\r\n    unlockVideo,\r\n    {\r\n      once:true,\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    'pointerdown',\r\n    unlockVideo,\r\n    {\r\n      once:true,\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n  setScene(0);\r\n\r\n\r\n  preloadAround(0);\r\n\r\n\r\n  primeVideo(\r\n    firstVideo,\r\n    false\r\n  )\r\n  .then(\r\n    () => {\r\n\r\n      startIntroLoop();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  requestUpdate();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-437a0c4 e-flex e-con-boxed e-con e-parent\" data-id=\"437a0c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22c35f8 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"22c35f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Welspun hospitality<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a2f0cb elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"4a2f0cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05e9\u05e0\u05d1\u05e0\u05d5 \u05dc\u05e2\u05d5\u05dc\u05dd \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24d7cab elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"24d7cab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05d0\u05d9\u05db\u05d5\u05ea\u05d9 \u05e9\u05de\u05d9\u05d9\u05e6\u05e8 \u05d7\u05d5\u05d5\u05d9\u05ea \u05d0\u05d9\u05e8\u05d5\u05d7 \u05de\u05e2\u05d5\u05dc\u05d4 \u05d1\u05d7\u05d3\u05e8 \u05d5\u05d1\u05d7\u05d3\u05e8 \u05d4\u05e8\u05d7\u05e6\u05d4.<br \/>\u05e2\u05d9\u05e6\u05d5\u05d1, \u05d7\u05d3\u05e9\u05e0\u05d5\u05ea \u05d5\u05d0\u05d9\u05db\u05d5\u05ea \u05e9\u05de\u05e9\u05dc\u05d9\u05de\u05d9\u05dd \u05d0\u05ea \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d4\u05de\u05d5\u05e9\u05dc\u05de\u05ea \u05e9\u05dc \u05d4\u05d0\u05d5\u05e8\u05d7\u05d9\u05dd \u05e9\u05dc\u05db\u05dd.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22e053b e-con-full e-flex e-con e-parent\" data-id=\"22e053b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c4c295 elementor-cta--skin-cover elementor-widget__width-initial elementor-widget-mobile__width-inherit ws-solution-card ws-bathroom elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"9c4c295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t<div class=\"elementor-cta__bg-wrapper\">\n\t\t\t\t<div class=\"elementor-cta__bg elementor-bg\" style=\"background-image: url(http:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/4dd902c4-05cb-47d9-8179-866e23abfa15.webp);\" role=\"img\" aria-label=\"4dd902c4-05cb-47d9-8179-866e23abfa15\"><\/div>\n\t\t\t\t<div class=\"elementor-cta__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h2 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item elementor-animated-item--move-up\">\n\t\t\t\t\t\t\u05d7\u05d3\u05e8\u05d9 \u05e8\u05d7\u05e6\u05d4\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item elementor-animated-item--move-up\">\n\t\t\t\t\t\t\u05de\u05d2\u05d1\u05d5\u05ea, \u05d7\u05dc\u05d5\u05e7\u05d9\u05dd \u05d5\u05d0\u05d1\u05d9\u05d6\u05e8\u05d9 \u05e8\u05d7\u05e6\u05d4 \u05d4\u05de\u05e9\u05dc\u05d1\u05d9\u05dd \u05e8\u05db\u05d5\u05ea, \u05e1\u05e4\u05d9\u05d2\u05d4 \u05d5\u05d1\u05d9\u05e6\u05d5\u05e2\u05d9\u05dd \u05dc\u05e9\u05d9\u05de\u05d5\u05e9 \u05de\u05dc\u05d5\u05e0\u05d0\u05d9.\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item elementor-animated-item--move-up\">\n\t\t\t\t\t<a class=\"elementor-cta__button elementor-button elementor-size-\">\n\t\t\t\t\t\t\u05dc\u05e6\u05e4\u05d9\u05d9\u05d4 \u05d1\u05de\u05d5\u05e6\u05e8\u05d9\u05dd\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aedf948 elementor-cta--skin-cover elementor-widget__width-initial elementor-widget-mobile__width-inherit ws-solution-card ws-bedroom elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"aedf948\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t<div class=\"elementor-cta__bg-wrapper\">\n\t\t\t\t<div class=\"elementor-cta__bg elementor-bg\" style=\"background-image: url(http:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/6297f6e5-d3a6-4527-ad33-644284eb54b2.webp);\" role=\"img\" aria-label=\"6297f6e5-d3a6-4527-ad33-644284eb54b2\"><\/div>\n\t\t\t\t<div class=\"elementor-cta__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h2 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item elementor-animated-item--move-up\">\n\t\t\t\t\t\t\u05d7\u05d3\u05e8\u05d9 \u05e9\u05d9\u05e0\u05d4\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item elementor-animated-item--move-up\">\n\t\t\t\t\t\t\u05de\u05e6\u05e2\u05d9\u05dd, \u05db\u05e8\u05d9\u05d5\u05ea, \u05e9\u05de\u05d9\u05db\u05d5\u05ea \u05d5\u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05d4\u05de\u05e2\u05e0\u05d9\u05e7\u05d5\u05ea \u05dc\u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d4\u05e9\u05d9\u05e0\u05d4 \u05d0\u05e4\u05e7\u05d8 \u05e0\u05d5\u05e1\u05e3 \u05d5\u05de\u05d5\u05e9\u05dc\u05dd.\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item elementor-animated-item--move-up\">\n\t\t\t\t\t<a class=\"elementor-cta__button elementor-button elementor-size-\">\n\t\t\t\t\t\t\u05dc\u05e6\u05e4\u05d9\u05d9\u05d4 \u05d1\u05de\u05d5\u05e6\u05e8\u05d9\u05dd\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aaea56d e-con-full e-flex e-con e-parent\" data-id=\"aaea56d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c5608c elementor-widget elementor-widget-html\" data-id=\"6c5608c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"welspunStoryRail\" class=\"wsr\" dir=\"rtl\">\r\n  <div class=\"wsr__shell\">\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n\r\n    <header class=\"wsr__header\">\r\n\r\n      <div class=\"wsr__eyebrow\">\r\n        WELSPUN \u00d7 \u05e7\u05dc\u05d9\u05e8 | KLIR\r\n      <\/div>\r\n\r\n      <h2 class=\"wsr__title\">\r\n        \u05de\u05d4\u05de\u05d5\u05ea\u05d2 \u05d0\u05dc \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7\r\n      <\/h2>\r\n\r\n      <p class=\"wsr__subtitle\">\r\n        Welspun \u05d4\u05d9\u05d0 \u05e7\u05d1\u05d5\u05e6\u05ea \u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9\u05ea \u05de\u05d5\u05d1\u05d9\u05dc\u05d4.\r\n        <strong>\u05e7\u05dc\u05d9\u05e8 | KLIR<\/strong>,\r\n        \u05d4\u05d9\u05d1\u05d5\u05d0\u05df \u05d4\u05e8\u05e9\u05de\u05d9 \u05e9\u05dc Welspun \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc, \u05de\u05d7\u05d1\u05e8\u05ea \u05d1\u05d9\u05df \u05d4\u05d7\u05d3\u05e9\u05e0\u05d5\u05ea,\r\n        \u05d4\u05d0\u05d9\u05db\u05d5\u05ea \u05d5\u05d4\u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05d4\u05d2\u05dc\u05d5\u05d1\u05dc\u05d9 \u05dc\u05d1\u05d9\u05df \u05dc\u05d9\u05d5\u05d5\u05d9 \u05de\u05e7\u05d5\u05de\u05d9 \u05de\u05d3\u05d5\u05d9\u05e7 \u05dc\u05e2\u05d5\u05dc\u05dd \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7 \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         STORY RAIL\r\n    ====================================================== -->\r\n\r\n    <div class=\"wsr__rail-wrap\">\r\n\r\n      <div class=\"wsr__rail-line\" aria-hidden=\"true\">\r\n        <span class=\"wsr__rail-base\"><\/span>\r\n        <span class=\"wsr__rail-progress\"><\/span>\r\n        <span class=\"wsr__rail-pulse\"><\/span>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wsr__rail\" id=\"wsrRail\">\r\n\r\n\r\n        <!-- 01 \u2014 ABOUT -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"wsr__node is-active is-about\"\r\n          data-kind=\"about\"\r\n          data-index=\"0\"\r\n          data-micro=\"BRAND\"\r\n          data-kicker=\"GLOBAL EXPERTISE \u00d7 LOCAL PARTNERSHIP\"\r\n          data-step=\"01 \/ 07\"\r\n          data-title=\"Welspun \u00d7 \u05e7\u05dc\u05d9\u05e8 | KLIR\"\r\n          data-copy=\"Welspun \u05d4\u05d9\u05d0 \u05e7\u05d1\u05d5\u05e6\u05d4 \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9\u05ea \u05de\u05d5\u05d1\u05d9\u05dc\u05d4 \u05d1\u05ea\u05d7\u05d5\u05dd \u05d4\u05d8\u05e7\u05e1\u05d8\u05d9\u05dc, \u05e2\u05dd \u05de\u05d5\u05de\u05d7\u05d9\u05d5\u05ea \u05d1\u05e4\u05d9\u05ea\u05d5\u05d7, \u05d9\u05d9\u05e6\u05d5\u05e8 \u05d5\u05d7\u05d3\u05e9\u05e0\u05d5\u05ea \u05dc\u05d0\u05d5\u05e8\u05da \u05e9\u05e8\u05e9\u05e8\u05ea \u05d4\u05e2\u05e8\u05da \u05db\u05d5\u05dc\u05d4. \u05e7\u05dc\u05d9\u05e8 | KLIR \u05d4\u05d9\u05d0 \u05d4\u05d9\u05d1\u05d5\u05d0\u05df \u05d4\u05e8\u05e9\u05de\u05d9 \u05e9\u05dc Welspun \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc, \u05d5\u05de\u05d1\u05d9\u05d0\u05d4 \u05dc\u05e9\u05d5\u05e7 \u05d4\u05de\u05e7\u05d5\u05de\u05d9 \u05d0\u05ea \u05d4\u05de\u05d5\u05ea\u05d2, \u05d4\u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05d4\u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9 \u05d5\u05d4\u05dc\u05d9\u05d5\u05d5\u05d9 \u05d4\u05de\u05e7\u05e6\u05d5\u05e2\u05d9 \u05dc\u05e2\u05d5\u05dc\u05dd \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7.\"\r\n          data-subcopy=\"\u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9. \u05e9\u05d5\u05ea\u05e3 \u05de\u05e7\u05d5\u05de\u05d9. \u05e4\u05ea\u05e8\u05d5\u05df \u05d0\u05d7\u05d3 \u05dc\u05e2\u05d5\u05dc\u05dd \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7.\"\r\n          data-bg=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/welspun-stage-01-about.webp\"\r\n          data-pos=\"center center\"\r\n          aria-pressed=\"true\"\r\n        >\r\n\r\n          <span class=\"wsr__node-orbit\">\r\n            <i class=\"wsr__arc wsr__arc--a\"><\/i>\r\n            <i class=\"wsr__arc wsr__arc--b\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-core wsr__node-core--image\">\r\n\r\n            <img\r\n              class=\"wsr__node-image\"\r\n              src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/01-about-wk.webp\"\r\n              alt=\"Welspun \u05d5\u05e7\u05dc\u05d9\u05e8\"\r\n              loading=\"eager\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <span class=\"wsr__shine\"><\/span>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-num\">01<\/span>\r\n          <span class=\"wsr__node-label\">\u05d0\u05d5\u05d3\u05d5\u05ea<\/span>\r\n          <span class=\"wsr__micro\">BRAND<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n\r\n        <!-- 02 \u2014 COTTON -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"wsr__node\"\r\n          data-kind=\"step\"\r\n          data-index=\"1\"\r\n          data-micro=\"MATERIAL\"\r\n          data-kicker=\"FROM FIELD TO HOSPITALITY\"\r\n          data-step=\"02 \/ 07\"\r\n          data-title=\"\u05d4\u05d0\u05d9\u05db\u05d5\u05ea \u05de\u05ea\u05d7\u05d9\u05dc\u05d4 \u05d1\u05d7\u05d5\u05de\u05e8 \u05d4\u05d2\u05dc\u05dd\"\r\n          data-copy=\"\u05d4\u05db\u05d5\u05dc \u05de\u05ea\u05d7\u05d9\u05dc \u05d1\u05d1\u05d7\u05d9\u05e8\u05d4 \u05de\u05d5\u05e7\u05e4\u05d3\u05ea \u05e9\u05dc \u05d7\u05d5\u05de\u05e8\u05d9 \u05d2\u05dc\u05dd. \u05d0\u05d9\u05db\u05d5\u05ea \u05d4\u05db\u05d5\u05ea\u05e0\u05d4 \u05de\u05e9\u05e4\u05d9\u05e2\u05d4 \u05e2\u05dc \u05d4\u05ea\u05d7\u05d5\u05e9\u05d4, \u05d4\u05e2\u05de\u05d9\u05d3\u05d5\u05ea \u05d5\u05d4\u05d9\u05db\u05d5\u05dc\u05ea \u05e9\u05dc \u05d4\u05de\u05d5\u05e6\u05e8 \u05dc\u05e9\u05de\u05d5\u05e8 \u05e2\u05dc \u05d1\u05d9\u05e6\u05d5\u05e2\u05d9\u05dd \u05dc\u05d0\u05d5\u05e8\u05da \u05d6\u05de\u05df.\"\r\n          data-subcopy=\"\u05d4\u05d1\u05e1\u05d9\u05e1 \u05dc\u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7 \u05e0\u05d1\u05e0\u05d4 \u05db\u05d1\u05e8 \u05d1\u05e9\u05dc\u05d1 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df.\"\r\n          data-bg=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/welspun-stage-02-cotton.webp\"\r\n          data-pos=\"center center\"\r\n          aria-pressed=\"false\"\r\n        >\r\n\r\n          <span class=\"wsr__node-orbit\">\r\n            <i class=\"wsr__arc wsr__arc--a\"><\/i>\r\n            <i class=\"wsr__arc wsr__arc--b\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-core wsr__node-core--image\">\r\n\r\n            <img\r\n              class=\"wsr__node-image\"\r\n              src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/02-cotton.webp\"\r\n              alt=\"\u05db\u05d5\u05ea\u05e0\u05d4 \u05d0\u05d9\u05db\u05d5\u05ea\u05d9\u05ea\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <span class=\"wsr__shine\"><\/span>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-num\">02<\/span>\r\n          <span class=\"wsr__node-label\">\u05db\u05d5\u05ea\u05e0\u05d4 \u05d0\u05d9\u05db\u05d5\u05ea\u05d9\u05ea<\/span>\r\n          <span class=\"wsr__micro\">MATERIAL<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n\r\n        <!-- 03 \u2014 YARN -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"wsr__node\"\r\n          data-kind=\"step\"\r\n          data-index=\"2\"\r\n          data-micro=\"YARN\"\r\n          data-kicker=\"FROM FIELD TO HOSPITALITY\"\r\n          data-step=\"03 \/ 07\"\r\n          data-title=\"\u05d7\u05d3\u05e9\u05e0\u05d5\u05ea \u05de\u05ea\u05d7\u05d9\u05dc\u05d4 \u05db\u05d1\u05e8 \u05d1\u05e9\u05dc\u05d1 \u05d4\u05d7\u05d5\u05d8\"\r\n          data-copy=\"\u05de\u05d1\u05e0\u05d4 \u05d4\u05d7\u05d5\u05d8 \u05de\u05e9\u05e4\u05d9\u05e2 \u05e2\u05dc \u05e8\u05db\u05d5\u05ea, \u05d7\u05d5\u05d6\u05e7, \u05e1\u05e4\u05d9\u05d2\u05d4 \u05d5\u05de\u05d1\u05e0\u05d4 \u05d4\u05de\u05d5\u05e6\u05e8. \u05db\u05d0\u05df \u05de\u05ea\u05d7\u05d1\u05e8\u05ea \u05d4\u05d4\u05e0\u05d3\u05e1\u05d4 \u05d4\u05d8\u05e7\u05e1\u05d8\u05d9\u05dc\u05d9\u05ea \u05dc\u05d3\u05e8\u05d9\u05e9\u05d5\u05ea \u05d4\u05d1\u05d9\u05e6\u05d5\u05e2 \u05e9\u05dc \u05e2\u05d5\u05dc\u05dd \u05d4\u05de\u05dc\u05d5\u05e0\u05d0\u05d5\u05ea.\"\r\n          data-subcopy=\"\u05d4\u05de\u05d3\u05e2 \u05d5\u05d4\u05d3\u05d9\u05d5\u05e7 \u05d4\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9 \u05de\u05ea\u05d7\u05d9\u05dc\u05d9\u05dd \u05dc\u05d4\u05e4\u05d5\u05da \u05dc\u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05de\u05d5\u05e6\u05e8.\"\r\n          data-bg=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/welspun-stage-03-yarn.webp\"\r\n          data-pos=\"center center\"\r\n          aria-pressed=\"false\"\r\n        >\r\n\r\n          <span class=\"wsr__node-orbit\">\r\n            <i class=\"wsr__arc wsr__arc--a\"><\/i>\r\n            <i class=\"wsr__arc wsr__arc--b\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-core wsr__node-core--image\">\r\n\r\n            <img\r\n              class=\"wsr__node-image\"\r\n              src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/03-yarn.webp\"\r\n              alt=\"\u05d7\u05d5\u05d8\u05d9\u05dd \u05de\u05ea\u05e7\u05d3\u05de\u05d9\u05dd\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <span class=\"wsr__shine\"><\/span>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-num\">03<\/span>\r\n          <span class=\"wsr__node-label\">\u05d7\u05d5\u05d8\u05d9\u05dd \u05de\u05ea\u05e7\u05d3\u05de\u05d9\u05dd<\/span>\r\n          <span class=\"wsr__micro\">YARN<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n\r\n        <!-- 04 \u2014 WEAVING -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"wsr__node\"\r\n          data-kind=\"step\"\r\n          data-index=\"3\"\r\n          data-micro=\"WEAVING\"\r\n          data-kicker=\"FROM FIELD TO HOSPITALITY\"\r\n          data-step=\"04 \/ 07\"\r\n          data-title=\"\u05d3\u05d9\u05d5\u05e7 \u05e9\u05de\u05d5\u05e8\u05d2\u05e9 \u05d1\u05db\u05dc \u05de\u05d2\u05e2\"\r\n          data-copy=\"\u05d1\u05e9\u05dc\u05d1 \u05d4\u05d0\u05e8\u05d9\u05d2\u05d4 \u05de\u05ea\u05d7\u05d1\u05e8\u05d9\u05dd \u05de\u05d1\u05e0\u05d4 \u05d4\u05d1\u05d3, \u05d4\u05e6\u05e4\u05d9\u05e4\u05d5\u05ea \u05d5\u05d4\u05d0\u05d9\u05db\u05d5\u05ea. \u05db\u05d0\u05df \u05e0\u05d5\u05e6\u05e8\u05ea \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d4\u05de\u05d2\u05e2, \u05d4\u05e0\u05e8\u05d0\u05d5\u05ea \u05d5\u05d4\u05e2\u05de\u05d9\u05d3\u05d5\u05ea \u05e9\u05de\u05e6\u05d5\u05e4\u05d4 \u05de\u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05dc\u05e2\u05d5\u05dc\u05dd \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7.\"\r\n          data-subcopy=\"\u05d4\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05db\u05d1\u05e8 \u05de\u05e8\u05d2\u05d9\u05e9\u05d4 \u05db\u05de\u05d5 \u05de\u05d5\u05e6\u05e8.\"\r\n          data-bg=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/welspun-stage-04-weaving.webp\"\r\n          data-pos=\"center center\"\r\n          aria-pressed=\"false\"\r\n        >\r\n\r\n          <span class=\"wsr__node-orbit\">\r\n            <i class=\"wsr__arc wsr__arc--a\"><\/i>\r\n            <i class=\"wsr__arc wsr__arc--b\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-core wsr__node-core--image\">\r\n\r\n            <img\r\n              class=\"wsr__node-image\"\r\n              src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/04-weaving.webp\"\r\n              alt=\"\u05d0\u05e8\u05d9\u05d2\u05d4\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <span class=\"wsr__shine\"><\/span>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-num\">04<\/span>\r\n          <span class=\"wsr__node-label\">\u05d0\u05e8\u05d9\u05d2\u05d4<\/span>\r\n          <span class=\"wsr__micro\">WEAVING<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n\r\n        <!-- 05 \u2014 FINISHING -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"wsr__node\"\r\n          data-kind=\"step\"\r\n          data-index=\"4\"\r\n          data-micro=\"FINISHING\"\r\n          data-kicker=\"FROM FIELD TO HOSPITALITY\"\r\n          data-step=\"05 \/ 07\"\r\n          data-title=\"\u05d4\u05e4\u05e8\u05d8\u05d9\u05dd \u05d4\u05e7\u05d8\u05e0\u05d9\u05dd \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d0\u05ea \u05d4\u05de\u05d5\u05e6\u05e8 \u05d4\u05e1\u05d5\u05e4\u05d9\"\r\n          data-copy=\"\u05ea\u05d4\u05dc\u05d9\u05db\u05d9 \u05d4\u05d2\u05d9\u05de\u05d5\u05e8 \u05de\u05e2\u05e0\u05d9\u05e7\u05d9\u05dd \u05dc\u05d1\u05d3 \u05d0\u05ea \u05d4\u05de\u05e8\u05d0\u05d4, \u05d4\u05e8\u05db\u05d5\u05ea \u05d5\u05d4\u05d1\u05d9\u05e6\u05d5\u05e2\u05d9\u05dd \u05d4\u05e0\u05db\u05d5\u05e0\u05d9\u05dd \u05dc\u05e9\u05d9\u05de\u05d5\u05e9 \u05de\u05e7\u05e6\u05d5\u05e2\u05d9. \u05d6\u05d4\u05d5 \u05d4\u05e9\u05dc\u05d1 \u05e9\u05d1\u05d5 \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05de\u05e7\u05d1\u05dc\u05ea \u05d0\u05d5\u05e4\u05d9 \u05de\u05d5\u05d2\u05d3\u05e8.\"\r\n          data-subcopy=\"\u05d4\u05de\u05d2\u05e2, \u05d4\u05e0\u05e8\u05d0\u05d5\u05ea \u05d5\u05d4\u05e4\u05e8\u05e7\u05d8\u05d9\u05e7\u05d4 \u05e0\u05e4\u05d2\u05e9\u05d9\u05dd \u05db\u05d0\u05df \u05dc\u05db\u05d3\u05d9 \u05de\u05d5\u05e6\u05e8 \u05e9\u05dc\u05dd.\"\r\n          data-bg=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/welspun-stage-05-finishing.webp\"\r\n          data-pos=\"center center\"\r\n          aria-pressed=\"false\"\r\n        >\r\n\r\n          <span class=\"wsr__node-orbit\">\r\n            <i class=\"wsr__arc wsr__arc--a\"><\/i>\r\n            <i class=\"wsr__arc wsr__arc--b\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-core wsr__node-core--image\">\r\n\r\n            <img\r\n              class=\"wsr__node-image\"\r\n              src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/05-finishing.webp\"\r\n              alt=\"\u05d2\u05d9\u05de\u05d5\u05e8 \u05de\u05ea\u05e7\u05d3\u05dd\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <span class=\"wsr__shine\"><\/span>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-num\">05<\/span>\r\n          <span class=\"wsr__node-label\">\u05d2\u05d9\u05de\u05d5\u05e8 \u05de\u05ea\u05e7\u05d3\u05dd<\/span>\r\n          <span class=\"wsr__micro\">FINISHING<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n\r\n        <!-- 06 \u2014 QUALITY -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"wsr__node\"\r\n          data-kind=\"step\"\r\n          data-index=\"5\"\r\n          data-micro=\"QUALITY\"\r\n          data-kicker=\"FROM FIELD TO HOSPITALITY\"\r\n          data-step=\"06 \/ 07\"\r\n          data-title=\"\u05e2\u05e7\u05d1\u05d9\u05d5\u05ea \u05d4\u05d9\u05d0 \u05d7\u05dc\u05e7 \u05d1\u05dc\u05ea\u05d9 \u05e0\u05e4\u05e8\u05d3 \u05de\u05d4\u05d7\u05d5\u05d5\u05d9\u05d4\"\r\n          data-copy=\"\u05d1\u05e7\u05e8\u05ea \u05d0\u05d9\u05db\u05d5\u05ea \u05e8\u05e6\u05d9\u05e4\u05d4 \u05de\u05e1\u05d9\u05d9\u05e2\u05ea \u05dc\u05e9\u05de\u05d5\u05e8 \u05e2\u05dc \u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05d0\u05d7\u05d9\u05d3 \u05d1\u05d9\u05df \u05de\u05d5\u05e6\u05e8\u05d9\u05dd, \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05d5\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u2014 \u05de\u05e8\u05db\u05d9\u05d1 \u05e7\u05e8\u05d9\u05d8\u05d9 \u05d1\u05db\u05dc \u05e4\u05ea\u05e8\u05d5\u05df \u05e9\u05de\u05d9\u05d5\u05e2\u05d3 \u05dc\u05d0\u05d9\u05e8\u05d5\u05d7 \u05de\u05e7\u05e6\u05d5\u05e2\u05d9.\"\r\n          data-subcopy=\"\u05d0\u05d9\u05db\u05d5\u05ea \u05d0\u05de\u05d9\u05ea\u05d9\u05ea \u05e0\u05d1\u05e0\u05d9\u05ea \u05dc\u05d0\u05d5\u05e8\u05da \u05d6\u05de\u05df \u05d5\u05d1\u05db\u05dc \u05e0\u05e7\u05d5\u05d3\u05ea \u05de\u05d2\u05e2.\"\r\n          data-bg=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/welspun-stage-06-quality.webp\"\r\n          data-pos=\"center center\"\r\n          aria-pressed=\"false\"\r\n        >\r\n\r\n          <span class=\"wsr__node-orbit\">\r\n            <i class=\"wsr__arc wsr__arc--a\"><\/i>\r\n            <i class=\"wsr__arc wsr__arc--b\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-core wsr__node-core--image\">\r\n\r\n            <img\r\n              class=\"wsr__node-image\"\r\n              src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/06-quality.webp\"\r\n              alt=\"\u05d1\u05e7\u05e8\u05ea \u05d0\u05d9\u05db\u05d5\u05ea\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <span class=\"wsr__shine\"><\/span>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-num\">06<\/span>\r\n          <span class=\"wsr__node-label\">\u05d1\u05e7\u05e8\u05ea \u05d0\u05d9\u05db\u05d5\u05ea<\/span>\r\n          <span class=\"wsr__micro\">QUALITY<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n\r\n        <!-- 07 \u2014 HOSPITALITY -->\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"wsr__node\"\r\n          data-kind=\"step\"\r\n          data-index=\"6\"\r\n          data-micro=\"HOSPITALITY\"\r\n          data-kicker=\"GLOBAL TO LOCAL\"\r\n          data-step=\"07 \/ 07\"\r\n          data-title=\"\u05de\u05d4\u05e2\u05d5\u05dc\u05dd \u05dc\u05d9\u05e9\u05e8\u05d0\u05dc \u2014 \u05e2\u05dd \u05d2\u05d1 \u05de\u05e7\u05d5\u05de\u05d9\"\r\n          data-copy=\"\u05d4\u05e4\u05ea\u05e8\u05d5\u05df \u05d4\u05e1\u05d5\u05e4\u05d9 \u05de\u05d2\u05d9\u05e2 \u05dc\u05d1\u05ea\u05d9 \u05de\u05dc\u05d5\u05df \u05d5\u05dc\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9 \u05d0\u05d9\u05e8\u05d5\u05d7 \u05e2\u05dd \u05d4\u05d9\u05d3\u05e2, \u05d4\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05d5\u05d4\u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05e9\u05dc Welspun \u2014 \u05d5\u05d1\u05d9\u05e9\u05e8\u05d0\u05dc \u05d4\u05d5\u05d0 \u05de\u05e7\u05d1\u05dc \u05dc\u05d9\u05d5\u05d5\u05d9 \u05d5\u05de\u05e2\u05e0\u05d4 \u05de\u05e7\u05d5\u05de\u05d9 \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea \u05e7\u05dc\u05d9\u05e8 | KLIR.\"\r\n          data-subcopy=\"\u05de\u05d5\u05ea\u05d2 \u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9. \u05e9\u05d5\u05ea\u05e3 \u05de\u05e7\u05d5\u05de\u05d9. \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d0\u05d9\u05e8\u05d5\u05d7 \u05d0\u05d7\u05ea \u05e9\u05dc\u05de\u05d4.\"\r\n          data-bg=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/welspun-stage-07-hospitality.webp\"\r\n          data-pos=\"center center\"\r\n          aria-pressed=\"false\"\r\n        >\r\n\r\n          <span class=\"wsr__node-orbit\">\r\n            <i class=\"wsr__arc wsr__arc--a\"><\/i>\r\n            <i class=\"wsr__arc wsr__arc--b\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-core wsr__node-core--image\">\r\n\r\n            <img\r\n              class=\"wsr__node-image\"\r\n              src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/07-hospitality.webp\"\r\n              alt=\"\u05dc\u05de\u05dc\u05d5\u05e0\u05d5\u05ea \u05d1\u05e2\u05d5\u05dc\u05dd\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <span class=\"wsr__shine\"><\/span>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"wsr__node-num\">07<\/span>\r\n          <span class=\"wsr__node-label\">\u05dc\u05de\u05dc\u05d5\u05e0\u05d5\u05ea \u05d1\u05e2\u05d5\u05dc\u05dd<\/span>\r\n          <span class=\"wsr__micro\">HOSPITALITY<\/span>\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         HINT\r\n    ====================================================== -->\r\n\r\n    <div class=\"wsr__interaction-hint\" aria-live=\"polite\">\r\n\r\n      <span class=\"wsr__hint-desktop\">\r\n        <i><\/i>\r\n        \u05e2\u05d1\u05e8\u05d5 \u05d1\u05d9\u05df \u05d4\u05ea\u05d7\u05e0\u05d5\u05ea \u05db\u05d3\u05d9 \u05dc\u05d2\u05dc\u05d5\u05ea \u05d0\u05ea \u05d4\u05e1\u05d9\u05e4\u05d5\u05e8\r\n      <\/span>\r\n\r\n      <span class=\"wsr__hint-mobile\">\r\n        <b>\u2190<\/b>\r\n        \u05d4\u05d7\u05dc\u05d9\u05e7\u05d5 \u05d1\u05d9\u05df \u05d4\u05ea\u05d7\u05e0\u05d5\u05ea \u05d0\u05d5 \u05dc\u05d7\u05e6\u05d5 \u05db\u05d3\u05d9 \u05dc\u05d2\u05dc\u05d5\u05ea \u05de\u05d9\u05d3\u05e2\r\n        <b>\u2192<\/b>\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         STAGE\r\n    ====================================================== -->\r\n\r\n    <div class=\"wsr__stage\" id=\"wsrStage\">\r\n\r\n      <div class=\"wsr__stage-bg wsr__stage-bg--a is-visible\"><\/div>\r\n      <div class=\"wsr__stage-bg wsr__stage-bg--b\"><\/div>\r\n\r\n      <div class=\"wsr__stage-overlay\"><\/div>\r\n      <div class=\"wsr__stage-light\"><\/div>\r\n      <div class=\"wsr__stage-grain\"><\/div>\r\n\r\n\r\n      <div\r\n        class=\"wsr__stage-ghost\"\r\n        id=\"wsrStageGhost\"\r\n      >\r\n        01\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wsr__stage-content\">\r\n\r\n        <div class=\"wsr__stage-top\">\r\n\r\n          <div\r\n            class=\"wsr__stage-kicker\"\r\n            id=\"wsrStageKicker\"\r\n          >\r\n            GLOBAL EXPERTISE \u00d7 LOCAL PARTNERSHIP\r\n          <\/div>\r\n\r\n          <div\r\n            class=\"wsr__stage-step\"\r\n            id=\"wsrStageStep\"\r\n          >\r\n            01 \/ 07\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3\r\n          class=\"wsr__stage-title\"\r\n          id=\"wsrStageTitle\"\r\n        >\r\n          Welspun \u00d7 \u05e7\u05dc\u05d9\u05e8 | KLIR\r\n        <\/h3>\r\n\r\n\r\n        <p\r\n          class=\"wsr__stage-copy\"\r\n          id=\"wsrStageCopy\"\r\n        >\r\n          Welspun \u05d4\u05d9\u05d0 \u05e7\u05d1\u05d5\u05e6\u05d4 \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9\u05ea \u05de\u05d5\u05d1\u05d9\u05dc\u05d4 \u05d1\u05ea\u05d7\u05d5\u05dd \u05d4\u05d8\u05e7\u05e1\u05d8\u05d9\u05dc,\r\n          \u05e2\u05dd \u05de\u05d5\u05de\u05d7\u05d9\u05d5\u05ea \u05d1\u05e4\u05d9\u05ea\u05d5\u05d7, \u05d9\u05d9\u05e6\u05d5\u05e8 \u05d5\u05d7\u05d3\u05e9\u05e0\u05d5\u05ea \u05dc\u05d0\u05d5\u05e8\u05da \u05e9\u05e8\u05e9\u05e8\u05ea \u05d4\u05e2\u05e8\u05da \u05db\u05d5\u05dc\u05d4.\r\n          \u05e7\u05dc\u05d9\u05e8 | KLIR \u05d4\u05d9\u05d0 \u05d4\u05d9\u05d1\u05d5\u05d0\u05df \u05d4\u05e8\u05e9\u05de\u05d9 \u05e9\u05dc Welspun \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc,\r\n          \u05d5\u05de\u05d1\u05d9\u05d0\u05d4 \u05dc\u05e9\u05d5\u05e7 \u05d4\u05de\u05e7\u05d5\u05de\u05d9 \u05d0\u05ea \u05d4\u05de\u05d5\u05ea\u05d2,\r\n          \u05d4\u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05d4\u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9 \u05d5\u05d4\u05dc\u05d9\u05d5\u05d5\u05d9 \u05d4\u05de\u05e7\u05e6\u05d5\u05e2\u05d9 \u05dc\u05e2\u05d5\u05dc\u05dd \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"wsr__stage-actions\">\r\n\r\n          <div\r\n            class=\"wsr__stage-subcopy\"\r\n            id=\"wsrStageSubcopy\"\r\n          >\r\n            \u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9. \u05e9\u05d5\u05ea\u05e3 \u05de\u05e7\u05d5\u05de\u05d9. \u05e4\u05ea\u05e8\u05d5\u05df \u05d0\u05d7\u05d3 \u05dc\u05e2\u05d5\u05dc\u05dd \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7.\r\n          <\/div>\r\n\r\n\r\n          <a\r\n            class=\"wsr__stage-cta is-visible\"\r\n            id=\"wsrAboutCta\"\r\n            href=\"\/about\/\"\r\n            aria-label=\"\u05dc\u05e2\u05de\u05d5\u05d3 \u05d0\u05d5\u05d3\u05d5\u05ea Welspun \u05d5\u05e7\u05dc\u05d9\u05e8\"\r\n          >\r\n            <span>\u05dc\u05e2\u05de\u05d5\u05d3 \u05d0\u05d5\u05d3\u05d5\u05ea<\/span>\r\n            <i>\u2190<\/i>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n#welspunStoryRail,\r\n#welspunStoryRail *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n#welspunStoryRail{\r\n  --bg:#F5F3EF;\r\n  --primary:#171717;\r\n  --text:#39363D;\r\n  --purple:#2C2B7C;\r\n  --lavender:#9B93D9;\r\n  --white:#fff;\r\n  --progress:0%;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  background:var(--bg);\r\n  color:var(--primary);\r\n\r\n  direction:rtl;\r\n\r\n  font-family:\"Open Sans\",Arial,sans-serif;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__shell{\r\n  width:min(1540px,calc(100% - 50px));\r\n\r\n  min-height:100svh;\r\n\r\n  margin:auto;\r\n\r\n  padding:\r\n    clamp(22px,2.5vw,40px)\r\n    0;\r\n\r\n  display:grid;\r\n\r\n  align-content:center;\r\n\r\n  gap:\r\n    clamp(11px,1.25vw,18px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__header{\r\n  max-width:940px;\r\n\r\n  margin:auto;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__eyebrow{\r\n  margin-bottom:9px;\r\n\r\n  font-size:clamp(10px,.68vw,13px);\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1;\r\n\r\n  letter-spacing:.2em;\r\n\r\n  color:var(--lavender);\r\n\r\n  direction:ltr;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__title{\r\n  margin:0;\r\n\r\n  font-size:\r\n    clamp(33px,2.8vw,55px);\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.04;\r\n\r\n  letter-spacing:-.045em;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__subtitle{\r\n  max-width:840px;\r\n\r\n  margin:12px auto 0;\r\n\r\n  font-size:\r\n    clamp(14px,.92vw,17px);\r\n\r\n  line-height:1.58;\r\n\r\n  color:\r\n    rgba(57,54,61,.8);\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__subtitle strong{\r\n  font-weight:600;\r\n\r\n  color:var(--purple);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RAIL\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__rail-wrap{\r\n  --wsr-line-y:56px;\r\n  --wsr-node-size:clamp(78px,6.25vw,116px);\r\n\r\n  position:relative;\r\n\r\n  padding-top:4px;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__rail-line{\r\n  position:absolute;\r\n\r\n  top:var(--wsr-line-y);\r\n\r\n  left:6.8%;\r\n  right:6.8%;\r\n\r\n  height:2px;\r\n\r\n  z-index:0;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__rail-base,\r\n#welspunStoryRail .wsr__rail-progress{\r\n  position:absolute;\r\n\r\n  top:50%;\r\n\r\n  right:0;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__rail-base{\r\n  width:100%;\r\n\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(44,43,124,.12);\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__rail-progress{\r\n  width:var(--progress);\r\n\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--purple) 0%,\r\n      var(--lavender) 32%,\r\n      rgba(220,216,244,.98) 50%,\r\n      var(--lavender) 68%,\r\n      var(--purple) 100%\r\n    );\r\n\r\n  background-size:\r\n    220% 100%;\r\n\r\n  box-shadow:\r\n    0 0 6px rgba(155,147,217,.26),\r\n    0 0 15px rgba(155,147,217,.18),\r\n    0 0 24px rgba(155,147,217,.08);\r\n\r\n  transition:\r\n    width .68s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__rail-pulse{\r\n  position:absolute;\r\n\r\n  top:50%;\r\n\r\n  right:var(--progress);\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  translate:\r\n    50% -50%;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  border:\r\n    1px solid rgba(155,147,217,.5);\r\n\r\n  box-shadow:\r\n    0 0 0 3px rgba(155,147,217,.08),\r\n    0 0 11px rgba(155,147,217,.55),\r\n    0 0 23px rgba(155,147,217,.28);\r\n\r\n  transition:\r\n    right .68s cubic-bezier(.16,1,.3,1),\r\n    box-shadow .35s ease;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__rail{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(7,minmax(0,1fr));\r\n\r\n  gap:\r\n    clamp(7px,.85vw,13px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   NODE\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__node{\r\n  --mag-x:0px;\r\n  --mag-y:0px;\r\n\r\n  --icon-x:0px;\r\n  --icon-y:0px;\r\n\r\n  position:relative;\r\n\r\n  appearance:none;\r\n\r\n  border:0;\r\n\r\n  background:none;\r\n\r\n  padding:0;\r\n\r\n  margin:0;\r\n\r\n  min-width:0;\r\n\r\n  color:inherit;\r\n\r\n  font:inherit;\r\n\r\n  text-align:center;\r\n\r\n  cursor:pointer;\r\n\r\n  outline:none;\r\n\r\n  user-select:none;\r\n\r\n  -webkit-tap-highlight-color:\r\n    transparent;\r\n\r\n  opacity:.77;\r\n\r\n  transition:\r\n    opacity .32s ease;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__node.is-active,\r\n#welspunStoryRail .wsr__node:hover{\r\n  opacity:1;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MASK LINE BEHIND CIRCLES\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__node::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:\r\n    calc(var(--wsr-line-y) - 4px);\r\n\r\n  left:50%;\r\n\r\n  width:\r\n    calc(var(--wsr-node-size) + 20px);\r\n\r\n  height:18px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--bg);\r\n\r\n  pointer-events:none;\r\n\r\n  z-index:0;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ORBIT\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__node-orbit{\r\n  position:absolute;\r\n\r\n  top:0;\r\n\r\n  left:50%;\r\n\r\n  width:\r\n    var(--wsr-node-size);\r\n\r\n  aspect-ratio:1;\r\n\r\n  translate:\r\n    calc(-50% + var(--mag-x))\r\n    var(--mag-y);\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n\r\n  transform:\r\n    scale(.96);\r\n\r\n  opacity:0;\r\n\r\n  z-index:2;\r\n\r\n  transition:\r\n    opacity .28s ease,\r\n    transform .42s cubic-bezier(.2,.7,.2,1),\r\n    translate .16s linear;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__arc{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  border-radius:50%;\r\n\r\n  display:block;\r\n\r\n  opacity:.88;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__arc--a{\r\n  border-top:\r\n    1px solid rgba(44,43,124,.78);\r\n\r\n  border-right:\r\n    1px solid transparent;\r\n\r\n  border-bottom:\r\n    1px solid rgba(155,147,217,.24);\r\n\r\n  border-left:\r\n    1px solid transparent;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__arc--b{\r\n  inset:6px;\r\n\r\n  border-left:\r\n    1px solid rgba(155,147,217,.8);\r\n\r\n  border-right:\r\n    1px solid rgba(44,43,124,.18);\r\n\r\n  border-top:\r\n    1px solid transparent;\r\n\r\n  border-bottom:\r\n    1px solid transparent;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   NODE CORE\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__node-core{\r\n  position:relative;\r\n\r\n  z-index:3;\r\n\r\n  width:\r\n    var(--wsr-node-size);\r\n\r\n  aspect-ratio:1;\r\n\r\n  margin:\r\n    0 auto 10px;\r\n\r\n  border-radius:50%;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 30% 22%,\r\n      #fff 0%,\r\n      #f8f5ef 50%,\r\n      #ebe5dc 100%\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(155,147,217,.2);\r\n\r\n  box-shadow:\r\n    inset 0 0 0 8px rgba(255,255,255,.24),\r\n    0 10px 28px rgba(23,23,23,.035);\r\n\r\n  overflow:hidden;\r\n\r\n  translate:\r\n    var(--mag-x)\r\n    var(--mag-y);\r\n\r\n  transform:\r\n    scale(1);\r\n\r\n  transition:\r\n    box-shadow .35s ease,\r\n    border-color .3s ease,\r\n    transform .35s cubic-bezier(.2,.7,.2,1),\r\n    translate .16s linear;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__node-core--image{\r\n  padding:4px;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__node-image{\r\n  position:relative;\r\n\r\n  z-index:1;\r\n\r\n  display:block;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  border-radius:50%;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center;\r\n\r\n  transform:\r\n    translate(\r\n      var(--icon-x),\r\n      var(--icon-y)\r\n    )\r\n    scale(1.01);\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.2,.7,.2,1),\r\n    filter .35s ease;\r\n}\r\n\r\n\r\n\r\n\/* SHINE *\/\r\n\r\n#welspunStoryRail .wsr__shine{\r\n  position:absolute;\r\n\r\n  inset:-35%;\r\n\r\n  z-index:3;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      transparent 37%,\r\n      rgba(255,255,255,.62) 50%,\r\n      transparent 63%\r\n    );\r\n\r\n  transform:\r\n    translateX(145%)\r\n    rotate(8deg);\r\n\r\n  opacity:0;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LABELS\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__node-num{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:block;\r\n\r\n  margin-bottom:5px;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1;\r\n\r\n  letter-spacing:.16em;\r\n\r\n  color:\r\n    rgba(44,43,124,.35);\r\n\r\n  direction:ltr;\r\n\r\n  transition:\r\n    color .3s ease;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__node-label{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:block;\r\n\r\n  font-size:\r\n    clamp(12px,.86vw,15px);\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1.25;\r\n\r\n  color:\r\n    var(--primary);\r\n\r\n  transition:\r\n    color .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__micro{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:block;\r\n\r\n  min-height:11px;\r\n\r\n  margin-top:5px;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1;\r\n\r\n  letter-spacing:.14em;\r\n\r\n  color:\r\n    rgba(44,43,124,0);\r\n\r\n  direction:ltr;\r\n\r\n  transform:\r\n    translateY(4px);\r\n\r\n  transition:\r\n    color .28s ease,\r\n    transform .28s ease;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP HOVER\r\n========================================================= *\/\r\n\r\n@media (hover:hover) and (pointer:fine){\r\n\r\n  #welspunStoryRail\r\n  .wsr__rail-wrap:hover\r\n  .wsr__rail-progress{\r\n    animation:\r\n      wsrPremiumRailFlow\r\n      2.8s\r\n      linear\r\n      infinite;\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__rail-wrap:hover\r\n  .wsr__rail-pulse{\r\n    box-shadow:\r\n      0 0 0 4px rgba(155,147,217,.08),\r\n      0 0 14px rgba(155,147,217,.68),\r\n      0 0 28px rgba(155,147,217,.34);\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__node:hover\r\n  .wsr__node-orbit,\r\n\r\n  #welspunStoryRail\r\n  .wsr__node.is-active\r\n  .wsr__node-orbit{\r\n    opacity:1;\r\n\r\n    transform:\r\n      scale(1.08);\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__node:hover\r\n  .wsr__arc--a,\r\n\r\n  #welspunStoryRail\r\n  .wsr__node.is-active\r\n  .wsr__arc--a{\r\n    animation:\r\n      wsrArcA\r\n      5.8s\r\n      linear\r\n      infinite;\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__node:hover\r\n  .wsr__arc--b,\r\n\r\n  #welspunStoryRail\r\n  .wsr__node.is-active\r\n  .wsr__arc--b{\r\n    animation:\r\n      wsrArcB\r\n      7.2s\r\n      linear\r\n      infinite;\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__node:hover\r\n  .wsr__node-core,\r\n\r\n  #welspunStoryRail\r\n  .wsr__node.is-active\r\n  .wsr__node-core{\r\n    transform:\r\n      scale(1.055);\r\n\r\n    border-color:\r\n      rgba(44,43,124,.48);\r\n\r\n    box-shadow:\r\n      inset 0 0 0 5px rgba(255,255,255,.24),\r\n      0 17px 38px rgba(23,23,23,.085),\r\n      0 0 0 5px rgba(155,147,217,.055);\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__node:hover\r\n  .wsr__node-image,\r\n\r\n  #welspunStoryRail\r\n  .wsr__node.is-active\r\n  .wsr__node-image{\r\n    transform:\r\n      translate(\r\n        var(--icon-x),\r\n        var(--icon-y)\r\n      )\r\n      scale(1.065);\r\n\r\n    filter:\r\n      saturate(1.04)\r\n      contrast(1.025);\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__node:hover\r\n  .wsr__shine{\r\n    animation:\r\n      wsrSheen\r\n      .9s\r\n      ease\r\n      forwards;\r\n\r\n    opacity:1;\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__node:hover\r\n  .wsr__node-label,\r\n\r\n  #welspunStoryRail\r\n  .wsr__node.is-active\r\n  .wsr__node-label{\r\n    color:var(--purple);\r\n\r\n    transform:\r\n      translateY(-2px);\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__node:hover\r\n  .wsr__node-num,\r\n\r\n  #welspunStoryRail\r\n  .wsr__node.is-active\r\n  .wsr__node-num{\r\n    color:var(--purple);\r\n  }\r\n\r\n\r\n  #welspunStoryRail\r\n  .wsr__node:hover\r\n  .wsr__micro,\r\n\r\n  #welspunStoryRail\r\n  .wsr__node.is-active\r\n  .wsr__micro{\r\n    color:\r\n      rgba(44,43,124,.58);\r\n\r\n    transform:none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes wsrPremiumRailFlow{\r\n  from{\r\n    background-position:\r\n      100% 50%;\r\n  }\r\n\r\n  to{\r\n    background-position:\r\n      -120% 50%;\r\n  }\r\n}\r\n\r\n\r\n@keyframes wsrArcA{\r\n  to{\r\n    rotate:360deg;\r\n  }\r\n}\r\n\r\n\r\n@keyframes wsrArcB{\r\n  to{\r\n    rotate:-360deg;\r\n  }\r\n}\r\n\r\n\r\n@keyframes wsrSheen{\r\n  from{\r\n    transform:\r\n      translateX(145%)\r\n      rotate(8deg);\r\n  }\r\n\r\n  to{\r\n    transform:\r\n      translateX(-145%)\r\n      rotate(8deg);\r\n  }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTERACTION HINT\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__interaction-hint{\r\n  min-height:29px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  text-align:center;\r\n\r\n  color:\r\n    rgba(57,54,61,.58);\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__hint-desktop{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__hint-desktop i{\r\n  position:relative;\r\n\r\n  width:32px;\r\n\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(44,43,124,.18);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__hint-desktop i::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:40%;\r\n\r\n  background:\r\n    var(--purple);\r\n\r\n  animation:\r\n    wsrHint\r\n    2.2s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__hint-mobile{\r\n  display:none;\r\n}\r\n\r\n\r\n@keyframes wsrHint{\r\n  0%{\r\n    transform:\r\n      translateX(180%);\r\n  }\r\n\r\n  55%,\r\n  100%{\r\n    transform:\r\n      translateX(-180%);\r\n  }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STAGE\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__stage{\r\n  --mx:50%;\r\n  --my:40%;\r\n\r\n  position:relative;\r\n\r\n  min-height:\r\n    clamp(265px,25vw,360px);\r\n\r\n  border-radius:30px;\r\n\r\n  overflow:hidden;\r\n\r\n  isolation:isolate;\r\n\r\n  background:#252424;\r\n\r\n  border:\r\n    1px solid rgba(23,23,23,.05);\r\n\r\n  box-shadow:\r\n    0 20px 58px rgba(23,23,23,.08);\r\n}\r\n\r\n\r\n\r\n\/* BACKGROUND *\/\r\n\r\n#welspunStoryRail .wsr__stage-bg{\r\n  position:absolute;\r\n\r\n  inset:-1%;\r\n\r\n  background-size:cover;\r\n\r\n  background-position:\r\n    center center;\r\n\r\n  opacity:0;\r\n\r\n  transform:\r\n    scale(1.045);\r\n\r\n  filter:\r\n    blur(5px)\r\n    saturate(.96);\r\n\r\n  transition:\r\n    opacity .58s ease,\r\n    filter .68s ease,\r\n    transform .85s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__stage-bg.is-visible{\r\n  opacity:1;\r\n\r\n  filter:\r\n    blur(0)\r\n    saturate(1.02);\r\n\r\n  transform:\r\n    scale(1.012);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__stage-overlay{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:3;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      270deg,\r\n      rgba(8,8,11,.76) 0%,\r\n      rgba(8,8,11,.60) 20%,\r\n      rgba(8,8,11,.36) 39%,\r\n      rgba(8,8,11,.08) 58%,\r\n      transparent 70%\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,8,11,.66) 0%,\r\n      rgba(8,8,11,.42) 18%,\r\n      rgba(8,8,11,.13) 34%,\r\n      transparent 50%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(5,5,7,.05),\r\n      rgba(5,5,7,.17)\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\r\n\/* LIGHT *\/\r\n\r\n#welspunStoryRail .wsr__stage-light{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:4;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at var(--mx) var(--my),\r\n      rgba(255,255,255,.13),\r\n      transparent 25%\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\r\n\/* GRAIN *\/\r\n\r\n#welspunStoryRail .wsr__stage-grain{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:5;\r\n\r\n  opacity:.035;\r\n\r\n  pointer-events:none;\r\n\r\n  background-image:\r\n\r\n    radial-gradient(\r\n      circle at 20% 20%,\r\n      #fff .6px,\r\n      transparent .9px\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 80% 36%,\r\n      #fff .6px,\r\n      transparent .9px\r\n    );\r\n\r\n  background-size:\r\n    18px 18px,\r\n    24px 24px;\r\n}\r\n\r\n\r\n\r\n\/* BIG NUMBER *\/\r\n\r\n#welspunStoryRail .wsr__stage-ghost{\r\n  position:absolute;\r\n\r\n  z-index:6;\r\n\r\n  left:\r\n    clamp(25px,3.2vw,52px);\r\n\r\n  top:50%;\r\n\r\n  translate:\r\n    0 -50%;\r\n\r\n  font-size:\r\n    clamp(120px,15vw,240px);\r\n\r\n  font-weight:300;\r\n\r\n  line-height:.8;\r\n\r\n  letter-spacing:-.08em;\r\n\r\n  color:\r\n    rgba(255,255,255,.11);\r\n\r\n  text-shadow:\r\n    0 0 35px rgba(255,255,255,.025);\r\n\r\n  direction:ltr;\r\n\r\n  pointer-events:none;\r\n\r\n  transition:\r\n    opacity .35s ease,\r\n    transform .6s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP CONTENT\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__stage-content{\r\n  position:relative;\r\n\r\n  z-index:7;\r\n\r\n  width:\r\n    min(760px,64%);\r\n\r\n  min-height:inherit;\r\n\r\n  margin-right:0;\r\n\r\n  margin-left:auto;\r\n\r\n  padding:\r\n    clamp(23px,2.2vw,36px);\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:flex-end;\r\n\r\n  align-items:stretch;\r\n\r\n  text-align:right;\r\n\r\n  color:#fff;\r\n\r\n  text-shadow:\r\n    0 1px 12px rgba(0,0,0,.15);\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__stage-top{\r\n  width:100%;\r\n\r\n  display:flex;\r\n\r\n  align-items:flex-end;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:18px;\r\n\r\n  margin-bottom:9px;\r\n\r\n  direction:rtl;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__stage-kicker{\r\n  font-size:\r\n    clamp(9px,.64vw,12px);\r\n\r\n  font-weight:700;\r\n\r\n  line-height:1;\r\n\r\n  letter-spacing:.16em;\r\n\r\n  color:\r\n    rgba(255,255,255,.82);\r\n\r\n  direction:ltr;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__stage-step{\r\n  font-size:11px;\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1;\r\n\r\n  letter-spacing:.14em;\r\n\r\n  color:\r\n    rgba(255,255,255,.7);\r\n\r\n  direction:ltr;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__stage-title{\r\n  width:100%;\r\n\r\n  max-width:690px;\r\n\r\n  margin:0;\r\n\r\n  margin-right:0;\r\n\r\n  margin-left:auto;\r\n\r\n  text-align:right;\r\n\r\n  font-size:\r\n    clamp(25px,1.95vw,38px);\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.08;\r\n\r\n  letter-spacing:-.034em;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__stage-copy{\r\n  width:100%;\r\n\r\n  max-width:700px;\r\n\r\n  margin:\r\n    10px 0 0 auto;\r\n\r\n  text-align:right;\r\n\r\n  font-size:\r\n    clamp(13px,.9vw,17px);\r\n\r\n  line-height:1.62;\r\n\r\n  color:\r\n    rgba(255,255,255,.91);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n#welspunStoryRail .wsr__stage-actions{\r\n  width:100%;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-start;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:14px;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__stage-subcopy{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  min-height:36px;\r\n\r\n  padding:\r\n    0 13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.10);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.18);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(10px);\r\n\r\n  font-size:11.5px;\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1.35;\r\n\r\n  color:\r\n    rgba(255,255,255,.96);\r\n}\r\n\r\n\r\n\r\n\/* CTA *\/\r\n\r\n#welspunStoryRail .wsr__stage-cta{\r\n  display:none;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:9px;\r\n\r\n  min-height:38px;\r\n\r\n  padding:\r\n    0 15px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#fff;\r\n\r\n  color:var(--purple);\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n\r\n  line-height:1;\r\n\r\n  text-decoration:none;\r\n\r\n  text-shadow:none;\r\n\r\n  box-shadow:\r\n    0 8px 22px rgba(0,0,0,.12);\r\n\r\n  transition:\r\n    transform .3s cubic-bezier(.2,.7,.2,1),\r\n    box-shadow .3s ease;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__stage-cta.is-visible{\r\n  display:inline-flex;\r\n}\r\n\r\n\r\n#welspunStoryRail .wsr__stage-cta i{\r\n  font-style:normal;\r\n\r\n  font-size:16px;\r\n\r\n  font-weight:300;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CTA HOVER\r\n========================================================= *\/\r\n\r\n@media (hover:hover) and (pointer:fine){\r\n\r\n  #welspunStoryRail .wsr__stage-cta:hover{\r\n    transform:\r\n      translateY(-2px);\r\n\r\n    box-shadow:\r\n      0 12px 28px rgba(0,0,0,.17);\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-cta:hover i{\r\n    transform:\r\n      translateX(-3px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND TRANSITIONS\r\n========================================================= *\/\r\n\r\n#welspunStoryRail\r\n.wsr__stage.wsr--dir-next\r\n.wsr__stage-bg.is-visible{\r\n  animation:\r\n    wsrBgInNext\r\n    .7s\r\n    cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n#welspunStoryRail\r\n.wsr__stage.wsr--dir-prev\r\n.wsr__stage-bg.is-visible{\r\n  animation:\r\n    wsrBgInPrev\r\n    .7s\r\n    cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n@keyframes wsrBgInNext{\r\n\r\n  from{\r\n    transform:\r\n      translateX(18px)\r\n      scale(1.055);\r\n\r\n    filter:\r\n      blur(6px);\r\n  }\r\n\r\n  to{\r\n    transform:\r\n      translateX(0)\r\n      scale(1.012);\r\n\r\n    filter:\r\n      blur(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes wsrBgInPrev{\r\n\r\n  from{\r\n    transform:\r\n      translateX(-18px)\r\n      scale(1.055);\r\n\r\n    filter:\r\n      blur(6px);\r\n  }\r\n\r\n  to{\r\n    transform:\r\n      translateX(0)\r\n      scale(1.012);\r\n\r\n    filter:\r\n      blur(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TEXT TRANSITIONS\r\n========================================================= *\/\r\n\r\n#welspunStoryRail\r\n.wsr__stage.is-text-changing\r\n.wsr__stage-kicker,\r\n\r\n#welspunStoryRail\r\n.wsr__stage.is-text-changing\r\n.wsr__stage-step,\r\n\r\n#welspunStoryRail\r\n.wsr__stage.is-text-changing\r\n.wsr__stage-title,\r\n\r\n#welspunStoryRail\r\n.wsr__stage.is-text-changing\r\n.wsr__stage-copy,\r\n\r\n#welspunStoryRail\r\n.wsr__stage.is-text-changing\r\n.wsr__stage-actions{\r\n  animation:\r\n    wsrTextIn\r\n    .44s\r\n    ease\r\n    both;\r\n}\r\n\r\n\r\n#welspunStoryRail\r\n.wsr__stage.is-text-changing\r\n.wsr__stage-title{\r\n  animation-delay:.035s;\r\n}\r\n\r\n\r\n#welspunStoryRail\r\n.wsr__stage.is-text-changing\r\n.wsr__stage-copy{\r\n  animation-delay:.07s;\r\n}\r\n\r\n\r\n#welspunStoryRail\r\n.wsr__stage.is-text-changing\r\n.wsr__stage-actions{\r\n  animation-delay:.105s;\r\n}\r\n\r\n\r\n@keyframes wsrTextIn{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(9px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  #welspunStoryRail .wsr__shell{\r\n    width:\r\n      min(100% - 30px,1240px);\r\n\r\n    padding:\r\n      18px 0;\r\n\r\n    gap:10px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__title{\r\n    font-size:\r\n      clamp(31px,4.4vw,46px);\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__subtitle{\r\n    font-size:14px;\r\n\r\n    line-height:1.5;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__rail-wrap{\r\n    --wsr-line-y:48px;\r\n    --wsr-node-size:70px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node-label{\r\n    font-size:11.5px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__micro{\r\n    font-size:7px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage{\r\n    min-height:270px;\r\n\r\n    border-radius:25px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-content{\r\n    width:\r\n      min(680px,72%);\r\n\r\n    margin-right:0;\r\n\r\n    margin-left:auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  \/*\r\n   FIX:\r\n   no more full viewport height.\r\n   The section ends naturally after the stage.\r\n  *\/\r\n\r\n  #welspunStoryRail .wsr__shell{\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n    min-height:auto;\r\n\r\n    padding:\r\n      12px 0 22px;\r\n\r\n    gap:9px;\r\n\r\n    align-content:start;\r\n  }\r\n\r\n\r\n\r\n  \/* HEADER *\/\r\n\r\n  #welspunStoryRail .wsr__eyebrow{\r\n    margin-bottom:7px;\r\n\r\n    font-size:9.5px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__title{\r\n    font-size:\r\n      clamp(27px,7.8vw,36px);\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__subtitle{\r\n    margin-top:8px;\r\n\r\n    font-size:12.5px;\r\n\r\n    line-height:1.42;\r\n  }\r\n\r\n\r\n\r\n  \/* NO LINE *\/\r\n\r\n  #welspunStoryRail .wsr__rail-line{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node::before{\r\n    display:none;\r\n  }\r\n\r\n\r\n\r\n  \/* MOBILE RAIL *\/\r\n\r\n  #welspunStoryRail .wsr__rail-wrap{\r\n    overflow:hidden;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__rail{\r\n    display:flex;\r\n\r\n    gap:10px;\r\n\r\n    padding:\r\n      3px 4px 2px;\r\n\r\n    overflow-x:auto;\r\n\r\n    overflow-y:hidden;\r\n\r\n    scroll-snap-type:\r\n      x mandatory;\r\n\r\n    scroll-padding-inline:4px;\r\n\r\n    -webkit-overflow-scrolling:\r\n      touch;\r\n\r\n    scrollbar-width:none;\r\n\r\n    touch-action:pan-x;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__rail::-webkit-scrollbar{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node{\r\n    flex:\r\n      0 0 68px;\r\n\r\n    scroll-snap-align:center;\r\n\r\n    opacity:.74;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node.is-active{\r\n    opacity:1;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node-core,\r\n  #welspunStoryRail .wsr__node-orbit{\r\n    width:53px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node-core{\r\n    margin-bottom:6px;\r\n\r\n    padding:2px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node-num{\r\n    margin-bottom:3px;\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node-label{\r\n    font-size:10px;\r\n\r\n    line-height:1.2;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__micro{\r\n    display:none;\r\n  }\r\n\r\n\r\n\r\n  \/* HINT *\/\r\n\r\n  #welspunStoryRail .wsr__hint-desktop{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__hint-mobile{\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    color:\r\n      rgba(44,43,124,.68);\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__hint-mobile b{\r\n    font-size:14px;\r\n\r\n    font-weight:300;\r\n\r\n    color:var(--purple);\r\n\r\n    animation:\r\n      wsrSwipe\r\n      1.8s\r\n      ease-in-out\r\n      infinite;\r\n  }\r\n\r\n\r\n  @keyframes wsrSwipe{\r\n\r\n    0%,\r\n    100%{\r\n      transform:\r\n        translateX(0);\r\n\r\n      opacity:.45;\r\n    }\r\n\r\n    50%{\r\n      transform:\r\n        translateX(3px);\r\n\r\n      opacity:1;\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* STAGE *\/\r\n\r\n  #welspunStoryRail .wsr__stage{\r\n    min-height:260px;\r\n\r\n    border-radius:21px;\r\n  }\r\n\r\n\r\n\r\n  \/* MOBILE OVERLAY *\/\r\n\r\n  #welspunStoryRail .wsr__stage-overlay{\r\n    background:\r\n\r\n      linear-gradient(\r\n        270deg,\r\n        rgba(8,8,11,.82) 0%,\r\n        rgba(8,8,11,.67) 42%,\r\n        rgba(8,8,11,.28) 72%,\r\n        transparent 100%\r\n      ),\r\n\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(8,8,11,.10),\r\n        rgba(8,8,11,.28)\r\n      );\r\n  }\r\n\r\n\r\n\r\n  \/* GHOST *\/\r\n\r\n  #welspunStoryRail .wsr__stage-ghost{\r\n    font-size:90px;\r\n\r\n    left:10px;\r\n\r\n    top:25%;\r\n\r\n    color:\r\n      rgba(255,255,255,.07);\r\n  }\r\n\r\n\r\n\r\n  \/* MOBILE CONTENT *\/\r\n\r\n  #welspunStoryRail .wsr__stage-content{\r\n    width:100%;\r\n\r\n    margin:0;\r\n\r\n    padding:\r\n      14px 13px;\r\n\r\n    justify-content:flex-end;\r\n\r\n    align-items:stretch;\r\n\r\n    text-align:right;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-kicker{\r\n    font-size:8.5px;\r\n\r\n    letter-spacing:.12em;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-step{\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-title{\r\n    width:100%;\r\n\r\n    font-size:20px;\r\n\r\n    text-align:right;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-copy{\r\n    width:100%;\r\n\r\n    margin-top:7px;\r\n\r\n    font-size:11.8px;\r\n\r\n    line-height:1.42;\r\n\r\n    text-align:right;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     MOBILE ACTIONS\r\n  ======================================================= *\/\r\n\r\n  #welspunStoryRail .wsr__stage-actions{\r\n    width:100%;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n\r\n    gap:7px;\r\n\r\n    margin-top:10px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-subcopy{\r\n    width:100%;\r\n\r\n    min-height:32px;\r\n\r\n    padding:\r\n      6px 10px;\r\n\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n\r\n    font-size:10px;\r\n\r\n    line-height:1.35;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-cta.is-visible{\r\n    display:flex;\r\n\r\n    width:100%;\r\n\r\n    min-height:42px;\r\n\r\n    padding:\r\n      0 14px;\r\n\r\n    margin-top:1px;\r\n\r\n    justify-content:center;\r\n\r\n    align-items:center;\r\n\r\n    text-align:center;\r\n\r\n    font-size:11px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-cta.is-visible span{\r\n    flex:0 0 auto;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-cta.is-visible i{\r\n    flex:0 0 auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  #welspunStoryRail .wsr__shell{\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n    padding-bottom:18px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node{\r\n    flex-basis:64px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__node-core,\r\n  #welspunStoryRail .wsr__node-orbit{\r\n    width:49px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage{\r\n    min-height:240px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-copy{\r\n    font-size:11.2px;\r\n  }\r\n\r\n\r\n  #welspunStoryRail .wsr__stage-cta.is-visible{\r\n    min-height:40px;\r\n\r\n    font-size:10.5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #welspunStoryRail *,\r\n  #welspunStoryRail *::before,\r\n  #welspunStoryRail *::after{\r\n    animation:none !important;\r\n\r\n    transition:none !important;\r\n\r\n    scroll-behavior:auto !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  const root =\r\n    document.getElementById(\r\n      'welspunStoryRail'\r\n    );\r\n\r\n  if(!root){\r\n    return;\r\n  }\r\n\r\n\r\n  const rail =\r\n    root.querySelector(\r\n      '#wsrRail'\r\n    );\r\n\r\n\r\n  const nodes =\r\n    [\r\n      ...root.querySelectorAll(\r\n        '.wsr__node'\r\n      )\r\n    ];\r\n\r\n\r\n  const stage =\r\n    root.querySelector(\r\n      '#wsrStage'\r\n    );\r\n\r\n\r\n  const bgA =\r\n    root.querySelector(\r\n      '.wsr__stage-bg--a'\r\n    );\r\n\r\n\r\n  const bgB =\r\n    root.querySelector(\r\n      '.wsr__stage-bg--b'\r\n    );\r\n\r\n\r\n  const kicker =\r\n    root.querySelector(\r\n      '#wsrStageKicker'\r\n    );\r\n\r\n\r\n  const step =\r\n    root.querySelector(\r\n      '#wsrStageStep'\r\n    );\r\n\r\n\r\n  const title =\r\n    root.querySelector(\r\n      '#wsrStageTitle'\r\n    );\r\n\r\n\r\n  const copy =\r\n    root.querySelector(\r\n      '#wsrStageCopy'\r\n    );\r\n\r\n\r\n  const subcopy =\r\n    root.querySelector(\r\n      '#wsrStageSubcopy'\r\n    );\r\n\r\n\r\n  const ghost =\r\n    root.querySelector(\r\n      '#wsrStageGhost'\r\n    );\r\n\r\n\r\n  const aboutCta =\r\n    root.querySelector(\r\n      '#wsrAboutCta'\r\n    );\r\n\r\n\r\n  let activeIndex = 0;\r\n\r\n  let activeBg = 'a';\r\n\r\n  let scrollTicking = false;\r\n\r\n  let userTouched = false;\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     IMAGE VALUE\r\n  ======================================================= *\/\r\n\r\n  function imageValue(url){\r\n\r\n    return url\r\n\r\n      ? `url('${url}')`\r\n\r\n      : `\r\n        linear-gradient(\r\n          135deg,\r\n          #eee9e1,\r\n          #d9d1c5\r\n        )\r\n      `;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     SWAP BACKGROUND\r\n  ======================================================= *\/\r\n\r\n  function swapBg(\r\n    url,\r\n    direction,\r\n    position\r\n  ){\r\n\r\n    const next =\r\n      activeBg === 'a'\r\n        ? bgB\r\n        : bgA;\r\n\r\n\r\n    const current =\r\n      activeBg === 'a'\r\n        ? bgA\r\n        : bgB;\r\n\r\n\r\n    stage.classList.remove(\r\n      'wsr--dir-next',\r\n      'wsr--dir-prev'\r\n    );\r\n\r\n\r\n    stage.classList.add(\r\n      direction >= 0\r\n        ? 'wsr--dir-next'\r\n        : 'wsr--dir-prev'\r\n    );\r\n\r\n\r\n    next.style.backgroundImage =\r\n      imageValue(url);\r\n\r\n\r\n    next.style.backgroundPosition =\r\n      position ||\r\n      'center center';\r\n\r\n\r\n    next.classList.add(\r\n      'is-visible'\r\n    );\r\n\r\n\r\n    current.classList.remove(\r\n      'is-visible'\r\n    );\r\n\r\n\r\n    activeBg =\r\n      activeBg === 'a'\r\n        ? 'b'\r\n        : 'a';\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     TEXT ANIMATION\r\n  ======================================================= *\/\r\n\r\n  function replayText(){\r\n\r\n    stage.classList.remove(\r\n      'is-text-changing'\r\n    );\r\n\r\n\r\n    void stage.offsetWidth;\r\n\r\n\r\n    stage.classList.add(\r\n      'is-text-changing'\r\n    );\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ACTIVATE\r\n  ======================================================= *\/\r\n\r\n  function activate(\r\n    index,\r\n    explicit\r\n  ){\r\n\r\n    index =\r\n      Math.max(\r\n        0,\r\n        Math.min(\r\n          index,\r\n          nodes.length - 1\r\n        )\r\n      );\r\n\r\n\r\n    const previous =\r\n      activeIndex;\r\n\r\n\r\n    const direction =\r\n      index >= previous\r\n        ? 1\r\n        : -1;\r\n\r\n\r\n    if(explicit){\r\n      userTouched = true;\r\n    }\r\n\r\n\r\n    activeIndex =\r\n      index;\r\n\r\n\r\n    nodes.forEach(\r\n      (node,i)=>{\r\n\r\n        const on =\r\n          i === index;\r\n\r\n\r\n        node.classList.toggle(\r\n          'is-active',\r\n          on\r\n        );\r\n\r\n\r\n        node.setAttribute(\r\n          'aria-pressed',\r\n          on\r\n            ? 'true'\r\n            : 'false'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    const node =\r\n      nodes[index];\r\n\r\n\r\n    kicker.textContent =\r\n      node.dataset.kicker || '';\r\n\r\n\r\n    step.textContent =\r\n      node.dataset.step || '';\r\n\r\n\r\n    title.textContent =\r\n      node.dataset.title || '';\r\n\r\n\r\n    copy.textContent =\r\n      node.dataset.copy || '';\r\n\r\n\r\n    subcopy.textContent =\r\n      node.dataset.subcopy || '';\r\n\r\n\r\n    ghost.textContent =\r\n      String(index + 1)\r\n        .padStart(2,'0');\r\n\r\n\r\n    aboutCta.classList.toggle(\r\n      'is-visible',\r\n      node.dataset.kind === 'about'\r\n    );\r\n\r\n\r\n    const progress =\r\n      (\r\n        index \/\r\n        (nodes.length - 1)\r\n      ) * 100;\r\n\r\n\r\n    root.style.setProperty(\r\n      '--progress',\r\n      progress + '%'\r\n    );\r\n\r\n\r\n    swapBg(\r\n      node.dataset.bg || '',\r\n      direction,\r\n      node.dataset.pos ||\r\n      'center center'\r\n    );\r\n\r\n\r\n    replayText();\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     NODE EVENTS\r\n  ======================================================= *\/\r\n\r\n  nodes.forEach(\r\n    (node,index)=>{\r\n\r\n\r\n      node.addEventListener(\r\n        'mouseenter',\r\n        ()=>{\r\n\r\n          if(\r\n            matchMedia(\r\n              '(hover:hover) and (pointer:fine)'\r\n            ).matches\r\n          ){\r\n\r\n            activate(\r\n              index,\r\n              false\r\n            );\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      node.addEventListener(\r\n        'click',\r\n        ()=>{\r\n\r\n          activate(\r\n            index,\r\n            true\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      node.addEventListener(\r\n        'focus',\r\n        ()=>{\r\n\r\n          activate(\r\n            index,\r\n            true\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n\r\n      \/* MAGNETIC *\/\r\n\r\n      node.addEventListener(\r\n        'pointermove',\r\n        (event)=>{\r\n\r\n          if(\r\n            !matchMedia(\r\n              '(hover:hover) and (pointer:fine)'\r\n            ).matches\r\n          ){\r\n            return;\r\n          }\r\n\r\n\r\n          const rect =\r\n            node.getBoundingClientRect();\r\n\r\n\r\n          const nx =\r\n            (\r\n              event.clientX -\r\n              (\r\n                rect.left +\r\n                rect.width \/ 2\r\n              )\r\n            )\r\n            \/\r\n            (\r\n              rect.width \/ 2\r\n            );\r\n\r\n\r\n          const ny =\r\n            (\r\n              event.clientY -\r\n              (\r\n                rect.top + 52\r\n              )\r\n            )\r\n            \/\r\n            Math.max(\r\n              52,\r\n              rect.height \/ 2\r\n            );\r\n\r\n\r\n          const mx =\r\n            Math.max(\r\n              -1,\r\n              Math.min(1,nx)\r\n            ) * 4.5;\r\n\r\n\r\n          const my =\r\n            Math.max(\r\n              -1,\r\n              Math.min(1,ny)\r\n            ) * 3.5;\r\n\r\n\r\n          node.style.setProperty(\r\n            '--mag-x',\r\n            mx + 'px'\r\n          );\r\n\r\n\r\n          node.style.setProperty(\r\n            '--mag-y',\r\n            my + 'px'\r\n          );\r\n\r\n\r\n          node.style.setProperty(\r\n            '--icon-x',\r\n            (mx * .28) + 'px'\r\n          );\r\n\r\n\r\n          node.style.setProperty(\r\n            '--icon-y',\r\n            (my * .28) + 'px'\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      node.addEventListener(\r\n        'pointerleave',\r\n        ()=>{\r\n\r\n          node.style.setProperty(\r\n            '--mag-x',\r\n            '0px'\r\n          );\r\n\r\n\r\n          node.style.setProperty(\r\n            '--mag-y',\r\n            '0px'\r\n          );\r\n\r\n\r\n          node.style.setProperty(\r\n            '--icon-x',\r\n            '0px'\r\n          );\r\n\r\n\r\n          node.style.setProperty(\r\n            '--icon-y',\r\n            '0px'\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     STAGE LIGHT\r\n  ======================================================= *\/\r\n\r\n  stage.addEventListener(\r\n    'pointermove',\r\n    (event)=>{\r\n\r\n      if(\r\n        !matchMedia(\r\n          '(hover:hover) and (pointer:fine)'\r\n        ).matches\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      const rect =\r\n        stage.getBoundingClientRect();\r\n\r\n\r\n      const x =\r\n        (\r\n          (\r\n            event.clientX -\r\n            rect.left\r\n          )\r\n          \/\r\n          rect.width\r\n        ) * 100;\r\n\r\n\r\n      const y =\r\n        (\r\n          (\r\n            event.clientY -\r\n            rect.top\r\n          )\r\n          \/\r\n          rect.height\r\n        ) * 100;\r\n\r\n\r\n      stage.style.setProperty(\r\n        '--mx',\r\n        x + '%'\r\n      );\r\n\r\n\r\n      stage.style.setProperty(\r\n        '--my',\r\n        y + '%'\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  stage.addEventListener(\r\n    'pointerleave',\r\n    ()=>{\r\n\r\n      stage.style.setProperty(\r\n        '--mx',\r\n        '50%'\r\n      );\r\n\r\n\r\n      stage.style.setProperty(\r\n        '--my',\r\n        '40%'\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     MOBILE CLOSEST NODE\r\n  ======================================================= *\/\r\n\r\n  function closestMobile(){\r\n\r\n    scrollTicking = false;\r\n\r\n\r\n    if(\r\n      innerWidth > 767\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    const railRect =\r\n      rail.getBoundingClientRect();\r\n\r\n\r\n    const center =\r\n      railRect.left +\r\n      railRect.width \/ 2;\r\n\r\n\r\n    let best = 0;\r\n\r\n    let distance =\r\n      Infinity;\r\n\r\n\r\n    nodes.forEach(\r\n      (node,index)=>{\r\n\r\n        const rect =\r\n          node.getBoundingClientRect();\r\n\r\n\r\n        const nodeDistance =\r\n          Math.abs(\r\n            center -\r\n            (\r\n              rect.left +\r\n              rect.width \/ 2\r\n            )\r\n          );\r\n\r\n\r\n        if(\r\n          nodeDistance <\r\n          distance\r\n        ){\r\n\r\n          distance =\r\n            nodeDistance;\r\n\r\n          best =\r\n            index;\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    activate(\r\n      best,\r\n      false\r\n    );\r\n  }\r\n\r\n\r\n\r\n  rail.addEventListener(\r\n    'scroll',\r\n    ()=>{\r\n\r\n      if(\r\n        innerWidth > 767\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      if(\r\n        !scrollTicking\r\n      ){\r\n\r\n        requestAnimationFrame(\r\n          closestMobile\r\n        );\r\n\r\n\r\n        scrollTicking =\r\n          true;\r\n\r\n      }\r\n\r\n    },\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n\r\n  rail.addEventListener(\r\n    'touchstart',\r\n    ()=>{\r\n\r\n      userTouched =\r\n        true;\r\n\r\n    },\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     MOBILE DEMO\r\n  ======================================================= *\/\r\n\r\n  function mobileDemo(){\r\n\r\n    if(\r\n      innerWidth > 767 ||\r\n      userTouched\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    let index = 0;\r\n\r\n\r\n    const sequence =\r\n      [0,1,2];\r\n\r\n\r\n    const timer =\r\n      setInterval(\r\n        ()=>{\r\n\r\n          if(\r\n            userTouched ||\r\n            innerWidth > 767\r\n          ){\r\n\r\n            clearInterval(\r\n              timer\r\n            );\r\n\r\n            return;\r\n          }\r\n\r\n\r\n          activate(\r\n            sequence[\r\n              index %\r\n              sequence.length\r\n            ],\r\n            false\r\n          );\r\n\r\n\r\n          index++;\r\n\r\n\r\n          if(\r\n            index >= 3\r\n          ){\r\n\r\n            clearInterval(\r\n              timer\r\n            );\r\n\r\n          }\r\n\r\n        },\r\n        1200\r\n      );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     INIT\r\n  ======================================================= *\/\r\n\r\n  bgA.style.backgroundImage =\r\n    imageValue(\r\n      nodes[0].dataset.bg || ''\r\n    );\r\n\r\n\r\n  bgA.style.backgroundPosition =\r\n    nodes[0].dataset.pos ||\r\n    'center center';\r\n\r\n\r\n  activate(\r\n    0,\r\n    false\r\n  );\r\n\r\n\r\n  if(\r\n    innerWidth <= 767\r\n  ){\r\n\r\n    setTimeout(\r\n      mobileDemo,\r\n      900\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c990568 e-con-full e-flex e-con e-parent\" data-id=\"c990568\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8af4b3 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e8af4b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u05de\u05d2\u05d5\u05d5\u05df \u05d4\u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05e9\u05dc\u05e0\u05d5<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7277840 elementor-widget elementor-widget-text-editor\" data-id=\"7277840\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05d8\u05e7\u05e1\u05d8 \u05de\u05e7\u05d9\u05e4\u05d9\u05dd \u05dc\u05de\u05dc\u05d5\u05e0\u05d5\u05ea \u05d5\u05d0\u05e8\u05d2\u05d5\u05e0\u05d9\u05dd<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71fc56f e-con-full ws-products-row e-flex e-con e-child\" data-id=\"71fc56f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5701df ws-product-box elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"c5701df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"http:\/\/www.yydigital.co.il\" tabindex=\"-1\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1448\" height=\"1086\" src=\"http:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/ee6a1d91-6c93-47cc-9959-227073380210.webp\" class=\"attachment-full size-full wp-image-207\" alt=\"\" srcset=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/ee6a1d91-6c93-47cc-9959-227073380210.webp 1448w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/ee6a1d91-6c93-47cc-9959-227073380210-300x225.webp 300w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/ee6a1d91-6c93-47cc-9959-227073380210-1024x768.webp 1024w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/ee6a1d91-6c93-47cc-9959-227073380210-768x576.webp 768w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/ee6a1d91-6c93-47cc-9959-227073380210-600x450.webp 600w\" sizes=\"(max-width: 1448px) 100vw, 1448px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"http:\/\/www.yydigital.co.il\">\u05de\u05e6\u05e2\u05d9\u05dd<\/a><\/h3><p class=\"elementor-image-box-description\">\u05e1\u05d9\u05d1 \u05d8\u05d1\u05e2\u05d9, \u05de\u05e8\u05d0\u05d4 \u05d9\u05d5\u05e7\u05e8\u05ea\u05d9 <\/BR>\n\u05d5\u05d0\u05d9\u05db\u05d5\u05ea \u05dc\u05d0\u05d5\u05e8\u05da \u05d6\u05de\u05df<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-443dbf4 ws-product-box elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"443dbf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"1448\" height=\"1086\" src=\"http:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/36418b89-6716-4af1-acb6-4531d5be719f.webp\" class=\"attachment-full size-full wp-image-208\" alt=\"\" srcset=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/36418b89-6716-4af1-acb6-4531d5be719f.webp 1448w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/36418b89-6716-4af1-acb6-4531d5be719f-300x225.webp 300w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/36418b89-6716-4af1-acb6-4531d5be719f-1024x768.webp 1024w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/36418b89-6716-4af1-acb6-4531d5be719f-768x576.webp 768w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/36418b89-6716-4af1-acb6-4531d5be719f-600x450.webp 600w\" sizes=\"(max-width: 1448px) 100vw, 1448px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u05db\u05e8\u05d9\u05d5\u05ea \u05d5\u05e9\u05de\u05d9\u05db\u05d5\u05ea<\/h3><p class=\"elementor-image-box-description\">\u05e0\u05d5\u05d7\u05d5\u05ea \u05d9\u05d5\u05e6\u05d0\u05ea \u05d3\u05d5\u05e4\u05df <\/BR>\n\u05dc\u05e9\u05d9\u05e0\u05d4 \u05de\u05d5\u05e9\u05dc\u05de\u05ea<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a372368 ws-product-box elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"a372368\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"1448\" height=\"1086\" src=\"http:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/9de56713-a999-4630-9a44-a671ec19180d.webp\" class=\"attachment-full size-full wp-image-209\" alt=\"\" srcset=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/9de56713-a999-4630-9a44-a671ec19180d.webp 1448w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/9de56713-a999-4630-9a44-a671ec19180d-300x225.webp 300w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/9de56713-a999-4630-9a44-a671ec19180d-1024x768.webp 1024w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/9de56713-a999-4630-9a44-a671ec19180d-768x576.webp 768w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/9de56713-a999-4630-9a44-a671ec19180d-600x450.webp 600w\" sizes=\"(max-width: 1448px) 100vw, 1448px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u05de\u05d2\u05d1\u05d5\u05ea<\/h3><p class=\"elementor-image-box-description\">\u05e1\u05e4\u05d9\u05d2\u05d4 \u05de\u05e2\u05d5\u05dc\u05d4 <\/BR>\n\u05d5\u05d9\u05d5\u05d1\u05e9 \u05de\u05d4\u05d9\u05e8 \u05d9\u05d5\u05ea\u05e8<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-887aa7b ws-product-box elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"887aa7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1448\" height=\"1086\" src=\"http:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/80feeecf-7330-450e-9682-dcca95ee716b.webp\" class=\"attachment-full size-full wp-image-210\" alt=\"\" srcset=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/80feeecf-7330-450e-9682-dcca95ee716b.webp 1448w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/80feeecf-7330-450e-9682-dcca95ee716b-300x225.webp 300w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/80feeecf-7330-450e-9682-dcca95ee716b-1024x768.webp 1024w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/80feeecf-7330-450e-9682-dcca95ee716b-768x576.webp 768w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/80feeecf-7330-450e-9682-dcca95ee716b-600x450.webp 600w\" sizes=\"(max-width: 1448px) 100vw, 1448px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u05d7\u05dc\u05d5\u05e7\u05d9\u05dd<\/h3><p class=\"elementor-image-box-description\">\u05e8\u05db\u05d5\u05ea \u05de\u05e4\u05e0\u05e7\u05ea <\/BR>\n\u05dc\u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05e1\u05e4\u05d0 \u05d1\u05ea\u05d7\u05d5\u05e9\u05d4 \u05d1\u05d9\u05ea\u05d9\u05ea<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0949abd e-flex e-con-boxed e-con e-parent\" data-id=\"0949abd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bacab9b elementor-widget elementor-widget-html\" data-id=\"bacab9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   WELSPUN \u2014 FULL CLICKABLE IMAGE BOX\r\n========================================================= *\/\r\n\r\n.ws-product-box{\r\n  cursor:pointer !important;\r\n}\r\n\r\n.ws-product-box *{\r\n  cursor:pointer;\r\n}\r\n\r\n\/* \u05e4\u05d5\u05e7\u05d5\u05e1 \u05e0\u05d2\u05d9\u05e9 *\/\r\n.ws-product-box.ws-card-keyboard-focus{\r\n  outline:.08vw solid rgba(44,43,124,.35);\r\n  outline-offset:.12vw;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  function initWelspunClickableCards(){\r\n\r\n    \/* \u05dc\u05d0 \u05de\u05e4\u05e2\u05d9\u05dc\u05d9\u05dd \u05d1\u05ea\u05d5\u05da \u05e2\u05d5\u05e8\u05da Elementor *\/\r\n    if(\r\n      document.body &&\r\n      document.body.classList.contains('elementor-editor-active')\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    document\r\n      .querySelectorAll('.ws-product-box')\r\n      .forEach(function(card){\r\n\r\n        \/* \u05dc\u05d0 \u05de\u05d7\u05d1\u05e8\u05d9\u05dd \u05d0\u05d9\u05e8\u05d5\u05e2 \u05e4\u05e2\u05de\u05d9\u05d9\u05dd *\/\r\n        if(card.dataset.wsClickable === 'yes'){\r\n          return;\r\n        }\r\n\r\n\r\n        \/*\r\n         \u05dc\u05d5\u05e7\u05d7\u05d9\u05dd \u05d0\u05ea \u05d4\u05e7\u05d9\u05e9\u05d5\u05e8 \u05e9\u05db\u05d1\u05e8 \u05d4\u05db\u05e0\u05e1\u05ea\r\n         \u05d1\u05e9\u05d3\u05d4 Link \u05e9\u05dc Image Box\r\n        *\/\r\n        const link =\r\n          card.querySelector(\r\n            '.elementor-image-box-title a[href]'\r\n          ) ||\r\n          card.querySelector(\r\n            '.elementor-image-box-img a[href]'\r\n          ) ||\r\n          card.querySelector(\r\n            'a[href]'\r\n          );\r\n\r\n\r\n        if(!link){\r\n          return;\r\n        }\r\n\r\n\r\n        const href =\r\n          link.getAttribute('href');\r\n\r\n\r\n        if(\r\n          !href ||\r\n          href === '#'\r\n        ){\r\n          return;\r\n        }\r\n\r\n\r\n        card.dataset.wsClickable = 'yes';\r\n\r\n        card.setAttribute(\r\n          'role',\r\n          'link'\r\n        );\r\n\r\n        card.setAttribute(\r\n          'tabindex',\r\n          '0'\r\n        );\r\n\r\n\r\n        \/* ================================================\r\n           CLICK\r\n        ================================================= *\/\r\n\r\n        card.addEventListener(\r\n          'click',\r\n          function(event){\r\n\r\n            \/*\r\n             \u05d0\u05e0\u05d7\u05e0\u05d5 \u05ea\u05d5\u05e4\u05e1\u05d9\u05dd \u05d0\u05ea \u05d4\u05e7\u05dc\u05d9\u05e7 \u05e2\u05dc \u05db\u05dc \u05d4\u05ea\u05d9\u05d1\u05d4,\r\n             \u05d2\u05dd \u05d0\u05dd \u05dc\u05d7\u05e6\u05d5 \u05e2\u05dc \u05d4\u05d8\u05e7\u05e1\u05d8 \u05e2\u05e6\u05de\u05d5.\r\n            *\/\r\n\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n\r\n            const target =\r\n              link.getAttribute('target');\r\n\r\n\r\n            \/*\r\n             CTRL \/ CMD \u05d0\u05d5 target blank\r\n            *\/\r\n            if(\r\n              event.ctrlKey ||\r\n              event.metaKey ||\r\n              target === '_blank'\r\n            ){\r\n\r\n              window.open(\r\n                href,\r\n                '_blank',\r\n                'noopener'\r\n              );\r\n\r\n              return;\r\n            }\r\n\r\n\r\n            \/*\r\n             \u05de\u05e2\u05d1\u05e8 \u05e8\u05d2\u05d9\u05dc\r\n            *\/\r\n            window.location.href =\r\n              href;\r\n\r\n          },\r\n          true\r\n        );\r\n\r\n\r\n\r\n        \/* ================================================\r\n           KEYBOARD\r\n        ================================================= *\/\r\n\r\n        card.addEventListener(\r\n          'keydown',\r\n          function(event){\r\n\r\n            if(\r\n              event.key !== 'Enter' &&\r\n              event.key !== ' '\r\n            ){\r\n              return;\r\n            }\r\n\r\n\r\n            event.preventDefault();\r\n\r\n\r\n            const target =\r\n              link.getAttribute('target');\r\n\r\n\r\n            if(target === '_blank'){\r\n\r\n              window.open(\r\n                href,\r\n                '_blank',\r\n                'noopener'\r\n              );\r\n\r\n            }else{\r\n\r\n              window.location.href =\r\n                href;\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n\r\n        card.addEventListener(\r\n          'focus',\r\n          function(){\r\n\r\n            card.classList.add(\r\n              'ws-card-keyboard-focus'\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        card.addEventListener(\r\n          'blur',\r\n          function(){\r\n\r\n            card.classList.remove(\r\n              'ws-card-keyboard-focus'\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      });\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     NORMAL LOAD\r\n  ====================================================== *\/\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initWelspunClickableCards\r\n    );\r\n\r\n  }else{\r\n\r\n    initWelspunClickableCards();\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     ELEMENTOR FRONTEND\r\n  ====================================================== *\/\r\n\r\n  window.addEventListener(\r\n    'elementor\/frontend\/init',\r\n    function(){\r\n\r\n      setTimeout(\r\n        initWelspunClickableCards,\r\n        100\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     ELEMENTOR LAZY \/ AJAX RENDER\r\n  ====================================================== *\/\r\n\r\n  const observer =\r\n    new MutationObserver(function(){\r\n\r\n      initWelspunClickableCards();\r\n\r\n    });\r\n\r\n\r\n  if(document.body){\r\n\r\n    observer.observe(\r\n      document.body,\r\n      {\r\n        childList:true,\r\n        subtree:true\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef82e1d e-con-full e-flex e-con e-parent\" data-id=\"ef82e1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb4b90e elementor-widget elementor-widget-html\" data-id=\"eb4b90e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WELSPUN HYGROCOTTON INTERACTIVE FIBER LAB V4 \u2014 FIBER LINK + MOBILE CLARITY -->\r\n<section id=\"hcWelspunTech\" dir=\"rtl\">\r\n\r\n  <!-- =====================================================\r\n       BACKGROUND\r\n  ====================================================== -->\r\n  <div class=\"hcw__bg\"><\/div>\r\n  <div class=\"hcw__overlay\"><\/div>\r\n\r\n\r\n  <div class=\"hcw__layout\">\r\n\r\n\r\n    <!-- ===================================================\r\n         LEFT \u2014 MAGNIFIER \/ 3D\r\n    ==================================================== -->\r\n\r\n    <div class=\"hcw__visual\">\r\n\r\n      <div class=\"hcw__magnifier\">\r\n\r\n        <!-- CLEAR RELATION: THIS LENS MAGNIFIES THE FIBER -->\r\n        <div class=\"hcw__fiber-callout\" aria-hidden=\"true\">\r\n          <span class=\"hcw__fiber-callout-line\"><\/span>\r\n          <span class=\"hcw__fiber-callout-dot\"><\/span>\r\n          <span class=\"hcw__fiber-callout-copy\">\r\n            <strong>\u05d4\u05d2\u05d3\u05dc\u05d4 \u05e9\u05dc \u05e1\u05d9\u05d1 HygroCotton\u00ae<\/strong>\r\n            <small>MICROSCOPIC FIBER VIEW<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <!-- HANDLE -->\r\n        <div class=\"hcw__handle\"><\/div>\r\n\r\n        <!-- GLASS -->\r\n        <div\r\n          class=\"hcw__lens\"\r\n          id=\"hcwLens\"\r\n          tabindex=\"0\"\r\n          aria-label=\"\u05de\u05d5\u05d3\u05dc \u05ea\u05dc\u05ea\u05be\u05de\u05de\u05d3 \u05d0\u05d9\u05e0\u05d8\u05e8\u05d0\u05e7\u05d8\u05d9\u05d1\u05d9 \u05e9\u05dc \u05e1\u05d9\u05d1 HygroCotton. \u05d2\u05e8\u05e8\u05d5 \u05dc\u05db\u05dc \u05db\u05d9\u05d5\u05d5\u05df \u05dc\u05e1\u05d9\u05d1\u05d5\u05d1 360 \u05de\u05e2\u05dc\u05d5\u05ea\"\r\n        >\r\n\r\n          <canvas id=\"hcwCanvas\"><\/canvas>\r\n\r\n          <div class=\"hcw__glass-depth\"><\/div>\r\n          <div class=\"hcw__ring hcw__ring--outer\"><\/div>\r\n          <div class=\"hcw__ring hcw__ring--inner\"><\/div>\r\n          <div class=\"hcw__shine\"><\/div>\r\n          <div class=\"hcw__scanline\" aria-hidden=\"true\"><\/div>\r\n\r\n          <div class=\"hcw__hud\" aria-live=\"polite\">\r\n            <span class=\"hcw__hud-kicker\" id=\"hcwHudKicker\">MICRO STRUCTURE<\/span>\r\n            <strong class=\"hcw__hud-title\" id=\"hcwHudTitle\">AIR CHANNEL<\/strong>\r\n            <small class=\"hcw__hud-sub\" id=\"hcwHudSub\">DRAG ANY DIRECTION \u00b7 360\u00b0<\/small>\r\n          <\/div>\r\n\r\n\r\n          <!-- MICRO CROSSHAIR -->\r\n          <div class=\"hcw__focus\">\r\n            <i><\/i>\r\n            <i><\/i>\r\n            <i><\/i>\r\n            <i><\/i>\r\n          <\/div>\r\n\r\n\r\n          <!-- LABEL INSIDE GLASS -->\r\n          <div class=\"hcw__micro-label\">\r\n            <span>\u05d4\u05d2\u05d3\u05dc\u05d4 \u05de\u05d9\u05e7\u05e8\u05d5\u05e1\u05e7\u05d5\u05e4\u05d9\u05ea<\/span>\r\n            <small>INSIDE THE HYGROCOTTON\u00ae FIBER<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- INTERACTION -->\r\n      <div class=\"hcw__interaction\" id=\"hcwHint\">\r\n\r\n        <div class=\"hcw__interaction-icon\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>\u05d4\u05d9\u05db\u05e0\u05e1\u05d5 \u05dc\u05e2\u05d5\u05de\u05e7 \u05d4\u05e1\u05d9\u05d1<\/strong>\r\n          <small>\u05d2\u05e8\u05e8\u05d5 \u05dc\u05db\u05dc \u05db\u05d9\u05d5\u05d5\u05df \u05dc\u05e1\u05d9\u05d1\u05d5\u05d1 360\u00b0 \u00b7 \u05e9\u05d7\u05e8\u05e8\u05d5 \u05dc\u05d4\u05de\u05e9\u05da \u05ea\u05e0\u05d5\u05e2\u05d4<\/small>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- BRAND -->\r\n      <div class=\"hcw__brand\">\r\n\r\n        <div class=\"hcw__brand-name\">\r\n          HygroCotton<sup>\u00ae<\/sup>\r\n        <\/div>\r\n\r\n        <div class=\"hcw__brand-tagline\">\r\n          SOFTER. DRIER. A BRIGHTER STAY.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         RIGHT \u2014 CONTENT\r\n    ==================================================== -->\r\n\r\n    <div class=\"hcw__content\">\r\n\r\n\r\n      <div class=\"hcw__eyebrow\">\r\n        HYGROCOTTON\u00ae \u00b7 INSIDE THE FIBER\r\n      <\/div>\r\n\r\n\r\n      <h2 class=\"hcw__title\">\r\n        \u05de\u05d4 \u05e9\u05d4\u05d0\u05d5\u05e8\u05d7 \u05de\u05e8\u05d2\u05d9\u05e9<br>\r\n        <span>\u05de\u05ea\u05d7\u05d9\u05dc \u05e2\u05de\u05d5\u05e7 \u05d1\u05ea\u05d5\u05da \u05d4\u05e1\u05d9\u05d1.<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"hcw__intro\">\r\n        <strong>HygroCotton\u00ae<\/strong> \u2013 \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05d9\u05d9\u05d7\u05d5\u05d3\u05d9\u05ea \u05d4\u05de\u05e2\u05e0\u05d9\u05e7\u05d4 \u05e8\u05db\u05d5\u05ea,\r\n        \u05e1\u05e4\u05d9\u05d2\u05d4 \u05de\u05d5\u05d2\u05d1\u05e8\u05ea \u05d5\u05d9\u05d9\u05d1\u05d5\u05e9 \u05de\u05d4\u05d9\u05e8 \u05d9\u05d5\u05ea\u05e8. \u05d1\u05d7\u05e8\u05d5 \u05d9\u05ea\u05e8\u05d5\u05df \u05d5\u05e8\u05d0\u05d5 \u05db\u05d9\u05e6\u05d3 \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4 \u05de\u05e7\u05d1\u05dc\u05ea \u05d1\u05d9\u05d8\u05d5\u05d9 \u05d1\u05ea\u05d5\u05da \u05d4\u05e1\u05d9\u05d1.\r\n      <\/p>\r\n\r\n      <div class=\"hcw__signal\" aria-hidden=\"true\">\r\n        <span class=\"hcw__signal-dot\"><\/span>\r\n        <span class=\"hcw__signal-en\">INTERACTIVE FIBER VIEW<\/span>\r\n        <span class=\"hcw__signal-sep\"><\/span>\r\n        <span class=\"hcw__signal-he\">\u05d1\u05d7\u05e8\u05d5 \u05d9\u05ea\u05e8\u05d5\u05df \u05dc\u05e6\u05e4\u05d9\u05d9\u05d4 \u05d1\u05de\u05d5\u05d3\u05dc<\/span>\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FEATURES -->\r\n\r\n      <div class=\"hcw__features\">\r\n\r\n\r\n        <!-- ABSORPTION -->\r\n        <article class=\"hcw__feature\" data-mode=\"absorption\" data-index=\"01\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\">\r\n\r\n          <div class=\"hcw__feature-icon\">\r\n\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n              <path\r\n                d=\"M17 14\r\n                C17 14 11 26 11 34\r\n                C11 45 20 53 31 53\r\n                C42 53 51 45 51 34\r\n                C51 26 45 14 45 14\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M21 29v10\r\n                M31 25v14\r\n                M41 29v10\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M18 36l3 3 3-3\r\n                M28 36l3 3 3-3\r\n                M38 36l3 3 3-3\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <h3>\u05e1\u05e4\u05d9\u05d2\u05d4 \u05de\u05d5\u05d2\u05d1\u05e8\u05ea<\/h3>\r\n\r\n          <p>\r\n            100% \u05db\u05d5\u05ea\u05e0\u05d4 \u05d8\u05d4\u05d5\u05e8\u05d4 \u05e2\u05dd \u05de\u05d1\u05e0\u05d4 \u05d9\u05d9\u05d7\u05d5\u05d3\u05d9\r\n            \u05d4\u05de\u05e1\u05d9\u05d9\u05e2 \u05dc\u05e1\u05e4\u05d9\u05d2\u05d4 \u05d2\u05d1\u05d5\u05d4\u05d4 \u05d9\u05d5\u05ea\u05e8.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- DRYING -->\r\n        <article class=\"hcw__feature\" data-mode=\"drying\" data-index=\"02\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\">\r\n\r\n          <div class=\"hcw__feature-icon\">\r\n\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n              <circle\r\n                cx=\"27\"\r\n                cy=\"28\"\r\n                r=\"16\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M27 18v11l8 5\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M47 30\r\n                C47 30 41 39 41 44\r\n                C41 50 45 54 50 54\r\n                C55 54 59 50 59 44\r\n                C59 39 54 30 54 30\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <h3>\u05d9\u05d9\u05d1\u05d5\u05e9 \u05de\u05d4\u05d9\u05e8<\/h3>\r\n\r\n          <p>\r\n            \u05de\u05ea\u05d9\u05d9\u05d1\u05e9 \u05de\u05d4\u05e8 \u05d9\u05d5\u05ea\u05e8 \u05d5\u05de\u05d0\u05e4\u05e9\u05e8\r\n            \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05e9\u05d9\u05de\u05d5\u05e9 \u05e8\u05e2\u05e0\u05e0\u05d4 \u05d5\u05e0\u05e2\u05d9\u05de\u05d4.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- SOFTNESS -->\r\n        <article class=\"hcw__feature\" data-mode=\"softness\" data-index=\"03\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\">\r\n\r\n          <div class=\"hcw__feature-icon\">\r\n\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n              <path\r\n                d=\"M9 26\r\n                C14 19 22 18 28 23\r\n                C35 15 45 16 49 24\r\n                C57 24 59 31 55 36\r\n                C58 43 50 49 44 46\r\n                C39 54 27 53 24 46\r\n                C16 50 7 43 10 35\r\n                C6 32 6 29 9 26Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M18 33\r\n                C23 30 28 30 32 33\r\n                C37 36 41 36 47 33\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <h3>\u05e8\u05db\u05d5\u05ea \u05de\u05e4\u05e0\u05e7\u05ea<\/h3>\r\n\r\n          <p>\r\n            \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05d4\u05de\u05e1\u05d9\u05d9\u05e2\u05ea \u05dc\u05e9\u05de\u05d5\u05e8 \u05e2\u05dc \u05ea\u05d7\u05d5\u05e9\u05ea\r\n            \u05e8\u05db\u05d5\u05ea \u05d2\u05dd \u05dc\u05d0\u05d7\u05e8 \u05db\u05d1\u05d9\u05e1\u05d5\u05ea \u05de\u05e8\u05d5\u05d1\u05d5\u05ea.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n      <div class=\"hcw__footer-line\" aria-hidden=\"true\">\r\n        <span>ENGINEERED INSIDE THE FIBER.<\/span>\r\n        <span>FELT IN EVERY STAY.<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n#hcWelspunTech,\r\n#hcWelspunTech *{\r\n  box-sizing:border-box;\r\n\r\n  font-family:\r\n    \"Open Sans Hebrew\",\r\n    \"Open Sans\",\r\n    Arial,\r\n    sans-serif !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n#hcWelspunTech{\r\n\r\n  position:relative;\r\n\r\n  width:100%;\r\n  max-width:100%;\r\n\r\n  overflow:hidden;\r\n\r\n  color:#fff;\r\n\r\n  background:#09101a;\r\n\r\n  isolation:isolate;\r\n\r\n  min-height:\r\n    clamp(380px,24vw,540px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND \u2014 SIV.webp\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__bg{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:0;\r\n\r\n  background-image:\r\n    url(\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/09\/SIV.webp\");\r\n\r\n  background-size:cover;\r\n\r\n  background-position:center center;\r\n\r\n  background-repeat:no-repeat;\r\n\r\n  filter:\r\n    saturate(.88)\r\n    contrast(1.04)\r\n    brightness(.76);\r\n\r\n  transform:\r\n    scale(1.015);\r\n}\r\n\r\n\r\n\r\n\/*\r\n  \u05de\u05d7\u05d6\u05e7 \u05d0\u05ea \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05d6\u05d9\u05e6\u05d9\u05d4:\r\n  \u05e1\u05d9\u05d1\u05d9\u05dd \u05e9\u05de\u05d0\u05dc \/ \u05d0\u05d6\u05d5\u05e8 \u05db\u05d4\u05d4 \u05dc\u05d8\u05e7\u05e1\u05d8 \u05d9\u05de\u05d9\u05df\r\n*\/\r\n\r\n#hcWelspunTech .hcw__overlay{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:1;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 24% 42%,\r\n      rgba(255,255,255,.05),\r\n      transparent 23%\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(5,10,17,.03) 0%,\r\n      rgba(5,10,17,.02) 30%,\r\n      rgba(5,10,17,.22) 43%,\r\n      rgba(5,10,17,.68) 57%,\r\n      rgba(5,10,17,.92) 75%,\r\n      rgba(5,10,17,.98) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(4,8,14,.03),\r\n      rgba(4,8,14,.12)\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__layout{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:100%;\r\n\r\n  min-height:\r\n    clamp(380px,24vw,540px);\r\n\r\n  display:grid;\r\n\r\n  \/*\r\n    \u05d1\u05db\u05d5\u05d5\u05e0\u05d4 LTR \u05e8\u05e7 \u05dc\u05d2\u05e8\u05d9\u05d3.\r\n    \u05e9\u05de\u05d0\u05dc = visual\r\n    \u05d9\u05de\u05d9\u05df = content\r\n  *\/\r\n\r\n  direction:ltr;\r\n\r\n  grid-template-columns:\r\n    46% 54%;\r\n\r\n  grid-template-areas:\r\n    \"visual content\";\r\n\r\n  align-items:stretch;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__visual{\r\n\r\n  grid-area:visual;\r\n\r\n  position:relative;\r\n\r\n  min-width:0;\r\n\r\n  min-height:100%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAGNIFIER\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__magnifier{\r\n\r\n  --hc-lens:\r\n    clamp(185px,13.6vw,300px);\r\n\r\n\r\n  position:absolute;\r\n\r\n  z-index:10;\r\n\r\n  top:9%;\r\n\r\n  left:17%;\r\n\r\n\r\n  width:\r\n    var(--hc-lens);\r\n\r\n  height:\r\n    var(--hc-lens);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HANDLE\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__handle{\r\n\r\n  position:absolute;\r\n\r\n  z-index:0;\r\n\r\n\r\n  width:\r\n    calc(var(--hc-lens) * .48);\r\n\r\n  height:\r\n    calc(var(--hc-lens) * .12);\r\n\r\n\r\n  left:\r\n    calc(var(--hc-lens) * -.31);\r\n\r\n  top:\r\n    calc(var(--hc-lens) * .80);\r\n\r\n\r\n  transform:\r\n    rotate(-42deg);\r\n\r\n  transform-origin:\r\n    right center;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #d6dae0 0%,\r\n      #828994 13%,\r\n      #383e47 30%,\r\n      #141922 58%,\r\n      #070a0f 100%\r\n    );\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.22);\r\n\r\n\r\n  box-shadow:\r\n\r\n    inset 0 1px 1px\r\n    rgba(255,255,255,.42),\r\n\r\n    inset 0 -6px 12px\r\n    rgba(0,0,0,.45),\r\n\r\n    0 12px 28px\r\n    rgba(0,0,0,.42);\r\n}\r\n\r\n\r\n\r\n\/* metal joint *\/\r\n\r\n#hcWelspunTech\r\n.hcw__handle::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:-7%;\r\n\r\n  top:-13%;\r\n\r\n  width:23%;\r\n\r\n  height:126%;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      #555c66,\r\n      #eef1f5,\r\n      #707781,\r\n      #313741\r\n    );\r\n\r\n  box-shadow:\r\n    inset 0 0 7px\r\n    rgba(255,255,255,.3);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GLASS\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__lens{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:2;\r\n\r\n  overflow:hidden;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  border-radius:50%;\r\n\r\n  cursor:grab;\r\n\r\n  touch-action:none;\r\n\r\n  overscroll-behavior:contain;\r\n\r\n  -webkit-user-select:none;\r\n  user-select:none;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 42% 38%,\r\n      rgba(222,233,247,.16),\r\n      rgba(41,51,65,.14) 57%,\r\n      rgba(8,13,20,.4) 100%\r\n    );\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 2px\r\n    rgba(245,248,252,.90),\r\n\r\n    0 0 0 7px\r\n    rgba(171,188,209,.20),\r\n\r\n    0 0 0 9px\r\n    rgba(255,255,255,.06),\r\n\r\n    -10px 20px 36px\r\n    rgba(0,0,0,.36),\r\n\r\n    inset 0 0 32px\r\n    rgba(255,255,255,.09);\r\n\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.16,1,.3,1),\r\n    box-shadow .45s ease;\r\n}\r\n\r\n\r\n#hcWelspunTech .hcw__lens:active{\r\n\r\n  cursor:grabbing;\r\n}\r\n\r\n#hcWelspunTech .hcw__lens.is-dragging{\r\n  cursor:grabbing;\r\n}\r\n\r\n#hcWelspunTech .hcw__lens.is-dragging .hcw__ring--outer{\r\n  border-color:rgba(255,255,255,.9);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   3D CANVAS\r\n========================================================= *\/\r\n\r\n#hcWelspunTech #hcwCanvas{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:2;\r\n\r\n  display:block;\r\n\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GLASS DEPTH\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__glass-depth{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:3;\r\n\r\n  pointer-events:none;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      transparent 46%,\r\n      rgba(3,8,14,.12) 72%,\r\n      rgba(3,8,14,.42) 100%\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RINGS\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__ring{\r\n\r\n  position:absolute;\r\n\r\n  z-index:6;\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#hcWelspunTech .hcw__ring--outer{\r\n\r\n  inset:4px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.58);\r\n}\r\n\r\n\r\n#hcWelspunTech .hcw__ring--inner{\r\n\r\n  inset:12px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SHINE\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__shine{\r\n\r\n  position:absolute;\r\n\r\n  z-index:7;\r\n\r\n  inset:0;\r\n\r\n  pointer-events:none;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 27% 18%,\r\n      rgba(255,255,255,.34),\r\n      transparent 17%\r\n    ),\r\n\r\n    linear-gradient(\r\n      142deg,\r\n      rgba(255,255,255,.14),\r\n      transparent 34%\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FOCUS MARK\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__focus{\r\n\r\n  position:absolute;\r\n\r\n  z-index:8;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:28%;\r\n  height:28%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  opacity:.2;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#hcWelspunTech .hcw__focus i{\r\n\r\n  position:absolute;\r\n\r\n  width:18%;\r\n  height:18%;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__focus i:nth-child(1){\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  border-top:1px solid #fff;\r\n  border-left:1px solid #fff;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__focus i:nth-child(2){\r\n\r\n  top:0;\r\n  right:0;\r\n\r\n  border-top:1px solid #fff;\r\n  border-right:1px solid #fff;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__focus i:nth-child(3){\r\n\r\n  bottom:0;\r\n  left:0;\r\n\r\n  border-bottom:1px solid #fff;\r\n  border-left:1px solid #fff;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__focus i:nth-child(4){\r\n\r\n  bottom:0;\r\n  right:0;\r\n\r\n  border-bottom:1px solid #fff;\r\n  border-right:1px solid #fff;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MICRO LABEL\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__micro-label{\r\n\r\n  position:absolute;\r\n\r\n  z-index:9;\r\n\r\n  left:50%;\r\n  bottom:8%;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  text-align:center;\r\n\r\n  white-space:nowrap;\r\n\r\n  direction:ltr;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__micro-label span{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    rgba(255,255,255,.62);\r\n\r\n  font-size:\r\n    clamp(7px,.47vw,10px);\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.18em;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__micro-label small{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:\r\n    rgba(255,255,255,.29);\r\n\r\n  font-size:\r\n    clamp(6px,.36vw,8px);\r\n\r\n  font-weight:600;\r\n\r\n  letter-spacing:.14em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LENS HOVER\r\n========================================================= *\/\r\n\r\n@media(hover:hover) and (pointer:fine){\r\n\r\n  #hcWelspunTech\r\n  .hcw__magnifier:hover\r\n  .hcw__lens{\r\n\r\n    transform:\r\n      scale(1.018);\r\n\r\n    box-shadow:\r\n\r\n      0 0 0 2px\r\n      rgba(255,255,255,.98),\r\n\r\n      0 0 0 7px\r\n      rgba(190,208,231,.26),\r\n\r\n      0 0 0 9px\r\n      rgba(255,255,255,.07),\r\n\r\n      -12px 24px 42px\r\n      rgba(0,0,0,.4),\r\n\r\n      0 0 30px\r\n      rgba(192,214,242,.12),\r\n\r\n      inset 0 0 36px\r\n      rgba(255,255,255,.11);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTERACTION HINT\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__interaction{\r\n\r\n  position:absolute;\r\n\r\n  z-index:11;\r\n\r\n  left:59%;\r\n\r\n  top:35%;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:\r\n    clamp(7px,.55vw,11px);\r\n\r\n  pointer-events:none;\r\n\r\n  transition:\r\n    opacity .45s ease,\r\n    transform .45s ease;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__interaction.is-used{\r\n\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(7px);\r\n}\r\n\r\n\r\n\r\n#hcWelspunTech .hcw__interaction-icon{\r\n\r\n  width:\r\n    clamp(26px,1.75vw,34px);\r\n\r\n  height:\r\n    clamp(26px,1.75vw,34px);\r\n\r\n  flex:0 0 auto;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  position:relative;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.2);\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__interaction-icon::before,\r\n\r\n#hcWelspunTech\r\n.hcw__interaction-icon::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n\r\n  width:21%;\r\n\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(255,255,255,.46);\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__interaction-icon::before{\r\n\r\n  left:14%;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__interaction-icon::after{\r\n\r\n  right:14%;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__interaction-icon span{\r\n\r\n  width:4px;\r\n\r\n  height:4px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  box-shadow:\r\n    0 0 8px\r\n    rgba(255,255,255,.55);\r\n\r\n  animation:\r\n    hcwDrag\r\n    1.7s ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n@keyframes hcwDrag{\r\n\r\n  0%,\r\n  100%{\r\n    transform:\r\n      translateX(-5px);\r\n  }\r\n\r\n  50%{\r\n    transform:\r\n      translateX(5px);\r\n  }\r\n\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__interaction strong{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    rgba(255,255,255,.78);\r\n\r\n  font-size:\r\n    clamp(10px,.65vw,13px);\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1.25;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__interaction small{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:\r\n    rgba(255,255,255,.4);\r\n\r\n  font-size:\r\n    clamp(8px,.53vw,11px);\r\n\r\n  line-height:1.3;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__brand{\r\n\r\n  position:absolute;\r\n\r\n  z-index:7;\r\n\r\n  left:5%;\r\n\r\n  bottom:7%;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n\r\n#hcWelspunTech .hcw__brand-name{\r\n\r\n  color:\r\n    rgba(255,255,255,.94);\r\n\r\n  font-size:\r\n    clamp(25px,2vw,40px);\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1;\r\n\r\n  letter-spacing:-.035em;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__brand-name sup{\r\n\r\n  position:relative;\r\n\r\n  top:-.55em;\r\n\r\n  font-size:.4em;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__brand-tagline{\r\n\r\n  margin-top:7px;\r\n\r\n  color:\r\n    rgba(255,255,255,.49);\r\n\r\n  font-size:\r\n    clamp(7px,.48vw,10px);\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.14em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__content{\r\n\r\n  grid-area:content;\r\n\r\n  direction:rtl;\r\n\r\n  position:relative;\r\n\r\n  z-index:5;\r\n\r\n  min-width:0;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:center;\r\n\r\n  padding:\r\n\r\n    clamp(24px,2.6vw,48px)\r\n\r\n    clamp(26px,3.25vw,62px)\r\n\r\n    clamp(24px,2.5vw,46px)\r\n\r\n    clamp(18px,2vw,36px);\r\n\r\n  text-align:right;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__eyebrow{\r\n\r\n  margin-bottom:\r\n    clamp(8px,.65vw,12px);\r\n\r\n  color:\r\n    rgba(197,214,236,.52);\r\n\r\n  font-size:\r\n    clamp(8px,.55vw,11px);\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.19em;\r\n\r\n  direction:ltr;\r\n\r\n  text-align:right;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__title{\r\n\r\n  width:100%;\r\n\r\n  margin:0;\r\n\r\n  color:#fff;\r\n\r\n  font-size:\r\n    clamp(27px,2.2vw,44px);\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1.15;\r\n\r\n  letter-spacing:-.043em;\r\n\r\n  text-align:right;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__title span{\r\n\r\n  color:\r\n    rgba(255,255,255,.94);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__intro{\r\n\r\n  width:100%;\r\n\r\n  margin:\r\n    clamp(10px,.9vw,17px)\r\n    0\r\n    0;\r\n\r\n  color:\r\n    rgba(255,255,255,.69);\r\n\r\n  font-size:\r\n    clamp(12px,.8vw,16px);\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n#hcWelspunTech .hcw__intro strong{\r\n\r\n  color:#fff;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__features{\r\n\r\n  width:100%;\r\n\r\n  margin-top:\r\n    clamp(18px,1.75vw,32px);\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  direction:rtl;\r\n}\r\n\r\n\r\n#hcWelspunTech .hcw__feature{\r\n\r\n  position:relative;\r\n\r\n  min-width:0;\r\n\r\n  padding:\r\n    0\r\n    clamp(8px,.85vw,16px);\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n\r\n\/* separator *\/\r\n\r\n#hcWelspunTech\r\n.hcw__feature:not(:last-child)::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:7%;\r\n\r\n  left:0;\r\n\r\n  width:1px;\r\n\r\n  height:86%;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      transparent,\r\n      rgba(255,255,255,.23) 20%,\r\n      rgba(255,255,255,.23) 80%,\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE ICON\r\n========================================================= *\/\r\n\r\n#hcWelspunTech .hcw__feature-icon{\r\n\r\n  width:\r\n    clamp(42px,2.8vw,56px);\r\n\r\n  height:\r\n    clamp(42px,2.8vw,56px);\r\n\r\n  margin:\r\n    0 auto\r\n    clamp(6px,.6vw,10px);\r\n\r\n  color:\r\n    rgba(255,255,255,.9);\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    color .4s ease;\r\n}\r\n\r\n\r\n#hcWelspunTech\r\n.hcw__feature-icon svg{\r\n\r\n  display:block;\r\n\r\n  width:100%;\r\n\r\n  height:100%;\r\n}\r\n\r\n\r\n\r\n\/* feature title *\/\r\n\r\n#hcWelspunTech .hcw__feature h3{\r\n\r\n  margin:0;\r\n\r\n  color:#fff;\r\n\r\n  font-size:\r\n    clamp(13px,.9vw,18px);\r\n\r\n  font-weight:700;\r\n\r\n  line-height:1.25;\r\n}\r\n\r\n\r\n\r\n\/* feature description *\/\r\n\r\n#hcWelspunTech .hcw__feature p{\r\n\r\n  margin:\r\n    clamp(5px,.45vw,8px)\r\n    auto\r\n    0;\r\n\r\n  color:\r\n    rgba(255,255,255,.59);\r\n\r\n  font-size:\r\n    clamp(9px,.64vw,13px);\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.5;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE HOVER\r\n========================================================= *\/\r\n\r\n@media(hover:hover) and (pointer:fine){\r\n\r\n  #hcWelspunTech\r\n  .hcw__feature:hover\r\n  .hcw__feature-icon{\r\n\r\n    color:#fff;\r\n\r\n    transform:\r\n      translateY(-2px)\r\n      scale(1.035);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  #hcWelspunTech,\r\n  #hcWelspunTech .hcw__layout{\r\n\r\n    min-height:\r\n      390px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__layout{\r\n\r\n    grid-template-columns:\r\n      43% 57%;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__magnifier{\r\n\r\n    --hc-lens:\r\n      clamp(165px,16vw,225px);\r\n\r\n    left:10%;\r\n\r\n    top:12%;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__interaction{\r\n\r\n    left:50%;\r\n\r\n    top:38%;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__content{\r\n\r\n    padding:\r\n      24px\r\n      24px\r\n      22px\r\n      16px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__title{\r\n\r\n    font-size:\r\n      clamp(25px,2.7vw,34px);\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__feature{\r\n\r\n    padding:\r\n      0 6px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE \/ SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #hcWelspunTech{\r\n\r\n    min-height:0;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__layout{\r\n\r\n    min-height:0;\r\n\r\n    grid-template-columns:1fr;\r\n\r\n    grid-template-areas:\r\n\r\n      \"content\"\r\n      \"visual\";\r\n  }\r\n\r\n\r\n\r\n  \/*\r\n    \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc:\r\n    \u05d4\u05ea\u05de\u05d5\u05e0\u05d4 \u05d4\u05de\u05e7\u05d5\u05e8\u05d9\u05ea \u05e2\u05d3\u05d9\u05d9\u05df \u05de\u05e9\u05de\u05e9\u05ea \u05db\u05e8\u05e7\u05e2,\r\n    \u05d0\u05da \u05d4\u05d9\u05d0 \u05de\u05d5\u05d3\u05d2\u05e9\u05ea \u05d1\u05d7\u05dc\u05e7 \u05d4\u05ea\u05d7\u05ea\u05d5\u05df.\r\n  *\/\r\n\r\n  #hcWelspunTech .hcw__bg{\r\n\r\n    background-position:\r\n      32% center;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__overlay{\r\n\r\n    background:\r\n\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(7,12,19,.96) 0%,\r\n        rgba(7,12,19,.94) 40%,\r\n        rgba(7,12,19,.25) 63%,\r\n        rgba(7,12,19,.08) 100%\r\n      );\r\n  }\r\n\r\n\r\n\r\n  \/* CONTENT *\/\r\n\r\n  #hcWelspunTech .hcw__content{\r\n\r\n    min-height:auto;\r\n\r\n    padding:\r\n      26px\r\n      20px\r\n      24px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__title{\r\n\r\n    font-size:\r\n      clamp(29px,6vw,38px);\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__intro{\r\n\r\n    font-size:\r\n      13px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__features{\r\n\r\n    margin-top:22px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__feature-icon{\r\n\r\n    width:43px;\r\n\r\n    height:43px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__feature h3{\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__feature p{\r\n\r\n    font-size:10px;\r\n  }\r\n\r\n\r\n\r\n  \/* VISUAL *\/\r\n\r\n  #hcWelspunTech .hcw__visual{\r\n\r\n    min-height:\r\n      min(88vw,460px);\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__magnifier{\r\n\r\n    --hc-lens:\r\n      min(58vw,300px);\r\n\r\n    top:8%;\r\n\r\n    left:50%;\r\n\r\n    transform:\r\n      translateX(-50%);\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__interaction{\r\n\r\n    top:auto;\r\n\r\n    bottom:14%;\r\n\r\n    left:50%;\r\n\r\n    transform:\r\n      translateX(-50%);\r\n\r\n    white-space:nowrap;\r\n  }\r\n\r\n\r\n  #hcWelspunTech\r\n  .hcw__interaction.is-used{\r\n\r\n    transform:\r\n      translateX(-50%)\r\n      translateY(7px);\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__brand{\r\n\r\n    left:18px;\r\n\r\n    bottom:18px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__brand-name{\r\n\r\n    font-size:28px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:520px){\r\n\r\n  #hcWelspunTech .hcw__content{\r\n\r\n    padding:\r\n      22px\r\n      16px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__eyebrow{\r\n\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__title{\r\n\r\n    font-size:\r\n      clamp(27px,7.6vw,34px);\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__features{\r\n\r\n    gap:0;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__feature{\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__feature p{\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__visual{\r\n\r\n    min-height:92vw;\r\n  }\r\n\r\n\r\n  #hcWelspunTech .hcw__magnifier{\r\n\r\n    --hc-lens:\r\n      61vw;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #hcWelspunTech *,\r\n  #hcWelspunTech *::before,\r\n  #hcWelspunTech *::after{\r\n\r\n    animation:none !important;\r\n\r\n    transition:none !important;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   V2 \u2014 INTERACTIVE FIBER LAB\r\n   Premium interaction layer\r\n========================================================= *\/\r\n\r\n#hcWelspunTech{\r\n  --hc-accent: 194,220,255;\r\n  --hc-lens-x: 0px;\r\n  --hc-lens-y: 0px;\r\n  --hc-bg-x: 0px;\r\n  --hc-bg-y: 0px;\r\n}\r\n\r\n#hcWelspunTech::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-1px;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  opacity:.34;\r\n  background:\r\n    radial-gradient(circle at 22% 48%, rgba(var(--hc-accent),.08), transparent 26%),\r\n    linear-gradient(110deg, transparent 20%, rgba(255,255,255,.025) 42%, transparent 60%);\r\n  mix-blend-mode:screen;\r\n}\r\n\r\n#hcWelspunTech .hcw__bg{\r\n  transform:scale(1.035) translate3d(var(--hc-bg-x),var(--hc-bg-y),0);\r\n  transition:filter .8s ease;\r\n  will-change:transform;\r\n}\r\n\r\n#hcWelspunTech[data-mode=\"absorption\"]{ --hc-accent: 116,188,255; }\r\n#hcWelspunTech[data-mode=\"drying\"]{ --hc-accent: 184,221,255; }\r\n#hcWelspunTech[data-mode=\"softness\"]{ --hc-accent: 218,228,255; }\r\n\r\n#hcWelspunTech .hcw__magnifier::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-24%;\r\n  border-radius:50%;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n  opacity:.42;\r\n  background:radial-gradient(circle, rgba(var(--hc-accent),.14) 0%, rgba(var(--hc-accent),.055) 29%, transparent 67%);\r\n  filter:blur(14px);\r\n  transform:scale(.92);\r\n  transition:opacity .45s ease, transform .6s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n#hcWelspunTech.is-inview .hcw__magnifier::before{\r\n  opacity:.72;\r\n  transform:scale(1);\r\n}\r\n\r\n@media(min-width:901px){\r\n  #hcWelspunTech .hcw__magnifier{\r\n    transform:translate3d(var(--hc-lens-x),var(--hc-lens-y),0);\r\n    will-change:transform;\r\n  }\r\n}\r\n\r\n#hcWelspunTech .hcw__lens{\r\n  outline:none;\r\n}\r\n\r\n#hcWelspunTech .hcw__lens:focus-visible{\r\n  box-shadow:\r\n    0 0 0 2px rgba(255,255,255,.98),\r\n    0 0 0 7px rgba(var(--hc-accent),.28),\r\n    0 0 0 10px rgba(255,255,255,.08),\r\n    -12px 24px 42px rgba(0,0,0,.4),\r\n    0 0 42px rgba(var(--hc-accent),.18),\r\n    inset 0 0 36px rgba(255,255,255,.11);\r\n}\r\n\r\n#hcWelspunTech .hcw__scanline{\r\n  position:absolute;\r\n  z-index:8;\r\n  left:13%;\r\n  right:13%;\r\n  top:21%;\r\n  height:1px;\r\n  pointer-events:none;\r\n  opacity:.2;\r\n  background:linear-gradient(90deg, transparent, rgba(var(--hc-accent),.9), transparent);\r\n  box-shadow:0 0 12px rgba(var(--hc-accent),.35);\r\n  animation:hcwScan 4.8s cubic-bezier(.4,0,.2,1) infinite;\r\n}\r\n\r\n@keyframes hcwScan{\r\n  0%,100%{ transform:translateY(0); opacity:.08; }\r\n  18%{ opacity:.28; }\r\n  50%{ transform:translateY(calc(var(--hc-lens, 220px) * .48)); opacity:.17; }\r\n  82%{ opacity:.26; }\r\n}\r\n\r\n#hcWelspunTech .hcw__hud{\r\n  position:absolute;\r\n  z-index:10;\r\n  top:9%;\r\n  right:10%;\r\n  direction:ltr;\r\n  text-align:right;\r\n  pointer-events:none;\r\n  transform-origin:right top;\r\n}\r\n\r\n#hcWelspunTech .hcw__hud-kicker{\r\n  display:block;\r\n  color:rgba(255,255,255,.33);\r\n  font-size:clamp(6px,.39vw,8px);\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n}\r\n\r\n#hcWelspunTech .hcw__hud-title{\r\n  display:block;\r\n  margin-top:3px;\r\n  color:rgba(255,255,255,.86);\r\n  font-size:clamp(8px,.55vw,11px);\r\n  font-weight:700;\r\n  letter-spacing:.12em;\r\n  text-shadow:0 0 14px rgba(var(--hc-accent),.25);\r\n}\r\n\r\n#hcWelspunTech .hcw__hud-sub{\r\n  display:block;\r\n  margin-top:3px;\r\n  color:rgba(255,255,255,.25);\r\n  font-size:clamp(5px,.34vw,7px);\r\n  font-weight:600;\r\n  letter-spacing:.1em;\r\n}\r\n\r\n#hcWelspunTech .hcw__signal{\r\n  width:max-content;\r\n  max-width:100%;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-top:clamp(12px,1vw,18px);\r\n  direction:ltr;\r\n  color:rgba(255,255,255,.45);\r\n  font-size:clamp(8px,.52vw,10px);\r\n  font-weight:700;\r\n  letter-spacing:.11em;\r\n  white-space:nowrap;\r\n}\r\n\r\n#hcWelspunTech .hcw__signal-dot{\r\n  width:5px;\r\n  height:5px;\r\n  flex:0 0 auto;\r\n  border-radius:50%;\r\n  background:rgb(var(--hc-accent));\r\n  box-shadow:0 0 10px rgba(var(--hc-accent),.85);\r\n  animation:hcwLive 1.8s ease-in-out infinite;\r\n}\r\n\r\n#hcWelspunTech .hcw__signal-sep{\r\n  width:18px;\r\n  height:1px;\r\n  background:rgba(255,255,255,.17);\r\n}\r\n\r\n#hcWelspunTech .hcw__signal-he{\r\n  direction:rtl;\r\n  letter-spacing:0;\r\n  color:rgba(255,255,255,.38);\r\n  font-weight:500;\r\n}\r\n\r\n@keyframes hcwLive{\r\n  0%,100%{ opacity:.45; transform:scale(.82); }\r\n  50%{ opacity:1; transform:scale(1); }\r\n}\r\n\r\n#hcWelspunTech .hcw__features{\r\n  gap:8px;\r\n}\r\n\r\n#hcWelspunTech .hcw__feature{\r\n  isolation:isolate;\r\n  cursor:pointer;\r\n  border:1px solid transparent;\r\n  border-radius:14px;\r\n  padding:clamp(12px,.9vw,18px) clamp(8px,.85vw,16px);\r\n  transition:\r\n    transform .42s cubic-bezier(.16,1,.3,1),\r\n    background .42s ease,\r\n    border-color .42s ease,\r\n    box-shadow .42s ease;\r\n  outline:none;\r\n}\r\n\r\n#hcWelspunTech .hcw__feature::before{\r\n  content:attr(data-index);\r\n  position:absolute;\r\n  top:9px;\r\n  left:10px;\r\n  z-index:-1;\r\n  color:rgba(255,255,255,.16);\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:.12em;\r\n  direction:ltr;\r\n  transition:color .35s ease;\r\n}\r\n\r\n#hcWelspunTech .hcw__feature:not(:last-child)::after{\r\n  opacity:.42;\r\n  transition:opacity .35s ease;\r\n}\r\n\r\n#hcWelspunTech .hcw__feature:hover,\r\n#hcWelspunTech .hcw__feature:focus-visible,\r\n#hcWelspunTech .hcw__feature.is-active{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(var(--hc-accent),.18);\r\n  background:linear-gradient(180deg,rgba(var(--hc-accent),.075),rgba(255,255,255,.018));\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 35px rgba(0,0,0,.12);\r\n}\r\n\r\n#hcWelspunTech .hcw__feature.is-active::before{\r\n  color:rgba(var(--hc-accent),.72);\r\n}\r\n\r\n#hcWelspunTech .hcw__feature.is-active .hcw__feature-icon{\r\n  color:rgb(var(--hc-accent));\r\n  transform:translateY(-3px) scale(1.055);\r\n  filter:drop-shadow(0 0 10px rgba(var(--hc-accent),.22));\r\n}\r\n\r\n#hcWelspunTech .hcw__feature.is-active h3{\r\n  text-shadow:0 0 16px rgba(var(--hc-accent),.12);\r\n}\r\n\r\n#hcWelspunTech .hcw__footer-line{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-start;\r\n  gap:10px;\r\n  margin-top:clamp(13px,1.15vw,20px);\r\n  direction:ltr;\r\n  color:rgba(255,255,255,.22);\r\n  font-size:clamp(7px,.43vw,9px);\r\n  font-weight:700;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n#hcWelspunTech .hcw__footer-line span + span::before{\r\n  content:\"\/\";\r\n  margin-right:10px;\r\n  color:rgba(var(--hc-accent),.3);\r\n}\r\n\r\n\/* cinematic reveal *\/\r\n#hcWelspunTech .hcw__content > *,\r\n#hcWelspunTech .hcw__magnifier,\r\n#hcWelspunTech .hcw__brand,\r\n#hcWelspunTech .hcw__interaction{\r\n  opacity:0;\r\n}\r\n\r\n#hcWelspunTech.is-inview .hcw__content > *{\r\n  animation:hcwReveal .82s cubic-bezier(.16,1,.3,1) both;\r\n}\r\n\r\n#hcWelspunTech.is-inview .hcw__content > *:nth-child(1){ animation-delay:.08s; }\r\n#hcWelspunTech.is-inview .hcw__content > *:nth-child(2){ animation-delay:.15s; }\r\n#hcWelspunTech.is-inview .hcw__content > *:nth-child(3){ animation-delay:.22s; }\r\n#hcWelspunTech.is-inview .hcw__content > *:nth-child(4){ animation-delay:.29s; }\r\n#hcWelspunTech.is-inview .hcw__content > *:nth-child(5){ animation-delay:.34s; }\r\n#hcWelspunTech.is-inview .hcw__content > *:nth-child(6){ animation-delay:.4s; }\r\n\r\n#hcWelspunTech.is-inview .hcw__magnifier{\r\n  animation:hcwLensIn 1.05s .12s cubic-bezier(.16,1,.3,1) both;\r\n}\r\n\r\n#hcWelspunTech.is-inview .hcw__brand{\r\n  animation:hcwReveal .8s .42s cubic-bezier(.16,1,.3,1) both;\r\n}\r\n\r\n#hcWelspunTech.is-inview .hcw__interaction{\r\n  animation:hcwReveal .8s .58s cubic-bezier(.16,1,.3,1) both;\r\n}\r\n\r\n#hcWelspunTech .hcw__interaction.is-used{\r\n  animation:none !important;\r\n  opacity:0 !important;\r\n}\r\n\r\n@keyframes hcwReveal{\r\n  from{ opacity:0; transform:translateY(13px); filter:blur(5px); }\r\n  to{ opacity:1; transform:translateY(0); filter:blur(0); }\r\n}\r\n\r\n@keyframes hcwLensIn{\r\n  from{ opacity:0; transform:translate3d(var(--hc-lens-x),calc(var(--hc-lens-y) + 18px),0) scale(.88); filter:blur(8px); }\r\n  to{ opacity:1; transform:translate3d(var(--hc-lens-x),var(--hc-lens-y),0) scale(1); filter:blur(0); }\r\n}\r\n\r\n@media(max-width:900px){\r\n  #hcWelspunTech .hcw__signal{\r\n    margin-top:14px;\r\n    gap:6px;\r\n    font-size:8px;\r\n  }\r\n  #hcWelspunTech .hcw__signal-sep{ width:12px; }\r\n  #hcWelspunTech .hcw__features{\r\n    gap:5px;\r\n  }\r\n  #hcWelspunTech .hcw__feature{\r\n    border-radius:11px;\r\n    padding:12px 5px 10px;\r\n  }\r\n  #hcWelspunTech .hcw__feature::before{\r\n    top:6px;\r\n    left:7px;\r\n    font-size:7px;\r\n  }\r\n  #hcWelspunTech .hcw__feature.is-active{\r\n    transform:translateY(-2px);\r\n  }\r\n  #hcWelspunTech .hcw__footer-line{\r\n    justify-content:center;\r\n    margin-top:14px;\r\n    font-size:7px;\r\n  }\r\n  #hcWelspunTech .hcw__hud{\r\n    top:8%;\r\n    right:9%;\r\n  }\r\n  #hcWelspunTech.is-inview .hcw__magnifier{\r\n    animation:hcwLensInMobile 1.05s .12s cubic-bezier(.16,1,.3,1) both;\r\n  }\r\n  @keyframes hcwLensInMobile{\r\n    from{ opacity:0; transform:translateX(-50%) translateY(16px) scale(.9); filter:blur(7px); }\r\n    to{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); filter:blur(0); }\r\n  }\r\n}\r\n\r\n@media(max-width:520px){\r\n  #hcWelspunTech .hcw__signal-he{ display:none; }\r\n  #hcWelspunTech .hcw__signal-sep{ display:none; }\r\n  #hcWelspunTech .hcw__footer-line{ letter-spacing:.09em; }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  #hcWelspunTech .hcw__content > *,\r\n  #hcWelspunTech .hcw__magnifier,\r\n  #hcWelspunTech .hcw__brand,\r\n  #hcWelspunTech .hcw__interaction{\r\n    opacity:1 !important;\r\n    filter:none !important;\r\n    transform:none;\r\n  }\r\n  #hcWelspunTech .hcw__scanline,\r\n  #hcWelspunTech .hcw__signal-dot{\r\n    animation:none !important;\r\n  }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   V3 \u2014 INTERNATIONAL FINISH \/ FINE TUNING\r\n   Less \"tech demo\", more tactile premium product experience\r\n========================================================= *\/\r\n\r\n#hcWelspunTech{\r\n  --hc-light-x:24%;\r\n  --hc-light-y:42%;\r\n}\r\n\r\n\/* Subtle optical light that follows the visitor, without reading as a flashlight *\/\r\n#hcWelspunTech::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  opacity:.28;\r\n  background:\r\n    radial-gradient(circle at var(--hc-light-x) var(--hc-light-y), rgba(var(--hc-accent),.055), transparent 18%),\r\n    linear-gradient(105deg, transparent 18%, rgba(255,255,255,.018) 42%, transparent 64%);\r\n  transition:opacity .55s ease;\r\n}\r\n\r\n#hcWelspunTech .hcw__overlay{\r\n  background:\r\n    radial-gradient(circle at 23% 42%, rgba(255,255,255,.045), transparent 25%),\r\n    linear-gradient(90deg,\r\n      rgba(5,10,17,.015) 0%,\r\n      rgba(5,10,17,.035) 31%,\r\n      rgba(5,10,17,.25) 45%,\r\n      rgba(5,10,17,.72) 59%,\r\n      rgba(5,10,17,.94) 77%,\r\n      rgba(5,10,17,.985) 100%),\r\n    linear-gradient(180deg,rgba(4,8,14,.025),rgba(4,8,14,.14));\r\n}\r\n\r\n@media(min-width:1200px){\r\n  #hcWelspunTech .hcw__layout{\r\n    grid-template-columns:47% 53%;\r\n  }\r\n  #hcWelspunTech .hcw__magnifier{\r\n    --hc-lens:clamp(225px,16vw,330px);\r\n    top:7%;\r\n    left:11%;\r\n  }\r\n  #hcWelspunTech .hcw__content{\r\n    padding-right:clamp(34px,4vw,76px);\r\n    padding-left:clamp(20px,2.2vw,42px);\r\n  }\r\n  #hcWelspunTech .hcw__title{\r\n    max-width:760px;\r\n    font-size:clamp(32px,2.28vw,46px);\r\n  }\r\n  #hcWelspunTech .hcw__intro{\r\n    max-width:760px;\r\n  }\r\n  #hcWelspunTech .hcw__interaction{\r\n    left:57%;\r\n    top:38%;\r\n  }\r\n}\r\n\r\n\/* Physical glass: edge refraction + caustic highlight *\/\r\n#hcWelspunTech .hcw__lens{\r\n  background:\r\n    radial-gradient(circle at 39% 34%, rgba(235,244,255,.13), rgba(48,61,78,.11) 52%, rgba(7,12,19,.42) 100%);\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,255,255,.94),\r\n    0 0 0 4px rgba(219,230,244,.24),\r\n    0 0 0 8px rgba(255,255,255,.055),\r\n    -10px 22px 42px rgba(0,0,0,.38),\r\n    0 12px 40px rgba(var(--hc-accent),.035),\r\n    inset 0 1px 0 rgba(255,255,255,.20),\r\n    inset 0 -18px 36px rgba(2,7,13,.18);\r\n}\r\n\r\n#hcWelspunTech .hcw__lens::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:5;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  background:\r\n    radial-gradient(ellipse at 29% 19%, rgba(255,255,255,.24) 0 3%, rgba(255,255,255,.08) 8%, transparent 21%),\r\n    radial-gradient(circle at 72% 76%, transparent 58%, rgba(var(--hc-accent),.08) 76%, transparent 86%);\r\n  mix-blend-mode:screen;\r\n  opacity:.72;\r\n}\r\n\r\n#hcWelspunTech .hcw__lens::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:7px;\r\n  z-index:6;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  border:1px solid rgba(255,255,255,.075);\r\n  box-shadow:inset 9px -8px 22px rgba(var(--hc-accent),.045);\r\n}\r\n\r\n#hcWelspunTech .hcw__glass-depth{\r\n  background:\r\n    radial-gradient(circle at 45% 43%, transparent 38%, rgba(6,13,22,.055) 60%, rgba(3,8,14,.34) 100%),\r\n    linear-gradient(132deg, rgba(255,255,255,.025), transparent 38%, rgba(var(--hc-accent),.025) 72%, transparent);\r\n}\r\n\r\n#hcWelspunTech .hcw__ring--outer{\r\n  inset:3px;\r\n  border-color:rgba(255,255,255,.46);\r\n}\r\n#hcWelspunTech .hcw__ring--inner{\r\n  inset:13px;\r\n  border-color:rgba(255,255,255,.075);\r\n}\r\n#hcWelspunTech .hcw__shine{\r\n  opacity:.70;\r\n}\r\n\r\n#hcWelspunTech .hcw__magnifier::before{\r\n  inset:-20%;\r\n  opacity:.36;\r\n  filter:blur(18px);\r\n  background:radial-gradient(circle, rgba(var(--hc-accent),.105) 0%, rgba(var(--hc-accent),.042) 34%, transparent 69%);\r\n}\r\n\r\n#hcWelspunTech[data-mode]:not([data-mode=\"neutral\"]) .hcw__magnifier::before{\r\n  opacity:.62;\r\n}\r\n\r\n\/* Scan is now an optical sweep, not a sci-fi scanner *\/\r\n#hcWelspunTech .hcw__scanline{\r\n  left:18%;\r\n  right:18%;\r\n  opacity:.07;\r\n  filter:blur(.15px);\r\n  box-shadow:0 0 8px rgba(var(--hc-accent),.18);\r\n  animation-duration:7.2s;\r\n}\r\n#hcWelspunTech[data-mode]:not([data-mode=\"neutral\"]) .hcw__scanline{\r\n  opacity:.13;\r\n}\r\n\r\n\/* HUD is deliberately quiet *\/\r\n#hcWelspunTech .hcw__hud{\r\n  top:10.5%;\r\n  right:10.5%;\r\n  opacity:.82;\r\n}\r\n#hcWelspunTech .hcw__hud-kicker{\r\n  color:rgba(255,255,255,.25);\r\n  letter-spacing:.15em;\r\n}\r\n#hcWelspunTech .hcw__hud-title{\r\n  color:rgba(255,255,255,.79);\r\n  text-shadow:0 0 12px rgba(var(--hc-accent),.16);\r\n}\r\n#hcWelspunTech .hcw__hud-sub{\r\n  color:rgba(255,255,255,.19);\r\n}\r\n\r\n#hcWelspunTech .hcw__signal{\r\n  color:rgba(255,255,255,.37);\r\n}\r\n#hcWelspunTech .hcw__signal-dot{\r\n  width:4px;\r\n  height:4px;\r\n  opacity:.72;\r\n  box-shadow:0 0 7px rgba(var(--hc-accent),.55);\r\n  animation-duration:2.7s;\r\n}\r\n\r\n\/* Benefits feel like editorial controls rather than app cards *\/\r\n#hcWelspunTech .hcw__features{\r\n  gap:4px;\r\n}\r\n#hcWelspunTech .hcw__feature{\r\n  border-radius:10px;\r\n  border-color:rgba(255,255,255,.025);\r\n  background:rgba(255,255,255,.006);\r\n  padding:clamp(11px,.82vw,16px) clamp(8px,.8vw,15px);\r\n  transform:none;\r\n}\r\n#hcWelspunTech .hcw__feature:hover,\r\n#hcWelspunTech .hcw__feature:focus-visible{\r\n  transform:translateY(-1px);\r\n  border-color:rgba(var(--hc-accent),.10);\r\n  background:linear-gradient(180deg,rgba(var(--hc-accent),.038),rgba(255,255,255,.006));\r\n  box-shadow:none;\r\n}\r\n#hcWelspunTech .hcw__feature.is-active{\r\n  transform:translateY(-1px);\r\n  border-color:rgba(var(--hc-accent),.14);\r\n  background:linear-gradient(180deg,rgba(var(--hc-accent),.055),rgba(255,255,255,.008));\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);\r\n}\r\n#hcWelspunTech .hcw__feature.is-committed{\r\n  border-color:rgba(var(--hc-accent),.21);\r\n}\r\n#hcWelspunTech .hcw__feature.is-committed::before{\r\n  color:rgba(var(--hc-accent),.78);\r\n}\r\n#hcWelspunTech .hcw__feature:not(:last-child)::after{\r\n  opacity:.22;\r\n}\r\n#hcWelspunTech .hcw__feature-icon{\r\n  transition:transform .5s cubic-bezier(.16,1,.3,1),color .4s ease,filter .4s ease;\r\n}\r\n#hcWelspunTech .hcw__feature.is-active .hcw__feature-icon{\r\n  transform:translateY(-2px) scale(1.035);\r\n  filter:drop-shadow(0 0 8px rgba(var(--hc-accent),.14));\r\n}\r\n\r\n#hcWelspunTech .hcw__footer-line{\r\n  color:rgba(255,255,255,.17);\r\n}\r\n\r\n\/* A more tactile press state *\/\r\n#hcWelspunTech .hcw__lens:active{\r\n  transform:scale(.994);\r\n}\r\n\r\n\/* Graceful fallback if WebGL\/CDN fails *\/\r\n#hcWelspunTech.hcw-no3d #hcwCanvas{\r\n  opacity:0;\r\n}\r\n#hcWelspunTech.hcw-no3d .hcw__lens{\r\n  background:\r\n    radial-gradient(circle at 45% 40%, rgba(231,240,250,.13), rgba(20,29,41,.38) 64%, rgba(6,10,16,.72) 100%);\r\n}\r\n#hcWelspunTech.hcw-no3d .hcw__hud-title::after{\r\n  content:\" \u00b7 VISUAL\";\r\n  opacity:.45;\r\n}\r\n\r\n@media(max-width:900px){\r\n  #hcWelspunTech::after{ opacity:.16; }\r\n  #hcWelspunTech .hcw__magnifier{\r\n    --hc-lens:min(62vw,310px);\r\n  }\r\n  #hcWelspunTech .hcw__visual{\r\n    min-height:min(82vw,430px);\r\n  }\r\n  #hcWelspunTech .hcw__interaction{\r\n    bottom:10%;\r\n  }\r\n  #hcWelspunTech .hcw__interaction small{\r\n    max-width:210px;\r\n    white-space:normal;\r\n  }\r\n  #hcWelspunTech .hcw__feature{\r\n    padding:11px 5px 10px;\r\n  }\r\n  #hcWelspunTech .hcw__feature:hover{\r\n    transform:none;\r\n  }\r\n}\r\n\r\n@media(max-width:520px){\r\n  #hcWelspunTech .hcw__content{\r\n    padding-top:24px;\r\n  }\r\n  #hcWelspunTech .hcw__features{\r\n    margin-top:18px;\r\n  }\r\n  #hcWelspunTech .hcw__feature h3{\r\n    font-size:13px;\r\n  }\r\n  #hcWelspunTech .hcw__feature p{\r\n    line-height:1.4;\r\n    opacity:.94;\r\n  }\r\n  #hcWelspunTech .hcw__visual{\r\n    min-height:88vw;\r\n  }\r\n  #hcWelspunTech .hcw__magnifier{\r\n    --hc-lens:64vw;\r\n  }\r\n  #hcWelspunTech .hcw__interaction strong{\r\n    font-size:10px;\r\n  }\r\n  #hcWelspunTech .hcw__interaction small{\r\n    font-size:8px;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  #hcWelspunTech::after{\r\n    display:none;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   V4 \u2014 FIBER RELATION + MOBILE CLARITY\r\n   Makes the magnifier-to-fiber relationship unmistakable,\r\n   protects the HygroCotton wordmark, and improves mobile reading.\r\n========================================================= *\/\r\n\r\n\/* A physical-looking leader attached to the lens: the visitor instantly\r\n   understands that the object inside is a magnified HygroCotton fiber. *\/\r\n#hcWelspunTech .hcw__fiber-callout{\r\n  position:absolute;\r\n  z-index:18;\r\n  top:8%;\r\n  left:-18%;\r\n  width:clamp(170px,12.5vw,240px);\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  direction:rtl;\r\n  pointer-events:none;\r\n  filter:drop-shadow(0 8px 20px rgba(0,0,0,.28));\r\n}\r\n\r\n#hcWelspunTech .hcw__fiber-callout-copy{\r\n  display:block;\r\n  min-width:0;\r\n  padding:7px 10px 7px 11px;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  border-radius:9px;\r\n  background:linear-gradient(180deg,rgba(7,13,22,.58),rgba(7,13,22,.34));\r\n  -webkit-backdrop-filter:blur(9px);\r\n  backdrop-filter:blur(9px);\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);\r\n}\r\n\r\n#hcWelspunTech .hcw__fiber-callout-copy strong{\r\n  display:block;\r\n  color:rgba(255,255,255,.90);\r\n  font-size:clamp(9px,.62vw,12px);\r\n  font-weight:700;\r\n  line-height:1.35;\r\n  white-space:nowrap;\r\n}\r\n\r\n#hcWelspunTech .hcw__fiber-callout-copy small{\r\n  display:block;\r\n  margin-top:2px;\r\n  direction:ltr;\r\n  text-align:right;\r\n  color:rgba(255,255,255,.39);\r\n  font-size:clamp(6px,.42vw,8px);\r\n  font-weight:700;\r\n  letter-spacing:.10em;\r\n  line-height:1.2;\r\n  white-space:nowrap;\r\n}\r\n\r\n#hcWelspunTech .hcw__fiber-callout-line{\r\n  order:2;\r\n  position:relative;\r\n  width:clamp(28px,2.6vw,48px);\r\n  height:1px;\r\n  flex:0 0 auto;\r\n  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(var(--hc-accent),.68));\r\n  transform:rotate(18deg);\r\n  transform-origin:right center;\r\n  box-shadow:0 0 7px rgba(var(--hc-accent),.18);\r\n}\r\n\r\n#hcWelspunTech .hcw__fiber-callout-dot{\r\n  order:3;\r\n  width:6px;\r\n  height:6px;\r\n  margin-left:-6px;\r\n  flex:0 0 auto;\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,.95);\r\n  box-shadow:0 0 0 4px rgba(var(--hc-accent),.10),0 0 12px rgba(var(--hc-accent),.42);\r\n}\r\n\r\n\/* The label inside the glass now reinforces the same idea instead of being\r\n   almost invisible technical decoration. *\/\r\n#hcWelspunTech .hcw__micro-label{\r\n  bottom:7.5%;\r\n  padding:5px 8px 6px;\r\n  border:1px solid rgba(255,255,255,.07);\r\n  border-radius:8px;\r\n  background:rgba(4,9,16,.24);\r\n  -webkit-backdrop-filter:blur(6px);\r\n  backdrop-filter:blur(6px);\r\n}\r\n\r\n#hcWelspunTech .hcw__micro-label span{\r\n  color:rgba(255,255,255,.72);\r\n  font-size:clamp(8px,.5vw,10px);\r\n  font-weight:700;\r\n  letter-spacing:0;\r\n  direction:rtl;\r\n}\r\n\r\n#hcWelspunTech .hcw__micro-label small{\r\n  margin-top:2px;\r\n  color:rgba(255,255,255,.32);\r\n  font-size:clamp(5px,.34vw,7px);\r\n  letter-spacing:.08em;\r\n}\r\n\r\n\/* Tablet: keep the callout attached but compact. *\/\r\n@media(max-width:900px){\r\n  #hcWelspunTech .hcw__fiber-callout{\r\n    top:5%;\r\n    left:-8%;\r\n    width:190px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__fiber-callout-copy strong{\r\n    font-size:10px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__fiber-callout-copy small{\r\n    font-size:6px;\r\n  }\r\n}\r\n\r\n\/* Mobile gets a deliberately different information architecture:\r\n   1) benefits become readable full-width controls\r\n   2) the lens gets its own breathing room\r\n   3) the HygroCotton wordmark sits in a protected zone below the handle. *\/\r\n@media(max-width:520px){\r\n  #hcWelspunTech .hcw__content{\r\n    padding:22px 14px 20px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__features{\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:8px;\r\n    margin-top:17px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__feature{\r\n    min-height:70px;\r\n    display:grid;\r\n    grid-template-columns:44px minmax(0,1fr);\r\n    grid-template-rows:auto auto;\r\n    column-gap:11px;\r\n    row-gap:2px;\r\n    align-items:center;\r\n    padding:10px 38px 10px 12px;\r\n    text-align:right;\r\n    border:1px solid rgba(255,255,255,.085);\r\n    border-radius:12px;\r\n    background:\r\n      linear-gradient(100deg,rgba(8,14,23,.82),rgba(8,14,23,.58)),\r\n      rgba(8,14,23,.66);\r\n    -webkit-backdrop-filter:blur(11px);\r\n    backdrop-filter:blur(11px);\r\n    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.08);\r\n  }\r\n\r\n  #hcWelspunTech .hcw__feature::before{\r\n    top:50%;\r\n    left:13px;\r\n    transform:translateY(-50%);\r\n    font-size:7px;\r\n    color:rgba(255,255,255,.28);\r\n  }\r\n\r\n  #hcWelspunTech .hcw__feature:not(:last-child)::after{\r\n    display:none;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__feature-icon{\r\n    grid-column:1;\r\n    grid-row:1 \/ span 2;\r\n    width:36px;\r\n    height:36px;\r\n    margin:0;\r\n    justify-self:center;\r\n    color:rgba(255,255,255,.93);\r\n  }\r\n\r\n  #hcWelspunTech .hcw__feature h3{\r\n    grid-column:2;\r\n    grid-row:1;\r\n    margin:0;\r\n    font-size:15px;\r\n    line-height:1.25;\r\n    color:#fff;\r\n    text-align:right;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__feature p{\r\n    grid-column:2;\r\n    grid-row:2;\r\n    margin:1px 0 0;\r\n    max-width:none;\r\n    color:rgba(255,255,255,.70);\r\n    font-size:11px;\r\n    line-height:1.5;\r\n    text-align:right;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__feature.is-active,\r\n  #hcWelspunTech .hcw__feature.is-committed{\r\n    border-color:rgba(var(--hc-accent),.24);\r\n    background:\r\n      linear-gradient(100deg,rgba(var(--hc-accent),.085),rgba(8,14,23,.64)),\r\n      rgba(8,14,23,.72);\r\n    box-shadow:inset 3px 0 0 rgba(var(--hc-accent),.48),inset 0 1px 0 rgba(255,255,255,.035);\r\n  }\r\n\r\n  #hcWelspunTech .hcw__footer-line{\r\n    margin-top:12px;\r\n    font-size:6.5px;\r\n    opacity:.78;\r\n  }\r\n\r\n  \/* More vertical room is intentional: the glass must not collide with\r\n     the HygroCotton wordmark or its own handle. *\/\r\n  #hcWelspunTech .hcw__visual{\r\n    min-height:clamp(410px,122vw,500px);\r\n  }\r\n\r\n  #hcWelspunTech .hcw__magnifier{\r\n    --hc-lens:min(67vw,285px);\r\n    top:8%;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__handle{\r\n    width:calc(var(--hc-lens) * .44);\r\n    height:calc(var(--hc-lens) * .115);\r\n    left:calc(var(--hc-lens) * -.27);\r\n    top:calc(var(--hc-lens) * .79);\r\n    transform:rotate(-39deg);\r\n  }\r\n\r\n  #hcWelspunTech .hcw__fiber-callout{\r\n    top:-3%;\r\n    left:-8%;\r\n    width:176px;\r\n    gap:6px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__fiber-callout-copy{\r\n    padding:6px 8px;\r\n    border-radius:8px;\r\n    background:rgba(7,13,22,.66);\r\n  }\r\n\r\n  #hcWelspunTech .hcw__fiber-callout-copy strong{\r\n    font-size:9px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__fiber-callout-copy small{\r\n    font-size:5.5px;\r\n    letter-spacing:.08em;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__fiber-callout-line{\r\n    width:27px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__micro-label{\r\n    bottom:6.5%;\r\n    padding:4px 7px 5px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__micro-label span{\r\n    font-size:8px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__micro-label small{\r\n    font-size:5px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__interaction{\r\n    bottom:18%;\r\n    max-width:84%;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__interaction strong{\r\n    font-size:10px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__interaction small{\r\n    font-size:8px;\r\n    line-height:1.35;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__brand{\r\n    z-index:14;\r\n    left:18px;\r\n    right:18px;\r\n    bottom:18px;\r\n    width:auto;\r\n    padding-top:12px;\r\n    border-top:1px solid rgba(255,255,255,.09);\r\n    background:linear-gradient(180deg,transparent,rgba(5,10,17,.08));\r\n  }\r\n\r\n  #hcWelspunTech .hcw__brand-name{\r\n    font-size:30px;\r\n    line-height:1;\r\n    text-shadow:0 8px 24px rgba(0,0,0,.38);\r\n  }\r\n\r\n  #hcWelspunTech .hcw__brand-tagline{\r\n    margin-top:6px;\r\n    font-size:7px;\r\n    color:rgba(255,255,255,.55);\r\n    letter-spacing:.13em;\r\n  }\r\n}\r\n\r\n@media(max-width:370px){\r\n  #hcWelspunTech .hcw__feature{\r\n    min-height:67px;\r\n    grid-template-columns:40px minmax(0,1fr);\r\n    column-gap:9px;\r\n    padding-right:34px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__feature h3{\r\n    font-size:14px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__feature p{\r\n    font-size:10.5px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__visual{\r\n    min-height:430px;\r\n  }\r\n\r\n  #hcWelspunTech .hcw__fiber-callout{\r\n    left:-5%;\r\n    width:168px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n  const root = document.getElementById('hcWelspunTech');\r\n  if(!root || root.dataset.hcwInit === 'true') return;\r\n  root.dataset.hcwInit = 'true';\r\n  root.dataset.mode = 'neutral';\r\n\r\n  const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  const finePointer = window.matchMedia('(hover:hover) and (pointer:fine)').matches;\r\n  const isMobile = () => window.matchMedia('(max-width:900px)').matches;\r\n  const lowPower = isMobile() ||\r\n    ((navigator.hardwareConcurrency || 8) <= 4) ||\r\n    ((navigator.deviceMemory || 8) <= 4);\r\n\r\n  function loadThree(){\r\n    return new Promise((resolve,reject)=>{\r\n      if(window.THREE){ resolve(window.THREE); return; }\r\n      const existing = document.querySelector('script[data-hcw-three]');\r\n      if(existing){\r\n        existing.addEventListener('load',()=>resolve(window.THREE),{once:true});\r\n        existing.addEventListener('error',reject,{once:true});\r\n        return;\r\n      }\r\n      const script = document.createElement('script');\r\n      script.src = 'https:\/\/cdn.jsdelivr.net\/npm\/three@0.160.0\/build\/three.min.js';\r\n      script.async = true;\r\n      script.dataset.hcwThree = 'true';\r\n      script.onload = ()=> window.THREE ? resolve(window.THREE) : reject(new Error('THREE not available'));\r\n      script.onerror = reject;\r\n      document.head.appendChild(script);\r\n    });\r\n  }\r\n\r\n  loadThree().then(init3D).catch(error=>{\r\n    console.error('HygroCotton 3D:',error);\r\n    root.classList.add('hcw-no3d');\r\n  });\r\n\r\n  function init3D(THREE){\r\n    const canvas = root.querySelector('#hcwCanvas');\r\n    const lens = root.querySelector('#hcwLens');\r\n    const magnifier = root.querySelector('.hcw__magnifier');\r\n    const hint = root.querySelector('#hcwHint');\r\n    const features = [...root.querySelectorAll('.hcw__feature[data-mode]')];\r\n    const hudKicker = root.querySelector('#hcwHudKicker');\r\n    const hudTitle = root.querySelector('#hcwHudTitle');\r\n    const hudSub = root.querySelector('#hcwHudSub');\r\n    if(!canvas || !lens) return;\r\n\r\n    \/* ---------- scene ---------- *\/\r\n    const scene = new THREE.Scene();\r\n    const camera = new THREE.PerspectiveCamera(32,1,.1,100);\r\n    camera.position.set(0,.05,7.15);\r\n\r\n    const renderer = new THREE.WebGLRenderer({\r\n      canvas,\r\n      alpha:true,\r\n      antialias:true,\r\n      powerPreference:'high-performance'\r\n    });\r\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, isMobile() ? 1.35 : 1.55));\r\n    renderer.outputColorSpace = THREE.SRGBColorSpace;\r\n    renderer.toneMapping = THREE.ACESFilmicToneMapping;\r\n    renderer.toneMappingExposure = 1.08;\r\n\r\n    scene.add(new THREE.HemisphereLight(0xf6f9ff,0x202b38,2.65));\r\n    const key = new THREE.DirectionalLight(0xffffff,4.6);\r\n    key.position.set(-4,5,6); scene.add(key);\r\n    const side = new THREE.DirectionalLight(0xb9cbe1,2.7);\r\n    side.position.set(4,-2,3); scene.add(side);\r\n    const rim = new THREE.PointLight(0xe4efff,7,12);\r\n    rim.position.set(-3,1,-2); scene.add(rim);\r\n\r\n    \/* ---------- fiber model ---------- *\/\r\n    const model = new THREE.Group();\r\n    model.rotation.z = -.56;\r\n    model.rotation.x = .16;\r\n    scene.add(model);\r\n\r\n    const fiberBody = new THREE.Group();\r\n    model.add(fiberBody);\r\n\r\n    const strandCount = lowPower ? 9 : 12;\r\n    const fiberLength = 6;\r\n    const turns = 2.9;\r\n    const colors = [0xf7f8fa,0xe8edf3,0xdde4ec,0xf0f3f6];\r\n    const strandMaterials = [];\r\n\r\n    for(let s=0;s<strandCount;s++){\r\n      const phase = (s\/strandCount)*Math.PI*2;\r\n      const radius = .72 + (s%3)*.035;\r\n      const points = [];\r\n      const pathSteps = lowPower ? 88 : 120;\r\n      for(let i=0;i<=pathSteps;i++){\r\n        const t = i\/pathSteps;\r\n        const y = (t-.5)*fiberLength;\r\n        const angle = phase + t*Math.PI*2*turns;\r\n        const organic = 1 + Math.sin(t*27+phase)*.025;\r\n        points.push(new THREE.Vector3(\r\n          Math.cos(angle)*radius*organic,\r\n          y,\r\n          Math.sin(angle)*radius*organic\r\n        ));\r\n      }\r\n      const curve = new THREE.CatmullRomCurve3(points);\r\n      const geometry = new THREE.TubeGeometry(curve,lowPower ? 96 : 132,.135,lowPower ? 7 : 8,false);\r\n      const material = new THREE.MeshPhysicalMaterial({\r\n        color:colors[s%colors.length],\r\n        roughness:.72,\r\n        metalness:0,\r\n        sheen:1,\r\n        sheenColor:new THREE.Color(0xdce7f3),\r\n        sheenRoughness:.75\r\n      });\r\n      strandMaterials.push(material);\r\n      fiberBody.add(new THREE.Mesh(geometry,material));\r\n    }\r\n\r\n    const microMaterial = new THREE.MeshBasicMaterial({\r\n      color:0xffffff, transparent:true, opacity:.22, depthWrite:false\r\n    });\r\n    const microCount = lowPower ? 13 : 20;\r\n    for(let s=0;s<microCount;s++){\r\n      const phase = (s\/microCount)*Math.PI*2 + Math.sin(s*9.17)*.38;\r\n      const radius = .87 + ((s*37)%11)\/100;\r\n      const points = [];\r\n      const microSteps = lowPower ? 44 : 64;\r\n      for(let i=0;i<=microSteps;i++){\r\n        const t = i\/microSteps;\r\n        const y = (t-.5)*fiberLength;\r\n        const angle = phase + t*Math.PI*2*(turns+.1);\r\n        points.push(new THREE.Vector3(Math.cos(angle)*radius,y,Math.sin(angle)*radius));\r\n      }\r\n      const curve = new THREE.CatmullRomCurve3(points);\r\n      fiberBody.add(new THREE.Mesh(\r\n        new THREE.TubeGeometry(curve,lowPower ? 50 : 70,.014,4,false),\r\n        microMaterial\r\n      ));\r\n    }\r\n\r\n    \/* ---------- hollow air channel ---------- *\/\r\n    const airMaterial = new THREE.MeshPhysicalMaterial({\r\n      color:0xbfd7f4,\r\n      emissive:0x244b78,\r\n      emissiveIntensity:.32,\r\n      transparent:true,\r\n      opacity:.13,\r\n      roughness:.05,\r\n      transmission:.45,\r\n      thickness:.1,\r\n      side:THREE.DoubleSide,\r\n      depthWrite:false\r\n    });\r\n    const airChannel = new THREE.Mesh(\r\n      new THREE.CylinderGeometry(.25,.25,5.65,32,1,true),\r\n      airMaterial\r\n    );\r\n    model.add(airChannel);\r\n\r\n    const glowMaterial = new THREE.MeshBasicMaterial({\r\n      color:0x8bc4ff,\r\n      transparent:true,\r\n      opacity:.045,\r\n      side:THREE.DoubleSide,\r\n      depthWrite:false,\r\n      blending:THREE.AdditiveBlending\r\n    });\r\n    const airGlow = new THREE.Mesh(\r\n      new THREE.CylinderGeometry(.34,.34,5.8,24,1,true),\r\n      glowMaterial\r\n    );\r\n    model.add(airGlow);\r\n\r\n    \/* ---------- air pockets ---------- *\/\r\n    const pocketGeometry = new THREE.SphereGeometry(1,18,14);\r\n    const pocketMaterial = new THREE.MeshPhysicalMaterial({\r\n      color:0xd8e8fb,\r\n      emissive:0x244c77,\r\n      emissiveIntensity:.25,\r\n      transparent:true,\r\n      opacity:.11,\r\n      transmission:.32,\r\n      roughness:.03,\r\n      depthWrite:false\r\n    });\r\n    const pockets = new THREE.Group();\r\n    model.add(pockets);\r\n    const pocketData = [\r\n      [-.04,-2.15,.03,.20],[.05,-1.55,-.04,.16],[-.05,-.95,.04,.21],\r\n      [.04,-.35,-.03,.16],[-.04,.25,.04,.22],[.04,.85,-.03,.16],\r\n      [-.05,1.45,.03,.20],[.04,2.05,-.03,.17]\r\n    ];\r\n    pocketData.forEach((data,index)=>{\r\n      const p = new THREE.Mesh(pocketGeometry,pocketMaterial);\r\n      p.position.set(data[0],data[1],data[2]);\r\n      const base = data[3];\r\n      p.userData.baseScale = new THREE.Vector3(\r\n        base * (1.00 + (index%2)*.05),\r\n        base * (.72 + (index%3)*.035),\r\n        base * (.92 + (index%2)*.06)\r\n      );\r\n      p.scale.copy(p.userData.baseScale);\r\n      pockets.add(p);\r\n    });\r\n\r\n    \/* ---------- moving air pulse ---------- *\/\r\n    const pulseGroup = new THREE.Group();\r\n    model.add(pulseGroup);\r\n    const pulseGeometry = new THREE.SphereGeometry(.055,10,8);\r\n    const pulseMaterial = new THREE.MeshBasicMaterial({\r\n      color:0xbfe0ff,\r\n      transparent:true,\r\n      opacity:.55,\r\n      depthWrite:false,\r\n      blending:THREE.AdditiveBlending\r\n    });\r\n    for(let i=0;i<7;i++){\r\n      const p = new THREE.Mesh(pulseGeometry,pulseMaterial);\r\n      p.userData.offset = i\/7;\r\n      pulseGroup.add(p);\r\n    }\r\n\r\n    const scanMaterial = new THREE.MeshBasicMaterial({\r\n      color:0xaed7ff,\r\n      transparent:true,\r\n      opacity:.16,\r\n      depthWrite:false,\r\n      blending:THREE.AdditiveBlending\r\n    });\r\n    const scanRing = new THREE.Mesh(new THREE.TorusGeometry(.46,.012,6,36),scanMaterial);\r\n    scanRing.rotation.x = Math.PI\/2;\r\n    model.add(scanRing);\r\n\r\n    \/* ---------- absorption droplets ---------- *\/\r\n    const moisture = new THREE.Group();\r\n    model.add(moisture);\r\n    const dropGeo = new THREE.SphereGeometry(.045,9,7);\r\n    const dropMat = new THREE.MeshBasicMaterial({\r\n      color:0x72b8ff,\r\n      transparent:true,\r\n      opacity:0,\r\n      depthWrite:false,\r\n      blending:THREE.AdditiveBlending\r\n    });\r\n    for(let i=0;i<(lowPower ? 14 : 24);i++){\r\n      const d = new THREE.Mesh(dropGeo,dropMat);\r\n      d.userData.seed = i\/(lowPower ? 14 : 24);\r\n      d.userData.angle = i*.93;\r\n      d.userData.y = -2.4 + ((i*17)%48)\/10;\r\n      moisture.add(d);\r\n    }\r\n\r\n    \/* ---------- drying vapor ---------- *\/\r\n    const vapor = new THREE.Group();\r\n    model.add(vapor);\r\n    const vaporGeo = new THREE.SphereGeometry(.034,8,6);\r\n    const vaporMat = new THREE.MeshBasicMaterial({\r\n      color:0xd7ecff,\r\n      transparent:true,\r\n      opacity:0,\r\n      depthWrite:false,\r\n      blending:THREE.AdditiveBlending\r\n    });\r\n    for(let i=0;i<(lowPower ? 13 : 22);i++){\r\n      const v = new THREE.Mesh(vaporGeo,vaporMat);\r\n      v.userData.seed = i\/(lowPower ? 13 : 22);\r\n      v.userData.angle = i*1.27;\r\n      v.userData.y = -2.3 + ((i*13)%46)\/10;\r\n      vapor.add(v);\r\n    }\r\n\r\n    \/* ---------- state ---------- *\/\r\n    const labels = {\r\n      neutral:['MICRO STRUCTURE','AIR CHANNEL','DRAG ANY DIRECTION \u00b7 360\u00b0'],\r\n      absorption:['ABSORPTION MODE','MOISTURE IN','FIBER RESPONSE \u00b7 LIVE'],\r\n      drying:['DRYING MODE','MOISTURE OUT','AIRFLOW \u00b7 LIVE'],\r\n      softness:['SOFTNESS MODE','AIR POCKETS','MICRO CUSHION \u00b7 LIVE']\r\n    };\r\n    let activeMode = 'neutral';\r\n    let committedMode = 'neutral';\r\n    let interacted = false;\r\n    let dragging = false;\r\n    let activePointerId = null;\r\n    let lastX = 0, lastY = 0, lastMoveTime = 0;\r\n\r\n    \/\/ Full 360\u00b0 rotation state. Both axes are intentionally unlimited.\r\n    let currentX = model.rotation.x, currentY = -.12;\r\n    let targetX = currentX, targetY = currentY;\r\n\r\n    \/\/ Angular velocity (radians per millisecond) gives the model a natural\r\n    \/\/ \"throw\" after the finger \/ mouse is released.\r\n    let spinVX = 0, spinVY = 0;\r\n\r\n    let currentScaleXZ = 1, targetScaleXZ = 1;\r\n    let modeEnergy = 0, targetModeEnergy = 0;\r\n    let pointerRAF = 0;\r\n    let pointerEvent = null;\r\n\r\n    model.rotation.order = 'YXZ';\r\n\r\n    function rotationSensitivity(pointerType){\r\n      const rect = lens.getBoundingClientRect();\r\n      const size = Math.max(180,Math.min(rect.width || 260,rect.height || 260));\r\n      \/\/ Roughly one full turn across the diameter of the lens.\r\n      const base = (Math.PI * 2) \/ (size * 1.12);\r\n      return pointerType === 'touch' ? base * 1.02 : base * .88;\r\n    }\r\n\r\n    function updateHud(mode){\r\n      const x = labels[mode] || labels.neutral;\r\n      if(hudKicker) hudKicker.textContent = x[0];\r\n      if(hudTitle) hudTitle.textContent = x[1];\r\n      if(hudSub) hudSub.textContent = x[2];\r\n    }\r\n\r\n    function setMode(mode,source='user',commit=false){\r\n      if(!labels[mode]) mode = 'neutral';\r\n      activeMode = mode;\r\n      if(commit) committedMode = mode;\r\n      root.dataset.mode = mode;\r\n      updateHud(mode);\r\n      features.forEach(el=>{\r\n        const on = el.dataset.mode === mode;\r\n        el.classList.toggle('is-active',on);\r\n        el.classList.toggle('is-committed',el.dataset.mode === committedMode && committedMode !== 'neutral');\r\n        el.setAttribute('aria-pressed',el.dataset.mode === committedMode && committedMode !== 'neutral' ? 'true':'false');\r\n      });\r\n      if(mode !== 'neutral'){\r\n        interacted = true;\r\n        targetModeEnergy = 1;\r\n        if(hint) hint.classList.add('is-used');\r\n      }else{\r\n        targetModeEnergy = 0;\r\n      }\r\n      if(source !== 'drag'){\r\n        spinVX = 0;\r\n        spinVY = 0;\r\n        if(mode === 'absorption') targetY = -.58;\r\n        if(mode === 'drying') targetY = .52;\r\n        if(mode === 'softness') targetY = -.04;\r\n        if(mode === 'neutral' && interacted) targetY = -.12;\r\n      }\r\n      targetScaleXZ = mode === 'softness' ? 1.045 : 1;\r\n    }\r\n\r\n    function commitMode(mode,source){\r\n      setMode(mode,source,true);\r\n    }\r\n\r\n    features.forEach(feature=>{\r\n      const mode = feature.dataset.mode;\r\n      feature.addEventListener('pointerenter',()=>{\r\n        if(finePointer && !dragging) setMode(mode,'hover',false);\r\n      });\r\n      feature.addEventListener('pointerleave',()=>{\r\n        if(finePointer && !dragging) setMode(committedMode,'hover-leave',false);\r\n      });\r\n      feature.addEventListener('click',()=>commitMode(mode,'click'));\r\n      feature.addEventListener('focus',()=>setMode(mode,'focus',false));\r\n      feature.addEventListener('blur',()=>setMode(committedMode,'blur',false));\r\n      feature.addEventListener('keydown',e=>{\r\n        if(e.key === 'Enter' || e.key === ' '){\r\n          e.preventDefault();\r\n          commitMode(mode,'keyboard');\r\n        }\r\n      });\r\n    });\r\n\r\n\r\n    lens.addEventListener('pointerdown',event=>{\r\n      \/\/ Primary pointer only. One finger \/ mouse button = grab the fiber.\r\n      if(event.pointerType === 'mouse' && event.button !== 0) return;\r\n\r\n      dragging = true;\r\n      interacted = true;\r\n      activePointerId = event.pointerId;\r\n      lastX = event.clientX;\r\n      lastY = event.clientY;\r\n      lastMoveTime = performance.now();\r\n      spinVX = 0;\r\n      spinVY = 0;\r\n\r\n      lens.classList.add('is-dragging');\r\n      lens.setPointerCapture(event.pointerId);\r\n      if(hint) hint.classList.add('is-used');\r\n    });\r\n\r\n    lens.addEventListener('pointermove',event=>{\r\n      if(!dragging || event.pointerId !== activePointerId) return;\r\n\r\n      const now = performance.now();\r\n      const dt = Math.max(8,Math.min(40,now-lastMoveTime || 16));\r\n      const dx = event.clientX-lastX;\r\n      const dy = event.clientY-lastY;\r\n      const sensitivity = rotationSensitivity(event.pointerType);\r\n\r\n      const rotY = dx*sensitivity;\r\n      const rotX = dy*sensitivity;\r\n\r\n      \/\/ True two-axis drag on desktop, tablet and mobile.\r\n      targetY += rotY;\r\n      targetX += rotX;\r\n\r\n      \/\/ Store recent angular speed for inertia after release.\r\n      spinVY = THREE.MathUtils.clamp(rotY\/dt,-.018,.018);\r\n      spinVX = THREE.MathUtils.clamp(rotX\/dt,-.018,.018);\r\n\r\n      lastX = event.clientX;\r\n      lastY = event.clientY;\r\n      lastMoveTime = now;\r\n    });\r\n\r\n    function stopDrag(event){\r\n      if(!dragging) return;\r\n      if(event && activePointerId !== null && event.pointerId !== activePointerId) return;\r\n\r\n      dragging = false;\r\n      lens.classList.remove('is-dragging');\r\n\r\n      if(event && lens.hasPointerCapture && lens.hasPointerCapture(event.pointerId)){\r\n        try{ lens.releasePointerCapture(event.pointerId); }catch(_e){}\r\n      }\r\n      activePointerId = null;\r\n    }\r\n\r\n    lens.addEventListener('pointerup',stopDrag);\r\n    lens.addEventListener('pointercancel',stopDrag);\r\n    lens.addEventListener('lostpointercapture',()=>{\r\n      if(dragging){\r\n        dragging = false;\r\n        activePointerId = null;\r\n        lens.classList.remove('is-dragging');\r\n      }\r\n    });\r\n\r\n    lens.addEventListener('keydown',event=>{\r\n      const step = .16;\r\n      if(event.key === 'ArrowLeft'){ event.preventDefault(); interacted=true; spinVY=0; targetY-=step; }\r\n      if(event.key === 'ArrowRight'){ event.preventDefault(); interacted=true; spinVY=0; targetY+=step; }\r\n      if(event.key === 'ArrowUp'){ event.preventDefault(); interacted=true; spinVX=0; targetX-=step; }\r\n      if(event.key === 'ArrowDown'){ event.preventDefault(); interacted=true; spinVX=0; targetX+=step; }\r\n      if(event.key === 'Enter'){\r\n        event.preventDefault();\r\n        const order = ['absorption','drying','softness'];\r\n        const idx = activeMode === 'neutral' ? 0 : (order.indexOf(activeMode)+1)%order.length;\r\n        commitMode(order[idx],'keyboard');\r\n      }\r\n      if(hint) hint.classList.add('is-used');\r\n    });\r\n\r\n    \/* ---------- premium mouse parallax (rAF throttled) ---------- *\/\r\n    function renderPointerParallax(){\r\n      pointerRAF = 0;\r\n      if(!pointerEvent) return;\r\n      const event = pointerEvent;\r\n      pointerEvent = null;\r\n      const r = root.getBoundingClientRect();\r\n      const nx = ((event.clientX-r.left)\/r.width)-.5;\r\n      const ny = ((event.clientY-r.top)\/r.height)-.5;\r\n      root.style.setProperty('--hc-lens-x',(nx*8).toFixed(2)+'px');\r\n      root.style.setProperty('--hc-lens-y',(ny*5.5).toFixed(2)+'px');\r\n      root.style.setProperty('--hc-bg-x',(nx*-3.5).toFixed(2)+'px');\r\n      root.style.setProperty('--hc-bg-y',(ny*-2).toFixed(2)+'px');\r\n      root.style.setProperty('--hc-light-x',((nx+.5)*100).toFixed(1)+'%');\r\n      root.style.setProperty('--hc-light-y',((ny+.5)*100).toFixed(1)+'%');\r\n    }\r\n\r\n    if(finePointer){\r\n      root.addEventListener('pointermove',event=>{\r\n        pointerEvent = event;\r\n        if(!pointerRAF) pointerRAF = requestAnimationFrame(renderPointerParallax);\r\n      },{passive:true});\r\n      root.addEventListener('pointerleave',()=>{\r\n        pointerEvent = null;\r\n        if(pointerRAF){ cancelAnimationFrame(pointerRAF); pointerRAF = 0; }\r\n        root.style.setProperty('--hc-lens-x','0px');\r\n        root.style.setProperty('--hc-lens-y','0px');\r\n        root.style.setProperty('--hc-bg-x','0px');\r\n        root.style.setProperty('--hc-bg-y','0px');\r\n        root.style.setProperty('--hc-light-x','24%');\r\n        root.style.setProperty('--hc-light-y','42%');\r\n        if(!dragging) setMode(committedMode,'section-leave',false);\r\n      });\r\n    }\r\n\r\n    \/* ---------- resize ---------- *\/\r\n    function resize(){\r\n      const rect = lens.getBoundingClientRect();\r\n      if(!rect.width || !rect.height) return;\r\n      renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, isMobile() ? 1.35 : 1.55));\r\n      renderer.setSize(rect.width,rect.height,false);\r\n      camera.aspect = rect.width\/rect.height;\r\n      camera.updateProjectionMatrix();\r\n    }\r\n    const resizeObserver = new ResizeObserver(resize);\r\n    resizeObserver.observe(lens);\r\n    resize();\r\n\r\n    \/* ---------- animation ---------- *\/\r\n    const clock = new THREE.Clock();\r\n    let frame = null;\r\n    let running = false;\r\n    let inView = false;\r\n\r\n    function animate(){\r\n      if(!running) return;\r\n      frame = requestAnimationFrame(animate);\r\n      const time = clock.getElapsedTime();\r\n\r\n      if(!interacted && !reduced){\r\n        targetY = -.12 + Math.sin(time*.28)*.23;\r\n      }\r\n\r\n      \/\/ Kinetic 360\u00b0 spin after release. The damping is frame-rate independent.\r\n      if(interacted && !dragging && !reduced){\r\n        const dtMs = Math.min(34,Math.max(8,clock.getDelta()*1000 || 16.67));\r\n        targetX += spinVX*dtMs;\r\n        targetY += spinVY*dtMs;\r\n\r\n        const damping = Math.pow(.90,dtMs\/16.67);\r\n        spinVX *= damping;\r\n        spinVY *= damping;\r\n\r\n        if(Math.abs(spinVX)<.000015) spinVX = 0;\r\n        if(Math.abs(spinVY)<.000015) spinVY = 0;\r\n      }else{\r\n        \/\/ Keep Clock#getDelta warm so release does not receive a large dt spike.\r\n        clock.getDelta();\r\n      }\r\n\r\n      const follow = dragging ? .34 : .16;\r\n      currentX += (targetX-currentX)*follow;\r\n      currentY += (targetY-currentY)*follow;\r\n      currentScaleXZ += (targetScaleXZ-currentScaleXZ)*.06;\r\n      modeEnergy += (targetModeEnergy-modeEnergy)*.05;\r\n\r\n      model.rotation.x = currentX;\r\n      model.rotation.y = currentY;\r\n      fiberBody.scale.x = currentScaleXZ;\r\n      fiberBody.scale.z = currentScaleXZ;\r\n\r\n      const softness = activeMode === 'softness' ? 1 : 0;\r\n      const absorption = activeMode === 'absorption' ? 1 : 0;\r\n      const drying = activeMode === 'drying' ? 1 : 0;\r\n\r\n      if(!reduced){\r\n        pockets.children.forEach((p,index)=>{\r\n          const breathe = 1 + Math.sin(time*(.92+softness*.28)+index*.72)*(.035 + softness*.09);\r\n          const base = p.userData.baseScale;\r\n          p.scale.set(base.x*breathe,base.y*(1 + (breathe-1)*.72),base.z*breathe);\r\n        });\r\n      }\r\n\r\n      pocketMaterial.opacity = .085 + softness*.075;\r\n      pocketMaterial.emissiveIntensity = .18 + softness*.46;\r\n      airMaterial.opacity = .105 + (absorption+drying+softness)*.02;\r\n      airMaterial.emissiveIntensity = .22 + (activeMode==='neutral'?.05:.30);\r\n      glowMaterial.opacity = .025 + (activeMode==='neutral'?.012:.065);\r\n\r\n      pulseGroup.children.forEach((p,index)=>{\r\n        const phase = (time*.18 + p.userData.offset)%1;\r\n        p.position.set(Math.sin(index*2.4)*.05,-2.55+phase*5.1,Math.cos(index*1.7)*.05);\r\n        const wave = Math.sin(Math.PI*phase);\r\n        p.scale.setScalar(.7+wave*.8);\r\n      });\r\n      pulseMaterial.opacity = activeMode === 'drying' ? .64 : activeMode === 'absorption' ? .54 : .30;\r\n\r\n      const scanT = (time*.16)%1;\r\n      scanRing.position.y = -2.45 + scanT*4.9;\r\n      scanMaterial.opacity = .035 + Math.sin(Math.PI*scanT)*(.055 + softness*.045);\r\n\r\n      dropMat.opacity += (((absorption ? .54 : 0))-dropMat.opacity)*.075;\r\n      moisture.children.forEach((d,index)=>{\r\n        const t = (time*.34 + d.userData.seed)%1;\r\n        const ease = 1-Math.pow(1-t,2.4);\r\n        const r = 2.05*(1-ease)+.28*ease;\r\n        const a = d.userData.angle + time*.08;\r\n        d.position.set(Math.cos(a)*r,d.userData.y*(1-t*.14),Math.sin(a)*r);\r\n        d.scale.setScalar(.7 + Math.sin(Math.PI*t)*.9);\r\n      });\r\n\r\n      vaporMat.opacity += (((drying ? .46 : 0))-vaporMat.opacity)*.075;\r\n      vapor.children.forEach((v,index)=>{\r\n        const t = (time*.29 + v.userData.seed)%1;\r\n        const r = .28 + t*1.9;\r\n        const a = v.userData.angle + Math.sin(time*.23+index)*.18;\r\n        v.position.set(Math.cos(a)*r,v.userData.y+t*.48,Math.sin(a)*r);\r\n        v.scale.setScalar(.65 + t*.95);\r\n      });\r\n\r\n      strandMaterials.forEach((mat,index)=>{\r\n        const pulse = activeMode==='absorption' ? Math.sin(time*1.7+index*.35)*.035 : 0;\r\n        mat.roughness = .72 - softness*.08 + pulse;\r\n      });\r\n\r\n      renderer.render(scene,camera);\r\n    }\r\n\r\n    function start(){\r\n      if(running) return;\r\n      running = true;\r\n      clock.start();\r\n      animate();\r\n    }\r\n    function stop(){\r\n      running = false;\r\n      if(frame){ cancelAnimationFrame(frame); frame = null; }\r\n    }\r\n\r\n    const observer = new IntersectionObserver(entries=>{\r\n      entries.forEach(entry=>{\r\n        if(entry.target !== root) return;\r\n        if(entry.isIntersecting){\r\n          inView = true;\r\n          root.classList.add('is-inview');\r\n          if(!document.hidden) start();\r\n        }else{\r\n          inView = false;\r\n          stop();\r\n        }\r\n      });\r\n    },{threshold:.16,rootMargin:'80px 0px 80px 0px'});\r\n    observer.observe(root);\r\n\r\n    \/\/ Fallback in case IntersectionObserver is delayed by an editor iframe.\r\n    requestAnimationFrame(()=>{\r\n      const r = root.getBoundingClientRect();\r\n      if(r.bottom>0 && r.top<window.innerHeight){ inView = true; root.classList.add('is-inview'); if(!document.hidden) start(); }\r\n    });\r\n\r\n    document.addEventListener('visibilitychange',()=>{\r\n      if(document.hidden){\r\n        stop();\r\n      }else if(inView){\r\n        start();\r\n      }\r\n    });\r\n\r\n    canvas.addEventListener('webglcontextlost',event=>{\r\n      event.preventDefault();\r\n      stop();\r\n      root.classList.add('hcw-no3d');\r\n    },{passive:false});\r\n\r\n    window.addEventListener('pagehide',()=>{\r\n      stop();\r\n      observer.disconnect();\r\n      resizeObserver.disconnect();\r\n      renderer.dispose();\r\n      scene.traverse(obj=>{\r\n        if(obj.geometry && obj.geometry.dispose) obj.geometry.dispose();\r\n        if(obj.material){\r\n          const mats = Array.isArray(obj.material) ? obj.material : [obj.material];\r\n          mats.forEach(m=>m && m.dispose && m.dispose());\r\n        }\r\n      });\r\n    },{once:true});\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-826f4b9 e-flex e-con-boxed e-con e-parent\" data-id=\"826f4b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a183124 elementor-widget elementor-widget-spacer\" data-id=\"a183124\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6550b58 e-con-full welspun-benefits elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"6550b58\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3b14f9b e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"3b14f9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a22f0f3 e-flex e-con-boxed e-con e-child\" data-id=\"a22f0f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2f2fbe7 e-con-full e-flex e-con e-child\" data-id=\"2f2fbe7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f6d84e1 e-con-full welspun-benefit-card e-flex e-con e-child\" data-id=\"f6d84e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9117eb elementor-widget elementor-widget-heading\" data-id=\"c9117eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u05de\u05d4 \u05d4\u05d0\u05d5\u05e8\u05d7 \u05de\u05e8\u05d2\u05d9\u05e9<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cbbeb6 elementor-align-start elementor-mobile-align-start welspun-icon-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5cbbeb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e8\u05db\u05d5\u05ea \u05d9\u05d5\u05e6\u05d0\u05ea \u05d3\u05d5\u05e4\u05df<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05ea\u05d7\u05d5\u05e9\u05ea \u05d9\u05d5\u05e7\u05e8\u05d4 \u05d0\u05de\u05d9\u05ea\u05d9\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e0\u05d5\u05d7\u05d5\u05ea \u05d1\u05db\u05dc \u05e4\u05e8\u05d8<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05d7\u05d5\u05d5\u05d9\u05ea \u05d0\u05d9\u05e8\u05d5\u05d7 \u05d1\u05dc\u05ea\u05d9 \u05e0\u05e9\u05db\u05d7\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1db84df e-con-full e-flex e-con e-child\" data-id=\"1db84df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f86e46c e-con-full e-flex e-con e-child\" data-id=\"f86e46c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5b6e962 e-con-full welspun-benefit-card e-flex e-con e-child\" data-id=\"5b6e962\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-393a4ae elementor-widget elementor-widget-heading\" data-id=\"393a4ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u05de\u05d4 \u05d4\u05e2\u05e1\u05e7 \u05de\u05e7\u05d1\u05dc<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0abc5d7 elementor-align-start welspun-icon-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"0abc5d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e2\u05de\u05d9\u05d3\u05d5\u05ea \u05dc\u05d0\u05d5\u05e8\u05da \u05d6\u05de\u05df<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e0\u05d5\u05d7\u05d5\u05ea \u05ea\u05e4\u05e2\u05d5\u05dc\u05d9\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05d7\u05e1\u05db\u05d5\u05df \u05d1\u05e2\u05dc\u05d5\u05d9\u05d5\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e9\u05d5\u05ea\u05e3 \u05d0\u05de\u05d9\u05df \u05d5\u05e0\u05d5\u05db\u05d7\u05d5\u05ea \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-940ebe0 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"940ebe0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21c5b66 e-flex e-con-boxed e-con e-parent\" data-id=\"21c5b66\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3ce9232 e-con-full e-flex e-con e-child\" data-id=\"3ce9232\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-516cd49 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"516cd49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u05d9\u05ea\u05e8\u05e0\u05d5\u05ea \u05e9\u05de\u05e8\u05d2\u05d9\u05e9\u05d9\u05dd \u05d1\u05db\u05dc \u05e6\u05d3 \u05e9\u05dc \u05d4\u05d7\u05d5\u05d5\u05d9\u05d4<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3316c9 e-con-full welspun-benefit-card e-flex e-con e-child\" data-id=\"e3316c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-604d10d elementor-widget elementor-widget-heading\" data-id=\"604d10d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u05de\u05d4 \u05d4\u05d0\u05d5\u05e8\u05d7 \u05de\u05e8\u05d2\u05d9\u05e9<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ece3d42 elementor-align-start elementor-mobile-align-start welspun-icon-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ece3d42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e8\u05db\u05d5\u05ea \u05d9\u05d5\u05e6\u05d0\u05ea \u05d3\u05d5\u05e4\u05df<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05ea\u05d7\u05d5\u05e9\u05ea \u05d9\u05d5\u05e7\u05e8\u05d4 \u05d0\u05de\u05d9\u05ea\u05d9\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e0\u05d5\u05d7\u05d5\u05ea \u05d1\u05db\u05dc \u05e4\u05e8\u05d8<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05d7\u05d5\u05d5\u05d9\u05ea \u05d0\u05d9\u05e8\u05d5\u05d7 \u05d1\u05dc\u05ea\u05d9 \u05e0\u05e9\u05db\u05d7\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c79e9e3 e-con-full welspun-benefit-card e-flex e-con e-child\" data-id=\"c79e9e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9771fa1 elementor-widget elementor-widget-heading\" data-id=\"9771fa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u05de\u05d4 \u05d4\u05e2\u05e1\u05e7 \u05de\u05e7\u05d1\u05dc<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3ce896 elementor-align-start welspun-icon-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"e3ce896\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e2\u05de\u05d9\u05d3\u05d5\u05ea \u05dc\u05d0\u05d5\u05e8\u05da \u05d6\u05de\u05df<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e0\u05d5\u05d7\u05d5\u05ea \u05ea\u05e4\u05e2\u05d5\u05dc\u05d9\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05d7\u05e1\u05db\u05d5\u05df \u05d1\u05e2\u05dc\u05d5\u05d9\u05d5\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u05e9\u05d5\u05ea\u05e3 \u05d0\u05de\u05d9\u05df \u05d5\u05e0\u05d5\u05db\u05d7\u05d5\u05ea \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9\u05ea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e3c809 e-flex e-con-boxed e-con e-parent\" data-id=\"5e3c809\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3313063 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"3313063\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u05de\u05e6\u05e2\u05d9\u05dd<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b95f34 e-flex e-con-boxed e-con e-parent\" data-id=\"7b95f34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f76575 elementor-grid-mobile-1 welspun-premium-products elementor-grid-4 elementor-grid-tablet-3 elementor-products-grid elementor-wc-products elementor-widget elementor-widget-woocommerce-products\" data-id=\"7f76575\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"woocommerce-products.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"woocommerce columns-4 \"><ul class=\"products elementor-grid columns-4\">\n<li class=\"product type-product post-395 status-publish first instock product_cat-bedding has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/royaltex.co.il\/?product=%d7%a1%d7%93%d7%99%d7%9f-%d7%99%d7%97%d7%99%d7%93-%d7%9b%d7%95%d7%aa%d7%a0%d7%94-190x280-%d7%a1%d7%9e-welspun\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/c5c796d9-334f-42d6-a1b5-bc9c59453f63-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u05e1\u05d3\u05d9\u05df \u05d9\u05d7\u05d9\u05d3 \u05db\u05d5\u05ea\u05e0\u05d4 190\u00d7280 \u05e1&quot;\u05de - Welspun\" srcset=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/c5c796d9-334f-42d6-a1b5-bc9c59453f63-300x300.webp 300w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/c5c796d9-334f-42d6-a1b5-bc9c59453f63-1024x1024.webp 1024w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/c5c796d9-334f-42d6-a1b5-bc9c59453f63-150x150.webp 150w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/c5c796d9-334f-42d6-a1b5-bc9c59453f63-768x768.webp 768w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/c5c796d9-334f-42d6-a1b5-bc9c59453f63-600x600.webp 600w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/c5c796d9-334f-42d6-a1b5-bc9c59453f63-100x100.webp 100w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/c5c796d9-334f-42d6-a1b5-bc9c59453f63.webp 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">\u05e1\u05d3\u05d9\u05df \u05d9\u05d7\u05d9\u05d3 \u05db\u05d5\u05ea\u05e0\u05d4 190\u00d7280 \u05e1&quot;\u05de &#8211; Welspun<\/h2>\n<\/a><div class=\"woocommerce-loop-product__buttons\"><a href=\"https:\/\/royaltex.co.il\/?product=%d7%a1%d7%93%d7%99%d7%9f-%d7%99%d7%97%d7%99%d7%93-%d7%9b%d7%95%d7%aa%d7%a0%d7%94-190x280-%d7%a1%d7%9e-welspun\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_395\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"395\" data-product_sku=\"5-5012\" aria-label=\"\u05de\u05d9\u05d3\u05e2 \u05e0\u05d5\u05e1\u05e3 \u05e2\u05dc &quot;\u05e1\u05d3\u05d9\u05df \u05d9\u05d7\u05d9\u05d3 \u05db\u05d5\u05ea\u05e0\u05d4 190\u00d7280 \u05e1&quot;\u05de - Welspun&quot;\" rel=\"\" data-success_message=\"\">\u05de\u05d9\u05d3\u05e2 \u05e0\u05d5\u05e1\u05e3<\/a><\/div>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_395\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-390 status-publish instock product_cat-bedding product_tag-welspun product_tag-welspun- product_tag-46 product_tag-51 product_tag--welspun product_tag-52 product_tag-45 product_tag-53 product_tag--280x300 product_tag-47 product_tag-42 product_tag-44 product_tag-49 product_tag-54 has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/royaltex.co.il\/?product=%d7%a1%d7%93%d7%99%d7%9f-%d7%96%d7%95%d7%92%d7%99-%d7%9b%d7%95%d7%aa%d7%a0%d7%94-%d7%91%d7%9e%d7%99%d7%93%d7%94-280x300-%d7%a1%d7%9e-welspun\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/b8b01a00-b483-4b41-8dd5-67194d5e9ff0-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u05e1\u05d3\u05d9\u05df \u05d6\u05d5\u05d2\u05d9 \u05db\u05d5\u05ea\u05e0\u05d4\u200b \u05d1\u05de\u05d9\u05d3\u05d4 280\u00d7300 \u05e1&quot;\u05de - Welspun\" srcset=\"https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/b8b01a00-b483-4b41-8dd5-67194d5e9ff0-300x300.webp 300w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/b8b01a00-b483-4b41-8dd5-67194d5e9ff0-1024x1024.webp 1024w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/b8b01a00-b483-4b41-8dd5-67194d5e9ff0-150x150.webp 150w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/b8b01a00-b483-4b41-8dd5-67194d5e9ff0-768x768.webp 768w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/b8b01a00-b483-4b41-8dd5-67194d5e9ff0-600x600.webp 600w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/b8b01a00-b483-4b41-8dd5-67194d5e9ff0-100x100.webp 100w, https:\/\/royaltex.co.il\/wp-content\/uploads\/2026\/10\/b8b01a00-b483-4b41-8dd5-67194d5e9ff0.webp 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">\u05e1\u05d3\u05d9\u05df \u05d6\u05d5\u05d2\u05d9 \u05db\u05d5\u05ea\u05e0\u05d4\u200b \u05d1\u05de\u05d9\u05d3\u05d4 280\u00d7300 \u05e1&quot;\u05de &#8211; Welspun<\/h2>\n<\/a><div class=\"woocommerce-loop-product__buttons\"><a href=\"https:\/\/royaltex.co.il\/?product=%d7%a1%d7%93%d7%99%d7%9f-%d7%96%d7%95%d7%92%d7%99-%d7%9b%d7%95%d7%aa%d7%a0%d7%94-%d7%91%d7%9e%d7%99%d7%93%d7%94-280x300-%d7%a1%d7%9e-welspun\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_390\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"390\" data-product_sku=\"5-5011\" aria-label=\"\u05de\u05d9\u05d3\u05e2 \u05e0\u05d5\u05e1\u05e3 \u05e2\u05dc &quot;\u05e1\u05d3\u05d9\u05df \u05d6\u05d5\u05d2\u05d9 \u05db\u05d5\u05ea\u05e0\u05d4\u200b \u05d1\u05de\u05d9\u05d3\u05d4 280\u00d7300 \u05e1&quot;\u05de - Welspun&quot;\" rel=\"\" data-success_message=\"\">\u05de\u05d9\u05d3\u05e2 \u05e0\u05d5\u05e1\u05e3<\/a><\/div>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_390\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WELSPUN \u00b7 HOSPITALITY \u05d4\u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05e9\u05d4\u05d0\u05d5\u05e8\u05d7 \u05de\u05e8\u05d2\u05d9\u05e9. \u05d4\u05d4\u05ea\u05d5\u05e6\u05d0\u05d5\u05ea \u05e9\u05d4\u05de\u05dc\u05d5\u05df \u05e8\u05d5\u05d0\u05d4. \u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05d8\u05e7\u05e1\u05d8\u05d9\u05dc \u05dc\u05ea\u05d7\u05d5\u05dd \u05d4\u05d0\u05d9\u05e8\u05d5\u05d7 \u05e9\u05de\u05d7\u05d1\u05e8\u05d9\u05dd \u05d1\u05d9\u05df \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d0\u05d5\u05e8\u05d7, \u05d1\u05d9\u05e6\u05d5\u05e2\u05d9\u05dd \u05ea\u05e4\u05e2\u05d5\u05dc\u05d9\u05d9\u05dd \u05d5\u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9. B2B Hospitality Textile Solutions GLOBAL SCALE \u05e2\u05d5\u05e6\u05de\u05d4 \u05e9\u05d0\u05e4\u05e9\u05e8 \u05dc\u05de\u05d3\u05d5\u05d3 \u05d1\u05de\u05e1\u05e4\u05e8\u05d9\u05dd. \u05de\u05d0\u05d7\u05d5\u05e8\u05d9 \u05d4\u05de\u05d2\u05e2 \u05d4\u05e8\u05da \u05e2\u05d5\u05de\u05d3\u05ea \u05ea\u05e9\u05ea\u05d9\u05ea \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9\u05ea \u05e9\u05de\u05e1\u05e4\u05e7\u05ea \u05e2\u05e7\u05d1\u05d9\u05d5\u05ea, \u05d9\u05db\u05d5\u05dc\u05ea \u05d9\u05d9\u05e6\u05d5\u05e8 \u05d5\u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05e7\u05e0\u05d4 \u05de\u05d9\u05d3\u05d4 \u05de\u05dc\u05d5\u05e0\u05d0\u05d9. 50+ \u05de\u05d3\u05d9\u05e0\u05d5\u05ea \u05e4\u05e2\u05d9\u05dc\u05d5\u05ea 1.5M+ \u05d7\u05d3\u05e8\u05d9 \u05de\u05dc\u05d5\u05df \u05d1\u05e8\u05d7\u05d1\u05d9 \u05d4\u05e2\u05d5\u05dc\u05dd \u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd \u05d1\u05de\u05d5\u05e6\u05e8\u05d9 [&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-138","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/royaltex.co.il\/index.php?rest_route=\/wp\/v2\/pages\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/royaltex.co.il\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/royaltex.co.il\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/royaltex.co.il\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/royaltex.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=138"}],"version-history":[{"count":137,"href":"https:\/\/royaltex.co.il\/index.php?rest_route=\/wp\/v2\/pages\/138\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/royaltex.co.il\/index.php?rest_route=\/wp\/v2\/pages\/138\/revisions\/406"}],"wp:attachment":[{"href":"https:\/\/royaltex.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}