.book-preview {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(320px, .78fr);
    gap: clamp(28px, 5vw, 64px);
    align-items: center;
    background:
        radial-gradient(circle at 82% 22%, rgba(39, 187, 188, .18), transparent 34%),
        linear-gradient(135deg, #102033, #111820);
    color: #fff;
}

.book-copy p {
    color: #efe7d8;
    max-width: 720px;
}

.book-copy .lead-dark {
    color: #fff;
}

.book-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.book-points span {
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    color: #efe7d8;
    font-size: .9rem;
    font-weight: 800;
    padding: 8px 12px;
}

.book-art {
    margin: 0;
    position: relative;
}

.book-art img {
    border-radius: 8px;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .32);
    display: block;
    width: 100%;
}

.book-art::before {
    background: var(--gold);
    border-radius: 999px;
    color: #fff;
    content: "2027 release";
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    padding: 9px 13px;
    position: absolute;
    right: 18px;
    text-transform: uppercase;
    top: 18px;
    z-index: 2;
}

@media (max-width: 900px) {
    .book-preview {
        grid-template-columns: 1fr;
    }

    .book-art {
        max-width: 560px;
    }
}

@media (max-width: 560px) {
    .book-preview {
        padding: 42px 18px;
    }

    .book-art::before {
        right: 10px;
        top: 10px;
    }
}