[data-simplebar] {
	position: relative;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start
}

.simplebar-wrapper {
	overflow: hidden;
	width: inherit;
	height: inherit;
	max-width: inherit;
	max-height: inherit
}

.simplebar-mask {
	direction: inherit;
	position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto !important;
	height: auto !important;
	z-index: 0
}

.simplebar-offset {
	direction: inherit !important;
	box-sizing: inherit !important;
	resize: none !important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	-webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
	direction: inherit;
	box-sizing: border-box !important;
	position: relative;
	display: block;
	height: 100%;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0
}

.simplebar-content:before,
.simplebar-content:after {
	content: " ";
	display: table
}

.simplebar-placeholder {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
	box-sizing: inherit !important;
	height: 100%;
	width: 100%;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	flex-grow: inherit;
	flex-shrink: 0;
	flex-basis: 0
}

.simplebar-height-auto-observer {
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	overflow: hidden;
	pointer-events: none;
	z-index: -1
}

.simplebar-track {
	z-index: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
	overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
	pointer-events: all
}

.simplebar-scrollbar {
	position: absolute;
	left: 0;
	right: 0;
	min-height: 10px
}

.simplebar-scrollbar:before {
	position: absolute;
	content: "";
	background: black;
	border-radius: 7px;
	left: 2px;
	right: 2px;
	opacity: 0;
	transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
	opacity: .5;
	transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
	top: 0;
	width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 2px;
	bottom: 2px
}

.simplebar-track.simplebar-horizontal {
	left: 0;
	height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
	height: 100%;
	left: 2px;
	right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	right: auto;
	left: 0;
	top: 2px;
	height: 7px;
	min-height: 0;
	min-width: 10px;
	width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
	right: auto;
	left: 0
}

.hs-dummy-scrollbar-size {
	direction: rtl;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	height: 500px;
	width: 500px;
	overflow-y: hidden;
	overflow-x: scroll
}

