/* CMS spacing (required project rules) */
.jumbotron.generic-banner {
  margin-bottom: 0 !important;
}

/* --- Banner adjustments (scoped — do not broaden `p`) --- */

.himaa-home #carousel-banner-wrapper .carousel-caption {
  align-items: center !important;
  text-align: center !important;
}

.himaa-home #carousel-banner-wrapper .carousel-caption h1,
.himaa-home #carousel-banner-wrapper .carousel-caption p {
  max-width: 100% !important;
}

@media (max-width: 767px) {
  .himaa-home #carousel-banner-wrapper .container {
    padding: 50px 20px;
    position: absolute;
    top: 0;
  }
  .himaa-home #carousel-banner-wrapper .banner-overlay {
    z-index: 1;
    opacity: 0.9;
  }
  #carousel-banner-wrapper img {
    height: 335px;
  }
  #promo-bar-wrapper {
    display: none;
  }
}

/* --- Home highlights / tiles (modernised) --- */

.custom-himaa-home-section.full-width-container-custom-home {
  box-sizing: border-box;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f9 42%, #f1f2f2 100%);
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50vw);
  padding: clamp(2rem, 4vw, 3.125rem);
  margin-bottom: 0 !important;
  border-top: 1px solid rgba(0, 65, 116, 0.08);
  border-bottom: 1px solid rgba(0, 65, 116, 0.08);
}

.custom-himaa-home-grid.six-container {
  display: grid;
  width: 100%;
  max-width: 1375px;
  margin-inline: auto;
  gap: clamp(12px, 2vw, 24px);
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(380px, auto);
  align-items: stretch;
}

/* Two columns from small tablet up (matches old ~400px tile min-width behaviour) */
@media (min-width: 640px) {
  .custom-himaa-home-grid.six-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Three columns × two rows at ~1200px+ (400px min tiles + gaps) */
@media (min-width: 1200px) {
  .custom-himaa-home-grid.six-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.custom-himaa-home-tile.sub-box {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 380px;
  min-height: 380px;
  aspect-ratio: auto;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
  border-radius: 14px;
  border: 1px solid rgba(0, 65, 116, 0.12);
  box-shadow:
    0 1px 2px rgba(0, 65, 116, 0.06),
    0 12px 28px rgba(0, 27, 58, 0.1);
  transition:
    box-shadow 0.35s ease,
    transform 0.35s ease,
    border-color 0.35s ease;
  outline: none;
}

.custom-himaa-home-tile.sub-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  z-index: 4;
  background: linear-gradient(90deg, #004174 0%, #598dec 55%, #f57f36 100%);
  pointer-events: none;
}

.custom-himaa-home-tile.sub-box:hover,
.custom-himaa-home-tile.sub-box:focus-visible {
  box-shadow:
    0 2px 4px rgba(0, 65, 116, 0.08),
    0 20px 40px rgba(0, 27, 58, 0.14);
  transform: translateY(-5px);
  border-color: rgba(0, 65, 116, 0.2);
}

@media (prefers-reduced-motion: reduce) {
  .custom-himaa-home-tile.sub-box {
    transition: none;
  }
  .custom-himaa-home-tile.sub-box:hover,
  .custom-himaa-home-tile.sub-box:focus-visible {
    transform: none;
  }
}

.custom-himaa-home-overlay.overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 65, 116, 0.78) 0%,
    rgba(0, 65, 116, 0.66) 100%
  );
  height: 100%;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  z-index: 2;
  padding: 1.25rem 1rem !important;
  box-sizing: border-box !important;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
}

/* Single flex child isolates icon+title from CMS rules that target .overlay > img */
.custom-himaa-home-overlay-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  row-gap: 14px !important;
  column-gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Icon slot + <img>: backgrounds on empty spans were not reliable in Membes; src + inline style keeps icons visible */
.custom-himaa-home-tile-icon-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
  overflow: visible !important;
}

