html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  //	Variables
	//	/////////
*/
:root {
	--text: #777777;
	--text-fine: #666666;
	--text-link: #555555;
	--text-pale: #999999;
	--text-focus: #000000;
	--subhed: #222222;
	--rule-main: #bbbbbb;
	--rule-sec:	#dddddd;
	--ground: #fafafa;
	--ground-hilite: #fff;
	--text-main: 1.0em;
	--text-med: 0.875em;
	--text-small: 0.75em;
	--text-large: 1.375em;
	--text-large-mobile: 1.25em;
	--text-mouse: 0.625em;
}	

/* 	//	/////////////////////
	//	Typeface declarations 
*/
@font-face {
	font-family: 'National';
	src:	url('../fonts/national-2-web-thin.woff2') format('woff2'),
			url('../fonts/national-2-web-thin.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/national-2-web-thin.woff') format('woff'); 
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'National';
	src:	url('../fonts/national-2-web-extralight.woff2') format('woff2'),
			url('../fonts/national-2-web-extralight.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/national-2-web-extralight.woff') format('woff'); 
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'National';
	src:	url('../fonts/national-2-web-extralight-italic.woff2') format('woff2'),
			url('../fonts/national-2-web-extralight-italic.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/national-2-web-extralight-italic.woff') format('woff'); 
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'National';
	src:	url('../fonts/national-2-web-light.woff2') format('woff2'),
			url('../fonts/national-2-web-light.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/national-2-web-light.woff') format('woff'); 
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'National';
	src:	url('../fonts/national-2-web-light-italic.woff2') format('woff2'),
			url('../fonts/national-2-web-light-italic.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/national-2-web-light-italic.woff') format('woff'); 
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'National';
	src:	url('../fonts/national-2-web-medium.woff2') format('woff2'),
			url('../fonts/national-2-web-medium.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/national-2-web-medium.woff') format('woff'); 
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'National';
	src:	url('../fonts/national-2-web-regular-italic.woff2') format('woff2'),
			url('../fonts/national-2-web-regular-italic.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/national-2-web-regular-italic.woff') format('woff'); 
	font-weight: 400;
	font-style: italic;
}

/*	//	///////
	//	General 
*/
	* {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box; 
	}
	body	{
		font-family: 'National', 'Helvetica Neue', 'Helvetica', sans-serif;
		font-size: 100%;
		line-height: 1.4;
		font-style: normal;
		font-weight: 300;
		font-variant: oldstyle-nums;
		letter-spacing: -0.01em;
		word-spacing: -0.02em;
		background-color: var(--ground);
		text-rendering: optimizeLegibility;
	}
	img,
	picture,
	video,
	iframe {
	  border: 0;
	  width: 100%;
	  display: block;
	}
	cite, em {
		font-style: italic;
	}	
	a {
		text-decoration: none;
	}
		a:link,
		a:visited {
			color: var(--text-link);
		}
		a:hover,
		a:focus {
			color: var(--text-focus);
		}

	.fade {
/*  Mutes text without affecting semantics */	
		color: var(--text-pale);
	}
	.push {
/*  Emphasizes text without affecting semantics */	
		color: var(--text-focus);
	}
	.lc {
/*  Lowercases text */
		text-transform: lowercase;		
	}
	.dim {
/*  Gives sidebearings to dimensional markers */		
		padding: 0 0.125em;
	}
	.hidden {
/*  Hide redundant content from visual reader while keeping it for search and screen readers */		
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.print-only {
		display: none;
	}
		
/*	//	//////////
	//	Containers
*/
	#wrapper {
/*  Wraps entire page content */		
		max-width: 1024px;
		padding: 1em;
		margin: 0 auto;
	}
	#pagehed {
/*  Global h1 and nav */
		width: 100%;
		display: grid;
		grid-gap: 1em;
		margin-bottom: 2em;
	}
	#nav {
