/* Home — co-brand lockup + Coming Soon */

.home-hero {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1.5rem;
    position: relative;
    z-index: 1;
}

.lockup {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1.25rem, 3.5vw, 2.5rem);
    margin-bottom: 2.75rem;
    opacity: 0;
    animation: fadeIn 1.2s ease forwards;
    flex-wrap: wrap;
}

.lockup .cobrand-logo { width: clamp(280px, 60vw, 560px); height: auto; display: block; }

.home-eyebrow {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.45em;
    text-transform: uppercase;
    color: var(--tom-red);
    margin-bottom: 1.25rem;
    opacity: 0;
    animation: fadeIn 1.2s ease 0.25s forwards;
}

.home-hero h1 {
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    letter-spacing: 0.3em;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    opacity: 0;
    animation: fadeIn 1.2s ease 0.4s forwards;
}

.home-hero h1 strong { font-weight: 600; }

.home-divider {
    width: 3rem;
    height: 1px;
    background: var(--border);
    margin: 0 auto 1.75rem;
    opacity: 0;
    animation: fadeIn 1.2s ease 0.55s forwards;
}

.home-hero p {
    font-size: clamp(1rem, 2vw, 1.125rem);
    font-weight: 300;
    letter-spacing: 0.04em;
    line-height: 1.85;
    max-width: 34rem;
    margin: 0 auto 1rem;
    color: var(--text-muted);
    opacity: 0;
    animation: fadeIn 1.2s ease 0.7s forwards;
}

.home-hero p strong { color: var(--text); font-weight: 400; }

.home-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 1.75rem;
    font-size: 0.78rem;
    font-weight: 400;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--text-light);
    opacity: 0;
    animation: fadeIn 1.2s ease 0.85s forwards;
    flex-wrap: wrap;
}

.home-meta .meta-dot {
    width: 4px;
    height: 4px;
    background: var(--tom-red);
    border-radius: 50%;
    display: inline-block;
}

.home-cta {
    margin-top: 2.5rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    opacity: 0;
    animation: fadeIn 1.2s ease 1s forwards;
}

@keyframes fadeIn { to { opacity: 1; } }

@media (max-width: 520px) {
    .lockup-divider { display: none; }
    .home-meta { gap: 1rem; font-size: 0.7rem; }
}