.simplebar-hide-scrollbar {
	position: fixed;
	left: 0;
	visibility: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.mt-auto {
	margin-top: auto
}

.fs {
	width: 100vw;
	height: 100vh
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.flex-col {
	display: flex;
	flex-direction: column
}

.grid-c {
	display: grid;
	place-items: center
}

@font-face {
	font-family: Gilroy;
	src: url(fonts/Gilroy-Light.woff) format("woff");
	src: url(fonts/Gilroy-Light.ttf) format("truetype");
	src: url(fonts/Gilroy-Light.woff2) format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: GilroyExtraBold;
	src: url(fonts/Gilroy-ExtraBold.woff2) format("woff2");
	src: url(fonts/Gilroy-ExtraBold.woff) format("woff");
	src: url(fonts/Gilroy-ExtraBold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto-Regular.woff2) format("woff2");
	src: url(fonts/Roboto-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: RobotoLt;
	src: url(fonts/Roboto-Light.woff2) format("woff2");
	src: url(fonts/Roboto-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: RobotoBk;
	src: url(fonts/Roboto-Black.woff2) format("woff2");
	src: url(fonts/Roboto-Black.woff) format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: RobotoTh;
	src: url(fonts/Roboto-Thin.woff2) format("woff2");
	src: url(fonts/Roboto-Thin.woff) format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap
}

.simplebar-scrollbar:before {
	background-color: #fff !important
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box
}

html {
	font-size: .5208333333vw;
	font-family: Gilroy, sans-serif;
	background: #08001d;
	overflow: hidden
}

body {
	overflow: hidden
}

img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	image-rendering: pixelated
}

small {
	display: block;
	font-size: .7em;
	line-height: 2 !important
}

::-webkit-scrollbar {
	display: none;
	-ms-overflow-style: none;
	scrollbar-width: none
}

a,
a:hover,
a:visited {
	color: #fff;
	text-decoration: none
}

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 7rem;
	padding: 0 9rem;
	font-family: Roboto;
	font-size: 1rem;
	color: #fff9;
	text-transform: uppercase;
	z-index: 20
}

footer a {
	color: #fff9
}

footer a:hover {
	color: #fff
}

@media (max-width: 768px) and (orientation: portrait) {
	html {
		font-size: 2.6666666667vw;
		font-family: Gilroy, sans-serif;
		background: #08001d
	}
}

header {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	visibility: visible;
	z-index: 50;
	pointer-events: none
}

.main__nav__dimmer {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	background: rgba(0, 0, 0, .4);
	-webkit-backdrop-filter: blur(.7rem);
	-moz-backdrop-filter: blur(.7rem);
	-ms-backdrop-filter: blur(.7rem);
	backdrop-filter: blur(.7rem)
}

.main__nav {
	position: absolute;
	left: 8rem;
	top: calc(50vh - 2.5rem);
	display: none;
	flex-direction: row;
	font-family: GilroyExtraBold;
	font-size: 5rem;
	color: #fff
}

.main__nav__title__hamb {
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	flex: 0 0 2.5rem;
	margin: 0 1.5rem;
	pointer-events: auto;
	cursor: pointer;
	display: grid;
	place-items: center;
	visibile: hidden
}

.main__nav__title__hamb svg {
	display: block
}

.main__nav__title__hamb--breadcrumb {
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 1.5rem;
	pointer-events: auto;
	cursor: pointer;
	visibile: hidden
}

.main__nav__links {
	position: relative;
	left: 5rem;
	min-width: 60rem;
	width: auto !important;
	font-family: Roboto;
	font-size: 1.6rem;
	color: #fff;
	pointer-events: auto;
	display: none
}

.main__nav__links .main__nav__expandable {
	height: 3.2rem;
	cursor: pointer;
	color: #ffffff80
}

.main__nav__links .main__nav__expandable:hover,
.main__nav__links .main__nav__expandable[data-open=true] {
	color: #fff
}

.main__nav__links .main__nav__subnav {
	display: none;
	height: 3.2rem;
	margin-left: 3em;
	font-family: Roboto;
	overflow: hidden;
	color: #ffffff80
}

.main__nav__links .main__nav__subnav {
	height: 3.2rem;
	color: #ffffff80
}

.main__nav__links a:hover {
	display: block;
	color: #fff
}

.main__nav__links a {
	display: block;
	height: 2.9rem;
	color: #ffffff80
}

.main__nav__links a span {
	visibility: hidden
}

.main__nav__title__frag {
	cursor: pointer;
	pointer-events: auto;
	overflow: hidden;
	min-height: 3rem;
	max-height: 5rem;
	height: auto;
	width: auto
}

.main__nav__title__frag span {
	display: block
}

.breadcrumb {
	opacity: .5 !important;
	font-size: 2rem
}

.main__nav__breadcrumb {
	position: relative;
	display: flex;
	align-items: flex-start;
	height: 3rem;
	width: auto;
	flex-direction: row;
	font-family: GilroyExtraBold;
	font-size: 2rem;
	color: #ffffff80;
	overflow: hidden
}

.main__nav__breadcrumb .path {
	position: relative
}

.main__nav__breadcrumb .path span {
	display: inline-block;
	color: #ffffff80;
	overflow: hidden;
	padding: 0 .3rem .8rem
}

[data-support=apresentacao] {
	margin-bottom: 1.5rem
}

[data-support=creditos] {
	margin-top: 1.5rem
}

.main__nav__info {
	display: block;
	position: fixed;
	left: 65vw;
	top: 48vh;
	z-index: 200;
	color: #fff
}

.main__nav__info [data-info] {
	display: none;
	visibility: hidden;
	width: 30vw
}

.main__nav__info [data-info] h3 {
	font-size: 2rem;
	font-family: GilroyExtraBold
}

.main__nav__info [data-info] p {
	font-size: 1.5rem;
	font-family: Roboto;
	line-height: 1.7;
	opacity: .6;
	margin-top: 2rem
}

.atlas__cmp {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	perspective: 100rem;
	perspective-origin: 50% 50%
}

.atlas {
	position: absolute;
	transform-style: preserve-3d
}

.atlas figure.atlas__image {
	position: absolute;
	min-width: 5rem;
	min-height: 5rem
}

.atlas figure.atlas__image picture {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #15004d;
	visibility: hidden;
	filter: drop-shadow(0 0 5rem rgba(0, 0, 0, .35))
}

.atlas figure.atlas__image picture img {
	visibility: hidden
}

.atlas figure.atlas__image picture p {
	position: absolute;
	lwft: 0;
	top: 0;
	font-size: 5rem;
	color: #fff
}

.atlas__image__labels {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	z-index: 1;
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	width: max-content;
	height: max-content;
	transform-style: flat
}

.atlas__image__link__label {
	position: relative;
	background: white;
	padding: 1rem 2rem 1rem 1.2rem;
	cursor: pointer;
	margin: .5rem 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: hidden;
	transform-style: flat
}

.atlas__image__link__label svg {
	display: block
}

.atlas__image__link__label span {
	display: block;
	width: auto;
	height: auto;
	font-size: 1.1rem;
	white-space: nowrap;
	margin-left: 1rem;
	margin-top: .1rem;
	font-family: Roboto;
	text-transform: uppercase;
	user-select: none
}

.atlas__image__info__label {
	position: relative;
	background: white;
	padding: 1rem 2rem 1rem 1.2rem;
	width: 10rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	visibility: hidden;
	overflow: hidden;
	cursor: pointer;
	transform-style: flat
}

.atlas__image__info__label svg {
	display: block
}

.atlas__image__info__label span {
	display: block;
	width: auto;
	height: auto;
	font-size: 1.1rem;
	white-space: nowrap;
	margin-left: 1rem;
	margin-top: .1rem;
	font-family: Roboto;
	text-transform: uppercase;
	user-select: none
}

.modal__cmp {
	position: fixed;
	left: 0 !important;
	top: 0 !important;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .7);
	-webkit-backdrop-filter: blur(.7rem);
	-moz-backdrop-filter: blur(.7rem);
	-ms-backdrop-filter: blur(.7rem);
	backdrop-filter: blur(.7rem);
	z-index: 100;
	display: none
}

.modal__cmp .modal__content {
	position: absolute;
	left: 60vw;
	top: calc((100vh - 54rem)/2);
	width: 54rem;
	height: 54rem;
	padding: 5rem;
	border: 2px solid white;
	color: #fff;
	display: flex;
	flex-direction: column
}

.modal__cmp .modal__content h3.modal__title {
	font-family: GilroyExtraBold;
	font-size: 3rem;
	flex: 0;
	white-space: pre-line
}

.modal__cmp .modal__content h4.modal__subtitle {
	font-family: RobotoLt;
	font-size: 2rem;
	opacity: .8;
	margin-top: .2rem;
	flex: 0;
	white-space: pre-line
}

.modal__cmp .modal__content .modal__desc {
	margin-top: 2rem;
	font-family: Roboto;
	font-size: 1.5rem;
	line-height: 1.8;
	color: #fff;
	flex: 1 0;
	white-space: pre-line
}

.modal__cmp .modal__content .modal__date__title,
.modal__cmp .modal__content .modal__credits__title,
.modal__cmp .modal__content .modal__author__title,
.modal__cmp .modal__content .modal__acervo__title {
	font-family: Roboto;
	font-size: 1.5rem;
	margin-top: auto;
	color: #fffc;
	white-space: pre-line;
	margin-top: 1.5rem
}

.modal__cmp .modal__content .modal__date,
.modal__cmp .modal__content .modal__credits,
.modal__cmp .modal__content .modal__author,
.modal__cmp .modal__content .modal__author,
.modal__cmp .modal__content .modal__acervo {
	font-family: GilroyExtraBold;
	font-size: 1.5rem;
	white-space: pre-line;
	margin-top: .5rem
}

.modal__cmp figure {
	position: absolute;
	left: calc((55vw - 80rem)/2);
	top: calc((100vh - 80rem)/2);
	width: 80rem;
	height: 80rem
}

.modal__cmp figure img {
	visibility: hidden
}

[data-barba-namespace=album] article {
	width: 100vw;
	height: 100vh;
	background: #00100c
}

.album {
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 100vw;
	height: 100vh;
	overflow-y: scroll;
	font-family: Roboto;
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
	display: flex;
	flex-direction: column;
	transform: translateZ(0);
	visibility: hidden
}

.album .album__content {
	position: absolute;
	left: 9rem;
	top: 30rem;
	width: 60rem;
	height: auto;
	padding-bottom: 30rem
}

.album h2 {
	font-family: GilroyExtraBold;
	font-size: 3rem;
	line-height: 1.1;
	white-space: pre-line;
	margin-bottom: 2rem;
	color: #fff
}

.album .album__author {
	font-size: 2rem
}

.album .album__desc {
	position: relative;
	margin: 5rem 0;
	font-size: 1.6rem;
	line-height: 2;
	white-space: pre-line;
	opacity: .5 !important
}

.album .album__location__title {
	margin-top: 1rem;
	white-space: pre-line;
	opacity: .6 !important
}

.album .album__location {
	font-family: GilroyExtraBold;
	margin-top: -.5rem;
	font-size: 1.6rem;
	opacity: .6 !important;
	white-space: pre-line
}

.album .album__date__title {
	font-size: 1.6rem;
	margin-top: 1rem;
	white-space: pre-line;
	opacity: .5 !important
}

.album .album__info {
	font-family: GilroyExtraBold;
	font-size: 1.8rem;
	margin-top: -.5rem;
	white-space: pre-line
}

.album__picts {
	position: absolute;
	left: 50vw;
	top: 0rem;
	width: 50vw;
	height: 100vh
}

.album__picts .album__picts__layer {
	position: absolute;
	width: 50vw;
	height: 100vh
}

.album__picts .album__picts__layer img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	user-select: none
}

