/* ══════════════════════════════════════
   ANDUR — style.css
   Współdzielony arkusz stylów
   ══════════════════════════════════════ */

:root{--white:#ffffff;--off:#f4f4f4;--border:#e0e0e0;--text:#1a1a1a;--muted:#6b6b6b;--light:#9a9a9a;--red:#d4001a;--red2:#ff001f}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;background:var(--white);color:var(--text);overflow-x:hidden}
img{display:block;max-width:100%}

/* ══ NAV ══ */
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;transition:background .4s,box-shadow .4s;background:transparent;border-bottom:1px solid rgba(255,255,255,0)}
nav.scrolled{background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);box-shadow:0 2px 24px rgba(0,0,0,.07);backdrop-filter:blur(12px)}
nav.nav-solid{background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);box-shadow:0 2px 24px rgba(0,0,0,.07)}
.nav-logo{display:flex;align-items:center;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:900;letter-spacing:5px;text-transform:uppercase;color:#fff;transition:color .4s}
.nav-logo img{display:block;height:44px;width:auto;max-height:44px;max-width:none}
nav.scrolled .nav-logo,nav.nav-solid .nav-logo{color:var(--text)}
.nav-logo span{color:var(--red)}
.nav-links{display:flex;gap:34px;list-style:none}
.nav-links a{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:color .2s;color:rgba(255,255,255,.8)}
nav.scrolled .nav-links a,nav.nav-solid .nav-links a{color:var(--muted)}
.nav-links a:hover{color:#fff}
nav.scrolled .nav-links a:hover,nav.nav-solid .nav-links a:hover{color:var(--text)}
.nav-links a.active-page{color:var(--red) !important}
.nav-right{display:flex;align-items:center;gap:22px}
.btn-nav{background:var(--red);color:#fff;padding:11px 24px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:background .2s}
.btn-nav:hover{background:var(--red2)}

/* ══ SHARED ══ */
.section-label{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.section-label::before{content:'';width:28px;height:2px;background:var(--red);display:block}
.section-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(36px,4.5vw,58px);font-weight:900;text-transform:uppercase;line-height:1;letter-spacing:-.5px;color:var(--text)}
.btn-primary{background:var(--red);color:#fff;padding:15px 34px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;display:inline-block;transition:background .2s;border:none;cursor:pointer}
.btn-primary:hover{background:var(--red2)}
.btn-white{background:#fff;color:var(--red);padding:16px 36px;white-space:nowrap;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;flex-shrink:0;transition:background .2s}
.btn-white:hover{background:#f0f0f0}

/* ══ REVEAL ══ */
.r{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.r.on{opacity:1;transform:none}
.r2{transition-delay:.1s}
.r3{transition-delay:.2s}

/* ══ FOOTER ══ */
footer{background:var(--text);color:#fff;padding:64px 80px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:52px}
.f-desc{font-size:13px;color:#888;line-height:1.7;font-weight:300;margin-top:14px}
.f-col-t{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#666;margin-bottom:18px}
.f-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.f-links a{font-size:13px;color:#888;text-decoration:none;transition:color .2s;font-weight:300}
.f-links a:hover{color:#fff}
.f-bottom{background:#111;padding:18px 80px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;letter-spacing:.5px}
.f-bottom a{color:#666;text-decoration:none;transition:color .2s}
.f-bottom a:hover{color:#fff}

/* ══ HERO — PHOTO SLIDER ══ */
.hero{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto}
.slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.6)}
.slide::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.1) 100%)}
.hero-content{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:0 80px 80px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:22px;opacity:0;transform:translateY(20px);transition:opacity .8s .2s ease,transform .8s .2s ease}
.hero-eyebrow::before{content:'';width:28px;height:2px;background:var(--red);display:block}
.hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(56px,8vw,110px);font-weight:900;line-height:.93;text-transform:uppercase;letter-spacing:-2px;color:#fff;opacity:0;transform:translateY(24px);transition:opacity .8s .35s ease,transform .8s .35s ease}
.hero-red{color:var(--red)}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:48px;opacity:0;transform:translateY(20px);transition:opacity .8s .6s ease,transform .8s .6s ease}
.hero-desc{font-size:16px;font-weight:300;color:rgba(255,255,255,.75);line-height:1.75;max-width:480px;margin-bottom:28px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-ghost-white{border:1.5px solid rgba(255,255,255,.4);color:#fff;padding:15px 34px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;display:inline-block;transition:border-color .2s}
.btn-ghost-white:hover{border-color:#fff}
.hero-stats{display:flex;gap:48px;flex-shrink:0;padding-left:60px;border-left:1px solid rgba(255,255,255,.2)}
.sv{font-family:'Barlow Condensed',sans-serif;font-size:44px;font-weight:900;line-height:1;color:#fff}
.sv em{color:var(--red);font-style:normal}
.sl{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:4px}
.slide.active .hero-eyebrow,.slide.active .hero h1,.slide.active .hero-bottom{opacity:1;transform:translateY(0)}
.slider-controls{position:absolute;bottom:40px;right:80px;z-index:20;display:flex;align-items:center;gap:16px}
.slider-btn{width:44px;height:44px;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s}
.slider-btn:hover{background:var(--red);border-color:var(--red)}
.slider-dots{position:absolute;bottom:44px;left:80px;z-index:20;display:flex;gap:8px;align-items:center}
.dot{width:28px;height:3px;background:rgba(255,255,255,.3);cursor:pointer;transition:background .3s,width .3s}
.dot.active{background:var(--red);width:48px}
.scroll-hint{position:absolute;bottom:44px;left:50%;z-index:20;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.scroll-hint span{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5));animation:scrollPulse 2s infinite}
@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}
.slide-progress{position:absolute;top:0;left:0;right:0;height:2px;z-index:20}
.slide-progress-bar{height:100%;background:var(--red);width:0%;transition:width 6s linear}

/* ══ TICKER ══ */
.ticker{background:var(--text);padding:12px 0;overflow:hidden}
.ticker-track{display:inline-flex;animation:tickerRun 28s linear infinite;white-space:nowrap}
.ticker-item{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.65);padding:0 36px}
.ticker-item b{color:var(--red)}
@keyframes tickerRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ══ ABOUT ══ */
.about{padding:100px 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:var(--white)}
.about-img{position:relative;aspect-ratio:4/3;overflow:hidden}
.about-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:filter .5s}
.about-img:hover img{filter:saturate(1)}
.about-img-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--red)}
.about-year-badge{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.about-year-badge strong{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;line-height:1}
.about-year-badge span{font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:.8}
.about-text p{font-size:15px;font-weight:300;color:var(--muted);line-height:1.8;margin-bottom:18px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:36px}
.about-box{background:var(--off);padding:20px 22px;border-left:3px solid transparent;transition:border-color .25s,background .25s}
.about-box:hover{border-left-color:var(--red);background:#eee}
.about-box-t{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text);margin-bottom:4px}
.about-box-d{font-size:12px;color:var(--muted)}

/* ══ MATERIALS ══ */
.mats{background:var(--off);padding:44px 80px;display:flex;align-items:center;gap:60px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.mats-label{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--light);white-space:nowrap}
.mats-tags{display:flex;flex-wrap:wrap;gap:10px}
.mat{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:9px 18px;border:1.5px solid var(--border);color:var(--text);transition:border-color .2s,color .2s,background .2s;cursor:default;background:var(--white)}
.mat:hover{border-color:var(--red);color:var(--red);background:#fff5f5}

/* ══ SERVICES ══ */
.services{padding:100px 80px;background:var(--white)}
.services-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.s-card{background:var(--off);padding:44px 36px 52px;position:relative;overflow:hidden;color:var(--text);display:block;border-top:3px solid transparent;transition:border-color .3s,background .3s;cursor:pointer;text-decoration:none}
.s-card:hover{border-top-color:var(--red);background:#efefef}
.s-card-img{height:160px;overflow:hidden;margin:-44px -36px 28px;position:relative}
.s-card-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:filter .5s,transform .5s}
.s-card:hover .s-card-img img{filter:saturate(1);transform:scale(1.04)}
.s-num{font-family:'Barlow Condensed',sans-serif;font-size:64px;font-weight:900;line-height:1;color:rgba(0,0,0,.07);margin-bottom:14px;transition:color .3s}
.s-card:hover .s-num{color:rgba(212,0,26,.1)}
.s-title{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.s-desc{font-size:13px;color:var(--muted);line-height:1.7;font-weight:300}
.s-arrow{position:absolute;bottom:24px;right:24px;width:28px;height:28px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s}
.s-card:hover .s-arrow{border-color:var(--red);background:var(--red)}
.s-card:hover .s-arrow svg path{stroke:#fff}

/* ══ SERVICE MODAL ══ */
.modal-overlay{position:fixed;inset:0;z-index:800;background:rgba(0,0,0,0);backdrop-filter:blur(0px);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background .35s,backdrop-filter .35s}
.modal-overlay.open{background:rgba(0,0,0,.65);backdrop-filter:blur(6px);pointer-events:auto}
.modal-box{background:#fff;max-width:740px;width:92%;max-height:88vh;overflow-y:auto;position:relative;transform:translateY(36px) scale(.97);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s}
.modal-overlay.open .modal-box{transform:none;opacity:1}
.modal-hero-img{width:100%;height:220px;object-fit:cover;filter:saturate(.55);display:block}
.modal-body{padding:40px 48px 52px}
.modal-n{font-family:'Barlow Condensed',sans-serif;font-size:68px;font-weight:900;color:rgba(0,0,0,.05);line-height:1;margin-bottom:4px}
.modal-ttl{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;color:var(--text);margin-bottom:18px}
.modal-ttl em{color:var(--red);font-style:normal}
.modal-txt{font-size:14px;font-weight:300;color:var(--muted);line-height:1.85;margin-bottom:28px}
.modal-params{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:36px}
.modal-param{background:var(--off);padding:14px 16px;border-left:3px solid transparent;transition:border-color .2s}
.modal-param:hover{border-left-color:var(--red)}
.modal-param-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--light);margin-bottom:4px}
.modal-param-val{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:var(--text)}
.modal-close-btn{position:absolute;top:18px;right:18px;width:36px;height:36px;background:var(--text);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s;z-index:2;line-height:1}
.modal-close-btn:hover{background:var(--red)}

/* ══ WHY ══ */
.why{padding:100px 80px;background:var(--off);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.why-items{display:flex;flex-direction:column;gap:2px;margin-top:40px}
.why-row{display:flex;align-items:center;gap:20px;padding:18px 22px;background:var(--white);border-left:3px solid transparent;transition:border-color .25s,background .25s}
.why-row:hover{border-left-color:var(--red);background:#fafafa}
.why-n{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:var(--red);min-width:44px}
.why-t{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.why-d{font-size:12px;color:var(--muted);margin-top:2px}
.why-visual{display:flex;align-items:center;justify-content:center;position:relative}
.big-ring{width:340px;height:340px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative}
.big-ring::before{content:'';position:absolute;inset:22px;border-radius:50%;border:1.5px solid var(--border)}
.big-ring::after{content:'';position:absolute;inset:44px;border-radius:50%;border:1.5px dashed rgba(212,0,26,.3);animation:spinRing 18s linear infinite}
@keyframes spinRing{to{transform:rotate(360deg)}}
.big-ring-center{text-align:center;position:relative;z-index:1}
.big-ring-num{font-family:'Barlow Condensed',sans-serif;font-size:80px;font-weight:900;line-height:1;color:var(--text)}
.big-ring-num em{color:var(--red);font-style:normal}
.big-ring-lbl{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:4px}
.ring-dot{position:absolute;top:14%;right:12%;width:10px;height:10px;background:var(--red);border-radius:50%;animation:ringDot 3s ease-in-out infinite}
@keyframes ringDot{0%,100%{box-shadow:0 0 0 0 rgba(212,0,26,.4)}50%{box-shadow:0 0 0 10px transparent}}

/* ══ CTA ══ */
.cta-strip{background:var(--red);padding:64px 80px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.cta-strip-t{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,3.5vw,44px);font-weight:900;text-transform:uppercase;color:#fff;line-height:1.1;max-width:500px}

/* ══ INDUSTRIES ══ */
.industries{padding:100px 80px 80px;background:var(--white)}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:52px}
.ind-card{padding:32px 28px;background:var(--off);border-bottom:3px solid transparent;transition:border-color .25s,background .25s}
.ind-card:hover{border-bottom-color:var(--red);background:#ebebeb}
.ind-ico{width:44px;height:44px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.ind-ico svg{width:36px;height:36px;stroke:var(--text);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}
.ind-card:hover .ind-ico svg{stroke:var(--red)}
.ind-t{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.ind-d{font-size:12px;color:var(--muted);line-height:1.6}

/* ══ REALIZACJE — strona główna ══ */
.realizacje{padding:100px 80px;background:var(--off)}
.realizacje-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}
.real-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
.real-card{position:relative;overflow:hidden;aspect-ratio:1/1;background:#1a1a1a;cursor:default}
.real-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.9);transition:filter .5s ease,transform .7s ease;display:block}
.real-card:hover img{filter:saturate(.9) brightness(.55);transform:scale(1.08)}
.real-sig{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);transition:background .4s ease}
.real-card:hover .real-sig{background:rgba(0,0,0,.45)}
.real-sig-txt{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);padding:7px 14px;transition:color .35s .05s ease,border-color .35s .05s ease,transform .35s ease;transform:translateY(6px);white-space:nowrap}
.real-card:hover .real-sig-txt{color:#fff;border-color:rgba(255,255,255,.45);transform:translateY(0)}
.btn-more{display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--border);color:var(--text);padding:14px 28px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:border-color .2s,color .2s;background:transparent}
.btn-more:hover{border-color:var(--red);color:var(--red)}

/* ══ CONTACT ══ */
.contact{padding:100px 80px;background:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.contact-detail{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-bottom:1px solid var(--border)}
.contact-icon{width:40px;height:40px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.contact-lbl{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.contact-val{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;color:var(--text)}
.form{display:flex;flex-direction:column;gap:10px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form input,.form textarea{background:var(--white);border:1.5px solid var(--border);color:var(--text);padding:13px 16px;font-family:'Barlow',sans-serif;font-size:14px;outline:none;transition:border-color .2s;width:100%}
.form input::placeholder,.form textarea::placeholder{color:var(--light)}
.form input:focus,.form textarea:focus{border-color:var(--red)}
.form textarea{min-height:110px;resize:vertical}
.form-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted);line-height:1.5}
.form-check input{width:auto;flex-shrink:0;margin-top:2px;accent-color:var(--red)}
.form-status{display:none;padding:14px 18px;margin-top:8px;font-size:13px;font-weight:500}
.form-status.success{background:#f0faf0;border-left:3px solid #2d8a4e;color:#2d8a4e;display:block}
.form-status.error{background:#fff0f0;border-left:3px solid var(--red);color:var(--red);display:block}

/* ══ COOKIE BANNER ══ */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--text);color:#fff;padding:20px 56px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 -4px 32px rgba(0,0,0,.18);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
#cookie-banner.show{transform:translateY(0)}
.cookie-txt{font-size:13px;color:rgba(255,255,255,.75);line-height:1.6;font-weight:300;max-width:640px}
.cookie-txt a{color:var(--red);text-decoration:none}
.cookie-txt a:hover{text-decoration:underline}
.cookie-btns{display:flex;gap:10px;flex-shrink:0}
.cookie-btn-accept{background:var(--red);color:#fff;padding:10px 24px;border:none;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .2s;white-space:nowrap}
.cookie-btn-accept:hover{background:var(--red2)}
.cookie-btn-reject{background:transparent;color:rgba(255,255,255,.5);padding:10px 18px;border:1.5px solid rgba(255,255,255,.2);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}
.cookie-btn-reject:hover{border-color:rgba(255,255,255,.5);color:#fff}

/* ══ PAGE HERO (realizacje / polityka) ══ */
.page-hero{padding:160px 80px 80px;background:var(--off);border-bottom:1px solid var(--border)}
.page-hero-inner{max-width:1400px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.page-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(52px,7vw,88px);font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-2px;color:var(--text)}
.page-title em{color:var(--red);font-style:normal;display:block}
.page-desc{font-size:15px;font-weight:300;color:var(--muted);line-height:1.75;max-width:400px}

/* ══ PORTFOLIO (realizacje.html) ══ */
.portfolio-section{padding:60px 80px 100px}
.portfolio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
.p-card{position:relative;overflow:hidden;aspect-ratio:1/1;background:#1a1a1a;cursor:default}
.p-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.9);transition:filter .5s ease,transform .7s ease;display:block}
.p-card:hover img{filter:saturate(.9) brightness(.55);transform:scale(1.08)}
.p-sig{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);transition:background .4s ease}
.p-card:hover .p-sig{background:rgba(0,0,0,.45)}
.p-sig-txt{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);padding:7px 14px;transition:color .35s .05s ease,border-color .35s .05s ease,transform .35s ease;transform:translateY(6px);white-space:nowrap}
.p-card:hover .p-sig-txt{color:#fff;border-color:rgba(255,255,255,.45);transform:translateY(0)}
.page-cta{background:var(--red);padding:64px 80px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.page-cta-t{font-family:'Barlow Condensed',sans-serif;font-size:clamp(26px,3vw,42px);font-weight:900;text-transform:uppercase;color:#fff;line-height:1.1;max-width:480px}

/* ══ POLITYKA PRYWATNOŚCI ══ */
.page-wrap{max-width:860px;margin:0 auto;padding:140px 80px 120px}
.tabs{display:flex;gap:0;margin-bottom:56px;border-bottom:2px solid var(--border)}
.tab-btn{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:16px 32px;background:none;border:none;cursor:pointer;color:var(--light);border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}
.tab-btn:hover{color:var(--text)}
.tab-btn.active{color:var(--red);border-bottom-color:var(--red)}
.tab-content{display:none}
.tab-content.active{display:block}
.back-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-decoration:none;margin-bottom:40px;transition:color .2s}
.back-link:hover{color:var(--red)}
.back-link svg{transition:transform .2s}
.back-link:hover svg{transform:translateX(-4px)}
.doc-date{font-size:12px;color:var(--light);letter-spacing:1px;margin-bottom:48px}
.doc-divider{width:48px;height:3px;background:var(--red);margin:36px 0}
.page-wrap h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(44px,6vw,72px);font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:-1px;color:var(--text);margin-bottom:12px}
.page-wrap h1 em{color:var(--red);font-style:normal;display:block}
.page-wrap h2{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text);margin:40px 0 12px;padding-top:8px;border-top:1px solid var(--border)}
.page-wrap h2:first-of-type{border-top:none;margin-top:0}
.page-wrap p{font-size:14px;font-weight:300;color:var(--muted);line-height:1.85;margin-bottom:14px}
.page-wrap ul,.page-wrap ol{margin:0 0 18px 22px}
.page-wrap li{font-size:14px;font-weight:300;color:var(--muted);line-height:1.85;margin-bottom:5px}
.page-wrap strong{font-weight:600;color:var(--text)}
a.inline{color:var(--red);text-decoration:none}
a.inline:hover{text-decoration:underline}
.highlight-box{background:var(--off);border-left:3px solid var(--red);padding:18px 24px;margin:20px 0;font-size:13px;color:var(--muted);line-height:1.7}
.highlight-box strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text);margin-bottom:6px}
.cookie-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:13px}
.cookie-table th{background:var(--text);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 14px;text-align:left}
.cookie-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--muted);font-weight:300;vertical-align:top}
.cookie-table tr:last-child td{border-bottom:none}
.cookie-table tr:nth-child(even) td{background:var(--off)}

/* ══ RESPONSIVE ══ */
@media(max-width:1100px){
  nav,.about,.why,.contact,footer{padding-left:40px;padding-right:40px}
  .services,.industries,.mats,.cta-strip,.realizacje,.portfolio-section,.page-hero,.page-cta{padding-left:40px;padding-right:40px}
  .f-bottom{padding:18px 40px}
  .hero-content{padding:0 48px 72px}
  .slider-dots{left:48px}
  .slider-controls{right:48px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  footer{grid-template-columns:1fr 1fr}
  #cookie-banner{padding:20px 40px}
  .portfolio-grid{grid-template-columns:repeat(4,1fr)}
  .page-wrap{padding:120px 40px 80px}
}
@media(max-width:900px){
  .real-grid,.portfolio-grid{grid-template-columns:repeat(4,1fr)}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .nav-links{display:none}
  nav{padding:0 24px}
  .hero-content{padding:0 24px 80px}
  .hero h1{font-size:clamp(42px,12vw,64px)}
  .hero-bottom{flex-direction:column;gap:28px}
  .hero-stats{border-left:none;padding-left:0;border-top:1px solid rgba(255,255,255,.2);padding-top:20px;flex-wrap:wrap;gap:24px}
  .slider-dots{left:24px;bottom:28px}
  .slider-controls{right:24px;bottom:28px}
  .scroll-hint{display:none}
  .about,.why,.contact{grid-template-columns:1fr;padding:60px 24px}
  .services,.industries,.realizacje,.portfolio-section{padding:60px 24px}
  .services-grid{grid-template-columns:1fr}
  .real-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .mats{padding:32px 24px;flex-direction:column;align-items:flex-start;gap:18px}
  footer{grid-template-columns:1fr;padding:50px 24px}
  .f-bottom{flex-direction:column;gap:8px;padding:16px 24px}
  .cta-strip,.page-cta{flex-direction:column;padding:50px 24px}
  .about-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .modal-params{grid-template-columns:1fr 1fr}
  .modal-body{padding:28px 22px 36px}
  #cookie-banner{flex-direction:column;align-items:flex-start;padding:20px 24px}
  .realizacje-head{flex-direction:column;gap:18px;align-items:flex-start}
  .page-hero{padding:110px 24px 60px}
  .page-hero-inner{flex-direction:column;gap:20px}
  .page-wrap{padding:100px 24px 60px}
  .tabs{flex-direction:column;border-bottom:none;gap:4px;margin-bottom:40px}
  .tab-btn{border:1.5px solid var(--border);border-bottom-width:1.5px;margin-bottom:0;text-align:left}
  .tab-btn.active{background:var(--off)}
  .cookie-table{font-size:11px}
  .cookie-table th,.cookie-table td{padding:8px 10px}
}
@media(max-width:500px){
  .real-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}
}

/* ══ DODATKOWE ELEMENTY ══ */
.btn-outline-dark{border:1.5px solid var(--border);color:var(--text);padding:14px 28px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}
.btn-outline-dark:hover{border-color:var(--red);color:var(--red)}
.f-social{color:#888;font-size:13px;text-decoration:none;transition:color .2s}
.f-social:hover{color:#fff}