/*  Global navigation */		
		width: 100%;
	}
		#nav a:link,
		#nav a:visited,
		.nav-sec a:link,
		.nav-sec a:visited {
			color: var(--text-pale);
		}
		#nav a:hover,
		#nav a:focus,
		.nav-sec a:hover,
		.nav-sec a:focus {
			color: var(--text-focus);
		}
		#nav a:active,
		.nav-sec a:active {
			color: orange;
		}
		#nav a.active {
			color: var(--text-focus);
		}
		.nav-sec a.active {
			color: orange;
		}
		.downloadCV {
			color: var(--text-pale);
			margin-top:0.125em;
		}
						
		.multicol {
			column-count: 6;
			column-gap: 1em;
			/* font-variant-numeric: tabular-nums; */
			font-size: 0.8375em;
			line-height: 1.75em;
		}
		.multicol a.active {
			color: #000!important;
		}

/*  /////// ////////// */
/*  Content containers */
	.block {
/*  Generic wrapper for page blocks */	
		width: 100%;
	}
	.block-main {
/*  Screen-wide wrapper for content blocks */			
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:	"h"
								"c";
		column-gap: 1em;
		padding: 0.25em 0 1.0em 0;
		color: var(--text);
		border-top: 1px solid var(--rule-sec);
	}
	#pagehed .block-main,
	.index + .block-main {
/*  Removes padding and border for pagehed */		
		padding-top: 0;
		border-top: none;
	}
			.block-main.nav {
/*  Adjusts padding and border for headlines with subnav */		
				border-top: 1px solid var(--rule-main);
				padding-top: 0.1875em;
			}
			.block-main.project {
/*	Adjusts padding and removes rule for top block on project pages */	
				border: 0;
				padding: 0 0 0.5em 0;
			}
			.block-hed {
/*	Block for headlines */	
				grid-area: h;
				margin-bottom: 0.5em;
			}
			.block-content {
/*	Container for images and copy */	
				grid-area: c;
			}
	.block-img {
/*  Wrapper for general image */		
		padding: 0.25em 0 0 0;
	}
	.block-img-hero {
/*  Hero image, spans entire page */		
		padding: 0 0 0.75em 0;
	}
		.block-img-hero img,
		.block-img-hero iframe,
		.block-img img {
			grid-area: x;
		}
		.block-img.inline {
			padding: 0.75em 0 0.5em 0;
		}
	.work-detail .block-img-hero {
/*	Adjusts styling for detail area	 */
		padding: 0.75em 0 0.75em 0;
		border-top: 1px solid var(--rule-sec);
	}

	.index {
		padding-top: 0.75em;
		border-top: 1px solid var(--rule-sec);
	}
	.index.block-video {
		padding-top: 1.5em;
		margin-bottom: 0.5em;
	}
	.block-video
/*  Wrapper to force responsive videos */	
	{	position: relative;
		padding-bottom: 56.25%;
		height:0;
		width:100%;
	}
		.block-video iframe
		{	position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%
		}
	a.block-main:hover,
	a.block-main:focus {
/*  Throws white background behind objects on hover or focus */		
		background-color: var(--ground-hilite);
	}
@media screen and (max-width:511px) {
	/*  Two-column header and footer on smaller viewports.
		Content is one-column */
		#pagehed .block-main,
		#pagination .block-main,
		footer .block-main {
			grid-template-columns: 1fr 1fr;
			grid-template-areas: "h c"
		}
	}
@media	screen and (min-width:512px) {
	/*  Three-column layout on medium-sized viewports */	
		.block-main,
		.block-img-hero,
		.block-img {
			display: grid;
			column-gap: 1em;
			grid-template-columns: repeat(3, 1fr);
		}
			.block-main {
				grid-template-areas: "h c c";
				padding: 0.5em 0 1.5625em 0;
			}
			.block-img-hero {
				grid-template-areas: "x x x"
			}
			.block-img-hero.vt {
	/*  	Renders vertical images as verticals */		
				grid-template-areas: ". x x"
			}
			.block-img {
				grid-template-areas: "x x x"
			}
			.block-img.vt {
	/*  	Renders vertical images as verticals. Also works in larger viewports */		
				grid-template-areas: "x x ."
			}
	}
