/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'ApercuMono';
    src: url('fonts/apercu_mono-webfont.eot');
    src: url('fonts/apercu_mono-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu_mono-webfont.woff2') format('woff2'),
         url('fonts/apercu_mono-webfont.woff') format('woff'),
         url('fonts/apercu_mono-webfont.ttf') format('truetype'),
         url('fonts/apercu_mono-webfont.svg#apercu_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'apercu';
    src: url('fonts/Apercu-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

@media (max-width: 1023px) {
	.hidden-md { display: none !important;  }
}


/* ------------------------------------------------------------ *\
	Nav close
\* ------------------------------------------------------------ */

#sb-nav-close.link-close { width: 140px; height: 92px; right: 25px; top: 53px; opacity: .5; }

@media (max-width: 1023px) {
	#sb-nav-close.link-close { width: 76px; height: 71px; top: 24px; }
}

@media (max-width: 767px) {

	#sb-nav-close.link-close { width: 30px; height: 24px; top: 20px; right: 20px; }
}

/* ------------------------------------------------------------ *\
	ThumbImage
\* ------------------------------------------------------------ */

.thumbImage.js-fade-in,
.artist *.js-fade-in { transform: translateY(100px); opacity: 0; transition: transform 1s ease-in-out, opacity .8s ease-in-out; }
.thumbImage.lazy-loaded,
.artist *.lazy-loaded { transform: translateY(0); opacity: 1; }

/* ------------------------------------------------------------ *\
	Nav New
\* ------------------------------------------------------------ */

#nav.nav-new { left: -90px; }

@media only screen and (max-width: 1023px) and (min-width: 767px) {
	#nav.nav-new { 
		left: -140px; 
	}
}

@media only screen and (max-width: 767px) {
  #nav.nav-new {
	position: fixed;
	top: 0;
	left: 0 !important;
	width: 100vw;
	height: 100dvh;
	max-height: 100dvh;
	background-color: #fff;
	overflow: auto;
	display: grid;
	align-items: center;
	z-index: 1000;
	opacity: 0;
	transform: translateX(100%);
	transition: transform .3s, opacity .3s;
  }

  #nav.nav-new.is-active {
	opacity: 1;
	transform: none;
  }
}

@media (max-width: 767px) {
	#nav.nav-new { left: -52px; }
}

@media (max-width: 479px) {
	#nav.nav-new { left: -74px; }
}
/* ------------------------------------------------------------ *\
  Parallax
\* ------------------------------------------------------------ */

.parallax-lines { background: url(../images/lines.png) no-repeat 0 0; width: 26px; height: 24px; background-size: cover; position: absolute; top: 1160px; right: 9.4%; }

.parallax-star { background: url(../images/star.png) no-repeat 0 0; width: 38px; height: 30px; background-size: cover; position: absolute; top: 1600px; left: 20%; left: 9.8%;  }

@media screen and (max-width: 479px) {
	.parallax-star { display: none;  }
}

/* ------------------------------------------------------------ *\
  thumbImage Alt
\* ------------------------------------------------------------ */


.thumbImage-alt { max-width: 704px; margin: 0 auto; text-align: center; margin-bottom: 85px; }
.thumbImage-alt > a { display: inline-block; transition: opacity .8s; }
.thumbImage-alt > a:hover { opacity: .7;  }
.thumbImage-alt span { font-size: 14px; display: block; text-align: right; padding: 7px 5px 0 0; font-weight: 500; letter-spacing: 0.01em; }

.thumbImage-alt { transform: translateY(100px); opacity: 0; transition: transform 1s ease-in-out, opacity .8s ease-in-out; }
.thumbImage-alt.lazy-loaded { transform: translateY(0); opacity: 1; }

.thumbImage-left { text-align: left; padding-left: 121px; margin-bottom: 85px; }
.thumbImage-left span { text-align: left; padding: 12px 0 0 5px; }

