/*
Theme Name: Kinetis Industrial
Author: Kinetis Industrial
Description: Jasna strona firmowa — instalacje przemysłowe ze stali nierdzewnej, usługi i kontakt. Samodzielny motyw bez płatnych dodatków.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kinetis-industrial
*/
:root{--navy:#082541;--deep:#09223e;--blue:#0089ed;--blue-dark:#006dc0;--muted:#647282;--line:#dce5ed;--pale:#f1f6fa;--width:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--navy);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}img{height:auto}a{color:inherit}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #0089ed;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.16}h1,h2{letter-spacing:-.035em}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.eyebrow{color:var(--blue-dark);font-size:12px;line-height:1.6;letter-spacing:.24em;text-transform:uppercase;font-weight:700}.eyebrow span{margin-inline:10px;color:#8298ad}.site-header{background:#fff;border-top:5px solid #eff5fa;border-bottom:1px solid #eaf0f5}.header-inner{min-height:125px;display:flex;align-items:center;gap:45px}.brand,.custom-logo-link{display:block;flex-shrink:0;line-height:0}.brand img,.custom-logo{display:block;width:165px;height:auto;max-height:108px;object-fit:contain}.main-nav{margin-left:auto;display:flex;align-items:flex-start;gap:38px}.main-nav a{text-decoration:none;font-size:14px;font-weight:700;min-height:48px;padding:10px 0;position:relative}.main-nav a:hover{color:var(--blue-dark)}.main-nav a span{display:block;font-size:12px;line-height:1.4;font-weight:400;color:var(--muted)}.nav-services::after{content:'';position:absolute;height:3px;width:100%;background:var(--blue);bottom:0;left:0}.header-note{font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);border-left:1px solid #a7b9cc;padding-left:28px}.hero{position:relative;overflow:hidden;background:#f1f5f8}.hero-art{position:absolute;inset:0 0 0 36%;background-image:url('assets/instalacje.png');background-repeat:no-repeat;background-position:right center;background-size:200% auto;pointer-events:none}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f1f5f8 0%,rgba(241,245,248,.95) 11%,rgba(241,245,248,.6) 30%,rgba(241,245,248,0) 57%)}.hero-inner{position:relative;padding-block:72px 43px;min-height:570px;display:flex;align-items:center}.hero-copy{width:65%;max-width:780px}.hero h1{font-size:clamp(38px,4.15vw,62px);line-height:1.07;margin-top:23px;max-width:770px}.hero-intro{font-size:clamp(19px,2vw,27px);line-height:1.4;color:#637282;margin-top:22px;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:54px;padding:14px 21px;text-decoration:none;border:1px solid transparent;font-size:14px;font-weight:700;line-height:1.35;transition:background .16s,color .16s}.button svg{width:23px;height:23px;flex-shrink:0}.button-primary{background:var(--blue-dark);color:#fff;box-shadow:0 8px 22px #0089ed18}.button-primary:hover{background:#005a9e}.button-outline{border-color:var(--navy);background:#ffffffa6}.button-outline:hover{background:#fff}.hero-caption{display:flex;align-items:center;gap:24px;margin-top:65px;max-width:260px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#596e85;line-height:1.5}.hero-caption span{height:1px;width:65px;background:#8fa6bd;flex-shrink:0}.services{padding-block:48px 42px;scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:30px}.section-heading h2{font-size:clamp(28px,2.8vw,39px);margin-top:10px}.side-note{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);padding-left:23px;border-left:1px solid #a7b9cc;flex-shrink:0}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.service{display:flex;gap:21px;padding:28px 25px 30px 0}.service:not(:nth-child(3n+1)){border-left:1px solid var(--line);padding-left:25px}.service:nth-child(n+4){border-top:1px solid var(--line)}.service-icon{color:var(--blue-dark);flex:0 0 54px}.service-icon svg{width:54px;height:54px}.service h3{font-size:19px;line-height:1.22;letter-spacing:-.02em;min-height:47px}.service p{color:#556473;font-size:16px;line-height:1.55;margin-top:14px}.industries{padding:30px 0;background:linear-gradient(100deg,#edf4fa,#f7fafc);border-top:1px solid #e9f0f6}.industries p{font-size:clamp(18px,1.8vw,24px);margin-top:9px;line-height:1.5}.site-footer{background:var(--deep);color:#fff}.contact-band{background:linear-gradient(100deg,#102f50f5,#082541ee),url('assets/instalacje.png') right center/cover}.contact-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;padding-block:42px}.contact-band .eyebrow{color:#4abbff}.contact-band h2{font-size:clamp(26px,2.5vw,34px);margin-top:9px}.contact-band p:not(.eyebrow){color:#d0dce7;margin-top:15px;font-size:16px}.contact-email{display:flex;gap:20px;align-items:center;font-size:clamp(18px,2vw,27px);font-weight:700;letter-spacing:-.025em;text-decoration:none}.contact-email:hover span{text-decoration:underline;text-underline-offset:5px}.contact-email svg{width:45px;height:45px;color:#40b0ff;flex-shrink:0}.contact-email span{overflow-wrap:anywhere}.footer-bottom{min-height:137px;display:flex;align-items:center;gap:48px;padding-block:28px;border-top:1px solid #ffffff12}.footer-brand{font-size:27px;letter-spacing:.28em;line-height:1.2;flex-shrink:0}.footer-brand span{display:block;font-size:12px;letter-spacing:.49em;color:#c0cbd6;margin-top:5px}.company-data{font-size:12px;line-height:1.7;color:#c7d4e1;margin-left:auto}.company-data strong{letter-spacing:.08em;color:white}.company-data span{padding-inline:6px}.footer-note{border-left:1px solid #64809d;padding-left:24px;font-size:12px;letter-spacing:.2em;line-height:1.7;text-transform:uppercase;color:#bdcddd}.notice-dialog{border:1px solid #d6e4f1;box-shadow:0 25px 100px #001f3f40;padding:45px;color:var(--navy);width:min(560px,calc(100% - 32px));max-height:85vh;overflow:auto}.notice-dialog:not([open]){display:none}.notice-dialog::backdrop{background:#051a34aa}.notice-dialog h2{font-size:30px;line-height:1.2;margin:18px 0}.notice-dialog p:not(.eyebrow){margin-top:14px;color:var(--muted)}.dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;width:44px;height:44px;cursor:pointer;font-size:30px;color:var(--navy)}.dialog-email{display:inline-block;color:var(--blue-dark);font-weight:700;margin-top:8px;overflow-wrap:anywhere;max-width:100%}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:12px 18px;z-index:100000}.skip-link:focus{top:15px}.content-page{padding-block:70px;min-height:45vh}.content-page h1{font-size:40px;margin-bottom:28px}.content-page article{margin-bottom:35px}.content-page p{margin-block:16px}.content-page h2{margin-bottom:16px}.content-page iframe,.content-page video{max-width:100%}
@media(min-width:1600px){.hero-art{background-size:200% auto}.hero-inner{min-height:620px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-note{display:none}.hero-copy{width:75%}.hero-art{left:30%}.service{gap:14px;padding-right:18px}.service:not(:nth-child(3n+1)){padding-left:18px}.service-icon{flex-basis:42px}.service-icon svg{width:42px;height:42px}.service h3{font-size:18px}.side-note{display:none}.contact-inner{gap:28px}.contact-email{gap:12px;font-size:20px}.footer-bottom{gap:25px}.footer-note{display:none}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:110px;gap:20px}.brand img,.custom-logo{width:130px}.main-nav{gap:20px}.hero-inner{min-height:530px;padding-block:48px 34px}.hero-copy{width:90%}.hero h1{font-size:44px;max-width:620px}.hero-art{left:15%;opacity:.5}.hero-art::after{background:linear-gradient(90deg,#f1f5f8 0%,#f1f5f8d9 35%,#f1f5f833 100%)}.hero-caption{margin-top:40px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service,.service:not(:nth-child(3n+1)){border-left:0;border-top:0;padding:25px 20px 25px 0}.service:nth-child(even){border-left:1px solid var(--line);padding-left:20px}.service:nth-child(n+3){border-top:1px solid var(--line)}.contact-inner{grid-template-columns:1fr;gap:25px}.contact-email{font-size:25px}.footer-brand{font-size:22px}.footer-bottom{flex-wrap:wrap;gap:25px}.company-data{margin-left:0}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;justify-content:center;gap:0;padding-block:12px 0}.brand img,.custom-logo{width:125px}.main-nav{margin-left:0;justify-content:space-between;width:100%;gap:12px;padding-top:6px}.main-nav a{font-size:14px;padding:10px 3px;min-height:52px}.main-nav a span{font-size:12px}.hero-inner{min-height:0;padding-block:40px 30px}.hero-copy{width:100%}.hero .eyebrow{font-size:12px;letter-spacing:.14em}.hero .eyebrow span{margin-inline:4px}.hero h1{font-size:clamp(32px,9vw,44px);margin-top:20px}.hero-intro{font-size:20px;color:#43586d;max-width:100%}.hero-art{left:0;opacity:.28;background-size:auto 130%}.hero-art::after{background:linear-gradient(90deg,#f1f5f8 0%,#f1f5f8e6 30%,#f1f5f859 100%)}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:25px}.button{min-height:52px;justify-content:center;font-size:14px}.hero-caption{margin-top:29px;font-size:12px}.services{padding-block:35px 20px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:29px}.services-grid{grid-template-columns:1fr}.service,.service:not(:nth-child(3n+1)),.service:nth-child(even){padding:25px 0;border-left:0;border-top:1px solid var(--line);gap:21px}.service:first-child{border-top:0}.service h3{font-size:20px;min-height:0}.service p{font-size:16px;margin-top:10px}.service-icon{flex-basis:45px}.service-icon svg{width:45px;height:45px}.industries{padding-block:25px}.industries p{font-size:19px;line-height:1.6}.contact-inner{padding-block:34px;gap:22px}.contact-band h2{font-size:28px}.contact-email{font-size:19px;gap:12px}.contact-email svg{width:30px;height:30px}.footer-bottom{padding-block:27px;gap:22px}.company-data{font-size:12px;overflow-wrap:anywhere}.notice-dialog{padding:42px 23px 28px}.notice-dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}