.custom-himaa-home-tile-icon-slot .custom-himaa-home-tile-icon {
  display: block !important;
  box-sizing: border-box !important;
  max-width: 72px !important;
  max-height: 72px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 2px 6px rgba(0, 27, 58, 0.35));
  pointer-events: none;
}

.custom-himaa-home-tile-heading {
  color: #fff !important;
  margin: 0 !important;
  margin-block: 0 !important;
  padding: 0 !important;
  font-family: "Lato", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1.5rem, 2.3vw, 2.05rem) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  text-transform: none !important;
  text-decoration: none !important;
  display: block !important;
  max-width: 100% !important;
  -webkit-font-smoothing: antialiased !important;
}

.fa-solid {
  font-size: 55px;
  color: #fff;
}

.custom-himaa-home-cta.learn-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  margin-top: 0;
  padding: 0.55rem 1.5rem !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255, 255, 255, 0.95);
  transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.custom-himaa-home-cta.learn-more a {
  display: inline-block;
  text-decoration: none !important;
  color: #fff !important;
  font-family: "Lato", "Roboto", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-bottom: 0 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.custom-himaa-home-cta.learn-more:hover {
  background-color: #004174 !important;
  border-color: #004174 !important;
}

.custom-himaa-home-cta.learn-more:focus-within {
  outline: none;
}

.custom-himaa-home-cta.learn-more a:focus-visible {
  outline: 2px solid #598dec !important;
  outline-offset: 3px;
  border-radius: 999px;
}

.custom-himaa-home-slide-out.slide-out {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: clamp(0.625rem, 2vmin, 0.9375rem) !important;
  row-gap: clamp(0.625rem, 2vmin, 0.9375rem) !important;
  padding: clamp(1.125rem, 3.75vmin, 1.5rem) !important;
  background-image: url("https://www.himaa.org.au/public/169/images/website_mages/Home%20Page/orange-overlay-v2.png");
  background-size: cover;
  background-position: center;
  box-sizing: border-box !important;
  z-index: 3;
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
}

@media (prefers-reduced-motion: reduce) {
  .custom-himaa-home-slide-out.slide-out {
    transition: left 0.01ms;
  }
}

.custom-himaa-home-kicker-line {
  margin: 0 !important;
  margin-inline: auto !important;
  padding: 0 !important;
  list-style: none !important;
  flex-shrink: 0;
  max-width: 36ch;
}

/* Orange slide-out: icon stacked above heading, soft gradient rule below (replaces navy bar) */
.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
  gap: 0.5rem !important;
  row-gap: 0.5rem !important;
  column-gap: 0 !important;
  width: 100% !important;
  max-width: min(100%, 42ch) !important;
  text-align: center !important;
}

.custom-himaa-home-kicker-line-inline-icon::after {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 11.5rem !important;
  height: 3px !important;
  margin: 0.35rem auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.45) 28%,
    rgba(255, 255, 255, 0.9) 50%,
    rgba(255, 255, 255, 0.45) 72%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.22) !important;
  align-self: center !important;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-himaa-home-kicker-line-inline-icon::after {
    box-shadow: none !important;
  }
}

.custom-himaa-home-kicker-line-inline-icon > .custom-himaa-home-kicker-span {
  text-align: center !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  max-width: 100% !important;
}

.custom-himaa-home-kicker-span {
  font-size: clamp(1.125rem, 2vw, 1.5rem) !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Lato", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Optional inline suffix (e.g. COP) — same line, slightly softer */
.custom-himaa-home-kicker-suffix {
  font-weight: 500 !important;
  opacity: 0.9 !important;
  letter-spacing: 0.02em !important;
}

.custom-himaa-home-body-line {
  line-height: 1.45 !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.96) !important;
  text-align: center !important;
  text-transform: none !important;
  text-decoration: none !important;
  flex-shrink: 1;
  min-height: 0;
  max-width: 42ch;
  margin-inline: auto !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Higher specificity: Membes/CMS global `article`, `h2`, `p`, `img`, `a` often win without this */
.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-overlay.overlay .custom-himaa-home-overlay-inner h2.custom-himaa-home-tile-heading {
  font-family: "Lato", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1.5rem, 2.3vw, 2.05rem) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  color: #ffffff !important;
  text-transform: none !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased !important;
}

