@supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)) {
    /* Blur Navigation Bar */
    #ac-localnav.ac-localnav-scrim .ac-ln-background {
        background-color: rgba(255, 255, 255, 0.65);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
    }
}

.button-pill {
    border-radius: 1em;
}

.bg-yellow {
    background: linear-gradient(135deg, #f8f5e2 0%, #fafafa 100%);
}

.icon-arkit::before,
.icon-arkit::after {
    content: none;
}

.icon-xcode {
    margin: 0 auto 1.5em;
    width: 96px;
    height: 96px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/assets/elements/icons/xcode-12/xcode-12-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .icon-xcode {
        background-image: url("/assets/elements/icons/xcode-12/xcode-12-96x96_2x.png");
    }
}

.icon-xcode-11 {
    margin: 0 auto 1.5em;
    width: 96px;
    height: 96px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/assets/elements/icons/xcode/xcode-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .icon-xcode-11 {
        background-image: url("/assets/elements/icons/xcode/xcode-96x96_2x.png");
    }
}

.icon-roomplan {
    margin: 0 auto 1.5em;
    width: 104px;
    height: 104px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/assets/elements/icons/roomplan/roomplan-128x128_2x.png");
}

.icon-arkit {
    margin: 0 auto 1.5em;
    width: 96px;
    height: 96px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/assets/elements/icons/arkit/arkit-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .icon-arkit {
        background-image: url("/assets/elements/icons/arkit/arkit-96x96_2x.png");
    }
}

.icon-realitykit {
    margin: 0 auto 1.5em;
    width: 96px;
    height: 96px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/assets/elements/icons/realitykit/realitykit-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .icon-realitykit {
        background-image: url("/assets/elements/icons/realitykit/realitykit-96x96_2x.png");
    }
}

.icon-reality-composer {
    margin: 0 auto 1.5em;
    width: 96px;
    height: 96px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/assets/elements/icons/reality-composer-ios/reality-composer-ios-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .icon-reality-composer {
        background-image: url("/assets/elements/icons/reality-composer-ios/reality-composer-ios-96x96_2x.png");
    }
}

.icon-reality-converter {
    margin: 0 auto 1.5em;
    width: 96px;
    height: 96px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/assets/elements/icons/reality-converter-mac/reality-converter-macos-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .icon-reality-converter {
        background-image: url("/assets/elements/icons/reality-converter-mac/reality-converter-macos-96x96_2x.png");
    }
}

.icon-command-tool {
    margin: 0 auto 1.5em;
    width: 96px;
    height: 96px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/assets/elements/icons/command-tool/command-tool-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .icon-command-tool {
        background-image: url("/assets/elements/icons/command-tool/command-tool-96x96_2x.png");
    }
}

@media only screen and (max-width: 735px) {
    .button-pill {
        margin-top: 1em;
    }
}

/* ========== Grid ========== */
#main section.section {
    padding-top: 4em;
    padding-bottom: 4em;
}
#main section .section-content .row {
    margin-left: 0;
    margin-right: 0;
}
#main section .section-content .row > .column {
    padding: 0;
}

@media only screen and (max-width: 1068px) {
    #main section .section-content .row {
        margin-left: 0;
        margin-right: 0;
    }
    #main section .section-content .row > .column {
        padding: 0;
    }
}

@media only screen and (max-width: 735px) {
    #main section.section {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    #main section .section-content .row {
        margin-left: 0;
        margin-right: 0;
    }
    #main section .section-content .row > .column {
        padding: 1em 0;
    }
}