html, body {
    font-optical-sizing: auto;
    font-family: "Fraunces", serif;
    font-weight: 300;
    font-optical-sizing: auto;
    color: #331A0C;
    margin: 0;
    background-color: #F2F1EC;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.other-sessions-stack {
    display: flex;
    flex-wrap: nowrap;
    padding: 60px;
    box-sizing: border-box;
}
    .other-sessions-stack .half {
        display: flex;
        width: 50%;
        box-sizing: border-box;
        flex-wrap: wrap;
    }
.other-sessions-stack .half .other-session-b {
    display: flex;
    width: 100%;
    margin: 0;
}
        .other-sessions-stack .half:nth-of-type(1) div {
            display: flex;
            margin: 0;
            width: 100%;
        }



:root {
    --page-gutter: clamp(30px, 10vw, 50px);
    --arrow-size: 52px;
    --arrow-gap: 12px;
    --arrow-bottom: 18px;
}
.desktop {
    display: none !important;
}
.img-and-text {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.img-and-text img {
    width: 100%;
}
h2 {
    margin: 0;
    font-weight: 300;
    font-size: clamp(35px,2.7vw,50px);
    text-transform: uppercase;
}
.ll-button {
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #ab4003;
    color: #ab4003;
    padding: 13px 40px;
    margin-top: clamp(25px,3vw,40px);
    cursor: pointer;
    width: 100%;
    font-family: "Fraunces", serif;
    border-radius: 0px;
    font-weight: 300;
    text-align: center;
    font-size: clamp(14px,1.8vw,14px);
    text-transform: lowercase;
}

    .ll-button:hover {
        border: 1px solid #BEAE9E;
        color: #BEAE9E;
    }
.formkit-form[data-uid="ff20734cdc"] .formkit-powered-by-convertkit-container {
    display: none !important;
}
p {
    line-height: clamp(30px,3vw,38px);
    font-size: clamp(14px,1.8vw,16px);
    height: fit-content;
}
p a {
    color: #331A0C !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-color: #331A0C !important;
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    text-transform: lowercase !important;
    font-weight: 300 !important;
    height: fit-content;
}
    p a:hover {
        color: #BEAE9E !important;
        cursor: pointer;
        text-decoration-color: #BEAE9E !important;
    }

.vertical-line {
    margin: 20px 0px;
    display: flex;
    width: 50%;
    border-right: 1px solid #BEAE9E;
    height: 80px;
}

main {
    position: relative;
}

.content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.section {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 60px var(--page-gutter);
    box-sizing: border-box;
}

.site-header {
    position: fixed;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 40px;
    font-style: italic;
    font-size: 24px;
    height: 80px;
    box-sizing: border-box;
    background-color: #f3f1ed;
    /*    background-color: #FDFCFB;*/
    z-index: 1000;
}

.brand {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    height: 100%;
    box-sizing: border-box;
    margin-left: 5px;
}

    .brand img {
        height: 90%;
    }

.nav-desktop {
    display: none;
    gap: 30px;
}

    .nav-desktop a {
        text-decoration: none;
        color: #331A0C;
        opacity: 0.9;
        font-style: normal;
        font-size: 20px;
    }

        .nav-desktop a:hover {
            opacity: 1;
            color: #BEAE9E;
        }

.burger {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
}

    .burger:focus-visible {
        outline: 1px solid #f3f1ed;
        outline-offset: 1px;
    }

.burger__lines {
    display: block;
    width: 35px;
    height: 20px; /* gives space between the two lines */
    position: relative;
}

    .burger__lines::before,
    .burger__lines::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background: #331A0C;
        border-radius: 999px;
        transition: transform 180ms ease, top 180ms ease, bottom 180ms ease, opacity 180ms ease;
    }

    .burger__lines::before {
        top: 4px;
    }

    .burger__lines::after {
        bottom: 4px;
    }

.burger.is-open .burger__lines::before {
    top: 24px;
    width: 35px;
    transform: rotate(90deg);
}

.burger.is-open .burger__lines::after {
    width: 35px;
    bottom: -6px;
}

.nav-mobile {
    position: fixed;
    inset: 0;
    padding: 84px var(--page-gutter) 120px;
    background-color: #f3f1ed;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 14px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease;
    z-index: 50;
    box-sizing: border-box;
}

    .nav-mobile a {
        width: 100%;
        text-decoration: none;
        text-align: center;
        color: #331A0C !important;
        font-style: italic;
        text-transform: lowercase;
        font-size: 20px;
        padding: 6px 10px;
        border-radius: 12px;
    }

        .nav-mobile a:hover {
            color: #BEAE9E !important;
        }

    .nav-mobile.is-open {
        opacity: 1;
        pointer-events: auto;
    }

.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease;
    z-index: 40;
}

    .menu-overlay.is-open {
        opacity: 1;
        pointer-events: auto;
    }

.burger.is-open {
    position: fixed;
    top: 14px;
    right: 16px;
    z-index: 800;
}

#home-landing {
    padding: 0px 0px;
    margin-top: 80px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    height: clamp(300px,80vw,500px);
}

.landing-carousel {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.1s ease-in-out;
}
.page-intro.contact {
    display: flex;
    flex-wrap: wrap;
    padding-left: 50px;
}
    .carousel-image.active {
        opacity: 1;
    }

#overlapping-photos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    box-sizing: border-box;
    padding: 40px var(--page-gutter) 0px;
}
#overlapping-photos-horizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    box-sizing: border-box;
    padding: 20px var(--page-gutter) 0px;
}
#home-intro {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    box-sizing: border-box;
    padding-top: clamp(40px,4.5vw, 80px);
}

    #home-intro #headers {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
.sub-uppercase-header {
    width: 100%;
    margin: 0;
    font-weight: 300;
    text-transform: uppercase;
    font-size: clamp(11px,3vw,13px);
    letter-spacing: 3px;
    text-align: center;
    color: #BEAE9E !important;
    line-height: clamp(20px,3vw,25px);
    margin: 0 !important;
}
.lowercase-header {
    width: 100%;
    margin: 0;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 50px;
    text-transform: lowercase;
    font-style: italic;
    color: #331A0C;
    text-align: center;
    font-size: clamp(35px,2.7vw,50px);
}
    #home-intro #info {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
#info img {
    width: 100%;
    margin: 25px 0px 20px 0px;
}
#home-intro p {
    width: 100%;
    margin: 0;
    text-align: center;
    font-weight: 300;
    margin-bottom: 20px;
    color: #1c1c1a;
    max-width: 800px;
}
        #home-intro a:hover {
            border: 1px solid #BEAE9E;
            color: #BEAE9E;
        }

.section-collage {
    display: flex;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.section-collage-horizontal {
    display: flex;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.section-collage {
    height: clamp(400px,100vw,920px);
}
.section-collage-horizontal {
    height: clamp(200px,55vw,490px);
}
#faq-images {
    position: relative;
    height: 500px;
    width: 100%;
    display: flex;
    padding: 100px var(--page-gutter) 0px;
}
    .section-collage img:nth-of-type(2) {
        position: absolute;
        margin-bottom: 50px;
        width: 55%;
        object-fit: cover; /* fills container proportionally */
        display: block; /* removes bottom spacing gap */
        max-height: 800px;
        bottom: 0;
        left: 50%;
        transform: translateX(-12%);
        max-width: 420px;
    }
    #home-album {
        object-fit: cover;
        max-height: 1300px;
    }
    .section-collage img:first-of-type {
        position: absolute;
        margin-bottom: 50px;
        width: 55%;
        object-fit: cover; /* fills container proportionally */
        display: block; /* removes bottom spacing gap */
        max-height: 800px;
        top: 0;
        right: 50%;
        max-width: 420px;
        transform: translateX(12%);
    }
    .section-collage-horizontal img:nth-of-type(2) {
        position: absolute;
        margin-bottom: 15px;
        width: 55%;
        object-fit: cover; /* fills container proportionally */
        display: block; /* removes bottom spacing gap */
        max-height: 800px;
        bottom: 0;
        left: 50%;
        transform: translateX(-12%);
        max-width: 400px;
    }

    .section-collage-horizontal img:first-of-type {
        position: absolute;
        margin-bottom: 50px;
        width: 55%;
        object-fit: cover; /* fills container proportionally */
        display: block; /* removes bottom spacing gap */
        max-height: 800px;
        top: 0;
        right: 50%;
        max-width: 400px;
        transform: translateX(12%);
    }

#home-meet {
    justify-content: center;
}
#home-meet div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    #home-meet img {
        width: 100%;
        margin: 0;
        margin-bottom: 50px;
        color: #1c1c1a;
        max-width: 800px;
        max-height: 400px;
        object-fit: cover;
    }
    #home-meet p {
        width: 100%;
        margin: 0;
        margin-bottom: clamp(20px,4vw,40px);
        color: #1c1c1a;
        text-align: center;
    }

#home-reviews {
    padding: 0;
}

.carousel {
    position: relative;
    width: 100%;
    height: clamp(420px, 62vh, 760px);
    overflow: hidden;
    user-select: none;
    touch-action: pan-y;
}

.track {
    height: 100%;
    display: flex;
    will-change: transform;
    transform: translate3d(0,0,0);
    transition: transform 520ms cubic-bezier(.2,.8,.2,1);
    gap: 0;
    margin: 0;
    padding: 0;
}

