/* /jak-pracujemy page. Ported verbatim from the design artifact's <helmet> styles
   (tests/fixtures/subpages/jak-pracujemy/Main.dc.html), photo URLs pointing to the site files; plus the
   artifact runtime's `@media print` baseline (as in site.css). */
body{margin:0}
h1,h2,h3{font-family:'Outfit','Quicksand',-apple-system,'Segoe UI',sans-serif}
h1,h2{font-weight:600 !important;letter-spacing:-.02em !important}
h3{font-weight:600 !important}
a{color:#22164A}a:hover{color:#81319C}
.op-hero-photo{background-color:#3A2F66;background-image:url(/assets/img/hero-jak-pracujemy.jpg?v=1);background-size:cover;background-position:center 40%;filter:grayscale(.45) brightness(.82) contrast(.95)}
.op-contact-photo{background-color:#3A2F66;background-image:url(/assets/img/kontakt-jak-pracujemy.jpg?v=1);background-size:cover;background-position:center 45%;filter:grayscale(.45) brightness(.82) contrast(.95)}
.op-hero-veil{background:linear-gradient(100deg,rgba(34,22,74,.93) 0%,rgba(34,22,74,.82) 35%,rgba(30,24,56,.72) 65%,rgba(34,22,74,.65) 100%)}
.op-mark{transition:background .3s ease, color .3s ease}
@media (prefers-reduced-motion:reduce){.op-mark{transition:none}}
.op-card{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.op-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(34,22,74,.10);border-color:#22164A}
/* Four principles in one row of landscape cards (owner request 2026-11-04): the lime
   marker sits in the card's corner instead of above the heading. */
section[aria-labelledby="h-zasady"] article{position:relative;padding:22px 24px 24px !important;gap:10px !important}
section[aria-labelledby="h-zasady"] article>span{position:absolute;top:-5px;right:-5px;width:12px !important;height:12px !important;outline:none !important}
section[aria-labelledby="h-zasady"] article>h3{padding-right:12px}
@media print {
  @page { margin: 0.5cm; }
  figure, table { break-inside: avoid; }
  *, *::before, *::after {
    print-color-adjust: exact; -webkit-print-color-adjust: exact;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    animation-delay: -99s !important; animation-duration: .001s !important;
    animation-iteration-count: 1 !important; animation-fill-mode: both !important;
    animation-play-state: running !important; transition-duration: 0s !important;
  }
}