html:not(.site-preview-unlocked) body.site-locked { overflow: hidden; }

.coming-screen {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  padding: 0 clamp(24px, 4.2vw, 70px);
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  background: #ece9e1;
  color: #171714;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  clip-path: inset(0 0 0 0);
  transition: clip-path .8s cubic-bezier(.76, 0, .24, 1);
}

.site-preview-unlocked .coming-screen { display: none; }
.coming-screen.is-opening { clip-path: inset(50% 0 50% 0); }

.coming-screen::before {
  content: "";
  position: absolute;
  inset: -25%;
  z-index: -1;
  background: radial-gradient(circle at 72% 28%, rgba(255,255,255,.82), transparent 27%), radial-gradient(circle at 20% 78%, rgba(174,164,144,.18), transparent 30%);
  animation: coming-atmosphere 12s ease-in-out infinite alternate;
}

.coming-screen a { color: inherit; text-decoration: none; }
.coming-screen > header { height: clamp(82px,9vw,118px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(23,23,20,.17); }
.coming-brand { width:clamp(154px,14vw,225px); height:clamp(50px,5vw,72px); overflow:hidden; }
.coming-brand img { display:block; width:100%; transform:translateY(-31%); filter:brightness(0); }
.coming-screen > header p,.coming-eyebrow,.coming-screen > footer { font-size:10px; letter-spacing:.2em; text-transform:uppercase; }
.coming-screen > header p { margin:0; }
.coming-screen > main { align-self:center; padding:clamp(55px,7vh,100px) 0; }
.coming-eyebrow { margin:0 0 clamp(30px,4vh,55px); color:rgba(23,23,20,.58); }
.coming-screen h1 { max-width:1200px; margin:0; font-family:"MuseoModerno","Helvetica Neue",sans-serif; font-size:clamp(47px,7.1vw,126px); font-weight:500; line-height:.91; letter-spacing:-.065em; }
.coming-screen h1 span { display:block; }
.coming-statement { margin-top:clamp(42px,6vh,82px); display:flex; gap:clamp(25px,5vw,90px); color:rgba(23,23,20,.66); font-size:clamp(13px,1vw,16px); font-weight:300; line-height:1.6; }
.coming-statement p { margin:0; }
.coming-screen > footer { min-height:92px; padding:25px 0 30px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; border-top:1px solid rgba(23,23,20,.17); }
.coming-screen > footer a:nth-child(2) { justify-self:center; }
.coming-unlock-mobile { justify-self:end; padding:0; border:0; background:transparent; color:rgba(23,23,20,.55); font:inherit; letter-spacing:inherit; text-transform:inherit; cursor:default; }
.coming-progress { position:absolute; right:0; bottom:0; left:0; height:3px; background:rgba(23,23,20,.08); }
.coming-progress span { display:block; width:35%; height:100%; background:#171714; animation:coming-progress 3.8s ease-in-out infinite alternate; }

@keyframes coming-progress { from{transform:translateX(-100%)} to{transform:translateX(285%)} }
@keyframes coming-atmosphere { to{transform:translate3d(-2%,1%,0) scale(1.03)} }

@media(max-width:700px){.coming-screen > header{height:78px}.coming-screen > header p{display:none}.coming-screen > main{padding:55px 0}.coming-screen h1{font-size:clamp(41px,11vw,58px);line-height:.95}.coming-statement{flex-direction:column;gap:3px}.coming-screen > footer{grid-template-columns:1fr;align-content:center;gap:10px}.coming-screen > footer a:nth-child(2),.coming-unlock-mobile{justify-self:start}.coming-unlock-mobile{grid-column:1;cursor:pointer}}
@media(prefers-reduced-motion:reduce){.coming-screen,.coming-screen::before,.coming-progress span{animation-duration:.01ms!important;transition-duration:.01ms!important}}