/* enhancements.css — visual upgrades and layout tweaks */
/* Enhanced Coming Soon panel */
.showcase-coming-soon{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 0;
  min-height:320px;
  background:
    radial-gradient(600px 300px at 10% 20%, rgba(19,27,51,0.04), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,0.02), transparent 60%);
  overflow:hidden;
  border:none;
  flex-direction:column;
  gap:8px;
}

.showcase-coming-soon::before{
  content:"";
  position:absolute;
  right:-120px;
  top:-80px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(19,27,51,0.06), rgba(19,27,51,0.01) 40%, transparent 60%);
  transform:translateZ(0);
  animation:floaty 6s ease-in-out infinite;
  pointer-events:none;
  opacity:0.9;
}

@keyframes floaty{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-14px) rotate(6deg);}}

.showcase-coming-soon::after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(45deg, rgba(19,27,51,0.02), rgba(19,27,51,0.02) 2px, transparent 2px, transparent 8px);
  opacity:0.35;
  pointer-events:none;
  mix-blend-mode:soft-light;
}

.coming-soon{
  font-family:var(--display);
  color:var(--navy);
  font-size:clamp(36px,9vw,100px);
  line-height:1;
  letter-spacing:-0.02em;
  text-align:center;
  margin:0;
  white-space:nowrap;
  text-shadow:0 6px 30px rgba(19,27,51,0.08);
}

.coming-soon::after{
  content:"";
  display:block;
  width:48%;
  height:10px;
  margin:14px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--navy),var(--charcoal));
  opacity:0.12;
}

.coming-sub{
  margin-top:10px;
  font-family:var(--sans);
  color:var(--charcoal);
  font-size:16px;
  text-align:center;
  max-width:860px;
  z-index:1;
}

@media (max-width:720px){
  .showcase-coming-soon{min-height:160px;padding:28px 0}
  .coming-soon{font-size:clamp(28px,10vw,56px); white-space:normal}
  .coming-soon::after{width:72%;}
}

/* extra spacing under collab heading */
.collab-head h2{margin-bottom:28px}