html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    overscroll-behavior: none;
    touch-action: none;
}

.ys-launch-page {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    background: #000a29 !important;
    font-family: Poppins, sans-serif;
    font-synthesis: none;
    text-rendering: geometricPrecision;
    user-select: none;
}

.ys-launch {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #000a29;
}

.ys-launch-scene {
    width: max(100vw, calc(100dvh * 16 / 9));
    height: max(100dvh, calc(100vw * 9 / 16));
    position: relative;
    overflow: hidden;
    color: #fff;
    background-image: var(--ys-launch-desktop-background);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ys-launch-content {
    position: absolute;
    inset: 0;
}

.ys-launch-skeleton {
    position: absolute;
    inset: 0;
    z-index: 10;
    overflow: hidden;
    background: #000a29;
    opacity: 1;
    pointer-events: none;
    transition: opacity .35s ease;
}

.ys-launch-skeleton::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 20%, rgba(255, 255, 255, .1) 45%, transparent 70%);
    content: "";
    transform: translateX(-100%);
    animation: ys-launch-skeleton-shimmer 1.4s infinite;
}

.ys-launch.is-image-loaded .ys-launch-skeleton {
    opacity: 0;
}

@keyframes ys-launch-skeleton-shimmer {
    to { transform: translateX(100%); }
}

@media (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
    .ys-launch {
        place-items: end center;
    }
}

.ys-launch-header {
    position: absolute;
    top: 10.28%;
    left: 4.58%;
    width: 30.83%;
}

.ys-launch-brand {
    width: 100%;
    height: auto;
}

.ys-launch-brand img {
    display: block;
    width: 100%;
    height: auto;
}

.ys-launch-title {
    width: fit-content;
    max-width: 100%;
    margin-top: 0;
}

.ys-launch-title h1 {
    margin: 0;
    color: #fff;
    font-family: Inter, Poppins, sans-serif;
    font-size: clamp(2.5rem, 2.708vw, 3.25rem);
    font-weight: 900;
    font-synthesis: none;
    letter-spacing: normal;
    line-height: 1.2;
    white-space: nowrap;
}

.ys-launch-title span {
    width: 100%;
    height: auto;
    aspect-ratio: 492 / 4.5613;
    display: block;
    margin-top: .3em;
    background: url('/launch-assets/figma-title-underline.svg') center / 100% 100% no-repeat;
}

.ys-launch-reach {
    position: absolute;
    top: 61.85%;
    left: 65.94%;
    margin: 0;
    color: #fff;
    font-size: clamp(.95rem, 1.67vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 10, 41, .9);
    white-space: nowrap;
}

.ys-launch-countdown-panel {
    position: absolute;
    top: 68.5%;
    left: 65.94%;
    width: 30%;
}

.ys-launch-countdown {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(3px, .35vw, 7px);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 10, 41, .9);
}

.ys-launch-clock {
    flex: 0 0 auto;
    align-self: flex-start;
    margin-top: clamp(1px, .25vw, 5px);
    color: #fff;
    font-size: clamp(1.1rem, 2.25vw, 2.7rem);
    line-height: 1;
}

.ys-launch-countdown div {
    flex: 0 0 clamp(64px, 5vw, 96px);
    text-align: center;
}

.ys-launch-countdown strong {
    display: block;
    color: #fff;
    font-size: clamp(1.1rem, 2.8vw, 3.4rem);
    font-weight: 800;
    line-height: 1;
}

.ys-launch-countdown span {
    display: block;
    margin-top: .45em;
    color: #fff;
    font-size: clamp(.32rem, .65vw, .78rem);
    font-weight: 700;
    line-height: 1;
}

.ys-launch-countdown > b {
    align-self: flex-start;
    margin-top: clamp(3px, .55vw, 10px);
    color: #fff;
    font-size: clamp(.8rem, 1.65vw, 2rem);
    line-height: 1;
}

