body.sky-home.sky-marketing .sky-home__content--marketing { align-items: start; }
body.sky-home.sky-marketing .sky-home__hero-copy h1 { font-size: clamp(48px, 5.5vw, 74px); }
body.sky-home.sky-marketing .sky-home__world {
    align-self: start;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background: #071521;
    border: 1px solid var(--travel-line);
    border-radius: 8px;
}

body.sky-home.sky-marketing {
.sky-home-globe {
    position: relative;
    min-width: 0;
    color: #f3f5ef;
    background: #020b13;

    & button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-width: 44px;
        min-height: 44px;
        border: 1px solid #50626d;
        border-radius: 6px;
        color: #f3f5ef;
        background: #102331;
        font: 600 13px "Barlow", sans-serif;
        cursor: pointer;
    }

    & button:disabled { color: #9aabb6; cursor: wait; }
    & button:is(:hover, :focus-visible):not(:disabled) { background: #ffc400; border-color: #ffc400; color: #102331; }
}

.sky-home-globe__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 22px 24px 0;

    & span { color: #b9c8d2; font-size: 11px; }
    & h2 { margin: 5px 0 0; color: #f3f5ef; font: 700 30px/1.1 "Barlow Condensed", sans-serif; }
}

.sky-home-globe__live {
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;

    & i { width: 6px; height: 6px; border-radius: 50%; background: #ffc400; box-shadow: 0 0 12px #ffc40070; }
}

.sky-home-globe__stage { position: relative; height: 410px; isolation: isolate; }
.sky-home-globe__map { position: absolute; inset: 0; }
.sky-home-globe__loading {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: radial-gradient(ellipse, #153044, #020b13 65%);
    color: #d7e2e8;

    & > i { font-size: 74px; color: #ffc400; }
    & p { margin: 0; font-size: 14px; }
    & button { padding-inline: 20px; }
}

.sky-home-globe__tools {
    position: absolute;
    left: 14px;
    bottom: 32px;
    display: flex;
    gap: 7px;
}

.sky-home-globe__credits {
    position: absolute;
    right: 12px;
    bottom: 6px;
    display: flex;
    gap: 5px;
    padding: 3px 5px;
    background: #020b13d9;
    color: #c1ced6;
    font-size: 9px;

    & a { color: inherit; text-decoration: none; }
    & a:hover { text-decoration: underline; }
}

.sky-home-globe__explore { padding: 15px 24px 20px; border-top: 1px solid #263946; }
.sky-home-globe__explore > p { margin: 0 0 12px; color: #c1ced6; font-size: 13px; line-height: 1.5; }
.sky-home-globe__destinations { display: flex; gap: 8px; flex-wrap: wrap; }
.sky-home-globe__destinations button { padding: 0 14px; }
.sky-home-globe__count { display: block; margin-top: 12px; color: #b9c8d2; font-size: 11px; }
.sky-home-globe__noscript { padding: 12px 24px; color: #f3f5ef; }

.sky-home-globe .maplibregl-ctrl-bottom-right { bottom: 23px; right: 4px; }
.sky-home-globe .maplibregl-ctrl-group { background: #102331; border: 1px solid #50626d; border-radius: 6px; box-shadow: none; }
.sky-home-globe .maplibregl-ctrl-group button { display: flex; width: 44px; height: 44px; border: 0; border-radius: 0; }
.sky-home-globe .maplibregl-ctrl-group button + button { border-top: 1px solid #50626d; }
.sky-home-globe .maplibregl-ctrl-icon { filter: invert(1); }
.sky-home-globe .maplibregl-ctrl-group button:hover .maplibregl-ctrl-icon { filter: none; }
.sky-home-globe .maplibregl-cooperative-gesture-screen { padding: 20px; color: #fff; font: 600 15px/1.5 "Barlow", sans-serif; }
.sky-home-globe .maplibregl-popup { z-index: 4; }
.sky-home-globe .maplibregl-popup-content { padding: 14px 30px 14px 14px; border-radius: 8px; color: #102331; background: #fbf7ef; box-shadow: 0 12px 40px #0008; }
.sky-home-globe .maplibregl-popup-tip { border-top-color: #fbf7ef; border-bottom-color: #fbf7ef; }
.sky-home-globe button.maplibregl-popup-close-button { min-width: 44px; min-height: 44px; border: 0; color: #102331; background: transparent; font-size: 22px; }
.sky-home-globe__airport { display: grid; gap: 4px; font: 13px/1.4 "Barlow", sans-serif; }
.sky-home-globe__airport > b { color: #765400; font-size: 11px; }
.sky-home-globe__airport > strong { font-size: 14px; }
.sky-home-globe__airport > span { color: #4e5b65; }

}

body.sky-home.sky-marketing .sky-home__season-summary {
    padding: 20px 24px;
    border-top: 1px solid #263946;

    & > span { color: #ffc400; font: 700 11px "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .08em; }
    & > strong { display: block; margin-top: 6px; color: #f3f5ef; font: 700 22px/1.2 "Barlow Condensed", sans-serif; }
    & > p { margin: 6px 0 0; color: #b9c8d2; font-size: 13px; line-height: 1.5; }
    & ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
    & li { display: grid; justify-items: center; gap: 4px; padding-top: 12px; border-top: 1px solid #263946; text-align: center; }
    & li i { color: #ffc400; font-size: 18px; }
    & li span { color: #f3f5ef; font-size: 12px; font-weight: 700; }
    & li b { color: #b9c8d2; font-size: 10px; font-weight: 500; }
    & > a { display: none; }
    & .sky-season__goal { display: none; }
}

@media (max-width: 640px) {
    body.sky-home.sky-marketing .sky-home-globe__heading { padding: 20px 16px 0; }
    body.sky-home.sky-marketing .sky-home-globe__heading h2 { font-size: 28px; }
    body.sky-home.sky-marketing .sky-home-globe__stage { height: 350px; }
    body.sky-home.sky-marketing .sky-home-globe__explore, body.sky-home.sky-marketing .sky-home__season-summary { padding: 16px; }
    body.sky-home.sky-marketing .sky-home-globe__live { display: none; }
}

.sky-home-globe__hover { pointer-events: none; }
