.pyn-guides-main {
    --guide-night: #061024;
    --guide-panel: #102039;
    --guide-edge: #917344;
    --guide-highlight: #ffe09a;
    --guide-button: #a91e19;
    --guide-tint: #fff4d9;
    --guide-link: #794211;
    --guide-banner: url("hero-1000.webp");
    --guide-patterns: url("premium-640.webp");
    --guide-valuation: url("luxury-640.webp");
    --guide-buying: url("ultra-640.webp");
    --guide-transfers: url("hero-1000.webp");
    --guide-business: url("seller-1000.webp");
}

/* Resolve the artwork relative to this package, including in mobile layouts. */
.pyn-guide-hub-hero { background-image: var(--guide-hero-shade), var(--guide-banner); }
.pyn-guide-article-hero { background-image: var(--guide-article-shade), var(--guide-banner); }
.pyn-guide-card-art { background-image: var(--guide-card-shade), var(--guide-card-image, var(--guide-banner)); }

@media (max-width: 760px) {
    .pyn-guide-hub-hero { background-image: none; }
    .pyn-guide-hub-hero::before { background-image: var(--guide-banner); }
}

@media (min-width: 1100px) {
    .pyn-guides-main { --guide-banner: url("hero-2172.webp"); }
}