.admin-bar .rd-header {
    top:38px
}
.admin-bar .rd-rainbow {
    top:32px
}
@media(min-width:768px) and (max-width:1023px) {
    .rd-hero-grid {
        gap:48px
    }
    .rd-header {
        padding:0 32px
    }
    .rd-desktop-nav {
        gap:16px
    }
    .rd-footer-top {
        flex-wrap:wrap
    }
}
@media(max-width:1023px) {
    .rd-about-grid,.rd-contact-grid {
        grid-template-columns:1fr
    }
    .rd-about-image {
        justify-self:center
    }
    .rd-footer-top {
        flex-direction:column;
        align-items:center
    }
    .rd-contact-grid {
        gap:48px
    }
}
@media(max-width:767px) {
    .rd-header {
        padding:0 24px
    }
    .rd-desktop-nav,.rd-header-actions>.rd-etsy {
        display:none
    }
    .rd-menu-toggle {
        display:block
    }
    .rd-hero {
        padding:112px 24px 64px
    }
    .rd-hero-grid {
        grid-template-columns:1fr;
        gap:48px
    }
    .rd-hero-art {
        height:420px;
        max-width:516px;
        width:100%;
        margin:auto
    }
    .rd-hero-copy>p {
        max-width:none
    }
    .rd-recent h2 {
        font-size:30px
    }
    .rd-home-quote h2 {
        font-size:30px
    }
    .rd-page-intro {
        padding:128px 32px 48px
    }
    .rd-three-columns {
        grid-template-columns:1fr
    }
    .rd-footer-nav {
        justify-content:center;
        gap:16px
    }
    .rd-nav-list {
        flex-wrap:wrap
    }
    .rd-mobile-nav .rd-nav-list {
        flex-direction:column;
        align-items:stretch;
        gap:0
    }
    .rd-form-grid {
        grid-template-columns:1fr
    }
    .rd-section {
        padding:80px 32px
    }
    .admin-bar .rd-header {
        top:52px
    }
    .admin-bar .rd-rainbow {
        top:46px
    }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    *,*:before,*:after {
        transition:none!important
    }
}
/* Match the reference's inherited heading and form line heights. */
h2,h3 {
    line-height:1.5
}
.rd-recent h2 {
    line-height:1.1111
}
.rd-form label {
    line-height:24px
}
.rd-form input,.rd-form textarea,.rd-form select {
    font-weight:400
}
.rd-home-quote h2 {
    line-height:1.1111
}
.rd-contact-detail h3 {
    line-height:24px
}
.rd-auth {
    padding:48px 16px;
    background:#f9f7fd
}
.rd-auth-inner>h1 {
    font-family:'Playfair Display',serif;
    line-height:40px
}
.rd-square {
    background:#c3612c;
    border:1px solid #a25125;
    min-height:38px;
    line-height:20px;
    color:#fff
}
.rd-card h2,.rd-account>h1,.rd-custom-hero h1,.rd-custom-form h2 {
    font-family:'Playfair Display',serif
}
.rd-custom-hero {
    margin-top:0
}
.rd-footer {
    background:#f9f7fd
}
.rd-span-all {
    grid-column:1/-1
}
.rd-upload input[type=file] {
    width:100%;
    height:auto
}
.rd-upload {
    gap:8px;
    margin-top:16px
}
.rd-upload {
    align-items:center;
    position:relative;
    cursor:pointer
}
.rd-upload input[type=file] {
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    overflow:hidden
}
.rd-upload:focus-within {
    outline:2px solid var(--rd-purple);
    outline-offset:3px
}
.rd-upload svg {
    color:#7d718e
}
.rd-upload-previews {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:16px
}
.rd-upload-previews>div {
    position:relative
}
.rd-upload-previews img {
    width:100%;
    height:96px;
    object-fit:cover;
    border-radius:8px
}
.rd-upload-previews button {
    position:absolute;
    top:4px;
    right:4px;
    border:0;
    border-radius:50%;
    width:24px;
    height:24px;
    background:#0008;
    color:#fff
}
@media(max-width:767px) {
    .rd-upload-previews {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}