html.no-js picture[data-lazy] {
    display: none !important
}

.section-hero {
    position: relative;
    --image-max-height: 1100px;
    --image-max-width: 1440px;
    --viewport-height-diff: max(0px, calc(100vh - var(--inner-height, 100vh)));
    --max-image-height-offset: min(0px, calc(var(--image-max-height) - 100vh));
    --bottom-spacing: max(0px, calc(var(--viewport-height-diff) + var(--max-image-height-offset)))
}

@media only screen and (max-width:1068px) {
    .section-hero {
        --image-max-height: 1400px;
        --image-max-width: 1835px
    }
}

@media only screen and (max-width:734px) {
    .section-hero {
        --image-max-height: 1000px;
        --image-max-width: 1156px
    }
}

@media only screen and (min-width:1441px) {
    .section-hero {
        --image-max-height: 1400px;
        --image-max-width: 3008px
    }
}

@media only screen and (max-width:734px) {
    .section-hero .section-content {
        max-width: 350px
    }
}

.section-hero .image-carousel-container {
    position: relative;
    margin: calc(var(--nav-collective-height)*-1) auto 0;
    padding-top: var(--nav-collective-height);
    width: 100%;
    max-width: var(--image-max-width);
    height: 100vh;
    min-height: 400px;
    max-height: var(--image-max-height);
    box-sizing: border-box;
    overflow: hidden;
    background-color: #000;
    display: flex;
    align-items: center
}

@media only screen and (max-width:734px) {
    .section-hero .image-carousel-container {
        align-items: flex-end
    }
}

.section-hero .image-carousel-container .image-carousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-hero .image-carousel-container .image-carousel .carousel-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-hero .image-carousel-container .image-carousel .carousel-item:first-child {
    display: block
}

.section-hero .image-carousel-container .image-carousel .carousel-item picture {
    width: 100%;
    height: 100%;
    display: flex;
    filter: brightness(0.8)
}

.section-hero .image-carousel-container .image-carousel .carousel-item picture img {
    object-fit: cover;
    object-position: top center;
    height: auto;
    width: 100%
}

.section-hero .image-carousel-container .image-carousel .carousel-item .caption {
    color: #f5f5f7;
    position: absolute;
    bottom: var(--bottom-spacing);
    left: 40px;
    margin-bottom: 40px
}

@media only screen and (max-width:734px) {
    .section-hero .image-carousel-container .image-carousel .carousel-item .caption {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 25px;
        max-width: 350px
    }
}

