/* ================================================
   BUSINESS SHOWCASE
================================================ */
#showcase {
  background:var(--ink);
  padding-top:2rem;
}
.showcase-head { text-align:center; margin-bottom:5rem; }
.showcase-head .lead { margin-left:auto; margin-right:auto; text-align:center; }

.biz-grid {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:1.5px;
  background:var(--border);
  border:1px solid var(--border);
  border-radius:4px;
  overflow:hidden;
}
.biz-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.biz-card {
  position:relative; overflow:hidden;
  background:var(--ink2);
  padding:3.5rem;
  cursor:none;
  transition:background .5s var(--ease);
  min-height:460px;
  display:flex; flex-direction:column; justify-content:flex-end;
  transform-style:preserve-3d;
  will-change:transform;
}
.biz-card::before {
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(5,5,7,.96) 0%, rgba(5,5,7,.4) 60%, transparent 100%);
  z-index:2;
  transition:opacity .5s;
}
.biz-card::after {
  content:''; position:absolute; inset:0; z-index:3;
  border:1px solid transparent;
  transition:border-color .4s, box-shadow .4s;
  border-radius:0;
}
.biz-card:hover::after {
  border-color:var(--gold);
  box-shadow:inset 0 0 60px rgba(201,168,76,.06);
}
.biz-bg {
  position:absolute; inset:0; z-index:1;
  background-size:cover; background-position:center;
  transition:transform .8s var(--ease), filter .5s;
  filter:brightness(.55) saturate(.8);
}
.biz-card:hover .biz-bg { transform:scale(1.08); filter:brightness(.7) saturate(1); }

.biz-content { position:relative; z-index:10; }
.biz-num {
  font-family:var(--mono); font-size:.66rem; font-weight:600;
  letter-spacing:.35em; text-transform:uppercase; color:var(--gold);
  margin-bottom:.8rem; display:block;
  transform:translateY(20px); opacity:0;
  transition:all .5s var(--ease);
}
.biz-card:hover .biz-num { transform:translateY(0); opacity:1; }
.biz-title {
  font-family:var(--serif); font-size:clamp(1.8rem, 2.8vw, 2.6rem);
  font-weight:600; line-height:1.15; margin-bottom:1rem;
  color:var(--white);
}
.biz-desc {
  font-size:.9rem; color:var(--w70); line-height:1.8; font-weight:300;
  margin-bottom:1.8rem; max-width:400px;
  transform:translateY(14px); opacity:0;
  transition:all .5s .08s var(--ease);
}
.biz-card:hover .biz-desc { transform:translateY(0); opacity:1; }
.biz-tags { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:2rem; }
.biz-tag {
  padding:.28rem .9rem; background:var(--gdim); border:1px solid var(--border);
  border-radius:100px; font-size:.66rem; font-weight:500; letter-spacing:.1em;
  text-transform:uppercase; color:var(--gold2);
}
.biz-cta {
  display:inline-flex; align-items:center; gap:.8rem;
  font-size:.8rem; font-weight:600; letter-spacing:.15em; text-transform:uppercase;
  color:var(--white); padding:.8rem 2rem;
  border:1px solid var(--w15); border-radius:100px;
  transition:all .4s var(--ease);
  transform:translateY(14px); opacity:0;
  transition:transform .5s .12s var(--ease), opacity .5s .12s var(--ease), background .3s, border-color .3s, box-shadow .3s;
}
.biz-card:hover .biz-cta { transform:translateY(0); opacity:1; }
.biz-cta:hover { background:var(--gold); border-color:var(--gold); color:var(--ink); box-shadow:0 12px 40px var(--gglow); }
.biz-arrow {
  position:absolute; top:2.5rem; right:2.5rem; z-index:10;
  width:48px; height:48px; border-radius:50%;
  border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  color:var(--gold); font-size:1.2rem;
  transition:all .4s var(--ease);
  background:rgba(10,10,16,.5); backdrop-filter:blur(10px);
}
.biz-card:hover .biz-arrow { background:var(--gold); color:var(--ink); border-color:var(--gold); transform:rotate(45deg); box-shadow:0 8px 28px var(--gglow); }

/* Tilt glow */
.biz-glow {
  position:absolute; z-index:4;
  width:300px; height:300px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(201,168,76,.15) 0%, transparent 70%);
  pointer-events:none;
  opacity:0; transition:opacity .3s;
  transform:translate(-50%,-50%);
}
.biz-card:hover .biz-glow { opacity:1; }
