/*
* Nest of Makers (2025) Styles
*/


/* Table of Contents

- Font Declarations
- Base Styles
- Heading Styles
- Wrapper Styles
- Main Menu Styles
- Header Styles
- Footer Styles
- Copyright
- Portfolio Card Styles
- Spotlight/Past Card Styles
- Shared Styles
- HOMEPAGE Styles
- INDEX PAGE Styles
- DETAIL PAGE Styles

*/


/* Font Declarations */

/* Neue Montreal */

@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-Regular.eot');
    src: url('../fonts/NeueMontreal-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueMontreal-Regular.woff2') format('woff2'),
        url('../fonts/NeueMontreal-Regular.woff') format('woff'),
        url('../fonts/NeueMontreal-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-Medium.eot');
    src: url('../fonts/NeueMontreal-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueMontreal-Medium.woff2') format('woff2'),
        url('../fonts/NeueMontreal-Medium.woff') format('woff'),
        url('../fonts/NeueMontreal-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-Bold.eot');
    src: url('../fonts/NeueMontreal-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueMontreal-Bold.woff2') format('woff2'),
        url('../fonts/NeueMontreal-Bold.woff') format('woff'),
        url('../fonts/NeueMontreal-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* FK Screamer */

@font-face {
    font-family: 'FK Screamer';
    src: url('../fonts/FKScreamer-Bold.eot');
    src: url('../fonts/FKScreamer-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FKScreamer-Bold.woff2') format('woff2'),
        url('../fonts/FKScreamer-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Base Styles */

html {
	position: relative;
	min-height: 100%;
}
body {
	margin: 0;
    min-height: 100vh;
	font-family: 'Neue Montreal', sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 22px;
	color: #000;
    background: #fff;
  
    text-rendering: optimizeLegibility;     /* emphasizes in legibility over rendering speed */    
    -webkit-font-smoothing: antialiased;    /* apply font anti-aliasing */    
    -moz-osx-font-smoothing: grayscale;     /* optimize font rendering */

    -moz-font-feature-settings:"kern" 1;    /* turn on kerning, highly recomened */ 
    -ms-font-feature-settings:"kern" 1;     /* turn on kerning, highly recomened */ 
    -o-font-feature-settings:"kern" 1;      /* turn on kerning, highly recomened */
    -webkit-font-feature-settings:"kern" 1; /* turn on kerning, highly recomened */
    font-feature-settings:"kern" 1;         /* turn on kerning, highly recomened */
    font-kerning: normal;                   /* turn on kerning, highly recomened */

    font-feature-settings: "liga" on;      /* ligatures: on or off */
    font-feature-settings: "dlig" off;      /* discretionary-ligatures: on or off */
    font-feature-settings: "tnum" off;      /* tabular figures: on or off */        
    font-feature-settings: "onum" off;      /* old-style-figures: on or off */
    font-feature-settings: "ss01" off;      /* alternate glyphs (stylistic Set): on or off */
}
p:first-child {
	margin-top: 0;
}
p:last-child {
	margin-bottom: 0;
}
a,
a:visited,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: inherit;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    img {
        image-rendering: -webkit-optimize-contrast !important;
    }
}

/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
        img {
            image-rendering: unset !important;
        }
    }
}

@media (min-width: 957px) {	
	body {
		font-size: 20px;
		line-height: 26px;
	}
}


/* Heading Styles */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}


/* Text Styles */


/* Wrapper Styles */

#home-wrapper,
#index-wrapper,
#detail-wrapper {
	padding-left: 15px;
	padding-right: 15px;
}
#home-wrapper,
body:not(.show-feature) #index-wrapper,
#detail-wrapper {
	margin-top: 56px;
}

@media (min-width: 651px) {
	#home-wrapper,
	body:not(.show-feature) #index-wrapper,
	#detail-wrapper {
		margin-top: 63px;
	}
}


/* Main Menu Styles */

#main-menu {
	position: fixed;
	top: 46px;
	left: 0;
	z-index: -500;
	width: 100%;
	height: calc(100vh - 46px);
	color: #fff;
	background-color: #000;
	opacity: 0;
	transition: z-index .3s ease, opacity .3s ease;
}
#main-menu.menu-open {
	z-index: 1000;
	opacity: 1;
}
#main-menu #main-menu-series .cell .cell-contents .cell-text h2 {
	margin-bottom: -5px;
	font-family: 'FK Screamer', sans-serif;
	font-size: 15vw;
	line-height: 78%;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
#main-menu #main-menu-series .cell .cell-contents .cell-text,
#main-menu #main-menu-series .cell .cell-contents .cell-text p {
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
}
#main-menu #main-menu-socials {
	margin-top: 40px;
}
#main-menu #main-menu-socials ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main-menu #main-menu-socials ul li {
	position: relative;
	display: inline-block;
	background-color: #fff;
	transition: background .2s ease;
}
#main-menu #main-menu-socials ul li:hover,
#main-menu #main-menu-socials ul li:focus {
	background-color: #ccc;
}
#main-menu #main-menu-socials ul li,
#main-menu #main-menu-socials ul li img {
	width: 35px;
	height: 35px;
}
#main-menu #main-menu-socials ul li img {
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-width: 651px) {
	#main-menu {
		top: 53px;
		height: calc(100vh - 53px);
	}
}

@media (max-width: 956px) {
	#main-menu #menu-mobile-pos {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: calc(100dvh - 53px);
	}
	#main-menu #main-menu-series {
		text-align: center;
	}
	#main-menu #main-menu-series a {
		position: relative;
		display: block;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	#main-menu #main-menu-series a:after {
    	display: block;
    	position: absolute;
    	bottom: 0;
    	left: 50%;
    	width: 50px;
    	height: 2px;
    	transform: translate(-50%,0);
    	content: '';
    	background-color: #fff;
	}
	#main-menu #main-menu-series a,
	#main-menu #main-menu-series a h2 {
		color: #fff;
	}
	#main-menu #main-menu-series a h2 {
		transition: color .2s ease;
	}
	#main-menu #main-menu-series a:hover h2,
	#main-menu #main-menu-series a:focus h2 {
		color: #ccc;
	}
	#main-menu #main-menu-series a:first-child {
		padding-top: 0;
	}
	#main-menu #main-menu-series a:last-child {
		padding-bottom: 0;
	}
	#main-menu #main-menu-series a:last-child:after {
		display: none;
	}
	#main-menu #main-menu-series #desktop-positioning,
	#main-menu #main-menu-series .cell .cell-contents img {
		display: none;
	}
	
}

