#promo {
    width: 80em;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4em;
    align-items: center;

    perspective: 150em;
}

#promo .promo-text {
    font-size: 2.5em;
    padding: 0 6em;
}

#promo .promo-title {
    font-family: "Title";
    font-size: 3em;
    padding: 0 5em;
}

#promo .promo-image {
    margin-top: -8em;
    margin-bottom: -3em;
    position: relative;
    --factor: 0.5;
    --bleed: calc(var(--factor) * 4em);
    width: calc(var(--factor) * 63em);
    height: calc(var(--factor) * 88em);
    overflow: hidden;
    border-radius: calc(var(--factor) * 2.5em);

    transform: rotate3d(5.5, -0.25, 1.5, 43deg);
    filter: drop-shadow(3em 7em 1em rgba(0, 0, 0, 0.5));
}

#promo .promo-image img {
    display: block;
    position: absolute;
    left: calc(-1 * var(--bleed));
    top: calc(-1 * var(--bleed));
    width: calc(100% + (2 * var(--bleed)));
    height: calc(100% + (2 * var(--bleed)));
}