:root{--black:#090b0d;--black2:#121519;--black3:#1c2127;--yellow:#ffc400;--yellow2:#ffd83d;--white:#fff;--ink:#111318;--muted:#6f757c;--line:#e3e5e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--black);color:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}.jt-container{width:min(1180px,calc(100% - 36px));margin:auto}.jt-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.jt-icon.small{width:18px;height:18px}.jt-icon.btn-icon{width:18px;height:18px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,10,12,.95);backdrop-filter:blur(16px);border-bottom:1px solid #252a30}.nav-wrap{min-height:80px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:280px}.brand img,.custom-logo{width:46px!important;height:55px!important;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Georgia,serif;font-size:20px}.brand-copy small{font-size:9px;letter-spacing:.18em;color:var(--yellow);font-weight:900;margin-top:6px}.main-nav{display:flex;gap:24px;margin-left:auto}.main-nav a{padding:29px 0 22px;font-size:12px;font-weight:900;text-transform:uppercase;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:var(--yellow);border-color:var(--yellow)}.header-phone{display:flex;align-items:center;gap:8px;background:var(--yellow);color:#111;padding:12px 17px;border-radius:7px;font-weight:900;white-space:nowrap}.menu-toggle{display:none;margin-left:auto;background:none;border:0}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.hero{background:linear-gradient(120deg,#0a0c0e,#171b20);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .98fr;min-height:560px}.hero-copy{padding:70px 52px 58px 0;align-self:center}.eyebrow,.section-kicker{font-size:11px;color:var(--yellow);font-weight:900;letter-spacing:.18em;margin:0 0 14px}.hero h1{font-size:clamp(48px,5.5vw,72px);line-height:.96;letter-spacing:-.05em;margin:0;text-transform:uppercase}.hero h1::first-line{color:#fff}.hero h2{font-size:18px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:20px 0 10px}.lead{color:#c4c8cd;font-size:16px;max-width:620px}.hero-list{list-style:none;padding:0;margin:22px 0}.hero-list li{margin:8px 0;font-size:14px}.hero-list li:before{content:"";display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:2px;margin-right:10px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:7px;font-size:12px;font-weight:900;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--yellow),var(--yellow2));color:#111}.btn-outline{border-color:var(--yellow);color:#fff;background:transparent}.btn-dark{background:#111;color:#fff}.hero-photo{position:relative;overflow:hidden}.hero-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#111418 0,transparent 23%)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-angle{position:absolute;z-index:2;left:0;top:0;bottom:0;width:52px;background:var(--yellow);clip-path:polygon(80% 0,100% 0,22% 50%,100% 100%,80% 100%,0 50%)}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);background:#111418;border:1px solid #30343a;border-radius:10px 10px 0 0}.trust-row>div{display:grid;grid-template-columns:38px 1fr;padding:18px;border-right:1px solid #2c3036}.trust-row>div:last-child{border-right:0}.trust-row .jt-icon{grid-row:1/3;color:var(--yellow);width:27px;height:27px}.trust-row b{font-size:11px}.trust-row small{font-size:10px;color:#969ca4;margin-top:3px}
.section{padding:90px 0}.white{background:#fff;color:var(--ink)}.section-title{max-width:760px;margin-bottom:32px}.section-title p{font-size:11px;font-weight:900;letter-spacing:.18em;color:#967a00}.section-title h2{font-size:clamp(36px,4vw,50px);line-height:1.02;letter-spacing:-.04em;margin:5px 0}.section-title small{color:#858a90}.section-title.dark p{color:var(--yellow)}.section-title.dark h2{color:#fff}
.services-grid.compact{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card.clean{background:#fff;border:1px solid #e1e3e5;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.05);transition:.25s}.service-card.clean:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,0,0,.09)}.service-top{height:118px;background:#15191d;overflow:hidden}.service-top img{width:100%;height:100%;object-fit:cover}.service-icon-stage{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(255,196,0,.12),transparent 35%),linear-gradient(135deg,#171b20,#20262c)}.service-icon-stage .jt-icon{width:48px;height:48px;color:var(--yellow);stroke-width:1.6}.service-body{padding:18px}.service-heading{display:flex;align-items:center;gap:10px}.service-inline{color:#a78300;width:22px;height:22px}.service-body h3{font-size:16px;margin:0}.service-body p{font-size:12px;color:#6f747b;margin:9px 0 0}.section-action{text-align:center;margin-top:28px}.dark-action{text-align:left}
.about{background:radial-gradient(circle at 13% 50%,#24220c 0,#121519 30%,#090b0d 65%)}.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.about-visual.photo-style{min-height:420px;border-radius:18px;overflow:hidden;border:1px solid #2c3035;background:#111}.about-visual.photo-style img{width:100%;height:420px;object-fit:cover}.about-copy h2{font-size:clamp(36px,4vw,52px);line-height:1.03;letter-spacing:-.04em;margin:0 0 18px}.about-copy>p:not(.eyebrow){color:#abb0b7;line-height:1.7}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.why-grid>div{padding:17px;border:1px solid #2a2f35;border-radius:12px;background:#15191d}.why-grid span{display:block;color:var(--yellow);font-size:11px;font-weight:900}.why-grid b{display:block;margin:5px 0;font-size:15px}.why-grid small{color:#868c94}
.projects{background:#0d0f12}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{position:relative;height:270px;border-radius:12px;overflow:hidden;background:#111}.project-card a{display:block;width:100%;height:100%}.project-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.project-card:hover img{transform:scale(1.04)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.85));pointer-events:none}.project-overlay{position:absolute;z-index:2;left:16px;right:16px;bottom:14px}.project-overlay span{font-size:9px;color:var(--yellow);font-weight:900;letter-spacing:.12em}.project-overlay h3{margin:4px 0 0;font-size:17px}.project-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:10px;background:linear-gradient(135deg,#171b20,#242a31);color:#6f7780}.project-placeholder .jt-icon{width:48px;height:48px;color:#4f565e}.project-placeholder span{font-size:11px}.empty-projects{grid-column:1/-1;padding:24px;border:1px dashed #3a4047;border-radius:12px;color:#9299a2}
.contact-cta{padding:58px 0;background:linear-gradient(135deg,#101317,#090b0d);border-top:1px solid #292e34}.contact-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-cta h2{font-size:clamp(34px,4vw,48px);line-height:1.04;margin:0 0 8px}.contact-cta p:not(.eyebrow){color:#9da4ac}.contact-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.inner-hero{background:linear-gradient(130deg,#090b0d,#171b20);border-bottom:1px solid #2a2f35}.inner-hero-grid{min-height:330px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:40px}.inner-hero h1{font-size:clamp(48px,6vw,72px);line-height:.95;letter-spacing:-.05em;margin:0 0 18px;text-transform:uppercase}.inner-hero p:not(.eyebrow){color:#b7bcc3;max-width:650px}.inner-hero-art{height:250px;border:1px solid #2c3137;border-radius:18px;background:radial-gradient(circle,rgba(255,196,0,.13),transparent 35%),#111418;display:grid;place-items:center;align-content:center;gap:12px}.inner-hero-art .jt-icon{width:72px;height:72px;color:var(--yellow)}.inner-hero-art span{font-size:11px;letter-spacing:.16em;color:#a8aeb5;font-weight:900}
.services-list-v3{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-row-v3{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:22px;border:1px solid #e1e3e5;border-radius:14px;background:#fff}.service-row-icon{width:54px;height:54px;border-radius:12px;background:#111;color:var(--yellow);display:grid;place-items:center}.service-row-icon .jt-icon{width:28px;height:28px}.service-row-v3 h2{font-size:18px;margin:0 0 6px}.service-row-v3 p{font-size:13px;color:#6f747a;margin:0}
.projects-page{background:#f6f6f5;color:#111}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filter-bar button{border:1px solid #d9dbde;background:#fff;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:900;cursor:pointer}.filter-bar button.active,.filter-bar button:hover{background:var(--yellow);border-color:var(--yellow)}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-card{height:300px;position:relative;border-radius:12px;overflow:hidden;background:#111}.gallery-card.hidden{display:none}.gallery-card a,.gallery-card img{width:100%;height:100%;display:block}.gallery-card img{object-fit:cover;transition:.35s}.gallery-card:hover img{transform:scale(1.04)}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.85));pointer-events:none}.gallery-overlay{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;color:#fff}.gallery-overlay span{font-size:9px;color:var(--yellow);font-weight:900;letter-spacing:.12em}.gallery-overlay h2{font-size:18px;margin:5px 0 0}.project-placeholder.large{background:#e7e9eb;color:#77808a}.project-placeholder.large .jt-icon{color:#a8afb7}.light-empty{color:#555;border-color:#bbb}
.about-page-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}.about-story h2{font-size:clamp(38px,4vw,54px);line-height:1.04;letter-spacing:-.04em;margin:0 0 20px}.about-story p{color:#646a71;line-height:1.8}.values-stack{display:grid;gap:12px}.values-stack>div{padding:22px;border:1px solid #e1e3e5;border-radius:14px;background:#fafafa}.values-stack span{font-size:10px;font-weight:900;color:#9a7b00}.values-stack h3{font-size:20px;margin:5px 0}.values-stack p{font-size:13px;color:#747980;margin:0}
.contact-simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-simple-card{padding:28px;border:1px solid #e0e2e5;border-radius:16px;background:#fff;display:grid;gap:9px}.contact-simple-card.primary-card{background:var(--yellow);border-color:var(--yellow)}.contact-simple-card>.jt-icon{width:32px;height:32px;color:#111}.contact-simple-card small{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#7d8289;font-weight:900}.contact-simple-card.primary-card small{color:#6c5600}.contact-simple-card strong{font-size:22px}.contact-note{font-size:12px;color:#6d737a}.contact-simple-card .btn{margin-top:8px;width:max-content}
.site-footer{background:#080a0c;border-top:1px solid #24282d;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:50px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px;color:#9aa0a7;font-size:12px}.footer-grid>div:not(:first-child)>strong{color:#fff;margin-bottom:5px}.footer-grid p{color:#777e86;font-size:11px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:42px;height:50px;object-fit:contain}.footer-brand small{display:block;color:var(--yellow);font-size:9px;letter-spacing:.14em}.footer-bottom{border-top:1px solid #24282d;margin-top:30px;padding-top:16px;color:#5f666e;font-size:10px}.mobile-call{display:none}
@media(max-width:980px){.header-phone{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:14px;right:14px;background:#111418;border:1px solid #2e3238;border-radius:12px;padding:10px;flex-direction:column}.main-nav.open{display:flex}.main-nav a{padding:12px;border:0}.nav-wrap{min-height:72px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:58px 0 38px}.hero-photo{height:420px}.trust-row{grid-template-columns:1fr 1fr}.services-grid.compact{grid-template-columns:1fr 1fr}.about-grid,.about-page-grid{grid-template-columns:1fr}.projects-grid,.project-gallery{grid-template-columns:1fr 1fr}.services-list-v3{grid-template-columns:1fr}.contact-cta-grid{align-items:flex-start;flex-direction:column}.inner-hero-grid{grid-template-columns:1fr}.inner-hero-grid>div:first-child{padding:50px 0 0}.contact-simple-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:620px){body{padding-bottom:66px}.jt-container{width:min(100% - 24px,620px)}.brand{min-width:0}.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px}.hero h1{font-size:44px}.hero-actions .btn{width:100%}.hero-photo{height:300px}.trust-row,.services-grid.compact,.why-grid,.projects-grid,.project-gallery,.contact-simple-grid,.footer-grid{grid-template-columns:1fr}.trust-row>div{border-right:0;border-bottom:1px solid #2d3137}.section{padding:68px 0}.about-visual.photo-style,.about-visual.photo-style img{min-height:300px;height:300px}.project-card,.gallery-card{height:235px}.footer-grid>div:first-child{grid-column:auto}.contact-cta-actions{width:100%}.contact-cta-actions .btn{width:100%}.mobile-call{display:flex;position:fixed;z-index:120;left:12px;right:12px;bottom:10px;min-height:48px;border-radius:999px;background:var(--yellow);color:#111;align-items:center;justify-content:center;gap:8px;font-weight:900;box-shadow:0 10px 30px #0008}}

/* V4 CMS: treści z edytora WordPress */
.wp-editor-content{max-width:980px}
.wp-editor-content h2{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}
.wp-editor-content h3{font-size:24px;margin:28px 0 12px}
.wp-editor-content p{color:#5f656c;font-size:16px;line-height:1.8;margin:0 0 18px}
.wp-editor-content ul,.wp-editor-content ol{color:#5f656c;line-height:1.8;padding-left:22px}
.wp-editor-content strong{color:#111}
.wp-editor-content a{color:#8a6d00;text-decoration:underline}
.wp-editor-content img{border-radius:14px;margin:22px 0}
.editable-page-section + .contact-cards-section{padding-top:0}

.jt-brand-logo{width:46px!important;height:55px!important;object-fit:contain}

/* ===== V5.2 FINAL ===== */
.premium-about .about-visual{position:relative}
.premium-about .about-visual img{width:100%;height:100%;object-fit:cover}
.about-badge{position:absolute;left:18px;bottom:18px;background:var(--yellow);color:#111;border-radius:12px;padding:14px 16px;box-shadow:0 16px 35px rgba(0,0,0,.28)}
.about-badge strong,.about-badge span{display:block}.about-badge strong{font-size:18px}.about-badge span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.about-lead p{color:#b3b8bf!important;margin:0 0 14px!important}
.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}
.about-tags span{border:1px solid #4a4214;background:rgba(255,196,0,.06);color:var(--yellow);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.why-grid.premium>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px}
.why-grid.premium .jt-icon{grid-row:1/3;color:var(--yellow);width:26px;height:26px;margin-top:2px}
.why-grid.premium b,.why-grid.premium small{grid-column:2}
.about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.public-empty-projects{grid-column:1/-1;padding:42px;border:1px solid #dcdfe2;border-radius:14px;background:#fff;text-align:center}
.public-empty-projects h2{margin:0 0 8px;font-size:28px}.public-empty-projects p{margin:0;color:#777d84}
@media(max-width:620px){.about-actions .btn{width:100%}.about-badge{left:12px;bottom:12px}}