.thumbImage-left--alt { text-align: left; padding-left: 48px; margin-bottom: 71px; }
.thumbImage-left--alt span { text-align: left;}

.thumbImage-right { text-align: right; }
.thumbImage-right span { text-align: right; padding: 12px 0 0 0; }

.thumbImage-alt--right { position: relative; right: -104px; }
.thumbImage-alt--right span { padding-left: 13px; padding-top: 8px; }

.thumbImage-alt--margin-medium {
	margin-bottom: 160px;
}

.thumbImage-alt--margin-large {
	margin-bottom: 185px;
}

.thumbImage-alt--margin-small {
	margin-bottom: 33px;
}

.thumbImage-alt .text-left {
	text-align: left;
}

.thumbImage-alt.lazy-loaded:first-child {
	transform: translateX(22px);
}

@media only screen and (max-width: 1023px){
	.thumbImage-alt--right { right: 0; }
}

@media only screen and (max-width: 766px){
  .thumbImage-left { padding-left: 0; }
}

/* ------------------------------------------------------------ *\
  Section Branded
\* ------------------------------------------------------------ */

.section-branded { padding-top: 180px; max-width: 704px; margin: 0 auto; }


@media only screen and (max-width: 766px) {
 .section-branded { padding-top: 110px; }
}

@media screen and (max-width: 479px) {
 .section-branded { padding: 110px 0 0 0; max-width: 85%; }
}

/* ------------------------------------------------------------ *\
	Sb Title
\* ------------------------------------------------------------ */

@media screen and (max-width: 480px) and (min-width: 320px) {
	#sb-title { margin-bottom: 20px; }
	#sb-title-inner { margin-top: 20px; }
}

/* ------------------------------------------------------------ *\
	About
\* ------------------------------------------------------------ */


@media (max-width: 766px) {
	#about { padding-top: 130px; }
}

/* ------------------------------------------------------------ *\
	Contact
\* ------------------------------------------------------------ */

@media only screen and (max-width: 1024px) {
	#contact .contact_info.fright { float: right; }
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	#contact { padding-top: 130px; }
	#contact .contact_info.fright { float: none; margin: 0; position: static; }

}
/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */

@media screen and (max-width: 480px) and (min-width: 320px) {
	#copyright { left: auto; right: 0; width: auto; bottom: 0; }
}

/* ------------------------------------------------------------ *\
	Section Details
\* ------------------------------------------------------------ */

.section-details { font-family: 'ApercuMono'; padding-top: 35px; max-width: 920px; margin: 0 auto; }
.section-details .section__group { transform: translateY(100px); opacity: 0; transition: transform 1s ease-in-out, opacity .8s ease-in-out; margin-bottom: 40px; }
.section-details .section__group--video { margin-bottom: 0; position: relative; z-index: 2; }
.section-details .section__group-negative-offset { text-align: right; margin: -50px 84px 0 0; position: relative; top: -74px; }
.section-details .section__group-secondary { margin-top: -58px; }
.section-details .section__group-tertiary { margin: -118px 0 60px; text-align: center; }

.section-details .section__group.lazy-loaded { transform: translateY(0); opacity: 1; }
.section-details .section__group-offset-bottom { margin-bottom: 204px; }

.section-details #sb-title,
.section-details #sb-title-inner { font-family: 'ApercuMono'; }

.section-details .section__entry { font-size: 11px; line-height: 1.77; letter-spacing: 0.02em; max-width: 513px; margin: 0 auto; text-align: center; }
.section-details .section__image-primary { margin: 0 0 0 215px; }
.section-details .section__image-secondary { max-width: 406px; margin-left: auto; }
.section-details .section__image-tertiary { display: inline-block; margin-left: -72px; }
.section-details .section__pictogram { margin-bottom: 90px; }

.section-details .section__images { text-align: center; font-size: 0; position: relative; right: -22px; }
.section-details .section__images ~ .section__entry { margin-top: 50px; }
.section-details .section__images img { display: block; }