.album__picts .group {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	overflow-y: scroll
}

.album__picts .group--expanded {
	display: flex !important;
	flex-direction: column
}

.album__picts .group__item--expanded {
	position: relative !important;
	margin: 10rem 0 !important
}

.album__picts .group__item--expanded:first-child {
	position: relative !important;
	margin-top: 20vh !important
}

.album__picts .group__item--expanded:last-child {
	position: relative !important;
	margin-bottom: 30rem !important
}

.album__picts .group__item {
	position: absolute;
	background: #001a13;
	border: 1px solid rgba(0, 0, 0, .8);
	visibility: hidden
}

.album__picts .single {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-y: scroll;
	padding: 30rem 0 20rem
}

.album__picts .single picture {
	display: block;
	position: relative;
	background: #001a13;
	flex: 0
}

.album__picts .single picture img {
	visibility: hidden
}

.album__picts figcaption {
	width: 28vw;
	margin-top: 3rem;
	color: #fff;
	visibility: hidden
}

.album__picts figcaption h3 {
	font-family: Roboto;
	font-size: 1.5rem;
	margin-top: 1rem;
	opacity: .6
}

.album__picts figcaption p {
	font-family: GilroyExtraBold;
	font-size: 1.5rem;
	margin-top: .2rem
}

.album__picts__layer__text {
	position: relative;
	background: transparent !important;
	width: 30vw;
	border: none !important;
	margin-top: 3rem !important;
	padding-bottom: 30rem;
	visibility: hidden
}

