/* ==========================================================================
   Hubfinance homepage visual system
   Source: Hubfinance brand guide — Aqua #00ffff, Black #000000,
   Deep Aqua #006A91, Nile Blue #1F3D53, Mirage #1A2E3D,
   Silver #C8C8C8, Pale Green #F4F8F9.
   Typography: Paytone One / Fira Sans.
   ========================================================================== */

.home-template {
  --hf-aqua: #00ffff;
  --hf-black: #000000;
  --hf-deep-aqua: #006A91;
  --hf-nile: #1F3D53;
  --hf-mirage: #1A2E3D;
  --hf-silver: #C8C8C8;
  --hf-pale: #F4F8F9;
  --hf-white: #ffffff;
  --hf-radius: 10px;
  background: var(--hf-pale);
  color: var(--hf-black);
  font-family: "Fira Sans", sans-serif;
}

.home-template h1,
.home-template h2,
.home-template h3,
.home-template h4 {
  font-family: "Paytone One", sans-serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.home-template [data-header] {
  background: var(--hf-mirage);
  color: var(--hf-white);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.home-template [data-header-top] {
  border-color: rgba(255,255,255,.12);
}

.home-template [data-header-bottom] {
  background: var(--hf-pale);
  color: var(--hf-mirage);
  border-color: var(--hf-mirage);
}

.home-template [data-header-bottom] button span {
  background: currentColor;
}

.home-template [data-header] a:hover {
  color: var(--hf-aqua);
}

.home-template .hf-home-logo {
  display: block;
  width: 160px;
  height: auto;
  max-height: 55px;
  object-fit: contain;
  object-position: left center;
}

.hf-container {
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
}

.hf-home-section {
  padding-block: 64px;
}

.hf-section-title {
  font-size: clamp(1.65rem, 2.4vw, 2.25rem) !important;
  color: var(--hf-mirage);
}

.home-template [data-section-head] {
  align-items: center;
  margin-bottom: 28px;
}

.home-template [data-section-head] > span {
  border-color: var(--hf-mirage);
}

.home-template [data-section-head] > a {
  background: var(--hf-mirage);
  color: var(--hf-white);
  border-radius: 4px;
  text-transform: uppercase;
}

.home-template [data-section-head] > a:hover {
  background: var(--hf-aqua);
  color: var(--hf-black);
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */
.hf-hero {
  padding-top: 34px;
  padding-bottom: 58px;
}

.hf-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr) minmax(250px, .95fr);
  gap: 14px;
  align-items: stretch;
}

.hf-hero-left {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 14px;
}

.hf-story-card,
.hf-story-card-featured {
  min-width: 0;
  border-radius: var(--hf-radius);
  overflow: hidden;
  background: var(--hf-white);
  box-shadow: 0 8px 24px rgba(26,46,61,.08);
}

.hf-story-card-small {
  display: grid;
  grid-template-rows: auto 1fr;
}

.hf-story-media,
.hf-featured-media,
.hf-topic-media {
  position: relative;
  display: block;
  overflow: hidden;
  background:
    radial-gradient(circle at 65% 28%, rgba(0,255,255,.34), transparent 35%),
    linear-gradient(135deg, #006A91 0%, #1F3D53 44%, #071622 100%);
}

.hf-story-media {
  aspect-ratio: 16 / 8.7;
}

.hf-featured-media {
  position: absolute;
  inset: 0;
  aspect-ratio: auto;
}

.hf-story-media img,
.hf-featured-media img,
.hf-topic-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: .55;
  mix-blend-mode: screen;
  transition: transform .35s ease, opacity .35s ease;
}

.hf-story-media:hover img,
.hf-featured-media:hover img,
.hf-topic-media:hover img {
  transform: scale(1.035);
  opacity: .7;
}

.hf-media-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 70% 20%, rgba(0,255,255,.34), transparent 30%),
    linear-gradient(180deg, rgba(3,22,34,.02), rgba(3,15,25,.62));
}

.hf-story-body {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 17px 18px 18px;
}

.hf-story-body h2,
.hf-featured-body h1 {
  margin: 0;
  line-height: 1.12;
}

.hf-story-body h2 {
  font-size: clamp(1rem, 1.25vw, 1.25rem);
}

.hf-story-body h2 a,
.hf-featured-body h1 a,
.hf-topic-content h2 a {
  text-decoration: none;
}

.hf-story-body p,
.hf-featured-body p,
.hf-topic-content p {
  margin: 0;
  color: #43515c;
  line-height: 1.35;
  font-size: .9rem;
}

.hf-story-meta {
  font-size: .65rem !important;
  min-height: 16px;
}

.hf-story-byline {
  margin-top: auto;
  font-size: .67rem !important;
}

.hf-story-meta a {
  color: var(--hf-deep-aqua);
}

.hf-story-card-featured {
  position: relative;
  min-height: 430px;
  background: var(--hf-mirage);
  color: var(--hf-white);
}

.hf-story-card-featured .hf-featured-body {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 32px 30px 27px;
  background: linear-gradient(180deg, transparent 0%, rgba(5,18,28,.7) 32%, rgba(5,18,28,.97) 100%);
}

.hf-story-card-featured .hf-featured-body h1 {
  font-size: clamp(1.45rem, 2.6vw, 2.2rem);
}

.hf-story-card-featured .hf-featured-body p {
  color: rgba(255,255,255,.82);
}

.hf-story-card-featured .hf-story-meta,
.hf-story-card-featured .hf-story-byline,
.hf-story-card-featured .hf-story-meta a {
  color: var(--hf-white);
}

.hf-most-read {
  padding: 8px 2px 0 8px;
}

.hf-most-read-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 3px solid var(--hf-mirage);
}

.hf-most-read-head span {
  width: 28px;
  height: 3px;
  background: var(--hf-aqua);
  display: block;
}

.hf-most-read-head h2 {
  margin: 0;
  font-size: 1rem;
  text-transform: uppercase;
}

.hf-most-read ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hf-most-read li {
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: 9px;
  padding: 16px 0;
  border-bottom: 1px solid #d7dfe3;
}

.hf-most-read-number {
  color: var(--hf-deep-aqua);
  font-weight: 700;
  font-size: .78rem;
}

.hf-most-read a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-decoration: none;
}

.hf-most-read strong {
  font-family: "Fira Sans", sans-serif;
  font-size: .86rem;
  line-height: 1.25;
  font-weight: 600;
}

.hf-most-read small {
  font-size: .67rem;
  opacity: .58;
  text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Le Fil news grid
   -------------------------------------------------------------------------- */
.hf-le-fil {
  padding-top: 28px;
  padding-bottom: 70px;
}

.hf-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px 16px;
}

.hf-news-card {
  gap: 0 !important;
  border-radius: var(--hf-radius);
  overflow: hidden;
  background: var(--hf-white);
  box-shadow: 0 5px 18px rgba(26,46,61,.06);
}

.hf-news-card > a:first-child {
  display: block;
  overflow: hidden;
}

.hf-news-card > a:first-child figure {
  border-radius: 0;
}