@media (min-width: 957px) {
	#main-menu #main-menu-mobile {
		display: none;
	}
	#main-menu #main-menu-series {
    	display: grid;
		--n: 2; /* number of rows*/
		--m: 3; /* number of columns */
		--s: calc(100vw / 3); /* control the size */
		--f: .6;   /* control the scale factor */    	
    	grid-template-columns: repeat(var(--m),auto);
		width: 100%;
		height: calc(100vh - 53px);
		overflow: hidden;
	}
	#main-menu #main-menu-series .cell,
	#main-menu #main-menu-series .cell .cell-contents,
	#main-menu #main-menu-series .cell .cell-contents img,
	#main-menu #main-menu-series #desktop-positioning {
   	 	width: 0;
    	height: 0;
    	min-height: 100%;
    	min-width: 100%;
	}
	#main-menu #main-menu-series .cell {
    	position: relative;
    	box-sizing: border-box;
   	 	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
		transition: .5s ease;
	}
	#main-menu #main-menu-series .cell:hover {
		width:  calc(var(--s)*var(--f));
    	height: calc(var(--s)*var(--f));
    	border: 0;
	}
	#main-menu #main-menu-series .cellA .cell-contents,
	#main-menu #main-menu-series .cellB .cell-contents,
	#main-menu #main-menu-series .cellC .cell-contents,
	#main-menu #main-menu-series .cellD .cell-contents {
		position: relative;
	}
	#main-menu #main-menu-series .cellA .cell-contents .cell-border,
	#main-menu #main-menu-series .cellB .cell-contents .cell-border,
	#main-menu #main-menu-series .cellC .cell-contents .cell-border,
	#main-menu #main-menu-series .cellD .cell-contents .cell-border {
		position: absolute;
		width: calc(100% - 17px);
		height: calc(100% - 17px);
	}
	#main-menu #main-menu-series .cellA .cell-contents .cell-border {
		right: 0;
		bottom: 0;
		border-right: 2px solid #fff;
		border-bottom: 1px solid #fff;
	}
	#main-menu #main-menu-series .cellB .cell-contents .cell-border {
		left: 0;
		bottom: 0;
		border-left: 2px solid #fff;
		border-bottom: 1px solid #fff;
	}
	#main-menu #main-menu-series .cellC .cell-contents .cell-border {
		top: 0;
		right: 0;
		border-top: 1px solid #fff;
		border-right: 2px solid #fff;
	}
	#main-menu #main-menu-series .cellD .cell-contents .cell-border {
		top: 0;
		left: 0;
		border-top: 1px solid #fff;
		border-left: 2px solid #fff;
	}
	#main-menu #main-menu-series .cell .cell-contents .cell-text,
	#main-menu #main-menu-series .cell:hover .cell-contents img,
	#main-menu #main-menu-series .cell:focus .cell-contents img {
		opacity: 1;
	}
	#main-menu #main-menu-series .cell .cell-contents .cell-text {
		position: absolute;
		font-weight: normal;
		font-size: 14px;
		line-height: 17px;
		transition: opacity .35s ease;
	}
	#main-menu #main-menu-series .cellA .cell-contents .cell-border .cell-text,
	#main-menu #main-menu-series .cellB .cell-contents .cell-border .cell-text,
	#main-menu #main-menu-series .cellC .cell-contents .cell-border .cell-text,
	#main-menu #main-menu-series .cellD .cell-contents .cell-border .cell-text {
		background-color: #000;
	}
	#main-menu #main-menu-series .cellA .cell-contents .cell-border .cell-text,
	#main-menu #main-menu-series .cellC .cell-contents .cell-border .cell-text {
		text-align: right;
		right: -2px;
	}
	#main-menu #main-menu-series .cellB .cell-contents .cell-border .cell-text,
	#main-menu #main-menu-series .cellD .cell-contents .cell-border .cell-text {
		text-align: left;
		left: -2px;
	}
	#main-menu #main-menu-series .cellA .cell-contents .cell-border .cell-text,
	#main-menu #main-menu-series .cellB .cell-contents .cell-border .cell-text {
		padding-top: 60px;
		padding-bottom: 40px;
		bottom: 0px;
	}
	#main-menu #main-menu-series .cellC .cell-contents .cell-border .cell-text,
	#main-menu #main-menu-series .cellD .cell-contents .cell-border .cell-text {
		padding-top: 37px;
		padding-bottom: 67px;
		top: 0px;
	}
	#main-menu #main-menu-series .cell .cell-contents .cell-text p {
		margin: 0;
	}
	#main-menu #main-menu-series .cell .cell-contents .cell-text h2 {
		margin-bottom: 5px;
		font-size: 50px;
		line-height: 42px;
	}
	#main-menu #main-menu-series .cell:hover .cell-contents .cell-text,
	#main-menu #main-menu-series .cell:focus .cell-contents .cell-text,
	#main-menu #main-menu-series .cell .cell-contents img {
		opacity: 0;
	}
	#main-menu #main-menu-series .cell .cell-contents img {
		object-fit: cover;
		outline: 15px solid rgba(0, 0, 0, 1);
		outline-offset: -15px;
		transition: opacity .35s ease-in-out;
	}
    #main-menu #main-menu-series #desktop-positioning {
		position: relative;
		grid-column-start: 2;
		grid-row-start: 1;
  		grid-row-end: span 2;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-family: 'FK Screamer', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: -0.01em;
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		padding-left: 10vw;
		padding-right: 10vw;
		font-size: 50px;
		line-height: 41px;
	}
	#main-menu #main-menu-series #desktop-positioning .text-wrapper p {
		margin-bottom: 0;
	}
	#main-menu #main-menu-socials.menu-socials-mobile {
		display: none;
	}
}


/* Main Menu Center Column */

@media (max-height: 299px) {
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 50px;
		line-height: 41px;
	}
}

/* Menu Text @ 992px */

@media (min-width: 992px) and (max-width: 1199px) and (min-height: 500px) {
	#main-menu #main-menu-series {
		--f: .4;   /* control the scale factor */
	}
    #main-menu #main-menu-series .text-wrapper {
		font-size: 4.7vw;
		line-height: 3.9vw;
	}
}

@media (min-width: 992px) and (max-width: 1199px) and (min-height: 800px) {
	#main-menu #main-menu-series {
		--f: .6;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 5.4vw;
		line-height: 4.6vw;
	}
}

/* Menu Text @ 1200px */

@media (min-width: 1200px) and (max-width: 1399px) and (min-height: 300px) {
	#main-menu #main-menu-series {
		--f: .4;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 50px;
		line-height: 41px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) and (min-height: 500px) {
	#main-menu #main-menu-series {
		--f: .5;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 50px;
		line-height: 41px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) and (min-height: 800px) {
	#main-menu #main-menu-series {
		--f: .6;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 5.4vw;
		line-height: 4.6vw;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) and (min-height: 900px) {
	#main-menu #main-menu-series {
		--f: .7;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 5.8vw;
		line-height: 5vw;
	}
}

/* Menu Text @ 1400px */

@media (min-width: 1400px) and (max-width: 1599px) and (min-height: 300px) {
	#main-menu #main-menu-series {
		--f: .2;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 50px;
		line-height: 41px;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) and (min-height: 500px) {
	#main-menu #main-menu-series {
		--f: .3;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.4vw;
		line-height: 2.9vw;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) and (min-height: 800px) {
	#main-menu #main-menu-series {
		--f: .4;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.7vw;
		line-height: 3.1vw;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) and (min-height: 900px) {
	#main-menu #main-menu-series {
		--f: .5;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.2vw;
		line-height: 3.6vw;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) and (min-height: 1000px) {
	#main-menu #main-menu-series {
		--f: .6;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.7vw;
		line-height: 3.9vw;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) and (min-height: 1100px) {
	#main-menu #main-menu-series {
		--f: .7;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 5.1vw;
		line-height: 4.3vw;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) and (min-height: 1200px) {
	#main-menu #main-menu-series {
		--f: .8;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 5.4vw;
		line-height: 4.6vw;
	}
}

/* Menu Text @ 1600px */

@media (min-width: 1600px) and (max-width: 1799px) and (min-height: 300px) {
	#main-menu #main-menu-series {
		--f: .2;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 50px;
		line-height: 41px;
	}
}

@media (min-width: 1600px) and (max-width: 1799px) and (min-height: 500px) {
	#main-menu #main-menu-series {
		--f: .3;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.1vw;
		line-height: 2.7vw;
	}
}

@media (min-width: 1600px) and (max-width: 1799px) and (min-height: 800px) {
	#main-menu #main-menu-series {
		--f: .4;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.6vw;
		line-height: 3vw;
	}
}

@media (min-width: 1600px) and (max-width: 1799px) and (min-height: 900px) {
	#main-menu #main-menu-series {
		--f: .5;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.1vw;
		line-height: 3.4vw;
	}
}

@media (min-width: 1600px) and (max-width: 1799px) and (min-height: 1000px) {
	#main-menu #main-menu-series {
		--f: .6;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.6vw;
		line-height: 3.9vw;
	}
}

@media (min-width: 1600px) and (max-width: 1799px) and (min-height: 1100px) {
	#main-menu #main-menu-series {
		--f: .7;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 5vw;
		line-height: 4.25vw;
	}
}

@media (min-width: 1600px) and (max-width: 1799px) and (min-height: 1200px) {
	#main-menu #main-menu-series {
		--f: .8;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 5.3vw;
		line-height: 4.5vw;
	}
}

/* Menu Text @ 1800px */

@media (min-width: 1800px) and (max-width: 1999px) and (min-height: 300px) {
	#main-menu #main-menu-series {
		--f: .2;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 50px;
		line-height: 41px;
	}
}

@media (min-width: 1800px) and (max-width: 1999px) and (min-height: 500px) {
	#main-menu #main-menu-series {
		--f: .3;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3vw;
		line-height: 2.5vw;
	}
}

@media (min-width: 1800px) and (max-width: 1999px) and (min-height: 800px) {
	#main-menu #main-menu-series {
		--f: .4;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.5vw;
		line-height: 2.9vw;
	}
}

@media (min-width: 1800px) and (max-width: 1999px) and (min-height: 900px) {
	#main-menu #main-menu-series {
		--f: .5;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4vw;
		line-height: 3.4vw;
	}
}

@media (min-width: 1800px) and (max-width: 1999px) and (min-height: 1000px) {
	#main-menu #main-menu-series {
		--f: .6;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.5vw;
		line-height: 3.8vw;
	}
}

@media (min-width: 1800px) and (max-width: 1999px) and (min-height: 1100px) {
	#main-menu #main-menu-series {
		--f: .7;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.9vw;
		line-height: 4.2vw;
	}
}

@media (min-width: 1800px) and (max-width: 1999px) and (min-height: 1200px) {
	#main-menu #main-menu-series {
		--f: .8;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 5.2vw;
		line-height: 4.4vw;
	}
}

/* Menu Text @ 2000px */

@media (min-width: 2000px) and (max-width: 2199px) and (min-height: 300px) {
	#main-menu #main-menu-series {
		--f: .2;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 50px;
		line-height: 41px;
	}
}