.section-details .section__images .section__image { display: inline-block; vertical-align: top; }

.section-details .section__images-alt .section__image { margin: 0 37px; }

.section-details .section__image-left,
.section-details .section__image-right { display: inline-block; vertical-align: top; margin: 0 33px; }

.section-details .section__image-left { padding-top: 200px; position: relative; }
.section-details .section__image-left img ~ img { position: absolute; left: 100%; bottom: 43px; margin-left: 66px; }

.section-details .section__group-with-ornament { text-align: center; }
.section-details .section__group-with-ornament .section__image { display: inline-block; position: relative; }
.section-details .section__group-with-ornament .image-ornament { position: absolute; top: 0; left: 18.9%; transform: translateY(-50%); }
.section-details .section__group-with-ornament .image-at-bottom { position: absolute; bottom: 0; right: 12%; transform: translateY(50%); }

.section-details .section__actions { text-align: center; font-size: 17px; letter-spacing: -0.02em; color: #000; margin-bottom: 50px; opacity: 0;  transform: translateY(100px); opacity: 0; transition: transform 1s ease-in-out, opacity .8s ease-in-out; }
.section-details .section__actions.lazy-loaded { transform: translateY(0); opacity: 1; }
.section-details .section__actions p { padding-bottom: 0; }
.section-details .section__actions a { display: inline-block; vertical-align: middle; width: 128px; height: 128px; border: 3px dashed #000; border-radius: 50%; color: #6c8bd6; text-decoration: underline; line-height: 124px; margin-left: 5px; }
.section-details .section__actions a:hover { text-decoration: none; }

.section-details .section__images--flex {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	justify-content: space-between;
	right: 0;
}

.section-details .section__images--flex-center {
	align-items: center;
}

.section-details .section__images--flex-center .section__image:first-child {
	top: -65px;
    position: relative;
    left: 0;
	max-width: 179px;
}

.section-details .section__images--flex-center .section__image:last-child {
	position: relative;
	right: 0;
    top: -18px;
}

.section-details .section__image-action {
	position: relative;
	display: inline-block;
	left: 21px;
    padding-right: 199px;
}

.section-details .section__image-action--alt {
	left: 97px;
    padding-right: 284px;
    top: 6px;
}

.section-details .section__image-action #sb-nav-close {
	position: absolute;
	top: 50%;
	right: 55px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
}

.section-details .section__image-action--reversed {
	padding-right: 0;
	padding-left: 336px;
	left: 0;
	top: 44px;
}

.section-details .section__image-action--reversed #sb-nav-close {
	right: auto;
    left: 48px;
}

.section-details .section__image span {
	font-size: 9px;
	display: block;
	text-align: left;
	margin-top: 15px;
    padding-left: 18px;
}

.section-details .section__images--flex-space-between {
	align-items: flex-end;
	padding: 0;
}

.section-details .section__images--flex-space-between .section__image:first-child {
	right: 0;
    position: relative;
}

.section-details .section__images--flex-space-between .section__image:last-child {
    right: 0;
	bottom: -50px;
    position: relative;
}

.section-details .section__group--center {
	text-align: center;
}

.section-details .section__group--center .section__image {
	display: inline-block;
	position: relative;
	left: 0px;
    top: 37px;
}

.section-details .section__images--space-between-alt .section__image:first-child {
	left: 0;
    position: relative;
    bottom: 105px;
}

.section-details .section__images--space-between-alt .section__image:last-child {
	bottom: -155px;
}

.section-details .section__cards {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	color: #000;
}

.section-details .section__card-content {
	max-width: 204px;
	font-size: 9px;
    line-height: 1.8;
	margin-top: 30px;
}

.section-details .section__card h4 {
	font-size: 14px;
    letter-spacing: 0.01em;
	margin-bottom: 12px;
    line-height: 1;
	font-weight: 700;
}

