/* Homepage buyer-model directory: uniform imagery and separate reading panels. */
.home-page main > .home-industries {
  padding-block: clamp(64px, 7vw, 100px);
  background: #f3f5f4;
}

.home-page .home-industries .home-industry-lead {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
  gap: clamp(34px, 5vw, 68px);
  align-items: center;
  margin-bottom: clamp(34px, 4vw, 52px);
}

.home-page .home-industries .home-industry-lead > div {
  min-width: 0;
}

.home-page .home-industries .home-industry-lead h2 {
  max-width: 15ch;
  font-size: clamp(2.4rem, 4.3vw, 4.15rem);
  line-height: .98;
}

.home-page .home-industries .home-industry-lead p {
  max-width: 58ch;
  margin-bottom: 24px;
}

html body.home-page main .home-industry-lead-card,
html body.home-page main .home-industry-lead-card figure {
  display: block !important;
  min-width: 0;
  min-height: 0 !important;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 8px !important;
}

html body.home-page main .home-industry-lead-card figure {
  height: auto !important;
  grid-template-rows: none !important;
}

html body.home-page main .home-industry-lead-card {
  border: 1px solid rgba(13, 35, 55, .14);
  box-shadow: 0 18px 42px rgba(7, 17, 30, .11);
  transition: transform .38s cubic-bezier(.2, .72, .22, 1), border-color .3s ease, box-shadow .38s ease;
}

html body.home-page main .home-industry-lead-card figure::before,
html body.home-page main .home-industry-lead-card figure::after {
  display: none !important;
  content: none !important;
}

html body.home-page main .home-industry-lead-card img {
  position: relative !important;
  inset: auto !important;
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  filter: saturate(.96) contrast(1.025);
  transform: scale(1.001);
  transition: transform .7s cubic-bezier(.2, .72, .22, 1), filter .35s ease;
}

html body.home-page main .home-industry-lead-card figcaption {
  position: relative !important;
  inset: auto !important;
  display: grid;
  gap: 7px;
  padding: 20px 22px 22px !important;
  color: #0d2337 !important;
  background: #fff !important;
  border-top: 3px solid #eed47d;
  text-shadow: none !important;
}

html body.home-page main .home-industry-lead-card figcaption small {
  color: #eed47d !important;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

html body.home-page main .home-industry-lead-card figcaption strong {
  color: #0d2337 !important;
  font-size: 1rem;
  line-height: 1.42;
}

.home-page .home-industries .home-industry-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: 1fr !important;
  gap: clamp(18px, 2vw, 24px) !important;
  margin-top: 0 !important;
  overflow: visible;
  background: transparent;
  border: 0;
}

html body.home-page main .home-industries .home-industry-grid > a,
html body.home-page main .home-industries .home-industry-grid > .home-industry-card--final,
html body.home-page main .home-industries .home-industry-grid > a:nth-child(n) {
  position: relative;
  display: grid !important;
  min-width: 0;
  min-height: 412px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 200px minmax(0, 1fr) !important;
  grid-column: auto !important;
  grid-row: auto !important;
  gap: 0;
  padding: 0;
  overflow: hidden;
  color: #435566 !important;
  background: #fff !important;
  border: 1px solid rgba(13, 35, 55, .14) !important;
  border-radius: 8px !important;
  box-shadow: 0 13px 30px rgba(7, 17, 30, .08) !important;
  isolation: isolate;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: opacity .45s ease var(--home-motion-delay, 0ms), transform .38s cubic-bezier(.2, .72, .22, 1), border-color .3s ease, box-shadow .38s ease !important;
}

html body.home-page main .home-industries .home-industry-grid > a::before,
html body.home-page main .home-industries .home-industry-grid > a::after {
  display: none !important;
  content: none !important;
}

