/* =========================
   GBC Expo Section
   ========================= */

.gbcExpo{
  position: relative;
  padding: clamp(22px, 5vw, 44px) 0;
  background:
    radial-gradient(800px 400px at 10% 0%, rgba(129,184,0,.18), transparent 60%),
    radial-gradient(700px 380px at 90% 10%, rgba(230,72,37,.14), transparent 60%),
    #f7f9fb;
}

.gbcExpo__inner{
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
  color: #1b2430;
}

.gbcExpo__head{
  max-width: 100%;
}

.gbcExpo__title{
  font-size: clamp(1.7rem, 2.4vw, 2.3rem);
  font-weight: 900;
  margin: 0;
}

.gbcExpo__intro{
  margin-top: 14px;
  font-size: 1.05rem;
  line-height: 1.65;
  color: #3b4656;
}

.gbcExpo__grid{
  display:grid;
  gap:18px;
  margin-top: 26px;
}
@media (min-width: 900px){
  .gbcExpo__grid{ grid-template-columns: repeat(3,1fr); }
}

.gbcExpo__card{
  background:#ffffff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
  transition: transform .18s ease;
}
.gbcExpo__card:hover{ transform: translateY(-2px); }

.gbcExpo__media{
  height: 180px;
  background-size: cover;
  background-position: center;
}

.gbcExpo__card h3{
  margin: 14px 16px 0;
  font-size: 1.15rem;
  font-weight: 900;
}

.gbcExpo__card p{
  margin: 10px 16px 18px;
  line-height: 1.6;
  color: #444f61;
}

.gbcExpo__note{
  margin-top: 22px;
  max-width: 90ch;
  font-size: 1rem;
  color: #4a5566;
}

/* --- Head layout: text + aside (fills empty right space) --- */
.gbcExpo__headGrid{
  display:grid;
  gap:18px;
  align-items:start;
}

/* Keep intro readable, but allow right column to exist */
.gbcExpo__headText{ max-width: 80ch; }

@media (min-width: 900px){
  .gbcExpo__headGrid{
    grid-template-columns: minmax(0, 80ch) minmax(260px, 1fr);
  }
}

/* Aside card */
.gbcExpo__aside{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
  padding: 16px;
}

.gbcExpo__asideKicker{
  font-weight: 900;
  letter-spacing:.12em;
  text-transform: uppercase;
  font-size: .78rem;
  color:#263244;
}

.gbcExpo__asideList{
  margin: 10px 0 0;
  padding-left: 18px;
  line-height: 1.65;
  color:#3b4656;
}

.gbcExpo__asideActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 12px;
}

/* Small buttons inside aside */
.gbcExpo__asideBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 900;
  border: 1px solid rgba(25,96,167,.22);
  background: rgba(25,96,167,.10);
  color:#123055;
}

.gbcExpo__asideBtn:hover{
  background: rgba(25,96,167,.14);
  border-color: rgba(25,96,167,.30);
}

.gbcExpo__asideBtn--ghost{
  border-color: rgba(0,0,0,.12);
  background: rgba(255,255,255,.65);
  color:#1b2430;
}
.gbcExpo__asideBtn--ghost:hover{
  background: rgba(255,255,255,.85);
}