/*
	main.css
*/
/* css variables */
:root{
	--brand: 				#ef404e;
	--grey: 				#54565a;
	--grey-2:				#f9f9f9;
	--grey-5:				#f7f7f8;
	--grey-10:				#eeeff0;
	--grey-20:				#dddfe1;
	--grey-30:	 			#bcbec0;
	--dark:					#000e32;
	--navy:					#344872;
	--text-dark:    		#54565a;
	--text-medium:    		#838487;
	--text-light: 			#989898;
	
	/* fonts */
	--serif: 				Georgia, Times, Times New Roman, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol","Noto Color Emoji", system-ui; 
	--sans: 				-apple-system, BlinkMacSystemFont, "Segoe UI", Century Gothic, CenturyGothic, AppleGothic, sans-serif, 
							"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol","Noto Color Emoji", system-ui;
	--mono:					Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
	--line-height:  		1.7;
	--font-size:			17px;
	--font-small:			clamp(0.8rem, 3vw, 0.9rem);
	--font-default: 		clamp(1rem, 3vh, 1rem);
	--font-medium:  		clamp(1.3rem, 3vw, 1.5rem);
	--font-large: 			clamp(1.7rem, 3vw, 2rem);
	--font-xlarge:  		clamp(2rem, 5vw, 3.2rem);
	--font-h1:				300 normal var(--font-xlarge)/1.7 	var(--serif);
	--font-h2:				300 normal var(--font-large)/1.7 	var(--serif);
	--font-h3:				300 normal var(--font-medium)/1.7 	var(--serif);
	--font-h4:				500 normal var(--font-default)/1.7 	var(--sans);
	--font-h5:				500 normal var(--font-default)/1.7 	var(--sans);
	--font-h6:				500 normal var(--font-default)/1.7 	var(--sans);
	--font-normal: 			300 nomral var(--font-default)/1.7  var(--sans);
	
	/* links */
	--link:					var(--brand);
	
	/* leaf */
	--leaf-radius: 		 	5vw;
	--leaf-radius-small: 	clamp(20px, 3vw, 40px);
	--leaf-radius-medium:	7vw;
	--leaf-radius-large: 	15vw;
	
	/* page-margins */
	--gap: 					clamp(15px, 1.5vw, 30px);
	--gap-large: 			clamp(20px, 3vw, 60px);
	--page-margin: 			clamp(25px, 10vw, 100px);
	--page-margin-small: 	clamp(10px, 6vw, 100px);
	--page-margin-xsmall: 	clamp(10px, 3vw, 50px);
	--min-width: 315px;
	
	/* padding */
	--padding:				clamp(25px, 3vw, 50px);
	--padding-small:		clamp(15px, 3vw, 25px);
	--padding-large: 		clamp(30px, 4vw, 50px);
	--padding-xlarge: 		clamp(35px, 4vw, 70px);
	
	/* uikit values */
	--uikit-margin-top: 	40px;
	--uikit-margin-bottom: 	20px;
}

/* view transitions */
@view-transition {
  navigation: auto;
}

/*  UiKit overrides */
/* uk-container */
[class*="uk-container"]{box-sizing:border-box;}
.uk-container{			max-width:1600px;width:100%;padding:0 var(--page-margin);}
.uk-container-small{	max-width:900px;}
.uk-container-large{	max-width:1800px;padding:0 var(--page-margin-small);}
.uk-container-xlarge{	max-width:2000px;}
.uk-container-expand{	max-width:unset;}
/* padding */
.uk-padding{			padding:var(--padding);}
.uk-padding-small{		padding:var(--padding-small);}
.uk-padding-large{		padding:var(--padding-large);}
.uk-padding-xlarge{		padding:var(--padding-xlarge);} /* added */
.uk-overflow-auto{		-webkit-overflow-scrolling:touch;}
/* text */
.uk-text-small{		font-size:var(--font-small);}
.uk-text-default{	font-size:var(--font-default)}
.uk-text-medium{	font-size:var(--font-medium);} 	/* added */
.uk-text-large{		font-size:var(--font-large);}
.uk-text-xlarge{	font-size:var(--font-xlarge);}	/* added */
.uk-text-normal{	font-family:var(--sans);font-size:1rem;font-weight:300;} /* added */
/* links */
.uk-link, a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.1em;
	text-decoration-color:inherit;transition:all 0.3s ease;}
.uk-link:hover, a:hover{color:var(--brand);}
/* uk-nav */
.uk-nav-default{font-size:unset;}
.uk-nav-default .uk-nav-sub{font-size:unset;}
/* cards */
.uk-card{max-width:100%;position:relative;display:flex;flex-direction:column;}
.uk-card-default{background:var(--grey-5);box-shadow:none;}
.uk-card-primary{background:var(--brand);}
.uk-card-dark{background:var(--grey);} /* added */
.uk-card-secondary{background:var(--navy);}
.uk-card-body{display:flex;flex-direction:column;}
.uk-card-body>*{margin:0;}
/* slider */
[uk-slider] .uk-slider-items.grid>*{max-width:90%;}
.uk-slider-items.grid-padded>*:first-child{margin-left:var(--page-margin-small);}
.uk-slider-items.grid{flex-wrap:nowrap;gap:0;}
.uk-slider-items.grid>*{padding:0 calc(var(--gap) / 2);display:flex;}
@media screen and (max-width:600px){.uk-slider-items.grid-padded>*:first-child{margin-left:0;}}
/* forms */
[class*='uk-']:focus{border-color:var(--brand);}
/* random */
.uk-icon>svg{max-width:unset;}
.uk-offcanvas-overlay::before{transition:all 0.5s ease;backdrop-filter:blur(0px) opacity(0);}
.uk-offcanvas-overlay.uk-open::before{backdrop-filter:blur(5px) opacity(1);}
.uk-offcanvas-bar a:hover{color:var(--text-dark);}
/* buttons */
.button{pointer-events:all;display:inline-block;padding:15px 25px;text-decoration:none;color:white;
	background:var(--brand);border-radius:0px 15px 0px 15px;margin-top:15px;letter-spacing:0.05em;text-decoration:none;}
.button:hover{color:white;}