.section-details .section__card--alt {
	margin-top: 157px;
}

.section-details .section__card--alt .section__card-content {
	margin-top: 0;	
	margin-bottom: 7px;
}

.section-details .section__image--logo {
	padding-left: 47px;
}

.section-details .section__image--logo-alt {
	top: 0;
	left: 50px;
}

.section-details .section__image {
	position: relative;
}

.section-details .section__image-label {
	position: absolute;
	transform: rotate(-90deg);
	margin: 0 !important;
	padding: 0 !important;
    bottom: 15px;
    right: -39px;
    letter-spacing: -0.08em;
}

/*  Section Details Secondary  */

.section-details--secondary { /*padding: 163px 0;*/ max-width: 702px; }
.section-details--secondary .section__group { opacity: 1; transform: none; }
.section-details--secondary .viewer { position: relative; }

.section-details--secondary #sb-nav-previous { left: -22.7vw; }
.section-details--secondary #sb-nav-next { right: -22.7vw; }

.section-details--secondary .video-wrapper { height: auto; padding-top: 57%; margin-top: 81px; }
.section-details--secondary .vjs-default-skin .vjs-progress-control { top: auto!important; margin-top: 0 !important; bottom: 0; }
.section-details--secondary .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { margin-left: -1.55em; }
.section-details--secondary .video-wrapper .vjs-poster { background-size: cover;  }

.section-details--secondary .artists { margin-top: 65px; }
.section-details--secondary .film-window-brand .video-wrapper { margin-top: 40px; }

.section-details--teritary .section__group { margin-bottom: 0; }

@media (max-width: 1279px) {
  .section-details--secondary #sb-nav-previous { left: -15vw; }
  .section-details--secondary #sb-nav-next { right: -15vw; }
  .section-details .section__images--flex-center .section__image:last-child {
	right: 0;
  }

  .section-details .section__image-action--alt {
	left: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .section-details { padding: 35px 20px 10px; }
  .section-details .section__images { right: 0; }
  .section-details .section__group-negative-offset { margin: 0; }
  .section-details .section__image-left img ~ img { margin-left: 30px; }

  .section-details .section__image-secondary { max-width: 320px; }

  .section-details .section__image-left,
  .section-details .section__image-right { margin: 0 15px; }

  .section-details .section__images-alt .section__image { margin: 0 8px; }
  
}

@media (max-width: 1024px) {	
  .section-details--secondary { padding: 100px 0; padding-top: 35px; }
  .section-details--secondary #sb-nav-previous { left: -5vw; }
  .section-details--secondary #sb-nav-next { right: -5vw; }
  .section-details--secondary .film-window-brand .video-wrapper { margin-top: 0; }

  .section-details .section__images--flex-space-between .section__image:last-child {
	right: 0;
  }

  .section-details .section__image-action--reversed {
	padding-left: 200px;
  }

  .section-details .section__group--center .section__image {
	max-width: 292px;
  }

}

@media (max-width: 767px) {
	.section-details--secondary { padding: 50px 10px 80px; }
	.section-details--secondary .video-wrapper { margin-top: 0; }
	.section-details--secondary #sb-nav-previous { left: -1vw; margin: 0; }
	.section-details--secondary #sb-nav-next { right: -2vw; }
	.section-details .section__images--flex {
		flex-direction: column;
		align-items: center;
	}

	.section-details .section__images--mobile-flex {
		flex-direction: row;
	}

	.section-details .section__images--flex-space-between .section__image:first-child {
		right: 0;
		bottom: 0;
		left: 0;
	}

	.section-details .section__images--flex-space-between .section__image:last-child {
		right: 0;
		bottom: 0;
		left: 0;
	}

	.section-details .section__group--center .section__image {
		left: 0;
		bottom: 0;
		max-width: 260px;
	}

	.section-details .section__image span {
		margin-top: 8px;
	}

	.section-details .section__images--flex-center .section__image:first-child {
		top: 0;
	}

	.section-details .section__images--flex-center .section__image:last-child {
		top: 0;
	}

	.section-details .section__cards {
		flex-direction: column;
		align-items: center;
	}

	.section-details .section__card {
		margin-right: auto;
	}
	
	.section-details .section__card--alt {
		margin-top: 0;
		display: flex;
		flex-direction: column-reverse;
		margin-left: auto;
		margin-right: 0;
	}

	.section-details .section__card--alt .section__card-content {
		margin-top: 30px;
	}

	.section-details .section__image-action.section__image-action--reversed {
		top: 0;
		padding-left: 50px;
		padding-right: 0;
		display: flex;
		justify-content: flex-end;
	}

	.section-details .section__image-action--reversed #sb-nav-close {
		left: 0;
	}

	.section-details .section__group--center .section__image {
		top: 0;
	}
}