@media	screen and (min-width:760px) {
	/*  Five-column layout on larger viewports */	
			.block-main,
			.block-img-hero  {
				grid-template-columns: repeat(5, 1fr);
			}
				.block-main {
					grid-template-areas: "h h c c c"
				}
				.block-img-hero {
					grid-template-areas: "x x x x x"
				}
				.block-img-hero.vt {
		/*  	Renders vertical images as verticals */					
					grid-template-areas: ". . x x x"
				}
				.multicol {
					column-count: 9;
		}
}	
		
	
/*  //	///////
	//	Objects
*/	

/*	Pagehed */
	h1 {
/*  Global 'Marie Watt Studio' atop every page */		
		color: var(--subhed);
		font-size: 1em;
		font-weight: 400;
		word-spacing: -0.1em;
	}
	.mute {
/*  Mutes 'studio' */		
		opacity: 0.5;
	}
	
/*	Search form */
	.search_main input[type=submit] {
/*  Hides the 'submit button'. Problematic and likely temporary */		
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.search_main input[type=search],
	.search_main input[type=search]:visited {
/*  Styles global search form */		
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		width: 100%;
		margin: -0.0625em 0 0 0em;
		padding: 0 0 0.125em 0;
		border: none;
		background-color: transparent;
		font-family: 'National';
		font-weight: 300;
		font-size: 1.0em;
		line-height: 1.25;
		letter-spacing: -0.01em;
		word-spacing: -0.02em;
	}
	.search_main input[type=search]:focus {
/*  Darkens search text on focus */		
		outline: none;
		border-bottom: 1px dotted var(--rule-sec);
		color: var(--text-focus);
	}
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  	color: var(--text-pale);
		opacity: 1; /* Firefox */
		}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: var(--text-pale);
		}
	::-ms-input-placeholder { /* Microsoft Edge */
		color: var(--text-pale);
	}
	input[type='search']::-webkit-search-decoration, 
	input[type='search']::-webkit-search-cancel-button, 
	input[type='search']::-webkit-search-results-button, 
	input[type='search']::-webkit-search-results-decoration {
/*  Fucking Webkit */
		display: none;
	}
	
/*  Footer */
	footer {
		width: 100%;
		margin: 1em 0 0 0;
		padding: 0.5em 0 3em 0;
		font-size: var(--text-small);
		line-height: 1.4;
		color: var(--text);
	}
		footer h4 {
			font-weight: 400;
			color: var(--subhed);
		}
		footer dt {
			color: var(--subhed);
			padding-top: 0.5em;
		}
		footer .ss-icon {
			font-size: 0.75em;
		}
		dd.offset {
			margin-top: 0.5em;
		}
		footer p {
			padding-bottom: 0.5em;
		}