/* utility */
.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;}
.prevent-select a{cursor:pointer;}
.pointer-events-off{pointer-events:none;}
.pointer-events-off a{pointer-events:all;}
.hide-scrollbars::-webkit-scrollbar{display:none;}
.hide-scrollbars{-ms-overflow-style:none;scrollbar-width:none;}
.overflow-horizontal{flex-wrap:nowrap;overflow:hidden;overflow-x:auto;}
.coverlink{position:absolute;inset:0;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.unlist{margin:0;padding:0;list-style-type:none;li{margin:0;padding:0;}}

/* grid */
:where(.grid){display:flex;gap:var(--gap);flex-wrap:wrap;min-width:1px;width:100%;position:relative;}
:where(.grid>*){flex-grow:1;flex-shrink:1;flex-basis:100%;flex:1;min-width:var(--min-width);max-width:100%;}
.grid-padded{padding:0 var(--page-margin-small);}
.grid-reverse{flex-direction:row-reverse;}
.gap-none{gap:0;}
.gap-large{gap:var(--gap-large);}

/* stack */
.stack{
	display:grid;
	&>*{grid-area: 1 / 1;place-content:center center;min-width:1px;}
}

/* leaf */
.leaf{--radius:var(--leaf-radius-small);}
.leaf,
.leaf.odd,
.leaf:nth-child(odd){border-radius:0 var(--radius) 0 var(--radius);overflow:hidden;}
.leaf.even,
.leaf:nth-child(even),
.grid>*:nth-child(even) .leaf{border-radius:var(--radius) 0 var(--radius) 0;}

/* scrollme */
[scrollme]{
	.hide-scrollbars();
	position:relative;overflow-x:auto;display:grid;
	>*{grid-area: 1 / 1;place-content:center center;}
	>.grid{flex-wrap:nowrap;max-width:min-content;width:unset;min-width:unset;padding-left:var(--page-margin-small);z-index:1;}
	>.grid:after{content:"";display:block;min-width:var(--page-margin-small);}
	[arrows]{position:sticky;left:0;
		text-align:center;width:100%;pointer-events:none;z-index:2;
		>div{display:flex;justify-content:space-between;align-items:stretch;}
		a{pointer-events:all;opacity:0;padding:10px 20px;color:var(--text-light);background:white}
		a[left]{border-radius:0 5px 5px 0;position:sticky;left:0;}
		a[right]{border-radius:5px 0 0 5px;position:sticky;right:0;}
		@media screen and (max-width:600px){display:none;}
	}
	&[arrow-left] [arrows] a[left]{opacity:1;}
	&[arrow-right] [arrows] a[right]{opacity:1;}
}

/* general */
html{
box-sizing: border-box;
margin:0;
padding:0;
font: normal var(--font-size)/1.7 var(--sans);
/*-webkit-font-smoothing: antialiased;*/
}
body{
margin:0;
padding:0;
background: white;
color: var(--grey);
text-wrap: pretty;
}
*,:after,:before{box-sizing:inherit;}

/* 
	headings & text
	- not using --font-h* vars because...
	- letting UiKit styles override settings.
		ei. uk-text-italic, etc. 
*/
h1,h2,h3,h4,h5,h6{color:inherit;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;}
h1, .uk-h1, .h1-style{font-family:var(--serif);	font-size:var(--font-xlarge);	letter-spacing:0.01em;	line-height:1.4;	font-weight:300;	text-transform:none;}
h2, .uk-h2, .h2-style{font-family:var(--serif);	font-size:var(--font-large);	letter-spacing:0.03em;	line-height:1.7;	font-weight:300;	text-transform:none;}
h3, .uk-h3, .h3-style{font-family:var(--serif);	font-size:var(--font-medium);	letter-spacing:0;		line-height:1.7;	font-weight:300;	text-transform:none;}
h4, .uk-h4, .h4-style{font-family:var(--sans);	font-size:var(--font-default);	letter-spacing:0.1em;	line-height:1.7;	font-weight:300;	text-transform:uppercase;}
h5, .uk-h5, .h5-style{font-family:var(--sans);	font-size:var(--font-default);	letter-spacing:0.1em;	line-height:1.7;	font-weight:500;	text-transform:uppercase;}
h6, .uk-h6, .h6-style{font-family:var(--sans);	font-size:var(--font-default);	letter-spacing:0.1em;	line-height:1.7;	font-weight:500;	text-transform:uppercase;}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color:inherit;text-decoration-color:transparent;&:hover{color:inherit;text-decoration-color:var(--brand);}}
hgroup{margin-top:var(--uikit-margin-top);margin-bottom:var(--uikit-margin-bottom);}
hgroup>*{margin:0;line-height:1.5;}
hgroup>*:nth-child(even){color:var(--text-light);}
p{color:inherit;line-height:2;font-weight:300;}
q{font-family:var(--serif);}
em{color:inherit;}
b,strong{color:var(--brand);}
i{color:inherit;font-style:italic;}
muted{color:var(--text-light);}

/* blockquote */
blockquote{
	width:1000px;max-width:100%;margin:auto;font:var(--font-h1);font-style:italic;text-wrap:balance;color:var(--text-dark);
	p{/*hanging-punctuation:first last;*/text-indent:-0.5em;line-height:1.5;}
	p:first-of-type:first-letter{letter-spacing:7px;display:inline-block;margin-right:-5px;}
	footer{font-style:normal;display:flex;gap:var(--gap);align-items:center;font:var(--font-h4);justify-content: end;flex-wrap:wrap;
		text-transform: uppercase;letter-spacing:0.1em;font-weight:300;margin-top:2em;text-align:right;}
	footer:before{content:"";border-top:1px solid var(--grey-20);display:inline-block;flex-grow:1;}
	cite{text-transform:none;letter-spacing:0;font-style:normal;}
	cite>a{color:var(--text-light);}
}

