/* ----------------------------------------------------------------
GENERAL
---------------------------------------------------------------- */

html {
	/* Layout */
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	/* Layout */
	height: 100%;
	margin: 0;
	padding: 0;
	/* Typography */
	font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
}

figure {
	/* Layout */
	margin: 0;
	padding: 0;
}








/* -------------------------------------------------------------- 
PAGE
-------------------------------------------------------------- */

.page {
	/* Layout */
	position: relative;
	overflow: hidden;
	/* Appearance */
	background-color: #fff;
}








/* ----------------------------------------------------------------
SLICE
---------------------------------------------------------------- */

.slice {
}









/* ----------------------------------------------------------------
CONTAINER
---------------------------------------------------------------- */

.container {
	/* Layout */
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-left: calc(env(safe-area-inset-left) + 20px);
	padding-right: calc(env(safe-area-inset-right) + 20px);
	/* padding-left: calc(max(20px, env(safe-area-inset-left))); */
	/* padding-right: calc(max(20px, env(safe-area-inset-left))); */
}

/* Size */

.container {
	max-width: 1024px;
}

/* Safety Padding */

.container.has-safety-padding {
	/* default */
}
.container.has-no-safety-padding {
	padding: 0;
}
.container.is-full-bleed {
	max-width: 100%;
	padding: 0;
}
@media (max-width: 735px) {
	.container.if-below-medium-is-full-bleed {
		max-width: 100%;
		padding: 0;
	}
}
@media (max-width: 1068px) {
	.container.if-below-large-is-full-bleed {
		max-width: 100%;
		padding: 0;
	}
}
@media (max-width: 1442px) {
	.container.if-below-xlarge-is-full-bleed {
		max-width: 100%;
		padding: 0;
	}
}








/* ----------------------------------------------------------------
GRID
---------------------------------------------------------------- */


.grid {
	position: relative;
	z-index: 1;
}

/* Auto Clear */
.grid::before, .grid::after {
	content: ' ';
	display: table;
}
.grid::after {
	clear: both;
}

/* Gutter */
.grid.has-no-gutter { /* default */ }
.grid.has-small-gutter { margin: -0.666em; }
.grid.has-gutter { margin: -1em; }
.grid.has-large-gutter { margin: -1.5em; }
@media (min-width: 735px) {
	.grid.if-medium-has-no-gutter { margin: 0; }
	.grid.if-medium-has-small-gutter { margin: -0.666em; }
	.grid.if-medium-has-gutter { margin-left: -1em; }
	.grid.if-medium-has-large-gutter { margin: -1.5em; }
}
@media (min-width: 1068px) {
	.grid.if-large-has-no-gutter { margin: 0; }
	.grid.if-large-has-small-gutter { margin: -0.666em; }
	.grid.if-large-has-gutter { margin: -1em; }
	.grid.if-large-has-large-gutter { margin: -1.5em; }
}
@media (min-width: 1442px) {
	.grid.if-xlarge-has-no-gutter { margin: 0; }
	.grid.if-xlarge-has-small-gutter { margin: -0.666em; }
	.grid.if-xlarge-has-gutter { margin: -1em;	}
	.grid.if-xlarge-has-large-gutter { margin: -1.5em; }
}


/* COLUMN */

.grid-column {
	box-sizing: border-box;
	float: left;
	position: relative; /* for push and pull */
	/* z-index: 1; margin: 0; padding: 0; min-height: 2px; */
}

/* Gutter */
.grid.has-no-gutter .grid-column { padding: 0; }
.grid.has-small-gutter .grid-column { padding: 0.666em; }
.grid.has-gutter .grid-column { padding: 1em; }
.grid.has-large-gutter .grid-column { padding: 1.5em; }
@media (min-width: 735px) {
	.grid.if-medium-has-no-gutter .grid-column { padding: 0; }
	.grid.if-medium-has-small-gutter .grid-column { padding: 0.666em; }
	.grid.if-medium-has-gutter .grid-column { padding: 1em; }
	.grid.if-medium-has-large-gutter .grid-column { padding: 1.5em; }
}
@media (min-width: 1068px) {
	.grid.if-large-has-no-gutter .grid-column { padding: 0; }
	.grid.if-large-has-small-gutter .grid-column { padding: 0.666em; }
	.grid.if-large-has-gutter .grid-column { padding: 1em; }
	.grid.if-large-has-large-gutter .grid-column { padding: 1.5em; }
}
@media (min-width: 1442px) {
	.grid.if-xlarge-has-no-gutter .grid-column { padding: 0; }
	.grid.if-xlarge-has-small-gutter .grid-column { padding: 0.666em; }
	.grid.if-xlarge-has-gutter .grid-column { padding: 1em; }
	.grid.if-xlarge-has-large-gutter .grid-column { padding: 1.5em; }
}