@media only screen and (max-width: 766px) {
	.section-details { padding-top: 80px; }
	.section-details .section__group { margin-bottom: 40px; }
	.section-details .section__group-offset-bottom { margin-bottom: 164px; }
	.section-details .section__group-negative-offset { position: static; margin: 0 auto; text-align: center; }
	.section-details .section__group-secondary { margin-top: -30px; }
	.section-details .section__group-tertiary { margin: 0; }
	.section-details .section__actions { margin: 20px 0; }
	
	.section-details .section__images { text-align: left; }
	.section-details .section__images img ~ img { transform: rotate(180deg) scaleX(-1); left: 314px; margin-left: 0;  }

	.section-details .section__image-primary { margin-left: 0px; }
	.section-details .section__image-tertiary { margin-left: 0; }
	.section-details .section__image-left { padding-top: 0; margin-bottom: 20px; display: block; }

	.section-details .section__image-right { text-align: right; display: block; }
	.section-details .section__image-right img { margin-left: auto; }
	.section-details .section__images-alt { text-align: center; font-size: 0; }
	.section-details .section__images-alt .section__image { max-width: 45%; margin: 0; padding: 0 10px; }
	.section-details .section__image-action {
		padding-right: 100px;
	}

	.section-details .section__image-action--alt {
		left: 0;
	  }

	.section-details .section__group-with-ornament .image-at-bottom { right: 50%; transform: translate(50%, 50%); width: 320px; height: auto; }
	.section-details .section__pictogram { margin-bottom: 40px; }

	.section-details--teritary .section__group { margin-bottom: 0; }
}

@media only screen and (max-width: 479px) {
	.section-details .section__group-offset-bottom { margin-bottom: 40px; }
	.section-details img { display: block; margin: 0; }

	.section-details .section__image-secondary { margin: 0 auto; }
	.section-details .section__image-secondary img { width: auto; margin: 0 auto; }

	.section-details .section__image-left,
	.section-details .section__image-right { margin: 0 0 10px; }

	.section-details .section__images-alt { margin: 0 -10px; }

	.section-details .section__images img ~ img,
	.section-details .section__group-with-ornament .image-ornament { display: none; }

	.section-details .section__group-with-ornament .image-at-bottom { position: static; transform: translate(0); margin-top: 10px; width: 100%; }

	.section-details .section__images-alt .section__image { max-width: 40%;}

	.section-details .section__actions p a { display: block; margin: 10px auto 0; }
}

/* section details alt */
.section-details--alt {
	text-align: left;
	padding-bottom: 140px;
	max-width: 850px;
}

.section-details--alt .section__group {
	margin-bottom: 70px;
}

.section-details--alt .section__head {
	color: #000;
	max-width: 850px;
	margin: 0 auto 142px auto;
}

.section-details--alt .section__title {
	margin-bottom: 53px;
}

.section-details--alt .section__title h2 {
	text-align: center;
	font-size: 34px;
	line-height: 1;
	font-family: "Apercu";
	font-weight: 700;
	margin-top: 0;
}