/* layout */
[header-spacer]{height:clamp(100px, 10vw, 150px);}
header{
	--light:white;
	--dark: var(--grey);
	--gap: 4vw;
	border-top:1px solid transparent;margin-top:-1px;
	.uk-navbar-container:not(.uk-navbar-transparent){background:none;}
	.uk-navbar-transparent{ 
		[uk-navbar]{--color:var(--light);}
		[uk-navbar] [logo]{background-image:url('../img/logo-light.png');}
		[uk-navbar].uk-active [logo]{background-image:url('../img/logo-dark.png');}
	}
	[uk-navbar]{padding:2% 3%;transition:all 0.5s ease;--color:var(--dark);}
	[uk-navbar].uk-active{padding:0 3%;background:white;--color:var(--dark);}
	[nav]{gap:var(--gap);min-width:1px;color:var(--color);}
	[nav]>li{position:relative;}
	[nav]>li:after{content:"";height:1px;border-top:1px solid var(--color);position:absolute;left:calc(100% + 7px);top:51%;width:calc(var(--gap) - 14px);opacity:0.5;}
	[nav]>li:last-of-type:after{display:none;}
	[nav]>li>a{color:inherit;font-size:1.2rem;text-transform:none;letter-spacing:2px;font-weight:300;}
	[nav]>li>a:hover,
	[nav]>li.uk-active>a{color:var(--brand);}
	[menuicon]{
		display:flex;;height:41px;align-items:center;padding:10px;cursor:pointer;
		>span{display:block;border-top:1px solid var(--brand);width:100%;height:1px;position:relative;width:38px;transition:all 0.3s ease;}
		>span:before, >span:after{content:'';display:block;border-top:1px solid var(--color);width:100%;position:absolute;top:8px;left:0;height:0px;transition:all 0.3s ease;}
		>span:after{top:-10px;}
		&:hover>span{transform:translateX(-10%);}
		&:hover>span:before{transform:translateX(10%);}
		&:hover>span:after{transform:translateX(-20%);}
	}
	
	/* navigation */
	[navigation]{
		display:flex;flex-direction:row;gap:0;
		.leaf{border-radius:0;overflow:visible;}
		>li{position:relative;}
		>li>a{color:var(--color);padding:20px 10px;text-decoration:none;}
		>li:hover>a{color:var(--brand);}
		>li.current>a{background:none;border-radius:0;width:auto;}
		>li.has_children>a:after{content:"\f107";font-family:FontAwesome;opacity:0.5;display:inline-block;margin-left:5px;}
		/* dropdown */
		>li>ul{visibility:hidden;opacity:0;position:absolute;top:100%;left:0;background:var(--grey-2);padding:25px 40px 25px 25px;min-width:250px;
			border-radius:10px 0 10px 0;box-shadow:0 20px 20px rgba(0,0,0,0.05);bordeR:1px solid var(--grey-10);
			transition: opacity 0.3s linear, visibility 1s;transition-delay:0.3s;}
		>li:hover>ul{visibility:visible;opacity:1;transition-delay:.1s;}
	}
	
	/* breakpoint */
	@media screen and (max-width:650px){
		& [logo]{width:180px;margin-left:10px;}	
	}
}

/* logo */
[logo]{display:inline-block;width:215px;height:45px;background:center / contain no-repeat url('../img/logo-dark.png');}

/* leaf decoration */
[leaf-decoration]{
	position:relative;z-index:1;
	&:before{content:"";display:block;width:50%;min-width:400px;max-width:500px;aspect-ratio: 1 / 0.70;
		background:var(--grey-5);border-radius:0 55%;position:absolute;top:100%;right:0;transform:translate(0, -25%);}
}

/* navigation */
[navigation]{
	display:contents;margin:0;padding:0;list-style:none;
	/* all levels */
	ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0;}
	li{margin:0;padding:0;display:block;}
	a{.ellipsis();text-decoration-color:transparent;color:var(--text-dark);font-weight:300;display:block;line-height:1.3;padding:3px 0;position:relative;}
	a:hover{text-decoration-color:var(--brand);}
	/* summary */
	a[summary]{padding-top:7px;padding-bottom:7px;margin-bottom:10px;}
	a[summary]>small{color:var(--text-light);font-size:0.9rem;display:block;margin-top:3px;white-space:normal;}
	.current a[summary]{border-radius:10px;}
	li:last-child>a[summary]>small{margin-bottom:0;}
	/* level-1 */
	>li{}
	>li>a{color:var(--text-dark);text-transform:uppercase;letter-spacing:0.1em;}
	/* level-2 */
	>li>ul{padding:0 20px;}
	/* level-3 */
	>li>ul>li>ul{padding-left:20px;margin-bottom:20px;}
	>li>ul>li>ul>li>a{color:var(--text-medium);}
	>li>ul>li>ul>li>a:before{content:"– ";}
	/* current */
	.current{position:relative;left:-10px;}
	.current>a{background:var(--grey-5);padding-left:10px;border-radius:200em;width:calc(100% + 10px);color:var(--brand);}
	.current>a:hover{text-decoration:none;}
	/* level-1 overrides */
	>li.current{left:0;}
	>li.current>a[trigger]{color:var(--brand);}
}

/*
	menu
	- uk-offcanvas navigation
	- menuToggles() main.js
*/
#menu{
	.uk-offcanvas-bar{width:550px;max-width:90% !important;left:100% !important;transition:transform 0.5s ease;padding:var(--padding-xlarge);}
	.uk-offcanvas-bar{background:var(--grey-5);color:var(--text-dark);display:flex;flex-direction:column;}
	.uk-offcanvas-bar>div:last-of-type{flex-grow:1;align-content:end;text-align:center;margin-top:30px;}
	&.uk-open>.uk-offcanvas-bar{transform:translateX(-100%);}
	.grid{gap:0;}
	[close]{position:absolute;top:20px;right:20px;color:var(--text-light);z-index:10;}
	/* navigation */
	[navigation]{
		display:block;
		/* level-1 */
		.current [trigger]{width:100%;}
		[trigger]{margin:0;cursor:pointer;padding:15px 20px;font-weight:300;}
		[trigger] [uk-icon]{float:right;color:var(--text-light);opacity:1;transition:all 0.3s ease;margin-top:2px;}
		[uk-icon]{pointer-events:none;}
		>li{display:grid;grid-template-rows:min-content 0fr;transition: all 0.5s ease;border:1px solid transparent;border-bottom-color:var(--grey-20);}
		>li:has(+ li[open]){border-color:transparent;}
		>li:not([open]){border-radius:0;}
		>li:not([open])>[trigger]:hover{text-decoration-color:transparent;}
		>li[open]{ 
			grid-template-rows: min-content 1fr;
			margin:-1px 0 10px 0;padding:10px 25px;background:white;border:1px solid var(--grey-20);
			[trigger]{color:var(--brand);border-bottom:1px solid var(--grey-5);margin-bottom:10px;}
			&.current>[trigger]{padding-top:5px;padding-bottom:5px;margin:15px 0 20px 0;width:100%;}
			[uk-icon]{display:none;}
			ul{opacity:1;margin-bottom:20px;}
		}
		/* level-2 */
		>li>ul{opacity:0;overflow:hidden;transition:all 0.5s ease;}
	}
}