@media only screen and (max-width:734px)and (min-width:1441px) {
    .section-hero .image-carousel-container .image-carousel .carousel-item .caption {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width:734px)and (max-width:1068px) {
    .section-hero .image-carousel-container .image-carousel .carousel-item .caption {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .section-hero .image-carousel-container .image-carousel .carousel-item .caption {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media screen and (max-height:450px) {
    .section-hero .image-carousel-container .image-carousel .carousel-item .caption {
        bottom: 0
    }
}

.section-hero .hero-headline {
    text-align: center;
    color: #f5f5f7;
    position: relative;
    z-index: 3
}

@media only screen and (max-width:734px) {
    .section-hero .hero-headline {
        text-align: initial;
        margin-bottom: max(70px, calc(var(--bottom-spacing) + 70px));
        max-width: 330px
    }
}

.section-hero .hero-intro {
    text-align: center;
    padding: 140px 0
}

@media only screen and (max-width:734px) {
    .section-hero .hero-intro {
        padding: 120px 0
    }
}

.section-hero .hero-intro .intro-copy {
    margin: 0 auto;
    width: 100%;
    max-width: 740px
}

@media only screen and (max-width:1068px) {
    .section-hero .hero-intro .intro-copy {
        max-width: 640px
    }
}

@media only screen and (max-width:734px) {
    .section-hero .hero-intro .intro-copy {
        max-width: 280px
    }
}

.section-hero .controls {
    display: none
}

html.hero-enhanced .section-hero .hero-sticky-wrapper {
    position: relative;
    height: 140vh;
    margin: calc(var(--nav-collective-height)*-1) auto 140px
}

@media only screen and (max-width:1068px) {
    html.hero-enhanced .section-hero .hero-sticky-wrapper {
        margin-bottom: 120px
    }
}

html.hero-enhanced .section-hero .hero-sticky-container {
    position: sticky;
    height: var(--inner-height, 100vh);
    top: 0
}

html.hero-enhanced .section-hero.initial-state .hero-headline {
    opacity: 0;
    transform: translateY(1.5ch);
    transition: all 1s ease-out
}

html.hero-enhanced .section-hero.initial-state .caption {
    opacity: 0;
    transition: opacity 1s .4s
}

html.hero-enhanced .section-hero.initial-state .image-carousel-container .image-carousel .carousel-item {
    opacity: 0
}

html.hero-enhanced .section-hero .hero-headline-container {
    position: relative;
    z-index: 3
}

html.hero-enhanced .section-hero .hero-headline.reveal {
    opacity: 1;
    transform: translateY(0)
}

html.hero-enhanced .section-hero.hero-in-view .hero-headline {
    will-change: opacity, transform
}

html.hero-enhanced .section-hero.hero-in-view .caption,
html.hero-enhanced .section-hero.hero-in-view .hero-intro,
html.hero-enhanced .section-hero.hero-in-view .image-carousel-container {
    will-change: opacity
}

html.hero-enhanced .section-hero .caption.reveal {
    opacity: 1
}

html.hero-enhanced .section-hero .image-carousel-container {
    z-index: 1;
    margin-top: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item {
    display: block;
    opacity: 1
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item .hero-picture {
    background: #000
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:first-child {
    animation: slidefade 4s 0s forwards;
    animation-play-state: paused
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:first-child picture img {
    transform: scale(1.05);
    animation: imagezoom 5s cubic-bezier(0.61, 1, 0.88, 1) 0s forwards;
    animation-play-state: paused
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(2) {
    animation: slidefade 4s 4s forwards;
    animation-play-state: paused
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(2) picture img {
    transform: scale(1.05);
    animation: imagezoom 5s cubic-bezier(0.61, 1, 0.88, 1) 4s forwards;
    animation-play-state: paused
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(3) {
    animation: slidefade 4s 8s forwards;
    animation-play-state: paused
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(3) picture img {
    transform: scale(1.05);
    animation: imagezoom 5s cubic-bezier(0.61, 1, 0.88, 1) 8s forwards;
    animation-play-state: paused
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(4) {
    animation: slidefade 4s 12s forwards;
    animation-play-state: paused
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(4) picture img {
    transform: scale(1.05);
    animation: imagezoom 5s cubic-bezier(0.61, 1, 0.88, 1) 12s forwards;
    animation-play-state: paused
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(5) {
    animation: slidefade 4s 16s forwards;
    animation-play-state: paused;
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(5) picture img {
    transform: scale(1.05);
    animation: imagezoom 5s cubic-bezier(0.61, 1, 0.88, 1) 16s forwards;
    animation-play-state: paused;
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(6) {
    animation: slidefade 4s 20s forwards;
    animation-play-state: paused;
}

html.hero-enhanced .section-hero .image-carousel-container .image-carousel .carousel-item:nth-child(6) picture img {
    transform: scale(1.05);
    animation: imagezoom 5s cubic-bezier(0.61, 1, 0.88, 1) 20s forwards;
    animation-play-state: paused;
}


html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:first-child,
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:first-child picture img,
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(2),
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(2) picture img,
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(3),
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(3) picture img,
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(4),
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(4) picture img,
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(5),
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(5) picture img,
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(6),
html.hero-enhanced .section-hero .image-carousel-container .image-carousel.play .carousel-item:nth-child(56) picture img 
 
 {
    animation-play-state: running
}

html.hero-enhanced .section-hero .hero-intro {
    z-index: 0;
    height: var(--inner-height, 100vh);
    min-height: 400px;
    max-height: var(--image-max-height);
    position: absolute;
    top: 0;
    width: 100%;
    padding: calc(var(--r-localnav-height) + 80vh) 0 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    opacity: 0;
    max-width: none
}

html.hero-enhanced .section-hero .controls {
    position: absolute;
    bottom: var(--bottom-spacing);
    right: 0;
    margin: 20px;
    z-index: 6;
    width: 36px;
    height: 36px;
    display: flex;
    --circle-fill: none;
    --circle-stroke: white
}

html.hero-enhanced .section-hero .controls .svg-pause {
    --icon-stroke: white;
    --icon-fill: none
}

html.hero-enhanced .section-hero .controls .svg-play {
    --icon-stroke: none;
    --icon-fill: white
}

html.hero-enhanced .section-hero .play-pause {
    display: none;
    width: 36px;
    height: 36px
}

html.hero-enhanced .section-hero[data-play-state=paused] .play-pause,
html.hero-enhanced .section-hero[data-play-state=playing] .play-pause {
    display: block
}

html.hero-enhanced .section-hero.showing-intro .play-pause {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

html.hero-enhanced .section-hero[data-play-state=paused] .play-pause .svg-pause,
html.hero-enhanced .section-hero[data-play-state=playing] .play-pause .svg-play {
    display: none
}

@keyframes imagezoom {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(1.05)
    }
}

@keyframes slidefade {
    0% {
        opacity: 0;
        z-index: 2
    }
    20% {
        opacity: 1
    }
    to {
        opacity: 1;
        z-index: 2
    }
}

.section-education .stories-headline {
    max-width: 520px
}

@media only screen and (max-width:1068px) {
    .section-education .stories-headline {
        max-width: 460px
    }
}

@media only screen and (max-width:734px) {
    .section-education .stories-headline {
        max-width: none
    }
}

.section-education .stories-subhead {
    max-width: 770px
}

@media only screen and (max-width:1068px) {
    .section-education .stories-subhead {
        max-width: 620px
    }
}

@media only screen and (max-width:734px) {
    .section-education .stories-subhead {
        max-width: none
    }
}

@media only screen and (max-width:734px) {
    .section-education #detroit-developer-academy .story-card .story-headline,
    .section-education #southbank-centre .story-card .story-headline {
        max-width: 9ch
    }
}

.overview-edu-cherokee {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-cherokee {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-cherokee {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-edu-detroit {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-detroit {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-detroit {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-edu-enactus {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-enactus {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-enactus {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-edu-simmons {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-simmons {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-simmons {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-edu-southbank {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-southbank {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-southbank {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-edu-hsi {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-hsi {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-hsi {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-edu-cherokee-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-cherokee-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-cherokee-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.overview-edu-detroit-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-detroit-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-detroit-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.overview-edu-enactus-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-enactus-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-enactus-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.overview-edu-simmons-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-simmons-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-simmons-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.overview-edu-southbank-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-southbank-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-southbank-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.overview-edu-hsi-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-edu-hsi-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-edu-hsi-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.section-economic .stories-headline {
    max-width: 520px
}

@media only screen and (max-width:1068px) {
    .section-economic .stories-headline {
        max-width: 460px
    }
}

@media only screen and (max-width:734px) {
    .section-economic .stories-headline {
        max-width: none
    }
}

.section-economic .stories-subhead {
    max-width: 770px
}

@media only screen and (max-width:1068px) {
    .section-economic .stories-subhead {
        max-width: 500px
    }
}

@media only screen and (max-width:734px) {
    .section-economic .stories-subhead {
        max-width: none
    }
}

.section-economic #entrepreneur-camp .story-card .story-headline {
    max-width: 19ch
}

.overview-econ-artberryentrep {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-econ-artberryentrep {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-econ-artberryentrep {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-econ-benchtek {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-econ-benchtek {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-econ-benchtek {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-econ-suma {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-econ-suma {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-econ-suma {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-econ-artberryentrep-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-econ-artberryentrep-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-econ-artberryentrep-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.overview-econ-benchtek-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-econ-benchtek-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-econ-benchtek-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.overview-econ-suma-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-econ-suma-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-econ-suma-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.section-criminal-justice {
    padding-bottom: 20px
}

.section-criminal-justice .stories-headline {
    max-width: 520px
}

@media only screen and (max-width:1068px) {
    .section-criminal-justice .stories-headline {
        max-width: 460px
    }
}

@media only screen and (max-width:734px) {
    .section-criminal-justice .stories-headline {
        max-width: none
    }
}

.section-criminal-justice .stories-subhead {
    max-width: 800px
}

@media only screen and (max-width:1068px) {
    .section-criminal-justice .stories-subhead {
        max-width: 520px
    }
}

@media only screen and (max-width:734px) {
    .section-criminal-justice .stories-subhead {
        max-width: none
    }
}

.overview-justice-dconnections {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-justice-dconnections {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-justice-dconnections {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-justice-nola {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-justice-nola {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-justice-nola {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-justice-reformgrants {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 980px;
    --p-height: 516px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-justice-reformgrants {
        --p-width: 692px;
        --p-height: 430px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-justice-reformgrants {
        --p-width: 275px;
        --p-height: 400px
    }
}

.overview-justice-dconnections-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-justice-dconnections-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-justice-dconnections-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.overview-justice-nola-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-justice-nola-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-justice-nola-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.overview-justice-reformgrants-boc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1029px;
    --p-height: 450px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-justice-reformgrants-boc {
        --p-width: 692px;
        --p-height: 305px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-justice-reformgrants-boc {
        --p-width: 734px;
        --p-height: 470px
    }
}

.section-resources {
    background-color: #f5f5f7;
    padding: 140px 0
}

@media only screen and (max-width:734px) {
    .section-resources {
        padding: 120px 0
    }
    .section-resources .section-content {
        max-width: 350px
    }
}

.section-resources .resources-links {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 12px;
    gap: 12px;
    margin-top: 45px;
    max-width: 850px
}

@media only screen and (max-width:1068px) {
    .section-resources .resources-links {
        max-width: 600px
    }
}

@media only screen and (max-width:734px) {
    .section-resources .resources-links {
        margin-top: 40px;
        max-width: none
    }
}

.section-resources .button {
    border-width: 2px;
    font-weight: 600
}

.section-newsroom {
    padding: 140px 0 0
}

.section-newsroom .newsroom-grid {
    --news-image-size: 132px;
    --news-image-radius: 16px;
    --news-list-gap: 64px
}

@media only screen and (max-width:1068px) {
    .section-newsroom .newsroom-grid {
        --news-image-size: 105px;
        --news-image-radius: 12px;
        --news-list-gap: 48px
    }
}

@media only screen and (max-width:734px) {
    .section-newsroom .newsroom-grid .section-content {
        max-width: 350px
    }
}

.section-newsroom .newsroom-grid .overflow-container {
    transition: all .5s
}

.section-newsroom .newsroom-grid .overflow-container.animating {
    overflow: hidden
}

@media(prefers-reduced-motion) {
    .section-newsroom .newsroom-grid .overflow-container {
        transition: none
    }
    .section-newsroom .newsroom-grid .overflow-container.animating {
        overflow: initial
    }
}

.section-newsroom .newsroom-grid .grid-container.has-more {
    padding-bottom: calc(var(--news-list-gap)/2)
}

.section-newsroom .newsroom-grid .newsroom-list {
    position: relative;
    list-style: none;
    display: grid;
    margin: 0;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: var(--news-list-gap);
    gap: var(--news-list-gap)
}

@media only screen and (max-width:734px) {
    .section-newsroom .newsroom-grid .newsroom-list {
        grid-template-columns: 1fr
    }
}

.section-newsroom .newsroom-grid .newsroom-list-item:before {
    content: "";
    flex: 0 0 auto;
    height: 1px;
    display: block;
    background-color: #d0d0d0;
    margin-top: calc(var(--news-list-gap)/-2);
    position: absolute;
    width: 100%
}

.section-newsroom .newsroom-grid .newsroom-list-item:first-child:before {
    display: none
}

@media only screen and (min-width:735px) {
    .section-newsroom .newsroom-grid .newsroom-list-item:nth-child(2n):before {
        display: none
    }
}

.section-newsroom .newsroom-grid .newsroom-article {
    display: flex;
    grid-gap: 24px;
    gap: 24px
}

.section-newsroom .newsroom-grid .newsroom-article:hover {
    text-decoration: none
}

.section-newsroom .newsroom-grid .newsroom-article:hover .newsroom-item-image .newsroom-item-picture img {
    transform: scale(1.05)
}

.section-newsroom .newsroom-grid .newsroom-item-image {
    width: var(--news-image-size);
    height: var(--news-image-size);
    overflow: hidden;
    border-radius: var(--news-image-radius);
    flex-shrink: 0
}

html.safari .section-newsroom .newsroom-grid .newsroom-item-image {
    clip-path: inset(1px 1px 1px 1px round var(--news-image-radius))
}

.section-newsroom .newsroom-grid .newsroom-item-image .newsroom-item-picture {
    width: 100%;
    height: 100%;
    display: flex
}

.section-newsroom .newsroom-grid .newsroom-item-image .newsroom-item-picture img {
    object-fit: cover;
    height: auto;
    width: 100%;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1)
}

.section-newsroom .newsroom-grid .newsroom-item-content {
    max-width: 475px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category {
    margin-top: 0;
    color: #86868b;
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(ja) {
    line-height: 1.4166666667;
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(ko) {
    line-height: 1.4166666667;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(zh) {
    letter-spacing: 0em
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(th) {
    line-height: 1.3333733333;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title {
    margin-top: 4px;
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(ko) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(zh) {
    line-height: 1.3529611765;
    letter-spacing: 0em
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date {
    margin-top: 8px;
    color: #86868b;
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 600
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(ko) {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(zh) {
    line-height: 1.5;
    letter-spacing: 0em
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(th) {
    line-height: 1.3571828571;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-newsroom .newsroom-grid .button-container {
    border-top: 1px solid #d0d0d0
}

@media only screen and (max-width:734px) {
    .section-newsroom {
        padding: 120px 0 0
    }
}

@media only screen and (max-width:734px) {
    .section-newsroom .section-content {
        max-width: 350px
    }
}

.section-newsroom .newsroom-grid-container {
    margin-top: 100px
}

@media only screen and (max-width:1068px) {
    .section-newsroom .newsroom-grid-container {
        margin-top: 50px
    }
}

@media only screen and (max-width:734px) {
    .section-newsroom .newsroom-grid-container {
        margin-top: 35px
    }
}

.section-newsroom .show-more-button {
    display: block;
    margin: calc(var(--news-list-gap)/2) auto 0;
    border-width: 2px;
    font-weight: 600
}

.section-values {
    --item-width: 450px;
    --item-gap: 80px;
    --viewport-width: 980px;
    padding: 140px 0
}

@media only screen and (max-width:1068px) {
    .section-values {
        --item-width: 306px;
        --viewport-width: 692px
    }
}

@media only screen and (max-width:734px) {
    .section-values {
        --item-width: 280px;
        --item-gap: 40px;
        --viewport-width: min(87.5%, 350px);
        padding: 120px 0
    }
}

@media only screen and (max-width:734px) {
    .section-values .section-content {
        max-width: 350px
    }
}

.section-values .values-router-gallery {
    position: relative;
    margin-top: 60px
}

@media only screen and (max-width:734px) {
    .section-values .values-router-gallery {
        margin-top: 45px
    }
}

.section-values .scroll-container {
    overflow: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding: calc(50% - var(--viewport-width)/2);
    scrollbar-width: none
}

.section-values .scroll-container::-webkit-scrollbar {
    display: none
}

.section-values .item-container {
    list-style: none;
    margin: 0;
    display: flex;
    grid-gap: var(--item-gap);
    gap: var(--item-gap);
    width: -moz-fit-content;
    width: fit-content;
    padding-left: calc(50% - var(--viewport-width)/2);
    padding-right: calc(50% - var(--viewport-width)/2)
}

@media only screen and (max-width:734px) {
    .section-values .item-container {
        padding-right: calc(50% - var(--viewport-width)/2 + var(--viewport-width) - var(--item-width))
    }
}

.section-values .item-container .gallery-item {
    position: relative;
    scroll-snap-align: start;
    width: var(--item-width);
    display: flex;
    flex-direction: column
}

.section-values .item-container .gallery-item:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    right: calc(var(--item-gap)/-2);
    background-color: #d2d2d7
}

.section-values .item-container .gallery-item:last-child:after {
    display: none
}

.section-values .item-container .gallery-item .item-copy {
    font-weight: 400;
    margin: .8em 0
}

.section-values .item-container .gallery-item .item-cta {
    margin-top: auto
}

.section-values .paddlenav {
    --color-primary: #86868b;
    --color-secondary: #d2d2d7;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    margin-top: 30px
}

@media only screen and (min-width:1441px) {
    .section-values .paddlenav {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width:1068px) {
    .section-values .paddlenav {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width:734px) {
    .section-values .paddlenav {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%;
        margin-top: 20px;
        max-width: 330px
    }
}

.section-values .paddlenav .paddlenav-arrow,
.section-values .paddlenav .paddlenav-arrow:hover {
    background-color: initial;
    color: transparent
}

.section-values .paddlenav .paddlenav-arrow:focus {
    box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3;
    outline: none
}

.section-values .paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.section-values .paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.section-values .paddlenav .paddlenav-arrow:active,
.section-values .paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):active,
.section-values .paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):hover,
.section-values .paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):active,
.section-values .paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):hover {
    background-color: initial;
    color: transparent
}

.section-values .paddlenav .paddlenav-arrow {
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    position: relative;
    border-radius: 0;
    overflow: visible
}

.section-values .paddlenav .paddlenav-arrow:after,
.section-values .paddlenav .paddlenav-arrow:before {
    display: none
}

html .section-values .paddlenav .paddlenav-arrow:is(.disabled, :disabled),
html .section-values .paddlenav .paddlenav-arrow:is(.disabled, :disabled):focus:is([data-focus-method=mouse], [data-focus-method=touch]):not(input, textarea, select),
html.touch .section-values .paddlenav .paddlenav-arrow:is(.disabled, :disabled),
html.touch .section-values .paddlenav .paddlenav-arrow:is(.disabled, :disabled):focus:is([data-focus-method=mouse], [data-focus-method=touch]):not(input, textarea, select) {
    opacity: .3
}

.slide-items {
    display: grid;
    width: min-content;
    margin: auto
}

@media only screen and (max-width:734px) {
    .slide-items {
        margin: 0 auto 0 max(6.25%, calc(50% - 175px))
    }
}

.slide-items [data-ac-gallery-item] {
    grid-column: 1;
    grid-row: 1
}

@media only screen and (max-width:734px) {
    .stories-section .section-content {
        max-width: 350px
    }
}

.story-gallery {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-block-start: 45px;
    padding-block-end: 120px
}

@media only screen and (max-width:734px) {
    .story-gallery {
        padding-block-start: 40px;
        padding-block-end: 100px
    }
}

.story-gallery[data-autoplay-state=paused] .play-pause .svg-pause,
.story-gallery[data-autoplay-state=playing] .play-pause .svg-play {
    display: none
}

.story-gallery .container {
    position: relative;
    display: grid;
    grid-auto-flow: row
}

.story-gallery .item-container [data-ac-gallery-item] {
    opacity: 1 !important;
    transition: opacity 1s;
    padding-inline: 10px
}

@media only screen and (max-width:734px) {
    .story-gallery .item-container [data-ac-gallery-item] {
        padding-inline: 5px
    }
}

.story-gallery .item-container [data-ac-gallery-item]:not(.current) {
    opacity: .45 !important
}

.story-gallery .controls {
    display: flex;
    justify-content: space-between;
    width: var(--story-card-width);
    margin: auto;
    grid-row: 2;
    grid-column: 1;
    margin-block-start: 25px;
    pointer-events: none
}

@media only screen and (max-width:734px) {
    .story-gallery .controls {
        margin-block-start: 20px;
        margin-inline-start: max(6.25%, calc(50% - 175px));
        padding-inline-start: 5px
    }
}

.story-gallery .controls>* {
    pointer-events: all
}

.story-gallery .controls .paddles {
    margin-inline-start: auto
}

.story-gallery .controls path.progress {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: autoplay-progress 5s linear both
}

.story-gallery .controls path.progress.subsequent {
    stroke-dashoffset: 0;
    animation-delay: .8s;
    animation-fill-mode: forwards
}

@keyframes autoplay-progress {
    0% {
        stroke-dashoffset: 1
    }
    to {
        stroke-dashoffset: 0
    }
}

.story-gallery .play-pause .svg {
    display: block;
    width: var(--paddlenav-arrow-size);
    overflow: visible
}

.story-gallery .play-pause .svg * {
    transition-property: fill, stroke;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.story-gallery .play-pause .svg.svg-play:hover {
    --circle-fill: #86868b;
    --circle-stroke: #86868b;
    --icon-fill: white
}

.story-gallery .play-pause[disabled] {
    opacity: .3
}

.story-gallery .play-pause[disabled] svg.svg-play:hover {
    --circle-fill: none;
    --circle-stroke: #86868b;
    --icon-fill: #86868b
}

.story-card {
    position: relative;
    width: min-content;
    height: unset;
    min-width: var(--story-card-width);
    min-height: var(--story-card-height)
}

.story-card.with-image .story-headline-container {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7))
}

html.text-zoom .story-card picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

html.text-zoom .story-card .story-headline-container {
    position: relative;
    height: 100%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7))
}

.story-card .modal-trigger {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}

.story-card .story-headline-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding-top: 80px
}

.story-card .story-eyebrow,
.story-card .story-headline {
    display: block;
    color: #fff;
    margin-inline-start: 36px
}

@media only screen and (max-width:1068px) {
    .story-card .story-eyebrow,
    .story-card .story-headline {
        margin-inline-start: 28px
    }
}

@media only screen and (max-width:734px) {
    .story-card .story-eyebrow,
    .story-card .story-headline {
        margin-inline-start: 18px
    }
}

.story-card .story-eyebrow {
    margin-bottom: 10px
}

@media only screen and (max-width:1068px) {
    .story-card .story-eyebrow {
        margin-bottom: 5px
    }
}

.story-card .story-headline {
    display: block;
    max-width: 15ch;
    margin-bottom: 38px
}

@media only screen and (max-width:1068px) {
    .story-card .story-headline {
        margin-bottom: 32px
    }
}

@media only screen and (max-width:734px) {
    .story-card .story-headline {
        max-width: 10ch;
        margin-bottom: 24px;
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .story-card .story-headline:lang(ja) {
        line-height: 1.175;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(ko) {
        line-height: 1.2;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(th) {
        line-height: 1.35;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px)and (max-width:1068px) {
    .story-card .story-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(ja) {
        line-height: 1.21875;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(ko) {
        line-height: 1.21875;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh) {
        line-height: 1.21875
    }
    .story-card .story-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .story-card .story-headline {
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(ko) {
        line-height: 1.25;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(th) {
        line-height: 1.3928571429;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh) {
        line-height: 1.25
    }
    .story-card .story-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(ja) {
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .story-card .story-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.story-card .svg-plus,
.story-card .svg-plus-cutout {
    position: absolute;
    display: block;
    width: var(--modal-button-size);
    overflow: visible;
    bottom: 25px;
    right: 25px
}

@media only screen and (max-width:734px) {
    .story-card .svg-plus,
    .story-card .svg-plus-cutout {
        bottom: 20px;
        right: 20px
    }
}

.story-card .svg-plus path:first-child {
    fill: #fff
}

.story-card .svg-plus path:last-child {
    fill: #000
}

.story-card .svg-plus-cutout {
    color: #fff
}

.story-card .modal-contents {
    display: none
}

.modal-story {
    --modal-close-color: black;
    --modal-close-color-hover: black;
    --modal-overlay-border-radius-top: 30px
}

@media only screen and (max-width:734px) {
    .modal-story {
        --modal-overlay-border-radius-top: 0
    }
}

@media only screen and (min-width:735px) {
    .modal-story {
        --box-shadow-size: 16px
    }
    .modal-story .modal-overlay {
        padding: var(--box-shadow-size);
        margin-top: calc(var(--modal-overlay-margin-top) - var(--box-shadow-size));
        margin-bottom: calc(var(--modal-overlay-margin-bottom) - var(--box-shadow-size));
        outline: none !important;
        box-shadow: none !important
    }
    .modal-story .modal-overlay:focus[data-focus-method=key] .modal-content-container {
        outline: 2px solid #0071e3;
        outline-offset: 0px
    }
    .modal-story .modal-overlay:focus[data-focus-method=key] .modal-content-container[data-focus-method=mouse]:not(input):not(textarea):not(select),
    .modal-story .modal-overlay:focus[data-focus-method=key] .modal-content-container[data-focus-method=touch]:not(input):not(textarea):not(select) {
        outline: none
    }
    .modal-story .modal-overlay .modal-content-container {
        box-shadow: 0px 0px var(--box-shadow-size) 0px rgba(0, 0, 0, .2);
        -webkit-mask-image: unset
    }
}

.modal-story .image-caption,
.modal-story picture {
    grid-area: 1/1
}

.modal-story .image-caption {
    align-self: flex-end;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
    color: #fff;
    padding-block-start: 4em;
    padding-inline: 19px;
    padding-block-end: 13.5px
}

@media only screen and (max-width:1068px) {
    .modal-story .image-caption {
        padding-inline: 14px;
        padding-block-end: 9.5px
    }
}

@media only screen and (max-width:734px) {
    .modal-story .image-caption {
        padding-inline: 12px;
        padding-block-end: 8.5px
    }
}

@media only screen and (max-width:1068px) {
    .modal-story .image-caption {
        font-size: 14px;
        line-height: 1.2857742857;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-weight: 600
    }
    .modal-story .image-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .modal-story .image-caption:lang(ja) {
        line-height: 1.3571828571;
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .modal-story .image-caption:lang(ko) {
        line-height: 1.4285914286;
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .modal-story .image-caption:lang(th),
    .modal-story .image-caption:lang(zh) {
        line-height: 1.3571828571;
        letter-spacing: 0em
    }
    .modal-story .image-caption:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .modal-story .image-caption:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .modal-story .image-caption:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .modal-story .image-caption:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .modal-story .image-caption:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.modal-story picture img {
    display: block
}

@media only screen and (max-width:734px) {
    .modal-story img,
    .modal-story picture {
        width: 100vw;
        height: auto
    }
}

.modal-story .modal-content-container {
    padding-left: 0;
    padding-right: 0
}

.modal-story .modal-copy {
    margin-block-start: .8em
}

.modal-story .modal-contents {
    display: grid;
    grid-template-columns: 100%;
    overflow: hidden;
    border-radius: inherit;
    margin-block-start: calc(var(--modal-overlay-margin-top)*-2)
}

.modal-story .modal-copy-width {
    margin-left: auto;
    margin-right: auto;
    width: 490px;
    padding-left: var(--modal-overlay-padding-inline);
    padding-right: var(--modal-overlay-padding-inline)
}

@media only screen and (max-width:1068px) {
    .modal-story .modal-copy-width {
        width: 346px
    }
}

@media only screen and (max-width:734px) {
    .modal-story .modal-copy-width {
        width: 100%;
        box-sizing: border-box;
        max-width: calc(330px + var(--modal-overlay-padding-inline)*2)
    }
}

.modal-story .modal-headline {
    margin-block-start: 60px
}

@media only screen and (max-width:1068px) {
    .modal-story .modal-headline {
        margin-block-start: 52px
    }
}

@media only screen and (max-width:734px) {
    .modal-story .modal-headline {
        margin-block-start: 34px
    }
}

.modal-story .pull-quote {
    margin-top: 34.5px
}

@media only screen and (max-width:1068px) {
    .modal-story .pull-quote {
        margin-top: 20px
    }
}

@media only screen and (max-width:734px) {
    .modal-story .pull-quote {
        margin-top: 29.5px
    }
}

.modal-story .pull-quote+* {
    margin-top: 40.5px
}

@media only screen and (max-width:1068px) {
    .modal-story .pull-quote+* {
        margin-top: 29px
    }
}

@media only screen and (max-width:734px) {
    .modal-story .pull-quote+* {
        margin-top: 30.5px
    }
}

.modal-story .quote {
    margin-bottom: 14px
}

.modal-story .quote>.open-quote {
    display: inline-block;
    width: 1em;
    margin-inline-start: -1em;
    text-align: end
}

.modal-story .data-group {
    border-top: 1px solid #d8d8d8;
    padding-block-start: 20px
}

@media only screen and (max-width:1068px) {
    .modal-story .data-group {
        padding-block-start: 12px
    }
}

@media only screen and (max-width:734px) {
    .modal-story .data-group {
        padding-block-start: 16px
    }
}

.modal-story .data-group:not(:first-child) {
    margin-block-start: 42px
}

@media only screen and (max-width:1068px) {
    .modal-story .data-group:not(:first-child) {
        margin-block-start: 76px
    }
}

.modal-story .data-group .label {
    max-width: 18ch;
    margin-block-end: 25px
}

@media only screen and (max-width:1068px) {
    .modal-story .data-group .label {
        margin-block-end: 18px
    }
}

.modal-story .data-group .badge {
    display: grid;
    align-content: start;
    grid-gap: 6.5px;
    gap: 6.5px
}

@media only screen and (max-width:1068px) {
    .modal-story .data-group .badge {
        grid-gap: 9px;
        gap: 9px
    }
}

@media only screen and (max-width:734px) {
    .modal-story .data-group .badge {
        grid-gap: 8px;
        gap: 8px
    }
}

.modal-story .data-group .stat {
    max-width: 12ch
}

@media only screen and (min-width:735px) {
    .modal-story .data-group .stat {
        line-height: 1
    }
}

.modal-story .data-group .caption {
    max-width: 24ch
}

.modal-story .badges {
    display: grid;
    grid-template-columns: repeat(2, minmax(max-content, 215px));
    justify-content: space-between;
    grid-gap: 28px;
    gap: 28px
}

@media only screen and (max-width:1068px) {
    .modal-story .badges {
        grid-template-columns: 1fr
    }
}

html.text-zoom .modal-story .badges {
    grid-template-columns: 1fr
}

.modal-story .data-caption {
    font-weight: 400;
    margin-block-start: 52px
}

.modal-story .modal-next {
    border-top: 1px solid #d8d8d8;
    padding-block-start: 16px;
    margin-block-start: 92px
}

@media only screen and (max-width:1068px) {
    .modal-story .modal-next {
        margin-block-start: 74px
    }
}

.modal-story .modal-next .up-next {
    color: #6e6e73
}

.modal-story .modal-next button {
    display: flex;
    grid-column-gap: .3em;
    column-gap: .3em;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 2px
}

.modal-story .modal-next button:hover {
    text-decoration: underline
}

.modal-story .modal-next button:hover .svg-chevron {
    --color-primary: #86868b;
    --color-secondary: #e2e1e6
}

.modal-story .modal-next .svg-chevron {
    overflow: visible;
    vertical-align: text-bottom;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    --color-primary: #e2e1e6;
    --color-secondary: #86868b
}

.paddles ul {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    grid-gap: 10px;
    gap: 10px
}

.paddles .paddlenav-arrow {
    transition: opacity .2s;
    display: block
}

.paddles .paddlenav-arrow-previous {
    transform: scaleX(-1)
}

.paddles .paddlenav-arrow[disabled] {
    opacity: .3
}

@media(hover:hover) {
    .paddles .paddlenav-arrow:not(:disabled):hover {
        --icon-fill: white;
        --icon-stroke: white;
        --circle-fill: #86868b
    }
}

.paddles .paddlenav-arrow .svg {
    pointer-events: none;
    display: block;
    width: var(--paddlenav-arrow-size);
    overflow: visible
}

.paddles .paddlenav-arrow .svg * {
    transition-property: fill, stroke;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.modal {
    padding: 0;
    quotes: "“" "”";
    --outer-padding: 0;
    --width: 1020px
}

@media only screen and (max-width:1068px) {
    .modal {
        --width: 687px
    }
}

@media only screen and (max-width:734px) {
    .modal {
        --width: 100%
    }
}

.modal:after {
    content: "";
    background: #fff
}

.modal .content-table {
    display: block
}

.modal .content-cell {
    display: flex;
    height: auto;
    min-height: 100vh;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:734px) {
    .modal .content-cell {
        display: block;
        height: 100%
    }
}

.modal .content-wrapper {
    width: auto;
    padding: var(--outer-padding) 0
}

.modal .content-padding {
    padding: 0;
    max-width: none;
    flex-basis: auto;
    border-radius: 0;
    background: none !important
}

.modal .modal-content {
    background: #fff;
    overflow: hidden;
    width: var(--width);
    transform: translateZ(0);
    border-radius: 18px
}

@media only screen and (max-width:734px) {
    .modal .modal-content {
        border-radius: 0
    }
}

.modal {
    --transition-duration: 0.4s;
    --transition-easing: cubic-bezier(0.45, 0, 0.55, 1)
}

@media only screen and (max-width:734px) {
    .modal {
        --modal-overlay-padding-inline: 6.25vw;
        --modal-overlay-padding-top: 0
    }
}

html.no-enhanced .modal {
    --transition-duration: 0.01s
}

.modal .modal-close-button {
    margin-inline: 0 var(--modal-close-button-offset-inline-start);
    align-self: flex-end
}

html.enhanced .modal.animate {
    opacity: 0;
    transition: z-index 0s linear var(--transition-duration), opacity calc(var(--transition-duration)*2/3) var(--transition-easing) calc(var(--transition-duration)/3)
}

html.enhanced .modal.animate.prepare-open {
    display: block
}

html.enhanced .modal.animate.modal-open {
    opacity: 1;
    transition-delay: 0s
}

html.enhanced .modal.animate.modal-open .modal-overlay {
    opacity: 1;
    transform: none;
    clip-path: inset(0 round var(--modal-overlay-border-radius-top));
    transition-delay: 0s
}

html.enhanced .modal.animate.modal-open .modal-close-button {
    transition-delay: calc(var(--transition-duration)*2/3)
}

html.enhanced .modal.animate.modal-open .modal-contents {
    opacity: 1;
    transition-delay: calc(var(--transition-duration)/3)
}

html.enhanced .modal.animate .modal-overlay {
    display: flex;
    opacity: 0;
    transform: translateY(40vh);
    clip-path: inset(10% round var(--modal-overlay-border-radius-top));
    transition: opacity calc(var(--transition-duration)/2) var(--transition-easing) calc(var(--transition-duration)/2), transform var(--transition-duration) var(--transition-easing), clip-path var(--transition-duration) var(--transition-easing)
}

html.enhanced .modal.animate .modal-contents {
    opacity: 0;
    transition: opacity calc(var(--transition-duration)*2/3) var(--transition-easing)
}

.modal.crossfade {
    z-index: 99999;
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.modal.crossfade .modal-overlay-container {
    transition: opacity var(--transition-duration)
}

.modal.crossfade.fade-out .modal-overlay-container {
    opacity: 0
}

:root {
    --small-max-width: 350px;
    --modal-button-size: 36px;
    --paddlenav-arrow-size: 36px;
    --story-card-width: 980px;
    --story-card-height: 516px
}

@media only screen and (max-width:1068px) {
    :root {
        --story-card-width: 692px;
        --story-card-height: 430px
    }
}

@media only screen and (max-width:734px) {
    :root {
        --story-card-width: 275px;
        --story-card-height: 400px
    }
}

.tile-rounded {
    border-radius: 30px
}

@media only screen and (max-width:734px) {
    .small-max-width {
        max-width: var(--small-max-width)
    }
}

.section-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width:1441px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width:1068px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width:734px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}