.section-details--alt .section__head .section__image {
	text-align: center;
	margin-bottom: 38px;
}

.section-details--alt .section__head .video-wrapper {
	aspect-ratio: 16/9;
	height: auto;
	overflow: hidden;
	width: 100%;
	max-width: none;
	margin-bottom: 38px;
}

.section-details--alt .section__head img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-details--alt .section__content {
	font-size: 9px;
}

.section-details--alt .section__head p {
	padding: 0;
	margin-bottom: 14px;
	line-height: 1.7;
}

.section-details--alt .section__head a {
	text-decoration: underline;
}

.section-details--alt .section__image--rotate {
	text-align: right;
	position: relative;
	top: -25px;
    right: 5px;
}

.section-details--alt .section__action {
	text-align: center;
	display: flex;
	justify-content: center;
}

.section-details--alt .section__action  #sb-nav-close {
	position: static;
	width: 24px;
	height: 24px;
}

.section-details--alt .section__head--margin-small {
	margin-bottom: 80px;
}

.section-details--alt .section__group--margin-medium {
	margin-bottom: 237px;
}

.section-details--alt .section__group--margin-alt {
    margin-bottom: 122px;
}

@media (max-width: 1280px) {
	.section-details--alt .section__image--rotate {
		right: 50px;
	}

	.section-details--alt .section__head {
		max-width: 700px;
		width: 80%;
	}
}

@media (max-width: 1024px) {
	.section-details--alt {
		margin-bottom: 80px;
	}

	.section-details--alt .section__group--margin-medium {
		margin-bottom: 64px;
	  }	

	  .section-details--alt .section__images .section__image {
		max-width: 240px;
	  }

	  .section-details--alt .section__image--rotate {
		text-align: center;
		right: 0;
	  }

	  .section-details--alt .section__images .section__image:nth-child(1),
	  .section-details--alt .section__images .section__image:nth-child(3) {
		max-width: 140px;
	  }
}

@media (max-width: 767px) {
	.section-details--alt .section__group--margin-medium {
		margin-bottom: 40px;
	  }	

	  .section-details--alt .section__image--rotate {
		right: 0;
	  }

	  .section-details--alt .section__group--margin-alt {
		margin-bottom: 60px;
	  }
}

/* ------------------------------------------------------------ *\
	Film Window Alt
\* ------------------------------------------------------------ */

.film-window { padding-bottom: 30px; }

