/*!*
 * This file is part of the SplendidBear Websites' projects.
 *
 * Copyright (c) 2026 @ www.splendidbear.org
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.hero--compact {
    min-height: unset;
    padding: 36px 60px 48px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: left;
    gap: 52px;

    &::before, &::after { display: none; }

    .hero-logo {
        flex-shrink: 0;
        margin-bottom: 0;

        img { width: 180px; }
    }

    .hero-body {
        align-items: flex-start;
    }

    .hero-sub {
        font-size: 14px;
        letter-spacing: 2px;
        margin-bottom: 10px;
    }

    h1 {
        font-size: 26px;
        margin-bottom: 24px;
        letter-spacing: 0;
    }

    .hero-cta {
        padding: 12px 52px 10px;
        font-size: 18px;
        letter-spacing: 4px;
    }

    .hero-meta {
        margin-top: 20px;
    }
}

// Also shrink the bottom fade on sub-pages
header:has(.hero--compact)::after {
    height: 60px;
}