/*--------------------------------------------------------------
        1.0 Normalize
        ---------------------------------------------------------------------- */
		html, body, div, span, iframe, h1, h2, h3, p, blockquote, a, abbr, acronym, address, cite, em, img, q, small, strike, strong, sub, sup, b, u, i, ul, li, article, aside, figure, figcaption, footer, header, nav, section { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
		article, aside, figcaption, footer, header, section { display: block;}



		/*--------------------------------------------------------------
        2.0 Global
        --------------------------------------------------------------*/
		* {
			box-sizing:border-box;
		}
		html {
			font-size:10px;
			min-width:320px;
		}
		html,
		body {
			background:#FFF;
			font-family:acumin-pro-condensed, sans-serif;
			font-weight:700;
			-webkit-font-smoothing:antialiased;
			font-style:normal;
			letter-spacing:0;
			min-height:100vh;
			width: 100%;
		}
		h1 {
			font-size:12.7rem;
			font-weight:800;
			line-height:11.9rem;
		}
		h2 {
			font-size:7.2rem;
			line-height: 1em;
		}
		h3 {
			font-size:2.4rem;
		}
		p {
			font-family:acumin-pro-semi-condensed, sans-serif;
			font-size:2.4rem;
			line-height:1.25em;
			margin:0 auto 1.66rem auto;
			max-width:60rem;
			text-align:left;
		}
		a {
			text-decoration:none;
			color:#000;
		}
		.dark a {
			color:#FFF;
		}
		ol, ul {list-style: none;}
		header,
		footer {
			padding:1.4rem 4rem;
		}
		article {
			font-size:0;
			margin:0 auto;
			padding: 0 calc(50% - 60rem) 16rem calc(50% - 60rem);
		}

		/*separator*/
		.separator {
			background-image: linear-gradient(to right, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 0%);
			background-position: bottom;
			background-size: 4rem 2px;
			background-repeat: repeat-x;
			margin-bottom:2.4rem;
			padding-bottom: 2.4rem;
		}
		.dark .separator {
			background-image: linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 0%);
		}

		/*dark*/
		.dark {
			background-color:#000;
			color:#FFF;
		}

		/*hidden*/
		.hidden {
			display:none !important;
		}

		/*full-width*/
		.full-width {
			width:100% !important;
		}



		/*--------------------------------------------------------------
        3.0 Navigation And Menus
        --------------------------------------------------------------*/
		/*nav*/
		nav:not(:first-of-type) {
			float:right;
			margin-left:3em;
		}
		nav h2 {
			color:#C1C1C1;
		}
		.dark nav h2 {
			color:#808080;
		}

		/*header and footer*/
		#masthead,
		footer {
			font-size:0;
			line-height:0;
			position:relative;
			width:100%;
		}
		#masthead *,
		footer * {
			display:inline-block;
			font-size:2rem;
			line-height:2.4rem;
			vertical-align: middle;
		}
		#masthead > h1 {
			margin: 0 2em 0 0;
		}
		#masthead nav > *,
		footer nav > *  {
			border: 2px solid transparent;
			padding:.1em 0 .2em 0;
			display:inline-block;
		}

		/*menu*/
		nav.menu {
			display:block;
			margin:0 auto;
			padding: 16rem 0;
			max-width:120rem;
		}
		nav.menu header {
			margin:0;
			padding-bottom: 8rem;
			font-size:0;
			line-height:0;
		}
		nav.menu header h1 {
			display:inline-block;
			margin-bottom:1.4rem;
			vertical-align:middle;
			width: 43%;
		}
		nav.menu header h1:empty {
			display:none;
		}
		nav.menu header p {
			display:inline-block;
			font-size:2.4rem;
			line-height:1.25em;
			margin-bottom:1.4rem;
			vertical-align:middle;
			width: 57%;
		}
		nav.menu header p span {
			display: block;
			margin-top: 2rem;
		}
		nav.menu a {
			padding: .7rem 4rem 2.4rem;
		}
		nav.menu a.separator {
			display: block;
			font-size:7.2rem;
			font-weight:800;
			margin-bottom:0;
			margin-top:-2px;
		}
		nav.menu a.separator:hover {
			background:#000;
			color:#FFF;
		}
		nav.menu a.home {
			display:inline-block;
			padding-top:6rem;
		}
		nav.menu a.home:hover {
			color: #000;
		}

		/*arrow link*/
		a.arrow {
			border-left-width:0 !important;
			border-right-width:0 !important;
			margin-right:2em;
			position:relative;
		}
		a.arrow:hover {
			border-bottom-color: #000 !important;
		}
		a.arrow:after {
			background-image:url('/images/up-arrow-black.png');
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
			content:"";
			display:inline-block;
			height:1.7em;
			position:absolute;
			right:-1em;
			width:.65em;
			top:0;
		}
		.dark a.arrow:hover {
			border-bottom-color:#FFF !important;
		}
		.dark a.arrow:after {
			background-image:url('/images/up-arrow-white.png');
		}

		/*button link*/
		a.button {
			border-color: #000 !important;
			color:#000 !important;
			font-weight:800;
			margin-right:2em;
			padding-left: .5em !important;
			padding-right: .5em !important;
			text-align:center;
			text-transform:uppercase;
		}
		a.button:hover {
			background-color:#000 !important;
			color:#FFF !important;
		}
		.dark a.button {
			border-color:#FFF !important;
			color:#FFF !important;
		}
		.dark a.button:hover {
			background-color:#FFF !important;
			color:#000 !important;
		}

		/*icon link*/
		a.icon {
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
			height:1.7em;
			margin-left: .5em;
			text-indent: -1000em;
		}
		a.icon.facebook {
			background-image:url('/images/icon-facebook-black.png');
			width:.65em;
		}
		a.icon.twitter {
			background-image:url('/images/icon-twitter-black.png');
			width:1.2em;
		}
		.dark a.icon.facebook {
			background-image:url('/images/icon-facebook-white.png');
		}
		.dark a.icon.twitter {
			background-image:url('/images/icon-twitter-white.png');
		}

		/*logo link*/
		a.logo {
			background-image: url('/images/logo-bvb-white.svg');
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			display: inline-block;
			text-indent: -9999em;
			height: 1.7em;
			width: 2em;
		}
		nav a.logo {
			background-image: url('/images/logo-the74-black-2024.png');
		}
		.dark nav a.logo {
			background-image: url('/images/logo-the74-white-2024.png');
		}

		/*home link*/
		a.home {
			color:#C1C1C1;
			font-size:2.4rem;
		}
		a.home:before {
			content:"‹‹";
			letter-spacing: -.1rem;
			margin-right: .4rem;
		}

		/*lightbox buttons*/
		button {
			background: none;
			border: none;
			color: #fff;
			cursor: pointer;
			display: inline-block;
			font-weight: 800;
			font-size: 8rem;
			font-family: acumin-pro-condensed, sans-serif;
			height: 3rem;
			line-height: 0;
			outline:none;
			overflow: hidden;
			padding: 0;
			position: absolute;
			text-indent: -9999em;
			vertical-align: text-bottom;
			width: 2rem;
		}
		button[name="close"] {
			font-family: acumin-pro-semicondensed, sans-serif;
			font-size: 3rem;
			right:6rem;
			top:6rem;
			width:2.6rem;
		}
		button[name="previous"] {
			left:calc(30vw + 6rem);
			top:calc(50% - 1.5rem);
		}
		button[name="next"] {
			right:6rem;
			top:calc(50% - 1.5rem);
		}
		button:before {
			position:absolute;
			text-indent: 0;
		}
		button[name="close"]:before {
			content:"X";
			left: -.025em;
			top: .375em;
		}
		button[name="previous"]:before {
			content:"‹";
			left: -.025em;
			top: .025em;
		}
		button[name="next"]:before {
			content:"›";
			left: -.025em;
			top: .025em;
		}



		/*--------------------------------------------------------------
        4.0 Elements
        --------------------------------------------------------------*/
		/*titles*/
		#page-title {
			padding:1rem 4rem;
			margin:0;
		}
		#page-title h1  {
			padding:0 0 4rem 0;
		}
		#page-title h1 span {
			display: block;
			text-transform: uppercase;
		}

		article h2 {
			padding: 10rem calc(50vw - 55.75rem) !important;
			margin: 0 0 10rem calc(-50vw + 64rem) !important;
			width: calc(100vw - 8rem);
		}

		/*collage*/
		.collage {
			display:block;
			height:90rem;
			padding:1.4rem 4rem;
			position:relative;
			width:100%;
		}
		.collage img {
			cursor: pointer;
			max-height:90%;
			max-width:90%;
			opacity:0;
			position:absolute;
			top:50%;
			transform:translateY(5%);
			transition:opacity 0.5s ease-in, transform 0.5s ease-in;
		}
		.collage img:nth-child(even) {
			z-index: 100;
		}
		.collage img:hover {
			z-index: 500;
		}

		/*carousel*/
		.carousel {
			background-color:#000;
			height:60rem;
			overflow:hidden;
			position:relative;
			width:100%;
			padding: 1.4rem 0;
		}
		.carousel div {
			height: 100%;
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
		}
		.carousel img {
			cursor: pointer;
			display:inline-block;
			margin-right: 6rem;
			height: 100%;
			max-width: 100%;
			max-height: 100%;
			opacity:1;
			position:relative;
			transition: opacity .5s;
		}
		.carousel img.dimmed {
			opacity:.5;
		}

		/*video*/
		.video {
			display:inline-block;
			margin:10rem 0 10rem 0;
			position: relative;
			width:calc(50% - 2rem);
			cursor: pointer;
			font-size: 5rem;
		}
		.video:nth-of-type(odd) {
			margin:10rem 4rem 10rem 0;
		}
		.video img {
			display:block;
			width:100%;
			height:initial;
			opacity: 0.5;
			transition: opacity .5s ease-in;
		}
		.video:hover img{
			opacity: 1.0;
		}
		.video:after {
			background-image:url('/images/play.png');
			background-position:center;
			background-repeat:no-repeat;
			content:"";
			text-align: center;
			position:absolute;
			top: calc(50% - 3rem);
			bottom: 0;
			left: 0;
			right: 0;
			transform: translate(0%, -50%);
		}
		.video:hover:after {
			top: calc(62.5% - 3rem);
			background-image:none;
			content:"Play";
		}
		.video figcaption {
			margin:2rem 0;
			font-size: 1.7rem;
			text-transform: uppercase;

		}

		/*block quote*/
		blockquote {
			display:inline-block;
			margin:10rem 0 10rem 25rem;
			padding: 4rem 0 4rem 8rem;
			position:relative;
			width:calc(100% - 25rem);
		}
		blockquote q {
			font-size: 7.2rem;
			quotes: "“" "”" "‘" "’";
		}
		blockquote q:first-of-type:before {
			content:open-quote;
		}
		blockquote q:last-of-type:after {
			content:close-quote;
		}
		blockquote img {
			display: inline-block;
			position: absolute;
			width: 25rem;
			top: 0;
			left: -25rem;
			height: 100%;
			object-fit: contain;
			object-position: center;
		}
		cite {
			display:block;
			font-size: 2.4rem;
		}

		/*lightbox*/
		.lightbox{
			background-color: #000000;
			overflow: hidden;
			position: fixed;
			display: block;
			height: 100vh;
			width: 100vw;
			bottom: 100%;
			right: 0;
			left: 0;
			opacity: 0.1;
			transition: bottom .25s linear .25s, opacity 1.25s linear .5s;
			z-index: 100;
		}
		.open-gallery.lightbox.gallery,
		.open-movie.lightbox.movie {
			bottom:0;
			opacity: 1;
			transition: bottom .25s linear .25s, opacity 1.25s linear .5s;
		}
		.lightbox h3 {
			color:#fff;
			font-family: acumin-pro-condensed, sans-serif;
			font-size: 4rem;
			font-weight: 800;
			left:0;
			padding:6rem;
			position:absolute;
			top:0;
			width:30vw;
		}
		.lightbox.movie h3 {
			display:none;
		}
		.lightbox figure {
			background-image: linear-gradient(to bottom, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 0%);
			background-position:left;
			background-size: 2px 4rem;
			background-repeat: repeat-y;
			color:#fff;
			font-family: acumin-pro-condensed, sans-serif;
			font-size: 2rem;
			font-weight: 300;
			height:100vh;
			line-height:2.4rem;
			padding:12rem;
			width:70vw;
			margin-left:30vw;
		}
		.lightbox figcaption {
			left:0;
			padding:0 6rem;
			position:absolute;
			width:30vw;
			top:50%;
			transform:translateY(-50%);
		}
		.lightbox figcaption em {
			display:block;
			font-size: 4rem;
			font-weight: 800;
			font-style: normal;
			line-height:8rem;
		}
		.lightbox figure img {
			height:100%;
			object-fit: contain;
			object-position: center;
			width:100%;
			margin:0;
		}
		.lightbox iframe {
			border:none;
			height:54rem;
			left:50%;
			position:absolute;
			top:50%;
			transform:translate(-50%, -50%);
			width:96rem;
		}




		/*--------------------------------------------------------------
        5.0 Under 1200px Wide
        --------------------------------------------------------------*/
		@media screen and (max-width: 1199px) {
			/*global*/
			article {
				padding: 0 4rem 2rem 4rem;
			}

			/*header and footer*/
			#masthead nav:nth-of-type(2),
			footer nav:nth-of-type(2){
				display:none;
			}

			/*elements*/
			article h2 {
				padding: 10rem 0 !important;
				margin: 0 0 10rem 0 !important;
				width: 100%;
			}
		}



		/*--------------------------------------------------------------
        6.0 Under 900px Wide
        --------------------------------------------------------------*/
		@media screen and (max-width: 899px) {
			/*global*/
			h1 {
				font-size:6rem;
				line-height:5.5rem;
			}
			h2 {
				font-size:4rem;
			}
			p {
				max-width:none;
			}
			article {
				 padding: 0 2rem 2rem 2rem;
			 }

			/*carousel*/
			.carousel{
				height: 80vh;
			}
			.carousel img {
				height: auto;
				max-width: 80vw;
				vertical-align: middle;
			}

			/*header and footer*/
			header,
			footer {
				padding: 1.4rem 2rem;
			}
			#masthead {
				margin-bottom: 5rem;
			}
			#masthead *,
			footer * {
				font-size:2.2rem;
			}
			#masthead > h1 {
				margin: 0 1em 0 0;
			}
			#masthead nav:first-of-type {
				width:calc(100% - 3.3em);
			}
			#masthead nav:nth-of-type(3){
				display:none;
			}
			#masthead a.button{
				margin-right: 0px;
			}
			#masthead a.arrow {
				position: absolute;
				bottom: -2em;
				color: #000;
				left: 2rem;
			}
			#masthead a.arrow:last-of-type {
				left: 17rem;
			}
			#masthead.dark a.arrow:hover {
				border-bottom-color:#000 !important;
			}
			#masthead.dark a.arrow:after {
				background-image:url('/images/up-arrow-black.png');
			}
			footer nav {
				display:block !important;
				float:none !important;
				margin:0 0 2rem 0 !important;
				width:100% !important;
			}

			/*button link*/
			a.button {
				width:100%;
			}
			footer a.button {
				margin:0 0 3rem 0;
			}
			button[name="close"]{
				right: 2rem;
				top: 2.5rem;
				font-size: 3rem;
			}
			button[name="next"],
			button[name="previous"]{
				top: calc(40% - 1.5rem);
			}
			button[name="next"]{
				right: 2rem;
			}
			button[name="previous"] {
				left: 2rem;
			}

			/*lightbox*/
			.lightbox figcaption{
				top: 70vh;
				bottom: 4rem;
				width: 90vw;
				margin: 0px 5vw;
				padding: 1rem 0rem;
				transform: none;
				background-image: linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 0%);
				background-position: top;
				background-size: 4rem 2px;
				background-repeat: repeat-x;
			}
			.lightbox figcaption em {
				line-height: 5rem;
			}
			.lightbox figure{
				background-image: none;
				padding: 6rem 5rem;
				width: 100vw;
				height: calc(70vh - 6rem);
				margin-left: 0vw;
				margin-top: 6rem;
			}
			.lightbox h3{
				padding: 2rem;
				line-height: 1em;
				position: absolute;
				top: 0;
				width: 80vw;
			}
			.lightbox h3,
			.lightbox figcaption em{
				font-size: 3rem;
			}
			.lightbox iframe{
				width: auto;
				height: auto;
			}
			.video{
				top: 50%;
			}

			/*menu*/
			nav.menu {
				padding: 2rem 2rem;
			}
			nav.menu header {
				padding-bottom: 5rem;
			}
			nav.menu header h1 {
				display:block;
				width: 100%;
				margin:2.5rem auto;
			}
			nav.menu header p {
				width: 100%;
			}
			nav.menu a {
				padding: 2rem 2rem 3rem;
			}
			nav.menu a.separator {
				font-size:3.6rem;
				line-height: 1em;
			}

			/*elements*/
			/*titles*/
			#page-title {
				padding:1rem 2rem;
			}
			article h2 {
				margin: 0 0 5rem 0 !important;
				padding: 5rem 0 !important;
			}
			.video {
				margin:5rem 0 !important;
				width:100%;
			}
			blockquote {
				margin:5rem 0 !important;
				padding:0;
				width:100%;
			}
			blockquote img {
				display:block;
				left:initial;
				margin:0 0 4rem 0;
				position:relative;
				top:initial;
			}
			blockquote q {
				font-size: 4rem;
			}
		}



		/*--------------------------------------------------------------
		7.0 Under 500px Wide
		--------------------------------------------------------------*/
		@media screen and (max-width: 500px) {

			#masthead {
				margin-bottom: 9rem;
			}
			#masthead a.arrow:last-of-type{
				left: 1em;
				bottom: -3.75em;
			}

		}