/* O nás — „rodinná kronika“ (19.10.2026). Rovnaký jazyk ako stránka Výroba, texty a markup bez zmeny.
   Nadväzuje na about.css; full-bleed pásy cez box-shadow + clip-path (bez horizontálneho posuvníka). */
.pl-page-full:has(.pl-ab-hero){counter-reset:plab}
.pl-ab-hero:not(.pl-vy-hero){position:relative;padding-top:56px;padding-bottom:64px;margin-top:0;
	box-shadow:0 0 0 100vmax var(--pl-bg,#F5F3EF);clip-path:inset(0 -100vmax);
	background:linear-gradient(rgba(20,20,20,.07) 1px,transparent 1px) 0 0/120px 120px,linear-gradient(90deg,rgba(20,20,20,.07) 1px,transparent 1px) 0 0/120px 120px,linear-gradient(rgba(20,20,20,.03) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(20,20,20,.03) 1px,transparent 1px) 0 0/24px 24px}
.pl-ab-hero:not(.pl-vy-hero) .pl-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--pl-ink2);letter-spacing:.14em}
.pl-ab-hero:not(.pl-vy-hero) .pl-eyebrow:before{content:"";width:34px;height:3px;background:var(--pl-brand)}
.pl-ab-hero:not(.pl-vy-hero) .pl-h1{font-weight:900;font-size:clamp(42px,5.6vw,84px);line-height:.95;letter-spacing:-1.6px}
.pl-ab-hero:not(.pl-vy-hero) .pl-h1 span{color:transparent;-webkit-text-stroke:2px var(--pl-brand)}
.pl-ab-hero:not(.pl-vy-hero) .pl-ab-hero-media{overflow:visible;border-radius:6px}
.pl-ab-hero:not(.pl-vy-hero) .pl-ab-hero-media:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:3px solid var(--pl-brand);border-radius:6px}
.pl-ab-hero:not(.pl-vy-hero) .pl-ab-hero-media img{position:relative;border-radius:6px}
.pl-ab-hero:not(.pl-vy-hero) .pl-ab-badge{transform:rotate(-4deg);border-radius:4px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.25);z-index:2}
.pl-ab-hero:not(.pl-vy-hero) .pl-ab-trust{background:var(--pl-ink);color:#fff;border-radius:4px;transform:rotate(2deg);z-index:2}
.pl-ab-hero:not(.pl-vy-hero) .pl-ab-trust span span{color:rgba(255,255,255,.7)}

/* hlavičky sekcií: číslo v krúžku namiesto štítku */
.pl-ab-sec .pl-ab-head{counter-increment:plab}
.pl-ab-sec .pl-ab-head .pl-eyebrow{display:inline-flex;align-items:center;gap:10px}
.pl-ab-sec .pl-ab-head .pl-eyebrow:before{content:counter(plab,decimal-leading-zero);font-family:var(--pl-display);font-weight:900;font-size:13px;color:var(--pl-brand);border:2px solid var(--pl-brand);border-radius:999px;padding:2px 10px;letter-spacing:.1em}
.pl-ab-sec .pl-ab-head .pl-h2{font-weight:900;font-size:clamp(28px,3.4vw,46px);letter-spacing:-.6px;line-height:1.02}

/* príbeh na zvinovacom metri */
.pl-ab-story-wrap{padding-top:84px}
.pl-ab-story{position:relative;padding-top:86px !important;gap:28px !important}
.pl-ab-story:before{content:"";position:absolute;left:-12px;right:-12px;top:0;height:58px;background:#FFD100;border-radius:6px;transform:rotate(-1deg);box-shadow:0 10px 24px rgba(0,0,0,.12);
	background-image:repeating-linear-gradient(90deg,#141414 0 2px,transparent 2px 12px),repeating-linear-gradient(90deg,#141414 0 2px,transparent 2px 60px);
	background-size:100% 14px,100% 26px;background-repeat:no-repeat;background-position:0 0,0 0}
.pl-ab-story:after{content:"cm";position:absolute;right:6px;top:30px;font-family:var(--pl-display);font-weight:900;font-size:14px;color:#141414}
.pl-ab-story li{position:relative;border:0 !important;padding-top:0 !important}
.pl-ab-story li:before,.pl-ab-story li:after{display:none !important}
.pl-ab-story li>b{font-family:var(--pl-display);font-weight:900;font-size:clamp(46px,5vw,72px) !important;line-height:.9;letter-spacing:-2px;color:var(--pl-ink) !important;position:relative}
.pl-ab-story li:last-child>b{color:var(--pl-brand) !important}
.pl-ab-story li>b:before{content:"";position:absolute;left:4px;top:-34px;width:3px;height:26px;background:var(--pl-brand)}

/* ľudia ako vizitky */
.pl-ab-person{border-radius:6px !important;border-top:5px solid var(--pl-brand) !important;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.pl-ab-person:nth-child(odd){transform:rotate(-1.6deg)}
.pl-ab-person:nth-child(even){transform:rotate(1.4deg)}
.pl-ab-person:hover{transform:rotate(0) translateY(-4px);box-shadow:0 16px 30px rgba(0,0,0,.12)}
.pl-ab-person-a{border-radius:6px !important}

/* recenzie na tmavom páse */
.pl-ab-rev-wrap{margin-top:84px;padding-top:72px !important;padding-bottom:72px !important;background:#141414;box-shadow:0 0 0 100vmax #141414;clip-path:inset(0 -100vmax)}
.pl-ab-rev-wrap .pl-ab-head .pl-h2{color:#fff}
.pl-ab-rev-wrap .pl-ab-head .pl-eyebrow{color:rgba(255,255,255,.7)}
.pl-ab-rev-wrap .pl-ab-gsum{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff}
.pl-ab-rev-wrap .pl-ab-gsum-score>b{font-size:72px !important;line-height:.9;color:transparent;-webkit-text-stroke:2px #fff;font-weight:900}
.pl-ab-rev-wrap .pl-ab-gsum-score span span{color:rgba(255,255,255,.7)}
.pl-ab-rev-wrap .pl-ab-gsum-btn{background:#fff;color:#141414;border-color:#fff}
.pl-ab-rev-wrap .pl-ab-rev{position:relative;border-radius:6px;border:0}
.pl-ab-rev-wrap .pl-ab-rev:after{content:"";position:absolute;left:30px;bottom:-14px;border:14px solid transparent;border-top-color:#fff;border-bottom:0}
.pl-ab-rev-wrap .pl-ab-rev blockquote{font-size:15px}

/* realizácie */
.pl-ab-shot{border-radius:6px !important}
.pl-ab-shot span{border-radius:0 6px 0 0 !important;left:0 !important;bottom:0 !important;background:#141414 !important}

/* na čom si zakladáme — červený pás */
.pl-ab-diffs.is-four{gap:0 !important;background:var(--pl-brand);border-radius:6px;padding:10px;position:relative;overflow:hidden}
.pl-ab-diffs.is-four:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.06) 0 2px,transparent 2px 22px)}
.pl-ab-diffs.is-four .pl-ab-diff{position:relative;background:transparent !important;border:0 !important;border-right:1px solid rgba(255,255,255,.25) !important;border-radius:0 !important;color:#fff;counter-increment:pldiff;padding:24px 22px !important}
.pl-ab-diffs.is-four .pl-ab-diff:last-child{border-right:0 !important}
.pl-ab-diffs.is-four{counter-reset:pldiff}
.pl-ab-diffs.is-four .pl-ab-diff-i{display:none !important}
.pl-ab-diffs.is-four .pl-ab-diff:before{content:counter(pldiff,decimal-leading-zero);font-family:var(--pl-display);font-weight:900;font-size:56px;line-height:.9;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.8)}
.pl-ab-diffs.is-four .pl-ab-diff b{color:#fff;font-size:19px}
.pl-ab-diffs.is-four .pl-ab-diff span{color:rgba(255,255,255,.88) !important}

/* citát ako typografia */
.pl-ab-quote.is-wide{background:transparent !important;border:0 !important;box-shadow:none !important;text-align:left !important;align-items:flex-start !important;padding:40px 0 !important;border-top:3px solid var(--pl-ink) !important;border-radius:0 !important}
.pl-ab-quote.is-wide .pl-ab-quote-m{width:70px !important;height:58px !important;color:var(--pl-brand) !important;fill:var(--pl-brand)}
.pl-ab-quote.is-wide blockquote{font-family:var(--pl-display);font-weight:900 !important;font-size:clamp(28px,3.6vw,52px) !important;line-height:1.05 !important;letter-spacing:-1px;max-width:1000px;text-align:left !important}
.pl-ab-quote.is-wide figcaption{justify-content:flex-start !important}
.pl-ab-quote.is-wide .pl-ab-quote-btns{justify-content:flex-start !important}

@media (max-width:900px){
	.pl-ab-story{padding-top:0 !important}
	.pl-ab-story:before,.pl-ab-story:after{display:none}
	.pl-ab-story li{padding-left:18px !important;border-left:4px solid #FFD100 !important}
	.pl-ab-story li>b:before{display:none}
	.pl-ab-diffs.is-four .pl-ab-diff{border-right:0 !important;border-bottom:1px solid rgba(255,255,255,.25) !important}
	.pl-ab-diffs.is-four .pl-ab-diff:last-child{border-bottom:0 !important}
	.pl-ab-hero:not(.pl-vy-hero) .pl-ab-hero-media:before{inset:12px -10px -12px 10px}
}
@media (max-width:600px){ .pl-ab-person:nth-child(n){transform:none} .pl-ab-rev-wrap .pl-ab-gsum-score>b{font-size:52px !important} }
