@font-face {
    font-family: "Montserrat";
    src: url("https://storycrafter.co/fonts/montserrat/montserrat-600.woff") format("woff");
    font-weight: 600;
    font-style: normal; }
  
  @font-face {
    font-family: "Montserrat";
    src: url("https://storycrafter.co/fonts/montserrat/montserrat-600italic.woff") format("woff");
    font-weight: 600;
    font-style: italic; }


/* ——————————————————————————————————————————————— */
/*         UNSETTING                		       */
/* ——————————————————————————————————————————————— */

.has-footer .story .scene {
    padding-bottom: unset;
}
.has-header .story .scene {
    padding-top: unset;
}
.story .scene-container .scene {
	padding: unset;
}

.story .layout-2-left .col:last-of-type div:last-child,
.story .layout-2-right .col:last-of-type div:last-child,
.story .layout-3 .col:last-of-type div:last-child,
.story .layout-4 .col:last-of-type div:last-child,
.story .layout-4-b .col:last-of-type div:last-child,
.story .layout-5 .col:last-of-type div:last-child,
.story .layout-6-left .col:last-of-type div:last-child,
.story .layout-6-right .col:last-of-type div:last-child,
.story .layout-7 .col:last-of-type div:last-child,
.story .layout-9 .col:last-of-type div:last-child,
.story .layout-9-b .col:last-of-type div:last-child,
.story .layout-10 .col:last-of-type div:last-child {
	margin-bottom: unset;
}

@media (min-width: 768px) {
.has-footer .story.scroll-scene .text-content {
    margin-bottom: initial !important;
}
}

.has-header.header-confine .story {
	padding-top: unset;
}
.has-footer.footer-confine .story {
	padding-bottom: unset;
}



/* ——————————————————————————————————————————————— */
/*         THEME VARIABLES          		       */
/* ——————————————————————————————————————————————— */


body {
	--grid-columns: 40;
    --cell-size: calc(100vw / var(--grid-columns));
	--padding-ratio: 1.25;
	--font-size: 1rem;
	--heading-ratio: 1.333;
	--body-ratio: 1.125;
	--body-regular-size: var(--font-size);
	--body-large-size: calc(var(--body-regular-size) * var(--body-ratio));
	--body-extralarge-size: calc(var(--body-large-size) * var(--body-ratio));
	--body-small-size: calc(var(--body-regular-size) / var(--body-ratio));
	--body-extrasmall-size: calc(var(--body-small-size) / var(--body-ratio));
	--color-black: rgb(0,0,0);
	--color-white: rgb(255,255,255);
    --color3: rgb(239,241,236);
    --color4: rgb(86,85,90);
    --color5: rgb(72,72,75);
    --color6: rgb(3,60,126);
    --color7: rgb(156,217,242);
    --color8: rgb(253,229,23);
    --color9: rgb(237,147,142);
    --color10: rgb(60,144,143);
    --color11: rgb(62,103,125);
    --color12: rgb(204,72,70);
}
@media (orientation: portrait) {
body, html {
    --cell-size: calc(calc(100vh / var(--grid-columns) * 1.2));
}
}
@media (max-width: 1023px) {
body, html {
    --cell-size: calc(calc(100vh / var(--grid-columns) * 2));
}
}

@media (min-width: 1000px) and (orientation: portrait) {
body, html {
    font-size: 24px!important;
}
}



/* ——————————————————————————————————————————————— */
/*         GENERAL SETTINGS          		       */
/* ——————————————————————————————————————————————— */



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,hr,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	border: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}



/* ——————————————————————————————————————————————— */
/*         START LAYOUT REFINEMENTS      		   */
/* ——————————————————————————————————————————————— */


/* ———————————   HTML AND BODY   ——————————— */

html, body {
  height: 100% !important;
  overflow: auto !important;
}
.layout {
  height: 100% !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
div#app {
  overflow: auto !important;
}
main.container {
  overflow: auto !important;
}
.layout {
  overflow: auto !important;
}
.project-story-menu {
  overflow: auto !important;
}
.project-story-menu.story-menu-layout-2 .content  {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  justify-content: flex-start !important;
}
.project-story-menu.story-menu-layout-2 .content .horz-menu, .project-story-menu.story-menu-layout-2 .content .horz-menu.align-center  {
  overflow: auto !important;
}
div[role=menu] {
	overflow: hidden !important;
}


/* ———————————   BUTTONS   ——————————— */

button:focus {
	outline:0;
}


/* ———————————   DEVICE ORIENTATION   ——————————— */

/* +++++   Rotate Device Notice   +++++ */

@media only screen and (orientation: portrait) {
	.rotate-device-container {
    	background-color: rgba(46,46,46,1) !important;
    	height: 100vh !important;
    	width: 100vw !important;
    	top: 0 !important;
    	left: 0 !important;
    	display: flex !important;
    	justify-content: center !important;
    	align-items: center !important;
    	transform: none !important;
	}
}

/* ———————————   HEADERS AND FOOTERS   ——————————— */

.project-header-footer .return-home, .project-header-footer .return-home a {
	justify-content: flex-start !important;
	align-items: center !important;
    align-content: center !important;
    white-space: nowrap !important;
    padding: 0 !important;
    font-family: Source Sans Pro, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}
.project-header-footer .return-home a {
    padding: 0 0rem !important;
    width: auto;
}
.project-header-footer .return-home a .cms-icon {
	margin-right: 1rem !important;
}
.project-header-footer .return-home a .cms-icon svg {
	height: calc( var(--dp) * 9) !important;
    width: calc( var(--dp) * 9) !important;
}


/* ———————————   SCENE COUNTER   ——————————— */



.scene-counter {
	flex: 0 0 auto;
	padding-bottom: 0;
}

/* Minimal Counter for Limited Space */

	@media (max-width: 479px) {

		.scene-counter .dot {
			margin: auto 1px;
    		width: 4px;
    		height: .75rem;
    		border-radius: 0;
    	}
	}



/* ———————————   CONTENT PADDING   ——————————— */



/* +++++   Content Space with Padding for Responsive Headers and Footers   +++++ */

/* +++++   Story Fills Window   +++++ */
.story {
	height: 100vh !important;
	width: 100vw !important;
}

 
/* +++++   Cover Scene   +++++ */


.cover .cover-container {
	width: auto;
	max-width: 50rem;
}
 
 
 
/* +++++   Hide Scrollbars   +++++ */

/* 
::-webkit-scrollbar {
    	display: none !important;
}
 */
.project-story-menu.story-menu-layout-2 .content::-webkit-scrollbar {
    width: 10px !important;
}
.project-story-menu.story-menu-layout-2 .content::-webkit-scrollbar-track {
    background: rgba(255,255,255,.05);
}
.project-story-menu.story-menu-layout-2 .content::-webkit-scrollbar-thumb {
    background: #4e4e4e;
}
.project-story-menu.story-menu-layout-2 .content::-webkit-scrollbar-thumb:hover {
    background: #656565;
}
article.content::-webkit-scrollbar::-webkit-scrollbar {
    width: 10px !important;
}
article.content::-webkit-scrollbar-track {
    background: #f1f1f1;
}
article.content::-webkit-scrollbar-thumb {
    background: #888;
}
article.content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#app, #app .container, .menu-scene-container, .project-story-menu {
	/* overflow: hidden !important; */
	-webkit-tap-highlight-color: rgba(255,255,255,50) !important;
	-webkit-tap-highlight-color: rgba(255,255,255,50) !important; /* For some Androids */
}
.layout {
	position: absolute !important;
    top: 0px !important;
    bottom: 0px !important;
    width: 100% !important;
    /* overflow: hidden !important; */
    height: 100% !important;
}
article.content, .story .scene-container {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
}


/* ———————————   PROJECT MENU: HORIZONTAL 2: STRUCTURAL Web ——————————— */

.project-story-menu.story-menu-layout-2 .content {
	overflow-y: auto;
}