.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-overlay.overlay .custom-himaa-home-overlay-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  row-gap: 14px !important;
  column-gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-tile-icon-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-tile-icon-slot img.custom-himaa-home-tile-icon {
  display: block !important;
  box-sizing: border-box !important;
  max-width: 72px !important;
  max-height: 72px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}

.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-body-line {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.96) !important;
  text-align: center !important;
  text-transform: none !important;
}

.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out span.custom-himaa-home-kicker-span {
  font-family: "Lato", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1.125rem, 2vw, 1.5rem) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #ffffff !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased !important;
}

.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out .custom-himaa-home-cta.learn-more a {
  font-family: "Lato", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

/* Hover + keyboard: reveal detail panel */
.custom-himaa-home-tile.sub-box:focus-visible .custom-himaa-home-slide-out.slide-out,
.custom-himaa-home-tile.sub-box:hover .custom-himaa-home-slide-out.slide-out,
.custom-himaa-home-slide-out.slide-out:hover,
.custom-himaa-home-slide-out.slide-out:focus-within {
  left: 0;
  cursor: default;
}

.custom-himaa-home-tile.sub-box:hover {
  cursor: pointer;
}

/* Tile background images */
.custom-himaa-home-tile.sub-box#about {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/Membership/PCS/section3-image.jpg);
}
.custom-himaa-home-tile.sub-box#membership {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/Home%20Page/membership-image.jpeg);
}
.custom-himaa-home-tile.sub-box#education {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/Home%20Page/education-image.jpeg);
}
.custom-himaa-home-tile.sub-box#cop {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/About%20HIMAA/clinical-coders.jpg);
}
.custom-himaa-home-tile.sub-box#journals {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/Home%20Page/Journals-2-01-255x170.png);
}
.custom-himaa-home-tile.sub-box#research {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/About%20HIMAA/him-professionals.jpg);
}

@media (max-width: 480px) {
  .custom-himaa-home-tile.sub-box {
    height: auto;
    min-height: 320px;
  }
}

/* Membes / live: high-specificity overrides (#contentwrapper). Slide-out flex
   wins over CMS; DOM kicker icons are hidden (Membes re-parents <img>); icon
   is kicker <p>::before. */
html body #contentwrapper .container article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
  text-align: center !important;
  padding: clamp(1.125rem, 3.75vmin, 1.5rem) !important;
  gap: clamp(0.625rem, 2vmin, 0.9375rem) !important;
  row-gap: clamp(0.625rem, 2vmin, 0.9375rem) !important;
  column-gap: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html body #contentwrapper .container article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out > * {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: center !important;
  width: auto !important;
  max-width: 100% !important;
}

html body #contentwrapper .container article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out > p.custom-himaa-home-body-line {
  flex-shrink: 1 !important;
  min-height: 0 !important;
}

/* Kicker block: clamp its height to its content so the icon doesn't get
   stranded at the top of a CMS-stretched <p>. */
html body #contentwrapper .container article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  row-gap: 0.5rem !important;
  column-gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

html body #contentwrapper .container article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon > * {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}

/* Hide DOM slide-out icon (slot + img); visible icon = kicker ::before. */
.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out .custom-himaa-home-slide-out-icon-slot,
.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out img.custom-himaa-home-slide-out-icon,
.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box img.custom-himaa-home-slide-out-icon,
html body #contentwrapper .container article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out .custom-himaa-home-slide-out-icon-slot,
html body #contentwrapper .container article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out img.custom-himaa-home-slide-out-icon,
html body #contentwrapper .container article.custom-himaa-home-tile.sub-box img.custom-himaa-home-slide-out-icon,
html body article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out-icon-slot,
html body article.custom-himaa-home-tile.sub-box img.custom-himaa-home-slide-out-icon {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  left: -9999px !important;
  top: auto !important;
}