@media (min-width: 2000px) and (max-width: 2199px) and (min-height: 500px) {
	#main-menu #main-menu-series {
		--f: .3;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 2.9vw;
		line-height: 2.4vw;
	}
}

@media (min-width: 2000px) and (max-width: 2199px) and (min-height: 800px) {
	#main-menu #main-menu-series {
		--f: .4;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.4vw;
		line-height: 2.9vw;
	}
}

@media (min-width: 2000px) and (max-width: 2199px) and (min-height: 900px) {
	#main-menu #main-menu-series {
		--f: .5;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.9vw;
		line-height: 3.3vw;
	}
}

@media (min-width: 2000px) and (max-width: 2199px) and (min-height: 1000px) {
	#main-menu #main-menu-series {
		--f: .6;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.4vw;
		line-height: 3.7vw;
	}
}

@media (min-width: 2000px) and (max-width: 2199px) and (min-height: 1100px) {
	#main-menu #main-menu-series {
		--f: .7;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.8vw;
		line-height: 4.1vw;
	}
}

@media (min-width: 2000px) and (max-width: 2199px) and (min-height: 1200px) {
	#main-menu #main-menu-series {
		--f: .8;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 5.1vw;
		line-height: 4.3vw;
	}
}

/* Menu Text @ 2200px */

@media (min-width: 2200px) and (max-width: 2399px) and (min-height: 300px) {
	#main-menu #main-menu-series {
		--f: .2;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 50px;
		line-height: 42px;
	}
}

@media (min-width: 2200px) and (max-width: 2399px) and (min-height: 500px) {
	#main-menu #main-menu-series {
		--f: .3;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 2.7vw;
		line-height: 2.3vw;
	}
}

@media (min-width: 2200px) and (max-width: 2399px) and (min-height: 800px) {
	#main-menu #main-menu-series {
		--f: .4;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.2vw;
		line-height: 2.7vw;
	}
}

@media (min-width: 2200px) and (max-width: 2399px) and (min-height: 900px) {
	#main-menu #main-menu-series {
		--f: .5;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.7vw;
		line-height: 3.1vw;
	}
}

@media (min-width: 2200px) and (max-width: 2399px) and (min-height: 1000px) {
	#main-menu #main-menu-series {
		--f: .6;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.2vw;
		line-height: 3.5vw;
	}
}

@media (min-width: 2200px) and (max-width: 2399px) and (min-height: 1100px) {
	#main-menu #main-menu-series {
		--f: .7;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.6vw;
		line-height: 3.9vw;
	}
}

@media (min-width: 2200px) and (max-width: 2399px) and (min-height: 1200px) {
	#main-menu #main-menu-series {
		--f: .8;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.9vw;
		line-height: 4.2vw;
	}
}

/* Menu Text @ 2400px */

@media (min-width: 2400px) and (min-height: 300px) {
	#main-menu #main-menu-series {
		--f: .2;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 50px;
		line-height: 41px;
	}
}

@media (min-width: 2400px) and (min-height: 500px) {
	#main-menu #main-menu-series {
		--f: .3;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 2.4vw;
		line-height: 2.1vw;
	}
}

@media (min-width: 2400px) and (min-height: 800px) {
	#main-menu #main-menu-series {
		--f: .4;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 2.9vw;
		line-height: 2.4vw;
	}
}

@media (min-width: 2400px) and (min-height: 900px) {
	#main-menu #main-menu-series {
		--f: .5;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.4vw;
		line-height: 2.9vw;
	}
}

@media (min-width: 2400px) and (min-height: 1000px) {
	#main-menu #main-menu-series {
		--f: .6;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 3.9vw;
		line-height: 3.3vw;
	}
}

@media (min-width: 2400px) and (min-height: 1100px) {
	#main-menu #main-menu-series {
		--f: .7;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.3vw;
		line-height: 3.6vw;
	}
}

@media (min-width: 2400px) and (min-height: 1200px) {
	#main-menu #main-menu-series {
		--f: .8;   /* control the scale factor */
	}
    #main-menu #main-menu-series #desktop-positioning .text-wrapper {
		font-size: 4.6vw;
		line-height: 3.9vw;
	}
}



/* Header Styles */

#header {
	position: fixed;
	padding-left: 15px;
	padding-right: 15px;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	height: 46px;
	transition: background .3s ease;
}
body.show-feature #header {
	background-color: transparent;
}
body:not(.show-feature) #header,
body.show-feature #header.header-scrolled,
body.show-feature #header #menu-button span,
#header.menu-open #menu-button span {
	background-color: #fff;
}
body:not(.show-feature) #header.menu-open,
body.show-feature #header.menu-open,
body:not(.show-feature) #header:not(.menu-open) #menu-button span,
body.show-feature #header.header-scrolled:not(.menu-open) #menu-button span {
	background-color: #000;
}
#header #header-ID {
	position: absolute;
	top: 11px;
	left: 15px;
}
#header #header-ID,
#header #header-ID h1 {
	font-family: 'FK Screamer', sans-serif;
	font-size: 27px;
	line-height: 25px;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	transition: color .3s ease;
}
body:not(.show-feature) #header:not(.menu-open) #header-ID,
body:not(.show-feature) #header:not(.menu-open) #header-ID h1,
body.show-feature #header.header-scrolled:not(.menu-open) #header-ID,
body.show-feature #header.header-scrolled:not(.menu-open) #header-ID h1 {
	color: #000;
}
body.show-feature #header #header-ID,
body.show-feature #header #header-ID h1,
#header.menu-open #header-ID,
#header.menu-open #header-ID h1 {
	color: #fff;
}
#header #menu-button {
	position: fixed;
	padding: 0;
	margin: 0;
	top: 3px;
	z-index: 2000;
	left: calc(50% - 20px);
	width: 40px;
	height: 40px;
	background: transparent;
	border: none;
	cursor: pointer;
}
#header #menu-button span {
	display: block;
	position: absolute;
	width: 40px;
	height: 3px;
}
#header #menu-button span.menu-button-top {
	top: 13px;
}
#header #menu-button span.menu-button-top,
#header #menu-button span.menu-button-midleft,
#header #menu-button span.menu-button-midright,
#header #menu-button span.menu-button-bottom {
	transition: all .3s ease;
}
#header #menu-button span.menu-button-top,
#header #menu-button span.menu-button-bottom {
	opacity: 1;
}
#header #menu-button span.menu-button-midleft,
#header #menu-button span.menu-button-midright {
	top: 20px;
}
#header.menu-open #menu-button span.menu-button-midleft {
	transform: rotate(-45deg);
}
#header.menu-open #menu-button span.menu-button-midright {
	transform: rotate(45deg);
}
#header #menu-button span.menu-button-bottom {
	top: 27px;
}
#header.menu-open #menu-button span.menu-button-top,
#header.menu-open #menu-button span.menu-button-bottom {
	opacity: 0;
}

@media (min-width: 651px) {
	#header {
		height: 53px;
	}
	#header #header-ID {
		top: 13px;
	}
	#header #header-ID,
	#header #header-ID h1 {
		font-size: 33px;
		line-height: 28px;
	}
	#header #menu-button {
		top: 6px;
		left: calc(50% - 25px);
		width: 50px;
	}
	#header #menu-button span {
		width: 50px;
	}
}


/* Footer Styles */

#footer {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: 1fr;
	grid-column-gap: 6px;
	grid-row-gap: 0px;
	padding-top: 35px;
	padding-bottom: 30px;
}
#footer #footer-logo .image-wrapper,
#footer #footer-logo .image-wrapper img {
	width: 150px;
	height: auto;
}
#footer #footer-navigation,
#footer #footer-navigation #footer-menu,
#footer #footer-navigation #footer-socials {
	display: flex;
	justify-content: flex-end;
}
#footer #footer-navigation {
	align-items: center;
}
#footer #footer-navigation #footer-menu,
#footer #footer-navigation #footer-menu ul,
#footer #footer-navigation #footer-menu ul li {
	font-family: 'FK Screamer', sans-serif;
	font-size: 19px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
#footer #footer-navigation #footer-menu ul,
#footer #footer-navigation #footer-menu ul li {
	display: inline-block;
}
#footer #footer-navigation #footer-menu ul li::after {
	margin-left: 2px;
	font-family: 'Neue Montreal', sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	content: '/'
}
#footer #footer-navigation #footer-menu ul li:last-child::after {
	content: '';
}
#footer #footer-navigation #footer-menu ul li a {
	color: #000;
	transition: color .2s ease;
}
#footer #footer-navigation #footer-menu ul li a:hover,
#footer #footer-navigation #footer-menu ul li a:focus {
	color: #999;
}
#footer #footer-navigation #footer-socials ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer #footer-navigation #footer-socials ul li {
	display: inline-block;
	background-color: #000;
	transition: background .2s ease;
}
#footer #footer-navigation #footer-socials ul li:hover,
#footer #footer-navigation #footer-socials ul li:focus {
	background-color: #999;
}
#footer #footer-navigation #footer-socials ul li,
#footer #footer-navigation #footer-socials ul li img {
	width: 35px;
	height: 35px;
}

