*/
[class*="eps-"]:not([class*="eps-footer"]):not(.eps-map-frame) > br, .epsfaq > br, .book-break > br,
.book-side > br, .cennik-table > br, .cennik-row > br, .cennik-cell > br { display:none !important; }
:is(.eps-team, .eps-team-item, .eps-mission, .eps-values, .eps-team-about, .eps-marquee,
.eps-nl, .eps-grating, .eps-sitemap,
.eps-pod, .eps-pod-arch, .eps-art, .eps-web, .eps-edu, .eps-rek, .eps-trust,
.eps-konhero, .eps-konteam, .eps-kondane, .eps-konhero--thanks,
.eps-cshero, .eps-csstats, .eps-cs, .eps-cs-grid, .eps-cs-note, .eps-cs-pull, .eps-cs-quotes-wrap,
.eps-cs-team, .eps-csteaser, .eps-csbox, .eps-cscta, .eps-cs-next,
.eps-uslugi, .eps-wiedza, .eps-opinie, .eps-hfaq, .eps-hist, .eps-metryka, .book-break, .eps-adshero,
.eps-persona, .eps-persp, .eps-def--cover, .eps-adsplan, .eps-monit,
.eps-szk-brands, .eps-szkt, .eps-szk-trainers, .eps-szk-nagrania, .eps-szk-formcta, .eps-szk-paths,
.eps-kons-who, .eps-kons-match) br { display:none !important; }
:is(.cennik-table, .cennik-row, .eps-proof-row, .eps-cta .eps-cta-btns, .eps-voices, .eps-who, .epsfaq,
.eps-cs-grid, .eps-cs-filter, .eps-csstats,
.eps-team__grid, .eps-uslugi__grid, .eps-uslugi__card ul, .eps-wiedza__grid, .eps-opinie__grid,
.eps-rekstats, .eps-rekwall, .eps-rekfold, .eps-trust__row) > p { display:none !important; }
/* reset markerów list i */
ul.eps-numgrid code, ul.eps-sym code, .eps-def code, .eps-who code, .eps-pack code, .epsfaq .epsfaq-a code,
.eps-fold-body code {
background:var(--eps-soft); border:1px solid var(--eps-border); border-radius:4px; padding:.05em .35em;
font-size:.9em;
}
.eps-def code { background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.4); color:#fff; }
/* numerki w kółku */
ul.eps-numgrid b.eps-num, .epsfaq--zakres .epsfaq-n {
display:inline-grid; place-items:center; width:34px; height:34px; border-radius:50%;
background:var(--eps-accent); color:#fff; font-size:1.05rem; font-weight:800;
}
ol.eps-proc .eps-proc-n, ol.eps-steps .eps-step-n {
width:50px; height:50px; border-radius:50%; background:#fff; border:2px solid var(--eps-accent);
color:var(--eps-accent); font-weight:800; display:grid; place-items:center;
}
ol.eps-proc > li.eps-proc-step--last .eps-proc-n, ol.eps-steps > li.eps-step--last .eps-step-n { background:var(--eps-accent-dark); border-color:var(--eps-accent-dark); color:#fff; }
/* rozwijany „+" w summary */
:is(details.eps-fold, .epsfaq details, details.eps-index) > summary::after {
content:"+"; flex:0 0 auto; font-weight:800; line-height:1; color:var(--eps-accent);
transition:transform .25s ease;
}
:is(details.eps-fold, .epsfaq details, details.eps-index, details.eps-media-agenda)[open] > summary::after { transform:rotate(45deg); }
/* ============================================================
03 KOMPONENTY TREŚCI
============================================================ */
/* bc */
.bc { border-left:4px solid var(--eps-accent); padding:16px 20px; background:#fafafa; }
.bc p { margin:8px 0; }
.bc p:first-child { margin-top:0; }
.bc p:last-child { margin-bottom:0; }
/* eps-proof */
.eps-proof {
font-family:var(--eps-font); border-top:1px solid #eee; border-bottom:1px solid #eee;
padding:1.5rem 0 1.6rem; text-align:center;
}
.eps-proof-row { display:flex; justify-content:center; flex-wrap:wrap; gap:1.2rem clamp(1.6rem,6vw,3.6rem); }
.eps-proof-item b {
display:block; font-size:2.7rem; font-weight:800; color:var(--eps-accent); line-height:1.15;
letter-spacing:-.01em;
}
.eps-proof-item span { font-size:1.05rem; letter-spacing:.15em; text-transform:uppercase; color:#777; }
.eps-proof p.eps-proof-clients { margin:1.2rem 0 0; font-size:1.35rem; letter-spacing:.04em; color:#555; }
.eps-proof-clients strong { color:var(--eps-ink); font-weight:700; }
.eps-proof .eps-proof-note {
margin:1.15rem 0 0; font-size:1.05rem; letter-spacing:.02em; color:#aaa; font-family:var(--eps-font);
}
/* eps-cta */
.eps-cta {
border-radius:10px; text-align:center; padding:2.1rem 1.5rem 2.3rem; margin: 2rem 0 2rem;
box-shadow:0 12px 40px rgba(var(--eps-accent-dark-rgb),.3);
}
.eps-cta p.eps-cta-title { margin:0 0 .35rem; font-size:1.9rem; font-weight:800; color:#fff; line-height:1.45; }
.eps-cta p.eps-cta-sub { margin:0 0 1.5rem; font-size:1.5rem; color:rgba(255,255,255,.92); }
.eps-cta .eps-cta-btns { display:flex; justify-content:center; flex-wrap:wrap; gap:.8rem; }
.eps-cta .eps-cta-btns a.eps-btn {
display:inline-block; padding:.95rem 1.9rem; border-radius:999px; font-weight:700; font-size:1.4rem;
text-decoration:none !important; background-image:none !important; border:0;
transition:transform .2s ease,background-color .2s ease;
}
.eps-cta a.eps-btn:hover { transform:translateY(-2px); }
.eps-cta a.eps-btn--primary, .eps-cta a.eps-btn--primary:visited { background:#fff; color:var(--eps-action) !important; box-shadow:0 8px 22px rgba(0,0,0,.18); }
.eps-cta a.eps-btn--primary:hover { color:var(--eps-ink) !important; }
.eps-cta .eps-cta-btns a.eps-btn--ghost, .eps-cta .eps-cta-btns a.eps-btn--ghost:visited { background:transparent; color:#fff !important; border:1.5px solid #fff; }
.eps-cta .eps-cta-btns a.eps-btn--ghost:hover { background:#fff; color:var(--eps-action) !important; }
/* eps-def */
.eps-def {
border-left:4px solid var(--eps-ink); border-radius:0 8px 8px 0; padding:1.6rem 1.8rem;
box-shadow:0 8px 30px rgba(var(--eps-accent-dark-rgb),.25);
}
.eps-def p { margin:0 0 .9rem; font-size:1.55rem; line-height:1.65; color:#fff; }
.eps-def p:last-child { margin-bottom:0; }
.eps-def p.eps-def-kicker {
font-size:.95rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#fff; opacity:.9;
margin-bottom:.6rem;
}
.eps-def strong { color:#fff; }
.eps-def h2.eps-def-h {
margin:0 0 .9rem !important; font-family:inherit !important; font-size:1.8rem !important;
font-weight:800 !important; color:#fff !important; line-height:1.4;
}
.eps-def--cover { display:grid; grid-template-columns:15rem 1fr; gap:2.8rem; align-items:center; }
.eps-def__cover { position:relative; z-index:1; }
.eps-def__cover img {
display:block; width:100%; height:auto; border-radius:.6rem; box-shadow:0 1.2rem 3rem rgba(0,0,0,.3);
}
.eps-def__body { position:relative; z-index:1; min-width:0; }
.eps-def--cover .eps-def-kicker, .eps-def--cover p { position:static; }
/* eps-numgrid */
ul.eps-numgrid {
list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:.9rem; padding:0;
font-family:var(--eps-font);
}
ul.eps-numgrid > li { list-style:none; padding:1.25rem 1.4rem; margin:0; }
ul.eps-numgrid b.eps-num { margin-bottom:.6rem; }
ul.eps-numgrid h3, ul.eps-numgrid h4 {
margin:0 0 .45rem; font-family:inherit; font-size:1.35rem; font-weight:700; color:var(--eps-ink);
line-height:1.35;
}
ul.eps-numgrid p { margin:0 0 .55rem; font-size:1.3rem; line-height:1.6; color:#444; }
ul.eps-numgrid p:last-child { margin-bottom:0; }
/* eps-sym */
ul.eps-sym {
list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:.9rem; padding:0;
font-family:var(--eps-font);
}
ul.eps-sym > li { list-style:none; padding:1.25rem 1.4rem; margin:0; }
ul.eps-sym h3, ul.eps-sym h4 {
margin:0 0 .5rem; font-family:inherit; font-size:1.35rem; font-weight:700; color:var(--eps-ink);
line-height:1.35;
}
ul.eps-sym p { margin:0; font-size:1.3rem; line-height:1.6; color:#444; }
/* eps-scope */
ul.eps-scope {
list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:.9rem; padding:0;
font-family:var(--eps-font);
}
ul.eps-scope > li.eps-scope-item { list-style:none; display:flex; gap:.95rem; align-items:flex-start; padding:1rem 1.1rem; margin:0; }
ul.eps-scope .eps-scope-ico {
flex:0 0 56px; width:56px; height:56px; border-radius:8px; background:var(--eps-soft); display:grid;
place-items:center;
}
ul.eps-scope .eps-scope-ico svg {
width:30px; height:30px; stroke:var(--eps-accent); fill:none; stroke-width:1.8; stroke-linecap:round;
stroke-linejoin:round;
}
ul.eps-scope p { margin:.55rem 0 0; font-size:1.6rem; line-height:1.5; color:#222; }
/* eps-comp */
.eps-comp { overflow-x:auto; font-family:var(--eps-font); }
.eps-comp table {
width:100%; min-width:560px; border-collapse:separate; border-spacing:0; border:1px solid #e8e8e8;
border-radius:8px; overflow:hidden;
}
.eps-comp th {
background:var(--eps-ink); color:#fff; text-align:left; padding:.9rem 1.2rem; font-size:1.15rem;
letter-spacing:.06em; text-transform:uppercase;
}
.eps-comp th:last-child { background:var(--eps-accent-dark); }
.eps-comp td {
padding:.95rem 1.2rem; font-size:1.3rem; line-height:1.55; color:#777; border-top:1px solid #f0f0f0;
vertical-align:top; background:#fff;
}
.eps-comp td:first-child { font-weight:700; color:var(--eps-ink); }
.eps-comp td:last-child { color:var(--eps-ink); border-left:1px solid #f0f0f0; }
.eps-comp tr:hover td { background:#fafafa; }
/* eps-who */
.eps-who { display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; font-family:var(--eps-font); }
.eps-who .eps-who-card {
border-radius:8px; padding:1.35rem 1.4rem; box-shadow:0 8px 30px rgba(var(--eps-accent-dark-rgb),.22);
transition:transform .25s ease,box-shadow .25s ease;
}
.eps-who .eps-who-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(var(--eps-accent-dark-rgb),.32); }
.eps-who h3, .eps-who h4 {
margin:0 0 .45rem; font-family:inherit; font-size:1.3rem; font-weight:800; color:#fff; line-height:1.35;
}
.eps-who p { margin:0; font-size:1.25rem; line-height:1.6; color:#fff; }
/* eps-proc */
ol.eps-proc {
position:relative; list-style:none; margin:4rem 0 4.4rem !important; padding:0 !important;
font-family:var(--eps-font);
}
ol.eps-proc::before {
content:""; position:absolute; left:24px; top:12px; bottom:12px; width:2px; background:var(--eps-border);
}
ol.eps-proc > li.eps-proc-step {
list-style:none !important; position:relative; margin:0 0 1.6rem !important;
padding:0 0 0 5.8rem !important;
}
ol.eps-proc > li.eps-proc-step:last-child { margin-bottom:0 !important; }
ol.eps-proc .eps-proc-n { position:absolute; left:0; top:0; z-index:1; font-size:1.15rem; }
ol.eps-proc b {
display:flex; align-items:center; min-height:50px; margin-bottom:.35rem; font-size:1.5rem;
color:var(--eps-ink); line-height:1.35;
}
ol.eps-proc p { margin:0; font-size:1.3rem; line-height:1.6; color:#555; }
.eps-proc--compact .eps-proc-step { padding-bottom:1.8rem; }
.eps-proc--compact .eps-proc-step > b { font-size:1.65rem; margin:.6rem 0 .4rem; }
.eps-proc--compact .eps-proc-step p { font-size:1.4rem; margin:0; }
/* eps-steps */
ol.eps-steps {
position:relative; list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; padding:0;
font-family:var(--eps-font);
}
ol.eps-steps::before {
content:""; position:absolute; top:25px; left:12.5%; right:12.5%; height:2px; background:var(--eps-border);
}
ol.eps-steps > li.eps-step { list-style:none; position:relative; margin:0; padding:0; text-align:center; }
ol.eps-steps .eps-step-n { position:relative; z-index:1; margin:0 auto .8rem; font-size:1.25rem; }
ol.eps-steps b { display:block; font-size:1.5rem; margin-bottom:.3rem; color:var(--eps-ink); line-height:1.35; }
ol.eps-steps p { margin:0; font-size:1.3rem; color:#666; line-height:1.5; }
/* section.eps-dark */
section.eps-dark {
position:relative; overflow:hidden; background:var(--eps-ink); color:#cfcfcf; border-radius:10px;
padding:clamp(1.7rem,4vw,2.7rem); font-family:var(--eps-font);
}
section.eps-dark::before {
content:""; position:absolute; top:-130px; right:-130px; width:340px; height:340px; border-radius:50%;
background:radial-gradient(closest-side,rgba(var(--eps-accent-rgb),.25),transparent); pointer-events:none;
}
section.eps-dark .eps-dark-kicker {
position:relative; display:inline-block; font-size:.9rem; letter-spacing:.2em; text-transform:uppercase;
color:var(--eps-accent-light); border:1px solid rgba(var(--eps-accent-rgb),.55); border-radius:999px;
padding:.3rem .75rem; margin-bottom:1.15rem;
}
section.eps-dark h2, section.eps-dark h3 {
position:relative; margin:0 0 1.1rem; font-family:inherit; font-size:2.3rem; font-weight:800; color:#fff;
letter-spacing:-.01em;
}
section.eps-dark p { position:relative; margin:0 0 1.05rem; line-height:1.7; font-size:1.6rem; color:#cfcfcf; }
section.eps-dark p:last-child { margin-bottom:0; }
section.eps-dark strong { color:#fff; }
section.eps-dark ul { position:relative; list-style:none; margin:0 0 1.05rem; padding:0; }
section.eps-dark ul > li {
list-style:none; position:relative; padding:.45rem 0 .45rem 1.7rem; margin:0; font-size:1.45rem;
line-height:1.6;
}
section.eps-dark ul > li::before {
content:""; position:absolute; left:.1rem; top:1.15rem; width:9px; height:9px; border-radius:50%;
background:var(--eps-accent);
}
section.eps-dark a, section.eps-dark a:visited {
color:var(--eps-accent-light) !important; background-image:none !important; text-decoration:underline;
text-underline-offset:3px; border-bottom:none;
}
section.eps-dark a:hover { color:#fff !important; }
/* eps-paths */
.eps-paths {
display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; align-items:stretch; font-family:var(--eps-font);
}
.eps-paths .eps-path {
display:flex; flex-direction:column; background:#fff; border:1px solid #ececec; border-radius:8px;
overflow:hidden; transition:transform .25s ease,box-shadow .25s ease;
}
.eps-paths .eps-path:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(var(--eps-accent-rgb),.14); }
.eps-paths .eps-path-head {
display:flex; align-items:center; justify-content:space-between; gap:.6rem; padding:.95rem 1.4rem;
color:#fff;
}
.eps-paths .eps-path-head em {
font-style:normal; flex:0 0 auto; font-size:1.05rem; font-weight:700; background:rgba(255,255,255,.18);
border-radius:999px; padding:.25rem .6rem; white-space:nowrap;
}
.eps-paths .eps-path--a .eps-path-head { background:var(--eps-accent); }
.eps-paths .eps-path--b .eps-path-head { background:var(--eps-ink); }
.eps-paths .eps-path-head h3 {
margin:0; font-family:inherit; font-size:1.35rem; font-weight:800; letter-spacing:.04em;
text-transform:uppercase; color:#fff; line-height:1.4;
}
.eps-paths .eps-path-body { flex:1; display:flex; flex-direction:column; padding:1.25rem 1.4rem 1.4rem; }
.eps-paths .eps-path-foot { margin-top:auto; padding-top:1.1rem; font-size:1.45rem; }
.eps-paths .eps-path-foot a {
color:var(--eps-accent-dark); font-weight:700; text-decoration:none;
border-bottom:2px solid rgba(var(--eps-accent-rgb),.35); transition:border-color .2s ease;
}
.eps-paths .eps-path-foot a:hover { border-color:var(--eps-accent); }
.eps-paths .eps-lead { margin:0 0 .9rem; font-size:1.5rem; color:#444; line-height:1.55; }
.eps-paths ul.eps-path-list { list-style:none; margin:0; padding:0; }
.eps-paths ul.eps-path-list > li {
list-style:none; position:relative; padding:.55rem 0 .55rem 1.9rem; margin:0; font-size:1.4rem;
line-height:1.55; border-top:1px dashed var(--eps-border);
}
.eps-paths ul.eps-path-list > li:first-child { border-top:0; }
.eps-paths ul.eps-path-list > li::before {
content:""; position:absolute; left:.1rem; top:1.3rem; width:10px; height:10px; border-radius:50%;
background:var(--eps-accent);
}
.eps-paths .eps-path--b ul.eps-path-list > li::before { background:#bbb; }
/* figure.eps-quote */
figure.eps-quote {
font-family:var(--eps-font); position:relative; background:#fff; border:1px solid var(--eps-border);
border-left:4px solid var(--eps-accent); border-radius:8px; padding:2.4rem 2rem 1.8rem 3.9rem;
box-shadow:0 6px 24px rgba(var(--eps-accent-rgb),.08);
}
figure.eps-quote::before {
content:"„"; position:absolute; top:.25rem; left:.85rem; font-size:5.5rem; line-height:1; font-weight:800;
color:rgba(var(--eps-accent-rgb),.2); pointer-events:none;
}
figure.eps-quote p { position:relative; margin:0 0 1rem; font-size:1.7rem; line-height:1.65; color:#222; }
figure.eps-quote cite { display:block; font-style:normal; font-size:1.3rem; color:#666; }
figure.eps-quote cite b { color:var(--eps-ink); font-weight:700; }
/* eps-band */
.eps-band {
border-radius:10px; text-align:center; padding:1.8rem 1.6rem;
box-shadow:0 8px 30px rgba(var(--eps-accent-dark-rgb),.25);
}
.eps-band p { margin:0; font-size:1.45rem; line-height:1.7; color:#fff; }
.eps-band p + p { margin-top:.5rem; }
.eps-band b { color:#fff; font-size:1.55rem; }
/* eps-pack */
.eps-pack {
background:#fff; border:2px solid var(--eps-accent); border-radius:10px; padding:1.7rem 1.8rem;
font-family:var(--eps-font);
}
.eps-pack .eps-pack-head {
display:flex; align-items:baseline; justify-content:space-between; gap:1rem 1.6rem; flex-wrap:wrap;
margin-bottom:.8rem;
}
.eps-pack h3 {
margin:0; font-family:inherit; font-size:1.55rem; font-weight:800; color:var(--eps-ink); line-height:1.35;
}
.eps-pack .eps-pack-price { font-size:1.9rem; font-weight:800; color:var(--eps-accent-dark); white-space:nowrap; }
.eps-pack p { margin:0 0 .8rem; font-size:1.35rem; line-height:1.65; color:#333; }
.eps-pack p:last-child { margin-bottom:0; }
.eps-pack strong { color:var(--eps-ink); }
/* epsfaq */
.epsfaq { display:grid; gap:.9rem; font-family:var(--eps-font); }
.epsfaq summary { display:flex; align-items:center; justify-content:space-between; gap:1.2rem; padding:1.4rem 1.6rem; }
.epsfaq summary h3 {
margin:0; font-family:inherit; font-size:1.55rem; font-weight:700; line-height:1.35; color:var(--eps-ink);
}
.epsfaq summary::after { font-size:2.2rem; }
.epsfaq .epsfaq-a { padding:0 1.6rem 1.5rem; font-size:1.4rem; line-height:1.65; color:#444; }
.epsfaq .epsfaq-a strong { color:var(--eps-ink); }
.epsfaq .epsfaq-a p { margin:0 0 .9rem !important; }
.epsfaq .epsfaq-a p:last-child { margin-bottom:0 !important; }
.epsfaq .epsfaq-a ul { margin:.7rem 0 0 !important; padding-left:1.2rem; }
.epsfaq .epsfaq-a li { margin:0 0 .5rem; line-height:1.6; }
.epsfaq .epsfaq-a li:last-child { margin-bottom:0; }
.epsfaq--zakres summary { align-items:flex-start; }
.epsfaq--zakres .epsfaq-head { display:flex; align-items:flex-start; gap:1rem; }
.epsfaq--zakres .epsfaq-n { flex:0 0 auto; }
.epsfaq--zakres .epsfaq-teaser { margin:.3rem 0 0; font-size:1.2rem; line-height:1.55; color:#777; }
.epsfaq--zakres .epsfaq-a { padding-left:4.4rem; }
.epsfaq--zakres .epsfaq-a ul { margin:0; padding-left:1.15rem; }
.epsfaq--zakres .epsfaq-a li { margin:0 0 .45rem; }
.epsfaq--zakres .epsfaq-a li:last-child { margin-bottom:0; }
/* eps-toc */
.eps-toc {
background:#fff; border:1px solid #ececec; border-radius:10px; overflow:hidden; font-family:var(--eps-font);
}
.eps-toc .eps-toc-head {
display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:1.1rem 1.5rem;
background:var(--eps-ink); color:#fff;
}
.eps-toc .eps-toc-head b { font-size:1.25rem; letter-spacing:.03em; }
.eps-toc .eps-toc-head em {
font-style:normal; flex:0 0 auto; background:var(--eps-accent); color:#fff; border-radius:999px;
padding:.3rem .85rem; font-weight:700; font-size:1rem; white-space:nowrap;
}
.eps-toc details { border-top:1px solid #f2f2f2; }
.eps-toc details[open] { background:#fdfbf8; }
.eps-toc summary { display:flex; align-items:baseline; gap:.9rem; padding:1.05rem 1.5rem; }
.eps-toc .eps-toc-num { flex:0 0 2rem; font-weight:800; color:var(--eps-accent); font-size:1.15rem; }
.eps-toc .eps-toc-title { font-weight:700; color:var(--eps-ink); font-size:1.4rem; line-height:1.35; }
.eps-toc summary:hover .eps-toc-title { color:var(--eps-accent); }
.eps-toc .eps-toc-tag {
font-style:normal; flex:0 0 auto; background:var(--eps-soft); border:1px solid var(--eps-border);
color:var(--eps-accent-dark-text); border-radius:999px; padding:.15rem .6rem; font-weight:700;
font-size:.85rem;
}
.eps-toc .eps-toc-dots { flex:1; min-width:1.5rem; border-bottom:2px dotted #e6d6c2; transform:translateY(-4px); }
.eps-toc .eps-toc-page { flex:0 0 auto; font-weight:700; color:#999; font-size:1.15rem; font-variant-numeric:tabular-nums; }
.eps-toc .eps-toc-sub { padding:0 1.5rem 1.15rem 4.4rem; }
.eps-toc .eps-toc-sub ul { list-style:none; margin:0; padding:0; }
.eps-toc .eps-toc-sub li {
list-style:none; position:relative; padding:.3rem 0 .3rem 1.3rem; margin:0; font-size:1.2rem;
line-height:1.5; color:#555;
}
.eps-toc .eps-toc-sub li::before {
content:""; position:absolute; left:0; top:1rem; width:9px; height:2px; background:var(--eps-accent);
}
.eps-toc .eps-toc-row { display:flex; align-items:baseline; gap:.9rem; padding:1.05rem 1.5rem; border-top:1px solid #f2f2f2; }
.eps-toc .eps-toc-note {
padding:1rem 1.5rem; background:#fafafa; border-top:1px solid #f2f2f2; font-size:1.05rem; color:#888;
line-height:1.6;
}
/* eps-jump */
.eps-jump { display:flex; flex-wrap:wrap; gap:.5rem; font-family:var(--eps-font); margin:2rem 0 2rem; }
.eps-jump a {
display:inline-block; padding:.55rem 1.15rem; border-radius:999px; border:1px solid var(--eps-border);
background:#fff; color:var(--eps-ink); font-size:1.2rem; font-weight:700; text-decoration:none !important;
transition:border-color .2s ease,color .2s ease;
}
.eps-jump a:hover { border-color:var(--eps-accent); color:var(--eps-accent); }
/* details.eps-fold */
details.eps-fold { margin:1rem 0; font-family:var(--eps-font); }
details.eps-fold > summary { display:flex; align-items:center; justify-content:space-between; gap:1.2rem; padding:1.5rem 1.7rem; }
details.eps-fold > summary h3 {
margin:0; font-family:inherit; font-size:1.75rem; font-weight:800; line-height:1.3; color:var(--eps-ink);
}
details.eps-fold .eps-fold-hint { display:block; margin-top:.3rem; font-size:1.2rem; font-weight:400; color:#888; line-height:1.5; }
details.eps-fold > summary::after { font-size:2.4rem; }
.eps-fold-body { padding:0 1.7rem 1.7rem; }
.eps-fold-body > *:first-child { margin-top:0; }
.eps-fold-body p { margin:0 0 1.1rem; font-size:1.5rem; line-height:1.7; color:#333; }
.eps-fold-body p:last-child { margin-bottom:0; }
.eps-fold-body h3, .eps-fold-body h4 { margin:1.6rem 0 .7rem; font-family:inherit; font-size:1.5rem; font-weight:800; color:var(--eps-ink); }
.eps-fold-body strong { color:var(--eps-ink); }
/* eps-gallery */
.eps-gallery {
display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:.9rem;
font-family:var(--eps-font);
}
.eps-gallery figure { margin:0; overflow:hidden; }
.eps-gallery img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.eps-gallery figcaption { padding:.75rem .95rem; font-size:1.15rem; line-height:1.5; color:#666; }
.eps-gallery figcaption b { display:block; color:var(--eps-ink); font-weight:700; font-size:1.25rem; margin-bottom:.15rem; }
/* eps-books */
.eps-books {
display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:1rem;
font-family:var(--eps-font);
}
.eps-books-kicker {
margin:0 0 .8rem; font-size:.95rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase;
color:var(--eps-accent-dark-text);
}
.eps-books a {
display:block; text-decoration:none; color:inherit; overflow:hidden;
transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.eps-books a:hover { transform:translateY(-3px); }
.eps-books img { width:100%; aspect-ratio:2/3; object-fit:cover; display:block; }
.eps-books span { display:block; padding:.7rem .8rem; font-size:1.15rem; line-height:1.45; color:#333; }
/* eps-bio */
.eps-bio { font-family:var(--eps-font); }
.eps-bio::after { content:""; display:block; clear:both; }
.eps-bio-photo { float:left; width:min(45%,280px); margin:.4rem 2.2rem 1.4rem 0; position:relative; }
.eps-bio-photo::before {
content:""; position:absolute; top:12px; left:12px; right:-12px; bottom:-12px; background:var(--eps-soft);
border:1px solid var(--eps-border); border-radius:10px;
}
.eps-bio-photo img {
position:relative; display:block; width:100%; height:auto; border-radius:10px;
box-shadow:0 10px 30px rgba(var(--eps-accent-rgb),.18);
}
.eps-bio-text p { margin:0 0 1.1rem; font-size:1.55rem; line-height:1.7; color:#222; }
.eps-bio-text strong { color:var(--eps-ink); }
.eps-bio-pull {
clear:both; border-left:4px solid var(--eps-accent); padding:.3rem 0 .3rem 1.2rem; margin-top:1.6rem;
}
.eps-bio-pull p { margin:0; font-size:1.6rem; }
/* eps-voices */
.eps-voices { display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; font-family:var(--eps-font); }
.eps-voices--4 { grid-template-columns:repeat(2,1fr); }
.eps-voices figure.eps-voice { display:flex; flex-direction:column; margin:0; padding:1.5rem 1.5rem 1.3rem; }
.eps-voices .eps-voice-meta {
margin:0 0 .8rem; font-size:.9rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
color:var(--eps-accent-dark-text); line-height:1.5;
}
.eps-voices blockquote {
flex:1; background:none !important; border:0 !important; padding:0 !important; margin:0 0 1.1rem !important;
font-style:normal !important; font-size:1.3rem !important; line-height:1.65; color:#333 !important;
quotes:none;
}
.eps-voices blockquote::before, .eps-voices blockquote::after {
position:static !important; display:inline !important; font-size:inherit !important;
line-height:inherit !important; width:auto !important; height:auto !important; margin:0 !important;
opacity:1 !important; transform:none !important; background:none !important;
}
.eps-voices blockquote::before { content:"„" !important; color:var(--eps-accent) !important; font-weight:800 !important; }
.eps-voices blockquote::after { content:"”" !important; color:var(--eps-accent) !important; font-weight:800 !important; }
.eps-voices blockquote p {
display:inline !important; margin:0 !important; padding:0 !important; font-size:inherit !important;
line-height:inherit !important; color:inherit !important;
}
.eps-voices figcaption {
padding-top:.9rem; border-top:1px solid #f4e8da; text-align:left !important; font-style:normal !important;
margin:0 !important;
}
.eps-voices figcaption b { display:block; font-size:1.25rem; font-weight:800; color:var(--eps-ink); line-height:1.4; }
.eps-voices figcaption span { display:block; font-size:1.1rem; color:#888; line-height:1.5; }
/* eps-map (plansza definicyjna) */
.eps-map { display:grid; grid-template-columns:1.75fr 1fr; gap:.9rem; font-family:var(--eps-font); }
.eps-map .eps-map-kicker {
margin:0 0 .9rem; font-size:.95rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase;
color:var(--eps-accent-dark-text);
}
.eps-map .eps-map-kicker--grey { color:#999; }
.eps-map .eps-map-main {
background:var(--eps-soft); border:1px solid var(--eps-border); border-radius:8px;
padding:1.4rem 1.5rem 1.5rem;
}
.eps-map .eps-map-pills { display:flex; flex-wrap:wrap; gap:.55rem; margin-bottom:1.1rem; }
.eps-map .eps-map-pills span {
display:inline-block; background:var(--eps-accent); color:#fff; font-size:1.35rem; font-weight:800;
padding:.62rem 1.5rem; border-radius:999px;
}
.eps-map .eps-map-exp {
margin:0 0 1rem; padding-bottom:1rem; border-bottom:1px solid var(--eps-border); font-size:1.2rem;
line-height:1.6; color:#555;
}
.eps-map .eps-map-def { margin:0; font-size:1.4rem; font-weight:700; line-height:1.5; color:var(--eps-ink); }
.eps-map .eps-map-side { background:#fff; border:1px solid #e2e2e2; border-radius:8px; padding:1.4rem 1.5rem 1.5rem; }
.eps-map .eps-map-side h3, .eps-map .eps-map-side h4 {
margin:0 0 .35rem; font-family:inherit; font-size:1.6rem; font-weight:800; color:var(--eps-ink);
line-height:1.3;
}
.eps-map .eps-map-side p { margin:0 0 1.2rem; font-size:1.2rem; line-height:1.6; color:#666; }
.eps-map .eps-map-side p:last-child { margin-bottom:0; }
.eps-map .eps-map-side hr { border:0; border-top:1px solid #eee; margin:0 0 1.2rem; }
.eps-map .eps-map-bar { grid-column:1 / -1; background:var(--eps-ink); border-radius:8px; padding:1.4rem 1.5rem 1.5rem; }
.eps-map .eps-map-bar .eps-map-kicker { color:var(--eps-accent-light); }
.eps-map .eps-map-bar p { margin:0; font-size:1.3rem; line-height:1.65; color:#e8e8e8; }
.eps-map--slim { grid-template-columns:1fr; }
/* eps-svg + podpis */
.eps-svg { border:1px solid var(--eps-border); border-radius:8px; overflow:hidden; background:#fff; }
.eps-svg svg { width:100%; height:auto; display:block; font-family:var(--eps-font); }
.eps-figcap { margin:.7rem 0 1.8rem; font-size:1.1rem; line-height:1.6; color:#777; font-family:var(--eps-font); }
.eps-svg--scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.eps-svg--scroll .eps-svg-inner { min-width:660px; }
.eps-svg--scroll svg { width:100%; height:auto; display:block; }
/* eps-more */
.eps-more { text-align:center; margin:2rem 0 2.4rem; font-family:var(--eps-font); }
.eps-more a {
display:inline-block; padding:.9rem 1.8rem; border-radius:999px; font-weight:700; font-size:1.25rem;
text-decoration:none; background:#fff; color:var(--eps-ink); border:1.5px solid var(--eps-ink);
transition:transform .2s ease;
}
.eps-more a:hover { transform:translateY(-2px); }
/* lead, wiersz akcji, link ghost (strony usług + hero główna) */
.eps-lead { margin:0 0 2.4rem; font-size:1.7rem; line-height:1.7; }
.eps-actions, p.eps-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.2rem 2.4rem; margin:0 0 3.2rem; }
a.eps-button, a.eps-button:visited {
display:inline-block; padding:1.4rem 3.2rem; border-radius:.6rem; background:var(--eps-action);
color:#fff !important; font-size:1.5rem; font-weight:700; line-height:1.2; text-decoration:none !important;
background-image:none !important; transition:background-color .15s ease,transform .15s ease;
}
a.eps-button:hover, a.eps-button:focus-visible { background:var(--eps-action-hover); color:#fff !important; }
a.eps-button:hover { transform:translateY(-2px); }
a.eps-ghost, a.eps-hero__ghost, a.eps-uslugi__all, a.eps-wiedza__all, a.eps-opinie__all, a.eps-ghost:visited,
a.eps-hero__ghost:visited, a.eps-uslugi__all:visited, a.eps-wiedza__all:visited, a.eps-opinie__all:visited {
font-size:1.5rem; font-weight:700; color:var(--eps-ink) !important; background-image:none !important;
text-decoration:underline !important; text-underline-offset:.35em; text-decoration-thickness:2px;
text-decoration-color:rgba(var(--eps-accent-rgb),.5); transition:text-decoration-color .15s ease;
}
a.eps-ghost:hover, a.eps-hero__ghost:hover, a.eps-uslugi__all:hover, a.eps-wiedza__all:hover,
a.eps-opinie__all:hover { text-decoration-color:var(--eps-accent); }
.eps-uslugi a.eps-uslugi__all, .eps-wiedza a.eps-wiedza__all, .eps-opinie a.eps-opinie__all { text-decoration:underline !important; }
a.eps-ghost i, a.eps-hero__ghost i { font-style:normal; display:inline-block; margin-left:.4rem; transition:transform .15s ease; }
a.eps-ghost:hover i, a.eps-hero__ghost:hover i { transform:translateX(.4rem); }
/* eps-log + eps-updated */
.eps-log {
border-top:1px solid #eee; margin-top:2.6rem; padding-top:1.3rem; font-family:var(--eps-font);
font-size:1.1rem; line-height:1.7; color:#888;
}
.eps-log b { display:block; margin-bottom:.5rem; color:#555; font-size:1.15rem; }
.eps-log span { color:var(--eps-ink); font-weight:700; }
.eps-updated { font-family:var(--eps-font); font-size:1.1rem; color:#999; margin-top:-1rem; }
/* mobile */
@media (max-width:900px){
.eps-voices { grid-template-columns:1fr 1fr; }
}
@media (max-width:680px){
ol.eps-steps { grid-template-columns:1fr 1fr; }
ol.eps-steps::before { display:none; }
ul.eps-numgrid, ul.eps-sym, ul.eps-scope, .eps-who, .eps-paths, .eps-map, .eps-voices, .eps-voices--4 { grid-template-columns:1fr; }
}
@media (max-width:640px){
.eps-actions, p.eps-hero__actions { flex-direction:column; align-items:stretch; gap:1.6rem; }
.eps-actions .johannes-button, .eps-actions a.eps-button, p.eps-hero__actions .johannes-button { display:block; width:100%; text-align:center; }
.eps-actions a.eps-ghost, p.eps-hero__actions a.eps-hero__ghost { align-self:center; }
}
@media (max-width:560px){
.eps-toc summary, .eps-toc .eps-toc-row { padding:1rem 1.1rem; }
.eps-toc .eps-toc-title { font-size:1.25rem; }
.eps-toc .eps-toc-sub { padding:0 1.1rem 1rem 3.1rem; }
.eps-bio-photo { float:none; width:100%; max-width:340px; margin:0 auto 1.6rem; }
.eps-bio-photo::before { display:none; }
}
@media (max-width:520px){
.eps-proof-item b { font-size:2.2rem; }
.eps-proof-item span { font-size:.95rem; letter-spacing:.1em; }
ol.eps-proc::before { left:20px; }
ol.eps-proc .eps-proc-n { width:42px; height:42px; font-size:1rem; }
ol.eps-proc b { min-height:42px; }
ol.eps-proc > li.eps-proc-step { padding-left:4.6rem !important; }
figure.eps-quote { padding:2.2rem 1.4rem 1.6rem 3rem; }
figure.eps-quote::before { font-size:4.2rem; top:.25rem; left:.7rem; }
.epsfaq summary { padding:1.2rem 1.2rem; }
.epsfaq summary h3 { font-size:1.4rem; }
.epsfaq .epsfaq-a { padding:0 1.2rem 1.3rem; font-size:1.3rem; }
.epsfaq--zakres .epsfaq-a { padding-left:1.2rem; }
.epsfaq--zakres .epsfaq-n { width:28px; height:28px; font-size:.95rem; }
details.eps-fold > summary { padding:1.2rem 1.2rem; }
details.eps-fold > summary h3 { font-size:1.5rem; }
.eps-fold-body { padding:0 1.2rem 1.3rem; }
}
@media (max-width:440px){
ol.eps-steps { grid-template-columns:1fr; }
}
@media (max-width:420px){
.eps-books { grid-template-columns:1fr 1fr; }
}
/* ============================================================
04 CENNIK
============================================================ */
.cennik-wrapper { font-family:var(--eps-font); background:#fefefe; padding:2rem 0; margin:1.6rem 0; }
.cennik-container { max-width:900px; margin:0 auto; }
.cennik-table { display:flex; flex-direction:column; gap:1.2rem; }
.cennik-row {
border-radius:8px; padding:1.8rem 2rem; display:grid; grid-template-columns:1fr 1.7fr .8fr; gap:1.6rem;
align-items:center; box-shadow:0 8px 30px rgba(var(--eps-accent-dark-rgb),.22);
transition:transform .3s ease,box-shadow .3s ease;
}
.cennik-row:hover { transform:translateY(-5px); box-shadow:0 12px 40px rgba(var(--eps-accent-dark-rgb),.32); }
.cennik-row.header {
background:var(--eps-ink); font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:1.1rem;
}
.cennik-row.header:hover { transform:none; }
.cennik-cell { display:flex; flex-direction:column; gap:0.3rem; }
.cennik-label { font-size:1.05rem; opacity:0.7; text-transform:uppercase; letter-spacing:0.5px; display:none; }
.cennik-value { font-size:1.2rem; line-height:1.45; }
.cennik-cell.typ .cennik-value { font-weight:700; font-size:1.25rem; }
.cennik-cell.cena { text-align:right; }
.cennik-cell.cena .cennik-value { font-size:1.35rem; font-weight:800; white-space:nowrap; }
.cennik-table--4 .cennik-row { grid-template-columns:1fr 1fr 1.6fr .9fr; }
.cennik-table--wide .cennik-row { grid-template-columns:1fr 1.4fr 1fr; padding:2rem; gap:2rem; }
.cennik-table--wide .cennik-row.header { font-size:1.2rem; }
.cennik-table--wide .cennik-cell.cena .cennik-value { white-space:normal; }
@media (max-width:768px){
.cennik-label { display:block; }
.cennik-cell.cena { text-align:left; padding-top:0.5rem; border-top:1px solid rgba(255,255,255,0.2); }
.cennik-row.header { display:none; }
.cennik-row, .cennik-table--4 .cennik-row, .cennik-table--wide .cennik-row { grid-template-columns:1fr; gap:1rem; padding:1.5rem; }
}
/* ============================================================
05 KSIĄŻKA — book-break, book-side
============================================================ */
.book-break {
display:flex; align-items:center; gap:48px; background:var(--eps-ink); border-radius:16px;
padding:48px 52px; margin:40px 0; position:relative; overflow:hidden; font-family:var(--eps-font);
}
.book-break::before {
content:""; position:absolute; top:-60px; right:-60px; width:260px; height:260px; border-radius:50%;
background:var(--eps-accent); opacity:.08; pointer-events:none;
}
.book-break::after {
content:""; position:absolute; bottom:-80px; left:30%; width:180px; height:180px; border-radius:50%;
background:var(--eps-accent); opacity:.05; pointer-events:none;
}
.book-break__cover { flex-shrink:0; width:140px; }
.book-break__cover img { width:100%; height:auto; display:block; border-radius:6px; box-shadow:8px 12px 32px rgba(0,0,0,.5); }
.book-break__content { flex:1; position:relative; z-index:1; }
.book-break__label {
font-size:1rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
color:var(--eps-accent-light); margin:0 0 16px;
}
.book-break__quote { font-size:1.4rem; line-height:1.55; color:#fff; margin:0 0 28px; font-weight:400; }
.book-break__quote strong { color:var(--eps-accent-light); font-weight:600; }
.book-break__cta {
display:inline-block; background:var(--eps-action); color:#fff !important; font-size:1.3rem;
font-weight:600; letter-spacing:.04em; padding:12px 28px; border-radius:8px;
text-decoration:none !important; transition:background-color .2s ease,opacity .2s;
}
.book-break__cta:hover, .book-break__cta:focus-visible { background:var(--eps-action-hover); opacity:1; }
.book-side {
--book-side-bleed:0px; position:relative; overflow:hidden; width:calc(100% + 2 * var(--book-side-bleed));
margin-left:calc(-1 * var(--book-side-bleed)); background:var(--eps-ink); border-radius:12px;
padding:1.7rem 1.6rem 1.6rem; text-align:center; font-family:var(--eps-font);
box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.book-side::before {
content:""; position:absolute; top:-45px; right:-45px; width:130px; height:130px; border-radius:50%;
background:var(--eps-accent); opacity:.07; pointer-events:none;
}
.book-side > * { position:relative; z-index:1; }
.book-side__kicker {
margin:0 0 1.2rem !important; font-size:1rem; font-weight:700; letter-spacing:.18em;
text-transform:uppercase; color:var(--eps-accent-light) !important;
}
.book-side__cover { display:block; width:54%; max-width:150px; margin:0 auto 1.3rem; }
.book-side__cover img {
width:100%; height:auto; display:block; border-radius:4px; box-shadow:6px 10px 26px rgba(0,0,0,.55);
transition:transform .25s ease;
}
.book-side__cover:hover img { transform:translateY(-3px); }
.book-side__title {
margin:0 0 .8rem !important; font-family:inherit; font-size:1.4rem; font-weight:800; line-height:1.4;
color:#fff !important;
}
.book-side__title a { color:inherit !important; text-decoration:none !important; border-bottom:1px solid transparent; }
.book-side__title a:hover { border-bottom-color:var(--eps-accent); }
.book-side__hook { margin:0 0 1.3rem !important; font-size:1.2rem; line-height:1.6; color:#d2d2d2 !important; }
.book-side__hook strong { color:#fff; font-weight:700; }
.book-side__cta {
display:block; background:var(--eps-action); color:#fff !important; font-size:1.3rem; font-weight:700;
padding:1rem 1.2rem; border-radius:8px; text-decoration:none !important;
transition:background-color .2s ease,opacity .2s ease;
}
.book-side__cta:hover, .book-side__cta:focus-visible { background:var(--eps-action-hover); opacity:1; }
.book-side__more {
display:inline-block; margin:1rem 0 0; font-size:1.1rem; color:#c9c9c9 !important;
text-decoration:none !important; border-bottom:1px solid rgba(255,255,255,.28);
}
.book-side__more:hover { color:#fff !important; border-bottom-color:var(--eps-accent); }
.book-side__meta { margin:1.1rem 0 0 !important; font-size:.95rem; letter-spacing:.06em; color:#8a8a8a !important; }
/* book-break--trio / --quad: trzy lub cztery okładki w jednym boksie (/pozycjonowanie/) */
.book-break--trio { flex-direction:column; align-items:stretch; gap:3.2rem; }
.book-break--trio .book-break__content { max-width:72rem; position:relative; z-index:1; }
.book-break__shelf {
list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:2.8rem;
position:relative; z-index:1;
}
.book-break__shelf li { margin:0; padding:0; display:flex; flex-direction:column; gap:1rem; }
.book-break__shelf img {
display:block; width:100%; max-width:21rem; height:auto; border-radius:.6rem;
box-shadow:0 14px 34px rgba(0,0,0,.35); transition:transform .25s ease;
}
.book-break__shelf a {
display:flex; flex-direction:column; gap:1rem; color:inherit; text-decoration:none !important;
background-image:none !important; border:0; box-shadow:none;
}
.book-break__shelf a:hover img, .book-break__shelf a:focus-visible img { transform:translateY(-.4rem); }
.book-break__shelf b { display:block; color:#fff; font-size:1.45rem; line-height:1.35; font-weight:700; }
.book-break__shelf a b { color:var(--eps-accent-light); }
.book-break__shelf a:hover b, .book-break__shelf a:focus-visible b { text-decoration:underline; text-underline-offset:.2em; }
.book-break__shelf span { display:block; color:rgba(255,255,255,.72); font-size:1.2rem; line-height:1.45; }
.book-break--quad .book-break__shelf { grid-template-columns:repeat(4,1fr); }
.book-break__shelf li { align-items:flex-start; }
.book-break__shelf li > span { margin-bottom:.7rem; }
.book-break__btn, .book-break__btn:visited {
display:inline-block; margin-top:auto; padding:.6rem 1.4rem;
border:1px solid rgba(var(--eps-accent-light-rgb),.6); border-radius:999px; font-family:var(--eps-font);
font-size:1.2rem; font-weight:600; letter-spacing:.01em; line-height:1.3; text-decoration:none !important;
background-image:none !important; color:var(--eps-accent-light) !important; background:transparent;
transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.book-break__btn:hover, .book-break__btn:focus-visible {
background:var(--eps-accent-light); border-color:var(--eps-accent-light); color:var(--eps-ink) !important;
}
.book-break__btn:focus-visible { outline:2px solid #fff; outline-offset:2px; }
@media (max-width:1100px){
.book-break--quad .book-break__shelf { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:760px){
.book-break__shelf { grid-template-columns:1fr 1fr; }
.book-break__shelf li:last-child { grid-column:1 / -1; }
.book-break--quad .book-break__shelf li:last-child { grid-column:auto; }
}
@media (max-width:640px){
.book-break { flex-direction:column; padding:36px 28px; gap:28px; text-align:center; }
.book-break__cover { width:110px; }
}
@media (max-width:620px){
.book-break--quad .book-break__shelf { grid-template-columns:1fr; }
}
@media (max-width:480px){
.book-break__shelf { grid-template-columns:1fr; }
.book-break__shelf li:last-child { grid-column:auto; }
}
/* ============================================================
06 NAWIGACJA GŁÓWNA — eps-nav (zastępuje Max Mega Menu i menu górne motywu; skorupę motywu chowa snippet)
============================================================ */
.header-top,
.johannes-site-branding,
.johannes-hamburger,
.mega-menu-wrap,
a[href*="nav-menus.php"],
.container:has(> .slot-l > .johannes-site-branding),
:is(header, div[class*="header"]):has(> .container > .slot-l > .johannes-site-branding) {
display:none !important;
}
/* szkielet + przyciemnienie strony pod otwartym panelem */
.eps-nav { position:sticky; top:calc(-1 * var(--eps-nav-toph)); z-index:900; font-family:var(--eps-font); }
.eps-nav.is-stuck { box-shadow:0 .4rem 2.4rem rgba(var(--eps-ink-rgb),.10); }
.eps-nav::after {
content:""; position:fixed; inset:0; z-index:-1; background:rgba(var(--eps-ink-rgb),.32); opacity:0;
pointer-events:none; transition:opacity .2s ease;
}
.eps-nav[data-menu="open"]::after { opacity:1; pointer-events:auto; }
html.eps-nav-lock { overflow:hidden; }
/* pasek użytkowy (dawne menu górne + social; w DOM przed paskiem głównym, na mobile JS przenosi go na koniec szuflady) */
.eps-nav__top { height:var(--eps-nav-toph); background:var(--eps-ecru); }
.eps-nav__extra { height:100%; }
.eps-nav__extra-in {
display:flex; align-items:center; justify-content:space-between; gap:2rem; max-width:128rem; height:100%;
margin:0 auto; padding:0 2.4rem;
}
.eps-nav__util, .eps-nav__social { display:flex; align-items:center; gap:2rem; margin:0; padding:0; list-style:none; }
.eps-nav__util a { color:var(--eps-ink); font-size:1.3rem; font-weight:600; text-decoration:none; }
.eps-nav__util a:hover, .eps-nav__util a:focus-visible { color:var(--eps-accent-dark); text-decoration:underline; text-underline-offset:.3rem; }
.eps-nav__util a[aria-current="page"] { color:var(--eps-accent-dark); }
.eps-nav__social { gap:.2rem; }
.eps-nav__sociallabel { margin-right:.8rem; font-size:1.2rem; font-weight:700; color:var(--eps-ink); }
.eps-nav__social a {
display:inline-flex; align-items:center; justify-content:center; width:2.8rem; height:2.8rem;
border-radius:.4rem; color:var(--eps-ink);
}
.eps-nav__social svg { width:1.6rem; height:1.6rem; fill:currentColor; }
.eps-nav__social a:hover, .eps-nav__social a:focus-visible { color:var(--eps-accent-dark); background:#fff; }
/* pasek główny, pozycje, przycisk Kontakt, burger */
.eps-nav__bar {
display:flex; align-items:center; gap:1.6rem; height:var(--eps-nav-h); max-width:128rem; margin:0 auto;
padding:0 2.4rem;
}
.eps-nav__main { background:#fff; border-bottom:.1rem solid rgba(var(--eps-ink-rgb),.12); }
.eps-nav__logo { display:inline-flex; align-items:center; text-decoration:none; }
.eps-nav__logo img { display:block; height:4rem; width:auto; }
.eps-nav__menu { display:flex; align-self:stretch; margin-left:auto; }
.eps-nav__list { display:flex; align-items:stretch; gap:.2rem; margin:0; padding:0; list-style:none; }
.eps-nav__item { display:flex; align-items:center; }
.eps-nav__head { display:flex; align-items:center; }
.eps-nav__link {
display:inline-flex; align-items:center; gap:.6rem; padding:1.1rem 1.4rem; border-radius:.6rem;
font-size:1.5rem; font-weight:600; line-height:1.2; color:var(--eps-ink); text-decoration:none;
transition:color .15s ease,background-color .15s ease;
}
.eps-nav__link:hover, .eps-nav__link:focus-visible { color:var(--eps-accent-dark); background:var(--eps-ecru); }
.eps-nav__link[aria-current="page"], .eps-nav__link[data-active] {
color:var(--eps-accent-dark); box-shadow:inset 0 -.2rem 0 var(--eps-accent); border-radius:.6rem .6rem 0 0;
}
.eps-nav__chev { width:1.1rem; height:.8rem; flex:0 0 auto; transition:transform .2s ease; }
.eps-nav__btn {
display:inline-flex; align-items:center; justify-content:center; margin-left:1rem; padding:1.2rem 2rem;
border-radius:.6rem; background:var(--eps-action); color:#fff; font-size:1.5rem; font-weight:700;
line-height:1.2; text-decoration:none; transition:background-color .15s ease;
}
.eps-nav__btn:hover, .eps-nav__btn:focus-visible { background:var(--eps-action-hover); color:#fff; }
.eps-nav__burger {
display:none; margin-left:auto; width:4.8rem; height:4.8rem; align-items:center; justify-content:center;
background:none; border:0; border-radius:.6rem; color:var(--eps-ink); cursor:pointer;
}
.eps-nav__burger-box { display:block; position:relative; width:2.2rem; height:1.6rem; }
.eps-nav__burger-box i {
position:absolute; left:0; width:100%; height:.2rem; background:currentColor; border-radius:.2rem;
transition:transform .2s ease,opacity .15s ease;
}
.eps-nav__burger-box i:nth-child(1) { top:0; }
.eps-nav__burger-box i:nth-child(2) { top:.7rem; }
.eps-nav__burger-box i:nth-child(3) { top:1.4rem; }
.eps-nav[data-menu="open"] .eps-nav__burger-box i:nth-child(1) { transform:translateY(.7rem) rotate(45deg); }
.eps-nav[data-menu="open"] .eps-nav__burger-box i:nth-child(2) { opacity:0; }
.eps-nav[data-menu="open"] .eps-nav__burger-box i:nth-child(3) { transform:translateY(-.7rem) rotate(-45deg); }
/* panele (zamknięcie z opóźnieniem .4s przez visibility — ruch po skosie nie zamyka menu) */
.eps-nav__panel { position:absolute; left:0; right:0; top:calc(100% - .1rem); background:var(--eps-ecru); border-top:.1rem solid rgba(64,64,65,.12); box-shadow:0 2.4rem 3.2rem -1.6rem rgba(64,64,65,.22); opacity:0; visibility:hidden; transform:translateY(-.8rem); transition:opacity .18s ease .22s, transform .18s ease .22s, visibility 0s linear .4s; }
.eps-nav__panel-in { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.85fr); gap:3.2rem; max-width:128rem; margin:0 auto; padding:3.2rem 2.4rem 3.6rem; }
.eps-nav__item--narrow { position:relative; }
.eps-nav__panel--card { left:auto; right:0; top:100%; width:min(62rem,calc(100vw - 4.8rem)); border-top:.3rem solid var(--eps-accent); border-radius:0 0 .8rem .8rem; box-shadow:0 2rem 3.2rem -1.2rem rgba(64,64,65,.28); }
.eps-nav__panel-in--card { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2.4rem; padding:2.4rem; }
.eps-nav__cardfoot { grid-column:1 / -1; margin:.4rem 0 0; padding-top:1.6rem; border-top:.1rem solid rgba(64,64,65,.14); text-align:center; }
.eps-nav__subhead { display:none; }
.eps-nav__cardfoot a { font-size:1.4rem; font-weight:700; color:var(--eps-accent-dark); text-decoration:none; }
.eps-nav__cardfoot a:hover { text-decoration:underline; text-underline-offset:.3rem; }
.eps-nav__col { min-width:0; }
.eps-nav__group + .eps-nav__group { margin-top:2.8rem; }
.eps-nav__grouptitle { margin:0 0 1rem; font-size:1.25rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; color:var(--eps-accent-dark-text); }
.eps-nav__grid { display:grid; gap:.2rem; margin:0; padding:0; list-style:none; }
.eps-nav__cell { display:block; padding:.9rem 1.2rem; border-left:.2rem solid transparent; border-radius:0 .4rem .4rem 0; text-decoration:none; transition:background-color .15s ease, border-color .15s ease; }
.eps-nav__cell:hover, .eps-nav__cell:focus-visible { background:#fff; border-left-color:var(--eps-accent); }
.eps-nav__cell[aria-current="page"] { background:#fff; border-left-color:var(--eps-accent-dark); color:var(--eps-action); }
.eps-nav__name { display:block; font-size:1.5rem; font-weight:700; color:var(--eps-ink); }
.eps-nav__desc { display:block; margin-top:.2rem; max-width:34rem; font-size:1.3rem; line-height:1.45; color:rgba(64,64,65,.8); }
.eps-nav__aside { display:flex; flex-direction:column; gap:1rem; padding:2.4rem; border-radius:.8rem; background-color:var(--eps-accent-dark); background-image:var(--eps-ogon); background-repeat:no-repeat; background-position:right -4rem bottom -4rem; background-size:20rem auto; color:#fff; }
.eps-nav__aside p { margin:0; font-size:1.4rem; line-height:1.5; color:#fff; }
.eps-nav__asidelead { font-size:1.6rem !important; font-weight:700; color:#fff !important; }
.eps-nav__asidebtn { display:inline-flex; align-items:center; justify-content:center; margin-top:.8rem; padding:1.2rem 1.6rem; border-radius:.6rem; background:#fff; color:var(--eps-action); font-size:1.4rem; font-weight:700; text-decoration:none; transition:background-color .15s ease; }
.eps-nav__asidebtn:hover, .eps-nav__asidebtn:focus-visible { background:var(--eps-ecru); color:var(--eps-action); }
.eps-nav__asidelink { align-self:center; color:#fff; font-size:1.35rem; font-weight:600; text-decoration:underline; text-underline-offset:.3rem; }
.eps-nav__asidelink:hover { color:var(--eps-ecru); }
@keyframes eps-nav-slide { from { opacity:0; transform:translateX(2.4rem); } to { opacity:1; transform:none; } }
/* desktop: stany otwarcia */
@media (min-width:1024px){
.eps-nav__toggle { display:none; }
.eps-nav__item--panel:hover > .eps-nav__panel, .eps-nav__item--panel:focus-within > .eps-nav__panel,
.eps-nav__item--panel[data-open="true"] > .eps-nav__panel { opacity:1; visibility:visible; transform:none; transition-delay:0s; }
.eps-nav__item--panel:hover > .eps-nav__head .eps-nav__link, .eps-nav__item--panel:focus-within > .eps-nav__head .eps-nav__link,
.eps-nav__item--panel[data-open="true"] > .eps-nav__head .eps-nav__link { color:var(--eps-accent-dark); background:var(--eps-ecru); }
.eps-nav__item--panel:hover > .eps-nav__head .eps-nav__chev, .eps-nav__item--panel:focus-within > .eps-nav__head .eps-nav__chev,
.eps-nav__item--panel[data-open="true"] > .eps-nav__head .eps-nav__chev { transform:rotate(180deg); }
.eps-nav:has(.eps-nav__item--panel:hover)::after, .eps-nav:has(.eps-nav__item--panel:focus-within:not([data-open="false"]))::after,
.eps-nav:has(.eps-nav__item--panel[data-open="true"])::after { opacity:1; pointer-events:auto; }
.eps-nav__list:has(.eps-nav__item--panel:hover) .eps-nav__item--panel:not(:hover) > .eps-nav__panel,
.eps-nav__list:has(.eps-nav__item--panel:focus-within) .eps-nav__item--panel:not(:focus-within) > .eps-nav__panel,
.eps-nav__list:has(.eps-nav__item--panel[data-open="true"]) .eps-nav__item--panel:not([data-open="true"]) > .eps-nav__panel { transition:none; }
.eps-nav__item--panel[data-open="false"]:focus-within > .eps-nav__panel { opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-.8rem); }
.eps-nav__item--panel[data-open="false"]:focus-within > .eps-nav__head .eps-nav__link { background:transparent; }
.eps-nav__item--panel[data-open="false"]:focus-within > .eps-nav__head .eps-nav__chev { transform:none; }
}
/* mobile: szuflada + drugi poziom */
@media (max-width:1023px){
.eps-nav { top:0; }
.eps-nav__top { display:none; }
.eps-nav__burger { display:inline-flex; }
.eps-nav__menu { display:block; position:fixed; top:var(--eps-nav-h); right:0; bottom:0; width:min(44rem,100%); margin:0; padding:1.2rem 2rem calc(3.2rem + env(safe-area-inset-bottom)); background:#fff; box-shadow:-1.2rem 0 3.2rem rgba(64,64,65,.18); transform:translateX(100%); visibility:hidden; overflow-y:auto; overscroll-behavior:contain; transition:transform .24s ease, visibility 0s linear .24s; }
.eps-nav[data-menu="open"] .eps-nav__menu { transform:none; visibility:visible; transition-delay:0s; }
.eps-nav__list, .eps-nav__item { display:block; }
.eps-nav__head { justify-content:space-between; border-bottom:.1rem solid rgba(64,64,65,.1); }
.eps-nav__link { flex:1 1 auto; padding:1.7rem .6rem; font-size:1.7rem; border-radius:0; }
.eps-nav__link:hover, .eps-nav__link:focus-visible { background:transparent; }
.eps-nav__link[aria-current="page"], .eps-nav__link[data-active] { box-shadow:none; border-radius:0; }
.eps-nav__link .eps-nav__chev { display:none; }
.eps-nav__toggle { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:4.8rem; height:4.8rem; background:none; border:0; color:var(--eps-ink); cursor:pointer; }
.eps-nav__toggle .eps-nav__chev { width:1.4rem; height:1rem; }
.eps-nav__item[data-open="true"] .eps-nav__toggle .eps-nav__chev { transform:rotate(180deg); }
.eps-nav__panel, .eps-nav__panel--card { position:static; display:none; width:auto; opacity:1; visibility:visible; pointer-events:auto; transform:none; box-shadow:none; border:0; border-radius:.6rem; margin:.8rem 0 1.6rem; transition:none; }
.eps-nav__item[data-open="true"] > .eps-nav__panel { display:block; animation:eps-nav-slide .22s ease; }
.eps-nav[data-sub="open"] .eps-nav__list > .eps-nav__item:not([data-open="true"]), .eps-nav[data-sub="open"] .eps-nav__item[data-open="true"] > .eps-nav__head, .eps-nav[data-sub="open"] .eps-nav__extra { display:none; }
.eps-nav[data-sub="open"] .eps-nav__item[data-open="true"] > .eps-nav__panel { margin-top:0; }
.eps-nav__subhead { display:flex; align-items:center; gap:.8rem; padding:.6rem 1.6rem 0; }
.eps-nav__back { display:inline-flex; align-items:center; gap:.8rem; min-height:4.4rem; padding:.4rem .8rem .4rem 0; background:none; border:0; font:inherit; font-size:1.5rem; font-weight:700; color:var(--eps-accent-dark); cursor:pointer; }
.eps-nav__back .eps-nav__chev { width:1.2rem; height:.9rem; transform:rotate(90deg); }
.eps-nav__subtitle { margin-left:auto; font-size:1.5rem; font-weight:700; color:rgba(64,64,65,.72); }
.eps-nav__panel-in, .eps-nav__panel-in--card { display:block; max-width:none; margin:0; padding:1.6rem; }
.eps-nav__col + .eps-nav__col, .eps-nav__group + .eps-nav__group { margin-top:2rem; }
.eps-nav__cell { display:flex; align-items:center; min-height:5rem; margin-bottom:.4rem; padding:1rem 1.2rem; background:#fff; border-left-color:transparent; border-radius:.4rem; }
.eps-nav__cell[aria-current="page"] { border-left-color:var(--eps-accent-dark); }
.eps-nav__desc { display:none; }
.eps-nav__aside { margin-top:2rem; }
.eps-nav__cardfoot { margin-top:1.6rem; padding-top:0; border:0; }
.eps-nav__item--cta { margin-top:2rem; }
.eps-nav__btn { display:flex; margin:0; padding:1.6rem; font-size:1.6rem; }
.eps-nav__extra { height:auto; margin-top:2.4rem; padding-top:1.6rem; border-top:.1rem solid rgba(64,64,65,.14); }
.eps-nav__extra-in { display:block; height:auto; padding:0; }
.eps-nav__util { display:block; }
.eps-nav__util a { display:block; padding:1.2rem .6rem; font-size:1.5rem; color:var(--eps-ink); }
.eps-nav__util a:hover, .eps-nav__util a:focus-visible { color:var(--eps-accent-dark); text-decoration:none; }
.eps-nav__social { margin-top:1.2rem; gap:.8rem; }
.eps-nav__social a { width:4.4rem; height:4.4rem; color:var(--eps-ink); background:var(--eps-ecru); }
.eps-nav__social a:hover, .eps-nav__social a:focus-visible { background:var(--eps-ecru); color:var(--eps-accent-dark); }
.eps-nav__social svg { width:1.9rem; height:1.9rem; }
}
/* ============================================================
07 ARCHIWUM NAGRAŃ — media, indeks, agenda, podcasty, filtry
============================================================ */
/* badges + filtry */
.eps-badges { display:flex; flex-wrap:wrap; gap:.4rem; margin:0 0 .75rem !important; }
.eps-badges .eps-badge {
display:inline-block; font-size:.85rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
padding:.22rem .62rem; border-radius:4px; background:var(--eps-gray); color:#666;
}
.eps-badges .eps-badge--free { background:var(--eps-soft); border:1px solid var(--eps-border); color:var(--eps-accent-dark-text); }
.eps-badges .eps-badge--aff { background:var(--eps-accent-dark); color:#fff; }
.eps-limit { color:#666 !important; }
.eps-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.4rem 0 1.6rem; font-family:var(--eps-font); }
.eps-filters button {
font-family:inherit; font-size:1.2rem; font-weight:700; padding:.55rem 1.15rem; border-radius:999px;
border:1px solid var(--eps-border); background:#fff; color:var(--eps-ink); cursor:pointer;
transition:border-color .2s ease,color .2s ease;
}
.eps-filters button:hover { border-color:var(--eps-accent); color:var(--eps-accent); }
.eps-filters button[aria-pressed="true"] { background:var(--eps-ink); border-color:var(--eps-ink); color:#fff; }
.eps-filters-n { font-size:.9em; font-weight:400; opacity:.55; }
/* siatka kart */
.eps-media { display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; font-family:var(--eps-font); }
.eps-media-card {
display:flex; flex-direction:column; background:#fff; border:1px solid #ececec; border-radius:10px;
overflow:hidden; box-shadow:0 6px 24px rgba(var(--eps-ink-rgb),.07);
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; scroll-margin-top:96px;
}
.eps-media-card:hover {
transform:translateY(-5px); box-shadow:0 12px 40px rgba(var(--eps-accent-rgb),.18);
border-color:var(--eps-border);
}
.eps-media-card:target { border-color:var(--eps-accent); box-shadow:0 12px 40px rgba(var(--eps-accent-rgb),.2); }
.eps-media-thumb {
position:relative; display:block; width:100%; padding:0; margin:0; border:0; background:var(--eps-ink);
cursor:pointer; line-height:0; overflow:hidden;
}
.eps-media-thumb img {
width:100%; aspect-ratio:16/9; object-fit:cover; display:block; filter:grayscale(1) contrast(1.05);
transition:filter .35s ease,transform .35s ease;
}
.eps-media-thumb::before {
content:""; position:absolute; inset:0; z-index:1;
background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,transparent 55%),rgba(var(--eps-ink-rgb),.72);
transition:opacity .35s ease;
}
.eps-media-card:hover .eps-media-thumb img { filter:grayscale(.12) contrast(1); transform:scale(1.04); }
.eps-media-card:hover .eps-media-thumb::before { opacity:.42; }
.eps-media-play { position:absolute; inset:0; z-index:2; display:grid; place-items:center; }
.eps-media-play::before {
content:""; width:58px; height:58px; border-radius:50%; background:var(--eps-accent);
box-shadow:0 6px 18px rgba(var(--eps-accent-rgb),.45); transition:transform .25s ease,box-shadow .25s ease;
}
.eps-media-play::after {
content:""; position:absolute; margin-left:4px; border-style:solid; border-width:9px 0 9px 15px;
border-color:transparent transparent transparent #fff;
}
.eps-media-card:hover .eps-media-play::before { transform:scale(1.1); box-shadow:0 9px 26px rgba(var(--eps-accent-rgb),.6); }
.eps-media-time {
position:absolute; right:.6rem; bottom:.6rem; z-index:2; background:rgba(var(--eps-ink-rgb),.92);
color:#fff; font-size:1rem; font-weight:700; letter-spacing:.02em; padding:.22rem .5rem; border-radius:4px;
font-variant-numeric:tabular-nums;
}
.eps-media-body { flex:1; display:flex; flex-direction:column; padding:1.5rem 1.6rem; }
.eps-media-meta { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; margin:0 0 .7rem !important; }
.eps-media-meta time { font-size:1.05rem; letter-spacing:.1em; text-transform:uppercase; color:#9a9a9a; }
.eps-media-tag {
font-size:.85rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:.22rem .62rem;
border-radius:4px; background:var(--eps-soft); border:1px solid var(--eps-border);
color:var(--eps-accent-dark-text);
}
.eps-media-tag--show { background:#fff; border-color:#e4e4e4; color:#5a5f66; letter-spacing:.06em; }
.eps-media-tag--own { background:var(--eps-accent); border-color:var(--eps-accent); color:#fff; }
.eps-media-card--own .eps-media-thumb::before {
background:linear-gradient(135deg,rgba(var(--eps-accent-rgb),.30) 0%,transparent 55%),rgba(var(--eps-ink-rgb),.72);
}
.eps-media-card--own .eps-media-title { color:var(--eps-accent-dark); }
.eps-media-title {
margin:0 0 .7rem !important; font-family:inherit; font-size:1.6rem; font-weight:800; line-height:1.4;
color:var(--eps-ink);
}
.eps-media-desc { margin:0 0 1.3rem !important; font-size:1.35rem; line-height:1.75; color:#5a5f66; }
.eps-media-link {
margin-top:auto; align-self:flex-start; padding-bottom:.15rem; font-size:1.2rem; font-weight:700;
color:var(--eps-ink); text-decoration:none; border-bottom:2px solid var(--eps-border);
transition:color .2s ease,border-color .2s ease;
}
.eps-media-link:hover { color:var(--eps-accent); border-bottom-color:var(--eps-accent); }
.eps-media-links { display:block; margin:.2rem 0 0 !important; }
.eps-media-links .eps-media-link { display:inline-block; margin-top:0; }
.eps-media-sep { display:inline-block; margin:0 .75rem; color:#c9c9c9; border-bottom:0; }
.eps-media-frame { position:relative; width:100%; aspect-ratio:16/9; background:#000; }
.eps-media-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.eps-media-more { text-align:center; margin:.4rem 0 2.4rem; font-family:var(--eps-font); }
.eps-media-more button {
font-family:inherit; font-size:1.25rem; font-weight:700; padding:.95rem 2.1rem; border-radius:999px;
border:1.5px solid var(--eps-ink); background:#fff; color:var(--eps-ink); cursor:pointer;
transition:background .2s ease,color .2s ease,transform .2s ease;
}
.eps-media-more button:hover { background:var(--eps-ink); color:#fff; transform:translateY(-2px); }
.eps-media-more[hidden] { display:none; }
/* układ listy (podcasty) */
.eps-media--list { display:block; }
.eps-media--list .eps-media-card {
display:grid; grid-template-columns:210px 1fr; gap:1.5rem; align-items:start; padding:1.1rem;
margin:0 0 .9rem; overflow:visible;
transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease;
}
.eps-media--list .eps-media-card:hover {
transform:none; background:#fffdfa; border-color:var(--eps-border);
box-shadow:0 6px 20px rgba(var(--eps-accent-rgb),.10);
}
.eps-media--list .eps-media-card:last-child { margin-bottom:0; }
.eps-media--list .eps-media-thumb { border-radius:6px; }
.eps-media--list .eps-media-thumb::before { border-radius:6px; }
.eps-media--list .eps-media-play::before { width:42px; height:42px; box-shadow:0 4px 12px rgba(var(--eps-accent-rgb),.4); }
.eps-media--list .eps-media-play::after { border-width:7px 0 7px 11px; margin-left:3px; }
.eps-media--list .eps-media-time { right:.4rem; bottom:.4rem; font-size:.95rem; padding:.18rem .42rem; }
.eps-media--list .eps-media-body { padding:.15rem 0 0; }
.eps-media--list .eps-media-title { font-size:1.5rem; margin-bottom:.55rem !important; }
.eps-media--list .eps-media-link { margin-top:.2rem; }
.eps-media--list details.eps-media-agenda { margin-bottom:.8rem; }
.eps-media--list .eps-media-card.is-playing { grid-template-columns:1fr; }
.eps-media--list .eps-media-card.is-playing .eps-media-frame { border-radius:6px; overflow:hidden; }
/* indeks nagrań */
details.eps-index {
background:#fff; border:1px solid #ececec; border-radius:10px; font-family:var(--eps-font);
transition:border-color .25s ease,box-shadow .25s ease;
}
details.eps-index:hover { border-color:var(--eps-border); box-shadow:0 8px 22px rgba(var(--eps-ink-rgb),.07); }
details.eps-index[open] { border-color:var(--eps-border); }
details.eps-index > summary { display:flex; align-items:center; gap:.9rem; padding:1.15rem 1.5rem; }
.eps-index-label { font-size:1.35rem; font-weight:800; color:var(--eps-ink); }
.eps-index-count { font-style:normal; font-size:1.05rem; color:#9a9a9a; }
details.eps-index > summary::after { margin-left:auto; font-size:2.1rem; }
.eps-index-body { padding:0 1.5rem 1.4rem; }
.eps-index-group + .eps-index-group { margin-top:1.3rem; }
.eps-index-group > b {
display:block; margin:0 0 .55rem; font-size:.85rem; font-weight:800; letter-spacing:.14em;
text-transform:uppercase; color:var(--eps-accent-dark-text);
}
.eps-index ul { list-style:none; margin:0; padding:0; columns:2; column-gap:2.2rem; }
.eps-index li { list-style:none; margin:0; padding:.32rem 0; break-inside:avoid; font-size:1.2rem; line-height:1.5; }
.eps-index a {
color:var(--eps-ink); text-decoration:none; border-bottom:1px solid transparent;
transition:color .2s ease,border-color .2s ease;
}
.eps-index a:hover { color:var(--eps-accent); border-bottom-color:var(--eps-accent); }
.eps-index time { margin-left:.4rem; font-size:1rem; color:#b3b3b3; white-space:nowrap; }
/* rozpiska „co usłyszysz" */
details.eps-media-agenda { margin:0 0 1.1rem; }
details.eps-media-agenda > summary {
display:inline-flex; align-items:center; gap:.45rem; font-size:1.15rem; font-weight:700;
color:var(--eps-accent-dark-text);
}
details.eps-media-agenda > summary::after { content:"+"; font-size:1.5rem; font-weight:800; line-height:1; transition:transform .25s ease; }
details.eps-media-agenda ul { list-style:none; margin:.75rem 0 0; padding:0; }
details.eps-media-agenda li {
list-style:none; position:relative; margin:0; padding:.3rem 0 .3rem 1.35rem; font-size:1.2rem;
line-height:1.6; color:#5a5f66;
}
details.eps-media-agenda li::before {
content:""; position:absolute; left:.15rem; top:1.05rem; width:7px; height:7px; border-radius:50%;
background:var(--eps-accent);
}
details.eps-media-agenda p { margin:.8rem 0 0; font-size:1.3rem; line-height:1.7; color:#5a5f66; }
details.eps-media-agenda p + ul { margin-top:.65rem; }
details.eps-media-agenda .eps-media-note { margin:.9rem 0 0; font-size:1.05rem; line-height:1.55; color:#9a9a9a; }
@media (max-width:780px){
.eps-media { grid-template-columns:1fr; gap:1.2rem; }
}
@media (max-width:680px){
.eps-index ul { columns:1; }
.eps-index-body { padding:0 1.2rem 1.2rem; }
}
@media (max-width:640px){
.eps-media--list .eps-media-card { grid-template-columns:1fr; gap:1rem; }
.eps-media--list .eps-media-play::before { width:52px; height:52px; }
}
@media (max-width:520px){
.eps-media-body { padding:1.3rem 1.3rem; }
.eps-media-title { font-size:1.45rem; }
}
/* ============================================================
08 PRESSROOM
============================================================ */
.eps-press-lead { font-family:var(--eps-font); font-size:1.5rem; line-height:1.7; color:#333; margin:0 0 1.6rem; }
.eps-press-lead strong { color:var(--eps-ink); }
.eps-press { font-family:var(--eps-font); margin:0 0 3.2rem; scroll-margin-top:96px; }
h2.eps-press-h {
margin:0 0 .2rem !important; font-family:var(--eps-font) !important; font-size:1.15rem !important;
font-weight:800 !important; letter-spacing:.14em; text-transform:uppercase; color:#999 !important;
border-bottom:1px solid #f0f0f0; padding-bottom:.8rem; line-height:1.4;
}
ul.eps-press-list { list-style:none; margin:0 !important; padding:0 !important; }
ul.eps-press-list > li.eps-press-entry {
list-style:none; display:grid; grid-template-columns:64px 1fr; gap:1.2rem; align-items:baseline;
padding:1rem 0; margin:0 !important; border-bottom:1px solid #f7f7f7;
}
ul.eps-press-list > li.eps-press-entry:last-child { border-bottom:0; }
.eps-press-date { font-size:1.1rem; color:#bbb; white-space:nowrap; font-variant-numeric:tabular-nums; }
.eps-press-item { font-size:1.4rem; line-height:1.5; color:#333; }
.eps-press-item a {
color:inherit; text-decoration:none; border-bottom:1px solid transparent;
transition:color .2s ease,border-color .2s ease;
}
.eps-press-item a:hover { color:var(--eps-accent); border-bottom-color:var(--eps-accent); }
.eps-press-tag {
display:inline-block; font-size:.85rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
padding:.22rem .62rem; border-radius:4px; margin-left:.6rem; vertical-align:middle; white-space:nowrap;
background:var(--eps-gray); color:#666;
}
.eps-press-tag--award { background:var(--eps-soft); border:1px solid var(--eps-border); color:var(--eps-accent-dark-text); }
.eps-press-tag--press { background:#eef4ff; color:#2a5bd7; }
.eps-press-tag--podcast { background:#edfaf3; color:#1a8a52; }
.eps-press-tag--webinar { background:#f3eeff; color:#6030c0; }
.eps-press-tag--report { background:#f2f2f2; color:#666; }
.eps-press-tag--article { background:#fff0f0; color:#c03030; }
.eps-press-tag--travel { background:#e8f7ff; color:#0070a0; }
@media (max-width:520px){
ul.eps-press-list > li.eps-press-entry { grid-template-columns:56px 1fr; gap:.9rem; }
.eps-press-item { font-size:1.35rem; }
}
/* ============================================================
09 ZESPÓŁ (komponent bazowy) + /O-NAS/ (misja, wartości, marquee, historia, metryczka)
============================================================ */
.eps-onas-lead { font-size:15px; line-height:1.6; font-weight:600; }
/* marquee pod hero (jedna sekwencja na grupę — CSS rozciąga ją na szerokość ekranu) */
.eps-marquee {
position:relative; left:50%; width:100vw; margin-left:-50vw; margin-top:-11rem; margin-bottom:6.4rem;
z-index:5; background:var(--eps-ink); padding:1.5rem 0;
}
.eps-marquee-viewport {
overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.eps-marquee-track { display:flex; width:max-content; }
.eps-marquee-group {
display:flex; align-items:center; justify-content:space-around; gap:3.2rem; min-width:100vw;
padding-right:3.2rem; animation:eps-marquee 48s linear infinite;
}
.eps-marquee-item {
font-size:1.4rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#fff;
white-space:nowrap;
}
.eps-marquee-dot { width:.8rem; height:.8rem; background:var(--eps-accent); transform:rotate(45deg); flex:none; }
@keyframes eps-marquee { to { transform:translateX(-100%); } }
.eps-marquee:hover .eps-marquee-group { animation-play-state:paused; }
/* misja */
.eps-mission { margin:28px 0 48px; padding:30px 30px; background:var(--eps-accent-dark); }
.eps-mission-txt { margin:0; color:#fff; font-size:24px; line-height:1.4; font-weight:600; }
.eps-mission-txt + .eps-mission-txt { margin-top:4px; }
.eps-mission.eps-mission--band {
position:relative; left:50%; width:100vw; margin-left:-50vw; margin-top:4rem; margin-bottom:4rem;
padding:8rem 2.4rem; background-color:var(--eps-accent-dark);
background-image:radial-gradient(64rem 40rem at 88% -10%,rgba(255,255,255,.25),transparent 62%);
text-align:center;
}
.eps-mission--band .eps-mission-txt {
margin:0 auto; max-width:92rem; color:#fff; font-size:clamp(2.4rem,3.4vw,3.6rem); font-weight:700;
line-height:1.4;
}
.eps-mission--band .eps-mission-txt + .eps-mission-txt { margin-top:1.2rem; }
/* wartości */
.eps-values { display:grid; gap:26px; margin:24px 0 56px; }
.eps-values--band { align-items:center; }
.eps-values-item { border-left:4px solid var(--eps-accent); padding-left:18px; }
.eps-values-title { margin:0 0 4px; font-size:19px; font-weight:700; color:var(--eps-ink); }
.eps-values-txt { margin:0; font-size:14px; line-height:1.3; color:var(--eps-ink); }
.eps-values.eps-values--band {
position:relative; left:50%; width:100vw; margin-left:-50vw; margin-top:4rem; margin-bottom:4rem;
background:var(--eps-ecru); padding-block:6.4rem;
padding-inline:calc((100vw - min(120rem,100vw - 4.8rem)) / 2);
}
/* zespół 3×3 */
.eps-team-about { display:grid; grid-template-columns:repeat(3,1fr); gap:2.8rem 2rem; margin:3.2rem 0; }
.eps-team-about.eps-team-about--wide { position:relative; width:min(140rem,100vw - 4.8rem); margin-left:50%; transform:translateX(-50%); }
.eps-team-card { display:block; margin:0; }
.eps-team-card .eps-team-item { display:block; width:100%; }
.eps-team-item { position:relative; overflow:hidden; border-radius:1.2rem; background:var(--eps-ecru); }
.eps-team-item .eps-team-foto { display:block; width:100%; height:auto; }
.eps-team-item .eps-team-foto-fun {
position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0;
transition:opacity .25s ease;
}
.eps-team-card:hover .eps-team-foto-fun, .eps-team-card:focus-within .eps-team-foto-fun,
.eps-team-card:active .eps-team-foto-fun { opacity:1; }
.eps-team-card .eps-team-person { margin:1.4rem 0 .2rem; font-size:15px; font-weight:800; line-height:1.3; color:var(--eps-ink); }
.eps-team-card .eps-team-role {
margin:0 0 .2rem; font-size:10px; font-weight:700; letter-spacing:.05em; line-height:1.8;
text-transform:uppercase; color:var(--eps-accent-dark-text);
}
.eps-team-card .eps-team-since { margin:0 0 1rem; font-size:11px; line-height:1.4; color:rgba(var(--eps-ink-rgb),.65); }
.eps-team-card .eps-team-desc { margin:0; font-size:13px; line-height:1.45; color:rgba(var(--eps-ink-rgb),.88); }
.eps-team-about--cards .eps-team-card { background:var(--eps-ecru); border-radius:1.6rem; overflow:hidden; }
.eps-team-about--cards .eps-team-item { border-radius:0; }
.eps-team-about--cards .eps-team-card > p { margin-left:2rem; margin-right:2rem; }
.eps-team-about--cards .eps-team-person { margin-top:1.8rem; }
.eps-team-about--cards .eps-team-desc { margin-bottom:2.2rem; }
/* historia firmy — oś czasu (eps-hist) */
:is(ol.eps-hist, li.eps-hist-item, .eps-hist-today) > p:empty { display:none !important; }
p.eps-hist-lead { max-width:62rem; margin:0; font-size:1.7rem; line-height:1.65; color:var(--eps-ink); }
ol.eps-hist {
--eps-hist-ys:clamp(3.8rem,5.2vw,4.8rem); --eps-hist-yc:calc(var(--eps-hist-ys) / 2); --eps-hist-d:1.2rem; --eps-hist-yw:calc(var(--eps-hist-ys) * 2.9);
--eps-hist-ax:2.4rem; --eps-hist-gap:1.6rem; --eps-hist-line:rgba(var(--eps-ink-rgb),.22);
position:relative; list-style:none; margin:3.6rem 0 6.4rem !important; padding:0 !important; font-family:var(--eps-font);
}
ol.eps-hist > li.eps-hist-item { list-style:none !important; position:relative; display:grid; grid-template-columns:var(--eps-hist-yw) var(--eps-hist-ax) minmax(0,1fr); column-gap:var(--eps-hist-gap); margin:0 !important; padding:0 0 4.8rem !important; }
ol.eps-hist > li.eps-hist-item:last-child { padding-bottom:0 !important; }
ol.eps-hist > li.eps-hist-item::marker { content:""; }
ol.eps-hist > li.eps-hist-item::before, ol.eps-hist > li.eps-hist-item::after { content:"" !important; position:absolute; left:calc(var(--eps-hist-yw) + var(--eps-hist-gap) + var(--eps-hist-ax) / 2 - .5px); width:1px; margin:0; padding:0; border:0; border-radius:0; font-size:0; line-height:0; color:transparent; background:var(--eps-hist-line); pointer-events:none; }
ol.eps-hist > li.eps-hist-item::before { top:0; height:calc(var(--eps-hist-yc) - var(--eps-hist-d) / 2 - .4rem); }
ol.eps-hist > li.eps-hist-item::after { top:calc(var(--eps-hist-yc) + var(--eps-hist-d) / 2 + .4rem); bottom:0; height:auto; }
ol.eps-hist > li.eps-hist-item:first-child::before { display:none; }
ol.eps-hist > li.eps-hist-item:last-child::after { bottom:auto; height:4.4rem; width:0; background:none; border-left:1px dashed var(--eps-hist-line); }
.eps-hist time.eps-hist-year { grid-column:1; align-self:start; margin:0; font-family:var(--eps-font); font-size:var(--eps-hist-ys); font-weight:800; line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums; color:var(--eps-ink); }
.eps-hist .eps-hist-dot { grid-column:2; align-self:start; justify-self:center; position:relative; z-index:1; width:var(--eps-hist-d); height:var(--eps-hist-d); margin-top:calc(var(--eps-hist-yc) - var(--eps-hist-d) / 2); border-radius:50%; background:var(--eps-accent); }
.eps-hist li.eps-hist-item--team .eps-hist-dot { background:transparent; border:2px solid var(--eps-accent); }
.eps-hist li.eps-hist-item--org .eps-hist-dot { background:var(--eps-ink); }
.eps-hist .eps-hist-body { grid-column:3; min-width:0; padding-top:calc(var(--eps-hist-yc) - 1.3rem); }
.eps-hist h3.eps-hist-title { margin:0 0 .8rem; padding:0; font-family:var(--eps-font); font-size:2rem; font-weight:800; line-height:1.3; letter-spacing:-.01em; color:var(--eps-ink); }
.eps-hist p.eps-hist-txt { max-width:60ch; margin:0; font-size:1.5rem; line-height:1.65; color:var(--eps-ink); }
.eps-hist p.eps-hist-txt + p.eps-hist-txt { margin-top:.8rem; }
.eps-hist p.eps-hist-aside { max-width:56ch; margin:1.2rem 0 0; padding-left:1.2rem; border-left:1px solid var(--eps-hist-line); font-size:1.3rem; line-height:1.55; color:#777; }
.eps-hist .eps-hist-today { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 2.4rem; margin:1.6rem 0 0; }
.eps-hist .eps-hist-today-k { font-size:1.05rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--eps-accent-dark-text); }
.eps-hist .eps-hist-who { display:inline-flex; align-items:center; gap:1rem; }
.eps-hist img.eps-hist-ava { flex:0 0 auto; width:3.6rem; height:3.6rem; margin:0; border-radius:50%; object-fit:cover; object-position:50% 25%; }
.eps-hist .eps-hist-who b { display:block; font-size:1.35rem; font-weight:700; line-height:1.25; color:var(--eps-ink); }
.eps-hist .eps-hist-who i { display:block; font-style:normal; font-size:1.2rem; line-height:1.3; color:#777; }
@keyframes eps-hist-draw { from { transform:scaleY(0); } to { transform:scaleY(1); } }
@keyframes eps-hist-in { from { opacity:0; transform:translateY(.8rem); } to { opacity:1; transform:none; } }
@media screen and (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
ol.eps-hist > li.eps-hist-item::before, ol.eps-hist > li.eps-hist-item::after { transform-origin:50% 0; animation:eps-hist-draw linear both; animation-timeline:view(); animation-range:entry 0% entry 70%; }
.eps-hist time.eps-hist-year, .eps-hist .eps-hist-dot, .eps-hist .eps-hist-body { animation:eps-hist-in linear both; animation-timeline:view(); animation-range:entry 0% entry 40%; }
}
}
/* metryczka spółki */
.eps-metryka {
margin:4.8rem 0 0; padding:1.6rem 0 0; border-top:1px solid rgba(var(--eps-ink-rgb),.18);
font-family:var(--eps-font); font-size:1.2rem; line-height:1.7; letter-spacing:.02em; color:#777;
}
.eps-metryka p { margin:0; font-size:inherit; line-height:inherit; color:inherit; }
.eps-metryka b { font-weight:700; color:var(--eps-ink); }
@media (min-width:900px){
.eps-values { grid-template-columns:1fr 1fr; gap:28px 44px; }
}
@media (max-width:880px){
.eps-team-about { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
.eps-mission.eps-mission--band { padding:5.6rem 2rem; }
}
@media (max-width:640px){
.eps-mission { padding:28px 24px; }
.eps-mission-txt { font-size:22px; }
ol.eps-hist { --eps-hist-ys:3.2rem; --eps-hist-ax:2rem; --eps-hist-gap:1.4rem; }
ol.eps-hist > li.eps-hist-item { grid-template-columns:var(--eps-hist-ax) minmax(0,1fr); padding-bottom:3.6rem !important; }
ol.eps-hist > li.eps-hist-item::before, ol.eps-hist > li.eps-hist-item::after { left:calc(var(--eps-hist-ax) / 2 - .5px); }
.eps-hist time.eps-hist-year { grid-column:2; grid-row:1; }
.eps-hist .eps-hist-dot { grid-column:1; grid-row:1; }
.eps-hist .eps-hist-body { grid-column:2; grid-row:2; padding-top:1rem; }
.eps-hist li.eps-hist-item--cd .eps-hist-body { grid-row:1; padding-top:calc(var(--eps-hist-yc) - 1.3rem); }
.eps-hist .eps-hist-today { gap:1rem 1.8rem; }
}
@media (max-width:560px){
.eps-team-about { grid-template-columns:1fr; }
}
/* ============================================================
10 STOPKA + MAPA + OPINIE GOOGLE
============================================================ */
.eps-footer {
position:relative; left:50%; width:100vw; margin-left:-50vw; margin-top:64px; padding:44px 40px 24px;
border-top:1px solid rgba(var(--eps-ink-rgb),.15); color:var(--eps-ink); overflow:hidden;
}
.eps-footer::before {
content:""; position:absolute; inset:0;
background:var(--eps-ogon) no-repeat left -60px bottom -80px / 460px auto; opacity:.12; pointer-events:none;
}
.eps-footer-grid { position:relative; display:grid; gap:40px; max-width:1140px; margin:0 auto; }
.eps-footer-h {
margin:0 0 12px; font-size:15px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
color:var(--eps-accent-dark);
}
.eps-footer-col .eps-footer-h:not(:first-child) { margin-top:26px; }
.eps-footer-txt { margin:0 0 10px; font-size:14.5px; line-height:1.65; color:var(--eps-ink); }
.eps-footer-cta {
display:inline-block; padding:13px 30px; border-radius:.6rem; background:var(--eps-action);
color:#fff !important; font-size:15px; font-weight:900 !important; transition:background .2s ease;
}
.eps-footer-cta:hover, .eps-footer-cta:focus-visible { background:var(--eps-action-hover); color:#fff !important; }
@media (min-width:820px){
.eps-footer-grid { grid-template-columns:1fr 1.15fr 1fr; }
}
@media (max-width:640px){
.eps-footer { padding:36px 22px 20px; }
}
/* mapa: grayscale → kolor na hover */
.eps-map-frame { position:relative; margin:6px 14px 14px 0; }
.eps-map-frame::before {
content:""; position:absolute; top:14px; left:14px; right:-14px; bottom:-14px; background:var(--eps-accent);
}
.eps-map-frame p { margin:0; line-height:0; }
.eps-map-embed {
position:relative; display:block; width:100%; aspect-ratio:4/3; border:0;
filter:grayscale(1) contrast(1.05); transition:filter .35s ease;
}
.eps-map-frame:hover .eps-map-embed, .eps-map-frame:focus-within .eps-map-embed { filter:none; }
@media (hover:none){
.eps-map-embed { filter:none; }
}
/* opinie Google */
.eps-grating { margin:40px 14px 0 0; text-align:center; }
.eps-grating .eps-grating-google, .eps-grating .eps-grating-more { text-decoration:none; }
.eps-grating .eps-grating-google { display:inline-block; }
.eps-grating-stars {
display:block; color:var(--eps-accent); font-size:22px; letter-spacing:5px; margin-right:-5px;
line-height:1;
}
.eps-grating-score { display:block; margin-top:8px; font-size:28px; font-weight:700; line-height:1; color:var(--eps-ink); }
.eps-grating-count { display:block; margin-top:5px; font-size:13.5px; color:rgba(var(--eps-ink-rgb),.7); }
.eps-grating .eps-grating-google:hover .eps-grating-stars { color:var(--eps-accent-dark); }
.eps-grating .eps-grating-google:hover .eps-grating-count { color:var(--eps-ink); }
.eps-grating .eps-grating-more {
display:inline-block; margin-top:14px; font-size:14px; font-weight:700; color:var(--eps-accent-dark);
}
.eps-grating .eps-grating-more::after { content:"→"; display:inline-block; margin-left:6px; transition:transform .2s ease; }
.eps-grating .eps-grating-more:hover { text-decoration:underline; text-underline-offset:2px; }
.eps-grating .eps-grating-more:hover::after { transform:translateX(4px); }
.eps-grating--line .eps-grating-google { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.eps-grating--line .eps-grating-stars { display:inline; font-size:13px; letter-spacing:1px; margin:0; }
.eps-grating--line .eps-grating-count { display:inline; margin:0; font-size:13px; }
.eps-grating--line .eps-grating-count strong { font-size:14.5px; color:var(--eps-ink); }
/* ============================================================
11 LEGAL + MAPA STRONY
============================================================ */
.eps-legal-meta {
font-family:var(--eps-font); font-size:1.2rem; font-weight:700; letter-spacing:.12em;
text-transform:uppercase; color:var(--eps-accent-dark-text); margin:1.2rem 0 0;
}
.eps-legal ul.wp-block-list {
list-style:disc outside !important;
margin:0 0 1.8rem !important;
padding-left:2.2rem !important;
}
.eps-legal ol.wp-block-list {
list-style:decimal outside !important;
margin:0 0 1.8rem !important;
padding-left:2.2rem !important;
}
.eps-legal :is(ul,ol).wp-block-list > li {
display:list-item !important;
margin:0 0 .65rem !important;
padding:0 0 0 .25rem !important;
}
.eps-legal :is(ul,ol).wp-block-list > li:last-child {
margin-bottom:0 !important;
}
.eps-legal :is(ul,ol).wp-block-list > li::before {
content:none !important;
display:none !important;
}
.eps-legal ul.wp-block-list {
list-style:disc outside !important;
margin:0 0 1.8rem !important;
padding-left:2.2rem !important;
}
.eps-legal ol.wp-block-list {
list-style:decimal outside !important;
margin:0 0 1.8rem !important;
padding-left:2.2rem !important;
}
.eps-legal :is(ul,ol).wp-block-list > li {
display:list-item !important;
margin:0 0 .65rem !important;
padding:0 0 0 .25rem !important;
}
.eps-legal :is(ul,ol).wp-block-list > li:last-child {
margin-bottom:0 !important;
}
.eps-legal :is(ul,ol).wp-block-list > li::before {
content:none !important;
display:none !important;
}
.eps-legal ul.wp-block-list {
list-style:disc outside !important;
margin:0 0 1.8rem !important;
padding-left:2.2rem !important;
}
.eps-legal ol.wp-block-list {
list-style:decimal outside !important;
margin:0 0 1.8rem !important;
padding-left:2.2rem !important;
}
.eps-legal :is(ul,ol).wp-block-list > li {
display:list-item !important;
margin:0 0 .65rem !important;
padding:0 0 0 .25rem !important;
}
.eps-legal :is(ul,ol).wp-block-list > li:last-child {
margin-bottom:0 !important;
}
.eps-legal :is(ul,ol).wp-block-list > li::before {
content:none !important;
display:none !important;
}
.eps-legal :is(ul,ol).wp-block-list > li::marker {
color:var(--eps-accent);
}
.eps-sitemap h2, .eps-sitemap h3 {
font-size:1.2rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
color:var(--eps-accent-dark-text); margin:3.2rem 0 1.4rem;
}
.eps-sitemap ul {
list-style:none; margin:0; padding:0; display:grid;
grid-template-columns:repeat(auto-fill,minmax(24rem,1fr)); gap:1rem;
}
.eps-sitemap li { margin:0; }
.eps-sitemap li a {
display:flex; align-items:center; justify-content:space-between; gap:1.2rem; padding:1.3rem 1.6rem;
border:1px solid var(--eps-border); border-radius:1.2rem; background:#fff; font-size:1.4rem;
font-weight:600; line-height:1.35; color:var(--eps-ink); text-decoration:none;
transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.eps-sitemap li a::after {
content:"→"; flex:none; font-weight:800; color:var(--eps-accent);
transition:transform .15s ease,color .15s ease;
}
.eps-sitemap li a:hover { background:var(--eps-accent-dark); border-color:var(--eps-accent-dark); color:#fff; }
.eps-sitemap li a:hover::after { color:#fff; transform:translateX(.3rem); }
/* ============================================================
12 INTEGRACJE MOTYWU — Johannes, CF7, reCAPTCHA
============================================================ */
.johannes-sidebar-none address { margin-left:0px !important; }
.johannes-author .author-description, .johannes-author .author-description p,
.johannes-author .author-description a, .johannes-author .author-description strong,
.johannes-author .author-description b, .johannes-author .author-description em,
.johannes-author .author-description span { font-size:1.5rem !important; line-height:1.75 !important; font-family:var(--eps-font) !important; }
.johannes-author .author-description a:not(.johannes-author-button) {
font-weight:600; color:inherit; text-decoration:none;
border-bottom:1px solid rgba(var(--eps-accent-rgb),.45); transition:color .2s ease,border-color .2s ease;
}
.johannes-author .author-description a:not(.johannes-author-button):hover { color:var(--eps-accent); border-bottom-color:var(--eps-accent); }
.johannes-author .author-description a.johannes-author-button,
.johannes-author .author-description a.johannes-author-button i { font-size:1.8rem !important; border-bottom:0; }
/* przyciski motywu: zaokrąglenie jak w komponentach eps-* */
.johannes-button, a.johannes-button { border-radius:.6rem !important; }
.johannes-button-primary, a.johannes-button-primary {
background:var(--eps-action) !important; border-color:var(--eps-action) !important;
color:#fff !important;
}
.johannes-button-primary:hover, .johannes-button-primary:focus-visible, a.johannes-button-primary:hover,
a.johannes-button-primary:focus-visible {
background:var(--eps-action-hover) !important; border-color:var(--eps-action-hover) !important; color:#fff !important;
}
/* Contact Form 7 */
.wp-block-contact-form-7-contact-form-selector {
max-width:640px; margin:1.5rem auto 3.2rem; background:#fff; border:1px solid var(--eps-border) !important;
border-radius:10px; padding:2rem clamp(1.2rem,4vw,2.4rem) 2.2rem; font-family:var(--eps-font);
}
.wp-block-contact-form-7-contact-form-selector label { font-size:1.05rem !important; font-weight:600; color:#333; }
.wp-block-contact-form-7-contact-form-selector input[type="text"],
.wp-block-contact-form-7-contact-form-selector input[type="email"],
.wp-block-contact-form-7-contact-form-selector input[type="url"],
.wp-block-contact-form-7-contact-form-selector textarea {
width:100% !important; margin:.35rem 0 1.1rem !important; padding:.8rem 1rem !important;
font-size:1.15rem !important; font-family:inherit !important; color:#222 !important;
background:#fff !important; border:1px solid #e5e5e5 !important; border-radius:8px !important;
transition:border-color .2s ease,box-shadow .2s ease;
}
.wp-block-contact-form-7-contact-form-selector input:focus,
.wp-block-contact-form-7-contact-form-selector textarea:focus {
border-color:var(--eps-accent) !important; box-shadow:0 0 0 3px rgba(var(--eps-accent-rgb),.15) !important;
outline:none !important;
}
.wp-block-contact-form-7-contact-form-selector input[type="submit"] {
display:inline-block; padding:.95rem 2rem !important; border:0 !important; border-radius:999px !important;
background:var(--eps-action) !important; color:#fff !important; font-family:inherit !important;
font-weight:700 !important; font-size:1.2rem !important; cursor:pointer;
box-shadow:0 8px 20px rgba(var(--eps-accent-rgb),.35);
transition:transform .2s ease,background-color .2s ease;
}
.wp-block-contact-form-7-contact-form-selector input[type="submit"]:hover,
.wp-block-contact-form-7-contact-form-selector input[type="submit"]:focus-visible { background:var(--eps-action-hover) !important; }
.wp-block-contact-form-7-contact-form-selector input[type="submit"]:hover { transform:translateY(-2px); }
.wp-block-contact-form-7-contact-form-selector .wpcf7-response-output { border-radius:8px; padding:.8rem 1rem; font-size:1rem; }
/* reCAPTCHA (nota stoi poza boxem CF7 — to ona jest ostatnim elementem treści, więc oddech do stopki daje jej padding) */
.grecaptcha-badge { visibility:hidden !important; }
.eps-recaptcha-note {
margin:1rem 0 0.5rem !important; padding-top:0.5rem; padding-bottom:0.5rem; font-family:var(--eps-font); font-size:1.2rem;
line-height:1.6; color:#666;
}
.eps-recaptcha-note a { color:#555; text-decoration:none; border-bottom:1px solid var(--eps-border); }
.eps-recaptcha-note a:hover { color:var(--eps-action); border-bottom-color:var(--eps-accent); }
/* ============================================================
13 RYTM ODSTĘPÓW
============================================================ */
:is(.bc, .eps-proof, .eps-cta, .eps-def, .eps-band, .eps-pack, .eps-comp, .eps-who, .eps-map, .eps-paths,
.eps-voices, .eps-gallery, .eps-books, .eps-jump, .epsfaq, .eps-toc, .eps-bio, .eps-svg, .eps-media),
:is(section.eps-dark, figure.eps-quote, ul.eps-numgrid, ul.eps-sym, ul.eps-scope, ol.eps-steps, details.eps-index) {
margin-top:var(--eps-gap-t);
margin-bottom:var(--eps-gap-b);
}
.eps-media { margin-bottom:1rem; }
details.eps-index { margin-bottom:1.4rem; }
:is(.eps-fold-body, .epsfaq-a, .eps-who-card, ul.eps-numgrid > li, ul.eps-sym > li, .eps-path-body, .eps-map-main, .eps-map-side) :is(.bc, .eps-def, .eps-band, .eps-comp, .eps-svg, figure.eps-quote) { margin-top:1.2rem; margin-bottom:1.2rem; }
.entry-content :is(h2, h3) + :is(p, ul, ol, figure, div) { margin-top:.8rem; }
:is(h2, h3) + :is(.bc, .eps-def, .eps-comp, .eps-who, .epsfaq, .eps-cta, .eps-band, ul.eps-numgrid, ul.eps-sym, ul.eps-scope, ol.eps-proc, ol.eps-steps, section.eps-dark, .eps-paths, .eps-voices, .eps-map) { margin-top:1.2rem; }
:is(.eps-svg, .eps-comp) + .eps-figcap { margin-top:-2.4rem; }
/* ============================================================
14 LANDINGI FULLCANVAS — wspólny szkielet (nl, pod, art, web, edu, rek, kon, cs)
============================================================ */
/* hero */
.eps-nlhero, .eps-podhero, .eps-arthero, .eps-webhero, .eps-eduhero, .eps-rekhero, .eps-konhero, .eps-cshero {
position:relative; left:50%; width:100vw; margin:0 0 0 -50vw; padding:7.2rem 2rem 15.2rem;
background:var(--eps-ink-deep); text-align:center; overflow:hidden;
}
.eps-nlhero { padding-top:8rem; padding-bottom:15.6rem; }
.eps-podhero { padding-bottom:9.6rem; }
.eps-arthero { padding-bottom:16rem; }
.eps-rekhero { padding-bottom:14.8rem; }
.eps-konhero { padding-top:6.4rem; padding-bottom:11.2rem; }
.eps-cshero { padding-bottom:15.6rem; }
.eps-cshero--case { padding-bottom:10.4rem; }
.eps-podhero__in, .eps-arthero__in, .eps-webhero__in, .eps-eduhero__in, .eps-rekhero__in, .eps-konhero__in,
.eps-cshero__in { position:relative; z-index:1; max-width:72rem; margin:0 auto; }
.eps-nlhero__in { max-width:66rem; margin:0 auto; }
.eps-podhero__kicker, .eps-arthero__kicker, .eps-webhero__kicker, .eps-eduhero__kicker, .eps-rekhero__kicker,
.eps-konhero__kicker, .eps-cshero__kicker {
margin:0 0 1.4rem; font-size:1.2rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
color:rgba(255,255,255,.85);
}
.eps-podhero__title, .eps-arthero__title, .eps-webhero__title, .eps-eduhero__title, .eps-rekhero__title,
.eps-konhero__title, .eps-cshero__title {
margin:0 0 1.6rem; font-size:clamp(3.6rem,7vw,5.6rem); line-height:1.08; font-weight:800; color:#fff;
}
.eps-cshero__title { font-size:clamp(3.4rem,6.5vw,5.4rem); line-height:1.12; }
.eps-podhero__lead, .eps-arthero__lead, .eps-webhero__lead, .eps-eduhero__lead, .eps-rekhero__lead,
.eps-konhero__lead, .eps-cshero__lead {
margin:0 auto 1.4rem; max-width:58rem; font-size:1.7rem; line-height:1.65; color:rgba(255,255,255,.88);
}
.eps-podhero__lead { max-width:56rem; }
.eps-konhero__lead { margin-bottom:0; }
.eps-podhero__lead strong, .eps-arthero__lead strong, .eps-webhero__lead strong, .eps-eduhero__lead strong,
.eps-konhero__lead strong, .eps-cshero__lead strong { color:var(--eps-accent-light); }
.eps-podhero__meta, .eps-arthero__meta, .eps-webhero__meta, .eps-eduhero__meta, .eps-rekhero__meta,
.eps-cshero__meta { margin:0; font-size:1.4rem; color:rgba(255,255,255,.8); }
.eps-podhero__meta, .eps-webhero__meta, .eps-eduhero__meta, .eps-cshero__meta { font-variant-numeric:tabular-nums; }
.eps-podhero__meta, .eps-arthero__meta { margin-bottom:3.2rem; }
.eps-podhero__actions, .eps-arthero__actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:1.2rem; }
/* kicker + h2 + podtytuł sekcji */
p.eps-nlkicker, p.eps-podkicker, p.eps-artkicker, p.eps-webkicker, p.eps-edukicker, p.eps-konkicker,
p.eps-adskicker {
margin:6.4rem 0 .6rem; padding:0 2rem; text-align:center; font-size:1.2rem; font-weight:700;
letter-spacing:.18em; text-transform:uppercase; color:var(--eps-accent-dark-text);
}
p.eps-nlkicker { margin:8rem 0 .8rem; }
h2.eps-nlh, h2.eps-podh, h2.eps-arth, h2.eps-webh, h2.eps-eduh, h2.eps-konh, h2.eps-rekh2, h2.eps-adsh {
margin:6.4rem auto 1.6rem; max-width:68rem; padding:0 2rem; text-align:center;
font-size:clamp(2.4rem,4.5vw,3.2rem); line-height:1.25; color:var(--eps-ink);
}
h2.eps-nlh { margin:8rem auto 3.2rem; font-size:clamp(2.4rem,4.5vw,3.4rem); }
h2.eps-nlh em { font-style:normal; color:var(--eps-accent-dark); }
h2.eps-rekh2 { margin-bottom:0; max-width:82rem; }
h2.eps-adsh { max-width:72rem; }
:is(p.eps-nlkicker, p.eps-podkicker, p.eps-artkicker, p.eps-webkicker, p.eps-edukicker, p.eps-konkicker, p.eps-adskicker)
+ :is(h2.eps-nlh, h2.eps-podh, h2.eps-arth, h2.eps-webh, h2.eps-eduh, h2.eps-konh, h2.eps-adsh) { margin-top:0; }
p.eps-podsub, p.eps-artsub, p.eps-websub, p.eps-edusub, p.eps-konsub, p.eps-adssub {
margin:0 auto 3.2rem; max-width:62rem; padding:0 2rem; text-align:center; font-size:1.6rem;
line-height:1.65; color:var(--eps-ink);
}
p.eps-websub { max-width:64rem; }
p.eps-edusub { margin-bottom:2.8rem; }
p.eps-konsub { margin-bottom:2.4rem; }
p.eps-adssub { margin-bottom:2.4rem; max-width:64rem; }
:is(p.eps-websub, p.eps-edusub, p.eps-konsub, p.eps-adssub) a { color:var(--eps-accent-dark-text); text-decoration:underline !important; text-underline-offset:.2em; }
/* przyciski */
.eps-podbtn, .eps-artbtn, .eps-webbtn, .eps-edubtn, .eps-rekbtn, a.eps-csbtn, .eps-podbtn:visited,
.eps-artbtn:visited, .eps-webbtn:visited, .eps-edubtn:visited, .eps-rekbtn:visited, a.eps-csbtn:visited {
display:inline-flex; align-items:center; padding:1.3rem 2.4rem; border-radius:.6rem; font-size:1.5rem;
font-weight:700; line-height:1;
transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
.eps-podbtn--solid, .eps-artbtn--solid, .eps-webbtn, .eps-edubtn, .eps-rekbtn, .eps-podbtn--solid:visited,
.eps-artbtn--solid:visited, .eps-webbtn:visited, .eps-edubtn:visited, .eps-rekbtn:visited { background:#fff; color:var(--eps-ink); }
.eps-podbtn--solid:hover, .eps-artbtn--solid:hover, .eps-webbtn:hover, .eps-edubtn:hover, .eps-rekbtn:hover { background:var(--eps-accent-light); color:var(--eps-ink); }
.eps-podbtn--ghost, .eps-artbtn--ghost, .eps-podbtn--ghost:visited, .eps-artbtn--ghost:visited { border:.2rem solid var(--eps-accent-light); color:#fff; background:transparent; }
.eps-podbtn--ghost:hover, .eps-artbtn--ghost:hover { background:rgba(var(--eps-accent-light-rgb),.16); color:#fff; }
a.eps-csbtn, a.eps-csbtn:visited { background:#fff; color:var(--eps-ink) !important; }
a.eps-csbtn:hover { background:var(--eps-accent-light); color:var(--eps-ink) !important; }
/* finałowe CTA */
.eps-nlcta, .eps-podcta, .eps-artcta, .eps-webcta, .eps-educta, .eps-rekcta, .eps-cscta {
position:relative; left:50%; width:100vw; margin:6.4rem 0 0 -50vw; padding:6.4rem 2rem;
background:var(--eps-ink-deep); text-align:center;
}
.eps-nlcta { margin-top:8rem; padding:7.2rem 2rem; }
.eps-podcta { padding-top:10.4rem; overflow:hidden; }
.eps-podcta__in, .eps-artcta__in, .eps-webcta__in, .eps-educta__in, .eps-rekcta__in, .eps-cscta__in { max-width:62rem; margin:0 auto 5rem; }
.eps-podcta__in { position:relative; z-index:1; }
.eps-podcta__title, .eps-artcta__title, .eps-webcta__title, .eps-educta__title, .eps-rekcta__title,
.eps-cscta__title { margin:0 0 1rem; font-size:clamp(2.4rem,4.5vw,3.2rem); line-height:1.25; color:#fff; }
.eps-podcta__lead, .eps-artcta__lead, .eps-webcta__lead, .eps-educta__lead, .eps-rekcta__lead, .eps-cscta__lead { margin:0 0 3rem; font-size:1.6rem; line-height:1.6; color:rgba(255,255,255,.88); }
.eps-podcta__note, .eps-artcta__note, .eps-webcta__note, .eps-educta__note, .eps-rekcta__note, .eps-cscta__note { margin:2rem 0 0; font-size:1.3rem; color:rgba(255,255,255,.8); }
.eps-podcta__note a, .eps-artcta__note a, .eps-webcta__note a, .eps-educta__note a, .eps-rekcta__note a,
.eps-cscta__note a, .eps-podcta__note a:visited, .eps-artcta__note a:visited, .eps-webcta__note a:visited,
.eps-educta__note a:visited, .eps-rekcta__note a:visited, .eps-cscta__note a:visited { color:#fff; text-decoration:underline !important; text-underline-offset:.25em; }
.eps-podcta__note a:hover, .eps-artcta__note a:hover, .eps-webcta__note a:hover, .eps-educta__note a:hover,
.eps-rekcta__note a:hover, .eps-cscta__note a:hover { color:var(--eps-accent-light); }
.eps-cscta__note a, .eps-cscta__note a:visited { color:#fff !important; }
.eps-cscta__note a:hover { color:var(--eps-accent-light) !important; }
/* strzałki „→" w linkach */
.eps-pod-arch__go::after, .eps-artwho__link::after, .eps-artcard__go::after, .eps-edumore a::after,
.eps-webcard__link::after, .eps-rekcard__pdf::after { content:"→"; display:inline-block; margin-left:.6rem; transition:transform .15s ease; }
.eps-webcard__link::after, .eps-rekcard__pdf::after { margin-left:.5rem; }
.eps-pod-arch__go:hover::after, .eps-artwho__link:hover::after, .eps-artcard__go:hover::after,
.eps-edumore a:hover::after, .eps-webcard__link:hover::after, .eps-rekcard__pdf:hover::after { transform:translateX(.4rem); }
@media (max-width:640px){
.eps-podhero, .eps-arthero, .eps-webhero, .eps-eduhero, .eps-rekhero, .eps-cshero { padding-top:5.6rem; }
.eps-nlhero { padding-bottom:13.2rem; }
.eps-podhero { padding-bottom:8.4rem; }
.eps-arthero { padding-bottom:14.8rem; }
.eps-webhero { padding-bottom:13.6rem; }
.eps-eduhero { padding-bottom:12.8rem; }
.eps-rekhero { padding-bottom:12.8rem; }
.eps-konhero { padding:5.2rem 2rem 9.6rem; }
.eps-cshero { padding-bottom:13.2rem; }
.eps-cshero--case { padding-bottom:9.2rem; }
.eps-podcta { padding-top:8.8rem; }
}
/* ============================================================
15 /SPRYTNY-NEWSLETTER/
============================================================ */
/* chip */
.eps-nlchip {
display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:4rem; height:4rem;
border-radius:1rem; border:1px solid var(--eps-border); background:var(--eps-soft);
color:var(--eps-accent-dark);
}
.eps-nlchip svg { width:2rem; height:2rem; }
/* hero */
.eps-nlhero__badge {
display:inline-flex; align-items:center; gap:.9rem; margin:0 0 2.4rem; padding:.7rem 1.6rem;
border:1px solid rgba(var(--eps-accent-rgb),.55); border-radius:99rem;
background:rgba(var(--eps-accent-rgb),.12); font-size:1.1rem; font-weight:700; letter-spacing:.16em;
text-transform:uppercase; color:rgba(255,255,255,.85);
}
.eps-nlhero__kicker { color:rgba(255,255,255,.85); }
.eps-nlhero__badge::before { content:""; width:.7rem; height:.7rem; border-radius:50%; background:var(--eps-accent); }
.eps-nlhero__title {
margin:0 0 1.8rem; font-size:clamp(3.8rem,7.5vw,6rem); line-height:1.08; font-weight:800; color:#fff;
}
.eps-nlhero__title em { font-style:italic; color:var(--eps-accent-light); }
.eps-nlhero__lead {
margin:0 auto 3.6rem; max-width:56rem; font-size:1.7rem; line-height:1.65; color:rgba(255,255,255,.88);
}
.eps-nltrust {
display:flex; flex-wrap:wrap; justify-content:center; gap:.8rem 2.8rem; margin:2.8rem 0 0; padding:0;
list-style:none;
}
.eps-nltrust li {
display:flex; align-items:center; gap:.8rem; font-size:1.4rem; font-weight:600; color:rgba(255,255,255,.85);
}
.eps-nltrust li::before {
content:""; flex:0 0 auto; width:.8rem; height:.8rem; border-radius:50%; background:var(--eps-accent-light);
}
/* sygnatura: lot listu */
.eps-nlhero__flight {
position:absolute; left:50%; bottom:2.8rem; transform:translateX(-50%); width:calc(100% - 4rem);
max-width:64rem; pointer-events:none;
}
.eps-nlhero__flight svg { display:block; width:100%; height:auto; }
.eps-nlhero__flight-path {
fill:none; stroke:var(--eps-accent-light); stroke-width:3; stroke-linecap:round; stroke-dasharray:.5 13;
animation:epsNlFly .8s linear infinite;
}
.eps-nlhero__flight-plane-top { fill:var(--eps-accent-light); }
.eps-nlhero__flight-plane-bottom { fill:var(--eps-accent-dark); }
@keyframes epsNlFly { to { stroke-dashoffset:-13.5; } }
/* korzyści */
.eps-nlgrid {
display:grid; grid-template-columns:repeat(2,1fr); gap:2rem; max-width:82rem; margin:0 auto 2rem;
padding:0 2rem;
}
.eps-nlgrid__card {
background:#fff; border:1px solid var(--eps-border); border-radius:1.2rem; padding:2.4rem;
box-shadow:0 .2rem 1rem rgba(var(--eps-ink-rgb),.05);
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.eps-nlgrid__card:hover {
transform:translateY(-.3rem); box-shadow:0 1rem 2.4rem rgba(var(--eps-ink-rgb),.10);
border-color:var(--eps-accent-dark);
}
.eps-nlgrid__head { display:flex; align-items:center; gap:1.4rem; margin:0 0 1.2rem; }
.eps-nlgrid__card h3 { margin:0; font-size:1.8rem; line-height:1.3; color:var(--eps-ink); }
.eps-nlgrid__card p { margin:0; font-size:1.5rem; line-height:1.65; color:var(--eps-ink); }
/* dla kogo */
.eps-nlwho { display:grid; gap:1.4rem; max-width:68rem; margin:0 auto 2rem; padding:0 2rem; list-style:none; }
.eps-nlwho li {
position:relative; padding:1.7rem 2rem 1.7rem 4.8rem; background:#fff; border:1px solid var(--eps-border);
border-radius:1rem; box-shadow:0 .2rem 1rem rgba(var(--eps-ink-rgb),.04); font-size:1.6rem; line-height:1.6;
color:var(--eps-ink);
}
.eps-nlwho li::before {
content:"→"; position:absolute; left:1.9rem; top:1.6rem; font-weight:800; color:var(--eps-accent-dark-text);
}
/* co dostajesz */
.eps-nllist {
display:grid; grid-template-columns:1fr 1fr; gap:1.6rem; max-width:68rem; margin:0 auto 2rem;
padding:0 2rem;
}
.eps-nllist__item {
display:flex; align-items:flex-start; gap:1.2rem; background:#fff; border:1px solid var(--eps-border);
border-radius:1rem; padding:1.6rem; box-shadow:0 .2rem 1rem rgba(var(--eps-ink-rgb),.04); font-size:1.5rem;
line-height:1.55; color:var(--eps-ink);
}
.eps-nllist__item .eps-nlchip { width:3.6rem; height:3.6rem; border-radius:.9rem; }
.eps-nllist__item .eps-nlchip svg { width:1.8rem; height:1.8rem; }
/* o autorce */
.eps-nlbio {
display:grid; grid-template-columns:24rem 1fr; gap:4rem; align-items:start; max-width:82rem;
margin:0 auto 2rem; padding:0 2rem;
}
.eps-nlbio__photowrap { position:relative; }
.eps-nlbio__photowrap::before {
content:""; position:absolute; inset:1.6rem -1.6rem -1.6rem 1.6rem; background:var(--eps-soft);
border:1px solid var(--eps-border); border-radius:1.2rem;
}
.eps-nlbio__photo { position:relative; display:block; width:100%; height:auto; border-radius:1.2rem; }
.eps-nlbio__title { margin:0 0 1.4rem; font-size:2.4rem; line-height:1.3; color:var(--eps-ink); }
.eps-nlbio__title em { font-style:normal; color:var(--eps-accent-dark); }
.eps-nlbio__body p { margin:0 0 1.4rem; font-size:1.6rem; line-height:1.7; color:var(--eps-ink); }
.eps-nlbio__hl { font-weight:600; color:var(--eps-accent-dark-text) !important; }
.eps-nlbio__tags { display:flex; flex-wrap:wrap; gap:.8rem; margin:1.8rem 0 0; padding:0; list-style:none; }
.eps-nlbio__tags li {
padding:.5rem 1.4rem; border:1px solid var(--eps-accent-dark); border-radius:99rem; font-size:1.3rem;
font-weight:600; color:var(--eps-ink);
}
/* finał CTA */
.eps-nlcta--boxed {
position:static; left:auto; width:calc(100% - 4rem); max-width:82rem; margin:8rem auto 0;
border-radius:1.6rem;
}
.eps-nlcta__in { max-width:62rem; margin:0 auto; }
.eps-nlcta__title { margin:0 0 1.2rem; font-size:clamp(2.4rem,4.5vw,3.4rem); line-height:1.25; color:#fff; }
.eps-nlcta__title em { font-style:normal; color:var(--eps-accent-light); }
.eps-nlcta__lead { margin:0 0 3.2rem; font-size:1.6rem; line-height:1.6; color:rgba(255,255,255,.85); }
.eps-nlcta__note { margin:2rem 0 0; font-size:1.3rem; color:rgba(255,255,255,.75); }
/* formularz MailerLite */
.eps-nlform { max-width:54rem; margin:0 auto; text-align:left; }
.eps-nlform__row { display:grid; grid-template-columns:1fr 1.35fr auto; gap:1rem; margin:0 0 1.4rem; }
.eps-nlform__input {
width:100%; padding:1.2rem 1.4rem; border:1px solid var(--eps-border); border-radius:.6rem; background:#fff;
font-family:inherit; font-size:1.5rem; line-height:1.4; color:var(--eps-ink);
}
.eps-nlform__input:focus-visible { outline:2px solid var(--eps-accent); outline-offset:1px; }
.eps-nlform__btn {
padding:1.2rem 2.2rem; border:0; border-radius:.6rem; background:var(--eps-action); color:#fff;
font-family:inherit; font-size:1.5rem; font-weight:700; line-height:1.4; cursor:pointer; white-space:nowrap;
transition:background .15s ease,color .15s ease;
}
.eps-nlform__btn:hover { background:var(--eps-action-hover); }
.eps-nlform__btn:focus-visible { outline:2px solid var(--eps-ink); outline-offset:2px; }
.eps-nlform__btn:disabled { opacity:.65; cursor:default; }
.eps-nlform__consent {
display:flex; gap:1rem; align-items:flex-start; font-size:1.2rem; line-height:1.55; color:var(--eps-ink);
cursor:pointer;
}
.eps-nlform__consent input {
flex:0 0 auto; width:1.7rem; height:1.7rem; margin:.1rem 0 0; accent-color:var(--eps-accent-dark);
cursor:pointer;
}
.eps-nlform__consent a { color:inherit; text-decoration:underline; }
.eps-nlform__error { display:none; margin:1.2rem 0 0; font-size:1.4rem; font-weight:600; color:#a4271c; }
.eps-nlform.is-error .eps-nlform__error { display:block; }
.eps-nlform__success {
display:none; padding:2.4rem; background:#fff; border-left:3px solid var(--eps-accent-dark);
border-radius:.8rem;
}
.eps-nlform.is-success .eps-nlform__fields { display:none; }
.eps-nlform.is-success .eps-nlform__success { display:block; }
.eps-nlform__success p { margin:0 0 .8rem; font-size:1.5rem; line-height:1.6; color:var(--eps-ink); }
.eps-nlform__success p:first-child { font-size:1.7rem; font-weight:700; }
.eps-nlform__success p:last-child { margin-bottom:0; }
.eps-nlform--dark .eps-nlform__input { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16); color:#fff; }
.eps-nlform--dark .eps-nlform__input::placeholder { color:rgba(255,255,255,.55); }
.eps-nlform--dark .eps-nlform__input:focus-visible { outline-color:var(--eps-accent-light); }
.eps-nlform--dark .eps-nlform__btn { background:var(--eps-accent-light); color:var(--eps-ink); }
.eps-nlform--dark .eps-nlform__btn:hover { background:var(--eps-action); color:#fff; }
.eps-nlform--dark .eps-nlform__btn:focus-visible { outline-color:#fff; }
.eps-nlform--dark .eps-nlform__consent { color:rgba(255,255,255,.78); }
.eps-nlform--dark .eps-nlform__consent input { accent-color:var(--eps-accent-light); }
.eps-nlform--dark .eps-nlform__error { color:#ffc9c2; }
.eps-nlform--dark .eps-nlform__success { background:rgba(255,255,255,.07); border-left-color:var(--eps-accent-light); }
.eps-nlform--dark .eps-nlform__success p { color:#fff; }
.eps-nlpixel {
position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); border:0; padding:0;
margin:0;
}
@media (max-width:719px){
.eps-nlgrid { grid-template-columns:1fr; }
.eps-nllist { grid-template-columns:1fr; }
.eps-nlbio { grid-template-columns:1fr; }
.eps-nlbio__photowrap { max-width:26rem; }
}
@media (max-width:639px){
.eps-nlform__row { grid-template-columns:1fr; }
.eps-nlform__btn { width:100%; }
}
/* ============================================================
16 /PODCAST/
============================================================ */
.eps-podhero__more, .eps-podhero__more:visited {
font-size:1.4rem; font-weight:600; color:#fff; text-decoration:underline !important;
text-underline-offset:.25em;
}
.eps-podhero__more:hover { color:var(--eps-accent-light); }
/* sygnatura: fala dźwięku */
.eps-podhero__wave, .eps-podcta__wave {
position:absolute; left:0; right:0; z-index:0; display:flex; justify-content:center; gap:.6rem;
padding:0 1.2rem; overflow:hidden; pointer-events:none;
}
.eps-podhero__wave { bottom:0; height:8rem; align-items:flex-end; }
.eps-podcta__wave { top:0; height:4.8rem; align-items:flex-start; }
.eps-podhero__wave span, .eps-podcta__wave span { flex:1 1 0; min-width:.4rem; max-width:1.1rem; }
.eps-podhero__wave span {
transform-origin:bottom; border-radius:.35rem .35rem 0 0;
animation:epsPodWaveTall 2.8s ease-in-out infinite alternate;
}
.eps-podcta__wave span {
transform-origin:top; border-radius:0 0 .35rem .35rem;
animation:epsPodWave 1.3s ease-in-out infinite alternate;
}
.eps-podhero__wave span:nth-child(3n/**/+1), .eps-podcta__wave span:nth-child(3n/**/+1) { background:var(--eps-accent); }
.eps-podhero__wave span:nth-child(3n/**/+2), .eps-podcta__wave span:nth-child(3n/**/+2) { background:var(--eps-accent-light); }
.eps-podhero__wave span:nth-child(3n), .eps-podcta__wave span:nth-child(3n) { background:var(--eps-accent-dark); }
.eps-podhero__wave span:nth-child(7n/**/+1), .eps-podcta__wave span:nth-child(7n/**/+1) { height:34%; }
.eps-podhero__wave span:nth-child(7n/**/+2), .eps-podcta__wave span:nth-child(7n/**/+2) { height:72%; }
.eps-podhero__wave span:nth-child(7n/**/+3), .eps-podcta__wave span:nth-child(7n/**/+3) { height:48%; }
.eps-podhero__wave span:nth-child(7n/**/+4), .eps-podcta__wave span:nth-child(7n/**/+4) { height:96%; }
.eps-podhero__wave span:nth-child(7n/**/+5), .eps-podcta__wave span:nth-child(7n/**/+5) { height:58%; }
.eps-podhero__wave span:nth-child(7n/**/+6), .eps-podcta__wave span:nth-child(7n/**/+6) { height:82%; }
.eps-podhero__wave span:nth-child(7n), .eps-podcta__wave span:nth-child(7n) { height:42%; }
.eps-podhero__wave span:nth-child(9n/**/+4), .eps-podcta__wave span:nth-child(9n/**/+4) { height:88%; }
.eps-podhero__wave span:nth-child(13n/**/+6), .eps-podcta__wave span:nth-child(13n/**/+6) { height:26%; }
.eps-podhero__wave span:nth-child(2n) { animation-duration:3.6s; }
.eps-podhero__wave span:nth-child(3n) { animation-duration:2.3s; }
.eps-podcta__wave span:nth-child(2n) { animation-duration:1.7s; }
.eps-podcta__wave span:nth-child(3n) { animation-duration:1.1s; }
.eps-podhero__wave span:nth-child(4n/**/+2), .eps-podcta__wave span:nth-child(4n/**/+2) { animation-delay:-.5s; }
.eps-podhero__wave span:nth-child(4n/**/+3), .eps-podcta__wave span:nth-child(4n/**/+3) { animation-delay:-.9s; }
.eps-podhero__wave span:nth-child(4n), .eps-podcta__wave span:nth-child(4n) { animation-delay:-1.3s; }
@keyframes epsPodWave { from { transform:scaleY(.35); } to { transform:scaleY(1); } }
@keyframes epsPodWaveTall { from { transform:scaleY(.72); } to { transform:scaleY(1); } }
/* odtwarzacz */
.eps-podplayer { max-width:72rem; margin:-3.2rem auto 0; padding:0 2rem; position:relative; z-index:2; }
.eps-podplayer iframe {
display:block; width:100%; border:0; border-radius:1.2rem;
box-shadow:0 .6rem 2.4rem rgba(var(--eps-accent-rgb),.3),0 1.2rem 3.2rem rgba(var(--eps-ink-rgb),.18);
}
/* od czego zacząć */
.eps-podstart {
display:grid; grid-template-columns:repeat(2,1fr); gap:2rem; max-width:82rem; margin:0 auto 1.6rem;
padding:0 2rem;
}
.eps-podstart__card {
display:flex; flex-direction:column; gap:1rem; background:#fff; border:1px solid var(--eps-border);
border-left:3px solid var(--eps-accent-dark); border-radius:.6rem; padding:2.2rem 2.4rem;
transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.eps-podstart__card:hover {
transform:translateY(-2px); box-shadow:0 .6rem 1.6rem rgba(var(--eps-ink-rgb),.1);
border-color:var(--eps-accent-dark);
}
.eps-podstart__chip {
align-self:flex-start; padding:.3rem 1rem; border:1px solid var(--eps-accent-dark); border-radius:99rem;
font-size:1.1rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
font-variant-numeric:tabular-nums; color:var(--eps-accent-dark-text);
}
.eps-podstart__title, .eps-podstart__title:visited { font-size:1.7rem; font-weight:700; line-height:1.4; color:var(--eps-ink); }
.eps-podstart__title:hover { color:var(--eps-accent-dark); text-decoration:underline !important; text-underline-offset:.2em; }
.eps-podstart__host {
margin:-.2rem 0 0; font-size:1.25rem; font-weight:600; letter-spacing:.04em;
color:rgba(var(--eps-ink-rgb),.72);
}
.eps-podstart__desc { margin:0; font-size:1.5rem; line-height:1.65; color:var(--eps-ink); }
.eps-podstart__desc a, .eps-podstart__desc a:visited { color:var(--eps-accent-dark-text); text-decoration:underline !important; text-underline-offset:.2em; }
/* archiwum odcinków */
.eps-pod-arch { max-width:78rem; margin:0 auto 1.6rem; padding:0 2rem; }
.eps-pod-arch__count {
margin:0 0 1.2rem; font-size:1.4rem; font-variant-numeric:tabular-nums; color:rgba(var(--eps-ink-rgb),.72);
}
.eps-pod-arch__list {
list-style:none; margin:0; padding:0; border:1px solid var(--eps-border);
border-left:.4rem solid var(--eps-accent-dark); border-radius:0 .6rem .6rem 0; overflow:hidden;
}
.eps-pod-arch__item {
display:grid; grid-template-columns:6.4rem minmax(0,1fr) auto; gap:1.6rem; align-items:center;
padding:1.4rem 1.2rem 1.4rem 2rem; border-bottom:1px solid var(--eps-border);
transition:background-color .15s ease;
}
.eps-pod-arch__item:last-child { border-bottom:0; }
.eps-pod-arch__item:nth-child(even) { background:rgba(var(--eps-accent-rgb),.05); }
.eps-pod-arch__item:hover { background:rgba(var(--eps-accent-rgb),.12); }
.eps-pod-arch__nr {
font-size:1.5rem; font-weight:800; font-variant-numeric:tabular-nums; color:var(--eps-accent-dark-text);
}
.eps-pod-arch__title, .eps-pod-arch__title:visited { display:inline-block; font-size:1.6rem; font-weight:600; line-height:1.4; color:var(--eps-ink); }
.eps-pod-arch__title:hover { color:var(--eps-accent-dark); text-decoration:underline !important; text-underline-offset:.2em; }
.eps-pod-arch__meta {
display:block; margin-top:.3rem; font-size:1.3rem; font-variant-numeric:tabular-nums;
color:rgba(var(--eps-ink-rgb),.72);
}
.eps-pod-arch__go, .eps-pod-arch__go:visited { font-size:1.4rem; font-weight:700; white-space:nowrap; color:var(--eps-accent-dark); }
.eps-pod-arch__go:hover { color:var(--eps-accent-dark-text); }
.eps-pod-arch__fallback {
margin:0; padding:2rem; border:1px dashed var(--eps-accent-dark); border-radius:.6rem;
background:var(--eps-soft); font-size:1.5rem; line-height:1.6; color:var(--eps-ink);
}
.eps-pod-arch__fallback a { color:var(--eps-accent-dark-text); font-weight:700; text-decoration:underline !important; }
@media (max-width:640px){
.eps-podhero__wave, .eps-podcta__wave { gap:.4rem; }
.eps-podhero__wave { height:6.4rem; }
.eps-podplayer { margin-top:-2.4rem; }
.eps-podhero__wave span:nth-child(2n), .eps-podcta__wave span:nth-child(2n) { display:none; }
.eps-podstart { grid-template-columns:1fr; }
.eps-pod-arch__item { grid-template-columns:4.8rem minmax(0,1fr); padding-left:1.4rem; }
.eps-pod-arch__go { display:none; }
}
/* ============================================================
17 /ARTYKULY/
============================================================ */
/* sygnatura: linie tekstu + kursor */
/* sygnatura: linie tekstu + kursor */
.eps-arthero__lines {
position:absolute;
left:50%;
bottom:2.8rem;
transform:translateX(-50%);
z-index:0;
width:calc(100% - 4rem);
max-width:64rem;
display:flex;
flex-direction:column;
gap:1.1rem;
pointer-events:none;
}
.eps-arthero__lines i {
display:block;
height:.8rem;
border-radius:.4rem;
background:var(--eps-accent);
}
.eps-arthero__lines i:nth-child(2),
.eps-arthero__lines i:nth-child(5) {
background:var(--eps-accent-light);
}
.eps-arthero__lines i:nth-child(3) {
background:var(--eps-accent-dark);
}
.eps-arthero__lines i:nth-child(1) {
width:88%;
}
.eps-arthero__lines i:nth-child(2) {
width:100%;
}
.eps-arthero__lines i:nth-child(3) {
width:72%;
margin-bottom:1.2rem;
}
.eps-arthero__lines i:nth-child(4) {
width:96%;
}
.eps-arthero__lines i:nth-child(5) {
width:54%;
}
.eps-arthero__caret {
position:absolute;
right:calc(46% - 1.6rem);
bottom:-.5rem;
width:.35rem;
height:1.8rem;
background:var(--eps-accent-light);
animation:epsArtCaret 1.1s steps(1,end) infinite;
}
@keyframes epsArtCaret {
0%,
100% {
opacity:1;
}
50% {
opacity:0;
}
}
/* autorzy */
.eps-artwho {
display:grid; grid-template-columns:repeat(2,1fr); gap:2rem; max-width:82rem; margin:0 auto 1.6rem;
padding:0 2rem;
}
.eps-artwho__card {
display:flex; flex-direction:column; gap:1rem; background:var(--eps-soft);
border:1px solid var(--eps-border); border-radius:.6rem; padding:2.4rem;
}
.eps-artwho__card--ep { border-left:4px solid var(--eps-accent-dark); }
.eps-artwho__card--kb { border-left:4px solid var(--eps-accent); }
.eps-artwho__name { margin:0; font-size:2rem; font-weight:800; line-height:1.3; color:var(--eps-ink); }
.eps-artwho__role {
margin:-.4rem 0 0; font-size:1.3rem; font-weight:600; letter-spacing:.04em;
color:rgba(var(--eps-ink-rgb),.72);
}
.eps-artwho__desc { margin:0; font-size:1.5rem; line-height:1.65; color:var(--eps-ink); }
.eps-artwho__link, .eps-artwho__link:visited { align-self:flex-start; font-size:1.5rem; font-weight:700; color:var(--eps-accent-dark-text); }
.eps-artwho__link:hover { color:var(--eps-accent-dark); }
/* siatka artykułów */
.eps-artgrid {
display:grid; grid-template-columns:repeat(2,1fr); gap:2rem; max-width:82rem; margin:0 auto 1.6rem;
padding:0 2rem;
}
.eps-artcard {
display:flex; flex-direction:column; gap:1rem; background:#fff; border:1px solid var(--eps-border);
border-radius:.6rem; padding:2.2rem 2.4rem;
transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.eps-artcard--ep { border-left:3px solid var(--eps-accent-dark); }
.eps-artcard--kb { border-left:3px solid var(--eps-accent); }
.eps-artcard:hover { transform:translateY(-2px); box-shadow:0 .6rem 1.6rem rgba(var(--eps-ink-rgb),.1); }
.eps-artcard--ep:hover { border-color:var(--eps-accent-dark); }
.eps-artcard--kb:hover { border-color:var(--eps-accent); }
.eps-artcard__meta { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1.2rem; margin:0; }
.eps-artcard__chip {
padding:.3rem 1rem; border-radius:99rem; border:1px solid var(--eps-accent-dark); font-size:1.1rem;
font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--eps-accent-dark-text);
}
.eps-artcard--kb .eps-artcard__chip { border-color:var(--eps-accent); }
.eps-artcard__date { font-size:1.3rem; font-variant-numeric:tabular-nums; color:rgba(var(--eps-ink-rgb),.72); }
.eps-artcard__title, .eps-artcard__title:visited { font-size:1.7rem; font-weight:700; line-height:1.4; color:var(--eps-ink); }
.eps-artcard__title:hover { color:var(--eps-accent-dark); text-decoration:underline !important; text-underline-offset:.2em; }
.eps-artcard__desc { margin:0; font-size:1.5rem; line-height:1.65; color:var(--eps-ink); }
.eps-artcard__go, .eps-artcard__go:visited {
margin-top:auto; align-self:flex-start; font-size:1.4rem; font-weight:700; color:var(--eps-accent-dark);
}
.eps-artcard__go:hover { color:var(--eps-accent-dark-text); }
.eps-art__fallback {
max-width:78rem; margin:0 auto 1.6rem; padding:2rem; border:1px dashed var(--eps-accent-dark);
border-radius:.6rem; background:var(--eps-soft); font-size:1.5rem; line-height:1.6; color:var(--eps-ink);
}
.eps-art__fallback a { color:var(--eps-accent-dark-text); font-weight:700; text-decoration:underline !important; }
@media (max-width:640px){
.eps-artwho, .eps-artgrid { grid-template-columns:1fr; }
}
/* ============================================================
18 /WEBINARY/
============================================================ */
/* sygnatura: beacon */
.eps-webhero__beacon {
position:absolute; left:50%; bottom:3.2rem; transform:translateX(-50%); width:min(48rem,calc(100% - 4rem));
pointer-events:none;
}
.eps-webhero__beacon svg { display:block; width:100%; height:auto; }
.eps-webhero__beacon-play { fill:var(--eps-accent); }
.eps-webhero__beacon-arc { fill:none; stroke-width:4; stroke-linecap:round; animation:epsWebPulse 2.1s ease-in-out infinite; }
.eps-webhero__beacon-arc--1 { stroke:var(--eps-accent-light); animation-delay:0s; }
.eps-webhero__beacon-arc--2 { stroke:var(--eps-accent); animation-delay:.35s; }
.eps-webhero__beacon-arc--3 { stroke:var(--eps-accent-dark); animation-delay:.7s; }
@keyframes epsWebPulse { 0%,100% { opacity:.25; } 30% { opacity:1; } }
/* filtry */
.eps-webfilters {
display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; max-width:100rem; margin:0 auto 2.8rem;
padding:0 2rem;
}
.eps-webfilters button {
padding:1rem 2rem; border:.2rem solid var(--eps-accent-dark); border-radius:99rem; background:transparent;
font-family:inherit; font-size:1.4rem; font-weight:700; color:var(--eps-accent-dark-text); cursor:pointer;
transition:background-color .15s ease,color .15s ease;
}
.eps-webfilters button:hover { background:var(--eps-soft); }
.eps-webfilters button[aria-pressed="true"] { background:var(--eps-action); border-color:var(--eps-action); color:#fff; }
/* siatka + karty */
.eps-webgrid {
display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; max-width:100rem; margin:0 auto 1.6rem;
padding:0 2rem;
}
.eps-webcard {
display:flex; flex-direction:column; background:#fff; border:1px solid var(--eps-border);
border-radius:.6rem; overflow:hidden; transition:transform .15s ease,box-shadow .15s ease;
}
.eps-webcard--ep { border-left:3px solid var(--eps-accent-dark); }
.eps-webcard--kb { border-left:3px solid var(--eps-accent); }
.eps-webcard--duo { border-left:3px solid var(--eps-accent-dark); box-shadow:inset .3rem 0 0 var(--eps-accent); }
.eps-webcard:hover { transform:translateY(-2px); box-shadow:0 .6rem 1.6rem rgba(var(--eps-ink-rgb),.12); }
.eps-webcard--duo:hover { box-shadow:inset .3rem 0 0 var(--eps-accent),0 .6rem 1.6rem rgba(var(--eps-ink-rgb),.12); }
.eps-webcard__thumb {
position:relative; display:block; width:100%; aspect-ratio:16/9; padding:0; border:0;
background:var(--eps-ink); cursor:pointer;
}
.eps-webcard__thumb img {
display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.7) brightness(.92);
transition:filter .15s ease;
}
.eps-webcard__thumb::after {
content:""; position:absolute; inset:0; z-index:1; background:rgba(var(--eps-ink-deep-rgb),.32);
transition:opacity .15s ease;
}
.eps-webcard__thumb:hover img { filter:saturate(1) brightness(1); }
.eps-webcard__thumb:hover::after { opacity:0; }
.eps-webcard__play { position:absolute; inset:0; z-index:2; display:flex; align-items:center; justify-content:center; }
.eps-webcard__play::before {
content:""; width:5.2rem; height:5.2rem; border-radius:50%; background:var(--eps-accent-dark); opacity:.95;
transition:transform .15s ease,background-color .15s ease;
}
.eps-webcard__play::after {
content:""; position:absolute; width:0; height:0; border-style:solid; border-width:1rem 0 1rem 1.7rem;
border-color:transparent transparent transparent #fff; margin-left:.4rem;
}
.eps-webcard__thumb:hover .eps-webcard__play::before { transform:scale(1.08); background:var(--eps-accent); }
.eps-webcard__thumb:focus-visible { outline:3px solid var(--eps-accent); outline-offset:-3px; }
.eps-webcard__frame { position:relative; width:100%; aspect-ratio:16/9; background:#000; }
.eps-webcard__frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.eps-webcard__body { display:flex; flex-direction:column; gap:1rem; padding:1.6rem 1.8rem 1.8rem; }
.eps-webcard__meta { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1.2rem; margin:0; }
.eps-webcard__chip {
padding:.3rem 1rem; border:1px solid var(--eps-accent-dark); border-radius:99rem; font-size:1.1rem;
font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--eps-accent-dark-text);
}
.eps-webcard--kb .eps-webcard__chip { border-color:var(--eps-accent); }
.eps-webcard__date { font-size:1.3rem; font-variant-numeric:tabular-nums; color:rgba(var(--eps-ink-rgb),.72); }
.eps-webcard__title { margin:0; font-size:1.5rem; font-weight:700; line-height:1.4; color:var(--eps-ink); }
.eps-webcard__links {
display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1.4rem; margin:auto 0 0; padding-top:.4rem;
}
.eps-webcard__link, .eps-webcard__link:visited { font-size:1.35rem; font-weight:700; color:var(--eps-accent-dark); }
.eps-webcard__link:hover { color:var(--eps-accent-dark-text); }
/* pokaż więcej (współdzielone z /rekomendacje/) */
.eps-webmore, .eps-rekmore { max-width:100rem; margin:0 auto 1.6rem; padding:0 2rem; text-align:center; }
.eps-webmore button, .eps-rekmore label { display:inline-block; padding:1.3rem 2.6rem; border:.2rem solid var(--eps-accent-dark); border-radius:.6rem; background:transparent; font-family:inherit; font-size:1.5rem; font-weight:700; color:var(--eps-accent-dark-text); cursor:pointer; transition:background-color .15s ease, color .15s ease; }
.eps-webmore button:hover, .eps-webmore button:focus-visible,
.eps-rekmore label:hover, .eps-rekmore label:focus-visible { background:var(--eps-action); border-color:var(--eps-action); color:#fff; }
.eps-rekmore { margin-top:3.2rem; }
.eps-rekmore__toggle { position:fixed; top:0; left:0; width:1px; height:1px; margin:0; padding:0; border:0; opacity:0; pointer-events:none; }
.eps-rekfold { margin:0; padding:0; }
.eps-rekwall { margin-bottom:0; }
.eps-rekwall--m1, .eps-rekwall--m2 { display:none; margin-top:0; }
#rekmore-1:checked ~ .eps-rekwall--m1, #rekmore-1:checked ~ #rekmore-2:checked ~ .eps-rekwall--m2 { display:block; animation:epsRekReveal .4s ease both; }
@keyframes epsRekReveal { from { opacity:0; transform:translateY(1.2rem); } to { opacity:1; transform:none; } }
.eps-rekmore label[for="rekmore-2"], #rekmore-1:checked ~ .eps-rekmore label[for="rekmore-1"] { display:none; }
#rekmore-1:checked ~ .eps-rekmore label[for="rekmore-2"] { display:inline-block; }
#rekmore-1:checked ~ #rekmore-2:checked ~ .eps-rekmore label[for="rekmore-2"] { display:none; }
#rekmore-2, #rekmore-1:checked, #rekmore-1:checked ~ #rekmore-2:checked { visibility:hidden; }
#rekmore-1:checked ~ #rekmore-2 { visibility:visible; }
#rekmore-1:focus-visible ~ .eps-rekmore label[for="rekmore-1"], #rekmore-2:focus-visible ~ .eps-rekmore label[for="rekmore-2"] { outline:3px solid var(--eps-accent); outline-offset:2px; }
@media (max-width:1000px){
.eps-webgrid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
.eps-webgrid { grid-template-columns:1fr; }
}
/* ============================================================
19 /EDUKACJA/
============================================================ */
/* sygnatura: półka */
.eps-eduhero__shelf {
position:absolute; left:50%; bottom:3.2rem; transform:translateX(-50%); width:min(32rem,calc(100% - 4rem));
pointer-events:none;
}
.eps-eduhero__shelf svg { display:block; width:100%; height:auto; }
.eps-edush-book { transform-box:fill-box; transform-origin:center bottom; animation:epsEduShelf .5s ease backwards; }
.eps-edush-book:nth-of-type(2) { animation-delay:.08s; }
.eps-edush-book:nth-of-type(3) { animation-delay:.16s; }
.eps-edush-book:nth-of-type(4) { animation-delay:.24s; }
.eps-edush-book:nth-of-type(5) { animation-delay:.32s; }
.eps-edush-book:nth-of-type(6) { animation-delay:.4s; }
.eps-edush-book:nth-of-type(7) { animation-delay:.48s; }
.eps-edush-book:nth-of-type(8) { animation-delay:.56s; }
.eps-edush-book:nth-of-type(9) { animation-delay:.64s; }
.eps-edush-book:nth-of-type(10) { animation-delay:.72s; }
@keyframes epsEduShelf { from { transform:translateY(12px); opacity:0; } to { transform:translateY(0); opacity:1; } }
.eps-edush-book--lean { transform-origin:left bottom; animation-name:epsEduShelfLean; animation-delay:.72s; }
@keyframes epsEduShelfLean { from { transform:translateY(12px) rotate(0deg); opacity:0; } to { transform:translateY(0) rotate(-12deg); opacity:1; } }
.eps-edush--a { fill:var(--eps-accent); }
.eps-edush--l { fill:var(--eps-accent-light); }
.eps-edush--d { fill:var(--eps-accent-dark); }
.eps-edush-board { stroke:var(--eps-accent-dark); stroke-width:4; stroke-linecap:round; }
/* pas (eduband) */
.eps-eduband {
width:calc(100% - 4rem); max-width:78rem; margin:6.4rem auto 0; padding:4.8rem 0; border-radius:.8rem;
background:var(--eps-accent-light);
}
.eps-eduband p.eps-edukicker, .eps-eduband h2.eps-eduh { margin-top:0; }
.eps-eduband p.eps-edukicker { color:var(--eps-ink); }
.eps-eduband .eps-edulist__meta { color:var(--eps-ink); }
.eps-eduband .eps-edulist li, .eps-eduband .eps-edulist li:first-child { border-color:rgba(var(--eps-ink-rgb),.4); }
.eps-eduband p.eps-edusub a, .eps-eduband .eps-edumore a, .eps-eduband .eps-edumore a:visited { color:var(--eps-ink); }
.eps-eduband p.eps-edusub a:hover, .eps-eduband .eps-edumore a:hover { color:var(--eps-ink-deep); }
.eps-eduband .eps-edulist__title:hover { color:var(--eps-ink-deep); }
/* lista wpisów */
.eps-edulist { list-style:none; max-width:68rem; margin:0 auto 1.2rem; padding:0 2rem; }
.eps-edulist li { padding:1.4rem 0; border-bottom:1px solid var(--eps-border); }
.eps-edulist li:first-child { border-top:1px solid var(--eps-border); }
.eps-edulist__title, .eps-edulist__title:visited { display:inline-block; font-size:1.6rem; font-weight:700; line-height:1.4; color:var(--eps-ink); }
.eps-edulist__title:hover { color:var(--eps-accent-dark); text-decoration:underline !important; text-underline-offset:.2em; }
.eps-edulist__meta {
display:block; margin-top:.3rem; font-size:1.3rem; font-variant-numeric:tabular-nums;
color:rgba(var(--eps-ink-rgb),.72);
}
/* więcej */
.eps-edumore { max-width:68rem; margin:0 auto; padding:0 2rem; text-align:center; }
.eps-edumore a, .eps-edumore a:visited { display:inline-block; font-size:1.5rem; font-weight:700; color:var(--eps-accent-dark); }
.eps-edumore a:hover { color:var(--eps-accent-dark-text); }
/* pas ciemny */
.eps-eduband--dark { background:var(--eps-ink-deep); }
.eps-eduband--dark p.eps-edukicker { color:rgba(255,255,255,.85); }
.eps-eduband--dark h2.eps-eduh { color:#fff; }
.eps-eduband--dark p.eps-edusub { color:rgba(255,255,255,.88); }
.eps-eduband--dark p.eps-edusub a, .eps-eduband--dark p.eps-edusub a:visited { color:#fff; }
.eps-eduband--dark p.eps-edusub a:hover { color:var(--eps-accent-light); }
.eps-eduband--dark .eps-edubook__title, .eps-eduband--dark .eps-edubook__title:visited { color:#fff; }
.eps-eduband--dark .eps-edubook__title:hover { color:var(--eps-accent-light); }
.eps-eduband--dark .eps-edubook__meta { color:rgba(255,255,255,.8); }
.eps-eduband--dark .eps-edubook__cover { box-shadow:0 1rem 2.4rem rgba(0,0,0,.5); }
.eps-eduband--dark .eps-edubook__cover:hover { box-shadow:0 1.4rem 2.8rem rgba(0,0,0,.55); }
.eps-eduband--dark .eps-edumore a, .eps-eduband--dark .eps-edumore a:visited { color:var(--eps-accent-light); }
.eps-eduband--dark .eps-edumore a:hover { color:#fff; }
/* książki */
.eps-edubooks {
display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; max-width:72rem; margin:0 auto 1.6rem;
padding:0 2rem;
}
.eps-edubook { display:flex; flex-direction:column; gap:1rem; text-align:center; }
.eps-edubook__cover {
position:relative; display:block; aspect-ratio:2/3; border-radius:.4rem; overflow:hidden;
box-shadow:0 .8rem 2rem rgba(var(--eps-ink-rgb),.28); transition:transform .15s ease,box-shadow .15s ease;
}
.eps-edubook__cover img { display:block; width:100%; height:100%; object-fit:cover; }
.eps-edubook__cover:hover { transform:translateY(-4px); box-shadow:0 1.2rem 2.4rem rgba(var(--eps-ink-rgb),.32); }
.eps-edubook__ph {
display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:1.2rem;
background:#fff; font-size:1.2rem; font-weight:700; line-height:1.4; color:var(--eps-ink);
}
.eps-edubook__title, .eps-edubook__title:visited { font-size:1.35rem; font-weight:700; line-height:1.35; color:var(--eps-ink); }
.eps-edubook__title:hover { color:var(--eps-ink-deep); text-decoration:underline !important; text-underline-offset:.2em; }
.eps-edubook__meta { margin:0; font-size:1.2rem; color:var(--eps-ink); }
/* webinary */
.eps-eduweb { list-style:none; display:grid; gap:1.2rem; max-width:68rem; margin:0 auto 1.6rem; padding:0 2rem; }
.eps-eduweb li {
display:grid; grid-template-columns:12.8rem 1fr; gap:1.6rem; align-items:center; background:#fff;
border-radius:.6rem; padding:1rem; box-shadow:0 .4rem 1.2rem rgba(var(--eps-ink-rgb),.14);
}
.eps-eduweb__thumb {
position:relative; display:block; aspect-ratio:16/9; border-radius:.4rem; overflow:hidden;
background:var(--eps-ink);
}
.eps-eduweb__thumb img {
display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.7) brightness(.92);
transition:filter .15s ease;
}
.eps-eduweb__thumb::after {
content:""; position:absolute; inset:0; background:rgba(var(--eps-ink-deep-rgb),.32);
transition:opacity .15s ease;
}
.eps-eduweb__thumb:hover img { filter:saturate(1) brightness(1); }
.eps-eduweb__thumb:hover::after { opacity:0; }
.eps-eduweb__title, .eps-eduweb__title:visited { display:inline-block; font-size:1.5rem; font-weight:700; line-height:1.4; color:var(--eps-ink); }
.eps-eduweb__title:hover { color:var(--eps-ink-deep); text-decoration:underline !important; text-underline-offset:.2em; }
.eps-eduweb__meta { display:block; margin-top:.3rem; font-size:1.3rem; color:var(--eps-ink); }
@media (max-width:640px){
.eps-eduhero__shelf { width:min(24rem,calc(100% - 4rem)); }
.eps-edubooks { grid-template-columns:repeat(2,1fr); }
.eps-eduweb li { grid-template-columns:10.4rem 1fr; gap:1.2rem; }
}
/* ============================================================
20 /REKOMENDACJE/
============================================================ */
/* reset blockquote motywu (cudzysłów motywu zostaje) */
.eps-rek blockquote, .entry-content .eps-rek blockquote, article .eps-rek blockquote {
margin:0 !important; padding:0 !important; border:0 !important; background:none !important;
width:auto !important; max-width:none !important; left:auto !important; right:auto !important;
transform:none !important; quotes:none; font-family:var(--eps-font) !important; font-size:1.4rem !important;
font-weight:400 !important; font-style:normal !important; line-height:1.7 !important;
letter-spacing:0 !important; text-align:left !important; text-transform:none !important;
color:var(--eps-ink) !important;
}
.eps-rek .eps-rekcard__quote p, .entry-content .eps-rek .eps-rekcard__quote p {
display:inline !important; margin:0 !important; padding:0 !important; font:inherit !important;
color:inherit !important; text-align:inherit !important; font-weight:400 !important;
}
/* sygnatura: dymki */
.eps-rekhero__talk {
position:absolute; left:50%; bottom:3.2rem; transform:translateX(-50%); width:min(21rem,calc(100% - 4rem));
pointer-events:none;
}
.eps-rekhero__talk svg { display:block; width:100%; height:auto; }
.eps-rekb { animation:epsRekIn .6s ease backwards; transform-box:fill-box; }
.eps-rekb--2 { animation-delay:.2s; }
.eps-rekb-bubble--1 { fill:var(--eps-accent); }
.eps-rekb-bubble--2 { fill:var(--eps-accent-dark); }
.eps-rekb-line { fill:var(--eps-ink-deep); }
.eps-rekb-dot { fill:#fff; animation:epsRekTyping .9s ease-in-out infinite; }
.eps-rekb-dot--2 { animation-delay:.15s; }
.eps-rekb-dot--3 { animation-delay:.3s; }
@keyframes epsRekIn { from { transform:translateY(10px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@keyframes epsRekTyping { 0%,100% { opacity:.35; } 50% { opacity:1; } }
/* liczby */
.eps-rekstats {
display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; max-width:100rem; margin:4.8rem auto 0;
padding:0 2rem;
}
.eps-rekstats__item {
text-align:center; padding:2rem 1.2rem; background:#fff; border:1px solid var(--eps-border);
border-top:3px solid var(--eps-accent); border-radius:.6rem;
}
.eps-rekstats__num {
display:block; font-size:clamp(3.2rem,5vw,4.4rem); font-weight:800; line-height:1.1;
font-variant-numeric:tabular-nums; color:var(--eps-accent-dark-text);
}
.eps-rekstats__label { display:block; margin-top:.6rem; font-size:1.4rem; line-height:1.5; color:var(--eps-ink); }
p.eps-rekstats__note {
max-width:100rem; margin:1.2rem auto 0; padding:0 2rem; text-align:center; font-size:1.3rem;
color:rgba(var(--eps-ink-rgb),.72);
}
p.eps-rekstats__note a, p.eps-rekstats__note a:visited {
color:var(--eps-accent-dark-text); font-weight:700; text-decoration:underline !important;
text-underline-offset:.2em;
}
/* ściana rekomendacji */
.eps-rekwall { columns:3; column-gap:2rem; max-width:100rem; margin:3.2rem auto 1.6rem; padding:0 2rem; }
.eps-rekcard { position:relative; margin:0 0 2rem; padding:2.4rem 2.4rem 2.2rem; background:#fff; border:1px solid var(--eps-border); border-radius:.6rem; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; }
.eps-rekwall > .eps-rekcard:nth-of-type(3n/**/+1) { border-left:3px solid var(--eps-accent-dark); }
.eps-rekwall > .eps-rekcard:nth-of-type(3n/**/+2) { border-left:3px solid var(--eps-accent); }
.eps-rekwall > .eps-rekcard:nth-of-type(3n) { border-left:3px solid var(--eps-accent-light); }
.eps-rek .eps-rekcard > p:not(.eps-rekcard__who) { margin:0; font-size:inherit; line-height:inherit; }
.eps-rekcard::before, .eps-rekcard::after { content:none !important; display:none !important; }
.eps-rekcard--solo {
width:calc(100% - 4rem); max-width:96rem; margin:2.8rem auto 0; border-left:3px solid var(--eps-accent);
}
.eps-rekstats__num small { font-size:.45em; }
.eps-rekcard.eps-rekcard--solo .eps-rekcard__who b {
font-size:1.1rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
color:rgba(var(--eps-ink-rgb),.65);
}
.eps-rekcard__quote { margin:0 0 1.6rem; font-size:1.4rem; line-height:1.7; color:var(--eps-ink); font-weight:400 !important;}
.eps-rek .eps-rekcard__quote strong { color:var(--eps-accent-dark-text); font-weight:700; }
.eps-rekcard .eps-rekcard__who { margin:15px 0 0; font-size:1.2rem; line-height:1.5; color:#666666; }
.eps-rekcard .eps-rekcard__who b { display:block; width:fit-content; font-size:1.6rem; font-weight:700; color:var(--eps-ink); }
.eps-rekcard .eps-rekcard__who span { display:block; }
.eps-rekcard__pdf, .eps-rekcard__pdf:visited {
display:inline-block; margin-top:1rem; font-size:1.3rem; font-weight:700; color:var(--eps-accent-dark);
}
.eps-rekcard__pdf:hover { color:var(--eps-accent-dark-text); }
.eps-rekcard--todo .eps-rekcard__who b { color:var(--eps-accent-dark); border-bottom:2px dashed var(--eps-accent-dark); }
@media (max-width:1000px){
.eps-rekwall { columns:2; }
.eps-rekstats { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
.eps-rekhero__talk { width:min(18rem,calc(100% - 4rem)); }
.eps-rekwall { columns:1; }
}
/* ============================================================
21 ZAUFALI NAM — komponent współdzielony (eps-trust)
============================================================ */
.eps-trust { max-width:100rem; margin:6.4rem auto 0; padding:0 2rem; text-align:center; }
.eps-trust--home { margin-top:3.2rem; }
.eps-trust--band {
position:relative; left:50%; width:100vw; max-width:none; margin:6.4rem 0 0 -50vw; padding:6.4rem 2rem;
background:var(--eps-gray);
}
h2.eps-trust__title { margin:0 0 2.8rem; font-size:clamp(2.4rem,4.5vw,3.2rem); line-height:1.25; color:var(--eps-ink); }
.eps-trust__row {
display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:2.4rem 4rem; margin:0;
padding:0; list-style:none;
}
.eps-trust__row li { margin:0; padding:0; display:flex; align-items:center; justify-content:center; }
.eps-trust__row img {
display:block; height:5.6rem; width:auto; max-width:20rem; object-fit:contain; filter:grayscale(1);
opacity:.6; transition:filter .15s ease,opacity .15s ease;
}
.eps-trust__row li.eps-trust__xl img { height:7.2rem; max-width:24rem; }
.eps-trust__row li.eps-trust__xxl img { height:8.8rem; max-width:20rem; }
.eps-trust__row li:hover img { filter:grayscale(0); opacity:1; }
.eps-trust__more { font-size:1.4rem; font-weight:600; white-space:nowrap; color:rgba(var(--eps-ink-rgb),.72); }
p.eps-trust__btnwrap { margin:5.6rem 0 0; }
.eps-trust__btn, .eps-trust__btn:visited {
display:inline-block; padding:1.8rem 4rem; border-radius:0; background:var(--eps-action); color:#fff;
font-size:1.4rem; font-weight:900; line-height:1; transition:background-color .15s ease,color .15s ease;
}
.eps-trust__btn::after { content:"→"; display:inline-block; margin-left:1rem; transition:transform .15s ease; }
.eps-trust__btn:hover::after { transform:translateX(.4rem); }
.eps-trust__btn:hover { background:var(--eps-action-hover); color:#fff; }
.eps-trust__btn:focus-visible { outline:2px solid var(--eps-ink-deep); outline-offset:3px; }
@media (max-width:640px){
.eps-trust--band { padding:4.8rem 2rem; }
.eps-trust__row { gap:1.6rem 2.4rem; }
.eps-trust__row img { height:4rem; max-width:14rem; }
.eps-trust__row li.eps-trust__xl img { height:5.2rem; max-width:16rem; }
.eps-trust__row li.eps-trust__xxl img { height:6.4rem; max-width:14rem; }
}
/* ============================================================
22 /KONTAKT/
============================================================ */
/* sygnatura: pinezka */
.eps-konhero__pin { width:7rem; margin:0 auto 2rem; pointer-events:none; }
.eps-konhero__pin svg { display:block; width:100%; height:auto; }
.eps-konpin-drop { transform-box:fill-box; transform-origin:center bottom; animation:epsKonDrop .5s ease backwards; }
.eps-konpin-body { fill:var(--eps-accent); }
.eps-konpin-dot { fill:var(--eps-ink-deep); }
.eps-konpin-ring {
fill:none; stroke:var(--eps-accent-light); stroke-width:4; transform-box:fill-box; transform-origin:center;
animation:epsKonRing 2.2s ease-out infinite;
}
@keyframes epsKonDrop { from { transform:translateY(-14px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@keyframes epsKonRing { 0% { transform:scale(.6); opacity:.9; } 70% { opacity:.15; } 100% { transform:scale(1.15); opacity:0; } }
/* /dziekujemy-za-rezerwacje/: znak potwierdzenia */
.eps-konhero--thanks { padding-bottom:9.6rem; margin-bottom:0; }
.eps-konhero--thanks + .eps-konh { margin-top:6.4rem; }
.eps-konhero--thanks ~ .eps-konform { position:static; margin-top:0; }
.eps-konhero--thanks .eps-konhero__actions { margin:3.2rem 0 0; }
.eps-konhero--thanks .eps-konhero__lead a, .eps-konhero--thanks .eps-konhero__lead a:visited { color:#fff; font-weight:700; text-decoration:underline !important; text-underline-offset:.25em; }
.eps-konhero--thanks .eps-konhero__lead a:hover { color:var(--eps-accent-light); }
.eps-wiedza--thanks .eps-wiedza__kicker { margin-bottom:2.4rem; }
.eps-konhero__check { width:9.6rem; margin:0 auto 2.4rem; }
.eps-konhero__check svg { display:block; width:100%; height:auto; }
.eps-koncheck-ring { fill:none; stroke:var(--eps-accent); stroke-width:4; opacity:.5; }
.eps-koncheck-mark { fill:none; stroke:var(--eps-accent-light); stroke-width:7; stroke-linecap:round; stroke-linejoin:round; }
@keyframes epsKonCheck { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@media (prefers-reduced-motion:no-preference){
.eps-koncheck-mark { stroke-dasharray:1; stroke-dashoffset:1; animation:epsKonCheck .6s ease .15s forwards; }
.eps-koncheck-ring { transform-box:fill-box; transform-origin:center; animation:epsKonRing .5s ease backwards; }
}
/* formularz */
.eps-konform { position:relative; z-index:2; width:calc(100% - 4rem); max-width:68rem; margin:-6.4rem auto 0; }
.eps-konform .wp-block-contact-form-7-contact-form-selector {
margin:0 auto 6.4rem;
box-shadow:0 .6rem 2.4rem rgba(var(--eps-accent-rgb),.3),0 1.2rem 3.2rem rgba(var(--eps-ink-rgb),.18);
}
/* zdjęcia */
.eps-cta-foto {
width:12rem; margin:0 auto 1.4rem; border-radius:50%; border:3px solid rgba(255,255,255,.9);
box-shadow:0 10px 26px rgba(0,0,0,.22);
}
.eps-konteam-foto {
width:9.6rem; margin:0 0 1.3rem; border-radius:50%; border:3px solid var(--eps-soft);
box-shadow:0 6px 18px rgba(var(--eps-ink-rgb),.14);
}
/* CTA Kasi */
.eps-cta--kontakt { width:calc(100% - 4rem); max-width:72rem; margin:2.4rem auto 2.4rem; padding:2.6rem 2rem 2.4rem; }
.eps-cta--kontakt p.eps-cta-title { font-size:2.2rem; }
.eps-cta--kontakt p.eps-cta-sub { max-width:56rem; margin-left:auto; margin-right:auto; }
.eps-cta--kontakt .eps-cta-sub strong { color:#fff; }
.eps-cta--kontakt .eps-cta-line { margin:0 0 1.6rem; font-size:1.5rem; color:#fff; }
.eps-cta--kontakt .eps-cta-line a, .eps-cta--kontakt .eps-cta-line a:visited {
color:#fff !important; font-weight:700; text-decoration:none !important; background-image:none !important;
border-bottom:2px solid rgba(255,255,255,.55);
}
.eps-cta--kontakt .eps-cta-line a:hover { color:#fff !important; border-bottom-color:#fff; }
.eps-cta--kontakt .eps-cta-fine {
margin:1.6rem auto 0; max-width:52rem; font-size:1.2rem; line-height:1.6; color:rgba(255,255,255,.85);
}
.eps-cta--kontakt a:focus-visible { outline:2px solid #fff; outline-offset:2px; }
/* karty zespołu */
.eps-konteam {
width:calc(100% - 4rem); max-width:82rem; margin:2rem auto 0; display:grid; grid-template-columns:1fr 1fr;
gap:1.6rem; align-items:stretch; font-family:var(--eps-font);
}
.eps-konteam-card {
display:flex; flex-direction:column; background:#fff; border:1px solid #ececec; border-radius:8px;
overflow:hidden; transition:transform .25s ease,box-shadow .25s ease;
}
.eps-konteam-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(var(--eps-accent-rgb),.16); }
.eps-konteam-head {
display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.7rem;
padding:1.1rem 1.5rem; background:var(--eps-ink);
}
.eps-konteam-head h3 { margin:0; font-family:inherit; font-size:1.5rem; font-weight:800; line-height:1.35; color:#fff; }
.eps-konteam-head em {
font-style:normal; font-size:1.1rem; font-weight:700; white-space:nowrap; padding:.3rem .85rem;
border-radius:999px; color:var(--eps-ink); background:var(--eps-accent-light);
}
.eps-konteam-body {
flex:1; display:flex; flex-direction:column; align-items:center; padding:1.6rem 1.6rem 1.8rem;
text-align:center;
}
.eps-konteam-body p { margin:0 0 1.4rem; font-size:1.4rem; line-height:1.6; color:var(--eps-ink); }
.eps-konteam-btns { margin-top:auto; display:flex; justify-content:center; }
.eps-konteam-card--wide { grid-column:1 / -1; }
.eps-konteam-card--wide .eps-konteam-body p { max-width:56rem; }
a.eps-konbtn, a.eps-konbtn:visited {
display:inline-block; padding:.9rem 1.9rem; border-radius:999px; font-weight:700; font-size:1.3rem;
line-height:1.35; color:#fff !important; background-color:var(--eps-action);
background-image:none !important; text-decoration:none !important; border:0;
box-shadow:0 8px 20px rgba(var(--eps-accent-rgb),.3);
transition:transform .2s ease,background-color .2s ease;
}
a.eps-konbtn:hover, a.eps-konbtn:focus-visible { background-color:var(--eps-action-hover); color:#fff !important; }
a.eps-konbtn:hover { transform:translateY(-2px); }
a.eps-konbtn:focus-visible { outline:3px solid rgba(var(--eps-accent-rgb),.55); outline-offset:2px; }
/* pas grafitowy */
.eps-konband {
position:relative; left:50%; width:100vw; margin:6.4rem 0 0 -50vw; padding:5.6rem 0;
background:var(--eps-ink-deep);
}
.eps-konband p.eps-konkicker { margin-top:0; color:rgba(255,255,255,.85); }
.eps-konband h2.eps-konh { color:#fff; }
.eps-konband p.eps-konsub { color:rgba(255,255,255,.88); }
.eps-konband p.eps-konsub a { color:#fff; }
.eps-konband p.eps-konsub a:hover { color:var(--eps-accent-light); }
.eps-konband .eps-konteam + p.eps-konsub { margin:2.8rem auto 0; }
.eps-konband .eps-konteam-card { border-color:rgba(255,255,255,.08); box-shadow:0 .8rem 2.4rem rgba(0,0,0,.35); }
.eps-konband .eps-konteam-card:hover { box-shadow:0 1.4rem 3.2rem rgba(0,0,0,.45); }
/* mapa + dane firmy */
.eps-konmap { width:calc(100% - 4rem); max-width:78rem; margin:2.4rem auto 0; }
.eps-konmap .eps-map-embed { aspect-ratio:16/9; }
.eps-kondane {
width:calc(100% - 4rem); max-width:78rem; margin:2.8rem auto 6.4rem; padding:2rem 2.2rem 2.2rem;
background:#fff; border:1px solid var(--eps-border); border-radius:8px; font-family:var(--eps-font);
}
.eps-kondane__name { margin:0 0 1.4rem; font-size:1.6rem; font-weight:800; color:var(--eps-ink); }
.eps-kondane__grid { display:grid; grid-template-columns:1fr 1fr; gap:1.6rem 2.4rem; }
.eps-kondane__col b {
display:block; margin:0 0 .5rem; font-size:1.05rem; font-weight:800; letter-spacing:.12em;
text-transform:uppercase; color:var(--eps-accent-dark-text);
}
.eps-kondane__col p { margin:0; font-size:1.35rem; line-height:1.75; color:var(--eps-ink); }
@media (max-width:680px){
.eps-konteam { grid-template-columns:1fr; }
}
@media (max-width:640px){
.eps-konhero__pin { width:5.6rem; }
.eps-konform { margin-top:-5.6rem; }
.eps-konband { padding:4.8rem 0; }
.eps-kondane__grid { grid-template-columns:1fr; }
}
/* ============================================================
23 CASE STUDIES — hub + podstrony
============================================================ */
/* hero: badge, meta, trend */
.eps-cshero__badge {
display:inline-flex; align-items:center; gap:.9rem; margin:0 0 2.4rem; padding:.7rem 1.6rem;
border:1px solid rgba(var(--eps-accent-rgb),.55); border-radius:99rem;
background:rgba(var(--eps-accent-rgb),.12); font-size:1.1rem; font-weight:700; letter-spacing:.16em;
text-transform:uppercase; color:var(--eps-accent-light);
}
.eps-cshero__badge::before { content:""; width:.7rem; height:.7rem; border-radius:50%; background:var(--eps-accent); }
.eps-cshero__meta span:not(:last-child)::after { content:"·"; margin:0 .8rem; opacity:.6; }
@media (max-width: 640px) {
.eps-cshero__meta span {
display: block;
white-space: normal;
}
.eps-cshero__meta span:not(:last-child)::after {
content: none;
}
}
.eps-cshero__trend {
position:absolute; left:50%; bottom:2.8rem; transform:translateX(-50%); z-index:0;
width:min(56rem,calc(100% - 4rem)); pointer-events:none;
}
.eps-cshero__trend svg, .eps-cshero__mini svg { display:block; width:100%; height:auto; }
.eps-cshero__mini { width:9.6rem; margin:0 auto 2rem; pointer-events:none; }
.eps-cstrend__line {
fill:none; stroke:var(--eps-accent-light); stroke-width:5; stroke-linecap:round; stroke-linejoin:round;
stroke-dasharray:1; stroke-dashoffset:0; animation:epsCsDraw 1.2s ease-out .15s backwards;
}
.eps-cstrend__dot { transform-box:fill-box; transform-origin:center; animation:epsCsPop .35s ease backwards; }
.eps-cstrend__dot--1 { fill:var(--eps-accent); animation-delay:.5s; }
.eps-cstrend__dot--2 { fill:var(--eps-accent-light); animation-delay:.7s; }
.eps-cstrend__dot--3 { fill:var(--eps-accent-dark); animation-delay:.9s; }
.eps-cstrend__dot--4 { fill:var(--eps-accent); animation-delay:1.1s; }
.eps-cstrend__end {
fill:var(--eps-accent); transform-box:fill-box; transform-origin:center;
animation:epsCsPop .35s ease 1.3s backwards;
}
.eps-cstrend__ring {
fill:none; stroke:var(--eps-accent-light); stroke-width:4; transform-box:fill-box; transform-origin:center;
animation:epsCsRing 2.2s ease-out 1.7s infinite; opacity:0;
}
@keyframes epsCsDraw { from { stroke-dashoffset:1; } }
@keyframes epsCsPop { from { transform:scale(0); opacity:0; } to { transform:scale(1); opacity:1; } }
@keyframes epsCsRing { 0% { transform:scale(.55); opacity:.9; } 70% { opacity:.15; } 100% { transform:scale(1.2); opacity:0; } }
/* pasek liczb (na stronach usług: .eps-csstats--inline, bez nachodzenia na hero) */
.eps-csstats {
position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:1.6rem;
width:calc(100% - 4rem); max-width:82rem; margin:-5.6rem auto 0;
}
.eps-cs-stat {
background:var(--eps-ecru); border-radius:1.6rem; padding:2.2rem 1.8rem 1.9rem; text-align:center;
box-shadow:0 .6rem 2.4rem rgba(var(--eps-accent-rgb),.28),0 1.2rem 3.2rem rgba(var(--eps-ink-rgb),.16);
}
.eps-cs-stat b {
display:block; font-size:3.4rem; font-weight:800; line-height:1.05; letter-spacing:-.02em;
font-variant-numeric:tabular-nums; color:var(--eps-accent-dark);
}
.eps-cs-stat span { display:block; margin-top:.9rem; font-size:1.35rem; line-height:1.45; color:var(--eps-ink); }
.eps-cs-stat small { display:block; margin-top:.3rem; font-size:1.15rem; color:rgba(var(--eps-ink-rgb),.72); }
.eps-csstats--inline { position:static; width:auto; max-width:none; margin:3.2rem 0; grid-template-columns:repeat(3,1fr); }
/* hub: filtr + siatka */
.eps-cs { position:relative; width:calc(100% - 4rem); max-width:96rem; margin:4.8rem auto 0; }
.eps-cs > input {
position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden;
clip:rect(0 0 0 0); clip-path:inset(50%);
}
.eps-cs-filter { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin:0 0 3.2rem; }
.eps-cs-filter label {
cursor:pointer; padding:.8rem 1.9rem; border:2px solid rgba(var(--eps-ink-rgb),.25); border-radius:99rem;
font-size:1.35rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--eps-ink);
transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.eps-cs-filter label:hover { border-color:var(--eps-accent); }
#csf-all:checked ~ .eps-cs-filter label[for="csf-all"], #csf-seo:checked ~ .eps-cs-filter label[for="csf-seo"],
#csf-geo:checked ~ .eps-cs-filter label[for="csf-geo"], #csf-ads:checked ~ .eps-cs-filter label[for="csf-ads"],
#csf-audyt:checked ~ .eps-cs-filter label[for="csf-audyt"] { background:var(--eps-action); border-color:var(--eps-action); color:#fff; }
#csf-all:focus-visible ~ .eps-cs-filter label[for="csf-all"],
#csf-seo:focus-visible ~ .eps-cs-filter label[for="csf-seo"],
#csf-geo:focus-visible ~ .eps-cs-filter label[for="csf-geo"],
#csf-ads:focus-visible ~ .eps-cs-filter label[for="csf-ads"],
#csf-audyt:focus-visible ~ .eps-cs-filter label[for="csf-audyt"] { outline:3px solid var(--eps-accent); outline-offset:2px; }
#csf-seo:checked ~ .eps-cs-grid .eps-cs-card:not(.t-seo),
#csf-geo:checked ~ .eps-cs-grid .eps-cs-card:not(.t-geo),
#csf-ads:checked ~ .eps-cs-grid .eps-cs-card:not(.t-ads),
#csf-audyt:checked ~ .eps-cs-grid .eps-cs-card:not(.t-audyt) { display:none; }
.eps-cs-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.eps-cs-card {
position:relative; overflow:hidden; display:flex; flex-direction:column; padding:2.6rem 2.6rem 2.4rem;
border:1px solid rgba(var(--eps-ink-rgb),.16); border-radius:1.8rem; background:#fff;
color:var(--eps-ink) !important;
transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.eps-cs-card::before {
content:""; position:absolute; top:-12rem; right:-12rem; width:28rem; height:28rem; border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 70%); opacity:0;
transition:opacity .18s ease; pointer-events:none;
}
.eps-cs-card:hover { background:var(--eps-accent-dark); border-color:var(--eps-accent-dark); transform:translateY(-3px); }
.eps-cs-card:hover::before { opacity:1; }
.eps-cs-tags { display:flex; flex-wrap:wrap; gap:.8rem; margin:0 0 1.6rem; }
.eps-cs-tag {
padding:.35rem 1.1rem; border:2px solid var(--eps-accent); border-radius:99rem; font-size:1.1rem;
font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--eps-ink);
}
.eps-cs-card-title { margin:0 0 1.8rem; font-size:1.8rem; font-weight:700; line-height:1.35; color:var(--eps-ink); }
.eps-cs-num { margin:auto 0 0; padding-top:.4rem; }
.eps-cs-num b {
display:block; font-size:4.2rem; font-weight:800; line-height:1; letter-spacing:-.02em;
font-variant-numeric:tabular-nums; color:var(--eps-accent-dark); transition:color .18s ease;
}
.eps-cs-num span { display:block; margin-top:.7rem; font-size:1.35rem; font-weight:600; color:var(--eps-ink); }
.eps-cs-teaser { margin:1.6rem 0 0; font-size:1.4rem; line-height:1.6; color:rgba(var(--eps-ink-rgb),.85); }
.eps-cs-more { display:inline-block; margin-top:1.8rem; font-size:1.35rem; font-weight:700; color:var(--eps-ink); }
.eps-cs-more::after { content:"→"; display:inline-block; margin-left:.6rem; transition:transform .15s ease; }
.eps-cs-card:hover .eps-cs-card-title, .eps-cs-card:hover .eps-cs-tag, .eps-cs-card:hover .eps-cs-num b,
.eps-cs-card:hover .eps-cs-num span, .eps-cs-card:hover .eps-cs-teaser, .eps-cs-card:hover .eps-cs-more { color:#fff; }
.eps-cs-card:hover .eps-cs-tag { border-color:rgba(255,255,255,.75); }
.eps-cs-card:hover .eps-cs-more::after { transform:translateX(.5rem); }
/* treść case study */
.eps-csprose {
width:calc(100% - 4rem); max-width:82rem; margin:4.8rem auto 0; font-size:1.7rem; line-height:1.75;
color:var(--eps-ink);
}
.eps-csprose h2 { margin:5rem 0 1.6rem; font-size:2.6rem; font-weight:800; line-height:1.25; color:var(--eps-ink); }
.eps-csprose > h2:first-child, .eps-csprose > h3:first-child, .eps-csprose > div > h2:first-child,
.eps-csprose > div > h3:first-child { margin-top:0; }
.eps-csprose h3 { margin:3.4rem 0 1.2rem; font-size:1.9rem; font-weight:700; line-height:1.3; color:var(--eps-ink); }
.eps-csprose p { margin:0 0 1.5rem; }
.eps-csprose ul:not(.eps-cs-check) { list-style:disc !important; margin:0 0 1.5rem; padding-left:2.2rem; }
.eps-csprose ol { list-style:decimal !important; margin:0 0 1.5rem; padding-left:2.2rem; }
.eps-csprose ul li, .eps-csprose ol li { margin:0 0 1rem; }
.eps-csprose ul:not(.eps-cs-check) li::marker { color:var(--eps-accent); content:normal; }
.eps-csprose strong { color:var(--eps-ink); }
.eps-csprose a {
color:inherit; font-weight:700; text-decoration:none !important; background-image:none !important;
border-bottom:2px solid rgba(var(--eps-accent-rgb),.4); transition:border-color .15s ease;
}
.eps-csprose a:hover { border-bottom-color:var(--eps-accent); }
.eps-csprose .eps-cs-figure { margin:2.6rem 0 3rem; }
.eps-csprose .eps-cs-figure img {
display:block; width:100%; height:auto; border:1px solid rgba(var(--eps-ink-rgb),.14); border-radius:1.2rem;
}
.eps-csprose .eps-cs-figure figcaption {
margin-top:1rem; font-size:1.3rem; line-height:1.5; text-align:left; color:rgba(var(--eps-ink-rgb),.78);
}
.eps-csprose .wp-block-table { margin:2rem 0 2.6rem; }
.eps-csprose table { width:100%; border-collapse:collapse; font-size:1.5rem; line-height:1.5; }
.eps-csprose th, .eps-csprose td {
padding:1rem 1.2rem; border-bottom:1px solid rgba(var(--eps-ink-rgb),.14); text-align:left;
vertical-align:top;
}
.eps-csprose th {
font-size:1.2rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
color:rgba(var(--eps-ink-rgb),.72);
}
.eps-csprose td:last-child { text-align:right; font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }
.eps-csprose .wp-block-table figcaption { margin-top:1rem; font-size:1.3rem; line-height:1.5; color:rgba(var(--eps-ink-rgb),.78); }
.eps-cs-note {
margin:3rem 0; padding:2rem 2.4rem; background:var(--eps-ecru); border-left:.5rem solid var(--eps-accent);
border-radius:0 1.2rem 1.2rem 0; font-size:1.8rem; line-height:1.6; font-weight:600;
}
.eps-csprose ul.eps-cs-check { list-style:none; padding-left:0; }
.eps-cs-check li { position:relative; margin:0 0 1.4rem; padding-left:3.4rem; }
.eps-cs-check li::marker { content:""; }
.eps-cs-check li::before {
content:""; position:absolute; left:0; top:.5em; width:2rem; height:2rem; border-radius:50%;
background:var(--eps-accent);
}
.eps-cs-check li::after {
content:""; position:absolute; left:.55rem; top:calc(.5em + .5rem); width:.8rem; height:.45rem;
border-left:2.5px solid #fff; border-bottom:2.5px solid #fff; transform:rotate(-45deg);
transform-origin:center;
}
.eps-csprose p.eps-cs-methodology {
margin:4.5rem 0 0; padding-top:2rem; border-top:1px solid rgba(var(--eps-ink-rgb),.14); font-size:1.3rem;
line-height:1.6; color:rgba(var(--eps-ink-rgb),.75);
}
.eps-csprose--band {
position:relative; left:50%; width:100vw; max-width:none; margin-top:5.6rem; margin-bottom:0;
margin-left:-50vw; padding-block:5.2rem; padding-inline:calc((100vw - min(82rem,100vw - 4rem)) / 2);
}
.eps-csprose--ecru { background:var(--eps-ecru); }
.eps-csprose--dark { background:var(--eps-ink-deep); color:rgba(255,255,255,.88); }
.eps-csprose--dark h2, .eps-csprose--dark h3 { color:#fff; }
.eps-csprose--dark strong { color:var(--eps-accent-light); }
.eps-csprose--dark a { border-bottom-color:rgba(var(--eps-accent-light-rgb),.5); }
.eps-csprose--dark a:hover { border-bottom-color:var(--eps-accent-light); }
.eps-csprose--dark ul:not(.eps-cs-check) li::marker { color:var(--eps-accent-light); }
.eps-csprose--dark .eps-cs-figure img { border-color:rgba(255,255,255,.22); }
.eps-csprose--dark .eps-cs-figure figcaption { color:rgba(255,255,255,.75); }
.eps-csprose--dark th, .eps-csprose--dark td { border-bottom-color:rgba(255,255,255,.2); }
.eps-csprose--dark th { color:rgba(255,255,255,.72); }
.eps-csprose--dark p.eps-cs-methodology { color:rgba(255,255,255,.7); border-top-color:rgba(255,255,255,.2); }
.eps-csprose--band + .eps-csprose--band { margin-top:0; }
/* pull quote */
.eps-cs-pull { width:calc(100% - 4rem); max-width:72rem; margin:6.4rem auto; text-align:center; }
.eps-cs-pull::before {
content:""; display:block; width:6rem; height:.5rem; margin:0 auto 2.4rem; border-radius:99rem;
background:var(--eps-accent);
}
.eps-cs-pull p {
margin:0; font-size:clamp(2.2rem,3.6vw,3rem); font-weight:700; line-height:1.4; color:var(--eps-ink);
}
.eps-cs-pull em { font-style:normal; color:var(--eps-accent-dark); }
/* cytaty */
.eps-cs-quotes-wrap { width:calc(100% - 4rem); max-width:82rem; margin:5.6rem auto 0; }
.eps-cs-quotes-h { margin:0 0 2.4rem; font-size:2.6rem; font-weight:800; line-height:1.25; color:var(--eps-ink); }
.eps-cs-quotes { display:grid; grid-template-columns:1fr 1fr; gap:1.6rem; }
.eps-cs-quote {
position:relative; background:#fff; border:1px solid rgba(var(--eps-ink-rgb),.16);
border-left:.4rem solid var(--eps-accent); border-radius:1.2rem; padding:2rem 2.2rem 1.9rem 3rem;
}
.eps-cs-quote::before {
content:"„"; position:absolute; top:.1rem; left:.8rem; font-size:3.6rem; font-weight:800; line-height:1;
color:rgba(var(--eps-accent-rgb),.35); pointer-events:none;
}
.eps-cs-quote p { margin:0; font-size:1.6rem; line-height:1.6; font-weight:600; color:var(--eps-ink); }
/* zespół */
.eps-cs-team { display:flex; flex-wrap:wrap; gap:1rem; margin:2.4rem 0 0; }
.eps-cs-team > div {
display:flex; align-items:center; gap:1.2rem; padding:1rem 1.8rem 1rem 1rem;
border:1px solid rgba(var(--eps-ink-rgb),.16); border-radius:1.2rem; background:#fff;
}
.eps-cs-team img {
flex:none; width:4.8rem; height:4.8rem; border-radius:50%; object-fit:cover;
border:2px solid var(--eps-accent);
}
.eps-cs-team b { display:block; font-size:1.4rem; font-weight:700; color:var(--eps-ink); }
.eps-cs-team span {
display:block; margin-top:.2rem; font-size:1.15rem; letter-spacing:.06em; text-transform:uppercase;
color:rgba(var(--eps-ink-rgb),.65);
}
.eps-csprose--dark .eps-cs-team > div { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.18); }
.eps-csprose--dark .eps-cs-team img { border-color:var(--eps-accent-light); }
.eps-csprose--dark .eps-cs-team b { color:#fff; }
.eps-csprose--dark .eps-cs-team span { color:var(--eps-accent-light); }
.eps-csprose a.eps-csbtn { border-bottom:0; margin-top:2.4rem; }
/* csbox */
.eps-csbox {
position:relative; overflow:hidden; width:calc(100% - 4rem); max-width:82rem; margin:5.6rem auto 0;
padding:4.4rem 4rem; background:var(--eps-accent-dark); border-radius:2rem; text-align:center; color:#fff;
box-shadow:0 12px 40px rgba(var(--eps-accent-dark-rgb),.3);
}
.eps-csbox::before {
content:""; position:absolute; top:-14rem; right:-14rem; width:34rem; height:34rem; border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.32) 0%,rgba(255,255,255,0) 70%); pointer-events:none;
}
.eps-csbox > * { position:relative; }
.eps-csbox__title { margin:0 0 1.2rem; font-size:2.7rem; font-weight:800; line-height:1.25; color:#fff; }
.eps-csbox p { margin:0 auto 2.6rem; max-width:56rem; font-size:1.6rem; line-height:1.6; color:#fff; }
a.eps-cs-btn, a.eps-cs-btn:visited {
display:inline-block; padding:1.4rem 3.6rem; border-radius:99rem; background:#fff;
color:var(--eps-action) !important; font-size:1.6rem; font-weight:700; line-height:1.35;
transition:transform .18s ease,box-shadow .18s ease;
}
a.eps-cs-btn:hover {
transform:translateY(-2px); box-shadow:0 .8rem 2.4rem rgba(0,0,0,.22);
color:var(--eps-action) !important;
}
.eps-csbox__alt { display:block; margin:1.8rem 0 0; font-size:1.4rem; color:#fff; }
a.eps-csbox__altlink, a.eps-csbox__altlink:visited { color:#fff !important; text-decoration:underline !important; text-underline-offset:.3em; }
a.eps-csbox__altlink:hover { color:#fff !important; text-decoration-thickness:2px; }
/* następne case */
.eps-cs-next {
display:grid; grid-template-columns:1fr 1fr; gap:1.6rem; width:calc(100% - 4rem); max-width:82rem;
margin:2rem auto 6.4rem;
}
.eps-cs-next a {
display:block; padding:2rem 2.2rem; border:1px solid rgba(var(--eps-ink-rgb),.16); border-radius:1.6rem;
color:var(--eps-ink) !important; transition:background-color .18s ease,border-color .18s ease;
}
.eps-cs-next a small {
display:block; margin-bottom:.6rem; font-size:1.2rem; letter-spacing:.12em; text-transform:uppercase;
color:rgba(var(--eps-ink-rgb),.7);
}
.eps-cs-next a b { font-size:1.6rem; font-weight:700; }
.eps-cs-next a:hover, .eps-cs-next a:focus-visible { background:var(--eps-action); border-color:var(--eps-action); color:#fff !important; }
.eps-cs-next a:hover small, .eps-cs-next a:focus-visible small { color:rgba(255,255,255,.8); }
/* teaser (strona główna) */
.eps-csteaser {
position:relative; left:50%; width:100vw; margin:5.6rem 0 0 -50vw; padding:5.6rem 2rem 7.6rem;
background:#F2F3F3; text-align:center;
}
.eps-csteaser__in { max-width:96rem; margin:0 auto; }
.eps-csteaser__kicker {
margin:0 0 1.2rem; font-size:1.2rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
color:rgba(var(--eps-ink-rgb),.7);
}
.eps-csteaser__title {
margin:0 0 1rem; font-size:clamp(2.4rem,4.5vw,3.2rem); font-weight:800; line-height:1.25;
color:var(--eps-ink);
}
.eps-csteaser__lead { margin:0 auto 3.2rem; max-width:58rem; font-size:1.6rem; line-height:1.6; color:var(--eps-ink); }
.eps-csteaser__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.6rem; margin:0 0 3.2rem; }
.eps-csteaser__stat {
position:relative; overflow:hidden; display:block; background:#fff;
border:1px solid rgba(var(--eps-ink-rgb),.1); border-radius:1.6rem; padding:2.4rem 1.4rem 1.8rem;
color:var(--eps-ink) !important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.eps-csteaser__stat::before { content:""; position:absolute; top:0; left:0; right:0; height:.5rem; background:var(--eps-accent); }
.eps-csteaser__stat:nth-child(2)::before { background:var(--eps-accent-light); }
.eps-csteaser__stat:nth-child(3)::before { background:var(--eps-accent-dark); }
a.eps-csteaser__stat:hover {
transform:translateY(-3px); box-shadow:0 .8rem 2rem rgba(var(--eps-ink-rgb),.14);
border-color:var(--eps-accent);
}
.eps-csteaser__stat b {
display:block; font-size:3rem; font-weight:900; line-height:1.05; letter-spacing:-.02em;
font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--eps-accent-dark);
}
.eps-csteaser__stat > span { display:block; margin-top:.8rem; font-size:1.3rem; line-height:1.45; color:var(--eps-ink); }
.eps-cscount { display:inline; font:inherit; color:inherit; margin:0; }
.eps-csteaser__stat small {
display:block; margin-top:.7rem; font-size:1.05rem; font-weight:700; letter-spacing:.12em;
text-transform:uppercase; color:var(--eps-accent-dark-text);
}
a.eps-csteaser__btn, a.eps-csteaser__btn:visited {
display:inline-block; padding:1.4rem 3.6rem; border-radius:99rem; background:var(--eps-action);
color:#fff !important; font-size:1.6rem; font-weight:700; line-height:1.35;
transition:background-color .18s ease;
}
a.eps-csteaser__btn:hover, a.eps-csteaser__btn:focus-visible { background:var(--eps-action-hover); color:#fff !important; }
.eps-csteaser__cols {
display:grid; grid-template-columns:1.05fr 1fr; gap:4rem 5.6rem; align-items:center; margin-top:5.2rem;
text-align:left;
}
.eps-csteaser__copy .eps-csteaser__lead { margin:0 0 2.8rem; max-width:none; }
.eps-csteaser__copy .eps-csteaser__actions { justify-content:flex-start; }
.eps-csteaser__cols .eps-csteaser__grid { grid-template-columns:1fr 1fr; margin:0; }
@media (max-width:860px){
.eps-csteaser__cols { display:flex; flex-direction:column; gap:0; text-align:center; }
.eps-csteaser__copy { display:contents; }
.eps-csteaser__copy .eps-csteaser__kicker { order:1; }
.eps-csteaser__copy .eps-csteaser__title { order:2; }
.eps-csteaser__copy .eps-csteaser__lead { order:3; margin:0 auto 3.2rem; max-width:58rem; }
.eps-csteaser__cols .eps-csteaser__grid { order:4; margin:0 0 3.2rem; }
.eps-csteaser__copy .eps-csteaser__actions { order:5; justify-content:center; }
}
.eps-csteaser .eps-trust__row { justify-content:center; margin:0 0 1.2rem; }
.eps-csteaser__sub { margin:0; font-size:1.7rem; color:rgba(var(--eps-ink-rgb),.7); }
.eps-csteaser__sub b { font-size:2rem; font-weight:800; color:var(--eps-accent-dark); }
.eps-csteaser__divider { width:6rem; height:.5rem; margin:4.4rem auto; border-radius:99rem; background:var(--eps-accent); }
.eps-csteaser__title--trust { margin-bottom:2.4rem; }
.eps-csteaser .section-title { margin:0 0 2.4rem; }
.eps-csteaser__actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:1.2rem 2.4rem; }
a.eps-csteaser__ghost, a.eps-csteaser__ghost:visited {
font-size:1.5rem; font-weight:700; color:var(--eps-ink) !important; text-decoration:underline !important;
text-underline-offset:.35em; text-decoration-thickness:2px;
text-decoration-color:rgba(var(--eps-accent-rgb),.5); transition:text-decoration-color .15s ease;
}
a.eps-csteaser__ghost:hover { text-decoration-color:var(--eps-accent); }
.eps-csjs .eps-csteaser__grid .eps-csteaser__stat {
opacity:0; transition:opacity .7s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.eps-csjs .eps-csteaser__grid .eps-csteaser__stat:nth-child(2) { transition-delay:.18s; }
.eps-csjs .eps-csteaser__grid .eps-csteaser__stat:nth-child(3) { transition-delay:.36s; }
.eps-csjs .eps-csteaser__grid .eps-csteaser__stat:nth-child(4) { transition-delay:.54s; }
.eps-csjs .eps-csteaser__grid .eps-csteaser__stat.eps-csin { opacity:1; transition-delay:0s,0s,0s,0s; }
.eps-csjs .eps-csteaser__grid .eps-csteaser__stat.eps-csin:nth-child(2) { transition-delay:.18s,0s,0s,0s; }
.eps-csjs .eps-csteaser__grid .eps-csteaser__stat.eps-csin:nth-child(3) { transition-delay:.36s,0s,0s,0s; }
.eps-csjs .eps-csteaser__grid .eps-csteaser__stat.eps-csin:nth-child(4) { transition-delay:.54s,0s,0s,0s; }
/* mobile */
@media (max-width:760px){
.eps-csteaser__grid { grid-template-columns:repeat(2,1fr); }
.eps-csstats { grid-template-columns:repeat(2,1fr); margin-top:-4.8rem; }
.eps-csstats--inline { margin-top:3.2rem; grid-template-columns:repeat(3,1fr); }
}
@media (max-width:700px){
.eps-cs-quotes { grid-template-columns:1fr; }
.eps-cs-grid { grid-template-columns:1fr; }
}
@media (max-width:640px){
.eps-csprose--band { padding-block:4rem; }
.eps-cshero__trend { width:min(44rem,calc(100% - 4rem)); bottom:2.4rem; }
.eps-csbox { padding:3.4rem 2.4rem; }
}
@media (max-width:600px){
.eps-cs-next { grid-template-columns:1fr; }
.eps-csstats--inline { grid-template-columns:1fr; }
}
@media (max-width:420px){
.eps-csteaser__grid { grid-template-columns:1fr; }
.eps-csstats { grid-template-columns:1fr; }
}
/* ============================================================
24 STRONA GŁÓWNA — zespół 2×5, usługi, wiedza, cytaty klientów, FAQ
============================================================ */
/* hero (tekst w intro motywu; wiersz akcji i link ghost — sekcja 03) */
p.eps-hero__kicker {
margin:0 0 1.2rem; font-size:1.2rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
color:var(--eps-accent-dark-text);
}
h1.eps-hero__h1 {
margin:0 0 2.4rem; font-size:clamp(2.4rem,4.0vw,4.4rem); line-height:1.1; font-weight:800;
color:var(--eps-ink);
}
h1.eps-hero__h1 span { display:block; color:var(--eps-accent-dark); }
h2.eps-hero__h { margin:-.5rem 0 2rem; font-size:1.9rem; line-height:1.35; }
.eps-hero__txt { font-size:1.4rem; line-height:1.7; }
.eps-hero__txt p { margin:0 0 1.2rem; }
p.eps-hero__lead { margin:0 0 2.4rem; }
p.eps-hero__more { font-size:1.35rem; color:rgba(var(--eps-ink-rgb),.8); }
p.eps-hero__more:last-child { margin-bottom:0; }
/* zespół 2×5 (główna) / 2×4 (.eps-team--4, strony usług) / 3×2 (.eps-team--crew, /pozycjonowanie/) */
.eps-team {
display:block; position:relative; left:calc((100% - 100vw) / 2); width:100vw; min-width:100vw;
margin:3.2rem 0;
}
.eps-team--4, .eps-team--crew { position:static; left:auto; width:auto; min-width:0; }
.eps-team--4 .eps-team__in, .eps-team--crew .eps-team__in { width:100%; }
.eps-team--4 .eps-team__grid { grid-template-columns:repeat(4,1fr); }
.eps-team--crew .eps-team__grid { grid-template-columns:repeat(3,1fr); }
.eps-team__in { width:min(120rem,100% - 4rem); margin-inline:auto; }
.eps-team__grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1.2rem; }
a.eps-team__m, a.eps-team__m:visited {
position:relative; display:block; overflow:hidden; aspect-ratio:1/1; border-radius:1.2rem;
background:var(--eps-ecru);
}
.eps-team__m img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.eps-team__f2 { opacity:0; transition:opacity .25s ease; }
a.eps-team__m:hover .eps-team__f2, a.eps-team__m:focus-visible .eps-team__f2 { opacity:1; }
.eps-team__cap {
position:absolute;
left:0;
right:0;
bottom:0;
z-index:1;
padding:2.8rem 1rem .9rem;
background:linear-gradient(
to top,
rgba(var(--eps-ink-deep-rgb),.92),
rgba(var(--eps-ink-deep-rgb),0)
);
text-align:left;
transform:translateY(100%);
opacity:0;
transition:transform .25s ease,opacity .25s ease;
pointer-events:none;
}
a.eps-team__m:hover .eps-team__cap,
a.eps-team__m:focus-visible .eps-team__cap {
transform:translateY(0);
opacity:1;
}
.eps-team__cap b {
display:block;
font-size:1.3rem;
font-weight:800;
line-height:1.25;
color:#fff;
}
.eps-team__cap span {
display:block;
margin-top:.2rem;
font-size:1.0rem;
font-weight:700;
line-height:1.3;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--eps-accent-light);
}
@media (hover:none) {
.eps-team__cap {
transform:none;
opacity:1;
}
}
@media (max-width:560px) {
.eps-team__cap {
padding:2.4rem .75rem .7rem;
}
.eps-team__cap b {
font-size:.9rem;
line-height:1.2;
}
.eps-team__cap span {
margin-top:.15rem;
font-size:.6rem;
line-height:1.25;
letter-spacing:.06em;
color:var(--eps-accent-light) !important;
}
}
a.eps-team__cta, a.eps-team__cta:visited {
position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center;
aspect-ratio:1/1; border-radius:1.2rem; background:var(--eps-ink-deep);
}
.eps-team__ctabtn {
position:relative; display:inline-flex; align-items:center; gap:.8rem; padding:1.2rem 2rem;
border-radius:.6rem; background:#fff; color:var(--eps-ink); font-size:1.45rem; white-space:nowrap;
font-weight:900; line-height:1.2; transition:background-color .18s ease,transform .18s ease;
}
.eps-team__ctabtn i { font-style:normal; transition:transform .18s ease; }
a.eps-team__cta:hover .eps-team__ctabtn { background:var(--eps-accent-light); transform:translateY(-2px); }
a.eps-team__cta:hover .eps-team__ctabtn i { transform:translateX(.3rem); }
@media (max-width:880px){
.eps-team__grid { grid-template-columns:repeat(2,1fr); }
.eps-team--4 .eps-team__grid { grid-template-columns:repeat(2,1fr); }
}
/* usługi */
.eps-uslugi { width:calc(100% - 4rem); max-width:120rem; margin:3.2rem auto; text-align:center; }
.eps-uslugi .section-title { margin:0 0 1rem; }
.eps-uslugi__lead { margin:0 auto 3.6rem; max-width:62rem; font-size:1.6rem; line-height:1.6; color:var(--eps-ink); }
.eps-uslugi__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; text-align:left; }
.eps-uslugi__card {
position:relative; overflow:hidden; display:flex; flex-direction:column; background:#fff;
border:1px solid rgba(var(--eps-ink-rgb),.12); border-radius:1.6rem; padding:2.6rem 2.4rem 2.2rem;
font-size:1.45rem; line-height:1.6; color:rgba(var(--eps-ink-rgb),.85);
}
.eps-uslugi__card::before { content:""; position:absolute; top:0; left:0; right:0; height:.5rem; background:var(--eps-accent); }
.eps-uslugi__card:nth-child(3n/**/+2)::before { background:var(--eps-accent-light); }
.eps-uslugi__card:nth-child(3n)::before { background:var(--eps-accent-dark); }
.eps-uslugi__card h3 { margin:0 0 1rem; font-size:1.9rem; font-weight:800; line-height:1.3; color:var(--eps-ink); }
.eps-uslugi__card p { margin:0 0 1.8rem; font-size:1.45rem; line-height:1.6; color:rgba(var(--eps-ink-rgb),.85); }
.eps-uslugi__card ul { list-style:none !important; margin:auto 0 0; padding:1.8rem 0 0; }
.eps-uslugi__card p + ul { padding-top:0; }
.eps-uslugi__card ul li { margin:0; padding:0; }
.eps-uslugi__card ul li::marker { content:""; }
a.eps-uslugi__link, a.eps-uslugi__link:visited {
display:flex; align-items:center; justify-content:space-between; gap:1.2rem; padding:1rem 0;
border-top:1px solid rgba(var(--eps-ink-rgb),.1); font-size:1.5rem; font-weight:700;
color:var(--eps-ink) !important; transition:color .15s ease;
}
.eps-uslugi__link i { font-style:normal; flex:none; color:var(--eps-accent); transition:transform .18s ease; }
a.eps-uslugi__link:hover { color:var(--eps-accent-dark) !important; }
a.eps-uslugi__link:hover i { transform:translateX(.4rem); }
.eps-uslugi__card--dark { background:var(--eps-ink-deep); border-color:var(--eps-ink-deep); color:rgba(255,255,255,.82); }
.eps-uslugi__card--dark h3 { color:#fff; }
.eps-uslugi__card--dark p { color:rgba(255,255,255,.82); }
.eps-uslugi__card--dark a.eps-uslugi__link, .eps-uslugi__card--dark a.eps-uslugi__link:visited { border-top-color:rgba(255,255,255,.18); color:#fff !important; }
.eps-uslugi__card--dark a.eps-uslugi__link:hover { color:var(--eps-accent-light) !important; }
.eps-uslugi__card--dark .eps-uslugi__link i { color:var(--eps-accent-light); }
.eps-uslugi__badge {
display:inline-block; margin:0 0 1.2rem; padding:.4rem 1rem; border-radius:99rem;
background:rgba(var(--eps-accent-light-rgb),.18); font-size:1.05rem; font-weight:800; letter-spacing:.14em;
text-transform:uppercase; color:var(--eps-accent-light);
}
.eps-uslugi__allwrap { margin:3.2rem 0 0; }
@media (max-width:1000px){
.eps-uslugi__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
.eps-uslugi__grid { grid-template-columns:1fr; }
}
/* dzielimy się wiedzą */
.eps-wiedza--thanks { margin-top:2.4rem; }
.eps-wiedza--thanks .eps-wiedza__grid { grid-template-columns:repeat(3,1fr); }
.eps-wiedza {
position:relative; left:50%; width:100vw; margin:3.2rem 0 0 -50vw; padding:4.8rem 2rem 5.6rem;
background:var(--eps-ecru); text-align:center;
}
.eps-wiedza__in { max-width:120rem; margin:0 auto; }
.eps-wiedza__kicker {
margin:0 0 1.2rem; font-size:1.2rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
color:rgba(var(--eps-ink-rgb),.7);
}
.eps-wiedza .section-title { margin:0 0 1rem; }
.eps-wiedza__lead { margin:0 auto 3.6rem; max-width:64rem; font-size:1.6rem; line-height:1.6; color:var(--eps-ink); }
.eps-wiedza__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.6rem; text-align:left; }
a.eps-wiedza__card, a.eps-wiedza__card:visited {
position:relative; overflow:hidden; display:flex; flex-direction:column; background:#fff;
border:1px solid rgba(var(--eps-ink-rgb),.12); border-radius:1.6rem; padding:2.6rem 2.2rem 2rem;
color:var(--eps-ink) !important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.eps-wiedza__card::before { content:""; position:absolute; top:0; left:0; right:0; height:.5rem; background:var(--eps-accent); }
.eps-wiedza__card:nth-child(2)::before { background:var(--eps-accent-light); }
.eps-wiedza__card:nth-child(3)::before { background:var(--eps-accent-dark); }
a.eps-wiedza__card:hover {
transform:translateY(-3px); box-shadow:0 .8rem 2rem rgba(var(--eps-ink-rgb),.14);
border-color:var(--eps-accent);
}
.eps-wiedza__tag {
display:block; margin:0 0 .8rem; font-size:1.05rem; font-weight:800; letter-spacing:.14em;
text-transform:uppercase; color:var(--eps-accent-dark-text);
}
.eps-wiedza__card h3 { margin:0 0 .8rem; font-size:1.8rem; font-weight:800; line-height:1.3; color:var(--eps-ink); }
.eps-wiedza__card p { margin:0 0 1.6rem; font-size:1.4rem; line-height:1.6; color:rgba(var(--eps-ink-rgb),.85); }
.eps-wiedza__more {
margin-top:auto;
font-size:1.4rem;
font-weight:700;
color:var(--eps-accent-dark-text);
}
.eps-wiedza__more i { font-style:normal; display:inline-block; transition:transform .18s ease; }
a.eps-wiedza__card:hover .eps-wiedza__more i { transform:translateX(.4rem); }
.eps-wiedza__allwrap { margin:3.2rem 0 0; }
@media (max-width:1000px){
.eps-wiedza__grid { grid-template-columns:repeat(2,1fr); }
.eps-wiedza--thanks .eps-wiedza__grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:560px){
.eps-wiedza__grid { grid-template-columns:1fr; }
.eps-team--crew .eps-team__grid { grid-template-columns:repeat(2,1fr); }
}
/* cytaty klientów (karty = eps-rekcard z sekcji 20) */
.eps-opinie { width:calc(100% - 4rem); max-width:106rem; margin:5rem auto -1rem; text-align:center; }
.eps-opinie .section-title { margin:0 0 2.8rem; }
.eps-opinie.eps-opinie--wide {
position:relative; width:min(120rem,100vw - 4.8rem); max-width:none; margin-left:50%;
transform:translateX(-50%);
}
.eps-opinie .eps-opinie__grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1.6rem; align-items:stretch; text-align:left; }
.eps-opinie__grid > * { display:flex; }
.eps-opinie__grid .eps-rekcard { flex:1 1 auto; margin:0; display:flex; flex-direction:column; }
.eps-opinie__grid .eps-rekcard__who { margin-top:auto; }
.eps-opinie__grid .eps-rekcard__pdf { align-self:flex-start; }
.eps-opinie__meta {
display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.6rem 2rem; margin:2.4rem 0 2.4rem;
font-size:1.5rem; color:var(--eps-ink);
}
.eps-opinie__star {
color:var(--eps-accent-dark-text);
font-weight:800;
}
@media (max-width:1000px){
.eps-opinie .eps-opinie__grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
.eps-opinie .eps-opinie__grid { grid-template-columns:1fr; }
}
/* FAQ */
.eps-hfaq { width:calc(100% - 4rem); max-width:82rem; margin:3.2rem auto; interpolate-size:allow-keywords; }
.eps-hfaq .section-title { margin:0 0 2.8rem; }
.eps-hfaq details {
margin:0 0 1.2rem; background:#fff; border:1px solid rgba(var(--eps-ink-rgb),.14); border-radius:1.2rem;
overflow:hidden;
}
.eps-hfaq summary {
display:flex; align-items:center; justify-content:space-between; gap:1.6rem; padding:1.8rem 2rem;
font-size:1.5rem; font-weight:700; line-height:1.4; color:var(--eps-ink); transition:color .15s ease;
}
.eps-hfaq summary::after {
content:""; flex:none; width:1.1rem; height:1.1rem; margin-top:-.4rem;
border-right:3px solid var(--eps-accent); border-bottom:3px solid var(--eps-accent);
transform:rotate(45deg); transition:transform .2s ease,margin .2s ease;
}
.eps-hfaq summary:hover, .eps-hfaq details[open] summary { color:var(--eps-accent-dark); }
.eps-hfaq details[open] summary::after { transform:rotate(-135deg); margin-top:.4rem; }
.eps-hfaq__a { padding:0 5rem 1.9rem 2rem; font-size:1.5rem; line-height:1.7; color:var(--eps-ink); }
.eps-hfaq__a p { margin:0 0 1.2rem; }
.eps-hfaq__a p:last-child { margin-bottom:0; }
.eps-hfaq__a a {
color:inherit; font-weight:700; text-decoration:none !important; background-image:none !important;
border-bottom:2px solid rgba(var(--eps-accent-rgb),.4); transition:border-color .15s ease;
}
.eps-hfaq__a a:hover { border-bottom-color:var(--eps-accent); }
@supports (interpolate-size: allow-keywords){
.eps-hfaq details::details-content { height:0; overflow:clip; transition:height .28s ease,content-visibility .28s allow-discrete; }
.eps-hfaq details[open]::details-content { height:auto; }
}
.eps-hfaq summary:focus-visible { outline:3px solid var(--eps-accent); outline-offset:-3px; border-radius:1.2rem; }
/* ============================================================
25 LANDINGI eps-ads*: /kampanie-google-ads/, /pozycjonowanie-aplikacji/, /pozycjonowanie-w-ai/, /szkolenia-seo/, /konsultacje-seo/
============================================================ */
:is(.eps-adshero__in, .eps-adshero__actions, .eps-adsprice, .eps-adsprice__tabs, .eps-adsprice__panel, .eps-adsplan) > p:empty { display:none !important; }
/* szerokość treści (fullcanvas nie ma kontenera) */
.eps-adswrap { width:calc(100% - 4rem); max-width:82rem; margin:0 auto; font-family:var(--eps-font); }
.eps-adswrap > :last-child { margin-bottom:0; }
.eps-adswrap .eps-cs-grid { margin:0 0 2.4rem; }
.eps-adswrap > p.eps-adskicker:first-child, .eps-adswrap > h2.eps-adsh:first-child { margin-top:6.4rem; }
/* hero: tekst + portret */
.eps-adshero {
position:relative; left:50%; width:100vw; margin:0 0 0 -50vw; padding:6.4rem 2rem 12.8rem;
background:var(--eps-ink-deep); color:#fff; overflow:hidden; font-family:var(--eps-font);
}
.eps-adshero::before {
content:""; position:absolute; top:-20rem; right:-14rem; width:56rem; height:56rem; border-radius:50%;
background:radial-gradient(closest-side,rgba(var(--eps-accent-rgb),.24),transparent); pointer-events:none;
}
.eps-adshero__in {
position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
gap:4rem 6.4rem; align-items:center; max-width:100rem; margin:0 auto;
}
.eps-adshero__kicker {
margin:0 0 1.6rem; font-size:1.2rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
color:rgba(255,255,255,.85);
}
h1.eps-adshero__title {
margin:0 0 1.8rem; font-family:inherit; font-size:clamp(3.4rem,5.6vw,5.2rem); line-height:1.08;
font-weight:800; color:#fff; letter-spacing:-.01em;
}
h1.eps-adshero__title em { font-style:normal; color:var(--eps-accent-light); }
.eps-adshero__lead { margin:0; max-width:56rem; font-size:1.7rem; line-height:1.65; color:rgba(255,255,255,.88); }
.eps-adshero__lead strong { color:var(--eps-accent-light); }
.eps-adshero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.2rem 1.6rem; margin:2.8rem 0 0; }
a.eps-adsbtn, a.eps-adsbtn:visited {
display:inline-flex; align-items:center; padding:1.4rem 2.2rem; border-radius:.6rem; font-size:1.5rem;
font-weight:700; line-height:1; white-space:nowrap;
transition:background-color .15s ease,color .15s ease,transform .15s ease;
}
a.eps-adsbtn--solid, a.eps-adsbtn--solid:visited { background:#fff; color:var(--eps-ink) !important; }
a.eps-adsbtn--solid:hover { background:var(--eps-accent-light); color:var(--eps-ink) !important; transform:translateY(-2px); }
a.eps-adsbtn--ghost, a.eps-adsbtn--ghost:visited { border:.2rem solid var(--eps-accent-light); color:#fff !important; background:transparent; }
a.eps-adsbtn--ghost:hover { background:rgba(var(--eps-accent-light-rgb),.16); color:#fff !important; }
a.eps-adsbtn i { font-style:normal; display:inline-block; margin-left:.6rem; transition:transform .15s ease; }
a.eps-adsbtn:hover i { transform:translateX(.4rem); }
.eps-adshero__fine { margin:1.6rem 0 0; max-width:52rem; font-size:1.3rem; line-height:1.6; color:rgba(255,255,255,.72); }
.eps-adshero__who { position:relative; width:100%; max-width:34rem; margin:0; justify-self:center; }
.eps-adshero__frame { position:relative; display:block; }
.eps-adshero__frame::before {
content:""; position:absolute; inset:2rem -1.8rem -1.8rem 2rem; border-radius:1.8rem;
background:var(--eps-accent-dark);
}
.eps-adshero__frame img {
position:relative; display:block; width:100%; aspect-ratio:4/5; object-fit:cover;
object-position:top center; border-radius:1.8rem; box-shadow:0 1.6rem 4rem rgba(0,0,0,.4);
}
.eps-adshero__who figcaption {
position:relative; margin:3rem 0 0 !important; padding-left:1.4rem;
border-left:.3rem solid var(--eps-accent-light); text-align:left !important; font-style:normal !important;
}
.eps-adshero__who figcaption b { display:block; font-size:1.6rem; font-weight:800; line-height:1.3; color:#fff; }
.eps-adshero__who figcaption span { display:block; margin-top:.4rem; font-size:1.3rem; line-height:1.55; color:rgba(255,255,255,.78); }
/* hero z portretami w pionie: --duo (/pozycjonowanie-aplikacji/), --trio (/pozycjonowanie-w-ai/) */
.eps-adshero__who--duo, .eps-adshero__who--trio { display:grid; grid-template-columns:1fr; gap:2.6rem; justify-items:start; max-width:42rem; margin:0; }
.eps-adshero__who--trio { gap:3.2rem; max-width:46rem; }
.eps-adshero__person {
display:grid; grid-template-columns:14rem 1fr; gap:2.8rem; align-items:center; text-align:left; min-width:0;
width:100%;
}
.eps-adshero__who--duo .eps-adshero__frame, .eps-adshero__who--trio .eps-adshero__frame { width:14rem; max-width:none; margin:0; }
.eps-adshero__who--duo .eps-adshero__frame img, .eps-adshero__who--trio .eps-adshero__frame img { aspect-ratio:1 / 1; }
.eps-adshero__cap { min-width:0; padding:.4rem 0; }
.eps-adshero__cap b { display:block; color:#fff; font-size:1.6rem; line-height:1.3; }
.eps-adshero__cap span { display:block; color:rgba(255,255,255,.72); font-size:1.3rem; line-height:1.4; margin-top:.6rem; }
.eps-adshero__who--trio .eps-adshero__cap b { font-size:1.8rem; }
.eps-adshero__who--trio .eps-adshero__cap span { font-size:1.4rem; line-height:1.55; max-width:30rem; color:rgba(255,255,255,.74); }
/* /pozycjonowanie-aplikacji/: oddech pod logotypami, warunki pod cennikiem */
.eps-adstrust--aso { margin-bottom:2rem; }
.eps-adstrust--aso .eps-trust__row { row-gap:2.4rem; }
.eps-adssub--nda { margin-top:2.4rem; }
.eps-adsprice__note--terms { font-size:1.4rem; line-height:1.6; max-width:72rem; margin:2rem 0 0; }
/* /pozycjonowanie-w-ai/: karty person, trzy perspektywy, fazy monitoringu */
.eps-persona { display:grid; grid-template-columns:1fr; gap:1.6rem; margin:0 0 2.4rem; }
.eps-persona__card {
display:grid; grid-template-columns:14rem 1fr; gap:2.4rem; align-items:start; background:var(--eps-ecru);
border-radius:1.6rem; padding:2.4rem; margin:0;
}
.eps-persona__foto {
width:14rem; height:14rem; object-fit:cover; border-radius:1.2rem; display:block;
box-shadow:0 .8rem 2.4rem rgba(var(--eps-ink-rgb),.18);
}
.eps-persona__body { min-width:0; }
.eps-persona__kicker {
font-size:1.15rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700;
color:var(--eps-accent-dark-text); margin:0 0 .6rem;
}
.eps-persona__body h3 { margin:0 0 .2rem; font-size:1.9rem; }
.eps-persona__role { font-size:1.3rem; color:#777; margin:0 0 1rem; }
.eps-persona__body p:last-child { margin:0; font-size:1.5rem; line-height:1.6; max-width:62rem; }
.eps-persp { display:grid; grid-template-columns:1fr; gap:1.6rem; margin:0 0 2.4rem; }
.eps-persp__card {
display:grid; grid-template-columns:10rem 1fr; gap:2.4rem; align-items:start; background:var(--eps-ecru);
border-radius:1.6rem; padding:2.4rem; margin:0;
}
.eps-persp__foto {
width:10rem; height:10rem; object-fit:cover; border-radius:50%; display:block;
box-shadow:0 .6rem 1.8rem rgba(var(--eps-ink-rgb),.18);
}
.eps-persp__body { min-width:0; display:flex; flex-direction:column; gap:.6rem; }
.eps-persp__body h3 { margin:0; font-size:1.9rem; }
.eps-persp__tags {
font-size:1.15rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700;
color:var(--eps-accent-dark-text); margin:0;
}
.eps-persp__body p { margin:0; font-size:1.5rem; line-height:1.6; max-width:66rem; }
.eps-persp__cred { padding-top:.8rem; border-top:1px solid rgba(var(--eps-ink-rgb),.15); }
.eps-persp__cta { padding-top:.8rem; }
.eps-persp__cta .eps-button { font-size:1.35rem; padding:1rem 1.8rem; }
.eps-monit__phase {
display:flex; align-items:baseline; gap:1.2rem; flex-wrap:wrap; margin:2.8rem 0 1.2rem; font-size:1.25rem;
letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--eps-accent-dark-text);
}
.eps-monit__phase:first-child { margin-top:0; }
.eps-monit__phase small { font-size:1.25rem; letter-spacing:0; text-transform:none; font-weight:500; color:#777; }
.eps-monit .eps-proc { margin-bottom:0 !important; }
/* licznik pod hero (eps-csstats) + marquee + logotypy */
.eps-adsstats .eps-cs-stat { animation:epsAdsRise .55s ease backwards; }
.eps-adsstats .eps-cs-stat:nth-child(2) { animation-delay:.12s; }
.eps-adsstats .eps-cs-stat:nth-child(3) { animation-delay:.24s; }
.eps-adsstats .eps-cs-stat:nth-child(4) { animation-delay:.36s; }
@keyframes epsAdsRise { from { transform:translateY(1.6rem); opacity:0; } to { transform:none; opacity:1; } }
.eps-marquee.eps-marquee--ads { margin-top:4.8rem; margin-bottom:0; }
.eps-trust.eps-adstrust { margin-top:4.8rem; }
.eps-trust.eps-adstrust p.eps-adskicker { margin:0 0 2rem; padding:0; }
/* plan pracy: 3 rdzawe karty z listami */
.eps-who.eps-adsplan { gap:1.2rem; }
.eps-adsplan .eps-who-card { padding:2rem 2rem 2.2rem; }
.eps-adsplan .eps-who-card em {
display:inline-block; margin:0 0 1rem; padding:.3rem .8rem; border-radius:99rem;
background:rgba(255,255,255,.16); font-style:normal; font-size:1.05rem; font-weight:700;
letter-spacing:.14em; text-transform:uppercase; color:#fff;
}
.eps-adsplan h3 { font-size:1.7rem; margin-bottom:.6rem; }
.eps-adsplan p { margin:0 0 1.2rem; font-size:1.3rem; line-height:1.6; color:rgba(255,255,255,.92); }
.eps-adsplan ul { list-style:none; margin:0; padding:0; }
.eps-adsplan ul > li {
list-style:none; position:relative; margin:0; padding:.5rem 0 .5rem 1.8rem; font-size:1.3rem;
line-height:1.5; color:#fff; border-top:1px solid rgba(255,255,255,.18);
}
.eps-adsplan ul > li:first-child { border-top:0; }
.eps-adsplan ul > li::marker { content:""; }
.eps-adsplan ul > li::before {
content:""; position:absolute; left:.1rem; top:1.15rem; width:.8rem; height:.8rem; border-radius:50%;
background:var(--eps-accent-light);
}
.eps-who.eps-adsplan--rows { grid-template-columns:1fr; }
.eps-adsplan--rows .eps-who-card {
display:grid; grid-template-columns:26rem 1fr; grid-template-rows:auto auto 1fr; column-gap:3.2rem;
row-gap:.4rem; align-items:start;
}
.eps-adsplan--rows .eps-who-card em, .eps-adsplan--rows .eps-who-card h3, .eps-adsplan--rows .eps-who-card p { grid-column:1; }
.eps-adsplan--rows .eps-who-card ul { grid-column:2; grid-row:1 / span 3; margin:0; }
/* karty case study z listą wyników */
.eps-adscs .eps-cs-list { display:block; margin:1.6rem 0 0; }
.eps-adscs .eps-cs-list i {
display:block; position:relative; padding:.4rem 0 .4rem 2.2rem; font-style:normal; font-size:1.35rem;
line-height:1.5; color:var(--eps-ink); transition:color .18s ease;
}
.eps-adscs .eps-cs-list i::before {
content:""; position:absolute; left:.1rem; top:.95rem; width:1.1rem; height:.55rem;
border-left:2.5px solid var(--eps-accent); border-bottom:2.5px solid var(--eps-accent);
transform:rotate(-45deg);
}
.eps-adscs .eps-cs-list b { font-weight:800; }
.eps-adscs .eps-cs-card:hover .eps-cs-list i { color:#fff; }
.eps-adscs .eps-cs-card:hover .eps-cs-list i::before { border-color:#fff; }
/* pasy sekcji (ecru / grafit) */
.eps-adsband {
position:relative; left:50%; width:100vw; margin:6.4rem 0 0 -50vw; padding:5.6rem 0;
font-family:var(--eps-font);
}
.eps-adsband--ecru { background:var(--eps-ecru); }
.eps-adsband--dark { background:var(--eps-ink-deep); padding-bottom:6.4rem; }
.eps-adsband p.eps-adskicker, .eps-adsband h2.eps-adsh { margin-top:0; }
.eps-adsband--dark p.eps-adskicker { color:rgba(255,255,255,.85); }
.eps-adsband--dark h2.eps-adsh { color:#fff; }
.eps-adsband--dark p.eps-adssub { color:rgba(255,255,255,.88); }
.eps-adsband--dark p.eps-adssub a { color:#fff; }
.eps-adsband--dark p.eps-adssub a:hover { color:var(--eps-accent-light); }
/* wybierak budżetu: radio + etykiety + panele (bez JS) */
.eps-adsprice { position:relative; width:calc(100% - 4rem); max-width:82rem; margin:0 auto; font-family:var(--eps-font); }
.eps-adsprice > input { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); }
.eps-adsprice__q { margin:0 0 1.4rem; text-align:center; font-size:1.25rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(var(--eps-ink-rgb),.72); }
.eps-adsprice__tabs { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin:0 0 2.4rem; }
.eps-adsprice__tabs label { cursor:pointer; padding:1rem 2rem; border:2px solid rgba(var(--eps-ink-rgb),.25); border-radius:99rem; background:#fff; font-size:1.4rem; font-weight:700; line-height:1.3; color:var(--eps-ink); font-variant-numeric:tabular-nums; transition:background-color .15s ease,border-color .15s ease,color .15s ease; }
.eps-adsprice__tabs label:hover { border-color:var(--eps-accent); }
#adsb-1:checked ~ .eps-adsprice__tabs label[for="adsb-1"], #adsb-2:checked ~ .eps-adsprice__tabs label[for="adsb-2"],
#adsb-3:checked ~ .eps-adsprice__tabs label[for="adsb-3"], #adsb-4:checked ~ .eps-adsprice__tabs label[for="adsb-4"] { background:var(--eps-action); border-color:var(--eps-action); color:#fff; }
#adsb-1:focus-visible ~ .eps-adsprice__tabs label[for="adsb-1"], #adsb-2:focus-visible ~ .eps-adsprice__tabs label[for="adsb-2"],
#adsb-3:focus-visible ~ .eps-adsprice__tabs label[for="adsb-3"], #adsb-4:focus-visible ~ .eps-adsprice__tabs label[for="adsb-4"] { outline:3px solid var(--eps-accent); outline-offset:2px; }
.eps-adsprice__panel { display:none; position:relative; overflow:hidden; padding:3.2rem 3.4rem; border-radius:1.8rem; background:var(--eps-accent-dark); color:#fff; box-shadow:0 12px 40px rgba(var(--eps-accent-dark-rgb),.3); }
.eps-adsprice__panel::before { content:""; position:absolute; top:-14rem; right:-14rem; width:34rem; height:34rem; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 70%); pointer-events:none; }
.eps-adsprice__panel > * { position:relative; }
#adsb-1:checked ~ .eps-adsprice__panel--1, #adsb-2:checked ~ .eps-adsprice__panel--2,
#adsb-3:checked ~ .eps-adsprice__panel--3, #adsb-4:checked ~ .eps-adsprice__panel--4 { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:2.4rem 4rem; align-items:start; animation:epsAdsFade .25s ease; }
@keyframes epsAdsFade { from { opacity:0; transform:translateY(.6rem); } to { opacity:1; transform:none; } }
.eps-adsprice__scope h3 { margin:0 0 1.2rem; font-family:inherit; font-size:1.05rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.85); }
.eps-adsprice__scope ul { list-style:none; margin:0; padding:0; }
.eps-adsprice__scope ul > li { list-style:none; position:relative; margin:0; padding:.55rem 0 .55rem 2.4rem; font-size:1.4rem; line-height:1.5; color:#fff; border-top:1px solid rgba(255,255,255,.18); }
.eps-adsprice__scope ul > li:first-child { border-top:0; }
.eps-adsprice__scope ul > li::marker { content:""; }
.eps-adsprice__scope ul > li::before { content:""; position:absolute; left:.2rem; top:1.15rem; width:1.1rem; height:.55rem; border-left:2.5px solid #fff; border-bottom:2.5px solid #fff; transform:rotate(-45deg); }
.eps-adsprice__scope p { margin:1.6rem 0 0; font-size:1.3rem; line-height:1.6; color:rgba(255,255,255,.85); }
.eps-adsprice__scope p strong { color:#fff; }
.eps-adsprice__fee { padding:2.2rem 2.4rem 2.4rem; border-radius:1.2rem; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.24); }
.eps-adsprice__fee b { display:block; margin:0 0 .8rem; font-size:1.05rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.85); }
.eps-adsprice__fee strong { display:block; font-size:3.4rem; font-weight:800; line-height:1.05; letter-spacing:-.02em; color:#fff; font-variant-numeric:tabular-nums; }
.eps-adsprice__fee strong small { font-size:1.4rem; font-weight:700; letter-spacing:0; margin-left:.5rem; color:rgba(255,255,255,.85); }
.eps-adsprice__fee p { margin:1.1rem 0 0; font-size:1.25rem; line-height:1.55; color:rgba(255,255,255,.88); }
a.eps-adsprice__btn, a.eps-adsprice__btn:visited { display:inline-block; margin-top:1.8rem; padding:1.1rem 2.2rem; border-radius:99rem; background:#fff; color:var(--eps-action) !important; font-size:1.4rem; font-weight:700; line-height:1.35; box-shadow:0 8px 22px rgba(0,0,0,.18); transition:transform .2s ease,color .2s ease; }
a.eps-adsprice__btn:hover { transform:translateY(-2px); color:var(--eps-ink) !important; }
a.eps-adsprice__btn:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.eps-adsprice__note { margin:2.4rem auto 0; max-width:64rem; text-align:center; font-size:1.35rem; line-height:1.6; color:var(--eps-ink); }
.eps-adsprice__note a { color:var(--eps-accent-dark-text); text-decoration:underline !important; text-underline-offset:.2em; }
/* /szkolenia-seo/: pasek marek, karty prowadzących, program, nagrania, kontakt na ciemnym pasie */
:is(.eps-szk-trainers, .eps-szkt, .eps-szkt__side, .eps-szkt__meta, .eps-szk-brandsec, .eps-szk-paths) > p:empty { display:none !important; }
.eps-szk-brandsec { margin-bottom:2rem; }
ul.eps-szk-brands { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:.8rem 1rem; }
ul.eps-szk-brands > li { list-style:none; margin:0; padding:.6rem 1.4rem; border:1px solid rgba(var(--eps-ink-rgb),.22); border-radius:99rem; background:#fff; font-family:var(--eps-font); font-size:1.3rem; font-weight:700; letter-spacing:.04em; line-height:1.3; color:var(--eps-ink); }
.eps-szk-trainers { display:grid; grid-template-columns:1fr; gap:2rem; margin:0 0 2.4rem; font-family:var(--eps-font); }
.eps-szkt { display:grid; grid-template-columns:26rem minmax(0,1fr); gap:3.2rem; align-items:start; margin:0; padding:2.8rem; background:var(--eps-ecru); border-radius:1.6rem; }
.eps-szkt__side { min-width:0; }
.eps-szkt__frame { position:relative; display:block; }
.eps-szkt__frame::before { content:""; position:absolute; inset:1.4rem -1.2rem -1.2rem 1.4rem; border-radius:1.4rem; background:var(--eps-accent-dark); }
.eps-szkt__frame img { position:relative; display:block; width:100%; aspect-ratio:1 / 1; object-fit:cover; object-position:top center; border-radius:1.4rem; box-shadow:0 1.2rem 3rem rgba(var(--eps-ink-rgb),.25); }
.eps-szkt__meta { margin-top:2rem; padding:.3rem 1.6rem .4rem; background:#fff; border:1px solid rgba(var(--eps-ink-rgb),.1); border-radius:1.2rem; }
ul.eps-szkt__proof { list-style:none; margin:0; padding:0; display:block; }
ul.eps-szkt__proof > li { list-style:none; margin:0; padding:1.2rem 0; display:block; border-bottom:1px solid rgba(var(--eps-ink-rgb),.1); }
ul.eps-szkt__proof b { display:block; font-size:2rem; font-weight:800; line-height:1.1; letter-spacing:-.01em; font-variant-numeric:tabular-nums; color:var(--eps-accent-dark); }
ul.eps-szkt__proof > li.is-wide b { font-size:1.4rem; line-height:1.3; letter-spacing:0; }
ul.eps-szkt__proof span { display:block; margin-top:.4rem; font-size:1.2rem; line-height:1.45; color:rgba(var(--eps-ink-rgb),.8); }
p.eps-szkt__stage { margin:0; padding:1.2rem 0; border-bottom:1px solid rgba(var(--eps-ink-rgb),.1); font-size:1.15rem; line-height:1.55; color:rgba(var(--eps-ink-rgb),.72); }
p.eps-szkt__stage:last-child { border-bottom:0; }
p.eps-szkt__stage b { display:block; margin-bottom:.3rem; font-size:1rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:rgba(var(--eps-ink-rgb),.65); }
.eps-szkt__body { min-width:0; }
p.eps-szkt__kicker { margin:0 0 .6rem; font-size:1.15rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--eps-accent-dark-text); }
.eps-szkt h3 { margin:0 0 .5rem; font-family:inherit; font-size:2.2rem; font-weight:800; line-height:1.25; letter-spacing:-.01em; color:var(--eps-ink); }
.eps-szkt h3 a, .eps-szkt h3 a:visited { color:inherit !important; text-decoration:none !important; background-image:none !important; border-bottom:2px solid rgba(var(--eps-accent-rgb),.4); transition:border-color .15s ease; }
.eps-szkt h3 a:hover { border-bottom-color:var(--eps-accent); }
p.eps-szkt__role { margin:0 0 1.4rem; font-size:1.3rem; line-height:1.55; color:#777; }
p.eps-szkt__lead { margin:0 0 1.2rem; font-size:1.5rem; line-height:1.65; color:var(--eps-ink); }
p.eps-szkt__label { margin:1.8rem 0 .7rem; font-size:1.05rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:rgba(var(--eps-ink-rgb),.65); }
ul.eps-szkt__topics { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.6rem; }
ul.eps-szkt__topics > li { list-style:none; margin:0; padding:.5rem 1.1rem; border:1px solid rgba(var(--eps-ink-rgb),.22); border-radius:99rem; background:#fff; font-size:1.25rem; font-weight:600; line-height:1.3; color:var(--eps-ink); }
p.eps-szkt__forms { margin:0; font-size:1.35rem; line-height:1.6; color:var(--eps-ink); }
.eps-szkt__cta { display:flex; flex-wrap:wrap; align-items:center; gap:1.2rem 2.4rem; margin:2rem 0 0; }
.eps-szkt__cta a.eps-button { font-size:1.4rem; padding:1.1rem 2rem; }
.eps-szkt__cta a.eps-ghost { font-size:1.4rem; }
ul.eps-szk-paths { list-style:none; margin:0 0 2.4rem; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.9rem; font-family:var(--eps-font); }
ul.eps-szk-paths > li { list-style:none; margin:0; padding:1.4rem 1.4rem 1.2rem; background:#fff; border:1px solid var(--eps-border); border-radius:8px; border-top:3px solid var(--eps-accent); min-width:0; }
ul.eps-szk-paths > li > b { display:block; min-height:3.8rem; font-size:1.45rem; font-weight:800; line-height:1.3; color:var(--eps-ink); }
ul.eps-szk-paths > li > b::after { content:"↓"; display:block; margin:.5rem 0 .2rem; font-size:1.3rem; line-height:1; color:var(--eps-accent); }
ul.eps-szk-paths ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.4rem; }
ul.eps-szk-paths ul > li { list-style:none; margin:0; padding:0; }
ul.eps-szk-paths a { display:flex; align-items:baseline; gap:.6rem; font-size:1.25rem; font-weight:600; line-height:1.35; color:var(--eps-ink); text-decoration:none !important; background-image:none !important; }
ul.eps-szk-paths a span { flex:0 0 auto; font-size:1rem; font-weight:800; letter-spacing:.04em; color:var(--eps-accent-dark); font-variant-numeric:tabular-nums; }
ul.eps-szk-paths a:hover, ul.eps-szk-paths a:focus-visible { color:var(--eps-accent-dark); text-decoration:underline !important; text-underline-offset:.2em; }
.epsfaq--zakres .epsfaq-head > div { min-width:0; }
.epsfaq--zakres .epsfaq-a p { margin-top:.9rem !important; }
.eps-szk-nagrania .eps-eduweb { max-width:none; padding:0; margin-bottom:0; }
.eps-szk-nagrania .eps-eduweb li::before { content:none !important; }
.eps-szk-nagrania .eps-eduweb li::marker { content:""; }
.eps-szk-nagrania .eps-eduweb__meta { color:rgba(var(--eps-ink-rgb),.72); }
.eps-szk-nagrania + .eps-more { margin-top:2.4rem; }
.eps-adsprice .eps-adsprice__note--terms { margin:1.6rem auto 0; }
.eps-adsband--dark .eps-konteam { margin-top:0; }
.eps-adsband--dark .eps-konteam-foto .eps-team-foto { aspect-ratio:1/1; object-fit:cover; object-position:top center; }
.eps-adsband--dark .eps-konteam--trio { grid-template-columns:repeat(3,1fr); }
.eps-adsband--dark .eps-konteam--trio .eps-konteam-head { flex-direction:column; align-items:flex-start; gap:.5rem; }
.eps-adsband--dark .eps-konteam-card { border-color:rgba(255,255,255,.08); box-shadow:0 .8rem 2.4rem rgba(0,0,0,.35); }
.eps-adsband--dark .eps-konteam-card:hover { box-shadow:0 1.4rem 3.2rem rgba(0,0,0,.45); }
.eps-adsband--dark .eps-konteam + .eps-adsform { margin-top:2.4rem; }
.eps-adsband--dark .eps-szk-formcta { width:calc(100% - 4rem); max-width:68rem; margin:3.6rem auto 0; text-align:center; font-family:var(--eps-font); color:rgba(255,255,255,.78); font-size:1.45rem; line-height:1.6; }
.eps-adsband--dark .eps-szk-formcta strong { display:block; color:#fff; font-size:2rem; font-weight:800; line-height:1.3; margin-bottom:.5rem; }
.eps-adsband--dark .eps-szk-formcta span { display:block; }
.eps-adsband--dark .eps-szk-formcta i { display:block; margin-top:.8rem; font-style:normal; font-size:2rem; line-height:1; color:var(--eps-accent-light); }
.eps-adsband--dark .eps-szk-formcta + .eps-adsform { margin-top:1.6rem; }
/* /konsultacje-seo/: karty konsultujących, tabela dopasowania */
:is(.eps-kons-who, .eps-kons-who__card, .eps-kons-who__body) > p:empty { display:none !important; }
.eps-kons-who { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.6rem; margin:0; font-family:var(--eps-font); }
.eps-kons-who__card { margin:0; padding:2.2rem; background:var(--eps-ecru); border-radius:1.4rem; display:flex; flex-direction:column; gap:1.4rem; min-width:0; }
.eps-kons-who__foto { display:block; width:11rem; height:11rem; object-fit:cover; object-position:top center; border-radius:1rem; box-shadow:.5rem .5rem 0 var(--eps-accent-dark); }
.eps-kons-who__body { min-width:0; }
.eps-kons-who__body h3 { margin:0 0 .3rem; font-family:var(--eps-font); font-size:1.85rem; font-weight:800; line-height:1.3; color:var(--eps-ink); }
.eps-kons-who__body p.eps-kons-who__role { margin:0 0 1.1rem; font-size:1.2rem; line-height:1.5; color:rgba(var(--eps-ink-rgb),.68); }
.eps-kons-who__body p { margin:0; font-size:1.4rem; line-height:1.65; color:var(--eps-ink); }
.eps-kons-who__body p.eps-kons-who__tags { margin:1.2rem 0 0; padding-top:1.1rem; border-top:1px solid rgba(var(--eps-ink-rgb),.12); font-size:1.2rem; line-height:1.55; color:rgba(var(--eps-ink-rgb),.72); }
.eps-kons-who__tags b { display:block; margin-bottom:.2rem; font-size:1rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:rgba(var(--eps-ink-rgb),.65); }
table.eps-kons-match { width:100%; margin:0; border-collapse:collapse; font-family:var(--eps-font); font-size:1.4rem; line-height:1.5; background:#fff; border:1px solid var(--eps-border); border-radius:8px; overflow:hidden; }
table.eps-kons-match th, table.eps-kons-match td { padding:1.2rem 1.6rem; text-align:left; vertical-align:top; border-bottom:1px solid var(--eps-border); }
table.eps-kons-match th { font-size:1.05rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:rgba(var(--eps-ink-rgb),.65); background:var(--eps-soft); }
table.eps-kons-match tr:last-child td { border-bottom:0; }
table.eps-kons-match td:first-child { color:var(--eps-ink); }
table.eps-kons-match td:last-child { font-weight:800; color:var(--eps-accent-dark); }
table.eps-kons-match td a { color:var(--eps-accent-dark); text-decoration:underline; text-underline-offset:.2em; }
/* kontakt: karta Krzyśka + formularz (nota reCAPTCHA jest wewnątrz białego boxu CF7 — zostaje ciemna) */
.eps-adskon { width:calc(100% - 4rem); max-width:72rem; margin:0 auto; }
.eps-adskon .eps-cta.eps-cta--kontakt { width:100%; max-width:none; margin:0; }
.eps-adsform { width:calc(100% - 4rem); max-width:68rem; margin:2.4rem auto 0; }
.eps-adsform .wp-block-contact-form-7-contact-form-selector { max-width:none; margin:0 0 6.4rem; box-shadow:0 .8rem 2.8rem rgba(0,0,0,.4); }
.eps-adsform .eps-recaptcha-note { color:#666; font-size:1.2rem; padding-bottom:0; }
.eps-adsform .eps-recaptcha-note a { color:#555; }
@media (max-width:900px){
.eps-adshero__in { grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:3.2rem; }
.eps-kons-who { grid-template-columns:1fr; }
.eps-kons-who__card { flex-direction:row; align-items:flex-start; }
.eps-kons-who__foto { flex:0 0 auto; }
.eps-adshero__who--duo, .eps-adshero__who--trio { max-width:none; }
.eps-adsprice__panel { padding:2.8rem 2.6rem; }
}
@media (max-width:860px){
.eps-adsband--dark .eps-konteam--trio { grid-template-columns:1fr; max-width:48rem; }
}
@media (max-width:760px){
.eps-szkt { grid-template-columns:1fr; gap:2rem; padding:2.2rem; }
ul.eps-szk-paths { grid-template-columns:repeat(2,minmax(0,1fr)); }
.eps-szkt__side { display:grid; grid-template-columns:15rem minmax(0,1fr); gap:2.4rem; align-items:start; }
.eps-szkt__meta { min-width:0; margin-top:0; }
.eps-adsplan--rows .eps-who-card { grid-template-columns:1fr; }
.eps-adsplan--rows .eps-who-card ul { grid-column:1; grid-row:auto; margin-top:.8rem; }
.eps-adshero { padding:5.2rem 2rem 11.2rem; }
.eps-adshero__in { grid-template-columns:1fr; text-align:center; }
.eps-adshero__lead, .eps-adshero__fine { margin-left:auto; margin-right:auto; }
.eps-adshero__actions { justify-content:center; }
.eps-adshero__who { max-width:26rem; }
.eps-adshero__who figcaption { text-align:center !important; padding-left:0; border-left:0; padding-top:1.2rem; border-top:.3rem solid var(--eps-accent-light); }
.eps-adsstats { grid-template-columns:repeat(2,1fr); }
#adsb-1:checked ~ .eps-adsprice__panel--1, #adsb-2:checked ~ .eps-adsprice__panel--2,
#adsb-3:checked ~ .eps-adsprice__panel--3, #adsb-4:checked ~ .eps-adsprice__panel--4 { grid-template-columns:1fr; }
.eps-adsprice__panel { padding:2.4rem 2rem; }
.eps-adsband { padding:4.8rem 0; }
}
@media (max-width:640px){
.eps-adshero__actions { flex-direction:column; align-items:stretch; gap:1.2rem; }
a.eps-adsbtn { justify-content:center; white-space:normal; text-align:center; }
.eps-adsprice__tabs label { padding:.9rem 1.5rem; font-size:1.3rem; }
.eps-adsprice__fee strong { font-size:3rem; }
}
@media (max-width:600px){
.eps-def--cover { grid-template-columns:1fr; gap:1.8rem; }
.eps-def__cover { max-width:13rem; }
}
@media (max-width:560px){
.eps-persp__card { grid-template-columns:1fr; gap:1.4rem; }
.eps-persp__foto { width:8rem; height:8rem; }
}
@media (max-width:520px){
.eps-kons-who__card { flex-direction:column; padding:1.8rem; }
table.eps-kons-match { font-size:1.3rem; }
table.eps-kons-match th, table.eps-kons-match td { padding:1rem 1.1rem; }
}
@media (max-width:480px){
.eps-szkt { padding:1.8rem; }
ul.eps-szk-paths { grid-template-columns:1fr; }
ul.eps-szk-paths > li > b { min-height:0; }
.eps-szkt__side { grid-template-columns:1fr; gap:1.6rem; }
.eps-szkt__frame { max-width:18rem; }
.eps-szkt h3 { font-size:1.9rem; }
ul.eps-szk-brands > li { font-size:1.15rem; padding:.5rem 1.1rem; }
.eps-adshero__who--trio { gap:2.4rem; }
.eps-adshero__person { grid-template-columns:11rem 1fr; gap:1.8rem; }
.eps-adshero__who--duo .eps-adshero__frame, .eps-adshero__who--trio .eps-adshero__frame { width:11rem; }
.eps-adshero__cap b { font-size:1.45rem; }
.eps-adshero__who--trio .eps-adshero__cap b { font-size:1.55rem; }
.eps-adshero__who--trio .eps-adshero__cap span { font-size:1.3rem; }
.eps-persona__card { grid-template-columns:1fr; padding:2rem; }
.eps-persona__foto { width:10rem; height:10rem; }
}
/* ============================================================
26 DOSTĘPNOŚĆ — focus-visible, prefers-reduced-motion
============================================================ */
.eps-eduband a:focus-visible { outline-color:var(--eps-ink); }
:is(.eps-pod, .eps-pod-arch, .eps-art, .eps-web, .eps-edu, .eps-rek, .eps-cs, .eps-cs-grid, .eps-csbox, .eps-cs-next, .eps-csteaser,
.eps-uslugi, .eps-wiedza, .eps-opinie, .eps-actions, .eps-adsprice, .eps-adscs, .eps-nav) a:focus-visible,
a.eps-team__m:focus-visible, a.eps-team__cta:focus-visible,
.eps-webfilters button:focus-visible, .eps-webmore button:focus-visible, .eps-nav button:focus-visible,
.eps-sitemap li a:focus-visible { outline:3px solid var(--eps-accent); outline-offset:2px; }
:is(.eps-podhero, .eps-podcta, .eps-arthero, .eps-artcta, .eps-webhero, .eps-webcta, .eps-eduhero, .eps-educta, .eps-eduband--dark,
.eps-rekhero, .eps-rekcta, .eps-cshero, .eps-cscta, .eps-konband, .eps-adshero, .eps-adsband--dark) a:focus-visible { outline-color:var(--eps-accent-light); }
@media (prefers-reduced-motion:reduce){
[class*="eps-"], [class*="eps-"] *,
[class*="eps-"]::before, [class*="eps-"]::after,
[class*="eps-"] *::before, [class*="eps-"] *::after { animation:none !important; transition:none !important; }
.eps-hfaq details::details-content { transition:none; }
.eps-webhero__beacon-arc { opacity:.85; }
.eps-konpin-ring { opacity:.7; }
.eps-cstrend__ring { opacity:.55; }
.eps-edush-book--lean { transform:rotate(-12deg); }
.eps-csjs .eps-csteaser__grid .eps-csteaser__stat { opacity:1; }
:is(.eps-podstart__card, .eps-artcard, .eps-webcard, .eps-edubook__cover, .eps-cs-card, a.eps-cs-btn, a.eps-csteaser__stat,
a.eps-konbtn, .eps-konteam-card, a.eps-wiedza__card):hover { transform:none; }
.book-break__shelf a:hover img { transform:none; }
:is(.eps-pod-arch__go, .eps-artwho__link, .eps-artcard__go, .eps-webcard__link, .eps-rekcard__pdf, .eps-trust__btn):hover::after,
.eps-edumore a:hover::after, .eps-cs-card:hover .eps-cs-more::after,
a.eps-wiedza__card:hover .eps-wiedza__more i, a.eps-uslugi__link:hover i,
a.eps-team__cta:hover .eps-team__ctabtn, a.eps-team__cta:hover .eps-team__ctabtn i { transform:none; }
}
@media (max-width:1127px){
:root .johannes-cover > .container{
top:auto!important;
left:auto!important;
margin-left:0!important;
}
}
.johannes-sidebar.johannes-sidebar-hidden{
display:none!important;
}
body .johannes-wrapper .eps-def {
margin-block: 2rem;
}