/* search */
[search]{
	border-bottom:1px solid var(--grey-20);padding:10px 20px;position:relative;margin-bottom:30px;transition:all 0.5s ease;
	>input{position:absolute;inset:0;appearance:none;border:none;background:transparent;padding-left:50px;font-size:1rem;font-weight:300;}
	>input:focus{outline:none;}
	>.uk-search-icon{color:var(--text-light);transition:all 0.5s ease;}
	&:focus-within{border-bottom:1px solid var(--brand);}
	&:focus-within >.uk-search-icon{color:var(--brand);}
}

/* search-results */
[search-results]{
	ol{list-style-type:none;margin:0;padding:0;}
	li{margin:0;padding:0;}
	p{line-height:1.4;}
	h4{.ellipsis();}
	[result]{padding:20px 0;display:flex;align-items:center;gap:25px;}
	[index]{flex-grow:0;color:var(--text-light);}
	[image]{max-width:200px;width:200px;.leaf();aspect-ratio:1/1;flex-shrink:0;background:var(--grey-5);}
	[image] img{width:100%;height:100%;object-fit:cover;}
	[content]{min-width:0;}
	[content]>*{margin:0;}
	[content] hgroup{margin-bottom:10px;}
	[url]{.ellipsis();display:block;}
	[template]{font-size:0.95rem;color:var(--grey-30);display:flex;align-items:center;gap:5px;text-transform:capitalize;}
	@media (max-width: 700px){
		[result]{gap:15px;}
		[image]{max-width:100px;width:100px;aspect-ratio:1/1.5;}
		[index],[content] p{display:none;}
	}
	@media (max-width: 350px){
		[image]{max-width:50px;aspect-ratio: unset;align-self:stretch;}	
	}
}

/* hero */
[hero]{
	--min-height:700px;
	--max-height:90vh;
	position:relative;z-index:2;
	>[uk-slideshow]{border-radius: 0 0 var(--leaf-radius-large) var(--leaf-radius);overflow:hidden;position:relative;min-height:var(--min-height);max-height:var(--max-height);}
	[slides]{min-height:var(--min-height);max-height:var(--max-height);}
	[slides]>*:after{content:"";position:absolute;inset:0;pointer-events:none;
	background-image: linear-gradient(193deg, rgba(0,0,0,0.00) 65%, rgba(0,0,0,0.60) 90%), linear-gradient(179deg, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.00) 35%), 
	radial-gradient(circle at 51% 51%, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.00) 27%, rgba(0,0,0,0.49) 87%);}
	[arrow]{position:absolute;inset:0;right:auto;display:flex;align-items:center;color:white;padding:0 25px 0 15px;}
	[arrow]:last-of-type{right:0;left:auto;padding:0 15px 0 25px;}
	[content]{z-index:5;position:absolute;bottom:20%;left:10%;right:10%;color:white;text-shadow:0px 10px 20px rgba(0,0,0,0.4);
		max-width:700px;min-width:300px;pointer-events:none;text-wrap:balance;}
	[content] a{pointer-events:unset;}
	[content]>*{line-height:1.3 !important;}
	[title]{font:var(--font-h1);}
	[description]{font-size:var(--font-medium);letter-spacing:0.05em;}
	[credit]{position:absolute;bottom:15%;right:15%;font-size:var(--font-small);a{color:white;font-style:italic;}}
	/* breakpoints */
	@media screen and (max-width:600px){
		& [arrow]{display:none;}
		& [content]{bottom:12%;}
		& [credit]{display:none;}
	}
}

/* video-intro */
#video-intro{
	--top: calc(clamp(25px, 10vw, 110px) * -1);
	--bottom: calc(var(--top) * 1 / 2);
	transform:translateY(var(--top));margin-bottom:var(--bottom);position:relative;z-index:2;
	.grid>div:first-of-type{flex:2;}
	.grid>div:last-of-type{flex:0.75;min-width:unset;display:flex;align-items:center;}
	.grid>div:last-of-type>a{text-align:left;display:flex;flex-direction:column;}
	[content]{
		min-width:400px;padding:var(--padding-large) var(--padding);
		h4{margin:0 0 20px 0;color:white;}
		p{margin:0;color:white;}
	}
	[video-card]{
		[image]{width:100%;height:100%;}
		[uk-icon]{display:flex;flex-direction:column-reverse;gap:15px;align-items:center;top:unset;bottom:35px;transform:translate(-50%, 0);max-width:90%;}
		[uk-icon]>span{display:block;.ellipsis();width:100%;line-height:1;}
		[content]{display:none;}
	}
	[explore-link]{align-self:end;}
	[uk-icon]{text-align:center;}
	[thumb]{background-size:cover;}
	[thumb]:after{content:"";display:block;height:100%;width:100%;
	background-image:linear-gradient(180deg, rgba(0,0,0,0.00) 60%, rgba(0,0,0,0.78) 100%);}
}

/* category card */
[catcard]{
	--bg:var(--grey-10);
	--text:var(--text-dark);
	position:relative;margin-top:2.5rem;
	[content]{display:flex;align-items:center;width:100%;height:100%;overflow:hidden;background-color:var(--bg);}
	[content] a{color:var(--text) !important;}
	[title]{width:100%;position:absolute;bottom:100%;left:0;color:var(--text-dark) !important;margin:0.5em 0;}
	[image]{width:120px;align-self:stretch;overflow:hidden;background-color:var(--grey-20);}
	[image]>img{width:100%;height:100%;object-fit:cover;}
	.uk-nav a:hover{text-decoration:underline;}
}

