/* Keep the introduction in reading order: copy, album, remaining copy. */

.about-page--editorial .about-detail--new .about-detail__layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
}

.about-page--editorial .about-detail--new .about-detail__layout>article {
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
}

.about-detail--new .about-richtext> :last-child {
    margin-bottom: 0;
}

.about-detail__continuation[hidden] {
    display: none;
}

.about-detail-gallery {
    min-width: 0;
    width: 100%;
}

.about-detail-gallery__viewport {
    overflow: hidden;
}

.about-detail-gallery__viewport:focus-visible {
    outline: 2px solid #d47932;
    outline-offset: 5px;
}

.about-detail-gallery__track {
    display: flex;
    width: 100%;
    transition-timing-function: cubic-bezier(.25, .1, .25, 1);
}

.about-detail-gallery__group {
    display: flex;
    flex: 0 0 auto;
    gap: 20px;
    padding-right: 20px;
}

.about-detail-gallery__item {
    flex: 0 0 auto;
    width: calc((100% - 40px) / 3);
    margin: 0;
    overflow: hidden;
    border-radius: 14px;
    background: #f3eee7;
    aspect-ratio: 3 / 2;
}

.about-detail-gallery__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-detail-gallery.is-running .about-detail-gallery__viewport {
    overflow: hidden;
}

.about-detail-gallery.is-running .about-detail-gallery__track {
    will-change: transform;
}

.about-detail-gallery__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    color: #596577;
    font-size: 13px;
    letter-spacing: .04em;
}

.about-detail-gallery__footer i {
    color: #d47932;
    margin-right: 6px;
}

.about-detail-gallery__pause {
    display: none !important;
    background: #fff8ef;
    border: 1px solid #ecd7c0;
    border-radius: 24px;
    padding: 9px 16px;
    color: #714b2e;
    font: inherit;
    cursor: pointer;
}

.about-detail-gallery__pause:hover {
    background: #f9ecd9;
}

@media (max-width: 767px) {
    .about-page--editorial .about-detail--new .about-detail__layout {
        gap: 24px;
    }
    .about-detail-gallery__item {
        width: calc((100% - 12px) / 2);
        aspect-ratio: auto;
        height: 175px;
    }
    .about-detail-gallery__item a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .about-detail-gallery__group {
        gap: 12px;
        padding-right: 12px;
    }
    .about-detail-gallery__zoom {
        display: none;
    }
    .about-detail-gallery__footer {
        flex-wrap: wrap;
        font-size: 12px;
    }
}