.film-window--alt { position: relative; font-family: 'ApercuMono'; font-size: 10px; font-weight: 700; }
.film-window--alt p { line-height: 1.2; }
.film-window--alt p a { color: #6c8bd6; text-decoration: underline; }
.film-window--alt p a:hover { opacity: 1; text-decoration: none; }
.film-window--alt .film-window-brand__title { margin-bottom: 45px; font-family: 'apercu'; font-weight: 500!important; }

.film-window--align-left p {
	text-align: left;
}

/* ------------------------------------------------------------ *\
	Film Window Branded
\* ------------------------------------------------------------ */

.film-window-brand { max-width: 852px; margin: 0 auto 50px; }
.film-window-brand ~ .section__group--video { margin-top: -35px; }
.film-window-brand .video-wrapper { width: 100%; max-width: 100%; }
.film-window-brand .viewer { margin-bottom: 38px; }
.film-window-brand .viewer a { color: #6c8bd6; text-decoration: underline; }

.film-window-brand .film-window-brand__title { font-weight: 700; margin-bottom: 50px; font-size: 34px; letter-spacing: 0.02em; }
.film-window-brand .film-window__image-alt { padding-top: 22px; }

.film-window-brand .film-window__content { display: flex; align-items: center; }

.film-window-brand .film-window__content .film-window__image { padding-top: 30px; margin-left: 30px; }
.film-window-brand .film-window__content .film-window__entry { max-width: 316px; margin: 0 0 0 auto; padding-top: 70px; padding-left: 10px; }
.film-window-brand .film-window__content .film-window__entry p { padding-bottom: 25px; }

.film-window-brand #sb-title-inner { font-size: 9px;  max-width: 640px; margin-left: 0; text-align: left; padding-left: 25px; position: relative; line-height: 1.66; }
.film-window-brand #sb-title-inner a { color: #6c8bd6; text-decoration: underline; }
.film-window-brand #sb-title-inner a:hover { text-decoration: none; }

.film-window-brand #sb-title-inner:before { content: ''; position: absolute; top: 2px; left: 0; background: url(../images/infinity.png) no-repeat 0 0; width: 10px; height: 13px; background-size: cover; }

.film-window-brand .film-window__entry { font-family: 'ApercuMono'; font-size: 9px; text-align: left; line-height: 1.74; }
.film-window-brand .film-window__entry-right { max-width: 340px; margin:0 48px 9px auto; padding-top: 20px; }
.film-window-brand .film-window__entry a { color: #6c8bd6; text-decoration: underline; }
.film-window-brand .film-window__entry a:hover { text-decoration: none; }

@media only screen and (max-width: 1024px) {
  .film-window-brand .video-wrapper { width: 80%; max-width: 800px;}
  .film-window-brand .film-window-brand__title { margin-bottom: 20px; }
  .film-window-brand .film-window__image { padding-top: 35px; }

  .film-window-brand #sb-title-inner { margin: 0 auto; padding-right: 20px; }

  .film-window-brand .film-window__content .film-window__image { margin-left: 0; }

  .film-window-brand .film-window__entry-right { margin-right: 0; }
}


@media only screen and (max-width: 766px) {
	.film-window-brand { margin-bottom: 30px; }
	.film-window-brand .film-window-brand__title { line-height: 1; }
	.film-window-brand ~ .section__group--video { margin-top: 0; }
	.film-window-brand .film-window__entry-right { margin: 0 auto; }

	.film-window-brand .film-window__content { display: block; padding: 0 10px; }
	.film-window-brand .film-window__content .film-window__entry { margin: 0 auto; padding:20px 0 0; }

	.film-window-brand #sb-title-inner { padding: 0 10px 0 15px; }
}

@media only screen and (max-width: 479px) {
	.film-window-brand .film-window__image-alt img { width: auto; margin: 0 auto; }
	.film-window-brand #sb-title { margin-top: 0; }
}

/* ------------------------------------------------------------ *\
	Video Wrapper Small
\* ------------------------------------------------------------ */

.video-wrapper-small { max-width: 437px; margin:0 auto 0 32px; height: 350px; }

@media only screen and (max-width: 1024px) {
	.video-wrapper-small { margin-left: 0; max-width: 376px; }
}

@media only screen and (max-width: 766px) {
	.video-wrapper-small { margin: 0 auto; max-width: 100%; width: 100%; height: 200px; }
}

/* ------------------------------------------------------------ *\
	Artists
\* ------------------------------------------------------------ */

.artists { font-family: 'ApercuMono';}
.artists h3 { font-family: 'apercu'; font-weight: 500; text-transform: uppercase; font-size: 20px; margin-bottom: 10px;  padding-left: 10px;  }
.artists h6 { text-transform: uppercase; font-size: 9px; padding-left: 32px; margin-top: 0; }

.artist { position: relative; }
.artist .video-wrapper { margin-top: 0; width: 100%; padding-top: 56%; margin-right: -10px; }
.artist .artist__ornament { position: absolute; }
.artist .artist__content { position: relative; z-index: 1; }
.artist + .artist { margin-top: 115px; }

.artist--cecilia .artist__image { position: relative; }
.artist--cecilia .artist__image:nth-child(1) { margin-top: -67px; margin-left: 133px; }
.artist--cecilia .artist__image:nth-child(2) { text-align: right; margin: 63px -17px 0 auto;  }
.artist--cecilia .artist__image:nth-child(3) { margin-top: -76px; margin-left: 124px; }
.artist--cecilia .artist__image:nth-child(4) { margin: 63px -11px 0 10px; }
.artist--cecilia .artist__ornament { bottom: -108px; right: -115px; }

.artist--nicole .artist__ornament { left: -94px; top: 59.5%; }

.artist--nicole .artist__content { margin-left: -53px; margin-bottom: 59px; }
.artist--nicole .artist__image:nth-child(2) { margin: 80px 0 0 9px; }
.artist--nicole .artist__image:nth-child(3) { text-align: right; margin: -168px -105px 0 0; }
.artist--nicole .artist__image:nth-child(4) { margin: 73px 0 0 67px; }

.artist--mira .artist__content { margin-left: -46px; margin-bottom: 63px; }
.artist--mira .artist__image { position: relative; }
.artist--mira .artist__image:nth-child(1) .artist__ornament { bottom: -99px; right: -100px; }
.artist--mira .artist__image:nth-child(2) { margin: 125px 0 0 11px; }
.artist--mira .artist__image:nth-child(3) { text-align: right; margin: -129px -10px 0 0; }
.artist--mira .artist__image:nth-child(4) { margin: 83px 0 0 98px; }

.artist--mira .artist__image:nth-child(4) .artist__ornament:nth-of-type(1) { top: -74px; left: -25px; z-index: -1; }
.artist--mira .artist__image:nth-child(4) .artist__ornament:nth-of-type(2) { bottom: -116px; left: -17px; }

@media (max-width: 1023px) {

	.artist--cecilia .artist__ornament { right: 0; }

	.artist--nicole .artist__image:nth-child(3) { margin-right: 0; }

	.artist--nicole .artist__content,
	.artist--mira .artist__content { margin-left: 0; }
}

@media (max-width: 767px) {
	.artist + .artist { margin-top: 70px; }
	.artist + .artist--nicole { margin-top: 120px; }
	.artist .video-wrapper { margin-right: 0; }
	.artist .artist__image { margin-left: 0 !important; margin-right: 0 !important; margin: 30px 0 0 !important;  }
	.artist .artist__image img { height: auto; width: 100%; }

	.artist--cecilia .artist__image:nth-child(1) { margin-left: 0; }

	.artist--mira .artist__content,
	.artist--nicole .artist__content { margin-bottom: 30px; }

	.artist--mira .artist__image:nth-child(4) .artist__ornament:nth-of-type(1) { display: none; }
	.artist--mira .artist__image:nth-child(4) .artist__ornament:nth-of-type(2) { bottom: -83px; z-index: -1; }
}

/* ------------------------------------------------------------ *\
  nav trigger
\* ------------------------------------------------------------ */

.nav-trigger {
	position: fixed;
	top: 24px;
	right: 24px;
	width: 40px;
	height: 25px;
	display: none;
	z-index: 1001;
}

@media only screen and (max-width: 767px) {
  .nav-trigger {
    display: block;
  }
}

.nav-trigger span {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  box-shadow: 0 0 0 1px #fff;
  width: 100%;
  height: 5px;
  border-radius: 10px;
  transition:
    opacity 0.3s,
    transform 0.3s,
    top 0.3s 0.3s;
}

.nav-trigger span:nth-child(2) {
  top: 10px;
}

.nav-trigger	span:nth-child(3) {
  top: 20px;
}

.nav-trigger.is-active span {
  background-color: #000;
  top: 10px;
  transform: rotate(45deg);
  transition:
    opacity 0.3s,
    transform 0.3s 0.3s,
    top 0.3s;
}
	

.nav-trigger.is-active	span:nth-child(2) {
  opacity: 0;
}

.nav-trigger.is-active	span:nth-child(3) {
  transform: rotate(-45deg);
}