.project-story-menu.story-menu-layout-2 .content .horz-menu {
	display: flex !important;
	flex-wrap: wrap !important;
	align-content: flex-start !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.horz-menu, .horz-menu.align-center {
    -ms-flex-pack: left !important;
    justify-content: left !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100vw !important;
}
.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card {
	margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 3% !important;
}	

.project-story-menu {
	padding: 0 !important;
	padding-bottom: var(--footer-height) !important;
}	
.project-story-menu.story-menu-layout-2 .content .horz-menu {
	max-width: 100vw !important;
	width: 100vw !important;
}
.project-story-menu.story-menu-layout-2 .content .horz-menu, .project-story-menu.story-menu-layout-2 .content .horz-menu.align-center {
	-ms-flex-pack: center !important;
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}


/* ———————————   PROJECT MENU: HORIZONTAL 2: STRUCTURAL KIOSK ——————————— */

@media (width: 1920px) and (height:1080px) {


.project-story-menu.story-menu-layout-2 .content .horz-menu {
	display: flex !important;
	flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.project-story-menu.story-menu-layout-2 .content  {
  /* overflow: hidden !important; */
  overflow-y: hidden !important;
  overflow-x: auto !important;
}

.horz-menu, .horz-menu.align-center {
    -ms-flex-pack: left !important;
    justify-content: left !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100vw !important;
}

.horz-menu::before, .horz-menu::after {
	content: '' !important;
	flex: 0 0 1px !important;
	padding: 2.5vw !important; /* Alternate approach to padding, because of right-padding bug */
}
.project-story-menu {
	padding: 0 !important;
	padding-bottom: 64px !important;
}	
.project-story-menu.story-menu-layout-2 .content .horz-menu {
	max-width: 100vw !important;
	width: 100vw !important;
	overflow: visible !important;
}
.project-story-menu.story-menu-layout-2 .content .horz-menu, .project-story-menu.story-menu-layout-2 .content .horz-menu.align-center {
	-ms-flex-pack: left !important;
    justify-content: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card:first-child {
	margin-right: 1.5% !important;
    margin-left: auto !important;
}
.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card:last-child {
	margin-right: auto !important;
    margin-left: 1.5% !important;
}
.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card:only-child {
	margin-right: auto !important;
    margin-left: auto !important;
}

}


/* ———————————   PROJECT MENU: HORIZONTAL 2: STYLE   ——————————— */

section.story-card.element-with-background {
    background: transparent !important;
}

.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card {
	width: 90vw;
	min-width: 90vw;
	max-width: 90vw;
	height: 85%;
	max-height: 90vh !important;
	padding: 10% 10%;
    justify-content: center !important;
    align-items: center !important;
	display: flex !important;
    border-radius: .25rem;
	flex: 0 0 auto !important;
	margin-right: 1.5% !important;
    margin-left: 1.5% !important;
    pointer-events: none !important;
}
	@media (min-width: 480px) {

		.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card {
			min-width: 400px !important;
    		max-width: 90vw !important;
    		padding: 3% 5%;
    	}
	}
	@media (min-width: 768px) {

		.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card {
    		width: 42vw !important;
    		min-width: 42vw !important;
    		max-width: 60vw !important;
    	}
	}
	@media (min-width: 950px) {
		.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card {
    		max-width: 40vw !important;
		}
	}
	@media screen and (orientation: portrait) {
		.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card {
			max-height: 110vw !important;
		}
	}
	@media screen and (orientation: portrait) and (min-width: 480px) and (min-height: 480px) {
		.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card {
			max-height: 40vw !important;
		}
	}
	@media screen and (orientation: landscape) and (max-height: 600px) {
		.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card {
    		padding: 3% 4%;
    	}
	}
	@media screen and (orientation: landscape) and (max-height: 480px) {
		.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card {
			max-height: 60vw !important;
			min-width: 300px !important;
    		max-width: 30vw !important;
    		padding: 4% !important;
		}
		.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card .story-card-text .callout {
			padding-top: 10px !important;
		}
		.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card .story-card-text .callout .ground-shape {
			padding: .75em 1em !important;
		}
	}
	@media screen and (orientation: landscape) and (max-width: 950px) {
		.story-card .story-card-text .subtitle {
		display: none !important;
		}
	}


.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card .story-card-text .callout .ground-shape {
	pointer-events: initial !important;
	border-width: 2px !important;
}
.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card .story-card-text .callout .ground-shape h6 {
	font-size: 1.2rem !important;
    font-weight: 600 !important;
}


.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card:active {
	transform: scale(0.95) !important;
	transition: transform 0.1s !important;
}
@media (max-height: 450px) {	
	.story-card .story-card-text .subtitle {
		display: none !important;
	}
	.story-card .story-card-text .title {
		font-size: 1.25rem !important;
	}
	.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card .story-card-text .callout .ground-shape {
		padding: .75em 1em !important;
		min-height: unset !important;
	}
}
.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card .story-card-text {
	justify-content: center !important;
	-ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.story-card .story-card-text h3 {
	font-size: 1.5rem !important;
}
	@media (min-width: 768px) {
		.story-card .story-card-text h3 {
		font-size: 2rem !important;
		}
	}
.story-card .story-card-text h5 {
	font-size: 1rem !important;
	margin-bottom: 0 !important;
}
	@media (min-width: 768px) {
		.story-card .story-card-text h5 {
		font-size: 1.15rem !important;
		}
	}
.project-story-menu.story-menu-layout-2 .content .horz-menu .story-card .story-card-text .callout {
	-ms-flex: unset !important;
    flex: unset !important;
    padding-top: 2rem !important;
    -ms-flex: unset;
    flex: unset;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 5;
}




/* ———————————   CUSTOM GAME SCENE WRAPPER   ——————————— */


.custom-game-scene {
    width: 100vw !important;
    height: 100vh !important;
    position: relative !important;
    text-align: center !important;
    background-color: #313131 !important;

}
.custom-game-scene .responsive-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}






/* ———————————   TIMELINE   ——————————— */

.timeline {
    overflow: auto !important;
}
.timeline .timeline-events {
    overflow: visible !important;
}
.background-image.asset.image-container {
    overflow: hidden !important;
}

/* —— LINE —— */

.line.element-with-background 
{
    width: .2rem !important;
    margin-left: -.1rem !important;
    background: rgba(255,255,255,1) !important;
    position: fixed !important;
    display: block !important;
    top: 0 !important;
    height: 100vh !important;
    z-index: 2 !important;
}


/* —— EVENT CARDS —— */


.timeline .timeline-events .event-card {
    position: relative !important;
    cursor: pointer !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    display: block !important;
    height: auto !important;
    margin: 0 auto 1em 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    flex: 0 0 50% !important;
    width: 50% !important;
    padding-right: 1.75rem !important;
}
.timeline .timeline-events .event-card:nth-child(2n) {
    padding-left: 1.75rem !important;
}

.timeline .timeline-events .event-card .card-content {
    border-radius: .5rem !important;
    width: 100% !important;
    max-width: unset !important;
}

.timeline .timeline-events .event-card .card-content .event-card-image {
    height: 300px !important;
    max-height: 45vh !important;
}
.timeline .timeline-events .event-card .card-content .event-card-image img {
    transition: none !important;
}

.timeline .timeline-events .event-card .card-content .event-card-text .card-title, .timeline .timeline-events .event-card .card-content .event-card-text .card-title h3 {
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1rem !important;
    padding-bottom: 0.2em !important;
}
@media (max-width: 479px) {
	.timeline .timeline-events .event-card .card-content {
    	border-radius: .5rem !important;
    	width: calc(85vw - 1.75rem) !important;
	}
	.timeline .timeline-events .event-card .card-content .event-card-image {
    	height: 175px !important;
	}
	.timeline .timeline-events .event-card .card-content .event-card-text {
    	padding: .5rem .5rem .5rem .75rem !important;
	}
	.timeline .timeline-events .event-card .card-content .event-card-text .card-title, .timeline .timeline-events .event-card .card-content .event-card-text .card-title h3 {
		font-size: .85rem !important;
		padding-bottom: 0m !important;
	}
	.timeline .timeline-events .event-card .card-content .event-card-text .card-date, .timeline .timeline-events .event-card .card-content .event-card-text .card-date h5 {
		font-size: .75rem !important;
	}
}
@media (min-width: 1500px) {
	.timeline .timeline-events .event-card .card-content .event-card-image {
    	height: 400px !important;
	}
}

.timeline .timeline-events .event-card:last-of-type {
	padding-bottom: 72px !important;
}
@media (min-width: 768px) {
	.timeline .timeline-events .event-card:last-of-type {
    	padding-bottom: 80px !important;
	}
}
@media (min-width: 768px) {
	.timeline .timeline-events .event-card:last-of-type {
    	padding-bottom: 128px !important;
	}
}


/* —— EVENT MODALS —— */

@media (min-width: 768px), screen and (orientation: landscape) {

}
.event-modal .event-modal-body {
	background: transparent !important;
	width: 90vw !important;
	height: 70vh !important;
	max-height: 70vh !important;
	min-height: 70vh !important;
	border-top: none !important;
    border-bottom: none !important;
}
.event-modal .event-modal-body .event-detail {
    pointer-events: none !important;
    background: white !important;
    max-width: 80vw !important;
    margin: auto !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 45px, rgba(0, 0, 0, 0.22) 0px 10px 18px !important;
    border-radius: 12px !important;
}
.event-modal .event-modal-body .event-detail .col header .event-close {
    pointer-events: auto !important;
}
.event-modal .navigation-item {
	width: 45px !important;
    height: 45px !important;
}
.event-modal .navigation-item.right {
    right: 10px !important;
    left: auto !important;
    bottom: 10px !important;
    top: auto !important;
}
.event-modal .navigation-item.left {
    right: auto !important;
    left: 10px !important;
    bottom: 10px !important;
    top: auto !important;
}
.arrow-button {
    border-radius: 33px !important;
    background-color: transparent !important;
}
.event-modal .navigation-item.right .arrow-nav svg, .event-modal .navigation-item.left .arrow-nav svg {
    color: white !important;
}
button.arrow-button:hover { 
    background-color: rgba(0,0,0,0) !important;
    background: rgba(0,0,0,0) !important;
}
button.arrow-button:active { 
    background-color: rgba(0,0,0,0) !important;
    background: rgba(0,0,0,0) !important;
}
.event-modal .event-modal-body .event-detail .col.event-text {
    padding-bottom: 0 !important;
}
.event-modal .event-modal-body .event-detail .col .text-content {
    padding: 0 3rem !important;
    padding-bottom: 3rem !important;
    pointer-events: auto !important;
    overflow: auto !important;
}
.event-modal.timeline-vertical {
    display: flex !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: center !important;
    padding-top: 0 !important;
}
.event-modal .event-modal-content, .event-modal-content {
    opacity: 1 !important;
    transform: none !important;
    transition: all 0.4s !important;
    -webkit-animation: scale-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
    animation: scale-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
    border-radius: unset !important;
    box-shadow: none;
    width: 90vw !important;
    min-width: 90vw !important;
    max-width: 90vw !important;
}
.event-modal .event-modal-content>div:first-child {
	transition: all 0.4 !important;
	border-radius: unset !important;
    box-shadow: none !important;
}

.event-detail .event-title {
    padding: 0 !important;
    margin: 0 !important;
    padding-bottom: 0.2em !important;
}
.event-detail .event-date {
    padding: 0 !important;
    margin: 0 !important;
    padding-bottom: 2em !important;
}
.event-detail .event-description {
    font-size: 1rem !important;
    line-height: 1.7 !important;
}
.event-modal .event-modal-body .event-detail {
    -ms-flex: 1 !important;
    flex: 1 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-flow: row nowrap !important;
    flex-flow: row nowrap !important;
    -ms-flex-align: left !important;
    align-items: left !important;
    overflow: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    z-index: 5 !important;
    pointer-events: none;
    width: 80vw !important;
    min-width: 80vw !important;
    height: 70vh !important;
    min-height: 70vh !important;
    max-height: 70vh !important;
    order: 2 !important;
}
.event-modal .event-modal-body .event-detail .col header .event-close {
    pointer-events: auto !important;
}

.event-modal .navigation-item.left {
    align-self: center !important;
    left: 0 !important;
    bottom: auto !important;
    top: auto !important;
    right: unset !important;
    order: 1 !important;
    z-index: 1500 !important;
}
.event-modal .navigation-item.right {
    align-self: center !important;
    right: 0 !important;
    bottom: auto !important;
    top: auto !important;
    left: unset !important;
    order: 3 !important;
    z-index: 1500 !important;
}

.event-modal.timeline-vertical {
	background-color: rgba(0, 0, 0, 0.4) !important;
}
.event-modal .event-modal-body .event-detail .col .text-content:after {
    content: "" !important;
    position: fixed !important;
    bottom: 60px !important;
    width: 520px !important;
    height: 25px !important;
    background: linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0) 99%) !important;
}

.event-modal .event-modal-body .event-detail .col .text-content {
    padding-bottom: 40px !important;
    height: 100% !important;
    margin-bottom: 60px !important;
}
.event-modal .event-modal-body .event-detail .col.event-text, .event-modal .event-modal-body.no-asset .event-detail .col.event-text {
	height: 100% !important;
}

@media (max-width: 479px) {
	.timeline .timeline-events .event-card {
		width: 100% !important;
	}
	.timeline .line {
    	left: 7.5vw !important;
    	right: unset !important;
	}
	.timeline .timeline-events {
    	margin-top: 2em !important;
    	width: 85vw !important;
	}
	.timeline .timeline-events .event-card {
    	padding-right: 0 !important;
    	padding-left: 1.75rem !important;
	}
	.timeline .timeline-events .event-card .card-pointer {
    	right: 0 !important;
    	left: -8px !important;
	}
	.timeline .timeline-events .event-card .card-dot {
    	right: unset !important;
    	left: -2.5rem !important;
	}
}
@media (min-width: 480px)  {

	.event-modal.timeline-vertical {
		height: 100% !important;
	}
	.line.element-with-background {
    	left: 50vw !important;
	}
	.timeline .timeline-events .event-card:nth-child(2n) {
    	margin-top: 3em !important;
    	margin-right: 0 !important;
    	margin-left: auto !important;
    	padding-right: 0 !important;
	}
	.timeline .timeline-events .event-card:nth-child(2n) .card-pointer {
    	left: -8px !important;
    	right: auto !important;
	}
	.timeline .timeline-events {
	    -ms-flex-flow: row wrap !important;
    	flex-flow: row wrap !important;
	}
	.event-modal .event-modal-content, .event-modal .event-modal-body.no-asset {
    	width: 90vw !important;
    	min-width: 90vw !important;
    	max-width: 90vw !important;
    	height: 70vh !important;
	}
	.event-modal .event-modal-body.no-asset section.event-detail {
		width: 360px!important;
    	min-width: 360px !important;
    	max-width: 360px !important;
	}
}



@media (min-width: 950px) {
	.event-modal .event-modal-body .event-detail .col.event-text, .event-modal .event-modal-body.no-asset .event-detail .col.event-text {
  	  width: 360px !important;
  	  min-width: 360px !important;
  	  max-width: 360px !important;
  	  height: 100% !important;
	}
	.event-modal .event-modal-content {
    	width: 90vw!important;
    	min-width: 90vw!important;
    	max-width: 90vw!important;
    	height: 70vh!important;
	}
	.event-modal .event-modal-body.no-asset section.event-detail {
		width: 360px!important;
    	min-width: 360px!important;
    	max-width: 360px!important;
	}
}
@media (min-width: 1200px) {
	.event-modal .event-modal-body .event-detail .col.event-text, .event-modal .event-modal-body.no-asset .event-detail .col.event-text {
	    width: 480px !important;
	    min-width: 480px !important;
	    max-width: 480px !important;
	    height: 100% !important;
	}
	.event-modal .event-modal-content {
    	width: 90vw!important;
    	min-width: 90vw!important;
    	max-width: 90vw!important;
    	height: 70vh!important;
	}
	.event-modal .event-modal-body.no-asset section.event-detail {
		width: 360px!important;
    	min-width: 480px!important;
    	max-width: 480px!important;
	}
	.event-modal .navigation-item .arrow-nav button div {
		width: 90px !important;
	}
	.event-modal .navigation-item.left .arrow-nav, .event-modal .navigation-item.right .arrow-nav {
		height: 90px !important;
	}
	.event-modal .event-modal-body .event-detail .col .text-content .event-title, .event-modal .event-modal-body .event-detail .col .text-content .event-title h2 {
		font-size: 1.5rem !important;
	}
}
@media (min-width: 1800px) {
	.event-modal .event-modal-body .event-detail .col.event-text, .event-modal .event-modal-body.no-asset .event-detail .col.event-text {
	    width: 640px !important;
	    min-width: 640px !important;
	    max-width: 640px !important;
	    height: 100% !important;
	}
	.event-modal .event-modal-body.no-asset section.event-detail {
		width: 360px!important;
    	min-width: 640px!important;
    	max-width: 640px!important;
	}
	.event-modal .event-modal-body .event-detail .col .text-content:after {
	    bottom: 80px !important;
	}
	.event-modal .event-modal-body .event-detail .col .text-content {
	    margin-bottom: 80px !important;
	}
	.event-modal .event-modal-content {
	    width: 90vw !important;
	    min-width: 90vw !important;
	    max-width: 90vw !important;
	}
	.event-modal .event-modal-body .event-detail .col .text-content .event-title, .event-modal .event-modal-body .event-detail .col .text-content .event-title h2 {
		font-size: 1.5rem !important;
	}
}

@media screen and (orientation: portrait) and (max-width: 767px) {
	.event-modal .event-modal-body {
		height: 90vh !important;
    	max-height: 90vh !important;
    	min-height: 90vh !important;
	}
	.event-modal .event-modal-body.no-asset {
		width: 90vw !important;
	}
	.event-modal .event-modal-body .event-detail .col.event-text {
		width: 100% !important;
		min-width: unset !important;
		max-width: unset !important;
		height: calc(100% - 54px) !important;
	}
	.event-modal .event-modal-body .event-detail {
		-ms-flex-flow: column nowrap !important;
		flex-flow: column nowrap !important;
		max-width: 95vw !important;
		height: 80vh !important;
    	max-height: 80vh !important;
    	margin: 0 !important;
	}
	.event-modal .col.event-asset {
		max-height: 35vh !important;
	}
	.event-modal .event-modal-body .event-detail .col .text-content {
    	padding: 0 2rem !important;
    	padding-bottom: 2rem !important;
    	margin-bottom: 30px !important;
	}
	.timeline .timeline-events .event-card .card-content .event-card-image {
    	height: 25vh !important;
	}
	.event-modal .event-modal-body .event-detail .col header {
		margin-top: -35vh !important;
		margin-bottom: calc(35vh - 24px) !important;
	}
	.event-modal .event-modal-body.no-asset .event-detail .col header {
		margin-top: initial !important;
		margin-bottom: initial !important;
	}
	.event-modal .event-modal-body .event-detail .col header .event-close .cms-icon svg, .event-modal .event-modal-body .event-detail .col header .event-close .cms-icon svg path {
		color: white !important;
		fill: white !important;
		filter: drop-shadow( 0px 0px 5px #000 ) !important;	
	}
	.event-modal .event-modal-body.no-asset .event-detail .col header .event-close .cms-icon svg, .event-modal .event-modal-body.no-asset .event-detail .col header .event-close .cms-icon svg path {
		color: initial !important;
		fill: initial !important;
		filter: none !important;	
	}
	.event-modal .event-modal-body .event-detail .col .text-content:after {
    	bottom: 30px !important;
    }
    .event-modal .navigation-item .arrow-nav button div {
    	display: flex !important;
    }
    .event-modal .navigation-item.right, .event-modal .navigation-item.left {
    	align-self: flex-end !important;
    }
}

@media screen and (orientation: portrait) and (max-width: 479px) {

	.event-modal .event-modal-body .event-detail .col .text-content .event-title, .event-modal .event-modal-body .event-detail .col .text-content .event-title h2 {
		font-size: 1.2rem !important;
	}
	.event-detail .event-description {
		font-size: .9rem !important;
	}
	.event-modal .event-modal-body .event-detail .col .text-content {
		padding: 0 1.5rem !important;
	}
	.event-modal .event-modal-body .event-detail .col .text-content:after {
    	content: "" !important;
    	position: fixed !important;
    	top: calc(80vh - 55px) !important;
    	width: 80vw !important;
    	height: 25px !important;
    	background: linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0) 99%) !important;
    }
}
@media screen and (orientation: landscape) and (max-width: 949px) and (max-height: 450px) {
	.event-modal .event-modal-content {
		width: 100vw!important;
    	min-width: 100vw!important;
    	max-width: 100vw!important;
    	height: 90vh!important;
    }
    .event-modal .event-modal-body {
    	height: 90vh !important;
    	min-height: 90vh !important;
    	max-height: 90vh !important;
    }
    .event-modal .event-modal-body .event-detail {
    	width: 85vw !important;
    	min-width: 85vw !important;
    	height: 90vh !important;
    	min-height: 90vh !important;
    	max-height: 90vh !important;
    }
    .event-modal .event-modal-body .event-detail .col .text-content {
    	padding: 0 30px !important;
    	padding-bottom: 0 !important;
    	margin-bottom: 30px !important;
	}
	.event-modal .event-modal-body .event-detail .col .text-content .event-title, .event-modal .event-modal-body .event-detail .col .text-content .event-title h2 {
		font-size: 1.2rem !important;
	}
	.event-modal .event-modal-body .event-detail .col header {
		flex: 0 0 48px !important;
	}
	.event-modal .event-modal-body .event-detail .col.event-text {
    	min-width: 50% !important;
	}
	.event-modal .event-modal-body .event-detail .col .text-content:after {
		bottom: 30px !important;
	}
	.event-modal .navigation-item .arrow-nav button, .event-modal .navigation-item .arrow-nav button div {
		display: flex !important;
	}
	.event-modal .event-modal-content, .event-modal .event-modal-body.no-asset {
    	width: 100vw!important;
    	min-width: 100vw!important;
    	max-width: 100vw!important;
	}
}
@media screen and (orientation: landscape) and (max-width: 768px) and (max-height: 450px) {
	.event-modal .event-modal-body .event-detail .col .text-content .event-description {
		font-size: .85rem !important;
    }
}









.asset-viewer-modal .modal-content .modal-paper header, .asset-modal .modal-content .modal-paper header {
	height: var(--header-height) !important;
	padding-bottom: 40px !important;
    z-index: 300 !important;
    background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.4)) !important;
    background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.4)) !important;
}
.asset-viewer .asset-navigation .hotspot-container .navigation-item.right {
    z-index: 290 !important;
    background-image: -webkit-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.4)) !important;
    background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.4)) !important;
}
.asset-viewer .asset-navigation .hotspot-container .navigation-item.left {
    z-index: 291 !important;
    background-image: -webkit-linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.4)) !important;
    background-image: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.4)) !important;
}
.asset-viewer .navigation-item .arrow-nav button>div .cms-icon svg {
	color: rgba(255,255,255,1) !important;
}
.asset-modal .modal-content .modal-paper header .modal-close .cms-icon svg, .asset-modal .modal-content .modal-paper header .modal-close .cms-icon {
	height: 2rem !important;
	width: 2rem !important;
}



/* ---------- QUIZ ------*/


p.body {
	max-width: unset;
	
}

.question-viewer section .col {
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 2vw;
    width: 40.67vw;
    min-width: 40.67vw;
    max-width: 40.67vw;
    max-height:	75vh;
}
.asset-content.asset.col.image-container {
    height: 75vh;
}

.question-viewer {
	margin: 0;
}

.question-viewer section.feedback .asset-content img, .question-viewer section.feedback .asset-content video {
	transition: opacity .25s ease-in-out;
}


.question-viewer section .asset img, .question-viewer section .asset video {
	-o-object-fit: contain;
	object-fit: contain;
}

.story .quiz.scene {
	overflow: auto !important;
}


@media screen and (orientation: portrait) {
	section.question {
		width: 83.34vw;
    	min-width: 83.34vw;
    	max-width: 83.34vw;
    }
	.question-viewer section {
		flex-flow: column nowrap !important;
		-ms-flex-flow: column nowrap !important;
	}
	.question-viewer section .asset {
		height: 40vh;
	}
	.question-viewer section .asset img,
	.question-viewer section .asset video {
		max-height: 40vh !important;
	}
	.question-viewer section .col {
	    /* max-height: 40vh; */
	    width: 83.34vw;
    	min-width: 83.34vw;
    	max-width: 83.34vw;
	}
	.asset-content.asset.col.image-container {
    	height: 40vh;
    	width: 83.34vw;
    	min-width: 83.34vw;
    	max-width: 83.34vw;
	}
}


@media (max-width: 479px), screen and (orientation: portrait) {

	h1.display .font-size-2, h1.display.font-size-2  {
		font-size: 1.5rem !important;
	}
	p.font-size-6, p .font-size-6 {
    	font-size: 1rem !important;
	}
	.button1 {
		font-size: 1.15rem !important;
	}
	.quiz .quiz-content {
		display: block !important;
	}
	.question-viewer section .col {
		margin-right: 0 !important;
	}
	.question-viewer section .content {
		max-width: unset !important;
	}
	.question-viewer section .content .question-title {
		max-width: unset !important;
	}
	.question-title {
		max-width: unset !important;
		font-size: 1.3rem !important;
	}
	.question-viewer section .content .answers {
    	max-width: 80% !important;
    	min-width: 80% !important;
	}
	.answer-button {
		font-size: 1rem !important;
		min-width: 100% !important;
		margin: 0 !important;
		margin-bottom: 16px !important;
	}
	.feedback-title, .feedback-title p {
		margin-bottom: .5em !important;
		font-size: 1.75rem !important;
	}
	.question-viewer section.feedback .content .feedback-description {
		font-size: 1rem !important;
	}
	.question-viewer section .asset img,
	.question-viewer section .asset video {
		max-height: 40vh !important;
	}
	.question-viewer section.feedback .content .next-button,
	.quiz-results section .content .start-over {
		font-size: 1.1rem !important;
		padding: .65em .75em !important;
		margin: 2rem 0 !important;
		outline: none !important;
	}
	.quiz-results h1 {
		font-size: 2rem !important;
	}
	.quiz.scene {
		background-color: rgba(255,255,255,1) !important;
	}
}


.question-viewer .answer-button {
	-webkit-animation: scale-up-center .4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s both;
	animation: scale-up-center .4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s both;
}

.question-viewer .answer-button:active {
	transform: scale(0.9) !important;
	transition: transform 0.1s !important;
}

.question-viewer section.feedback .content .feedback-title {
	transform: scale(0.9) !important;
	transition: transform 0.1s !important;
}

