@font-face { font-family: "Hanken Grotesk"; font-weight: 300 800; font-display: swap; src: url("fonty/hanken-grotesk-300-800-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+1E00-1E9F; }
@font-face { font-family: "Hanken Grotesk"; font-weight: 300 800; font-display: swap; src: url("fonty/hanken-grotesk-300-800-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F; }
body { margin: 0; background: #fff; color: #1a1f1c; font: 400 17px/1.6 "Hanken Grotesk", system-ui, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: clamp(40px, 9vw, 96px) 20px; }
.nad { margin: 0 0 10px; font-size: 13px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: #0f3d2a; }
h1 { margin: 0; font-size: clamp(32px, 6vw, 52px); line-height: 1.08; font-weight: 650; color: #111; }
.opis { margin: 18px 0 0; color: #55605a; max-width: 34em; }
ol { list-style: none; margin: 40px 0 0; padding: 0; border-top: 1px solid #dde3df; }
li a { display: grid; gap: 4px; padding: 22px 0; border-bottom: 1px solid #dde3df; color: inherit; text-decoration: none; }
li strong { font-size: 24px; font-weight: 650; color: #0f3d2a; }
li span { color: #55605a; }
li a:hover strong, li a:focus-visible strong { text-decoration: underline; text-underline-offset: 5px; }
li a:focus-visible { outline: 2px solid #14213d; outline-offset: 4px; }