/* Generated file. Source: shared/brand/styles/placeholder-shell.css. Do not edit directly. Run: node tools/brand/sync-shared-brand.mjs */
.coming-shell{
  min-height:calc(100vh - 56px);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:56px;
  padding:24px;
  position:relative;
  z-index:1;
}

.coming-copy{
  width:min(100%, 520px);
  display:grid;
  justify-items:end;
  gap:14px;
  text-align:right;
  padding:24px;
}

.coming-copy h1{
  font-size:clamp(36px,7vw,84px);
  font-weight:400;
  letter-spacing:.03em;
  line-height:1.05;
  margin:0;
}

.coming-copy p{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--theme-contact-accent);
  font-weight:400;
  line-height:1;
  margin:0;
}

@media (max-width:860px){
  .coming-shell{min-height:calc(100vh - 56px);padding:20px 18px}
  .coming-copy{gap:12px}
}

@media (max-width:480px){
  .coming-copy p{font-size:11px;letter-spacing:.24em}
}