@media (max-width: 479px), screen and (orientation: portrait) {

	h1.display .font-size-2, h1.display.font-size-2  {
		font-size: 1.5rem !important;
	}
	p.font-size-6, p .font-size-6 {
    	font-size: 1rem !important;
	}
	.button1 {
		font-size: 1.15rem !important;
	}
	.quiz .quiz-content {
		display: block !important;
	}
	.question-viewer section .col {
		margin-right: 0 !important;
	}
	.question-viewer section .content {
		max-width: unset !important;
	}
	.question-viewer section .content .question-title {
		max-width: unset !important;
	}
	.question-title {
		max-width: unset !important;
		font-size: 1.3rem !important;
	}
	.question-viewer section .content .answers {
    	max-width: 80% !important;
    	min-width: 80% !important;
	}
	.answer-button {
		font-size: 1rem !important;
		min-width: 100% !important;
		margin: 0 !important;
		margin-bottom: 16px !important;
	}
	.feedback-title, .feedback-title p {
		margin-bottom: .5em !important;
		font-size: 1.75rem !important;
	}
	.question-viewer section.feedback .content .feedback-description {
		font-size: 1rem !important;
	}
	.question-viewer section .asset img,
	.question-viewer section .asset video {
		max-height: 40vh !important;
	}
	.question-viewer section.feedback .content .next-button,
	.quiz-results section .content .start-over {
		font-size: 1.1rem !important;
		padding: .65em .75em !important;
		margin: 2rem 0 !important;
		outline: none !important;
	}
	.quiz-results h1 {
		font-size: 2rem !important;
	}
	.quiz.scene {
		background-color: rgba(255,255,255,1) !important;
	}
}
.quiz .quiz-content {
	overflow: visible !important;
}
.question-viewer {
	overflow: visible !important;
}
.question-viewer section {
	overflow: visible !important;
}
.cover.center-cover {
	margin: auto;
}
.question-viewer section .content {
	align-content: flex-start;
}
.question-viewer section .col:last-of-type {
		overflow: auto;
		max-height: initial;
		margin: auto;
}
.question-viewer section .col:last-of-type:after {
    	content: "" !important;
    	position: fixed !important;
    	bottom: 56px !important;
    	width: 80vw !important;
    	height: 25px !important;
    	background: linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0) 99%) !important;
}
	@media (min-width: 768px) {
		.question-viewer section .col:last-of-type:after {
    		bottom: 64px !important;
		}
	}
	@media (min-width: 1800px) {
		.question-viewer section .col:last-of-type:after {
    		bottom: 96px !important;
		}
	}

@media (max-width: 767px), screen and (orientation: portrait) {

	.question-viewer section .content .question-title p {
		font-size: 1.15rem;
	}
	.question-viewer section.feedback .content .feedback-description p {
		font-size: 1rem;
	}

	.question-viewer section .content .answers .answer-button,.question-viewer section.feedback .content .next-button, .quiz-results section .content .start-over {
		font-size: 1rem;
	}
	.question-viewer section .col:last-of-type {
		overflow: auto;
		max-height: initial;
		margin: auto;
	}
	.question-viewer section .content {
		align-content: flex-start;
	}
	.feedback-title, .feedback-title p {
	    font-size: 1.5rem !important;
	}
	
}



/* END LAYOUT REFINEMENTS */


/* ---------- Video Play Button ------*/


@media (min-width: 1800px) {
.asset-content.video-poster-frame-container .play {
	width: 72px;
	height: 72px;
	left: 24px;
	bottom: 24px;
}
}




/* ——————————————————————————————————————————————— */
/*        THEME SETTINGS          	         	   */
/* ——————————————————————————————————————————————— */


html, body {
  background-color: rgb(0,0,0);
}

.modal-paper {
	background-color: rgba(0,0,0,1) !important;
}

.asset-viewer-modal .modal-content .modal-paper header {
	height: var(--header-height);
	
}
.asset-viewer-modal .modal-content .modal-paper header .modal-close {
	position: absolute !important;
    top: 2rem !important;
    left: 2rem !important;
}

.asset-viewer-modal .modal-content .modal-paper header .modal-close .cms-icon,
.asset-viewer-modal .modal-content .modal-paper header .modal-close .cms-icon svg {
	width: 2rem !important;
    height: 2rem !important;
}

/* ----------- Buttons ----------- */

.button2 {
    background-color: rgba(237,144,140,1);
    color: rgba(255,255,255,1);
    border-radius: 300px;
}

.cover-buttons button  {
	background-color: rgba(237,144,140,1);
    color: rgba(255,255,255,1);
    border-radius: 300px;
    -webkit-animation: scale-up-center .4s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: scale-up-center .4s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    font-family: Oswald,Arial Narrow,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    min-height: auto !important;
    text-align: center;
    height: auto !important;
    margin-bottom: 0;
    text-transform: uppercase;
    padding: .75em 1.5em !important;
    letter-spacing: .02em;
    font-size: 1.5rem;
}
.question-viewer section.feedback .content .next-button, .quiz-results section .content .start-over {
	background-color: rgba(237,144,140,1);
    color: rgba(255,255,255,1);
    border-radius: 300px;
    -webkit-animation: scale-up-center .4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s both;
    animation: scale-up-center .4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s both;
    font-family: Oswald,Arial Narrow,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    min-height: auto !important;
    text-align: center;
    height: auto !important;
    margin-bottom: 0;
    text-transform: uppercase;
    padding: .75em 1.5em !important;
    letter-spacing: .02em;
    font-size: 1.5rem;
}


/* ----------- Gallery ----------- */

.gallery-scene-wrapper.scene {
    background: rgba(33,33,33,1);
}
.gallery-title {
	color: rgb(255, 255, 255);
	font-size: 3rem;
    text-transform: uppercase;
}

.asset-viewer-modal .caption-container {
	padding: 2rem !important;
	width: auto !important;
	max-width: 30rem !important;
	background-color: rgba(72,72,75,.9) !important;
}
.asset-viewer .caption-heading h3 {
	font-size: var(--h5) !important;
    color: rgba(255,255,255,1);
}
.asset-viewer .caption-1 p {
	color: rgba(255,255,255,.8)
}
.asset-viewer.viewer-layout-1 footer .caption-container .caption-2,
.asset-viewer.viewer-layout-1-b footer .caption-container .caption-2 {
	color: rgba(255,255,255,.37)
}
.asset-viewer .caption-1  p {
	font-size: var(--size-p2) !important;
}
.asset-viewer .content-footer:after {
	background: unset !important;
}
.asset-viewer-modal .modal-content .modal-paper header .modal-close .cms-icon svg, .feedback-tool-modal .modal-content .modal-paper header .modal-close .cms-icon svg, .navigation-item .arrow-nav button>div .cms-icon svg {
	/* filter: drop-shadow(0 0 1px rgba(0,0,0,.7)) !important; */
	filter: none !important;
}


/* ----------- Slideshow ----------- */

article.slideshow-slide.scene.layout-3 {
	background: rgba(106,130,143,1);
}
.slideshow-slide .content-container.layout-3 .col {
	align-content: center;
    align-items: center;
    width: 100% !important;
}
.slideshow-slide .content-container.layout-3 .col .text-content {
	margin-bottom: 0!important;
}


/* ----------- Quiz ----------- */

.story .quiz.scene {
	background: white;
}
.quiz-results.scene {
	background: white;
	margin-left: 0;
	margin-right: 0;
}

/* ----------- Cover Scenes ----------- */

.cover-container {
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0 10px 13px -6px rgba(0,0,0,.2), 0 20px 31px 3px rgba(0,0,0,.14), 0 8px 38px 7px rgba(0,0,0,.12);
    box-shadow: 0 10px 13px -6px rgba(0,0,0,.2), 0 20px 31px 3px rgba(0,0,0,.14), 0 8px 38px 7px rgba(0,0,0,.12);
    width: auto;
    max-width: 50rem;
    height: auto;
	padding: 8%;
}


/* ----------- Map ----------- */


/* --------- Collections --------------- */