/*  Pagination */
	#pagination .block-main {
		margin-top: 1.0em;
		padding-bottom: 0;
	}	
	.pagination {
		font-weight: 400;
		height: 1.5em;
	}
		.pagination a {
			margin: 0 0.5em 0 -0.25em
		}
		.pagination a:link,
		.pagination a:visited,
		.jumpline a:link,
		.jumpline a:visited {
			color: var(--text-pale);
		}
		.pagination a:hover,
		.pagination a:focus,
		.jumpline a:hover,
		.jumpline a:focus {
			color: var(--text-focus);
		}
		.jumpline {
			padding: 0.5em 0 0 0;
		}
		.page-counter {
			font-weight: 300;
			font-size: 0.8375em;
			display: inline-block;
			vertical-align: top;
		}

	.cv-entry {
/* 	Listing scheme for CV */
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-areas: "y c c";
	column-gap: 1em;	
	padding-top: 0.5em;
}
		.cv-entry h5 {
			grid-area: y;
		}
		.cv-entry h5,
		.cv-entry h5 + .cv-detail {
			border-top: 1px solid var(--rule-sec);
			margin-top: 0.5em;
			padding-top: 0.25em;
		}
		.cv-entry.first,
		.cv-entry.first h5,
		.cv-entry.first h5 + .cv-detail  {
			border-top: 0;
			margin-top: 0;
			padding-top: 0;
		}
		.cv-detail {
			grid-area: c;
		}
		.cv-detail h6 {
			color: var(--text-link);
			margin: 0 0 0.125em 0;
			line-height: 1.1875;
		}
		.cv-detail p	{
			font-size: var(--text-med);
			line-height: 1.25;
		}
		.cv-detail h6 + p {
/*  Kludge to close up optical space between hed and listing */			
			/* margin-top: -0.0625em; */
		}	
		.cv-detail .notes {
/*  Smaller type for notes within CV */
			padding: 0.25em 0 0.125em 0;
			font-size: var(--text-small);
			line-height: 1.4;					
			}
		.collection {
			font-size: var(--text-small);
			line-height: 1.4;
			margin: 0.25em 0 0.25em 0em;
		}
		header.sticky {
/*  Sticky headers in long-scrolling entries */			
			position: sticky;
			top: 1.0em;
			left: 0;
			width: 100%
		}
		p.date {
		line-height: 1.125em;	
		}

		blockquote {
			padding: 0.5em 0.0em 0.5em 1.0em;
		}
		
/*  /// /////// /////*/	
/*  Big project pages */

@media screen and (max-width:511px) {
	#pagehed .block-main.project-title {
/*  Adjusts vertical spacing for full-width project title */		
		display: block;
		padding-bottom: 0.125em;
	}
	#pagehed .project-title .block-content {
/*  Offsets project title from page title */		
		margin-top: 1em;
	}
}
	#tag-cloud {
/*  Tag cloud at foot of big project pages */ 		
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 1em;
		margin: 0.125em 0 0 0;
	}
		#tag-cloud li {
			font-size: var(--text-small);
			line-height: 1.4;
			text-transform: capitalize;
		}
		#tags .block-main {
			margin-top: 1.0em;
		}
		

/*  //// */
/*  Type */

/* 	Headlines */
	h2,
	.text-large p {
/*  Large type at top of page; also section headers */		
		font-weight: 200;
		font-size: var(--text-large-mobile);
		color: var(--text-fine);
	}
	h2 {
		color: var(--subhed);
		width: 100%;
		border-top: 1px var(--rule-main) solid;
		margin-top: 0.5625em;
		padding: 0.25em 0 1.5em 0;
		line-height: 1.125;
	}
	.block-hed h2 {
		padding-top: 0;
		margin-top: 0;
		border: 0;
	}
	h2.project {
/* 	Large titles for project index */	
		border-top: 0;
		font-weight: 100;
		padding: 0 0 0.125em 0;
		margin: -0.125em 0 0 -0.0625em;
		letter-spacing: -0.04em;
		line-height: 1.0;
	}
		.project-description {
/* 	Project description for project index */		
			grid-column: auto / span 3;
			font-size: var(--text-med);
			color: var(--subhed);
		}
	.block-hed h3 {
/*  Large headlines outside the text block */		
		color: var(--subhed);
		font-size: var(--text-large-mobile);
		font-weight: 200;
		line-height: 1.1875;
	}
	.block-hed h3 + p.dek {
/*  Dek style to follow outriding headlines */		
		color: var(--text);
		font-size: var(--text-large-mobile);
		font-weight: 200;
		line-height: 1.1875;
	}
