/* Homepage photo: preserve the desktop composition. */
.photoblog-page .photoblog-image {
    display: block;
    object-fit: cover;
    object-position: center;
}
/* Keep the existing menu appearance with a keyboard-accessible button. */
button.nav-button {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    box-sizing: content-box;
}
button.nav-button:focus-visible {
    outline: 2px solid #292929;
    outline-offset: 5px;
}
@media only screen and (max-width: 1036px) {
    .photoblog-page.content-holder {
        position: relative;
        height: auto;
        min-height: 100%;
        padding: 90px 0 70px;
    }
    .photoblog-page > .content.full-height {
        display: flex;
        flex-direction: column;
        float: none;
        height: auto;
        padding-bottom: 0;
    }
    .photoblog-page .full-height-wrap {
        order: 1;
        position: relative;
        inset: auto;
        width: 100%;
        min-width: 0;
    }
    .photoblog-page .photoblog-image {
        position: relative;
        width: 100%;
        height: auto;
    }
    .photoblog-page .fixed-info-container {
        order: 2;
        float: none;
        bottom: auto;
        opacity: 1 !important;
        padding: 24px 20px 32px;
        overflow: visible;
        overflow-wrap: anywhere;
    }
    .photoblog-page .fixed-info-container h3 {
        font-size: 24px;
        letter-spacing: 2px;
    }
    .photoblog-page .fixed-info-container p {
        font-size: 16px;
        line-height: 1.65;
    }
    .photoblog-page .photoblog-nav {
        position: relative;
        display: flex;
        justify-content: space-between;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 8px 16px;
    }
    .photoblog-page .photoblog-nav a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        float: none;
        width: 44px;
        height: 44px;
    }
    .photoblog-page .image-box {
        display: block;
        float: none;
        padding: 0 20px 20px;
        text-align: left;
        overflow-wrap: anywhere;
        line-height: 1.6;
    }
    .photoblog-page .image-box a:focus-visible,
    .photoblog-page .photoblog-nav a:focus-visible {
        outline: 2px solid #292929;
        outline-offset: 2px;
    }
    /* Metadata for posts without a story is readable without hovering. */
    .photoblog-page .show-info {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
        padding: 20px;
        text-align: left;
    }
    .photoblog-page .show-info span {
        float: none;
        display: block;
        color: #292929;
    }
    .photoblog-page .tooltip-info {
        position: static;
        opacity: 1;
        visibility: visible;
        margin: 12px 0 0;
        padding: 0;
        background: transparent;
        color: #292929;
    }
}