.album__picts__layer__text p {
	font-size: 1.5rem;
	font-family: Roboto;
	line-height: 1.8;
	color: #fff;
	opacity: .5;
	padding-top: 1rem;
	white-space: pre-line;
	opacity: .6 !important
}

.album__picts__layer__text.group__item--expanded:last-child {
	margin: 0 !important
}

.album__reference {
	position: absolute;
	left: calc(50vw + 9rem);
	top: 0rem;
	width: 80rem;
	height: 90vh;
	padding-top: 15rem;
	padding-bottom: 30rem;
	padding-right: 20rem;
	visibility: hidden;
	white-space: pre-line;
	overflow: hidden;
	overflow-y: scroll
}

.album__reference p {
	font-size: 1.5rem;
	font-family: Roboto;
	line-height: 1.8;
	color: #ffffff80;
	white-space: pre-line
}

.album__reference p strong {
	display: block;
	font-family: GilroyExtraBold;
	font-size: 3rem;
	margin-top: 5rem;
	margin-bottom: 1rem;
	color: #fff !important
}

[data-barba-namespace=gallery] article {
	width: 100vw;
	height: 100vh;
	background: #1D001D
}

.gallery {
	position: absolute;
	left: 8rem;
	top: 22rem;
	width: 70rem;
	min-height: 70rem;
	height: auto;
	font-family: Roboto;
	font-size: 1.6rem;
	line-height: 1.7;
	color: #fff;
	display: flex;
	flex-direction: column;
	z-index: 20;
	pointer-events: none
}

.gallery>* {
	pointer-events: auto
}

.gallery h2 {
	font-family: GilroyExtraBold;
	font-size: 3rem;
	line-height: 1.1;
	color: #fff
}

.gallery .gallery__location__title {
	font-family: Roboto
}

.gallery .gallery__date__title {
	font-family: Roboto;
	margin-top: 1rem;
	color: #ffffff80
}

.gallery .gallery__date {
	font-family: GilroyExtraBold;
	font-size: 1.6rem
}

.gallery .gallery__author {
	margin-top: .5rem;
	margin-bottom: .5rem;
	font-size: 2rem;
	opacity: .7;
	color: #fffc
}

.gallery .gallery__desc {
	margin-top: 2rem;
	opacity: .8
}

.gallery__page {
	visibility: hidden
}

