/* The page a guest lands on: what MovieBuff is, a way to look something up,
   and the two ways in. */

/* Lit from one corner in the accent's tint, so the first thing a visitor sees
   says whose site this is before a word of it is read. */
.home-hero {
    border: 1px solid var(--mb-border-faint);
    border-radius: var(--mb-radius-lg);
    background:
        radial-gradient(120% 140% at 0% 0%, var(--mb-accent-tint), transparent 60%),
        var(--mb-surface);
    box-shadow: var(--mb-shadow-sm);
}

.home-hero-title {
    color: var(--mb-ink-strong);
}

.home-hero-lead {
    max-width: 40rem;
    color: var(--mb-ink-muted);
}

.home-hero-search {
    max-width: 36rem;
}

.home-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--mb-radius);
    background-color: var(--mb-accent-tint);
    color: var(--mb-accent);
    font-size: 1.125rem;
}