.herosis{position:relative;z-index:1;min-height:clamp(400px,50svh,500px);display:flex;flex-direction:column;justify-content:flex-end;padding-block:clamp(52px,7vw,80px) clamp(24px,3vw,34px)}.hero h1{font-size:clamp(34px,7.6vw,58px);margin:14px 0;color:#fff;max-width:17ch;text-shadow:0 2px 30px rgba(0,0,0,.4)}.luotto{background:var(--musta-2);color:rgba(255,255,255,.82);border-bottom:1px solid rgba(255,255,255,.08)}.luottorivi{display:grid;grid-template-columns:repeat(4,1fr)}.luottorivi>div{padding:18px 18px 18px 0}.luottorivi>div+div{border-left:1px solid rgba(255,255,255,.12);padding-left:20px}.luottorivi b{display:block;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sini-2);margin-bottom:4px}@media(max-width:820px){.luottorivi{grid-template-columns:1fr 1fr}.luottorivi>div{padding:15px 14px 15px 0}.luottorivi>div:nth-child(odd){border-left:0;padding-left:0}.luottorivi>div:nth-child(3),.luottorivi>div:nth-child(4){border-top:1px solid rgba(255,255,255,.12);padding-top:15px}}.polku .nro{font-size:11px;text-transform:uppercase;color:var(--sini-2)}.lupaus .nro,.polku .nro{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;letter-spacing:.2em}.lupaus .nro{font-size:12px;color:var(--sini)}