.gallery__picts {
	position: absolute;
	left: 0rem;
	bottom: 2vh;
	width: 100vw;
	height: 70vh;
	padding-top: 10rem;
	padding-left: 5rem;
	overflow-y: hidden;
	z-index: 11
}

.gallery__picts .gallery__picts__images {
	position: absolue;
	left: 0;
	width: auto;
	height: 100%;
	padding: 0 4rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start
}

.gallery__picts .gallery__picts__images .gallery__picts__image {
	position: relative;
	display: block;
	width: 30rem;
	height: 35rem;
	flex: 0 0 30rem;
	margin-left: 5rem
}

.gallery__picts .gallery__picts__images .gallery__picts__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	image-rendering: pixelated;
	visibility: hidden;
	filter: drop-shadow(0 0 2rem rgba(0, 0, 0, .8));
	cursor: pointer;
	user-select: none
}

.gallery__spacer {
	flex: 0 0 10rem;
	width: 10rem;
	height: 5rem
}

.gallery__left {
	position: absolute;
	left: 3rem;
	top: 65vh;
	width: 3rem;
	height: 5rem;
	z-index: 20;
	cursor: pointer;
	visibility: hidden
}

.gallery__right {
	position: absolute;
	right: 3rem;
	top: 65vh;
	width: 3rem;
	height: 5rem;
	z-index: 20;
	cursor: pointer;
	visibility: hidden
}

[data-barba-namespace=assemblage] article {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden !important
}

[data-barba-namespace=assemblage] article h2 {
	font-family: GilroyExtraBold;
	font-size: 3rem;
	line-height: 1.1;
	color: #fff;
	position: absolute;
	left: 8rem;
	top: 12rem;
	z-index: 20;
	visibility: hidden
}

[data-barba-namespace=assemblage] article p {
	font-family: RobotoLt;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #ffffffb3;
	position: absolute;
	left: 8rem;
	top: 17rem;
	z-index: 20;
	visibility: hidden
}

.assemblage {
	display: block;
	position: absolute;
	transform: translateZ(0);
	backface-visibility: hidden
}

.assemblage__scene {
	display: block;
	position: absolute;
	transform: translateZ(0);
	transform-origin: center;
	touch-action: none;
	backface-visibility: hidden;
	background: rgba(0, 0, 0, 0)
}

.assemblage__image {
	position: absolute;
	transform: translateZ(0);
	backface-visibility: hidden
}

.assemblage__image picture {
	display: block;
	position: absolute;
	background: #300030;
	width: 100%;
	height: 100%;
	transform: translateZ(0);
	backface-visibility: hidden
}

.assemblage__image picture img {
	visibility: hidden;
	image-rendering: pixelated;
	transform: transale3d(0, 0, 0);
	backface-visibility: hidden;
	object-fit: cover
}

.assemblage__image picture .assemblage__image__link__label {
	position: absolute;
	top: 0;
	background: white;
	padding: 1rem 2rem 1rem 1.2rem;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	align-items: center;
	display: none;
	overflow: hidden
}

.assemblage__image picture .assemblage__image__link__label svg {
	display: block
}

.assemblage__image picture .assemblage__image__link__label span {
	display: block;
	width: auto;
	height: auto;
	font-size: 1.1rem;
	white-space: nowrap;
	margin-left: 1rem;
	margin-top: .1rem;
	font-family: Roboto;
	text-transform: uppercase;
	user-select: none
}

.assemblage__image picture .assemblage__image__info__label {
	position: absolute;
	top: 4rem;
	background: white;
	padding: 1rem 2rem 1rem 1.2rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	display: none;
	overflow: hidden;
	cursor: pointer
}

.assemblage__image picture .assemblage__image__info__label svg {
	display: block
}

.assemblage__image picture .assemblage__image__info__label span {
	display: block;
	width: auto;
	height: auto;
	font-size: 1.1rem;
	white-space: nowrap;
	margin-left: 1rem;
	margin-top: .1rem;
	font-family: Roboto;
	text-transform: uppercase;
	user-select: none
}

.assemblage__image--link {
	border: 5px solid #1D001D !important;
	outline: 2px solid white
}

.assemblage__zoom {
	position: absolute;
	left: 5rem;
	top: calc(50% - 8rem);
	width: 5rem;
	height: 22rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	filter: drop-shadow(0 0 3 black);
	filter: drop-shadow(0 0 .75rem black)
}

.assemblage__zoom .zoom__in {
	width: 4rem;
	height: 4rem;
	opacity: .5
}

