/*!
Theme Name:Ninewells Cancer Campaign
Version:1.0.2
Description:A WordPress theme made for NCC by zen.
Author:zen.
Author URI:https://zenelements.com
*/

:root{
    --white:#FFF;
    --light:#FBF4EE;
    --dark:#424241;
    --blue:#4359A5;
    --blue-light:#8197CD;
    --green:#AACD72;
    --green-light:#D1E2AA;
    --teal:#7BC5BF;
    --teal-light:#ADDADB;
	--grid-columns:12;
}

@font-face{font-display:swap;font-family:BaxterSans;src:url(assets/fonts/BaxterSansPro-Regular.woff2)}
@font-face{font-display:swap;font-family:BaxterSans-Bold;src:url(assets/fonts/BaxterSansPro-Bold.woff2)}

*,:after,:before{box-sizing:border-box;color:inherit;font-family:inherit;margin:0;padding:0}body{min-height:100vh;min-height:-webkit-fill-available;font-size:16px}[x-cloak]{display:none!important}[tabindex="-1"]:focus{outline:none}iframe,img,svg,video{display:block}img,svg,video{height:auto}[hidden],template{display:none}img{border-style:none}svg{overflow:hidden}aside,figcaption,figure,footer,header,main,nav,section{display:block}figure{margin:0}nav ul{list-style:none}html{overflow-x:hidden}
html {scroll-behavior:smooth}
body {background:var(--light);font-family:BaxterSans, Helvetica, sans-serif;color:var(--dark);padding:0;font-size:1.25rem;line-height:1.5}


/* HEADER AND MENU - MOBILE FIRST */

header,
header.stickyheader,
header.stickyheader.is-hidden {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	height:auto;
	z-index:8;
	font-size:1rem;
	transform:none;
	transition:none;
}

.header__layout {
	position:relative;
	z-index:30;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	height:70px;
	margin:0;
	padding:0 12px;
	background:var(--white);
	border-radius:0;
}

.header__actions {
	position:relative;
	display:flex;
	align-items:center;
	column-gap:10px;
}

.header__actions .link {
	display:inline-flex;
}

.brand img,
.brand-logo {
	max-height:46px;
	width:auto;
}

