.page-coming-soon {
    overflow: hidden;
    background: #ffffff;
}

.page-coming-soon .skip-link,
.page-coming-soon .site-header,
.page-coming-soon .site-footer {
    display: none;
}

.page-coming-soon main {
    min-height: 100vh;
    min-height: 100svh;
}

.coming-soon {
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: 32px;
}

.coming-soon-inner {
    width: 100%;
    text-align: center;
    animation: coming-soon-enter .9s ease-out both;
}

.coming-soon-logo {
    width: min(68vw, 620px);
    height: auto;
    margin: 0 auto;
}

.coming-soon h1 {
    margin: clamp(26px, 4vh, 42px) 0 0;
    padding-left: .52em;
    font-size: clamp(11px, 1.1vw, 15px);
    font-weight: 650;
    letter-spacing: .52em;
    line-height: 1.4;
}

@keyframes coming-soon-enter {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 600px) {
    .coming-soon {
        padding: 24px;
    }

    .coming-soon-logo {
        width: min(86vw, 480px);
    }

    .coming-soon h1 {
        letter-spacing: .4em;
        padding-left: .4em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .coming-soon-inner {
        animation: none;
    }
}