html body.home-page main .home-industries .home-industry-grid > a > img {
  position: relative !important;
  z-index: 1;
  inset: auto !important;
  display: block;
  width: 100%;
  height: 200px !important;
  min-height: 0 !important;
  grid-row: 1;
  object-fit: cover;
  object-position: center;
  filter: saturate(.95) contrast(1.025);
  transform: scale(1.001);
  transition: transform .7s cubic-bezier(.2, .72, .22, 1), filter .35s ease;
}

html body.home-page main .home-industries .home-industry-grid > a > div,
html body.home-page main .home-industries .home-industry-grid > a:nth-child(n) > div {
  position: relative !important;
  z-index: 2;
  inset: auto !important;
  display: flex;
  min-width: 0;
  min-height: 0;
  grid-row: 2;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 22px 23px 24px !important;
  color: #435566 !important;
  background: #fff !important;
  border-top: 3px solid #eed47d;
  text-shadow: none !important;
  transition: none !important;
}

html body.home-page main .home-industries .home-industry-grid small {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #eed47d !important;
  font-size: .65rem !important;
  font-weight: 850;
  line-height: 1.3;
  text-transform: uppercase;
}

html body.home-page main .home-industries .home-industry-grid small::before {
  width: 16px;
  height: 1px;
  flex: 0 0 16px;
  background: currentColor;
  content: "";
}

html body.home-page main .home-industries .home-industry-grid h3,
html body.home-page main .home-industries .home-industry-grid > a:nth-child(n) h3 {
  max-width: 22ch;
  margin: 9px 0 8px;
  color: #0d2337 !important;
  font-size: clamp(1.36rem, 1.75vw, 1.62rem) !important;
  line-height: 1.08 !important;
  text-wrap: balance;
}

html body.home-page main .home-industries .home-industry-grid p {
  max-width: 48ch;
  margin: 0 0 17px;
  color: #435566 !important;
  font-size: .86rem !important;
  line-height: 1.56 !important;
}

html body.home-page main .home-industries .home-industry-grid strong {
  margin-top: auto;
  color: #eed47d !important;
  font-size: .68rem !important;
  font-weight: 850;
  line-height: 1.35;
  text-transform: uppercase;
}

html body.home-page main .home-industries .home-industry-grid strong i {
  display: inline-block;
  transition: transform .3s ease;
}

/* Anchor navigation must not reveal a blank section while the observer catches up. */
.js .home-page #home-industries .home-motion:not(.is-home-visible) {
  opacity: 1 !important;
  transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html body.home-page main .home-industry-lead-card:is(:hover, :focus-visible),
  html body.home-page main .home-industries .home-industry-grid > a:is(:hover, :focus-visible),
  html.js body.home-page main .home-industries .home-industry-grid > a.home-motion.is-home-visible:is(:hover, :focus-visible) {
    border-color: rgba(238, 212, 125, .72) !important;
    box-shadow: 0 22px 48px rgba(7, 17, 30, .15) !important;
    transform: translate3d(0, -5px, 0) !important;
  }

  html body.home-page main .home-industry-lead-card:is(:hover, :focus-visible) img,
  html body.home-page main .home-industries .home-industry-grid > a:is(:hover, :focus-visible) > img {
    filter: saturate(1.03) contrast(1.035);
    transform: scale(1.04);
  }

  html body.home-page main .home-industries .home-industry-grid > a:is(:hover, :focus-visible) strong i {
    transform: translateX(5px);
  }
}

html body.home-page main .home-industry-lead-card:focus-visible,
html body.home-page main .home-industries .home-industry-grid > a:focus-visible {
  outline: 3px solid #eed47d;
  outline-offset: 4px;
}

