@media screen and (min-width: 701px){
	article {
		margin: 0 auto;
		position: relative;
	}
}
#header-linkhome {
	display: block;
	color: white;
	text-decoration: none;
	overflow: hidden;
	z-index: 2;
}
@media screen and (max-width: 700px){
	#header-linkhome {
		width: 3.4rem;
		height: 3.7rem;
		font-size: 1rem;
		position: absolute;
		right: 3.5%;
		top: 1rem;
	}
}
@media screen and (min-width: 701px) and (max-width: 1280px) {
	article {
		width: 88%;
		margin: 0 auto;
	}
	#header-linkhome {
		width: 4.8rem;
		height: 5rem;
		font-size: 3.7rem;
		margin: 3% 0 0 1%;
		position: absolute;
	}
}
@media screen and (min-width: 1281px) {
	#header-linkhome {
		width: 4.8rem;
		height: 5rem;
		font-size: 3.7rem;
		margin: 2% 0 0 3%;
		position: absolute;
	}
}
header figure {
	overflow: hidden;
	position: relative;
}
@media screen and (min-width: 701px) and (max-width: 1280px){
	header figure {
		width: 113.8%;
		transform: translateX(-6.1%);
	}
}
header::before,header::after {
	display: block;
	width: 50vw;
	height: 640px;
	background-color: rgba(255,255,255,0);
	position: absolute;
	top: 0;
	z-index: 1;
	content: '';
	transition: all 1.5s ease;
	perspective: 1200px;
	backface-visibility: hidden;
}
header::before {transform: translateX(-100%);}
header::after {right: -50vw;}
@media screen and (max-width: 1280px) {
	header figure::before {
		content: "";
		display: block;
		padding-top: 50%;
	}
	header img {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		transform: translateY(-12.5%);
	}
}
@media screen and (min-width: 1281px) {
	header figure {
		position: absolute;
		height: 600px;
	}
	header img {
		width: 1280px;
		height: 853px;
		transform: translateY(-14.83%);
	}
	#featImg {
		width: 200%;
		height: 600px;
		transform: translateX(-25%);
	}
	header::before,header::after {background-color: rgba(255,255,255,0.65);
	}
}
header figcaption {
	position: absolute;
	top: 0;
	z-index: -1;
	opacity: 0;
}
div[id$="-content"] {padding: 0 3.5% 3.5%;}
@media screen and (min-width: 701px) {
	div[id$="-content"] {padding: 0 0 2%; max-width:1250px; margin:0 auto;}
}
div[id$="-content"] p:not(.postdata) {
	color: #3e3e3e;
	line-height: 1.7;
	font-weight: 300;
	margin: 0 0 1.5rem;
	font-size: .85rem;
	clear:both;
}
h2 {
	font-weight: 500;
	margin: 1rem 0 .3rem;
	font-size: .9rem;
}
div[id$="-content"] p:first-of-type:not(.postdata):not(#pdata) { margin: 1.75rem 0 1.5rem;}
#datasheet{ clear:both;}
@media screen and (min-width: 701px) {
	div[id$="-content"] p:not(.postdata) {
		width: 63%;
		font-weight: 400;
		margin: 0 6% 3.5rem 31%;
		font-size: .85rem;}
	h2 {
		width: 63%;
		margin: 0 6% .7rem 31%;
		font-size: 1rem;
	}
	div[id$="-content"] p:first-of-type:not(.postdata):not(#pdata) { margin: 3.5rem 6% 3.5rem 31%;}
}

header h1 {
	font-weight: 300;
	font-size: 1.5rem;
	letter-spacing: .3rem;
	width: 93%;
	margin: 1% auto 0;
	color: black;
}
header h1,header p {
	transition: all .3s ease;
	perspective: 1200px;
	backface-visibility: hidden;
	opacity:1;
	transform: translateY(0);
	z-index: 10;
	position: relative;
}
header h1.standby {
	transform: translateY(-2rem);
	color: black;
	opacity:0;
}
header h1.standby.st1 {
	transform: translateY(0);
	opacity:1;
}
header p.standby {
	transform: translateY(2rem);
	opacity:0;
}
header p.standby.st1 {
	transform: translateY(0);
	opacity:1;
}
header p.standby.st1.st2 {opacity:.4 !important;}
header p {
	font-weight: 500;
	font-size: .75rem;
	width: 93%;
	margin: 0 auto;
	color: black;
	opacity:.4;
}
figcaption {font-weight: 400;}
@media screen and (min-width: 701px) {
	header h1 {
		font-size: 1.6rem;
		letter-spacing: .7rem;
		width: 92%;
		margin: 3% auto 0;
	}
	header p {
		width: 92%;
		margin: .6% auto 0;
	}
	figcaption {
		font-size: .7rem;
		line-height: 1.75;
	}
}

@media screen and (max-width: 700px) {
	div[id$="-content"] img {
		width: 100%;
		height: auto;
	}
	figcaption {
		font-size: .75rem;
		line-height: 1.7;
	}
}

div[id$="-content"] figure img {
	width:100%;
	height:auto;
	margin-bottom:0.35rem;
}
div[id$="-content"] figure.aligncenter {
	display: block;
	margin: 0 auto;
}
#single-content figure{max-width: 100vh;}
figure br {display:none;}
div[id$="-content"] figure {
	margin-bottom: 3rem !important;
	position: relative;
}
@media screen and (min-width: 701px) and (max-width: 1100px) {
	figure.aligncenter.size-W90 figcaption.clmc {column-count: 2;}
}
figure img {margin-bottom: .15rem;}
@media screen and (min-width: 701px){
	figure.alignleft figcaption, figure.alignright figcaption,figure.alignnone figcaption {transform: translateY(-.24rem);}
	figure.alignright figcaption {text-align: right;}
}

@media screen and (min-width: 701px) {
	figure.alignright img { float: right; margin: 0 0 1rem 1rem; }
	figure.alignleft img,figure.alignnone img { float: left; margin: 0 1rem 1rem 0; }
	figure.size-W90.aligncenter {width: 89.5%}
	figure.size-W60.aligncenter {width: 60%}
	figure.size-W49.aligncenter {width: 49%}
	figure:not(.aligncenter).size-W90 img {width: 89.5% !important;}
	figure:not(.aligncenter).size-W60 img {width: 60% !important;}
	figure:not(.aligncenter).size-W49 img {width: 49% !important;}
	div[id$="-content"] figure {
		margin-bottom: 4rem !important;
		position: relative;
	}
}
@media screen and (min-width: 1101px) {
	figure.aligncenter.size-W60 figcaption.clmc {column-count: 2;}
	figure.aligncenter.size-W90 figcaption.clmc {column-count: 3;}
	figure:not(.aligncenter).size-W49 figcaption.clmc {column-count: 2;}
}
div[id$="-content"] figure::after{
	clear:both;
	content:'';
	display:block;
}
#postdata {
	text-align:right;
	line-height: 1.75;
	margin-bottom: 3.5rem;
}
#postdata a,#workslist a {
	color:black;
}
#workslist a {
	display: flex;
}
#postdata+ul {
	line-height: 1.75;
	list-style-type: none;
}
#datasheet li>span:first-of-type, #pdata span:first-of-type {
	display: inline-block;
	min-width:5rem;
	margin-right:1rem;
	font-weight: 500;
	color: black;
}
#datasheet li {
	color: #545454;
}
#datasheet li.col3 {
	flex-basis:100%;
}
#datasheet li.col2 {
	flex-basis: calc(66% - 1rem);
}
#pdata {
	color: #545454;
	font-size: .77rem;
}
@media screen and (max-width: 700px) {
	#datasheet li,#pdata {
		display: flex;
	}
	#pdata a{display:inline-block;}
	#pdata span:first-of-type {display: block;}
}
@media screen and (min-width: 701px) {
	aside {
		width: 92%;
		margin: 0 auto;
	}
	#datasheet { overflow: hidden; }
	#postdata {
		display: inline-block;
		text-align:left;
		width: 15rem;
	}
	#postdata+ul {
		width: 63%;
		margin: 0 6% 0 auto;
		float: right;
		display: flex;
		flex-wrap: wrap;
	}
	#datasheet li {
		flex-basis: calc(50% - 1rem);
		float: left;
		margin: 0 1rem 1rem 0;
	}
	#datasheet li>span:first-of-type {
		display: inline-block;
		width: 100%;
		font-weight: 500;
		color: black;
	}
	#pdata {clear: both;}
	#pdata span:first-of-type {
		display: block;
		font-weight: 500;
		color: black;
	}
}
@media screen and (min-width: 961px) {
	#datasheet li {
		flex-basis: calc(33% - 1rem);
	}
}
#workslist {text-align: center; padding-bottom: 2rem;}
@media screen and (min-width: 701px) {
	#workslist {padding-bottom: 4rem;}
}
#workslist ul {
	text-align:left;
	display: inline-block;
}
#workslist li {line-height: 1.75;}
#workslist .wt {
	display: inline-block;
	min-width: 14rem;
}
#workslist .ws {
	color: #545454;
}
@media screen and (max-width: 700px) {
	#workslist .ws {
		display: inline-block;
		max-width: 42vw;
	}
}
#workslist .thispage a::before {
	content: '\e803';
	font-size: .9rem;
	position: relative;
	z-index: 2;
	top: .05rem;
	transform: scale(0.6);
}
#workslist li:not(.thispage) a::before {
	content: '\e802';
	font-size: .9rem;
	position: relative;
	margin-top: 0.1rem;
	margin-right: .1rem;
	z-index: 2;
	transform: scale(0.4);
	opacity: 0;
}
#workslist li:not(.thispage) a:hover::before {
	opacity: 1;
	-webkit-animation: bouncy .5s infinite ease;
	animation: bouncy .5s infinite ease;
}

.gallery {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	margin-bottom: 1.5rem;
}
@media screen and (min-width: 701px) and (max-width: 1024px) {
	.gallery {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		margin-bottom: 3.5rem;
	}
}
@media screen and (min-width: 1025px) {
	.gallery {
		-webkit-column-count: 5;
		-moz-column-count: 5;
		column-count: 5;
		margin-bottom: 3.5rem;
	}
}
.gallery a {display: block;}
.gallery img {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 6px;
}
@media screen and (min-width: 701px) {
	.gallery img {
		padding: 10px;
	}
}
#bread a:last-child{
	text-transform: uppercase;
}