br.large {
	display: block
}

@media only screen and (max-width: 1068px) {
	br.large {
		display: none
	}
}

@media only screen and (max-width: 734px) {
	br.large {
		display: none
	}
}

br.medium {
	display: none
}

@media only screen and (max-width: 1068px) {
	br.medium {
		display: block
	}
}

@media only screen and (max-width: 734px) {
	br.medium {
		display: none
	}
}

br.small {
	display: none
}

@media only screen and (max-width: 1068px) {
	br.small {
		display: none
	}
}

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

a.block {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: inherit
}

a.block::before,
a.block::after {
	content: ' ';
	display: table
}

a.block::after {
	clear: both
}

a.block:hover {
	text-decoration: none
}

a.block:hover .block-link {
	text-decoration: underline
}

a.block .block-link {
	color: #06c
}

.block-link {
	cursor: pointer
}

a.block-inline {
	display: inline-block
}

.dotnav {
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.dotnav ul {
	margin: 0;
	list-style: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.dotnav li {
	list-style: none;
	margin: 0 7px;
	width: 8px;
	height: 8px;
	position: relative
}

.dotnav-item {
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	outline: none;
	position: absolute;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

.dotnav-item:focus {
	-webkit-box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	outline: none
}

.dotnav-item:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.dotnav-item:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
	-webkit-box-shadow: none;
	box-shadow: none
}

.dotnav-item.current {
	cursor: default
}

.dotnav .dotnav-item {
	background-color: rgba(134, 134, 139, 0.4)
}

.dotnav .dotnav-item:hover {
	background-color: rgba(134, 134, 139, 0.6)
}

.dotnav .dotnav-item.current {
	background-color: #86868b
}

.paddlenav,
.paddlenav ul {
	margin: 0;
	list-style: none
}

.paddlenav .paddlenav-arrow {
	display: block;
	font-style: normal;
	overflow: hidden;
	position: absolute;
	text-align: center;
	-webkit-transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear;
	transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear
}

.paddlenav .paddlenav-arrow-next,
.paddlenav .paddlenav-arrow-previous {
	top: 50%
}

.paddlenav .paddlenav-arrow-up,
.paddlenav .paddlenav-arrow-down {
	left: 50%
}

.paddlenav .paddlenav-arrow:hover {
	text-decoration: none
}

.paddlenav .paddlenav-arrow:focus {
	-webkit-box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	outline: none
}

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

.paddlenav .paddlenav-arrow:disabled,
.paddlenav .paddlenav-arrow.disabled {
	cursor: default;
	opacity: 0
}

.paddlenav .paddlenav-arrow:disabled:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.paddlenav .paddlenav-arrow:disabled:focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
.paddlenav .paddlenav-arrow.disabled:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.paddlenav .paddlenav-arrow.disabled:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
	opacity: 0
}

html.touch .paddlenav .paddlenav-arrow:disabled,
html.touch .paddlenav .paddlenav-arrow.disabled {
	opacity: 0
}

.paddlenav .paddlenav-arrow {
	font-weight: 300;
	width: 5.29412rem;
	height: 5.29412rem;
	border-radius: 5.29412rem;
	font-size: 53px;
	line-height: 5.29412rem
}

.paddlenav .paddlenav-arrow-next,
.paddlenav .paddlenav-arrow-previous {
	margin-top: -2.64706rem
}

.paddlenav .paddlenav-arrow-up,
.paddlenav .paddlenav-arrow-down {
	margin-left: -2.64706rem
}

.paddlenav .paddlenav-arrow-next::before,
.paddlenav .paddlenav-arrow-next::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.paddlenav .paddlenav-arrow-next::before,
.paddlenav .paddlenav-arrow-next::after {
	text-decoration: none
}

.paddlenav .paddlenav-arrow-next::before {
	display: none
}

.paddlenav .paddlenav-arrow-next::before,
.paddlenav .paddlenav-arrow-next::after {
	content: ""
}

.paddlenav .paddlenav-arrow-next::after {
	margin-right: -.056em
}

.paddlenav .paddlenav-arrow-previous::before,
.paddlenav .paddlenav-arrow-previous::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.paddlenav .paddlenav-arrow-previous::before,
.paddlenav .paddlenav-arrow-previous::after {
	text-decoration: none
}

.paddlenav .paddlenav-arrow-previous::before {
	display: none
}

.paddlenav .paddlenav-arrow-previous::before,
.paddlenav .paddlenav-arrow-previous::after {
	content: ""
}

.paddlenav .paddlenav-arrow-previous::after {
	margin-left: -.056em
}

.paddlenav .paddlenav-arrow-up::before,
.paddlenav .paddlenav-arrow-up::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.paddlenav .paddlenav-arrow-up::before,
.paddlenav .paddlenav-arrow-up::after {
	text-decoration: none
}

.paddlenav .paddlenav-arrow-up::before {
	display: none
}

.paddlenav .paddlenav-arrow-up::before,
.paddlenav .paddlenav-arrow-up::after {
	content: ""
}

.paddlenav .paddlenav-arrow-down::before,
.paddlenav .paddlenav-arrow-down::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.paddlenav .paddlenav-arrow-down::before,
.paddlenav .paddlenav-arrow-down::after {
	text-decoration: none
}

.paddlenav .paddlenav-arrow-down::before {
	display: none
}

.paddlenav .paddlenav-arrow-down::before,
.paddlenav .paddlenav-arrow-down::after {
	content: ""
}

.paddlenav .paddlenav-arrow {
	background-color: rgba(0, 0, 0, 0);
	color: rgba(134, 134, 139, 0.8)
}

.paddlenav .paddlenav-arrow:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #86868b
}

.paddlenav .paddlenav-arrow:active {
	background-color: rgba(0, 0, 0, 0);
	color: #86868b
}

.paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover,
.paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover {
	background-color: rgba(0, 0, 0, 0);
	color: #86868b
}

.paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):active,
.paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):active {
	background-color: rgba(0, 0, 0, 0);
	color: #86868b
}

.paddlenav .paddlenav-arrow-next {
	right: 18px
}

.paddlenav .paddlenav-arrow-previous {
	left: 18px
}

.paddlenav .paddlenav-arrow-up {
	top: 18px
}

.paddlenav .paddlenav-arrow-down {
	bottom: 18px
}

@media only screen and (max-width: 734px) {
	.paddlenav .paddlenav-arrow {
		font-weight: 300;
		width: 3.05882rem;
		height: 3.05882rem;
		border-radius: 3.05882rem;
		font-size: 53px;
		line-height: 3.05882rem
	}
	.paddlenav .paddlenav-arrow-next,
	.paddlenav .paddlenav-arrow-previous {
		margin-top: -1.52941rem
	}
	.paddlenav .paddlenav-arrow-up,
	.paddlenav .paddlenav-arrow-down {
		margin-left: -1.52941rem
	}
	.paddlenav .paddlenav-arrow-next::before,
	.paddlenav .paddlenav-arrow-next::after {
		font-family: "SF Pro Icons";
		color: inherit;
		display: inline-block;
		font-style: normal;
		font-weight: inherit;
		font-size: inherit;
		line-height: 1;
		text-decoration: underline;
		position: relative;
		z-index: 1;
		alt: ''
	}
	.paddlenav .paddlenav-arrow-next::before,
	.paddlenav .paddlenav-arrow-next::after {
		text-decoration: none
	}
	.paddlenav .paddlenav-arrow-next::before {
		display: none
	}
	.paddlenav .paddlenav-arrow-next::before,
	.paddlenav .paddlenav-arrow-next::after {
		content: ""
	}
	.paddlenav .paddlenav-arrow-next::after {
		margin-right: -.044em
	}
	.paddlenav .paddlenav-arrow-previous::before,
	.paddlenav .paddlenav-arrow-previous::after {
		font-family: "SF Pro Icons";
		color: inherit;
		display: inline-block;
		font-style: normal;
		font-weight: inherit;
		font-size: inherit;
		line-height: 1;
		text-decoration: underline;
		position: relative;
		z-index: 1;
		alt: ''
	}
	.paddlenav .paddlenav-arrow-previous::before,
	.paddlenav .paddlenav-arrow-previous::after {
		text-decoration: none
	}
	.paddlenav .paddlenav-arrow-previous::before {
		display: none
	}
	.paddlenav .paddlenav-arrow-previous::before,
	.paddlenav .paddlenav-arrow-previous::after {
		content: ""
	}
	.paddlenav .paddlenav-arrow-previous::after {
		margin-left: -.044em
	}
	.paddlenav .paddlenav-arrow-up::before,
	.paddlenav .paddlenav-arrow-up::after {
		font-family: "SF Pro Icons";
		color: inherit;
		display: inline-block;
		font-style: normal;
		font-weight: inherit;
		font-size: inherit;
		line-height: 1;
		text-decoration: underline;
		position: relative;
		z-index: 1;
		alt: ''
	}
	.paddlenav .paddlenav-arrow-up::before,
	.paddlenav .paddlenav-arrow-up::after {
		text-decoration: none
	}
	.paddlenav .paddlenav-arrow-up::before {
		display: none
	}
	.paddlenav .paddlenav-arrow-up::before,
	.paddlenav .paddlenav-arrow-up::after {
		content: ""
	}
	.paddlenav .paddlenav-arrow-down::before,
	.paddlenav .paddlenav-arrow-down::after {
		font-family: "SF Pro Icons";
		color: inherit;
		display: inline-block;
		font-style: normal;
		font-weight: inherit;
		font-size: inherit;
		line-height: 1;
		text-decoration: underline;
		position: relative;
		z-index: 1;
		alt: ''
	}
	.paddlenav .paddlenav-arrow-down::before,
	.paddlenav .paddlenav-arrow-down::after {
		text-decoration: none
	}
	.paddlenav .paddlenav-arrow-down::before {
		display: none
	}
	.paddlenav .paddlenav-arrow-down::before,
	.paddlenav .paddlenav-arrow-down::after {
		content: ""
	}
}

.paddlenav-compact .paddlenav-arrow {
	font-weight: 300;
	width: 3.05882rem;
	height: 3.05882rem;
	border-radius: 3.05882rem;
	font-size: 53px;
	line-height: 3.05882rem
}

.paddlenav-compact .paddlenav-arrow-next,
.paddlenav-compact .paddlenav-arrow-previous {
	margin-top: -1.52941rem
}

.paddlenav-compact .paddlenav-arrow-up,
.paddlenav-compact .paddlenav-arrow-down {
	margin-left: -1.52941rem
}

.paddlenav-compact .paddlenav-arrow-next::before,
.paddlenav-compact .paddlenav-arrow-next::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.paddlenav-compact .paddlenav-arrow-next::before,
.paddlenav-compact .paddlenav-arrow-next::after {
	text-decoration: none
}

.paddlenav-compact .paddlenav-arrow-next::before {
	display: none
}

.paddlenav-compact .paddlenav-arrow-next::before,
.paddlenav-compact .paddlenav-arrow-next::after {
	content: ""
}

.paddlenav-compact .paddlenav-arrow-next::after {
	margin-right: -.044em
}

.paddlenav-compact .paddlenav-arrow-previous::before,
.paddlenav-compact .paddlenav-arrow-previous::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.paddlenav-compact .paddlenav-arrow-previous::before,
.paddlenav-compact .paddlenav-arrow-previous::after {
	text-decoration: none
}

.paddlenav-compact .paddlenav-arrow-previous::before {
	display: none
}

.paddlenav-compact .paddlenav-arrow-previous::before,
.paddlenav-compact .paddlenav-arrow-previous::after {
	content: ""
}

.paddlenav-compact .paddlenav-arrow-previous::after {
	margin-left: -.044em
}

.paddlenav-compact .paddlenav-arrow-up::before,
.paddlenav-compact .paddlenav-arrow-up::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.paddlenav-compact .paddlenav-arrow-up::before,
.paddlenav-compact .paddlenav-arrow-up::after {
	text-decoration: none
}

.paddlenav-compact .paddlenav-arrow-up::before {
	display: none
}

.paddlenav-compact .paddlenav-arrow-up::before,
.paddlenav-compact .paddlenav-arrow-up::after {
	content: ""
}

.paddlenav-compact .paddlenav-arrow-down::before,
.paddlenav-compact .paddlenav-arrow-down::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.paddlenav-compact .paddlenav-arrow-down::before,
.paddlenav-compact .paddlenav-arrow-down::after {
	text-decoration: none
}

