:root{--purple:#29206e;--blue:#2b4dd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#080808}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 34px}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(42px,6vw,70px);line-height:1.03;letter-spacing:-2px}h3{font-size:17px}p{line-height:1.55}.hero{background:linear-gradient(110deg,#271b65,#2b287b);color:#fff;padding:26px 0 40px}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:38px;align-items:start}.name-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:30px;color:#000;padding:7px 20px 7px 12px;font-size:26px;font-weight:800;text-decoration:none;margin-bottom:24px}.burst{font-size:30px;line-height:1}.intro{font-size:14px;line-height:1.32;max-width:650px;margin:0 0 20px}.hero h1{font-size:clamp(45px,6vw,77px);line-height:.98;margin:48px 0 0;letter-spacing:-2px}.hero-image img{width:100%;height:540px;object-fit:cover;object-position:center}.offer{background:linear-gradient(130deg,#322d9d,#2c56e0);color:white;padding:80px 0 0}.offer h2{text-align:right;margin-bottom:55px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 18px}.offer-card{background:#030303;min-height:280px;padding:28px 22px;position:relative}.offer-card h3{margin-bottom:10px}.offer-card ul{padding-left:19px;margin:0;font-size:14px;line-height:1.38}.spark{position:absolute;right:15px;top:-48px;font-size:85px;line-height:1;text-shadow:2px 3px 3px #17145e}.pink{color:#ef9de4}.blue{color:#8fd6ff}.projects-title{padding:80px 0 20px;text-align:center}.projects-title h2{margin:0 0 10px}.stripes{height:28px;border-top:4px solid white;border-bottom:4px solid white;position:relative}.stripes:before{content:'';position:absolute;top:9px;left:5%;right:5%;border-top:3px solid white}.copy-section{background:#050505;color:#fff;padding:70px 0 45px}.right{text-align:right;text-decoration:underline;text-underline-offset:14px;text-decoration-thickness:2px;margin-bottom:70px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px}.two-col h3{margin:0}.two-col p{font-size:16px}.samples-title{margin:30px 0 12px}.sample-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;text-align:center;font-size:12px}.sample{display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin-bottom:10px;color:#bce3ff;font-size:76px;background:linear-gradient(135deg,#2372f0,#7d80e7)}.s2,.s4{background:linear-gradient(135deg,#0d52d2,#20b8e8)}.s3,.s5{background:linear-gradient(135deg,#e1f1ff,#5a9fff);color:#fff}.social-section{padding:65px 0 50px}.social-section p{font-size:18px;max-width:880px;margin-bottom:22px}.social-icons{display:flex;justify-content:center;gap:45px;padding-top:35px}.social-icons span{width:160px;height:160px;display:grid;place-items:center;color:white;font-size:120px;font-weight:bold;border-radius:22px}.linkedin{background:#1266b1}.facebook{background:#0866ff;border-radius:50%!important}.instagram{background:linear-gradient(35deg,#f8a73a,#d52b87,#6d42c6)}.video-section{padding:30px 0 75px}.video-section h2{text-align:center;color:#4845ce}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:stretch}.video-grid>img{width:100%;height:450px;object-fit:cover}.video-card{min-height:450px;border-radius:36px;background:linear-gradient(145deg,#281363,#4834a6);color:white;text-align:center;padding:45px 30px}.seniora{font-family:Georgia,serif;font-style:italic;font-size:45px;line-height:.85}.seniora strong{display:inline-block;background:#d62835;font-style:normal;font-size:48px;font-weight:400;padding:10px}.video-card p{font-size:15px;max-width:380px;margin:28px auto 12px}.video-label{font-size:13px;font-weight:800}.play{display:grid;place-items:center;background:#6c19df;border-radius:50%;width:100px;height:100px;font-size:45px;margin:20px auto}.graphics{padding:35px 0 85px}.graphics h2{text-decoration:underline;text-underline-offset:13px;text-decoration-thickness:2px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:70px;align-items:start}.portfolio-grid img{width:100%;height:auto}.portfolio-grid .wide{grid-column:1/-1;max-height:470px;object-fit:cover;object-position:top}.graphics h3{text-align:right;font-size:32px;margin:40px 0}.contact{background:#000;color:#fff;padding:30px 0}.contact-grid{display:grid;grid-template-columns:100px 1fr 1.25fr;gap:22px;align-items:stretch}.ornaments{display:flex;flex-direction:column;justify-content:space-around;font-size:95px;line-height:1;background:linear-gradient(#9af1ed,#ef7dc8);background-clip:text;color:transparent}.selfie{width:100%;height:430px;object-fit:cover;object-position:center}.contact-copy{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-copy p{font-weight:800;font-size:20px;margin:0}.contact-copy h2{font-size:clamp(44px,6vw,78px);margin:18px 0 70px}.contact-copy h3{font-size:17px;margin-bottom:25px}.contact-copy a{display:block;text-decoration:none;font-size:18px;margin-bottom:12px}.contact-copy a:hover{text-decoration:underline}@media(max-width:760px){.wrap{padding:0 20px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-image{grid-row:1}.hero-image img{height:370px;object-position:center 20%}.hero h1{margin:28px 0 0;font-size:clamp(40px,10vw,65px)}.intro{font-size:12px}.name-pill{font-size:22px}.offer{padding-top:55px}.offer-grid{grid-template-columns:1fr 1fr}.offer-card{min-height:0}.offer h2{margin-bottom:55px}.two-col{gap:22px}.sample-grid{grid-template-columns:repeat(3,1fr)}.social-icons{gap:12px}.social-icons span{width:90px;height:90px;font-size:70px}.video-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:70px 1fr}.contact-copy{grid-column:1/-1;padding:25px 0}.selfie{height:370px}.ornaments{font-size:70px}}@media(max-width:480px){.offer-grid,.two-col,.portfolio-grid{grid-template-columns:1fr}.offer-card{padding:25px}.sample-grid{gap:8px}.sample{font-size:50px}.right{margin-bottom:50px}.portfolio-grid .wide{grid-column:auto}.graphics h3{font-size:25px}.video-card{padding:35px 16px}.seniora strong{font-size:36px}.contact-copy h2{margin-bottom:40px}}

/* Ulepszenia wersji 2.0 */
:root{--page-width:1280px} .wrap{max-width:var(--page-width);padding-left:clamp(22px,4vw,56px);padding-right:clamp(22px,4vw,56px)}
body{overflow-x:hidden} .site-nav{position:sticky;top:0;z-index:30;background:rgba(23,17,72,.96);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px max(22px,calc((100vw - 1170px)/2));box-shadow:0 3px 18px #0002;backdrop-filter:blur(12px)}
.nav-brand{font-weight:900;text-decoration:none;white-space:nowrap;font-size:17px}.nav-links{display:flex;gap:20px;flex-wrap:wrap}.nav-links a{font-weight:700;font-size:13px;text-decoration:none;opacity:.9}.nav-links a:hover,.nav-links a:focus-visible{color:#b7dfff}.menu-toggle{display:none;background:none;border:1px solid #fff7;border-radius:8px;color:#fff;font-size:22px;padding:3px 10px;cursor:pointer}
section,footer,header{scroll-margin-top:66px}.hero{padding-top:45px;padding-bottom:65px}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.9fr);gap:clamp(25px,5vw,70px)}.hero-image img{height:clamp(430px,43vw,590px)}.hero h1{font-size:clamp(48px,5.5vw,82px);margin-top:65px}.intro{font-size:clamp(13px,1.12vw,16px)}
.offer-card{min-height:290px;transition:transform .25s,box-shadow .25s}.offer-card:hover{transform:translateY(-7px);box-shadow:0 16px 26px #15104b66}.offer-card ul{font-size:clamp(13px,1.08vw,16px);line-height:1.5}.offer-grid{gap:28px}.offer-card:nth-child(4){grid-column:1/2}.offer-card:nth-child(5){grid-column:2/3}.sample{transition:transform .3s}.sample-grid>div:hover .sample{transform:scale(1.06)}
.social-icons span{width:130px;height:130px;font-size:92px}.portfolio-grid img{cursor:zoom-in;transition:transform .25s,filter .25s}.portfolio-grid img:hover{transform:scale(1.012);filter:brightness(.97)}.portfolio-grid .wide{max-height:none;object-fit:contain}.video-note{display:block;margin-top:8px;opacity:.75}.contact-cta{background:#fff;color:#151044!important;border-radius:30px;padding:13px 24px;font-weight:900;margin-top:18px!important;transition:transform .2s}.contact-cta:hover{transform:translateY(-3px);text-decoration:none!important}.contact-copy h2{margin-bottom:40px}.contact-grid{grid-template-columns:110px minmax(0,1fr) minmax(0,1.2fr)}
.lightbox{border:0;background:#080815;color:#fff;border-radius:14px;max-width:min(1100px,95vw);max-height:95vh;padding:38px 18px 12px;box-shadow:0 20px 80px #0008}.lightbox::backdrop{background:#000d}.lightbox img{max-height:75vh;width:auto;max-width:100%;object-fit:contain;margin:auto}.lightbox-close{position:absolute;top:3px;right:12px;color:white;background:none;border:0;font-size:35px;cursor:pointer}.lightbox-caption{text-align:center;margin:12px 0 0;font-size:14px}
.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.js .reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}
@media(max-width:900px){.menu-toggle{display:block}.site-nav{flex-wrap:wrap}.nav-links{display:none;flex-direction:column;width:100%;padding:12px 0}.nav-links.open{display:flex}.hero-grid{grid-template-columns:1.2fr .8fr}.hero h1{font-size:clamp(40px,6vw,60px)}.hero-image img{height:420px}.offer-grid{gap:15px}.offer-card{padding:25px 17px}.contact-grid{grid-template-columns:70px 1fr 1.2fr}.ornaments{font-size:65px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-image{grid-row:auto}.hero-image img{height:auto;max-height:480px;object-fit:cover}.hero h1{margin-top:35px}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-card:nth-child(4),.offer-card:nth-child(5){grid-column:auto}.offer-card{min-height:250px}.contact-grid{grid-template-columns:75px 1fr}.contact-copy{grid-column:1/-1}.social-icons span{width:90px;height:90px;font-size:65px}}
@media(max-width:540px){.offer-grid{grid-template-columns:1fr}.offer-card{min-height:0}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid .wide{grid-column:auto}.contact-grid{grid-template-columns:55px 1fr}.hero h1{font-size:clamp(39px,10vw,57px)}.name-pill{font-size:19px}.right{overflow-wrap:anywhere}.graphics h3{font-size:23px}}

/* Wersja 3.0 – zdjęcia źródłowe w wysokiej rozdzielczości */
.hero-image img{object-position:center 37%}
.social-icons{align-items:center;gap:clamp(18px,4vw,48px)}
.social-icons .social-logo{width:clamp(76px,11vw,142px);height:clamp(76px,11vw,142px);display:grid;place-items:center;background:transparent;border-radius:0!important}
.social-logo img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.social-logo:hover img{transform:translateY(-6px) scale(1.05)}
.seniora{display:flex;justify-content:center;align-items:center;min-height:100px}
.seniora img{width:min(100%,300px);max-height:140px;object-fit:contain}
.transparent-gallery{display:block;margin:10px 0 85px}
.transparent-gallery img,.avant-gallery img{height:auto;max-height:none;object-fit:contain;object-position:center;min-width:0}
.transparent-lead{display:grid;grid-template-columns:0.84fr 1.16fr;gap:22px;align-items:stretch;margin-bottom:22px}
.transparent-poster img{width:100%;height:100%;object-fit:cover;object-position:top}
.transparent-side{display:grid;grid-template-rows:auto 1fr;gap:22px;min-width:0}
.transparent-side img{width:100%;height:100%;object-fit:cover;object-position:center}
.transparent-side img:first-child{aspect-ratio:1.35;object-fit:cover}
.transparent-side img:last-child{aspect-ratio:1.35;object-fit:cover}
.transparent-gallery>.brand-full{width:100%;margin-bottom:22px;object-fit:contain}
.transparent-mosaic{display:grid;grid-template-columns:0.85fr 1.5fr;gap:22px;align-items:stretch;margin-bottom:22px}
.transparent-mosaic-left{display:grid;grid-template-rows:1.2fr .8fr;gap:22px;min-width:0}
.transparent-mosaic-left img{width:100%;height:100%;object-fit:cover}
.transparent-mosaic>img{width:100%;height:100%;object-fit:cover}
.avant-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.avant-gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.3}
.avant-gallery img:nth-child(2){object-position:top}
@media(max-width:760px){.transparent-lead,.transparent-mosaic{gap:12px}.transparent-side,.transparent-mosaic-left{gap:12px}.transparent-gallery>.brand-full{margin-bottom:12px}.avant-gallery{gap:12px}}
@media(max-width:520px){.transparent-lead,.transparent-mosaic{grid-template-columns:1fr}.transparent-poster img{max-height:650px;object-fit:contain}.transparent-side{grid-template-rows:auto auto}.transparent-side img:first-child,.transparent-side img:last-child{height:auto;aspect-ratio:auto;object-fit:contain}.transparent-mosaic-left{grid-template-columns:1fr 1fr;grid-template-rows:auto}.transparent-mosaic-left img{height:100%;aspect-ratio:1;object-fit:cover}.transparent-mosaic>img{height:auto;object-fit:contain}.avant-gallery{grid-template-columns:1fr 1fr;gap:10px}.avant-gallery img{aspect-ratio:1.05}}

/* Wersja 3.1 – odnośniki, ikony i pojedyncze logo */
.sample-link{display:block;text-decoration:none;color:inherit;cursor:pointer;height:100%;outline-offset:5px}.sample-link:hover .sample,.sample-link:focus-visible .sample{transform:translateY(-5px) scale(1.045);box-shadow:0 8px 22px #5e8bff66}.sample-link:focus-visible,.social-link:focus-visible,.play:focus-visible{outline:3px solid #65caff;outline-offset:5px}.social-icons .social-link{width:clamp(95px,12vw,150px);height:clamp(95px,12vw,150px);display:grid;place-items:center;text-decoration:none;transition:transform .25s}.social-link:hover{transform:translateY(-6px)}.social-link img{width:100%;height:100%;object-fit:contain}.social-link:has(img[alt="LinkedIn"]) img{transform:scale(1.2)}.social-link:has(img[alt="LinkedIn"]):hover img{transform:scale(1.27)}.video-card a.video-link{color:inherit;text-decoration:none}.video-card a.video-link:hover{text-decoration:underline}.video-card a.play{text-decoration:none;color:white;cursor:pointer;transition:transform .2s,box-shadow .2s}.video-card a.play:hover{transform:scale(1.08);box-shadow:0 10px 35px #ac80ff66}.transparent-mosaic-left{display:block}.transparent-mosaic-left img{width:100%;height:100%;object-fit:cover}@media(max-width:520px){.transparent-mosaic-left{display:block}.transparent-mosaic-left img{height:auto;aspect-ratio:auto;object-fit:contain}.social-icons{gap:clamp(8px,3vw,18px)}.social-icons .social-link{width:clamp(78px,25vw,110px);height:clamp(78px,25vw,110px)}}

/* v3.2 */
.social-link:has(img[alt="LinkedIn"]) img{transform:scale(1.38)}
.social-link:has(img[alt="LinkedIn"]):hover img{transform:translateY(-4px) scale(1.43)}
.gallery-body{background:#f6f6f9;color:#12121a}.gallery-top{background:linear-gradient(120deg,#261a68,#3553dc);color:white;padding:95px 0 68px}.gallery-top h1{font-size:clamp(48px,9vw,100px);line-height:.95;letter-spacing:-3px;margin:15px 0 20px}.gallery-top p{max-width:700px;font-size:18px}.gallery-back{display:inline-block;padding:12px 18px;border:1px solid #ffffffa8;border-radius:30px;text-decoration:none;font-weight:700}.gallery-back:hover{background:#ffffff22}.gallery-main{padding:55px 0 95px}.gallery-main h2{font-size:clamp(28px,4vw,46px);letter-spacing:-1px}.gallery-intro{max-width:780px;color:#444}.gallery-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.gallery-item{background:white;border-radius:15px;overflow:hidden;box-shadow:0 8px 30px #18132a12;transition:transform .25s}.gallery-item:hover{transform:translateY(-6px)}.gallery-item img{width:100%;height:260px;object-fit:cover}.gallery-item div{padding:18px 20px}.gallery-item h3{font-size:20px;margin:0 0 8px}.gallery-item p{color:#555;font-size:14px;margin:0}.gallery-item a{display:inline-block;margin-top:12px}.gallery-note{padding:22px 25px;border-left:4px solid #3656d8;background:#e9edff;line-height:1.6;margin:28px 0}.gallery-footer{background:#080808;color:white;padding:35px 0}.gallery-footer a{color:white}.embed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.embed-card{background:white;border-radius:16px;overflow:hidden}.embed-card .poster{height:300px;background:linear-gradient(140deg,#271768,#523cc1);display:grid;place-items:center;color:white;font-size:52px}.embed-card .poster img{width:100%;height:100%;object-fit:cover}.embed-card .body{padding:18px}.embed-card h3{font-size:19px;margin-bottom:6px}.embed-card p{font-size:14px;color:#555}.embed-card iframe{width:100%;aspect-ratio:9/16;border:0;display:block}.gallery-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.gallery-nav a{padding:10px 16px;border:1px solid #c9c9d3;border-radius:24px;text-decoration:none}.gallery-nav a:hover{background:#e3e7ff}@media(max-width:800px){.gallery-cards,.embed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.gallery-cards,.embed-grid{grid-template-columns:1fr}.gallery-top{padding:80px 0 45px}.gallery-item img{height:240px}}

/* Wersja 3.3: osadzone posty i lokalne wideo */
.social-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:30px 0 45px;align-items:start}.social-post-card{background:white;border-radius:18px;box-shadow:0 8px 30px #18132a12;overflow:hidden;min-width:0}.social-post-card iframe{display:block;width:100%;height:580px;border:0;background:#f9f9fb}.post-meta{padding:18px 20px 22px}.post-meta h3{font-size:18px;margin:0 0 12px}.post-meta a{color:#294cc4;font-weight:700;text-underline-offset:3px}.external-post{height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;background:#edf2fc}.external-post span{font-size:90px;font-weight:900;color:#1266b1}.external-post p{max-width:310px}.embed-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#101020}.video-crosslink{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:300px;padding:25px;text-align:center;text-decoration:none;background:linear-gradient(145deg,#261768,#5542c5);color:white}.video-crosslink img{max-height:170px;width:100%;object-fit:contain}.video-crosslink strong{font-size:19px}.social-post-card iframe[src*="instagram.com"]{height:620px}@media(max-width:760px){.social-post-grid{grid-template-columns:1fr}.social-post-card iframe{height:580px}}