.nav-toggle {
	display:block;
	width:44px;
	height:44px;
	border:0;
	border-radius:50%;
	font-size:0;
	cursor:pointer;
	background-image:url("assets/vectors/burger.svg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:44px 44px;
}

body.nav-open .nav-toggle {
	background-image:url("assets/vectors/burger-cross.svg");
}

header nav.nav {
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	height:auto;
	margin-left:0;
	background:var(--blue);
	z-index:20;
	overflow:hidden;
	transform:translateY(-110%);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:
		transform 0.3s ease,
		opacity 0.25s ease,
		visibility 0.25s ease;
}

body.nav-open header nav.nav {
	transform:translateY(0);
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}

.nav-menu {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	height:auto;
	margin:0;
	padding:24px;
	gap:0;
	background:var(--blue);
	list-style:none;
}

.nav-menu li {
	position:relative;
	display:block;
	width:100%;
}

.nav-link {
	display:block;
	height:auto;
	padding:14px 0;
	color:var(--white);
	background:transparent;
	border:0;
	font-family:BaxterSans-Bold;
	font-size:1.25rem;
	text-decoration:none;
}

.nav-item:hover > .nav-link,
.nav-item:focus-within > .nav-link,
.nav-item.is-current > .nav-link {
	color:var(--green-light);
	background:transparent;
	border:0;
}

.nav-item.has-dropdown > .nav-link::after {
	display:none;
}

.nav-dropdown {
	position:static;
	display:block;
	width:100%;
	padding:0 0 16px;
	background:transparent;
	color:var(--white);
	border-radius:0;
	box-shadow:none;
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:none;
	transition:none;
}

.nav-intro {
	display:none;
}

.nav-items {
	display:block;
	width:100%;
}

.nav-items ul {
	display:flex;
	flex-direction:column;
	gap:0;
	margin:0;
	padding:0 0 0 16px;
	list-style:none;
}

.nav-child a,
.nav-items a {
	display:block;
	width:100%;
	padding:7px 0;
	color:var(--white);
	font-family:BaxterSans;
	font-size:1rem;
	text-decoration:none;
}

.nav-items a::after {
	display:none;
}

.nav-items a:hover,
.nav-items a:focus-visible {
	transform:none;
	color:var(--green-light);
	opacity:1;
}


/* DESKTOP ONLY */

@media (min-width:981px) {
	header, header.stickyheader, header.stickyheader.is-hidden, header.is-sticky, header.is-sticky.is-hidden, header.is-hidden {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:60px;
		z-index:8;
		transition:transform 0.25s ease-in-out;
		will-change:transform;
	}
	header, header.stickyheader, header.is-sticky {
		transform:translateY(0);
	}
	header.stickyheader.is-hidden, header.is-sticky.is-hidden, header.is-hidden {
		transform:translateY(-150%);
	}

	.header__layout {
		margin:10px auto;
		max-width:1430px;
		height:80px;
		padding:0 16px;
		border-radius:40px 40px 40px 0;
	}
	
	.header__actions .link {display:inline}
	.nav-toggle {
		display:none;
	}
	header nav.nav {
		position:static;
		width:auto;
		height:100%;
		margin-left:auto;
		background:transparent;
		overflow:visible;
		transform:none;
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		transition:none;
	}

	.nav-menu {
		position:relative;
		display:flex;
		flex-direction:row;
		align-items:stretch;
		height:100%;
		margin:0 40px 0 0;
		padding:0;
		gap:0;
		background:transparent;
	}

	.nav-menu li {
		display:flex;
		align-items:stretch;
		width:auto;
	}

	.nav-link {
		position:relative;
		display:inline-flex;
		align-items:center;
		gap:0.5rem;
		height:100%;
		padding-inline:1rem;
		color:var(--blue);
		background:transparent;
		font-size:1rem;
		border-bottom-color: var(--white);
        border-bottom-width: 4px;
        border-bottom-style: solid;
		border-top:4px solid transparent;
		transition: border-color 0.2s ease;
	}

	.nav-item.has-dropdown > .nav-link::after {
		content: "";
		display: block;
		flex: 0 0 10px;
		width: 10px;
		height: 6px;
		background: url("assets/vectors/chevron-down.svg") center / contain no-repeat;
		transition: filter .2s ease, transform .2s ease;
	}
	.nav-item.has-dropdown:hover > .nav-link::after,
	.nav-item.has-dropdown:focus-within > .nav-link::after {
		transform: rotate(180deg);
	}
	
	.nav-item:hover > .nav-link,
	.nav-item:focus-within > .nav-link,
	.nav-item.is-current > .nav-link {
		color: var(--blue);
        background-color: var(--white);
        border-bottom-color: var(--blue);
        border-bottom-width: 4px;
        border-bottom-style: solid;
		border-top:4px solid transparent;
	}

	
	.nav-dropdown {
		position:absolute;
		top:100%;
		left:-320px;
		display:flex;
		gap:0;
		width:640px;
		padding:40px 40px 60px;
		background:var(--blue);
		color:var(--white);
		border-radius:0 0 10px 10px;
		box-shadow:0 20px 50px rgba(0, 0, 0, 0.2);
		background-image:url("assets/vectors/dots.svg");
		background-position:left bottom;
		background-repeat:repeat-x;
		background-size:7.5%;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transform:translateY(0.75rem);
		transition:
			opacity 0.2s ease,
			visibility 0.2s ease,
			transform 0.2s ease;
		z-index:20;
	}

	.nav-item.has-dropdown:hover > .nav-dropdown,
	.nav-item.has-dropdown:focus-within > .nav-dropdown {
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		transform:translateY(0);
		gap:40px;
	}

	.nav-intro {
		display:block;
		flex:1 1 50%;
		min-width:0;
	}

	.nav-items {
		display:block;
		flex:1 1 50%;
		min-width:0;
	}

	.nav-items ul {
		gap:0.65rem;
		padding:0;
	}

	.nav-title {
		margin:0 0 0.75rem;
		font-family:BaxterSans-Bold;
		font-size:2rem;
		line-height:1.1;
		color:var(--green-light);
	}

	.nav-text {
		max-width:30ch;
		margin:0;
		font-size:1rem;
		line-height:1.45;
		color:var(--white);
	}

	.nav-child {
		display:block;
	}

	.nav-items a {
		display:inline-flex;
		width:fit-content;
		height:auto;
		padding:0;
		color:var(--white);
		background:transparent;
		border:0;
		font-family:BaxterSans-Bold;
		text-decoration:none;
		transition:
			transform 0.2s ease,
			opacity 0.2s ease;
	}

	.nav-items a:hover,
	.nav-items a:focus-visible {
		transform:translateX(10px);
		opacity:0.8;
	}
}



		

/* MAIN LAYOUTS */

section {position:relative;padding:120px 0}

.layout {position:relative;margin:0 auto;width:100%;max-width:1400px}

.grid {display:grid;gap:40px}
[data-columns=two],[data-columns=three],[data-columns=four],[data-columns=six],[data-columns=eight],[data-columns=twelve]{grid-template-columns:1fr;}
@media (min-width:449px) {
[data-columns=three],[data-columns=four],[data-columns=six]{grid-template-columns:repeat(2, 1fr)}
[data-columns=eight],[data-columns=twelve]{grid-template-columns:repeat(2, 1fr)}
}
@media (min-width:779px) {
[data-columns=one]{grid-template-columns:1fr;}
[data-columns=two]{grid-template-columns:repeat(2, 1fr);}
[data-columns=three]{grid-template-columns:repeat(3, 1fr);}
[data-columns=four]{grid-template-columns:repeat(4, 1fr);}
[data-columns=six]{grid-template-columns:repeat(6, 1fr);}
[data-columns=eight]{grid-template-columns:repeat(8, 1fr);}
[data-columns=twelve]{grid-template-columns:repeat(12, 1fr);}
}

.flex {display:flex;gap:40px;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}


/* FOOTER */

footer {
	position:relative;
	margin-top:-80px;
	padding:40px 0 20px;
	background:var(--blue);
	font-size:1rem;
}

footer::before {
	position:absolute;
	top:-80px;
	left:0;
	content:"";
	width:100%;
	height:80px;
	background-image:url("assets/vectors/footer.svg");
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% auto;
}

footer .layout {
	padding:40px 20px 0;
	min-height:inherit;
}

footer .footer_left,
footer .footer_right,
footer .copyright,
footer .credit {
	grid-column:1 / -1;
}

footer svg {
	max-width:100%;
	height:auto;
}

footer h2 {
	color:var(--green-light);
	font-size:clamp(2rem, 8vw, 2.5rem);
}

footer p,
footer ul {
	margin:12px 0;
	color:var(--light);
}

footer strong {
	color:var(--green-light);
}

footer ul {
	list-style:none;
	margin-top:8px;
}

footer ul li {
	margin:2px 0;
}

footer a {
	text-decoration:none;
}

footer a:hover {
	opacity:0.6;
}

footer .footer-menu {
	display:grid;
	grid-template-columns:1fr;
	gap:24px;
	padding:40px 0;
}

footer .copyright,
footer .credit {
	border-top:1px solid var(--blue-light);
	padding:20px 0;
}

footer .credit {
	text-align:left;
}

.copyright a {
	margin-left:10px;
	
}

.social-menu {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	list-style:none;
	margin-top:40px;
	padding:0;
}

.social-menu li {
	display:block;
}

.social-menu a {
	display:block;
	width:46px;
	height:46px;
	border-radius:50%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:30px 30px;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
	transition:transform 0.2s ease;
}

.social-menu a:hover,
.social-menu a:focus-visible {
	background-color:var(--green-light);
	transform:translateY(-2px);
}

.social-menu .social-facebook a {
	background-image:url("assets/vectors/social-facebook.svg");
}

.social-menu .social-instagram a {
	background-image:url("assets/vectors/social-instagram.svg");
}

.social-menu .social-linkedin a {
	background-image:url("assets/vectors/social-linkedin.svg");
}

.social-menu .social-youtube a {
	background-image:url("assets/vectors/social-youtube.svg");
}

@media (min-width:779px) {
	footer .footer_left {
		grid-column:1 / span 6;
	}

	footer .footer_right {
		grid-column:7 / span 6;
	}

	footer .footer-menu {
		grid-template-columns:repeat(2, 1fr);
	}

	footer .copyright {
		grid-column:1 / span 6;
	}

	footer .credit {
		grid-column:7 / span 6;
		text-align:right;
	}

	.social-menu {
		margin-top:60px;
	}
}

@media (min-width:1024px) {
	footer .footer_left {
		grid-column:1 / span 4;
	}

	footer .footer_right {
		grid-column:7 / span 6;
	}

	footer .footer-menu {
		grid-template-columns:repeat(3, 1fr);
	}

	footer .copyright {
		grid-column:1 / span 8;
	}

	footer .credit {
		grid-column:9 / span 4;
	}
}
section:last-child {padding-bottom:280px}
main:has(> [data-block]:only-child) + footer {margin-top:120px;}


/* BLOCK > HERO */

.hero {
	position:relative;
	display:flex;
	flex-direction:column-reverse;
	align-items:stretch;
	overflow:hidden;
}

.hero__text {
	position:relative;
	z-index:3;
	padding:2rem 1rem 3rem;

}

.hero__text .copy {
	max-width:none;
}

.hero__media {
	position:relative;
	width:100%;
	z-index:1;
	overflow:hidden;
}

.hero__media img,
.hero__media video {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;

}

.hero[data-block="herofull"] {
	padding-top:0;
}

.hero[data-block="herofull"] .hero__media {
	aspect-ratio:1 / 1;
}

.hero[data-block="herofull"] .hero__media .media {
	width:100%;
	height:100%;
}

.hero[data-block="herofull"] .hero__media img,
.hero[data-block="herofull"] .hero__media video {
	object-position:center center;
}

.hero[data-block="herofull"] .hero__media::before {
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	width:100%;
	height:60px;
	background:url("assets/vectors/hero-mask-full.svg") no-repeat;
	background-position:top left;
	background-size:150% auto;
	z-index:2;
	pointer-events:none;
}

.hero[data-block="herohalf"] {
	padding-block:0;
}

.hero[data-block="herohalf"] .hero__media {

	aspect-ratio:1 / 1;

}

.hero[data-block="herohalf"] .hero__media .media {

	width:100%;
	height:100%;

}

.hero[data-block="herohalf"] .hero__media img {

	object-position:center;
	border-radius:0;

}

@media (min-width:1024px) {

	.hero {
		display:grid;
		grid-template-columns:
			minmax(1rem, 1fr)
			repeat(12, minmax(0, calc(1400px / 12)))
			minmax(1rem, 1fr);
		align-items:start;
		overflow:visible;
	}
	.hero__text {
		grid-column:2 / span 6;
		grid-row:1;
		padding:0;
	}
	.hero__media {
		grid-row:1;
		overflow:visible;
	}
	.home .hero[data-block="herofull"] .hero__text {
		grid-column:2 / span 7;
	}
	.home .hero[data-block="herofull"] .hero__text h1 {
		font-size:2.875rem;
		line-height:1.2;
	}
	
	/* Full hero - desktop */
	.hero[data-block="herofull"] {
		padding-top:0;
		align-items:start;
	}
	.hero[data-block="herofull"] .hero__media {
		grid-column:1 / -1;
		overflow:hidden;
		aspect-ratio:2 / 1;
	}
	.hero[data-block="herofull"] .hero__media .media {
		width:100%;
		height:100%;
	}
	.hero[data-block="herofull"] .hero__media::before {
		height:200px;
		background-size:100% auto;
	}
	.hero[data-block="herofull"] .hero__text {
		align-self:start;
		padding-top:26rem;
		padding-bottom:80px;
	}

	.hero[data-block="herohalf"] {
		padding-block:clamp(4rem, 8vw, 8rem);
		overflow:hidden;
	}
	.hero[data-block="herohalf"] .hero__media {
		grid-column:8 / -1;
		aspect-ratio:1 / 1;
		height:auto;
		align-self:start;
		overflow:visible;
	}
	.hero[data-block="herohalf"] .hero__media .media {
		position:absolute;
		inset:0;
		width:100%;
		height:100%;
	}
	.hero[data-block="herohalf"] .hero__media img {
		transform:translateX(200px);
		border-radius:100% 100% 0 0;
	}
	.hero[data-block="herohalf"] .hero__text {
		padding-top:40px;
	}
	[data-style="ribbon-right"] .hero__media::after {
		display:block;
	}
}
@media (min-width:1100px) {.hero[data-block="herofull"] .hero__media::before {height:320px;}.hero[data-block="herofull"] .hero__text {padding-top:22rem;}}
@media (min-width:1200px) {.hero[data-block="herofull"] .hero__text {padding-top:26rem;}}
@media (min-width:1300px) {.hero[data-block="herofull"] .hero__text {padding-top:28rem;}}
@media (min-width:1400px) {.hero[data-block="herofull"] .hero__text {padding-top:30rem;}}
@media (min-width:1500px) {.hero[data-block="herofull"] .hero__text {padding-top:34rem;}}
@media (min-width:1600px) {.hero[data-block="herofull"] .hero__text {padding-top:36rem;}}
@media (min-width:1700px) {.hero[data-block="herofull"] .hero__text {padding-top:40rem;}}
@media (min-width:1800px) {.hero[data-block="herofull"] .hero__text {padding-top:44rem;}}
@media (min-width:1900px) {.hero[data-block="herofull"] .hero__text {padding-top:46rem;}}


/* BLOCK > EDITOIRAL */

[data-block="editorial"] .layout {
	position:relative;
	gap:40px;
}

[data-block="editorial"] .section__media {
	position:relative;
	grid-column:1 / -1;
	grid-row:1;
	overflow:hidden;
}

[data-block="editorial"] .section__text {
	grid-column:1 / -1;
	grid-row:2;
	padding:0 1rem;
}

[data-block="editorial"] .section__media img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:1;
}