/* More Modifiers */
.is-offset-0 {
	margin-left: 0;
}
.is-push-0 {
	left: auto;
	right: auto;
}
.is-pull-0 {
	right: auto;
	left: auto;
}
.is-1 {
	width: 8.33333%;
}
.is-offset-1 {
	margin-left: 8.33333%;
}
.is-push-1 {
	left: 8.33333%;
	right: auto;
}
.is-pull-1 {
	right: 8.33333%;
	left: auto;
}
.is-2 {
	width: 16.66667%;
}
.is-offset-2 {
	margin-left: 16.66667%;
}
.is-push-2 {
	left: 16.66667%;
	right: auto;
}
.is-pull-2 {
	right: 16.66667%;
	left: auto;
}
.is-3 {
	width: 25%;
}
.is-offset-3 {
	margin-left: 25%;
}
.is-push-3 {
	left: 25%;
	right: auto;
}
.is-pull-3 {
	right: 25%;
	left: auto;
}
.is-4 {
	width: 33.33333%;
}
.is-offset-4 {
	margin-left: 33.33333%;
}
.is-push-4 {
	left: 33.33333%;
	right: auto;
}
.is-pull-4 {
	right: 33.33333%;
	left: auto;
}
.is-5 {
	width: 41.66667%;
}
.is-offset-5 {
	margin-left: 41.66667%;
}
.is-push-5 {
	left: 41.66667%;
	right: auto;
}
.is-pull-5 {
	right: 41.66667%;
	left: auto;
}
.is-6 {
	width: 50%;
}
.is-offset-6 {
	margin-left: 50%;
}
.is-push-6 {
	left: 50%;
	right: auto;
}
.is-pull-6 {
	right: 50%;
	left: auto;
}
.is-7 {
	width: 58.33333%;
}
.is-offset-7 {
	margin-left: 58.33333%;
}
.is-push-7 {
	left: 58.33333%;
	right: auto;
}
.is-pull-7 {
	right: 58.33333%;
	left: auto;
}
.is-8 {
	width: 66.66667%;
}
.is-offset-8 {
	margin-left: 66.66667%;
}
.is-push-8 {
	left: 66.66667%;
	right: auto;
}
.is-pull-8 {
	right: 66.66667%;
	left: auto;
}
.is-9 {
	width: 75%;
}
.is-offset-9 {
	margin-left: 75%;
}
.is-push-9 {
	left: 75%;
	right: auto;
}
.is-pull-9 {
	right: 75%;
	left: auto;
}
.is-10 {
	width: 83.33333%;
}
.is-offset-10 {
	margin-left: 83.33333%;
}
.is-push-10 {
	left: 83.33333%;
	right: auto;
}
.is-pull-10 {
	right: 83.33333%;
	left: auto;
}
.is-11 {
	width: 91.66667%;
}
.is-offset-11 {
	margin-left: 91.66667%;
}
.is-push-11 {
	left: 91.66667%;
	right: auto;
}
.is-pull-11 {
	right: 91.66667%;
	left: auto;
}
.is-12 {
	width: 100%;
}
.is-offset-12 {
	margin-left: 100%;
}
.is-push-12 {
	left: 100%;
	right: auto;
}
.is-pull-12 {
	right: 100%;
	left: auto;
}
.is-centered {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.is-uncentered {
	margin-left: 0;
	margin-right: 0;
}
.is-last {
	float: right;
}
.is-not-last {
	float: left;
}
@media (min-width: 735px) {
	.if-medium-is-offset-0 {
		margin-left: 0;
	}
	.if-medium-is-push-0 {
		left: auto;
		right: auto;
	}
	.if-medium-is-pull-0 {
		right: auto;
		left: auto;
	}
	.if-medium-is-1 {
		width: 8.33333%;
	}
	.if-medium-is-offset-1 {
		margin-left: 8.33333%;
	}
	.if-medium-is-push-1 {
		left: 8.33333%;
		right: auto;
	}
	.if-medium-is-pull-1 {
		right: 8.33333%;
		left: auto;
	}
	.if-medium-is-2 {
		width: 16.66667%;
	}
	.if-medium-is-offset-2 {
		margin-left: 16.66667%;
	}
	.if-medium-is-push-2 {
		left: 16.66667%;
		right: auto;
	}
	.if-medium-is-pull-2 {
		right: 16.66667%;
		left: auto;
	}
	.if-medium-is-3 {
		width: 25%;
	}
	.if-medium-is-offset-3 {
		margin-left: 25%;
	}
	.if-medium-is-push-3 {
		left: 25%;
		right: auto;
	}
	.if-medium-is-pull-3 {
		right: 25%;
		left: auto;
	}
	.if-medium-is-4 {
		width: 33.33333%;
	}
	.if-medium-is-offset-4 {
		margin-left: 33.33333%;
	}
	.if-medium-is-push-4 {
		left: 33.33333%;
		right: auto;
	}
	.if-medium-is-pull-4 {
		right: 33.33333%;
		left: auto;
	}
	.if-medium-is-5 {
		width: 41.66667%;
	}
	.if-medium-is-offset-5 {
		margin-left: 41.66667%;
	}
	.if-medium-is-push-5 {
		left: 41.66667%;
		right: auto;
	}
	.if-medium-is-pull-5 {
		right: 41.66667%;
		left: auto;
	}
	.if-medium-is-6 {
		width: 50%;
	}
	.if-medium-is-offset-6 {
		margin-left: 50%;
	}
	.if-medium-is-push-6 {
		left: 50%;
		right: auto;
	}
	.if-medium-is-pull-6 {
		right: 50%;
		left: auto;
	}
	.if-medium-is-7 {
		width: 58.33333%;
	}
	.if-medium-is-offset-7 {
		margin-left: 58.33333%;
	}
	.if-medium-is-push-7 {
		left: 58.33333%;
		right: auto;
	}
	.if-medium-is-pull-7 {
		right: 58.33333%;
		left: auto;
	}
	.if-medium-is-8 {
		width: 66.66667%;
	}
	.if-medium-is-offset-8 {
		margin-left: 66.66667%;
	}
	.if-medium-is-push-8 {
		left: 66.66667%;
		right: auto;
	}
	.if-medium-is-pull-8 {
		right: 66.66667%;
		left: auto;
	}
	.if-medium-is-9 {
		width: 75%;
	}
	.if-medium-is-offset-9 {
		margin-left: 75%;
	}
	.if-medium-is-push-9 {
		left: 75%;
		right: auto;
	}
	.if-medium-is-pull-9 {
		right: 75%;
		left: auto;
	}
	.if-medium-is-10 {
		width: 83.33333%;
	}
	.if-medium-is-offset-10 {
		margin-left: 83.33333%;
	}
	.if-medium-is-push-10 {
		left: 83.33333%;
		right: auto;
	}
	.if-medium-is-pull-10 {
		right: 83.33333%;
		left: auto;
	}
	.if-medium-is-11 {
		width: 91.66667%;
	}
	.if-medium-is-offset-11 {
		margin-left: 91.66667%;
	}
	.if-medium-is-push-11 {
		left: 91.66667%;
		right: auto;
	}
	.if-medium-is-pull-11 {
		right: 91.66667%;
		left: auto;
	}
	.if-medium-is-12 {
		width: 100%;
	}
	.if-medium-is-offset-12 {
		margin-left: 100%;
	}
	.if-medium-is-push-12 {
		left: 100%;
		right: auto;
	}
	.if-medium-is-pull-12 {
		right: 100%;
		left: auto;
	}
	.if-medium-is-centered {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.if-medium-is-uncentered {
		margin-left: 0;
		margin-right: 0;
	}
	.if-medium-is-last {
		float: right;
	}
	.if-medium-is-not-last {
		float: left;
	}
}
@media (min-width: 1068px) {
	.if-large-is-offset-0 {
		margin-left: 0;
	}
	.if-large-is-push-0 {
		left: auto;
		right: auto;
	}
	.if-large-is-pull-0 {
		right: auto;
		left: auto;
	}
	.if-large-is-1 {
		width: 8.33333%;
	}
	.if-large-is-offset-1 {
		margin-left: 8.33333%;
	}
	.if-large-is-push-1 {
		left: 8.33333%;
		right: auto;
	}
	.if-large-is-pull-1 {
		right: 8.33333%;
		left: auto;
	}
	.if-large-is-2 {
		width: 16.66667%;
	}
	.if-large-is-offset-2 {
		margin-left: 16.66667%;
	}
	.if-large-is-push-2 {
		left: 16.66667%;
		right: auto;
	}
	.if-large-is-pull-2 {
		right: 16.66667%;
		left: auto;
	}
	.if-large-is-3 {
		width: 25%;
	}
	.if-large-is-offset-3 {
		margin-left: 25%;
	}
	.if-large-is-push-3 {
		left: 25%;
		right: auto;
	}
	.if-large-is-pull-3 {
		right: 25%;
		left: auto;
	}
	.if-large-is-4 {
		width: 33.33333%;
	}
	.if-large-is-offset-4 {
		margin-left: 33.33333%;
	}
	.if-large-is-push-4 {
		left: 33.33333%;
		right: auto;
	}
	.if-large-is-pull-4 {
		right: 33.33333%;
		left: auto;
	}
	.if-large-is-5 {
		width: 41.66667%;
	}
	.if-large-is-offset-5 {
		margin-left: 41.66667%;
	}
	.if-large-is-push-5 {
		left: 41.66667%;
		right: auto;
	}
	.if-large-is-pull-5 {
		right: 41.66667%;
		left: auto;
	}
	.if-large-is-6 {
		width: 50%;
	}
	.if-large-is-offset-6 {
		margin-left: 50%;
	}
	.if-large-is-push-6 {
		left: 50%;
		right: auto;
	}
	.if-large-is-pull-6 {
		right: 50%;
		left: auto;
	}
	.if-large-is-7 {
		width: 58.33333%;
	}
	.if-large-is-offset-7 {
		margin-left: 58.33333%;
	}
	.if-large-is-push-7 {
		left: 58.33333%;
		right: auto;
	}
	.if-large-is-pull-7 {
		right: 58.33333%;
		left: auto;
	}
	.if-large-is-8 {
		width: 66.66667%;
	}
	.if-large-is-offset-8 {
		margin-left: 66.66667%;
	}
	.if-large-is-push-8 {
		left: 66.66667%;
		right: auto;
	}
	.if-large-is-pull-8 {
		right: 66.66667%;
		left: auto;
	}
	.if-large-is-9 {
		width: 75%;
	}
	.if-large-is-offset-9 {
		margin-left: 75%;
	}
	.if-large-is-push-9 {
		left: 75%;
		right: auto;
	}
	.if-large-is-pull-9 {
		right: 75%;
		left: auto;
	}
	.if-large-is-10 {
		width: 83.33333%;
	}
	.if-large-is-offset-10 {
		margin-left: 83.33333%;
	}
	.if-large-is-push-10 {
		left: 83.33333%;
		right: auto;
	}
	.if-large-is-pull-10 {
		right: 83.33333%;
		left: auto;
	}
	.if-large-is-11 {
		width: 91.66667%;
	}
	.if-large-is-offset-11 {
		margin-left: 91.66667%;
	}
	.if-large-is-push-11 {
		left: 91.66667%;
		right: auto;
	}
	.if-large-is-pull-11 {
		right: 91.66667%;
		left: auto;
	}
	.if-large-is-12 {
		width: 100%;
	}
	.if-large-is-offset-12 {
		margin-left: 100%;
	}
	.if-large-is-push-12 {
		left: 100%;
		right: auto;
	}
	.if-large-is-pull-12 {
		right: 100%;
		left: auto;
	}
	.if-large-is-centered {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.if-large-is-uncentered {
		margin-left: 0;
		margin-right: 0;
	}
	.if-large-is-last {
		float: right;
	}
	.if-large-is-not-last {
		float: left;
	}	
}
@media (min-width: 1442px) {
	.if-xlarge-is-offset-0 {
		margin-left: 0;
	}
	.if-xlarge-is-push-0 {
		left: auto;
		right: auto;
	}
	.if-xlarge-is-pull-0 {
		right: auto;
		left: auto;
	}
	.if-xlarge-is-1 {
		width: 8.33333%;
	}
	.if-xlarge-is-offset-1 {
		margin-left: 8.33333%;
	}
	.if-xlarge-is-push-1 {
		left: 8.33333%;
		right: auto;
	}
	.if-xlarge-is-pull-1 {
		right: 8.33333%;
		left: auto;
	}
	.if-xlarge-is-2 {
		width: 16.66667%;
	}
	.if-xlarge-is-offset-2 {
		margin-left: 16.66667%;
	}
	.if-xlarge-is-push-2 {
		left: 16.66667%;
		right: auto;
	}
	.if-xlarge-is-pull-2 {
		right: 16.66667%;
		left: auto;
	}
	.if-xlarge-is-3 {
		width: 25%;
	}
	.if-xlarge-is-offset-3 {
		margin-left: 25%;
	}
	.if-xlarge-is-push-3 {
		left: 25%;
		right: auto;
	}
	.if-xlarge-is-pull-3 {
		right: 25%;
		left: auto;
	}
	.if-xlarge-is-4 {
		width: 33.33333%;
	}
	.if-xlarge-is-offset-4 {
		margin-left: 33.33333%;
	}
	.if-xlarge-is-push-4 {
		left: 33.33333%;
		right: auto;
	}
	.if-xlarge-is-pull-4 {
		right: 33.33333%;
		left: auto;
	}
	.if-xlarge-is-5 {
		width: 41.66667%;
	}
	.if-xlarge-is-offset-5 {
		margin-left: 41.66667%;
	}
	.if-xlarge-is-push-5 {
		left: 41.66667%;
		right: auto;
	}
	.if-xlarge-is-pull-5 {
		right: 41.66667%;
		left: auto;
	}
	.if-xlarge-is-6 {
		width: 50%;
	}
	.if-xlarge-is-offset-6 {
		margin-left: 50%;
	}
	.if-xlarge-is-push-6 {
		left: 50%;
		right: auto;
	}
	.if-xlarge-is-pull-6 {
		right: 50%;
		left: auto;
	}
	.if-xlarge-is-7 {
		width: 58.33333%;
	}
	.if-xlarge-is-offset-7 {
		margin-left: 58.33333%;
	}
	.if-xlarge-is-push-7 {
		left: 58.33333%;
		right: auto;
	}
	.if-xlarge-is-pull-7 {
		right: 58.33333%;
		left: auto;
	}
	.if-xlarge-is-8 {
		width: 66.66667%;
	}
	.if-xlarge-is-offset-8 {
		margin-left: 66.66667%;
	}
	.if-xlarge-is-push-8 {
		left: 66.66667%;
		right: auto;
	}
	.if-xlarge-is-pull-8 {
		right: 66.66667%;
		left: auto;
	}
	.if-xlarge-is-9 {
		width: 75%;
	}
	.if-xlarge-is-offset-9 {
		margin-left: 75%;
	}
	.if-xlarge-is-push-9 {
		left: 75%;
		right: auto;
	}
	.if-xlarge-is-pull-9 {
		right: 75%;
		left: auto;
	}
	.if-xlarge-is-10 {
		width: 83.33333%;
	}
	.if-xlarge-is-offset-10 {
		margin-left: 83.33333%;
	}
	.if-xlarge-is-push-10 {
		left: 83.33333%;
		right: auto;
	}
	.if-xlarge-is-pull-10 {
		right: 83.33333%;
		left: auto;
	}
	.if-xlarge-is-11 {
		width: 91.66667%;
	}
	.if-xlarge-is-offset-11 {
		margin-left: 91.66667%;
	}
	.if-xlarge-is-push-11 {
		left: 91.66667%;
		right: auto;
	}
	.if-xlarge-is-pull-11 {
		right: 91.66667%;
		left: auto;
	}
	.if-xlarge-is-12 {
		width: 100%;
	}
	.if-xlarge-is-offset-12 {
		margin-left: 100%;
	}
	.if-xlarge-is-push-12 {
		left: 100%;
		right: auto;
	}
	.if-xlarge-is-pull-12 {
		right: 100%;
		left: auto;
	}
	.if-xlarge-is-centered {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.if-xlarge-is-uncentered {
		margin-left: 0;
		margin-right: 0;
	}
	.if-xlarge-is-last {
		float: right;
	}
	.if-xlarge-is-not-last {
		float: left;
	}
}








/* ----------------------------------------------------------------
GROUP
---------------------------------------------------------------- */
/*

Horizontal alignment:
- is-left
- is-center (default)
- is-right

Vertical alignment:
- is-top
- is-middle (default)
- is-bottom

Spacing:
- has-no-spacing (default)
- has-small-spacing
- has-spacing
- has-large-spacing

Sizes:
- is-auto (default)
- is-whole
- is-half
- is-third
- is-quarter 
- ...

Axis:
- is-horizontal (default)
- is-vertical

Visibility
- is-visible (default)
- is-hidden

Responsiveness (conditional modifier + any other modifier)
- if-narrow-...
- if-compact-...
- if-regular-...
- if-wide-...

*/

/* 
Constants:
	- @group-spacing-small: 0.666em;
	- @group-spacing-medium: 1em;
	- @group-spacing-large: 1.5em;
	- @group-breakpoint-narrow: 400px;
	- @group-breakpoint-compact: 720px;
	- @group-breakpoint-regular: 960px;
	- @group-breakpoint-wide: 1200px;
*/


.group {
	display: flex;
	justify-content: center;
	align-items: center;
	/* flex-direction: row; */ /* (default flexbox) */
	/* flex-wrap: no-wrap; */ /* (default flexbox) */
	/* align-items: stretch; */ /* (default flexbox) */
}

/* Horizontal alignment */
.group.is-left { justify-content: flex-start; }
.group.is-center { /* justify-content: center; */ /* (default) */ }
.group.is-right { justify-content: flex-end; }

/* Vertical alignment */
.group.is-top { align-items: flex-start; }
.group.is-middle { /* align-items: center; */ /* (default) */ }
.group.is-bottom { align-items: flex-end; }

/* Spacing */
.group.has-small-spacing { margin: 0 0.333em; } /* @group-spacing-small/2 */
.group.has-spacing { margin: 0 0.5em; } /* @group-spacing-medium/2 */
.group.has-large-spacing { margin: 0 0.75em; } /* @group-spacing-large/2 */

/* Axis */
.group.is-horizontal { /* flex-direction: row; */ } /* (default) */
.group.is-vertical { flex-direction: column; }

/* If Narrow */
@media (min-width: @group-breakpoint-narrow) {
	/* Horizontal alignment */
	.group.if-narrow-is-left { justify-content: flex-start; }
	.group.if-narrow-is-center { justify-content: center; }
	.group.if-narrow-is-right { justify-content: flex-end; }	
	/* Vertical alignment */	
	.group.if-narrow-is-top { align-items: flex-start; }
	.group.if-narrow-is-middle { align-items: center; }
	.group.if-narrow-is-bottom { align-items: flex-end; }
	/* Spacing */
	.group.if-narrow-has-small-spacing { margin: 0 0.333em; } /* @group-spacing-small/2 */
	.group.if-narrow-has-spacing { margin: 0 0.5em; } /* @group-spacing-medium/2 */
	.group.if-narrow-has-large-spacing { margin: 0 0.75em; } /* @group-spacing-large/2 */
	/* Axis */
	.group.if-narrow-is-horizontal { flex-direction: row; }
	.group.if-narrow-is-vertical { flex-direction: column; }
}

/* If Compact */
@media (min-width: @group-breakpoint-compact) {
	/* Horizontal alignment */
	.group.if-compact-is-left { justify-content: flex-start; }
	.group.if-compact-is-center { justify-content: center; }
	.group.if-compact-is-right { justify-content: flex-end; }
	/* Vertical alignment */
	.group.if-compact-is-top { align-items: flex-start; }
	.group.if-compact-is-middle { align-items: center; }
	.group.if-compact-is-bottom { align-items: flex-end; }
	/* Spacing */
	.group.if-compact-has-small-spacing { margin: 0 0.333em; } /* @group-spacing-small/2 */
	.group.if-compact-has-spacing { margin: 0 0.5em; } /* @group-spacing-medium/2 */
	.group.if-compact-has-large-spacing { margin: 0 0.75em; } /* @group-spacing-large/2 */
	/* Axis */
	.group.if-compact-is-horizontal { flex-direction: row; }
	.group.if-compact-is-vertical { flex-direction: column; }
}

/* If Regular */
@media all and (min-width: @group-breakpoint-regular) {
	/* Horizontal alignment */
	.group.if-regular-is-left { justify-content: flex-start; }
	.group.if-regular-is-center { justify-content: center; }
	.group.if-regular-is-right { justify-content: flex-end; }
	/* Vertical alignment */
	.group.if-regular-is-top { align-items: flex-start; }
	.group.if-regular-is-middle { align-items: center; }
	.group.if-regular-is-bottom { align-items: flex-end; }
	/* Spacing */
	.group.if-regular-has-small-spacing { margin: 0 0.333em; } /* @group-spacing-small/2 */
	.group.if-regular-has-spacing { margin: 0 0.5em; } /* @group-spacing-medium/2 */
	.group.if-regular-has-large-spacing { margin: 0 0.75em; } /* @group-spacing-large/2 */
	/* Axis */
	.group.if-regular-is-horizontal { flex-direction: row; }
	.group.if-regular-is-vertical { flex-direction: column; }
}

/* If Wide */
@media all and (min-width: @group-breakpoint-wide) {
	/* Horizontal alignment */
	.group.if-wide-is-left { justify-content: flex-start; }
	.group.if-wide-is-center { justify-content: center; }
	.group.if-wide-is-right { justify-content: flex-end; }
	/* Vertical alignment */
	.group.if-wide-is-top { align-items: flex-start; }
	.group.if-wide-is-middle { align-items: center; }
	.group.if-wide-is-bottom { align-items: flex-end; }
	/* Spacing */
	.group.if-wide-has-small-spacing { margin: 0 0.333em; } /* @group-spacing-small/2 */
	.group.if-wide-has-spacing { margin: 0 0.5em; } /* @group-spacing-medium/2 */
	.group.if-wide-has-large-spacing { margin: 0 0.75em; } /* @group-spacing-large/2 */
	/* Axis */
	.group.if-wide-is-horizontal { flex-direction: row; }
	.group.if-wide-is-vertical { flex-direction: column; }
}




/* ITEM */

.group-item {
	/*flex-grow: 0; /* (default) */
	/*flex-shrink: 1; /* (default) */
	/*flex-basis: auto; /* (default) */
}

/* Spacing */
.group.has-small-spacing > .group-item { margin: 0.333; } /* @group-spacing-small/2 */
.group.has-spacing > .group-item { margin: 0.5; } /* @group-spacing-medium/2 */
.group.has-large-spacing > .group-item { margin: 0.75; } /* @group-spacing-large/2 */

/* Sizes */
.group-item.is-auto { width: auto; }
.group-item.is-whole { width: 100%; }
.group-item.is-half { width: 50%; }
.group-item.is-third { width: 33.333333%; }
.group-item.is-two-thirds { width: 66.666667%; }
.group-item.is-quarter { width: 25%; }
.group-item.is-three-quarters { width: 75%; }
.group-item.is-fifth { width: 20%; }
.group-item.is-two-fifths { width: 40%; }
.group-item.is-three-fifths { width: 60%; }
.group-item.is-four-fifths { width: 80%; }
.group-item.is-sixth { width: 16.666667; }
.group-item.is-seventh { width: 14.285714%; }
.group-item.is-eighth { width: 12.5%; }

/* Visibility */
.group-item.is-hidden { display: none; }
.group-item.is-visible { display: block; }

/* If Narrow */
@media (min-width: @group-breakpoint-narrow) {
	/* Spacing */
	.group.if-narrow-has-small-spacing > .group-item { margin: 0.333; } /* @group-spacing-small/2 */
	.group.if-narrow-has-spacing > .group-item { margin: 0.5; } /* @group-spacing-medium/2 */
	.group.if-narrow-has-large-spacing > .group-item { margin: 0.75; } /* @group-spacing-large/2 */
	/* Sizes */
	.group-item.if-narrow-is-auto { width: auto; }
	.group-item.if-narrow-is-whole { width: 100%; }
	.group-item.if-narrow-is-half { width: 50%; }
	.group-item.if-narrow-is-third { width: 33.333333%; }
	.group-item.if-narrow-is-two-thirds { width: 66.666667%; }
	.group-item.if-narrow-is-quarter { width: 25%; }
	.group-item.if-narrow-is-three-quarters { width: 75%; }
	.group-item.if-narrow-is-fifth { width: 20%; }
	.group-item.if-narrow-is-two-fifths { width: 40%; }
	.group-item.if-narrow-is-three-fifths { width: 60%; }
	.group-item.if-narrow-is-four-fifths { width: 80%; }
	.group-item.if-narrow-is-sixth { width: 16.666667; }
	.group-item.if-narrow-is-seventh { width: 14.285714%; }
	.group-item.if-narrow-is-eighth { width: 12.5%; }
	/* Visibility */
	.group-item.if-narrow-is-hidden { display: none; }
	.group-item.if-narrow-is-visible { display: inline-block; }
}

/* If Compact */
@media (min-width: @group-breakpoint-compact) {
	/* Spacing */
	.group.if-compact-has-small-spacing > .group-item { margin: 0.333; } /* @group-spacing-small/2 */
	.group.if-compact-has-spacing > .group-item { margin: 0.5; } /* @group-spacing-medium/2 */
	.group.if-compact-has-large-spacing > .group-item { margin: 0.75; } /* @group-spacing-large/2 */
	/* Sizes */
	.group-item.if-compact-is-auto { width: auto; }
	.group-item.if-compact-is-whole { width: 100%; }
	.group-item.if-compact-is-half { width: 50%; }
	.group-item.if-compact-is-third { width: 33.333333%; }
	.group-item.if-compact-is-two-thirds { width: 66.666667%; }
	.group-item.if-compact-is-quarter { width: 25%; }
	.group-item.if-compact-is-three-quarters { width: 75%; }
	.group-item.if-compact-is-fifth { width: 20%; }
	.group-item.if-compact-is-two-fifths { width: 40%; }
	.group-item.if-compact-is-three-fifths { width: 60%; }
	.group-item.if-compact-is-four-fifths { width: 80%; }
	.group-item.if-compact-is-sixth { width: 16.666667; }
	.group-item.if-compact-is-seventh { width: 14.285714%; }
	.group-item.if-compact-is-eighth { width: 12.5%; }
	/* Visibility */
	.group-item.if-compact-is-hidden { display: none; }
	.group-item.if-compact-is-visible { display: inline-block; }
}

/* If Regular */
@media all and (min-width: @group-breakpoint-regular) {
	/* Spacing */
	.group.if-regular-has-small-spacing > .group-item { margin: 0.333; } /* @group-spacing-small/2 */
	.group.if-regular-has-spacing > .group-item { margin: 0.5; } /* @group-spacing-medium/2 */
	.group.if-regular-has-large-spacing > .group-item { margin: 0.75; } /* @group-spacing-large/2 */
	/* Sizes */
	.group-item.if-regular-is-auto { width: auto; }
	.group-item.if-regular-is-whole { width: 100%; }
	.group-item.if-regular-is-half { width: 50%; }
	.group-item.if-regular-is-third { width: 33.333333%; }
	.group-item.if-regular-is-two-thirds { width: 66.666667%; }
	.group-item.if-regular-is-quarter { width: 25%; }
	.group-item.if-regular-is-three-quarters { width: 75%; }
	.group-item.if-regular-is-fifth { width: 20%; }
	.group-item.if-regular-is-two-fifths { width: 40%; }
	.group-item.if-regular-is-three-fifths { width: 60%; }
	.group-item.if-regular-is-four-fifths { width: 80%; }
	.group-item.if-regular-is-sixth { width: 16.666667; }
	.group-item.if-regular-is-seventh { width: 14.285714%; }
	.group-item.if-regular-is-eighth { width: 12.5%; }
	/* Visibility */
	.group-item.if-regular-is-hidden { display: none; }
	.group-item.if-regular-is-visible { display: inline-block; }
}

/* If Wide */
@media all and (min-width: @group-breakpoint-wide) {
	/* Spacing */
	.group.if-wide-has-small-spacing > .group-item { margin: 0.333; } /* @group-spacing-small/2 */
	.group.if-wide-has-spacing > .group-item { margin: 0.5; } /* @group-spacing-medium/2 */
	.group.if-wide-has-large-spacing > .group-item { margin: 0.75; } /* @group-spacing-large/2 */
	/* Sizes */
	.group-item.if-wide-is-auto { width: auto; }
	.group-item.if-wide-is-whole { width: 100%; }
	.group-item.if-wide-is-half { width: 50%; }
	.group-item.if-wide-is-third { width: 33.333333%; }
	.group-item.if-wide-is-two-thirds { width: 66.666667%; }
	.group-item.if-wide-is-quarter { width: 25%; }
	.group-item.if-wide-is-three-quarters { width: 75%; }
	.group-item.if-wide-is-fifth { width: 20%; }
	.group-item.if-wide-is-two-fifths { width: 40%; }
	.group-item.if-wide-is-three-fifths { width: 60%; }
	.group-item.if-wide-is-four-fifths { width: 80%; }
	.group-item.if-wide-is-sixth { width: 16.666667; }
	.group-item.if-wide-is-seventh { width: 14.285714%; }
	.group-item.if-wide-is-eighth { width: 12.5%; }
	/* Visibility */
	.group-item.if-wide-is-hidden { display: none; }
	.group-item.if-wide-is-visible { display: inline-block; }
}








/* ----------------------------------------------------------------
CARD
---------------------------------------------------------------- */

.card {
	font-size: 16px;
	line-height: 1.4;
	color: #303336; /* quartz black */
	text-align: center;
}
.card figure {
	margin: 0.7em 0;
}
.card figure img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 9999em;
	box-shadow:
		0 6px 24px rgba(0,0,0,0.1),
		0 0px 2px rgba(0,0,0,0.3);
}
.card h1 {
	margin: 0.5833em 0;
	font-size: 1.2em;
	font-weight: 800;
}
.card p {
	margin: 0.7em 0;
}
.card ul {
	margin: 0.7em 0;
	padding: 0;
	list-style: none;	
}
.card li {
	margin: 0;
	padding: 0;
}
.card del {
	text-decoration: line-through;
	opacity: 0.5;
}
.card a {
	color: inherit;
	text-decoration: none;
	box-shadow: 
		0 2px 0 hsla(215, 91%, 64%, 0.75), 
		0 -1px 0 hsla(215, 91%, 64%, 0.75) inset; /* things blue 4 */ 
}
.card a:hover {
	box-shadow: 
		0 3px 0 hsla(215, 91%, 64%, 0.75), 
		0 0px 0 hsla(215, 91%, 64%, 0.75) inset; /* things blue 4 */ 
}
.card a:active {
	box-shadow: 
		0 3px 0 hsla(215, 91%, 64%, 1.0), 
		0 0px 0 hsla(215, 91%, 64%, 1.0) inset; /* things blue 4 */ 
}
.card .smallprint {
	font-size: 0.8em;
}








/* ----------------------------------------------------------------
OVERRIDES
---------------------------------------------------------------- */


.group.for-card {
	min-height: 400px;
	min-height: 80vh;
	min-height: calc(100vh - 128px);
}