.Billboard {
    --gap-base: 30px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-base);
    padding: 0 var(--gap-base);

    .logo {
        width: min(100px, 100%);
        aspect-ratio: 1;
        background-color: var(--color-primary);
        mask-image: url("../logos/hdrjpg_logo-95e2a532f23f2503324b31c7d11883ce.svg");
        mask-size: contain;
        mask-repeat: no-repeat;
    }

    h1 {
        position: relative;
        font-size: 45pt;
        line-height: 1em;
        letter-spacing: var(--titles-font-big-letter-spacing);
    }

    h2 {
        font-size: 15pt;
        font-weight: 500;

        & > .no-break {
            white-space: nowrap;
        }
    }

    h1, h2 {
        color: var(--color-primary);
        margin: 0;

        text-align: center;
	    text-wrap: balance;

        b {
            color: var(--color-accent);
            font-weight: inherit;
        }
    }

    h1,
    h2,
    div {
        max-width: 900px;
    }

    &.fullScreen {
        min-height: 100vh;
    }

    &:not(.fullScreen) {

    }
}