@media (max-width: 940px) {
  .home-page .home-industries .home-industry-lead {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }

  .home-page .home-industries .home-industry-lead h2 {
    max-width: 19ch;
  }

  .home-page .home-industries .home-industry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .home-page main > .home-industries {
    padding-block: 54px;
  }

  .home-page .home-industries .home-industry-lead {
    gap: 24px;
    margin-bottom: 30px;
  }

  .home-page .home-industries .home-industry-lead h2 {
    font-size: clamp(2.15rem, 11vw, 3.1rem);
  }

  html body.home-page main .home-industry-lead-card figcaption {
    padding: 17px 18px 19px !important;
  }

  .home-page .home-industries .home-industry-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html body.home-page main .home-industries .home-industry-grid > a,
  html body.home-page main .home-industries .home-industry-grid > .home-industry-card--final,
  html body.home-page main .home-industries .home-industry-grid > a:nth-child(n) {
    min-height: 372px !important;
    grid-template-rows: 174px minmax(0, 1fr) !important;
  }

  html body.home-page main .home-industries .home-industry-grid > a > img {
    height: 174px !important;
  }

  html body.home-page main .home-industries .home-industry-grid > a > div,
  html body.home-page main .home-industries .home-industry-grid > a:nth-child(n) > div {
    padding: 19px 20px 21px !important;
  }

  html body.home-page main .home-industries .home-industry-grid h3,
  html body.home-page main .home-industries .home-industry-grid > a:nth-child(n) h3 {
    font-size: 1.42rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home-page main .home-industry-lead-card,
  html body.home-page main .home-industry-lead-card img,
  html body.home-page main .home-industries .home-industry-grid > a,
  html body.home-page main .home-industries .home-industry-grid > a > img,
  html body.home-page main .home-industries .home-industry-grid strong i {
    transition: none !important;
  }
}

/* Homepage category directory: two compact columns without image overlays. */
.home-page main > .home-categories {
  padding-block: clamp(64px, 7vw, 100px);
  background: #081321;
}

.home-page .home-categories .home-section-header {
  margin-bottom: clamp(32px, 4vw, 48px);
}

.home-page .home-categories .home-category-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: 1fr !important;
  gap: clamp(16px, 1.8vw, 22px) !important;
  margin-top: 0 !important;
  overflow: visible;
  background: transparent;
  border: 0;
}

html body.home-page main .home-categories .home-category-grid > .home-category-card,
html body.home-page main .home-categories .home-category-grid > .home-category-card:nth-child(n),
html body.home-page main .home-categories .home-category-grid > :is(.home-category-card--primary, .home-category-card--stack, .home-category-card--industrial, .home-category-card--wide) {
  position: relative;
  display: grid !important;
  min-width: 0;
  min-height: 240px !important;
  grid-template-columns: minmax(210px, .9fr) minmax(0, 1.15fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-column: auto !important;
  grid-row: auto !important;
  gap: 0;
  padding: 0;
  overflow: hidden;
  color: #435566 !important;
  background: #fff !important;
  border: 1px solid rgba(238, 212, 125, .18) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .23) !important;
  isolation: isolate;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: opacity .45s ease var(--home-motion-delay, 0ms), transform .38s cubic-bezier(.2, .72, .22, 1), border-color .3s ease, box-shadow .38s ease !important;
}

html body.home-page main .home-categories .home-category-card::before,
html body.home-page main .home-categories .home-category-card::after {
  display: none !important;
  content: none !important;
}

html body.home-page main .home-categories .home-category-card > img {
  position: relative !important;
  z-index: 1;
  inset: auto !important;
  display: block;
  width: 100%;
  height: 100% !important;
  min-height: 240px !important;
  grid-column: 1;
  grid-row: 1;
  object-fit: cover;
  object-position: center;
  filter: saturate(.95) contrast(1.025);
  transform: scale(1.001);
  transition: transform .72s cubic-bezier(.2, .72, .22, 1), filter .35s ease;
}

html body.home-page main .home-categories .home-category-card > span,
html body.home-page main .home-categories .home-category-card:nth-child(n) > span {
  position: relative !important;
  z-index: 2;
  inset: auto !important;
  display: flex;
  min-width: 0;
  min-height: 0;
  grid-column: 2;
  grid-row: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 24px 25px 25px !important;
  color: #435566 !important;
  background: #fff !important;
  border-left: 3px solid #eed47d;
  text-shadow: none !important;
  transition: none !important;
}