.assemblage__zoom .zoom__in:hover {
	opacity: 1;
	cursor: pointer
}

.assemblage__zoom .zoom__out {
	width: 4rem;
	height: 4rem;
	opacity: .5;
	margin-top: 2rem
}

.assemblage__zoom .zoom__out:hover {
	opacity: 1;
	cursor: pointer
}

.assemblage__zoom .reload {
	width: 4rem;
	height: 4rem;
	opacity: .5;
	margin-top: auto
}

.assemblage__zoom .reload:hover {
	opacity: 1;
	cursor: pointer
}

[data-barba-namespace=composer] article {
	position: absolute;
	width: 100vw;
	height: 100vh
}

.composer {
	position: absolute;
	width: 100vw;
	height: 100vh
}

.composer__composition {
	position: absolute;
	x: 0;
	y: 0;
	width: 85vw;
	height: 100vh;
	overflow: hidden
}

.composer__composition .composer__composition__item {
	display: block;
	position: absolute;
	background: #310500;
	touch-action: none
}

.composer__composition .composer__composition__item img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: fill;
	opacity: 0;
	transition: opacity 1s;
	transition-delay: .1s;
	image-rendering: smooth
}

.composer__composition .composer__composition__item img.loaded {
	opacity: 1
}

.composition__renderer {
	position: absolute;
	x: 0;
	y: 0;
	width: 85vw;
	height: 100vh;
	visibility: hidden;
	background: #0f0200
}

.composer__drawer {
	position: absolute;
	top: 0;
	right: 0;
	width: 15vw;
	height: 100vh;
	background: #1d0300;
	overflow: hidden;
	overflow-y: scroll;
	z-index: 100;
	visibility: hidden
}

.composer__picker {
	position: relative;
	top: 0;
	right: 0;
	width: 15vw;
	min-height: 100vh;
	height: auto;
	padding: 5rem
}

.composer__picker .composer__picker__image {
	position: relative;
	box-sizing: content-box;
	width: 100%;
	height: 9rem;
	padding: 2rem 0;
	touch-action: none
}

.composer__picker .composer__picker__image picture {
	display: block;
	width: 100%;
	height: 100%;
	background: #310500
}

.composer__picker .composer__picker__image picture img {
	display: block;
	object-fit: cover;
	opacity: 0;
	width: 100%;
	heigh: 100%;
	transition: opacity 1s;
	transition-delay: .1s;
	image-rendering: smooth
}

.composer__picker .composer__picker__image picture img.loaded {
	opacity: 1
}

.composer__save {
	display: block;
	position: absolute;
	left: 8rem;
	bottom: 10rem;
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	cursor: pointer;
	z-index: 10;
	padding: 1.1rem 3rem 1.8rem;
	border-radius: 3rem;
	border: 1px solid rgba(255, 255, 255, .2)
}

.composer__save .composer__save__ic {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	cursor: pointer
}

.composer__save span {
	display: block;
	font-family: GilroyExtraBold;
	font-size: 1.4rem;
	color: #fff;
	margin-left: 1.5rem
}

.composer__save--disabled {
	opacity: .7;
	cursor: default
}

.composer__agreement {
	position: fixed;
	display: grid;
	display: none;
	place-items: center;
	left: 0;
	tpp: 0;
	width: 100vw;
	height: 100vh;
	background-color: #000c;
	z-index: 100
}

.composer__agreement__content {
	position: relative;
	width: 60rem;
	height: 90rem;
	background: #310500;
	padding: 5rem;
	color: #fff;
	font-size: 1.5rem;
	font-family: RobotoLt
}

.composer__agreement__content h2 {
	font-family: GilroyExtraBold
}

.composer__agreement__content p {
	margin-top: 1rem;
	line-height: 1.5
}

.composer__agreement__content p strong {
	font-family: GilroyExtraBold
}

.composer__agreement__content .composer__agreement__options {
	margin: 2rem 0;
	display: flex;
	flex-direction: column
}

.composer__agreement__content .composer__agreement__options p {
	margin-bottom: 2rem
}

.composer__agreement__content .composer__agreement__options .check__input {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 3rem
}

.composer__agreement__content .composer__agreement__options .check__input label {
	margin-left: 1rem
}

.composer__agreement__content .composer__agreement__info {
	display: flex;
	flex-direction: column
}

.composer__agreement__content .composer__agreement__info label {
	margin: 2rem 0;
	font-size: 1.3rem
}

