/*
Theme Name: Citech Modern V3
Theme URI: https://citech.com.pl/
Author: Citech Polska
Description: Nowoczesny, szybki i responsywny motyw firmowy dla Citech Polska Sp. z o.o.
Version: 3.1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: citech-modern-v3
*/
:root{--ink:#0a1118;--ink2:#101b25;--paper:#f5f4ef;--white:#fff;--muted:#68727c;--line:#d9d9d3;--orange:#f58220;--orange2:#ff9b45;--blue:#287ca9;--max:1220px;--radius:24px;--shadow:0 24px 70px rgba(8,17,24,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site{overflow:hidden}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{background:#071018;color:#cbd2d8;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topbar .wrap{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar .wrap>div{display:flex;align-items:center;gap:14px}.topbar a{color:#fff}.topbar i{width:3px;height:3px;background:var(--orange);border-radius:50%}.header{position:sticky;top:0;z-index:30;background:rgba(245,244,239,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(10,17,24,.09)}.nav{height:82px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em;line-height:1}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:4px;font-size:24px;letter-spacing:0}.brand small{display:block;font-size:9px;letter-spacing:.25em;margin-top:6px;color:var(--muted)}.menu{margin-left:auto;display:flex;align-items:center;gap:29px;font-size:14px;font-weight:700}.menu a{padding:9px 0;border-bottom:2px solid transparent}.menu a:hover{border-color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:800;letter-spacing:.04em;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 12px 30px rgba(245,130,32,.24)}.btn-primary:hover{background:var(--orange2)}.btn-ghost{border-color:rgba(10,17,24,.24);background:transparent}.btn-light{background:#fff;color:var(--ink)}.btn-large{min-height:58px;padding:0 26px}.menu-toggle{display:none;margin-left:auto;background:none;border:0;padding:8px}.menu-toggle span:not(.screen-reader-text){display:block;width:25px;height:2px;background:var(--ink);margin:5px}.hero{position:relative;background:var(--ink);color:#fff;padding:100px 0 82px;isolation:isolate}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-glow{position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.hero-glow-one{width:620px;height:620px;left:-300px;top:-260px;background:radial-gradient(circle,rgba(40,124,169,.33),transparent 68%)}.hero-glow-two{width:500px;height:500px;right:-240px;bottom:-260px;background:radial-gradient(circle,rgba(245,130,32,.22),transparent 70%)}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{width:27px;height:2px;background:var(--orange)}h1{font-size:clamp(54px,7.1vw,96px);line-height:.92;letter-spacing:-.065em;margin:25px 0 28px;max-width:800px}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:19px;line-height:1.75;color:#bfc8cf;max-width:690px;margin:0 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero .btn-ghost{border-color:#55616b;color:#fff}.trust-row{display:flex;gap:25px;flex-wrap:wrap;margin-top:38px;color:#aab4bd;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.trust-row span:before{content:"";display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:9px}.hero-visual{position:relative;min-height:525px;background:linear-gradient(145deg,#1d2b36,#0b141c);border:1px solid #34424d;box-shadow:var(--shadow);overflow:hidden}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-visual:before{content:"";position:absolute;width:280px;height:280px;border:70px solid rgba(245,130,32,.85);border-radius:50%;right:-100px;top:-80px}.hero-visual:after{content:"";position:absolute;width:180px;height:360px;background:var(--blue);transform:skew(-22deg);left:55px;bottom:-170px;opacity:.52}.visual-label{position:absolute;left:36px;top:34px;font-size:11px;letter-spacing:.23em;color:#9dacb7}.visual-title{position:absolute;left:36px;bottom:115px;font-size:clamp(44px,5vw,70px);line-height:.95;font-weight:900;letter-spacing:-.05em}.visual-bottom{position:absolute;left:36px;right:36px;bottom:34px;border-top:1px solid #3b4954;padding-top:18px;display:flex;justify-content:space-between;color:#aeb8c0;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.intro-strip{background:#fff;border-bottom:1px solid var(--line)}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.strip-grid>div{padding:29px 24px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:center}.strip-grid>div:first-child{border-left:1px solid var(--line)}.strip-grid b{color:var(--orange);font-size:13px}.strip-grid span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.section{padding:105px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-title h2,.process-copy h2,.cta h2{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:13px 0 0}.section-title p{max-width:480px;margin:0;color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;min-height:295px;padding:31px;background:#fff;border:1px solid var(--line);transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.card-featured{background:var(--ink);color:#fff;border-color:var(--ink)}.card-featured p{color:#afbac3!important}.card-no{position:absolute;right:25px;top:25px;color:#a2a8ac;font-size:11px}.icon{width:48px;height:48px;background:#f0eee8;display:grid;place-items:center;color:var(--orange);font-size:22px;margin-bottom:40px}.card-featured .icon{background:#25313b}.card h3{font-size:24px;line-height:1.15;margin:0 0 14px;letter-spacing:-.03em}.card p{color:var(--muted);margin:0}.card a{display:inline-block;margin-top:24px;color:var(--orange);font-weight:800;font-size:13px}.section-dark{background:var(--ink2);color:#fff}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.section-kicker.light{color:var(--orange)}.process-copy{position:sticky;top:125px}.process-copy p{color:#aeb8c0;font-size:18px;max-width:450px;margin:28px 0 32px}.timeline{display:grid}.step{display:grid;grid-template-columns:74px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid #36434d}.step:first-child{border-top:1px solid #36434d}.num{color:var(--orange);font-size:13px;font-weight:900}.step h3{font-size:25px;margin:0 0 7px}.step p{margin:0;color:#aeb8c0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project{position:relative;min-height:360px;padding:34px;color:#fff;background:#172631;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.project:before,.project:after{content:"";position:absolute}.project:before{width:260px;height:260px;border:55px solid rgba(245,130,32,.6);border-radius:50%;right:-90px;top:-95px}.project:after{width:120px;height:280px;background:rgba(40,124,169,.55);transform:skew(-20deg);left:30px;top:-100px}.project-two{background:#25313a}.project-two:before{border-color:rgba(40,124,169,.7)}.project-two:after{background:rgba(245,130,32,.5)}.project-wide{grid-column:1/-1;min-height:280px;background:#0f1b24}.project>*{position:relative;z-index:1}.project span{color:var(--orange);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.14em}.project h3{font-size:32px;line-height:1.05;margin:10px 0}.project p{color:#c3cbd1;margin:0;max-width:580px}.cta{padding:96px 0;background:var(--orange);color:#fff}.cta-box{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.cta .section-kicker{color:#fff}.cta p{font-size:18px;max-width:670px;margin:26px 0 0;color:#fff2e7}.contact-actions{display:grid;gap:23px}.phone-link{font-size:34px;font-weight:900;letter-spacing:-.03em;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:12px}.footer{background:#071018;color:#aeb8c0;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:70px}.footer-brand{color:#fff}.footer-brand small{color:#9aa6af}.footer p{max-width:390px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer strong{color:#fff;margin-bottom:10px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #293640;margin-top:50px;padding-top:25px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:980px){.topbar span{display:none}.topbar .wrap{justify-content:center}.nav{height:72px}.header-cta{display:none}.menu-toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:72px;margin:0;background:var(--paper);padding:18px 24px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.menu.is-open{display:flex}.menu a{padding:12px 0}.hero{padding:70px 0}.hero-grid,.split,.cta-box{grid-template-columns:1fr}.hero-visual{min-height:430px}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid>div:nth-child(3){border-left:1px solid var(--line)}.cards{grid-template-columns:1fr 1fr}.process-copy{position:static}.section-title{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.wrap{width:min(var(--max),calc(100% - 28px))}.topbar .wrap>div{gap:8px;font-size:10px}.brand-mark{width:39px;height:39px}.hero{padding:54px 0}.hero-grid{gap:42px}h1{font-size:52px}.lead{font-size:17px}.hero-actions .btn{width:100%}.trust-row{display:grid;gap:9px}.hero-visual{min-height:350px}.visual-title{font-size:45px}.visual-bottom{display:grid;gap:5px}.strip-grid,.cards,.projects,.footer-grid{grid-template-columns:1fr}.strip-grid>div{border-left:1px solid var(--line)}.section{padding:76px 0}.section-title h2,.process-copy h2,.cta h2{font-size:43px}.card{min-height:auto}.project,.project-wide{grid-column:auto;min-height:300px}.split{gap:48px}.step{grid-template-columns:45px 1fr;gap:10px}.cta{padding:70px 0}.phone-link{font-size:27px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card{transition:none}}

/* Poprawka nr 1 - portfolio realizacji */
.home-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-project{position:relative;min-height:380px;overflow:hidden;background:var(--ink);box-shadow:var(--shadow)}.home-project img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .35s}.home-project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(4,12,18,.94))}.home-project span{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;color:#fff;font-size:14px}.home-project b{display:block;font-size:29px;line-height:1.1;letter-spacing:-.04em;margin-bottom:5px}.home-project:hover img{transform:scale(1.04)}.portfolio-more{text-align:center;margin-top:30px}
.portfolio-page{background:var(--paper)}.portfolio-hero{padding:82px 0 62px;background:radial-gradient(circle at 82% 12%,rgba(245,130,32,.22),transparent 33%),linear-gradient(135deg,#fff,#e8edf0)}.portfolio-hero h1{color:var(--ink);margin-bottom:20px}.portfolio-hero>div>p{max-width:820px;font-size:20px;color:var(--muted)}.portfolio-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.portfolio-nav a{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;color:var(--ink)}.portfolio-nav a:hover{border-color:var(--orange);color:var(--orange)}.portfolio-list{padding-top:54px}.portfolio-project{scroll-margin-top:110px;display:grid;grid-template-columns:.76fr 1.24fr;gap:36px;padding:40px 0 58px;border-bottom:1px solid var(--line)}.portfolio-project:last-child{border-bottom:0}.portfolio-copy{position:relative}.project-number{font-size:13px;font-weight:950;color:var(--orange);letter-spacing:.12em}.project-place{display:inline-block;margin:12px 0 8px;padding:7px 12px;border-radius:999px;background:#fff;color:var(--ink);font-weight:850;border:1px solid var(--line)}.portfolio-copy h2{font-size:clamp(30px,3.4vw,48px);line-height:1.06;letter-spacing:-.05em;margin:10px 0 14px}.portfolio-copy p{font-size:17px;color:var(--muted)}.scope-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.scope-tags span{font-size:13px;font-weight:800;padding:7px 10px;border:1px solid var(--line);border-radius:3px;background:#fff}.portfolio-gallery{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(2,190px);gap:12px}.gallery-item{border:0;padding:0;overflow:hidden;cursor:zoom-in;background:#dce3e7}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.035)}.gallery-featured{grid-row:1/3}.portfolio-gallery-large{grid-template-columns:1.25fr .75fr .75fr}.portfolio-gallery-large .gallery-featured{grid-row:1/3}.portfolio-gallery-large .gallery-item:nth-child(4),.portfolio-gallery-large .gallery-item:nth-child(5){display:none}.portfolio-lightbox{position:fixed;z-index:9999;inset:0;background:rgba(1,8,13,.95);display:none;align-items:center;justify-content:center;padding:28px}.portfolio-lightbox.is-open{display:flex}.portfolio-lightbox img{max-width:min(1400px,94vw);max-height:90vh;object-fit:contain}.lightbox-close{position:fixed;right:22px;top:15px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;font-size:34px;cursor:pointer}.lightbox-open{overflow:hidden}
@media(max-width:900px){.home-projects{grid-template-columns:1fr}.home-project{min-height:310px}.portfolio-hero{padding:52px 0 42px}.portfolio-project{grid-template-columns:1fr;gap:24px;padding:28px 0 42px}.portfolio-gallery,.portfolio-gallery-large{grid-template-columns:1fr 1fr;grid-template-rows:240px 170px}.portfolio-gallery .gallery-featured,.portfolio-gallery-large .gallery-featured{grid-column:1/-1;grid-row:auto}.portfolio-gallery-large .gallery-item:nth-child(4){display:block}.portfolio-gallery-large .gallery-item:nth-child(5){display:none}}
@media(max-width:640px){.portfolio-gallery,.portfolio-gallery-large{grid-template-columns:1fr;grid-template-rows:none}.portfolio-gallery .gallery-item,.portfolio-gallery-large .gallery-item{height:230px}.portfolio-gallery-large .gallery-item:nth-child(4){display:none}.portfolio-nav{gap:7px}.portfolio-nav a{font-size:12px}}

/* Poprawka 001 - nowy pierwszy ekran strony glownej */
.hero-photo{position:relative;min-height:760px;padding:0;color:#fff;background:#071018;display:flex;align-items:stretch;overflow:hidden}
.hero-photo-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,10,15,.94) 0%,rgba(4,10,15,.82) 42%,rgba(4,10,15,.28) 72%,rgba(4,10,15,.55) 100%),url('assets/portfolio/wroclaw-01.webp');background-size:cover;background-position:center 45%}
.hero-photo-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.42));pointer-events:none}
.hero-photo-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.58fr);gap:70px;align-items:end;padding-top:118px;padding-bottom:74px}
.hero-copy-photo{max-width:810px;padding-bottom:24px}
.eyebrow-light{color:#fff}.eyebrow-light span{background:var(--orange)}
.hero-copy-photo h1{max-width:900px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.22)}
.hero-copy-photo h1 em{color:#fff;font-style:normal}
.hero-copy-photo .lead{max-width:730px;color:#e7edf1;font-size:20px}
.btn-glass{border-color:rgba(255,255,255,.52);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px)}
.btn-glass:hover{background:rgba(255,255,255,.17)}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid rgba(255,255,255,.28);max-width:760px}
.hero-proof div{padding:19px 18px 0 0;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start}
.hero-proof b{font-size:11px;color:var(--orange);letter-spacing:.14em}.hero-proof span{font-size:13px;font-weight:800;line-height:1.3;color:#fff}
.hero-project-card{align-self:end;background:rgba(7,16,24,.79);border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 70px rgba(0,0,0,.28);backdrop-filter:blur(12px);padding:30px 30px 28px;max-width:390px;margin-left:auto}
.hero-project-label{display:block;color:var(--orange);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}
.hero-project-card strong{display:block;font-size:28px;line-height:1.1;letter-spacing:-.035em}.hero-project-card p{color:#cbd4da;font-size:14px;line-height:1.55;margin:16px 0 22px}.hero-project-card a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.2);padding-top:17px;font-size:13px;font-weight:900}
@media(max-width:980px){.hero-photo{min-height:auto}.hero-photo-bg{background-position:60% center}.hero-photo-grid{grid-template-columns:1fr;padding-top:90px;padding-bottom:55px;gap:35px}.hero-project-card{margin:0;max-width:520px}.hero-copy-photo{padding-bottom:0}}
@media(max-width:640px){.hero-photo-bg{background-image:linear-gradient(180deg,rgba(4,10,15,.88),rgba(4,10,15,.84)),url('assets/portfolio/wroclaw-01.webp');background-position:center}.hero-photo-grid{padding-top:62px;padding-bottom:34px}.hero-copy-photo .lead{font-size:17px}.hero-proof{grid-template-columns:1fr;margin-top:30px}.hero-proof div{border-bottom:1px solid rgba(255,255,255,.16);padding:12px 0}.hero-project-card{padding:24px}.hero-project-card strong{font-size:24px}}


/* Poprawka 003 - kinowy montaz realizacji w sekcji hero */
.hero-photo-bg{background:none;overflow:hidden;isolation:isolate}
.hero-photo-bg:before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(4,10,15,.95) 0%,rgba(4,10,15,.84) 40%,rgba(4,10,15,.35) 70%,rgba(4,10,15,.62) 100%);pointer-events:none}
.hero-photo-bg:after{z-index:4;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.48))}
.hero-slide{position:absolute;inset:-3%;background-size:cover;background-position:center;opacity:0;transform:scale(1.02);transition:opacity 1.35s ease;will-change:opacity,transform;filter:saturate(.92) contrast(1.05) brightness(.88)}
.hero-slide.is-active{opacity:1;z-index:1;animation:citechHeroZoom 7s ease-out both}
@keyframes citechHeroZoom{from{transform:scale(1.02)}to{transform:scale(1.095)}}
.hero-project-card{position:relative;overflow:hidden;transition:opacity .35s ease,transform .35s ease}
.hero-project-card.is-changing{opacity:.3;transform:translateY(8px)}
.hero-project-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}
.hero-project-progress span{display:block;width:0;height:100%;background:var(--orange)}
.hero-project-progress span.is-running{animation:citechHeroProgress 7s linear both}
@keyframes citechHeroProgress{from{width:0}to{width:100%}}
@media(max-width:980px){.hero-slide{background-position:58% center}.hero-photo-bg:before{background:linear-gradient(90deg,rgba(4,10,15,.93),rgba(4,10,15,.68))}}
@media(max-width:640px){.hero-photo-bg{background:none}.hero-slide{inset:-2%;background-position:center}.hero-photo-bg:before{background:linear-gradient(180deg,rgba(4,10,15,.89),rgba(4,10,15,.84))}.hero-project-card{display:none}}
@media(prefers-reduced-motion:reduce){.hero-slide.is-active,.hero-project-progress span.is-running{animation:none}.hero-slide{transition:none}}


/* Poprawka 004 - selekcja czystych kadrów bez osób, aut i przypadkowego bałaganu */
.portfolio-gallery-count-2{grid-template-columns:1fr 1fr;grid-template-rows:392px}
.portfolio-gallery-count-2 .gallery-featured{grid-row:auto}
.portfolio-gallery-count-2 .gallery-item{min-height:392px}
@media(max-width:900px){.portfolio-gallery-count-2{grid-template-columns:1fr 1fr;grid-template-rows:260px}.portfolio-gallery-count-2 .gallery-item{min-height:260px}}
@media(max-width:640px){.portfolio-gallery-count-2{grid-template-columns:1fr;grid-template-rows:none}.portfolio-gallery-count-2 .gallery-item{min-height:230px}}