.paddlenav-compact .paddlenav-arrow-down::before {
	display: none
}

.paddlenav-compact .paddlenav-arrow-down::before,
.paddlenav-compact .paddlenav-arrow-down::after {
	content: ""
}

.paddlenav-framed .paddlenav-arrow {
	background-color: rgba(210, 210, 215, 0.2);
	color: rgba(134, 134, 139, 0.8)
}

.paddlenav-framed .paddlenav-arrow:hover {
	background-color: rgba(210, 210, 215, 0.28);
	color: #86868b
}

.paddlenav-framed .paddlenav-arrow:active {
	background-color: rgba(210, 210, 215, 0.36);
	color: #86868b
}

.paddlenav-framed .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover,
.paddlenav-framed .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover {
	background-color: rgba(210, 210, 215, 0.28);
	color: #86868b
}

.paddlenav-framed .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):active,
.paddlenav-framed .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):active {
	background-color: rgba(210, 210, 215, 0.36);
	color: #86868b
}

.paddlenav-framed .paddlenav-arrow-next {
	right: 18px
}

.paddlenav-framed .paddlenav-arrow-previous {
	left: 18px
}

.paddlenav-framed .paddlenav-arrow-up {
	top: 18px
}

.paddlenav-framed .paddlenav-arrow-down {
	bottom: 18px
}

.with-paddlenav {
	position: relative
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow {
	opacity: 0;
	-webkit-transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear;
	transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow:focus {
	opacity: 1
}

html.no-touch .with-paddlenav-onhover:hover .paddlenav-arrow {
	opacity: 1
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow:disabled,
html.no-touch .with-paddlenav-onhover .paddlenav-arrow.disabled {
	opacity: 0
}

.with-paddlenav-visuallyhidden .paddlenav-arrow {
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%)
}

.with-paddlenav-visuallyhidden .paddlenav-arrow:focus,
.with-paddlenav-visuallyhidden .paddlenav-arrow:hover {
	clip: auto;
	-webkit-clip-path: none;
	clip-path: none
}

.theme-dark {
	background-color: #000;
	color: #f5f5f7
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
	color: #f5f5f7
}

.theme-dark a,
.theme-dark .link {
	color: #2997ff
}

.theme-dark .footnote a {
	color: inherit
}

.theme-dark .footnote a:hover {
	color: #2997ff
}

.theme-dark a.block {
	color: inherit
}

.theme-dark a.block .block-link {
	color: #2997ff
}

.theme-dark .dotnav .dotnav-item {
	background-color: rgba(134, 134, 139, 0.4)
}

.theme-dark .dotnav .dotnav-item:hover {
	background-color: rgba(134, 134, 139, 0.6)
}

.theme-dark .dotnav .dotnav-item.current {
	background-color: #86868b
}

.theme-dark .paddlenav .paddlenav-arrow {
	background-color: rgba(0, 0, 0, 0);
	color: rgba(134, 134, 139, 0.8)
}

.theme-dark .paddlenav .paddlenav-arrow:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #86868b
}

.theme-dark .paddlenav .paddlenav-arrow:active {
	background-color: rgba(0, 0, 0, 0);
	color: #86868b
}

.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover {
	background-color: rgba(0, 0, 0, 0);
	color: #86868b
}

.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):active,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):active {
	background-color: rgba(0, 0, 0, 0);
	color: #86868b
}

.theme-dark .paddlenav-framed .paddlenav-arrow {
	background-color: rgba(210, 210, 215, 0.2);
	color: rgba(134, 134, 139, 0.8)
}

.theme-dark .paddlenav-framed .paddlenav-arrow:hover {
	background-color: rgba(210, 210, 215, 0.28);
	color: #86868b
}

.theme-dark .paddlenav-framed .paddlenav-arrow:active {
	background-color: rgba(210, 210, 215, 0.36);
	color: #86868b
}

.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover,
.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover {
	background-color: rgba(210, 210, 215, 0.28);
	color: #86868b
}

.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):active,
.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):active {
	background-color: rgba(210, 210, 215, 0.36);
	color: #86868b
}

.theme-dark .violator {
	background: rgba(0, 0, 0, 0);
	border-color: #f56300;
	color: #f56300
}

.theme-dark .violator-frameless {
	background: rgba(0, 0, 0, 0);
	border-color: #f56300;
	color: #f56300
}

.theme-dark .violator-secondary {
	background: rgba(0, 0, 0, 0);
	border-color: #86868b;
	color: #86868b
}

#viewport-emitter {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	visibility: hidden;
	z-index: -1;
	x-content: "large"
}

#viewport-emitter::before {
	content: "large"
}

@media only screen and (min-width: 1441px) {
	#viewport-emitter {
		x-content: "xlarge"
	}
	#viewport-emitter::before {
		content: "xlarge"
	}
}

@media only screen and (max-width: 1068px) {
	#viewport-emitter {
		x-content: "medium"
	}
	#viewport-emitter::before {
		content: "medium"
	}
}

@media only screen and (max-width: 734px) {
	#viewport-emitter {
		x-content: "small"
	}
	#viewport-emitter::before {
		content: "small"
	}
}

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

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

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

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

.with-std-module-spacing {
	margin-top: 80px
}

@media only screen and (max-width: 1068px) {
	.with-std-module-spacing {
		margin-top: 56px
	}
}

@media only screen and (max-width: 734px) {
	.with-std-module-spacing {
		margin-top: 48px
	}
}

.with-lead-module-spacing {
	margin-top: 80px
}

@media only screen and (max-width: 1068px) {
	.with-lead-module-spacing {
		margin-top: 56px
	}
}

@media only screen and (max-width: 734px) {
	.with-lead-module-spacing {
		margin-top: 0
	}
}

.bg-dark {
	background-color: #000
}

.section-head {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 700;
	letter-spacing: .004em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-bottom: 24px
}