@media (min-width: 651px) {
	#footer #footer-navigation #footer-menu ul,
	#footer #footer-navigation #footer-menu ul li {
		font-size: 33px;
		line-height: 28px;
	}
	#footer #footer-navigation #footer-socials {
		margin-top: -20px;
	}
}


/* Copyright */

#copyright {
	padding-bottom: 15px;
	max-height: 999999px;
}
#copyright,
#copyright p {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
}
#copyright a {
	text-decoration: underline;
}


/* Portfolio Card Styles */

.portfolio-card {
	display: block;
	overflow: hidden;
}
.portfolio-card .portfolio-card-text {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	padding-bottom: 6px;
}
.portfolio-card .portfolio-card-text .portfolio-text-left {
	grid-area: 1 / 1 / 2 / 2;
}
.portfolio-card:last-child,
.portfolio-card .portfolio-card-text .portfolio-text-left p,
.portfolio-card .portfolio-card-text .portfolio-text-right p {
	margin-bottom: 0;
}
.portfolio-card .portfolio-card-text .portfolio-text-left,
.portfolio-card .portfolio-card-text .portfolio-text-right {
	display: flex;
	align-items: flex-end;
	height: 100%;
	min-height: 80px;
}
.portfolio-card .portfolio-card-text .portfolio-text-left {
	height: 100%;
	font-family: 'FK Screamer', sans-serif;
	font-size: 50px;
	line-height: 18px;
	letter-spacing: -0.01em;
	transition: color .2s ease;
}
.portfolio-card:hover .portfolio-card-text .portfolio-text-left,
.portfolio-card:focus .portfolio-card-text .portfolio-text-left {
	color: #999;
}
.portfolio-card .portfolio-card-text .portfolio-text-left .portfolio-date-divider {
	margin-left: 2px;
	margin-right: 2px;
	font-family: 'Neue Montreal', sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
}
.portfolio-card .portfolio-card-text .portfolio-text-right {
	grid-area: 1 / 2 / 2 / 3;
}
.portfolio-card .portfolio-card-text .portfolio-text-right,
.portfolio-card .portfolio-card-text .portfolio-text-right h2,
.portfolio-card .portfolio-card-text .portfolio-text-right h3 {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
.portfolio-card .portfolio-card-text .portfolio-text-right .portfolio-text-attribution {
	font-weight: normal;
}
.portfolio-card .portfolio-card-image {
	overflow: hidden;
}
.portfolio-card .portfolio-card-image,
.portfolio-card .portfolio-card-image img {
	width: 100%;
	height: auto;
}
.portfolio-card .portfolio-card-image img {
	outline: 2px solid rgba(255, 255, 255, 1);
	outline-offset: -2px;
	transition: outline .2s ease;
}
.portfolio-card:hover .portfolio-card-image img,
.portfolio-card:focus .portfolio-card-image img {
	outline: 2px solid rgba(255, 255, 255, 0);
}

@media (min-width: 651px) {
	.portfolio-card .portfolio-card-text .portfolio-text-right .portfolio-text-description {
		padding-right: 12px;
	}
}


/* Spotlight/Past Card Styles */

.spotlight-card,
.past-card {
	margin-bottom: 40px;
	display: block;
	width: 100%;
	max-height: 999999px;
}
.spotlight-card .spotlight-card-text .spotlight-card-title,
.spotlight-card .spotlight-card-text .spotlight-card-title h4,
.past-card .past-card-text .past-card-title,
.past-card .past-card-text .past-card-title h4 {
	margin-bottom: 8px;
	font-family: 'FK Screamer', sans-serif;
	font-size: 33px;
	line-height: 28px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	transition: color .2s ease;
}
.spotlight-card:hover .spotlight-card-text .spotlight-card-title h4,
.spotlight-card:focus .spotlight-card-text .spotlight-card-title h4,
.past-card:hover .past-card-text .past-card-title h4,
.past-card:focus .past-card-text .past-card-title h4 {
	color: #999;
}
.spotlight-card .spotlight-card-text,
.spotlight-card .spotlight-card-text .spotlight-card-description,
.spotlight-card .spotlight-card-text .spotlight-card-description p,
.past-card .past-card-text,
.past-card .past-card-text .past-card-description,
.past-card .past-card-text .past-card-description p {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
}
.spotlight-card .spotlight-card-image-mobile,
.past-card .past-card-image-mobile {
	margin-bottom: 4px;
}
.spotlight-card .spotlight-card-image-mobile .image-wrapper,
.spotlight-card .spotlight-card-image-mobile .image-wrapper img,
.past-card .past-card-image-mobile .image-wrapper,
.past-card .past-card-image-mobile .image-wrapper img {
	width: 100%;	
}
.spotlight-card .spotlight-card-image-mobile .image-wrapper img,
.past-card .past-card-image-mobile .image-wrapper img {
	outline: 2px solid rgba(255, 255, 255, 1);
	outline-offset: -2px;
	transition: outline .2s ease;
}
.spotlight-card:hover .spotlight-card-image-mobile .image-wrapper img,
.spotlight-card:focus .spotlight-card-image-mobile .image-wrapper img,
.past-card:hover .past-card-image-mobile .image-wrapper img,
.past-card:focus .past-card-image-mobile .image-wrapper img {
	outline: 2px solid rgba(255, 255, 255, 0);
}
.spotlight-card .spotlight-card-image-desktop,
.past-card .past-card-image-desktop {
	display: none;
}

@media (min-width: 957px) {
	.spotlight-card,
	.past-card {
		margin-bottom: 15px;
		display: flex;
		justify-content: space-between;
	}
	.spotlight-card .spotlight-card-text,
	.past-card .past-card-text {
		display: flex;
		align-items: center;
		padding-top: 5px;
		padding-right: 24px;
	}
	.spotlight-card .spotlight-card-text,
	.spotlight-card .spotlight-card-image-desktop .image-wrapper,	
	.spotlight-card .spotlight-card-image-desktop .image-wrapper img,
	.past-card .past-card-text,
	.past-card .past-card-image-desktop .image-wrapper,	
	.past-card .past-card-image-desktop .image-wrapper img {
		height: calc((100vw - 15px)* .116);
	}
	.spotlight-card .spotlight-card-text .spotlight-card-title,
	.spotlight-card .spotlight-card-text .spotlight-card-title h4,
	.past-card .past-card-text .past-card-title,
	.past-card .past-card-text .past-card-title h4 {
		font-size: 50px;
		line-height: 42px;
	}
	.spotlight-card .spotlight-card-image-mobile,
	.past-card .past-card-image-mobile {
		display: none;
	}
	.spotlight-card .spotlight-card-image-desktop,
	.past-card .past-card-image-desktop {
		display: flex;
		justify-content: flex-end;
	}
	.spotlight-card .spotlight-card-image-desktop .image-wrapper,	
	.spotlight-card .spotlight-card-image-desktop .image-wrapper img,
	.past-card .past-card-image-desktop .image-wrapper,	
	.past-card .past-card-image-desktop .image-wrapper img {
		width: auto;
		max-width: unset;
	}
	.spotlight-card .spotlight-card-image-desktop .image-wrapper img,
	.spotlight-card .spotlight-card-image-desktop .image-wrapper img,
	.past-card .past-card-image-desktop .image-wrapper img,
	.past-card .past-card-image-desktop .image-wrapper img {
		outline: 2px solid rgba(255, 255, 255, 1);
		outline-offset: -2px;
		transition: outline .2s ease;
	}
	.spotlight-card:hover .spotlight-card-image-desktop .image-wrapper img,
	.spotlight-card:focus .spotlight-card-image-desktop .image-wrapper img,
	.past-card:hover .past-card-image-desktop .image-wrapper img,
	.past-card:focus .past-card-image-desktop .image-wrapper img{
		outline: 2px solid rgba(255, 255, 255, 0);
	}
}



/* SHARED ANIMATIONS */

/* Standard Text Fade Animation */

.animate.animate-fade,
.animate.animate-fadeA {
	-webkit-animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.animate.animate-fadeB {
	-webkit-animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
	animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
}
.animate.animate-fadeC {
	-webkit-animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}
.animate.animate-fadeD {
	-webkit-animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;
	animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;
}
.animate.animate-fadeE {
	-webkit-animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;
	animation: animFADE 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;
}

@-webkit-keyframes animFADE {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes animFADE {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* Shared Styles */

#latest-series {
	display: grid;
	grid-column-gap: 10px;
	margin-bottom: 15vw;
	border-top: 2px solid #000;
}

@media (max-width: 650px) {
	#latest-series {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}
}

@media (min-width: 651px) and (max-width: 956px) {
	#latest-series {
		grid-template-columns: repeat(1, auto);
	}
	#latest-series .portfolio-card {
		margin-top: -20%;
		width: calc(50% - 3px);
    }
	#latest-series .portfolio-card:nth-child(even) {
		margin-left: calc(50% + 3px);
    }
	#latest-series .portfolio-card:first-child {
		margin-top: 0;
	}
}