@media screen and (min-width:480px) {
	h2,
	.text-large p,
	.block-hed h3,
	.block-hed h3+p.dek {
		font-size: var(--text-large);
	}
}	
	.block-main.nav h3 {
		color: var(--text);
	}
	h4 {
		font-size: var(--text-main);
		color: var(--subhed);
		line-height: 1.25;
	}
	h4.title {
		margin-bottom: 0.375em;
	}
	.text h4 {
/*  Inline subhed */		
		border-top: 1px solid var(--rule-sec);
		margin: 0.5em 0 1.0em 0;
		padding: 0.125em 0 0 0;
	}
		h4 a:link,
		h4 a:visited {
	/*  Renders headline links as headlines */		
			color: var(--subhed);
		}
		h4 a:focus,
		h4 a:hover {
			color: var(--text-focus);
		}

/*  Text */
	
	.text p {
/*  Indent paragraphs in regions dedicated to text...*/	
		text-indent: 1.0em;
		line-height: 1.4;
	}
		p:first-child,
		dl + p,
		.text dl + p,
		div + p,
		.text h4 + p {
/* 	...Except the first one, or those following non-paragraph block-level elements */	
			text-indent: 0;
		}
	.text ol,
	.text ul {
/*  Set position and indent for lists */		
		list-style-position: inside;
		margin: 0.5em 0 0.5em 1.0em;
		text-indent: -1.0em;
	}
	.text ol {
/*  Ordered lists get numbers ... */		
		list-style-type: decimal;
	}