.composer__agreement__content .composer__agreement__info input {
	background: transparent;
	outline: none;
	height: 4rem;
	border: 1px solid rgba(255, 255, 255, .4);
	font-family: Roboto;
	color: #fffc;
	padding: 1rem
}

.composer__agreement__content .composer__agreement__info textarea {
	background: transparent;
	outline: none;
	height: 10rem;
	border: 1px solid rgba(255, 255, 255, .4);
	font-family: Roboto;
	color: #fffc;
	padding: 1rem
}

.composer__options {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.composer__options .composer__agreement__submit {
	width: 47%;
	heght: 2rem;
	padding: 1.4rem;
	margin-top: 5rem;
	font-size: 1.2rem;
	background: white;
	color: #0f0200;
	text-transform: uppercase;
	cursor: pointer;
	border: 0
}

.composer__options .composer__agreement__refuse {
	width: 47%;
	heght: 2rem;
	padding: 1.4rem;
	margin-top: 5rem;
	font-size: 1.2rem;
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .7);
	text-transform: uppercase;
	cursor: pointer
}

.composer__vignette {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	pointer-events: none;
	visibility: hidden;
	background: linear-gradient(0deg, #1D001D 0%, rgba(29, 0, 29, 0) 30%, rgba(29, 0, 29, 0) 70%, #1D001D 100%)
}

.composer__item__close {
	position: absolute;
	top: -2.5rem;
	right: -2.5rem;
	width: 5rem;
	height: 5rem;
	color: #fff;
	display: grid;
	place-items: center;
	display: none;
	cusor: pointer
}

.composer__item__close svg {
	display: block;
	-webkit-filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, .7));
	filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, .7))
}

.composer__instructions {
	position: absolute;
	left: 8rem;
	top: 50vh;
	font-family: GilroyExtraBold;
	font-size: 3rem;
	color: #fff;
	opacity: .5
}

.cursor {
	position: fixed;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	z-index: 1000;
	visibility: hidden;
	pointer-events: none
}

.cursor .cursor__base {
	position: absolute;
	left: -1rem;
	top: -1rem;
	width: 2rem;
	height: 2rem;
	border-radius: 2rem;
	background: white
}

.cursor .cursor__more {
	position: absolute;
	left: -2.5rem;
	top: -2.5rem;
	width: 5rem;
	height: 5rem;
	visibility: hidden
}

.vignette__page,
.vignette__assemblage,
.vignette__atlas,
.vignette__composer,
.vignette__album,
.vignette__gallery--horizontal,
.vignette__gallery {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	pointer-events: none;
	visibility: hidden
}

