/*basic css starts*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'Work Sans', sans-serif;
	font-size: 100%;
	color: #000;
}
*,*:focus,*:hover{
    outline:none;
}
a {
	color: #f26f21; 
	text-decoration: none;
}
a:hover {
	color: #f26f21; 
	text-decoration: none;
}
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
article, aside, figcaption, figure, footer, header, main, nav, section, p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clear {
	clear: both;
}
.responsive {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	margin: 0;
}
.center {text-align: center;}
.right{text-align: right;}
.main-wrapper {
	width: 90%;
	margin: 0 auto;
	padding: 0px;
}
footer {width: 100%; overflow: auto; padding:0;}

.bounce-eff{-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);    transition-property: transform;
transition-duration: 0.3s;}
.bounce-eff:hover{-webkit-transform: translateY(-5px);
transform: translateY(-5px);}
article {margin-bottom: 7vw; overflow: visible;}
/*basic css ends*/


.l-section {
  background-color: var(--background-color);
  color: var(--text-color);
  padding-block: 4rem;
  padding-inline: 0;
  transition-duration: 200ms;
  transition-property: background-color, color;
  transition-timing-function: cubic-bezier(0.0, 0, 0.2, 1)
}
.l-section.has-bottom-border {
  margin-block-end: 4rem;
  padding-block-end: 0
}
.l-section.has-bottom-border .l-section__main {
  border-block-end: 1px solid var(--border-color);
  padding-block-end: 4rem;
  transition-duration: 200ms;
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.0, 0, 0.2, 1)
}
.l-section.has-top-border {
  margin-block-start: 4rem;
  padding-block-start: 0
}
.l-section.has-top-border .l-section__main {
  border-block-start: 1px solid var(--border-color);
  padding-block-start: 3.5555555556rem;
  transition-duration: 200ms;
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.0, 0, 0.2, 1)
}
.l-section.has-centered-header .l-section__header, .l-section.has-centered-header .l-section__title, .l-section.has-centered-header .l-section__subtitle {
  text-align: center
}
.l-section.has-centered-header .l-section__title, .l-section.has-centered-header .l-section__subtitle {
  margin-inline: auto
}
.l-section.has-centered-header .l-section__link {
  display: block;
  margin-inline: auto;
  text-align: center
}
.l-section.has-centered-content .l-section__content {
  text-align: center
}
.l-section.is-transparent {
  background-color: rgba(0, 0, 0, 0);
  color: unset
}
.l-section__title {
  font-size: clamp(3.1111111111rem, 2.8888888889rem + 1.1111111111vw, 4rem);
  -webkit-marquee-increment: 0vw;
  color: var(--heading-color);
  font-family: KnockoutNo48Featherweight, "Knockout 48 Featherweight", "Knockout 48 A", "Knockout 48 B", "DIN Condensed", Bahnschrift, "Noto Sans Arabic", "Noto Sans Bengali", "Noto Sans Devanagari", "Noto Sans SC", Impact, sans-serif;
  font-weight: 400;
  line-height: .9;
  margin-block-end: .6666666667rem;
  max-width: 80ch;
  text-transform: uppercase;
  transition-duration: 200ms;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.0, 0, 0.2, 1)
}
.l-section__title > :last-child {
  margin-block-end: 0
}
.l-section__subtitle {
  max-width: 104ch
}
.l-section__subtitle > :last-child {
  margin-block-end: 0
}
.l-section__link {
  display: inline-block;
  margin-block-end: 1.7777777778rem;
  max-width: 104ch
}
.l-section__title + .l-section__content {
  margin-block-start: 1.7777777778rem
}
.l-section__content > :last-child {
  margin-block-end: 0
}
.l-section--secondary {
  padding-block: 2.2222222222rem
}
.l-section--secondary.has-bottom-border {
  margin-block-end: 2.2222222222rem
}
.l-section--secondary.has-bottom-border .l-section__main {
  padding-block-end: 2.2222222222rem
}
.l-section--secondary.has-top-border {
  margin-block-start: 2.2222222222rem
}
.l-section--secondary.has-top-border .l-section__main {
  padding-block-start: 1.7777777778rem
}
@media(min-width: 50.5em) {
  .l-section--secondary .l-section__header {
    align-items: center;
    display: flex;
    gap: 1.3333333333rem;
    margin-block-end: 1.7777777778rem
  }
  .l-section--secondary .l-section__header .l-section__title, .l-section--secondary .l-section__header .l-section__subtitle {
    margin-block-end: 0
  }
}
.l-section--secondary .l-section__title {
  font-size: clamp(1.4444444444rem, 1.3055555556rem + 0.6944444444vw, 2rem);
  -webkit-marquee-increment: 0vw;
  margin-block-end: .8888888889rem
}
.l-section--secondary .l-section__subtitle {
  font-size: .7777777778rem;
  margin-block-end: .8888888889rem
}
.l-section--secondary .l-section__link {
  margin-block-end: .8888888889rem
}
.l-section--fancy .l-section__title {
  font-size: clamp(3.5555555556rem, 3.2777777778rem + 1.3888888889vw, 4.6666666667rem);
  -webkit-marquee-increment: 0vw;
  font-family: SurveyorDisplay, "Surveyor Display", "Surveyor Display A", "Surveyor Display B", "Noto Serif Arabic", "Noto Serif Bengali", "Noto Serif Devanagari", "Noto Serif SC", "Bodoni MT", "Bodoni 72", Didot, "Didot LT STD", "Hoefler Text", "Times New Roman", serif;
  margin-block-end: 1.7777777778rem;
  text-transform: none
}