/* Kicker ::before = 40px icon (per-tile URLs follow). */
.custom-himaa-home-section.full-width-container-custom-home article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before,
html body #contentwrapper .container article.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before {
  content: "" !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 1px 3px rgba(0, 27, 58, 0.25));
  align-self: center !important;
  pointer-events: none;
}

.custom-himaa-home-section.full-width-container-custom-home article#about.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before,
html body #contentwrapper .container article#about.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before {
  background-image: url("https://general-files-for-access.s3-ap-southeast-2.amazonaws.com/membes-styles/icons/white/400px/home-ico.png") !important;
}

.custom-himaa-home-section.full-width-container-custom-home article#membership.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before,
html body #contentwrapper .container article#membership.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before {
  background-image: url("https://general-files-for-access.s3-ap-southeast-2.amazonaws.com/membes-styles/icons/white/400px/users-ico.png") !important;
}

.custom-himaa-home-section.full-width-container-custom-home article#education.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before,
html body #contentwrapper .container article#education.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before {
  background-image: url("https://general-files-for-access.s3-ap-southeast-2.amazonaws.com/membes-styles/icons/white/400px/graduation-icon.png") !important;
}

.custom-himaa-home-section.full-width-container-custom-home article#cop.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before,
html body #contentwrapper .container article#cop.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before {
  background-image: url("https://general-files-for-access.s3-ap-southeast-2.amazonaws.com/membes-styles/icons/white/400px/community-icon.png") !important;
}

.custom-himaa-home-section.full-width-container-custom-home article#journals.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before,
html body #contentwrapper .container article#journals.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before {
  background-image: url("https://general-files-for-access.s3-ap-southeast-2.amazonaws.com/membes-styles/icons/white/400px/journal-icon.png") !important;
}

.custom-himaa-home-section.full-width-container-custom-home article#research.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before,
html body #contentwrapper .container article#research.custom-himaa-home-tile.sub-box .custom-himaa-home-slide-out.slide-out p.custom-himaa-home-kicker-line.custom-himaa-home-kicker-line-inline-icon::before {
  background-image: url("https://general-files-for-access.s3-ap-southeast-2.amazonaws.com/membes-styles/icons/white/400px/research-icon.png") !important;
}

/* --- Explore / below-hero: same six links, modern feature-card layout --- */

.custom-himaa-home-explore-shell {
  box-sizing: border-box;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50vw);
  padding: clamp(2.75rem, 6vw, 4.5rem) clamp(1.25rem, 4vw, 2rem) clamp(3rem, 7vw, 5rem);
  background:
    radial-gradient(120% 85% at 50% 0%, rgba(89, 141, 236, 0.1) 0%, transparent 52%),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 38%, #eff3f9 100%);
  border-top: 1px solid rgba(0, 65, 116, 0.08);
  border-bottom: 1px solid rgba(0, 65, 116, 0.08);
  position: relative;
}

.custom-himaa-home-explore-shell::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #004174 0%, #598dec 52%, #f57f36 100%);
  pointer-events: none;
}

.custom-himaa-home-explore-inner {
  max-width: 1200px;
  margin-inline: auto;
}

.custom-himaa-home-explore-intro {
  text-align: center;
  max-width: 56rem;
  margin: 0 auto clamp(2.25rem, 5vw, 3.25rem);
  padding: 0;
}

@media (min-width: 1100px) {
  .custom-himaa-home-explore-intro {
    max-width: min(92rem, 100%);
  }
}

.custom-himaa-home-explore-intro-eyebrow {
  margin: 0 0 0.65rem 0 !important;
  padding: 0 !important;
  font-family: "Lato", "Roboto", sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #004174 !important;
}