.collection-items .cms-card .visible-overlay {
	height: calc(30 * var(--dp) ) !important;
    top: auto;
    bottom: 0;
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,rgba(0,0,0,0)));
    background-image: linear-gradient(to top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);
}
.collection-scene-wrapper .collection-scene {
	padding: calc(2 * var(--dp) );
}
.collection-scene-wrapper.scene {
	background: rgba(102,130,144,1);
	padding: 0 !important;
}
.has-header.header-confine .story .collection-scene-wrapper.scene {
    padding-top: var(--header-height) !important;
}
.has-footer .story .collection-scene-wrapper.scene {
	padding-bottom: var(--footer-height)  !important;
}
.collection-items {
	width: 100% !important;
	left: 0 !important;
	margin-top: 0 !important;
}
.collection-item {
    padding-top: var(--header-height) !important;
    padding-bottom: var(--footer-height) !important;
}
.collection-item .asset-wrapper {
    background: rgba(255,255,255,1);
    /* background: chartreuse; */
}
.collection-item .asset-wrapper div {
	max-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
.collection-item .asset-wrapper>div>img {
	max-width: 100%;
    max-height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}
.collection-item .asset-wrapper .featured-asset {
    max-width: 100%;
    height: 100%;
}
.collection-item .asset-wrapper .featured-asset .image-container {
    height: 100%;
    width: 100%;
    display: flex;
}
.collection-item .asset-wrapper .featured-asset img, .collection-item .asset-wrapper .rotation-container img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.collection-item .asset-wrapper .rotation-container div {
    display: flex !important;
}
.collection-item .asset-wrapper .rotation-container .rotation-icon-container {
	position: relative;
    display: block !important;
    text-align: right;
    width: calc(20 * var(--dp) );
    height: calc(20 * var(--dp) );
    margin-left: auto !important;
    margin-right: calc(10 * var(--dp) );
    bottom: calc(30 * var(--dp) );
    pointer-events: none !important;
}
.collection-item .asset-wrapper .rotation-container .rotation-icon-container .rotation-icon {
	position: absolute;
    right: 0;
    height: 100%;
    pointer-events: none !important;
}
@media (orientation: landscape) {
	.collection-item .detail-wrapper {
    	min-width: 360px;
	}
}
.collection-item .detail-wrapper article {
    background-color: rgba(68,68,68,1);
    display: block;
    flex-flow: column nowrap !important;
	padding: 0;
	padding-bottom: var(--footer-height) !important;
	overflow: auto;
	padding-top: var(--padding-10) !important;
}
.collection-item .detail-wrapper article .title-bar {
	flex: 0 0 auto;
    padding: 0 var(--padding-13) !important;
    padding-top: var(--padding-0) !important;
    padding-bottom: var(--padding-5) !important;
}
.collection-item .detail-wrapper article header svg {
    color: rgba(255, 255, 255, 1) !important;
    pointer-events: auto !important;
    width: calc(8 * var(--dp) ) !important;
    height: calc(8 * var(--dp) ) !important;
}
.collection-item .detail-wrapper article section {
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: auto;
}
.collection-item .detail-wrapper article section.item-text {
    padding-bottom: var(--padding-6) !important;
}
.collection-item .detail-wrapper article section .item-description {
	color: rgba(255,255,255,.7);
	font-size: var(--size-p4) !important;
	font-family: var(--body-font);
	line-height: 1.5;
	font-weight: 400;
    margin-bottom: 0 !important;
    padding: 0 var(--padding-13) !important;
    padding-bottom: var(--padding-1) !important;
}
.collection-item .detail-wrapper article section .item-dimensions {
	margin-bottom: 0 !important;
    font-size: var(--size-p6) !important;
    color: rgba(255,255,255,.37) !important;
    padding: 0 var(--padding-13) !important;
}
.collection-item .item-title {
	font-size: var(--size-h4) !important;
	font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(255,255,255,1) !important;
	width: 100%;
	margin-bottom: 0 !important;
}
h3.item-title {
	font-size: var(--h4) !important;
}
.collection-item .detail-wrapper article header svg {
	margin-bottom: auto !important;
	position: relative !important;
    top: 0 !important;
    right: 0 !important;
}
@media (max-width: 479px) {
	.collection-item {
    	overflow: visible !important;
    	-ms-flex-flow: column wrap !important;
    	flex-flow: column wrap !important;
    }
}
.collection-item .detail-wrapper article section.item-assets>div {
	box-sizing: border-box;
    background: rgba(0,0,0,0);
    padding: var(--padding-3) var(--padding-13) !important;
    border-top: rgba(255,255,255,.2) solid 1px;
}
.collection-item .detail-wrapper article section.item-assets>div button {
	background: rgba(0,0,0,0);
    border: none;
    width: 100%;
    display: flex;
    padding: 0;
    box-sizing: border-box;
}
.collection-item .detail-wrapper article section.item-assets>div button p {
	color: rgba(255,255,255,1);
    border: none;
    width: 100%;
    display: flex;
    padding: 0;
    box-sizing: border-box;
    margin-bottom: auto;
    font-size: var(--size-n4) !important;
	font-family: var(--nav-font);
    margin-top: auto;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.collection-item .detail-wrapper article section.item-assets>div:last-of-type {
	border-bottom: rgba(255,255,255,.2) solid 1px;
}
.collection-item .detail-wrapper article footer {
	padding: .5rem 1rem;
    border-top: 1px solid rgba(255,255,255,.15);
    flex: 0 0 64px !important;
    justify-content: center;
    display: flex;
    flex-flow: row nowrap;
    align-content: stretch;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.collection-item .detail-wrapper article footer .arrow-nav {
	-ms-flex: unset;
    flex: unset;
}
.collection-item .detail-wrapper article footer .arrow-nav button .cms-icon svg, .collection-item .detail-wrapper article footer .arrow-nav button .inactive .cms-icon svg {
	height: 2rem !important;
    width: 2rem !important;
    color: rgba(255,255,255,1) !important;
}
.inactive .cms-icon svg {
    color: rgba(255,255,255,.2) !important;
    fill: rgba(255,255,255,.2) !important;
    height: 2rem !important;
    width: 2rem !important;
}
.collection-item .arrow-nav button .cms-icon,
.collection-item .arrow-nav button .inactive .cms-icon {
    display: flex !important;
    align-items: center !important;
}
.collection-item .detail-wrapper article footer .counter {
    -ms-flex: unset !important;
    flex: unset !important;
    margin: 0 1rem !important;
}
.item-assets .cms-icon svg {
	color: rgba(255, 255, 255, 0.37) !important;
    fill: rgba(255, 255, 255, 0.37) !important;
    height: 2rem !important;
    width: 2rem !important;
}

.collection-items .cms-card .title-container {
    position: absolute;
    width: 100%;
    z-index: 9900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255,255,255,1) !important;
    box-sizing: border-box;
    height: auto !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: var(--padding-2) var(--padding-4) !important;
    pointer-events: none !important;
}
.collection-items .cms-card .title-container span {
    font-size: var(--size-n5) !important;
	font-family: var(--nav-font);
}





/* -- Typography -- */

p,.p {
    font-family: var(--body-font);
    font-weight: 400;
	font-size: var(--size-p3);
	line-height: 1.5;
	margin-bottom: .875em;
}
p.large,.p.large, .feedback-description p {
	font-size: var(--size-p4);
	line-height: 1.5;
	margin-bottom: .875em;
}
p.extralarge,.p.extralarge, .question-title p {
	font-size: var(--size-p5);
	line-height: 1.5;
	margin-bottom: .875em;
}
    @media (max-width:479px) {
		p.extralarge,.p.extralarge, .question-title p {
			font-size: calc(var(--size-p5) * 0.9)
		}
	}
p.small,.p.small {
	font-size: var(--body-small-size);
	line-height: 1.5;
	margin-bottom: .875em;
}
p.extrasmall,.p.extrasmall {
	font-size: var(--size-p1);
	line-height: 1.5;
	margin-bottom: .875em;
}
.swatch,.swatch div {
	width: 200px !important;
	height: 200px !important;
	margin: 20px !important;
}
.swatch p {
	color: rgba(0,0,0,.7) !important;
	background-color: white !important;
	width:100% !important;
	padding: 10px !important;
}
.has-footer.footer-confine .story {
    padding-bottom: 0 !important;
}





.collection-item .detail-wrapper article footer {
 	flex: unset;
 	position: fixed !important;
 	margin-top: auto;
    bottom: var(--footer-height) !important;
    vertical-align: bottom;
    height: var(--footer-height);
    color: rgba(255,255,255,1) !important;
    padding: calc(.25 * var(--footer-height));
    justify-content: center !important;
}
@media screen and (orientation: portrait) {
	.collection-item .asset-wrapper {
		-ms-flex: unset !important;
   		flex: unset !important;
    	height: 50vh !important;
    	position: -webkit-sticky !important;
    	position: fixed !important;
    	left: 0 !important;
    	top: var(--header-height) !important;
    	width: 100vw !important;
    	z-index: 500 !important;
	}
	.collection-item .detail-wrapper {
		margin-top: 50vh!important;
    	z-index: 501!important;
    	display: block!important;
		padding-bottom: var(--footer-height) !important;
	}
	.collection-item .detail-wrapper article footer {
		padding: .5rem 1rem !important;
    	border-top: 1px solid rgba(255,255,255,.15) !important;
    	height: 56px !important;
    	max-height: 56px !important;
    	background-color: rgba(39,48,52,1) !important;
    	-ms-flex: 0 0 75px !important;
    	flex: 0 0 75px !important;
    	color: currentColor !important;
    	display: -ms-flexbox !important;
    	display: flex !important;
    	-ms-flex-flow: row nowrap !important;
    	flex-flow: row nowrap !important;
    	-ms-flex-line-pack: stretch !important;
    	align-content: center !important;
    	-ms-flex-pack: end !important;
    	justify-content: center !important;
    	-ms-flex-align: center !important;
    	align-items: center !important;
    	position: fixed !important;
    	bottom: 55px !important;
    	width: 100% !important;
    	left: 0 !important;
    	overflow: hidden !important;
    	-webkit-box-shadow: -1px -5px 15px -7px rgba(0,0,0,.2), -1px -2px 38px 3px rgba(0,0,0,.14), -1px 3px 46px 8px rgba(0,0,0,.12) !important;
    	box-shadow: -1px -5px 15px -7px rgba(0,0,0,.2), -1px -2px 38px 3px rgba(0,0,0,.14), -1px 3px 46px 8px rgba(0,0,0,.12) !important;
	}
}

.item-assets .cms-icon svg {
	margin-right: -.75rem !important;
}
.asset-viewer-modal .modal-close {
    background: rgb(226, 80, 27);
    padding: .5rem !important;
    height: auto !important;
    width: auto !important;
    border-radius: 100% !important;
    position: absolute !important;
}
.layout-11-b .col:nth-child(2) .asset:before {
    content: "";
    display: block;
    background: red;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
    position: absolute;
    bottom: .5rem;
}
.layout-11-b .col:nth-child(2) .asset:before {
    display: block;
    margin: 0 6px 0 0;
    position: absolute;
    bottom: 1.5rem;
    right: 1rem;
    content: "";
    background: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'><defs><style>.cls-1{fill:#b03d13;}.cls-2{fill:#fff;}.cls-3{fill:none;}</style></defs><title>icon-enlarge-2</title><circle class='cls-1' cx='36' cy='36' r='36'/><path class='cls-2' d='M47,44H45.42l-.56-.54a13,13,0,1,0-1.4,1.4l.54.56V47L54,57l3-3ZM35,44a9,9,0,1,1,9-9A9,9,0,0,1,35,44Z' transform='translate(-4 -4)'/></svg>") no-repeat;
    height: 2rem;
    width: 2rem;
}
.asset-viewer-modal .modal-content .modal-body .content-footer .caption-container {
	margin: var(--padding-12);
}

.asset-viewer.viewer-layout-1 footer .caption-container .caption-2 p, .asset-viewer.viewer-layout-1-b footer .caption-container .caption-2 p {
	font-size: var(-size-p6);
    color: rgba(255,255,255,.37);
}
.collection-scene-wrapper .collection-filter-container {
	width: 20vw !important;
	-ms-flex-pack: center;
	justify-content: center;
    padding: 0 var(--padding-4);
    padding-right: 0;
}
.collection-scene-wrapper .collection-scene {
	width: calc(100% - 20vw)!important;
    left: 20vw !important;
}
.collection-scene-wrapper.scene {
	background-color: rgba(68,68,68,1) !important;
}
.collection-scene-wrapper .collection-filter-container li {
	font-size: calc(var(--size-n2) * 1.1);
    color: rgba(150,150,150,1);
    line-height: 2.5;
    letter-spacing: 0.04em;
    font-weight: 400;
    text-align: right;
}
@media (max-width: 1023px), (orientation: portrait) {
	.collection-scene-wrapper .collection-filter-container {
		width: 100% !important;
		left: 0;
		bottom: var(--footer-height);
    	padding: var(--padding-3);
    	height:  auto !important;
    	min-height: var(--footer-height);
		background-color: rgba(43,43,43,1) !important;
		border-top: 1px solid gray;
		position: fixed !important;
		overflow: hidden !important;
	}
	.collection-scene-wrapper .collection-scene {
		width: 100% !important;
    	left: 0 !important;
    	z-index: -1;
	}
	.collection-scene-wrapper .collection-filter-container ul li, .collection-scene-wrapper .collection-filter-container ul {
		display: inline-block;
		text-align: center;
		color: rgba(200,200,200,1);
		font-size: .9rem;
		font-weight: 600;
		line-height: 1.7 !important;
	}
}
.collection-scene-wrapper .collection-filter-container li:hover {
 	color: var(--color8);
 	opacity: .5;
}
.collection-scene-wrapper .collection-filter-container li.active-filter:hover {
	color: var(--color8);
 	opacity: 1;
}









.project-header-footer .return-home, .project-header-footer .return-home a {
	color: rgba(255,255,255,1) !important;
	font-size: var(--size-n4) !important;
	font-weight: 600 !important;
	height: auto !important;
}
.project-header-footer .return-home a span {
	font-size: var(--size-n4);
}
.project-header-footer .return-home svg {
	fill: rgba(255,255,255,1) !important;
}









/* =================================================================== */
/* =========================== REFINED CSS =========================== */
/* =================================================================== */


/* -----------------------------------------------------------------------------------

KEY VARIABLES
Used to define base font size, font scales, and the size of device-independent pixels
(dp). These values impact every level of the UI. Edit with extreme caution.

		h: heading text
		b: body text
		n: navigation text
		d: destination (a scale factor that may come into play later)
		dp: destination-independent pixel
	
----------------------------------------------------------------------------------- */


body {
	font-size: 16px !important;
	--h-base: 18px; /*  Heading text base font size */
	--h-scale: 1.1; /*  Heading text modular scale */
	--b-base: 21px; /*  Body text base font size */
	--b-scale: 1.1; /*  Body text modular scale */
	--n-base: 12px; /*  Navigation text base font size */
	--n-scale: 1.1; /*  Navigation text modular scale */
	--d-scale: 1; /*  Device scale factor */
	--dp: .25vmax;  /*  Device independent pixel size */
}

/*      This is the single break-point, switching from smaller scale
        screens to larger. Above this point type grows fluidly in
        response to larger screens. */

@media (min-width: 1024px) {
	body {
		--h-base: 1.4vmax;
    	--h-scale: 1.27;
    	--b-base: 1.6vmax;
    	--b-scale: 1.2;
    	--n-base: 1.1vmax;
    	--n-scale: 1.1;
	}
}






/* -----------------------------------------------------------------------------------

THEME VARIABLES
	
----------------------------------------------------------------------------------- */

html {
	user-select: none;
	height: 100% !important;
	overflow: hidden !important;
}
.layout {
  height: 100% !important;
  -webkit-overflow-scrolling: touch !important;
}
body, div#app, main.container, .layout, .project-story-menu {
  overflow: auto !important;
}

body {
	--heading-font: 'Montserrat','Arial Narrow',Helvetica,sans-serif;  	/* Font for headings */
	--heading-font-alt: Source Sans Pro, sans-serif; 				/* Alternate font for headings */
	--body-font: Source Sans Pro, sans-serif; 						/* Font for body text */
	--body-font-alt: Roboto,Arial,Helvetica,sans-serif; 			/* Alternate font for body text */
	--nav-font:  Montserrat, sans-serif; 							/* Font for navigation text */
	--nav-font-alt: Roboto,Arial,Helvetica,sans-serif; 				/* Alternate font for navigation text */
    --color3: rgb(239,241,236);
    --color4: rgb(86,85,90);
    --color5: rgb(72,72,75);
    --color6: rgb(3,60,126);
    --color7: rgb(156,217,242);
    --color8: rgb(253,229,23);
    --color9: rgb(237,147,142);
    --color10: rgb(60,144,143);
    --color11: rgb(62,103,125);
    --color12: rgb(204,72,70);
     --color-neutral-0: rgb(0,0,0);								/* Darkest neutral, typically black */
    --color-neutral-8: rgb(204,204,204);						/* Lightest neutral, typically white */
    --color-neutral-10: rgb(255,255,255);						/* Lightest neutral, typically white */
    --corners: calc(0 * var(--dp)); 							/* Corner style */
    --corners-alt: calc(0 * var(--dp)); 						/* Alternate corner style */
    --header-height: calc(0 * var(--dp)); 						/* Height of project header*/
    --header-height-min: 54px;									/* Minimum height of project header area */
	--footer-height: calc(10 * var(--dp)); 						/* Height of project footer area */
	--footer-height-min: 24px;									/* Minimum height of project footer area */
	--footer-scrim-height: calc(40 * var(--dp)); 				/* Height of scrim below project footer */
	--scene-padding-left: 10vw !important; 						/* Default left padding of scenes */
    --scene-padding-right: 10vw !important; 					/* Default right padding of scenes */
    --scene-padding-top: 10vmin !important; 					/* Default top padding of scenes */
    --scene-padding-bottom: 10vmin !important; 					/* Default bottom padding of scenes */
    --scrim-top: calc(0 * var(--dp)); 							/* Height of scrim beneath project header -- ADD DIV FOR THIS */
    --scrim-bottom: calc(10 * var(--dp)); 						/* Height of scrim beneath project footer -- ADD DIV FOR THIS */
    --scrim-left: 5vw;											/* Width of scrim beneath left navigation -- ADD DIV FOR THIS */
    --scrim-right: 5vw;											/* Width of scrim beneath right navigation -- ADD DIV FOR THIS */
    --map-panel-width: calc(130 * var(--dp));
    --map-panel-margin-top: calc( var(--header-height) + var(--padding-13));
    --map-panel-margin-bottom: calc( var(--footer-height) + var(--padding-13));
    --map-panel-margin-right: var(--padding-13);
    --map-panel-margin-left: var(--padding-13);
    --map-offset: calc(var(--map-panel-width) + var(--map-panel-margin-right) + var(--map-panel-margin-right));
    --map-width: calc(100vw + var(--map-offset));
    --golden-window-h: calc(100vh - var(--scene-padding-bottom) - var(--scene-padding-top) - var(--header-height) - var(--footer-height));
    --golden-window-w: calc(100vw - var(--scene-padding-left) - var(--scene-padding-right));				
    --icon-size-01: calc(20 * var(--dp));
    --icon-size-02: calc(10 * var(--dp));
    --icon-size-03: calc(8 * var(--dp));
    --icon-size-04: calc(6 * var(--dp));
    --icon-size-05: calc(5 * var(--dp));
    --icon-size-06: calc(4 * var(--dp));
}

@media (max-width: 479px) {
	body {
    --icon-size-01: 48px;
    --icon-size-02: 36px;
    --icon-size-03: 28px;
    --icon-size-04: 24px;
    --icon-size-05: 21px;
    --icon-size-06: 18px;
    --footer-height: 54px;
	}
}


h1, .h1 {
	font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif;
	line-height: 1.05;
	font-weight: 400;
	margin-bottom: .5em;
	text-transform: none;
}
h2, .h2 {
	font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif;
	line-height: 1.1;
	font-weight: 400;
	margin-bottom: .5em;
	letter-spacing: 0em;
	text-transform: none;
}
h3, .h3 {
	font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif;
	line-height: 1.3;
	font-weight: 400;
	margin-bottom: .5em;
	text-transform: none;
}
h4, .h4 {
	font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif;
	line-height: 1.3;
	font-weight: 400;
	margin-bottom: .5em;
	text-transform: none;
}
h5, .h5 {
	font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif;
	line-height: 1.3;
	font-weight: 400;
	margin-bottom: .5em;
	text-transform: none;
}
h6, .h6 {
	font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif;
	line-height: 1.3;
	font-weight: 400;
	margin-bottom: .5em;
	text-transform: none;
}
.p6 {
    letter-spacing: 0;
    line-height: 1.5;
}
.p5 {
    letter-spacing: 0;
    line-height: 1.5;
}
.p4 {
    letter-spacing: 0;
    line-height: 1.5;
}
.p3 {
    letter-spacing: 0;
    line-height: 1.35;
}
.p2 {
    letter-spacing: 0;
    line-height: 1.35;
}
.p1 {
    letter-spacing: 0;
    line-height: 1.35;
}
.n6 {
    letter-spacing: 0;
    line-height: 1.2;
}
.n5 {
    letter-spacing: 0;
    line-height: 1.2;
}
.n4 {
    letter-spacing: 0;
    line-height: 1.2;
}
.n3 {
    letter-spacing: 0;
    line-height: 1.2;
}
.n2 {
    letter-spacing: 0;
    line-height: 1.2;
}
.n1 {
    letter-spacing: 0;
    line-height: 1.2;
}

/* ----------- Headers and Footers ----------- */

header.project-header-footer {
	display: block;
	z-index: 1001;
    overflow: visible;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
	/* 
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.4) 0,transparent 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,transparent)) !important;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.4) 0,transparent 100%) !important;
	*/
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none !important;
    min-height: var(--header-height-min) !important;
    height: var(--header-height) !important;
    margin: 0;
    padding: 0;
	padding-bottom: var(--scrim-top);
	box-sizing: content-box;
}
header#project-header .zone1 {
	background: rgba(255, 255, 255, 1);
    height: auto !important;
    min-height: var(--header-height-min) !important;
    pointer-events: auto !important;
    padding: var(--padding-5);
    width: auto !important;
    justify-content: flex-start !important;
    position: absolute;
    top: 0;
    left: var(--padding-13);
}
header#project-header .zone2 {
	background: rgba(0, 0, 0, 0);
    height: var(--header-height) !important;
    min-height: var(--header-height-min) !important;
    pointer-events: auto !important;
    padding: var(--padding-5);
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
    justify-content: center !important;
    align-items: center;
    top: 0;
}
header#project-header .zone3 {
	background: rgba(0, 0, 0, 0);
    height: var(--header-height) !important;
    min-height: var(--header-height-min) !important;
    pointer-events: auto !important;
    padding: var(--padding-5);
    width: fit-content !important;
    justify-content: flex-end !important;
    position: absolute;
    top: 0;
    right: 0;
}
footer.project-header-footer {
	display: block;
	z-index: 1000;
    overflow: hidden;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0);
	/* 
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.4) 0,transparent 100%) !important;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,transparent)) !important;
    background-image: linear-gradient(to top,rgba(0,0,0,.4) 0,transparent 100%) !important;
	*/
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none !important;
    min-height: var(--footer-height-min) !important;
    height: var(--footer-height) !important;
    margin: 0;
    padding: 0;
	padding-top: var(--scrim-bottom);
	box-sizing: content-box;
}

footer#project-footer .zone1 {
	background: rgba(0, 0, 0, 0);
    height: var(--footer-height) !important;
    min-height: var(--footer-height-min) !important;
    pointer-events: auto !important;
    padding: var(--padding-13);
    width: fit-content !important;
    justify-content: flex-start !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
footer#project-footer .zone2 {
	background: rgba(0, 0, 0, 0);
    height: var(--footer-height) !important;
    min-height: var(--footer-height-min) !important;
    pointer-events: auto !important;
    padding: var(--padding-5);
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
    justify-content: center !important;
    bottom: 0;
}
footer#project-footer .zone3 {
	background: rgba(0, 0, 0, 0);
    height: var(--footer-height) !important;
    min-height: var(--footer-height-min) !important;
    pointer-events: auto !important;
    padding: var(--padding-5);
    width: fit-content !important;
    justify-content: flex-end !important;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* ----------- Header and Footer Modules ----------- */ 


/* Story Title */

.story-title h1 {
	justify-content: center !important;
	align-items: center !important;
    align-content: center !important;
    white-space: nowrap !important;
    padding: 0 var(--padding-8) !important;
    font-family: var(--nav-font) !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    font-size: var(--size-n1) !important;
    text-transform: uppercase !important;
    color: var(--color-neutral-10);
    margin-bottom: 0 !important;
}


/* --- PROGRESS INDICATORS --- */

.scene-counter .dot {
	margin: auto calc(1.3 * var(--dp));
	width: calc(3 * var(--dp));
    height: calc(3 * var(--dp));
    border-radius: calc(100 * var(--dp));;
    opacity: .5;
    background: currentColor;
    border: none;
}
.scene-counter .dot.current {
    opacity: 1;
    background: currentColor;
    border: none;
}
.scene-counter .dot.unvisited {
    opacity: .3;
    background: currentColor;
    border: none;
}

	/*  Minimal Counter for Limited Space */

	@media (max-width: 479px) {
		.scene-counter .dot {
			margin: auto calc(0 * var(--dp));
    		width: auto;
    		height: calc(2 * var(--dp));
    		border-radius: calc(0 * var(--dp));
    	}
	}


/* --- SELECT MENUS --- */

.select-menu {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    align-content: flex-end !important;
    position: relative !important;
}
div[role=menu] {
	padding: var(--padding-2);
    padding-right: var(--padding-5);
    display: table-cell;
    user-select: none;
    width: auto;
    border-radius: var(--corners-alt);
    overflow: hidden !important;
}
span[role=menuitem] {
	border: 0;
    box-sizing: border-box;
    display: block;
    font-family: var(--nav-font);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    text-decoration: none;
    margin: 0;
    padding: 0;
    outline: none;
    font-size: var(--size-n5);
    font-weight: 400;
    position: relative;
    color: rgba(0, 0, 0, .87);
    line-height: 1;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    /* min-height: 48px; */
    white-space: nowrap;
    background: none;
}



.language-selector {
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    -ms-flex-align: center !important;
    -ms-flex-line-pack: center !important;
    -ms-flex-pack: center !important;
    padding: 0 !important;
    height: 100% !important;
}
.language-selector, .language-selector a, .language-selector button {
    display: -ms-flexbox !important;
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    color: inherit !important;
    opacity: 1 !important;
}
.language-selector a, .language-selector button {
    -ms-flex: 1 0 !important;
    flex: 1 0 !important;
    -ms-flex-align: center !important;
    -ms-flex-line-pack: center !important;
    -ms-flex-pack: center !important;
    border: 0 !important;
    display: flex !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    cursor: pointer !important;
    margin: 0px !important;
    padding: 0px !important;
    outline: none !important;
    font-family: Source Sans Pro, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    font-size: var(--size-n4) !important;
    text-transform: uppercase !important;
    /* height: 36px !important; */
    color: inherit !important;
    background-color: rgba(0, 0, 0, 0) !important;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms !important;
    user-select: none !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
}
	@media (max-width: 479px) {
		.project-header-footer .return-home a span, .select-menu button div span {
	    	display: none;
		}
	}