.hf-news-card > a:first-child img,
.hf-news-card > a:first-child .card-gradient-fallback {
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(circle at 70% 20%, rgba(0,255,255,.34), transparent 35%),
    linear-gradient(135deg, #006A91, #1F3D53 55%, #071622);
}

.hf-news-card > [data-post-card-content] {
  padding: 15px 17px 17px;
  gap: 8px;
}

.hf-news-card [data-post-card-title] {
  font-family: "Paytone One", sans-serif;
  font-weight: 400;
  font-size: clamp(1rem, 1.35vw, 1.2rem);
}

.hf-news-card [data-post-card-excerpt] {
  color: #43515c;
  font-size: .82rem;
  line-height: 1.35;
}

.hf-card-excerpt {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* --------------------------------------------------------------------------
   Events
   -------------------------------------------------------------------------- */
.home-template [data-events] {
  margin-top: 0;
  padding-block: 58px 66px;
  background: var(--hf-mirage);
  color: var(--hf-white);
}

.home-template [data-events] > div {
  width: min(1200px, calc(100% - 40px));
}

.home-template [data-events] [data-section-head] > h2 {
  color: var(--hf-white);
}

.home-template [data-events] [data-section-head] > span {
  border-color: rgba(255,255,255,.35);
}

.home-template [data-events] [data-section-head] > a {
  background: transparent;
  border: 1px solid rgba(255,255,255,.3);
}

.home-template [data-events] [data-section-head] > a:hover {
  background: var(--hf-aqua);
  border-color: var(--hf-aqua);
  color: var(--hf-black);
}

.home-template [data-events] [data-post-card="event"] {
  background: #102b3d;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  overflow: hidden;
  color: var(--hf-white);
}

.home-template [data-events] [data-post-card-content] {
  background: #102b3d;
}

.home-template [data-events] [data-post-card-title] a {
  text-decoration: none;
}

.home-template [data-events] [data-post-card-title] {
  font-family: "Paytone One", sans-serif;
  font-weight: 400;
}

/* --------------------------------------------------------------------------
   Members-only strip
   -------------------------------------------------------------------------- */
.home-template [data-members-only] {
  margin-top: 0;
  padding-block: 58px 65px;
  background: var(--hf-pale);
}

.home-template [data-members-only] > div {
  background: var(--hf-white);
  border: 1px solid #dce5e8;
  border-top: 3px solid var(--hf-mirage);
  border-radius: 10px;
  padding: 20px;
}

.home-template [data-members-only] .swiper-slide {
  background: var(--hf-white);
  border: 1px solid #dfe6e9;
  border-radius: 8px;
  overflow: hidden;
}

.home-template [data-members-only] .swiper-slide > a:first-child {
  display: block;
}

.home-template [data-members-only] .swiper-slide img,
.home-template [data-members-only] .swiper-slide .card-gradient-fallback {
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(circle at 70% 20%, rgba(0,255,255,.35), transparent 34%),
    linear-gradient(135deg, #006A91, #1F3D53 55%, #071622);
}

.home-template [data-members-only] .swiper-slide [data-post-card-content] {
  padding: 15px 16px 17px;
}

/* --------------------------------------------------------------------------
   Topic sections
   -------------------------------------------------------------------------- */
.hf-topic {
  padding-top: 55px;
  padding-bottom: 65px;
}

.hf-topic-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 22px;
}

.hf-topic-feature {
  border: 1px solid #d9e2e6;
  border-radius: 10px;
  overflow: hidden;
  background: var(--hf-white);
}

.hf-topic-media {
  aspect-ratio: 16 / 8.5;
}

.hf-topic-content {
  padding: 18px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.hf-topic-content h2 {
  margin: 0;
  font-size: clamp(1.3rem, 2.1vw, 1.85rem);
  line-height: 1.12;
}

.hf-topic-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #d8e0e4;
}

.hf-topic-list article {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px;
  padding: 15px 0;
  border-bottom: 1px solid #d8e0e4;
}

.hf-topic-index {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: var(--hf-deep-aqua);
  font-weight: 700;
  font-size: .75rem;
}

.hf-topic-list h3 {
  margin: 4px 0 7px;
  font-family: "Fira Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 600;
}

.hf-topic-list h3 a {
  text-decoration: none;
}

.hf-topic-list .hf-story-meta {
  font-size: .62rem !important;
}

/* --------------------------------------------------------------------------
   Actions / authority section
   -------------------------------------------------------------------------- */
.home-template [data-actions] {
  margin: 0;
  padding: 60px 20px;
  background: var(--hf-mirage);
  color: var(--hf-white);
}

.home-template [data-actions] .actions-item {
  width: min(900px, 100%);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(31,61,83,.9), rgba(7,22,34,.98));
  overflow: hidden;
}

.home-template [data-actions] .kg-product-card-container {
  color: var(--hf-white);
}

.home-template [data-actions] .kg-product-card-title,
.home-template [data-actions] .kg-product-card-title a {
  font-family: "Paytone One", sans-serif;
  font-weight: 400;
}

.home-template [data-actions] .kg-product-card-description {
  color: rgba(255,255,255,.78);
}

/* --------------------------------------------------------------------------
   Writers / newsletter area
   -------------------------------------------------------------------------- */
.home-template [data-writers] {
  padding-top: 62px;
  padding-bottom: 62px;
}

.home-template [data-writers] [data-section-head] {
  margin-bottom: 28px;
}

.home-template [data-writers] article {
  border-color: #d8e0e4;
}

.home-template [data-newsletters] {
  border-color: #d8e0e4;
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.home-template [data-footer] {
  margin-top: 0;
  background: #061521;
  color: var(--hf-white);
}

.home-template [data-footer] a:hover {
  color: var(--hf-aqua);
}

.home-template [data-footer] .hf-home-logo {
  width: 150px;
}

/* --------------------------------------------------------------------------
   Accessibility / responsive
   -------------------------------------------------------------------------- */
.home-template a:focus-visible,
.home-template button:focus-visible {
  outline: 2px solid var(--hf-aqua);
  outline-offset: 3px;
}

@media (max-width: 1023px) {
  .hf-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  }

  .hf-most-read {
    grid-column: 1 / -1;
    padding: 0;
  }

  .hf-most-read ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }
}

@media (max-width: 767px) {
  .hf-container {
    width: min(100% - 28px, 600px);
  }

  .hf-home-section {
    padding-block: 42px;
  }

  .home-template [data-header] {
    background: var(--hf-mirage);
  }

  .home-template [data-header-bottom] {
    display: none;
  }

  .home-template [data-header] [data-header-brand] {
    justify-content: flex-start;
  }

  .home-template .hf-home-logo {
    width: 125px;
  }

  .hf-hero {
    padding-top: 22px;
  }

  .hf-hero-grid {
    display: flex;
    flex-direction: column;
  }

  .hf-hero-left {
    display: flex;
    flex-direction: column;
  }

  .hf-story-card-featured {
    min-height: 390px;
    order: -1;
  }

  .hf-featured-body {
    padding: 28px 20px 22px !important;
  }

  .hf-story-card-small {
    grid-template-rows: auto 1fr;
  }

  .hf-most-read {
    margin-top: 8px;
  }

  .hf-most-read ol {
    grid-template-columns: 1fr;
  }

  .hf-news-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .home-template [data-events] {
    padding-block: 44px 48px;
  }

  .home-template [data-events] > div {
    width: min(100% - 28px, 600px);
  }

  .home-template [data-events] .grid {
    grid-template-columns: 1fr;
  }

  .home-template [data-members-only] {
    padding-block: 44px 48px;
  }

  .home-template [data-members-only] > div {
    padding: 15px;
  }

  .hf-topic-grid {
    grid-template-columns: 1fr;
  }

  .hf-topic-list {
    border-top: 0;
  }

  .home-template [data-actions] {
    padding: 44px 14px;
  }

  .home-template [data-actions] .actions-item {
    grid-template-columns: 1fr;
  }

  .home-template [data-footer] .grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-template [data-footer] {
    padding-bottom: 36px;
  }
}