@media (min-width: 957px) {
	#latest-series {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		grid-column-gap: 6px;
		margin-bottom: 10vw;
	}
}

@media (min-width: 957px) and (max-width: 1262px) {
	#latest-series .portfolio-card:nth-last-child(-n+2) {
		display: none;
	}
}

@media (min-width: 1263px) and (max-width: 1568px) {
	#latest-series .portfolio-card:last-child {
		display: none;
	}
}

/* HOMEPAGE Positioning Animation */

@keyframes posfade {
	0% { color: #fff; }
	2% { color: #000; }
	18% { color: #000; }
	20% { color: #fff; }
	22% { color: #000; }
	38% { color: #000; }
	40% { color: #fff; }
	42% { color: #000; }
	58% { color: #000; }
	60% { color: #fff; }
	62% { color: #000; }
	78% { color: #000; }
	80% { color: #fff; }
	82% { color: #000; }
	98% { color: #000; }
	100% { color: #fff; }
}


/* HOMEPAGE Styles */

#home-nom {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	position: relative;
}
#home-nom #home-logo,
#home-nom #home-logo img {
	width: 100%;
	max-width: 100%;	
}
#home-nom #home-logo {
	margin-bottom: 4px;
}
#home-nom #home-logo img {
	height: auto;
}
#home-positioning {
	margin-top: 15vw;
	margin-bottom: calc(15vw - 10px);
	letter-spacing: -0.01em;
}
#home-positioning .positioning-lead {
	margin-left: -0.01em;
	margin-bottom: 15px;
	font-family: 'FK Screamer', sans-serif;
	font-size: 22vw;
	line-height: 80%;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
#home-positioning #positioning-rotate {
	animation: posfade 35s;
	animation-iteration-count: infinite;
}
#home-positioning #positioning-rotate:after {
	content: "";
	white-space: pre-wrap;
	animation: poscontent 35s linear;
	animation-iteration-count: infinite;
}
#spotlight-series .spotlight {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-column-gap: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 2px solid #000;
}
#spotlight-series .spotlight h3 {
	margin-left: -0.01em;
	margin-bottom: 15px;
	font-family: 'FK Screamer', sans-serif;
	font-size: 22vw;
	line-height: 80%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
#spotlight-series .spotlight .spotlight-title-desktop,
#spotlight-series .spotlight .spotlight-title-divider,
#spotlight-series .spotlight .spotlight-title-divider img {
	display: none;
}
#spotlight-series .spotlight .spotlight-title-medium {
	margin-bottom: 40px;
	max-width: 400px;
	font-weight: normal;
}
#spotlight-series .spotlight .spotlight-title-medium a {
	letter-spacing: -0.01em;
	border-bottom: 1px solid #fff;
	transition: border .3s ease;
}
#spotlight-series .spotlight .spotlight-title-medium a:hover,
#spotlight-series .spotlight .spotlight-title-medium a:focus {
	border-bottom: 1px solid #000;
}
.spotlight-card-series {
	position: relative;
}
.spotlight-card-series .spotlight-link,
.spotlight-card-series .spotlight-link a {
	width: 100%;
}
.spotlight-card-series .spotlight-link a {
	display: flex;
	justify-content: flex-end;
}
.spotlight-card-series .spotlight-link a img {
	margin-right: 0;
	width: 35px;
	height: 26px;
	transition: margin .2s ease;
}
.spotlight-card-series .spotlight-link:hover a img,
.spotlight-card-series .spotlight-link:focus a img {
	margin-right: -5px;
}

/* DETAIL PAGE */
.error404 #header-links {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.error404 #detail-header {
    height: 80vh;
}

.error404 .\34 04-wysiwyg {
    padding-top: 30px;
    text-align: center;
    font-size: 32px;
    margin: 0;
    padding-bottom: 15px;
}

.error404 a.button {
    background: #000000;
    padding: 10px 20px;
    border-radius: 5px;
    color: #FFF;
    transition: all 0.3s ease-in-out;
}
.error404 a.button:hover {
    background: #00000085;
}

.error404 #detail-header-description img {
    width: 500px;
}

.error404 #detail-header-description {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 650px) {
	.error404 #detail-header #header-links .header-ID{
		display:block;
		font-size:75px;
	}
		.error404 #detail-header{
			margin-top:50px;
		}
		.error404 #detail-header #header-links .header-links-desktop{
			display:block;
		}
		.error404 #detail-header #header-links .header-links-desktop p{
			line-height:1.3;
		}
		.error404 #header-links{
			padding-bottom:50px;
		}
	}

/* DETAIL PAGE */		

@media (min-width: 651px) {
	#spotlight-series .spotlight .spotlight-title {
		margin-bottom: 30px;
	}
	#spotlight-series .spotlight h3 {
		margin-bottom: 20px;
	}
	#spotlight-series .spotlight .spotlight-title-mobile {
		display: none;
	}
	#spotlight-series .spotlight .spotlight-title-desktop {
		display: block;
	}
	#spotlight-series .spotlight .spotlight-title-divider,
	#spotlight-series .spotlight .spotlight-title-divider img {
		display: block;
		margin-top: -15px;
		margin-bottom: 10px;
		width: 29vw;
	}
	#spotlight-series .spotlight .spotlight-title-medium {
		margin-bottom: 0;
		padding-right: 30px;
		max-width: 29vw;
		font-size: 12px;
		line-height: 14px;
	}
	#spotlight-series .spotlight .spotlight-title-medium a {
		font-size: 17px;
		line-height: 22px;
	}
    .spotlight-card-series .spotlight-link {
	    position: absolute;
		right: 0;
		bottom: 0;
    }
}

@media (min-width: 651px) and (max-width: 956px) {
	#home-positioning {
		margin-top: 11vw;
		margin-bottom: calc(11vw - 10px);
	}
	#home-positioning .positioning-lead {
		font-size: 15vw;
	}
	#home-positioning #positioning-rotate {
		width: calc((100vw - 45px)* .5 - 2px);
	}
}

@media (max-width: 956px) {
	#home-nom {
		height: calc(100vh - 120px);
	}
	.spotlight-card-series .spotlight-card:nth-last-child(2) {
		display: none;
	}
}

@media (min-width: 957px) {
	#home-nom #home-logo,
	#home-nom #home-logo img,
	#home-positioning #positioning-rotate {
		width: calc((100vw - 45px)* .666666666 - 2px);
	}
	#home-positioning {
		margin-top: 5vw;
		margin-bottom: 8vw;
	}
	#home-positioning .positioning-lead {
		margin-bottom: 20px;
		width: 80%;
		font-size: 10vw;
	}
	#spotlight-series .spotlight {
		grid-template-columns: 1fr 2fr;
		padding-bottom: 5vw;
	}
	#spotlight-series .spotlight h3 {
		margin-left: -0.015em;
		font-size: 15vw;
	}
	#spotlight-series .spotlight .spotlight-title-divider,
	#spotlight-series .spotlight .spotlight-title-divider img {
		width: 19.7vw;
	}
	#spotlight-series .spotlight .spotlight-title-medium {
		max-width: 19.7vw;
	}
    .spotlight-card-series .spotlight-link {
		bottom: -25px;
    }
}

@media (min-width: 1263px) {
	#home-nom #home-logo,
	#home-nom #home-logo img,
	#home-positioning #positioning-rotate {
		width: calc((100vw - 45px)* .5 - 3px);
	}
	#home-positioning .positioning-lead {
		width: 75%;
		font-size: 9vw;
	}
	#spotlight-series .spotlight {
		grid-template-columns: 2fr 2fr;
	}
	#spotlight-series .spotlight h3 {
		margin-left: -0.015em;
		font-size: 15vw;
	}
	#spotlight-series .spotlight .spotlight-title-divider,
	#spotlight-series .spotlight .spotlight-title-divider img {
		width: 19.7vw;
	}
	#spotlight-series .spotlight .spotlight-title-medium {
		max-width: 19.7vw;
	}
    .spotlight-card-series .spotlight-link {
		bottom: -35px;
    }
}

@media (min-width: 1569px) {
	#home-nom #home-logo,
	#home-nom #home-logo img,
	#home-positioning #positioning-rotate {
		width: calc((100vw - 45px)* .4 - 3px);
	}
	#home-positioning .positioning-lead {
		width: 70%;
		font-size: 8vw;
	}
	#spotlight-series .spotlight {
		grid-template-columns: 2fr 3fr;
	}
	#spotlight-series .spotlight h3 {
		margin-left: -0.015em;
		font-size: 15vw;
	}
	#spotlight-series .spotlight .spotlight-title-divider,
	#spotlight-series .spotlight .spotlight-title-divider img {
		width: 19.7vw;
	}
	#spotlight-series .spotlight .spotlight-title-medium {
		max-width: 19.7vw;
	}
    .spotlight-card-series .spotlight-link {
		bottom: -50px;
    }
}