/* 
	pill-list 
	- notes
		- using inline-block because flex + justify-content:center
			collapses padding on the left. In mobile view, we want these left aligned.
*/
[pill-list], [chip-list]{
	width:max-content;
	white-space:nowrap;margin:0 auto;padding:1rem var(--page-margin-small);display:flex;gap:calc(var(--gap) / 2);
	li{display:inline-block;list-style-type:none;vertical-align:middle;line-height:1;margin:0;padding:0;align-content:center;}
	li:last-child{margin:0;}
	li>a{.ellipsis();display:inline-block;background:var(--grey-10);border-radius:200em;text-decoration:none;color:inherit;padding:0.75em 1.5em;line-height:1;
		max-width:200px;color:var(--text-light);transition:all 0.5s ease;}
	li>a:hover{background:var(--grey-5);color:var(--brand);}
	li.uk-active>a{background:var(--text-dark);color:white;}
	[uk-filter] &{padding-top:0;padding-bottom:0;}
	& + [arrows]{ a{padding:10px 5px;} }
}

/*
	chip-list
	- inherits from pill-list, w/overrides
*/
[chip-list]{
	li{color:var(--text-light);margin:0;}
	li>a{border-radius:10px;background:white;border:1px solid var(--grey-20);font-size:0.9rem;}
	[uk-filter] &{padding:0;}
}

/* stats & statbox */
[stats]{font-size:clamp(1rem, 3vw, 2rem);}
[statbox]{
	transition:all 0.3s ease;
	text-align:center;min-width:130px;padding:25px;background:var(--grey-5);border:2px solid transparent;
	&:hover{background:white;color:var(--brand);border-color:var(--grey-5);}
	a{color:inherit;text-decoration:none;line-height:1;}
	[stat]{display:block;font-size:1.5em;font-weight:200;}
	[description]{.ellipsis();display:block;margin-top:10px;text-transform:uppercase;letter-spacing:0.1em;font-weight:300;
	max-width:100%;font-size:clamp(12px, 0.5em, 20px);}
}

/* property card */
[property-card]{
	--bg:var(--grey-10);
	--overlay:rgba(0,0,0,0.6);
	--overlay-text:white;
	width:20vw;max-width:450px;position:relative;margin:20px 0;
	display:flex;flex-direction:column;align-items:stretch;transition:transform 0.5s ease;
	.leaf{margin:0 0 10px 0;aspect-ratio:3/4;justify-content:end;background:var(--bg);outline:calc(var(--gap) / 2) solid white;}
	img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transform:scale(1.3);transition:transform 500ms ease 0s !important;}
	[title]{.ellipsis();margin:0;font-size:0.9em;font-weight:300;text-align:center;margin:0 15px;}
	[location]{padding:0;font-size:0.9rem;color:var(--text-light);text-align:center;}
	[content]{font-size:1.5rem;font-weight:300;line-height:1.5;color:white;}
	[summary]{position:absolute;inset:0;top:auto;background:var(--overlay);color:var(--overlay-text);padding:10%;text-wrap:balance;text-align:center;
		border-radius:var(--leaf-radius-small) 0 0 0;font-weight:300;transition:all 0.5s ease 0s;transform:translateY(100%);opacity:0;}
	/* promo */
	&[promo]{--bg:var(--grey);}
	/* hover */
	&:hover{
		transform:scale(1.07);z-index:200;
		img{transform:scale(1);transition-duration:3s !important;transition-delay:0.3s !important;}
		[summary]{transform:translateY(0);opacity:1;transition-delay:1s !important;}
	}
	/* in scrollme */
	[scrollme] &{margin:50px 0;}
}

[property-summary]{
	min-width:1px;
	display:flex;align-items:center;gap:var(--gap);align-items:end;flex-wrap:wrap;
	[summary]{margin:0;max-width:900px;}
	[spacer]{border-top:1px solid var(--grey-10);flex-grow:1;flex-shrink:1;}
	[link]{flex-grow:0;text-wrap:nowrap;color:var(--text-light);}
}

/* property template(s) */
[property-nav]{
	padding:0 var(--page-margin-xsmall);display:flex;align-items:start;gap:var(--gap);
	&>*{display:block;}
	hgroup{flex-grow:1;margin:0;}
	hgroup>*{line-height:1.2;}
	[links]{display:flex;gap:var(--gap);margin:15px 0 0 0;}
	[arrow]{margin-top:15px;}
}
[property-images]{
	[large]{padding:0 var(--page-margin-xsmall);margin-bottom:-40px;}
	[large]>.leaf{--radius:var(--leaf-radius-medium);}
	[large]>a{display:block;margin:0 var(--gap);aspect-ratio:4/2;overflow:hidden;position:relative;}
	[large]>a:after{content:"";display:block;position:absolute;inset:0;background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 70%, rgba(0,0,0,0.50) 100%);}
	[large] img{width:100%;height:100%;object-fit:cover;}
	[thumbs]{margin:-30px var(--gap) 0 var(--gap);}
	[thumbs]>.grid{justify-content:center;gap:calc(var(--gap) / 2);}
	[thumbs]>.grid>*{display:block;overflow:hidden;min-width:200px;width:200px;}
	[thumbs]>.grid>a{position:relative;align-content:center;}
	[thumbs]>.grid>a:after{content:"";display:block;position:absolute;inset:0;background:rgba(0,0,0,0.1);}
	[thumbs] .logo{align-content:center;padding:30px;border:1px solid var(--grey-10);background:white;}
	[thumbs] .logo:after{display:none !important;}
	[thumbs] .logo>img{width:100%;height:auto;object-fit:unset;}
	[thumbs] img{width:100%;height:100%;object-fit:cover;}
	a[morecount]{flex:0.5;min-width:unset;padding-left:var(--padding-small);}
	a[morecount]:after{display:none;}
	
}
[property-content]{
	[details]{padding:var(--padding);}
	[feature]{margin-bottom:50px;display:flex;flex-direction:column;gap:10px;}
	[feature]>*{margin:0;}
	[feature] h4{display:flex;align-items:center;gap:10px;color:var(--text-light);font-weight:300;}
	[feature] h4:after{content:"";display:block;border-top:1px solid var(--grey-10);height:1px;flex-grow:1;}
	[content]{padding:var(--padding-large);flex:2;min-width:500px;}
	[content] p:first-of-type{font:var(--font-h3);}
	[content] ul>li{padding:10px 0;width:800px;max-width:100%;}
}

/* breakpoint */
@media screen and (max-width:650px){
	[property-images] [large]>a{aspect-ratio:4/3;}
	[property-images] [thumbs] a{flex:40%;}
	[property-content] [content]{min-width:revert;}
}