.slide {
    position: relative;
    flex: 0 0 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

    .slide::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(15, 15, 15, 0.5);
        -webkit-backdrop-filter: saturate(0.78) brightness(1.02);
        backdrop-filter: saturate(0.78) brightness(1.02);
        z-index: 0;
        pointer-events: none;
    }

    .slide img {
        box-sizing: border-box;
        width: 100%;
        overflow: hidden;
        height: 100%;
        object-fit: cover;
        display: block;
        max-height: 800px;
    }

.controls {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: flex;
    z-index: 3000;
}

.slide-text {
    position: absolute;
    inset: 0;
    width: 50%;
    margin: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #f3f1ed;
    z-index: 1;
    padding: 32px 0 88px;
    text-align: center;
}

.quote {
    line-height: 1.45;
    margin: 0;
    margin-bottom: 15px;
    text-align: center;
}

.meta {
    margin: 0;
    color: #BEAE9E;
    font-size: clamp(12px,1vw,13px);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.carousel-controls {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: flex;
    z-index: 3000;
    margin-bottom: 20px;
}

.arrow-btn {
    appearance: none;
    border: none;
    padding: 12px 16px;
    border-radius: 999px;
    cursor: pointer;
    transition: transform .08s ease, box-shadow .12s ease;
    line-height: 1;
    user-select: none;
    background-color: transparent;
    color: #f3f1ed;
    font-size: 21px;
    font-family: "Fraunces", serif;
    font-weight: 100;
}
.page-what-is.behind-lens.mobile {
    padding: 50px clamp(40px,7vw,350px) 0px !important;
    text-align: center;
}
    .arrow-btn:active {
        transform: translateY(1px);
    }

    .arrow-btn:focus-visible {
        outline: 3px solid rgba(0,0,0,.25);
        outline-offset: 3px;
    }

@media (prefers-reduced-motion: reduce) {
    .track {
        transition: none;
    }

    .btn, .arrow {
        transition: none;
    }
}

@media (max-width: 820px) {
    .carousel-slide {
        flex-direction: column;
        min-height: unset;
    }

    .slide-image, .slide-text {
        width: 100%;
    }

    .slide-image {
        height: 400px;
    }

    .slide-text {
        width: min(100%, 38rem);
        padding: 24px 32px 92px;
    }
}

.page-content {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.session-type {
    width: 100%;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    color: #BEAE9E;
    letter-spacing: 4px;
    padding: 120px var(--page-gutter) 0px;
    margin: 0px 0px 20px 0px;
}

.page-header {
    width: 100%;
    font-weight: 400;
    text-transform: lowercase;
    font-style: italic;
    margin: 0px 0px 50px 0px;
    padding: 0px var(--page-gutter);
    font-size: 28px;
}

.page-header-image {
    width: 100%;
    object-fit: cover;
}

.page-intro {
    display: flex;
    width: 100%;
    padding: 40px 0px;
    flex-wrap: wrap;
    justify-content: center;
}

    .page-intro p {
        text-align: center;
        padding: 0px var(--page-gutter);
        font-style: italic;
    }

.page-what-is {
    width: 100%;
    padding: 40px var(--page-gutter);
}

    .page-what-is :is(h2, h3) {
        font-weight: 300;
        margin: 0;
        margin-bottom: 40px;
        margin-top: 20px;
        font-size: 16px;
        letter-spacing: 4px;
        text-transform: uppercase;
    }

.page-what-to-expect {
    width: 100%;
    display: flex;
    padding: 40px var(--page-gutter);
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

    .page-what-to-expect img {
        width: 100%;
        display: flex;
    }

    .page-what-to-expect div {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }

        .page-what-to-expect div :is(h2, h4),
        .page-what-to-expect div ul {
            width: 100%;
            margin: 0;
        }

        .page-what-to-expect div :is(h2, h4) {
            font-weight: 400;
            margin: 30px 0px 25px 0px;
            font-style: italic;
            font-size: 26px;
            text-transform: lowercase;
        }

        .page-what-to-expect div li {
            line-height: 32px;
            font-size: 14px;
        }

            .page-what-to-expect div li::marker {
                font-size: 12px;
            }

footer {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px;
    box-sizing: border-box
}
#footer-logo 
{
    height: 40px;
}
    footer p {
        text-align: center;
        font-size: clamp(12px,2.6vw,14px);
    }

#footer-seo {
    width: 100%;
    font-size: clamp(13px,3vw,16px);
    font-style: italic;
    text-align: center;
    padding: 40px var(--page-gutter) 30px;
}

a.active {
    color: #BEAE9E;
}

#faq a {
    color: #BEAE9E;
    font-style: initial;
    text-decoration: none;
}

#investment-link {
    padding: 40px var(--page-gutter);
    width: 100%;
}
#investment-link :is(h2, h3) {
    font-size: 24px;
}
#home-instagram {
    justify-content: center;
    padding: 40px 10px;
}
#home-instagram a {
    width: fit-content;
}

    #home-instagram h2 {
        width: 100%;
        text-transform: lowercase;
        font-weight: 300;
        font-style: italic;
        text-align: center;
        font-size: clamp(25px,3vw, 35px);
        margin: 0;
    }

.instagram-handle {
    width: 100%;
    text-transform: lowercase;
    font-weight: 300;
    text-align: center;
    margin: 16px 500px 40px 500px;
    color: #331A0C;
    text-decoration: none;
    font-size: 16px;
}

    .instagram-handle:hover {
        color: #BEAE9E;
    }

.instagram-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
}

    .instagram-grid img {
        width: 100%;
        display: block;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

.instagram-post {
    display: block;
    overflow: hidden;
    background-color: #e9e1d8;
}

    .instagram-post img {
        width: 100%;
        box-sizing: border-box;
        object-fit: cover;
        aspect-ratio: 1 / 1;
        display: block;
        transition: transform 180ms ease, opacity 180ms ease;
    }

    .instagram-post:hover img {
        transform: scale(1.02);
        opacity: 0.92;
    }

.instagram-empty-state {
    grid-column: 1 / -1;
    border: 1px solid #d6cabd;
    padding: 24px;
    text-align: center;
    color: #6f5648;
    background-color: #fbfbf9;
}

#portfolio-landing {
    padding: 10px var(--page-gutter);
    margin-top: 80px;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    position: relative;
    height: clamp(400px,50vw,800px);
}

    #portfolio-landing img {
        box-sizing: border-box;
        width: 100%;
        overflow: hidden;
        /*max-width: 1000px;*/
        height: 100%;
        object-fit: cover;
        display: block;
        min-height: 700px;
        max-height: 800px;
        /* border-top: 2px solid #BEAE9E;
        border-bottom: 2px solid #BEAE9E;*/
        padding: 10px 0px;
    }

#portfolio-intro {
    width: 80%;
    padding: 60px var(--page-gutter) 40px;
    justify-content: center;
}

    #portfolio-intro p {
        text-align: center;
        width: 100%;
    }

    #portfolio-intro h2:nth-of-type(2) {
        font-style: italic;
        margin-bottom: 50px;
    }

    #portfolio-intro h2 {
        text-align: right;
        width: 100%;
    }

#portfolio-gallery {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 30px 0px 30px 0px;
}

#portfolio-gallery-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 10px 0px;
    justify-content: center;
    padding: 30px var(--page-gutter);
}
.gallery-single-text {
    width: 300px;
}
    .gallery-single-text .gallery-header,
    .gallery-single-text .gallery-subheader {
        margin-bottom: 12px;
    }
.gallery-a {
    display: flex;
    width: 50%;
    height: 25vw;
    position: relative;
    justify-content: end;
}
    .gallery-a .gallery-text {
        width: 70%;
        display: flex;
        flex-wrap: wrap;
        z-index: 20;
    }
        .gallery-a .gallery-text a {
            width: 100%;
        }
            .gallery-a .gallery-text a img {
                width: 100%;
            }
    .gallery-a .gallery-absolute {
        position: absolute;
        width: 65%;
        max-height: 100%;
        left: 0;
        top: 60%;
    }
        .gallery-a .gallery-absolute img {
            width: 100%;
        }
.gallery-b {
    display: flex;
    width: 50%;
    height: 25vw;
    position: relative;
    justify-content: end;
}
    .gallery-b .gallery-text {
        width: 70%;
        display: flex;
        flex-wrap: wrap;
    }
        .gallery-b .gallery-text a {
            width: 100%;
        }
            .gallery-b .gallery-text a img {
                width: 100%;
            }
    .gallery-b .gallery-absolute {
        position: absolute;
        width: 45%;
        max-height: 100%;
        left: 0;
        top: 60%;
    }
        .gallery-b .gallery-absolute img {
            width: 100%;
        }
.gallery-c {
    display: flex;
    width: 90%;
    height: 25vw;
    position: relative;
}
    .gallery-c .gallery-text {
        width: 70%;
        display: flex;
        flex-wrap: wrap;
    }
        .gallery-c .gallery-text a {
            width: 100%;
        }
            .gallery-c .gallery-text a img {
                width: 100%;
            }
    .gallery-c .gallery-absolute {
        position: absolute;
        width: 40%;
        height: 50%;
        right: 0;
        top: 60%;
    }
        .gallery-c .gallery-absolute img {
            width: 100%;
        }