.c-issue-explorer {
  background-color: #181818;
  position: relative; border-radius: 1vw;
}
@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__issue {
  display: flex; 
  flex-direction: column;
  font-weight: 400;
  justify-content: flex-end;
  min-height: min(39.0625vw - 80px, 600px);
  overflow: hidden;
  position: relative
}
.c-issue-explorer__issue:nth-child(1) .c-issue-explorer__issue-image img {
  -o-object-position: 0 50%; border-radius: 1vw;
  object-position: 0 50%
}
.c-issue-explorer__issue:nth-child(2) .c-issue-explorer__issue-image img {
  -o-object-position: 25% 50%; border-radius: 1vw;
  object-position: 25% 50%
}
@media(min-width: 64em) {
  .c-issue-explorer__issue:nth-child(2) .c-issue-explorer__issue-image {
    inset-inline-start: -100%
  }
}
.c-issue-explorer__issue:nth-child(3) .c-issue-explorer__issue-image img {
  -o-object-position: 75% 50%; border-radius: 1vw;
  object-position: 75% 50%
}
@media(min-width: 64em) {
  .c-issue-explorer__issue:nth-child(3) .c-issue-explorer__issue-image {
    inset-inline-start: -200%
  }
}
.c-issue-explorer__issue:nth-child(4) .c-issue-explorer__issue-image img {
  -o-object-position: 100% 50%; border-radius: 1vw;
  object-position: 100% 50%
}
@media(min-width: 64em) {
  .c-issue-explorer__issue:nth-child(4) .c-issue-explorer__issue-image {
    inset-inline-start: -300%
  }
}
.c-issue-explorer__issue.is-active {
  overflow: visible;
  z-index: 0
}
.c-issue-explorer__issue.is-active .c-issue-explorer__issue-content::after {
  opacity: 1
}
@media(min-width: 64em) {
  .c-issue-explorer__issue.is-active .c-issue-explorer__issue-drawer {
    max-height: -moz-max-content;
    max-height: max-content;
    opacity: 1;
    overflow: visible
  }
}
@media(min-width: 64em) {
  .c-issue-explorer__issue.is-inactive .c-issue-explorer__issue-image {
    opacity: 0
  }
}
.c-issue-explorer__issue-image {
  inset: 0;
  position: absolute;
  transition-duration: 500ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.0, 0, 0.2, 1);
  z-index: 1
}
@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; border-radius: 1vw;
    inset: 0;
    position: absolute;
    z-index: 1
  }
}
@media(min-width: 64em) {
  .c-issue-explorer__issue-image {
    width: 400%
  }
}
.c-issue-explorer__issue-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.c-issue-explorer__issue-content {
  --background-color: #2b2b2b;
  --background-gradient-color: #262626;
  --text-color: #ffffff;
  --secondary-text-color: #ffffff;
  --tertiary-text-color: #ffffff;
  --heading-color: #ffffff;
  --accent-color: #ea5e29;
  --secondary-accent-color: #ffffff;
  --tertiary-accent-color: #ffffff;
  --logo-primary-color: #ffffff;
  --logo-secondary-color: #ffffff;
  --logo-tertiary-color: #ea5e29;
  --eyebrow-color: #ea5e29;
  --link-color: #ea5e29;
  --link-hover-color: #ea5e29;
  --link-active-color: #ea5e29;
  --link-visited-color: #ea5e29;
  --secondary-link-color: #ffffff;
  --secondary-link-hover-color: #ffffff;
  --secondary-link-active-color: #ffffff;
  --secondary-link-visited-color: #ffffff;
  --tertiary-link-color: #ea5e29;
  --tertiary-link-hover-color: #ea5e29;
  --tertiary-link-active-color: #ea5e29;
  --tertiary-link-visited-color: #ea5e29;
  --button-primary-background-color: #cf431d;
  --button-primary-background-hover-color: #cf431d;
  --button-primary-background-active-color: #9b2d0f;
  --button-primary-background-disabled-color: #c2c5ce;
  --button-primary-border-color: #cf431d;
  --button-primary-border-hover-color: #cf431d;
  --button-primary-border-active-color: #9b2d0f;
  --button-primary-border-disabled-color: #c2c5ce;
  --button-primary-text-color: #ffffff;
  --button-primary-text-hover-color: #ffffff;
  --button-primary-text-active-color: #ffffff;
  --button-primary-text-disabled-color: #ffffff;
  --button-secondary-background-color: #ffffff;
  --button-secondary-background-hover-color: #ffffff;
  --button-secondary-background-active-color: #ffffff;
  --button-secondary-background-disabled-color: #c2c5ce;
  --button-secondary-border-color: #cf431d;
  --button-secondary-border-hover-color: #cf431d;
  --button-secondary-border-active-color: #9b2d0f;
  --button-secondary-border-disabled-color: #c2c5ce;
  --button-secondary-text-color: #2b2b2b;
  --button-secondary-text-hover-color: #2b2b2b;
  --button-secondary-text-active-color: #2b2b2b;
  --button-secondary-text-disabled-color: #ffffff;
  --button-tertiary-background-color: #ffffff;
  --button-tertiary-background-hover-color: #ffffff;
  --button-tertiary-background-active-color: #ffffff;
  --button-tertiary-background-disabled-color: #c2c5ce;
  --button-tertiary-border-color: #14284b;
  --button-tertiary-border-hover-color: #14284b;
  --button-tertiary-border-active-color: #14284b;
  --button-tertiary-border-disabled-color: #c2c5ce;
  --button-tertiary-text-color: #14284b;
  --button-tertiary-text-hover-color: #14284b;
  --button-tertiary-text-active-color: #14284b;
  --button-tertiary-text-disabled-color: #ffffff;
  --button-tertiary-icon-color: #cf431d;
  --facet-color: #ffffff;
  --facet-active-color: #ffffff;
  --facet-secondary-color: #ffffff;
  --accordion-hover-color: #474747;
  --border-color: #ffffff;
  --box-shadow-color: rgba(255, 255, 255, 0.6);
  --focus-color: #3d94d0;
  --selection-background-color: #ffffff;
  --selection-text-color: #2b2b2b;
  --timeline-background-color: #e5e9ed;
  --timeline-text-color: #2b2b2b;
  --timeline-secondary-text-color: #474747;
  --timeline-tertiary-text-color: #595a68;
  --timeline-heading-color: #14284b;
  --timeline-link-color: #cf431d;
  --timeline-link-hover-color: #cf431d;
  --timeline-link-active-color: #9b2d0f;
  --timeline-link-visited-color: #661b56;
  position: relative;
  z-index: 0;
  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;
  position: relative;
  z-index: 2
}
@media(min-width: 64em) {
  .c-issue-explorer__issue-content {
    background: rgba(0, 0, 0, 0);
    margin-block-start: 0
  }
}
.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
  }
}
.c-issue-explorer__issue-content::after {
  background: #cf431d;
  content: "";
  display: block;
  inset-block: 0;
  inset-inline-start: 0;
  position: absolute;
  transition-duration: 500ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.0, 0, 0.2, 1);
  width: 1.3333333333rem
}
@media(min-width: 64em) {
  [issue-explorer-processed] .c-issue-explorer__issue-content::after {
    opacity: 0
  }
}
.c-issue-explorer__issue-title {
  font-family: "Roboto", sans-serif;
  font-size: clamp(1.4rem, 1.4444444444rem + 0.4444444444vw, 2.4444444444rem);
  -webkit-marquee-increment: 0vw;
  margin-block-end: .4444444444rem;
  max-width: 42.6666666667rem
}
.c-issue-explorer__issue-drawer {
  font-size: .8888888889rem;
  transition-duration: 500ms;
  transition-property: max-height, opacity;
  transition-timing-function: cubic-bezier(0.0, 0, 0.2, 1)
}
@media(prefers-reduced-motion) {
  .c-issue-explorer__issue-drawer {
    transition-duration: 1ms
  }
}
@media(min-width: 64em) {
  [issue-explorer-processed] .c-issue-explorer__issue-drawer {
    max-height: 0;
    opacity: 0;
    overflow: hidden
  }
}
.c-issue-explorer__issue-description {
  margin-block-end: .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
  }
}
.c-issue-explorer__issue-description > :last-child {
  margin-block-end: 0
}
.c-issue-explorer__issue-link {
  font-weight: 500;
  max-width: 42.6666666667rem
}
.c-issue-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-block: 0 .4444444444rem;
  margin-inline: 0
}
.c-issue-list li {
  padding-inline-start: 0
}
.c-issue-list li::before {
  display: none
}
.c-issue-list__item {
  display: inline-block; 
  margin-block: 0 .4444444444rem;
  margin-inline: 0 1.1111111111rem
}
.c-issue-list__item:last-child {
  margin-block-end: .4444444444rem
}
.c-issue-list__link {
  display: inline-block
}
.c-issue-list__link.is-active {
  background: var(--accordion-hover-color);
  color: var(--facet-color);
  padding-block: 0;
  padding-inline: .4444444444rem;
  text-decoration: none
}

@media screen and (max-width:767px) {
.c-issue-explorer__issue-title {
  font-size: 6vw;
}