.ys-launch-routes {
    width: 46.4%;
    position: absolute;
    top: 58.06%;
    left: 4.58%;
    display: grid;
    gap: clamp(8px, .833vw, 16px);
}

.ys-launch-route {
    box-sizing: border-box;
    min-height: clamp(61px, 4.167vw, 80px);
    padding: clamp(8px, .833vw, 16px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3%;
    border-radius: clamp(4px, .417vw, 8px);
    background: rgba(0, 10, 41, .6);
    overflow: hidden;
}

.ys-launch-route-origin,
.ys-launch-route-destination {
    display: flex;
    align-items: center;
    gap: clamp(6px, .8vw, 16px);
    min-width: 0;
    white-space: nowrap;
}

.ys-launch-route-origin {
    flex: 0 0 auto;
}

.ys-launch-route-destination {
    flex: 0 0 auto;
    justify-content: flex-start;
}

.ys-launch-route img {
    width: clamp(28px, 3.75vw, 72px);
    height: clamp(19px, 2.5vw, 48px);
    flex: 0 0 auto;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 4px;
}

.ys-launch-route strong,
.ys-launch-route span {
    min-width: 0;
    color: #fff;
    font-size: clamp(.7rem, 1.667vw, 2rem);
    font-weight: 800;
    font-synthesis: none;
    line-height: 1.2;
}

.ys-launch-route-origin i {
    width: clamp(4px, .42vw, 8px);
    height: clamp(4px, .42vw, 8px);
    flex: 0 0 auto;
    border-radius: 50%;
    background: #fff;
}

.ys-launch-plane {
    color: #ffc700;
    font-size: clamp(1rem, 2.4vw, 2.9rem);
    line-height: 1;
}

.ys-launch-globe {
    color: #fff;
    font-size: clamp(1rem, 2.5vw, 3rem);
    line-height: 1;
}

.ys-launch-footer {
    position: absolute;
    right: 5.42%;
    bottom: 7.04%;
    left: 5.42%;
    height: auto;
}

.ys-launch-footer-mobile {
    display: grid;
    grid-template-columns: 53% 47%;
    align-items: center;
    color: #fff;
}

.ys-launch .ys-launch-footer-mobile-story > img:first-of-type {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: left center;
}

.ys-launch--es .ys-launch-title {
    width: fit-content;
}

.ys-launch-footer-mobile-story {
    display: grid;
    grid-template-columns: 15.61% 1px 15.7% 1px minmax(0, 1fr);
    align-items: center;
    gap: 3.63%;
}

.ys-launch-story-divider,
.ys-launch-contact-divider {
    width: 1px;
    background: #fff;
}

.ys-launch-footer-mobile-story .ys-launch-story-divider {
    height: clamp(36px, 3.53vw, 67.78px);
}

.ys-launch-footer-mobile-story p,
.ys-launch-footer-mobile-contact p {
    margin: 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: clamp(.8rem, 1.67vw, 2rem);
    font-weight: 500;
    font-synthesis: none;
    line-height: 1.25;
}

.ys-launch-footer-mobile-contact {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4%;
}

.ys-launch-envelope {
    width: clamp(29px, 3.8vw, 73px);
    height: auto;
    display: block;
    flex: 0 0 auto;
}

.ys-launch-footer-mobile-contact p {
    display: grid;
    gap: .32em;
}

.ys-launch-contact-divider {
    height: clamp(36px, 3.53vw, 67.78px);
}

.ys-launch-footer-mobile-contact a {
    color: #ffc700;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-synthesis: none;
    text-decoration: none;
}

.ys-launch--es .ys-launch-route-origin,
.ys-launch--es .ys-launch-route-destination {
    gap: clamp(5px, .65vw, 13px);
}

@media (min-width: 769px) {
    .ys-launch-route { gap: clamp(8px, .75vw, 14px); }

    .ys-launch-route {
        width: fit-content;
        max-width: 100%;
    }

    .ys-launch-route > .ys-launch-plane {
        flex: 0 0 auto;
        margin-inline: clamp(2px, .3vw, 6px);
    }

    .ys-launch--es .ys-launch-route { gap: clamp(6px, .55vw, 11px); }

    .ys-launch-footer-mobile-story img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

@media (min-width: 1601px) {
    .ys-launch-footer {
        left: 5.42%;
        right: 5.42%;
        width: auto;
        height: auto;
    }

    .ys-launch-footer-mobile {
        height: 100%;
        grid-template-columns: 51.63% 48.37%;
    }

    .ys-launch-footer-mobile-story p {
        font-size: 28.89px;
        line-height: 1.25;
    }

    .ys-launch-footer-mobile-story p > span {
        display: block;
        white-space: nowrap;
    }

    .ys-launch-footer-mobile-contact p > span {
        font-size: 26.87px;
        line-height: 1;
    }

    .ys-launch-footer-mobile-contact a {
        font-size: 27.35px;
        line-height: 1;
    }

    .ys-launch-envelope {
        width: 73.13px;
    }

    .ys-launch-footer-mobile-contact {
        box-sizing: border-box;
        padding-right: 2.78px;
    }

    .ys-launch-story-divider,
    .ys-launch-contact-divider {
        height: 79.7px;
    }
}

@media (min-width: 1601px) {
    .ys-launch-route {
        box-sizing: border-box;
        height: 80.53px;
        min-height: 80.53px;
        border-radius: 8.04px;
        background: #000a29;
    }

    .ys-launch-route img {
        width: 64px;
        height: 43px;
    }

    .ys-launch-route strong,
    .ys-launch-route span {
        font-size: 28px;
        line-height: 1.25;
    }

    .ys-launch-plane,
    .ys-launch-globe {
        font-size: 40px;
    }

    .ys-launch--es .ys-launch-route strong,
    .ys-launch--es .ys-launch-route span {
        font-size: 25px;
    }

    .ys-launch--es .ys-launch-route-origin,
    .ys-launch--es .ys-launch-route-destination {
        gap: 8px;
    }

    .ys-launch--es .ys-launch-route img {
        width: 64px;
        height: 43px;
    }

    .ys-launch--es .ys-launch-plane,
    .ys-launch--es .ys-launch-globe {
        font-size: 40px;
    }
}

@media (min-width: 769px) and (max-aspect-ratio: 17 / 10) {
    .ys-launch-header { top: 10.16%; left: 4.51%; width: 31.25%; }
    .ys-launch-title { margin-top: 1.3%; }
    .ys-launch-title h1 { font-size: clamp(1.8rem, 2.75vw, 2.5rem); }
    .ys-launch-reach { top: 63.67%; left: 66.25%; font-size: clamp(.95rem, 1.67vw, 1.5rem); }
    .ys-launch-countdown-panel { top: 69.5%; left: 66.25%; width: 29%; }
    .ys-launch-routes { top: 61.52%; left: 4.51%; width: 47.57%; }
    .ys-launch-route { min-height: 61px; }
    .ys-launch-footer { right: 4.51%; bottom: 7.7%; left: 4.51%; }
}

@media (min-width: 769px) and (max-width: 1600px) {
    .ys-launch-route {
        padding-right: 2.8%;
    }

    .ys-launch-route-origin,
    .ys-launch-route-destination {
        gap: clamp(5px, .62vw, 12px);
    }

    .ys-launch-route-destination > span {
        overflow: visible;
    }

    .ys-launch-route img {
        width: clamp(26px, 3.35vw, 64px);
        height: clamp(18px, 2.23vw, 43px);
    }
}

@media (min-width: 769px) {
    .ys-launch-scene {
        width: 100vw;
        height: 100dvh;
        background-size: cover;
    }
}

@media (min-width: 769px) and (max-width: 1600px) {
    .ys-launch-scene {
        background-size: auto max(100dvh, calc(100vw * 32 / 45));
    }
}

@media (min-width: 769px) and (max-width: 1366px) and (min-aspect-ratio: 17 / 10) {
    .ys-launch-content {
        transform: translateY(-10px) scale(1);
    }
}

@media (min-width: 1601px) and (min-aspect-ratio: 17 / 10) and (max-height: 950px) {
    .ys-launch-routes {
        top: 57%;
        gap: 10px;
    }

    .ys-launch-route {
        height: 72px;
        min-height: 72px;
        padding-block: 10px;
    }

    .ys-launch-reach {
        top: 60.5%;
    }

    .ys-launch-countdown-panel {
        top: 66.5%;
    }

    .ys-launch-footer {
        bottom: 8.5%;
    }

    .ys-launch-footer-mobile-story p {
        font-size: 25px;
        line-height: 1.2;
    }

    .ys-launch-footer-mobile-contact p > span,
    .ys-launch-footer-mobile-contact a {
        font-size: 24px;
    }

    .ys-launch-envelope {
        width: 64px;
    }

    .ys-launch-story-divider,
    .ys-launch-contact-divider {
        height: 68px;
    }
}

@media (max-width: 768px),
       (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
    .ys-launch {
        place-items: center;
        overflow: hidden;
    }

    .ys-launch-scene {
        width: 100vw;
        height: 100dvh;
        background-image: var(--ys-launch-mobile-background);
        background-position: center;
        background-size: 100% 100%;
    }

    .ys-launch-content { transform: none; }

    .ys-launch-header {
        top: 6.28%;
        left: 7.18%;
        width: 85.64%;
        display: grid;
        justify-items: center;
    }

    .ys-launch-brand { width: 84.68%; }

    .ys-launch-title {
        width: fit-content;
        margin-top: 5.25%;
    }

    .ys-launch--es .ys-launch-title { width: fit-content; }

    .ys-launch-title h1 {
        font-size: clamp(1.1rem, 6.15vw, 1.5rem);
        text-align: center;
    }

    .ys-launch-reach { top: 23.5%; left: 0; width: 100%; font-size: clamp(.75rem, 4.1vw, 1rem); text-align: center; }
    .ys-launch-countdown-panel { display: block; top: 29%; left: 8%; width: 84%; }
    .ys-launch-countdown { justify-content: center; gap: clamp(2px, 1.2vw, 6px); }
    .ys-launch-clock { font-size: clamp(.9rem, 5vw, 1.35rem); }
    .ys-launch-countdown div { flex: 0 0 18%; }
    .ys-launch-countdown strong { font-size: clamp(1rem, 6.2vw, 1.55rem); }
    .ys-launch-countdown span { margin-top: .35em; font-size: clamp(.38rem, 2.25vw, .55rem); }
    .ys-launch-countdown > b { font-size: clamp(.7rem, 3.3vw, 1rem); }
    .ys-launch-routes { top: 48.58%; left: 5.13%; width: 90.77%; gap: 8px; }
    .ys-launch-route { box-sizing: border-box; height: 74px; min-height: 74px; padding: 7px 8px; gap: 7px 12px; display: grid; grid-template-columns: auto auto; grid-template-rows: 1fr 1fr; justify-content: center; }
    .ys-launch-route-origin, .ys-launch-route-destination { gap: 6px; }
    .ys-launch-route-origin { grid-column: 1; grid-row: 1; justify-self: end; }
    .ys-launch-route-destination { grid-column: 1 / 3; grid-row: 2; justify-self: center; }
    .ys-launch-route-destination > span { text-align: center; }
    .ys-launch-route > .ys-launch-plane { grid-column: 2; grid-row: 1; justify-self: start; }
    .ys-launch-route img { width: 29px; height: 19px; border-width: 1px; }
    .ys-launch-route strong, .ys-launch-route span { font-size: clamp(.75rem, 4.1vw, 1rem); line-height: 1.15; }
    .ys-launch--es .ys-launch-route strong,
    .ys-launch--es .ys-launch-route span { font-size: clamp(.72rem, 3.85vw, .95rem); }
    .ys-launch-plane,
    .ys-launch-globe {
        display: block;
        font-size: clamp(1rem, 5.2vw, 1.25rem);
        line-height: 1;
    }
    .ys-launch-footer { top: 70.73%; right: 5.13%; bottom: auto; left: 5.13%; }
    .ys-launch-footer-mobile { display: grid; gap: 32px; width: 100%; }
    .ys-launch--es .ys-launch-footer-mobile { grid-template-columns: 1fr; gap: 32px; }
    .ys-launch-footer-mobile-story { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; width: 100%; }
    .ys-launch--es .ys-launch-footer-mobile-story { display: flex; gap: 12px; }
    .ys-launch-story-divider--copy,
    .ys-launch-contact-divider { display: none; }
    .ys-launch-footer-mobile-story p > span { display: inline; }
    .ys-launch-footer-mobile-story p > span + span::before { content: " "; }
    .ys-launch-footer-mobile-story img,
    .ys-launch--es .ys-launch-footer-mobile-story img { width: 52px; height: 52px; object-fit: contain; }
    .ys-launch-footer-mobile-story > .ys-launch-story-divider { width: 1px; height: 52px; background: #fff; }
    .ys-launch-footer-mobile-story p { flex: 0 0 100%; width: min(100%, 300px); margin: 0 auto; color: #fff; font-size: 16px; line-height: 1.25; text-align: center; }
    .ys-launch--es .ys-launch-footer-mobile-story p { font-size: 16px; text-align: center; }
    .ys-launch-footer-mobile-contact { width: 100%; display: flex; align-items: center; justify-content: center; justify-self: center; gap: 12px; }
    .ys-launch--es .ys-launch-footer-mobile-contact { justify-content: center; }
    .ys-launch-envelope { width: 29px; }
    .ys-launch-footer-mobile-contact p { display: grid; gap: .1em; font-size: 16px; }
    .ys-launch--es .ys-launch-footer-mobile-contact p { font-size: 16px; }
    .ys-launch-footer-mobile-contact a { color: #ffc700; text-decoration: none; }
}

@media (max-width: 768px) and (max-height: 740px) {
    .ys-launch-scene {
        width: 100vw;
        height: 100dvh;
        background-position: center;
        background-size: cover;
    }

    .ys-launch-header { top: 5%; }
    .ys-launch-brand { width: 78%; }
    .ys-launch-title { margin-top: 4%; }
    .ys-launch-reach { top: 21.5%; }
    .ys-launch-countdown-panel { top: 26.5%; }
    .ys-launch-countdown strong { font-size: clamp(.9rem, 5.8vw, 1.3rem); }
    .ys-launch-routes { top: 43%; }
    .ys-launch-route { height: 62px; min-height: 62px; padding: 6px; }
    .ys-launch-footer { top: 65%; }
    .ys-launch-footer-mobile { gap: 10px; }
    .ys-launch-footer-mobile-story img,
    .ys-launch--es .ys-launch-footer-mobile-story img { width: 36px; height: 36px; }
    .ys-launch-footer-mobile-story > .ys-launch-story-divider { height: 36px; }
    .ys-launch-footer-mobile-story p,
    .ys-launch--es .ys-launch-footer-mobile-story p,
    .ys-launch-footer-mobile-contact p,
    .ys-launch--es .ys-launch-footer-mobile-contact p { font-size: 13px; line-height: 1.15; }
    .ys-launch-footer-mobile-contact { height: 42px; }
    .ys-launch-envelope { width: 25px; }
}

@media (min-width: 601px) and (max-width: 1024px) and (orientation: portrait) {
    .ys-launch-scene {
        width: 100vw;
        height: 100dvh;
        background-position: 74% center;
        background-size: auto 100%;
    }

    .ys-launch-header { top: 5%; left: 10%; width: 80%; }
    .ys-launch-brand { width: min(58%, 430px); }
    .ys-launch-title { margin-top: 3%; }
    .ys-launch-title h1 { font-size: clamp(1.35rem, 4.2vw, 2rem); }
    .ys-launch-reach { top: 20%; font-size: clamp(1rem, 2.8vw, 1.35rem); }
    .ys-launch-countdown-panel { top: 25%; left: 14%; width: 72%; }
    .ys-launch-countdown strong { font-size: clamp(1.3rem, 4vw, 2rem); }
    .ys-launch-countdown span { font-size: clamp(.5rem, 1.5vw, .7rem); }
    .ys-launch-routes { top: 43%; left: 10%; width: 80%; max-width: 760px; }
    .ys-launch-route { height: 78px; min-height: 78px; }
    .ys-launch-route strong, .ys-launch-route span { font-size: clamp(.8rem, 2vw, 1.1rem); }
    .ys-launch-route img { width: 38px; height: 25px; }
    .ys-launch-footer { top: 64%; right: 10%; left: 10%; }
    .ys-launch-footer-mobile { gap: 24px; }
    .ys-launch-footer-mobile-story img,
    .ys-launch--es .ys-launch-footer-mobile-story img { width: 62px; height: 62px; }
    .ys-launch-footer-mobile-story > .ys-launch-story-divider { height: 62px; }
    .ys-launch-footer-mobile-story p,
    .ys-launch--es .ys-launch-footer-mobile-story p,
    .ys-launch-footer-mobile-contact p,
    .ys-launch--es .ys-launch-footer-mobile-contact p { font-size: clamp(1rem, 2.2vw, 1.25rem); }
    .ys-launch-footer-mobile-story p { max-width: 520px; }
    .ys-launch--es .ys-launch-route strong,
    .ys-launch--es .ys-launch-route span { font-size: clamp(.76rem, 1.9vw, 1.05rem); }
}

@media (min-width: 820px) and (max-width: 1024px) and (orientation: portrait) {
    .ys-launch-header { top: 4%; left: 7%; width: 86%; }
    .ys-launch-brand { width: min(62%, 500px); }
    .ys-launch-title { margin-top: 2.2%; }
    .ys-launch-title h1 { font-size: clamp(2rem, 4.2vw, 2.5rem); }
    .ys-launch-reach { top: 18.5%; font-size: clamp(1.2rem, 2.5vw, 1.6rem); }
    .ys-launch-countdown-panel { top: 23%; left: 11%; width: 78%; }
    .ys-launch-countdown strong { font-size: clamp(2rem, 4vw, 2.6rem); }
    .ys-launch-countdown span { font-size: clamp(.65rem, 1.3vw, .85rem); }
    .ys-launch-countdown > b { font-size: 1.5rem; }

    .ys-launch-routes {
        top: 39.5%;
        left: 7%;
        width: 86%;
        max-width: none;
        gap: 12px;
    }

    .ys-launch-route {
        height: 96px;
        min-height: 96px;
        padding: 11px 16px;
        gap: 10px 18px;
    }

    .ys-launch-route strong,
    .ys-launch-route span { font-size: clamp(1rem, 2.2vw, 1.35rem); }
    .ys-launch-route img { width: 48px; height: 32px; }
    .ys-launch-plane,
    .ys-launch-globe { font-size: 1.55rem; }
    .ys-launch--es .ys-launch-route strong,
    .ys-launch--es .ys-launch-route span { font-size: clamp(.96rem, 2.05vw, 1.25rem); }

    .ys-launch-footer { top: 59%; right: 7%; left: 7%; }
    .ys-launch-footer-mobile { gap: 32px; }
    .ys-launch-footer-mobile-story img,
    .ys-launch--es .ys-launch-footer-mobile-story img { width: 78px; height: 78px; }
    .ys-launch-footer-mobile-story > .ys-launch-story-divider { height: 78px; }
    .ys-launch-footer-mobile-story p,
    .ys-launch--es .ys-launch-footer-mobile-story p,
    .ys-launch-footer-mobile-contact p,
    .ys-launch--es .ys-launch-footer-mobile-contact p {
        font-size: clamp(1.05rem, 2.2vw, 1.35rem);
        line-height: 1.25;
    }

    .ys-launch-footer-mobile-story p { max-width: 680px; }
    .ys-launch-envelope { width: 42px; }
}

@media (min-width: 980px) and (max-width: 1024px) and (orientation: portrait) {
    .ys-launch-header { top: 3.5%; left: 6%; width: 88%; }
    .ys-launch-brand { width: min(64%, 540px); }
    .ys-launch-title h1 { font-size: 2.65rem; }
    .ys-launch-reach { top: 18%; font-size: 1.7rem; }
    .ys-launch-countdown-panel { top: 22.5%; left: 10%; width: 80%; }
    .ys-launch-countdown strong { font-size: 2.8rem; }
    .ys-launch-countdown span { font-size: .9rem; }
    .ys-launch-countdown > b { font-size: 1.65rem; }

    .ys-launch-routes {
        top: 38%;
        left: 6%;
        width: 88%;
        gap: 14px;
    }

    .ys-launch-route {
        height: 108px;
        min-height: 108px;
        padding: 13px 18px;
        gap: 11px 20px;
    }

    .ys-launch-route strong,
    .ys-launch-route span { font-size: 1.5rem; }
    .ys-launch--es .ys-launch-route strong,
    .ys-launch--es .ys-launch-route span { font-size: 1.38rem; }
    .ys-launch-route img { width: 54px; height: 36px; }
    .ys-launch-plane,
    .ys-launch-globe { font-size: 1.75rem; }

    .ys-launch-footer { top: 60%; right: 6%; left: 6%; }
    .ys-launch-footer-mobile { gap: 36px; }
    .ys-launch-footer-mobile-story img,
    .ys-launch--es .ys-launch-footer-mobile-story img { width: 92px; height: 92px; }
    .ys-launch-footer-mobile-story > .ys-launch-story-divider { height: 92px; }
    .ys-launch-footer-mobile-story p,
    .ys-launch--es .ys-launch-footer-mobile-story p {
        max-width: 760px;
        font-size: 1.45rem;
    }

    .ys-launch-footer-mobile-contact p,
    .ys-launch--es .ys-launch-footer-mobile-contact p { font-size: 1.35rem; }
    .ys-launch-envelope { width: 48px; }
}

@media (min-width: 480px) and (max-width: 600px) and (max-height: 760px) {
    .ys-launch-header { top: 4%; }
    .ys-launch-brand { width: 68%; }
    .ys-launch-title { margin-top: 2.5%; }
    .ys-launch-title h1 { font-size: 1.35rem; }
    .ys-launch-reach { top: 24%; font-size: .9rem; }
    .ys-launch-countdown-panel { top: 29%; left: 10%; width: 80%; }
    .ys-launch-countdown strong { font-size: 1.3rem; }
    .ys-launch-countdown span { font-size: .5rem; }
    .ys-launch-routes { top: 43%; }
    .ys-launch-route { height: 66px; min-height: 66px; }
    .ys-launch-footer { top: 65%; }
    .ys-launch-footer-mobile { gap: 12px; }
    .ys-launch-footer-mobile-story img,
    .ys-launch--es .ys-launch-footer-mobile-story img { width: 40px; height: 40px; }
    .ys-launch-footer-mobile-story > .ys-launch-story-divider { height: 40px; }
    .ys-launch-footer-mobile-story p,
    .ys-launch--es .ys-launch-footer-mobile-story p,
    .ys-launch-footer-mobile-contact p,
    .ys-launch--es .ys-launch-footer-mobile-contact p {
        font-size: 14px;
        line-height: 1.15;
    }

    .ys-launch-footer-mobile-contact { height: 44px; }
}