.vibe-coming {
  min-height: clamp(420px, 62vh, 680px);
  display: grid;
  place-items: center;
  padding: 72px 24px 88px;
  background:
    radial-gradient(circle at 50% 15%, rgba(113, 83, 49, .08), transparent 36%),
    #f7f4ee;
  border-bottom: 1px solid #ded8ce;
  text-align: center;
}

.vibe-coming__inner {
  width: min(100%, 620px);
}

.vibe-coming__eyebrow {
  margin: 0 0 20px;
  color: #756b61;
  font: 500 11px/1 'Oswald', sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.vibe-coming h1 {
  margin: 0;
  color: #261b14;
  font: 600 clamp(42px, 7vw, 76px)/.98 'Oswald', sans-serif;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.vibe-coming__rule {
  width: 48px;
  height: 2px;
  margin: 30px auto;
  background: #261b14;
}

.vibe-coming__status {
  margin: 0 0 13px;
  color: #261b14;
  font: 500 14px/1 'Oswald', sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.vibe-coming__line {
  margin: 0 auto;
  color: #74695f;
  font: 400 clamp(17px, 2.2vw, 21px)/1.55 'Hanken Grotesk', sans-serif;
}

.vibe-coming__back {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 34px;
  color: #261b14;
  font: 600 12px/1 'Hanken Grotesk', sans-serif;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #9b9085;
  padding-bottom: 5px;
}

.vibe-coming__back:hover { border-color: #261b14; }
.refer-section { display: none; }

@media (max-width: 640px) {
  .vibe-coming {
    min-height: 64vh;
    padding: 64px 20px 76px;
  }
}