/* Panoramic video section — shows a wide treatment video. */

.panorama-video {
    padding: var(--spacing-2xl, 4rem) var(--spacing-md, 1rem);
    text-align: center;
}

.panorama-video__heading {
    margin-bottom: var(--spacing-lg, 1.5rem);
}

.panorama-video__wrapper {
    max-width: 1200px;
    margin: 0 auto;
    border-radius: var(--border-radius-md, 12px);
    overflow: hidden;
    box-shadow: var(--shadow-md, 0 6px 18px rgba(0, 0, 0, 0.12));
    background-color: #000;
}

.panorama-video__video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 21 / 9;
    object-fit: cover;
}

@media (max-width: 640px) {
    .panorama-video {
        padding: var(--spacing-xl, 2.5rem) var(--spacing-sm, 0.75rem);
    }

    .panorama-video__video {
        aspect-ratio: 16 / 9;
    }
}