/* INDEX PAGE Styles */

#index-hero {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
#index-hero img {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	object-fit: cover;
}
#index-header {
	padding-bottom: 8px;
}
body:not(.show-feature) #index-header {
	padding-top: 55px;
}
body.show-feature #index-header {
	padding-top: 75px;
}
#index-header #index-title,
#index-header #index-description {
	display: flex;
	align-items: flex-end;
	height: 100%;
}
#index-header #index-title {
	margin-left: -0.01em;
	margin-bottom: 16px;
}
#index-header #index-title,
#index-header #index-title h2,
#index-contact #contact-text .contact-lead,
#index-contact #contact-text .contact-lead h3,
#past-series .past-title,
#past-series .past-title h3 {
	margin-left: -0.01em;
	font-family: 'FK Screamer', sans-serif;
	font-size: 21vw;
	line-height: 80%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
#index-header #index-description p:last-child,
#index-contact #contact-text .contact-availability,
#index-contact #contact-text .contact-availability p:last-child {
	margin-bottom: 0;
}
#index-header #index-description p + p {
	margin-top: -5px;
}
#index-header #index-description a {
	letter-spacing: -0.01em;
	border-bottom: 1px solid #fff;
	transition: border .3s ease;
}
#index-header #index-description a:hover,
#index-header #index-description a:focus {
	border-bottom: 1px solid #000;
}
#featured-series,
#index-contact,
#past-series {
	padding-top: 10px;
	border-top: 2px solid #000;
}
#index-contact {
	padding-bottom: 15vw;
}
#index-contact #contact-text .contact-lead,
#past-series h3 {
	margin-bottom: 20px;
}
#index-contact #contact-details,
#index-contact #contact-details a {
	font-family: 'FK Screamer', sans-serif;
	font-size: 27px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
#index-contact #contact-details a {
	color: #000;
	transition: color .2s ease;
}
#index-contact #contact-details div + div {
	margin-top: 5px;
}
#index-contact #contact-details div span {
	margin-left: 2px;
	margin-right: 2px;
	font-family: 'Neue Montreal', sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
}
#index-contact #contact-details a:hover,
#index-contact #contact-details a:focus {
	color: #999;
}
#past-series {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-column-gap: 6px;
	padding-bottom: 12px;
	border-bottom: 2px solid #000;
}
#past-series .past-title .past-title-desktop {
	display: none;
}

@media (max-width: 650px) {
	#index-contact #contact-text {
		margin-bottom: 25px;
	}
	#past-series .past-title-medium a {
		display: none;
	}
}

@media (min-width: 651px) {
	#index-header,
	#index-contact {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	#index-header {
		grid-column-gap: 10px;
	}
	body:not(.show-feature) #index-header {
		padding-top: 100px;
	}
	body.show-feature #index-header {
		padding-top: 120px;
	}
	#index-header #index-title,
	#past-series .past-title {
		margin-bottom: 0;
	}
	#index-header #index-title,
	#index-header #index-title h2 {
		font-size: 19vw;
		line-height: 78%;
	}
	#index-header #index-title h2 {
		margin-left: -0.007em;
	}
	#index-contact #contact-text,
	#past-series .past-title {
		padding-right: 30px;
	}
	#index-contact {
		grid-column-gap: 6px;
	}
	#past-series .past-title .past-title-mobile {
		display: none;
	}
	#past-series .past-title .past-title-desktop {
		display: block;
	}
}

@media (min-width: 651px) and (max-width: 956px) {	
	#index-contact #contact-text .contact-lead,
	#index-contact #contact-text .contact-lead h3,
	#past-series .past-title,
	#past-series .past-title h3 {
		font-size: 15vw;
	}
}

@media (max-width: 956px) {
	#past-series .past-card:nth-child(-n + 2) {
		display: none;
	}
}

@media (min-width: 957px) {
	#index-header #index-description p + p {
		margin-top: -10px;
	}
	#featured-series .series-wrapper .detail-slide .detail-slide-text .detail-slide-description {
		width: 60%;
	}
	#index-header #index-title,
	#index-header #index-title h2 {
		font-size: 17vw;
	}
	#index-contact {
		padding-bottom: 10vw;
	}
	#index-contact,
	#past-series {
		grid-template-columns: 1fr 2fr;
	}
	#index-description a {
		font-size: 17px;
		line-height: 22px;
	}
	#past-series {
		padding-bottom: calc(10vw - 15px);
	}
	#index-contact #contact-text,
	#past-series .past-title {
		padding-right: 40px;
	}
	#index-contact #contact-text .contact-lead,
	#index-contact #contact-text .contact-lead h3,
	#past-series .past-title,
	#past-series .past-title h3 {
		font-size: 10vw;
	}
}

@media (min-width: 1263px) {
	#index-header {
		grid-column-gap: 6px;
	}
	#index-header #index-title,
	#index-header #index-title h2 {
		font-size: 15vw;
		line-height: 77%;
	}
	#index-contact,
	#past-series {
		grid-template-columns: 1fr 1fr;
	}
	#index-contact #contact-text,
	#past-series .past-title {
		padding-right: 50px;
	}
	#index-contact #contact-details,
	#index-contact #contact-details a {
		font-size: 33px;
		line-height: 28px;
	}
}

@media (min-width: 1263px) and (max-width: 1568px) {
	#past-series .past-card:first-child {
		display: none;
	}
}

@media (min-width: 1569px) {
	#index-header #index-title,
	#index-header #index-title h2 {
		line-height: 76%;
	}
	#index-header #index-description {
		padding-left: 9.9vw;
	}
	#index-contact,
	#past-series {
		grid-template-columns: 2fr 3fr;
	}
	#past-series .past-card:nth-child(-n + 2) {
		display: none;
	}
}

@media (min-width: 1875px) {
	#index-header #index-description {
		padding-left: 16.4vw;
	}
}

@media (min-width: 2181px) {
	#index-header #index-description {
		padding-left: 21.1vw;
	}
}


/* DETAIL PAGE Styles */

#detail-header {
	padding-top: 10px;
	padding-bottom: 10px;
}
#detail-header #header-links .header-links-mobile,
#detail-header #header-links .header-links-mobile a,
#detail-header #header-links .header-links-desktop,
#detail-header #header-links .header-links-desktop a,
#detail-paging,
#detail-paging a {
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.01em;
}
#detail-header #header-links .header-links-desktop,
#detail-paging #detail-paging-top .previous-text-desktop,
#detail-paging #detail-paging-top .next-text-desktop {
	display: none;
}
#detail-header #header-links .header-links-mobile a,
#detail-header #header-links .header-links-desktop a {
	border-bottom: 1px solid #fff;
	transition: border .3s ease;
}
#detail-header #header-links .header-links-mobile a:hover,
#detail-header #header-links .header-links-mobile a:focus,
#detail-header #header-links .header-links-desktop a:hover,
#detail-header #header-links .header-links-desktop a:focus {
	border-bottom: 1px solid #000;
}
#detail-header #detail-header-description h2 {
	margin-bottom: 0;
	font-family: 'FK Screamer', sans-serif;
	font-size: 50px;
	line-height: 42px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