.language-selector a .cms-icon svg, .language-selector button .cms-icon svg, .language-selector button .cms-icon {
	height: calc( var(--dp) * 9) !important;
	width: calc( var(--dp) * 9) !important;
}
.language-selector span {
    padding-right: 0 !important;
}
.select-menu button div {
	display: flex !important;
	align-items: center !important;
}
.select-menu button div span {
    font-family: var(--nav-font) !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    font-size: var(--size-n4) !important;
    text-transform: uppercase !important;
}




/* -----------------------------------------------------------------------------------

LAYOUT REFINEMENTS: GENERAL	

----------------------------------------------------------------------------------- */

.story .scene {
    overflow: auto !important;
}

.story .scene-container .scene {
    -ms-flex: 1;
    flex: 1;
    z-index: 8;
}

.scene {
	padding-left: var(--scene-padding-left) !important;
    padding-right: var(--scene-padding-right) !important;
    padding-top: var(--scene-padding-top) !important;
    padding-bottom: 1var(--scene-padding-bottom)n !important;
}
.has-footer .scene {
    padding-bottom: calc( var(--scene-padding-bottom) + var(--footer-height) ) !important;
}
.has-header .scene {
    padding-top: calc( var(--scene-padding-top) + var(--header-height) ) !important;
}



/* 
.has-header.header-confine .story {
    padding-top: 0 !important;
}

.has-header .timeline .timeline-events {
	margin-top: 128px !important;
}
 */


/* ---- Side Navigation ---- */


.navigation-item {
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    z-index: 10;
    color: white;   
}
.navigation-item.left {
	left: 0;
    right: auto;
    padding-right: calc( var(--scene-padding-left) * 1 );
    width: calc( var(--scene-padding-left) * 2 );
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.4) 0,transparent 100%) !important;
    background-image: -webkit-gradient(linear,left bottom,right bottom,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,transparent)) !important;
    background-image: linear-gradient(to right,rgba(0,0,0,.4) 0,transparent 100%) !important;
}
.navigation-item.right {
	right: 0;
    left: auto;
    padding-left: calc( var(--scene-padding-right) * 1 );
    width: calc( var(--scene-padding-right) * 2 );
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.4) 0,transparent 100%) !important;
    background-image: -webkit-gradient(linear,right bottom,left bottom,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,transparent)) !important;
    background-image: linear-gradient(to left,rgba(0,0,0,.4) 0,transparent 100%) !important;
}


/* -----------------------------------------------------------------------------------

LAYOUT REFINEMENTS: SLIDESHOWS
	
----------------------------------------------------------------------------------- */


.slideshow-slide .content-container {
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.slideshow-slide .content-container .col {
    margin-bottom: var(--padding-10);
}
.slideshow-slide .content-container .col:last-of-type {
	margin-bottom: calc( var(--scene-padding-bottom) + var(--footer-height) ) !important;
}
.slideshow-slide .col .text-content, .has-footer .story.scroll-scene .text-content {
	margin-bottom: var(--padding-5) !important;
}
.slideshow-slide .col .text-content, .has-footer .story.scroll-scene .text-content:last-of-type {
	margin-bottom: var(--padding-0) !important;
}
.slideshow-slide .col .asset-content {
	margin-bottom: var(--padding-5) !important;
}
.slideshow-slide .col .asset-content:last-of-type {
	margin-bottom: var(--padding-0) !important;
}
.slideshow-slide .content-container.layout-2-left .col,
.slideshow-slide .content-container.layout-2-right .col {
	align-content: center;
}

/* +++++   Slide Layout 3   +++++ */

.slideshow-slide .content-container.layout-3 {
	width: 100% !important;
}

/* +++++   Slide Layout 4   +++++ */

@media (max-width: 479px) {
	.slideshow-slide .content-container.layout-4 .col {
    	margin-bottom: 20px !important;
	}
	.has-footer .story .layout-4 .col:last-of-type {
    	margin-bottom: 40px !important;
	}	
}

/* +++++   Slide Layout 4-B   +++++ */

@media (max-width: 479px) {
	.slideshow-slide .content-container.layout-4-b .col {
    	margin-bottom: 20px !important;
	}
	.has-footer .story .layout-4-b .col:last-of-type {
    	margin-bottom: 40px !important;
	}
}
/* +++++   Slide Layout 6-left   +++++ */

@media (max-width: 479px) {
	.story .layout-6-left .col:last-of-type div:last-child {
		margin-bottom: 0 !important;
	}
}
.slideshow-slide .content-container.layout-6-left .col .asset-content.video-poster-frame-container {
	-ms-flex-align: center;
    align-items: center;
}


/* -----------------------------------------------------------------------------------

LAYOUT REFINEMENTS: MAP
	
----------------------------------------------------------------------------------- */



/* -----------------------------------------------------------------------------------

LAYOUT REFINEMENTS: QUIZ
	
----------------------------------------------------------------------------------- */



/* -----------------------------------------------------------------------------------

LAYOUT REFINEMENTS: TIMELINE
	
----------------------------------------------------------------------------------- */




/* -----------------------------------------------------------------------------------

LAYOUT REFINEMENTS: GALLERY
	
----------------------------------------------------------------------------------- */




/* -----------------------------------------------------------------------------------

LAYOUT REFINEMENTS: COLLECTION
	
----------------------------------------------------------------------------------- */















/* -----------------------------------------------------------------------------------

UNIVERSAL CALCULATED VALUES
These are calculated based on the KEY VARIABLES. Theoretically they should be the same
for all projects.
	
----------------------------------------------------------------------------------- */


/* TEXT */


body {
	--size-h1: calc(var(--h-scale) * var(--h-scale) * var(--h-scale) * var(--h-scale) * var(--h-scale) * var(--h-base) * var(--d-scale));
	--size-h2: calc(var(--h-scale) * var(--h-scale) * var(--h-scale) * var(--h-scale) * var(--h-base) * var(--d-scale));
	--size-h3: calc(var(--h-scale) * var(--h-scale) * var(--h-scale) * var(--h-base) * var(--d-scale));
	--size-h4: calc(var(--h-scale) * var(--h-scale) * var(--h-base) * var(--d-scale));
	--size-h5: calc(var(--h-scale) * var(--h-base) * var(--d-scale));
	--size-h6: calc(var(--h-base) * var(--d-scale));
	--size-p1: calc(var(--b-scale) * var(--b-scale) * var(--b-base) * var(--d-scale));
	--size-p2: calc(var(--b-scale) * var(--b-base) * var(--d-scale));
	--size-p3: calc(var(--b-base) * var(--d-scale));
	--size-p4: calc(var(--b-base) / var(--b-scale) * var(--d-scale));
	--size-p5: calc(var(--b-base) / var(--b-scale) / var(--b-scale) * var(--d-scale));
	--size-p6: calc(var(--b-base) / var(--b-scale)  / var(--b-scale) / var(--b-scale) * var(--d-scale));
	--size-n1: calc(var(--n-scale) * var(--n-scale) * var(--n-scale) * var(--n-scale) * var(--n-scale) * var(--n-base) * var(--d-scale));
	--size-n2: calc(var(--n-scale) * var(--n-scale) * var(--n-scale) * var(--n-scale) * var(--n-base) * var(--d-scale));
	--size-n3: calc(var(--n-scale) * var(--n-scale) * var(--n-scale) * var(--n-base) * var(--d-scale));
	--size-n4: calc(var(--n-scale) * var(--n-scale) * var(--n-base) * var(--d-scale));
	--size-n5: calc(var(--n-scale) * var(--n-base) * var(--d-scale));
	--size-n6: calc(var(--n-base) * var(--d-scale));
	--plus-20: 120%;
}


/* Heading Text */

h1, .h1 { font-size: var(--size-h1); }
h2, .h2 { font-size: var(--size-h2); }
h3, .h3 { font-size: var(--size-h3); }
h4, .h4 { font-size: var(--size-h4); }
h5, .h5 { font-size: var(--size-h5); }
h6, .h6 { font-size: var(--size-h6); }


/* Body Text */

.p6 { font-size: var(--size-p6); }
.p5 { font-size: var(--size-p5); }
.p4 { font-size: var(--size-p4); }
.p3 { font-size: var(--size-p3); }
.p2 { font-size: var(--size-p2); }
.p1 { font-size: var(--size-p1); }


/* Navigation Text */

.n6 { font-size: var(--size-n6); }
.n5 { font-size: var(--size-n5); }
.n4 { font-size: var(--size-n4); }
.n3 { font-size: var(--size-n3); }
.n2 { font-size: var(--size-n2); }
.n1 { font-size: var(--size-n1); }


/* Scale adjustments for specific cases of headings */

h1.minus20 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * -.2) ); }
h1.minus15 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * -.15) ); }
h1.minus10 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * -.1) ); }
h1.minus5 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * -.05) ); }
h1.plus5 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .05) ); }
h1.plus10 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .1) ); }
h1.plus15 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .15) ); }
h1.plus20 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .2) ); }
h1.plus25 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .25) ); }
h1.plus30 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .3) ); }
h1.plus35 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .35) ); }
h1.plus40 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .4) ); }
h1.plus45 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .45) ); }
h1.plus50 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .5) ); }
h1.plus55 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .55) ); }
h1.plus60 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .6) ); }
h1.plus65 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .65) ); }
h1.plus70 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .7) ); }
h1.plus75 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .75) ); }
h1.plus80 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .8) ); }
h1.plus85 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .85) ); }
h1.plus90 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .9) ); }
h1.plus95 { font-size: calc( var(--size-h1) + ( var(--size-h1) * var(--h-scale) * .95) ); }

h2.minus20 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * -.2) ); }
h2.minus15 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * -.15) ); }
h2.minus10 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * -.1) ); }
h2.minus5 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * -.05) ); }
h2.plus5 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .05) ); }
h2.plus10 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .1) ); }
h2.plus15 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .15) ); }
h2.plus20 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .2) ); }
h2.plus25 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .25) ); }
h2.plus30 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .3) ); }
h2.plus35 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .35) ); }
h2.plus40 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .4) ); }
h2.plus45 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .45) ); }
h2.plus50 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .5) ); }
h2.plus55 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .55) ); }
h2.plus60 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .6) ); }
h2.plus65 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .65) ); }
h2.plus70 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .7) ); }
h2.plus75 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .75) ); }
h2.plus80 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .8) ); }
h2.plus85 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .85) ); }
h2.plus90 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .9) ); }
h2.plus95 { font-size: calc( var(--size-h2) + ( var(--size-h2) * var(--h-scale) * .95) ); }

h3.minus20 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * -.2) ); }
h3.minus15 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * -.15) ); }
h3.minus10 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * -.1) ); }
h3.minus5 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * -.05) ); }
h3.plus5 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .05) ); }
h3.plus10 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .1) ); }
h3.plus15 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .15) ); }
h3.plus20 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .2) ); }
h3.plus25 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .25) ); }
h3.plus30 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .3) ); }
h3.plus35 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .35) ); }
h3.plus40 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .4) ); }
h3.plus45 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .45) ); }
h3.plus50 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .5) ); }
h3.plus55 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .55) ); }
h3.plus60 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .6) ); }
h3.plus65 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .65) ); }
h3.plus70 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .7) ); }
h3.plus75 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .75) ); }
h3.plus80 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .8) ); }
h3.plus85 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .85) ); }
h3.plus90 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .9) ); }
h3.plus95 { font-size: calc( var(--size-h3) + ( var(--size-h3) * var(--h-scale) * .95) ); }

h4.minus20 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * -.2) ); }
h4.minus15 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * -.15) ); }
h4.minus10 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * -.1) ); }
h4.minus5 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * -.05) ); }
h4.plus5 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .05) ); }
h4.plus10 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .1) ); }
h4.plus15 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .15) ); }
h4.plus20 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .2) ); }
h4.plus25 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .25) ); }
h4.plus30 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .3) ); }
h4.plus35 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .35) ); }
h4.plus40 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .4) ); }
h4.plus45 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .45) ); }
h4.plus50 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .5) ); }
h4.plus55 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .55) ); }
h4.plus60 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .6) ); }
h4.plus65 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .65) ); }
h4.plus70 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .7) ); }
h4.plus75 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .75) ); }
h4.plus80 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .8) ); }
h4.plus85 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .85) ); }
h4.plus90 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .9) ); }
h4.plus95 { font-size: calc( var(--size-h4) + ( var(--size-h4) * var(--h-scale) * .95) ); }

h5.minus20 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * -.2) ); }
h5.minus15 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * -.15) ); }
h5.minus10 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * -.1) ); }
h5.minus5 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * -.05) ); }
h5.plus5 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .05) ); }
h5.plus10 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .1) ); }
h5.plus15 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .15) ); }
h5.plus20 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .2) ); }
h5.plus25 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .25) ); }
h5.plus30 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .3) ); }
h5.plus35 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .35) ); }
h5.plus40 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .4) ); }
h5.plus45 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .45) ); }
h5.plus50 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .5) ); }
h5.plus55 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .55) ); }
h5.plus60 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .6) ); }
h5.plus65 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .65) ); }
h5.plus70 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .7) ); }
h5.plus75 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .75) ); }
h5.plus80 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .8) ); }
h5.plus85 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .85) ); }
h5.plus90 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .9) ); }
h5.plus95 { font-size: calc( var(--size-h5) + ( var(--size-h5) * var(--h-scale) * .95) ); }

h6.minus20 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * -.2) ); }
h6.minus15 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * -.15) ); }
h6.minus10 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * -.1) ); }
h6.minus5 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * -.05) ); }
h6.plus5 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .05) ); }
h6.plus10 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .1) ); }
h6.plus15 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .15) ); }
h6.plus20 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .2) ); }
h6.plus25 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .25) ); }
h6.plus30 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .3) ); }
h6.plus35 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .35) ); }
h6.plus40 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .4) ); }
h6.plus45 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .45) ); }
h6.plus50 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .5) ); }
h6.plus55 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .55) ); }
h6.plus60 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .6) ); }
h6.plus65 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .65) ); }
h6.plus70 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .7) ); }
h6.plus75 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .75) ); }
h6.plus80 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .8) ); }
h6.plus85 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .85) ); }
h6.plus90 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .9) ); }
h6.plus95 { font-size: calc( var(--size-h6) + ( var(--size-h6) * var(--h-scale) * .95) ); }

p1.minus20 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * -.2) ); }
p1.minus15 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * -.15) ); }
p1.minus10 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * -.1) ); }
p1.minus5 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * -.05) ); }
p1.plus5 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .05) ); }
p1.plus10 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .1) ); }
p1.plus15 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .15) ); }
p1.plus20 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .2) ); }
p1.plus25 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .25) ); }
p1.plus30 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .3) ); }
p1.plus35 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .35) ); }
p1.plus40 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .4) ); }
p1.plus45 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .45) ); }
p1.plus50 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .5) ); }
p1.plus55 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .55) ); }
p1.plus60 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .6) ); }
p1.plus65 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .65) ); }
p1.plus70 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .7) ); }
p1.plus75 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .75) ); }
p1.plus80 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .8) ); }
p1.plus85 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .85) ); }
p1.plus90 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .9) ); }
p1.plus95 { font-size: calc( var(--size-p1) + ( var(--size-p1) * var(--p-scale) * .95) ); }

p2.minus20 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * -.2) ); }
p2.minus15 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * -.15) ); }
p2.minus10 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * -.1) ); }
p2.minus5 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * -.05) ); }
p2.plus5 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .05) ); }
p2.plus10 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .1) ); }
p2.plus15 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .15) ); }
p2.plus20 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .2) ); }
p2.plus25 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .25) ); }
p2.plus30 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .3) ); }
p2.plus35 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .35) ); }
p2.plus40 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .4) ); }
p2.plus45 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .45) ); }
p2.plus50 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .5) ); }
p2.plus55 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .55) ); }
p2.plus60 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .6) ); }
p2.plus65 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .65) ); }
p2.plus70 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .7) ); }
p2.plus75 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .75) ); }
p2.plus80 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .8) ); }
p2.plus85 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .85) ); }
p2.plus90 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .9) ); }
p2.plus95 { font-size: calc( var(--size-p2) + ( var(--size-p2) * var(--p-scale) * .95) ); }

p3.minus20 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * -.2) ); }
p3.minus15 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * -.15) ); }
p3.minus10 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * -.1) ); }
p3.minus5 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * -.05) ); }
p3.plus5 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .05) ); }
p3.plus10 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .1) ); }
p3.plus15 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .15) ); }
p3.plus20 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .2) ); }
p3.plus25 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .25) ); }
p3.plus30 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .3) ); }
p3.plus35 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .35) ); }
p3.plus40 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .4) ); }
p3.plus45 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .45) ); }
p3.plus50 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .5) ); }
p3.plus55 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .55) ); }
p3.plus60 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .6) ); }
p3.plus65 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .65) ); }
p3.plus70 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .7) ); }
p3.plus75 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .75) ); }
p3.plus80 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .8) ); }
p3.plus85 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .85) ); }
p3.plus90 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .9) ); }
p3.plus95 { font-size: calc( var(--size-p3) + ( var(--size-p3) * var(--p-scale) * .95) ); }

