.storefront.upcoming-site { display: flex; flex: 1 1 0; flex-direction: column; width: 100%; height: 100%; min-height: 0; padding-bottom: 0; overflow-y: auto; background: #17241e; color: #f0f3ec; font: 16px/1.6 Inter, "DM Sans", system-ui, sans-serif; }
.upcoming-content { display: grid; flex: 1; align-content: center; justify-items: center; gap: 17px; padding: 70px 24px 110px; text-align: center; }
.upcoming-content > span { color: #c5d9b4; font-size: 11px; font-weight: 750; letter-spacing: .19em; }
.upcoming-content h1 { margin: 0; font: 500 clamp(40px, 6vw, 76px)/1.1 Georgia, serif; }
.upcoming-content p { max-width: 540px; margin: 0; color: #d3ded3; }
.upcoming-site footer { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px; padding: 24px; background: #101b15; color: #aabbb0; font-size: 12px; text-align: center; }
.upcoming-site::after { display: block; flex: 0 0 calc(112px + env(safe-area-inset-bottom, 0px)); background: #101b15; content: ""; }
@media (max-width: 760px) { .upcoming-site::after { flex-basis: 12px; } }