.ch-explore-section {
  background: #00112a;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.ch-explore-inner {
  margin: 0 auto;
}
.ch-explore-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
}
@media (max-width: 1024px) {
  .ch-explore-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .ch-explore-grid { grid-template-columns: repeat(2, 1fr); }
  .ch-explore-section { padding: 3rem 1.25rem; }
}
.ch-e-card {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.8rem 1.6rem;
  text-decoration: none;
  cursor: pointer;
  background-color: #002a5e;
  background-size: cover;
  background-position: center;
  transition: background-size 0.4s ease;
}
.ch-e-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,17,42,0.96) 0%,
    rgba(0,17,42,0.92) 20%,
    rgba(0,17,42,0.55) 50%,
    rgba(0,17,42,0.12) 100%
  );
  transition: background 0.35s ease;
  z-index: 1;
}
.ch-e-card:hover::before {
  background: linear-gradient(
    to top,
    rgba(0,17,42,0.98) 0%,
    rgba(0,17,42,0.95) 22%,
    rgba(0,17,42,0.78) 55%,
    rgba(0,17,42,0.40) 100%
  );
}
.ch-e-card::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 6px;
  background: #b9975b;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
  z-index: 2;
}
.ch-e-card:hover::after { transform: scaleX(1); }
.ch-e-card:hover { transform: scale(1.01); }
.ch-e-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ch-e-num {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 11px;
  letter-spacing: 0.15em;
  color: #b9975b;
  opacity: 0.6;
}
.ch-e-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 0.04em;
  line-height: 1.05;
}
.ch-e-sub {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: rgba(200,191,168,0.65);
}
.ch-e-arrow {
  font-size: 16px;
  color: #b9975b;
  margin-top: 8px;
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity 0.2s, transform 0.2s;
}
.ch-e-card:hover .ch-e-arrow { opacity: 1; transform: translateX(0); }