@media (max-width: 980px) {
    .desktop {
        overflow: visible;
    }

    .desktop-intro {
        width: 100%;
        margin-left: 0;
        padding-inline: 0;
    }

    .desktop-icons {
        position: static;
        grid-template-columns: repeat(3, minmax(90px, 1fr));
        grid-template-rows: none;
        grid-auto-flow: row;
        margin: 1rem 0;
    }

    .desktop-corner-image {
        display: none;
    }

    .desktop-icons.is-freeform {
        position: static;
        display: grid;
        pointer-events: auto;
    }

    .desktop-icons.is-freeform .desktop-icon {
        position: static;
        width: auto;
    }

    .windows-layer {
        position: relative;
        inset: auto;
        margin-left: 0;
        min-height: 0;
        pointer-events: auto;
    }

    .desktop-window {
        position: fixed;
        inset: 74px 1rem 58px;
        width: auto;
        min-width: 0;
        min-height: 0;
        max-height: none;
        z-index: 250;
    }

    .window-titlebar {
        cursor: default;
    }

    .window-resize-handle {
        display: none;
    }

    .desktop-window:not(.is-active) {
        z-index: 210;
    }

    .project-grid,
    .info-grid,
    .split-content,
    .contact-layout,
    .newsletter-layout {
        grid-template-columns: 1fr;
    }

    .contact-data-row,
    .contact-data-row dd {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .contact-data-row dd {
        display: grid;
    }
}

@media (max-width: 700px) {
    .site-header,
    .site-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .site-nav {
        width: 100%;
    }

    .header-actions {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
    }

    .desktop {
        padding: 1rem;
    }

    .desktop-icons {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

    .desktop-icon {
        min-height: 104px;
        background: rgba(255,255,255,.12);
        border-color: rgba(255,255,255,.24);
    }

    .desktop-window {
        inset: 64px 0 46px;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .window-content {
        padding: .9rem;
    }

    .content-shell {
        padding: 1rem;
    }
}