html body.home-page main .home-categories .home-category-card small {
  color: #eed47d !important;
  font-size: .65rem !important;
  font-weight: 850;
  line-height: 1.3;
  text-transform: uppercase;
}

html body.home-page main .home-categories .home-category-card h3,
html body.home-page main .home-categories .home-category-card:nth-child(n) h3 {
  max-width: 18ch;
  margin: 10px 0 9px;
  color: #0d2337 !important;
  font-size: clamp(1.38rem, 1.75vw, 1.66rem) !important;
  line-height: 1.08 !important;
  text-wrap: balance;
}

html body.home-page main .home-categories .home-category-card p {
  max-width: 38ch;
  margin: 0 0 18px;
  color: #435566 !important;
  font-size: .84rem !important;
  line-height: 1.55 !important;
}

html body.home-page main .home-categories .home-category-card strong {
  margin-top: auto;
  color: #eed47d !important;
  font-size: .67rem !important;
  font-weight: 850;
  line-height: 1.35;
  text-transform: uppercase;
}

html body.home-page main .home-categories .home-category-card strong::after {
  display: inline-block !important;
  margin-left: 7px;
  content: "\2192" !important;
  transition: transform .3s ease;
}

.js .home-page #home-categories .home-motion:not(.is-home-visible) {
  opacity: 1 !important;
  transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html body.home-page main .home-categories .home-category-card:is(:hover, :focus-visible),
  html.js body.home-page main .home-categories .home-category-card.home-motion.is-home-visible:is(:hover, :focus-visible) {
    color: #435566 !important;
    background: #fff !important;
    border-color: rgba(238, 212, 125, .68) !important;
    box-shadow: 0 24px 50px rgba(0, 0, 0, .32) !important;
    transform: translate3d(0, -5px, 0) !important;
  }

  html body.home-page main .home-categories .home-category-card:is(:hover, :focus-visible) > img {
    filter: saturate(1.03) contrast(1.035);
    transform: scale(1.045);
  }

  html body.home-page main .home-categories .home-category-card:is(:hover, :focus-visible) strong::after {
    transform: translateX(5px);
  }
}

html body.home-page main .home-categories .home-category-card:focus-visible {
  outline: 3px solid #eed47d;
  outline-offset: 4px;
}

@media (max-width: 940px) {
  .home-page .home-categories .home-category-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.home-page main .home-categories .home-category-grid > .home-category-card,
  html body.home-page main .home-categories .home-category-grid > .home-category-card:nth-child(n),
  html body.home-page main .home-categories .home-category-grid > :is(.home-category-card--primary, .home-category-card--stack, .home-category-card--industrial, .home-category-card--wide) {
    min-height: 240px !important;
    grid-template-columns: minmax(250px, .82fr) minmax(0, 1.18fr) !important;
  }

  html body.home-page main .home-categories .home-category-card > img {
    min-height: 240px !important;
  }
}

