/* Desktop visual rhythm for the custom creation page only. */
@media (min-width: 981px) {
    .ee-site-main .ee-creation-page .ee-creation-hero {
        min-height: 420px;
        padding-block: 42px;
        background-color: #21483f;
    }

    .ee-site-main .ee-creation-page .ee-creation-hero::after {
        background: linear-gradient(90deg, rgba(21, 48, 42, .86), rgba(28, 73, 64, .62) 48%, rgba(36, 83, 70, .08));
    }

    .ee-site-main .ee-creation-page .ee-creation-hero-inner {
        max-width: var(--ee-shell) !important;
    }

    .ee-site-main .ee-creation-page .ee-creation-hero-inner > * {
        max-width: 620px;
    }

    .ee-site-main .ee-creation-page .ee-creation-hero-promise {
        margin-top: 18px;
    }

    .ee-site-main .ee-creation-page .ee-creation-hero-secondary {
        margin-top: 16px;
    }

    .ee-site-main .ee-creation-page .ee-creation-hero .wp-block-buttons {
        margin-top: 22px;
    }

    .ee-site-main .ee-creation-page .ee-creation-band {
        padding-block: 52px;
    }

    .ee-site-main .ee-creation-page .ee-creation-jump-links {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 24px;
    }

    .ee-site-main .ee-creation-page .ee-creation-jump-links a {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 9px 10px;
        border: 1px solid #c8ded7;
        border-left: 4px solid #ee8c24;
        border-radius: 5px;
        background: #fffaf3;
        color: #174f46;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.3;
        text-decoration: none;
    }

    .ee-site-main .ee-creation-page .ee-creation-jump-links a::after {
        content: "\2193";
        margin-left: auto;
        padding-left: 8px;
        color: #ce6d14;
        font-weight: 800;
    }

    .ee-site-main .ee-creation-page .ee-creation-jump-links a:hover {
        border-color: #f0a34a;
        background: #fff4e2;
        color: #103d36;
    }

    .ee-site-main .ee-creation-page .ee-creation-feature {
        gap: 44px;
    }

    .ee-site-main .ee-creation-page .ee-creation-feature img {
        max-height: 390px;
    }

    .ee-site-main .ee-creation-page .ee-creation-interactive {
        background: linear-gradient(135deg, #1c4138, #2d766a);
        box-shadow: inset 0 6px #ef9b32;
    }

    .ee-site-main .ee-creation-page .ee-creation-process {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        padding-left: 0;
        list-style: none;
        counter-reset: creation-process;
    }

    .ee-site-main .ee-creation-page .ee-creation-process li {
        position: relative;
        min-height: 96px;
        padding: 16px 18px 16px 56px;
        border: 1px solid #c8ded7;
        border-radius: 5px;
        background: #fff;
        font-size: 15px;
        line-height: 1.55;
        counter-increment: creation-process;
    }

    .ee-site-main .ee-creation-page .ee-creation-process li + li {
        margin-top: 0;
    }

    .ee-site-main .ee-creation-page .ee-creation-process li::before {
        content: counter(creation-process, decimal-leading-zero);
        position: absolute;
        top: 17px;
        left: 18px;
        color: #d06f17;
        font-size: 14px;
        font-weight: 800;
        line-height: 1;
    }

    .ee-site-main .ee-creation-page .ee-creation-final {
        background: #fff6f0;
        border-top-color: #f0d7c4;
    }
}