/* Kopia testowa Vidsdeal: wspólne style */
html{scroll-padding-top:96px;}
/* pływające menu: długa biała pastylka, znika przy przewijaniu w dół */
.nav{position:fixed;top:14px;left:0;right:0;background:none;border:0;backdrop-filter:none;pointer-events:none;transition:transform .35s ease;}
.nav.is-hidden{transform:translateY(-150%);}
.nav__inner{pointer-events:auto;width:calc(100% - 28px);max-width:none;margin:0 auto;padding:10px 12px 10px 26px;background:#fff;border-radius:999px;box-shadow:0 8px 28px rgba(23,22,15,.14);}
.nav__links a[aria-current="page"]{border-color:var(--red-text);}
@media(max-width:860px){
  .nav{top:10px;}
  .nav__inner{width:calc(100% - 20px);padding:8px 10px 8px 18px;}
  .nav__links{top:calc(100% + 8px);border:0;border-radius:24px;padding:8px 24px 14px;box-shadow:0 12px 30px rgba(23,22,15,.18);}
}
@media(prefers-reduced-motion:reduce){.nav{transition:none;}}
/* hero: film w tle na całą szerokość */
.hero--bg{padding:12px 12px 0;text-align:center;}
.hero__stage{position:relative;margin:0 auto;border-radius:34px;overflow:hidden;min-height:min(94vh,900px);display:flex;align-items:center;justify-content:center;background:#14131a;isolation:isolate;}
.hero__bgvideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,13,20,.62) 0%,rgba(14,13,20,.58) 50%,rgba(14,13,20,.8) 100%);}
.hero__content{max-width:1000px;padding:120px 24px 96px;color:#fff;}
.hero__brand{font-family:var(--disp);font-weight:800;color:#fff;font-size:clamp(46px,10.5vw,140px);line-height:1;letter-spacing:-.03em;margin:0;}
.hero__brand span{color:var(--amber);}
.hero__sub{color:rgba(255,255,255,.95);font-size:clamp(17px,1.9vw,24px);margin:22px auto 0;max-width:34em;font-weight:500;text-wrap:balance;}
.hero--bg .hero__cta{justify-content:center;margin-top:34px;}
.hero--bg .btn--ghost{border-color:#fff;color:#fff;background:transparent;}
.hero--bg .btn--ghost:hover{background:#fff;color:var(--ink);}
.vbtn{min-width:46px;min-height:46px;padding:0 18px;border:0;border-radius:999px;background:var(--red);color:var(--ink);font:700 15px/1 'Albert Sans',sans-serif;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.35);}
.vbtn:focus-visible{outline:3px solid #fff;outline-offset:2px;}
.hero__pause{position:absolute;right:22px;bottom:22px;}
.intro{text-align:center;padding-top:84px;padding-bottom:12px;}
.intro .h1{font-size:clamp(26px,3.6vw,46px);max-width:20em;margin:14px auto 0;}
.intro .hero__lead{margin:20px auto 0;max-width:62ch;}
.intro .hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:28px;}
.intro .proof-note{margin-top:14px;}
/* kafle usług + wycinanka */
.team__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:end;margin-top:8px;}
.svc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;}
.svc li{width:86%;}
.svc li:nth-child(even){margin-left:auto;}
.svc a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--paper2);border-radius:22px;padding:22px 22px 22px 28px;text-decoration:none;color:var(--ink);transition:transform .2s ease,background .2s ease;}
.svc a:hover{background:#e3e0d5;transform:translateY(-2px);}
.svc a:focus-visible{outline:3px solid var(--red-text);outline-offset:3px;}
.svc strong{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(16px,1.6vw,20px);line-height:1.2;}
.svc small{display:block;margin-top:6px;font-family:var(--body);font-weight:400;font-size:15px;line-height:1.4;color:var(--mute);}
.svc__txt{min-width:0;}
.svc__arr{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--body);font-weight:700;font-size:22px;line-height:1;transition:transform .2s ease;}
.svc a:hover .svc__arr{transform:translateX(4px);}
.team__fig{margin:0;}
.team__card{position:relative;border-radius:30px;overflow:hidden;background:var(--amber);aspect-ratio:1/1.02;isolation:isolate;}
.team__card::before{content:'';position:absolute;z-index:-1;width:78%;aspect-ratio:1;left:11%;bottom:-18%;border-radius:50%;background:var(--red);}
.team__card::after{content:'';position:absolute;z-index:-1;width:34%;aspect-ratio:1;right:-8%;top:-8%;border-radius:50%;background:rgba(255,255,255,.4);}
.team__card img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:83%;width:auto;max-width:100%;display:block;}
.team__tag{position:absolute;top:20px;z-index:2;background:#fff;color:var(--ink);font-family:var(--disp);font-weight:800;font-size:15px;padding:9px 18px;border-radius:999px;box-shadow:0 6px 14px rgba(23,22,15,.14);}
.team__tag--l{left:20px;}
.team__tag--r{right:20px;}
.team__cap{margin:16px 6px 0;text-align:center;font-size:17px;line-height:1.4;color:var(--ink2);}
@media(max-width:980px){.team__grid{grid-template-columns:1fr;gap:28px;}.team__fig{max-width:460px;margin:0 auto;width:100%;}}
@media(max-width:620px){
  .hero--bg{padding:8px 8px 0;}
  .hero__stage{border-radius:24px;min-height:620px;}
  .hero__content{padding:110px 18px 84px;}
  .svc li{width:100%;}
  .svc li:nth-child(even){margin-left:0;}
}
/* podstrony usług */
main.subpage{padding-top:104px;}
.crumbs{font-size:14.5px;color:var(--mute);padding:8px 0 0;}
.crumbs a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
.pagehero{padding:28px 0 20px;max-width:880px;}
.pagehero .h1{font-size:clamp(28px,4.2vw,52px);margin-top:16px;}
.pagehero .hero__lead{margin:20px 0 0;max-width:62ch;text-align:left;}
.pagehero .hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;justify-content:flex-start;}
.ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.ticks li{background:var(--paper2);border-radius:18px;padding:18px 20px 20px 54px;position:relative;font-size:16.5px;color:var(--ink2);}
.ticks li::before{content:'';position:absolute;left:20px;top:22px;width:20px;height:20px;border-radius:50%;background:var(--red);}
.ticks li::after{content:'';position:absolute;left:26px;top:26px;width:6px;height:10px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);}
.ticks strong{display:block;color:var(--ink);font-weight:700;margin-bottom:2px;}
.qa{max-width:820px;display:grid;gap:12px;}
.qa details{background:var(--paper2);border-radius:18px;padding:0;}
.qa summary{cursor:pointer;list-style:none;padding:18px 58px 18px 22px;font-family:var(--body);font-weight:700;color:var(--ink);position:relative;font-size:17px;line-height:1.35;}
.qa summary::-webkit-details-marker{display:none;}
.qa summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;line-height:1;transition:none;}
.qa details[open] summary::after{content:'\2212';transform:translateY(-50%);}
.qa summary:focus-visible{outline:3px solid var(--red-text);outline-offset:2px;border-radius:18px;}
.qa summary:hover{color:var(--red-text);}
.qa p{padding:0 22px 20px;font-size:16.5px;max-width:none;}
.infobox{background:var(--ink);color:#fff;border-radius:22px;padding:26px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.infobox p{color:rgba(255,255,255,.88);}
.infobox strong{display:block;color:var(--amber);font-family:var(--disp);font-size:15px;margin-bottom:6px;}
.infobox a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.cta2{background:var(--red);border-radius:28px;padding:44px 28px;text-align:center;}
.cta2 h2{color:var(--ink);font-size:clamp(22px,3vw,34px);}
.cta2 p{color:var(--ink);margin:12px auto 0;max-width:46ch;}
.cta2 .btn{margin-top:22px;background:var(--ink);color:#fff;border-color:var(--ink);}
.pagephoto{margin:0;border-radius:22px;overflow:hidden;background:var(--paper2);}
.pagephoto img{display:block;width:100%;height:auto;}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;}
@media(max-width:860px){.ticks{grid-template-columns:1fr;}.infobox{grid-template-columns:1fr;}.split2{grid-template-columns:1fr;}}

.vcard__play{color:#fff;padding-left:3px;}
.vcard__play svg{display:block;}
/* typografia: bez sierot w ostatnim wierszu */
p,li,figcaption,small,blockquote{text-wrap:pretty;}
h1,h2,h3{text-wrap:balance;}
/* zaufali nam + opinie (ciemna sekcja) */
.trust{background:var(--ink);color:#fff;border-radius:34px;margin:0 12px;padding:72px 0 78px;}
.trust .shead h2{color:#fff;}
.trust .shead p{color:rgba(255,255,255,.82);}
.trust em{color:var(--amber);}
.marquee{position:relative;overflow:hidden;margin:38px 0 0;}
.marquee::before,.marquee::after{content:'';position:absolute;top:0;bottom:0;width:9%;z-index:2;pointer-events:none;}
.marquee::before{left:0;background:linear-gradient(90deg,#17160f,rgba(23,22,15,0));}
.marquee::after{right:0;background:linear-gradient(270deg,#17160f,rgba(23,22,15,0));}
.marquee__track{display:flex;width:max-content;animation:marq 70s linear infinite;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0);}
.marquee ul{display:flex;align-items:center;gap:68px;flex:none;list-style:none;margin:0;padding:0 34px;}
.marquee img{display:block;height:34px;width:auto;opacity:.92;}
.marquee img.wide{height:30px;}
.marquee img.tall{height:56px;}
.marquee img.svg{height:30px;}
.marquee img.svgtall{height:48px;}
.marquee:hover .marquee__track,.marquee.is-paused .marquee__track{animation-play-state:paused;}
@keyframes marq{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
.marquee__ctl{text-align:center;margin:44px 0 56px;}
.marquee__btn{background:transparent;color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 18px;font:600 14px/1 var(--body);cursor:pointer;}
.marquee__btn:hover{color:#fff;border-color:#fff;}
.marquee__btn:focus-visible{outline:3px solid var(--amber);outline-offset:2px;}
@media(prefers-reduced-motion:reduce){.marquee__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center;}.marquee ul[aria-hidden]{display:none;}.marquee ul{flex-wrap:wrap;justify-content:center;gap:30px 52px;}.marquee::before,.marquee::after{display:none;}.marquee__ctl{display:none;}}
.opin{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:0;}
.opin li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:14px;}
.opin__stars{color:var(--amber);font-weight:700;font-size:15px;letter-spacing:.02em;}
.opin blockquote{margin:0;font-size:17px;line-height:1.5;color:#fff;}
.opin cite{font-style:normal;font-size:14.5px;color:rgba(255,255,255,.74);margin-top:auto;}
.trust__note{text-align:center;margin:28px auto 0;font-size:14.5px;color:rgba(255,255,255,.72);max-width:60ch;}
@media(max-width:980px){.opin{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.opin{grid-template-columns:1fr;}.trust{margin:0 8px;border-radius:24px;padding:56px 0 60px;}}
/* wynajem: dla kogo */
.aud{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:28px 0 0;padding:0;}
.aud li{background:var(--paper2);border-radius:22px;padding:22px 22px 26px;border-top:6px solid var(--c,#ff5e22);}
.aud h3{font-size:clamp(17px,1.5vw,19px);line-height:1.2;}
.aud p{margin-top:10px;font-size:16px;}
.rent-info{margin-top:24px;}
.rent-cta{text-align:center;margin-top:24px;}
@media(max-width:980px){.aud{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.aud{grid-template-columns:1fr;}}
/* B: lista usług w wierszach */
.gb{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line2);}
.gb a{display:grid;grid-template-columns:56px 1.1fr 1.4fr 44px;gap:18px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--line2);text-decoration:none;color:var(--ink);transition:background .2s ease,padding .2s ease;}
.gb a:hover{background:var(--paper2);padding-left:20px;padding-right:20px;}
.gb a:focus-visible{outline:3px solid var(--red-text);outline-offset:-3px;}
.gb__n{font-family:var(--mono);font-size:15px;color:var(--mute);}
.gb__t{font-family:var(--disp);font-weight:800;font-size:clamp(19px,2.3vw,28px);line-height:1.15;}
.gb__d{font-size:16px;color:var(--ink2);}
.gb__a{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;transition:background .2s ease,border-color .2s ease;}
.gb a:hover .gb__a{background:var(--red);border-color:var(--red);}
@media(max-width:760px){.gb a{grid-template-columns:34px 1fr 42px;gap:6px 12px;padding:22px 4px;}.gb__d{grid-column:2;grid-row:2;}.gb__a{grid-column:3;grid-row:1/3;}}
/* Poznaj nas: tekst po lewej, wspólne zdjęcie po prawej */
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
.about h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;margin-top:14px;}
.about__person{margin-top:26px;}
.about__person h3{font-size:clamp(18px,1.8vw,22px);margin-bottom:8px;}
.about__person p{font-size:17px;max-width:56ch;}
.about__person p + p{margin-top:8px;}
.about__quote{margin:14px 0 0;padding-left:16px;border-left:3px solid var(--red);font-family:var(--accentfont);font-style:italic;font-size:18px;line-height:1.45;color:var(--ink);max-width:52ch;}
.about .btn{margin-top:30px;}
.about__photo{margin:0;border-radius:30px;overflow:hidden;background:#fff;aspect-ratio:1/1;box-shadow:0 14px 40px rgba(23,22,15,.1);}
.about__photo img{display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:860px){.about{grid-template-columns:1fr;gap:28px;}.about__photo{order:-1;max-width:520px;width:100%;margin:0 auto;}}
/* D2: Poznaj nas, kolaż zdjęć */
.gd-head{text-align:center;margin:0 auto;max-width:640px;}
.gd-head h2{font-size:clamp(24px,3vw,38px);line-height:1.15;margin-top:12px;}
.gd-head p{margin:12px auto 0;font-size:17px;}
.gd2{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:30px;align-items:stretch;}
.gd2 figure{margin:0;overflow:hidden;border-radius:26px;background:#fff;}
.gd2 img{display:block;width:100%;height:100%;object-fit:cover;}
.gd2__big{min-height:100%;}
.gd2__big img{object-position:50% 30%;}
.gd2__side{display:grid;gap:18px;}
.gd2__side figure{aspect-ratio:1000/708;}
.gd2__cap{text-align:center;margin-top:14px;font-size:16px;color:var(--ink2);}
@media(max-width:860px){.gd2{grid-template-columns:1fr;}.gd2__big{aspect-ratio:1/1;min-height:0;}}

/* lista usług bez linków */
.gb li.gb__row{display:grid;grid-template-columns:56px 1.1fr 1.4fr;gap:18px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--line2);}
@media(max-width:760px){.gb li.gb__row{grid-template-columns:34px 1fr;gap:6px 12px;padding:22px 4px;}.gb li.gb__row .gb__d{grid-column:2;grid-row:2;}}