p4.minus20 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * -.2) ); }
p4.minus15 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * -.15) ); }
p4.minus10 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * -.1) ); }
p4.minus5 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * -.05) ); }
p4.plus5 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .05) ); }
p4.plus10 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .1) ); }
p4.plus15 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .15) ); }
p4.plus20 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .2) ); }
p4.plus25 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .25) ); }
p4.plus30 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .3) ); }
p4.plus35 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .35) ); }
p4.plus40 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .4) ); }
p4.plus45 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .45) ); }
p4.plus50 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .5) ); }
p4.plus55 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .55) ); }
p4.plus60 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .6) ); }
p4.plus65 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .65) ); }
p4.plus70 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .7) ); }
p4.plus75 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .75) ); }
p4.plus80 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .8) ); }
p4.plus85 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .85) ); }
p4.plus90 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .9) ); }
p4.plus95 { font-size: calc( var(--size-p4) + ( var(--size-p4) * var(--p-scale) * .95) ); }

p5.minus20 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * -.2) ); }
p5.minus15 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * -.15) ); }
p5.minus10 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * -.1) ); }
p5.minus5 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * -.05) ); }
p5.plus5 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .05) ); }
p5.plus10 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .1) ); }
p5.plus15 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .15) ); }
p5.plus20 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .2) ); }
p5.plus25 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .25) ); }
p5.plus30 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .3) ); }
p5.plus35 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .35) ); }
p5.plus40 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .4) ); }
p5.plus45 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .45) ); }
p5.plus50 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .5) ); }
p5.plus55 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .55) ); }
p5.plus60 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .6) ); }
p5.plus65 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .65) ); }
p5.plus70 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .7) ); }
p5.plus75 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .75) ); }
p5.plus80 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .8) ); }
p5.plus85 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .85) ); }
p5.plus90 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .9) ); }
p5.plus95 { font-size: calc( var(--size-p5) + ( var(--size-p5) * var(--p-scale) * .95) ); }

p6.minus20 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * -.2) ); }
p6.minus15 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * -.15) ); }
p6.minus10 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * -.1) ); }
p6.minus5 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * -.05) ); }
p6.plus5 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .05) ); }
p6.plus10 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .1) ); }
p6.plus15 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .15) ); }
p6.plus20 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .2) ); }
p6.plus25 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .25) ); }
p6.plus30 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .3) ); }
p6.plus35 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .35) ); }
p6.plus40 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .4) ); }
p6.plus45 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .45) ); }
p6.plus50 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .5) ); }
p6.plus55 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .55) ); }
p6.plus60 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .6) ); }
p6.plus65 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .65) ); }
p6.plus70 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .7) ); }
p6.plus75 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .75) ); }
p6.plus80 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .8) ); }
p6.plus85 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .85) ); }
p6.plus90 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .9) ); }
p6.plus95 { font-size: calc( var(--size-p6) + ( var(--size-p6) * var(--p-scale) * .95) ); }

n1.minus20 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * -.2) ); }
n1.minus15 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * -.15) ); }
n1.minus10 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * -.1) ); }
n1.minus5 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * -.05) ); }
n1.plus5 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .05) ); }
n1.plus10 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .1) ); }
n1.plus15 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .15) ); }
n1.plus20 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .2) ); }
n1.plus25 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .25) ); }
n1.plus30 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .3) ); }
n1.plus35 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .35) ); }
n1.plus40 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .4) ); }
n1.plus45 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .45) ); }
n1.plus50 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .5) ); }
n1.plus55 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .55) ); }
n1.plus60 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .6) ); }
n1.plus65 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .65) ); }
n1.plus70 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .7) ); }
n1.plus75 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .75) ); }
n1.plus80 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .8) ); }
n1.plus85 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .85) ); }
n1.plus90 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .9) ); }
n1.plus95 { font-size: calc( var(--size-n1) + ( var(--size-n1) * var(--n-scale) * .95) ); }

n2.minus20 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * -.2) ); }
n2.minus15 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * -.15) ); }
n2.minus10 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * -.1) ); }
n2.minus5 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * -.05) ); }
n2.plus5 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .05) ); }
n2.plus10 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .1) ); }
n2.plus15 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .15) ); }
n2.plus20 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .2) ); }
n2.plus25 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .25) ); }
n2.plus30 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .3) ); }
n2.plus35 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .35) ); }
n2.plus40 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .4) ); }
n2.plus45 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .45) ); }
n2.plus50 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .5) ); }
n2.plus55 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .55) ); }
n2.plus60 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .6) ); }
n2.plus65 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .65) ); }
n2.plus70 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .7) ); }
n2.plus75 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .75) ); }
n2.plus80 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .8) ); }
n2.plus85 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .85) ); }
n2.plus90 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .9) ); }
n2.plus95 { font-size: calc( var(--size-n2) + ( var(--size-n2) * var(--n-scale) * .95) ); }

n3.minus20 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * -.2) ); }
n3.minus15 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * -.15) ); }
n3.minus10 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * -.1) ); }
n3.minus5 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * -.05) ); }
n3.plus5 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .05) ); }
n3.plus10 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .1) ); }
n3.plus15 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .15) ); }
n3.plus20 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .2) ); }
n3.plus25 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .25) ); }
n3.plus30 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .3) ); }
n3.plus35 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .35) ); }
n3.plus40 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .4) ); }
n3.plus45 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .45) ); }
n3.plus50 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .5) ); }
n3.plus55 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .55) ); }
n3.plus60 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .6) ); }
n3.plus65 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .65) ); }
n3.plus70 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .7) ); }
n3.plus75 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .75) ); }
n3.plus80 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .8) ); }
n3.plus85 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .85) ); }
n3.plus90 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .9) ); }
n3.plus95 { font-size: calc( var(--size-n3) + ( var(--size-n3) * var(--n-scale) * .95) ); }

n4.minus20 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * -.2) ); }
n4.minus15 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * -.15) ); }
n4.minus10 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * -.1) ); }
n4.minus5 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * -.05) ); }
n4.plus5 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .05) ); }
n4.plus10 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .1) ); }
n4.plus15 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .15) ); }
n4.plus20 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .2) ); }
n4.plus25 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .25) ); }
n4.plus30 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .3) ); }
n4.plus35 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .35) ); }
n4.plus40 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .4) ); }
n4.plus45 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .45) ); }
n4.plus50 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .5) ); }
n4.plus55 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .55) ); }
n4.plus60 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .6) ); }
n4.plus65 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .65) ); }
n4.plus70 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .7) ); }
n4.plus75 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .75) ); }
n4.plus80 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .8) ); }
n4.plus85 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .85) ); }
n4.plus90 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .9) ); }
n4.plus95 { font-size: calc( var(--size-n4) + ( var(--size-n4) * var(--n-scale) * .95) ); }

n5.minus20 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * -.2) ); }
n5.minus15 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * -.15) ); }
n5.minus10 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * -.1) ); }
n5.minus5 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * -.05) ); }
n5.plus5 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .05) ); }
n5.plus10 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .1) ); }
n5.plus15 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .15) ); }
n5.plus20 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .2) ); }
n5.plus25 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .25) ); }
n5.plus30 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .3) ); }
n5.plus35 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .35) ); }
n5.plus40 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .4) ); }
n5.plus45 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .45) ); }
n5.plus50 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .5) ); }
n5.plus55 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .55) ); }
n5.plus60 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .6) ); }
n5.plus65 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .65) ); }
n5.plus70 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .7) ); }
n5.plus75 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .75) ); }
n5.plus80 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .8) ); }
n5.plus85 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .85) ); }
n5.plus90 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .9) ); }
n5.plus95 { font-size: calc( var(--size-n5) + ( var(--size-n5) * var(--n-scale) * .95) ); }

n6.minus20 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * -.2) ); }
n6.minus15 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * -.15) ); }
n6.minus10 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * -.1) ); }
n6.minus5 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * -.05) ); }
n6.plus5 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .05) ); }
n6.plus10 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .1) ); }
n6.plus15 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .15) ); }
n6.plus20 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .2) ); }
n6.plus25 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .25) ); }
n6.plus30 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .3) ); }
n6.plus35 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .35) ); }
n6.plus40 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .4) ); }
n6.plus45 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .45) ); }
n6.plus50 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .5) ); }
n6.plus55 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .55) ); }
n6.plus60 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .6) ); }
n6.plus65 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .65) ); }
n6.plus70 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .7) ); }
n6.plus75 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .75) ); }
n6.plus80 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .8) ); }
n6.plus85 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .85) ); }
n6.plus90 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .9) ); }
n6.plus95 { font-size: calc( var(--size-n6) + ( var(--size-n6) * var(--n-scale) * .95) ); }



/* -----------------------------------------------------------------------------------

LIBRARY STYLES
	
----------------------------------------------------------------------------------- */

.padding-0 {padding: 0;}
.padding-1 {padding: calc(var(--dp) * 1);}
.padding-2 {padding: calc(var(--dp) * 2);}
.padding-3 {padding: calc(var(--dp) * 3);}
.padding-4 {padding: calc(var(--dp) * 4);}
.padding-5 {padding: calc(var(--dp) * 5);}
.padding-6 {padding: calc(var(--dp) * 6);}
.padding-7 {padding: calc(var(--dp) * 7);}
.padding-8 {padding: calc(var(--dp) * 8);}
.padding-9 {padding: calc(var(--dp) * 9);}
.padding-10 {padding: calc(var(--dp) * 10);}
.padding-11 {padding: calc(var(--dp) * 11);}
.padding-12 {padding: calc(var(--dp) * 12);}
.padding-13 {padding: calc(var(--dp) * 13);}
.padding-14 {padding: calc(var(--dp) * 14);}
.padding-15 {padding: calc(var(--dp) * 15);}
.padding-16 {padding: calc(var(--dp) * 16);}
.padding-17 {padding: calc(var(--dp) * 17);}
.padding-18 {padding: calc(var(--dp) * 18);}


body {
	--padding-0: 0;
	--padding-1: calc(var(--dp) * 1);
	--padding-2: calc(var(--dp) * 2);
	--padding-3: calc(var(--dp) * 3);
	--padding-4: calc(var(--dp) * 4);
	--padding-5: calc(var(--dp) * 5);
	--padding-6: calc(var(--dp) * 6);
	--padding-7: calc(var(--dp) * 7);
	--padding-8: calc(var(--dp) * 8);
	--padding-9: calc(var(--dp) * 9);
	--padding-10: calc(var(--dp) * 10);
	--padding-11: calc(var(--dp) * 11);
	--padding-12: calc(var(--dp) * 12);
	--padding-13: calc(var(--dp) * 13);
	--padding-14: calc(var(--dp) * 14);
	--padding-15: calc(var(--dp) * 15);
	--padding-16: calc(var(--dp) * 16);
	--padding-17: calc(var(--dp) * 17);
	--padding-18: calc(var(--dp) * 18);
	--padding-19: calc(var(--dp) * 19);
	--padding-20: calc(var(--dp) * 20);
}

.border-radius-0 {border-radius: 0}
.border-radius-1 {border-radius: calc(var(--dp) * .25);}
.border-radius-2 {border-radius: calc(var(--dp) * .5);}
.border-radius-3 {border-radius: calc(var(--dp) * .75);}
.border-radius-4 {border-radius: calc(var(--dp) * 1);}
.border-radius-5 {border-radius: calc(var(--dp) * 1.25);}
.border-radius-6 {border-radius: calc(var(--dp) * 1.5);}
.border-radius-7 {border-radius: calc(var(--dp) * 1.75);}
.border-radius-8 {border-radius: calc(var(--dp) * 2);}
.border-radius-9 {border-radius: calc(var(--dp) * 2.5);}
.border-radius-10 {border-radius: calc(var(--dp) * 3);}
.border-radius-11 {border-radius: calc(var(--dp) * 3.5);}
.border-radius-12 {border-radius: calc(var(--dp) * 4);}
.border-radius-13 {border-radius: calc(var(--dp) * 4.5);}
.border-radius-14 {border-radius: calc(var(--dp) * 5);}
.border-radius-15 {border-radius: calc(var(--dp) * 5.5);}
.border-radius-16 {border-radius: calc(var(--dp) * 6);}
.border-radius-17 {border-radius: calc(var(--dp) * 7);}
.border-radius-18 {border-radius: calc(var(--dp) * 8);}
.border-radius-19 {border-radius: calc(var(--dp) * 9);}
.border-radius-20 {border-radius: calc(var(--dp) * 10);}

.border-width-0 {border-width: 0}
.border-width-1 {border-width: calc(var(--dp) * .25);}
.border-width-2 {border-width: calc(var(--dp) * .5);}
.border-width-3 {border-width: calc(var(--dp) * .75);}
.border-width-4 {border-width: calc(var(--dp) * 1);}
.border-width-5 {border-width: calc(var(--dp) * 1.25);}
.border-width-6 {border-width: calc(var(--dp) * 1.5);}
.border-width-7 {border-width: calc(var(--dp) * 1.75);}
.border-width-8 {border-width: calc(var(--dp) * 2);}
.border-width-9 {border-width: calc(var(--dp) * 2.5);}
.border-width-10 {border-width: calc(var(--dp) * 3);}
.border-width-11 {border-width: calc(var(--dp) * 3.5);}
.border-width-12 {border-width: calc(var(--dp) * 4);}
.border-width-13 {border-width: calc(var(--dp) * 4.5);}
.border-width-14 {border-width: calc(var(--dp) * 5);}
.border-width-15 {border-width: calc(var(--dp) * 5.5);}
.border-width-16 {border-width: calc(var(--dp) * 6);}
.border-width-17 {border-width: calc(var(--dp) * 7);}
.border-width-18 {border-width: calc(var(--dp) * 8);}
.border-width-19 {border-width: calc(var(--dp) * 9);}
.border-width-20 {border-width: calc(var(--dp) * 10);}

