/* ==========================================================================
   Project-specific styles
   ========================================================================== */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* ==========================================================================
   Defaults
   ========================================================================== */

html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
blockquote,
figure,
table {
	margin: 0 0 1em 0;
}

ul {
	padding-left: 1.5rem;
}

li {
	margin: 0 0 0.25em 0;
}

/* ==========================================================================
   Non-semantic helper classes
   ========================================================================== */

.hidden {
	display: none !important;
}

.ir {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

@media print {
	*,
	*:before,
	*:after,
	*:first-letter,
	*:first-line {
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		        box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.2 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;

		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
		border: none;
		padding: 0;
	}

	/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
	.featherlight .featherlight-close-icon::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}

	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}

	.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* handling phones and small screens */

@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

/* Media queries */

/* Mixins */

/* Spacing defaults */

/* Colours */

/* Variables */

/* Fonts */

@font-face {
	font-family: "im_fell_english_proregular";
	src:
		url("../fonts/feenrm28c-webfont.woff2") format("woff2"),
		url("../fonts/feenrm28c-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

/* Tags */

html {
	height: 100%;
	background: #fff;
}

body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;

	min-height: 100%;
	max-width: 1800px;

	margin-left: auto;
	margin-right: auto;

	color: #333;
		font-family: Muli, sans-serif
}

a {
	color: #415b41;
	text-decoration: none;
}

a:hover {
		color: #77af7d;
	}

img {
	max-width: 100%;
}

.loading {
		background-image: url("../img/spinner.svg");
		background-repeat: no-repeat;
		background-position: center center
}

/* Blocks */

@media (max-width: 540px) {

.siteHeader {
			padding: 0.5rem
}
	}

@media (min-width: 541px) and (max-width: 960px) {

.siteHeader {
			padding: 0.75rem
}
	}

@media (min-width: 961px) {

.siteHeader {
			padding: 1rem
}
	}

@media (max-width: 540px) {

.siteHeader {
		text-align: center
}
	}

@media (min-width: 541px) {

.siteHeader {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center
}
	}

.siteHeader__homeLink {
		display: block;

		color: inherit;

		font-family: 'Cormorant Garamond', serif;
		text-transform: uppercase;
	}

@media (max-width: 540px) {

.siteHeader__homeLink {
			font-size: 1.125rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.siteHeader__homeLink {
			font-size: 1.25rem;
	}
	}

@media (min-width: 961px) {

.siteHeader__homeLink {
			font-size: 1.5rem;
	}
	}

.siteHeader__menuList {
		margin-bottom: 0;
		padding-left: 0;

		list-style: none;
	}

.siteHeader__menuItem {
		display: inline-block;

		margin-bottom: 0;

		font-weight: bold;
	}

@media (max-width: 540px) {

.siteHeader__menuItem {
			font-size: 0.8125rem
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.siteHeader__menuItem {
			font-size: 0.9375rem
	}
	}

@media (min-width: 961px) {

.siteHeader__menuItem {
			font-size: 1rem
	}
	}

@media (max-width: 540px) {

.siteHeader__menuItem {
			margin-right: 1rem;
			margin-left: 1rem
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.siteHeader__menuItem {
			margin-right: 1.25rem;
			margin-left: 1.25rem
	}
	}

@media (min-width: 961px) {

.siteHeader__menuItem {
			margin-right: 1.5rem;
			margin-left: 1.5rem
	}
	}

@media (max-width: 540px) {

.siteHeader__menuItem.mobileHide {
				display: none
		}
			}

.siteFooter {

	background-color: #f9f9f9;

	text-align: center;
}

@media (max-width: 540px) {

.siteFooter {
			padding: 1rem
}
	}

@media (min-width: 541px) and (max-width: 960px) {

.siteFooter {
			padding: 2rem
}
	}

@media (min-width: 961px) {

.siteFooter {
			padding: 3rem
}
	}

.siteFooter__menuList {
		padding-left: 0;

		list-style: none;
	}

.siteFooter__menuItem {
		display: inline-block;

		margin-right: 1rem;
		margin-left: 1rem;
	}

.siteFooter__copyright {
		font-size: 0.75rem;
	}

.breadcrumbs {
	overflow: auto;

	margin-bottom: 0.75rem;

	color: #6d6e72;

	font-size: 0.75rem;
}

.breadcrumbs > * {
		padding: 0.5rem;
	}

.breadcrumbs__up {
		display: block;

		margin-bottom: 2px;

		text-align: center;
	}

.breadcrumbs__collection {
		font-weight: bold;
		text-transform: uppercase;
	}

.breadcrumbs__left {
		float: left;

		width: 50%;

		text-transform: uppercase;
	}

.breadcrumbs__right {
		float: right;

		width: 50%;

		text-align: right;
		text-transform: uppercase;
	}

.pageTitle {
		font-family: 'Cormorant Garamond', serif;
		font-size: 1.75rem;
}

@media (max-width: 540px) {

.pageTitle {
			margin-bottom: 0.75rem
}
	}

@media (min-width: 541px) and (max-width: 960px) {

.pageTitle {
			margin-bottom: 1rem
}
	}

@media (min-width: 961px) {

.pageTitle {
			margin-bottom: 1.25rem
}
	}

.button {
	display: inline-block;

	margin-bottom: 0.5rem;
	padding: 0.5rem;

	border: 1px solid;
	border-radius: 0.25rem;

	font-size: 0.75rem;
	text-transform: uppercase;
}

.button:hover {
		background-color: #6d6e72;
		color: #fff;
	}

.main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

@media (max-width: 540px) {

.main {
			padding: 0.75rem
}
	}

@media (min-width: 541px) and (max-width: 960px) {

.main {
			padding: 1rem
}
	}

@media (min-width: 961px) {

.main {
			padding: 1.25rem
}
	}

.main--bleed {
		padding: 0;
	}

.design {
	color: inherit;
	background-color: #f9f9f9;
}

@media (min-width: 541px) {

.design--full {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1
	}
		}

.design--strip {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

@media (max-width: 540px) {

.design--strip {
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse
	}
		}

.design--strip:hover {
			background-color: #6d6e72;
		}

.design--block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

.design--block:hover {
			background-color: #415b41;
			color: #fff;
		}

@media (max-width: 540px) {

.design--full .design__info {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex; /* just so we can reorder the elements to put 'Now showing' directly above the picture there */
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;

			width: 100%;
	}
		}

@media (min-width: 541px) and (max-width: 960px) {

.design--full .design__info {
			width: 30%;
	}
		}

@media (min-width: 961px) {

.design--full .design__info {
			width: 20%;
	}
		}

@media (max-width: 540px) {

.design--full .design__info {
			padding: 0.5rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.design--full .design__info {
			padding: 0.75rem;
	}
	}

@media (min-width: 961px) {

.design--full .design__info {
			padding: 1rem;
	}
	}

@media (max-width: 540px) {

.design--strip .design__info {
			width: 100%;
	}
		}

@media (min-width: 541px) and (max-width: 960px) {

.design--strip .design__info {
			width: 30%;
	}
		}

@media (min-width: 961px) {

.design--strip .design__info {
			width: 20%;
	}
		}

@media (max-width: 540px) {

.design--strip .design__info {
			padding: 0.5rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.design--strip .design__info {
			padding: 0.75rem;
	}
	}

@media (min-width: 961px) {

.design--strip .design__info {
			padding: 1rem;
	}
	}

.design--block .design__info {
		width: 100%;
	}

@media (max-width: 540px) {

.design--full .design__canvas {
			width: 100%
	}
		}

@media (min-width: 541px) and (max-width: 960px) {

.design--full .design__canvas {
			width: 70%
	}
		}

@media (min-width: 961px) {

.design--full .design__canvas {
			width: 80%
	}
		}

.design--strip .design__canvas {
		overflow: hidden;
	}

@media (max-width: 540px) {

.design--strip .design__canvas {
			width: 100%
	}
		}

@media (min-width: 541px) and (max-width: 960px) {

.design--strip .design__canvas {
			width: 70%
	}
		}

@media (min-width: 961px) {

.design--strip .design__canvas {
			width: 80%
	}
		}

.design--block .design__canvas {
		margin-top: auto;
	}

.design__image {
		display: block;
	}

.design--full .design__image {
		margin-right: auto;
		margin-left: auto;
	}

.js .design--full .design__image.zoomedIn {
			cursor: -webkit-zoom-out;
			cursor: zoom-out;
		}

.js .design--full .design__image.zoomedOut {
			cursor: -webkit-zoom-in;
			cursor: zoom-in;
		}

.design--block .design__image {
		width: 100%;
	}

@media (max-width: 540px) {

.design__nav {
			margin-top: -0.5rem;
			margin-right: -0.5rem;
			margin-left: -0.5rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.design__nav {
			margin-top: -0.75rem;
			margin-right: -0.75rem;
			margin-left: -0.75rem;
	}
	}

@media (min-width: 961px) {

.design__nav {
			margin-top: -1rem;
			margin-right: -1rem;
			margin-left: -1rem;
	}
	}

@media (max-width: 540px) {

.design__header {
			overflow: auto
	}
		}

.design__title {

		margin-bottom: 0.5rem;
			font-family: 'Cormorant Garamond', serif;
			font-weight: normal;
			font-size: 1.5rem;
	}

@media (max-width: 540px) {

.design__title {
			float: left
	}
		}

@media (max-width: 540px) {

.design--strip .design__title {
			font-size: 1rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.design--strip .design__title {
			font-size: 1.125rem;
	}
	}

@media (min-width: 961px) {

.design--strip .design__title {
			font-size: 1.25rem;
	}
	}

.design--block .design__title {
		margin-bottom: 0;
	}

@media (max-width: 540px) {

.design--block .design__title {
			padding: 0.5rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.design--block .design__title {
			padding: 0.75rem;
	}
	}

@media (min-width: 961px) {

.design--block .design__title {
			padding: 1rem;
	}
	}

@media (max-width: 540px) {

.design--block .design__title {
			font-size: 1rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.design--block .design__title {
			font-size: 1.125rem;
	}
	}

@media (min-width: 961px) {

.design--block .design__title {
			font-size: 1.25rem;
	}
	}

.design__year {

		opacity: 0.6;

		font-family: "im_fell_english_proregular";
		font-style: italic;
	}

@media (max-width: 540px) {

.design__year {
			float: right;
	}
		}

@media (max-width: 540px) {

.design__year {
			font-size: 1rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.design__year {
			font-size: 1.25rem;
	}
	}

@media (min-width: 961px) {

.design__year {
			font-size: 1.5rem;
	}
	}

.design--full .design__year {
		margin-bottom: 1rem;
	}

@media (max-width: 540px) {

.design--block .design__year {
			padding: 0.5rem 1rem 0
	}
		}

@media (min-width: 541px) {

.design--block .design__year {
			padding: 0 1rem 1rem
	}
		}

.design__eraIcon {
		vertical-align: middle;
		margin-right: 0.5rem;
	}

@media (max-width: 540px) {

.design__eraIcon {
			width: 16px;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.design__eraIcon {
			width: 18px;
	}
	}

@media (min-width: 961px) {

.design__eraIcon {
			width: 22px;
	}
	}

.design__slug {
		padding-top: 0.5rem;
		margin-bottom: 0.5rem;

		border-top: 1px solid #949599;

		color: #6d6e72;

		font-size: 0.75rem;
		text-transform: uppercase;
	}

@media (max-width: 540px) {

.design__nowShowing {
			-webkit-box-ordinal-group: 2;
			    -ms-flex-order: 1;
			        order: 1
	}
		}

.design__nowShowingText {
		margin-bottom: 0.5rem;
	}

.design__productInfo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

.design__measurementList {
		overflow: auto;

		font-size: 0.875rem;
			margin-bottom: 0.5rem
	}

.design__measurementTitle {
		float: left;
		clear: both;
		margin-bottom: 0.125rem;
	}

.design__measurementTitle:after {
			content: ':\00a0';
		}

.design__measurementValue {
		float: left;
		margin-left: 0;
	}

.design__keyCharacteristics {
		margin-left: 0.5rem;
		padding-left: 1rem;
		font-size: 0.875rem;
		list-style: none;
	}

.design__keyCharacteristicsItem:before {
		content: '-';
		float: left;
		margin-left: -1rem;
	}

.design__productImages {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

.design__productImage {
		margin-bottom: 0.5rem;

		border: 2px solid transparent;
	}

.design__productImage:hover,
		.design__productImage.active {
			border-color: #6d6e72;
		}

.js .design__productImage {
			cursor: pointer;
		}

.design__productImage:not(:first-child) {
			margin-left: 2px;
		}

.design__productTypes {
		margin-bottom: 0.5rem;
		padding-left: 0;
		font-size: 0.875rem;
		text-transform: uppercase;
	}

.design__productTypesItem {
		display: inline;
	}

.design__productTypesItem:after {
		content: '/';
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

.design__productTypesItem:last-of-type:after {
		content: '';
	}

.samples {
	margin-bottom: 0.5rem;
}

.samples__sample {
		display: inline-block;

		overflow: auto;
	}

.samples__halfCircle {
		float: left;

		width: 15px;
		height: 30px;

		border: 2px solid #f9f9f9;
	}

.samples__halfCircle--left {
			border-top-left-radius: 15px;
			border-bottom-left-radius: 15px;
			border-right: 0;
		}

.samples__halfCircle--right {
			border-top-right-radius: 15px;
			border-bottom-right-radius: 15px;
			border-left: 0;
		}

.js .samples__halfCircle {
			cursor: pointer;
		}

.samples__sample.active .samples__halfCircle,
	.samples__sample:hover .samples__halfCircle {
		border-color: #fff;
	}

.collection--block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}

@media (max-width: 540px) {

.collection__entry {
			margin-bottom: 0.75rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.collection__entry {
			margin-bottom: 1rem;
	}
	}

@media (min-width: 961px) {

.collection__entry {
			margin-bottom: 1.25rem;
	}
	}

.collection--block .collection__entry {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

@media (max-width: 540px) {

.collection--block .collection__entry {
			-webkit-box-flex: 0;
			    -ms-flex-positive: 0;
			        flex-grow: 0;
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			-ms-flex-preferred-size: calc(99.9% * 1/2 - (1rem - 1rem * 1/2));
			    flex-basis: calc(99.9% * 1/2 - (1rem - 1rem * 1/2));
			max-width: calc(99.9% * 1/2 - (1rem - 1rem * 1/2));
			width: calc(99.9% * 1/2 - (1rem - 1rem * 1/2));
	}

.collection--block .collection__entry:nth-child(1n) {
			margin-right: 1rem;
			margin-left: 0;
	}

.collection--block .collection__entry:last-child {
			margin-right: 0;
	}

.collection--block .collection__entry:nth-child(2n) {
			margin-right: 0;
			margin-left: auto;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.collection--block .collection__entry {
			-webkit-box-flex: 0;
			    -ms-flex-positive: 0;
			        flex-grow: 0;
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			-ms-flex-preferred-size: calc(99.9% * 1/3 - (1rem - 1rem * 1/3));
			    flex-basis: calc(99.9% * 1/3 - (1rem - 1rem * 1/3));
			max-width: calc(99.9% * 1/3 - (1rem - 1rem * 1/3));
			width: calc(99.9% * 1/3 - (1rem - 1rem * 1/3));
	}

.collection--block .collection__entry:nth-child(1n) {
			margin-right: 1rem;
			margin-left: 0;
	}

.collection--block .collection__entry:last-child {
			margin-right: 0;
	}

.collection--block .collection__entry:nth-child(3n) {
			margin-right: 0;
			margin-left: auto;
	}
	}

@media (min-width: 961px) {

.collection--block .collection__entry {
			-webkit-box-flex: 0;
			    -ms-flex-positive: 0;
			        flex-grow: 0;
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			-ms-flex-preferred-size: calc(99.9% * 1/4 - (1rem - 1rem * 1/4));
			    flex-basis: calc(99.9% * 1/4 - (1rem - 1rem * 1/4));
			max-width: calc(99.9% * 1/4 - (1rem - 1rem * 1/4));
			width: calc(99.9% * 1/4 - (1rem - 1rem * 1/4));
	}

.collection--block .collection__entry:nth-child(1n) {
			margin-right: 1rem;
			margin-left: 0;
	}

.collection--block .collection__entry:last-child {
			margin-right: 0;
	}

.collection--block .collection__entry:nth-child(4n) {
			margin-right: 0;
			margin-left: auto;
	}
	}

.collectionIntro {

	margin-bottom: 2rem;
}

@media (min-width: 541px) {

.collectionIntro {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}
	}

@media (min-width: 541px) {

.collectionIntro__text {
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1
	}
		}

.collectionIntro__description {
		font-size: 0.875rem;
	}

@media (min-width: 541px) {

.collectionIntro__video {
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			width: 50%
	}
		}

.collectionIntro__iframe {
		position: relative;
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	}

.collectionIntro__iframe iframe,
		.collectionIntro__iframe object,
		.collectionIntro__iframe embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

.homeIntro {
	margin-bottom: 2rem;
}

@media (min-width: 961px) {

.homeIntro {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}
	}

@media (min-width: 961px) {

.homeIntro__standfirst {
			padding-right: 2rem
	}
		}

.homeIntro__intro {
		padding-top: 10px;
		font-size: 1rem;
	}

.homeTeasers {
	--max-columns: 4;
}

@media (max-width: 540px) {

.homeTeasers {
			display: block
}
	}

@media (min-width: 541px) and (max-width: 960px) {

.homeTeasers {
			display: grid
}
	}

@media (min-width: 961px) {

.homeTeasers {
			display: grid
}
	}

@media (max-width: 540px) {

.homeTeasers {
			grid-template-columns: 1fr
}
	}

@media (min-width: 541px) and (max-width: 960px) {

.homeTeasers {
			grid-template-columns: repeat(2, 1fr)
}
	}

@media (min-width: 961px) {

.homeTeasers {
			grid-template-columns: repeat(var(--max-columns), minmax(100px, 1fr))
}
	}

@media (max-width: 540px) {

.homeTeasers {
			grid-gap: 0
}
	}

@media (min-width: 541px) and (max-width: 960px) {

.homeTeasers {
			grid-gap: 1rem
}
	}

@media (min-width: 961px) {

.homeTeasers {
			grid-gap: 1rem
}
	}

.homeTeasers__entry {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;

		background: #f9f9f9;
	}

@media (max-width: 540px) {

.homeTeasers__text {
			padding: 0.5rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.homeTeasers__text {
			padding: 0.75rem;
	}
	}

@media (min-width: 961px) {

.homeTeasers__text {
			padding: 1rem;
	}
	}

.homeTeasers__slug {
		color: #6d6e72;

		margin-bottom: 1rem;

		font-size: 0.8125rem;
		text-transform: uppercase;
	}

.homeTeasers__title {
		margin-bottom: 1rem;

		font-family: 'Cormorant Garamond', serif;
		font-weight: bold;
	}

@media (max-width: 540px) {

.homeTeasers__title {
			font-size: 1.25rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.homeTeasers__title {
			font-size: 1.375rem;
	}
	}

@media (min-width: 961px) {

.homeTeasers__title {
			font-size: 1.5rem;
	}
	}

.homeTeasers__image {
		min-height: 400px;
		margin-top: auto;
			background-position: center center;
			background-size: cover
	}

.homeTeasers__imageLink {
		margin-top: auto;
	}

.collectionOverview {
	background-color: #f9f9f9;

	margin-bottom: 1rem;
}

.collectionOverview__images {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		padding: 0.25rem;
	}

.collectionOverview__image {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;

		margin: 0.25rem;

		height: 14vw;

		background-size: cover;
	}

.collectionOverview__text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}

@media (max-width: 540px) {

.collectionOverview__text {
			padding: 0.5rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.collectionOverview__text {
			padding: 0.75rem;
	}
	}

@media (min-width: 961px) {

.collectionOverview__text {
			padding: 1rem;
	}
	}

.collectionOverview__title {

		font-family: 'Cormorant Garamond', serif;
		font-weight: normal;
	}

@media (min-width: 541px) {

.collectionOverview__title {
			-webkit-box-flex: 0;
			    -ms-flex-positive: 0;
			        flex-grow: 0;
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			-ms-flex-preferred-size: calc(99.9% * 1/4 - (1rem - 1rem * 1/4));
			    flex-basis: calc(99.9% * 1/4 - (1rem - 1rem * 1/4));
			max-width: calc(99.9% * 1/4 - (1rem - 1rem * 1/4));
			width: calc(99.9% * 1/4 - (1rem - 1rem * 1/4));
	}

.collectionOverview__title:nth-child(1n) {
			margin-right: 1rem;
			margin-left: 0;
	}

.collectionOverview__title:last-child {
			margin-right: 0;
	}

.collectionOverview__title:nth-child(4n) {
			margin-right: 0;
			margin-left: auto;
	}
		}

@media (max-width: 540px) {

.collectionOverview__title {
			font-size: 1.25rem;
	}
	}

@media (min-width: 541px) and (max-width: 960px) {

.collectionOverview__title {
			font-size: 1.375rem;
	}
	}

@media (min-width: 961px) {

.collectionOverview__title {
			font-size: 1.5rem;
	}
	}

@media (min-width: 541px) {

.collectionOverview__description {
			-webkit-box-flex: 0;
			    -ms-flex-positive: 0;
			        flex-grow: 0;
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			-ms-flex-preferred-size: calc(99.9% * 3/4 - (1rem - 1rem * 3/4));
			    flex-basis: calc(99.9% * 3/4 - (1rem - 1rem * 3/4));
			max-width: calc(99.9% * 3/4 - (1rem - 1rem * 3/4));
			width: calc(99.9% * 3/4 - (1rem - 1rem * 3/4))
	}

.collectionOverview__description:nth-child(1n) {
			margin-right: 1rem;
			margin-left: 0
	}

.collectionOverview__description:last-child {
			margin-right: 0
	}

.collectionOverview__description:nth-child(4n) {
			margin-right: 0;
			margin-left: auto
	}
		}

.article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;

	background-color: #fff;
}

@media (max-width: 540px) {

.article {
			padding: 0.75rem
}
	}

@media (min-width: 541px) and (max-width: 960px) {

.article {
			padding: 1rem
}
	}

@media (min-width: 961px) {

.article {
			padding: 1.25rem
}
	}

@media (min-width: 541px) {

.article__main {
			-webkit-box-flex: 0;
			    -ms-flex-positive: 0;
			        flex-grow: 0;
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			-ms-flex-preferred-size: calc(99.9% * 3/5 - (1rem - 1rem * 3/5));
			    flex-basis: calc(99.9% * 3/5 - (1rem - 1rem * 3/5));
			max-width: calc(99.9% * 3/5 - (1rem - 1rem * 3/5));
			width: calc(99.9% * 3/5 - (1rem - 1rem * 3/5))
	}

.article__main:nth-child(1n) {
			margin-right: 1rem;
			margin-left: 0
	}

.article__main:last-child {
			margin-right: 0
	}

.article__main:nth-child(5n) {
			margin-right: 0;
			margin-left: auto
	}
		}

@media (min-width: 541px) {

.article__lateral {
			-webkit-box-flex: 0;
			    -ms-flex-positive: 0;
			        flex-grow: 0;
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			-ms-flex-preferred-size: calc(99.9% * 2/5 - (1rem - 1rem * 2/5));
			    flex-basis: calc(99.9% * 2/5 - (1rem - 1rem * 2/5));
			max-width: calc(99.9% * 2/5 - (1rem - 1rem * 2/5));
			width: calc(99.9% * 2/5 - (1rem - 1rem * 2/5))
	}

.article__lateral:nth-child(1n) {
			margin-right: 1rem;
			margin-left: 0
	}

.article__lateral:last-child {
			margin-right: 0
	}

.article__lateral:nth-child(5n) {
			margin-right: 0;
			margin-left: auto
	}
		}

.wysiwyg h2 {
			font-family: 'Cormorant Garamond', serif;
			font-weight: normal;
			font-size: 1.5rem
	}

.wysiwyg p + h2 {
		margin-top: 2rem;
	}


/* Associates page overrides pending FDK3 upgrade */
.wp-block-group.has-background {
	padding: 1rem;
}

.page-template-page-associates .main {
	flex-direction: row;
	flex-wrap: wrap;
}

.page-template-page-associates .main .pageTitle {
	flex-basis: 100%;
}

@media (max-width: 960px) {
	.collectionOverview__image {
		height: 36vw;
	}
}

@media (min-width: 961px) {
	.collectionOverview {
		flex-basis: calc(50% - 1rem);
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.collectionOverview__image {
		height: 18vw;
	}
}