/* Brand gradient headline: single line on large layouts; wraps on small screens */
.custom-himaa-home-explore-intro-title {
  margin: 0 0 0.85rem 0 !important;
  padding: 0 !important;
  font-family: "Lato", "Roboto", sans-serif !important;
  font-size: clamp(1.45rem, 2.85vw, 2.05rem) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  display: inline-block;
  max-width: 100%;
  background-image: linear-gradient(
    92deg,
    #004174 0%,
    #2868a8 26%,
    #598dec 54%,
    #e06820 82%,
    #f57f36 100%
  ) !important;
  background-size: 100% auto;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

@media (min-width: 1100px) {
  .custom-himaa-home-explore-intro-title {
    white-space: nowrap !important;
    font-size: clamp(1.65rem, 2vw, 2.125rem) !important;
    line-height: 1.1 !important;
  }
}

/* Gradient text unsupported: solid brand navy */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .custom-himaa-home-explore-intro-title {
    background: none !important;
    color: #004174 !important;
    -webkit-text-fill-color: currentColor !important;
  }
}

.custom-himaa-home-explore-intro-deck {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(1rem, 1.35vw, 1.125rem) !important;
  line-height: 1.6 !important;
  color: #3d4f5f !important;
  max-width: 40rem;
  margin-inline: auto !important;
}

.custom-himaa-home-explore-grid {
  display: grid;
  gap: clamp(1.1rem, 2.4vw, 1.5rem);
  grid-template-columns: 1fr;
  align-items: stretch;
}

@media (min-width: 640px) {
  .custom-himaa-home-explore-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .custom-himaa-home-explore-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.custom-himaa-home-explore-card {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(0, 65, 116, 0.1);
  box-shadow:
    0 1px 2px rgba(0, 27, 58, 0.04),
    0 16px 40px rgba(0, 27, 58, 0.08);
  transition:
    box-shadow 0.35s ease,
    transform 0.35s ease,
    border-color 0.35s ease;
  overflow: visible;
}

.custom-himaa-home-explore-card:hover,
.custom-himaa-home-explore-card:focus-within {
  box-shadow:
    0 2px 6px rgba(0, 27, 58, 0.06),
    0 24px 50px rgba(0, 27, 58, 0.12);
  transform: translateY(-4px);
  border-color: rgba(0, 65, 116, 0.18);
}

@media (prefers-reduced-motion: reduce) {
  .custom-himaa-home-explore-card {
    transition: none;
  }
  .custom-himaa-home-explore-card:hover,
  .custom-himaa-home-explore-card:focus-within {
    transform: none;
  }
}

.custom-himaa-home-explore-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  text-decoration: none !important;
  color: inherit !important;
  border-bottom: 0 !important;
  outline: none;
}

.custom-himaa-home-explore-card-link:focus-visible {
  outline: 2px solid #598dec !important;
  outline-offset: 3px;
  border-radius: 16px;
}

.custom-himaa-home-explore-media {
  position: relative;
  aspect-ratio: 16 / 9;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

.custom-himaa-home-explore-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 27, 58, 0) 35%,
    rgba(0, 65, 116, 0.45) 100%
  );
  pointer-events: none;
}

.custom-himaa-home-explore-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 0.5rem;
  padding: clamp(1.15rem, 2.5vw, 1.45rem) clamp(1.15rem, 2.5vw, 1.35rem) clamp(1.25rem, 2.8vw, 1.5rem);
  text-align: left;
}

.custom-himaa-home-explore-eyebrow {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Lato", "Roboto", sans-serif !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #f57f36 !important;
}

.custom-himaa-home-explore-eyebrow-sub {
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: #004174 !important;
}

.custom-himaa-home-explore-title {
  margin: 0 0 0.25rem 0 !important;
  padding: 0 !important;
  font-family: "Lato", "Roboto", sans-serif !important;
  font-size: clamp(1.2rem, 2vw, 1.35rem) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #004174 !important;
}

.custom-himaa-home-explore-text {
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto;
  font-size: 0.9375rem !important;
  line-height: 1.58 !important;
  color: #3d4f5f !important;
}

.custom-himaa-home-explore-action {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.35rem;
  font-family: "Lato", "Roboto", sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #004174 !important;
  transition: color 0.2s ease, gap 0.2s ease;
}

.custom-himaa-home-explore-card:hover .custom-himaa-home-explore-action,
.custom-himaa-home-explore-card:focus-within .custom-himaa-home-explore-action {
  color: #f57f36 !important;
  gap: 0.55rem;
}

