.hero-start.on-posti .posti-merkki{pointer-events:none;width:70px;height:84px;position:absolute;top:18px;right:18px}.hero-start.on-posti .posti-merkki-sisus{--kolo:4px;padding:var(--kolo);background:var(--primary-strong);-webkit-mask:radial-gradient(var(--kolo) at var(--kolo) var(--kolo), #0000 97%, #000) calc(-1 * var(--kolo)) calc(-1 * var(--kolo)) / calc(2 * var(--kolo)) calc(2 * var(--kolo)) round, linear-gradient(#000 0 0) content-box;-webkit-mask:radial-gradient(var(--kolo) at var(--kolo) var(--kolo), #0000 97%, #000) calc(-1 * var(--kolo)) calc(-1 * var(--kolo)) / calc(2 * var(--kolo)) calc(2 * var(--kolo)) round, linear-gradient(#000 0 0) content-box;mask:radial-gradient(var(--kolo) at var(--kolo) var(--kolo), #0000 97%, #000) calc(-1 * var(--kolo)) calc(-1 * var(--kolo)) / calc(2 * var(--kolo)) calc(2 * var(--kolo)) round, linear-gradient(#000 0 0) content-box;filter:drop-shadow(0 1px 1.5px #1520194d);position:absolute;inset:0}.hero-start.on-posti .posti-merkki-kuva{height:100%;color:var(--on-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--on-primary) 55%, transparent);align-content:center;justify-items:center;gap:2px;display:grid}.hero-start.on-posti .posti-merkki-sisus svg{color:var(--accent)}.hero-start.on-posti .posti-merkki-arvo{font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1}.hero-start.on-posti .posti-merkki-maa{font-family:var(--font-mono);letter-spacing:.14em;opacity:.85;font-size:.5rem}.hero-start.on-posti .posti-leima{color:var(--primary-strong);opacity:.55;position:absolute;top:26px;left:-52px;transform:rotate(-14deg)}.hero-start.on-posti .hero-start-title{padding-right:96px}.hero-start.on-posti .hero-start-row,.hero-start.on-osoite .hero-start-row{--lokero:2.2ch;width:calc(var(--lokero) * 5 + 3px);font-family:var(--font-mono);border:1.5px solid var(--primary-strong);background-color:var(--surface);background-image:linear-gradient(90deg, transparent calc(var(--lokero) - 1px), var(--border-strong) 0);background-size:var(--lokero) 100%;background-repeat:repeat-x;border-radius:6px;font-size:1.7rem;font-weight:500;overflow:hidden}.hero-start.on-posti .hero-start-row:focus-within,.hero-start.on-osoite .hero-start-row:focus-within{outline:2px solid var(--accent);outline-offset:2px}.hero-start.on-posti .hero-start-row input,.hero-start.on-osoite .hero-start-row input{width:calc(var(--lokero) * 6);max-width:none;padding:12px 0 12px calc((var(--lokero) - 1ch) / 2);font:inherit;letter-spacing:calc(var(--lokero) - 1ch);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;display:block}.hero-start.on-posti .hero-start-row input::placeholder,.hero-start.on-osoite .hero-start-row input::placeholder{color:color-mix(in srgb, var(--ink-muted) 45%, transparent);letter-spacing:calc(var(--lokero) - 1ch)}@media (max-width:760px){.hero-start.on-posti .posti-merkki{width:56px;height:68px;top:14px;right:14px}.hero-start.on-posti .posti-leima{display:none}.hero-start.on-posti .posti-merkki-sisus svg{width:20px;height:20px}.hero-start.on-posti .hero-start-title{padding-right:72px}}.hero-start.on-posti .hero-start-nuoli,.hero-start.on-osoite .hero-start-nuoli{display:none}.hero-start.on-osoite .osoite-lappu{gap:4px;display:grid}.hero-start.on-osoite .osoite-otsake{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem}.hero-start.on-osoite .osoite-nimi{font-family:var(--font-display);color:var(--ink);border-bottom:1px solid var(--border-strong);margin:0;padding-bottom:8px;font-size:1.28rem;font-weight:600;line-height:1.2}.hero-start.on-osoite .osoite-rivi{align-items:center;gap:14px;margin-top:10px;display:flex}.hero-start.on-osoite .osoite-rivi .hero-start-row{flex:none;font-size:1.45rem}.hero-start.on-osoite .osoite-paikka{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);letter-spacing:.06em;color:color-mix(in srgb, var(--ink-muted) 45%, transparent);font-size:1.05rem;font-weight:600;transition:color .2s;overflow:hidden}.hero-start.on-osoite .osoite-paikka.on-tunnistettu{color:var(--primary-strong)}@media (prefers-reduced-motion:reduce){.hero-start.on-osoite .osoite-paikka{transition:none}}@media (min-width:861px){.hero-etusivu .hero-grid:has(.hero-start.on-osoite){row-gap:clamp(30px,6vh,100px)}.hero-start.on-osoite .hero-start-row input{padding-block:9px}}.hero-start.on-osoite,.hero-start.on-osoite .osoite-lappu,.hero-start.on-osoite .osoite-rivi{min-width:0}@media (max-width:760px){.hero-start.on-osoite .osoite-rivi .hero-start-row{font-size:1.3rem}.hero-start.on-osoite .osoite-paikka{font-size:.92rem}}