/*  Unordered get the arrow bullet */	
	.text ul {
		list-style-image: url(https://mariewattstudio.com/assets/img/static/icon_bullet.svg);
	}
	.text ul:last-of-type {
/*  Last list in the container gets its margin trimmed */		
		margin-bottom: 0;
	}
	.text dl {
		margin: 0.5em 0 0.5em 1.0em;
	}
	.text .caption {
/* 	For use under inline photographs */		
		padding: 0 0 0.75em 0;
		border-bottom: 1px solid var(--rule-sec);
		margin: 0 0 0.5em 0;
	}
	dl.vcard dt {
		font-weight: 300;
		color: var(--text-focus);
	}
	.vcard p {
		line-height: 1.25;
	}
	
/*	Interview */
	.interview {
		padding-top: 0.5em;
	}
	.speaker {
		color: var(--subhed);
		float: left;
		padding-right: 0.25em;
	}

/*  ////// ///// */
/*  Social links */
	.social {
		display: grid;
		grid-template-columns: repeat(4, 1.25em);
		column-gap: 0em;
		margin: 0.25em 0 0 -0.125em;
	}
		.social a:link,
		.social a:active,
		.social a:visited {
			color: var(--text-pale);
			padding: 0.125em;
		}
			a.instagram:hover,
			a.instagram:focus {
				color: #405DE6;
			}
			a.facebook:hover,
			a.facebook:focus {
				color: #4267B2;
			}
			a.tumblr:hover,
			a.tumblr:focus {
				color: #35465C;
			}
			a.pinterest:hover,
			a.pinterest:focus {
				color: #E60023;
			}
			a.download:hover,
			a.download:focus {
				color: #000000;
			}
		.icon {
/*  	Declarations for SVG icons */			
			fill: currentColor;
			width: 1em;
			height: 1em;
		}
			footer .icon {
/*  	Kludge to match icon with cap height */				
				vertical-align: -0.1875em;				
			}
	
/*  Index-list: events list on index page, 
	drawn from news and CV channels */

		.type {
/*  Type of content block: group, solo, new work, etc. */
			font-weight: 400;
			color: var(--text-pale);
			font-size: var(--text-small);
		}
		.detail {
/*  Description of works */			
			color: var(--text);
			padding-right: 1.0em;
		}
			.detail dt {
				font-size: var(--text-main);
				color: var(--subhed);
				line-height: 1.125;
				padding-bottom: 0.5em;
			}
			.detail dt.sub_hed {
				font-size: var(--text-small);
				margin: 1.0em 0 0 0;
				padding-bottom: 0;
			}
			.detail dd.tags {
				margin: 0 0 1.0em 0;
			}
			.author {
				font-size: var(--text-med);
				padding: 0.5em 0 0 0;
			}
			.author dt {
				color: var(--text);
			}		
			.curator,
			.location,
			.caption,
			.slug,
			.author dd,
			.detail p, 
			.detail dd,
			.detail dd.tags {
				font-size: var(--text-small);
			}
			.caption {
				color: var(--text-focus);
			}
			.caption + .credit,
			dd + .credit {
				padding-top: 0.75em;
			}
			.curator {
				padding-top: .0625em;
			}
			.location {
				padding-top: 0.125em; 
			}
			.slug {
				padding: 0.5em 0 0 0 ;
			}
			.credit {
				padding: 0 0 0.0625em 0;
				font-size: var(--text-mouse)!important;
			}
			.notes {
				padding-top: 0.5em;
				font-size: var(--text-med);
				line-height: 1.4;
			}
				.notes p {
					text-indent: 1em;
					hyphens: auto;
				}
				.notes p:first-child {
					text-indent: 0;
				}
		
/* Catalogue for works, blankets, etc. */		
.gallery,
.catalogue {
/* 	Container for groups of images */
	grid-gap: 1em;
	display: grid;
	grid-auto-flow:	dense;
	}
.text .gallery {
	margin: 1em 0;
}
	.gallery div {
		overflow: hidden;
	}
	.gallery div img {
		height: 100%;
		object-fit: cover;
	}
	
.catalogue {
/* 	Unordered list */
	list-style: none;
	padding-bottom: 1em;
}
	.x1 {
		grid-column: auto / span 1;
	}
	.x2 {
		grid-column: auto / span 2;
	}
	.x3,
	.x4 {
/*  Wide images span two on mobile */		
		grid-column: auto / span 2;
	}
	.cat-entry a {
/*  Entries are wrapped in a link */		
		height: 100%;
		display: grid;
		grid-template-areas:	"h"
								"i";
		align-content: space-between;
	}
		.cat-entry a:link,
		.cat-entry a:visited {
			color: var(--text-link);
		}
		.cat-entry a:hover,
		.cat-entry a:focus,
		.cat-entry a:active {
			color: var(--text-focus);
			background-color: var(--ground-hilite);
		}
	.cat-header {
/*  Container for catalogue item headers */		
		width: 100%;
		border-top: 1px solid var(--rule-sec);
		font-size: var(--text-med);
		line-height: 1.25;
		min-height: 3em;
		padding: 0.375em 0 1.5em 0;
		grid-area: h;
	}
	.cat-entry img {
		grid-area: i;
	}
	.image-hero {
/*	Large picture on works pages */
		display: grid;
	}	
	.image-hero-img {
/*  Container for image */
		grid-area: x;
	}
@media	screen and (max-width:479px) {
	h2.project {
		font-size: 2em;
		font-weight: 200;
	}
	footer {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.catalogue {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.gallery {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0.5em;
	}	

}
@media	screen and (min-width:480px) {
	h2.project {
		font-size: 2.5em;
		font-weight: 200;
	}
	.catalogue {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}	
    .x3 {
		grid-column: auto / span 3;
	}
	.x4 {
		grid-column: auto / span 3;
	}
	.gallery {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}	
	.text .gallery {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}	
	.image-hero {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-areas: "x x x"
	}
	.image-hero.vt {
/*	Large picture on works pages; vertical version */
		grid-template-areas: ". x x"
	}
}
@media	screen and (min-width:670px) {
	h2.project {
		font-size: 3em;
	}

}	
@media	screen and (min-width:765px) {
	h2.project {
		font-size: 3.5em;
		font-weight: 100;
	}
	.image-vert img {
		width: 66.67%;
	}
	.catalogue {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	.gallery {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}	
	.text .gallery {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}	
	.image-hero {
	/*	Large picture on works pages */
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		grid-template-areas: "x x x x x"
	}
	.image-hero.vt {
		/*	Large picture on works pages; vertical version */
			grid-template-areas: ". . x x x"
		}
	#tag-cloud {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media	screen and (min-width:995px) {
	h2.project {
		font-size: 4.25em;
		font-weight: 100;
	}
}