/* profile */
[profile]{
	[details]{
		padding-top:40px;
		[image]{}
		.grid{padding:0;margin-top:10px;gap:calc(var(--gap) / 2);}
		.grid>.leaf{max-width:150px;min-width:150px;}
		.grid img{width:100%;height:100%;object-fit:cover;}
		[rows]{margin-top:20px;}
		[rows]>*{border-top:1px solid var(--grey-5);padding:10px 0;}
		[rows] label{color:var(--text-light);margin-right:5px;}
		[rows] a{text-decoration:none;display:flex;gap:10px;align-items:center;}
	}
	[content]{
		flex:2;padding:var(--padding-xlarge);
		p:first-of-type{.h3-style();}
	}
}

/* collection-list */
[collection-list]{
	.grid>*{flex-basis:40%;max-width:50%;position:relative;}
	@media screen and (max-width:900px){
		.grid>*{max-width:revert;flex-basis:1;}
	}
}

/* collection-card */
[collection-card]{
	--bg:var(--text-dark); /* default */
	display:flex;flex-direction:column;position:relative;
	.leaf{background:var(--grey-5);aspect-ratio:4/2.5;}
	.leaf>img{object-fit:cover;width:100%;height:100%;}
	[content]{text-align:center;}
	[title]{.ellipsis();padding:var(--padding-small) 60px;background:var(--bg);color:white;margin:-30px auto 0 auto;position:relative;
		border-radius:var(--leaf-radius-small) 0 var(--leaf-radius-small) 0;width:90%;max-width:900px;}
	[description]{padding:0;text-wrap:balance;width:80%;max-width:850px;margin:20px auto;}
	[count]{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.6);}
	/* slider */
	[scrollme] &{min-width:500px;max-width:90%; [description]{display:none;}}
	/* as hero */
	[collection-hero] &{ 
		.leaf{aspect-ratio:4/2;--radius:var(--leaf-radius-medium);}
		.coverlink{display:none;}
	}
}

/* filters */
#filterExplore{
	[filters]{
		margin:20px auto;
		[chip-list]{padding:0;}
		>li{background:white;border-radius:10px;border:1px solid var(--grey-10);transition:all 0.3s ease;}
		.uk-accordion-title{padding:15px var(--padding-small);color:var(--text-light);font-size:var(--text-default);margin:0;}
		.uk-accordion-content{margin:0;padding-bottom:var(--padding-small);}
		[row]{display:flex;gap:0;align-items:center;padding:5px var(--padding-small);}
		label{color:var(--text-light);border-right:1px solid var(--grey-10);width:100px;.ellipsis();font-weight:300;flex-shrink:0;}
		>.uk-open{background:var(--grey-2);}
	}
	/* all-properties */
	#all-properties{display:flex !important;} /* uikit filter animation fix */
	#all-properties>[empty]{display:block !important;}
	/* no results */
	#noFilterResults{
		[message]{background:var(--grey-5);padding:var(--padding-xlarge);border-radius:10px;}
		[message]>*{margin:0;}
	}
	/* breakpoint */
	@media screen and (max-width: 900px){
		.uk-container{padding: 0 var(--page-margin-small);}
	}
}

/* map /explore/ */
[map]{
	display:grid;grid-template-rows:min-content 0fr;transition: all 0.5s ease;
	margin-top:-10px;
	[wrap]{overflow:hidden;border:5px solid transparent;border-left:none;border-right:none;transition:all 0.5s ease;}
	[maptoggle]{display:flex;align-items:center;gap:5px;padding:0 var(--padding-small);padding-bottom:20px;text-decoration-color:transparent;}
	[maptoggle]>svg{color:var(--text-light);}
	[maptoggle]>span{text-decoration-color:var(--brand);text-decoration:underline;} 
	[close]{display:none;}
	&.open{
		grid-template-rows: min-content 1fr;
		[wrap]{border-color:var(--grey-5);}
		[show]{display:none;}
		[close]{display:revert;}
	}
	#map{height:80vh;}
	gmp-advanced-marker>body{background:transparent;overflow:hidden;}
	.gm-style-iw-t{padding:0 !important;}
	.gm-style-iw-d{overflow:hidden !important;}
	.gm-style-iw-chr{display:none !important;}
	[ctmarker]{background:var(--brand);width:15px;height:15px;border-radius:200em;}
	.popup{border-radius:var(--leaf-radius-small) 10px 10px 10px;padding:0 !important;animation:fade 0.3s ease 0.5s;}
	.ppin{border-radius:200em;background:var(--brand);width:15px;height:15px;border:1px solid white;}
	[property-card]{
		opacity:1 !important;/* ukscrollspy adds style="opacity:0" to $el */
		margin:0;max-width:300px;padding-bottom:15px;
		.leaf{outline:none;aspect-ratio:1/1;}
		[summary]{display:none;}
		&:hover{transform:scale(1);}
	}
	@keyframes fade{
		from{opacity:0;}
		to{opacity:1;}
	}
}

/* basic-card */
[basic-card]{
	display:flex;flex-direction:column;gap:0;position:relative;
	width:20vw;max-width:450px;background:var(--grey-5);
	[image]{
		aspect-ratio:4/3.5;position:relative;background:var(--grey-10);overflow:hidden;
		>img{object-fit:cover;object-position:center top;width:100%;height:100%;}
		&:after{content:"";display:block;box-shadow:inset 0px 20px 30px rgba(0,0,0,0.03);position:absolute;inset:0;}
	}
	[content]{padding:var(--padding-small) var(--padding);flex-grow:1;display:flex;flex-direction:column;}
	[content]>*{margin:0;}
	[content]>hgroup{margin-bottom:10px;}
}

/* video-card */
[video-card]{
	display:flex;flex-direction:column;gap:0;position:relative;
	width:20vw;max-width:450px;background:var(--grey-5);
	[image]{
		aspect-ratio:4/3;position:relative;background:var(--grey-10);
		>img{object-fit:cover;object-position:center top;width:100%;height:100%;}
		&:after{content:"";display:block;background:rgba(0,0,0,0.2);position:absolute;inset:0;}
		[uk-icon]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;color:white;pointer-events:none;}
		[uk-icon]>span{display:none;} /* hidden title */
	}
	[content]{padding:var(--padding-small) var(--padding);flex-grow:1;display:flex;flex-direction:column;}
	[content]>*{margin:0;}
	[content]>hgroup{margin-bottom:10px;}
}