#detail-header #detail-header-description p {	
	letter-spacing: -0.01em;
}
#detail-header #detail-header-description ul {
	margin: 0;
	padding: 0;
	max-height: 999999px;
	list-style: none;
}
#detail-header #detail-header-description ul,
#detail-header #detail-header-description ul li {
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
}
#detail-header #detail-header-description a {	
	text-decoration: underline;
}
#detail-content,
#detail-content .wrapper-divided {
	border-top: 2px solid #000;
}
#detail-content {
	padding-top: 40px;
}
#detail-content .wrapper-divided {
	padding-top: 12px;
}
#detail-content .detail-single-landscape .slide-wrapper .detail-slide-image,
#detail-content .detail-single-square .slide-wrapper .detail-slide-image,
#detail-content .detail-single-portrait .slide-wrapper .detail-slide-image,
#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-image {
	display: flex;
	justify-content: center;
}
#detail-content .detail-single-landscape .slide-wrapper .detail-slide-image,
#detail-content .detail-single-landscape .slide-wrapper .detail-slide-image img,
#detail-content .detail-single-square .slide-wrapper .detail-slide-image,
#detail-content .detail-single-square .slide-wrapper .detail-slide-image img,
#detail-content .detail-single-portrait .slide-wrapper .detail-slide-image,
#detail-content .detail-single-portrait .slide-wrapper .detail-slide-image img,
#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-image,
#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-image img {
	width: 100%;
}
#detail-content .detail-single-landscape .slide-wrapper .detail-slide-image img,
#detail-content .detail-single-square .slide-wrapper .detail-slide-image img,
#detail-content .detail-single-portrait .slide-wrapper .detail-slide-image img,
#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-image img {
	height: auto;
}
#detail-content .detail-single-landscape .slide-wrapper .detail-slide-text,
#detail-content .detail-single-square .slide-wrapper .detail-slide-text,
#detail-content .detail-single-portrait .slide-wrapper .detail-slide-text,
#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-text .detail-slide-description,
#detail-content .detail-pair .pair-wrapper .detail-pair-text,
#detail-content .detail-grid .grid-wrapper .detail-grid-text {
	padding-top: 10px;
	max-height: 999999px;
	text-align: center;
}
#detail-content .detail-single-landscape .slide-wrapper .detail-slide-text a,
#detail-content .detail-single-square .slide-wrapper .detail-slide-text a,
#detail-content .detail-single-portrait .slide-wrapper .detail-slide-text a,
#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-text .detail-slide-description a,
#detail-content .detail-pair .pair-wrapper .detail-pair-text a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
#detail-content .detail-single-landscape .slide-wrapper .detail-slide-text,
#detail-content .detail-single-landscape .slide-wrapper .detail-slide-text p,
#detail-content .detail-single-square .slide-wrapper .detail-slide-text,
#detail-content .detail-single-square .slide-wrapper .detail-slide-text p,
#detail-content .detail-single-portrait .slide-wrapper .detail-slide-text,
#detail-content .detail-single-portrait .slide-wrapper .detail-slide-text p,
#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-text .detail-slide-description,
#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-text .detail-slide-description p,
#detail-content .detail-pair .pair-wrapper .detail-pair-text,
#detail-content .detail-pair .pair-wrapper .detail-pair-text p,
#detail-content .detail-grid .grid-wrapper .detail-grid-text,
#detail-content .detail-grid .grid-wrapper .detail-grid-text p {
	max-height: 999999px;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
}
#detail-content .detail-single-landscape .slide-wrapper .detail-slide-text p:last-child,
#detail-content .detail-single-square .slide-wrapper .detail-slide-text p:last-child,
#detail-content .detail-single-portrait .slide-wrapper .detail-slide-text p:last-child,
#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-text .detail-slide-description p:last-child,
#detail-content .detail-pair .pair-wrapper .detail-pair-text p:last-child,
#detail-content .detail-grid .grid-wrapper .detail-grid-text p:last-child {
	margin-bottom: 0;
}
#detail-content .detail-pair .pair-wrapper .pair-twocol,
#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-left,
#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-left img,
#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-right,
#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-right img,
#detail-content .detail-grid,
#detail-content .detail-grid .detail-slide-image,
#detail-content .detail-grid .detail-slide-image img {
	width: 100%;
	height: auto;
}
#detail-content .detail-grid .grid-wrapper .detail-slide-image,
#detail-paging .paging-previous .previous-thumb,
#detail-paging .paging-next .next-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow: hidden;
}
#detail-content .detail-grid .grid-wrapper .detail-slide-image {
	margin-bottom: 25px;
	height: calc(100vw - 45px);
}
#detail-content .detail-grid .grid-wrapper .detail-slide-image:last-child {
	margin-bottom: 10px;
}
#detail-content .detail-grid .grid-wrapper .detail-slide-image img,
#detail-paging .paging-previous .previous-thumb img,
#detail-paging .paging-next .next-thumb img {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	object-fit: cover;
}
#detail-contact {
	padding-top: 10px;
	padding-bottom: 15vw;
	border-top: 2px solid #000;
}
#detail-contact #contact-text .contact-lead {
	margin-bottom: 20px;
}
#detail-contact #contact-text .contact-lead,
#detail-contact #contact-text .contact-lead h3 {
	margin-left: -0.01em;
	font-family: 'FK Screamer', sans-serif;
	font-size: 22vw;
	line-height: 80%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
#detail-contact #contact-text .contact-availability,
#detail-contact #contact-text .contact-availability p:last-child {
	margin-bottom: 0;
}
#detail-contact #contact-details,
#detail-contact #contact-details a {
	font-family: 'FK Screamer', sans-serif;
	font-size: 27px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
#detail-contact #contact-details a {
	color: #000;
	transition: color .2s ease;
}
#detail-contact #contact-details div + div {
	margin-top: 5px;
}
#detail-contact #contact-details div span {
	margin-left: 2px;
	margin-right: 2px;
	font-family: 'Neue Montreal', sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
}
#detail-contact #contact-details a:hover,
#detail-contact #contact-details a:focus {
	color: #999;
}
#detail-paging {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-top: 10px;
	border-top: 2px solid #000;
}
#detail-paging {
	grid-column-gap: 6px;
}
#detail-paging .paging-next .next-text {
	text-align: right;
}
#detail-paging .paging-previous .previous-text,
#detail-paging .paging-next .next-text {
	padding-top: 1px;
	font-family: 'FK Screamer',sans-serif;
	font-size: 27px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	transition: color .2s ease;
}
#detail-paging .paging-previous:hover .previous-text,
#detail-paging .paging-previous:focus .previous-text,
#detail-paging .paging-next:hover .next-text,
#detail-paging .paging-next:focus .next-text {
	color: #999;
}
#detail-paging .paging-previous .previous-thumb,
#detail-paging .paging-next .next-thumb {
	margin-bottom: 10px;
	aspect-ratio: 1 / 1;
}
#detail-paging .paging-previous .previous-thumb img,
#detail-paging .paging-next .next-thumb img {
	outline: 2px solid rgba(255, 255, 255, 1);
	outline-offset: -2px;
	transition: outline .2s ease;
}
#detail-paging .paging-previous:hover .previous-thumb img,
#detail-paging .paging-previous:focus .previous-thumb img,
#detail-paging .paging-next:hover .next-thumb img,
#detail-paging .paging-next:focus .next-thumb img {
	outline: 2px solid rgba(255, 255, 255, 0);
}

@media (max-width: 650px) {
	#detail-header #header-links .header-ID,
	#detail-paging .paging-previous .previous-thumb,
	#detail-paging .paging-next .next-thumb {
		display: none;
	}
	#detail-header #header-links .header-links-mobile {
		margin-bottom: 60px;
	}
	#detail-header #detail-header-attribution {
		font-family: 'FK Screamer',sans-serif;
		font-size: 50px;
		line-height: 42px;
		text-transform: uppercase;
		letter-spacing: -0.01em;
		opacity: .4;
	}
	#detail-content .detail-content-entry:last-child {
		padding-bottom: 7.5vw;
	}
	#detail-content .detail-single-landscape,
	#detail-content .detail-single-square,
	#detail-content .detail-single-portrait,
	#detail-content .detail-series .series-wrapper .detail-slide,
	#detail-content .detail-pair,
	#detail-content .detail-grid,
	#detail-contact #contact-text {
		margin-bottom: 25px;
	}
	#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-left + .twocol-image-right {
		margin-top: 25px;
	}
}