@media (max-width: 420px) {
  .hf-most-read ol {
    display: block;
  }

  .hf-story-card-featured {
    min-height: 360px;
  }

  .hf-story-card-featured .hf-featured-body h1 {
    font-size: 1.45rem;
  }

  .home-template [data-footer] .grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================================================== 
   2026-09-09 video review fixes
   - Keep editorial photography natural (the previous blend mode caused dark/blank cards)
   - Match the supplied desktop composition more closely
   - Harden responsive behaviour for tablet/mobile
   ========================================================================== */
.home-template .hf-story-media img,
.home-template .hf-featured-media img,
.home-template .hf-topic-media img {
  opacity: 1;
  mix-blend-mode: normal;
  filter: none;
}

.home-template .hf-story-media:hover img,
.home-template .hf-featured-media:hover img,
.home-template .hf-topic-media:hover img {
  opacity: 1;
}

.home-template .hf-media-glow {
  background: linear-gradient(180deg, rgba(6,21,33,0) 48%, rgba(6,21,33,.78) 100%);
}

.home-template .hf-story-card-small .hf-media-glow {
  background: linear-gradient(180deg, rgba(6,21,33,0) 70%, rgba(6,21,33,.18) 100%);
}

.home-template .hf-story-card,
.home-template .hf-news-card,
.home-template .hf-topic-feature {
  border: 1px solid rgba(31,61,83,.08);
}

@media (min-width: 1024px) {
  .hf-hero-grid {
    grid-template-columns: minmax(220px,.86fr) minmax(430px,1.55fr) minmax(260px,.92fr);
    gap: 18px;
  }
  .hf-story-card-featured { min-height: 455px; }
  .hf-story-card-featured .hf-featured-body { padding: 36px 32px 30px; }
  .hf-news-grid { gap: 30px 18px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hf-hero-grid { grid-template-columns: .9fr 1.35fr; }
  .hf-story-card-featured { min-height: 420px; }
  .hf-news-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 767px) {
  .home-template { overflow-x: hidden; }
  .hf-story-card-featured { min-height: 430px; }
  .hf-story-card-featured .hf-featured-media img { object-position: center; }
  .hf-story-body { padding: 15px 16px 17px; }
  .hf-story-body p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .hf-topic-media { aspect-ratio: 16/10; }
}

@media (max-width: 480px) {
  .hf-container,
  .home-template [data-events] > div { width: calc(100% - 24px); }
  .hf-home-section { padding-block: 36px; }
  .hf-story-card-featured { min-height: 390px; }
  .hf-story-card-featured .hf-featured-body { padding: 24px 18px 20px !important; }
  .hf-story-card-featured .hf-featured-body p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
}

/* ========================================================================== 
   v1.5.0 — final homepage/reference-image pass
   ========================================================================== */

/* Editorial images must render as true photography: no tint, blend or blur. */
.home-template .hf-story-media,
.home-template .hf-featured-media,
.home-template .hf-topic-media {
  background: #102b3d;
}
.home-template .hf-story-media img,
.home-template .hf-featured-media img,
.home-template .hf-topic-media img,
.home-template .hf-news-card img,
.home-template [data-events] img,
.home-template [data-members-only] img {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  image-rendering: auto;
  object-fit: cover;
}

/* The two compact hero cards in the supplied homepage are navy cards. */
.home-template .hf-story-card-small {
  background: #102b3d;
  color: #fff;
  border-color: rgba(0,255,255,.10);
}
.home-template .hf-story-card-small .hf-story-body {
  background: #102b3d;
}
.home-template .hf-story-card-small h2 a,
.home-template .hf-story-card-small .hf-story-byline,
.home-template .hf-story-card-small .hf-story-meta,
.home-template .hf-story-card-small .hf-story-meta a {
  color: #fff;
}
.home-template .hf-story-card-small .hf-story-body p {
  color: rgba(255,255,255,.74);
}

/* Clear, uncropped editorial photography at the same visual weight as reference. */
.home-template .hf-story-media { aspect-ratio: 16/9; }
.home-template .hf-story-media img { object-position: center center; }
.home-template .hf-featured-media img { object-position: center center; }
.home-template .hf-news-card > a:first-child img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.home-template .hf-news-card > a:first-child figure { overflow: hidden; }

/* Reference page uses a warm near-white canvas, not a blue/grey wash. */
.home-template { background: #f8f8f4; }
.home-template .hf-le-fil,
.home-template .hf-topic,
.home-template [data-writers] { background: #f8f8f4; }

/* Tighter desktop rhythm and card geometry from supplied template. */
@media (min-width: 1200px) {
  .hf-container { width: min(1180px, calc(100% - 48px)); }
  .hf-hero { padding-top: 30px; padding-bottom: 46px; }
  .hf-hero-grid {
    grid-template-columns: 275px minmax(0, 1fr) 300px;
    gap: 18px;
  }
  .hf-story-card-featured { min-height: 468px; }
  .hf-story-card-small .hf-story-body { padding: 15px 16px 16px; }
  .hf-news-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px 18px; }
}

/* Tablet: retain image-first cards and avoid accidental clipping. */
@media (min-width: 768px) and (max-width: 1199px) {
  .hf-story-media { aspect-ratio: 16/9; }
  .hf-news-card > a:first-child img { aspect-ratio: 16/9; }
}

/* Mobile: one clean column, full-width clear imagery, readable spacing. */
@media (max-width: 767px) {
  .hf-story-card-small,
  .hf-story-card-featured,
  .hf-news-card,
  .hf-topic-feature { border-radius: 9px; }
  .hf-story-media,
  .hf-news-card > a:first-child img,
  .hf-topic-media { aspect-ratio: 16/9; }
  .hf-featured-media img { object-position: center center !important; }
  .hf-news-card [data-post-card-content] { padding: 15px 16px 17px; }
}

/* ========================================================================== 
   v1.6.0 — pixel-match pass against supplied full-page template
   ========================================================================== */
.home-template .hf-site-header{position:sticky;top:0;z-index:50;background:#061521;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);font-family:"Fira Sans",sans-serif}
.home-template .hf-header-inner{width:min(1180px,calc(100% - 40px));height:58px;margin:auto;display:flex;align-items:center;gap:28px}
.home-template .hf-header-brand{display:flex;align-items:center;flex:0 0 auto}
.home-template .hf-header-brand img{display:block;width:132px;height:auto;max-height:34px;object-fit:contain}
.home-template .hf-header-nav{flex:1;min-width:0}
.home-template .hf-nav-list{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}
.home-template .hf-nav-link{color:#fff;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
.home-template .hf-nav-link:hover{color:#00ffff}
.home-template .hf-header-actions{display:flex;align-items:center;gap:13px;margin-left:auto}
.home-template .hf-search{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}
.home-template .hf-member-cta{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 17px;border-radius:5px;background:#00ffff;color:#061521!important;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.home-template .hf-member-avatar img{width:30px;height:30px;border-radius:50%}
.home-template .hf-menu{display:none;width:32px;border:0;background:none;padding:5px;cursor:pointer}
.home-template .hf-menu span{display:block;height:2px;margin:4px 0;background:#fff;border-radius:2px}

/* template canvas and density */
.home-template .hf-home-section{padding-block:48px}
.home-template .hf-hero{padding-top:28px;padding-bottom:42px}
.home-template .hf-le-fil{padding-top:20px;padding-bottom:54px}
.home-template [data-section-head]{margin-bottom:20px}
.home-template .hf-section-title{font-size:1.42rem!important}
.home-template .hf-news-card{box-shadow:0 3px 12px rgba(7,22,34,.07);border-radius:7px}
.home-template .hf-story-card,.home-template .hf-story-card-featured,.home-template .hf-topic-feature{border-radius:8px}

/* Make every real editorial image crisp and visible.  No overlays on small/news/topic images. */
.home-template .hf-story-card-small .hf-media-glow,.home-template .hf-topic-feature .hf-media-glow{display:none}
.home-template .hf-story-media img,.home-template .hf-topic-media img,.home-template .hf-news-card img{position:relative;z-index:1;width:100%;height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;mix-blend-mode:normal!important;filter:none!important;transform:none}
.home-template .hf-story-media:hover img,.home-template .hf-topic-media:hover img{transform:none}
.home-template .hf-featured-media img{width:100%;height:100%;object-fit:cover;opacity:1!important;visibility:visible!important;mix-blend-mode:normal!important;filter:none!important}
.home-template .hf-featured-media .hf-media-glow{z-index:1;background:linear-gradient(180deg,rgba(4,18,29,0) 38%,rgba(4,18,29,.2) 55%,rgba(4,18,29,.9) 100%)}

/* desired desktop proportions */
@media (min-width:1200px){
 .home-template .hf-container{width:min(1180px,calc(100% - 48px))}
 .home-template .hf-hero-grid{grid-template-columns:258px minmax(0,1fr) 300px;gap:16px}
 .home-template .hf-hero-left{gap:12px}
 .home-template .hf-story-card-featured{min-height:442px}
 .home-template .hf-story-media{aspect-ratio:16/8.6}
 .home-template .hf-story-card-small .hf-story-body{padding:13px 15px 15px;gap:7px}
 .home-template .hf-story-card-small h2{font-size:1rem;line-height:1.08}
 .home-template .hf-story-card-small p{font-size:.76rem}
 .home-template .hf-story-card-featured .hf-featured-body{padding:26px 27px 24px}
 .home-template .hf-story-card-featured .hf-featured-body h1{font-size:1.75rem}
 .home-template .hf-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}
 .home-template .hf-news-card [data-post-card-title]{font-size:1rem}
 .home-template .hf-news-card>[data-post-card-content]{padding:13px 14px 15px}
}

/* Events in the reference are compact navy cards in a full-width dark band. */
.home-template [data-events]{padding-block:42px 48px;background:#061521}
.home-template [data-events] [data-post-card="event"]{background:#0b2436;border-radius:6px}
.home-template [data-events] [data-post-card-content]{background:#0b2436;padding:15px!important}

/* The following member strip visually continues the same dark event rhythm in reference. */
.home-template [data-members-only]{padding-block:40px 46px;background:#071a29;color:#fff}
.home-template [data-members-only]>div{background:transparent;border:0;border-radius:0;padding:0;width:min(1180px,calc(100% - 40px));max-width:none}
.home-template [data-members-only] [data-section-head]>h2{color:#fff}
.home-template [data-members-only] [data-section-head]>span{border-color:rgba(255,255,255,.35)}
.home-template [data-members-only] .swiper-slide{background:#0b2436;border-color:rgba(255,255,255,.08);color:#fff}
.home-template [data-members-only] .swiper-slide [data-post-card-content]{background:#0b2436;color:#fff}

/* Reference topic feature is editorial, open and low-shadow. */
.home-template .hf-topic{padding-top:52px;padding-bottom:54px}
.home-template .hf-topic-feature{box-shadow:none;border:0;background:transparent}
.home-template .hf-topic-content{padding:14px 0 0}
.home-template .hf-topic-media{border-radius:7px;overflow:hidden;aspect-ratio:16/8.4}
.home-template .hf-topic-list{border-top:0;padding-left:8px}
.home-template .hf-topic-list article{padding:13px 0}

/* Authority CTA compact like supplied template. */
.home-template [data-actions]{padding:42px 20px;background:#061521}
.home-template [data-actions] .actions-item{width:min(920px,100%);border-radius:8px}

/* Footer is dense and low, matching the template proportions. */
.home-template [data-footer]{background:#061521;margin-top:0}
.home-template [data-footer]>div>div:first-child{padding-top:48px!important;padding-bottom:48px!important}

@media (max-width:1023px){
 .home-template .hf-header-inner{height:56px;gap:16px}
 .home-template .hf-header-nav{display:none}
 .home-template .hf-menu{display:block}
 .home-template .hf-header-brand img{width:124px}
}
@media (max-width:767px){
 .home-template .hf-header-inner{width:calc(100% - 24px);height:54px}
 .home-template .hf-member-cta{padding:0 11px;min-height:31px;font-size:11px}
 .home-template .hf-search{width:30px;height:30px}
 .home-template .hf-menu{width:29px}
 .home-template .hf-story-card-featured{min-height:370px}
 .home-template .hf-story-card-featured .hf-featured-body h1{font-size:1.35rem}
 .home-template .hf-story-card-small .hf-story-body p{display:none}
 .home-template [data-members-only]>div{width:calc(100% - 24px)}
}

/* v1.7.0 final reference fidelity / media clarity pass */
.home-template img{image-rendering:auto;-webkit-font-smoothing:antialiased}
.home-template .hf-story-media img,.home-template .hf-featured-media img,.home-template .hf-topic-media img,.home-template .hf-news-card img{background:#e9eef0}
.home-template video,.home-template iframe{max-width:100%;height:auto}
.home-template .kg-video-container,.home-template .kg-video-card{max-width:100%;overflow:hidden}
@media(max-width:767px){.home-template .hf-container{width:calc(100% - 24px)}.home-template .hf-home-section{padding-block:34px}.home-template .hf-news-grid{gap:16px}.home-template [data-events]{padding-block:32px 36px}}


/* ========================================================================== 
   v1.8.0 — header + above-the-fold reconstruction from supplied reference
   ========================================================================== */
.home-template [data-banner="header"]{display:none!important}
.home-template .hf-site-header{position:relative;top:auto}
.home-template .hf-header-inner{height:52px}
.home-template .hf-header-brand img{width:122px;max-height:30px}
.home-template .hf-nav-list{gap:22px}
.home-template .hf-nav-link{font-size:12px;font-weight:500}
.home-template .hf-reference-bars{background:#fff;border-bottom:1px solid #d8e0e4}
.home-template .hf-category-bar{height:29px;border-bottom:1px solid #d8e0e4;background:#fff;overflow:hidden}
.home-template .hf-category-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:26px;white-space:nowrap;overflow:hidden}
.home-template .hf-category-inner a{font-size:9px;line-height:1;text-transform:uppercase;font-weight:700;color:#183348;text-decoration:none}
.home-template .hf-category-inner a:nth-child(1){color:#ff0f7a}.home-template .hf-category-inner a:nth-child(2){color:#006a91}.home-template .hf-category-inner a:nth-child(3){color:#753086}.home-template .hf-category-inner a:nth-child(4){color:#4c65ac}.home-template .hf-category-inner a:nth-child(5){color:#538074}
.home-template .hf-ticker{height:27px;background:#f4f8f9;overflow:hidden}
.home-template .hf-ticker-inner{height:100%;display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden}
.home-template .hf-ticker-label{flex:0 0 auto;padding:4px 9px;background:#ff0f7a;color:#fff;font-size:8px;font-weight:800;text-transform:uppercase}
.home-template .hf-ticker a{overflow:hidden;text-overflow:ellipsis;color:#1a2e3d;font-size:10px;font-weight:600;text-decoration:none}
.home-template .hf-hero{padding-top:18px;padding-bottom:34px}
.home-template .hf-hero-grid{align-items:stretch}
.home-template .hf-story-card-small{min-height:0}
.home-template .hf-story-card-small .hf-story-media{aspect-ratio:16/8.2}
.home-template .hf-story-card-small .hf-story-body{min-height:126px}
.home-template .hf-most-read{background:#fff;border-radius:7px;padding:15px 17px;box-shadow:0 3px 12px rgba(7,22,34,.05)}
.home-template .hf-most-read-head{padding-bottom:10px;border-bottom:0}
.home-template .hf-most-read li{padding:11px 0}
.home-template .hf-le-fil{border-top:1px solid rgba(31,61,83,.16)}
@media(min-width:1024px){
 .home-template .hf-hero-grid{grid-template-columns:250px minmax(0,1fr) 285px;gap:14px}
 .home-template .hf-story-card-featured{min-height:420px}
}
@media(min-width:640px) and (max-width:1023px){
 .home-template .hf-header-inner{width:calc(100% - 28px);gap:12px}
 .home-template .hf-header-nav{display:block}
 .home-template .hf-nav-list{gap:12px}
 .home-template .hf-nav-link{font-size:9px}
 .home-template .hf-member-cta{padding:0 10px;font-size:9px}
 .home-template .hf-menu{display:none}
 .home-template .hf-header-brand img{width:105px}
 .home-template .hf-hero-grid{display:grid;grid-template-columns:minmax(190px,.78fr) minmax(0,1.35fr);gap:14px}
 .home-template .hf-most-read{grid-column:1/-1}
 .home-template .hf-most-read ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:639px){
 .home-template .hf-header-nav{display:none}
 .home-template .hf-menu{display:block}
 .home-template .hf-category-inner{justify-content:flex-start;overflow-x:auto;gap:18px;scrollbar-width:none}
 .home-template .hf-category-inner::-webkit-scrollbar{display:none}
}


/* ========================================================================== 
   v1.9.0 — supplied-video fidelity corrections
   Source: VID-20260902-WA0031.mp4
   ========================================================================== */
.home-template .hf-story-media img,
.home-template .hf-featured-media img,
.home-template .hf-topic-media img,
.home-template .hf-news-card img{
  opacity:1!important;mix-blend-mode:normal!important;filter:none!important;
  image-rendering:auto!important;object-fit:cover!important;
}
.home-template .hf-story-media:hover img,
.home-template .hf-featured-media:hover img,
.home-template .hf-topic-media:hover img{opacity:1!important}
.home-template .hf-media-glow{display:none!important}
.home-template .hf-story-media,.home-template .hf-featured-media,.home-template .hf-topic-media{
 background:#0b2a3c!important;
}
/* Video uses a compact 4-link desktop nav. */
.home-template .hf-header-inner{max-width:1440px;width:calc(100% - 56px);margin:auto;height:64px!important}
.home-template .hf-header-brand img{width:142px!important;max-height:34px!important}
.home-template .hf-nav-list{gap:34px!important}
.home-template .hf-nav-link{font-size:14px!important;font-weight:600!important;color:#fff!important}
.home-template .hf-search{width:38px;height:38px;border-left:1px solid rgba(255,255,255,.08)}
.home-template .hf-member-cta{min-height:36px;padding:0 21px!important;font-size:12px!important;border-radius:6px!important}
/* Video's slim topic rail and ticker sit immediately under the header. */
.home-template .hf-category-bar{height:34px!important}
.home-template .hf-category-inner{justify-content:flex-start!important;gap:24px!important}
.home-template .hf-category-inner:before{content:'Tout';font-size:10px;font-weight:700;text-transform:uppercase;color:#172e40;border-bottom:2px solid #172e40;padding:11px 0 8px}
.home-template .hf-category-inner a{font-size:10px!important}
.home-template .hf-ticker{height:28px!important;background:#0d2738!important}
.home-template .hf-ticker a{color:#fff!important;font-size:10px!important}
.home-template .hf-ticker-label{background:#ff0f7a!important}
/* Above fold geometry seen in the recording. */
.home-template .hf-hero{padding-top:26px!important;padding-bottom:44px!important}
@media(min-width:1100px){
 .home-template .hf-container{max-width:1360px!important;width:calc(100% - 56px)!important}
 .home-template .hf-hero-grid{grid-template-columns:350px minmax(0,1fr) 365px!important;gap:20px!important}
 .home-template .hf-hero-left{gap:18px!important}
 .home-template .hf-story-card-featured{min-height:520px!important}
 .home-template .hf-story-card-small .hf-story-media{aspect-ratio:2.05/1!important}
 .home-template .hf-story-card-small .hf-story-body{min-height:155px!important}
 .home-template .hf-most-read{padding:25px 28px!important}
}
/* Cards in the video have clean photography when supplied and solid navy when not. */
.home-template .hf-story-card-small{background:#0b2a3c!important;color:#fff!important}
.home-template .hf-story-card-small .hf-story-body p{color:rgba(255,255,255,.76)!important}
.home-template .hf-story-card-small .hf-story-meta a,.home-template .hf-story-card-small .hf-story-byline{color:#7ddfe7!important}
.home-template .hf-news-card{box-shadow:0 3px 12px rgba(7,22,34,.07)!important}
.home-template .hf-news-card img{aspect-ratio:1.7/1!important}
@media(max-width:1099px){
 .home-template .hf-header-inner{width:calc(100% - 28px)}
}
@media(max-width:639px){
 .home-template .hf-header-inner{height:54px!important;width:calc(100% - 24px)}
 .home-template .hf-header-brand img{width:116px!important}
 .home-template .hf-category-inner:before{flex:0 0 auto}
 .home-template .hf-hero{padding-top:18px!important}
}

/* ========================================================================== 
   v2.0.0 — strict clone pass from supplied 38.7s reference recording
   ========================================================================== */
.home-template{background:#f8f7f2!important;color:#07131c!important}
.home-template .hf-site-header{background:#061521!important;border:0!important}
.home-template .hf-header-inner{height:78px!important;max-width:1440px!important;width:calc(100% - 72px)!important;padding:0!important}
.home-template .hf-header-brand{flex:0 0 170px!important}
.home-template .hf-header-brand img{width:145px!important;height:auto!important;display:block!important;filter:none!important}
.home-template .hf-header-nav{display:block!important;margin-left:12px!important}
.home-template .hf-nav-list{display:flex!important;align-items:center!important;gap:38px!important;margin:0!important;padding:0!important;list-style:none!important}
.home-template .hf-nav-link{font-family:"Fira Sans",sans-serif!important;font-size:15px!important;font-weight:600!important;color:#fff!important;text-decoration:none!important;line-height:1!important}
.home-template .hf-header-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:16px!important}
.home-template .hf-search{width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:#0b2232!important;color:#fff!important;display:grid!important;place-items:center!important}
.home-template .hf-member-cta{height:42px!important;min-height:42px!important;padding:0 25px!important;border-radius:7px!important;background:#20ddd8!important;color:#061521!important;font-size:13px!important;font-weight:700!important;display:flex!important;align-items:center!important;text-decoration:none!important}
.home-template .hf-menu{display:none!important}
.home-template .hf-reference-bars{background:#fff!important;border:0!important}
.home-template .hf-category-bar{height:48px!important;border:0!important;background:#fff!important}
.home-template .hf-category-inner{height:100%!important;max-width:1440px!important;width:calc(100% - 48px)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:25px!important;overflow:hidden!important}
.home-template .hf-category-inner:before{content:'Tout'!important;color:#101820!important;font-size:13px!important;font-weight:700!important;text-transform:none!important;border-bottom:2px solid #101820!important;padding:16px 0 12px!important;line-height:1!important}
.home-template .hf-category-inner a{font-family:"Fira Sans",sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:uppercase!important;white-space:nowrap!important}
.home-template .hf-category-inner a:before{content:'•';font-size:18px;line-height:0;margin-right:6px;vertical-align:-1px}
.home-template .hf-ticker{height:34px!important;background:#102a3b!important;border:0!important}
.home-template .hf-ticker-inner{max-width:1440px!important;width:100%!important;height:100%!important;gap:14px!important;padding:0!important}
.home-template .hf-ticker-label{height:100%!important;display:flex!important;align-items:center!important;padding:0 18px!important;background:#ff0f7a!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
.home-template .hf-ticker a{font-size:12px!important;color:#fff!important;font-weight:500!important}
.home-template .hf-home-section{padding-left:0!important;padding-right:0!important}
.home-template .hf-container{max-width:1440px!important;width:calc(100% - 96px)!important;margin-left:auto!important;margin-right:auto!important}
.home-template .hf-hero{padding-top:38px!important;padding-bottom:52px!important;background:#f8f7f2!important}
.home-template .hf-hero-grid{display:grid!important;grid-template-columns:320px minmax(0,1fr) 340px!important;gap:24px!important;align-items:stretch!important}
.home-template .hf-hero-left{display:grid!important;grid-template-rows:1fr 1fr!important;gap:24px!important}
.home-template .hf-story-card{border-radius:14px!important;overflow:hidden!important}
.home-template .hf-story-card-small{min-height:278px!important;background:#092333!important;color:#fff!important;box-shadow:none!important}
.home-template .hf-story-card-small .hf-story-media{height:140px!important;aspect-ratio:auto!important;background:#123044!important}
.home-template .hf-story-card-small .hf-story-media img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.home-template .hf-story-card-small .hf-story-body{min-height:138px!important;padding:16px 20px 17px!important;display:flex!important;flex-direction:column!important}
.home-template .hf-story-card-small h2{font-family:"Paytone One",sans-serif!important;font-size:17px!important;line-height:1.18!important;margin:7px 0 8px!important;color:#fff!important}
.home-template .hf-story-card-small h2 a{color:inherit!important}
.home-template .hf-story-card-small .hf-story-body p{display:none!important}
.home-template .hf-story-card-featured{min-height:580px!important;border-radius:14px!important;background:#092333!important;color:#fff!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}
.home-template .hf-featured-media{height:345px!important;flex:none!important;background:#123044!important}
.home-template .hf-featured-media img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.home-template .hf-featured-body{padding:24px 28px 26px!important;background:#092333!important;flex:1!important}
.home-template .hf-featured-body h1{font-family:"Paytone One",sans-serif!important;font-size:29px!important;line-height:1.16!important;margin:10px 0 12px!important;color:#fff!important}
.home-template .hf-featured-body h1 a{color:inherit!important}
.home-template .hf-featured-body p{font-family:"Fira Sans",sans-serif!important;font-size:14px!important;line-height:1.45!important;color:rgba(255,255,255,.72)!important;margin:0 0 14px!important}
.home-template .hf-story-meta{font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;color:#18d9d5!important}
.home-template .hf-story-byline{font-size:11px!important;color:rgba(255,255,255,.55)!important;margin-top:auto!important}
.home-template .hf-most-read{border-radius:14px!important;background:#fff!important;padding:28px 30px!important;box-shadow:0 3px 16px rgba(10,30,43,.04)!important;overflow:hidden!important}
.home-template .hf-most-read-head h2{font-family:"Fira Sans",sans-serif!important;font-size:13px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:800!important;color:#5d6470!important}
.home-template .hf-most-read ol{margin:8px 0 0!important;padding:0!important;display:block!important}
.home-template .hf-most-read li{padding:18px 0!important;border-bottom:1px solid #edf0f1!important;display:grid!important;grid-template-columns:30px 1fr!important;gap:5px!important}
.home-template .hf-most-read li:last-child{border-bottom:0!important}
.home-template .hf-most-read .hf-most-read-index{color:#13bdb7!important;font-size:14px!important;font-weight:800!important}
.home-template .hf-most-read h3{font-family:"Fira Sans",sans-serif!important;font-size:14px!important;line-height:1.3!important;font-weight:700!important;color:#0b1720!important;margin:0!important}
.home-template .hf-le-fil{padding-top:50px!important;padding-bottom:58px!important;background:#f8f7f2!important;border:0!important}
.home-template .hf-section-title{font-family:"Paytone One",sans-serif!important;font-size:26px!important;color:#0a1720!important}
.home-template [data-section-head]{margin-bottom:26px!important}
.home-template .hf-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.home-template .hf-news-card{border-radius:8px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 3px 14px rgba(8,25,36,.07)!important}
.home-template .hf-news-card img{width:100%!important;aspect-ratio:1.62/1!important;object-fit:cover!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.home-template [data-events]{background:#061b2a!important;padding-top:48px!important;padding-bottom:52px!important}
.home-template [data-events]+[data-events]{border-top:8px solid #f8f7f2!important}
.home-template .hf-topic{background:#f8f7f2!important;padding-top:58px!important;padding-bottom:64px!important}
.home-template .hf-topic-grid{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important;gap:42px!important}
.home-template .hf-topic-media{border-radius:8px!important;overflow:hidden!important;aspect-ratio:1.75/1!important}
.home-template .hf-topic-media img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;filter:none!important}
.home-template .hf-topic-content h2{font-family:"Paytone One",sans-serif!important}
.home-template .hf-topic-list article{border-bottom:1px solid #dfe4e5!important}
.home-template [data-actions]{background:#061521!important;padding:48px 0!important}
.home-template [data-footer]{background:#061521!important}
@media(max-width:1099px){
 .home-template .hf-header-inner{width:calc(100% - 32px)!important;height:64px!important}
 .home-template .hf-header-brand{flex-basis:132px!important}.home-template .hf-header-brand img{width:122px!important}
 .home-template .hf-nav-list{gap:18px!important}.home-template .hf-nav-link{font-size:12px!important}
 .home-template .hf-container{width:calc(100% - 40px)!important}
 .home-template .hf-hero-grid{grid-template-columns:minmax(220px,.8fr) minmax(0,1.45fr)!important}
 .home-template .hf-most-read{grid-column:1/-1!important}.home-template .hf-most-read ol{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 28px!important}
 .home-template .hf-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
 .home-template .hf-header-inner{height:58px!important;width:calc(100% - 24px)!important}.home-template .hf-header-nav{display:none!important}.home-template .hf-menu{display:flex!important}.home-template .hf-member-cta{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:10px!important}.home-template .hf-search{width:34px!important;height:34px!important}
 .home-template .hf-category-inner{width:calc(100% - 24px)!important;overflow-x:auto!important}.home-template .hf-category-bar{height:42px!important}
 .home-template .hf-container{width:calc(100% - 24px)!important}.home-template .hf-hero{padding-top:20px!important;padding-bottom:36px!important}
 .home-template .hf-hero-grid{display:flex!important;flex-direction:column!important}.home-template .hf-hero-left{display:flex!important;flex-direction:column!important}
 .home-template .hf-story-card-small .hf-story-media{height:auto!important;aspect-ratio:1.8/1!important}.home-template .hf-featured-media{height:auto!important;aspect-ratio:1.45/1!important}.home-template .hf-story-card-featured{min-height:0!important}.home-template .hf-featured-body h1{font-size:23px!important}
 .home-template .hf-most-read ol{display:block!important}.home-template .hf-news-grid{grid-template-columns:1fr!important}.home-template .hf-topic-grid{grid-template-columns:1fr!important;gap:22px!important}
}

/* ========================================================================== 
   v2.2.0 — final clone correction: supplied video/full-page reference
   ========================================================================== */
.home-template{background:#f7f6f1!important}
.home-template [data-banner="header"]{display:none!important}
.home-template .hf-site-header{position:relative!important;background:#061521!important;color:#fff!important;border:0!important}
.home-template .hf-header-inner{max-width:1440px!important;width:calc(100% - 48px)!important;height:64px!important;margin:auto!important;gap:30px!important}
.home-template .hf-header-brand{flex:0 0 142px!important}.home-template .hf-header-brand img{width:132px!important;height:auto!important;max-height:34px!important}
.home-template .hf-header-nav{display:block!important;flex:1!important}.home-template .hf-nav-list{gap:30px!important}.home-template .hf-nav-link{font-family:"Fira Sans",sans-serif!important;font-size:13px!important;font-weight:600!important;color:#fff!important}
.home-template .hf-search{width:36px!important;height:36px!important;background:rgba(255,255,255,.035)!important;color:#fff!important}
.home-template .hf-member-cta{min-height:38px!important;padding:0 21px!important;border-radius:6px!important;background:#00e7e2!important;color:#061521!important;font-size:12px!important;font-weight:700!important}
.home-template .hf-reference-bars{display:flex!important;flex-direction:column!important;background:#fff!important}
.home-template .hf-category-bar{order:1!important;height:42px!important;border-bottom:1px solid #e2e6e6!important;background:#fff!important}
.home-template .hf-ticker{order:2!important;height:30px!important;background:#f5f6f3!important;border-bottom:1px solid #e1e4e4!important}
.home-template .hf-category-inner{max-width:1440px!important;width:calc(100% - 48px)!important;margin:auto!important;gap:24px!important;justify-content:flex-start!important;overflow:hidden!important}
.home-template .hf-category-inner:before{display:none!important;content:none!important}
.home-template .hf-category-inner a{font-family:"Fira Sans",sans-serif!important;font-size:10px!important;font-weight:700!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:#173348!important}
.home-template .hf-category-inner a:before{content:'•'!important;font-size:13px!important;margin-right:5px!important}.home-template .hf-category-inner a:first-child:before{display:none!important}
.home-template .hf-category-inner a:first-child{color:#ff0f7a!important;border-bottom:2px solid #ff0f7a!important;height:100%!important;display:flex!important;align-items:center!important}
.home-template .hf-ticker-inner{max-width:1440px!important;width:calc(100% - 48px)!important;margin:auto!important;padding:0!important;gap:10px!important}.home-template .hf-ticker-label{height:auto!important;padding:3px 8px!important;border-radius:2px!important;background:#ff0f7a!important;font-size:8px!important}.home-template .hf-ticker a{font-size:10px!important;color:#152d3d!important;font-weight:600!important}.home-template .hf-ticker-time{font-size:9px!important;color:#73818a!important}
.home-template .hf-container{max-width:1440px!important;width:calc(100% - 48px)!important}
.home-template .hf-hero{padding:26px 0 42px!important;background:#f7f6f1!important}.home-template .hf-hero-grid{grid-template-columns:270px minmax(0,1fr) 310px!important;gap:18px!important}.home-template .hf-hero-left{gap:14px!important}
.home-template .hf-story-card,.home-template .hf-story-card-featured{border-radius:9px!important;box-shadow:0 3px 12px rgba(8,27,40,.06)!important}.home-template .hf-story-card-small{min-height:0!important;background:#0b293b!important;color:#fff!important}.home-template .hf-story-card-small .hf-story-media{height:132px!important}.home-template .hf-story-card-small .hf-story-body{min-height:126px!important;padding:13px 15px 14px!important}.home-template .hf-story-card-small h2{font-size:15px!important;line-height:1.16!important;margin:5px 0!important}.home-template .hf-story-card-small p{display:none!important}
.home-template .hf-story-card-featured{min-height:530px!important;background:#0b293b!important}.home-template .hf-featured-media{height:310px!important;position:relative!important;inset:auto!important}.home-template .hf-featured-media .hf-media-glow{display:none!important}.home-template .hf-story-card-featured .hf-featured-body{position:relative!important;inset:auto!important;padding:20px 23px 22px!important;background:#0b293b!important}.home-template .hf-featured-body h1{font-size:26px!important;line-height:1.13!important;margin:7px 0 9px!important}.home-template .hf-featured-body p{font-size:13px!important;line-height:1.4!important;color:rgba(255,255,255,.76)!important}
.home-template .hf-story-media img,.home-template .hf-featured-media img,.home-template .hf-news-card img,.home-template .hf-topic-media img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important;image-rendering:auto!important}
.home-template .hf-most-read{padding:18px 20px!important;background:#fff!important;border-radius:9px!important;box-shadow:0 3px 12px rgba(8,27,40,.05)!important}.home-template .hf-most-read-head{padding-bottom:10px!important;border-bottom:0!important}.home-template .hf-most-read-head span{width:18px!important;height:2px!important}.home-template .hf-most-read-head h2{font-size:11px!important;letter-spacing:.08em!important;color:#172c3b!important}.home-template .hf-most-read li{grid-template-columns:22px 1fr!important;padding:12px 0!important}.home-template .hf-most-read-number{font-size:10px!important;color:#00a9a5!important}.home-template .hf-most-read strong{font-size:12px!important;line-height:1.22!important}.home-template .hf-most-read small{font-size:9px!important}
.home-template .hf-le-fil{padding:30px 0 44px!important;background:#f7f6f1!important}.home-template [data-section-head]{margin-bottom:18px!important}.home-template .hf-section-title{font-size:20px!important}.home-template .hf-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 16px!important}.home-template .hf-news-card{border-radius:7px!important}.home-template .hf-news-card img{aspect-ratio:1.68/1!important}.home-template .hf-news-card [data-post-card-content]{padding:12px 13px 14px!important}.home-template .hf-news-card [data-post-card-title]{font-size:14px!important;line-height:1.2!important}
.home-template [data-events]{padding:34px 0 38px!important;background:#061b2a!important}.home-template [data-events] [data-post-card="event"]{background:#0b2739!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:6px!important}
.home-template .hf-topic{padding:42px 0 48px!important;background:#f7f6f1!important}.home-template .hf-topic-grid{grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr)!important;gap:32px!important}.home-template .hf-topic-media{aspect-ratio:1.82/1!important}.home-template [data-actions]{padding:38px 0!important;background:#061521!important}.home-template [data-footer]{background:#061521!important}
@media(max-width:900px){.home-template .hf-header-nav{display:none!important}.home-template .hf-menu{display:block!important}.home-template .hf-hero-grid{grid-template-columns:1fr 1.45fr!important}.home-template .hf-most-read{grid-column:1/-1!important}.home-template .hf-news-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){.home-template .hf-header-inner,.home-template .hf-container,.home-template .hf-category-inner,.home-template .hf-ticker-inner{width:calc(100% - 24px)!important}.home-template .hf-header-inner{height:56px!important}.home-template .hf-header-brand{flex-basis:112px!important}.home-template .hf-header-brand img{width:108px!important}.home-template .hf-member-cta{min-height:32px!important;padding:0 10px!important;font-size:10px!important}.home-template .hf-hero-grid{display:flex!important;flex-direction:column!important}.home-template .hf-news-grid{grid-template-columns:1fr!important}.home-template .hf-topic-grid{grid-template-columns:1fr!important}.home-template .hf-category-inner{overflow-x:auto!important}.home-template .hf-ticker a{overflow:hidden!important;text-overflow:ellipsis!important}}
/* Reference screenshot faithful homepage layer */
.ref-home{background:#f5f4ef;color:#0a1725;font-family:Arial,Helvetica,sans-serif}.ref-wrap{width:min(1160px,calc(100% - 32px));margin:auto}.ref-subnav{background:#071526;color:#fff;font-size:10px}.ref-subnav .ref-wrap{display:flex;gap:24px;padding:8px 0;white-space:nowrap;overflow:hidden}.ref-breaking{background:#fff;border-bottom:1px solid #d9ddd9;color:#172637;font-size:11px}.ref-breaking .ref-wrap{display:flex;gap:18px;padding:8px 0}.ref-breaking b,.ref-card small,.ref-mini small,.ref-main-story small,.ref-event small,.ref-asset small,.ref-asset-list b{color:#00bfc1;font-size:9px;letter-spacing:.08em}.ref-time{margin-left:auto}.ref-hero{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:14px;padding:22px 0 44px}.ref-hero-side{display:grid;gap:14px}.ref-mini,.ref-main-story{position:relative;display:block;overflow:hidden;border-radius:8px;background:#091b2e;color:#fff;text-decoration:none;min-height:180px}.ref-mini img,.ref-main-story>img{width:100%;height:100%;object-fit:cover;display:block}.ref-mini img{position:absolute;inset:0;opacity:.6}.ref-mini>div,.ref-main-story>div{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(transparent,rgba(2,12,24,.96))}.ref-mini h3{font-size:14px;line-height:1.18;margin:7px 0}.ref-mini em,.ref-main-story em{font-size:10px;color:#00e4e1;font-style:normal}.ref-main-story{min-height:390px}.ref-main-story>img{position:absolute;inset:0}.ref-main-story>div{padding:22px}.ref-main-story h1{font-size:24px;line-height:1.08;margin:10px 0}.ref-main-story p{font-size:12px;color:#dce6ec}.ref-most{background:#fff;border-radius:8px;padding:16px}.ref-most h3{font-size:11px;margin:0 0 12px}.ref-most ol{padding-left:20px;margin:0}.ref-most li{font-size:12px;line-height:1.35;padding:12px 0;border-bottom:1px solid #e5e8e6}.ref-section{padding:0 0 48px}.ref-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ref-heading h2{font-family:Georgia,serif;font-size:21px;font-weight:500;margin:0}.ref-heading h2:before{content:'— ';color:#00bfc1}.ref-heading a{font-size:9px;color:#263846;text-decoration:none}.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ref-card{background:#fff;border-radius:7px;overflow:hidden;text-decoration:none;color:#091827;box-shadow:0 1px 4px #dfe2df}.ref-card img{width:100%;height:145px;object-fit:cover;display:block}.ref-card small,.ref-card h3,.ref-card p{margin-left:14px;margin-right:14px}.ref-card small{display:block;margin-top:12px}.ref-card h3{font-size:14px;line-height:1.18;margin-top:7px;margin-bottom:7px}.ref-card p{font-size:10px;color:#7b858b;margin-bottom:14px}.ref-dark{background:#071526;color:#fff;padding:28px 0}.ref-dark .ref-heading h2,.ref-dark .ref-heading a{color:#fff}.ref-events{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ref-event{background:#0c2036;border:1px solid #15304a;border-radius:3px;padding:15px;color:#fff;text-decoration:none;min-height:125px}.ref-event h3{font-size:13px;margin:10px 0}.ref-event p{font-size:10px;color:#b7c6d0;line-height:1.4}.ref-event b{font-size:10px;color:#00e4e1}.ref-asset{padding-top:48px}.ref-asset-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.ref-asset-feature{color:#0a1725;text-decoration:none}.ref-asset-feature img{width:100%;height:310px;object-fit:cover;border-radius:7px}.ref-asset-feature h2{font-family:Georgia,serif;font-size:22px;line-height:1.15;margin:10px 0}.ref-asset-feature p{font-size:12px;color:#65717a}.ref-asset-list{display:flex;flex-direction:column;gap:16px}.ref-asset-list a{font-size:13px;line-height:1.3;color:#0a1725;text-decoration:none;border-bottom:1px solid #d5d9d6;padding-bottom:14px}.ref-cta{background:#071526;color:#fff;padding:42px 0}.ref-cta-inner{display:flex;justify-content:space-between;gap:30px;background:#0b2036;border-radius:8px;padding:28px}.ref-cta h2{font-family:Georgia,serif;font-size:24px;margin:10px 0}.ref-cta p{font-size:12px;color:#c2ced6}.ref-cta button{background:#00e4e1;border:0;padding:10px 16px;border-radius:4px;font-weight:bold}.ref-cta a{color:#fff;font-size:11px;margin-left:14px}.ref-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:180px;align-content:center}.ref-stats strong{font-size:20px}.ref-stats span{color:#00e4e1}.ref-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:48px 0}.ref-services>div{background:#fff;border-radius:7px;padding:22px;min-height:130px}.ref-services b{background:#071526;color:#00e4e1;padding:5px;border-radius:3px}.ref-services h3{font-size:16px;margin:14px 0 5px}.ref-services p{font-size:11px;color:#758087}.ref-services a{font-size:11px;color:#00aeb0;text-decoration:none}@media(max-width:800px){.ref-hero,.ref-asset-grid{grid-template-columns:1fr}.ref-most{display:none}.ref-grid{grid-template-columns:repeat(2,1fr)}.ref-events{grid-template-columns:repeat(2,1fr)}.ref-cta-inner{flex-direction:column}}@media(max-width:520px){.ref-grid,.ref-events,.ref-services{grid-template-columns:1fr}.ref-main-story h1{font-size:20px}.ref-subnav .ref-wrap{gap:12px}.ref-card img{height:180px}}

/* Clarity pass: preserve the supplied reference imagery without the washed-out
   blend treatment. Images remain crisp and text remains readable at desktop
   and mobile sizes. */
.home-template .hf-story-media img,
.home-template .hf-featured-media img,
.home-template .hf-topic-media img {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  image-rendering: auto;
  backface-visibility: hidden;
}
.home-template .hf-media-glow {
  background: linear-gradient(180deg, rgba(3,22,34,0) 0%, rgba(3,15,25,.12) 48%, rgba(3,15,25,.78) 100%);
}
.home-template .hf-story-body h2,
.home-template .hf-featured-body h1,
.home-template .hf-news-card [data-post-card-title] {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.home-template .hf-story-body p,
.home-template .hf-featured-body p,
.home-template .hf-news-card [data-post-card-excerpt] {
  -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   Screenshot-match polish — typography, spacing, pre-footer and responsive
   ========================================================================== */
.home-template .ref-home {
  --ref-ink: #081827;
  --ref-navy: #071526;
  --ref-panel: #0c2036;
  --ref-paper: #f5f4ef;
  --ref-aqua: #00e4e1;
  --ref-pink: #ff0f7a;
  background: var(--ref-paper);
  color: var(--ref-ink);
  font-family: "Fira Sans", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.home-template .ref-home h1,
.home-template .ref-home h2,
.home-template .ref-home h3,
.home-template .ref-home h4 {
  font-family: "Paytone One", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.015em;
}
.home-template .ref-home .ref-subnav {
  background: var(--ref-navy);
  font-family: "Fira Sans", Arial, sans-serif;
}
.home-template .ref-home .ref-subnav .ref-wrap {
  max-width: 1160px;
  min-height: 32px;
  align-items: center;
  gap: 23px;
  padding-block: 0;
  text-transform: uppercase;
  letter-spacing: .025em;
}
.home-template .ref-home .ref-subnav span { opacity: .94; }
.home-template .ref-home .ref-subnav span:first-child { color: var(--ref-aqua); }
.home-template .ref-home .ref-breaking {
  background: #fff;
  font-family: "Fira Sans", Arial, sans-serif;
}
.home-template .ref-home .ref-breaking .ref-wrap {
  min-height: 29px;
  align-items: center;
  padding-block: 0;
}
.home-template .ref-home .ref-breaking b {
  background: var(--ref-pink);
  color: #fff;
  padding: 3px 7px;
  border-radius: 2px;
  line-height: 1;
}
.home-template .ref-home .ref-hero {
  padding-top: 20px;
  padding-bottom: 38px;
}
.home-template .ref-home .ref-mini,
.home-template .ref-home .ref-main-story {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(8,27,40,.07);
}
.home-template .ref-home .ref-mini { min-height: 188px; }
.home-template .ref-home .ref-mini h3 { font-size: 13px; }
.home-template .ref-home .ref-main-story { min-height: 390px; }
.home-template .ref-home .ref-main-story h1 { font-size: clamp(22px, 2.1vw, 28px); }
.home-template .ref-home .ref-most { min-height: 390px; }
.home-template .ref-home .ref-most li { font-family: "Fira Sans", Arial, sans-serif; }
.home-template .ref-home .ref-section { padding-bottom: 42px; }
.home-template .ref-home .ref-heading h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -.01em;
}
.home-template .ref-home .ref-card h3,
.home-template .ref-home .ref-event h3,
.home-template .ref-home .ref-services h3 {
  font-family: "Paytone One", Arial, sans-serif;
  font-weight: 400;
}
.home-template .ref-home .ref-card { min-height: 272px; }
.home-template .ref-home .ref-dark { padding-block: 27px 31px; }
.home-template .ref-home .ref-event { min-height: 128px; }
.home-template .ref-home .ref-asset { padding-top: 44px; padding-bottom: 44px; }
.home-template .ref-home .ref-asset-feature h2,
.home-template .ref-home .ref-cta h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
}
.home-template .ref-home .ref-asset-feature img { height: 306px; }
.home-template .ref-home .ref-cta { padding-block: 39px; }
.home-template .ref-home .ref-cta-inner {
  border: 1px solid rgba(255,255,255,.05);
  box-shadow: 0 8px 25px rgba(0,0,0,.08);
}
.home-template .ref-home .ref-services { padding-block: 42px 48px; }
.home-template .ref-home .ref-services > div {
  border: 1px solid #eceeea;
  box-shadow: 0 2px 8px rgba(10,23,37,.04);
}
.home-template .ref-prebrand img { width: 112px; height: auto; display: block; }
.home-template [data-footer] p,
.home-template [data-footer] a,
.home-template [data-footer] h3 {
  font-family: "Fira Sans", Arial, sans-serif;
}
.home-template [data-footer] h3 { font-weight: 700; }

@media (max-width: 800px) {
@media (max-width: 520px) {
  .home-template .ref-home .ref-hero { padding-top: 15px; }
  .home-template .ref-home .ref-main-story { min-height: 350px; }
  .home-template .ref-home .ref-main-story h1 { font-size: 21px; }
  .home-template .ref-home .ref-card { min-height: 0; }
}

/* ==========================================================================
   Screenshot-match v2.4 — image clarity + layout correction
   Clean photographic crops are used by home.hbs so text is rendered as HTML.
   ========================================================================== */
.home-template .ref-home{background:#f5f4ef;color:#081827}
.home-template .ref-home .ref-wrap{width:min(1240px,calc(100% - 48px))}
.home-template .ref-home .ref-hero{grid-template-columns:minmax(250px,.92fr) minmax(420px,1.48fr) minmax(270px,.9fr);gap:16px;padding-top:22px;padding-bottom:54px;align-items:stretch}
.home-template .ref-home .ref-hero-side{grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
.home-template .ref-home .ref-mini{min-height:0;height:100%}
.home-template .ref-home .ref-mini img,.home-template .ref-home .ref-main-story>img{opacity:1;filter:none;mix-blend-mode:normal;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}
.home-template .ref-home .ref-mini img{object-position:center center}
.home-template .ref-home .ref-mini>div{padding:20px 18px 18px;background:linear-gradient(180deg,transparent 15%,rgba(2,12,24,.18) 34%,rgba(2,12,24,.96) 100%)}
.home-template .ref-home .ref-mini h3{font-size:clamp(13px,1.15vw,16px);line-height:1.18}
.home-template .ref-home .ref-main-story{min-height:424px}
.home-template .ref-home .ref-main-story>img{object-position:center center}
.home-template .ref-home .ref-main-story>div{padding:34px 28px 28px;background:linear-gradient(180deg,transparent 20%,rgba(2,12,24,.12) 34%,rgba(2,12,24,.96) 100%)}
.home-template .ref-home .ref-main-story h1{font-size:clamp(25px,2.5vw,34px);line-height:1.07;max-width:700px}
.home-template .ref-home .ref-main-story p{max-width:680px;font-size:13px;line-height:1.45}
.home-template .ref-home .ref-most{min-height:424px;padding:20px 22px;box-shadow:0 4px 14px rgba(8,27,40,.05)}
.home-template .ref-home .ref-most li{padding:16px 0;font-size:13px}
.home-template .ref-home .ref-section{padding-bottom:58px}
.home-template .ref-home .ref-heading{margin-bottom:20px}
.home-template .ref-home .ref-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.home-template .ref-home .ref-card{min-height:0;display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(10,23,37,.055);transition:transform .18s ease,box-shadow .18s ease}
.home-template .ref-home .ref-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(10,23,37,.09)}
.home-template .ref-home .ref-card img{width:100%;height:174px;object-fit:cover;object-position:center center;flex:0 0 174px;filter:none;opacity:1}
.home-template .ref-home .ref-card small{margin-top:14px}
.home-template .ref-home .ref-card h3{font-size:15px;line-height:1.2}
.home-template .ref-home .ref-card p{font-size:11px;line-height:1.45;margin-bottom:17px}
.home-template .ref-home .ref-dark{padding-block:30px 34px}
.home-template .ref-home .ref-events{gap:16px}
.home-template .ref-home .ref-event{min-height:142px;padding:17px;border-radius:6px}
.home-template .ref-home .ref-event h3{font-size:14px;line-height:1.2}
.home-template .ref-home .ref-event p{font-size:11px}
.home-template .ref-home .ref-asset{padding-top:52px;padding-bottom:52px}
.home-template .ref-home .ref-asset-grid{grid-template-columns:minmax(0,1.85fr) minmax(290px,.9fr);gap:28px;align-items:start}
.home-template .ref-home .ref-asset-feature{display:grid;grid-template-columns:minmax(0,1fr)}
.home-template .ref-home .ref-asset-feature img{width:100%;height:300px;object-fit:cover;object-position:center center}
.home-template .ref-home .ref-asset-feature h2{font-size:23px;line-height:1.14}
.home-template .ref-home .ref-asset-list{gap:0;background:rgba(255,255,255,.45);border:1px solid #e0e3df;border-radius:8px;padding:4px 18px}
.home-template .ref-home .ref-asset-list a{padding:15px 0}
.home-template .ref-home .ref-cta-inner{padding:30px 32px}
.home-template .ref-home .ref-services{gap:18px;padding-block:46px 54px}
.home-template .ref-home .ref-services>div{min-height:148px;padding:24px}
@media(max-width:1000px){.home-template .ref-home .ref-hero{grid-template-columns:1fr 1.45fr}.home-template .ref-home .ref-most{grid-column:1/-1;min-height:auto}.home-template .ref-home .ref-most ol{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px}}
@media(max-width:760px){.home-template .ref-home .ref-wrap{width:min(calc(100% - 28px),640px)}.home-template .ref-home .ref-hero{grid-template-columns:1fr}.home-template .ref-home .ref-main-story{min-height:390px}.home-template .ref-home .ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-template .ref-home .ref-asset-grid{grid-template-columns:1fr}}
@media(max-width:520px){.home-template .ref-home .ref-grid,.home-template .ref-home .ref-events,.home-template .ref-home .ref-services{grid-template-columns:1fr}.home-template .ref-home .ref-card img{height:205px;flex-basis:205px}.home-template .ref-home .ref-main-story h1{font-size:24px}.home-template .ref-home .ref-most ol{grid-template-columns:1fr}.home-template .ref-home .ref-cta-inner{padding:24px 20px}}


/* ======================================================================
   Final QA hardening — links, image clarity, touch/mobile layout
   ====================================================================== */
.home-template .ref-home,
.home-template .ref-home * { box-sizing: border-box; }
.home-template .ref-home { overflow-x: clip; }
.home-template .ref-subnav .ref-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.home-template .ref-subnav .ref-wrap::-webkit-scrollbar { display: none; }
.home-template .ref-subnav a {
  flex: 0 0 auto;
  color: #fff;
  text-decoration: none;
  transition: color .18s ease;
}
.home-template .ref-subnav a:hover,
.home-template .ref-subnav a:focus-visible { color: var(--ref-aqua, #00e4e1); }
.home-template .ref-home img {
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.home-template .ref-mini img,
.home-template .ref-main-story > img,
.home-template .ref-card img,
.home-template .ref-asset-feature img {
  transform: translateZ(0);
}
.home-template .ref-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  background: #00e4e1;
  color: #061521;
  border: 0;
  padding: 10px 16px;
  border-radius: 4px;
  font-weight: 700;
  text-decoration: none;
  transition: filter .18s ease, transform .18s ease;
}
.home-template .ref-cta-button:hover { filter: brightness(.94); transform: translateY(-1px); }
.home-template .ref-cta a:focus-visible,
.home-template .ref-services a:focus-visible,
.home-template .ref-card:focus-visible,
.home-template .ref-mini:focus-visible,
.home-template .ref-main-story:focus-visible,
.home-template .ref-event:focus-visible,
.home-template .ref-asset-feature:focus-visible {
  outline: 3px solid #00e4e1;
  outline-offset: 3px;
}
@media (max-width: 760px) {
  .home-template .ref-hero { padding-top: 16px; padding-bottom: 34px; }
  .home-template .ref-hero-side { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  .home-template .ref-mini { min-height: 240px; }
  .home-template .ref-main-story { min-height: 430px; }
  .home-template .ref-most { display: block; }
  .home-template .ref-most ol { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
  .home-template .ref-most li { min-width: 0; }
  .home-template .ref-cta-inner { gap: 24px; }
  .home-template .ref-stats { width: 100%; min-width: 0; }
}
@media (max-width: 520px) {
  .home-template .ref-wrap { width: calc(100% - 24px); }
  .home-template .ref-hero-side { grid-template-columns: 1fr; }
  .home-template .ref-mini { min-height: 220px; }
  .home-template .ref-main-story { min-height: 390px; }
  .home-template .ref-main-story > div { padding: 20px; }
  .home-template .ref-main-story h1 { font-size: clamp(23px, 7vw, 27px); }
  .home-template .ref-most ol { grid-template-columns: 1fr; }
  .home-template .ref-card img { height: 210px; }
  .home-template .ref-cta-inner { padding: 22px 18px; }
  .home-template .ref-cta-button { width: 100%; }
  .home-template .ref-cta-inner > div:first-child > a:last-child { display: inline-block; margin: 14px 0 0; }
  .home-template .ref-stats { grid-template-columns: 1fr 1fr; }
}