/* Australian Migration Practice Technology Report 2026 landing page */

:root {
  --ampt-ink: #ffffff;
  --ampt-teal: #dde8c9;
  --ampt-paper: #101010;
  --ampt-muted: rgba(255, 255, 255, 0.66);
}

/* The template's demo navigation and search are retained in the source but are
   not part of this focused research landing page. */
.h9-header .menu-area,
.header-duplicate .menu-area,
.h9-header .header-search,
.header-duplicate .header-search,
.h9-header .menu_bar,
.header-duplicate .menu_bar,
.hamburger-area {
  display: none !important;
}

html,
body {
  overflow-x: hidden;
}

.h9-header .header-right-item,
.header-duplicate .header-right-item {
  display: inline-flex !important;
  margin-left: auto;
}

.research-wordmark {
  align-items: baseline;
  color: var(--tj-color-common-white);
  display: inline-flex;
  gap: 9px;
  letter-spacing: 0;
  line-height: 1;
}

.research-wordmark__acronym {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.research-wordmark__year {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-left: 9px;
  text-transform: uppercase;
}

.header-duplicate .research-wordmark {
  color: var(--ampt-ink);
}

.header-duplicate .research-wordmark__year {
  border-color: rgba(255, 255, 255, 0.24);
}

.h9-header .header-button .tj-primary-btn,
.header-duplicate .header-button .tj-primary-btn {
  min-width: auto;
}

.h9-hero {
  margin-top: 0;
}

.h9-hero-item-wrapper {
  min-height: 800px;
}

.h9-hero-content .h9-hero-title {
  font-size: clamp(48px, 6.4vw, 106px);
  line-height: 0.98;
  max-width: 1120px;
}

.h9-hero-desc-area {
  gap: clamp(28px, 7vw, 120px);
  margin: 52px 0 0;
}

.h9-hero-desc-area .title {
  font-size: 17px;
  max-width: 200px;
}

.h9-hero-desc-area .desc-inner .desc {
  color: var(--ampt-muted);
}

.research-hero-note {
  color: var(--ampt-muted);
  font-size: 14px;
  margin: 38px 0 0 220px;
  max-width: 460px;
}

/* A template-native hero mark: the Bexon innovation icon becomes a research
   signal, rather than relying on a generic technology photograph. */
.h9-hero-img.research-hero-visual {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  justify-content: center;
  overflow: visible;
}

.research-hero-visual::before,
.research-hero-visual::after {
  content: none;
}

.research-hero-visual__mark {
  align-items: center;
  animation: ampt-hero-icon-float 4.8s ease-in-out infinite;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #dde8c9;
  display: flex;
  font-size: clamp(82px, 9vw, 145px);
  height: clamp(164px, 20vw, 280px);
  justify-content: center;
  position: relative;
  width: clamp(164px, 20vw, 280px);
  z-index: 2;
}

.research-hero-visual__mark::after {
  content: none;
}

@keyframes ampt-hero-icon-float {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-3deg); }
  50% { transform: translate3d(0, -18px, 0) rotate(3deg); }
}

#choose .sec-heading {
  margin-bottom: 48px;
}

#choose .h9-choose-box .title {
  text-transform: none;
}

#choose .customers-box .choose-content {
  padding-top: 6px;
}

.h9-about-section {
  padding-top: 100px;
}

.research-participation-details {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.18);
  border-top: 1px dashed rgba(255, 255, 255, 0.18);
  margin: 30px 0;
  padding: 18px 0;
}

.research-participation-details p {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 10px 0;
}

.research-participation-details strong {
  color: var(--ampt-ink);
  font-size: 17px;
  font-weight: 600;
}

.research-participation-details span {
  color: var(--tj-color-text-body);
}

.research-footer {
  background: var(--blv-surface);
  border-top: 1px solid var(--blv-line);
  color: var(--tj-color-common-white);
  padding: 28px 0;
}

.research-footer__content {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.research-footer p {
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}

.research-footer p span {
  color: var(--ampt-muted);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.research-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.research-footer a {
  color: var(--tj-color-common-white);
  font-size: 13px;
}

.research-footer a:hover {
  color: var(--ampt-muted);
}

/* The homepage preloader uses the original Bexon timing, but the glowing ball
   now travels along and writes the AMPT letterforms instead of sitting beside a
   static loading label. */
.tj-preloader--ampt .tj-preloader-overlay {
  animation: none;
  opacity: 0;
}

.tj-preloader--ampt .ampt-loader {
  height: clamp(78px, 12vw, 116px);
  opacity: 1;
  transition: opacity 280ms ease, transform 280ms ease;
  width: clamp(205px, 32vw, 330px);
}

.tj-preloader--ampt .ampt-loader__svg {
  display: block;
  height: 100%;
  overflow: visible;
  width: 100%;
}

.tj-preloader--ampt .ampt-loader__guide,
.tj-preloader--ampt .ampt-loader__ink {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 5;
}

.tj-preloader--ampt .ampt-loader__guide {
  opacity: 0.13;
  stroke: #ffffff;
}

.tj-preloader--ampt .ampt-loader__ink {
  animation: ampt-loader-write 1.85s cubic-bezier(0.55, 0, 0.2, 1) infinite;
  stroke: #dde8c9;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.tj-preloader--ampt .ampt-loader__ball-glow {
  fill: #dde8c9;
  filter: blur(4px);
  opacity: 0.55;
}

.tj-preloader--ampt .ampt-loader__ball {
  fill: #ffffff;
  filter: drop-shadow(0 0 5px #dde8c9) drop-shadow(0 0 12px #dde8c9);
}

.tj-preloader--ampt.is-loaded .ampt-loader {
  opacity: 0;
  transform: scale(0.96);
}

@keyframes ampt-loader-write {
  0% {
    opacity: 0.25;
    stroke-dashoffset: 1;
  }

  72% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  91% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  100% {
    opacity: 0.18;
    stroke-dashoffset: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tj-preloader--ampt .ampt-loader__ink {
    animation: none;
    stroke-dashoffset: 0;
  }

  .tj-preloader--ampt animateMotion {
    display: none;
  }
}

@media (max-width: 991px) {
  .h9-header .header-wrapper,
  .header-duplicate .header-wrapper {
    align-items: center;
  }

  .h9-header .header-right-item,
  .header-duplicate .header-right-item {
    display: inline-flex !important;
  }

  .h9-header .header-button .tj-primary-btn,
  .header-duplicate .header-button .tj-primary-btn {
    font-size: 12px;
    padding: 10px 14px;
  }

  .h9-header .header-button .btn-icon,
  .header-duplicate .header-button .btn-icon {
    display: none;
  }

  .h9-hero-item-wrapper {
    min-height: 760px;
  }

  .research-hero-note {
    margin-left: 0;
  }
}

@media (max-width: 575px) {
  .research-wordmark {
    gap: 7px;
  }

  .research-wordmark__acronym {
    font-size: 17px;
  }

  .research-wordmark__year {
    font-size: 9px;
    padding-left: 7px;
  }

  .h9-hero-content .h9-hero-title {
    font-size: clamp(38px, 11vw, 56px);
  }

  .h9-hero-desc-area {
    margin-top: 36px;
  }

  .h9-hero-item-wrapper {
    min-height: 720px;
  }

  .research-hero-visual__ring--one {
    height: 245px;
    inset-inline-start: 16%;
    width: 245px;
  }

  .research-hero-visual__ring--two {
    height: 385px;
    width: 385px;
  }

  .research-footer__content {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
}