:root{
  --orange:#f47b20;
  --orange2:#ff9638;
  --black:#090909;
  --black2:#111;
  --white:#f7f7f5;
  --muted:#a6a6a2;
  --line:rgba(255,255,255,.12);
  --max:1400px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--black);font-family:Montserrat,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.site-header{height:78px;background:#090909;color:#fff;display:flex;align-items:center;gap:25px;padding:0 4vw;position:sticky;top:0;z-index:50;border-bottom:1px solid #252525}
.logo{font:800 29px/1 'Barlow Condensed',sans-serif;letter-spacing:-1px;white-space:nowrap}
.logo-dp{color:#fff}.logo-kop{color:var(--orange)}
.nav{display:flex;gap:24px;margin-left:auto}
.nav a,.header-phone{font-size:10px;font-weight:700;letter-spacing:.9px;color:#ddd;white-space:nowrap}
.nav a:hover,.header-phone:hover{color:var(--orange)}
.header-phone{font-size:12px;color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 23px;border:1px solid transparent;font-size:10px;font-weight:800;letter-spacing:1.2px;transition:.2s}
.btn span{font-size:17px}
.btn-orange{background:var(--orange);color:#090909}
.btn-orange:hover{background:#fff;transform:translateY(-2px)}
.btn-outline{border-color:rgba(255,255,255,.35);color:#fff}
.btn-outline:hover{border-color:var(--orange);color:var(--orange)}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:690px;background:#0a0a0a;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;padding:90px 7vw}
.hero-grid{position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.86) 45%,rgba(0,0,0,.35) 100%),linear-gradient(90deg,transparent 49.9%,rgba(244,123,32,.08) 50%,transparent 50.1%);background-size:auto,80px 80px;opacity:.95}
.hero-copy{position:relative;z-index:3;max-width:700px}
.eyebrow,.section-kicker{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:2.2px;color:var(--orange)}
.hero h1{font:800 clamp(54px,7vw,100px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-2px;margin:18px 0 25px}
.hero h1 span,h2 span{color:var(--orange)}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}
.hero-tags span{border-left:3px solid var(--orange);padding:7px 12px;background:rgba(255,255,255,.07);font-size:9px;font-weight:800;letter-spacing:1px}
.hero p{max-width:610px;color:#bdbdb8;line-height:1.75;font-size:14px}
.hero-actions{display:flex;gap:10px;margin-top:30px}
.hero-machine{position:absolute;right:-4%;bottom:-10%;width:54%;height:85%;z-index:2;transform:skewX(-4deg)}
.machine-glow{position:absolute;right:10%;bottom:2%;width:72%;height:58%;background:radial-gradient(ellipse,rgba(244,123,32,.32),transparent 67%);filter:blur(8px)}
.machine-silhouette{position:absolute;right:10%;bottom:7%;width:68%;height:63%;border:20px solid #202020;border-bottom-width:34px;color:#343434;display:flex;align-items:center;justify-content:center;font:800 90px/.75 'Barlow Condensed';transform:rotate(-4deg);box-shadow:0 30px 80px #000}
.machine-silhouette small{font-size:42px;color:var(--orange)}
.hero-note{position:absolute;right:7%;top:25%;z-index:4;color:#fff;font:700 21px/1.05 'Barlow Condensed';letter-spacing:2px;transform:rotate(-7deg);text-align:center}
.hero-bottom{position:absolute;bottom:23px;left:7vw;color:#555;font-size:9px;letter-spacing:3px;font-weight:700;z-index:4}
.hero-bottom span{color:var(--orange);margin:0 8px}
.section{padding:110px 7vw}
.section-heading{max-width:var(--max);margin:0 auto 55px;display:flex;justify-content:space-between;align-items:end;gap:50px}
.section-heading h2,.why h2,.contact h2{font:800 clamp(48px,6vw,82px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;margin:13px 0 0}
.section-heading p{max-width:500px;color:#777;line-height:1.8;font-size:13px;margin:0}
.service-layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:300px 1fr;gap:45px}
.service-intro{border-top:5px solid var(--orange);padding-top:20px}
.service-number{font:700 15px 'Barlow Condensed';color:#bbb}
.service-intro h3{font:800 48px/.9 'Barlow Condensed';margin:28px 0}
.service-intro h3 span{color:var(--orange)}
.service-intro p{font-size:12px;color:#777;line-height:1.7}
.text-link{display:inline-flex;gap:16px;align-items:center;margin-top:22px;font-size:10px;font-weight:800;letter-spacing:1px}
.text-link b{color:var(--orange);font-size:18px}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#ddd}
.service-card{background:#f5f5f2;padding:30px;min-height:180px;position:relative}
.service-card:hover{background:#111;color:#fff}
.service-card>b{color:var(--orange);font:700 12px 'Barlow Condensed'}
.service-card h3{font:700 27px/.95 'Barlow Condensed';margin:18px 0 10px}
.service-card p{font-size:11px;color:#777;line-height:1.55;max-width:350px}
.service-card:hover p{color:#aaa}
.equipment{background:#0a0a0a;color:#fff;padding:110px 7vw}
.section-heading.dark p{color:#777}
.equipment-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:2px}
.equipment-card{min-height:360px;background:#151515;padding:30px;position:relative;overflow:hidden;border:1px solid #242424}
.equipment-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(244,123,32,.2);border-radius:50%;right:-100px;bottom:-120px}
.equipment-main{background:linear-gradient(145deg,#171717,#0c0c0c)}
.equipment-mark{font:800 64px/.8 'Barlow Condensed';color:#242424;position:absolute;right:15px;top:25px}
.equipment-card>span{font:700 10px 'Barlow Condensed';letter-spacing:1.5px;color:var(--orange)}
.equipment-card h3{font:800 38px/.9 'Barlow Condensed';margin-top:65px}
.equipment-card p{font-size:11px;color:#888;line-height:1.6;max-width:230px}
.equipment-icon{font-size:50px;color:var(--orange);height:100px;display:flex;align-items:center}
.equipment-card:not(.equipment-main) h3{margin-top:20px}
.equipment>.btn{display:flex;width:max-content;margin:35px auto 0}
.light{border-color:#555}
.realizacje{background:#f1f1ee}
.gallery{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:220px 220px;gap:8px}
.gallery-tile{background:#171717;position:relative;overflow:hidden;display:flex;align-items:end;padding:22px}
.gallery-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1a1a1a,#3a3a3a 45%,#111);opacity:.95}
.gallery-tile:after{content:"";position:absolute;inset:15px;border:1px solid rgba(244,123,32,.2)}
.gallery-tile span{position:relative;z-index:2;color:#fff;font:800 30px 'Barlow Condensed';letter-spacing:1px}
.tile-1{grid-row:span 2}.tile-2{grid-column:span 2}
.gallery-note{max-width:var(--max);margin:15px auto 0;font-size:10px;color:#888}
.gallery-note code{color:#555}
.why{background:var(--orange);padding:95px 7vw}
.why-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.why .section-kicker{color:#111}
.why h2 span{color:#fff}
.why-points{border-top:1px solid rgba(0,0,0,.25)}
.why-points div{display:flex;gap:25px;padding:17px 0;border-bottom:1px solid rgba(0,0,0,.25);font-size:13px}
.why-points strong{font:700 15px 'Barlow Condensed';color:#6b350e}
.audience{display:grid;grid-template-columns:1fr 1fr;padding-top:0;padding-bottom:0}
.audience-card{padding:100px 8vw;min-height:470px}
.audience-card.private{background:#fff}
.audience-card.business{background:#111;color:#fff}
.audience-card h2{font:800 clamp(55px,6vw,85px)/.82 'Barlow Condensed';margin:15px 0 35px}
.audience-card ul{list-style:none;padding:0;margin:0;max-width:420px}
.audience-card li{padding:13px 0;border-bottom:1px solid #ddd;font-size:12px}
.business li{border-color:#333}
.business .section-kicker{color:var(--orange)}
.contact{background:#080808;color:#fff;padding:110px 7vw;position:relative;overflow:hidden}
.contact-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(244,123,32,.18),transparent 35%),linear-gradient(120deg,#080808,#111)}
.contact-content{position:relative;z-index:2;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px}
.contact h2{margin-bottom:25px}
.contact p{max-width:560px;color:#888;line-height:1.7;font-size:13px}
.contact-details{display:grid;grid-template-columns:1fr;gap:18px;margin-top:35px}
.contact-details a,.contact-details div{display:flex;flex-direction:column;gap:5px}
.contact-details small{font-size:8px;letter-spacing:2px;color:#666}
.contact-details strong{font:700 25px 'Barlow Condensed';color:#fff}
.contact-details a strong:hover{color:var(--orange)}
.contact-form{background:#121212;padding:35px;border:1px solid #272727}
.contact-form label{display:block;font-size:9px;font-weight:800;letter-spacing:1px;color:#aaa;margin-bottom:18px}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;background:#0b0b0b;border:1px solid #292929;color:#fff;padding:14px;font:12px Montserrat;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange)}
.contact-form textarea{resize:vertical}
.contact-form .btn{width:100%;margin-top:3px}
.form-note{font-size:9px!important;color:#555!important;margin:13px 0 0!important}
footer{background:#050505;color:#666;border-top:1px solid #1c1c1c;padding:25px 7vw;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}
.footer-logo{font:800 25px 'Barlow Condensed';color:#fff}.footer-logo b{color:var(--orange)}
footer a:hover{color:var(--orange)}
@media(max-width:1050px){
  .nav{gap:13px}.header-cta{display:none}.hero-machine{opacity:.45;right:-20%;width:70%}
  .equipment-grid{grid-template-columns:1fr 1fr}.equipment-main{grid-column:span 2}
}
@media(max-width:760px){
  .site-header{height:68px;padding:0 20px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#090909;padding:20px;flex-direction:column;border-top:1px solid #222}.nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-phone{font-size:11px}
  .hero{min-height:700px;padding:80px 25px}.hero-copy{max-width:100%}.hero h1{font-size:66px}.hero-machine{right:-65%;width:100%;opacity:.25}.hero-note{display:none}.hero-bottom{left:25px;font-size:7px}
  .hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}
  .section,.equipment,.contact{padding:75px 25px}.section-heading{display:block;margin-bottom:35px}.section-heading p{margin-top:25px}
  .service-layout{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{min-height:145px}
  .equipment-grid{grid-template-columns:1fr}.equipment-main{grid-column:auto}.equipment-card{min-height:280px}
  .gallery{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px}.tile-1{grid-row:auto}.tile-2{grid-column:auto}.gallery-tile span{font-size:22px}
  .why{padding:70px 25px}.why-inner{grid-template-columns:1fr;gap:40px}
  .audience{display:block;padding:0}.audience-card{padding:75px 25px;min-height:auto}
  .contact-content{grid-template-columns:1fr;gap:45px}
  footer{padding:25px;flex-direction:column;gap:15px;text-align:center}
}

/* --- Prawdziwe zdjęcia DP-KOP --- */
.hero-machine{right:-2%;bottom:0;width:57%;height:92%;transform:none;background-image:linear-gradient(90deg,rgba(8,8,8,.98) 0%,rgba(8,8,8,.42) 28%,rgba(8,8,8,.05) 62%),url('assets/hero.webp');background-size:cover;background-position:center 46%;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);overflow:hidden}
.hero-machine .machine-glow{position:absolute;inset:0;background:radial-gradient(circle at 60% 45%,rgba(244,123,32,.18),transparent 45%)}
.equipment-photo-card{padding:0;min-height:360px;position:relative}
.equipment-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.equipment-photo-card:hover img{transform:scale(1.045)}
.equipment-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.88) 100%)}
.equipment-copy{position:absolute;left:30px;right:30px;bottom:28px;z-index:2}
.equipment-copy h3{margin:10px 0 8px!important;color:#fff}
.equipment-copy p{color:#ddd!important;margin:0}
.equipment-copy span{font:700 10px 'Barlow Condensed';letter-spacing:1.5px;color:var(--orange)}
.gallery{grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:220px 220px 220px}
.gallery-tile{border:0;padding:0;cursor:pointer;text-align:left;display:flex;background:#111}
.gallery-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.gallery-tile:hover img{transform:scale(1.06)}
.gallery-tile:before{z-index:1;opacity:.2;background:linear-gradient(180deg,transparent 35%,#000 100%)}
.gallery-tile:after{z-index:1}
.gallery-tile span{z-index:2}
.tile-1{grid-row:span 2}.tile-5{grid-column:1}.tile-6{grid-column:2}.tile-7{grid-column:3}.tile-8{grid-column:1 / span 3}
.business-card{background:#fff}
.business-card-wrap{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:45px;align-items:center}
.poster-preview{border:0;background:#111;padding:0;cursor:pointer;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.14)}
.poster-preview img{display:block;width:100%;height:auto;transition:transform .5s ease}
.poster-preview:hover img{transform:scale(1.02)}
.business-card-info{max-width:430px}.business-card-info h3{font:800 78px/.85 'Barlow Condensed';margin:18px 0;color:#111}.business-card-info p{font-size:13px;line-height:1.8;color:#555;margin:0 0 28px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:1000;display:none;align-items:center;justify-content:center;padding:35px}
.lightbox.open{display:flex}.lightbox figure{margin:0;max-width:min(1200px,94vw);max-height:94vh;text-align:center}.lightbox img{display:block;max-width:100%;max-height:85vh;width:auto;height:auto;margin:auto}.lightbox figcaption{color:#fff;font:700 16px 'Barlow Condensed';letter-spacing:1px;margin-top:14px}.lightbox-close{position:absolute;top:15px;right:25px;border:0;background:transparent;color:#fff;font-size:48px;line-height:1;cursor:pointer}
@media(max-width:1050px){.hero-machine{right:-18%;width:70%;opacity:.72}.business-card-wrap{grid-template-columns:1fr}.business-card-info{max-width:700px}}
@media(max-width:760px){.hero-machine{right:-55%;width:110%;opacity:.48}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px 180px}.tile-1{grid-row:auto}.tile-5,.tile-6,.tile-7,.tile-8{grid-column:auto}.tile-8{grid-column:1 / span 2}.business-card-wrap{gap:28px}.business-card-info h3{font-size:62px}.lightbox{padding:15px}.lightbox img{max-height:78vh}}