@media (max-width: 640px) {
  .home-page main > .home-categories {
    padding-block: 54px;
  }

  .home-page .home-categories .home-category-grid {
    gap: 14px !important;
  }

  html body.home-page main .home-categories .home-category-grid > .home-category-card,
  html body.home-page main .home-categories .home-category-grid > .home-category-card:nth-child(n),
  html body.home-page main .home-categories .home-category-grid > :is(.home-category-card--primary, .home-category-card--stack, .home-category-card--industrial, .home-category-card--wide) {
    min-height: 370px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 176px minmax(0, 1fr) !important;
  }

  html body.home-page main .home-categories .home-category-card > img {
    height: 176px !important;
    min-height: 176px !important;
    grid-column: 1;
    grid-row: 1;
  }

  html body.home-page main .home-categories .home-category-card > span,
  html body.home-page main .home-categories .home-category-card:nth-child(n) > span {
    grid-column: 1;
    grid-row: 2;
    padding: 20px 21px 22px !important;
    border-top: 3px solid #eed47d;
    border-left: 0;
  }

  html body.home-page main .home-categories .home-category-card h3,
  html body.home-page main .home-categories .home-category-card:nth-child(n) h3 {
    font-size: 1.44rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home-page main .home-categories .home-category-card,
  html body.home-page main .home-categories .home-category-card > img,
  html body.home-page main .home-categories .home-category-card strong::after {
    transition: none !important;
  }
}

/* Specificity guard for the legacy density sheet's variant-level !important rules. */
html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) {
  display: grid !important;
  min-height: 240px !important;
  grid-template-columns: minmax(210px, .9fr) minmax(0, 1.15fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n)::before,
html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n)::after {
  display: none !important;
  content: none !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > img {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 240px !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  filter: saturate(.95) contrast(1.025) !important;
  transform: scale(1.001) !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > span {
  position: relative !important;
  inset: auto !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 24px 25px 25px !important;
  color: #435566 !important;
  background: #fff !important;
  border-top: 0 !important;
  border-left: 3px solid #eed47d !important;
  transform: none !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) h3 {
  max-width: 18ch !important;
  color: #0d2337 !important;
  font-size: clamp(1.38rem, 1.75vw, 1.66rem) !important;
  line-height: 1.08 !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) p {
  display: block !important;
  margin: 0 0 18px !important;
  color: #435566 !important;
  font-size: .84rem !important;
  line-height: 1.55 !important;
}

@media (max-width: 940px) {
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) {
    min-height: 240px !important;
    grid-template-columns: minmax(250px, .82fr) minmax(0, 1.18fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > img {
    height: 100% !important;
    min-height: 240px !important;
  }
}

@media (max-width: 640px) {
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) {
    min-height: 370px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 176px minmax(0, 1fr) !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > img {
    height: 176px !important;
    min-height: 176px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > span {
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 20px 21px 22px !important;
    border-top: 3px solid #eed47d !important;
    border-left: 0 !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) h3 {
    font-size: 1.44rem !important;
  }
}

/* Founder-led product gallery: final component contract.
   Its higher specificity intentionally supersedes the retired split-card
   directory while leaving the neighboring industry directory unchanged. */
html body.home-page #main-content .home-categories .home-category-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-flow: row dense !important;
  grid-auto-rows: 278px !important;
  gap: 14px !important;
  padding: 0 !important;
  overflow: visible !important;
  counter-reset: home-category;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  grid-column: span 3 !important;
  grid-row: span 1 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  background: #0b1b30 !important;
  border: 1px solid rgba(238, 212, 125, .38) !important;
  border-radius: 6px !important;
  box-shadow: 0 20px 46px rgba(1, 8, 18, .22) !important;
  isolation: isolate;
  counter-increment: home-category;
  transform: translate3d(0, 0, 0) !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1),
html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) {
  grid-column: span 6 !important;
  grid-row: span 2 !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n)::before {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 4 !important;
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center !important;
  padding: 0 !important;
  content: counter(home-category, decimal-leading-zero) !important;
  color: #eed47d !important;
  font: 800 .72rem/1 Arial, sans-serif !important;
  letter-spacing: 0 !important;
  background: rgba(5, 15, 28, .84) !important;
  border: 1px solid rgba(238, 212, 125, .58) !important;
  border-radius: 50% !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .28) !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n)::after {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  content: "" !important;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(4, 13, 25, .02) 17%, rgba(4, 13, 25, .36) 51%, rgba(4, 13, 25, .97) 100%),
    linear-gradient(90deg, rgba(4, 13, 25, .24), transparent 64%) !important;
  opacity: 1 !important;
  transition: opacity .45s ease !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  object-fit: cover !important;
  object-position: 50% 44% !important;
  filter: saturate(.94) contrast(1.04) brightness(.96) !important;
  transform: scale(1.002) !important;
  transition: transform .75s cubic-bezier(.2, .72, .2, 1), filter .45s ease !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > span {
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: 2 !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  padding: 24px 22px !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  text-shadow: none !important;
  transform: translateY(0) !important;
  transition: transform .45s cubic-bezier(.2, .72, .2, 1) !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1) > span,
html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) > span {
  max-width: 86% !important;
  padding: clamp(30px, 3vw, 44px) !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) small {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  color: #eed47d !important;
  font: 800 .68rem/1.2 Arial, sans-serif !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) small::before {
  width: 30px;
  height: 1px;
  content: "";
  background: currentColor;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) h3 {
  max-width: 100% !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.42rem, 1.65vw, 1.72rem) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1) h3,