#portfolio-gallery-link img {
    width: 100%;
    border: 0px solid #331A0C;
    margin-bottom: 20px;
    height: clamp(250px, 50vw,350px);
    object-fit: cover;
}

    #portfolio-gallery-link h3 {
        width: 100%;
        text-align: center;
        margin: 0;
        font-weight: 300;
        font-size: 26px;
        margin-bottom: 30px;
        text-transform: uppercase;
    }

    #portfolio-gallery-link h4 {
        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 10px;
        font-weight: 300;
        color: #BEAE9E;
        font-size: 13px;
    }

    #portfolio-gallery-link a {
        border: 1px solid #BEAE9E;
        background-color: #f3f1ed;
        color: #331A0C;
        border: 1px solid #ab4003;
        background-color: #ab4003;
        color: #fbfbf9;
        text-decoration: none;
        padding: 10px 60px;
        cursor: pointer;
        font-family: "Fraunces", serif;
        font-weight: 300;
        font-size: 14px;
    }

#social-links {
    display: flex;
}
#social-links a {
    height: 16px;
    cursor: pointer;
    margin-left: 35px;
    margin-right: 35px;
}
#social-links a img {
    height: 100%;
}
.bucketlist-link {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    
    overflow: hidden;
}
.bucketlist-link img {
    width:100%;
    object-fit: cover;
    object-position: center center;
    max-height: 900px;
}
.bucketlist-info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: start;
    align-content: center;
    padding: 60px 0px 60px 0px;
}
.bucketlist-info .sub-uppercase-header {
    text-align: start;
    padding: 0px 20px;
}
    .bucketlist-info .lowercase-header {
        text-align: start;
        padding: 0px 20px;
    }
    .bucketlist-info p {
        width: 100%;
        box-sizing: border-box;
        text-align: left;
        margin: 0;
        margin-bottom: 20px;
        padding: 20px 20px;
    }
    .bucketlist-info a {
        margin: 0px 20px;
    }
    
.page-intro.contact div {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
}
.page-intro.contact div p,
.page-intro.contact div a,
.page-intro.contact div span {
    height: fit-content;
}
.page-intro.contact div p,
.page-intro.contact div a {
    justify-content: start;
    text-align: start;
    text-transform: lowercase;
    margin: 0;
    color: #331A0C;
    font-weight: 300;
    text-underline-offset: 4px;
    font-size: 15px;
}
.page-intro.contact div span {
    height: fit-content;
    margin-right: 25px;
}
.page-intro.contact h4 {
    width: 100%;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 4px;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
}
.page-intro.contact h2 {
    width: 100%;
    font-weight: 400;
    text-transform: lowercase;
    font-style: italic;
    margin: 0px 0px 50px 0px;
    font-size: 28px;
}

.page-intro.contact p {
    width: 100%;
    margin: 0;
    text-align: justify;
    margin-bottom: 10px;
}

#contact-form {
    padding: 0px var(--page-gutter) 100px;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
    max-width: 100%;
}
.copyright-and-privacy {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 10px;
    margin: 12px 0px;
}
    .copyright-and-privacy p {
        width: fit-content;
        height: fit-content;
        line-height: unset;
        height: 100%;
        align-content: center;
    }
    .copyright-and-privacy a {
        width: fit-content;
        font-size: clamp(12px, 2.6vw, 14px) !important;
        margin: 0;
        padding-left: 10px;
        margin-left: 10px;
        height: 100%;
        color: #331A0C !important;
        border-left: 1px solid #BEAE9E;
        align-content: center;
        text-underline-offset: 2px;
    }
    .copyright-and-privacy a:hover {
        color: #BEAE9E !important;
    }
#contact-form p {
    font-size: 14px;
    margin: 0;
    margin-bottom: 10px;
}
.pp-paragraph {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 0px clamp(40px,7vw,350px);
    margin-bottom: 30px;
    justify-content: center;
    border-bottom: 1px solid #BEAE9E;
    padding: 0px 5px 20px 5px;
}
.pp-header {
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
    margin: 0px clamp(40px,7vw,350px);
    margin-top: 130px;
    font-size: clamp(26px,5vw,30px);
    margin-bottom: 45px;
}
    .pp-paragraph p,
    .pp-paragraph ul {
        width: 100%;
        text-align: left;
        font-size: clamp(14px,1.8vw,16px);
        margin: 0;
        margin-bottom: 15px;
    }
    .pp-paragraph h2 {
        width: 100%;
        text-align: left;
        font-size: 26px;
        margin-bottom: 20px;
        text-transform: lowercase;
        font-style: italic;
        font-weight: 400;
    }
    .pp-paragraph ul {
        padding-left: 22px;
    }
#contact-form .contact-checkbox {
    width: 23px;
    height: 23px;
    background-color: white;
    border: 1px solid #BEAE9E;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 4px;
    margin: 0;
    margin-right: 20px;
    display: grid;
    place-content: center;
    cursor: pointer;
    padding: 7px 10px 10px 10px;
}
    #contact-form .contact-checkbox::before {
        content: "";
        width: 4px;
        height: 10px;
        border-right: 2px solid #BEAE9E;
        border-bottom: 2px solid #BEAE9E;
        transform: rotate(45deg) scale(0);
        transform-origin: center;
    }
    #contact-form .contact-checkbox:checked {
        background-color: #BEAE9E;
    }

    #contact-form .contact-checkbox:checked::before {
        border-right-color: #fff;
        border-bottom-color: #fff;
        transform: rotate(45deg) scale(1);
    }
    #contact-form .contact-checkbox-label {
        margin: 0;
        margin-bottom: 4px;
        height: 23px;
        width: 80%;
    }

    #contact-response {
        scroll-margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
#contact-response #home-galleries {
    width: 100%;
}

    #contact-form input {
        width: 100%;
        background-color: #fbfbf9;
        border: 1px solid #BEAE9E;
        padding: 15px 20px;
        font-family: "Fraunces", serif;
        outline: none; /* remove default focus outline */
        appearance: none; /* remove OS styling */
        -webkit-appearance: none; /* Safari */
        border-radius: 4px;
        font-weight: 300;
    }

    #contact-form select {
        width: 100%;
        background-color: #fbfbf9;
        border: 1px solid #BEAE9E;
        padding: 15px 20px;
        font-family: "Fraunces", serif;
        outline: none; /* remove default focus outline */
        appearance: none; /* remove OS styling */
        -webkit-appearance: none; /* Safari */
        border-radius: 4px;
        font-weight: 300;
    }
    #contact-form label {
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    #contact-form input::placeholder {
        font-weight: 300;
        color: #BEAE9E;
    }

    #contact-form input:focus {
        outline: none;
        border: 1px solid #8E7F70; /* your custom border */
        box-shadow: 0 0 0 2px rgba(190,174,158,0.25); /* soft custom glow */
    }

    #contact-form textarea {
        width: 100%;
        max-width: 100%;
        height: 108px;
        min-height: 28px;
        margin-bottom: 20px;
        background-color: #fbfbf9;
        border: 1px solid #BEAE9E;
        padding: 15px 20px;
        font-family: "Fraunces", serif;
        border-radius: 4px;
        resize: vertical;
        outline: none; /* remove default focus outline */
        appearance: none; /* remove OS styling */
        -webkit-appearance: none; /* Safari */
        font-weight: 300;
    }

        #contact-form textarea:placeholder-shown {
            font-weight: 300;
            color: #BEAE9E;
        }

        #contact-form textarea:focus {
            outline: none;
            border: 1px solid #8E7F70; /* your custom border */
            box-shadow: 0 0 0 2px rgba(190,174,158,0.25); /* soft custom glow */
        }