.vignette__gallery {
	background: linear-gradient(0deg, #1D001D 0%, rgba(29, 0, 29, 0) 30%, rgba(29, 0, 29, 0) 70%, #1D001D 100%)
}

.vignette__gallery--horizontal {
	z-index: 12 !important;
	background: linear-gradient(to right, #1D001D 0%, rgba(29, 0, 29, 0) 10%, rgba(29, 0, 29, 0) 90%, #1D001D 100%)
}

.vignette__album {
	background: linear-gradient(0deg, #00100c 0%, rgba(0, 16, 12, 0) 30%, rgba(0, 16, 12, 0) 70%, #00100c 100%)
}

.vignette__composer {
	background: linear-gradient(0deg, #0f0200 0%, rgba(15, 2, 0, 0) 30%, rgba(15, 2, 0, 0) 70%, #0f0200 100%)
}

.vignette__atlas {
	background: linear-gradient(0deg, #08001d 0%, rgba(8, 0, 29, 0) 30%, rgba(8, 0, 29, 0) 70%, #08001d 100%)
}

.vignette__assemblage {
	background: linear-gradient(0deg, #0f0200 0%, rgba(15, 2, 0, 0) 30%, rgba(15, 2, 0, 0) 70%, #0f0200 100%)
}

.vignette__page {
	background: linear-gradient(0deg, #08001d 0%, rgba(8, 0, 29, 0) 30%, rgba(8, 0, 29, 0) 70%, #08001d 100%)
}

[data-barba-namespace=presentation] article {
	width: 100vw;
	height: 100vh
}

.pres__back {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background: #08001d;
	perspective: 17rem
}

.pres__back .pres__back__cell {
	width: 35rem;
	height: 25rem;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	transform-style: preserve-3d
}

.pres__back .pres__back__cell .pres__back__rect {
	background: #15004d;
	filter: drop-shadow(0 0 .75rem rgba(0, 0, 0, .5));
	transform-style: preserve-3d
}

main[data-barba-namespace=presentation] .page__article {
	padding-left: 12rem;
	padding-right: calc(100vw - 92rem);
	background-image: linear-gradient(to right, #08001d, rgba(8, 0, 29, 0))
}

.orientation {
	display: none
}

@media (max-width: 767px) and (orientation: portrait) {
	.orientation {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #08001d;
		z-index: 200;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}

	.orientation .orientation__icon {
		width: 100%;
		height: 10rem;
		margin-left: 13rem;
		display: flex;
		justify-content: flex-start
	}

	.orientation .orientation__instruction {
		width: 100%;
		padding: 7rem;
		color: #fff;
		font-size: 2rem;
		font-family: RobotoLt;
		line-height: 1.7
	}

	.orientation .orientation__logo {
		font-size: 2rem;
		font-family: GilroyExtraBold
	}
}

.main__sound {
	position: fixed;
	top: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
	z-index: 1000;
	display: grid;
	place-items: center;
	width: 10rem;
	height: 10rem;
	cursor: pointer
}

.main__sound .main__sound__icon {
	position: absolute;
	width: 4rem;
	height: 4rem;
	color: #fff
}

.main__sound .main__sound__icon .main__sound__icon--on {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none
}

.main__sound .main__sound__icon .main__sound__icon--off {
	position: absolute;
	width: 100%;
	height: 100%
}

.main__background {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: black;
	z-index: -1
}

.page__article {
	position: absolute;
	padding-left: 9rem;
	padding-top: 30rem;
	padding-right: calc(100vw - 70rem);
	width: 100vw;
	height: 100vh;
	padding-bottom: 30rem;
	font-family: Roboto;
	font-size: 2rem;
	color: #fff;
	visibility: hidden
}

.page__article h2 {
	font-family: GilroyExtraBold;
	font-size: 3rem;
	white-space: pre-line
}

.page__article section {
	margin: 2rem 0
}

.page__article section h3 {
	font-family: GilroyExtraBold;
	font-size: 2rem;
	margin: 2rem 0;
	white-space: pre-line;
	opacity: 1
}

.page__article section h3:only-child,
.page__article section .hilite {
	font-size: 2.5rem;
	margin: 5rem 0
}

.page__article section h4 {
	font-family: GilroyExtraBold;
	font-size: 2rem;
	white-space: pre-line;
	opacity: .7
}

.page__article section p {
	font-size: 1.6rem;
	line-height: 2;
	white-space: pre-line;
	margin-top: .5rem;
	opacity: .5
}

.page__article section p+p {
	margin-top: 2rem
}

.page__article .page__slideshow {
	position: fixed;
	left: 50vw;
	top: 0rem;
	width: 50vw;
	height: 100vh;
	visibility: hidden;
	display: grid;
	place-items: center
}

.page__article .page__slideshow figure {
	position: absolute;
	width: 40vw;
	height: 30vw;
	background: rgba(255, 255, 255, .05);
	overflow: hidden
}

.page__article .page__slideshow figure img {
	display: block;
	position: absolute;
	visibility: hidden;
	object-fit: cover
}

.intro__atlas {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(8, 0, 29, .6);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 10;
	visibility: hidden
}

.intro__atlas .intro__atlas__frag {
	margin-left: 20rem;
	width: 60rem
}

.intro__atlas .intro__atlas__frag p {
	font-family: RobotoLt;
	font-size: 1.7rem;
	line-height: 1.5;
	color: #fff;
	margin-top: 3rem
}

.intro__atlas .intro__atlas__frag p:first {
	margin-top: 0
}

.intro__atlas .intro__atlas__frag strong {
	font-family: GilroyExtraBold;
	font-size: 2rem;
	color: #fff;
	white-space: pre-line
}

.intro__atlas .intro__atlas__frag.small p {
	font-family: Roboto;
	font-size: 1.3rem !important;
	line-height: 2;
	color: #ffffffb3;
}

.intro__atlas .intro__button {
	position: relative;
	margin-top: 5rem;
	width: 20rem;
	height: 5rem;
	border: 1px solid white;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.5rem;
	display: grid;
	place-items: center;
	user-select: none;
	cursor: pointer
}

.credits__logos {
	background-color: #06011b;
	margin-top: -5rem;
	margin-left: -7.2rem
}

.credits__logos img {
	display: block;
	width: 50rem;
	image-rendering: auto;
	mix-blend-mode: screen
}