.shadow-elevation-0 {
  -webkit-box-shadow: 0vmax 0vmax 0vmax 0vmax rgba(0, 0, 0, 0.2), 0vmax 0vmax 0vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax 0vmax 0vmax 0vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax 0vmax 0vmax 0vmax rgba(0, 0, 0, 0.2), 0vmax 0vmax 0vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax 0vmax 0vmax 0vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-1 {
  -webkit-box-shadow: 0vmax .2vmax .1vmax -.1vmax rgba(0, 0, 0, 0.2), 0vmax .1vmax .1vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax .3vmax 0vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .2vmax .1vmax -.1vmax rgba(0, 0, 0, 0.2), 0vmax .1vmax .1vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax .3vmax 0vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-2 {
  -webkit-box-shadow: 0vmax .3vmax .1vmax -.2vmax rgba(0, 0, 0, 0.2), 0vmax .2vmax .2vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax .5vmax 0vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .3vmax .1vmax -.2vmax rgba(0, 0, 0, 0.2), 0vmax .2vmax .2vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax .5vmax 0vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-3 {
  -webkit-box-shadow: 0vmax .3vmax .3vmax -.2vmax rgba(0, 0, 0, 0.2), 0vmax .3vmax .4vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax .8vmax 0vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .3vmax .3vmax -.2vmax rgba(0, 0, 0, 0.2), 0vmax .3vmax .4vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax .8vmax 0vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-4 {
  -webkit-box-shadow: 0vmax .2vmax .4vmax -.1vmax rgba(0, 0, 0, 0.2), 0vmax .4vmax .5vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax 1vmax 0vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .2vmax .4vmax -.1vmax rgba(0, 0, 0, 0.2), 0vmax .4vmax .5vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax 1vmax 0vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-5 {
  -webkit-box-shadow: 0vmax .3vmax .5vmax -.1vmax rgba(0, 0, 0, 0.2), 0vmax .5vmax .8vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax 1.4vmax 0vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .3vmax .5vmax -.1vmax rgba(0, 0, 0, 0.2), 0vmax .5vmax .8vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax 1.4vmax 0vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-6 {
  -webkit-box-shadow: 0vmax .3vmax .5vmax -.1vmax rgba(0, 0, 0, 0.2), 0vmax .6vmax 1vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax 1.8vmax 0vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .3vmax .5vmax -.1vmax rgba(0, 0, 0, 0.2), 0vmax .6vmax 1vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax .1vmax 1.8vmax 0vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-7 {
  -webkit-box-shadow: 0vmax .4vmax .5vmax -.2vmax rgba(0, 0, 0, 0.2), 0vmax .7vmax 1vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .2vmax 1.6vmax .1vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .4vmax .5vmax -.2vmax rgba(0, 0, 0, 0.2), 0vmax .7vmax 1vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .2vmax 1.6vmax .1vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-8 {
  -webkit-box-shadow: 0vmax .5vmax .5vmax -.3vmax rgba(0, 0, 0, 0.2), 0vmax .8vmax 1vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .3vmax 1.4vmax .2vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .5vmax .5vmax -.3vmax rgba(0, 0, 0, 0.2), 0vmax .8vmax 1vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .3vmax 1.4vmax .2vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-9 {
  -webkit-box-shadow: 0vmax .5vmax .6vmax -.3vmax rgba(0, 0, 0, 0.2), 0vmax .9vmax 1.2vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .3vmax 1.6vmax .2vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .5vmax .6vmax -.3vmax rgba(0, 0, 0, 0.2), 0vmax .9vmax 1.2vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .3vmax 1.6vmax .2vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-10 {
  -webkit-box-shadow: 0vmax .6vmax .6vmax -.3vmax rgba(0, 0, 0, 0.2), 0vmax 1vmax 1.4vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .4vmax 1.8vmax .3vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .6vmax .6vmax -.3vmax rgba(0, 0, 0, 0.2), 0vmax 1vmax 1.4vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .4vmax 1.8vmax .3vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-11 {
  -webkit-box-shadow: 0vmax .6vmax .7vmax -.4vmax rgba(0, 0, 0, 0.2), 0vmax 1.1vmax 1.5vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .4vmax 20vmax .3vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .6vmax .7vmax -.4vmax rgba(0, 0, 0, 0.2), 0vmax 1.1vmax 1.5vmax .1vmax rgba(0, 0, 0, 0.14), 0vmax .4vmax 20vmax .3vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-12 {
  -webkit-box-shadow: 0vmax .7vmax .8vmax -.4vmax rgba(0, 0, 0, 0.2), 0vmax 1.2vmax 1.7vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .5vmax 2.2vmax .4vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .7vmax .8vmax -.4vmax rgba(0, 0, 0, 0.2), 0vmax 1.2vmax 1.7vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .5vmax 2.2vmax .4vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-13 {
  -webkit-box-shadow: 0vmax .7vmax .8vmax -.4vmax rgba(0, 0, 0, 0.2), 0vmax 1.3vmax 1.9vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .5vmax 2.4vmax .4vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .7vmax .8vmax -.4vmax rgba(0, 0, 0, 0.2), 0vmax 1.3vmax 1.9vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .5vmax 2.4vmax .4vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-14 {
  -webkit-box-shadow: 0vmax .7vmax .9vmax -.4vmax rgba(0, 0, 0, 0.2), 0vmax 1.4vmax 2.1vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .5vmax 2.6vmax .4vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .7vmax .9vmax -.4vmax rgba(0, 0, 0, 0.2), 0vmax 1.4vmax 2.1vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .5vmax 2.6vmax .4vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-15 {
  -webkit-box-shadow: 0vmax .8vmax .9vmax -.5vmax rgba(0, 0, 0, 0.2), 0vmax 1.5vmax 2.2vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .6vmax 2.8vmax .5vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .8vmax .9vmax -.5vmax rgba(0, 0, 0, 0.2), 0vmax 1.5vmax 2.2vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .6vmax 2.8vmax .5vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-16 {
  -webkit-box-shadow: 0vmax .8vmax 1vmax -.5vmax rgba(0, 0, 0, 0.2), 0vmax 1.6vmax 2.4vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .6vmax 30vmax .5vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .8vmax 1vmax -.5vmax rgba(0, 0, 0, 0.2), 0vmax 1.6vmax 2.4vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .6vmax 30vmax .5vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-17 {
  -webkit-box-shadow: 0vmax .8vmax 1.1vmax -.5vmax rgba(0, 0, 0, 0.2), 0vmax 1.7vmax 2.6vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .6vmax 3.2vmax .5vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .8vmax 1.1vmax -.5vmax rgba(0, 0, 0, 0.2), 0vmax 1.7vmax 2.6vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .6vmax 3.2vmax .5vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-18 {
  -webkit-box-shadow: 0vmax .9vmax 1.1vmax -.5vmax rgba(0, 0, 0, 0.2), 0vmax 1.8vmax 2.8vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .7vmax 3.4vmax .6vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .9vmax 1.1vmax -.5vmax rgba(0, 0, 0, 0.2), 0vmax 1.8vmax 2.8vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .7vmax 3.4vmax .6vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-19 {
  -webkit-box-shadow: 0vmax .9vmax 1.2vmax -.6vmax rgba(0, 0, 0, 0.2), 0vmax 1.9vmax 2.9vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .7vmax 3.6vmax .6vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax .9vmax 1.2vmax -.6vmax rgba(0, 0, 0, 0.2), 0vmax 1.9vmax 2.9vmax .2vmax rgba(0, 0, 0, 0.14), 0vmax .7vmax 3.6vmax .6vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-20 {
  -webkit-box-shadow: 0vmax 1vmax 1.3vmax -.6vmax rgba(0, 0, 0, 0.2), 0vmax 20vmax 3.1vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .8vmax 3.8vmax .7vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax 1vmax 1.3vmax -.6vmax rgba(0, 0, 0, 0.2), 0vmax 20vmax 3.1vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .8vmax 3.8vmax .7vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-21 {
  -webkit-box-shadow: 0vmax 1vmax 1.3vmax -.6vmax rgba(0, 0, 0, 0.2), 0vmax 2.1vmax 3.3vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .8vmax 40vmax .7vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax 1vmax 1.3vmax -.6vmax rgba(0, 0, 0, 0.2), 0vmax 2.1vmax 3.3vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .8vmax 40vmax .7vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-22 {
  -webkit-box-shadow: 0vmax 1vmax 1.4vmax -.6vmax rgba(0, 0, 0, 0.2), 0vmax 2.2vmax 3.5vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .8vmax 4.2vmax .7vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax 1vmax 1.4vmax -.6vmax rgba(0, 0, 0, 0.2), 0vmax 2.2vmax 3.5vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .8vmax 4.2vmax .7vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-23 {
  -webkit-box-shadow: 0vmax 1.1vmax 1.4vmax -.7vmax rgba(0, 0, 0, 0.2), 0vmax 2.3vmax 3.6vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .9vmax 4.4vmax .8vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax 1.1vmax 1.4vmax -.7vmax rgba(0, 0, 0, 0.2), 0vmax 2.3vmax 3.6vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .9vmax 4.4vmax .8vmax rgba(0, 0, 0, 0.12); }
.shadow-elevation-24 {
  -webkit-box-shadow: 0vmax 1.1vmax 1.5vmax -.7vmax rgba(0, 0, 0, 0.2), 0vmax 2.4vmax 3.8vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .9vmax 4.6vmax .8vmax rgba(0, 0, 0, 0.12);
          box-shadow: 0vmax 1.1vmax 1.5vmax -.7vmax rgba(0, 0, 0, 0.2), 0vmax 2.4vmax 3.8vmax .3vmax rgba(0, 0, 0, 0.14), 0vmax .9vmax 4.6vmax .8vmax rgba(0, 0, 0, 0.12); }
          

/* -----------------------------------------------------------------------------------

ANIMATIONS
	
----------------------------------------------------------------------------------- */

@-webkit-keyframes slide-fwd-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
  }
}
@keyframes slide-fwd-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
            opacity:	0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
            opacity:	1;
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
            opacity:	0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
            opacity:	1;
  }
}


img {
	display: block;
}



/* ---- Map Scene Container ---- */
/* ---- Fills viewport ---- */

.story .scene-container .map {
    display: block;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 5;
    margin: 0;
    padding: 0;
    --golden-window-h: calc(100vh - var(--map-panel-margin-top) - var(--map-panel-margin-bottom));
}



/* ---- Base map ---- */

.story .scene-container .map .map-wrapper {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.map .map-wrapper .mapboxgl-map {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: var(--map-width) !important;
    height: 100vh;
    z-index: 20;
    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.story .map .marker {
    background: rgb(177, 80, 18);
    height: calc(4 * var(--dp));
    width: calc(4 * var(--dp));
    border: rgba(255,255,255,1);
    border-style: solid;
    border-width: calc(.5 * var(--dp));
    -webkit-box-shadow: 0vmax 0.3vmax 0.1vmax -0.2vmax rgba(0, 0, 0, 0.2), 0vmax 0.2vmax 0.2vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax 0.1vmax 0.5vmax 0vmax rgba(0, 0, 0, 0.12);
    box-shadow: 0vmax 0.3vmax 0.1vmax -0.2vmax rgba(0, 0, 0, 0.2), 0vmax 0.2vmax 0.2vmax 0vmax rgba(0, 0, 0, 0.14), 0vmax 0.1vmax 0.5vmax 0vmax rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    cursor: pointer;
}
.story .map .marker.selected {
    background: rgb(253, 127, 49);
    height: calc(6 * var(--dp));
    width: calc(6 * var(--dp));
    border: rgba(255,255,255,1);
    border-style: solid;
    border-width: calc(.8 * var(--dp));
    z-index: 1000;
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    padding: 0 5px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
}
.mapboxgl-ctrl-attrib a {
	color: rgba(255, 255, 255, 0.54);
}
a.mapboxgl-ctrl-logo {
	margin-left: calc(var(--map-width) - 100vw) !important;
}

@media (max-width: 479px) {
	.story .scene-container .map .map-wrapper {
		position: fixed;
    	bottom: 50vh !important;
    	width: 100vw !important;
    	z-index: 500 !important;
	}
	.map .map-wrapper .mapboxgl-map {
		width: 100vw !important;
    	height: 50vh;
	}
	.story .map .marker {
	    height: 24px;
    	width: 24px;
    	border-width: 2px;
    }
    .story .map .marker.selected {
	    height: 32px;
    	width: 32px;
    	border-width: 2px;
	}
	a.mapboxgl-ctrl-logo {
		margin-left: unset !important;
	}
}

/*---- Content Panel ----*/

.story .scene-container .map .content {
	display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0;
    flex: 1 0;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
	right: var(--map-panel-margin-right) !important;
    bottom: 5.25vmax !important;
    position: absolute;
    width: var(--map-panel-width);
    min-width: 360px;
    height: calc(1.25 * var(--map-panel-width)) !important;
    max-height: var(--golden-window-h);
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4) !important;
    z-index: 600 !important;
    background-color: rgba(255,255,255,1) !important;
    border-radius: 0 !important;
    overflow: auto;
}
.map .content article.base-detail {
    display: flex !important;
    padding: 0 !important;
    overflow: auto !important;
    background-color: rgba(255,255,255,1);
    align-content: center !important;
    flex-flow: column;
    height: fit-content;
}
.map .content article.base-detail header {
    padding: var(--padding-13) !important;
    background-color: rgba(255,255,255,0) !important;
    padding-bottom: 0 !important;
}
.map .content article.base-detail header .map-title,
.map .content h1 {
    font-size: var(--size-h3) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif !important;
    line-height: 1.2 !important;
    color: rgba(0,0,0,.87) !important;
    margin-bottom: var(--padding-6);
    padding: 0 !important;
    text-align: center !important;
}
.map .content h6 {
    letter-spacing: .04em !important;
    font-weight: 500 !important;
    font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif !important;
    margin-bottom: 0;
    padding: 0 !important;
    color: rgba(0,0,0,.6) !important;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--size-p5);
    font-weight: 500;
    line-height: 1.5;
}

.map .content article.base-detail section  {
    background-color: rgba(255,255,255,1);
}
.map-description {
    padding: var(--padding-13) !important;
    padding-top: var(--padding-11) !important;
    background-color: rgba(255,255,255,1);
}
.map-description, .map-description p {
	font-family: var(--body-font);
	color: rgba(0, 0, 0, .54) !important;
    font-size: var(--size-p4) !important;
    line-height: 1.5 !important;
    margin-bottom: 0;
}
.map .content article.base-detail footer {
    flex: 0 0 auto !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: currentColor;
    position: relative;
    overflow: visible;
    padding: var(--padding-13) !important;
    padding-top: 0 !important;
    background-color: rgba(255,255,255,1);
}
.map .content article.base-detail footer button {
    line-height: 1.5;
    font-family: var(--nav-font) !important;
    color: rgba(255, 255, 255, 1) !important;
    border-width: 0;
    width: auto;
    height: auto;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    border-style: solid;
    border-radius: 0px;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: var(--padding-4) var(--padding-8) !important;
    min-height: 48px !important;
    border-color: rgba(255,255,255,0) !important;
    background-color: rgb(74, 74, 74) !important;
    min-width: 100px;
    font-size: var(--size-n5) !important;
    cursor: pointer;
    display: block;
}
.map .content article.place-detail {
	background-color: rgba(255,255,255,1) !important;
}
.story .map .content .place-detail .title-bar {
    flex: 0 0 auto;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--padding-5);
    background-color: rgba(255,255,255,1);
}
.story .map .content .place-detail .title-bar .place-title p,
.story .map .content .place-detail .title-bar h3.place-title {
    font-size: var(--size-p5) !important;
    text-transform: uppercase;
    letter-spacing: 0.1em !important;
    font-weight: 600 !important;
    font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif;
    margin-bottom: 0 !important;
    color: rgba(0,0,0,.87) !important;
}
.story .map .content .place-detail .title-bar svg {
    color: var(--color-neutral-0) !important;
    opacity: .54 !important;
    fill: var(--color-neutral-0) !important;
    user-select: none !important;
    position: absolute !important;
    z-index: 100 !important;
    cursor: pointer !important;
    top: var(--padding-5) !important;
    right: var(--padding-4) !important;
    height: var(--icon-size-04) !important;
    width: var(--icon-size-04) !important;
}
.story .map .content article.place-detail section {
    background-color: rgba(255,255,255,0) !important;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: auto;
    background-color: rgba(255,255,255,1);
}
.map .content article section .featured-asset {
    max-width: 100%;
    height: calc(.66*var(--map-panel-width));
    background: rgb(88, 88, 88);
    overflow: hidden;
}
.map .content article section .featured-asset img {
    width: 100%;
    object-position: center;
    height: calc(.66*var(--map-panel-width));
    object-fit: cover;
}
.story .map .content .place-detail .place-description {
    display: block;
    background-color: rgba(255,255,255,0) !important;
    padding: var(--padding-6) var(--padding-8) !important;
    padding-bottom: var(--padding-5) !important;
    margin-bottom: 0;
    background-color: rgba(255,255,255,1);
}
.story .map .content .place-detail .place-description p {
    color: rgba(0, 0, 0, .7) !important;
    font-family: var(--body-font);
    font-size: var(--size-p5) !important;
    line-height: 1.5 !important;
    margin-bottom: 0;
}
.map .content article.place-detail footer.tour-navigation {
    border-top: 1px solid rgba(0,0,0,.15);
    padding: var(--padding-3);
    overflow: hidden;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    background-color: var(--color-neutral-8);
    justify-content: center;
}
.map .content article.place-detail footer .counter {
    color: rgba(0,0,0,.5) !important;
    -ms-flex: 0 0 55px;
    flex: 0 0 auto;
    text-align: center;
    position: relative;
    display: block;
    font-family: var(--nav-font-alt) !important;
    font-size: var(--size-n6) !important;
    letter-spacing: .05em !important;
}
.map .content article.place-detail footer button {
    outline: none !important;
    background: transparent;
}
.map .content article.place-detail footer .arrow-nav.left {
    text-align: right;
}
.map .content article.place-detail footer .arrow-nav {
    top: .20rem;
    flex: 0 0 auto;
    display: block;
    position: relative;
    color: rgba(235,110,30,1) !important;
}
.map .content article.place-detail footer .arrow-nav .inactive {
    line-height: inherit;
    display: block;
    opacity: .5;
}
.map .content article.place-detail footer .inactive svg {
    color: rgba(0,0,0,.2) !important;
    fill: rgba(0,0,0,.2) !important;
    height: var(--icon-size-02) !important;
    width: var(--icon-size-02) !important;
}
.map .content article.place-detail footer .arrow-nav button {
    cursor: pointer;
    display: block;
    position: relative;
    padding: 0;
    color: inherit!important;
    line-height: inherit;
    background-color: transparent;
    border-radius: 0;
    border: 0 solid transparent !important;
    text-align: center;
}
.map .content article.place-detail footer .arrow-nav button .cms-icon svg {
    fill: rgba(235,110,30,1) !important;
    color: rgba(235,110,30,1) !important;
    height: var(--icon-size-02) !important;
    width: var(--icon-size-02) !important;
}
.story .map .content .loader {
	display: none;
}
.story .map .content .play {
    top: 0;
    left: 0;
    display: flex;
    height: calc(.66*var(--map-panel-width));
    margin-top: calc(-.66 * var(--map-panel-width));
    width: 100%;
    justify-content: center;
    align-items: center;
}
.play.cms-icon svg, .story .map .content .play svg {
	height: var(--icon-size-01) !important;
    width: var(--icon-size-01) !important;
}
.play svg path#ground {
    fill: rgba(64, 64, 64, 0.5) !important;
}
path#arrow {
    fill: rgba(255, 255, 255, 1) !important;
}

footer#project-footer .zone3 {
    position: absolute;
    left: 0;
    width: 100vw !important;
    background: rgba(0,0,0,0);
    justify-content: center !important;
    height: calc(8 * var(--dp)) !important;
    align-items: center;
    padding: 0;
    min-height: 24px !important;
}
footer#project-footer .zone3 a {
    font-family: var(--nav-font-alt);
    font-size: var(--size-p6);
    font-weight: 300;
    color: rgba(255,255,255,1);
    text-decoration: none;
    letter-spacing: .05em;
    opacity: .5;
}
footer#project-footer .zone3 a:hover {
    opacity: 1;
    transition: opacity .3s;
}


@media (max-width: 479px) {

.map {
    overflow: visible !important;
    -ms-flex-flow: column wrap !important;
    flex-flow: column wrap !important;
}
.story .scene-container .map .content {
	display: block;
	right: 0 !important;
	left: 0 !important;
    top: 50vh !important;
    bottom: 0 !important;
    position: absolute;
    width: 100vw !important;
    min-width: unset;
    height: 50vh !important;;
    padding-top: 0;
    max-height: calc(100vh - var(--footer-height)) !important;;
    overflow: visible;
    pointer-events: auto;
}
.map .content article.base-detail {
	padding-bottom: var(--footer-height) !important;
}
.story .scene-container .map .content .place-detail {
	overflow: auto;
	padding-bottom: var(--footer-height) !important;
}
.map .content article section .featured-asset {
    height: 66vw !important;
    background: rgb(88, 88, 88);
    overflow: hidden;
}
.map .content article section .featured-asset img {
    object-position: center;
    height: 66vw !important;
    object-fit: cover;
}
.story .map .content .play {
    height: 66vw;
    margin-top: -66vw;
}
.map .content article.place-detail footer.tour-navigation {
    border-top: 1px solid rgba(0,0,0,.15);
    padding: var(--padding-3);
    overflow: hidden;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    background-color: rgba(248,248,248) !important;
    width: 100vw;
    position: fixed;
    min-height: 64px;
    bottom: 0;
    justify-content: flex-end;
}
.map .content article.base-detail header {
    padding: 30px !important;
    padding-bottom: 0 !important;
}
.map .content article.base-detail header .map-title p {
    font-weight: 600;
    font-size: 28px !important;
}
.map .content article.base-detail header .map-title p:nth-of-type(2) {
    font-size: 21px !important;
    font-weight: 400 !important;
}
.map-description {
    padding: 30px !important;
    padding-top: 20px !important;
    background-color: rgba(255,255,255,1);
}
.map-description, .map-description p {
    font-size: 17px !important;
}
/* 
.story .map .content article.place-detail section {
	padding-bottom: 54px;
}
 */
}

/* ++SFM Theme Changes+++ */

.story .map .content .place-detail .title-bar {
	background: rgba(235,110,30,1) !important;
}
.story .map .content .place-detail .title-bar .place-title p, .story .map .content .place-detail .title-bar h3.place-title {
	color: var(--color-neutral-10) !important;
}
.story .map .content .place-detail .title-bar svg {
	fill: var(--color-neutral-10) !important;
}
.map .content article.base-detail footer button {
	background: rgba(235,110,30,1) !important;
}
.story .map .content .place-detail .place-description p:nth-of-type(2) {
	font-size: var(--size-p6) !important;
    margin-top: var(--padding-3);
    color: rgba(0,0,0,.3) !important;
}
.map .content article.place-detail footer.tour-navigation {
	background: rgba(248,248,248,1) !important;
}


header#project-header .zone1 .code-module a img {
	width: calc(70 * var(--dp)) !important;
    height: calc(8 * var(--dp)) !important;
}
 
.map .content article.base-detail header h1.map-title {
	margin-bottom: 0;
}
.map .content article.base-detail header .map-title p {
	font-family: 'Montserrat','Arial Narrow',Helvetica,sans-serif;
    font-weight: 600;
    font-size: var(--size-h3);
    line-height: 1.2;
    margin-bottom: var(--padding-4);
}
.map .content article.base-detail header .map-title p:nth-of-type(2) {
    font-size: var(--size-h6);
    font-weight: 600;
    margin-bottom: 0 !important;
    color: rgba(0,0,0,.5);
    padding: 0 var(--padding-6);
}



@media (max-width: 479px) {
header#project-header .zone1 {
	width: 100vw !important;
    justify-content: flex-start !important;
    position: absolute;
    left: 0;
}
header#project-header .zone1 .code-module a img {
	width: 300px !important;
    height: 34px !important;
}
footer#project-footer .zone3 {
    position: absolute;
    left: 0;
    width: 100% !important;
    background: rgba(0,0,0,0);
    justify-content: center !important;
    align-items: center;
    font-size: var(--size-n4);
    height: 64px !important;
    padding: var(--padding-12);
}
footer#project-footer .zone3 a {
    font-size: var(--size-n6);
    font-family: var(--nav-font);
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    opacity: .87;
    text-decoration: none;
}
.story .map .content .place-detail .place-description {
    padding: var(--padding-12) var(--padding-15) !important;
}
.story .map .content .place-detail .title-bar {
    padding: 20px;
}
.story .map .content .place-detail .place-description p {
    font-size: 17px !important;
}
.story .map .content .place-detail .place-description p:nth-of-type(2) {
    font-size: 13px !important;
}
footer.project-header-footer {
	width: 50vw;
}
.map .content article.place-detail footer .inactive svg {
    height: 48px !important;
    width: 48px !important;
}
.story .map .content .place-detail .title-bar svg {
	top: 20px !important;
    right: 20px !important;
}
.story .map .content .place-detail .title-bar .place-title p, .story .map .content .place-detail .title-bar h3.place-title {
	font-size: 14px !important;
}
.map .content article.place-detail footer .arrow-nav button .cms-icon svg {
    height: 48px !important;
    width: 48px !important;
}
.map .content article.place-detail footer .counter {
    font-size: 16px !important;
}
.map .content article.base-detail footer {
    border-top: 1px solid rgba(0,0,0,.15);
    padding: var(--padding-3);
    overflow: hidden;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    background-color: rgba(248,248,248,1) !important;
    width: 100vw;
    position: fixed;
    min-height: 64px;
    bottom: 0;
}
.map .content article.base-detail footer button {
	position: fixed;
    bottom: 0;
    height: 64px !important;
    min-height: 64px !important;
    min-width: 120px !important;
    right: 0;
    padding: 10px !important;
}
footer#project-footer .zone3 a {
    font-size: 12px;
    font-family: var(--nav-font-alt);
    color: rgba(0, 0, 0, 0.5);
    letter-spacing: .2px;
    font-weight: 300;
}
}

/* Global Changes */

.asset-modal .asset video {
	object-fit: contain;
}

.asset-modal .modal-content .modal-paper header .modal-close .cms-icon svg {
	height: var(--icon-size-03) !important;
    width: var(--icon-size-03) !important;
}

.asset-viewer-modal .modal-content .modal-paper header,
.asset-modal .modal-content .modal-paper header {
	height: calc(2 * var(--icon-size-03)) !important;
}

.asset-modal .modal-content .modal-paper header .modal-close {
	position: absolute;
    left: var(--padding-4);
    top: var(--padding-4);
}

.map .content article.base-detail {
    flex-flow: column nowrap !important;
}

.map-subtitle, h3.map-subtitle {
    font-size: var(--size-h6);
    font-weight: 600;
    margin-bottom: 0 !important;
    color: rgba(0,0,0,.5);
    padding: 0 var(--padding-6);
    text-align: center;
}

.map-title, h1.map-title {
    margin-bottom: .4em !important;
}


.sc-map-place-gallery-slide {
    overflow: hidden !important;
}
.sc-map-place-gallery-slide .asset.sc-module,
.sc-asset.sc-map-place-gallery-asset,
.sc-asset.sc-map-place-gallery-asset figure.img-wrapper {
    object-position: center;
    height: 300px !important;
}
.sc-asset.sc-map-place-gallery-asset img  {
    object-fit: cover !important;
}
.sc-map-place-gallery-slide {
    overflow: hidden !important;
}

.asset-modal.undefined {
    z-index: 15000 !important;
  }

  .sc-lightbox-trigger {
    bottom: 1vmax;
    width: 2vmax !important;
    z-index: 1000;
    right: 1vmax;
    position: absolute;
    height: 2vmax !important;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M0,0H24V24H0Z'/%3E%3Cpath class='cls-2' d='M7,14H5v5h5V17H7ZM5,10H7V7h3V5H5Zm12,7H14v2h5V14H17ZM14,5V7h3v3h2V5Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    filter: drop-shadow(0.1vmax 0.1vmax 0.2vmax rgba(0, 0, 0, 0.6));
    -webkit-filter: drop-shadow(0.1vmax 0.1vmax 0.2vmax rgba(0, 0, 0, 0.6));
    -moz-filter: drop-shadow(0.1vmax 0.1vmax 0.2vmax rgba(0, 0, 0, 0.6)); }
    @media (max-width: 768px) {
      .sc-lightbox-trigger {
        bottom: 16px;
        width: 24px !important;
        right: 16px;
        height: 24px !important;
        filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
        -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
        -moz-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6)); } }


        /* .sc2-beta .asset.image-container.lightbox-icon:before {
            display: none; } */


            .asset-viewer-modal.viewer-layout-4 {
                display: block;
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0;
                bottom: 0;
                box-shadow: none; }
                .asset-viewer-modal.viewer-layout-4 .asset-navigation {
                  position: fixed;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0; }
                  .asset-viewer-modal.viewer-layout-4 .asset-navigation .navigation-item {
                    width: 8% !important;
                    min-width: 64px !important;
                    top: 0;
                    bottom: 0; }
                    .asset-viewer-modal.viewer-layout-4 .asset-navigation .navigation-item.left {
                      left: 0; }
                    .asset-viewer-modal.viewer-layout-4 .asset-navigation .navigation-item.right {
                      right: 0; }
                  .asset-viewer-modal.viewer-layout-4 .asset-navigation button.arrow-button {
                    background: none;
                    height: 4vmax !important;
                    width: 4vmax !important;
                    z-index: 100 !important;
                    outline: none;
                    position: relative;
                    z-index: 100;
                    overflow: hidden;
                    margin: 0;
                    cursor: pointer;
                    box-sizing: border-box;
                    display: block;
                    min-width: 36px !important;
                    min-height: 36px !important;
                    background-color: rgba(43, 43, 43, 0.5) !important;
                    border-radius: 50%; }
                  .asset-viewer-modal.viewer-layout-4 .asset-navigation button.arrow-button > div {
                    display: -ms-flexbox !important;
                    display: flex !important;
                    -ms-flex-align: center !important;
                    align-items: center !important;
                    -ms-flex-line-pack: center !important;
                    align-content: center !important;
                    position: absolute !important;
                    height: 100% !important;
                    width: 100% !important;
                    top: 0 !important;
                    left: 0 !important;
                    right: 0 !important;
                    padding: 15% !important;
                    bottom: 0 !important; }
                  .asset-viewer-modal.viewer-layout-4 .asset-navigation .cms-icon {
                    width: 100% !important;
                    height: 100% !important;
                    filter: none !important;
                    background-repeat: no-repeat !important;
                    background-position: center !important;
                    display: block !important;
                    padding: 0; }
                  .asset-viewer-modal.viewer-layout-4 .asset-navigation .navigation-item.left .cms-icon {
                    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h24v24H0V0z'/%3E%3Cpath class='st1' d='M15.4,16.6L10.8,12l4.6-4.6L14,6l-6,6l6,6L15.4,16.6z'/%3E%3C/svg%3E%0A"); }
                  .asset-viewer-modal.viewer-layout-4 .asset-navigation .navigation-item.right .cms-icon {
                    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h24v24H0V0z'/%3E%3Cpath class='st1' d='M10,6L8.6,7.4l4.6,4.6l-4.6,4.6L10,18l6-6L10,6z'/%3E%3C/svg%3E%0A"); }
                .asset-viewer-modal.viewer-layout-4 .modal-content,
                .asset-viewer-modal.viewer-layout-4 .modal-paper,
                .asset-viewer-modal.viewer-layout-4 .modal-body,
                .asset-viewer-modal.viewer-layout-4 .contents-wrapper,
                .asset-viewer-modal.viewer-layout-4 .content-container {
                  display: block;
                  position: fixed !important;
                  top: 0 !important;
                  left: 0 !important;
                  right: 0;
                  bottom: 0;
                  box-shadow: none; }
                .asset-viewer-modal.viewer-layout-4 .asset.sc-module {
                  padding: 3%;
                  display: block;
                  position: fixed !important;
                  top: 0 !important;
                  left: 0 !important;
                  right: 0;
                  bottom: 0;
                  box-shadow: none; }
                  .asset-viewer-modal.viewer-layout-4 .asset.sc-module .asset-content {
                    height: 100%;
                    width: 100%;
                    display: -webkit-box !important;
                    display: -moz-box !important;
                    display: -ms-flexbox !important;
                    display: -webkit-flex !important;
                    display: flex !important;
                    -webkit-align-items: center !important;
                    -moz-align-items: center !important;
                    -ms-align-items: center !important;
                    align-items: center !important;
                    -webkit-justify-content: center !important;
                    -moz-justify-content: center !important;
                    -ms-justify-content: center !important;
                    justify-content: center !important;
                    -ms-flex-pack: center !important;
                    z-index: 20;
                    position: relative;
                    margin: 0;
                    padding: 0; }
                    .asset-viewer-modal.viewer-layout-4 .asset.sc-module .asset-content img {
                      object-position: center !important;
                      object-fit: contain !important;
                      height: 100%;
                      position: absolute;
                      top: 0;
                      bottom: 0;
                      left: 0;
                      right: 0;
                      z-index: 1; }
                .asset-viewer-modal.viewer-layout-4 .meta.extended {
                  display: block;
                  position: fixed !important;
                  left: 0 !important;
                  right: 0;
                  bottom: 0;
                  box-shadow: none; }
                .asset-viewer-modal.viewer-layout-4 .meta-container {
                  left: 0;
                  right: 0;
                  bottom: 0;
                  position: absolute;
                  z-index: 35;
                  display: block;
                  padding: 6% 3% 3% 3%;
                  height: fit-content;
                  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 0, rgba(0, 0, 0, 0) 100%) !important;
                  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0))) !important;
                  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0) 100%) !important; }
                  .asset-viewer-modal.viewer-layout-4 .meta-container .meta-content {
                    max-width: 40vmax; }
                    @media screen and (max-width: 950px) {
                      .asset-viewer-modal.viewer-layout-4 .meta-container .meta-content {
                        max-width: 100%; } }
                .asset-viewer-modal.viewer-layout-4 footer {
                  display: none; }
              
              .asset-viewer.viewer-layout-4 .asset .asset-content {
                height: 100%;
                width: 100%;
                display: -webkit-box !important;
                display: -moz-box !important;
                display: -ms-flexbox !important;
                display: -webkit-flex !important;
                display: flex !important;
                -webkit-align-items: center !important;
                -moz-align-items: center !important;
                -ms-align-items: center !important;
                align-items: center !important;
                -webkit-justify-content: center !important;
                -moz-justify-content: center !important;
                -ms-justify-content: center !important;
                justify-content: center !important;
                -ms-flex-pack: center !important;
                z-index: 20;
                position: relative;
                margin: 0;
                padding: 0; }
              
              .asset-viewer.viewer-layout-4 .asset .asset-content img {
                object-position: center !important;
                object-fit: contain !important;
                height: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 1; }
              
              .asset-viewer.viewer-layout-4 .meta.extended {
                display: block;
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 100; }
              
              .asset-viewer.viewer-layout-4 .meta-container {
                left: 0;
                right: 0;
                bottom: 0;
                position: fixed;
                z-index: 35;
                display: block;
                padding: 6% 3% 3% 3%;
                background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 0, rgba(0, 0, 0, 0) 100%) !important;
                background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0))) !important;
                background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0) 100%) !important; }
              