@media (min-width: 651px) {
	#detail-header,
	#detail-content .detail-single-square .slide-wrapper .detail-slide-image,
	#detail-content .detail-single-portrait .slide-wrapper .detail-slide-image,
	#detail-content .detail-pair .pair-wrapper .pair-twocol,
	#detail-content .detail-grid .grid-wrapper .grid-three,
	#detail-content .detail-grid .grid-wrapper .grid-four,
	#detail-content .detail-grid .grid-wrapper .grid-six,
	#detail-paging .paging-previous,
	#detail-paging .paging-next {
		display: grid;
	}
	#detail-header,
	#detail-content .detail-single-square .slide-wrapper .detail-slide-image,
	#detail-content .detail-single-portrait .slide-wrapper .detail-slide-image,
	#detail-content .detail-pair .pair-wrapper .pair-twocol,
	#detail-content .detail-grid .grid-wrapper .grid-three,
	#detail-content .detail-grid .grid-wrapper .grid-four,
	#detail-content .detail-grid .grid-wrapper .grid-six,
	#detail-paging .paging-previous,
	#detail-paging .paging-next {
		grid-column-gap: 10px;
	}
	#detail-header,
	#detail-content .detail-pair .pair-wrapper .pair-twocol,
	#detail-content .detail-grid .grid-wrapper .grid-four,
	#detail-contact,
	#detail-paging .paging-previous,
	#detail-paging .paging-next {
		grid-template-columns: 1fr 1fr;
	}
	#detail-header {
		padding-top: 75px;
	}
	#detail-header #header-links .header-ID {
		margin-left: -0.015em;
		margin-bottom: 15px;
		font-family: 'FK Screamer', sans-serif;
		font-size: 106px;
		line-height: 85px;
		text-transform: uppercase;
		letter-spacing: -0.01em;
	}
	#detail-header #header-links .header-links-mobile {
		display: none;
	}
	#detail-header #header-links .header-links-desktop {
		display: block;
	}
	#detail-header #detail-header-attribution {
		display: none;
	}
	#detail-content .detail-single-landscape,
	#detail-content .detail-single-square,
	#detail-content .detail-single-portrait,
	#detail-content .detail-series,
	#detail-content .detail-pair,
	#detail-content .detail-grid {
		padding-bottom: 120px;
	}
	#detail-content .detail-single-square .slide-wrapper .detail-slide-image {
		grid-template-columns: 1fr 4fr 1fr;
	}
	#detail-content .detail-single-portrait .slide-wrapper .detail-slide-image {
		grid-template-columns: 1fr 2fr 1fr;
	}
	#detail-content .detail-single-square .slide-wrapper .detail-slide-image img,	
	#detail-content .detail-single-portrait .slide-wrapper .detail-slide-image img {
		grid-column: 2;
	}
	#detail-content .detail-content-entry + .detail-content-entry {
		margin-top: -80px;
	}
	#detail-content .detail-single-landscape .slide-wrapper .detail-slide-text,
	#detail-content .detail-single-square .slide-wrapper .detail-slide-text,
	#detail-content .detail-single-portrait .slide-wrapper .detail-slide-text,
	#detail-content .detail-pair .pair-wrapper .detail-pair-text,
	#detail-content .detail-grid .grid-wrapper .detail-grid-text {
		margin-left: 25%;
		width: 50%;
	}
	#detail-content .detail-single-square .slide-wrapper .detail-slide-text,
	#detail-content .detail-single-portrait .slide-wrapper .detail-slide-text,
	#detail-content .detail-grid .grid-wrapper .detail-grid-text {
		margin-top: 5px;
	}
	#detail-content .detail-series .series-wrapper .detail-slide {
		margin-top: -10%;
		width: calc((100vw - 45px)/ 2 - 5px);
	}
	#detail-content .detail-series .series-wrapper .detail-slide:first-child {
		margin-top: 0;
	}
	#detail-content .detail-series .series-wrapper .detail-slide:nth-child(odd) {
		margin-right: calc((100vw - 45px)/ 2 + 5px);
	}
	#detail-content .detail-series .series-wrapper .detail-slide:nth-child(even) {
		margin-left: calc((100vw - 45px)/ 2 + 5px);
	}
	#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-text {
		position: relative;
	}
	#detail-content .detail-series .series-wrapper .detail-slide .detail-slide-text .detail-slide-description {
		position: absolute;
		width: 100%;
	}
	#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-left,
	#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-right {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-left img,
	#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-right img {
		width: 100%;
		min-width: 100%;
		height: 100%;
		min-height: 100%;
		object-fit: cover;
	}
	#detail-content .detail-pair .pair-wrapper .detail-pair-text {
		padding-top: 10px;
	}
	#detail-content .detail-grid .grid-wrapper .grid-three,
	#detail-content .detail-grid .grid-wrapper .grid-six {
		grid-template-columns: 1fr 1fr 1fr;
	}
	#detail-content .detail-grid .grid-wrapper .detail-slide-image {
		margin-bottom: 10px;
	}
	#detail-content .detail-grid .grid-wrapper .grid-three .detail-slide-image,
	#detail-content .detail-grid .grid-wrapper .grid-six .detail-slide-image {
		height: calc((100vw - 65px)/ 3);
	}
	#detail-content .detail-grid .grid-wrapper .grid-three .detail-slide-image {
		max-height: 460px;
	}
	#detail-content .detail-grid .grid-wrapper .grid-four .detail-slide-image {
		height: calc((100vw - 55px)/ 2);
	}
	#detail-content .detail-grid .grid-wrapper .detail-grid-text {
		padding-top: 0;
	}
	#detail-contact {
		display: grid;
		grid-column-gap: 6px;
	}
	#detail-contact #contact-text {
		padding-right: 30px;
	}
	#detail-paging .paging-previous .previous-text {
		text-align: right;
	}
	#detail-paging .paging-next .next-text {
		text-align: left;
	}
	#detail-paging .paging-previous .previous-text,
	#detail-paging .paging-next .next-text {
		font-family: 'FK Screamer', sans-serif;
		font-size: 33px;
		line-height: 28px;
		text-transform: uppercase;
		letter-spacing: -0.01em;
	}
}

@media (min-width: 651px) and (max-width: 956px) {	
	#detail-content .detail-pair.pair-small .pair-wrapper .pair-twocol {	
		grid-column-gap: 80px;
	}
	#detail-contact #contact-text .contact-lead,
	#detail-contact #contact-text .contact-lead h3 {
		font-size: 15vw;
	}
}

@media (min-width: 957px) {
	#detail-header #header-links .header-ID {
		margin-bottom: 20px;
		font-size: 152px;
		line-height: 120px;
	}
	#detail-header #detail-header-description h2 {
		font-size: 72px;
  		line-height: 60px;
	}
	#detail-header #detail-header-description p,
	#detail-header #detail-header-description ul,
	#detail-header #detail-header-description h2 {
		width: 70%;
	}
	#detail-content .detail-pair.pair-small .pair-wrapper .pair-twocol {	
		grid-column-gap: 120px;
	}
	#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-left,
	#detail-content .detail-pair .pair-wrapper .pair-twocol .twocol-image-right {
		margin-left: auto;
		margin-right: auto;
	}
	#detail-content .detail-pair.pair-small .pair-wrapper .pair-twocol .twocol-image-left,
	#detail-content .detail-pair.pair-small .pair-wrapper .pair-twocol .twocol-image-right {
		width: 70%;
	}
	#detail-content .detail-grid .grid-wrapper .grid-four {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	#detail-content .detail-grid .grid-wrapper .grid-four .detail-slide-image {
		height: calc((100vw - 75px)/ 4);
		max-height: 342.5px;
	}
	#detail-contact {
		padding-bottom: 10vw;
	}
	#detail-contact #contact-text {
		padding-right: 40px;
	}
	#detail-contact #contact-text .contact-lead,
	#detail-contact #contact-text .contact-lead h3 {
		font-size: 10vw;
	}
	#detail-paging .paging-previous {
		grid-template-columns: 1fr 2fr;
	}
	#detail-paging .paging-next {
		grid-template-columns: 2fr 1fr;
	}
}

@media (min-width: 1263px) {
	#detail-header #detail-header-description p,
	#detail-header #detail-header-description ul,
	#detail-header #detail-header-description h2 {
		width: 70%;
	}
	#detail-content .detail-single-square .slide-wrapper .detail-slide-image {
		grid-template-columns: 1fr 2fr 1fr;
	}
	#detail-content .detail-single-portrait .slide-wrapper .detail-slide-image {
		grid-template-columns: 1fr 1fr 1fr;
	}
	#detail-content .detail-single-square .slide-wrapper .detail-slide-text {
		margin-left: 30%;
		width: 40%;
	}
	#detail-content .detail-single-portrait .slide-wrapper .detail-slide-text {
		margin-left: 35%;
		width: 30%;
	}
	#detail-contact #contact-text {
		padding-right: 50px;
	}
	#detail-contact #contact-details,
	#detail-contact #contact-details a {
		font-size: 33px;
		line-height: 28px;
	}
	#detail-paging .paging-previous,
	#detail-paging .paging-next {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1445px) {
	#detail-header #detail-header-description p,
	#detail-header #detail-header-description ul,
	#detail-header #detail-header-description h2 {
		width: 50%;
	}
	#detail-content .detail-single-landscape,
	#detail-content .detail-single-landscape .slide-wrapper .detail-slide-image,
	#detail-content .detail-single-landscape .slide-wrapper .detail-slide-image img,
	#detail-content .detail-series .series-wrapper,
	#detail-content .detail-pair .pair-wrapper,
	#detail-content .detail-grid {
		max-width: 1400px;
	}
	#detail-content .detail-single-landscape,
	#detail-content .detail-series .series-wrapper,
	#detail-content .detail-pair .pair-wrapper,
	#detail-content .detail-grid {
		margin-left: auto;
		margin-right: auto;
	}
	#detail-content .detail-series .series-wrapper .detail-slide {
		width: 695px;
	}
	#detail-content .detail-series .series-wrapper .detail-slide:nth-child(odd) {
		margin-right: 705px;
	}
	#detail-content .detail-series .series-wrapper .detail-slide:nth-child(even) {
		margin-left: 705px;
	}
	#detail-content .detail-grid .grid-wrapper .grid-six {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
	#detail-content .detail-grid .grid-wrapper .grid-six .detail-slide-image {
		height: 225px;
	}
	#detail-paging .paging-previous {
		grid-template-columns: 2fr 1fr;
	}
	#detail-paging .paging-next {
		grid-template-columns: 1fr 2fr;
	}
}