/* ===== Issue Explorer Wrapper ===== */
.c-issue-explorer-wrap {
  position: relative;
  overflow: hidden;
}

/* ===== Full-bleed Layer (unused on desktop) ===== */
.c-issue-explorer__fullbleed-layer {
  display: none;
}

/* ===== Issue Explorer Grid ===== */
.c-issue-explorer {
  background-color: #181818;
  position: relative;
}

@media (min-width: 43.75em) {
  .c-issue-explorer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 64em) {
  .c-issue-explorer {
    grid-template-columns: repeat(4, 1fr);
  }
  .c-issue-explorer[data-count="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-issue-explorer[data-count="5"] {
    grid-template-columns: repeat(5, 1fr);
  }
}
/* ===== Issue Card ===== */
.c-issue-explorer__issue {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  justify-content: flex-end;
  min-height: min(39.0625vw - 80px, 600px);
  overflow: hidden;
  position: relative;
}

.c-issue-explorer__issue.is-active {
  overflow: visible;
  z-index: 0;
}

/* ===== Image (per-card, visible by default) ===== */
.c-issue-explorer__issue-image {
  inset: 0;
  position: absolute;
  transition-duration: 800ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.c-issue-explorer__issue-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (min-width: 64em) {
  .c-issue-explorer__issue-image {
    width: 400%;
  }
  .c-issue-explorer[data-count="3"] .c-issue-explorer__issue-image {
    width: 300%;
  }
  .c-issue-explorer[data-count="5"] .c-issue-explorer__issue-image {
    width: 500%;
  }
  .c-issue-explorer__issue:nth-child(1) .c-issue-explorer__issue-image img {
    object-position: 0 50%;
  }
  .c-issue-explorer__issue:nth-child(2) .c-issue-explorer__issue-image {
    inset-inline-start: -100%;
  }
  .c-issue-explorer__issue:nth-child(2) .c-issue-explorer__issue-image img {
    object-position: 25% 50%;
  }
  .c-issue-explorer__issue:nth-child(3) .c-issue-explorer__issue-image {
    inset-inline-start: -200%;
  }
  .c-issue-explorer__issue:nth-child(3) .c-issue-explorer__issue-image img {
    object-position: 75% 50%;
  }
  .c-issue-explorer__issue:nth-child(4) .c-issue-explorer__issue-image {
    inset-inline-start: -300%;
  }
  .c-issue-explorer__issue:nth-child(4) .c-issue-explorer__issue-image img {
    object-position: 100% 50%;
  }
  .c-issue-explorer__issue:nth-child(5) .c-issue-explorer__issue-image {
    inset-inline-start: -400%;
  }
  .c-issue-explorer__issue:nth-child(5) .c-issue-explorer__issue-image img {
    object-position: 100% 50%;
  }
}
/* ===== Image Overlay ===== */
@media (min-width: 64em) {
  .c-issue-explorer__issue-image::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.536) 50%, rgba(0, 0, 0, 0) 90%);
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    z-index: 1;
  }
}
/* ===== Content ===== */
.c-issue-explorer__issue-content {
  --text-color: var(--wdg-color-white, #ffffff);
  --heading-color: var(--wdg-color-accent, #ffffff);
  --link-color: var(--wdg-color-secondary-light, #0032a0);
  position: relative;
  z-index: 2;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.536) 100%);
  color: var(--text-color);
  margin-block-start: 11.1111111111rem;
  padding-block: 0 1.3333333333rem;
  padding-inline: 2.6666666667rem 1.3333333333rem;
}

@media (min-width: 64em) {
  .c-issue-explorer__issue-content {
    background: rgba(0, 0, 0, 0);
    margin-block-start: 0;
  }
}
/* Content gradient (mobile/tablet only) */
.c-issue-explorer__issue-content::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.536) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  display: block;
  height: 11.1111111111rem;
  inset-block-start: -11.1111111111rem;
  inset-inline: 0;
  position: absolute;
}

@media (min-width: 64em) {
  .c-issue-explorer__issue-content::before {
    display: none;
  }
}
/* Accent bar */
.c-issue-explorer__issue-content::after {
  background: var(--explorer-theme-color, var(--wdg-color-secondary-light));
  content: "";
  display: block;
  inset-block: 0;
  inset-inline-start: 0;
  position: absolute;
  transition-duration: 600ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 1.3333333333rem;
}

@media (min-width: 64em) {
  [issue-explorer-processed] .c-issue-explorer__issue-content::after {
    opacity: 0;
  }
}
/* ===== Title ===== */
.c-issue-explorer__issue-title {
  color: var(--explorer-theme-color, var(--wdg-color-secondary-light));
  font-size: var(--wdg-font-size-h2);
  font-weight: 500;
  hyphens: none;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0 0 var(--wdg-gap-block);
  max-width: 42.6666666667rem;
}

/* ===== Drawer ===== */
.c-issue-explorer__issue-drawer {
  font-size: var(--wdg-font-size-default);
  transition-duration: 600ms;
  transition-property: max-height, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 64em) {
  [issue-explorer-processed] .c-issue-explorer__issue-drawer {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
}
/* ===== Description ===== */
.c-issue-explorer__issue-description {
  margin-block-end: 0.4444444444rem;
  max-width: 42.6666666667rem;
}

@media (min-width: 64em) {
  .c-issue-explorer__issue-description {
    display: none;
  }
}
@media (min-width: 81.25em) {
  .c-issue-explorer__issue-description {
    display: block;
  }
}
/* ===== Link ===== */
.c-issue-explorer__issue-link {
  color: var(--explorer-theme-color, var(--wdg-color-secondary-light));
  font-weight: 700;
  max-width: 42.6666666667rem;
  text-underline-offset: 0.1em;
  transition-duration: 200ms;
  transition-property: color, opacity;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.c-issue-explorer__issue-link:hover,
.c-issue-explorer__issue-link:focus {
  color: var(--wdg-color-secondary-xlight, #02a7de);
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

/* ===== Active / Inactive States (desktop hover/focus) ===== */
@media (min-width: 64em) {
  .c-issue-explorer__issue.is-active .c-issue-explorer__issue-content::after {
    opacity: 1;
  }
  .c-issue-explorer__issue.is-active .c-issue-explorer__issue-drawer {
    max-height: max-content;
    opacity: 1;
    overflow: visible;
  }
  .c-issue-explorer__issue.is-inactive .c-issue-explorer__issue-image {
    opacity: 0;
  }
}
/* ===== Full-bleed hover images (unused, kept for compat) ===== */
.c-issue-explorer__fullbleed-image {
  display: none;
}

/* ===== Visually Hidden Utility ===== */
.u-visually-hidden {
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
  word-wrap: normal !important;
}

/* ===== Section Layout ===== */
.l-section__content {
  margin-block-start: var(--wdg-gap-large);
}

.l-section__title {
  font-size: var(--wdg-font-size-h1-large);
  font-weight: var(--wdg-font-heading-weight, 700);
  padding-left: var(--wdg-gap-larger);
  margin-top: 0;
  max-width: 1500px;
  margin-right: auto;
  margin-left: auto;
}

.l-section--not-full .l-section__title {
  padding-left: 0;
}

.l-section__content > :last-child {
  margin-block-end: 0;
}

.l-section {
  padding-block-start: var(--wdg-gap-small);
  padding-block-end: 0;
}

.gb-block-container.alignfull .l-section--not-full .l-section__title {
  padding-left: var(--wdg-gap-larger);
}
/*# sourceMappingURL=explorer.css.map */