{"id":7,"date":"2022-07-23T09:44:04","date_gmt":"2022-07-23T09:44:04","guid":{"rendered":"https:\/\/kadence.pixel-show.com\/filmmaker\/?page_id=7"},"modified":"2026-04-07T07:37:55","modified_gmt":"2026-04-07T07:37:55","slug":"home","status":"publish","type":"page","link":"https:\/\/owmet.zdalneit.pl\/owmet\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOWMET \u2013 Stolarka aluminiowa<\/title>\r\n<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=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.owp {\r\n --p-900: #061d2b;\r\n --p-800: #0a2d44;\r\n --p-700: #0d3d5c;\r\n --p-600: #0f3854;\r\n --p-500: #1a5580;\r\n --p-400: #4a86a8;\r\n --p-300: #7db0c8;\r\n --p-200: #b3d4e5;\r\n --p-100: #dceef7;\r\n --p-50: #f0f8fc;\r\n --white: #ffffff;\r\n --bg: #f2f7fb;\r\n --bg-alt:#e6eef5;\r\n --text: #0d2235;\r\n --muted: #4a6278;\r\n --shadow-sm: 0 2px 8px rgba(15,56,84,.08);\r\n --shadow: 0 8px 32px rgba(15,56,84,.12);\r\n --shadow-lg: 0 24px 64px rgba(15,56,84,.18);\r\n --radius: 16px;\r\n --radius-sm: 10px;\r\n --font-display: 'DM Serif Display', Georgia, serif;\r\n --font-body: 'DM Sans', ui-sans-serif, system-ui, sans-serif;\r\n font-family: var(--font-body);\r\n background: var(--bg);\r\n color: var(--text);\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n}\r\n.owp *, .owp *::before, .owp *::after { box-sizing: border-box; }\r\n.owp a { color: inherit; text-decoration: none; }\r\n.owp button { font: inherit; cursor: pointer; border: none; background: none; }\r\n.owp img { max-width: 100%; display: block; }\r\n.owp-shell { width: min(1320px, calc(100% - 48px)); margin: 0 auto; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO \u2014 split screen + pe\u0142ny slider\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.owp-hero {\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 100vh;\r\n background: #fff;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.owp-hero-main {\r\n display: flex;\r\n flex-direction: row;\r\n flex: 1;\r\n min-height: 0;\r\n}\r\n\r\n\/* \u2500\u2500 LEWA KOLUMNA \u2500\u2500 *\/\r\n.owp-hero-left {\r\n width: 55%;\r\n flex-shrink: 0;\r\n background: #ffffff;\r\n display: flex;\r\n align-items: stretch;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n.owp-hero-left::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; right: -58px; bottom: 0;\r\n width: 120px;\r\n background: #ffffff;\r\n clip-path: polygon(0 0, 50% 0, 100% 100%, 0 100%);\r\n z-index: 3;\r\n pointer-events: none;\r\n}\r\n.owp-hero-left-inner {\r\n width: 100%;\r\n padding: 110px 80px 52px 5%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n}\r\n\r\n.owp-eyebrow {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n color: var(--p-700); font-size: 11px; font-weight: 600;\r\n letter-spacing: .22em; text-transform: uppercase;\r\n margin-bottom: 28px;\r\n}\r\n.owp-eyebrow::before {\r\n content: ''; width: 28px; height: 2px;\r\n background: var(--p-600); flex-shrink: 0;\r\n}\r\n\r\n.owp-hero h1 {\r\n font-family: var(--font-display);\r\n font-size: clamp(34px, 3.8vw, 72px);\r\n line-height: .93; letter-spacing: -.03em;\r\n font-weight: 400; color: var(--p-900);\r\n margin: 0 0 28px;\r\n white-space: nowrap;\r\n}\r\n.owp-hero h1 span { display: block; }\r\n.owp-hero h1 em { font-style: italic; color: var(--p-600); display: block; }\r\n\r\n.owp-hero-desc {\r\n font-size: clamp(14px, 1.3vw, 17px);\r\n color: var(--muted); line-height: 1.8;\r\n font-weight: 300; max-width: 42ch;\r\n margin: 0 0 36px;\r\n border-left: 2px solid var(--p-200);\r\n padding-left: 18px;\r\n}\r\n\r\n.owp-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 52px; }\r\n\r\n\/* Stats w lewej kolumnie *\/\r\n.owp-hero-stats {\r\n display: flex; gap: 0;\r\n border-top: 1px solid #e8edf2;\r\n padding-top: 28px;\r\n}\r\n.owp-hero-stat {\r\n flex: 1; padding-right: 20px;\r\n border-right: 1px solid #e8edf2;\r\n margin-right: 20px;\r\n}\r\n.owp-hero-stat:last-child { border-right: none; margin-right: 0; padding-right: 0; }\r\n.owp-hero-stat-num {\r\n font-family: var(--font-display);\r\n font-size: clamp(26px, 2.4vw, 40px);\r\n font-weight: 400; color: var(--p-900);\r\n line-height: 1; display: block; margin-bottom: 4px;\r\n}\r\n.owp-hero-stat-num sup { font-size: .48em; vertical-align: super; color: var(--p-500); }\r\n.owp-hero-stat-label {\r\n font-size: 11px; color: var(--muted);\r\n font-weight: 300; display: block; line-height: 1.4;\r\n}\r\n\r\n\/* \u2500\u2500 PRAWA KOLUMNA \u2014 slider \u2500\u2500 *\/\r\n.owp-hero-slider {\r\n flex: 1;\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--p-900);\r\n}\r\n.owp-slide {\r\n position: absolute; inset: 0;\r\n background-size: cover; background-position: center;\r\n opacity: 0;\r\n transition: opacity 1s ease, transform 1.4s cubic-bezier(.4,0,.2,1);\r\n transform: scale(1.05);\r\n}\r\n.owp-slide--active { opacity: 1; transform: scale(1); z-index: 1; }\r\n.owp-slide::after {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, rgba(6,29,43,.04) 0%, rgba(6,29,43,.08) 50%, rgba(6,29,43,.65) 100%);\r\n}\r\n.owp-slide-label {\r\n position: absolute; bottom: 80px; left: 48px; right: 48px;\r\n z-index: 2; opacity: 0; transform: translateY(12px);\r\n transition: opacity .55s .25s ease, transform .55s .25s ease;\r\n}\r\n.owp-slide--active .owp-slide-label { opacity: 1; transform: translateY(0); }\r\n.owp-slide-cat { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--p-200); border-bottom: 1px solid var(--p-400); padding-bottom: 5px; margin-bottom: 10px; }\r\n.owp-slide-label p { font-family: var(--font-display); font-size: clamp(20px, 2vw, 30px); color: #fff; font-weight: 400; line-height: 1.15; margin: 0; }\r\n.owp-slider-wedge { position: absolute; top: 0; left: -1px; bottom: 0; width: 72px; background: #ffffff; clip-path: polygon(0 0, 100% 0, 0 100%); z-index: 4; pointer-events: none; }\r\n.owp-slider-dots { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); z-index: 5; display: flex; flex-direction: column; gap: 10px; }\r\n.owp-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.32); border: none; padding: 0; cursor: pointer; transition: background .3s, transform .3s; }\r\n.owp-dot--active { background: #fff; transform: scale(1.4); }\r\n.owp-slider-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,.12); z-index: 5; }\r\n.owp-slider-progress-bar { height: 100%; background: linear-gradient(90deg, var(--p-400), var(--p-200)); width: 0%; }\r\n\r\n\/* Statsbar *\/\r\n.owp-statsbar {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n background: #0f3854;\r\n position: relative; z-index: 10; flex-shrink: 0;\r\n}\r\n.owp-stat { padding: 24px 0 26px; text-align: center; border-right: 1px solid rgba(255,255,255,.08); transition: background .2s; display: block; }\r\n.owp-stat:last-child { border-right: none; }\r\n.owp-stat:hover { background: rgba(255,255,255,.04); }\r\n.owp-stat-num { font-family: var(--font-display); font-size: 36px; font-weight: 400; color: #fff; line-height: 1; display: block; margin-bottom: 4px; }\r\n.owp-stat-num sup { font-size: .5em; vertical-align: super; color: var(--p-300); }\r\n.owp-stat-label { font-size: 11px; color: var(--p-300); font-weight: 300; display: block; }\r\n\r\n\/* \u2500\u2500 PRZYCISKI \u2500\u2500 *\/\r\n.owp-btn {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 9px;\r\n min-height: 50px; padding: 0 28px;\r\n border-radius: 999px; border: 1px solid transparent;\r\n font-weight: 500; font-size: 14px;\r\n transition: transform .25s, box-shadow .25s, background .25s, border-color .25s;\r\n letter-spacing: .01em; cursor: pointer;\r\n font-family: var(--font-body);\r\n}\r\n.owp-btn:hover { transform: translateY(-2px); }\r\n.owp-btn:active { transform: scale(.97); }\r\n.owp-btn svg { width: 15px; height: 15px; flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.owp-btn-primary { background: #0f3854 !important; color: #fff !important; box-shadow: 0 8px 24px rgba(15,56,84,.28); }\r\n.owp-btn-primary:hover { background: var(--p-900) !important; box-shadow: 0 14px 36px rgba(15,56,84,.38); }\r\n.owp-btn-outline { background: transparent !important; color: #0f3854 !important; border-color: #0f3854 !important; }\r\n.owp-btn-outline:hover { background: var(--p-50) !important; }\r\n.owp-btn-outline-white { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.6) !important; }\r\n.owp-btn-outline-white:hover { background: rgba(255,255,255,.1) !important; border-color: #fff !important; }\r\n\r\n\/* \u2500\u2500 SEKCJE \u2500\u2500 *\/\r\n.owp-section { padding: 80px 0; }\r\n.owp-section-alt { background: var(--bg-alt); }\r\n.owp-section-dark { background: #0f3854; color: #fff; }\r\n.owp-kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--p-600); font-size: 10.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; margin-bottom: 12px; }\r\n.owp-kicker::before { content: ''; width: 18px; height: 1px; background: currentColor; opacity: .7; }\r\n.owp-kicker-light { color: var(--p-300); }\r\n.owp-section-title { font-family: var(--font-display); font-size: clamp(28px, 3.2vw, 48px); line-height: 1.06; letter-spacing: -.02em; font-weight: 400; margin: 0 0 12px; color: var(--text); }\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CZEGO SZUKASZ \u2014 photo tiles z hover\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.owp-finder {\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr;\r\n gap: 12px;\r\n height: 700px;\r\n}\r\n.owp-finder-right {\r\n display: grid;\r\n grid-template-rows: 1fr 1fr 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.owp-ftile {\r\n position: relative; overflow: hidden;\r\n border-radius: var(--radius);\r\n cursor: pointer; display: block;\r\n text-decoration: none; color: #fff;\r\n}\r\n.owp-ftile-bg {\r\n position: absolute; inset: 0;\r\n background-size: cover; background-position: center;\r\n transition: transform .7s cubic-bezier(.4,0,.2,1);\r\n}\r\n.owp-ftile:hover .owp-ftile-bg { transform: scale(1.06); }\r\n\r\n.owp-ftile-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, rgba(6,29,43,.06) 0%, rgba(6,29,43,.42) 40%, rgba(6,29,43,.88) 100%);\r\n transition: background .4s;\r\n}\r\n.owp-ftile:hover .owp-ftile-overlay {\r\n background: linear-gradient(180deg, rgba(6,29,43,.55) 0%, rgba(6,29,43,.82) 40%, rgba(6,29,43,.97) 100%);\r\n}\r\n\r\n.owp-ftile--sm:hover .owp-ftile-overlay {\r\n background: rgba(6,29,43,.88);\r\n}\r\n\r\n.owp-ftile-num {\r\n position: absolute; top: 18px; right: 20px;\r\n font-family: var(--font-display); font-size: 48px; font-weight: 400;\r\n color: rgba(255,255,255,.1); line-height: 1; z-index: 2;\r\n pointer-events: none; transition: opacity .3s;\r\n}\r\n.owp-ftile--sm .owp-ftile-num { font-size: 32px; }\r\n.owp-ftile:hover .owp-ftile-num { opacity: 0; }\r\n\r\n.owp-ftile-tag {\r\n position: absolute; top: 18px; left: 18px; z-index: 3;\r\n font-size: 9.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;\r\n padding: 4px 12px; border-radius: 999px;\r\n backdrop-filter: blur(8px);\r\n border: 1px solid rgba(255,255,255,.28);\r\n background: rgba(15,56,84,.48); color: #fff;\r\n transition: background .3s, border-color .3s;\r\n}\r\n.owp-ftile:hover .owp-ftile-tag { background: #0f3854; border-color: var(--p-400); }\r\n\r\n.owp-ftile-footer {\r\n position: absolute; inset: 0; z-index: 3; overflow: hidden;\r\n}\r\n\r\n.owp-ftile-default {\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n padding: 20px 20px 22px;\r\n display: flex; flex-direction: column; gap: 6px;\r\n opacity: 1; transform: translateY(0);\r\n transition: opacity .35s ease, transform .35s ease;\r\n}\r\n.owp-ftile--sm .owp-ftile-default {\r\n left: 0;\r\n padding: 16px 16px 18px;\r\n}\r\n.owp-ftile:hover .owp-ftile-default {\r\n opacity: 0; transform: translateY(12px); pointer-events: none;\r\n}\r\n\r\n.owp-ftile-hover {\r\n position: absolute; inset: 0;\r\n padding: 52px 16px 16px;\r\n display: flex; flex-direction: column; justify-content: flex-end;\r\n opacity: 0; transform: translateY(-10px);\r\n transition: opacity .35s ease, transform .35s ease;\r\n pointer-events: none; overflow: hidden;\r\n}\r\n.owp-ftile--sm .owp-ftile-hover {\r\n left: 0;\r\n padding: 48px 16px 16px;\r\n justify-content: center;\r\n}\r\n.owp-ftile:hover .owp-ftile-hover {\r\n opacity: 1; transform: translateY(0); pointer-events: auto;\r\n}\r\n\r\n.owp-ftile-title {\r\n font-family: var(--font-display); font-weight: 400; color: #fff;\r\n margin: 0; line-height: 1.1;\r\n}\r\n.owp-ftile--big .owp-ftile-title { font-size: clamp(22px, 2.2vw, 32px); }\r\n.owp-ftile--sm .owp-ftile-title { font-size: clamp(13px, 1.3vw, 16px); }\r\n\r\n.owp-ftile-desc {\r\n font-size: 12px; color: rgba(255,255,255,.7); font-weight: 300; line-height: 1.55; margin: 0;\r\n}\r\n.owp-ftile--sm .owp-ftile-desc { font-size: 11px; }\r\n\r\n.owp-ftile-list { list-style: none; margin: 0 0 8px; padding: 0; }\r\n.owp-ftile-list li {\r\n font-size: 11px; color: rgba(255,255,255,.95);\r\n font-weight: 400; line-height: 1.45;\r\n padding: 3.5px 0;\r\n display: flex; align-items: baseline; gap: 7px;\r\n border-bottom: 1px solid rgba(255,255,255,.12);\r\n}\r\n.owp-ftile--big .owp-ftile-list li { font-size: 12.5px; padding: 5px 0; }\r\n.owp-ftile--sm .owp-ftile-list li { font-size: 12px; padding: 4px 0; line-height: 1.4; color: #fff; }\r\n.owp-ftile-list li:last-child { border-bottom: none; }\r\n.owp-ftile-list li::before {\r\n content: ''; width: 4px; height: 4px; border-radius: 50%;\r\n background: var(--p-300); flex-shrink: 0; margin-top: 5px;\r\n}\r\n\r\n.owp-ftile-cta {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n font-size: 11px; font-weight: 500; color: var(--p-200);\r\n transition: gap .2s ease; margin-top: 4px;\r\n}\r\n.owp-ftile--sm .owp-ftile-cta { font-size: 10px; }\r\n.owp-ftile-cta svg { width: 11px; height: 11px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }\r\n.owp-ftile:hover .owp-ftile-cta { color: #fff; }\r\n\r\n.owp-ftile--big::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--p-400), var(--p-600));\r\n z-index: 4; transform: scaleX(0); transform-origin: left;\r\n transition: transform .4s cubic-bezier(.4,0,.2,1);\r\n}\r\n.owp-ftile--big:hover::after { transform: scaleX(1); }\r\n\r\n\/* \u2500\u2500 DLACZEGO OWMET \u2500\u2500 *\/\r\n.owp-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }\r\n.owp-why-points { display: grid; gap: 13px; }\r\n.owp-why-point { display: flex; gap: 15px; align-items: flex-start; padding: 15px 17px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); border-radius: var(--radius-sm); transition: background .25s, border-color .25s; }\r\n.owp-why-point:hover { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.2); }\r\n.owp-why-dot { width: 9px; height: 9px; flex-shrink: 0; background: var(--p-400); border-radius: 50%; margin-top: 4px; }\r\n.owp-why-point h4 { font-family: var(--font-display); font-size: 16px; font-weight: 400; color: #fff; margin: 0 0 3px; }\r\n.owp-why-point p { font-size: 13px; color: var(--p-300); line-height: 1.6; font-weight: 300; margin: 0; }\r\n.owp-numbers { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }\r\n.owp-num-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius); padding: 24px 18px; text-align: center; transition: background .25s, border-color .25s; }\r\n.owp-num-card:hover { background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.22); }\r\n.owp-num-big { font-family: var(--font-display); font-size: 46px; font-weight: 400; color: #fff; line-height: 1; display: block; margin-bottom: 6px; }\r\n.owp-num-big sup { font-size: .45em; vertical-align: super; color: var(--p-300); }\r\n.owp-num-label { font-size: 12px; color: var(--p-300); font-weight: 300; line-height: 1.5; display: block; }\r\n\r\n\/* \u2500\u2500 PROCES \u2500\u2500 *\/\r\n.owp-process-strip { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 0; position: relative; }\r\n.owp-process-strip::before { content: ''; position: absolute; top: 32px; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, transparent, var(--p-400) 15%, var(--p-400) 85%, transparent); opacity: .4; }\r\n.owp-step { padding: 0 14px; text-align: center; position: relative; }\r\n.owp-step-dot { width: 64px; height: 64px; background: #fff; border: 2px solid var(--p-200); border-radius: 50%; display: grid; place-items: center; margin: 0 auto 16px; position: relative; z-index: 2; box-shadow: var(--shadow); transition: border-color .25s, box-shadow .25s; }\r\n.owp-step:hover .owp-step-dot { border-color: var(--p-500); box-shadow: 0 0 0 4px rgba(15,56,84,.15); }\r\n.owp-step-num { font-family: var(--font-display); font-size: 22px; font-weight: 400; color: #0f3854; line-height: 1; }\r\n.owp-step h4 { font-family: var(--font-display); font-size: 14px; font-weight: 400; color: var(--text); margin: 0 0 4px; line-height: 1.2; }\r\n.owp-step p { font-size: 11.5px; color: var(--muted); line-height: 1.6; font-weight: 300; margin: 0; }\r\n\r\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n.owp-cta { background: linear-gradient(135deg, var(--p-900) 0%, #0f3854 100%); border-radius: var(--radius); padding: 52px 56px; display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center; box-shadow: var(--shadow-lg); }\r\n.owp-cta h2 { font-family: var(--font-display); font-size: clamp(24px, 3vw, 36px); font-weight: 400; line-height: 1.08; color: #fff; margin: 0 0 10px; }\r\n.owp-cta h2 em { font-style: italic; color: var(--p-300); }\r\n.owp-cta p { font-size: 15px; color: var(--p-200); line-height: 1.72; font-weight: 300; margin: 0; max-width: 50ch; }\r\n.owp-cta-btns { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; flex-shrink: 0; }\r\n.owp-cta-note { font-size: 11px; color: var(--p-400); text-align: center; font-weight: 300; line-height: 1.5; }\r\n\r\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n.owp-reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }\r\n.owp-reveal.is-visible { opacity: 1; transform: translateY(0); }\r\n.owp-reveal-d1 { transition-delay: .1s; }\r\n.owp-reveal-d2 { transition-delay: .2s; }\r\n.owp-reveal-d3 { transition-delay: .3s; }\r\n.owp-reveal-d4 { transition-delay: .4s; }\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1100px) {\r\n .owp-hero-main { flex-direction: column; }\r\n .owp-hero-left { width: 100%; }\r\n .owp-hero-left::after { display: none; }\r\n .owp-hero-left-inner { padding: 72px 32px 40px; }\r\n .owp-hero-slider { min-height: 55vw; }\r\n .owp-slider-wedge { display: none; }\r\n .owp-finder { grid-template-columns: 1fr; height: auto; }\r\n .owp-finder-right { grid-template-rows: auto; }\r\n .owp-ftile--big { min-height: 420px; }\r\n .owp-ftile--sm { min-height: 230px; }\r\n .owp-why-grid { grid-template-columns: 1fr; gap: 36px; }\r\n .owp-process-strip { grid-template-columns: 1fr 1fr; gap: 22px; }\r\n .owp-process-strip::before { display: none; }\r\n .owp-cta { grid-template-columns: 1fr; }\r\n .owp-cta-btns { align-items: center; flex-direction: row; justify-content: center; }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .owp-shell { width: calc(100% - 28px); }\r\n .owp-hero { min-height: auto; }\r\n .owp-hero-main { flex-direction: column; }\r\n .owp-hero-left { width: 100%; }\r\n .owp-hero-left::after { display: none; }\r\n .owp-hero-left-inner { padding: 64px 24px 32px; }\r\n .owp-hero h1 { font-size: clamp(34px, 9vw, 52px); white-space: normal; }\r\n .owp-hero-desc { font-size: 15px; }\r\n .owp-hero-slider { display: none; }\r\n .owp-statsbar { display: none; }\r\n .owp-hero-actions { flex-direction: column; margin-bottom: 0; }\r\n .owp-hero-actions .owp-btn { width: 100%; justify-content: center; min-height: 52px; }\r\n\r\n .owp-hero-stat:last-child { border-right: none; }\r\n\r\n .owp-hero-stat::before {\r\n content: '';\r\n position: absolute;\r\n top: 12px; bottom: 12px; left: 0;\r\n width: 3px;\r\n background: linear-gradient(180deg, var(--p-400), var(--p-600));\r\n }\r\n\r\n .owp-hero-stat-num {\r\n font-size: clamp(22px, 6vw, 30px);\r\n color: #fff;\r\n display: block;\r\n margin-bottom: 3px;\r\n line-height: 1;\r\n }\r\n .owp-hero-stat-num sup { color: var(--p-400); font-size: .44em; }\r\n\r\n .owp-hero-stat-label {\r\n color: var(--p-300);\r\n font-size: 9.5px;\r\n line-height: 1.35;\r\n display: block;\r\n white-space: normal;\r\n word-break: break-word;\r\n }\r\n\r\n .owp-section { padding: 52px 0; }\r\n .owp-numbers { grid-template-columns: 1fr 1fr; }\r\n .owp-process-strip { grid-template-columns: 1fr; gap: 0; }\r\n .owp-process-strip::before { display: none; }\r\n\r\n .owp-step {\r\n display: grid;\r\n grid-template-columns: 56px 1fr;\r\n grid-template-rows: auto auto;\r\n column-gap: 14px;\r\n row-gap: 2px;\r\n align-items: start;\r\n padding: 16px 0;\r\n border-bottom: 1px solid var(--bg-alt);\r\n text-align: left;\r\n }\r\n .owp-step:last-child { border-bottom: none; }\r\n\r\n .owp-step-dot {\r\n grid-column: 1;\r\n grid-row: 1 \/ 3;\r\n width: 56px;\r\n height: 56px;\r\n margin: 0;\r\n align-self: start;\r\n }\r\n\r\n .owp-step h4 {\r\n grid-column: 2;\r\n grid-row: 1;\r\n font-size: 14px;\r\n margin: 6px 0 0;\r\n }\r\n\r\n .owp-step p {\r\n grid-column: 2;\r\n grid-row: 2;\r\n font-size: 12px;\r\n margin: 0;\r\n }\r\n .owp-cta { padding: 26px 18px; }\r\n .owp-cta-btns { flex-direction: column; width: 100%; }\r\n .owp-cta-btns .owp-btn { width: 100%; justify-content: center; }\r\n\r\n .owp-finder { height: auto; }\r\n .owp-ftile--big { min-height: 360px; }\r\n .owp-ftile--sm { min-height: 200px; }\r\n\r\n .owp-ftile--sm:hover .owp-ftile-overlay {\r\n background: rgba(6,29,43,.88);\r\n }\r\n .owp-ftile--sm .owp-ftile-list li { font-size: 11.5px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .owp-hero h1 { font-size: clamp(26px, 7vw, 38px); }\r\n .owp-hero-stat-num { font-size: clamp(20px, 5.5vw, 26px); }\r\n .owp-hero-stat-label { font-size: 8.5px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"owp\">\r\n\r\n <!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\r\n <section class=\"owp-hero\">\r\n <div class=\"owp-hero-main\">\r\n\r\n <!-- LEWA \u2014 bia\u0142y panel z tekstem -->\r\n <div class=\"owp-hero-left\">\r\n <div class=\"owp-hero-left-inner owp-reveal\">\r\n <div class=\"owp-eyebrow\">Stolarka aluminiowa <\/div>\r\n <h1>\r\n <span>Nowoczesno\u015b\u0107.<\/span>\r\n <em>Trwa\u0142o\u015b\u0107.<\/em>\r\n <span>Design.<\/span>\r\n <\/h1>\r\n <p class=\"owp-hero-desc\">\r\n OWMET projektuje, produkuje i realizuje stolark\u0119 aluminiow\u0105 dla obiekt\u00f3w przemys\u0142owych, logistycznych i komercyjnych. Jeden partner \u2014 pe\u0142na odpowiedzialno\u015b\u0107.\r\n <\/p>\r\n <div class=\"owp-hero-actions\">\r\n <a href=\"\/owmet\/kontakt\" class=\"owp-btn owp-btn-primary\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n Wy\u015blij zapytanie\r\n <\/a>\r\n <a href=\"tel:+48604230160\" class=\"owp-btn owp-btn-outline\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8 19.79 19.79 0 01.02 2.22 2 2 0 012 .04h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 14.92z\"\/><\/svg>\r\n 604 230 160\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Statsbar wbudowany w lew\u0105 kolumn\u0119 -->\r\n <div class=\"owp-hero-stats\">\r\n <div class=\"owp-hero-stat\"><\/div>\r\n <div class=\"owp-hero-stat\"><\/div>\r\n <div class=\"owp-hero-stat\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- PRAWA \u2014 pe\u0142nowysoko\u015bciowy slider -->\r\n <div class=\"owp-hero-slider\" id=\"heroSlider\">\r\n <div class=\"owp-slide owp-slide--active\"\r\n style=\"background-image:url('https:\/\/owmet.zdalneit.pl\/owmet\/wp-content\/uploads\/2026\/04\/stolarka-aluminiowa-architekt-loft-scaled.jpg')\">\r\n <\/div>\r\n <div class=\"owp-slide\"\r\n style=\"background-image:url('https:\/\/owmet.zdalneit.pl\/owmet\/wp-content\/uploads\/2026\/04\/szklane-sciany-dzialowe-biurowiec.jpg')\">\r\n <\/div>\r\n <div class=\"owp-slide\"\r\n style=\"background-image:url('https:\/\/owmet.zdalneit.pl\/owmet\/wp-content\/uploads\/2026\/04\/f-sciany-dzialowe-biurowiec.jpg')\">\r\n <\/div>\r\n <div class=\"owp-slider-wedge\" aria-hidden=\"true\"><\/div>\r\n <div class=\"owp-slider-dots\">\r\n <button class=\"owp-dot owp-dot--active\" data-slide=\"0\" aria-label=\"Slajd 1\"><\/button>\r\n <button class=\"owp-dot\" data-slide=\"1\" aria-label=\"Slajd 2\"><\/button>\r\n <button class=\"owp-dot\" data-slide=\"2\" aria-label=\"Slajd 3\"><\/button>\r\n <\/div>\r\n <div class=\"owp-slider-progress\">\r\n <div class=\"owp-slider-progress-bar\" id=\"sliderProgress\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><!-- \/owp-hero-main -->\r\n\r\n <!-- Statsbar \u2014 ciemny pas na dole hero -->\r\n <div class=\"owp-statsbar\">\r\n <div class=\"owp-stat\">\r\n <span class=\"owp-stat-num\">25<\/span>\r\n <span class=\"owp-stat-label\">Lat do\u015bwiadczenia<\/span>\r\n <\/div>\r\n <div class=\"owp-stat\">\r\n <span class=\"owp-stat-num\">150<sup>+<\/sup><\/span>\r\n <span class=\"owp-stat-label\">Zrealizowanych inwestycji<\/span>\r\n <\/div>\r\n <div class=\"owp-stat\">\r\n <span class=\"owp-stat-num\">1<\/span>\r\n <span class=\"owp-stat-label\">Partner \u00b7 Pe\u0142na odpowiedzialno\u015b\u0107<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- \u2550\u2550\u2550 CZEGO SZUKASZ \u2550\u2550\u2550 -->\r\n <section class=\"owp-section\" id=\"oferta\">\r\n <div class=\"owp-shell\">\r\n\r\n <div class=\"owp-reveal\" style=\"margin-bottom:32px;\">\r\n <div class=\"owp-kicker\">Co robimy<\/div>\r\n <h2 class=\"owp-section-title\">Czego szukasz?<\/h2>\r\n <p style=\"font-size:15px;color:var(--muted);font-weight:300;margin:0;max-width:56ch;line-height:1.75;\">\r\n Cztery obszary realizacji \u2014 najed\u017a na kafelek, aby zobaczy\u0107 szczeg\u00f3\u0142y oferty.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"owp-finder owp-reveal\">\r\n\r\n <!-- \u2500\u2500 KAFELEK 1: PRZEMYS\u0141 DU\u017bY \u2500\u2500 -->\r\n <a href=\"\/owmet\/uslugi\" class=\"owp-ftile owp-ftile--big\">\r\n <div class=\"owp-ftile-bg\" style=\"background-image:url('http:\/\/owmet.zdalneit.pl\/owmet\/wp-content\/uploads\/2026\/04\/hala-magazynowa-owmet-scaled.jpg')\"><\/div>\r\n <div class=\"owp-ftile-overlay\"><\/div>\r\n <span class=\"owp-ftile-num\">01<\/span>\r\n <span class=\"owp-ftile-tag\">Przemys\u0142 \u00b7 Du\u017ce inwestycje<\/span>\r\n <div class=\"owp-ftile-footer\">\r\n <div class=\"owp-ftile-default\">\r\n <h3 class=\"owp-ftile-title\">Przemys\u0142<br><em style=\"font-style:italic;color:var(--p-300);\">du\u017ce inwestycje<\/em><\/h3>\r\n <p class=\"owp-ftile-desc\">G\u0142\u00f3wne obszary wielkoformatowych realizacji dla obiekt\u00f3w przemys\u0142owych i komercyjnych.<\/p>\r\n <\/div>\r\n <div class=\"owp-ftile-hover\">\r\n <ul class=\"owp-ftile-list\">\r\n <li>Fasady aluminiowe (szklane elewacje)<\/li>\r\n <li>Witryny wielkoformatowe<\/li>\r\n <li>\u015aciany aluminiowe wewn\u0119trzne<\/li>\r\n <li>Systemy okienno-drzwiowe do hal<\/li>\r\n <li>Bramy i przeszklenia przemys\u0142owe<\/li>\r\n <li>\u015awietliki \/ przeszklenia dachowe<\/li>\r\n <li>Stolarka przeciwpo\u017carowa (PPO\u017b)<\/li>\r\n <\/ul>\r\n <div class=\"owp-ftile-cta\">\r\n Poznaj ofert\u0119 dla przemys\u0142u\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- PRAWA KOLUMNA -->\r\n <div class=\"owp-finder-right\">\r\n\r\n <!-- \u2500\u2500 KAFELEK 2 \u2500\u2500 -->\r\n <a href=\"\/owmet\/uslugi\" class=\"owp-ftile owp-ftile--sm\">\r\n <div class=\"owp-ftile-bg\" style=\"background-image:url('http:\/\/owmet.zdalneit.pl\/owmet\/wp-content\/uploads\/2026\/04\/mniejsze-obiekty-biznesowe.png')\"><\/div>\r\n <div class=\"owp-ftile-overlay\"><\/div>\r\n <span class=\"owp-ftile-num\">02<\/span>\r\n <span class=\"owp-ftile-tag\">Przemys\u0142 \u00b7 Logistyka \u00b7 Biurowce<\/span>\r\n <div class=\"owp-ftile-footer\">\r\n <div class=\"owp-ftile-default\">\r\n <h3 class=\"owp-ftile-title\">Mniejsze obiekty biznesowe<\/h3>\r\n <p class=\"owp-ftile-desc\">Witryny, galerie, biura, drzwi, \u015bcianki.<\/p>\r\n <\/div>\r\n <div class=\"owp-ftile-hover\">\r\n <ul class=\"owp-ftile-list\">\r\n \r\n <li>Witryny sklepowe<\/li>\r\n <li>Zabudowy w galeriach handlowych<\/li>\r\n <li>Drzwi aluminiowe (wewn\u0119trzne i zewn\u0119trzne)<\/li>\r\n <li>Systemy biurowe (open space, recepcje)<\/li>\r\n <\/ul>\r\n <div class=\"owp-ftile-cta\">Sprawd\u017a <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u2500\u2500 KAFELEK 3 \u2500\u2500 -->\r\n <a href=\"\/owmet\/uslugi\" class=\"owp-ftile owp-ftile--sm\">\r\n <div class=\"owp-ftile-bg\" style=\"background-image:url('http:\/\/owmet.zdalneit.pl\/owmet\/wp-content\/uploads\/2026\/04\/projekt-indywidualny-owmet-scaled.jpg')\"><\/div>\r\n <div class=\"owp-ftile-overlay\"><\/div>\r\n <span class=\"owp-ftile-num\">03<\/span>\r\n <span class=\"owp-ftile-tag\">Klienci indywidualni<\/span>\r\n <div class=\"owp-ftile-footer\">\r\n <div class=\"owp-ftile-default\">\r\n <h3 class=\"owp-ftile-title\">Budownictwo prywatne<\/h3>\r\n <p class=\"owp-ftile-desc\">Okna, drzwi, tarasy, ogrody zimowe, pergole.<\/p>\r\n <\/div>\r\n <div class=\"owp-ftile-hover\">\r\n <ul class=\"owp-ftile-list\">\r\n <li>Okna i drzwi aluminiowe do dom\u00f3w<\/li>\r\n <li>Systemy przesuwne (HS, HST)<\/li>\r\n <li>Ogrody zimowe i pergole aluminiowe<\/li>\r\n <li>Ogrodzenia i bramy<\/li>\r\n <\/ul>\r\n <div class=\"owp-ftile-cta\">Sprawd\u017a <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u2500\u2500 KAFELEK 4 \u2500\u2500 -->\r\n <a href=\"\/owmet\/uslugi\" class=\"owp-ftile owp-ftile--sm\">\r\n <div class=\"owp-ftile-bg\" style=\"background-image:url('http:\/\/owmet.zdalneit.pl\/owmet\/wp-content\/uploads\/2026\/04\/projekt-indywidualny-balon.png')\"><\/div>\r\n <div class=\"owp-ftile-overlay\"><\/div>\r\n <span class=\"owp-ftile-num\">04<\/span>\r\n <span class=\"owp-ftile-tag\">Z architektem<\/span>\r\n <div class=\"owp-ftile-footer\">\r\n <div class=\"owp-ftile-default\">\r\n <h3 class=\"owp-ftile-title\">Projekty indywidualne<\/h3>\r\n <p class=\"owp-ftile-desc\">Niestandardowe konstrukcje, lofty, dekory.<\/p>\r\n <\/div>\r\n <div class=\"owp-ftile-hover\">\r\n <ul class=\"owp-ftile-list\">\r\n <li>Indywidualne przeszklone realizacje<\/li>\r\n <li>Zabudowy loftowe \/ industrialne<\/li>\r\n <li>Niestandardowe drzwi i \u015bcianki<\/li>\r\n <li>Elementy dekoracyjne z aluminium i szk\u0142a<\/li>\r\n <\/ul>\r\n <div class=\"owp-ftile-cta\">Sprawd\u017a <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div><!-- \/finder-right -->\r\n <\/div><!-- \/finder -->\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- \u2550\u2550\u2550 DLACZEGO OWMET \u2550\u2550\u2550 -->\r\n <section class=\"owp-section owp-section-dark\" id=\"dlaczego\">\r\n <div class=\"owp-shell\">\r\n <div class=\"owp-why-grid\">\r\n <div class=\"owp-reveal\">\r\n <div class=\"owp-kicker owp-kicker-light\">Dlaczego OWMET<\/div>\r\n <h2 style=\"font-family:var(--font-display);font-size:clamp(26px,3vw,40px);font-weight:400;line-height:1.1;color:#fff;margin:0 0 14px;\">\r\n Jeden partner.<br><em style=\"font-style:italic;color:var(--p-300);\">Pe\u0142na odpowiedzialno\u015b\u0107.<\/em>\r\n <\/h2>\r\n <p style=\"font-size:15px;color:var(--p-200);line-height:1.75;font-weight:300;margin:0 0 26px;max-width:44ch;\">\r\n Nie jeste\u015bmy po\u015brednikiem. W\u0142asny zak\u0142ad produkcyjny, w\u0142asne ekipy monterskie, pe\u0142na dokumentacja powykonawcza \u2014 od projektu po odbiory.\r\n <\/p>\r\n <div class=\"owp-why-points\">\r\n <div class=\"owp-why-point\"><div class=\"owp-why-dot\"><\/div><div><h4>W\u0142asna produkcja na systemach Aluprof \/ Yawal<\/h4><p>Certyfikowane systemy profili aluminiowych. Pe\u0142na kontrola jako\u015bci ka\u017cdego elementu.<\/p><\/div><\/div>\r\n <div class=\"owp-why-point\"><div class=\"owp-why-dot\"><\/div><div><h4>Wsparcie techniczne od A do Z<\/h4><p>Analiza dokumentacji, wyceny, rysunki warsztatowe, doradztwo projektowe i koordynacja realizacji.<\/p><\/div><\/div>\r\n <div class=\"owp-why-point\"><div class=\"owp-why-dot\"><\/div><div><h4>Dokumentacja i gwarancja na wszystkie prace<\/h4><p>Kompletna dokumentacja powykonawcza. Odbiory techniczne bez niespodzianek.<\/p><\/div><\/div>\r\n <\/div>\r\n <div style=\"margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;\">\r\n <a href=\"\/owmet\/kontakt\" class=\"owp-btn owp-btn-primary\">Wy\u015blij zapytanie<\/a>\r\n <a href=\"\/owmet\/realizacje\" class=\"owp-btn owp-btn-outline-white\">Zobacz realizacje<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"owp-numbers owp-reveal owp-reveal-d1\">\r\n <div class=\"owp-num-card\"><span class=\"owp-num-big\">25<\/span><span class=\"owp-num-label\">Lat w\u0142asnej produkcji i monta\u017cu<\/span><\/div>\r\n <div class=\"owp-num-card\"><span class=\"owp-num-big\">150<sup>+<\/sup><\/span><span class=\"owp-num-label\">Zrealizowanych inwestycji<\/span><\/div>\r\n <div class=\"owp-num-card\"><span class=\"owp-num-big\">5<\/span><span class=\"owp-num-label\">Etap\u00f3w \u2014 zero niespodzianek<\/span><\/div>\r\n <div class=\"owp-num-card\"><span class=\"owp-num-big\">1<\/span><span class=\"owp-num-label\">Partner od projektu do odbioru<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- \u2550\u2550\u2550 PROCES \u2550\u2550\u2550 -->\r\n <section class=\"owp-section owp-section-alt\" id=\"proces\">\r\n <div class=\"owp-shell\">\r\n <div class=\"owp-reveal\" style=\"margin-bottom:48px;text-align:center;\">\r\n <div class=\"owp-kicker\" style=\"justify-content:center;\">Jak dzia\u0142amy<\/div>\r\n <h2 class=\"owp-section-title\" style=\"text-align:center;\">5 krok\u00f3w. Zero niespodzianek.<\/h2>\r\n <p style=\"font-size:15px;color:var(--muted);font-weight:300;max-width:50ch;margin:0 auto;line-height:1.72;\">\r\n Przejrzysty proces wsp\u00f3\u0142pracy \u2014 od pierwszego kontaktu do odbioru technicznego z dokumentacj\u0105.\r\n <\/p>\r\n <\/div>\r\n <div class=\"owp-process-strip owp-reveal\">\r\n <div class=\"owp-step\"><div class=\"owp-step-dot\"><span class=\"owp-step-num\">01<\/span><\/div><h4>Analiza dokumentacji<\/h4><p>Analizujemy wymagania techniczne i specyfik\u0119 obiektu<\/p><\/div>\r\n <div class=\"owp-step\"><div class=\"owp-step-dot\"><span class=\"owp-step-num\">02<\/span><\/div><h4>Dob\u00f3r system\u00f3w<\/h4><p>Certyfikowane profile dopasowane do obiektu<\/p><\/div>\r\n <div class=\"owp-step\"><div class=\"owp-step-dot\"><span class=\"owp-step-num\">03<\/span><\/div><h4>Wsparcie projektowe<\/h4><p>Wyceny, rysunki warsztatowe, doradztwo<\/p><\/div>\r\n <div class=\"owp-step\"><div class=\"owp-step-dot\"><span class=\"owp-step-num\">04<\/span><\/div><h4>Produkcja i monta\u017c<\/h4><p>W\u0142asny zak\u0142ad + wyspecjalizowane ekipy<\/p><\/div>\r\n <div class=\"owp-step\"><div class=\"owp-step-dot\"><span class=\"owp-step-num\">05<\/span><\/div><h4>Odbiory techniczne<\/h4><p>Dokumentacja powykonawcza i gwarancja<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- \u2550\u2550\u2550 CTA \u2550\u2550\u2550 -->\r\n <section class=\"owp-section\">\r\n <div class=\"owp-shell\">\r\n <div class=\"owp-cta owp-reveal\">\r\n <div>\r\n <h2>Gotowy na <em>wycen\u0119 bez zobowi\u0105za\u0144?<\/em><\/h2>\r\n <p>Opisz obiekt i zakres prac \u2014 Kamil Florczak, Partner Handlowy OWMET, odpowie w ci\u0105gu jednego dnia roboczego z konkretn\u0105 propozycj\u0105 wsp\u00f3\u0142pracy.<\/p>\r\n <\/div>\r\n <div class=\"owp-cta-btns\">\r\n <a href=\"\/owmet\/kontakt\" class=\"owp-btn owp-btn-primary\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n Wy\u015blij zapytanie\r\n <\/a>\r\n <a href=\"tel:+48604230160\" class=\"owp-btn owp-btn-outline-white\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8 19.79 19.79 0 01.02 2.22 2 2 0 012 .04h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 14.92z\"\/><\/svg>\r\n 604 230 160\r\n <\/a>\r\n <div class=\"owp-cta-note\">Odpowiadamy w ci\u0105gu<br>jednego dnia roboczego<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div><!-- \/owp -->\r\n\r\n<script>\r\n(function() {\r\n const items = document.querySelectorAll('.owp .owp-reveal');\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); }\r\n });\r\n }, { threshold: 0.07, rootMargin: '0px 0px -30px 0px' });\r\n items.forEach(el => obs.observe(el));\r\n window.addEventListener('load', () => {\r\n document.querySelectorAll('.owp-hero .owp-reveal').forEach((el, i) => {\r\n setTimeout(() => el.classList.add('is-visible'), 80 + i * 180);\r\n });\r\n });\r\n\r\n const DURATION = 5000;\r\n const slides = document.querySelectorAll('.owp-slide');\r\n const dots = document.querySelectorAll('.owp-dot');\r\n const bar = document.getElementById('sliderProgress');\r\n let current = 0;\r\n let timer = null;\r\n let startTs = null;\r\n let rafId = null;\r\n\r\n function goTo(idx) {\r\n slides[current].classList.remove('owp-slide--active');\r\n dots[current].classList.remove('owp-dot--active');\r\n current = (idx + slides.length) % slides.length;\r\n slides[current].classList.add('owp-slide--active');\r\n dots[current].classList.add('owp-dot--active');\r\n resetProgress();\r\n }\r\n\r\n function resetProgress() {\r\n if (rafId) cancelAnimationFrame(rafId);\r\n if (timer) clearTimeout(timer);\r\n if (bar) { bar.style.transition = 'none'; bar.style.width = '0%'; }\r\n startTs = null;\r\n rafId = requestAnimationFrame(tick);\r\n timer = setTimeout(() => goTo(current + 1), DURATION);\r\n }\r\n\r\n function tick(ts) {\r\n if (!startTs) startTs = ts;\r\n const pct = Math.min(((ts - startTs) \/ DURATION) * 100, 100);\r\n if (bar) { bar.style.transition = 'none'; bar.style.width = pct + '%'; }\r\n if (pct < 100) rafId = requestAnimationFrame(tick);\r\n }\r\n\r\n dots.forEach((dot, i) => dot.addEventListener('click', () => goTo(i)));\r\n\r\n const slider = document.getElementById('heroSlider');\r\n if (slider) {\r\n let touchX = 0;\r\n slider.addEventListener('touchstart', e => { touchX = e.touches[0].clientX; }, { passive: true });\r\n slider.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - touchX;\r\n if (Math.abs(dx) > 40) goTo(current + (dx < 0 ? 1 : -1));\r\n });\r\n slider.addEventListener('mouseenter', () => { clearTimeout(timer); cancelAnimationFrame(rafId); });\r\n slider.addEventListener('mouseleave', () => resetProgress());\r\n }\r\n\r\n resetProgress();\r\n})();\r\n<\/script>\r\n<\/html>\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>OWMET \u2013 Stolarka aluminiowa Stolarka aluminiowa Nowoczesno\u015b\u0107. Trwa\u0142o\u015b\u0107. Design. OWMET projektuje, produkuje i realizuje stolark\u0119 aluminiow\u0105 dla obiekt\u00f3w przemys\u0142owych, logistycznych i komercyjnych. Jeden partner \u2014 pe\u0142na odpowiedzialno\u015b\u0107. Wy\u015blij zapytanie 604 230 160 25 Lat do\u015bwiadczenia 150+ Zrealizowanych inwestycji 1 Partner \u00b7 Pe\u0142na odpowiedzialno\u015b\u0107 Co robimy Czego szukasz? Cztery obszary realizacji \u2014 najed\u017a na kafelek, aby…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":true,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>OWMET \u2013 Stolarka Aluminiowa Warszawa | Fasady, Okna, Pergole<\/title>\n<meta name=\"description\" content=\"Producent stolarki aluminiowej z 25-letnim do\u015bwiadczeniem. Fasady, curtain wall, okna przemys\u0142owe, ogrody zimowe. W\u0142asna produkcja i monta\u017c. Mazowsze i ca\u0142a Polska.H1: Stolarka aluminiowa \u2013 producent i monta\u017c | OWMET\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/owmet.zdalneit.pl\/owmet\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OWMET \u2013 Stolarka Aluminiowa Warszawa | Fasady, Okna, Pergole\" \/>\n<meta property=\"og:description\" content=\"Producent stolarki aluminiowej z 25-letnim do\u015bwiadczeniem. Fasady, curtain wall, okna przemys\u0142owe, ogrody zimowe. W\u0142asna produkcja i monta\u017c. Mazowsze i ca\u0142a Polska.H1: Stolarka aluminiowa \u2013 producent i monta\u017c | OWMET\" \/>\n<meta property=\"og:url\" content=\"https:\/\/owmet.zdalneit.pl\/owmet\/\" \/>\n<meta property=\"og:site_name\" content=\"OWMET | Stolarka Aluminiowa Przemys\u0142owa i Komercyjna\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T07:37:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/\",\"url\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/\",\"name\":\"OWMET \u2013 Stolarka Aluminiowa Warszawa | Fasady, Okna, Pergole\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/#website\"},\"datePublished\":\"2022-07-23T09:44:04+00:00\",\"dateModified\":\"2026-04-07T07:37:55+00:00\",\"description\":\"Producent stolarki aluminiowej z 25-letnim do\u015bwiadczeniem. Fasady, curtain wall, okna przemys\u0142owe, ogrody zimowe. W\u0142asna produkcja i monta\u017c. Mazowsze i ca\u0142a Polska.H1: Stolarka aluminiowa \u2013 producent i monta\u017c | OWMET\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/#website\",\"url\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/\",\"name\":\"OWMET | Producent Stolarki Aluminiowej \u2013 Fasady, Okna, Ogrody Zimowe\",\"description\":\"Projektowanie i produkcja stolarki aluminiowej dla przemys\u0142u. Fasady, okna i drzwi aluminiowe. 25 lat do\u015bwiadczenia i ponad 150 realizacji. Sprawd\u017a!\",\"publisher\":{\"@id\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/#organization\",\"name\":\"OWMET | Stolarka Aluminiowa Przemys\u0142owa i Komercyjna\",\"url\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/OWMET-logo-bez-tla-biale.png\",\"contentUrl\":\"http:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/OWMET-logo-bez-tla-biale.png\",\"width\":2231,\"height\":801,\"caption\":\"OWMET | Stolarka Aluminiowa Przemys\u0142owa i Komercyjna\"},\"image\":{\"@id\":\"https:\\\/\\\/owmet.zdalneit.pl\\\/owmet\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"OWMET \u2013 Stolarka Aluminiowa Warszawa | Fasady, Okna, Pergole","description":"Producent stolarki aluminiowej z 25-letnim do\u015bwiadczeniem. Fasady, curtain wall, okna przemys\u0142owe, ogrody zimowe. W\u0142asna produkcja i monta\u017c. Mazowsze i ca\u0142a Polska.H1: Stolarka aluminiowa \u2013 producent i monta\u017c | OWMET","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/owmet.zdalneit.pl\/owmet\/","og_locale":"pl_PL","og_type":"article","og_title":"OWMET \u2013 Stolarka Aluminiowa Warszawa | Fasady, Okna, Pergole","og_description":"Producent stolarki aluminiowej z 25-letnim do\u015bwiadczeniem. Fasady, curtain wall, okna przemys\u0142owe, ogrody zimowe. W\u0142asna produkcja i monta\u017c. Mazowsze i ca\u0142a Polska.H1: Stolarka aluminiowa \u2013 producent i monta\u017c | OWMET","og_url":"https:\/\/owmet.zdalneit.pl\/owmet\/","og_site_name":"OWMET | Stolarka Aluminiowa Przemys\u0142owa i Komercyjna","article_modified_time":"2026-04-07T07:37:55+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/owmet.zdalneit.pl\/owmet\/","url":"https:\/\/owmet.zdalneit.pl\/owmet\/","name":"OWMET \u2013 Stolarka Aluminiowa Warszawa | Fasady, Okna, Pergole","isPartOf":{"@id":"https:\/\/owmet.zdalneit.pl\/owmet\/#website"},"datePublished":"2022-07-23T09:44:04+00:00","dateModified":"2026-04-07T07:37:55+00:00","description":"Producent stolarki aluminiowej z 25-letnim do\u015bwiadczeniem. Fasady, curtain wall, okna przemys\u0142owe, ogrody zimowe. W\u0142asna produkcja i monta\u017c. Mazowsze i ca\u0142a Polska.H1: Stolarka aluminiowa \u2013 producent i monta\u017c | OWMET","breadcrumb":{"@id":"https:\/\/owmet.zdalneit.pl\/owmet\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/owmet.zdalneit.pl\/owmet\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/owmet.zdalneit.pl\/owmet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/owmet.zdalneit.pl\/owmet\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/owmet.zdalneit.pl\/owmet\/#website","url":"https:\/\/owmet.zdalneit.pl\/owmet\/","name":"OWMET | Producent Stolarki Aluminiowej \u2013 Fasady, Okna, Ogrody Zimowe","description":"Projektowanie i produkcja stolarki aluminiowej dla przemys\u0142u. Fasady, okna i drzwi aluminiowe. 25 lat do\u015bwiadczenia i ponad 150 realizacji. Sprawd\u017a!","publisher":{"@id":"https:\/\/owmet.zdalneit.pl\/owmet\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/owmet.zdalneit.pl\/owmet\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/owmet.zdalneit.pl\/owmet\/#organization","name":"OWMET | Stolarka Aluminiowa Przemys\u0142owa i Komercyjna","url":"https:\/\/owmet.zdalneit.pl\/owmet\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/owmet.zdalneit.pl\/owmet\/#\/schema\/logo\/image\/","url":"http:\/\/owmet.zdalneit.pl\/owmet\/wp-content\/uploads\/2026\/03\/OWMET-logo-bez-tla-biale.png","contentUrl":"http:\/\/owmet.zdalneit.pl\/owmet\/wp-content\/uploads\/2026\/03\/OWMET-logo-bez-tla-biale.png","width":2231,"height":801,"caption":"OWMET | Stolarka Aluminiowa Przemys\u0142owa i Komercyjna"},"image":{"@id":"https:\/\/owmet.zdalneit.pl\/owmet\/#\/schema\/logo\/image\/"}}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"jakub.danowski","author_link":"https:\/\/owmet.zdalneit.pl\/owmet\/author\/jakub-danowski\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/owmet.zdalneit.pl\/owmet\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/owmet.zdalneit.pl\/owmet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/owmet.zdalneit.pl\/owmet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/owmet.zdalneit.pl\/owmet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/owmet.zdalneit.pl\/owmet\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":227,"href":"https:\/\/owmet.zdalneit.pl\/owmet\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1672,"href":"https:\/\/owmet.zdalneit.pl\/owmet\/wp-json\/wp\/v2\/pages\/7\/revisions\/1672"}],"wp:attachment":[{"href":"https:\/\/owmet.zdalneit.pl\/owmet\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}