/* Chrome, Safari, Edge (WebKit) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

#contact-form button {
    width: 100%;
    cursor: pointer;
    text-transform: lowercase;
    background-color: #f3f1ed;
    border: 1px solid #ab4003;
    color: #ab4003;
    padding: 10px 40px;
    margin-top: 30px;
    font-family: "Fraunces", serif;
    border-radius: 0px;
    font-weight: 300;
    text-align: center;
    font-size: 15px;
}
#contact-form button:hover {
    border: 1px solid #BEAE9E;
    color: #BEAE9E;
}
#contact-success {
    width: auto;
    margin: 50px var(--page-gutter) 50px;
    padding: 35px var(--page-gutter);
    box-sizing: border-box;
    background-color: #fbfbf9;
    border: 1px solid #BEAE9E;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: fit-content;
    width: 100%;
    scroll-margin-top: 100px;
}
    #contact-success p {
        width: 100%;
        text-align: center;
        margin: 0 0 15px 0;
    }

    #contact-success a {
        text-decoration: none;
        background-color: transparent;
        border: 1px solid #ab4003;
        color: #ab4003;
        padding: 10px 40px;
        margin-top: 20px;
        cursor: pointer;
        text-transform: lowercase;
        font-family: "Fraunces", serif;
        border-radius: 0px;
        font-weight: 300;
        text-align: center;
        font-size: 15px;
    }

        #contact-success a:hover {
            border: 1px solid #BEAE9E;
            color: #BEAE9E;
        }

#about-landing {
    margin-top: 80px;
    padding: 10px 30px;
    height: fit-content;
}

    #about-landing img {
        width: 100%;
        margin-bottom: 20px;
    }

#about-intro {
    background-color: white;
    padding: 30px;
    border-bottom: 1px solid #BEAE9E;
}

    #about-intro h2 {
        margin: 0;
        margin-bottom: 10px;
    }

    #about-intro h4 {
        margin: 0;
        margin-bottom: 40px;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 20px;
    }

    #about-intro p {
        text-align: justify;
    }

#about-image-left,
#about-image-right {
    display: flex;
    width: 100%;
}

#about-image-left {
    justify-content: left;
    padding: 50px 0px 30px 50px;
}

#about-image-right {
    justify-content: right;
    padding: 0px 50px 50px 0px;
}

    #about-image-left img,
    #about-image-right img {
        width: 65%;
        object-fit: cover;
        border: 0px solid #331A0C;
    }

#about-contact {
    width: 100%;
    padding: 50px 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    #about-contact img {
        height: 40px;
        margin-bottom: 20px;
    }

    #about-contact h2 {
        width: 100%;
        text-align: center;
    }

    #about-contact p {
        width: 100%;
        margin-bottom: 50px;
        text-align: center;
    }

    #about-contact button {
        background-color: #fbfbf9;
        border: 1px solid #ab4003;
        color: #ab4003;
        background-color: #ab4003;
        border: 1px solid #ab4003;
        color: #fbfbf9;
        padding: 15px 40px;
        cursor: pointer;
        font-family: "Fraunces", serif;
        /*border-radius: 4px;*/
        margin-left: 10%;
        margin-right: 10%;
        font-weight: 300;
    }

        #about-contact button:hover {
            color: #f3f1ed;
        }

#gallery-landing {
    display: flex;
    margin-top: 80px;
    box-sizing: border-box;
    padding: 20px 0px 0px 0px;
}

    #gallery-landing h2 {
        text-align: center;
        width: 100%;
        font-style: italic;
        text-transform: lowercase;
        margin-bottom: 10px;
    }

    #gallery-landing h4 {
        text-align: center;
        margin: 0;
        width: 100%;
        font-weight: 300;
        font-size: 14px;
        color: #BEAE9E;
        text-transform: uppercase;
    }
.faq-image {
    width: 100%;
    padding: clamp(20px,12vw,50px) 30px clamp(20px,12vw,100px) 30px;
    box-sizing: border-box;
    object-position: bottom;
    height: 65vw;
    max-height: 1100px;
    object-fit: cover;
}
#gallery-photos {
    padding: 0px 15px 40px 15px;
    column-count: 2;
    column-gap: 5px;
}

    #gallery-photos img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 0 5px 0;
        break-inside: avoid;
    }

#gallery-landing img {
    width: 100%;
    object-fit: cover;
}

#gallery-hero-text {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

    #gallery-hero-text h2,
    #gallery-hero-text h4 {
        width: 100%;
    }

.faq-header {
    margin-top: 130px;
    font-size: 26px;
    margin-bottom: 5px;
    font-weight: 300;
    text-transform: uppercase;
}

.faq {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 0px 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.faq-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.faq-title div {
    display: flex;
    justify-content: center;
    align-content:center;
    height: fit-content;
}
.faq-title:hover {
    cursor: pointer;
}
    .faq-title:hover h2 {
        color: #8E7F70;
    }
.faq-title h2 {
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
    max-width: 86%;
    text-transform: none;
}
.faq__lines {
    display: block;
    width: 19px;
    height: 10px; /* gives space between the two lines */
    position: relative;
    padding-top: 6px;
}

    .faq__lines::before,
    .faq__lines::after {
        content: "";
        position: absolute;
        left: 0;
        width: 19px;
        height: 1px;
        background: #8E7F70;
        transform-origin: center;
        transition: transform 180ms ease, opacity 180ms ease, width 180ms ease;
    }

    .faq__lines::after {
        transform: translateY(-50%) rotate(90deg);
    }

.faq.is-open .faq__lines::after {
    transform: translateY(-50%) rotate(180deg);
}
.faq p {
    display: none;
    margin: 0;
    line-height: 26px;
}
.form-group 
{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.form-group.checkbox 
{
    margin-bottom: 25px;
}
.field-validation-message {
    width: 100%;
    margin-top: 6px;
    color: #ab4003;
    font-size: 13px;
    line-height: 18px;
}
.bucketlist-link {
    background-color: #1c1c1a;
}
.input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
    border-color: #ab4003 !important;
}
/* default (no value selected) */
.select-placeholder {
    color: #BEAE9E; /* greyed out */
}

    /* when a valid option is selected */
    .select-placeholder.has-value {
        color: #000; /* normal text */
    }
.material-symbols-rounded {
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 20
}
#contact-landing div {
    display: flex;
    width: 100%;
    align-content: center;
    align-items: center;
    margin-top: 10px;
}
#contact-landing div:first-of-type {
    margin-top: 36px;
}
    #contact-landing div:nth-of-type(2) {
        margin-bottom: 20px;
    }
#contact-landing div span {
    font-size: 20px;
    margin-right: 10px;
}
    #contact-landing div p, 
    #contact-landing div a {
        margin: 0;
        color: #331A0C;
        font-size: 15px;
        text-underline-offset: 4px;
    }
.about-header-image {
        width: 100%;
        box-sizing: border-box;
        object-fit: cover;
        padding-left: var(--page-gutter);
        padding-right: var(--page-gutter);
    }
.about-photos-a {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 20px;
}
.about-photos-a img {
    width: 44%;
    border: 2px solid #1c1c1a;
    object-fit: cover;
}
    .about-photos-a img:nth-of-type(1) {
        margin-bottom: 50px;
    }
    .about-photos-a img:nth-of-type(2) {
        margin-top: 50px;
    }
    .my-process {
        padding: 30px var(--page-gutter);
        display: flex;
        flex-wrap: wrap;
    }
.other-session-b.mobile {
    height: clamp(500px,100vw, 1000px);
}
.my-process img {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 20px;
}
        .my-process :is(h2, h3) {
            font-weight: 300;
            margin: 0;
            margin-bottom: 40px;
            margin-top: 20px;
            font-size: 16px;
            letter-spacing: 4px;
            width: 100%;
            text-transform: uppercase;
        }
        .my-process p {
            margin: 0;
        }
        
.process-header {
    display: flex;
    align-content: end;
    align-items: end;
    margin-bottom: 16px;
}
.process-header p:nth-of-type(2) {
    height: fit-content;
    font-style: italic;
    margin-bottom: 2px;
    font-weight: 400;
    font-size: 17px;
}
p.process-nr {
    font-size: 13px;
    font-weight: 400;
    width: fit-content;
    margin-right: 5px;
}
.process-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.process-img {
    width: 100%;
    max-height: 800px;
    object-fit: cover;
}
.lets-connect {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    padding: 40px var(--page-gutter);
}
.lets-connect p {
    margin: 0;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    font-style: italic
}
.lets-connect a {
    text-decoration: none;
    background-color: #f3f1ed;
    border: 1px solid #ab4003;
    color: #ab4003;
    padding: 10px 40px;
    margin-top: 30px;
    cursor: pointer;
    width: 100%;
    font-family: "Fraunces", serif;
    border-radius: 0px;
    font-weight: 300;
    text-align: center;
    font-size: 15px;
}
    .lets-connect a:hover {
        border: 1px solid #BEAE9E;
        color: #BEAE9E;
    }