@media (prefers-reduced-motion: reduce) {
  .custom-himaa-home-explore-action {
    transition: none;
  }
}

.custom-himaa-home-explore-action-icon {
  font-size: 1.05rem;
  line-height: 1;
  transition: transform 0.2s ease;
}

.custom-himaa-home-explore-card:hover .custom-himaa-home-explore-action-icon,
.custom-himaa-home-explore-card:focus-within .custom-himaa-home-explore-action-icon {
  transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
  .custom-himaa-home-explore-action-icon {
    transition: none;
    transform: none;
  }
}

.custom-himaa-home-explore-card--about .custom-himaa-home-explore-media {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/Membership/PCS/section3-image.jpg);
}

.custom-himaa-home-explore-card--membership .custom-himaa-home-explore-media {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/Home%20Page/membership-image.jpeg);
}

.custom-himaa-home-explore-card--education .custom-himaa-home-explore-media {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/Home%20Page/education-image.jpeg);
}

.custom-himaa-home-explore-card--cop .custom-himaa-home-explore-media {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/About%20HIMAA/clinical-coders.jpg);
}

.custom-himaa-home-explore-card--journals .custom-himaa-home-explore-media {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/Home%20Page/Journals-2-01-255x170.png);
}

.custom-himaa-home-explore-card--research .custom-himaa-home-explore-media {
  background-image: url(https://www.himaa.org.au/public/169/images/website_mages/About%20HIMAA/him-professionals.jpg);
}

/* --- Home promo banner carousel: max width 1108px, height from 1200×151 strip ratio (contain, no extra chrome) --- */

.custom-himaa-home-promo-slider {
  --himaa-home-banner-w: 1108px;
  /* Matches common Membes strip banners (1200×151); viewport height follows width so contain fills the frame */
  --himaa-home-banner-aspect-w: 1200;
  --himaa-home-banner-aspect-h: 151;

  box-sizing: border-box !important;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  width: 100%;
  max-width: var(--himaa-home-banner-w);
  /* Breathing room from tile grid above and section edge below */
  margin: clamp(1.75rem, 3.5vw, 2.75rem) auto clamp(1rem, 2vw, 1.5rem) !important;
  padding: 0 !important;
  position: relative;
  border-radius: 12px;
  border: 1px solid rgba(0, 65, 116, 0.1);
  box-shadow:
    0 1px 2px rgba(0, 65, 116, 0.06),
    0 12px 28px rgba(0, 27, 58, 0.08);
}

.custom-himaa-home-promo-slider-viewport {
  box-sizing: border-box !important;
  width: 100%;
  max-width: var(--himaa-home-banner-w);
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative;
  border-radius: inherit;
  line-height: 0 !important;
  font-size: 0 !important;
  /* Tight edge if a rare asset letterboxes by a pixel */
  background: #0d0d0d;
  aspect-ratio: var(--himaa-home-banner-aspect-w) / var(--himaa-home-banner-aspect-h);
  height: auto !important;
}

.custom-himaa-home-promo-slider-track {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  will-change: transform;
  transition: transform 0.55s cubic-bezier(0.33, 1, 0.68, 1);
}

.custom-himaa-home-promo-slider-track.custom-himaa-home-promo-slider-track--no-transition {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .custom-himaa-home-promo-slider-track {
    transition: none !important;
  }
}

.custom-himaa-home-promo-slider-link {
  box-sizing: border-box !important;
  flex: 0 0 var(--himaa-home-banner-w) !important;
  width: var(--himaa-home-banner-w) !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

.custom-himaa-home-promo-slider-link:focus-visible {
  outline: 2px solid #598dec !important;
  outline-offset: 2px;
}

.custom-himaa-home-promo-slider-img {
  display: block !important;
  box-sizing: border-box !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: translateZ(0);
}

@media screen and (max-width: 1255px) {
  .custom-himaa-home-promo-slider {
    display: none !important;
  }
}