/* Original photos keep their own proportions. Only the hero content is affected. */
.home-new-hero__content--original-photo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: clamp(24px, 4svh, 40px) 20px 24px;
}
.home-new-hero__content--original-photo > .home-new-hero__carousel,
.home-new-hero__content--original-photo > .home-new-hero__copies,
.home-new-hero__content--original-photo > .home-new-hero__dots,
.home-new-hero__content--original-photo > .home-new-hero__button {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    transform: none;
    flex: 0 0 auto;
}
.home-new-hero__content--original-photo > .home-new-hero__carousel {
    width: min(100%, 1180px);
    height: min(55svh, calc((100vw - 40px) * 2 / 3), 720px);
    max-width: none;
    aspect-ratio: auto;
}
.home-new-hero__content--original-photo .home-auto-carousel__slide {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}
.home-new-hero__content--original-photo .home-new-hero__carousel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    filter: none;
}
/* Both captions reserve the same area, so the controls never jump between slides. */
.home-new-hero__content--original-photo > .home-new-hero__copies {
    display: grid;
    width: min(100%, 1100px);
    font-size: clamp(14px, .98vw, 18px);
    line-height: 1.35;
}
.home-new-hero__content--original-photo .home-new-hero__copy {
    display: block;
    grid-area: 1 / 1;
    visibility: hidden;
    pointer-events: none;
}
.home-new-hero__content--original-photo .home-new-hero__copy.is-active {
    visibility: visible;
    pointer-events: auto;
}
.home-new-hero__content--original-photo .home-new-hero__dots button {
    min-width: 32px;
    height: 32px;
}
.home-new-hero__content--original-photo > .home-new-hero__button:hover,
.home-new-hero__content--original-photo > .home-new-hero__button:focus-visible {
    transform: translateY(-2px);
}
@media (max-width: 767px) {
    .home-new-hero__content--original-photo {
        padding: 24px 18px 20px;
        gap: 12px;
    }
    .home-new-hero__content--original-photo > .home-new-hero__carousel {
        height: min(55svh, calc((100vw - 36px) * 2 / 3));
    }
}


/* 2026-10-14: Restore the original rounded turquoise hero-image frame.
   Frame the visible 16:9 photo itself, not the 3:2 carousel stage. */
.home-new-hero__content--original-photo .home-new-hero__carousel img {
    width: min(100%, 97.78svh);
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    border: 1px solid rgba(0, 236, 218, .62);
    border-radius: 12px;
    box-shadow: 0 18px 44px rgba(0, 221, 221, .11);
    filter: none;
}


/* Production uses an overlaid fixed header (unlike staging's in-flow header).
   Reserve its height on this homepage only, without changing image proportions. */
@media (max-width: 767px) {
    .page-home1 .home-new-hero__content--original-photo {
        padding-top: 78px;
    }
}
@media (min-width: 768px) {
    .page-home1 .home-new-hero__content--original-photo {
        padding-top: calc(clamp(24px, 4svh, 40px) + 74px);
    }
}