.ready-to-connect {
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
}
.ready-to-connect img
{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
    .ready-to-connect h2 {
        position: absolute;
        color: #f3f1ed;
        font-weight: 300;
        font-size: 15px;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-top: 50px;
        text-align: center;
        line-height: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    .ready-to-connect a {
        text-decoration: none;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 40px;
        background-color: #f3f1ed;
        border: 1px solid #f3f1ed;
        color: #331A0C;
        margin-top: 30px;
        padding: 10px 32px;
        cursor: pointer;
        font-family: "Fraunces", serif;
        border-radius: 0px;
        font-weight: 400;
        text-align: center;
        font-size: 12px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .ready-to-connect a:hover {
        border: 1px solid #BEAE9E;
        color: #BEAE9E;
    }
.other-session-a {
    display: flex;
    width: 100%;
    padding: 80px var(--page-gutter);
    justify-content: space-between;
}
    .other-session-a div 
    {
        width: 47%;
        display: flex;
        flex-wrap: wrap;
    }
        .other-session-a div img {
            width: 100%;
            display: flex;
            object-fit: cover;
            height: clamp(300px,35vw,550px);
            border: 1px solid #331A0C;
            object-position: 57%;
        }
        .other-session-a div:first-of-type img {
            margin-bottom: 20px;
        }
        .other-session-a div:nth-of-type(2) img {
            margin-top: 30px;
            aspect-ratio: 4/6;
        }
        .other-session-a div:first-of-type .session-card-title {
            margin-bottom: 20px;
            text-align: end;
        }
        .other-session-a div .session-label {
            font-weight: 300;
            margin: 0;
            font-size: 13px;
            letter-spacing: 2PX;
            width: 100%;
            color: #BEAE9E;
            height: fit-content;
            margin-bottom: 10px;
        }
        .other-session-a div .session-card-title {
            font-style: italic;
            text-transform: lowercase;
            font-weight: 300;
            margin: 0;
            font-size: 20px;
            width: 100%;
        }
        .other-session-a div a {
            margin: 0;
            text-decoration: none;
            color: #331A0C;
            font-size: 16px;
            text-transform: lowercase;
            text-align: end;
            display: flex;
        }
            .other-session-a div a p:nth-of-type(1) {
                font-style: italic;
                line-height: 20px;
                margin: 0;
                margin-right: 4px;
            }
            .other-session-a div a p:nth-of-type(2) {
                line-height: 20px;
                margin: 0;
                margin-top: 1px;
                
            }
        .other-session-a div a:hover {
            color: #BEAE9E;
            cursor: pointer;
        }
        .other-session-a div:first-of-type {
            justify-content: end;
        }
        .other-session-a div:nth-of-type(2) {
            justify-content: start;
        }
.other-session-b {
    display: flex;
    margin: 40px var(--page-gutter);
    flex-wrap: wrap;
    position: relative;
    height: clamp(500px,50vw, 1000px);
    overflow: hidden;
}
    .other-session-b img {
        width: 100%;
        object-fit: cover;
    }
    .other-session-b div {
        display: flex;
        flex-wrap:wrap;
        position: absolute;
        top: 0;
        width: 100%;
        padding-top: 40px;
    }
    .other-session-b h3 {
        color: #f3f1ed;
        width: 100%;
        text-transform: lowercase;
        font-weight: 400;
        font-style: italic;
        margin: 0;
        text-align: center;
        margin-bottom: 25px;
    }
    .other-session-b div a {
        text-decoration: none;
        color: #f3f1ed;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-weight: 300;
        margin: 0;
        font-size: 13px;
        letter-spacing: 2px;
    }
    .other-session-b div a:hover {
        color: #BEAE9E;
        cursor: pointer;
    }
    .footer-links {
        display: flex;
        width: 100%;
        justify-content: center;
        padding-top: 40px;
        margin-bottom: 40px;
        z-index: 100;
    }
.footer-links a {
    font-size: 15px;
    margin: 0px 7px;
    text-decoration: none;
    text-transform: uppercase;
    color: #BEAE9E;
}
        .footer-links a:hover {
            color: #8E7F70;
        }
.texture-background {
    background-color: #fbfbf9;
    background-image: url("https://www.transparenttextures.com/patterns/diamond-eyes.png");
}
.page-intro a:first-of-type {
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}
.page-intro a:first-of-type:hover {
    color: #BEAE9E;
    cursor: pointer;
}
.page-intro a:nth-of-type(2) {
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #ab4003;
    color: #ab4003;
    margin-top: 30px;
    padding: 10px 32px;
    cursor: pointer;
    font-family: "Fraunces", serif;
    border-radius: 0px;
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.page-intro a:nth-of-type(2):hover {
    border: 1px solid #BEAE9E;
    color: #BEAE9E;
}
.blog-eyebrow {
    margin: 0 0 14px 0;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 14px;
    color: #331A0C;
}
.blog-listing,
.blog-post-hero,
.blog-post-body,
.blog-post-footer,
.admin-login,
.admin-shell {
    width: 100%;
    box-sizing: border-box;
}
.blog-listing {
    padding: 140px var(--page-gutter) 80px;
}
.blog-listing__intro,
.blog-listing__empty {
    width: 100%;
    margin: 0 auto 40px auto;
}
.blog-listing__intro h1,
.blog-post-hero h1,
.admin-login h1,
.admin-shell h1 {
    margin: 0 0 20px 0;
    text-transform: lowercase;
    font-style: italic;
    font-weight: 400;
}
.blog-listing__grid {
    display: flex;
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
}
.blog-card {
    display: flex;
    grid-template-columns: 1fr;
    background: #fbfbf9;
    border: 1px solid #d9d1c7;
    width: 100%;
}
.blog-card__image-link,
.blog-card__image {
    display: block;
    width: 100%;
}
.blog-card__image {
    height: 320px;
    object-fit: cover;
}
.blog-card__content {
    padding: 18px;
    width: 100%;
}
.blog-card__content h2 {
    margin-bottom: 12px;
    font-size: clamp(24px, 4vw, 28px);
    font-style: italic;
    text-transform: lowercase;
}
.blog-card__content h2 a,
.blog-card__link,
.blog-post-footer__link,
.admin-post-card__actions a {
    color: #331A0C;
    text-decoration: none;
}
.blog-card__meta,
.blog-post-hero__meta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #BEAE9E;
    margin: 0;
    margin-bottom: 5px;
}
.blog-card__subtitle,
.blog-post-hero__subtitle {
    font-size: 18px;
    font-style: italic;
    line-height: 1.6;
}
.blog-card__link,
.blog-post-footer__link {
    display: inline-flex;
    margin-top: 16px;
    padding-bottom: 4px;
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.blog-post-footer__link {
    width: 100%;
    padding: 0 var(--page-gutter) 50px;
}
.blog-post-hero {
    padding: 140px var(--page-gutter) 50px;
}
.blog-post-hero__content,
.blog-post-body,
.blog-post-footer {
    margin: 0 auto;
}
.blog-post-footer {
    margin-bottom: 50px;
}
.blog-post-hero__image {
    width: 100%;
    margin: 40px auto 0 auto;
    display: block;
    object-fit: cover;
    max-height: 680px;
}
.blog-post-body {
    padding: 0 var(--page-gutter) 50px;
}
.blog-post-body h2,
.blog-post-body h3,
.admin-preview__post h2,
.admin-preview__post h3 {
    width: 100%;
    text-transform: none;
    font-size: 25px;
    text-transform: uppercase;
    margin: 30px 0 12px 0;
}
    .blog-post-body h3,
    .admin-preview__post h3 {
        font-size: clamp(24px, 3vw, 30px);
        font-style: italic;
        font-weight: 300;
        font-size: 25px;
        text-transform: lowercase;
    }
.blog-post-body p,
.admin-preview__post p {
    margin: 0 0 20px 0;
}
.blog-post-body__subtext,
.admin-preview__post .blog-post-body__subtext {
    font-size: 14px;
    font-style: italic;
    color: #6f5648;
    line-height: 1.8;
}
.blog-post-body__list,
.admin-preview__post .blog-post-body__list {
    margin: 0 0 24px 0;
    padding-left: 24px;
    max-width: 760px;
}
.blog-post-body__list li,
.admin-preview__post .blog-post-body__list li {
    margin-bottom: 10px;
    line-height: 1.8;
}
.blog-post-body__image {
    width:100%;
    max-width: 620px;
    margin: 34px 0;
}
.blog-post-body__image img {
    width: 100%;
    display: block;
}
.blog-post-body__image figcaption {
    margin-top: 10px;
    color: #8E7F70;
    font-size: 14px;
}
.blog-post-body__button-row {
    margin: 34px 0;
}
.blog-post-body__button,
.admin-button,
.builder-card__actions button,
.admin-post-card__actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #ab4003;
    color: #ab4003;
    padding: 12px 20px;
    cursor: pointer;
    font-family: "Fraunces", serif;
    font-size: 14px;
}
.blog-post-body__button:hover {
    border: 1px solid #BEAE9E;
    color: #BEAE9E;
}
.admin-button--primary {
    background-color: #ab4003;
    color: #f3f1ed;
}
.admin-login {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px var(--page-gutter) 40px;
}
.admin-login__panel,
.admin-preview__surface,
.admin-post-list,
.admin-builder__section,
.builder-card {
    background: #fbfbf9;
    border: 1px solid #d9d1c7;
}
.admin-login__panel {
    width: 100%;
    max-width: 560px;
    padding: 32px;
}
.admin-form {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.admin-field-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    width: 100%;
}
.admin-field {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.admin-field span:first-child,
.admin-checkbox span {
    width: 100%;
    margin-bottom: 8px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.admin-field input,
.admin-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c8bbad;
    background: #fff;
    padding: 12px 14px;
    font-family: "Fraunces", serif;
    font-size: 15px;
    color: #331A0C;
}
.admin-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
}
.admin-checkbox input {
    width: 18px;
    height: 18px;
}
.admin-shell {
    padding: 130px var(--page-gutter) 80px;
}
.admin-shell__header,
.admin-shell__grid,
.admin-builder,
.admin-builder__actions,
.admin-post-list__header,
.builder-toolbar,
.builder-card__header,
.admin-post-card,
.admin-post-card__actions {
    display: flex;
    width: 100%;
}
.admin-shell__header,
.admin-post-list__header,
.builder-card__header,
.admin-post-card,
.admin-post-card__actions {
    justify-content: space-between;
}
.admin-shell__header,
.admin-shell__grid {
    max-width: 1320px;
    margin: 0 auto;
}
.admin-shell__header {
    align-items: flex-start;
    margin-bottom: 24px;
}
.admin-shell__grid {
    gap: 24px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.admin-post-list,
.admin-builder {
    padding: 24px;
    box-sizing: border-box;
}
.admin-post-list {
    width: 100%;
}
.admin-post-card {
    flex-wrap: wrap;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid #ebe4dc;
}
.admin-post-card h3,
.admin-post-list__header h2,
.admin-builder__section-header h2 {
    margin: 0 0 8px 0;
    text-transform: none;
    font-size: 28px;
}
.admin-post-card__status,
.builder-card__eyebrow {
    margin: 0 0 8px 0;
    color: #8E7F70;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.admin-post-card__actions,
.builder-card__actions,
.builder-toolbar,
.admin-builder__actions {
    gap: 12px;
    flex-wrap: wrap;
}
.builder-toolbar {
    margin-top: 20px;
}
.admin-builder {
    width: 100%;
    display: grid;
    gap: 24px;
}
.admin-builder__form {
    gap: 24px;
}
.admin-builder__section {
    padding: 24px;
}
.admin-builder__section-header {
    margin-bottom: 20px;
}
.admin-builder__section-header p,
.admin-post-card p,
.admin-post-list__empty {
    margin: 0;
}
.builder-blocks {
    display: grid;
    gap: 18px;
}
.builder-card {
    padding: 18px;
}
.builder-empty {
    padding: 28px;
    border: 1px dashed #c8bbad;
    text-align: center;
    color: #8E7F70;
}
.builder-notice {
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid #d7cabb;
    background: #f7f1ea;
    color: #5e4b3d;
}
.builder-image-panel {
    gap: 12px;
}
.builder-image-panel__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.builder-image-panel__file-name,
.builder-upload-status {
    margin: 0;
    font-size: 0.95rem;
}
.builder-upload-status--ready,
.builder-upload-status--uploading {
    color: #8E7F70;
}
.builder-upload-status--success {
    color: #3f6d48;
}
.builder-upload-status--error {
    color: #9f3a2f;
}
.admin-preview__surface {
    padding: 24px;
}
.admin-preview__image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    background: #efe8df;
    color: #8E7F70;
    padding: 20px;
    text-align: center;
}
.admin-preview__post .blog-post-body__image img {
    display: block;
    width: 100%;
    border-radius: 18px;
}
.formkit-form[data-uid="ff20734cdc"] {
    font-family: "Fraunces", serif !important;
    max-width:700px;
    margin: 0px 40px;
}
    .formkit-form[data-uid="ff20734cdc"][min-width~="700"] [data-style="clean"], .formkit-form[data-uid="ff20734cdc"][min-width~="800"] [data-style="clean"]
    {
        padding-top: 20px !important;
    }
    .formkit-form[data-uid="ff20734cdc"] .formkit-input {
        font-family: "Fraunces", serif !important;
        font-weight: 300 !important;
    }
    .formkit-form[data-uid="ff20734cdc"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-submit, .formkit-form[data-uid="ff20734cdc"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-submit {
        background-color: #BEAE9E !important;
        font-family: "Fraunces", serif !important;
        font-weight: 300 !important;
        text-transform: lowercase;
    }

    .home-galleries {
        display: flex;
        flex-wrap: wrap;
        height: fit-content;
        width: 100%;
        padding: 40px var(--page-gutter) 0px;
        gap: 20px;
        justify-content: center;
    }

.gallery-link-left {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: start;
    height: clamp(300px,105vw,540px);
    max-width: 442px;
}

.gallery-view-link {
    display: flex;
    width: 100%;
    color: #331A0C;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 20px;
}

    .gallery-view-link:hover {
        color: #BEAE9E;
    }

    .gallery-view-link p {
        margin: 0;
    }

        .gallery-view-link p:nth-of-type(1) {
            font-style: italic;
        }

        .gallery-view-link p:nth-of-type(2) {
            margin-left: 5px;
            margin-top: 1px;
        }

.gallery-link-right .gallery-header,
.gallery-link-right .gallery-subheader {
    margin-right: 35%;
}

.gallery-link-right {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: end;
    height: clamp(350px, 85vw, 470px);
    max-width: 442px;
}

.gallery-stack-right {
    display: flex;
    position: absolute;
    flex-wrap: wrap;
    width: 75%;
    left: 0;
    bottom: 30px;
}

.gallery-stack-left {
    display: flex;
    position: absolute;
    flex-wrap: wrap;
    width: 70%;
    right: 0;
}

.gallery-img {
    width: 50%;
    position: relative;
}

.gallery-link-left .gallery-img img {
    position: absolute;
    left: 0;
    bottom: 7%;
    cursor: pointer;
}
    .gallery-img img {
        position: absolute;
        left: 0;
        bottom: 20%;
        cursor: pointer;
    }
.home-galleries.mobile {
    padding-top: 0px;
}
.home-galleries.mobile .gallery-link-right {
    margin-top: 30px;
}
.gallery-stack-left .gallery-img img {
    bottom: 50px;
}

.gallery-header {
    text-transform: uppercase;
    margin-bottom: clamp(6px,1vw,12px);
    font-size: clamp(11px,2.5vw,13px);
    color: #BEAE9E;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: 3px;
}

.gallery-subheader {
    text-transform: uppercase;
    margin: 0;
    font-weight: 300;
    font-size: clamp(16px, 4vw, 20px);
    margin-bottom: 10px;
    cursor: pointer;
    color: #331A0C;
    text-decoration: none;
    letter-spacing: 1px;
}

.gallery-header {
    width: 100%;
}

.gallery-link-left a:nth-of-type(1) img {
    max-height: 300px;
    max-width: 200px;
    object-fit: cover;
}
.gallery-link-left a img,
.gallery-link-right a img {
    width: 100%;
    cursor: pointer;
}
.gallery-link-right a:nth-of-type(1) img {
    max-height: 300px;
    object-fit: cover;
    max-width: 200px;
}

.gallery-stack-right a img {
    width: 100% !important;
    cursor: pointer;
    max-width: 300px;
}

.gallery-stack-left a img {
    width: 100% !important;
    cursor: pointer;
    max-height: 450px;
}
.contact-intro {
    padding: clamp(40px,7vw,350px);
}
.contact-intro div {
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.contact-intro div span {
    margin-right: 15px;
}
.contact-intro div p {
    margin: 0;
    height: fit-content;
    font-style: ;
}
    .contact-intro div a {
        color: #331A0C;
        text-underline-offset: 4px;
        font-size: 14px;
        height: fit-content;
        text-transform: lowercase;
    }
#contact-response {
    box-sizing: border-box;
}
.bucketlist-link.mobile {
    padding: 30px 20px;
}
.bucketlist-link.mobile h2 {
    color: #f3f1ed;
}
.bucketlist-link.mobile img {
    max-height: 600px;
}
    .bucketlist-link.mobile .bucketlist-info {
       padding: 30px 0px 20px 0px;
    }
    .bucketlist-link.mobile p {
        color: #f3f1ed;
        padding: 0px;
    }
    .bucketlist-link.mobile a {
        color: #f3f1ed;
        border: 1px solid #f3f1ed;
        margin: 0;
        margin-top: 10px;
    }
    .bucketlist-link.mobile a:hover {
        color: #BEAE9E;
        border: 1px solid #BEAE9E;
    }
@media (min-width: 900px) {
    .about-absolute-paragraphs.desktop {
        display: flex;
        position: relative;
        width: 100%;
        padding: 0px clamp(40px,8vw,350px) 80px;
        justify-content: space-between;
    }
        .about-absolute-paragraphs.desktop .page-what-is.desktop {
            width: 52%;
            height: 100%;
            align-content: start;
            padding: 0;
            margin-bottom: clamp(50px,10vw,100px);
            box-sizing: border-box;
        }
        .about-absolute-paragraphs.desktop .page-what-is.behind-lens {
            width: 38%;
            display: flex;
            padding: 0;
            align-content: end;
            height: 100% !important;
            text-align: start;
        }
    .other-sessions-collage.desktop {
        display: flex;
        width: 100%;
        height: fit-content;
        position: relative;
        justify-content: end;
        align-content: space-between;
        flex-wrap:wrap;
    }

        .other-sessions-collage.desktop .other-session-a {
            bottom: 0;
            gap: 6vw;
            width: 100%;
            box-sizing: border-box;
        }

            .other-sessions-collage.desktop .other-session-a div:nth-of-type(1) {
                margin-top: 190px;
            }

            .other-sessions-collage.desktop .other-session-a div img {
                height: clamp(300px, 35vw, 750px);
            }

        .other-sessions-collage.desktop .other-session-b {
            position: absolute;
        }
        .other-sessions-collage.desktop .other-session-a {
            width: 100%;
            padding-top: 20px;
            padding-bottom: 60px;
            height: 50%;
        }

        .other-sessions-collage.desktop .other-session-b {
            width: 42%;
            height: 50%;
            top: clamp(50px, 17vw, 200px);
            left:0;
            margin: 40px clamp(20px,5vw,120px);
        }

        .other-sessions-collage.desktop .ready-to-connect {
            width: 42%;
            right: 0;
            height: 50%;
            margin: 40px clamp(20px,5vw,120px);
        }
        .other-sessions-collage.desktop .ready-to-connect img {
            height: 100%;
        }

    .home-galleries.desktop {
        justify-content: start;
        position: relative;
        height: clamp(1100px,155vw,3000px);
        padding: 40px clamp(40px,8vw,350px);
    }

    .home-galleries.single.desktop {
        position: relative;
        width: 100%;
        height: clamp(100px,60vw,950px);
    }

        .home-galleries.single.desktop .gallery-link-right {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .home-galleries.single.desktop .gallery-single-text {
            width: fit-content;
            display: flex;
            flex-wrap: wrap;
            align-content: start;
            z-index: 100;
            height: fit-content;
            position: absolute;
            left: 0;
            margin-left: clamp(40px, 8vw, 350px);
            bottom: clamp(425px, 45vw, 840px);
        }

        .home-galleries.single.desktop .gallery-link-right .gallery-stack-right {
            width: 60%;
            left: clamp(40px,8vw,350px);
            bottom: 150px;
        }

        .home-galleries.single.desktop .gallery-link-right .gallery-img {
            width: 30%;
            top: 0px;
            display: flex;
            justify-content: end;
            position: absolute;
            height: clamp(100px,230vw,950px);
            right: clamp(40px,8vw,350px);
            align-content: start;
            align-items: start;
            z-index: 20;
        }

            .home-galleries.single.desktop .gallery-link-right .gallery-img img {
                width: 100%;
                height: clamp(100px,50vw,750px);
                bottom: auto;
            }

    .investment-collage.desktop {
        position: relative;
        width: 100%;
        height: clamp(520px,48vw,900px);
        padding-bottom: 50px;
    }

    .investment-text {
        display: flex;
        flex-wrap: wrap;
        align-content: start;
        width: 40%;
        padding-top: 0px;
        position: absolute;
        right: 0;
        bottom: clamp(250px, 27vw, 700px);
        padding-right: clamp(40px, 8vw, 350px);
        justify-content: end;
        margin-bottom: clamp(1px, 2.5vw, 60px);
    }

        .investment-text p {
            width: 100%;
            margin: 0;
            margin-bottom: 9px;
        }

    .section-collage-horizontal {
        width: 100%;
        height: 100%;
        position: relative;
    }

        .section-collage-horizontal img {
            width: 50% !important;
            max-width: none !important;
        }

            .section-collage-horizontal img:nth-of-type(1) {
                position: absolute;
                left: 0 !important;
            }

        .section-collage-horizontal img {
            width: 50% !important;
            max-width: none !important;
        }

    #overlapping-photos-horizontal {
        position: absolute;
        width: 85%;
        height: clamp(400px,50vw,900px);
        padding-top: 80px;
        align-content: start;
        bottom: 0px;
    }

    .gallery-div-absolute-a,
    .gallery-div-absolute-b,
    .gallery-div-absolute-c {
        position: absolute;
    }

    .gallery-div-absolute-a {
        top: 4%;
    }

    .gallery-div-absolute-b {
        display: flex;
        justify-content: end;
        right: clamp(40px,8vw,350px);
        transform: translateY(-50%);
        top: 29%;
    }

    .gallery-div-absolute-c {
        left: clamp(40px,7vw,350px);
        bottom: 29%;
    }

    .ready-to-connect img {
        height: 55vw;
    }

    .section.desktop .intro-group {
        display: flex;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .section.desktop .intro-group #info {
            align-content: center;
        }

            .section.desktop .intro-group #info p {
                margin-bottom: 20px;
            }

    #contact-form {
        padding: 40px clamp(40px,7vw,350px);
    }

    .page-intro.contact {
        padding-left: 0px;
    }

    #investment-link {
        padding: 0px;
        width: 100%;
    }

    .page-what-is.investment p {
        width: 100%;
        text-align: center;
    }

    .page-what-is.investment {
        justify-content: center;
    }

    .investment-session {
        padding: 40px clamp(40px,7vw,350px);
        justify-content: space-around;
        align-items: center;
        text-align: center;
        height: 800px;
    }

        .investment-session #investment-link {
            width: 50%;
            padding-right: clamp(10px, 7vw, 50px);
        }

        .investment-session .other-session-b {
            width: 40%;
            margin-bottom: 0px;
            margin-top: 0px;
        }

    .desktop {
        display: flex !important;
    }

    .lets-connect {
        width: 100%;
        padding-left: clamp(40px,7vw,350px);
        padding-right: clamp(40px,7vw,350px);
        padding-top: 40px;
    }

        .lets-connect a {
            max-width: 50%;
        }

        .lets-connect p {
            width: 100%;
        }

    .other-sessions.desktop {
        padding: 30px;
    }

    .img-and-text {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        padding-bottom: 80px;
    }

        .img-and-text.about {
            padding: 0px clamp(40px, 7vw, 350px);
            height: 560px;
            text-align: start;
            justify-content: space-between;
        }

            .img-and-text.about .page-intro {
                padding: 0;
                padding-top: 30px;
                width: 30%;
            }

            .img-and-text.about img {
                padding: 0;
                width: 35%;
                margin-top: 20px;
                max-height: 600px;
                border: 2px solid #1c1c1a;
            }

            .img-and-text.about .page-intro p {
                text-align: start;
            }

        .img-and-text img {
            width: 100%;
            padding: 0px 30px;
        }

    .about-photos-a.desktop {
        gap: 100px;
        justify-content: center;
        padding-top: 185px;
        padding-bottom: 55px;
    }

        .about-photos-a.desktop img {
            width: 25%;
        }

            .about-photos-a.desktop img:nth-of-type(1) {
                margin-bottom: 100px;
            }

            .about-photos-a.desktop img:nth-of-type(2) {
                margin-top: 100px;
            }

    #home-intro p {
        margin: 0px 110px;
    }

    .mobile {
        display: none !important;
    }

    .other-sessions.desktop .other-session-b,
    .other-sessions.desktop .other-session-a {
        width: 50%;
        padding: 0;
        margin: 0;
    }

    .other-sessions.desktop .other-session-a {
        height: 100%;
        justify-content: space-between
    }

        .other-sessions.desktop .other-session-a div {
            height: 100%;
        }

    .other-sessions.desktop .other-session-b {
        width: 45%;
        padding: 0;
        margin: 0;
    }

        .other-sessions.desktop .other-session-b a img {
            width: 100%;
        }

    .home-galleries.single {
        justify-content: center;
        padding-top: clamp(1px,10vw,100px);
    }

        .home-galleries.single .gallery-link-right a:nth-of-type(1) img {
            max-width: none;
            max-height: none;
        }

        .home-galleries.single .gallery-link-right a:nth-of-type(1) img {
            max-width: none;
            max-height: 100%;
        }

        .home-galleries.single .gallery-link-right {
            width: 70%;
            max-width: none;
            height: clamp(200px,100vw,600px);
        }

        .home-galleries.single .gallery-stack-right a img {
            max-width: 550px;
            max-height: none;
        }

    .other-session-a div:nth-of-type(2) {
        align-content: end;
    }

    .investment-session #investment-link {
        text-align: start;
    }

    .other-sessions.desktop {
        align-items: center;
        padding: 100px clamp(40px,7vw,350px);
        justify-content: space-between;
    }

    #contact-success {
        margin: 50px clamp(40px,7vw,350px) 50px;
        scroll-margin-top: 120px;
    }

    .other-sessions.desktop .other-session-b a:first-of-type {
        width: 100%;
    }

    .other-sessions.desktop .other-session-a .session-card-title {
        height: fit-content;
    }

    .bucketlist-link {
        height: 660px;
        align-content: center;
        padding: 50px clamp(40px,7vw,350px);
        justify-content: space-between;
    }

    .bucketlist-info {
        padding: clamp(10px,2vw,70px);
        color: #f3f1ed;
        width: 60%;
    }

        .bucketlist-info .lowercase-header {
            color: #f3f1ed;
        }

        .bucketlist-info a {
            border: 1px solid #BEAE9E;
            color: #BEAE9E;
        }

            .bucketlist-info a:hover {
                border: 1px solid #f3f1ed;
                color: #f3f1ed;
            }

    .bucketlist-link img {
        height: 100%;
        width: 35%;
    }
    /*        .instagram-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }*/

    #home-intro button {
        max-width: 800px;
    }

    #home-meet {
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 0px;
        max-height: 700px;
    }

        #home-meet div {
            width: 60%;
            padding: 50px 100px;
            align-content: center;
        }

        #home-meet img {
            width: 40%;
            margin: 80px;
            max-height: 1000px;
            object-position: bottom;
            border: 1px solid #BEAE9E;
        }

    .img-and-text.desktop .page-what-is {
        padding: 0;
        box-sizing: border-box;
        padding-left: 60px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }

        .img-and-text.desktop .page-what-is :is(h2, h3) {
            margin-bottom: 15px;
        }

    .img-and-text.desktop {
        padding-top: 60px;
        padding-bottom: 30px;
        flex-wrap: wrap;
    }

    .page-what-is :is(h2, h3) {
        width: 100%;
        margin-bottom: 10px;
    }

    .page-what-is p {
        font-size: 15px;
        margin: 0;
        margin-bottom: 8px;
    }

    .img-and-text.desktop .about-photos-a img {
        width: 45%;
        margin-right: 20px;
    }

    .img-and-text.desktop .about-photos-a {
        justify-content: start;
        padding: 0px 0px 30px 0px;
    }

    .my-process.desktop {
        padding: 50px clamp(40px,7vw,350px);
        justify-content: space-between;
    }

        .my-process.desktop .process-group {
            width: 22%;
            align-content: start;
        }

            .my-process.desktop .process-group p {
                height: fit-content;
                font-size: 15px;
            }
    .other-session-a {
        height: fit-content;
    }
    img.desktop {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 30px 80px 30px;
    }

    .my-process.desktop .process-group .process-header {
        height: fit-content;
        flex-wrap: wrap;
    }

        .my-process.desktop .process-group .process-header p {
            width: 100%;
        }

            .my-process.desktop .process-group .process-header p:nth-of-type(2) {
                font-size: 20px;
            }

    #home-meet button {
        width: 60%;
        max-width: 800px;
        margin-left: 10%;
        margin-right: 10%;
    }



        .page-what-is.behind-lens p {
            width: 100%;
        }

    #home-meet p {
        margin-left: 10%;
        margin-right: 10%;
    }

    #portfolio-gallery {
        width: 70%;
        justify-content: space-between;
        background-color: #f3f1ed;
    }

    #portfolio-gallery-link {
        width: 48%;
        box-sizing: border-box;
        max-width: 550px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #info img {
        max-width: 800px;
    }

    #home-intro {
        padding-bottom: 0px;
    }

    .other-session-a {
        justify-content: center;
        gap: 40px;
    }

    #home-meet a {
        max-width: 400px;
    }

    .other-session-a.desktop {
        height: clamp(760px,50vw,850px);
    }

        .other-session-a.desktop .session-image {
            width: 30%;
            height: 100%;
            align-content: end;
        }

            .other-session-a.desktop .session-image.start {
                align-content: start;
            }

            .other-session-a.desktop .session-image.end {
                align-content: end;
            }

            .other-session-a.desktop .session-image a {
                height: 80%;
            }

                .other-session-a.desktop .session-image a img {
                    height: 100%;
                }

        .other-session-a.desktop .session-text {
            width: 18%;
            flex-wrap: wrap;
            height: 100%;
            align-content: space-between;
        }

            .other-session-a.desktop .session-text div:nth-of-type(1) {
                width: 100%;
                justify-content: start;
            }

                .other-session-a.desktop .session-text div:nth-of-type(1) .session-card-title {
                    text-align: start;
                }

            .other-session-a.desktop .session-text div:nth-of-type(2) .session-card-title {
                text-align: end;
                margin-bottom: 15px;
            }

            .other-session-a.desktop .session-text div:nth-of-type(2) {
                width: 100%;
            }

    .session-link {
        display: flex;
        width: 100% !important;
        justify-content: end !important;
    }

    #portfolio-intro {
        width: 70%;
        display: flex;
        justify-content: center;
    }

    .page-content {
        width: 100%;
        flex-wrap: wrap;
        display: flex;
    }

    .img-and-text {
        padding: 0px;
        align-items: center;
    }

        .img-and-text.about {
            align-items: start;
        }

    .session-type {
        width: 100%;
        font-weight: 400;
        text-transform: uppercase;
        margin: 60px 0px 20px 0px;
        font-size: 14px;
        letter-spacing: 4px;
        padding: 100px clamp(40px, 7vw, 350px) 0px;
    }

    #home-landing {
        height: clamp(600px,80vw,750px);
    }

    .page-header {
        width: 100%;
        font-weight: 400;
        text-transform: lowercase;
        font-style: italic;
        margin: 0px 0px 15px 0px;
        padding: 0px clamp(40px, 7vw, 350px);
    }

    .page-header-image {
        width: 100%;
        padding: 0px var(--page-gutter);
        object-fit: cover;
        max-height: 900px;
    }

    .page-intro {
        width: 100%;
        flex-wrap: wrap;
        margin: 0px;
        box-sizing: border-box;
        align-content: center;
        justify-content: start;
        padding: 0px clamp(10px, 2vw, 100px);
        padding-top: 30px;
    }

    .ready-to-connect a {
        margin-bottom: 80px;
    }

    .page-intro p {
        width: 100%;
        text-align: center;
        height: fit-content;
        padding: 0;
        margin: 0;
    }

    .page-what-is {
        width: 100%;
        padding: 50px clamp(40px, 7vw, 350px);
        flex-wrap: wrap;
    }

    .page-what-to-expect {
        width: 100%;
        display: flex;
        padding: 40px clamp(40px, 10vw, 350px);
        justify-content: space-between;
    }

        .page-what-to-expect.landscape {
            padding: 40px clamp(40px, 5vw, 350px);
        }

        .page-what-to-expect img {
            width: 50%;
            margin: 0px;
            display: flex;
            max-height: 900px;
            object-fit: cover;
        }

        .page-what-to-expect div {
            width: 50%;
            display: flex;
            flex-wrap: wrap;
            align-content: center;
        }

    .other-session-a div {
        width: 47%;
    }

    .other-session-b img {
        width: 100%;
        object-fit: cover;
    }

    .other-session-b a {
        object-fit: cover;
        height: fit-content;
    }

    .page-what-to-expect div :is(h2, h4),
    .page-what-to-expect div ul {
        width: 100%;
    }

    .page-what-to-expect div ul {
        padding-left: 20%;
    }
    .page-intro.contact div p {
        font-style: normal !important;
    }
    .page-what-to-expect div :is(h2, h4) {
        font-weight: 400;
        margin: 0;
        margin-bottom: 20px;
        padding-left: 16%;
        font-style: italic;
    }

    .page-what-to-expect div li {
        line-height: 40px;
        font-size: 14px;
    }

        .page-what-to-expect div li::marker {
            font-size: 12px;
        }

    #home-intro #info {
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        padding-left: 170px;
        padding-right: 100px;
    }

        #home-intro #info p {
            margin-left: 0px;
            margin-right: 0px;
        }

    #home-intro a {
        box-sizing: border-box;
        max-width: 800px;
    }

    .blog-listing {
        display: flex;
        flex-wrap: wrap;
        padding-left: var(--page-gutter);
        padding-right: var(--page-gutter);
        padding-left: clamp(40px,7vw,350px);
        padding-right: clamp(40px,7vw,350px);
    }

    .blog-listing__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blog-post-hero,
    .blog-post-body {
        padding-left: var(--page-gutter) !important;
        padding-right: var(--page-gutter);
        width: 100%;
    }

    .admin-field-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-field--full {
        grid-column: 1 / -1;
    }

    .admin-shell__grid {
        flex-wrap: nowrap;
    }

    .admin-post-list {
        width: 340px;
        flex: 0 0 340px;
        position: sticky;
        top: 120px;
    }

    .admin-builder {
        flex: 1 1 auto;
    }

    .instagram-grid {
        max-width: 800px;
    }

    .img-and-text.contact.desktop {
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 0px clamp(40px, 7vw, 350px);
        height: clamp(500px,50vw,800px);
    }

        .img-and-text.contact.desktop .page-intro {
            width: 40%;
            padding: 0px;
        }

        .img-and-text.contact.desktop img {
            height: 100%;
            padding: 0;
            max-width: 40%;
        }
    .other-session-a div {
        align-content: start;
        height: fit-content;
    }
}

    @media (min-width: 1200px) {
        .other-sessions.desktop {
            align-items: center;
            justify-content: space-between;
        }

        .site-header {
            padding: 20px 40px;
            padding-left: clamp(40px, 17vw, 50px);
            padding-right: clamp(40px, 17vw, 50px);
            font-size: 17px;
            justify-content: space-between;
            height: 100px;
            box-sizing: border-box;
        }

        .nav-desktop {
            display: flex;
        }

            .nav-desktop a {
                font-size: 16px;
                font-style: italic;
                color: #331A0C !important;
                text-transform: lowercase;
            }

                .nav-desktop a:hover {
                    color: #BEAE9E !important;
                    cursor: pointer;
                }

        .burger {
            display: none;
        }

        .brand {
            position: initial;
            transform: translateX(0%);
            height: 90%;
        }
        .nav-mobile {
            display: none;
        }

        .menu-overlay {
            display: none;
        }

        .home-galleries.single .gallery-link-right {
            width: 60%;
            max-width: none;
            height: clamp(200px,40vw,800px);
        }

        .investment-session #investment-link {
            width: 50%;
            padding-right: clamp(10px, 7vw, 50px);
        }

        .investment-session .other-session-b {
            width: 35%;
            margin: 0px;
            max-height: 100%;
        }

        .page-what-is.behind-lens {
            padding: 50px clamp(40px,20vw,350px);
        }

        .blog-listing {
            padding-left: clamp(40px,20vw,350px);
            padding-right: clamp(40px,20vw,350px);
        }

        #contact-form {
            padding-left: clamp(40px,20vw,350px);
            padding-right: clamp(40px,20vw,350px);
        }
    }

    #pricing-guide-mobile,
    #pricing-guide-desktop,
    [data-anchor="pricing-guide-mobile"],
    [data-anchor="pricing-guide-desktop"] {
        scroll-margin-top: 220px;
    }

    @media (min-width: 1200px) {
        #pricing-guide-mobile,
        #pricing-guide-desktop,
        [data-anchor="pricing-guide-mobile"],
        [data-anchor="pricing-guide-desktop"] {
            scroll-margin-top: 200px;
        }
    }