/* media-card */
[media-card]{
	display:flex;flex-direction:column;gap:0;position:relative;
	width:20vw;max-width:450px;background:var(--grey-5);
	[image]{
		aspect-ratio:4/3;position:relative;
		>img{object-fit:cover;width:100%;height:100%;}
		&:after{content:"";display:block;box-shadow:inset 0px 20px 30px rgba(0,0,0,0.03);position:absolute;inset:0;}
	}
	[content]{padding:var(--padding-small) var(--padding);flex-grow:1;display:flex;flex-direction:column;}
	[content]>*{margin:0;}
	[meta]{display:block;color:var(--text-light);padding-bottom:20px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;}
	[label]{color:var(--brand);}
	[title]{pointer-events:none;font-size:1.2rem;flex-grow:1;}
	[links]{
		>*{position:relative;z-index:2;}
		em{text-transform:uppercase;font-style:normal;color:inherit;}
		a{color:var(--text-light);display:block;text-decoration-color:transparent;padding-right:25px;position:relative;.ellipsis();
			position:relative;overflow:hidden;margin-top:10px;font-size:0.9rem;border-top:1px solid var(--grey-10);
			padding:var(--padding-small) var(--padding);padding-right:calc(var(--padding) + 25px);}
		a:hover{text-decoration-color:inherit;}
		a>[domain]{text-decoration:underline;}
		[uk-icon]{margin-left:10px;position:absolute;right:var(--padding);top:50%;transform:translateY(-50%);}
		&>a:after{content:"";display:block;background:rgba(0,0,0,0.02);position:absolute;inset:0;z-index:1;transition:all 0.3s ease;transform:translateY(100%);}
	}
	[date]{}
	[category]{}
	/* hover */
	&:hover{
		[links]>a{color:var(--brand);}
		[links]>a:after{transform:translateY(0%);}
	}
	/* in scrollme */
	[scrollme] & [summary]{display:none;}
}

/* bubble */
[bubble]{
	--bg:var(--grey-5); /* set by js on $el | default */
	gap:0;align-items:center;width:915px;max-width:90%;position:relative;flex-basis:unset;align-self:center;
	&:before{content:"";display:block;background:var(--bg);border-radius:var(--leaf-radius-small);position:absolute;inset:0;left:10%;z-index:1;}
	>*{z-index:2;min-width:unset;} /* .grid>div */
	[image]{flex:0.45;margin-bottom:5%;align-self:start;}
	[image]>img{aspect-ratio:3/5;object-fit:cover;min-width:100%;}
	[content]{flex:0.55;padding:var(--padding-xlarge);mix-blend-mode:multiply;}
	hgroup{margin:0 0 10px 0;}
	/* size */
	&[size=small]{
		max-width:min(600px, 90vw);
		[image]>img{aspect-ratio:3/4;}
		[content]{padding:var(--padding);}
	}
	/* breakpoints */
	@media screen and (max-width:700px){
		overflow:hidden;border-radius:var(--leaf-radius-small);
		&:before{left:0;}
		[image]{margin:0;}
		[image],[content]{flex:1;min-width:100%;}
		[image]>img{aspect-ratio:4/2.5 !important;}
	}
}

/* dinecard */
[dinedouble]{display:flex;gap:var(--gap);flex-direction:column;flex-basis:unset;flex-grow:0;}
[dine-card]{
	--bg:var(--grey); 			/* set by js on $el | default */
	--text:var(--text-light);		/* set by js on $el | default */
	display:flex;flex-direction:column;max-width:90%;width:440px;background:var(--bg);color:var(--text);position:relative;
	[image]{aspect-ratio:4/2.5;position:revert;text-align:center;}
	[image]>img{object-fit:cover;min-width:100%;width:100%;height:100%;}
	[decoration]{height:1px;text-align:center;}
	[decoration]:after{content:'';display:inline-block;background:var(--text);width:17px;height:29px;border-radius:200em 0 200em 0;position:relative;top:-12px;}
	[content]{padding:var(--padding-large);mix-blend-mode:screen;flex-grow:1;display:flex;flex-direction:column;}
	[content]>p{opacity:0.8;flex-grow:1;}
	& a:hover{text-decoration-color:inherit;}
	[property-link]{color:inherit;font-size:var(--font-small);text-decoration-color:transparent;opacity:0.8;}
	[content]>:last-child{margin-bottom:0;}
	h4{font-weight:300;}
	[dinedouble] &{
		flex-grow:1;max-width:unset;
		[image]{aspect-ratio:5/2.5;}
		[content]{padding-top:var(--padding-small);padding-bottom:var(--padding-small);}
		h4{margin:0;}
		p{display:none;}
	}
	&[colorme="light"]{
		[content]{mix-blend-mode:hard-light;}
	}
}

[career]{
	padding:var(--padding-large);
	border-bottom:1px solid var(--grey-20);
}

[careercta]{
	text-align:center;
	color:var(--text-light);
	font-style:italic;
}

[teamcta]{
	.grid{background:var(--grey-5);align-items:stretch;}
	.grid>*{align-content:center;}
	[content]{padding:var(--padding-large);}
	[content]>:last-child{margin-bottom:0;}
	[image]{}
	[image]>img{object-fit:cover;width:100%;height:100%;}
}

[meta-grid]{
	display:flex;gap:0;flex-wrap:wrap;margin-top:3%;margin-bottom:3%;
	&>*{flex-grow:1;min-width:min-content;padding:25px;border:1px solid var(--grey-10);margin:0 0 -1px -1px;}
	&>*>*{margin:0;padding:0;}
	[label]{color:var(--text-light);}
	[value]{max-width:500px;line-height:1.6;}
}

footer{
	[head]{display:flex;align-items:center;gap:15px;}
	[logo]{max-width:195px;height:45px;}
	[divider]{border-top:1px solid var(--grey-10);flex-grow:1;flex-shrink:1;}
	/* navigation */
	[navigation]{
		flex-wrap:nowrap;
		>*{padding:var(--padding-large);min-width:280px;border:1px solid var(--grey-10);}
		>li{flex:1;min-width:280px;}
		>li>a{margin-bottom:15px;}
		>li>ul{padding:0;}
		>li>ul:last-child{margin-bottom:0;}
		>li:not(.has_children){display:none;} /* hide pages that don't have children */
		[trigger]{padding-bottom:20px;}
		[uk-icon]{display:none;}
		a:not([summary]){line-height:1.5;}
	}
	/* byline */
	[byline]{background:var(--grey-5);border-radius:var(--leaf-radius-medium) var(--leaf-radius-medium) 0 0;padding-top:20px;padding-bottom:20px;}
	[byline]>*{align-content:center;padding:var(--padding-large);text-wrap:balance;min-width:200px;padding-top:10px;padding-bottom:10px;}
	address{margin:0;}
	[social]>div{display:inline-block;white-space:nowrap;margin-right:5px;}
	[social] a.icon{display:inline-flex;width:45px;height:45px;border-radius:200em;color:white;
		background:var(--text-dark);align-items:center;justify-content:center;margin:0 3px 10px 0;}
}