@media only screen and (max-width: 1068px) {
	.section-head {
		font-size: 28px;
		line-height: 1.14286;
		font-weight: 700;
		letter-spacing: .007em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.section-head {
		font-size: 24px;
		line-height: 1.16667;
		font-weight: 700;
		letter-spacing: .009em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 1068px) {
	.section-head {
		margin-bottom: 16px
	}
}

.tile {
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 16px;
	overflow: hidden;
	z-index: 0;
	position: relative
}

.tile .tile__description {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.tile .tile__media {
	direction: ltr
}

@media only screen and (max-width: 734px) {
	.tile {
		border-radius: 12px
	}
}

.tile__category,
.tile__timestamp {
	color: #6e6e73
}

.tile__headline {
	color: #1d1d1f;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media (hover: hover) {
	.tile:hover {
		text-decoration: none
	}
}

.tile[data-focus-method=key] {
	text-decoration: none
}

.tile .media--video,
.tile .image {
	-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

.tile .tile__media::after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	-webkit-transition: background 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: background 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

@media (hover: hover) {
	html.no-touch .tile:hover .tile__media::after {
		background: rgba(0, 0, 0, 0.15)
	}
	html.no-touch.no-reduced-motion .tile:hover .image,
	html.no-touch.no-reduced-motion .tile:hover .media--video {
		-webkit-transform: scale(1.03);
		transform: scale(1.03)
	}
}

html.no-touch .tile[data-focus-method=key] .tile__media::after {
	background: rgba(0, 0, 0, 0.15)
}

html.no-touch.no-reduced-motion .tile[data-focus-method=key] .image,
html.no-touch.no-reduced-motion .tile[data-focus-method=key] .media--video {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.tile__category {
	font-size: 12px;
	line-height: 1.33337;
	font-weight: 700;
	letter-spacing: -.01em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.tile__timestamp {
	font-size: 14px;
	line-height: 1.28577;
	font-weight: 600;
	letter-spacing: -.016em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tile__media {
	position: relative;
	z-index: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden
}

.tile .icon-hide::before {
	display: none
}

html.js .tile[data-progressive-load] .image {
	background-image: none
}

html.js .tile.large-load .image {
	opacity: 0;
	-webkit-transition: none;
	transition: none
}

html.js .tile.large-loaded .image {
	opacity: 1;
	-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

@media only screen and (max-width: 1068px) {
	html.js .tile.medium-load .image {
		opacity: 0;
		-webkit-transition: none;
		transition: none
	}
	html.js .tile.medium-loaded .image {
		opacity: 1;
		-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
}

@media only screen and (max-width: 734px) {
	html.js .tile.small-load .image {
		opacity: 0;
		-webkit-transition: none;
		transition: none
	}
	html.js .tile.small-loaded .image {
		opacity: 1;
		-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
}

.image {
	z-index: 0
}

@media only screen and (inverted-colors) {
	.image {
		-webkit-filter: invert(1);
		filter: invert(1)
	}
}

.media--video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

.video-ready .media--video:not(.pvl_unloaded) {
	opacity: 1
}

.video-ready .image {
	display: none
}

.pvl_unloaded~.image {
	display: block
}

.everydayfeed {
	overflow: hidden;
	background-color: #f5f5f7;
	margin-top: 0;
	padding-bottom: 44px
}

@media only screen and (max-width: 1068px) {
	.everydayfeed {
		padding-bottom: 40px
	}
}

@media only screen and (max-width: 734px) {
	.everydayfeed {
		padding-bottom: 16px
	}
}

.everydayfeed .desktop-notification {
	padding-top: 16px;
	padding-bottom: 24px
}

@media only screen and (max-width: 734px) {
	.everydayfeed .desktop-notification {
		padding-top: 12px;
		padding-bottom: 12px
	}
}

.takeover+.everydayfeed .desktop-notification {
	padding-bottom: 64px
}

@media only screen and (max-width: 1068px) {
	.takeover+.everydayfeed .desktop-notification {
		padding-bottom: 48px
	}
}

@media only screen and (max-width: 734px) {
	.takeover+.everydayfeed .desktop-notification {
		padding-top: 16px;
		padding-bottom: 24px
	}
}

.everydayfeed .sdn-content {
	background-color: #fff
}

@media only screen and (max-width: 734px) {
	.everydayfeed .sdn-content {
		max-width: 366px
	}
}

.takeover {
	background-color: #161617;
	overflow: hidden;
	margin-top: -52px
}

.takeover .section-content {
	margin-bottom: 44px;
	margin-top: 92px
}

@media only screen and (max-width: 1068px) {
	.takeover .section-content {
		margin-bottom: 40px
	}
}

@media only screen and (max-width: 767px) {
	.takeover .section-content {
		margin-top: 88px
	}
}

@media only screen and (max-width: 734px) {
	.takeover .section-content {
		margin-bottom: 16px;
		margin-top: 72px
	}
}

.takeover .image~.section-content {
	margin-top: 40px
}

@media only screen and (max-width: 734px) {
	.takeover .image~.section-content {
		margin-top: 24px
	}
}

.takeover .event-info~.section-tiles {
	margin-top: -16px
}

@media only screen and (max-width: 1068px) {
	.takeover .event-info~.section-tiles {
		margin-top: -20px
	}
}

@media only screen and (max-width: 734px) {
	.takeover .event-info~.section-tiles {
		margin-top: -4px
	}
}

@media only screen and (max-width: 767px) {
	.takeover {
		margin-top: -48px
	}
	.takeover .item-2up-secondary,
	.takeover .item-3up-secondary {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.takeover .item-2up-secondary::before,
	.takeover .item-3up-secondary::before {
		content: '';
		display: block;
		height: 1px;
		margin-bottom: 24px;
		background-color: #6e6e73
	}
}

.takeover .tile-item .tile-hero .tile__headline {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 700;
	letter-spacing: .004em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 1068px) {
	.takeover .tile-item .tile-hero .tile__headline {
		font-size: 21px;
		line-height: 1.19048;
		font-weight: 700;
		letter-spacing: .011em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.takeover .tile-item .tile-hero .tile__headline {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 700;
		letter-spacing: .012em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.takeover .tile {
	background-color: #000
}

.takeover .tile__headline {
	color: #f5f5f7
}

.takeover .tile__category,
.takeover .tile__timestamp {
	color: #86868b
}

@media (hover: hover) {
	html.no-touch .takeover .tile:hover .tile__media::after {
		background: rgba(0, 0, 0, 0.3)
	}
}

html.no-touch .takeover .tile[data-focus-method=key] .tile__media::after {
	background: rgba(0, 0, 0, 0.3)
}

.takeover .event-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 40px
}

@media only screen and (max-width: 734px) {
	.takeover .event-info {
		margin-bottom: 24px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.takeover .event-info:last-child {
	margin-bottom: -4px
}

@media only screen and (max-width: 1068px) {
	.takeover .event-info:last-child {
		margin-bottom: 0
	}
}

@media only screen and (max-width: 734px) {
	.takeover .event-info:last-child {
		margin-bottom: 24px
	}
}

.takeover .event-info .countdown {
	margin-top: 0;
	-webkit-transition: margin-top 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms;
	transition: margin-top 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms
}

.takeover .event-info:not(.pre-event) .countdown {
	opacity: 0;
	margin-top: -3.52941rem;
	pointer-events: none;
	-webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, margin-top 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms;
	transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, margin-top 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms
}

.takeover .event-info:not(.pre-event) .add-to-calendar {
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, margin-top 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms;
	transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, margin-top 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms;
	margin-top: -1.42859em
}

.takeover .event-info:not(.pre-event) .add-to-calendar:lang(ar) {
	margin-top: -1.57143em
}

.takeover .event-info:not(.pre-event) .add-to-calendar:lang(ko) {
	margin-top: -1.57143em
}

.takeover .event-info:not(.pre-event) .add-to-calendar:lang(th) {
	margin-top: -1.35718em
}

@media only screen and (max-width: 734px) {
	.takeover .event-info:not(.pre-event) .add-to-calendar {
		margin-top: calc(-1.42859em + -12px)
	}
	.takeover .event-info:not(.pre-event) .add-to-calendar:lang(ar) {
		margin-top: calc(-1.57143em + -12px)
	}
	.takeover .event-info:not(.pre-event) .add-to-calendar:lang(ko) {
		margin-top: calc(-1.57143em + -12px)
	}
	.takeover .event-info:not(.pre-event) .add-to-calendar:lang(th) {
		margin-top: calc(-1.35718em + -12px)
	}
}

.takeover .event-info:not(.post-event) .watch-event {
	opacity: 0;
	-webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	pointer-events: none
}

.takeover .event-info:not(.live) .watch-live {
	opacity: 0;
	-webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	pointer-events: none
}

.takeover .event-info-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-preferred-size: 58.33333%;
	flex-basis: 58.33333%;
	max-width: 58.33333%
}

@media only screen and (max-width: 734px) {
	.takeover .event-info-heading {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
}

.takeover .event-info-heading .section-head {
	color: #fff;
	margin-bottom: 0
}

.takeover .event-info-heading .add-to-calendar {
	margin-top: 4px;
	-webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms, margin-top 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms, margin-top 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

@media only screen and (max-width: 734px) {
	.takeover .event-info-heading .add-to-calendar {
		margin-bottom: 12px
	}
}

.takeover .event-info-heading .add-to-calendar__link {
	font-size: 14px;
	line-height: 1.42859;
	font-weight: 700;
	letter-spacing: -.016em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #2997ff
}

.takeover .event-info-heading .add-to-calendar__link::after {
	margin-left: 4px
}

.takeover .event-info-interactive {
	display: inline-grid;
	justify-items: end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-preferred-size: 33.33333%;
	flex-basis: 33.33333%;
	max-width: 33.33333%
}

@media only screen and (max-width: 734px) {
	.takeover .event-info-interactive {
		margin-top: 12px;
		justify-items: center;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
}

.takeover .event-info-interactive .countdown,
.takeover .event-info-interactive .event-info-cta-area {
	grid-area: 1/1/2/2
}

.takeover .event-info-cta-area {
	display: inline-grid;
	justify-items: end
}

@media only screen and (max-width: 734px) {
	.takeover .event-info-cta-area {
		justify-items: center
	}
}

.takeover .event-info-cta-area .watch-live,
.takeover .event-info-cta-area .watch-event {
	grid-area: 1/1/2/2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	display: inline-block;
	border: 1px solid;
	background: rgba(0, 0, 0, 0);
	border-color: #6e6e73;
	color: #f5f5f7;
	font-size: 17px;
	line-height: 1.17648;
	font-weight: 700;
	letter-spacing: -.022em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	border-radius: 18px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	-webkit-transition: border-color 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, background-color 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms;
	transition: border-color 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, background-color 300ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.25, 1) 300ms
}

@media only screen and (max-width: 1068px) {
	.takeover .event-info-cta-area .watch-live,
	.takeover .event-info-cta-area .watch-event {
		font-size: 14px;
		line-height: 1.28577;
		font-weight: 600;
		letter-spacing: -.016em;
		font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 1068px) {
	.takeover .event-info-cta-area .watch-live,
	.takeover .event-info-cta-area .watch-event {
		padding: 7px 12px
	}
}

.takeover .event-info-cta-area .watch-live:hover,
.takeover .event-info-cta-area .watch-event:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.15)
}

.takeover .event-info-cta-area .watch-live {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.takeover .event-info-cta-area .watch-live::before {
	content: '';
	display: inline-block;
	width: .58824em;
	height: .58824em;
	border-radius: 50%;
	background-color: #ff3037;
	margin-right: 8px
}

@media only screen and (max-width: 1068px) {
	.takeover .event-info-cta-area .watch-live::before {
		margin-right: 4px
	}
}

html.no-reduced-motion .takeover .event-info-cta-area .watch-live::before {
	-webkit-animation-name: blinking-dot;
	animation-name: blinking-dot;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1);
	animation-timing-function: cubic-bezier(0.4, 0, 0.25, 1)
}

@-webkit-keyframes blinking-dot {
	from {
		opacity: 1
	}
	to {
		opacity: 0.4
	}
}

@keyframes blinking-dot {
	from {
		opacity: 1
	}
	to {
		opacity: 0.4
	}
}

.takeover .event-info.not-interactive {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 24px
}

@media only screen and (max-width: 1068px) {
	.takeover .event-info.not-interactive {
		margin-bottom: 16px
	}
}

.countdown {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 700;
	letter-spacing: .004em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media only screen and (max-width: 1068px) {
	.countdown {
		font-size: 28px;
		line-height: 1.14286;
		font-weight: 700;
		letter-spacing: .007em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.countdown {
		font-size: 24px;
		line-height: 1.16667;
		font-weight: 700;
		letter-spacing: .009em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.countdown {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.countdown-zone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	min-width: 3.29412rem
}

.countdown-zone:not(:lang(en-US)) {
	min-width: 3.41176rem
}

.countdown-zone:not(:first-child) {
	margin-left: 12px
}

@media only screen and (max-width: 1068px) {
	.countdown-zone:not(:first-child) {
		margin-left: 10px
	}
}

@media only screen and (max-width: 734px) {
	.countdown-zone:not(:first-child) {
		margin-left: 4px
	}
}

.countdown-digitsholder {
	height: 1.125em;
	width: 1.34em;
	overflow-y: hidden;
	position: relative
}

.countdown-digitsholder:lang(ar) {
	height: 1.34375em
}

.countdown-digitsholder:lang(ja) {
	height: 1.21875em
}

.countdown-digitsholder:lang(ko) {
	height: 1.21875em
}

.countdown-digitsholder:lang(th) {
	height: 1.375em
}

@media only screen and (max-width: 1068px) {
	.countdown-digitsholder {
		height: 1.14286em
	}
	.countdown-digitsholder:lang(ko) {
		height: 1.25em
	}
	.countdown-digitsholder:lang(th) {
		height: 1.39286em
	}
	.countdown-digitsholder:lang(ar) {
		height: 1.14286em
	}
	.countdown-digitsholder:lang(ja) {
		height: 1.14286em
	}
}

@media only screen and (max-width: 734px) {
	.countdown-digitsholder {
		height: 1.16667em
	}
	.countdown-digitsholder:lang(ar) {
		height: 1.33341em
	}
	.countdown-digitsholder:lang(ja) {
		height: 1.25em
	}
	.countdown-digitsholder:lang(ko) {
		height: 1.29167em
	}
	.countdown-digitsholder:lang(th) {
		height: 1.375em
	}
}

.countdown-prev,
.countdown-next,
.countdown-current {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

.countdown-prev {
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%)
}

.countdown-next {
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%)
}

.countdown-current {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.countdown-label {
	font-size: 14px;
	line-height: 1.42859;
	font-weight: 700;
	letter-spacing: -.016em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #86868b;
	margin-top: 4px
}

.countdown-volabel {
	color: transparent;
	position: absolute;
	overflow: hidden;
	padding: 0;
	border: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.more-from-newsroom {
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 64px;
	overflow: hidden
}

@media only screen and (max-width: 1068px) {
	.more-from-newsroom {
		padding-top: 64px
	}
}

@media only screen and (max-width: 734px) {
	.more-from-newsroom {
		padding-top: 40px
	}
}

.more-from-newsroom .section-head {
	margin-bottom: 24px
}

@media only screen and (max-width: 1068px) {
	.more-from-newsroom .section-head {
		margin-bottom: 16px
	}
}

.more-from-newsroom .section-tiles {
	margin-right: -64px
}

.more-from-newsroom .section-tiles::before,
.more-from-newsroom .section-tiles::after {
	content: '';
	display: inline-block;
	height: 1px;
	width: 980px;
	background-color: #d0d0d0
}

.more-from-newsroom .section-tiles::before {
	margin-bottom: 32px
}

.more-from-newsroom .section-tiles::after {
	margin-top: 32px
}

@media only screen and (max-width: 1068px) {
	.more-from-newsroom .section-tiles {
		margin-right: 0
	}
	.more-from-newsroom .section-tiles::before,
	.more-from-newsroom .section-tiles::after {
		width: 100%
	}
	.more-from-newsroom .section-tiles::before {
		margin-bottom: 24px
	}
	.more-from-newsroom .section-tiles::after {
		margin-top: 24px
	}
}

.more-from-newsroom .tile-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 457px;
	margin-bottom: 32px;
	margin-right: 64px
}

@media only screen and (max-width: 1068px) {
	.more-from-newsroom .tile-item {
		margin-right: 0;
		width: 100%;
		margin-bottom: 24px
	}
}

.more-from-newsroom .tile-item::after {
	content: '';
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 1px;
	display: block;
	background-color: #d0d0d0;
	margin-top: 32px
}

@media only screen and (max-width: 1068px) {
	.more-from-newsroom .tile-item::after {
		margin-top: 24px
	}
}

.more-from-newsroom .tile-item:nth-last-of-type(1) {
	margin-bottom: 0
}

.more-from-newsroom .tile-item:nth-last-of-type(1)::after {
	display: none
}

@media only screen and (min-width: 1069px) {
	.more-from-newsroom .tile-item:nth-last-of-type(2):nth-of-type(odd) {
		margin-bottom: 0
	}
	.more-from-newsroom .tile-item:nth-last-of-type(2):nth-of-type(odd)::after {
		display: none
	}
}

.view-archive-wrapper {
	font-size: 17px;
	line-height: 1.23536;
	font-weight: 500;
	letter-spacing: -.022em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-align: center;
	margin-top: 32px
}

@media only screen and (max-width: 1068px) {
	.view-archive-wrapper {
		margin-top: 24px
	}
}

.section-tiles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-left: 0;
	margin-right: -36px
}

@media only screen and (max-width: 1068px) {
	.section-tiles {
		margin-right: -24px
	}
}

@media only screen and (max-width: 734px) {
	.section-tiles {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		margin-right: 0px
	}
}

.tile-item {
	list-style: none;
	margin-bottom: 36px;
	margin-right: 36px
}

@media only screen and (max-width: 1068px) {
	.tile-item {
		margin-bottom: 24px;
		margin-right: 24px
	}
}

@media only screen and (max-width: 734px) {
	.tile-item {
		margin-right: 0
	}
}

.item-hero,
.item-hero-reversed,
.item-hero-secondary {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%
}

.item-3up,
.item-3up-secondary {
	margin-right: 35.5px
}

@media only screen and (max-width: 1068px) {
	.item-2up-tertiary {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
	.item-hero-secondary {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.item-3up,
	.item-3up-secondary {
		margin-right: 24px
	}
}

@media only screen and (max-width: 734px) {
	.item-2up-tertiary,
	.item-hero,
	.item-hero-reversed {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.item-3up,
	.item-3up-secondary {
		margin-right: 0
	}
}

.tile.tile {
	height: 100%
}

.tile.tile-2up {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 472px
}

.tile.tile-2up .tile__headline {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 700;
	letter-spacing: .009em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 1068px) {
	.tile.tile-2up .tile__headline {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 700;
		letter-spacing: .012em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.tile.tile-2up .tile__description {
	padding: 32px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.tile.tile-2up .tile__media {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tile.tile-2up .image {
	background-size: cover
}

.tile.tile-2up .tile__media {
	width: 100%;
	height: 266px;
	min-height: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-2up .tile__category {
	margin-bottom: 8px
}

.tile.tile-2up .tile__timestamp {
	margin-top: 12px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-2up {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 333px
	}
	.tile.tile-2up .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-2up .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-2up .image {
		background-size: cover
	}
	.tile.tile-2up .tile__media {
		width: 100%;
		height: 187px;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-2up .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-2up .tile__timestamp {
		margin-top: 8px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-2up {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}
	.tile.tile-2up .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-2up .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-2up .image {
		background-size: cover
	}
	.tile.tile-2up .tile__media {
		width: 100%;
		height: auto;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-top: 56.25%;
		height: 0;
		position: relative
	}
	.tile.tile-2up .tile__media .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
	.tile.tile-2up .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-2up .tile__timestamp {
		margin-top: 8px
	}
}

.tile.tile-2up-secondary {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 472px
}

.tile.tile-2up-secondary .tile__headline {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 700;
	letter-spacing: .009em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 1068px) {
	.tile.tile-2up-secondary .tile__headline {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 700;
		letter-spacing: .012em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-2up-secondary .tile__headline {
		font-size: 17px;
		line-height: 1.23536;
		font-weight: 700;
		letter-spacing: -.022em;
		font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.tile.tile-2up-secondary .tile__description {
	padding: 32px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.tile.tile-2up-secondary .tile__media {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tile.tile-2up-secondary .image {
	background-size: cover
}

.tile.tile-2up-secondary .tile__media {
	width: 100%;
	height: 266px;
	min-height: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-2up-secondary .tile__category {
	margin-bottom: 8px
}

.tile.tile-2up-secondary .tile__timestamp {
	margin-top: 12px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-2up-secondary {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 333px
	}
	.tile.tile-2up-secondary .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-2up-secondary .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-2up-secondary .image {
		background-size: cover
	}
	.tile.tile-2up-secondary .tile__media {
		width: 100%;
		height: 187px;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-2up-secondary .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-2up-secondary .tile__timestamp {
		margin-top: 8px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-2up-secondary {
		border-radius: revert;
		overflow: revert;
		z-index: revert;
		position: revert;
		background-color: transparent;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%
	}
	.tile.tile-2up-secondary .tile__media {
		border-radius: 12px;
		overflow: hidden;
		z-index: 0;
		position: relative
	}
	.tile.tile-2up-secondary .tile__description {
		padding: 0 0 0 16px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-preferred-size: 0;
		flex-basis: 0
	}
	.tile.tile-2up-secondary .tile__media {
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-2up-secondary .image {
		background-size: contain
	}
	.tile.tile-2up-secondary .tile__media {
		width: 105px;
		height: 105px;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-2up-secondary .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-2up-secondary .tile__timestamp {
		margin-top: 8px
	}
}

.tile.tile-2up-tertiary {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 472px
}

.tile.tile-2up-tertiary .tile__headline {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 700;
	letter-spacing: .009em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 1068px) {
	.tile.tile-2up-tertiary .tile__headline {
		font-size: 21px;
		line-height: 1.19048;
		font-weight: 700;
		letter-spacing: .011em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-2up-tertiary .tile__headline {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 700;
		letter-spacing: .012em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.tile.tile-2up-tertiary .tile__description {
	padding: 32px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.tile.tile-2up-tertiary .tile__media {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tile.tile-2up-tertiary .image {
	background-size: cover
}

.tile.tile-2up-tertiary .tile__media {
	width: 100%;
	height: 266px;
	min-height: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-2up-tertiary .tile__category {
	margin-bottom: 8px
}

.tile.tile-2up-tertiary .tile__timestamp {
	margin-top: 12px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-2up-tertiary {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%
	}
	.tile.tile-2up-tertiary .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: 0;
		flex-basis: 0
	}
	.tile.tile-2up-tertiary .tile__media {
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-2up-tertiary .image {
		background-size: contain
	}
	.tile.tile-2up-tertiary .tile__media {
		width: 100%;
		height: auto;
		min-height: 255px;
		-ms-flex-preferred-size: 453px;
		flex-basis: 453px;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-2up-tertiary .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-2up-tertiary .tile__timestamp {
		margin-top: 12px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-2up-tertiary {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}
	.tile.tile-2up-tertiary .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-2up-tertiary .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-2up-tertiary .image {
		background-size: cover
	}
	.tile.tile-2up-tertiary .tile__media {
		width: 100%;
		height: auto;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-top: 56.25%;
		height: 0;
		position: relative
	}
	.tile.tile-2up-tertiary .tile__media .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
	.tile.tile-2up-tertiary .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-2up-tertiary .tile__timestamp {
		margin-top: 8px
	}
}

.tile.tile-3up {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 303px
}

.tile.tile-3up .tile__headline {
	font-size: 19px;
	line-height: 1.21053;
	font-weight: 700;
	letter-spacing: .012em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.tile.tile-3up .tile__description {
	padding: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.tile.tile-3up .tile__media {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tile.tile-3up .image {
	background-size: cover
}

.tile.tile-3up .tile__media {
	width: 100%;
	height: 170px;
	min-height: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-3up .tile__category {
	margin-bottom: 4px
}

.tile.tile-3up .tile__timestamp {
	margin-top: 8px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-3up {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 333px
	}
	.tile.tile-3up .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-3up .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-3up .image {
		background-size: cover
	}
	.tile.tile-3up .tile__media {
		width: 100%;
		height: 187px;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-3up .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-3up .tile__timestamp {
		margin-top: 8px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-3up {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}
	.tile.tile-3up .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-3up .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-3up .image {
		background-size: cover
	}
	.tile.tile-3up .tile__media {
		width: 100%;
		height: auto;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-top: 56.25%;
		height: 0;
		position: relative
	}
	.tile.tile-3up .tile__media .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
	.tile.tile-3up .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-3up .tile__timestamp {
		margin-top: 8px
	}
}

.tile.tile-3up-secondary {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 303px
}

.tile.tile-3up-secondary .tile__headline {
	font-size: 19px;
	line-height: 1.21053;
	font-weight: 700;
	letter-spacing: .012em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 734px) {
	.tile.tile-3up-secondary .tile__headline {
		font-size: 17px;
		line-height: 1.23536;
		font-weight: 700;
		letter-spacing: -.022em;
		font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.tile.tile-3up-secondary .tile__description {
	padding: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.tile.tile-3up-secondary .tile__media {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tile.tile-3up-secondary .image {
	background-size: cover
}

.tile.tile-3up-secondary .tile__media {
	width: 100%;
	height: 170px;
	min-height: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-3up-secondary .tile__category {
	margin-bottom: 4px
}

.tile.tile-3up-secondary .tile__timestamp {
	margin-top: 8px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-3up-secondary {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 333px
	}
	.tile.tile-3up-secondary .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-3up-secondary .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-3up-secondary .image {
		background-size: cover
	}
	.tile.tile-3up-secondary .tile__media {
		width: 100%;
		height: 187px;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-3up-secondary .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-3up-secondary .tile__timestamp {
		margin-top: 8px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-3up-secondary {
		border-radius: revert;
		overflow: revert;
		z-index: revert;
		position: revert;
		background-color: transparent;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%
	}
	.tile.tile-3up-secondary .tile__media {
		border-radius: 12px;
		overflow: hidden;
		z-index: 0;
		position: relative
	}
	.tile.tile-3up-secondary .tile__description {
		padding: 0 0 0 16px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-preferred-size: 0;
		flex-basis: 0
	}
	.tile.tile-3up-secondary .tile__media {
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-3up-secondary .image {
		background-size: contain
	}
	.tile.tile-3up-secondary .tile__media {
		width: 105px;
		height: 105px;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-3up-secondary .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-3up-secondary .tile__timestamp {
		margin-top: 8px
	}
}

.tile.tile-hero {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%
}

.tile.tile-hero .tile__headline {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 700;
	letter-spacing: .004em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}


@media only screen and (max-width: 1068px) {
	.tile.tile-hero .tile__headline {
		font-size: 21px;
		line-height: 1.19048;
		font-weight: 700;
		letter-spacing: .011em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero .tile__headline {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 700;
		letter-spacing: .012em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.tile.tile-hero .tile__description {
	padding: 32px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-preferred-size: 0;
	flex-basis: 0
}

.tile.tile-hero .tile__media {
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-hero .image {
	background-size: contain
}

.tile.tile-hero .tile__media {
	width: 100%;
	height: auto;
	min-height: 362px;
	-ms-flex-preferred-size: 643px;
	flex-basis: 643px;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-hero .tile__category {
	margin-bottom: 8px
}

.tile.tile-hero .tile__timestamp {
	margin-top: 12px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%
	}
	.tile.tile-hero .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: 0;
		flex-basis: 0
	}
	.tile.tile-hero .tile__media {
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-hero .image {
		background-size: contain
	}
	.tile.tile-hero .tile__media {
		width: 100%;
		height: auto;
		min-height: 255px;
		-ms-flex-preferred-size: 453px;
		flex-basis: 453px;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-hero .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-hero .tile__timestamp {
		margin-top: 12px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}
	.tile.tile-hero .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-hero .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-hero .image {
		background-size: cover
	}
	.tile.tile-hero .tile__media {
		width: 100%;
		height: auto;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-top: 56.25%;
		height: 0;
		position: relative
	}
	.tile.tile-hero .tile__media .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
	.tile.tile-hero .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-hero .tile__timestamp {
		margin-top: 8px
	}
}

.tile.tile-hero-reversed {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 100%
}

.tile.tile-hero-reversed .tile__headline {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 700;
	letter-spacing: .004em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero-reversed .tile__headline {
		font-size: 21px;
		line-height: 1.19048;
		font-weight: 700;
		letter-spacing: .011em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-reversed .tile__headline {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 700;
		letter-spacing: .012em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.tile.tile-hero-reversed .tile__description {
	padding: 32px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-preferred-size: 0;
	flex-basis: 0
}

.tile.tile-hero-reversed .tile__media {
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-hero-reversed .image {
	background-size: contain
}

.tile.tile-hero-reversed .tile__media {
	width: 100%;
	height: auto;
	min-height: 362px;
	-ms-flex-preferred-size: 643px;
	flex-basis: 643px;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-hero-reversed .tile__category {
	margin-bottom: 8px
}

.tile.tile-hero-reversed .tile__timestamp {
	margin-top: 12px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero-reversed {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		width: 100%
	}
	.tile.tile-hero-reversed .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: 0;
		flex-basis: 0
	}
	.tile.tile-hero-reversed .tile__media {
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-hero-reversed .image {
		background-size: contain
	}
	.tile.tile-hero-reversed .tile__media {
		width: 100%;
		height: auto;
		min-height: 255px;
		-ms-flex-preferred-size: 453px;
		flex-basis: 453px;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-hero-reversed .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-hero-reversed .tile__timestamp {
		margin-top: 12px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-reversed {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}
	.tile.tile-hero-reversed .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-hero-reversed .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-hero-reversed .image {
		background-size: cover
	}
	.tile.tile-hero-reversed .tile__media {
		width: 100%;
		height: auto;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-top: 56.25%;
		height: 0;
		position: relative
	}
	.tile.tile-hero-reversed .tile__media .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
	.tile.tile-hero-reversed .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-hero-reversed .tile__timestamp {
		margin-top: 8px
	}
}

.tile.tile-hero-highlight {
	display: block;
	position: relative
}

.tile.tile-hero-highlight .tile__headline {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: 0em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero-highlight .tile__headline {
		font-size: 28px;
		line-height: 1.14286;
		font-weight: 700;
		letter-spacing: .007em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-highlight .tile__headline {
		font-size: 24px;
		line-height: 1.16667;
		font-weight: 700;
		letter-spacing: .009em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media (hover: hover) {
	html.no-touch .tile.tile-hero-highlight:hover .tile__media::after {
		background: rgba(0, 0, 0, 0.3)
	}
}

html.no-touch .tile.tile-hero-highlight[data-focus-method=key] .tile__media::after {
	background: rgba(0, 0, 0, 0.3)
}

.tile.tile-hero-highlight .tile__gradient {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 0
}

.tile.tile-hero-highlight .tile__gradient::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 250%;
	z-index: 0;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(12.83%, rgba(0, 0, 0, 0.77311)), color-stop(24%, rgba(0, 0, 0, 0.72685)), color-stop(33.77%, rgba(0, 0, 0, 0.66487)), color-stop(42.37%, rgba(0, 0, 0, 0.59081)), color-stop(50.07%, rgba(0, 0, 0, 0.50831)), color-stop(57.13%, rgba(0, 0, 0, 0.421)), color-stop(63.78%, rgba(0, 0, 0, 0.33252)), color-stop(70.3%, rgba(0, 0, 0, 0.24652)), color-stop(76.92%, rgba(0, 0, 0, 0.16663)), color-stop(83.91%, rgba(0, 0, 0, 0.09648)), color-stop(91.52%, rgba(0, 0, 0, 0.03973)), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.77311) 12.83%, rgba(0, 0, 0, 0.72685) 24%, rgba(0, 0, 0, 0.66487) 33.77%, rgba(0, 0, 0, 0.59081) 42.37%, rgba(0, 0, 0, 0.50831) 50.07%, rgba(0, 0, 0, 0.421) 57.13%, rgba(0, 0, 0, 0.33252) 63.78%, rgba(0, 0, 0, 0.24652) 70.3%, rgba(0, 0, 0, 0.16663) 76.92%, rgba(0, 0, 0, 0.09648) 83.91%, rgba(0, 0, 0, 0.03973) 91.52%, rgba(0, 0, 0, 0));
	background-size: 100.1% 100.1%
}

.tile.tile-hero-highlight .tile__description {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 2
}

.tile.tile-hero-highlight .tile__headline,
.tile.tile-hero-highlight .tile__category,
.tile.tile-hero-highlight .tile__timestamp {
	color: #fff
}

.tile.tile-hero-highlight .tile__category {
	margin-bottom: 12px
}

.tile.tile-hero-highlight .tile__timestamp {
	margin-top: 12px
}

.tile.tile-hero-highlight .tile__description {
	padding: 0 36px 36px
}

.tile.tile-hero-highlight .tile__media {
	width: 980px;
	height: 551px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero-highlight .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-hero-highlight .tile__timestamp {
		margin-top: 8px
	}
	.tile.tile-hero-highlight .tile__description {
		padding: 0 24px 24px
	}
	.tile.tile-hero-highlight .tile__media {
		width: 692px;
		height: 389px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-highlight .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-hero-highlight .tile__timestamp {
		margin-top: 8px
	}
	.tile.tile-hero-highlight .tile__description {
		padding: 0 24px 24px
	}
	.tile.tile-hero-highlight .tile__media {
		width: 100%;
		padding-top: 125%;
		height: 0;
		position: relative
	}
	.tile.tile-hero-highlight .tile__media .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

html.js .tile.tile-hero-highlight[data-progressive-load] {
	opacity: 0
}

html.js .tile.tile-hero-highlight.large-load {
	opacity: 0;
	-webkit-transition: none;
	transition: none
}

html.js .tile.tile-hero-highlight.large-loaded {
	opacity: 1;
	-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

@media only screen and (max-width: 1068px) {
	html.js .tile.tile-hero-highlight.medium-load {
		opacity: 0;
		-webkit-transition: none;
		transition: none
	}
	html.js .tile.tile-hero-highlight.medium-loaded {
		opacity: 1;
		-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
}

@media only screen and (max-width: 734px) {
	html.js .tile.tile-hero-highlight.small-load {
		opacity: 0;
		-webkit-transition: none;
		transition: none
	}
	html.js .tile.tile-hero-highlight.small-loaded {
		opacity: 1;
		-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
}

.tile.tile-hero-secondary {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%
}

.tile.tile-hero-secondary .tile__headline {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 700;
	letter-spacing: .004em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero-secondary .tile__headline {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 700;
		letter-spacing: .012em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.tile.tile-hero-secondary .tile__description {
	padding: 32px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-preferred-size: 0;
	flex-basis: 0
}

.tile.tile-hero-secondary .tile__media {
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-hero-secondary .image {
	background-size: contain
}

.tile.tile-hero-secondary .tile__media {
	width: 100%;
	height: auto;
	min-height: 362px;
	-ms-flex-preferred-size: 643px;
	flex-basis: 643px;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-hero-secondary .tile__category {
	margin-bottom: 8px
}

.tile.tile-hero-secondary .tile__timestamp {
	margin-top: 12px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero-secondary {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 333px
	}
	.tile.tile-hero-secondary .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-hero-secondary .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-hero-secondary .image {
		background-size: cover
	}
	.tile.tile-hero-secondary .tile__media {
		width: 100%;
		height: 187px;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-hero-secondary .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-hero-secondary .tile__timestamp {
		margin-top: 8px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-secondary {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}
	.tile.tile-hero-secondary .tile__description {
		padding: 24px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.tile.tile-hero-secondary .tile__media {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.tile.tile-hero-secondary .image {
		background-size: cover
	}
	.tile.tile-hero-secondary .tile__media {
		width: 100%;
		height: auto;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-top: 56.25%;
		height: 0;
		position: relative
	}
	.tile.tile-hero-secondary .tile__media .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
	.tile.tile-hero-secondary .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-hero-secondary .tile__timestamp {
		margin-top: 8px
	}
}

.tile.tile-featured {
	display: block;
	position: relative
}

.tile.tile-featured .tile__headline {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: 0em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 1068px) {
	.tile.tile-featured .tile__headline {
		font-size: 28px;
		line-height: 1.14286;
		font-weight: 700;
		letter-spacing: .007em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-featured .tile__headline {
		font-size: 24px;
		line-height: 1.16667;
		font-weight: 700;
		letter-spacing: .009em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media (hover: hover) {
	html.no-touch .tile.tile-featured:hover .tile__media::after {
		background: rgba(0, 0, 0, 0.3)
	}
}

html.no-touch .tile.tile-featured[data-focus-method=key] .tile__media::after {
	background: rgba(0, 0, 0, 0.3)
}

.tile.tile-featured .tile__gradient {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 0
}

.tile.tile-featured .tile__gradient::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 250%;
	z-index: 0;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(12.83%, rgba(0, 0, 0, 0.77311)), color-stop(24%, rgba(0, 0, 0, 0.72685)), color-stop(33.77%, rgba(0, 0, 0, 0.66487)), color-stop(42.37%, rgba(0, 0, 0, 0.59081)), color-stop(50.07%, rgba(0, 0, 0, 0.50831)), color-stop(57.13%, rgba(0, 0, 0, 0.421)), color-stop(63.78%, rgba(0, 0, 0, 0.33252)), color-stop(70.3%, rgba(0, 0, 0, 0.24652)), color-stop(76.92%, rgba(0, 0, 0, 0.16663)), color-stop(83.91%, rgba(0, 0, 0, 0.09648)), color-stop(91.52%, rgba(0, 0, 0, 0.03973)), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.77311) 12.83%, rgba(0, 0, 0, 0.72685) 24%, rgba(0, 0, 0, 0.66487) 33.77%, rgba(0, 0, 0, 0.59081) 42.37%, rgba(0, 0, 0, 0.50831) 50.07%, rgba(0, 0, 0, 0.421) 57.13%, rgba(0, 0, 0, 0.33252) 63.78%, rgba(0, 0, 0, 0.24652) 70.3%, rgba(0, 0, 0, 0.16663) 76.92%, rgba(0, 0, 0, 0.09648) 83.91%, rgba(0, 0, 0, 0.03973) 91.52%, rgba(0, 0, 0, 0));
	background-size: 100.1% 100.1%
}

.tile.tile-featured .tile__description {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 2
}

.tile.tile-featured .tile__headline,
.tile.tile-featured .tile__category,
.tile.tile-featured .tile__timestamp {
	color: #fff
}

.tile.tile-featured .tile__category {
	margin-bottom: 12px
}

.tile.tile-featured .tile__timestamp {
	margin-top: 12px
}

.tile.tile-featured .tile__description {
	padding: 0 36px 36px
}

.tile.tile-featured .tile__media {
	width: 980px;
	height: 551px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-featured .tile__category {
		margin-bottom: 8px
	}
	.tile.tile-featured .tile__timestamp {
		margin-top: 8px
	}
	.tile.tile-featured .tile__description {
		padding: 0 24px 24px
	}
	.tile.tile-featured .tile__media {
		width: 692px;
		height: 389px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-featured .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-featured .tile__timestamp {
		margin-top: 8px
	}
	.tile.tile-featured .tile__description {
		padding: 0 24px 24px
	}
	.tile.tile-featured .tile__media {
		width: 100%;
		padding-top: 125%;
		height: 0;
		position: relative
	}
	.tile.tile-featured .tile__media .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

.tile.tile-hero-collection__highlight {
	position: relative;
	background: transparent;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.tile.tile-hero-collection__highlight .tile__headline {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: 0em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.tile.tile-hero-collection__highlight .tile__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: 1068px) {
	.tile.tile-hero-collection__highlight .tile__headline {
		font-size: 28px;
		line-height: 1.14286;
		font-weight: 700;
		letter-spacing: .007em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-collection__highlight .tile__headline {
		font-size: 24px;
		line-height: 1.16667;
		font-weight: 700;
		letter-spacing: .009em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.tile.tile-hero-collection__highlight .tile__media::after {
	background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, transparent));
	background: linear-gradient(to top, #000, transparent 60%)
}

@media (hover: hover) {
	html.no-touch .tile.tile-hero-collection__highlight:hover .tile__media::after {
		background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, transparent)), rgba(0, 0, 0, 0.15);
		background: linear-gradient(to top, #000, transparent 60%), rgba(0, 0, 0, 0.15)
	}
}

html.no-touch .tile.tile-hero-collection__highlight[data-focus-method=key] .tile__media::after {
	background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, transparent)), rgba(0, 0, 0, 0.15);
	background: linear-gradient(to top, #000, transparent 60%), rgba(0, 0, 0, 0.15)
}

.tile.tile-hero-collection__highlight:hover .tile__more,
.tile.tile-hero-collection__highlight .tile__description:focus .tile__more,
.tile.tile-hero-collection__highlight .tile__description[data-focus-method=key] .tile__more {
	text-decoration: underline
}

.tile.tile-hero-collection__highlight .ax-hidden.block-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.tile.tile-hero-collection__highlight .ax-hidden.block-link:hover {
	color: initial;
	text-decoration: none
}

.tile.tile-hero-collection__highlight .tile__media {
	z-index: 0
}

.tile.tile-hero-collection__highlight .tile__description {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 36px 36px
}

.tile.tile-hero-collection__highlight .tile__headline,
.tile.tile-hero-collection__highlight .tile__more,
.tile.tile-hero-collection__highlight .tile__timestamp {
	color: white
}

.tile.tile-hero-collection__highlight .tile__more {
	font-size: 17px;
	line-height: 1.47059;
	font-weight: 600;
	letter-spacing: -.022em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-top: 12px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero-collection__highlight .tile__more {
		font-size: 14px;
		line-height: 1.28577;
		font-weight: 600;
		letter-spacing: -.016em;
		font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.tile.tile-hero-collection__highlight .tile__more::before,
.tile.tile-hero-collection__highlight .tile__more::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.tile.tile-hero-collection__highlight .tile__more::before,
.tile.tile-hero-collection__highlight .tile__more::after {
	text-decoration: none
}

.tile.tile-hero-collection__highlight .tile__more::before {
	display: none
}

.tile.tile-hero-collection__highlight .tile__more::before,
.tile.tile-hero-collection__highlight .tile__more::after {
	content: ""
}

.tile.tile-hero-collection__highlight .tile__more::after {
	padding-left: .3em;
	top: 0
}

.tile.tile-hero-collection__highlight .tile__more:after {
	alt: ' '
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-collection__highlight .tile__more {
		margin-top: 8px
	}
}

.tile.tile-hero-collection__highlight .tile__description {
	padding: 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.tile.tile-hero-collection__highlight .tile__media {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tile.tile-hero-collection__highlight .image {
	background-size: cover
}

.tile.tile-hero-collection__highlight .tile__media {
	margin-top: 0;
	margin-bottom: -110.2px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero-collection__highlight .tile__media {
		margin-bottom: -77.8px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-collection__highlight .tile__media {
		margin-bottom: -114.5px
	}
}

.tile.tile-hero-collection__highlight .tile__timestamp {
	margin-top: 0
}

.tile.tile-hero-collection__highlight .tile__headline {
	margin-top: 12px
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-collection__highlight .tile__headline {
		margin-top: 8px
	}
}

.tile.tile-hero-collection__highlight .tile__media {
	width: 980px;
	height: 551px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-hero-collection__highlight .tile__media {
		width: 692px;
		height: 389px
	}
	.tile.tile-hero-collection__highlight .tile__description {
		margin-bottom: 24px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-hero-collection__highlight {
		position: relative;
		border-radius: 0
	}
	.tile.tile-hero-collection__highlight .tile__media {
		width: 100%;
		padding-top: 125%;
		height: 0;
		position: relative
	}
	.tile.tile-hero-collection__highlight .tile__media .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
	.tile.tile-hero-collection__highlight .tile__media::after {
		background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, transparent), to(#000));
		background: linear-gradient(to top, #000, transparent 60% 80%, #000)
	}
}

@media only screen and (max-width: 734px) and (hover: hover) {
	html.no-touch .tile.tile-hero-collection__highlight:hover .tile__media::after {
		background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, transparent), to(#000)), rgba(0, 0, 0, 0.15);
		background: linear-gradient(to top, #000, transparent 60% 80%, #000), rgba(0, 0, 0, 0.15)
	}
}

@media only screen and (max-width: 734px) {
	html.no-touch .tile.tile-hero-collection__highlight[data-focus-method=key] .tile__media::after {
		background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, transparent), to(#000)), rgba(0, 0, 0, 0.15);
		background: linear-gradient(to top, #000, transparent 60% 80%, #000), rgba(0, 0, 0, 0.15)
	}
	.tile.tile-hero-collection__highlight .tile__description {
		margin-left: 24px;
		margin-right: 24px
	}
}

html.js .tile.tile-hero-collection__highlight[data-progressive-load] {
	opacity: 0
}

html.js .tile.tile-hero-collection__highlight.large-load {
	opacity: 0;
	-webkit-transition: none;
	transition: none
}

html.js .tile.tile-hero-collection__highlight.large-loaded {
	opacity: 1;
	-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

@media only screen and (max-width: 1068px) {
	html.js .tile.tile-hero-collection__highlight.medium-load {
		opacity: 0;
		-webkit-transition: none;
		transition: none
	}
	html.js .tile.tile-hero-collection__highlight.medium-loaded {
		opacity: 1;
		-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
}

@media only screen and (max-width: 734px) {
	html.js .tile.tile-hero-collection__highlight.small-load {
		opacity: 0;
		-webkit-transition: none;
		transition: none
	}
	html.js .tile.tile-hero-collection__highlight.small-loaded {
		opacity: 1;
		-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
}

.tile.tile-list {
	border-radius: revert;
	overflow: revert;
	z-index: revert;
	position: revert;
	background-color: transparent;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 457px
}

.tile.tile-list .tile__headline {
	font-size: 17px;
	line-height: 1.23536;
	font-weight: 700;
	letter-spacing: -.022em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.tile.tile-list .tile__media {
	border-radius: 16px;
	overflow: hidden;
	z-index: 0;
	position: relative
}

.tile.tile-list .tile__description {
	padding: 0 0 0 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-preferred-size: 0;
	flex-basis: 0
}

.tile.tile-list .tile__media {
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-list .image {
	background-size: contain
}

.tile.tile-list .tile__media {
	width: 132px;
	height: 132px;
	min-height: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tile.tile-list .tile__category {
	margin-bottom: 4px
}

.tile.tile-list .tile__timestamp {
	margin-top: 8px
}

@media only screen and (max-width: 1068px) {
	.tile.tile-list {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 631px
	}
	.tile.tile-list .tile__description {
		padding: 0 0 0 24px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-preferred-size: 0;
		flex-basis: 0
	}
	.tile.tile-list .tile__media {
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-list .image {
		background-size: contain
	}
	.tile.tile-list .tile__media {
		width: 132px;
		height: 132px;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-list .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-list .tile__timestamp {
		margin-top: 8px
	}
}

@media only screen and (max-width: 734px) {
	.tile.tile-list {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%
	}
	.tile.tile-list .tile__description {
		padding: 0 0 0 16px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-preferred-size: 0;
		flex-basis: 0
	}
	.tile.tile-list .tile__media {
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-list .image {
		background-size: contain
	}
	.tile.tile-list .tile__media {
		width: 105px;
		height: 105px;
		min-height: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.tile.tile-list .tile__category {
		margin-bottom: 4px
	}
	.tile.tile-list .tile__timestamp {
		margin-top: 8px
	}
	.tile.tile-list .tile__media {
		border-radius: 12px
	}
}

@media (hover: hover) {
	html.no-touch.no-reduced-motion .tile.tile-list:hover .image,
	html.no-touch.no-reduced-motion .tile.tile-list:hover .media--video {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@media only screen and (hover: hover) and (max-width: 734px) {
	html.no-touch .tile.tile-list:hover .image,
	html.no-touch .tile.tile-list:hover .media--video {
		-webkit-transform: none;
		transform: none
	}
}

html.no-touch.no-reduced-motion .tile.tile-list[data-focus-method=key] .image,
html.no-touch.no-reduced-motion .tile.tile-list[data-focus-method=key] .media--video {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

@media only screen and (max-width: 734px) {
	html.no-touch .tile.tile-list[data-focus-method=key] .image,
	html.no-touch .tile.tile-list[data-focus-method=key] .media--video {
		-webkit-transform: none;
		transform: none
	}
}

.featured .paddlenav {
	position: absolute;
	right: 0;
	bottom: 0
}

.featured .paddlenav,
.featured .paddlenav ul {
	margin: 0;
	list-style: none
}

.featured .paddlenav .paddlenav-arrow {
	display: block;
	font-style: normal;
	overflow: hidden;
	position: absolute;
	text-align: center;
	-webkit-transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear;
	transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear
}

.featured .paddlenav .paddlenav-arrow-next,
.featured .paddlenav .paddlenav-arrow-previous {
	top: 50%
}

.featured .paddlenav .paddlenav-arrow-up,
.featured .paddlenav .paddlenav-arrow-down {
	left: 50%
}

.featured .paddlenav .paddlenav-arrow:hover {
	text-decoration: none
}

.featured .paddlenav .paddlenav-arrow:focus {
	-webkit-box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	outline: none
}

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

.featured .paddlenav .paddlenav-arrow:disabled,
.featured .paddlenav .paddlenav-arrow.disabled {
	cursor: default;
	opacity: 1
}

html.touch .featured .paddlenav .paddlenav-arrow:disabled,
html.touch .featured .paddlenav .paddlenav-arrow.disabled {
	opacity: 1
}

.featured .paddlenav .paddlenav-arrow:disabled:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.featured .paddlenav .paddlenav-arrow:disabled:focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
.featured .paddlenav .paddlenav-arrow.disabled:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.featured .paddlenav .paddlenav-arrow.disabled:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
	opacity: 1
}

.featured .paddlenav .paddlenav-arrow {
	font-weight: 300;
	width: 44px;
	height: 44px;
	border-radius: 44px;
	font-size: 19px;
	line-height: 44px
}

.featured .paddlenav .paddlenav-arrow-next,
.featured .paddlenav .paddlenav-arrow-previous {
	margin-top: -22px
}

.featured .paddlenav .paddlenav-arrow-up,
.featured .paddlenav .paddlenav-arrow-down {
	margin-left: -22px
}

.featured .paddlenav .paddlenav-arrow-next::before,
.featured .paddlenav .paddlenav-arrow-next::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.featured .paddlenav .paddlenav-arrow-next::before,
.featured .paddlenav .paddlenav-arrow-next::after {
	text-decoration: none
}

.featured .paddlenav .paddlenav-arrow-next::before {
	display: none
}

.featured .paddlenav .paddlenav-arrow-next::before,
.featured .paddlenav .paddlenav-arrow-next::after {
	content: ""
}

.featured .paddlenav .paddlenav-arrow-next::after {
	margin-right: -.056em
}

.featured .paddlenav .paddlenav-arrow-previous::before,
.featured .paddlenav .paddlenav-arrow-previous::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.featured .paddlenav .paddlenav-arrow-previous::before,
.featured .paddlenav .paddlenav-arrow-previous::after {
	text-decoration: none
}

.featured .paddlenav .paddlenav-arrow-previous::before {
	display: none
}

.featured .paddlenav .paddlenav-arrow-previous::before,
.featured .paddlenav .paddlenav-arrow-previous::after {
	content: ""
}

.featured .paddlenav .paddlenav-arrow-previous::after {
	margin-left: -.056em
}

.featured .paddlenav .paddlenav-arrow-up::before,
.featured .paddlenav .paddlenav-arrow-up::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.featured .paddlenav .paddlenav-arrow-up::before,
.featured .paddlenav .paddlenav-arrow-up::after {
	text-decoration: none
}

.featured .paddlenav .paddlenav-arrow-up::before {
	display: none
}

.featured .paddlenav .paddlenav-arrow-up::before,
.featured .paddlenav .paddlenav-arrow-up::after {
	content: ""
}

.featured .paddlenav .paddlenav-arrow-down::before,
.featured .paddlenav .paddlenav-arrow-down::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.featured .paddlenav .paddlenav-arrow-down::before,
.featured .paddlenav .paddlenav-arrow-down::after {
	text-decoration: none
}

.featured .paddlenav .paddlenav-arrow-down::before {
	display: none
}

.featured .paddlenav .paddlenav-arrow-down::before,
.featured .paddlenav .paddlenav-arrow-down::after {
	content: ""
}

.featured .paddlenav .paddlenav-arrow-next {
	right: 18px
}

.featured .paddlenav .paddlenav-arrow-previous {
	left: 18px
}

.featured .paddlenav .paddlenav-arrow-up {
	top: 18px
}

.featured .paddlenav .paddlenav-arrow-down {
	bottom: 18px
}

.featured .paddlenav .paddlenav-arrow {
	background-color: rgba(0, 0, 0, 0);
	color: #fff
}

@media (hover: hover) {
	.featured .paddlenav .paddlenav-arrow:not(:disabled):not(.disabled):hover {
		background-color: #f5f5f7;
		color: #161617
	}
	.featured .paddlenav .paddlenav-arrow:not(:disabled):not(.disabled):focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover,
	.featured .paddlenav .paddlenav-arrow:not(:disabled):not(.disabled):focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover {
		background-color: #f5f5f7;
		color: #161617
	}
}

.featured .paddlenav .paddlenav-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.featured .paddlenav .paddlenav-arrow {
	font-size: 19px;
	width: 2.58824rem;
	height: 2.58824rem;
	line-height: 2.58824;
	border: 2px solid #fff;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.featured .paddlenav .paddlenav-arrow::after {
	font-weight: 500;
	height: auto
}

html.no-windows .featured .paddlenav .paddlenav-arrow::after {
	margin-top: .23529rem
}

.featured .paddlenav .paddlenav-arrow:disabled,
.featured .paddlenav .paddlenav-arrow.disabled {
	color: #6e6e73;
	border-color: #6e6e73
}

.featured .paddlenav .paddlenav-arrow-previous {
	margin-right: 8px
}

.featured .gallery-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.featured .gallery-container .item-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.featured .gallery-container .gallery-item {
	position: relative;
	margin-right: min(calc(1.87091vw + 3.51993*(1vw - 10.69px)), 40px)
}

@media only screen and (max-width: 1068px) {
	.featured .gallery-container .gallery-item {
		margin-right: calc(1.63265vw + 1.97095*(1vw - 7.35px))
	}
}

@media only screen and (max-width: 734px) {
	.featured .gallery-container .gallery-item {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		margin-right: 12px
	}
}

.featured .gallery-container .gallery-item:not(.current)::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.featured .gallery-container .tile {
	background-color: transparent;
	opacity: 0.6;
	-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

.featured .gallery-container .current .tile {
	opacity: 1
}

.featured .dotnav {
	text-align: left
}

.featured .dotnav .dotnav-item {
	background-color: #6e6e73
}

.featured .dotnav .dotnav-item:hover {
	background-color: rgba(110, 110, 115, 0.6)
}

.featured .dotnav .dotnav-item.current {
	background-color: #f5f5f7
}

.featured .dotnav-items {
	margin-top: 2.35294rem;
	margin-bottom: 1.17647rem
}

@media only screen and (max-width: 1068px) {
	.featured .dotnav-items {
		margin-top: 1.88235rem
	}
}

.featured .dotnav li:first-of-type {
	margin-left: 0
}

.featured {
	background-color: #161617;
	color: #fff;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px
}

@media only screen and (max-width: 1068px) {
	.featured {
		padding-top: 64px;
		padding-bottom: 64px
	}
}

@media only screen and (max-width: 734px) {
	.featured {
		padding-top: 40px;
		padding-bottom: 40px
	}
}

.featured .section-head {
	color: #fff
}

.featured .item-container {
	list-style: none;
	margin: 0
}

.hero-collection {
	color: white;
	margin-bottom: 64px;
	position: relative
}

@media only screen and (max-width: 1068px) {
	.hero-collection {
		margin-bottom: 52px
	}
}

@media only screen and (max-width: 734px) {
	.hero-collection {
		margin-bottom: 40px;
		margin-top: -24px
	}
	.takeover+.everydayfeed .hero-collection {
		margin-top: -40px
	}
	html.has-sdn-banner .hero-collection {
		margin-top: 0 !important
	}
	.hero-collection.section-content {
		max-width: 414px;
		width: 100%
	}
}

@media only screen and (max-width: 734px) {
	.hero-collection__title {
		position: absolute;
		top: 24px;
		left: 24px;
		z-index: 1;
		color: white
	}
}

.hero-collection__tiles {
	margin-top: 0;
	border-radius: 16px;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, black), to(transparent));
	background: linear-gradient(to top, black 90%, transparent)
}

@media only screen and (max-width: 734px) {
	.hero-collection__tiles {
		border-radius: 0;
		background: black
	}
}

.hero-collection .section-tiles {
	margin: 0 36px
}

@media only screen and (max-width: 1068px) {
	.hero-collection .section-tiles {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

@media only screen and (max-width: 734px) {
	.hero-collection .section-tiles {
		margin-left: 24px;
		margin-right: 24px
	}
}

.hero-collection .tile-item {
	margin: 0;
	border-top: 1px solid #6e6e73;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	margin-bottom: 36px;
	padding-top: 36px
}

@media only screen and (max-width: 1068px) {
	.hero-collection .tile-item {
		margin-bottom: 24px;
		padding-top: 24px;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}

@media only screen and (max-width: 1068px) {
	.hero-collection .tile-item:last-child {
		margin-bottom: 36px
	}
}

@media only screen and (max-width: 734px) {
	.hero-collection .tile-item:last-child {
		margin-bottom: 24px
	}
}

.hero-collection .tile-item:nth-child(odd) {
	-webkit-padding-end: 18px;
	padding-inline-end: 18px
}

@media only screen and (max-width: 1068px) {
	.hero-collection .tile-item:nth-child(odd) {
		-webkit-padding-end: 0;
		padding-inline-end: 0
	}
}

.hero-collection .tile-item:nth-child(even) {
	padding-left: 18px
}

@media only screen and (max-width: 1068px) {
	.hero-collection .tile-item:nth-child(even) {
		padding-left: 0
	}
}

.hero-collection .tile-list {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.hero-collection .tile-list .tile__headline {
	font-size: 19px;
	line-height: 1.21053;
	font-weight: 700;
	letter-spacing: .012em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
	.hero-collection .tile-list .tile__headline {
		font-size: 17px;
		line-height: 1.23536;
		font-weight: 700;
		letter-spacing: -.022em;
		font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
	}
}

.hero-collection .tile {
	width: auto
}

.hero-collection .tile__headline,
.hero-collection .tile__timestamp {
	color: white
}

.hero-collection .tile.tile-list .tile__media {
	width: 105px;
	height: 105px
}

.has-modal {
	overflow: hidden
}

.has-modal-full-viewport {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.has-modal-full-viewport body {
	height: 100%;
	overflow: hidden
}

.modal {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none
}

.modal-standard {
	overflow: auto;
	padding: 54px 0;
	background: rgba(0, 0, 0, 0.48);
	-webkit-overflow-scrolling: touch
}

.modal-standard .content-table {
	display: table;
	width: 100%;
	height: 100%
}

.modal-standard .content-cell {
	display: table-cell;
	vertical-align: middle
}

.modal-standard .content-wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 980px
}

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

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

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

.modal-standard .content-padding {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
	padding: 80px 8.33333%;
	background: #fff;
	border-radius: 18px
}

@media only screen and (max-width: 734px) {
	.modal-standard .content-padding {
		padding-top: 60px;
		padding-bottom: 60px
	}
}

@media only screen and (max-width: 734px) {
	.modal-standard .modal-close {
		left: 22px
	}
}

.theme-dark .modal-standard .content-padding,
.modal-standard.theme-dark .content-padding {
	background: #1d1d1f
}

.modal-full-viewport {
	background: #fff;
	padding: 96px 0
}

@media only screen and (max-width: 1068px) {
	.modal-full-viewport {
		padding: 80px 0
	}
}

.modal-full-viewport.remove-container-padding {
	padding: 0
}

.theme-dark .modal-full-viewport,
.modal-full-viewport.theme-dark {
	background: #000
}

.modal-open {
	display: block;
	z-index: 11000
}

.modal-open:focus {
	outline-offset: -4px
}

.modal-close {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 9999;
	overflow: hidden;
	top: 24px;
	left: 24px;
	margin: 0;
	padding: 0;
	font-size: 40px;
	line-height: 1;
	cursor: pointer;
	background: none;
	border: 0;
	color: rgba(134, 134, 139, 0.8)
}

.modal-close::before,
.modal-close::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.modal-close::before,
.modal-close::after {
	text-decoration: none
}

.modal-close::before {
	display: none
}

.modal-close::before,
.modal-close::after {
	content: ""
}

.modal-close:hover {
	color: #86868b
}

.theme-dark .modal-close {
	color: rgba(110, 110, 115, 0.8)
}

.theme-dark .modal-close:hover {
	color: #6e6e73
}

.modal-close::after {
	width: .9em;
	height: .9em;
	top: .05em;
	padding: 0;
	font-weight: 300
}

@media only screen and (max-width: 1068px) {
	.modal-close {
		top: 20px;
		left: 20px;
		font-size: 32px
	}
}

html.has-modal-full-viewport body {
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.modal-open {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.modal-full-viewport {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100vh;
	width: 100vw;
	max-height: -webkit-fill-available;
	padding: 40px 98px 31.5px
}

@media only screen and (max-width: 1068px) {
	.modal-full-viewport {
		padding: 48px 82px 15.5px
	}
}

@media only screen and (max-width: 734px) {
	.modal-full-viewport {
		padding: 66px 0 15.5px
	}
}

@media only screen and (orientation: landscape) and (max-height: 428px) {
	.modal-full-viewport {
		padding-top: 20px
	}
}

.modal-close {
	font-size: 40px;
	font-weight: 300;
	top: 16px;
	left: max(env(safe-area-inset-left), 20px)
}

@media only screen and (max-width: 734px) {
	.modal-close {
		top: 12px;
		left: max(env(safe-area-inset-left), 16px)
	}
}

.modal-content {
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.slideshow {
	height: 100%;
	display: grid;
	grid-template-areas: 'main' 'dots';
	grid-template-rows: minmax(0, 1fr) auto
}

.slideshow .dotnav {
	grid-area: dots;
	justify-self: center;
	z-index: 1;
	margin-top: 15.5px
}

@media only screen and (max-width: 1068px) {
	.slideshow .dotnav {
		margin-top: 7.5px
	}
}

.slideshow .paddlenav {
	z-index: 2
}

@media only screen and (max-width: 734px) {
	.slideshow .paddlenav {
		display: none
	}
}

.slideshow .paddlenav-arrow-previous {
	left: max(24px, env(safe-area-inset-left))
}

.slideshow .paddlenav-arrow-next {
	right: max(24px, env(safe-area-inset-right))
}

.slideshow__items {
	grid-area: main
}

html.touch .slideshow .icon-downloadcircle {
	padding: 0;
	margin: 0
}

.slideshow__items {
	display: grid;
	grid-template: "item" minmax(0, 1fr)/minmax(0, 1fr)
}

.slideshow .item {
	grid-area: item;
	display: grid;
	grid-template: "slide-image" minmax(0, 1fr) "slide-caption" auto/minmax(0, 1fr);
	background: #fff;
	overflow: hidden
}

.theme-dark .slideshow .item {
	background: #000
}

.slideshow__image {
	grid-area: slide-image;
	height: 100%;
	align-self: center;
	justify-self: center;
	font-size: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 1244px
}

@media only screen and (min-width: 1441px) {
	.slideshow__image {
		max-width: 1920px
	}
}

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

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

.slideshow__spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg)
}

@media only screen and (max-width: 734px) {
	.slideshow__spinner {
		position: initial;
		grid-area: slide-image;
		align-self: center;
		justify-self: center;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}
}

.slideshow__caption {
	grid-area: slide-caption;
	text-align: center;
	color: #6e6e73;
	font-size: 12px;
	line-height: 1.33337;
	font-weight: 600;
	letter-spacing: -.01em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-top: 16px;
	height: 4.00012em;
	margin-left: auto;
	margin-right: auto;
	width: 653px
}

@media only screen and (max-width: 1068px) {
	.slideshow__caption {
		margin-top: 12px
	}
}


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

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

@media only screen and (max-width: 734px) {
	.slideshow__caption {
		height: 5.33349em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

@media only screen and (orientation: landscape) and (max-height: 428px) {
	.slideshow__caption {
		display: none
	}
}

.theme-dark .slideshow__caption {
	color: #86868b
}

.slideshow .image-caption {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

@media only screen and (max-width: 734px) {
	.slideshow .image-caption {
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		overflow: hidden
	}
}

.viewport-image {
	border-radius: 7px;
	min-height: 0;
	max-height: 100%;
	max-width: 100%;
	pointer-events: none
}

@media only screen and (max-width: 415px) {
	.viewport-image {
		border-radius: 0
	}
}

.component.not-rounded .viewport-image {
	border-radius: 0 !important
}

.overflow-dotnav {
	width: 198px;
	overflow-x: hidden
}

.overflow-dotnav .dotnav-items>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 22px;
	margin: 0
}

.overflow-dotnav .dotnav-item {
	position: initial;
	display: inline-block;
	-webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

html.no-reduced-motion .overflow-dotnav .dotnav-item {
	-webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

.overflow-dotnav .dotnav-item--small {
	-webkit-transform: scale(0.75);
	transform: scale(0.75)
}

.overflow-dotnav .dotnav-item--smaller {
	-webkit-transform: scale(0.5);
	transform: scale(0.5)
}

.overflow-dotnav .dotnav-item--hidden {
	opacity: 0
}

.slideshow__loader .slideshow__image {
	opacity: 0
}

@media only screen and (min-width: 1441px) {
	.slideshow__loader--loaded-xlarge .slideshow__image {
		opacity: 1;
		-webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
	.slideshow__loader--loaded-xlarge .slideshow__spinner {
		display: none
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1440px) {
	.slideshow__loader--loaded-large .slideshow__image {
		opacity: 1;
		-webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
	.slideshow__loader--loaded-large .slideshow__spinner {
		display: none
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.slideshow__loader--loaded-medium .slideshow__image {
		opacity: 1;
		-webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
	.slideshow__loader--loaded-medium .slideshow__spinner {
		display: none
	}
}

@media only screen and (max-width: 734px) {
	.slideshow__loader--loaded-small .slideshow__image {
		opacity: 1;
		-webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
		transition: opacity 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
	}
	.slideshow__loader--loaded-small .slideshow__spinner {
		display: none
	}
}

.slideshow__spinner {
	width: 43px;
	height: 43px
}

.slideshow__spinner__circle {
	fill: transparent;
	stroke: #86868b;
	stroke-dasharray: 125.66371px;
	stroke-width: 3px;
	stroke-linecap: round;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: slideshow-spinner-dash 1.5s cubic-bezier(0.4, 0, 0.25, 1) infinite, slideshow-spinner-flip 1.5s step-end infinite;
	animation: slideshow-spinner-dash 1.5s cubic-bezier(0.4, 0, 0.25, 1) infinite, slideshow-spinner-flip 1.5s step-end infinite
}

@-webkit-keyframes slideshow-spinner-dash {
	0% {
		stroke-dashoffset: 125.66371px
	}
	50% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 125.66371px
	}
}

@keyframes slideshow-spinner-dash {
	0% {
		stroke-dashoffset: 125.66371px
	}
	50% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 125.66371px
	}
}

@-webkit-keyframes slideshow-spinner-flip {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
	50%,
	100% {
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1)
	}
}

@keyframes slideshow-spinner-flip {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
	50%,
	100% {
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1)
	}
}

.topic-gallery {
	grid-template-areas: 'top top top' 'start center end';
	grid-template-columns: auto 1fr auto;
	row-gap: 24px
}

@media only screen and (max-width: 1068px) {
	.topic-gallery {
		row-gap: 16px
	}
}

@media only screen and (max-width: 734px) {
	.topic-gallery {
		row-gap: 14px
	}
}

.topic-gallery--large {
	display: grid
}

@media only screen and (max-width: 734px) {
	.topic-gallery--large {
		display: none
	}
}

.topic-gallery--small {
	display: none
}

@media only screen and (max-width: 734px) {
	.topic-gallery--small {
		display: grid
	}
}

.topic-gallery-section {
	overflow-x: hidden
}

.topic-gallery-section .section-content {
	padding: 80px 0
}

@media only screen and (max-width: 1068px) {
	.topic-gallery-section .section-content {
		padding: 64px 0
	}
}

@media only screen and (max-width: 734px) {
	.topic-gallery-section .section-content {
		padding: 40px 0
	}
}

.topic-gallery .item-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-area: top
}

.topic-gallery .gallery-item {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.topic-gallery .gallery-item:not(:last-child) {
	margin-right: 35px
}

@media only screen and (max-width: 1068px) {
	.topic-gallery .gallery-item:not(:last-child) {
		margin-right: 16px
	}
}

@media only screen and (max-width: 734px) {
	.topic-gallery .gallery-item:not(:last-child) {
		margin-right: 12px
	}
}

.topic-gallery-tiles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	max-height: 676px;
	margin-top: -35px;
	margin-left: -35px
}

@media only screen and (max-width: 1068px) {
	.topic-gallery-tiles {
		max-height: 472px;
		margin-top: -16px;
		margin-left: -16px
	}
}

@media only screen and (max-width: 734px) {
	.topic-gallery-tiles {
		max-height: 378px;
		margin-top: -12px;
		margin-left: -12px
	}
}

@media only screen and (max-width: 420px) {
	.topic-gallery-tiles {
		max-height: calc(87.5vw + 24px)
	}
}

.topic-gallery-tile {
	list-style: none;
	width: 303px;
	height: 303px;
	margin-top: 35px;
	margin-left: 35px
}

@media only screen and (max-width: 1068px) {
	.topic-gallery-tile {
		width: 220px;
		height: 220px;
		margin-top: 16px;
		margin-left: 16px
	}
}

@media only screen and (max-width: 734px) {
	.topic-gallery-tile {
		width: 177px;
		height: 177px;
		margin-top: 12px;
		margin-left: 12px
	}
}

@media only screen and (max-width: 420px) {
	.topic-gallery-tile {
		width: calc(43.75vw - 6px);
		height: calc(43.75vw - 6px)
	}
}

.topic-gallery-button {
	border: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-radius: 16px;
	overflow: hidden;
	z-index: 0;
	position: relative
}

@media only screen and (max-width: 734px) {
	.topic-gallery-button {
		border-radius: 12px
	}
}

.topic-gallery-button .image {
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms
}

.topic-gallery-button::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: background-color 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	transition: background-color 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
	pointer-events: none
}

@media (hover: hover) {
	html.no-reduced-motion .topic-gallery-button:hover .image {
		-webkit-transform: scale(1.03);
		transform: scale(1.03)
	}
	.topic-gallery-button:hover::after {
		background-color: rgba(0, 0, 0, 0.15)
	}
}

html.no-reduced-motion .topic-gallery-button[data-focus-method=key] .image {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.topic-gallery-button[data-focus-method=key]::after {
	background-color: rgba(0, 0, 0, 0.15)
}

.topic-gallery .tabnav-wrapper {
	grid-area: start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 734px) {
	.topic-gallery .tabnav-wrapper {
		grid-area: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.topic-gallery .paddlenav {
	grid-area: end
}

.topic-gallery .paddlenav,
.topic-gallery .paddlenav ul {
	margin: 0;
	list-style: none
}

.topic-gallery .paddlenav .paddlenav-arrow {
	display: block;
	font-style: normal;
	overflow: hidden;
	position: absolute;
	text-align: center;
	-webkit-transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear;
	transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear
}

.topic-gallery .paddlenav .paddlenav-arrow-next,
.topic-gallery .paddlenav .paddlenav-arrow-previous {
	top: 50%
}

.topic-gallery .paddlenav .paddlenav-arrow-up,
.topic-gallery .paddlenav .paddlenav-arrow-down {
	left: 50%
}

.topic-gallery .paddlenav .paddlenav-arrow:hover {
	text-decoration: none
}

.topic-gallery .paddlenav .paddlenav-arrow:focus {
	-webkit-box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	outline: none
}

.topic-gallery .paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.topic-gallery .paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
	-webkit-box-shadow: none;
	box-shadow: none
}

.topic-gallery .paddlenav .paddlenav-arrow:disabled,
.topic-gallery .paddlenav .paddlenav-arrow.disabled {
	cursor: default;
	opacity: 1
}

html.touch .topic-gallery .paddlenav .paddlenav-arrow:disabled,
html.touch .topic-gallery .paddlenav .paddlenav-arrow.disabled {
	opacity: 1
}

.topic-gallery .paddlenav .paddlenav-arrow:disabled:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.topic-gallery .paddlenav .paddlenav-arrow:disabled:focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
.topic-gallery .paddlenav .paddlenav-arrow.disabled:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.topic-gallery .paddlenav .paddlenav-arrow.disabled:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
	opacity: 1
}

.topic-gallery .paddlenav .paddlenav-arrow {
	font-weight: 300;
	width: 2.58824rem;
	height: 2.58824rem;
	border-radius: 2.58824rem;
	font-size: 19px;
	line-height: 2.58824rem
}

.topic-gallery .paddlenav .paddlenav-arrow-next,
.topic-gallery .paddlenav .paddlenav-arrow-previous {
	margin-top: -1.29412rem
}

.topic-gallery .paddlenav .paddlenav-arrow-up,
.topic-gallery .paddlenav .paddlenav-arrow-down {
	margin-left: -1.29412rem
}

.topic-gallery .paddlenav .paddlenav-arrow-next::before,
.topic-gallery .paddlenav .paddlenav-arrow-next::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.topic-gallery .paddlenav .paddlenav-arrow-next::before,
.topic-gallery .paddlenav .paddlenav-arrow-next::after {
	text-decoration: none
}

.topic-gallery .paddlenav .paddlenav-arrow-next::before {
	display: none
}

.topic-gallery .paddlenav .paddlenav-arrow-next::before,
.topic-gallery .paddlenav .paddlenav-arrow-next::after {
	content: ""
}

.topic-gallery .paddlenav .paddlenav-arrow-next::after {
	margin-right: -.056em
}

.topic-gallery .paddlenav .paddlenav-arrow-previous::before,
.topic-gallery .paddlenav .paddlenav-arrow-previous::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.topic-gallery .paddlenav .paddlenav-arrow-previous::before,
.topic-gallery .paddlenav .paddlenav-arrow-previous::after {
	text-decoration: none
}

.topic-gallery .paddlenav .paddlenav-arrow-previous::before {
	display: none
}

.topic-gallery .paddlenav .paddlenav-arrow-previous::before,
.topic-gallery .paddlenav .paddlenav-arrow-previous::after {
	content: ""
}

.topic-gallery .paddlenav .paddlenav-arrow-previous::after {
	margin-left: -.056em
}

.topic-gallery .paddlenav .paddlenav-arrow-up::before,
.topic-gallery .paddlenav .paddlenav-arrow-up::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.topic-gallery .paddlenav .paddlenav-arrow-up::before,
.topic-gallery .paddlenav .paddlenav-arrow-up::after {
	text-decoration: none
}

.topic-gallery .paddlenav .paddlenav-arrow-up::before {
	display: none
}

.topic-gallery .paddlenav .paddlenav-arrow-up::before,
.topic-gallery .paddlenav .paddlenav-arrow-up::after {
	content: ""
}

.topic-gallery .paddlenav .paddlenav-arrow-down::before,
.topic-gallery .paddlenav .paddlenav-arrow-down::after {
	font-family: "SF Pro Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: underline;
	position: relative;
	z-index: 1;
	alt: ''
}

.topic-gallery .paddlenav .paddlenav-arrow-down::before,
.topic-gallery .paddlenav .paddlenav-arrow-down::after {
	text-decoration: none
}

.topic-gallery .paddlenav .paddlenav-arrow-down::before {
	display: none
}

.topic-gallery .paddlenav .paddlenav-arrow-down::before,
.topic-gallery .paddlenav .paddlenav-arrow-down::after {
	content: ""
}

.topic-gallery .paddlenav .paddlenav-arrow {
	background-color: rgba(0, 0, 0, 0);
	color: #000
}

@media (hover: hover) {
	.topic-gallery .paddlenav .paddlenav-arrow:not(:disabled):not(.disabled):hover {
		background-color: #000;
		color: #fff
	}
	.topic-gallery .paddlenav .paddlenav-arrow:not(:disabled):not(.disabled):focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover,
	.topic-gallery .paddlenav .paddlenav-arrow:not(:disabled):not(.disabled):focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover {
		background-color: #000;
		color: #fff
	}
}

.topic-gallery .paddlenav-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 5.64706rem;
	height: 2.58824rem
}

.topic-gallery .paddlenav .paddlenav-arrow {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
	margin: 0;
	position: initial;
	border: 2px solid #000
}

.topic-gallery .paddlenav .paddlenav-arrow::after {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

.topic-gallery .paddlenav .paddlenav-arrow:disabled,
.topic-gallery .paddlenav .paddlenav-arrow.disabled {
	border: 2px solid #d2d2d7;
	color: #d2d2d7
}

.topic-gallery .paddlenav .paddlenav-arrow:disabled::after,
.topic-gallery .paddlenav .paddlenav-arrow.disabled::after {
	color: #d2d2d7
}

.page-topic .view-archive-wrapper {
	font-size: 17px;
	line-height: 1.23536;
	font-weight: 500;
	letter-spacing: -.022em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-align: center;
	margin-top: -4px;
	margin-bottom: 36px
}

@media only screen and (max-width: 1068px) {
	.page-topic .view-archive-wrapper {
		margin-top: 0;
		margin-bottom: 24px
	}
}

.page-topic .everydayfeed:last-child {
	padding-bottom: 0
}

.page-topic .everydayfeed:last-child::after {
	content: '';
	display: block;
	height: 1px;
	background-color: #d2d2d7;
	max-width: 980px;
	margin-left: max(22px, calc(50% - 490px), env(safe-area-inset-left));
	margin-right: max(22px, calc(50% - 490px), env(safe-area-inset-right));
	margin-top: 80px
}

@media only screen and (max-width: 1068px) {
	.page-topic .everydayfeed:last-child::after {
		margin-top: 64px
	}
}

@media only screen and (max-width: 734px) {
	.page-topic .everydayfeed:last-child::after {
		margin-top: 40px
	}
}

@media only screen and (max-width: 734px) {
	.page-topic .everydayfeed:last-child::after {
		margin-left: 16px;
		margin-right: 16px
	}
}

.topic-category {
	font-size: 12px;
	line-height: 1.33337;
	font-weight: 700;
	letter-spacing: -.01em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #6e6e73;
	margin-bottom: 8px;
	text-transform: uppercase
}

@media only screen and (max-width: 1068px) {
	.topic-category {
		margin-bottom: 4px
	}
}

.header-with-cta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin-bottom: 24px
}

@media only screen and (max-width: 1068px) {
	.header-with-cta {
		margin-bottom: 16px
	}
}

@media only screen and (max-width: 734px) {
	.header-with-cta {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.header-with-cta .section-head {
	margin-bottom: 0
}

.header-with-cta .cta {
	font-size: 14px;
	line-height: 1.28577;
	font-weight: 500;
	letter-spacing: -.016em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #1d1d1f;
	margin-top: 0
}

@media only screen and (max-width: 734px) {
	.header-with-cta .cta {
		margin-top: 12px;
		margin-bottom: 8px
	}
}

.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%
	}
}

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