.blogi{max-width:1180px;margin-inline:auto;padding-inline:var(--space-s);padding-block:var(--space-l)}.blogi-grid{display:grid;row-gap:var(--space-l);grid-template-areas:"meta" "kuva" "vasen" "runko" "oikea"}.blogi-grid__meta{grid-area:meta;min-width:0}.blogi-grid__kuva{grid-area:kuva;min-width:0}.blogi-grid__vasen{grid-area:vasen;min-width:0}.blogi-grid__runko{grid-area:runko;min-width:0}.blogi-grid__oikea{grid-area:oikea;min-width:0}@media(min-width:56.25rem){.blogi-grid{grid-template-columns:4fr 8fr;column-gap:var(--space-xl);grid-template-areas:"meta  meta" "kuva  kuva" "vasen runko" "vasen oikea"}}@media(min-width:75rem){.blogi-grid{grid-template-columns:3fr 6fr 3fr;grid-template-areas:"kuva  kuva  kuva" "vasen runko meta" "vasen runko oikea"}}.blogi-meta{display:flex;align-items:center;gap:var(--space-xs)}.blogi-meta__kuva{flex:none;inline-size:56px;block-size:56px;border-radius:50%;object-fit:cover}.blogi-meta__nimi{font-weight:700;font-size:var(--fib-2)}.blogi-meta__rivi{display:block;font-size:var(--fib-2);color:var(--text-muted)}.blogi-kortti{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.blogi-kortti__eyebrow{margin-block-end:0}.blogi-kortti__kuvalinkki{display:block;overflow:hidden;border-radius:var(--eb-radius);background:var(--panel);box-shadow:var(--varjo-siirtyma) var(--varjo-siirtyma) 0 var(--varjo-pinta)}.blogi-kortti__kuva{display:block;inline-size:100%;block-size:auto;aspect-ratio:3 / 2;object-fit:cover}.blogi-kortti__otsikko{font-size:var(--step-1);line-height:var(--leading-heading);letter-spacing:-.01em;margin:0}.blogi-kortti__otsikko a{color:inherit;text-decoration:none}.blogi-kortti__otsikko a:hover{text-decoration:underline}.blogi-kortti__teksti{color:var(--text-muted);font-size:var(--fib-2);margin:0}.blogi-kortti__meta{font-size:var(--fib-2);color:var(--text-muted)}.blogi-kortti--iso{gap:var(--space-s)}@media(min-width:56.25rem){.blogi-kortti--iso{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;column-gap:var(--space-xl)}.blogi-kortti--iso .blogi-kortti__kuvalinkki{grid-row:span 5}.blogi-kortti--iso .blogi-kortti__kuva{aspect-ratio:16 / 10}.blogi-kortti--iso .blogi-kortti__otsikko{font-size:var(--step-3);letter-spacing:-.02em}}.blogi-tyhja{color:var(--text-muted);max-width:var(--measure-narrow)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/blogi.css.map */