.hkgetda-archive {
  --hkget-navy: #10233f;
  --hkget-gold: #ba8128;
  --hkget-ivory: #fffaf0;
  --hkget-text: #3e2c1e;
  max-width: 1320px;
  margin: 0 auto;
  color: var(--hkget-text);
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
}
.hkgetda-archive * { box-sizing: border-box; }
.hkgetda-archive-hero {
  padding: 84px clamp(22px, 6vw, 76px);
  border-radius: 26px;
  color: #fff7dc;
  background:
    radial-gradient(circle at 85% 10%, rgba(229, 180, 83, .25), transparent 28%),
    linear-gradient(135deg, #0d1d35, #18385f);
}
.hkgetda-label {
  margin: 0 0 13px;
  color: #e1b65f;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.hkgetda-archive h1,
.hkgetda-archive h2,
.hkgetda-archive h3 {
  font-family: Georgia, "Noto Serif TC", serif;
}
.hkgetda-archive h1 {
  margin: 0 0 20px;
  font-size: clamp(46px, 7vw, 82px);
  line-height: 1.1;
}
.hkgetda-archive-hero > p:not(.hkgetda-label) {
  max-width: 850px;
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.9;
}
.hkgetda-history-notice {
  margin-top: 30px;
  padding: 17px 19px;
  border: 1px solid rgba(225,182,95,.35);
  border-radius: 14px;
  color: rgba(255,248,226,.82);
  background: rgba(255,255,255,.05);
  font-size: 13px;
  line-height: 1.75;
}
.hkgetda-event {
  padding: 88px clamp(22px, 6vw, 76px);
  background: var(--hkget-ivory);
}
.hkgetda-event + .hkgetda-event { border-top: 1px solid rgba(126,83,24,.16); }
.hkgetda-event-dark {
  color: #f8e7bb;
  background: #10233f;
}
.hkgetda-event-exchange {
  background: linear-gradient(145deg, #fff9ed, #f2e4ca);
}
.hkgetda-event-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
  gap: 50px;
  align-items: end;
  margin-bottom: 34px;
}
.hkgetda-event-heading span {
  color: var(--hkget-gold);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.hkgetda-event-heading h2 {
  margin: 6px 0 0;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.25;
}
.hkgetda-event-heading > p {
  margin: 0;
  color: #755f43;
  font-size: 15px;
  line-height: 1.85;
}
.hkgetda-event-dark .hkgetda-event-heading > p { color: rgba(255,244,216,.72); }
.hkgetda-grid {
  display: grid;
  gap: 22px;
}
.hkgetda-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hkgetda-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hkgetda-archive-card {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(130,84,18,.18);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(77,47,13,.09);
}
.hkgetda-event-dark .hkgetda-archive-card {
  border-color: rgba(226,181,88,.32);
  background: #152c4a;
}
.hkgetda-archive-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: #f4eee2;
}
.hkgetda-posters .hkgetda-archive-card img {
  aspect-ratio: 3 / 4;
  background: #25160f;
}
.hkgetda-archive-card figcaption {
  display: grid;
  gap: 5px;
  padding: 17px 19px 20px;
}
.hkgetda-archive-card strong {
  color: #4c2f16;
  font-size: 18px;
  line-height: 1.45;
}
.hkgetda-event-dark .hkgetda-archive-card strong { color: #ffe8b6; }
.hkgetda-archive-card span {
  color: #806b4c;
  font-size: 13px;
  line-height: 1.65;
}
.hkgetda-event-dark .hkgetda-archive-card span { color: rgba(255,244,216,.65); }
.hkgetda-link-row { margin: 28px 0 0; }
.hkgetda-link-row a,
.hkgetda-contact a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 20px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(90deg, #bb8127, #d6a94d);
  font-weight: 750;
  text-decoration: none;
}
.hkgetda-committee .hkgetda-archive-card img {
  aspect-ratio: auto;
  height: auto;
}
.hkgetda-contact {
  padding: 70px clamp(22px, 6vw, 76px);
  border-radius: 0 0 26px 26px;
  color: #fff7dc;
  background: #10233f;
  text-align: center;
}
.hkgetda-contact h2 {
  margin: 0 0 12px;
  font-size: 38px;
}
.hkgetda-contact p {
  margin: 0 auto 24px;
  max-width: 720px;
  color: rgba(255,255,255,.72);
  line-height: 1.8;
}
.hkgetda-contact > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 900px) {
  .hkgetda-event-heading { grid-template-columns: 1fr; gap: 18px; }
  .hkgetda-grid-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .hkgetda-archive-hero,
  .hkgetda-event,
  .hkgetda-contact { padding-left: 18px; padding-right: 18px; }
  .hkgetda-grid-two,
  .hkgetda-grid-three { grid-template-columns: 1fr; }
  .hkgetda-archive-hero { border-radius: 18px; }
  .hkgetda-contact { border-radius: 0 0 18px 18px; }
}