[data-layout="contained"] .layout {
	padding:24px;
	border-radius:10px;
}

[data-layout="floating"][data-bg="blue"],
[data-layout="contained"][data-bg="blue"] .layout {
	background:var(--blue);
}

[data-layout="floating"][data-bg="gradient"],
[data-layout="contained"][data-bg="gradient"] .layout {
	background:linear-gradient(to bottom right, #EAEDD3 0%, #DCEAE6 100%);
}

[data-layout="floating"][data-bg="white"],
[data-layout="contained"][data-bg="white"] .layout {
	background:var(--white);
}

[data-layout="floating"][data-style="texture"]::before,
[data-layout="contained"][data-style="texture"] .layout::before {
	display:none;
}

@media (min-width:779px) {
	[data-layout="contained"] .layout {
		padding:40px;
	}

	[data-media="right"] .section__text {
		grid-column:1 / span 6;
		grid-row:1;
	}

	[data-media="right"] .section__media {
		grid-column:8 / span 5;
		grid-row:1;
	}

	[data-media="left"] .section__text {
		grid-column:7 / span 6;
		grid-row:1;
	}

	[data-media="left"] .section__media {
		grid-column:1 / span 5;
		grid-row:1;
	}

	[data-layout="floating"][data-style="texture"]::before,
	[data-layout="contained"][data-style="texture"] .layout::before {
		position:absolute;
		top:0;
		left:0;
		display:block;
		content:"";
		width:40%;
		height:100%;
		background-image:url("assets/vectors/texture.svg");
		background-repeat:no-repeat;
		background-position:right center;
		z-index:0;
	}
}

.modal-play {position:absolute;content:"";top:50%;left:50%;transform:translate(-50%, -50%);width:100px;height:100px;overflow:hidden;text-indent:-8888px;background:url(assets/vectors/play.svg) no-repeat center;background-size:contain;transition:transform .2s ease-in-out;z-index:5}
.modal-play:hover {transform:translate(-50%, -50%) scale(.9)}
.modal-overlay {position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999}
.modal-content {position:relative; width:min(90%, 900px)}
.modal-video {position:relative; padding-top:56.25%}
.modal-video iframe {position:absolute;inset:0;width:100%;height:100%}
.modal-close {position:absolute; top:-40px; right:0;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}






/* BLOCK > CARDS */

[data-block="cards"][data-bg="blue"] {
	background:var(--blue);
}

[data-block="cards"][data-bg="gradient"] {
	background:linear-gradient(to bottom right, #EAEDD3 0%, #DCEAE6 100%);
}

[data-block="cards"][data-bg="white"] {
	background:var(--white);
}

.home main > section[data-block="cards"] {padding-top:160px}
.home main > section[data-block="cards"]:first-of-type::before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:80px;
background:url("assets/vectors/cards-curve.svg") no-repeat top center / 100% auto;
z-index:5;
pointer-events:none;
}
.home .bigtext {margin-top:-100px;}

.intro-left {
	margin:0;
	padding:0 1rem;
	max-width:100%;
}

.intro-centre {
	margin-inline:auto;
	max-width:64ch;
	text-align:center;
	padding:0 1rem;
}

.cards {
	margin-top:80px;
}

.card {
	position:relative;
	border-radius:10px;
	overflow:hidden;
	transition:
		transform 0.2s ease-in-out,
		box-shadow 0.2s ease-in-out;
}

.card-link::after {
	position:absolute;
	inset:0;
	content:"";
	z-index:3;
}

.card a.link-external {
	margin-right:0;
	transform-origin:left center;
	transform:scale(0.8);
}

.card-arrow {
	position:relative;
	display:inline-flex;
	align-items:center;
	height:46px;
	padding-right:46px;
	border-radius:40px;
	background:var(--white);
	overflow:hidden;
	white-space:nowrap;
	text-decoration:none;
	transition:padding-left 0.35s ease;
}

.card-arrow-label {
	max-width:0;
	overflow:hidden;
	font-size:1rem;
	font-family:BaxterSans-Bold;
	color:var(--blue);
	opacity:0;
	transform:translateX(-10px);
	transition:
		max-width 0.35s ease,
		opacity 0.25s ease,
		transform 0.35s ease,
		padding 0.35s ease;
}

.card-arrow-icon {
	position:absolute;
	top:0;
	right:0;
	width:46px;
	height:46px;
	border-radius:40px;
	background-color:var(--blue-light);
	background-image:url("assets/vectors/arrow-white.svg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:18px 18px;
}

.card:hover .card-arrow,
.card-arrow:focus-visible {
	padding-left:20px;
}

.card:hover .card-arrow-label,
.card-arrow:focus-visible .card-arrow-label {
	max-width:280px;
	padding-right:12px;
	opacity:1;
	transform:translateX(0);
}


/* BLOCK > CARDS > FUNDRAISING */

.cards[data-design="fundraising"] .card {
	grid-column:1 / -1;
	display:flex;
	flex-direction:column;
	padding:40px;
	background:var(--blue);
	color:var(--white);
}

.cards[data-design="fundraising"] .card:hover {
	transform:scale(0.97);
}

.cards[data-design="fundraising"] .card-content .copy {
	max-width:400px;
}

.cards[data-design="fundraising"] h3 {
	color:var(--green-light);
}

.cards[data-design="fundraising"] .card-action {
	margin-top:20px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-end;
	gap:20px;
}

.cards[data-design="fundraising"] .card-media img {
	display:block;
	width:120px;
	height:120px;
	object-fit:contain;
}


/* BLOCK > CARDS > STORY  */

.cards[data-design="story"] .card {
	grid-column:1 / -1;
	aspect-ratio:1 / 1;
	background:var(--blue);
	color:var(--white);
}

.cards[data-design="story"] .card[data-featured="true"] {
	aspect-ratio:auto;
	min-height:clamp(28rem, 65vw, 42rem);
}

.cards[data-design="story"] .card-content {
	position:absolute;
	inset:0;
	display:flex;
	align-items:flex-end;
	z-index:2;
}

.cards[data-design="story"] .card-media {
	position:absolute;
	inset:0;
	z-index:1;
}

.cards[data-design="story"] .card-media img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.35s ease;
}

.cards[data-design="story"] .copy {
	position:relative;
	z-index:2;
	width:100%;
	max-width:none;
	padding:24px;
	background:var(--blue);
	color:var(--white);
	transform:translateY(0);
	transition:transform 0.35s ease;
}

.cards[data-design="story"] .card[data-featured="true"] .copy {
	border-radius:0 10px 0 0;
}

.cards[data-design="story"] h3 {
	margin-bottom:12px;
	color:var(--white);
}

.cards[data-design="story"] h3 a {
	color:inherit;
	text-decoration:none;
}

.cards[data-design="story"] .card-snippet {
	max-height:0;
	overflow:hidden;
	opacity:0;
	font-size:1rem;
	line-height:1.4;
	color:var(--white);
	transition:
		max-height 0.35s ease,
		opacity 0.25s ease,
		margin-top 0.25s ease;
}

.cards[data-design="story"] .card:hover .card-snippet,
.cards[data-design="story"] .card:focus-within .card-snippet {
	max-height:12rem;
	margin-top:12px;
	opacity:1;
}

.cards[data-design="story"] .card:hover .card-media img,
.cards[data-design="story"] .card:focus-within .card-media img {
	transform:scale(1.04);
}

.cards[data-design="story"] .card-actions {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-top:18px;
}

.cards[data-design="story"] .card-read {
	position:relative;
	z-index:4;
	color:var(--white);
	text-decoration:none;
}

.cards[data-design="story"] .card-cat {
	display:inline-flex;
	align-items:center;
	width:fit-content;
	padding:6px 12px;
	border-radius:999px;
	background:var(--teal-light);
	color:var(--dark);
	font-size:0.875rem;
	line-height:1;
}

.cards[data-design="story"] .link-arrow {
	color:var(--white);
}


/* BLOCK > EDITOR CARDS > MEMORY */

.cards[data-design="memory"] .card {
	grid-column:1 / -1;
	display:flex;
	flex-direction:column;
	background:var(--white);
}

.cards[data-design="memory"] .card-media img {
	width:100%;
	border-radius:10px 10px 0 0;
}

.cards[data-design="memory"] .card-text .copy {
	max-width:none;
	padding:20px 20px 0;
	font-size:1rem;
}


/* =========================================
   EVENT CARDS
   ========================================= */

.cards[data-design="event"] .card {
	grid-column:1 / -1;
	display:block;
	margin-bottom:3rem;
}

.cards[data-design="event"] .card-media {
	overflow:hidden;
	border-radius:10px 10px 0 0;
}

.cards[data-design="event"] .card-media img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.cards[data-design="event"] .card-text {
	padding:1.5rem;
	background:var(--white);
	border-radius:0 0 10px 10px;
	font-size:1rem;
	z-index:2;
}

.cards[data-design="event"] .card-text .copy {
	max-width:none;
}


/* BLOCK > CARDS > STATS  */

.cards[data-design="stat"] .card {
	grid-column:1 / -1;
	display:flex;
	flex-direction:column;
	height:100%;
	background:var(--blue);
	color:var(--white);
}

.cards[data-design="stat"] .card-media {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:40px 40px 0;
}

.cards[data-design="stat"] .card-media img {
	width:80px;
	height:80px;
	object-fit:contain;
}

.cards[data-design="stat"] .card-text {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	height:100%;
	padding:40px;
}

.cards[data-design="stat"] .card:has(.card-media) .card-text {
	padding-top:24px;
}

.cards[data-design="stat"] .copy {
	max-width:none;
}

.cards[data-design="stat"] h3 {
	margin-bottom:12px;
	color:var(--green-light);
	font-size:clamp(2.5rem, 5vw, 4.5rem);
	line-height:0.95;
}

.cards[data-design="stat"] p {
	margin:0;
	color:var(--white);
	font-size:1rem;
	line-height:1.4;
}

@media (min-width:779px) {
	.intro-left {
		max-width:50%;
	}

	.cards[data-design="fundraising"] .card,
	.cards[data-design="memory"] .card,
	.cards[data-design="stat"] .card,
	.cards[data-design="story"] .card {
		grid-column:span 6;
	}

	.cards[data-design="story"] .card[data-featured="true"] {
		grid-column:1 / -1;
		aspect-ratio:2 / 1;
		min-height:0;
	}

	.cards[data-design="event"] .card {
		display:grid;
		grid-template-columns:repeat(12, 1fr);
		align-items:start;
		margin-bottom:clamp(3rem, 6vw, 6rem);
	}

	.cards[data-design="event"] .card-media {
		grid-column:1 / span 7;
		grid-row:1;
		border-radius:10px;
	}

	.cards[data-design="event"] .card-text {
		grid-column:6 / span 7;
		grid-row:1;
		margin-top:60px;
		padding:clamp(1.5rem, 3vw, 3rem);
		border-radius:10px;
		box-shadow:0 20px 50px rgba(0, 0, 0, 0.08);
	}
}

@media (min-width:1024px) {
	.cards[data-design="stat"] {
		position:relative;
	}

	.cards[data-design="stat"] .card {
		position:relative;
		z-index:1;
	}
	.cards[data-style="ribbon-waves"]::after {
		position:absolute;
		content:"";
		left:50%;
		top:0;
		width:100vw;
		height:360px;
		transform:translateX(-50%);
		background-image:url("assets/vectors/ribbon-wave-mask.svg");
		background-repeat:no-repeat;
		background-position:top center;
		background-size:100% auto;
		z-index:0;
		pointer-events:none;
	}
	
	.cards[data-design="fundraising"] .card {grid-column:span 4;}
	.cards[data-design="fundraising"] .card:nth-child(1),
	.cards[data-design="fundraising"] .card:nth-child(2),
	.cards[data-design="fundraising"] .card:nth-child(3),
	.cards[data-design="fundraising"] .card:nth-child(4) {
		grid-column:span 6;
	}

	.cards[data-design="memory"] .card,
	.cards[data-design="stat"] .card {
		grid-column:span 3;
	}

	.cards[data-design="story"] .card {
		grid-column:span 4;
	}

	.cards[data-design="story"] .card[data-featured="true"] {
		grid-column:1 / -1;
		aspect-ratio:2.4 / 1;
	}

	.cards[data-design="story"] .card[data-featured="true"] .copy {
		max-width:32%;
	}

	.cards[data-design="event"] .card-media {
		grid-column:2 / span 6;
	}

	.cards[data-design="event"] .card-text {
		grid-column:6 / span 6;
	}
}


/* BLOCK > HISTORY */

[data-block="history"] {position:relative;overflow:hidden;background:var(--blue);color:var(--light);}
[data-block="history"] .history-intro .intro {grid-column:span 6;padding:0 1rem}
[data-block="history"] .history-nav {padding:20px 0}

[data-block="history"] .flex {justify-content:flex-start;}

.history-arrows.flex {gap:0}
.history-arrows {
position:relative;
flex:1;
display:flex;
align-items:center;justify-content:space-between;min-width:0;}
.history-arrows::before {
content:"";
position:absolute;
top:50%;
left:14px;
right:14px;
height:2px;
background:var(--blue-light);
transform:translateY(-50%);
z-index:0;}

.history-nav {
	display:flex;
	align-items:center;
	gap:40px;
}

.history-menu {
	display:flex;
	align-items:center;
	gap:12px;
	flex-shrink:0;
	position:relative;
	z-index:2;
}

.history-nav-year {
	appearance:none;
	border:0;
	border-radius:999px;
	padding:10px 20px;
	background:var(--blue);
	color:var(--blue-light);
	font:inherit;
	cursor:pointer;
	transition:background 0.25s ease, color 0.25s ease;
}

.history-nav-year:hover,
.history-nav-year:focus-visible,
.history-nav-year.is-active,
.history-nav-year[aria-current="true"] {
	background:var(--green-light);
	color:var(--blue);
}

.history-timeline {
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	scroll-behavior:smooth;
	scroll-snap-type:x proximity;
	scroll-padding-left:max(24px, calc((100vw - 1400px) / 2));
	-webkit-overflow-scrolling:touch;
}

.history-timeline::-webkit-scrollbar {
	display:none;
}

.history-period {
	flex:0 0 auto;
	display:grid;
	grid-auto-flow:column;
	grid-auto-columns:calc((min(100vw, 1400px) - (11 * var(--gap, 24px))) / 12);
	gap:40px;
	scroll-snap-align:start;
	padding-right:40px;
}

.history-header {
	grid-column:span 1;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:520px;
}

.history-year {
	position:absolute;
	white-space:nowrap;
	transform:rotate(90deg);
	transform-origin:center;
	font-size:clamp(3rem, 10vw, 6rem);
	line-height:1;
	color:transparent;
	-webkit-text-stroke:1px var(--blue-light);
	text-stroke:1px var(--blue-light);
	grid-column:1;
}

.history-milestone {
	min-width:0;
	grid-column:span 6;
}

.milestone-image {
	margin:0 0 20px;
	overflow:hidden;
	border-radius:10px;
}

.milestone-image img {
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:3 / 2;
	object-fit:cover;
}

.milestone-content {
	color:var(--white);
}
.milestone-content .copy p {font-size:1rem}
@media(min-width:981px){
	[data-block="history"] .history-intro .intro:last-child {padding:120px 0}
	.history-milestone {grid-column:span 4}
	.milestone-content .copy p {font-size:1.25rem}
}

/* BLOCK > PEOPLE AND PROFILES */
[data-block="people"] {padding:0}
[data-block="people"] .people {padding:0;gap:0}

[data-block="people"] .profile {
	position:relative;
	padding:20px;
}

[data-block="people"] .profile {
	grid-column:span 12;
}

[data-block="people"] .profile-media {
	position:relative;
	overflow:hidden;
	border-radius:50% 50% 0 0;
}

[data-block="people"] .profile-media img {
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:1 / 1;
	object-fit:cover;
	border-radius:50% 50% 0 0;
}

[data-block="people"] .profile-text {
	padding-top:24px;
}

[data-block="people"] .bio-open,
[data-block="people"] .bio-close {
	position:absolute;
	width:44px;
	height:44px;
	border:0;
	border-radius:50%;
	font-size:0;
	cursor:pointer;
	z-index:3;
	background-color:var(--blue);
	background-repeat:no-repeat;
	background-position:center;
	background-size:44px 44px;
}

[data-block="people"] .bio-open {
	right:10px;
	bottom:10px;
	background-image:url("assets/vectors/plus.svg");
}

[data-block="people"] .bio-close {
	top:-10px;
	right:-10px;
	background-image:url("assets/vectors/cross.svg");
}

[data-block="people"] .profile-bio {
	position:fixed;
	inset:50% auto auto 50%;
	width:calc(100vw - 24px);
	max-height:calc(100vh - 24px);
	display:grid;
	grid-template-columns:1fr;
	background:var(--white);
	color:var(--dark);
	border-radius:10px;
	overflow-y:auto;
	z-index:1000;
	transform:translate(-50%, -50%) scale(0.96);
	opacity:0;
	pointer-events:none;
	transition:
		opacity 0.25s ease,
		transform 0.25s ease;
}

[data-block="people"] .profile-bio.is-open {
	opacity:1;
	pointer-events:auto;
	transform:translate(-50%, -50%) scale(1);
}

[data-block="people"] .profile-bio * {
	color:var(--dark);
}

[data-block="people"] .profile-bio-text {
	grid-column:1 / -1;
	padding:32px 24px;
	overflow-y:visible;
}

[data-block="people"] .profile-bio-image {
	grid-column:1 / -1;
	min-height:320px;
	overflow:hidden;
	border-radius:0 0 10px 10px;
}

[data-block="people"] .profile-bio-image img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

[data-block="people"] h2,
[data-block="people"] h3 {
	margin:0;
	font-size:clamp(1.5rem, 5vw, 2rem);
	line-height:1.1;
}

[data-block="people"] .profile-bio h2 + p,
[data-block="people"] .profile-bio h3 + p {
	margin-top:0.35rem;
}

body.bio-modal-open {
	overflow:hidden;
}

body.bio-modal-open::before {
	content:"";
	position:fixed;
	inset:0;
	background:rgba(0, 0, 0, 0.45);
	z-index:999;
}

@media (min-width:779px) {
	[data-block="people"] .people {
		padding:0;
		gap:40px;
	}
	[data-block="people"] .profile {
		grid-column:span 6;
	}

	[data-block="people"] .profile-bio {
		width:min(900px, calc(100vw - 48px));
		max-height:calc(100vh - 48px);
	}
}

@media (min-width:1024px) {
	[data-block="people"] .profile {
		grid-column:span 3;
		padding:0;
	}

	[data-block="people"] .profile-bio {
		width:min(1200px, calc(100vw - 48px));
		display:grid;
		grid-template-columns:repeat(12, minmax(0, 1fr));
		overflow:visible;
	}

	[data-block="people"] .profile-bio-text {
		grid-column:1 / span 8;
		padding:clamp(32px, 5vw, 72px);
		overflow-y:auto;
	}

	[data-block="people"] .profile-bio-image {
		grid-column:9 / span 4;
		min-height:520px;
		border-radius:0 10px 10px 0;
	}
}

/* BLOCK > ACCORDIAN */

.accordion {list-style:none;max-width:980px;margin:0 auto; grid-column:span 8;}
.accordion h3 {margin-bottom:0;color:var(--blue)}
.accordion li {position:relative;background:var(--white);margin-bottom:10px;border-radius:10px;}
.accordion button {border:none;background:var(--white);width:100%;padding:1.5rem 4rem 1.5rem 2rem;border-radius:10px;text-align:left}
.accordion button:hover {cursor:pointer}
.accordion button:hover h3 {color:var(--grey)}
.accordion svg {position:absolute;right:20px;transition:transform 0.3s ease}
.accordion svg.acc_open {transform:rotate(45deg)}
.accordion li .copy {max-width:100%}
.accordion li ul li {border:none}
.accordion .fold-title {display:flex;align-items:center;justify-content:space-between}
.accordion .fold-text {position:relative;overflow:hidden;transition:all .5s ease-in-out;max-height:0}.fold-text div {padding:1.5rem 2rem}

@media(min-width:779px){
.accordion {justify-content:left}
.accordion h3 {font-size:1.5rem}
}



/* ARTICLE */

[data-block="article"][data-bg="gradient"] {
	background:linear-gradient(to bottom right, #EAEDD3 0%, #DCEAE6 100%);
}

.article {
	width:100%;
	max-width:100%;
	margin-inline:auto;
}
.article-header {margin:0 1rem}
.article-body {
	position:relative;
	background:var(--white);
	border-radius:10px;
	padding-bottom:80px;
}

.article-feature img {
	display:block;
	width:100%;
	height:auto;
	border-radius:10px;
}

.article-meta {
	margin-top:20px;
	font-size:1rem;
}

.article-meta a {
	font-family:BaxterSans-Bold;
	text-decoration:none;
}

.article-body .copy {
	padding:24px;
}

.article-body blockquote {
	margin:0 24px;
}

[data-block="article"] blockquote .copy {
	padding:0;
}

[data-block="article"] blockquote .copy p {
	font-size:1.5rem;
}

.article-share {
	position:absolute;
	left:50%;
	bottom:-30px;
	transform:translateX(-50%);
	display:inline-flex;
	align-items:center;
	gap:16px;
	height:60px;
	padding:0 20px 0 30px;
	border:0;
	border-radius:40px;
	background:var(--blue);
	color:var(--white);
	font-family:BaxterSans-Bold;
	font-size:1rem;
	line-height:1;
	text-decoration:none;
	white-space:nowrap;
	cursor:pointer;
	z-index:5;
	transition:
		background-color 0.2s ease,
		transform 0.2s ease;
}

.article-share:hover,
.article-share:focus-visible {
	transform:translateX(-50%) scale(0.98);
}

.article-share__icon {
	width:24px;
	height:24px;
	background-image:url("assets/vectors/share-link.svg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

.article-share.is-copied .article-share__icon {
	background-image:url("assets/vectors/share-tick.svg");
}

@media (min-width:779px) {
	.article {
		max-width:920px;
	}
	.article-body .copy {
		padding:40px;
	}

	.article-body blockquote {
		margin:0 40px;
	}
}





/* OTHER FORMATTING  */

.nohero {margin-top:48px}

blockquote {margin:20px 0 40px 0; padding:20px;border-left:4px solid var(--blue)}
blockquote p, blockquote .copy p {font-family:'BaxterSans-Bold';font-size:1.875rem;font-style:italic;line-height:1.2;color:var(--blue);}
blockquote cite {margin-top:20px;display:flex;align-items:center;gap:20px;font-size:var(--text-s2);font-style:normal}
blockquote cite strong {font-family:'BaxterSans-Bold'}
blockquote cite img {height:auto;max-width:80px;border-radius:100%}
blockquote cite div {display:flex;flex-direction:column}
@media(min-width:779px){blockquote {padding:40px}}
[data-block="editorial"] blockquote {margin:0; padding:20px 0;border:0;}

.valign_top{align-self:flex-start}
.valign_middle{align-self:center}
.valign_bottom{align-self:flex-end}

.embed_form {width:100%;padding:20px;background:var(--white);border-radius:8px}

@media(min-width:779px){
    .copy {padding:0}
}

@media(max-width:1540px){
    .nomob{display:none}
}




/* TEXT FORMATTING */
h1,h2,h3,h4,h5,h6{font-family:'BaxterSans-Bold';color:var(--dark);margin-bottom:20px;line-height:1;color:var(--blue)}
h1 {font-size:clamp(2.5rem, 6vw, 4rem);line-height:1;}
h2 {font-size:clamp(2rem, 5vw, 3.5rem);line-height:1;}
h3 {font-size:clamp(1.5rem, 3.5vw, 2rem);line-height:1.1}
h4 {font-size:clamp(1.25rem, 2.5vw, 1.5rem);line-height:1.2;}
h5 {font-size:clamp(1rem, 2vw, 1rem);line-height:1.3;}
h6 {font-size:clamp(1rem, 2vw, 1rem);line-height:1.3}
h1 a,h2 a,h3 a {text-decoration:none}

.copy {max-width:100%}
.copy [href]:not([class]) {text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:2px;text-decoration-thickness:2px;transition:all .2s ease-in-out}
.copy [href]:not([class]):hover{text-decoration-thickness:3px;}

.copy p {margin-bottom:20px}
.copy strong  {font-family:'BaxterSans-Bold';}
.copy .label {font-family:'BaxterSans-Bold';font-size:1.25rem;text-transform:uppercase;color:var(--blue);margin:0}
.copy .label span {display:inline-block}
.copy .lead {font-size:1.5rem;line-height:1.4}

.copy ul, .copy ol {display:flex;flex-direction:column;gap:.25rem;margin-bottom:20px}
.copy ul {list-style:disc;margin-left:1.5rem}
.copy ol {list-style:decimal;margin-left:2.5rem}
.copy ol li::marker {letter-spacing:-2px}


.copy .mt0 {margin-top:0}
.copy .mb0 {margin-bottom:0}
.copy .pb0 {padding-top:0}
.copy .pt0 {padding-bottom:0}
.copy .tc {text-align:center}


a.link {position:relative;display:inline-flex;margin-right:16px;height:46px;padding:0;pointer-events:visible;text-align:center;text-decoration:none;text-transform:none;align-items:center;font-size:1rem;font-family:'BaxterSans-Bold';justify-content:center;border-radius:40px;color:var(--blue);transition:all .2s ease-in-out}
a.link:hover {color:var(--blue-dark);}

a.link-arrow {padding-right:46px !important}
a.link-arrow::after{position:absolute;top:14px;right:18px;content:"";background-image:url(assets/vectors/arrow-bluelight.svg);background-size:18px 18px;width:18px;height:18px;background-repeat:no-repeat;transition:all .1s ease-in-out}
a.link-arrow:hover::after {right:14px;}

a.link-jump {padding-right:46px !important}
a.link-jump::after{position:absolute;top:14px;right:18px;content:"";background-image:url(assets/vectors/arrow-bluelight.svg);transform:rotate(90deg);background-size:18px 18px;width:18px;height:18px;background-repeat:no-repeat;transition:all .1s ease-in-out}
a.link-jump:hover::after{top:18px}

a.link-blue {padding:10px 24px;background:var(--blue);color:var(--white)}
a.link-blue:hover {background:var(--dark);color:var(--white);}
a.link-blue.link-arrow::after {background-image:url(assets/vectors/arrow-light.svg)}

a.link-green {padding:10px 24px;background:var(--green);color:var(--dark)}
a.link-green:hover {background:var(--dark);color:var(--white);}
a.link-green.link-arrow::after {background-image:url(assets/vectors/arrow-light.svg)}

a.link-gradient {padding:10px 24px;color:#3C53A3;background:linear-gradient(to bottom right,var(--green-light) 0%,var(--teal-light) 100%)}
a.link-gradient:hover {color:#3C53A3;background:linear-gradient(to bottom right,var(--green-light) 0%,var(--teal-light) 50%)}
a.link-gradient.link-arrow::after {background-image:url(assets/vectors/arrow-blue.svg);}

a.link-light {padding:10px 24px;background:var(--light);color:var(--light)}
a.link-light:hover {background:var(--dark);color:var(--light);}
a.link-light.link-arrow::after {background-image:url(assets/vectors/arrow-light-right.svg)}

a.link-external{margin-right:20px;padding:10px 56px 10px 24px;background-color:var(--blue);color:var(--white)}
a.link-external::before {position:absolute;top:0;right:0;content:"";background:var(--blue-light);border-radius:40px;width:46px;height:46px;}
a.link-external::after{position:absolute;top:14px;right:12px;content:"";background-image:url(assets/vectors/arrow-white.svg);transform:rotate(-45deg);background-size:17px 18px;width:18px;height:18px;background-repeat:no-repeat;transition:all .1s ease-in-out}
a.link-external:hover {background:var(--dark); color:var(--white)}
a.link-external:hover::after{top:12px;right:10px}

.copy .bigtext {font-family:BaxterSans-Bold;font-size:8rem;line-height:8.875rem;letter-spacing:-2px}
.copy .bigtext {
	display:inline-block;
	max-width:100%;
	font-family:BaxterSans-Bold;
	font-size:clamp(3rem, 13vw, 8rem);
	line-height:1;
	letter-spacing:-0.04em;
	white-space:nowrap;
}
@media (max-width:480px) {
	.copy .bigtext {
		font-size:clamp(2.5rem, 12vw, 4rem);
		letter-spacing:-0.06em;
	}
}

.copy .bluegradtext {background:linear-gradient(to bottom, var(--blue-light) 0%, var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.copy .greengradtext {background:linear-gradient(to bottom, var(--teal-light) 0%, var(--green-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}

.bg_blue h2, .bg_blue h3, .bg_blue p, .bg_blue ul li, .bg_blue ol li {color:var(--light)}
.bg_grey h2, .bg_grey h3, .bg_grey p, .bg_grey ul li, .bg_grey ol li {color:var(--light)}
[data-bg=blue] h2, [data-bg=blue] h3, [data-bg=blue] p, [data-bg=blue] ul li, [data-bg=blue] ol li {color:var(--light)}



[data-block="herohalf"][data-style=ribbon-right] .hero__media::after {position:absolute;bottom:-130px;right:0;content:"";width:614px;height:239px;background:url('assets/vectors/ribbon-right.svg') no-repeat;background-position:top center;background-size:100% auto;z-index:5}

@media (min-width:1024px) {
[data-block="editorial"][data-style=ribbon-left]::after {position:absolute;top:0;left:0;content:"";width:614px;height:239px;background:url('assets/vectors/ribbon-left.svg') no-repeat;background-position:top center;background-size:100% auto;z-index:-5}
[data-block="editorial"][data-style=ribbon-right]::after {position:absolute;top:0;right:0;content:"";width:614px;height:239px;background:url('assets/vectors/ribbon-right.svg') no-repeat;background-position:top center;background-size:100% auto;z-index:-5}
[data-block="editorial"][data-style=ribbon-waves]::after {position:absolute;content:"";top:33%;left:50%;width:100vw;height:220px;transform:translateX(-50%);background-image:url("assets/vectors/ribbon-wave.svg");background-repeat:no-repeat;background-position:top center;background-size:100% auto;z-index:0}

[data-style="ribbon-loop-left"]::before,[data-style="ribbon-loop-right"]::before {position:absolute;content:"";width:100%;height:100%;background-repeat:no-repeat;background-position:top center;background-size:100% auto;z-index:-5}
[data-style="ribbon-loop-left"]::before {top:400px;left:0;background-image:url("assets/vectors/ribbon-loop-left.svg");}
[data-style="ribbon-loop-right"]::before {top:32px;right:0;background-image:url("assets/vectors/ribbon-loop-right.svg");}


[data-block="cards"][data-style=ribbon-left]::after {position:absolute;top:0;left:0;content:"";width:614px;height:239px;background:url('assets/vectors/ribbon-left.svg') no-repeat;background-position:top center;background-size:100% auto;z-index:0}
[data-block="cards"][data-style=ribbon-right]::after {position:absolute;top:0;right:0;content:"";width:614px;height:239px;background:url('assets/vectors/ribbon-right.svg') no-repeat;background-position:top center;background-size:100% auto;z-index:0}
[data-block="cards"][data-style=ribbon-waves]::after {position:absolute;content:"";bottom:33%;left:50%;width:100vw;height:220px;transform:translateX(-50%);background-image:url("assets/vectors/ribbon-wave.svg");background-repeat:no-repeat;background-position:top center;background-size:100% auto;z-index:0}
}



/* WordPress Catches */
.wp-block-columns {max-width:1430px;margin:4vh auto;padding:0 20px}
.wp-block-column .copy {padding-left:0}

.wp-block-gallery {padding:20px;row-gap:16px;column-gap:16px} @media(min-width:779px){.wp-block-gallery {padding:20px 0 40px 0;}}
.wp-block-image {margin:0 auto}
.wp-block-image .wp-element-caption {text-align:center;font-size:12px}

.wp-block-embed {
	width:100%;
	margin-inline:auto;
	padding:40px 0;
}

.wp-block-embed__wrapper {
	position:relative;
	width:100%;
	aspect-ratio:16 / 9;
	overflow:hidden;
}

.wp-block-embed iframe {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	border:0;
}

.full-width{grid-column:1/-1;left:50%;margin-left:-50vw;margin-right:-50vw;position:relative;right:50%;width:100vw}.full-width img {width:100%;height:inherit}
.has-text-align-center {max-width:64ch;margin:10px auto}
.hide, .screen-reader-text {display:none}
.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

.post-edit-link {position:fixed;bottom:10px;left:10px;background-color:var(--green);color:var(--dark);height:80px;width:80px;line-height:84px;text-align:center;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,.2);text-decoration:none;border-radius:100px 100px 0 0;font-weight:900;transition:all .2s ease-in-out}
.post-edit-link:hover {bottom:8px}