.asset-viewer .title, .asset-viewer .title > p {
font-family: lato, helvetica, sans-serif;
font-weight: 900;
letter-spacing: 0.05em;
line-height: 1.5;
text-transform: none;
font-size: 1.00546vmax;
line-height: 1.5; }
@media screen and (max-width: 1200px) and (max-height: 1200px) {
    .asset-viewer .title, .asset-viewer .title > p {
    font-size: 14.28571px; } }

.asset-viewer .caption, .asset-viewer .caption > p {
font-family: lato, helvetica, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.5;
line-height: 1.5;
font-size: 1.00546vmax; }
@media screen and (max-width: 1200px) and (max-height: 1200px) {
    .asset-viewer .caption, .asset-viewer .caption > p {
    font-size: 14.28571px; } }

.asset-viewer .secondary-caption, .asset-viewer .secondary-caption > p {
font-family: lato, helvetica, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.5;
line-height: 1.5;
font-size: 0.85208vmax; }
@media screen and (max-width: 1200px) and (max-height: 1200px) {
    .asset-viewer .secondary-caption, .asset-viewer .secondary-caption > p {
    font-size: 12.7551px; } }

.asset-viewer .credit, .asset-viewer .credit > p {
font-family: lato, helvetica, sans-serif;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.25;
font-size: 0.7221vmax;
order: 4; }
@media screen and (max-width: 1200px) and (max-height: 1200px) {
    .asset-viewer .credit, .asset-viewer .credit > p {
    font-size: 10.16829px; } }


    .asset-image.asset.asset-content.video-poster-frame-container {
        height: 100%;
    width: 100%;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    -moz-align-items: center !important;
    -ms-align-items: center !important;
    align-items: center !important;
    -webkit-justify-content: center !important;
    -moz-justify-content: center !important;
    -ms-justify-content: center !important;
    justify-content: center !important;
    -ms-flex-pack: center !important;
    z-index: 20;
    position: relative;
    margin: 0;
    padding: 0;
    }

    .asset-content.video-poster-frame-container .img-wrapper {
        width: 100%;
        height: 100%;
    }

    .asset-viewer-modal.viewer-layout-4 .asset.sc-module .asset-content img {
        object-position: center !important;
        object-fit: contain !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .asset-viewer.viewer-layout-4 .meta.extended {
        display: none !important;
    }
    .asset-viewer.viewer-layout-4 .figcaption {
        display: none !important;
    }

    .asset-content.video-poster-frame-container .play {
        position: absolute;
        width: 48px;
        height: 48px;
        bottom: 16px;
        left: 16px;
        z-index: 10;
        color: #fff;
        border: solid white 3px;
        border-radius: 38px;
        padding: 5px;
        background: rgba(0,0,0,.8);
    }

    .asset-content.video-poster-frame-container img {
        position: relative;
    }

    .asset-viewer figcaption {
        display: none !important;
    }

    .asset-viewer-modal.viewer-layout-4 .asset.sc-module .asset-content img {
        width: 100% !important;
    }