:root{
  --om-paper:#f7efe2;
  --om-ink:#263a32;
  --om-green:#075d45;
  --om-orange:#d84a24;
  --om-yellow:#f0ad1f;
  --om-line:rgba(61,50,38,.14);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  background:
    radial-gradient(circle at 16% 12%, rgba(216,74,36,.065), transparent 23rem),
    radial-gradient(circle at 87% 88%, rgba(7,93,69,.06), transparent 24rem),
    var(--om-paper);
  color:var(--om-ink);
  font-family:Arial,"Noto Sans KR",sans-serif;
}
.om-coming-soon{
  min-height:100vh;
  display:grid;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
}
.om-coming-papel{
  width:100%;
  height:70px;
  overflow:hidden;
  line-height:0;
}
.om-coming-papel img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}
.om-coming-main{
  width:min(920px,calc(100% - 36px));
  margin:0 auto;
  padding:62px 0 42px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.om-coming-card{
  position:relative;
  width:100%;
  padding:58px 64px 46px;
  text-align:center;
  background:rgba(255,250,242,.84);
  border:1px solid var(--om-line);
  border-radius:32px;
  box-shadow:0 22px 70px rgba(55,42,28,.08);
}
.om-coming-logo{
  display:block;
  width:min(340px,76%);
  height:auto;
  margin:0 auto 34px;
}
.om-coming-kicker{
  margin:0 0 17px;
  color:var(--om-green);
  font-size:14px;
  font-weight:900;
  letter-spacing:.18em;
}
.om-coming-title{
  margin:0;
  color:var(--om-orange);
  font-size:clamp(34px,6vw,62px);
  line-height:1.1;
  letter-spacing:-.045em;
}
.om-coming-lead{
  max-width:660px;
  margin:24px auto 0;
  color:#4f574f;
  font-size:17px;
  line-height:1.85;
  word-break:keep-all;
}
.om-coming-rule{
  width:72px;
  height:4px;
  margin:28px auto;
  border-radius:999px;
  background:var(--om-yellow);
}
.om-coming-tagline{
  margin:0;
  font-size:16px;
  font-weight:800;
  line-height:1.75;
}
.om-coming-contact{
  margin-top:32px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px 18px;
}
.om-coming-contact a{
  color:var(--om-green);
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.om-coming-contact a:hover{text-decoration:underline}
.om-coming-axolotl{
  position:absolute;
  right:24px;
  bottom:-14px;
  width:112px;
  height:auto;
  opacity:.96;
  pointer-events:none;
}
.om-coming-footer{
  padding:18px 20px 26px;
  text-align:center;
  color:#746d62;
  font-size:12px;
}
.om-coming-footer strong{color:var(--om-green)}

@media(max-width:700px){
  .om-coming-papel{height:52px}
  .om-coming-main{padding:34px 0 28px}
  .om-coming-card{padding:42px 24px 88px;border-radius:25px}
  .om-coming-logo{width:min(275px,82%);margin-bottom:28px}
  .om-coming-lead{font-size:15px;line-height:1.8}
  .om-coming-tagline{font-size:14px}
  .om-coming-contact{display:grid;gap:8px}
  .om-coming-axolotl{width:88px;right:16px;bottom:-7px}
}