.international-page .site-header { height: auto; min-height: 64px; }
.international-page .nav-inner { min-height: 64px; flex-wrap: wrap; gap: 12px 24px; padding-block: 12px; }
.international-nav { display: flex; align-items: center; gap: 22px; font-size: 13px; }
.international-nav a[aria-current] { color: var(--blue); }
.international-page .text-link { white-space: normal; }
.international-page h2 { font-size: 36px; }
.international-page h3 { font-size: 24px; }
.international-page .section { padding-block: 76px; }
.international-hero { position: relative; min-height: 440px; height: min(68svh, 620px); isolation: isolate; display: flex; align-items: end; color: white; overflow: hidden; }
.international-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.international-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgb(0 0 0 / .76), rgb(0 0 0 / .02) 85%); z-index: -1; }
.international-hero .container { padding-block: 42px; }
.international-hero h1 { font-size: 52px; max-width: 840px; }
.international-hero p { max-width: 630px; margin-block: 16px 22px; }
.international-hero .eyebrow { color: #fff; }
.international-hero .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.international-hero .button-outline { border-color: white; color: white; }
.international-hero .button-outline:hover { background: rgb(255 255 255 / .15); }
.international-facts { background: var(--surface); }
.international-facts .container { display: flex; flex-wrap: wrap; gap: 14px 40px; padding-block: 22px; }
.international-facts span { font-size: 14px; }
.international-programmes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; }
.international-programme img { width: 100%; aspect-ratio: 1.6; object-fit: cover; border-radius: 8px; }
.international-programme h3 { margin-block: 14px; }
.international-programme .eyebrow { margin-top: 20px; margin-bottom: 8px; }
.international-programme p { margin-block: 12px; }
.international-programme .text-link { margin-top: 10px; }
.international-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
.international-split p + p { margin-top: 18px; }
.international-split img { width: 100%; aspect-ratio: 1.45; object-fit: cover; border-radius: 8px; }
.international-split figcaption { color: var(--muted); font-size: 13px; margin-top: 10px; }
.international-list { margin: 0; padding-left: 22px; }
.international-list li + li { margin-top: 14px; }
.international-band { background: var(--surface); }
.international-pathways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 32px; }
.international-pathway { min-width: 0; border-top: 1px solid var(--line); padding-top: 24px; }
.international-pathway h3 { font-size: 23px; margin-bottom: 14px; }
.international-pathway p { color: var(--muted); margin-bottom: 18px; }
.international-days details { border-top: 1px solid var(--line); }
.international-days details:last-child { border-bottom: 1px solid var(--line); }
.international-days summary { display: flex; gap: 20px; align-items: center; padding-block: 24px; list-style: none; }
.international-days summary::-webkit-details-marker { display: none; }
.international-days summary span { flex: 0 0 122px; color: var(--muted); font-size: 14px; }
.international-days summary strong { flex: 1; font-size: 22px; line-height: 1.35; }
.international-days details[open] summary svg { transform: rotate(45deg); }
.international-days dl { margin: 0 0 26px; }
.international-days dl > div { display: grid; grid-template-columns: 142px 1fr; padding-block: 9px; gap: 18px; }
.international-days dt { font-size: 14px; color: var(--muted); }
.international-days dd { margin: 0; }
.international-days details > p { padding-bottom: 24px; max-width: 850px; }
.international-note { color: var(--muted); font-size: 14px; margin-top: 24px; }
.international-faq { display: grid; gap: 0; }
.international-faq details { border-top: 1px solid var(--line); padding-block: 20px; }
.international-faq summary { font-size: 19px; font-weight: 600; }
.international-faq p { padding-top: 14px; max-width: 850px; }
.international-footer-links { display: flex; flex-wrap: wrap; gap: 18px; margin-block: 24px; }
.international-page .footer-main { gap: 24px; flex-wrap: wrap; }
.international-page .enquiry-intro h2 { font-size: 36px; }
.home-international-pathways { margin-top: 38px; padding-top: 28px; border-top: 1px solid var(--line); }
.home-international-pathways-section { padding-block: 0 56px; }
.home-international-pathways-section h3 { line-height: 1.4; }
.international-split > div > .text-link { display: flex; margin-top: 22px; }
.international-pathway > p { margin-block: 14px 20px; }
.international-split h3 { margin-bottom: 18px; }
.international-page .site-header > .nav-inner > .button { min-height: 34px; padding: 6px 17px; font-size: 13px; }
.home-international-pathways > h3 { font-size: 23px; }
.home-international-pathways .international-pathways { margin-top: 22px; }
.home-international-pathways .international-pathway { border-top: 0; padding-top: 0; }
.home-international-pathways h4 { margin: 0 0 10px; font-size: 18px; }
.home-international-pathways .text-link { white-space: normal; }
.campus-panorama > img.home-hku-photo { object-position: 50% 36%; }
[data-experience="campus"] > img.home-campus-photo { object-position: 52% 45%; }
@media (max-width: 900px) {
  .international-nav { order: 3; width: 100%; overflow-x: auto; white-space: nowrap; padding-bottom: 4px; }
  .international-page { --header: 112px; }
  .international-page .nav-inner { padding-inline: var(--gutter); }
  .international-pathways { gap: 24px; }
}
@media (max-width: 760px) {
  .international-page .section { padding-block: 52px; }
  .international-page h2, .international-page .enquiry-intro h2 { font-size: 30px; }
  .international-hero { height: auto; min-height: min(68svh, 560px); }
  .international-hero h1 { font-size: 36px; }
  .international-hero .eyebrow { font-size: 11px; margin-block: 0 14px; }
  .international-hero p { margin-block: 14px 20px; }
  .international-hero .container { padding-block: 30px; }
  .international-hero > img { object-position: 55% center; }
  .international-page .section-heading { gap: 22px; margin-bottom: 32px; }
  .international-programmes, .international-split, .international-pathways { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .international-days summary { gap: 14px; }
  .international-days summary span { flex-basis: 76px; }
  .international-days summary strong { font-size: 19px; }
  .international-days dl > div { grid-template-columns: 90px minmax(0, 1fr); gap: 14px; }
  .international-facts .container { gap: 10px 22px; }
  .international-page .brand { font-size: 15px; }
  .international-page .button-small { font-size: 12px; }
  .campus-panorama > img.home-hku-photo { object-position: 52% 28%; }
}