@media print {
    body {
        background: #ffffff !important;
        color: #000000 !important;
        font-size: 12pt;
    }

    header,
    nav,
    .discover,
    .submit-btn {
        display: none !important;
    }

    main .hero,
    .hero,
    .subpage,
    .action-page {
        height: auto !important;
        min-height: auto !important;
        background-image: none !important;
    }

    .subpage-hero,
    .personal-picture-figure,
    .promises-placeholder {
        background-image: none !important;
    }

    .hero-text,
    .subpage-intro,
    .card,
    .media-figure {
        background: #ffffff !important;
        border: 1px solid #cccccc !important;
        box-shadow: none !important;
        page-break-inside: avoid;
    }

    .hero .personal-picture img {
        position: static;
        height: auto;
        max-height: 320px;
        object-fit: contain;
    }

    h1, h2, h3 {
        color: #000000 !important;
    }

    main .quote-panel {
        background: #ffffff !important;
        color: #000000 !important;
        border: 1px solid #cccccc !important;
    }

    main .quote-panel blockquote,
    main .quote-panel .quote-credit,
    main .quote-panel a {
        color: #000000 !important;
    }

    .creative-event h3 {
        break-after: avoid;
    }

    .creative-trace {
        break-inside: avoid;
    }
}



@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition: none !important;
        scroll-behavior: auto !important;
    }
}