.hk-candidates { background: #f7f7f7; padding-block: 100px; }
.hk-candidates__header { text-align: center; margin-bottom: 56px; }
.hk-candidates h2 { font-size: 36px; font-weight: 600; margin: 0 0 16px; line-height: 1.2; }
.hk-candidates__subtitle { max-width: 740px; margin: 0 auto; font-size: 18px; line-height: 1.6; color: #555; }
.hk-candidates__slider { position: relative; }
.hk-candidates__track { display: flex; align-items: stretch; gap: 20px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
.hk-candidates__track::-webkit-scrollbar { display: none; }
.hk-candidate { display: flex; flex-direction: column; flex: 0 0 280px; min-width: 0; overflow: hidden; border: 1px solid #e8e8e8; border-radius: 20px; background: #fff; scroll-snap-align: start; scroll-snap-stop: always; }
.hk-candidate__photo { position: relative; aspect-ratio: 1; background: #ece9e2; }
.hk-candidate__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hk-candidate__location { position: absolute; left: 10px; bottom: 10px; max-width: calc(100% - 20px); padding: 5px 8px; border-radius: 12px; color: white; background: #191919cc; font-size: 11px; line-height: 1.3; }
.hk-candidate__body { display: flex; flex: 1; flex-direction: column; padding: 18px 20px 22px; }
.hk-candidate h3 { margin: 0 0 4px; font-size: 18px; font-weight: 800; line-height: 1.3; }
.hk-candidate__role { margin: 0 0 14px; min-height: 32px; color: #b79240; font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.hk-candidate__description { margin: 0 0 18px; color: #777; font-size: 13px; line-height: 1.65; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.hk-candidate__tags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: auto; margin-bottom: 16px; }
.hk-candidate__tag { display: inline-block; border: 1px solid #e4dbc7; background: #f1ede5; padding: 3px 8px; border-radius: 100px; color: #af8732; font-size: 10px; font-weight: 600; line-height: 1.4; letter-spacing: .04em; }
.hk-candidate__profile { align-self: flex-start; padding: 0; border: 0; background: transparent; color: #111; font-size: 13px; font-weight: 700; min-height: 28px; }
.hk-candidate__profile:focus-visible { outline-offset: 2px; }
.hk-candidates__arrow { position: absolute; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #eee; border-radius: 50%; background: #fff; color: #333; box-shadow: 0 4px 14px #00000014; font-size: 30px; line-height: 1; padding: 0 0 3px; }
.hk-candidates__arrow--prev { left: -22px; }
.hk-candidates__arrow--next { right: -22px; }
.hk-candidates__arrow:disabled { color: #bbb; box-shadow: none; cursor: default; }
.hk-candidates__footer { text-align: center; margin-top: 56px; }
.hk-candidates__all { display: inline-block; padding: 10px 16px; color: #111; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.hk-profile { position: fixed; inset: 0; margin: auto; width: min(860px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 36px; border: 0; border-radius: 20px; background: white; color: #222; overflow: auto; }
.hk-profile::backdrop { background: #0009; }
.hk-profile__close { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; background: transparent; color: #555; font-size: 28px; }
.hk-profile__top { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 28px; align-items: center; margin-bottom: 24px; }
.hk-profile__photo { width: 180px; aspect-ratio: 1; object-fit: cover; border-radius: 14px; }
.hk-profile h2 { margin: 0 20px 12px 0; font-size: 28px; }
.hk-profile__role { color: #a88b3d; font-size: 15px; font-weight: 600; margin-bottom: 8px; }
.hk-profile__location { color: #777; font-size: 14px; }
.hk-profile__description { white-space: pre-line; margin: 0 0 20px; line-height: 1.7; overflow-wrap: anywhere; }
.hk-profile__languages { margin-bottom: 24px; color: #777; font-size: 14px; }
@media(max-width:767px) {
  .hk-candidates { padding-block: 56px; }
  .hk-candidates h2 { font-size: 28px; }
  .hk-candidates__header { margin-bottom: 32px; }
  .hk-candidates__subtitle { font-size: 16px; }
  .hk-candidate { flex-basis: min(280px, 85%); }
  .hk-candidates__arrow--prev { left: -12px; }
  .hk-candidates__arrow--next { right: -12px; }
  .hk-candidates__footer { margin-top: 32px; }
  .hk-profile { padding: 32px 20px 24px; }
  .hk-profile__top { grid-template-columns: 1fr; gap: 20px; }
  .hk-profile__photo { width: 140px; }
  .hk-profile__description { font-size: 14px; }
}