@font-face{font-family:Montserrat;src:url("../fonts/montserrat-300.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Montserrat;src:url("../fonts/montserrat-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url("../fonts/montserrat-400-italic.ttf") format("truetype");font-style:italic;font-weight:400;font-display:swap}:root{--font-display:Montserrat,Arial,sans-serif;--font-body:Montserrat,Arial,sans-serif;--color-ink:#171717;--color-muted:#666;--color-paper:#f4f4f3;--color-surface:#fff;--color-accent:#b21b0d;--color-footer:#eee;--heading-hero:clamp(1.35rem,2.25vw,2rem);--heading-section:clamp(2.25rem,3.25vw,3.15rem);--heading-tile:clamp(1rem,1.45vw,1.42rem);--text-body:clamp(.9rem,1.15vw,1.02rem);--radius-tile:11px;--space-page:clamp(22px,4vw,54px)}
.knowledge-page{background:#eef0ef;color:var(--color-ink)}
.knowledge-page main{overflow:hidden}
.knowledge-hero{max-width:1180px;margin:0 auto;padding:clamp(58px,7vw,98px) var(--space-page) clamp(54px,6vw,82px)}
.knowledge-kicker{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:14px;margin-bottom:clamp(42px,6vw,76px);color:#777;font-size:.7rem;letter-spacing:.16em}
.knowledge-kicker span{color:var(--color-accent)}.knowledge-kicker i{height:1px;background:rgba(178,27,13,.55)}.knowledge-kicker p{margin:0}
.knowledge-heading{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(290px,.65fr);align-items:end;gap:clamp(52px,9vw,132px)}
.knowledge-heading .eyebrow{margin:0 0 13px;color:var(--color-accent);font-size:.7rem;letter-spacing:.28em}
.knowledge-heading h1{margin:0;font-size:clamp(2.35rem,5.2vw,5rem);font-weight:300;letter-spacing:.08em;line-height:.9}
.knowledge-heading h1 span{color:#777;font-size:.46em;letter-spacing:.18em}.knowledge-heading h1 i{font-style:normal;text-transform:lowercase}
.knowledge-heading>p{max-width:430px;margin:0;padding-left:23px;border-left:1px solid rgba(178,27,13,.42);color:#555;font-size:1rem;font-weight:300;line-height:1.75}
.featured-article{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);margin:0 auto clamp(94px,11vw,155px);padding:0 var(--space-page)}
.article-visual{position:relative;min-height:430px;margin:0;overflow:hidden}.article-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(20,28,35,.06),rgba(20,28,35,.42))}.article-visual img{width:100%;height:100%;display:block;object-fit:cover}
.article-visual figcaption{position:absolute;right:25px;bottom:20px;z-index:2;display:flex;align-items:center;gap:11px;color:white;font-size:.65rem;letter-spacing:.22em}.article-visual figcaption b{font-size:2rem;font-weight:300}
.article-lead{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,72px);background:#f8f8f6;border-top:3px solid var(--color-accent)}
.article-meta{margin:0 0 25px;color:var(--color-accent);font-size:.65rem;letter-spacing:.2em}.article-lead h2{margin:0;font-size:clamp(1.75rem,3vw,2.8rem);font-weight:300;line-height:1.18}.article-deck{margin:25px 0 30px;color:#555;font-size:1rem;font-weight:300;line-height:1.7}
.article-lead>a,.article-conclusion>a{align-self:flex-start;padding-bottom:7px;border-bottom:1px solid var(--color-accent);color:var(--color-accent);font-size:.68rem;letter-spacing:.15em;text-decoration:none}.article-lead>a span,.article-conclusion>a span{display:inline-block;margin-left:12px;font-size:1.1rem}
.article-body{max-width:1030px;margin:0 auto;padding:0 var(--space-page) clamp(100px,12vw,170px);scroll-margin-top:110px}.article-body>header{display:grid;grid-template-columns:180px 1fr;gap:40px;margin-bottom:50px;padding-top:34px;border-top:1px solid #c7cac8}.article-number{margin:7px 0;color:var(--color-accent);font-size:.66rem;letter-spacing:.2em}.article-body>header h2{max-width:680px;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1.13}
.article-copy{max-width:710px;margin-left:auto}.article-copy p{margin:0 0 24px;color:#363938;font-size:1rem;font-weight:300;line-height:1.85}.article-copy .article-opening{margin-bottom:46px;color:#242625;font-size:clamp(1.12rem,1.7vw,1.35rem);line-height:1.72}.article-copy h3{margin:58px 0 18px;font-size:1.32rem;font-weight:400;letter-spacing:.025em}
.article-copy aside{display:grid;grid-template-columns:46px 1fr;gap:20px;margin:48px 0;padding:29px 32px;background:#e2e6e4;border-left:2px solid var(--color-accent)}.article-copy aside span{color:var(--color-accent);font-size:.68rem;letter-spacing:.15em}.article-copy aside p{margin:0;color:#303331;font-size:1.08rem;line-height:1.65}
.article-conclusion{margin-top:34px;padding:10px 0 0;border-top:1px solid #bfc3c1}.article-conclusion p{font-size:1.12rem}.article-conclusion a{display:inline-block;margin-top:12px}
@media(max-width:900px){.knowledge-heading,.featured-article{grid-template-columns:1fr}.knowledge-heading{gap:35px}.knowledge-heading>p{max-width:660px}.article-visual{min-height:390px}.article-lead{margin:0 24px;margin-top:-35px;position:relative;z-index:2}.article-body>header{grid-template-columns:1fr;gap:10px}.article-copy{margin-left:0}}
@media(max-width:650px){.knowledge-hero{padding-top:44px}.knowledge-kicker{grid-template-columns:35px 1fr;margin-bottom:38px;font-size:.58rem}.knowledge-heading{display:block}.knowledge-heading h1{font-size:2.45rem;line-height:1}.knowledge-heading>p{margin-top:32px;padding-left:16px;font-size:.94rem}.featured-article{padding:0 16px;margin-bottom:80px}.article-visual{min-height:310px}.article-lead{margin:-24px 12px 0;padding:30px 25px}.article-body{padding-left:25px;padding-right:25px}.article-copy aside{grid-template-columns:1fr;padding:25px}.article-copy p{font-size:.98rem}.article-body>header h2{font-size:2rem}}
.knowledge-page{font-family:var(--font-body)}.knowledge-page h1,.knowledge-page h2,.knowledge-page h3,.knowledge-page p,.knowledge-page a{font-family:var(--font-body)}.article-visual:after{background:linear-gradient(125deg,rgba(20,28,35,.03),rgba(20,28,35,.29))}.article-lead{position:relative;color:var(--color-ink);text-decoration:none;cursor:pointer;transition:transform .42s cubic-bezier(.2,.75,.25,1)}.article-lead:hover,.article-lead:focus-visible{z-index:2;transform:translate3d(-3px,2px,0) scale(.992);outline:none}.article-lead:active,.article-lead.is-pressed{transform:translate3d(0,4px,0) scale(.972)}.panel-enter{position:absolute;right:28px;bottom:25px;display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--color-accent);border-radius:50%;color:var(--color-accent);font-size:1rem;transition:transform .35s ease,background-color .35s ease,color .35s ease}.article-lead:hover .panel-enter,.article-lead:focus-visible .panel-enter{transform:translateY(3px) scale(.94)}.reveal-panel{opacity:0;transition:opacity 1s ease,transform 1.15s cubic-bezier(.2,.7,.2,1)}.reveal-panel.from-left{transform:translate3d(-42px,0,0)}.reveal-panel.from-right{transform:translate3d(42px,0,0)}.reveal-panel.visible{opacity:1;transform:none}.article-copy{max-width:750px}.article-copy p{font-size:clamp(1.08rem,1.25vw,1.18rem)}.article-copy .article-opening{font-size:clamp(1.24rem,1.8vw,1.5rem)}.article-copy h3{font-size:1.42rem}.article-copy aside p{font-size:1.13rem}.article-conclusion>a{display:inline-flex;align-items:center;gap:14px;font-size:.72rem}.article-conclusion>a .contact-envelope{display:inline-block;width:18px;height:13px;margin-left:4px}@media(max-width:650px){.article-lead{padding-bottom:52px}.article-lead:hover,.article-lead:focus-visible{transform:translateY(-2px)}.article-copy p{font-size:1.06rem}}@media(prefers-reduced-motion:reduce){.reveal-panel{opacity:1;transform:none;transition:none}.article-lead{transition:none}}
html{scroll-behavior:smooth}
.article-copy .article-opening{font-size:clamp(1.08rem,1.25vw,1.18rem)}@media(max-width:650px){.article-copy .article-opening{font-size:1.06rem}}
.article-body>header h2{white-space:nowrap}.article-body>header h2 small{display:block;margin-top:12px;color:var(--color-accent);font-size:.3em;font-weight:400;letter-spacing:.24em;line-height:1.2}@media(max-width:760px){.article-body>header h2{white-space:normal}.article-body>header h2 small{font-size:.38em}}

/* Balanced Polish line endings and fewer typographic widows. */
:where(p,li){text-wrap:pretty}
:where(h1,h2,h3,h4,.eyebrow){text-wrap:balance}
.article-author{display:flex;align-items:center;justify-content:flex-end;margin:0 0 clamp(70px,7vw,105px);color:#7f1714;font-weight:500;letter-spacing:.13em;text-align:right}.article-conclusion .article-author{font-size:clamp(1.12rem,1.55vw,1.38rem)}.article-conclusion>a .contact-envelope{display:inline-block;width:18px;height:13px;margin-left:4px}
.trial-article{margin-top:calc(clamp(94px,11vw,155px)*-.52)}.trial-lead{cursor:default}.trial-lead:hover,.trial-lead:focus-visible{transform:none}.trial-visual{display:grid;place-items:center;background:linear-gradient(135deg,#d9ddda,#c7cdca)}.trial-visual:after{background:linear-gradient(125deg,rgba(255,255,255,.12),rgba(20,28,35,.12))}.trial-visual span{position:relative;z-index:1;color:#777;font-size:.67rem;letter-spacing:.2em}

/* Widok listy artykulow: pelna tresc otrzyma osobna podstrone. */
.article-body{display:none}
.featured-article{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}
.article-visual{min-height:322px}
.article-lead{padding:clamp(29px,3.75vw,54px);transition:transform .46s cubic-bezier(.2,.75,.25,1)}
.article-lead h2{font-size:clamp(1.32rem,2.25vw,2.1rem)}
.article-lead:hover,.article-lead:focus-visible{transform:scale(.965)}
.trial-lead:hover,.trial-lead:focus-visible{transform:scale(.965)}
@media(max-width:900px){.article-visual{min-height:292px}}
@media(max-width:650px){.article-visual{min-height:233px}.article-lead{padding:24px 20px}}

/* Przelaczanie miedzy lista wpisow a widokiem artykulu. */
body.article-open .article-body{display:block}
body.article-open .trial-article{display:none}
body.article-open .featured-article:not(.trial-article){margin-bottom:clamp(58px,7vw,92px)}
.article-back{display:inline-block;margin:0 0 34px;padding-bottom:6px;border-bottom:1px solid var(--color-accent);color:var(--color-accent);font-size:.7rem;letter-spacing:.14em;text-decoration:none}

/* Natywne otwieranie artykulu przez kotwice - dziala bez JavaScriptu. */
.article-body:target{display:block}
body:has(.article-body:target) .trial-article{display:none}
body:has(.article-body:target) .featured-article:not(.trial-article){margin-bottom:clamp(58px,7vw,92px)}

.trial-coming-soon{color:var(--color-accent);font-size:.82rem;font-weight:500}.trial-visual:after{background:rgba(255,255,255,.68)}.trial-visual img{filter:blur(2.2px);transform:scale(1.018)}.article-back-bottom{margin:clamp(70px,8vw,110px) 0 0}

.floating-article-back{position:fixed;z-index:40;top:116px;left:clamp(14px,2vw,30px);display:none;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(127,23,20,.65);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--color-accent);font-size:.66rem;letter-spacing:.12em;text-decoration:none;box-shadow:0 5px 18px rgba(28,35,42,.08)}body.article-open .floating-article-back,body:has(.article-body:target) .floating-article-back{display:flex}@media(max-width:650px){.floating-article-back{top:88px;left:10px;padding:8px 10px;font-size:.6rem}}

.knowledge-kicker i{display:block;height:1px;background:rgba(178,27,13,.55);box-shadow:none}

/* BLOG: stabilny uklad responsywny dla tabletu i telefonu. */
@media(max-width:900px){
  .knowledge-page main{overflow-x:hidden}
  .knowledge-hero{padding-inline:clamp(24px,6vw,52px)}
  .knowledge-heading{grid-template-columns:1fr;gap:30px}
  .featured-article{width:100%;grid-template-columns:minmax(0,1fr);padding-inline:clamp(22px,5vw,44px);box-sizing:border-box}
  .featured-article .article-visual{grid-row:1;min-width:0;min-height:clamp(255px,48vw,380px)}
  .featured-article .article-lead{grid-row:2;min-width:0;margin:-28px 20px 0;padding:clamp(30px,6vw,48px);box-sizing:border-box}
  .trial-article{margin-top:-34px}
  .article-body{width:100%;box-sizing:border-box}
}
@media(max-width:650px){
  .knowledge-hero{padding:38px 20px 46px}
  .knowledge-kicker{grid-template-columns:28px minmax(0,1fr);gap:10px;margin-bottom:30px;font-size:.56rem;letter-spacing:.11em}
  .knowledge-heading h1{max-width:100%;font-size:clamp(1.85rem,9vw,2.45rem);letter-spacing:.055em;overflow-wrap:anywhere}
  .knowledge-heading h1 span{font-size:.43em;letter-spacing:.12em}
  .knowledge-heading>p{margin-top:25px;padding-left:14px;font-size:.92rem;line-height:1.65}
  .featured-article{margin-bottom:58px;padding-inline:14px}
  .featured-article .article-visual{min-height:220px}
  .featured-article .article-lead{margin:-20px 10px 0;padding:25px 21px}
  .article-lead h2{font-size:clamp(1.28rem,6.2vw,1.7rem);line-height:1.2;overflow-wrap:anywhere}
  .article-meta{margin-bottom:16px;font-size:.58rem}
  .article-deck{margin:18px 0 4px;font-size:.92rem;line-height:1.6}
  .trial-article{margin-top:-20px}
  .article-body{padding-inline:20px;padding-bottom:95px;scroll-margin-top:90px}
  .article-body>header{gap:8px;margin-bottom:36px;padding-top:24px}
  .article-body>header h2{font-size:clamp(1.75rem,8vw,2.15rem);overflow-wrap:anywhere}
  .article-body>header h2 small{font-size:.36em;letter-spacing:.14em}
  .article-copy,.article-body>header{min-width:0}
  .article-copy p,.article-copy .article-opening{font-size:1rem;line-height:1.72;overflow-wrap:anywhere}
  .article-copy h3{margin-top:44px;font-size:1.25rem;line-height:1.35;overflow-wrap:anywhere}
  .article-copy aside{grid-template-columns:1fr;gap:10px;margin:36px 0;padding:22px 20px}
  .article-conclusion>a{font-size:.68rem;line-height:1.5}
  .article-author{margin-bottom:70px;font-size:1.05rem!important}
}
@media(max-width:380px){
  .knowledge-hero{padding-inline:16px}
  .featured-article{padding-inline:10px}
  .featured-article .article-lead{margin-inline:7px;padding-inline:17px}
  .article-body{padding-inline:16px}
}


html,body{margin:0}