html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) h3 {
  font-size: clamp(2.25rem, 3.45vw, 3.5rem) !important;
  line-height: .98 !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) p {
  display: -webkit-box !important;
  max-width: 46ch !important;
  margin: 10px 0 0 !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: .76rem !important;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1) p,
html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) p {
  font-size: .9rem !important;
  -webkit-line-clamp: 3;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 15px 0 0 !important;
  color: #eed47d !important;
  font: 800 .63rem/1.25 Arial, sans-serif !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) strong::after {
  display: inline-block !important;
  margin: 0 !important;
  content: "\2192" !important;
  font-size: .9rem;
  transition: transform .3s ease;
}

@media (hover: hover) and (pointer: fine) {
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n):is(:hover, :focus-visible) {
    color: #fff !important;
    background: #0b1b30 !important;
    border-color: rgba(238, 212, 125, .88) !important;
    box-shadow: 0 28px 64px rgba(1, 8, 18, .38), 0 0 0 1px rgba(238, 212, 125, .16) !important;
    transform: translate3d(0, -5px, 0) !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n):is(:hover, :focus-visible) > img {
    filter: saturate(1.03) contrast(1.04) brightness(1.02) !important;
    transform: scale(1.045) !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n):is(:hover, :focus-visible) > span {
    transform: translateY(-5px) !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n):is(:hover, :focus-visible) strong::after {
    transform: translateX(4px);
  }
}

@media (max-width: 1040px) {
  html body.home-page #main-content .home-categories .home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 12px !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) {
    min-height: 390px !important;
    grid-column: span 1 !important;
    grid-row: auto !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1),
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) {
    min-height: 510px !important;
    grid-column: 1 / -1 !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1) > span,
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) > span {
    max-width: 78% !important;
  }
}

@media (max-width: 720px) {
  html body.home-page #main-content .home-categories .home-category-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-auto-columns: auto !important;
    grid-auto-rows: auto !important;
    grid-auto-flow: row !important;
    gap: 10px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n),
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1),
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) {
    min-height: clamp(390px, 118vw, 470px) !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-column: 1 !important;
    grid-row: auto !important;
    scroll-snap-align: none !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > img {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    object-position: 50% 40% !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > span,
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1) > span,
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) > span {
    position: absolute !important;
    inset: auto 0 0 !important;
    max-width: 100% !important;
    grid-column: auto !important;
    grid-row: auto !important;
    padding: 24px 22px !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) h3,
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1) h3,
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) h3 {
    font-size: clamp(1.75rem, 8vw, 2.3rem) !important;
    line-height: 1 !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) p,
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(1) p,
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(6) p {
    font-size: .83rem !important;
    -webkit-line-clamp: 3;
  }
}

@media (max-width: 420px) {
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n)::before {
    top: 14px !important;
    right: 14px !important;
    width: 40px !important;
    height: 40px !important;
  }

  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > span {
    padding: 22px 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n),
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > img,
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) > span,
  html body.home-page #main-content .home-categories .home-category-grid > a.home-category-card:nth-child(n) strong::after {
    transition: none !important;
  }
}