/*-------------- Elements (field: content - repeaterMatrix) ------------------*/
[contentRepeaterMatrix]{
	section{margin:clamp(60px, 10vw, 150px) 0;}
	[page-header] + &>section:first-child{margin-top:40px;} /* the first content section after the page-header */
}

/* heading */
[type="heading"]{
	section&{margin-bottom:0;}
	section& + section{margin-top:50px;}
}

/* richtext */
[type="richtext"]{
	&>div{columns:1 15em;column-gap:calc(var(--gap) * 2);}
	h1, h2, h3, h4, h5, h6{}
}

/* gallery */
[type="gallery"]{
	&>div{columns:4 12em;column-gap:0;}
	[image]{break-inside:avoid;border:10px solid white;position:relative;}
	[image] img{width:100%;height:auto;width:100%;height:100%;object-fit:cover;}
	[image]:after{content:"";display:block;position:absolute;inset:0;background:rgba(0,0,0,0.4);opacity:0;transition:all 0.5s ease;pointer-events:none;}
	a{color:white;cursor:zoom-in;}
	[image]:hover:after{opacity:1;}
}

/* quote */
[type="quote"]{
	/* see blockquote{} */
}

/* files */
[type="files"]{
	h4{display:flex;gap:10px;align-items:center;}
	[file-list]{.unlist();}
	li{display:block;}
	li:nth-child(odd){background:var(--grey-5);}
	a{flex-grow:1;display:flex;align-items:center;gap:5px;flex-wrap:nowrap;padding:15px;color:var(--text-light);text-decoration-color:transparent;}
	[description]{flex-grow:1;color:var(--text);.ellipsis();}
	[download]{flex-shrink:0;}
	[uk-icon]{color:var(--brand);}
	em{font-style:normal;color:var(--text-dark);}
	a:hover{color:var(--brand);em{color:var(--brand);}}
}

/* hero */
[type="hero"]{
	[container]{.leaf();position:relative;}
	[container]:after{content:"";display:block;background:rgba(0,0,0,0.3);position:absolute;inset:0;z-index:1;pointer-events:none;}
	[media]{
		&>div>*{object-fit:cover;width:100%;height:auto;}
		[image]{}
		[video]{}
		[embed]{}
	}
	[content]{
		position:absolute;inset:15% 10%;z-index:2;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:700px;
		&>*{color:white;margin:0;line-height:1.2;}
		a{.button();}
	}
	/* align */
	&[position="bottom"] [content]{justify-content:end;}
	&[position="center"] [content]{justify-content:center;}
	&[position="top"] [content]{justify-content:start;}
	&[no-overlay] [container]:after{display:none;}
}

/* navigation */
[type="navigation"]{
	background:var(--grey-2);border-radius:10px;padding:0;margin:0 var(--page-margin);
	&>div{display:grid;grid-template-rows:min-content 0fr;transition:all 0.5s ease;}
	[uk-toggle]{
		a{padding:25px 0;display:flex;align-items:center;gap:5px;color:var(--text-dark);text-decoration:none;}
		[uk-icon]{color:var(--text-light);transition:all 0.3s ease;}
	}
	[menu]{
		overflow:hidden;
		[nav]{margin:0 0 40px 0;padding:0;list-style-type:none;columns:4 200px;column-gap:var(--gap);column-fill:balance;}
		[nav]>li:first-child{margin-top:1px;}
		li{margin:0;padding:0;display:block;margin-top:-1px;}
		li>a{.ellipsis();display:block;border:1px dotted var(--grey-20);border-left:0;border-right:0;padding:10px 10px;
			line-height:1.4;color:var(--text-medium);font-size:0.95rem;text-decoration:none;border-radius:5px;break-inside:avoid;}
		li>a>i.fa{color:var(--grey-30);margin-right:5px;}
		li>a:hover{background:white;color:var(--text-dark);&>i.fa{color:var(--brand);}}
		li.current>a{color:var(--brand);background:var(--grey-10);}
	}
	&.open{
		&>div{grid-template-rows:min-content 1fr;}
		[uk-icon]{transform:rotate(90deg);}
	}
	@media screen and (max-width:900px){
		&{margin:0 var(--page-margin-xsmall);}
	}
}

/* pages */
[type="pages"]{
	div:not([scrollme])>.grid{padding:20px 0;gap:var(--gap);}
	div:not([scrollme])>.grid>*{margin:20px 0;width:unset;max-width:unset;margin:0;}
	div[scrollme]>.grid>*{margin:20px 0;}
	div[scrollme] [empty]{display:none;}
}

[type="panel"]{
	.grid{align-items:stretch;}
	[media]{
		.leaf();
		flex:2;display:flex;flex-direction:column;background:var(--grey-5);
		&>*{flex-grow:1;}
		[image]{}
		[image] img{width:100%;height:100%;object-fit:cover;}
		[video]>video{height:100%;object-fit:cover;}
		[embed]{align-content:center;}
	}
	[content]{padding:var(--padding-large);align-content:center;}
	h2{margin-bottom:0;}
	h2 + h3{margin-top:0;color:var(--text-light);}
	/* 
		variations
		default - Larger Media
		style1 	- Larger Text
		style2 	- Equal size
	 */
	&[variation='style-1']{
		[media]{flex-basis:40%;}
		[content]{flex-basis:58%;}
	}
	&[variation='style-2']{
		[media]{flex:1;flex-basis:48%;}
		[content]{flex:1;flex-basis:48%;}
	}
}

[type="timeliner"]{
	[item]{background:var(--grey-5);max-width:90%;min-width:400px;}
	[image]{}
	[content]{padding:var(--padding);}
}