a {
    text-decoration: none;
}

.panorama-hero {
    background: transparent;
}

.panorama-hero-shade {
    min-height: 34vh;
    background: transparent;
}

.panorama-hero-row {
    min-height: 34vh;
    padding: 7rem 1rem 5rem;
}

.panorama-kicker {
    color: #4f6578;
    font-family: "Roboto Condensed", Arial, sans-serif;
    letter-spacing: .12em;
}

.panorama-hero .panorama-hero-title {
    color: #202f3b !important;
}

.panorama-hero-copy {
    color: #3d464d;
    max-width: 48rem;
}

body.dark-mode .panorama-kicker {
    color: #b7c8d8;
}

body.dark-mode .panorama-hero .panorama-hero-title,
body.dark-mode .panorama-hero-copy {
    color: #f2f5f7 !important;
}

.content.section {
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.panorama-launch {
    width: min(100%, calc(62vh * 16 / 9));
    margin-inline: auto;
}

.panorama-launch-link {
    color: #fff;
    text-decoration: none;
}

.panorama-launch .thumb-zoom {
    width: 100%;
}

.panorama-launch .thumb-zoom > a,
.panorama-launch .zoom-img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100% !important;
}

.panorama-launch .zoom-img {
    object-fit: cover;
    object-position: center;
}

.panorama-launch-cta {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .75rem 1rem;
    color: #fff;
    background: rgb(24 64 102 / 90%);
    border: 2px solid rgb(255 255 255 / 80%);
    border-radius: 4px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 45%);
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 1.06rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
}

.panorama-launch-link:hover .panorama-launch-cta,
.panorama-launch-link:focus-visible .panorama-launch-cta {
    background: rgb(37 99 162 / 96%);
}

.panorama-source {
    padding: 1.25rem;
    border-top: 1px solid rgb(0 0 0 / 18%);
    border-bottom: 1px solid rgb(0 0 0 / 18%);
}

.panorama-note-image,
.poi-card {
    border-radius: 6px;
}

.poi-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 0;
    background: rgb(255 255 255 / 86%);
    border: 1px solid rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px rgb(0 0 0 / 12%);
}

.poi-card img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.poi-card figcaption {
flex: 1;
    padding: 1rem;
    color: #212529;
    font-family: Roboto, Arial, sans-serif;
    font-size: 1.1rem;
    line-height: 1.35;
    font-weight: 400;
}

body.dark-mode .panorama-source {
    border-color: rgb(255 255 255 / 20%);
}

body.dark-mode .poi-card {
    background: rgb(45 45 45 / 92%);
    border-color: rgb(255 255 255 / 14%);
}

body.dark-mode .poi-card figcaption {
    color: #f2f2f2;
}

@media (max-width: 767.98px) {
    .panorama-hero-shade,
    .panorama-hero-row {
        min-height: 30vh;
    }

    .panorama-launch-cta {
        font-size: .9rem;
    }

    .panorama-launch {
        width: min(100%, calc(50vh * 16 / 9));
    }
}