/* Startvyn: hero och de två korten. */

.home .hero{max-width:640px;margin-bottom:var(--space-6)}
.home .hero h1{
  margin:0;font-family:var(--font-display);font-weight:600;
  font-size:var(--display-size);line-height:var(--display-line);
  letter-spacing:var(--display-track);color:var(--text);
}
.home .lede{
  margin:var(--space-3) 0 0;max-width:60ch;
  font-size:var(--lead-size);line-height:var(--lead-line);color:var(--text-muted);
}

.cards{display:grid;gap:var(--space-4)}
@media (min-width:620px){ .cards{grid-template-columns:1fr 1fr} }

.card{
  display:flex;flex-direction:column;gap:var(--space-3);
  text-decoration:none;color:inherit;
  border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:var(--space-4);background:var(--bg-panel);
  transition:border-color .15s,transform .15s;
}
.card:hover{border-color:var(--accent-text);transform:translateY(-2px)}

.card .glyph{color:var(--wood)}
.card .glyph .icon{width:32px;height:32px}
.card .kicker{
  margin:0;font-family:var(--font-display);
  font-size:var(--eyebrow-size);line-height:var(--eyebrow-line);font-weight:500;
  letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--text-muted);
  min-height:calc(var(--eyebrow-line) * 2);   /* håller rubrikerna i linje */
}
.card h2{
  margin:0;font-family:var(--font-display);font-weight:600;
  font-size:var(--title-size);line-height:var(--title-line);
  letter-spacing:var(--title-track);color:var(--text);
}
.card p{margin:0;color:var(--text-muted)}
.card .go{
  display:inline-flex;align-items:center;gap:var(--space-2);
  margin-top:var(--space-2);
  font-family:var(--font-display);font-size:15px;font-weight:500;
  color:var(--accent-text);
}
.card:hover .go .icon{transform:translateX(3px)}
.card .go .icon{width:20px;height:20px;transition:transform .15s}