/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html {
	font-family:sans-serif;
	line-height:1.15;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
article, aside, footer, header, nav, section {
	display:block
}

figcaption, figure, main {
	display:block
}
figure {
	margin:1em 0px
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
pre {
	font-family:monospace, monospace;
	font-size:1em
}
a {
	background-color:transparent;
	-webkit-text-decoration-skip:objects
}
a:active, a:hover {
	outline-width:0
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}
b, strong {
	font-weight:inherit
}
b, strong {
	font-weight:bolder
}
code, kbd, samp {
	font-family:monospace, monospace;
	font-size:1em
}
dfn {
	font-style:italic
}
mark {
	background-color:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
audio, video {
	display:inline-block
}
audio:not([controls]) {
display:none;
height:0
}
img {
	border-style:none
}
svg:not(:root) {
overflow:hidden
}
button, input, optgroup, select, textarea {
	font-family:sans-serif;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button, input {
	overflow:visible
}
button, select {
	text-transform:none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	display:inline-block;
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details, menu {
	display:block
}
summary {
	display:list-item
}
canvas {
	display:inline-block
}
template {
	display:none
}
[hidden] {
display:none
}
.c-mobility {
	color:#ad5429
}
.c-campus {
	color:#2b87bd
}
.c-living {
	color:#c2b91b
}
.c-culture {
	color:#2abfb5
}
.workfield-mobility {
	color:#ad5429
}
.workfield-campus {
	color:#2b87bd
}
.workfield-living {
	color:#c2b91b
}
.workfield-culture {
	color:#2abfb5
}
.c-materials {
	color:#60b030
}
.c-parameters {
	color:#4655c2
}
.c-organisations {
	color:#c23a38
}
.c-sustainability {
	color:#a25bb3
}
.u-page-padding {
	padding-left:1.25rem;
	padding-right:1.25rem
}
@media (min-width:800px) {
.u-page-padding {
padding-left:2rem;
padding-right:2rem
}
}
.visually-hidden {
	width:1px;
	height:1px;
	position:absolute!important;
	left:-9999px;
	clip:rect(1px,1px,1px,1px);
	word-wrap:normal;
	white-space:nowrap;
	overflow:hidden
}
.sr-only {
	border:0!important;
	clip:rect(1px,1px,1px,1px)!important;
	clip-path:inset(50%)!important;
	height:1px!important;
	margin:-1px!important;
	overflow:hidden!important;
	padding:0!important;
	position:absolute!important;
	width:1px!important;
	white-space:nowrap!important
}
.focusable:focus {
	width:auto!important;
	height:auto;
padding:.5rem 1.5rem;
	display:block;
	position:fixed!important;
	top:0;
	left:50%;
	clip:auto;
	text-align:center;
	color:#000;
	background:#fff;
	overflow:visible;
	transform:translateX(-50%);
	z-index:2000
}
.skip-link {
	font-size:1.5rem;
	font-weight:400;
	letter-spacing:.25px;
	line-height:2.5rem;
	text-align:center;
	text-decoration:underline;
	text-transform:none;
	transform:translateX(-50%) translateY(-100%);
transition:transform .2s
}
.skip-link:focus {
	transform:translateX(-50%) translateY(0)
}
* {
	box-sizing:border-box;
	padding:0;
	margin:0
}
html {
	min-height:100%;
	position:relative;
transition:opacity .25s
}
html.wf-loading {
	opacity:0
}
html.wf-active {
	opacity:1
}

body {
	
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	word-wrap:break-word;
	color:#000;
	background:#fff;
transition:transform .3s
}
body.is-menu-visible, body.is-modal-open {
	overflow:hidden
}
a, a:active, a:hover {
	color:#000
}
a[href*=google], a[href*=vimeo], a[href*=youtube] {
word-break:break-all
}
img {
	max-width:100%;
	border-radius:0
}

ol, ul {
	padding:0;
	margin:0;
	list-style:none
}
iframe {
	max-width:100vw
}
.thumbnail iframe {
	max-width:100%
}
:focus {
	outline:0
}
@media only screen and (min-width:0px) {
.block--text:before, .body-text:before, .cf:before, .page-text .body-text:before {
content:'';
display:table
}
.block--text:after, .body-text:after, .cf:after, .page-text .body-text:after {
content:'';
display:table;
clear:both
}
}
figure {
	margin-bottom:1.7rem;
	position:relative
}
figcaption {
margin-top:.3rem;
	font-size:.8em;
	position:relative;
	color:gray
}
figcaption p {
	margin:0 15px 0 0;
	display:inline-block
}
blockquote {
	font-size:1.1em;
	border-left:5px solid #000
}
.block--text ol, .block--text ul, .body-text ol, .body-text ul, .page-text .body-text ol, .page-text .body-text ul {
	margin:0 0 1em 2em
}
.block--text ul, .body-text ul, .page-text .body-text ul {
	list-style:disc
}
.block--text ol, .body-text ol, .page-text .body-text ol {
	list-style:decimal
}
.block--text h3, .body-text h3, .page-text .body-text h3 {
margin-bottom:.5rem
}
.block--text img, .body-text img, .page-text .body-text img {
	width:auto!important;
	height:auto!important
}
.align-left {
	margin-right:1rem;
	float:left
}
.align-right {
	margin-left:1rem;
	float:right
}
.page-title {
	margin-bottom:.8em;
	font-size:2.4rem;
	line-height:1
}
@media only screen and (min-width:800px) {
.page-title {
font-size:5rem
}
}
.subtitle {
	margin:0 0 1rem;
	font-size:1.6em;
	font-weight:400;
	line-height:1
}
.section-title {
	margin:0 0 1rem;
	font-size:2.4em;
	font-weight:400;
	letter-spacing:-.01em;
	line-height:.9
}
.section-title a {
	text-decoration:none
}
@media only screen and (min-width:600px) {
.section-title {
font-size:5em
}
}
.paragraph-title {
	margin:0 0 .6em 1.5em;
	font-weight:700;
	line-height:1
}
p {
	margin:0
}

.is-hidden {
	display:none
}
.hidden-image {
	opacity:0;
	position:fixed;
	left:-9999px;
	pointer-events:none;
	z-index:-99999
}
.announcement {
	display:none
}
.newsletter-subscribe, .webinar-signup {
	padding-bottom:.5em;
	background:#fff
}
.newsletter-subscribe fieldset, .webinar-signup fieldset {
	width:fit-content;
	display:flex;
	flex-direction:column;
	border:0
}
.newsletter-subscribe input, .webinar-signup input {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	padding:.25em .5em;
	flex:auto;
	border:1px solid;
	border-radius:0;
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	background:0 0
}
.newsletter-subscribe input[type=submit], .webinar-signup input[type=submit] {
	border:1px solid #000;
	color:#fff;
	background:#000;
	cursor:pointer;
transition:all .2s
}
.newsletter-subscribe input[type=submit]:focus, .newsletter-subscribe input[type=submit]:hover, .webinar-signup input[type=submit]:focus, .webinar-signup input[type=submit]:hover {
	color:#000;
	background:#fff
}
.webinar-signup fieldset {
	padding:0
}
.webinar-signup label {
	width:7rem
}
.newsletter-subscribe fieldset {
	margin-left:auto
}
.newsletter-subscribe label {
	width:4rem
}
.newsletter-subscribe__intro, .webinar-signup__intro {
	margin-bottom:.25em;
	font-size:1.25rem
}
.newsletter-subscribe__field, .webinar-signup__field {
	margin:.375em 0;
	display:flex;
	align-items:center
}
.webinar-signup__field.checkboxes {
	max-width:20rem;
	flex-direction:column
}
.webinar-signup__field.checkboxes label {
	width:100%;
	margin-bottom:.5em;
	cursor:pointer
}
.webinar-signup__field.checkboxes label input[type=checkbox] {
	opacity:0;
	position:absolute;
	border:0
}
.webinar-signup__field.checkboxes label input[type=checkbox]:focus~span:before {
background:#c2c2c2
}
.webinar-signup__field.checkboxes label input[type=checkbox]:checked~span:before {
background:#000;
transform:rotate(90deg)
}
.webinar-signup__field.checkboxes label input[type=checkbox]:checked~span:after {
opacity:1
}
.webinar-signup__field.checkboxes label span {
	padding-left:1.5em;
	display:flex;
	position:relative
}
.webinar-signup__field.checkboxes label span:before {
	content:'';
	width:.675em;
	height:.675em;
	position:absolute;
	top:.25em;
	left:0;
	border:1px solid;
	box-shadow:inset 1px -1px 0 0 #000;
transition:all .2s
}
.webinar-signup__field.checkboxes label span:after {
	content:'';
	width:.125em;
	height:.5em;
	opacity:0;
	position:absolute;
	top:.25em;
	left:.25em;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(40deg);
transition:all .2s
}
.newsletter-subscribe__submit, .webinar-signup__submit {
	margin-left:auto
}
@font-face {
font-family:icomoon;
src:url(../fonts/icomoon.woff2?bliep) format("woff2"), url(../fonts/icomoon.woff?bliep) format("woff");
font-weight:400;
font-style:normal
}
.about__link .readmore:after, .do_search .search-suggestions__submit:after, .has-icon, .project-filters__option>span::after, .slick-arrow:before, [class*=" icon--"], [class^=icon--] {
font-family:icomoon!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon--expand:before {
	content:"\e90d"
}
.icon--menu:before {
	content:"\e908"
}
.icon--close:before, .menu-toggle.is-active i:before {
	content:"\e901"
}
.icon--arrow-down:before, .project-filters__option>span::after {
content:"\e900"
}
.icon--search-lite:before {
	content:"\e905"
}
.do_search .search-suggestions__submit:after, .icon--search:before {
	content:"\e906"
}
.icon--flickr:before {
	content:"\e902"
}
.icon--instagram:before {
	content:"\e903"
}
.icon--linkedin:before {
	content:"\e904"
}
.icon--twitter:before {
	content:"\e907"
}
.icon--pinterest:before {
	content:"\e909"
}
.icon--facebook:before {
	content:"\e90a"
}
.about__link .readmore:after, .icon--arrow-right:before, .slick-next:before {
	content:"\e90b"
}
.icon--arrow-left:before, .slick-prev:before {
	content:"\e90c"
}
.icon--weibo:before {
	content:"\e90e"
}
.icon--arrows-down:before {
	content:"\e90f"
}
.icon--video:before {
	content:"\e910"
}
.icon--uns:before {
	content:"\e911"
}
.icon {
	background-image:url(../images/mute.svg);
	background-repeat:no-repeat
}
.icon-mute {
	background-position:-20px 0;
	width:19px;
	height:17px
}
.icon-unmute {
	background-position:0 0;
	width:17px;
	height:17px
}
.cover-link {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:50
}
.btn-text {
	padding:0;
	background:0 0;
	cursor:pointer;
	border:none;
	line-height:1.4;
	font-family:neuzeit-grotesk, NeuzeitGro-Reg, verdana, sans-serif;
	text-decoration:none
}
.btn-text.-active, .btn-text:hover {
	border-bottom:2px solid #000
}
@media only screen and (min-width:800px) {
.btn-text {
font-size:1.33rem
}
}
.btn-close {
	padding:0;
	background:0 0;
	cursor:pointer;
	border:none
}
.slick-slider {
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:0
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.slick-track {
	position:relative;
	left:0;
	top:0;
	display:block
}
.slick-track:after, .slick-track:before {
	content:"";
	display:table
}
.slick-track:after {
	clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	float:left;
	height:140%;
	min-height:1px;
	display:none
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
@media only screen and (min-width:600px) {
.slick-slide {
height:100%
}
}
.slick-arrow.slick-hidden {
	display:none
}
.block, .block--duo-image, .block--media, .block-gallery, .page-text .block--text, .page-text .body-text, .related-projects {
	max-width:1000px;
	padding-left:1.25rem;
	padding-right:1.25rem;
	margin:2em 0;
	line-height:1.4
}
@media (min-width:800px) {
.block, .block--duo-image, .block--media, .block-gallery, .page-text .block--text, .page-text .body-text, .related-projects {
padding-left:2rem;
padding-right:2rem
}
}
.block h2, .block h3, .block--duo-image h2, .block--duo-image h3, .block--media h2, .block--media h3, .block-gallery h2, .block-gallery h3, .page-text .block--text h2, .page-text .block--text h3, .page-text .body-text h2, .page-text .body-text h3, .related-projects h2, .related-projects h3 {
	margin-bottom:.625em;
	font-weight:700;
	line-height:1
}
.block h4, .block--duo-image h4, .block--media h4, .block-gallery h4, .page-text .block--text h4, .page-text .body-text h4, .related-projects h4 {
	margin-bottom:0
}
.block figure, .block--duo-image figure, .block--media figure, .block-gallery figure, .page-text .block--text figure, .page-text .body-text figure, .related-projects figure {
	margin-left:0
}
.block p:last-child, .block--duo-image p:last-child, .block--media p:last-child, .block-gallery p:last-child, .page-text .block--text p:last-child, .page-text .body-text p:last-child, .related-projects p:last-child {
	margin-bottom:0
}
.block p, .block--duo-image p, .block--media p, .block-gallery p, .page-text .block--text p, .page-text .body-text p, .related-projects p {
	margin-bottom:1em
}
.block p+p, .block--duo-image p+p, .block--media p+p, .block-gallery p+p, .page-text .block--text p+p, .page-text .body-text p+p, .related-projects p+p {
	text-indent:0
}
.bg-grey.block--duo-image, .bg-grey.block--media, .bg-grey.block-gallery, .bg-grey.related-projects, .block.bg-grey, .page-text .bg-grey.block--text, .page-text .bg-grey.body-text {
	padding:20px;
	background:#f2f2f2
}
@media only screen and (min-width:800px) {
.block, .block--duo-image, .block--media, .block-gallery, .page-text .block--text, .page-text .body-text, .related-projects {
width:75%;
font-size:19px
}
}
.home-about>:not(h2) {
margin-left:1.5rem
}
.home-about h3 {
	margin:0 1.5rem 1rem 1.5rem;
	font-size:4.3rem;
	font-weight:600;
	line-height:4rem;
	letter-spacing:-1px
}
@media only screen and (min-width:600px) {
.home-about h3 {
margin-bottom:1rem
}
}
@media only screen and (min-width:800px) {
.home-about h3 {
width:62%;
margin-bottom:2rem;
font-size:5rem;
line-height:4.7rem
}
}
.home-about h4 {
margin-bottom:.5rem;
	font-size:1.5rem
}
.home-about__introduction {
	margin-bottom:3rem;
	display:flex;
	flex-direction:column-reverse
}
.home-about__introduction p {
	margin:1rem 1.5rem 0 0;
	font-size:20px;
	line-height:25px
}
@media only screen and (min-width:600px) {
.home-about__introduction p {
margin-top:1rem
}
}
@media only screen and (min-width:800px) {
.home-about__introduction p {
max-width:50%;
margin-top:0
}
}
.home-about__introduction figcaption p {
	max-width:100%
}
.home-about__introduction iframe {
	width:100%
}
@media only screen and (min-width:800px) {
.home-about__introduction iframe {
width:500px
}
}
@media only screen and (min-width:1024px) {
.home-about__introduction iframe {
width:640px
}
}
.home-about__introduction iframe .vp-player-layout {
	top:0!important;
	border:1px solid red
}
@media only screen and (min-width:800px) {
.home-about__introduction {
flex-direction:row;
justify-content:space-between
}
}
@media only screen and (min-width:800px) {
.home-about__contact {
display:flex;
flex-flow:row wrap
}
}
.home-about__contact__wrapper {
	display:flex;
	margin-bottom:1rem
}
.home-about__contact__wrapper address {
	font-size:1.4rem;
	font-style:normal;
	line-height:24px
}
@media only screen and (min-width:600px) {
.home-about__contact__wrapper address {
font-size:1.1rem;
line-height:1.2rem
}
}
.home-about__contact__wrapper a {
	display:block;
margin-bottom:.33rem
}
@media only screen and (min-width:800px) {
.home-about__contact__wrapper:not(:last-child) {
margin-right:3rem
}
}
.home-about__img {
	height:7rem;
	width:7rem;
margin-right:.75rem;
	background:no-repeat center center;
	background-size:cover
}
@media only screen and (min-width:600px) {
.home-about__img {
height:5rem;
width:5rem
}
}
.t--home .announcement {
	height:220px;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	display:block;
	background-color:rgba(255, 255, 255, .8);
	text-align:center;
	width:100%;
	padding:1rem;
	overflow:hidden
}
.t--home .announcement.hide-announcement {
	display:none
}
.t--home .announcement h3 {
	font-size:2em;
	margin-bottom:.5em
}
.t--home .announcement button {
	position:absolute;
	bottom:0;
	background-color:#000;
padding:.5rem 1rem .5rem 2rem;
	color:#fff;
	transform:translateX(-50%);
	border:0;
	border-radius:0;
	font-size:14px;
	cursor:pointer;
	font-weight:600;
	left:50%;
	z-index:2
}
.t--home .announcement button:hover {
	background-color:#333
}
.t--home .announcement button:after {
	content:"";
	position:absolute;
width:.75rem;
	height:2px;
	background-color:#fff;
top:.95rem;
left:.6rem;
	transform:rotate(45deg)
}
.t--home .announcement button:before {
	content:"";
	position:absolute;
width:.75rem;
	height:2px;
	background-color:#fff;
top:.95rem;
left:.6rem;
	transform:rotate(-45deg)
}
.attached-media {
	padding:10px 20px 10px 20px;
	background-color:#f0f0f0;
	display:inline-block
}
.attached-media__title {
	display:none
}
@media only screen and (min-width:800px) {
.attached-media {
padding:10px 40px 10px 40px
}
}
.block-gallery .slick-track {
	display:flex;
	align-items:center
}
.block-gallery__img {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%
}
.block-gallery__img img {
	margin:0 auto
}
.block-gallery__controls {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	margin:15px 0 0;
	position:relative
}
.slick-arrow {
	width:35px;
	height:35px;
	position:relative;
	background:0 0;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	color:#fff;
	font-size:35px;
transition:color .3s;
	outline:0
}
.slick-arrow:before {
	position:absolute;
	top:-2px;
	left:8px;
	text-indent:0
}
.slick-prev {
	order:1
}
.slick-dots {
	order:2;
	display:flex!important
}
.slick-dots button {
	width:35px;
	height:35px;
	position:relative;
	background:0 0;
	border:none;
	cursor:pointer;
	text-indent:-9999px;
	outline:0
}
.slick-dots button:before {
	content:'';
	width:12px;
	height:12px;
	position:absolute;
	top:50%;
	left:50%;
	background:#fff;
	transform:translate(-50%, -50%);
	border-radius:50%;
transition:all .3s;
	box-shadow:0 0 10px rgba(0, 0, 0, .2)
}
.slick-dots button:active:before, .slick-dots button:active:focus:before, .slick-dots button:focus:before, .slick-dots button:hover:before {
	background:#000
}
.slick-dots .slick-active button:before {
	background:#000
}
.slick-next {
	order:3
}
.slick-next:before {
	left:12px
}
.cover-video-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	pointer-events:none;
	overflow:hidden
}
.cover-video-wrapper iframe {
	width:100vw;
	height:56.25vw;
	min-height:100vh;
	min-width:177.77vh;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.fancy-skew {
	position:relative;
	z-index:10;
	overflow:hidden
}
.link-wrapper {
	position:relative
}
.link-wrapper.active {
	z-index:99999;
	position:relative
}
.fancy-skew__items {
	position:relative;
	background-size:cover;
	background-color:#fff
}
.fancy-skew__items .active li:not(.active) a {
color:#fff
}
.fancy-skew__list {
	padding:4rem 0;
	overflow:hidden
}
.fancy-skew__list:hover li.active a {
	text-shadow:0 0 1rem #fff, 0 0 1.5rem #fff, 0 0 2.5rem #fff
}
.fancy-skew__list li.active {
	z-index:100
}
.fancy-skew__list li.active .fancy-skew__subtitle {
	opacity:1
}
.fancy-skew__list li {
	z-index:10;
	perspective:400px;
	-webkit-perspective:400px;
	-moz-perspective:400px;
	perspective-origin:100px
}
.fancy-skew__list li:before {
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:0 0;
	position:absolute;
	transform-origin:0 50%;
	transform:rotateY(-35deg) translateX(0)
}
.fancy-skew__list li .link-wrapper {
transition:transform ease .5s
}
.fancy-skew__list li a {
	font-size:3.5rem;
	font-weight:600;
	text-decoration:none
}
@media only screen and (min-width:600px) {
.fancy-skew__list li a {
font-size:3rem
}
}
@media only screen and (min-width:800px) {
.fancy-skew__list li a {
font-size:3.5rem
}
}
@media only screen and (min-width:1024px) {
.fancy-skew__list li a {
font-size:4.5rem
}
}
.fancy-skew__list li:first-child {
	position:relative;
	z-index:9998
}
.fancy-skew__list li:nth-child(2) {
position:relative;
z-index:9997
}
.fancy-skew__list li:nth-child(odd):before {
transform:rotateY(30deg);
transform-origin:100% 50%
}
.fancy-skew__list li:nth-child(odd) .link-wrapper {
padding-right:4rem;
text-align:right;
transform:rotateY(30deg);
transform-origin:100% 50%
}
@media only screen and (min-width:600px) {
.fancy-skew__list li:nth-child(odd) .link-wrapper {
padding:0
}
}
.fancy-skew__list li:nth-child(odd) .fancy-skew__subtitle {
right:4rem;
left:auto
}
.fancy-skew__list li:nth-child(even):before {
transform:rotateY(-30deg);
transform-origin:0 50%
}
.fancy-skew__list li:nth-child(even) .link-wrapper {
padding-left:4rem;
transform:rotateY(-30deg);
transform-origin:0 50%
}
@media only screen and (min-width:600px) {
.fancy-skew__list li:nth-child(even) .link-wrapper {
padding:0
}
}
.fancy-skew__list li:nth-child(even) .fancy-skew__subtitle {
left:4rem;
right:auto
}
.fancy-skew__list li.active .link-wrapper {
	transform:rotateY(0)
}
@media (min-width:600px) {
.fancy-skew__list li {
padding:.5rem 0;
perspective:500px;
-webkit-perspective:500px;
-moz-perspective:500px
}
.fancy-skew__list li:nth-child(odd) {
margin-right:50%;
float:right
}
.fancy-skew__list li:nth-child(odd) .fancy-skew__subtitle {
right:0
}
.fancy-skew__list li:nth-child(even) {
margin-left:50%;
float:left
}
.fancy-skew__list li:nth-child(even) .fancy-skew__subtitle {
left:0
}
.fancy-skew__list li:first-child:before, .fancy-skew__list li:nth-child(4):before, .fancy-skew__list li:nth-child(5):before {
transform-origin:100% 50%;
transform:translateX(0) rotateY(35deg)
}
.fancy-skew__list li:first-child .link-wrapper, .fancy-skew__list li:nth-child(4) .link-wrapper, .fancy-skew__list li:nth-child(5) .link-wrapper {
transform-origin:100% 50%;
transform:translateX(0) rotateY(35deg)
}
.fancy-skew__list li:last-child:before, .fancy-skew__list li:nth-child(2):before, .fancy-skew__list li:nth-child(3):before {
transform-origin:0 50%;
transform:rotateY(-35deg) translateX(0)
}
.fancy-skew__list li:last-child .link-wrapper, .fancy-skew__list li:nth-child(2) .link-wrapper, .fancy-skew__list li:nth-child(3) .link-wrapper {
transform-origin:0 50%;
transform:rotateY(-35deg) translateX(0)
}
.fancy-skew__list li.active .link-wrapper {
transform:rotateY(0) translateX(0) translateZ(0)
}
}
.fancy-skew__subtitle {
	opacity:0;
	position:absolute;
	top:3.9em;
	left:4rem;
	font-size:.3em;
transition:opacity .3s
}
@media (min-width:600px) {
.fancy-skew__subtitle {
white-space:nowrap
}
}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
	padding:0;
	margin:0;
	border:0;
	outline:0;
	vertical-align:top
}
.fancybox-wrap {
	position:absolute;
	top:0;
	left:0;
	z-index:8020;
	transition:none
}
.fancybox-skin {
	position:relative;
	background:#f9f9f9;
	color:#444;
	text-shadow:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.fancybox-opened {
	z-index:8030
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 10px 25px rgba(0, 0, 0, .5);
	box-shadow:0 10px 25px rgba(0, 0, 0, .5)
}
.fancybox-inner, .fancybox-outer {
	position:relative
}
.fancybox-inner {
	overflow:hidden
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling:touch
}
.fancybox-error {
	color:#444;
	font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0;
	padding:15px;
	white-space:nowrap
}
.fancybox-iframe, .fancybox-image {
	display:block;
	width:100%;
	height:100%
}
.fancybox-image {
	max-width:100%;
	max-height:100%
}
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
	background-image:url(../images/fancybox_sprite.png)
}
#fancybox-loading {
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-22px;
	background-position:0 -108px;
	opacity:.8;
	cursor:pointer;
	z-index:8060
}
#fancybox-loading div {
	width:44px;
	height:44px;
	background:url(../images/fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
	position:absolute;
	top:-18px;
	right:-18px;
	width:36px;
	height:36px;
	cursor:pointer;
	z-index:8040
}
.fancybox-nav {
	position:absolute;
	top:0;
	width:100px;
	height:50%;
	top:50%;
	cursor:pointer;
	text-decoration:none;
	background:0 0;
	-webkit-tap-highlight-color:transparent;
	z-index:8040;
	transform:translateY(-50%)
}
.fancybox-prev {
	left:0
}
.fancybox-next {
	right:0
}
.fancybox-nav span {
	position:absolute;
	top:50%;
	width:36px;
	height:34px;
	margin-top:-18px;
	cursor:pointer;
	z-index:8040;
	visibility:hidden
}
.fancybox-prev span {
	left:10px;
	background-position:0 -36px
}
.fancybox-next span {
	right:10px;
	background-position:0 -72px
}
.fancybox-nav:hover span {
	visibility:visible
}
.fancybox-tmp {
	position:absolute;
	top:-99999px;
	left:-99999px;
	visibility:hidden;
	max-width:99999px;
	max-height:99999px;
	overflow:visible!important
}
.fancybox-lock {
	overflow:hidden!important;
	width:auto
}
.fancybox-lock body {
	overflow:hidden!important
}
.fancybox-lock-test {
	overflow-y:hidden!important
}
.fancybox-overlay {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:8010;
	background:url(../images/fancybox_overlay.png)
}
.fancybox-overlay-fixed {
	position:fixed;
	bottom:0;
	right:0
}
.fancybox-lock .fancybox-overlay {
	overflow:auto;
	overflow-y:scroll
}
.fancybox-title {
	visibility:hidden;
	font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
	text-shadow:none;
	z-index:8050
}
.fancybox-opened .fancybox-title {
	visibility:visible
}
.fancybox-title-float-wrap {
	position:absolute;
	bottom:0;
	right:50%;
	margin-bottom:-35px;
	z-index:8050;
	text-align:center
}
.fancybox-title-float-wrap .child {
	display:inline-block;
	margin-right:-100%;
	padding:2px 20px;
	background:0 0;
	background:rgba(0, 0, 0, .8);
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	text-shadow:0 1px 2px #222;
	color:#fff;
	font-weight:700;
	line-height:24px;
	white-space:nowrap
}
.fancybox-title-outside-wrap {
	position:relative;
	margin-top:10px;
	color:#fff
}
.fancybox-title-inside-wrap {
	padding-top:10px
}
.fancybox-title-over-wrap {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:10px;
	background:#000;
	background:rgba(0, 0, 0, .8)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
background-image:url(../images/fancybox_sprite@2x.png);
background-size:44px 152px
}
#fancybox-loading div {
background-image:url(../images/fancybox_loading@2x.gif);
background-size:24px 24px
}
}
.home-media-text {
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	height:100vh;
	background-position:center;
	background-size:cover;
	position:relative
}
.home-media-text:active .home-media-text__link, .home-media-text:focus .home-media-text__link, .home-media-text:focus:active .home-media-text__link, .home-media-text:hover .home-media-text__link {
	left:1rem
}
.home-media-text__caption {
	width:90%;
	margin:0 auto;
	position:relative;
	z-index:10;
	font-weight:600;
	font-size:2.5rem;
	line-height:1.2;
	color:#fff;
	cursor:pointer
}
@media (min-width:800px) {
.home-media-text__caption {
font-size:3rem
}
}
@media (min-width:800px) {
.home-media-text__caption {
font-size:4.25rem
}
}
.home-media-text__link {
	display:block;
	width:14rem;
padding:.5rem 1.5rem;
	margin:2em 0 0;
	position:relative;
	left:0;
	z-index:10;
	background:#fff;
	color:#000;
	font-weight:400;
	font-size:.6em;
	border-left:2px solid #000;
transition:left .3s
}
@media (min-width:800px) {
.home-media-text__link {
width:20rem;
font-size:.5em
}
}
.knowledge-materials.list-item__keyword, .knowledge-materials.page-text__keyword, .page-text .knowledge-materials.page-text__category {
	color:#60b030
}
.knowledge-parameters.list-item__keyword, .knowledge-parameters.page-text__keyword, .page-text .knowledge-parameters.page-text__category {
	color:#4655c2
}
.knowledge-organisations.list-item__keyword, .knowledge-organisations.page-text__keyword, .page-text .knowledge-organisations.page-text__category {
	color:#c23a38
}
.knowledge-sustainability.list-item__keyword, .knowledge-sustainability.page-text__keyword, .page-text .knowledge-sustainability.page-text__category {
	color:#a25bb3
}
.z-lazy {
	position:relative;
	bottom:300px
}
.list-selector, .related__tabs {
	display:flex;
	margin-bottom:2rem;
	font-size:1.33rem
}
.list-selector li, .related__tabs li {
	margin-right:1rem
}
.list-item, .list-item--large {
	display:block;
	margin:1rem 0;
	opacity:.8;
	width:49%;
transition:opacity .8s ease-in-out
}
.list-item--large:hover, .list-item:hover {
	opacity:1
}
.list-item a, .list-item--large a {
	display:block;
	text-decoration:none
}
.list-item iframe, .list-item--large iframe {
	width:100%
}
.list-item__hover:hover {
	transform:scale(1.06)
}
.list-item__hover {
transition:transform .8s ease-in-out
}
.list-item__title {
	font-size:2rem;
	line-height:2rem;
	margin:0 1.5rem 0 0
}
.list-item__subtitle {
	font-size:14px;;
	margin:0
}
.list-item__keyword {
	font-size:1.2rem;
	line-height:1em;
	padding:5px 0
}
.list-item__figure, .team-list .list-item__figure--fallback {
margin-bottom:.5rem
}
.list-item__figure img, .team-list .list-item__figure--fallback img {
	display:block;
	width:100%
}
.list-item__figure.-video, .team-list .-video.list-item__figure--fallback {
	height:0;
	padding-bottom:56.25%;
	position:relative;
	overflow:hidden
}
.list-item__figure iframe, .team-list .list-item__figure--fallback iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
}
.list-item--large {
	width:100%
}
.list-item--large .list-item__hover:hover {
	transform:scale(1.025)
}
.list-item--alt a {
	text-decoration:none
}
.list-item--alt .list-item__figure, .list-item--alt .team-list .list-item__figure--fallback, .team-list .list-item--alt .list-item__figure--fallback {
	width:100%;
	margin-bottom:10px
}
.list-item--alt .list-item__title {
	font-size:1rem;
	margin:0
}
.list-item--alt .list-item__subtitle {
font-size:.8rem;
	margin:0;
	font-weight:400
}
.gutter-sizer {
	display:block;
	width:2%
}
.grid-sizer {
	display:block;
	width:23.5%
}
@media (min-width:600px) {
.list-item, .list-item--large {
margin:1rem 0 3rem 0;
width:23.5%
}
.list-item--large {
width:49%
}
.list-item__title {
font-size:20px;
margin-bottom:10px;
line-height:normal
}
}
.flex-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
@media only screen and (min-width:600px) {
.flex-list {
justify-content:flex-start;
margin:0 1.5rem
}
}
.flex-list .list-item, .flex-list .list-item--large {
	width:90%;
transition:transform ease .5s
}
@media (min-width:600px) {
.flex-list .list-item, .flex-list .list-item--large {
width:49%
}
.flex-list .list-item--large:nth-child(odd), .flex-list .list-item:nth-child(odd) {
margin-right:2%
}
}
@media only screen and (min-width:600px) and (min-width:1024px) {
.flex-list .list-item--large:nth-child(odd), .flex-list .list-item:nth-child(odd) {
margin-right:0
}
}
@media only screen and (min-width:600px) and (min-width:1024px) {
.flex-list .list-item--large:nth-child(3n+1), .flex-list .list-item--large:nth-child(3n+2), .flex-list .list-item:nth-child(3n+1), .flex-list .list-item:nth-child(3n+2) {
margin-right:2%
}
}
@media (min-width:600px) {
.flex-list .list-item--large:hover, .flex-list .list-item:hover {
transform:scale(1.025)
}
}
@media only screen and (min-width:1024px) {
.flex-list .list-item, .flex-list .list-item--large {
width:32%
}
}
.flex-list.-video .list-item__figure, .flex-list.-video .team-list .list-item__figure--fallback, .team-list .flex-list.-video .list-item__figure--fallback {
	height:0;
	padding-bottom:56.25%;
	position:relative;
	overflow:hidden
}
.flex-list.-video .list-item__figure img, .flex-list.-video .team-list .list-item__figure--fallback img, .team-list .flex-list.-video .list-item__figure--fallback img {
	position:absolute;
	top:-50%;
	left:0
}
.masthead {
	height:30vh;
	margin-bottom:2rem;
	position:relative;
	overflow:hidden;
	background-size:cover;
	background-position:center center
}
@media (min-width:800px) {
.masthead {
height:70vh
}
}
.menu-toggle {
	width:35px;
	height:35px;
	position:relative;
	right:0;
	overflow:hidden;
	background:#fff;
	border:none;
	cursor:pointer;
	white-space:nowrap;
	border-radius:35px;
transition:all .3s;
	outline:0;
	font-family:inherit
}
.menu-toggle i {
	display:inline-block;
	width:35px;
	height:35px;
	position:relative;
	vertical-align:middle
}
.menu-toggle i:before {
	position:absolute;
	top:50%;
	left:50%;
	line-height:1;
	transform:translate(-50%, -50%)
}
.menu-toggle span {
	display:inline-block;
	position:relative;
	top:2px;
	left:6px
}
.menu-toggle.is-active {
	padding-right:5px
}
.menu-toggle.is-active i {
	width:35px
}
.submenu-is-active .menu-toggle {
	right:-180px
}
@media only screen and (min-width:800px) {
.submenu-is-active .menu-toggle {
right:0
}
}
@media only screen and (min-width:1100px) {
.menu-toggle:hover {
width:92px;
border-radius:35px
}
.menu-toggle:hover i {
width:17px
}
.menu-toggle:active, .menu-toggle:active:focus, .menu-toggle:focus {
width:35px
}
.menu-toggle:active:focus:hover, .menu-toggle:active:hover, .menu-toggle:focus:hover {
width:92px;
border-radius:35px
}
.menu-toggle:active:focus:hover i, .menu-toggle:active:hover i, .menu-toggle:focus:hover i {
width:15px
}
.menu-toggle.is-active:active, .menu-toggle.is-active:active:focus, .menu-toggle.is-active:focus, .menu-toggle.is-active:hover {
width:35px
}
.menu-toggle.is-active:active i, .menu-toggle.is-active:active:focus i, .menu-toggle.is-active:focus i, .menu-toggle.is-active:hover i {
width:35px
}
}
@keyframes pfClose {
0% {
opacity:0;
transform:rotate(0)
}
100% {
opacity:1;
transform:rotate(360deg)
}
}
.modal-wrapper {
	background:rgba(0, 0, 0, .3);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3000;
animation:pfOpacity .3s forwards
}
.modal-wrapper.is-closing {
animation:pfOpacityOut .8s forwards
}
.modal-close {
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:5px;
	left:10px;
	z-index:3010;
	background:0 0;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	opacity:0;
animation:pfClose .5s ease-in-out forwards;
	animation-delay:1s;
	outline:0
}
.modal-close:before {
	content:'+';
	transform:rotate(45deg);
	text-indent:0;
	position:absolute;
	top:1px;
	left:13px;
	font-size:39px;
	line-height:1
}
.workfield-modal+.modal-close {
	left:auto;
	right:0;
	top:0
}
.project-filters {
	display:flex;
	flex-wrap:wrap;
	max-width:100%;
	margin:0 0 15px 0
}
.project-filters__option {
	cursor:pointer;
	display:inline-block;
	flex:none;
	font-size:1.2rem;
	margin-right:20px;
	padding:4px 22px 4px 0;
	position:relative;
	white-space:nowrap
}
.project-filters__option:focus>ul, .project-filters__option:hover>ul {
	display:flex
}
.project-filters__option:focus>span::after, .project-filters__option:hover>span::after {
top:16px
}
.project-filters__option>ul {
	padding-top:10px;
	position:absolute;
	z-index:1;
	display:none;
	flex-direction:column
}
.project-filters__option>ul li {
	display:block;
	margin:0;
	padding:0
}
.project-filters__option>ul a {
	background:#000;
	color:#fff;
	display:block;
	padding:10px;
	text-decoration:none;
transition:background .2s ease-in-out
}
.project-filters__option>ul a:hover {
	background:#fff;
	color:#000
}
.project-filters__option>span {
	display:block
}
.project-filters__option>span::after {
font-size:7px;
padding-left:3px;
position:absolute;
top:15px;
transition:top .2s
}
.project-filters__option.-remove a {
	font-size:.7em;
	text-decoration:none
}
.project-filters__option.-remove a:active, .project-filters__option.-remove a:focus, .project-filters__option.-remove a:focus:active, .project-filters__option.-remove a:hover {
	text-decoration:underline
}
.project-filters__option.-remove i {
	margin-right:5px;
	font-size:.9em
}
@media only screen and (min-width:600px) {
.project-filters {
margin-bottom:25px
}
.project-filters li {
margin-right:30px;
padding:4px 28px 4px 0
}
.project-filters li>span::after {
font-size:9px;
padding-left:5px
}
.project-filters li>ul {
display:none;
height:100vh;
max-height:550px;
max-width:500px;
flex-direction:column;
flex-wrap:wrap;
overflow:visible
}
.project-filters li>ul li {
margin-right:10px;
position:relative
}
.project-filters li>ul li:after {
content:'';
position:absolute;
right:-10px;
width:10px;
height:100%;
top:0
}
}
.submenu-is-active {
	transform:translateX(-180px)
}
.project-nav {
	display:block;
	width:180px;
	height:100%;
	padding-top:60px;
	position:fixed;
	top:0;
	right:-180px;
	z-index:1000;
	background:#fff;
transition:right .3s;
	line-height:1.1
}
.project-nav.is-active .project-nav__menu li:before {
	left:-28px
}
.project-nav:after {
	content:'';
	width:50px;
	height:50%;
	position:absolute;
	top:0;
	left:-50px;
	z-index:-1;
	background:0 0
}
.project-nav__menu li {
	position:relative
}
.project-nav__menu li:hover {
	background:#f0f0f0
}
.project-nav__menu li:before {
	content:'';
	width:12px;
	height:12px;
	position:absolute;
	top:12px;
	left:-44px;
	background:#fff;
	border-radius:50%;
	box-shadow:0 0 5px rgba(0, 0, 0, .3);
transition:all .3s
}
.project-nav__menu .is-active {
	font-weight:700
}
.project-nav__menu .is-active:before {
	transform:scale(1.4);
	background:#000;
	box-shadow:none
}
.project-nav__menu a {
	display:block;
	padding:10px 16px;
	text-decoration:none
}
.project-nav__social {
	width:100%;
	position:absolute;
	bottom:-45px;
transition:bottom .3s
}
.project-nav__social:hover {
	bottom:0
}
.project-nav__social span {
	display:block;
	height:35px;
	padding:0 16px;
	line-height:35px
}
.project-nav__social ul {
	padding:10px 15px 8px 15px;
	background:#f0f0f0
}
.project-nav__social ul li {
	display:inline-block
}
.project-nav__social ul a {
	display:block;
	height:25px;
	padding-right:7px;
	text-decoration:none;
	text-align:center;
	line-height:25px
}
.project-nav__social ul a:active, .project-nav__social ul a:active:focus, .project-nav__social ul a:focus, .project-nav__social ul a:hover {
	opacity:.7
}
.project-nav__social ul span {
	display:none
}
.project-nav__social .icon--twitter {
	font-size:.9em
}
@media (min-width:600px) {
.project-nav {
width:220px;
right:-220px
}
}
@media (min-width:1025px) {
.submenu-is-active {
transform:none
}
.project-nav.is-active {
right:0
}
.project-nav:after {
height:100%
}
}
.related-projects h2 {
	font-size:32px;
	line-height:1.1em;
	padding-bottom:10px;
	padding-left:5px;
	font-weight:400
}
.related-projects ul {
	padding:0;
	margin:0;
	list-style:none
}
.related-projects li:first-child {
	margin-bottom:20px
}
.related-projects span {
	border-bottom:3px solid #000
}
.related-projects.workfield-culture {
	background:rgba(42, 191, 181, .3)
}
.related-projects.workfield-culture span {
	border-color:#2abfb5
}
.related-projects.workfield-mobility {
	background:rgba(173, 84, 41, .3)
}
.related-projects.workfield-mobility span {
	border-color:#ad5429
}
.related-projects.workfield-campus {
	background:rgba(43, 135, 189, .3)
}
.related-projects.workfield-campus span {
	border-color:#2b87bd
}
.related-projects.workfield-living {
	background:rgba(194, 185, 27, .3)
}
.related-projects.workfield-living span {
	border-color:#c2b91b
}
@media (min-width:600px) {
.related-projects ul {
display:flex;
justify-content:space-between
}
.related-projects li {
width:50%;
margin-bottom:0
}
.related-projects li:first-child {
margin-right:10px
}
.related-projects li:last-child {
margin-left:10px
}
}
.related {
	padding:0 1.25rem
}
.related .current__events, .related .grid-sizer, .related .list-item, .related .list-item--large {
	width:100%
}
@media only screen and (min-width:600px) {
.related .current__events, .related .grid-sizer, .related .list-item, .related .list-item--large {
width:48%
}
}
@media only screen and (min-width:800px) {
.related .current__events, .related .grid-sizer, .related .list-item, .related .list-item--large {
width:32%
}
}
@media only screen and (min-width:600px) {
.related {
padding:0 2rem
}
}
.share {
	display:flex;
	align-items:center
}
.share h2 {
	margin:0;
	padding:0;
	margin-right:20px
}
.share .share__list {
	display:flex
}
.share .share__list>* {
	margin-right:6px
}
.share .share__list a {
	text-decoration:none
}
.slick-arrow {
	display:none!important;
	z-index:10
}
.slick-arrow:before {
	text-shadow:3px 0 2px rgba(0, 0, 0, .9)
}
.slick-dots button:before {
	box-shadow:0 0 20px 1px rgba(0, 0, 0, .75)
}
.slick-next, .slick-prev {
	position:absolute;
bottom:-.7rem;
	color:#000
}
.slick-next:before, .slick-prev:before {
	visibility:hidden
}
.slick-next:after, .slick-prev:after {
height:.7rem;
width:.7rem;
	content:"";
	position:absolute;
bottom:.7rem;
	background:url(../images/icon-font/icon--arrow-down.svg) no-repeat center center
}
.slick-prev {
	left:1.5rem;
	width:1rem
}
.slick-prev:after {
	left:0;
	transform:rotate(90deg)
}
.slick-next {
	width:1rem;
	left:2.5rem
}
.slick-next:after {
	left:0;
	transform:rotate(-90deg)
}
.slick-track {
	height:70vh
}
@media only screen and (min-width:600px) {
.slick-track {
height:calc(100vh - 170px)
}
}
.social-video-test {
	height:100%
}
.social-video-test video {
	width:100%;
	height:100%
}
.home-social__posts {
	display:flex;
	flex-wrap:wrap
}
@media only screen and (min-width:600px) {
.home-social__posts {
margin:0 1.5rem
}
}
.home-social__posts .chapter__social__inner__post {
	width:49%;
transition:transform ease .5s
}
.home-social__posts .chapter__social__inner__post:nth-child(odd) {
margin-right:2%
}
@media only screen and (min-width:1024px) {
.home-social__posts .chapter__social__inner__post:nth-child(odd) {
margin-right:0
}
}
@media only screen and (min-width:1024px) {
.home-social__posts .chapter__social__inner__post:nth-child(3n+1), .home-social__posts .chapter__social__inner__post:nth-child(3n+2) {
margin-right:2%
}
}
.home-social__posts .chapter__social__inner__post:hover {
	transform:scale(1.025)
}
@media only screen and (min-width:1024px) {
.home-social__posts .chapter__social__inner__post {
width:32%
}
}
.grid .chapter__social__inner__post {
	width:100%
}
@media only screen and (min-width:600px) {
.grid .chapter__social__inner__post {
width:48%
}
}
@media only screen and (min-width:800px) {
.grid .chapter__social__inner__post {
width:32%
}
}
.grid .chapter__social__inner__post__image {
	object-fit:contain;
	width:100%
}
@media only screen and (min-width:600px) {
.home-updates__items {
padding:0 1.5rem
}
}
.update__meta {
	position:relative;
	top:-4rem;
	padding:1rem 1.5rem;
	background-color:#fff;
	border-left:2px solid #000;
transition:transform ease-in-out .4s
}
.update__meta label {
	font-size:1.2rem;
	text-transform:capitalize
}
.update__meta a {
	margin-bottom:0;
	display:block;
	font-size:2.6rem;
	line-height:2.6rem;
	text-decoration:none
}
.update__meta a:after {
	content:"";
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0
}
@media only screen and (min-width:600px) {
.update__meta.without-image {
margin-top:0
}
}
@media only screen and (min-width:600px) {
.update__meta {
margin-top:5rem;
position:relative;
top:0
}
}
@media only screen and (min-width:1024px) {
.update__meta {
padding:2rem;
margin-top:7rem
}
}
.list-item__update {
	position:relative;
	margin-bottom:2rem
}
.list-item__update .list-item__update__img {
	width:100%;
	position:relative;
	overflow:hidden;
transition:transform ease-in-out .4s
}
.list-item__update .list-item__update__img a {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
}
@media only screen and (min-width:1024px) {
.list-item__update .list-item__update__img {
width:85%
}
}
.list-item__update:nth-child(odd) .update__meta {
width:90%;
left:10%
}
@media only screen and (min-width:600px) {
.list-item__update:nth-child(odd) .update__meta {
left:-15%
}
}
.list-item__update:nth-child(even) img {
margin-left:15%
}
@media only screen and (min-width:1024px) {
.list-item__update:nth-child(even) img {
margin-left:30%
}
}
.list-item__update:nth-child(even) .update__meta {
left:25%;
width:75%
}
@media only screen and (min-width:600px) {
.list-item__update:nth-child(even) .update__meta {
left:-10%
}
}
@media only screen and (min-width:600px) {
.list-item__update img {
width:100%
}
}
@media only screen and (min-width:600px) {
.list-item__update {
margin-bottom:5rem;
display:flex;
align-items:flex-start
}
}
.vacancies {
	margin-bottom:2rem;
	max-width:1000px;
	padding:0 20px
}
.vacancies__list-item--border-top a {
	border-top:1px solid #000
}
.vacancies__list-item a {
	border-bottom:1px solid #000;
	display:block;
	font-size:1.2rem;
	padding:5px;
	text-decoration:none
}
.vacancies h3 {
	font-size:2.4rem;
margin:4rem 0 .5rem 0
}
.vacancies h4 {
	font-size:1.2rem;
margin:1rem 0 .5rem 0
}
@media only screen and (min-width:600px) {
.vacancies {
padding:0 5% 0 35px;
width:75%
}
}
.page-text .workfield-culture.page-text__category, .workfield-culture.list-item__keyword, .workfield-culture.page-text__keyword {
	color:#2abfb5
}
.page-text .workfield-mobility.page-text__category, .workfield-mobility.list-item__keyword, .workfield-mobility.page-text__keyword {
	color:#ad5429
}
.page-text .workfield-campus.page-text__category, .workfield-campus.list-item__keyword, .workfield-campus.page-text__keyword {
	color:#2b87bd
}
.page-text .workfield-living.page-text__category, .workfield-living.list-item__keyword, .workfield-living.page-text__keyword {
	color:#c2b91b
}
#article-list .grid-sizer, #article-list .list-item, #article-list .list-item--large {
	width:100%
}
#article-list .section-title {
	margin-bottom:15px
}
@media (min-width:600px) {
#article-list .grid-sizer, #article-list .list-item, #article-list .list-item--large {
width:49%
}
#article-list .section-title {
margin-bottom:20px
}
}
@media (min-width:800px) {
#article-list .grid-sizer, #article-list .list-item, #article-list .list-item--large {
width:32%
}
}
.keyword-categories {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	width:680px;
	max-width:100%
}
.keyword-categories>li {
	display:inline-block;
	flex:none;
	margin:0 30px 10px 0
}
.keyword-categories>li a {
	display:block;
	font-size:1.7rem;
	text-decoration:none;
	line-height:.9em;
	white-space:nowrap
}
.keyword-categories>li a::after {
content:'';
display:block;
border-bottom:2px solid transparent;
transition:border .2s ease-in-out;
height:2px;
width:100%
}
.keyword-categories>li a.active::after, .keyword-categories>li a:hover::after {
border-color:#000
}
@media (min-width:600px) {
.keyword-categories li {
margin-right:20px
}
.keyword-categories li a {
font-size:2rem
}
}
.keywords {
	display:flex;
	flex-wrap:wrap;
	margin:14px 0 0 0;
	overflow-x:auto;
	width:100%
}
.keywords>li {
	display:inline-block;
	margin-right:0
}
.keywords>li:first-of-type a {
	padding:10px 10px 10px 0
}
.keywords>li a {
	display:block;
	font-size:1.2rem;
	line-height:.9em;
	text-decoration:none;
	white-space:nowrap;
	padding:10px
}
.keywords>li a.active {
	background:rgba(0, 0, 0, .1);
	padding-left:10px
}
.keywords>li a.active.workfield_mobility {
	background:rgba(173, 84, 41, .1)
}
.keywords>li a.active.workfield_culture {
	background:rgba(42, 191, 181, .1)
}
.keywords>li a.active.workfield_new_campus {
	background:rgba(43, 135, 189, .1)
}
.keywords>li a.active.workfield_super_living {
	background:rgba(194, 185, 27, .1)
}
.keywords>li a.active.knowledge_materials {
	background:rgba(96, 176, 48, .1)
}
.keywords>li a.active.knowledge_parameters {
	background:rgba(70, 85, 194, .1)
}
.keywords>li a.active.knowledge_organisations {
	background:rgba(194, 58, 56, .1)
}
.keywords>li a.active.knowledge_sustainability {
	background:rgba(162, 91, 179, .1)
}
.keywords>li a.workfield_mobility.active::after, .keywords>li a.workfield_mobility:hover::after {
border-color:#ad5429
}
.keywords>li a.workfield_culture.active::after, .keywords>li a.workfield_culture:hover::after {
border-color:#2abfb5
}
.keywords>li a.workfield_new_campus.active::after, .keywords>li a.workfield_new_campus:hover::after {
border-color:#2b87bd
}
.keywords>li a.workfield_super_living.active::after, .keywords>li a.workfield_super_living:hover::after {
border-color:#c2b91b
}
@media (min-width:800px) {
.keywords {
margin-bottom:0
}
}
.keyword-description {
	background:rgba(0, 0, 0, .1);
	padding:10px;
	width:680px;
	max-width:100%;
	margin:0 20px 20px 0
}
.keyword-description.workfield_mobility {
	background:rgba(173, 84, 41, .1)
}
.keyword-description.workfield_culture {
	background:rgba(42, 191, 181, .1)
}
.keyword-description.workfield_new_campus {
	background:rgba(43, 135, 189, .1)
}
.keyword-description.workfield_super_living {
	background:rgba(194, 185, 27, .1)
}
.keyword-description.knowledge_materials {
	background:rgba(96, 176, 48, .1)
}
.keyword-description.knowledge_parameters {
	background:rgba(70, 85, 194, .1)
}
.keyword-description.knowledge_organisations {
	background:rgba(194, 58, 56, .1)
}
.keyword-description.knowledge_sustainability {
	background:rgba(162, 91, 179, .1)
}
.keyword-description h2 {
	font-size:1.8rem;
	margin:0
}
body.article .chapter__footer__section {
	padding:0 5% 0 35px;
	align-items:baseline
}
body.article .chapter__footer__section h2 {
	width:auto;
	margin:0 15px 0 0
}
.current-list .current__events, .current-list .grid-sizer, .current-list .list-item, .current-list .list-item--large {
	width:32%
}
.current-list .gutter-sizer {
	width:2%
}
.current-list .current__events {
	background:#f0f0f0;
	margin:0 0 40px -1px;
	position:absolute;
	right:0;
	z-index:1
}
@media only screen and (max-width:800px) {
.current-list .current__events, .current-list .grid-sizer, .current-list .list-item, .current-list .list-item--large {
width:48%
}
}
@media only screen and (max-width:600px) {
.current-list .current__events, .current-list .grid-sizer, .current-list .list-item, .current-list .list-item--large {
width:100%
}
}
.events .events__title {
	border-bottom:1px solid #e6e6e6;
	font-size:1.2rem;
	font-weight:700;
	line-height:1.2rem;
	margin:0;
	padding:25px 20px 20px 20px
}
.events .event {
	border-bottom:1px solid #e0e0e0;
	color:#000;
	line-height:1rem;
	padding:20px;
transition:all .3s ease-in-out
}
.events .event:hover {
	background-color:#000;
	border-bottom-color:transparent;
	color:#fff
}
.events .event:last-of-type {
	border-bottom:0
}
.events .event a {
	color:inherit;
	display:block;
	text-decoration:none
}
.events .event__title {
	font-size:2rem;
	line-height:2rem;
	margin:0;
	padding:5px 0 10px 0
}
.events .event__address {
	font-weight:700;
	padding-bottom:2px
}
.events .event__date {
	padding-top:5px
}
.events .event__address, .events .event__date {
	font-size:1.2rem;
	letter-spacing:.05em
}
@media only screen and (max-width:800px) {
.events {
width:100%
}
}
.global-nav__menu {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:100vw;
	height:calc(100% - 160px);
	padding:0 20px;
	margin:0;
	position:fixed;
	top:80px;
	left:0;
	right:0;
	z-index:1200;
	background:#fff;
	list-style:none;
	font-size:30px;
	line-height:1.2;
	opacity:0;
transition:opacity .3s;
	pointer-events:none
}
@media only screen and (min-width:600px) {
.global-nav__menu {
font-size:40px
}
}
@media only screen and (min-width:800px) {
.global-nav__menu {
font-size:50px
}
}
@media only screen and (min-width:1200px) {
.global-nav__menu {
font-size:60px
}
}
@media only screen and (min-width:1400px) {
.global-nav__menu {
font-size:70px
}
}
.global-nav__menu__item {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:1 0 auto;
transition:all .4s
}
.global-nav__menu__item:nth-child(1) {
transform:translateX(12vw)
}
.global-nav__menu__item:nth-child(2) {
transform:translateX(-13vw)
}
.global-nav__menu__item:nth-child(3) {
transform:translateX(-5vw)
}
.global-nav__menu__item:nth-child(4) {
transform:translateX(-24vw)
}
.global-nav__menu__item:nth-child(5) {
transform:translateX(-7vw)
}
.global-nav__menu__item:nth-child(6) {
transform:translateX(-20vw)
}
.global-nav__menu__item a {
	text-decoration:none;
	position:relative
}
.global-nav__menu__item a:active .global-nav__menu__item__subtitle, .global-nav__menu__item a:focus .global-nav__menu__item__subtitle, .global-nav__menu__item a:focus:active .global-nav__menu__item__subtitle, .global-nav__menu__item a:hover .global-nav__menu__item__subtitle {
	transform:translateY(0);
	opacity:1
}
@media only screen and (min-width:1024px) {
.global-nav__menu__item:nth-child(4) {
transform:translateX(-10vw)
}
.global-nav__menu__item:nth-child(5) {
transform:translateX(15vw)
}
}
.global-nav.is-open+.global-nav__menu {
	opacity:1;
transition:opacity .3s;
	pointer-events:auto
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(1) {
transform:translateX(-10vw)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(2) {
transform:translateX(-25vw)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(3) {
transform:translateX(3vw)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(4) {
transform:translateX(-10vw)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(5) {
transform:translateX(8vw)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(6) {
transform:translateX(-15vw)
}
@media only screen and (min-width:600px) {
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(5) {
transform:translateX(15vw)
}
}
@media only screen and (min-width:1024px) {
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(1) {
transform:translateX(0)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(2) {
transform:translateX(-23vw)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(3) {
transform:translateX(12vw)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(4) {
transform:translateX(-5vw)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(5) {
transform:translateX(23vw)
}
.global-nav.is-open+.global-nav__menu .global-nav__menu__item:nth-child(6) {
transform:translateX(-16vw)
}
}
.global-nav__menu__item__subtitle {
	position:absolute;
	bottom:-19px;
	left:0;
	font-size:14px;
	white-space:nowrap;
	opacity:0;
	transform:translateY(10px);
transition:opacity .3s, transform .3s
}
@media only screen and (min-width:800px) {
.global-nav__menu__item__subtitle {
font-size:25px;
bottom:-25px
}
}
@media only screen and (min-width:1400px) {
.global-nav__menu__item__subtitle {
bottom:-14px
}
}
.global-nav {
	position:fixed;
	width:100%;
	z-index:1001
}
.global-nav--scrolled:before {
	display:none
}
.global-nav.is-open {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1100;
	background:#fff
}
.global-nav.is-open .global-nav__social {
	opacity:1;
	z-index:1100
}
.global-nav.is-open .global-nav__unsense-logo {
	opacity:1;
	z-index:1100
}
.global-nav.is-open .global-nav__top li:not(:last-child) {
display:block;
opacity:1;
z-index:1100
}
.global-nav a {
	text-decoration:none
}
.global-nav__social a {
	
}
.global-nav__logo {
	display:block;
	position:absolute;
	z-index:1100;
	text-indent:-9999px;
transition:opacity .25s ease-in-out, visibility 0s
}
.nav-large .global-nav__logo:before {
	background-image:url(../images/logo.svg);
	height:100px
}
.nav-large .global-nav__logo:after {
	height:180px
}
.is-open .global-nav__logo:before {
	background-image:url(../images/logo-compact.svg);
	height:36px;
	width:75px
}
.is-open .global-nav__logo--hidden {
	opacity:1;
	visibility:visible
}
.global-nav__logo--hidden {
	opacity:0;
transition:opacity .25s ease-in-out, visibility 0s .25s;
	visibility:hidden
}
.global-nav__logo:before {
	content:'';
	width:100px;
	height:38px;
	opacity:1;
	position:absolute;
	top:20px;
	left:2rem;
	z-index:10;
	background:url(../images/logo1.png) left center no-repeat;
	background-size:contain
}
.global-nav__logo:hover:before {

	background:url(../images/logo2.png) left center no-repeat;
	background-size:contain
}
.global-nav__logo:after {
	content:'';
	height:120px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:0;
	background:linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	pointer-events:none
}
.global-nav__top {
	display:flex;
	height:36px;
	align-items:center;
	position:absolute;
	top:25px;
	right:20px;
	z-index:1100
}
.global-nav__top li+li {
	margin-left:8px
}
.global-nav__top li:last-child {
	height:35px
}
.global-nav__top li:not(:last-child) {
display:none;
position:relative;
z-index:-1;
opacity:0;
transition:opacity .3s;
font-weight:700
}
.global-nav__top a:active, .global-nav__top a:active:focus, .global-nav__top a:focus, .global-nav__top a:hover {
	text-decoration:none
}
.global-nav__top a:active span, .global-nav__top a:active:focus span, .global-nav__top a:focus span, .global-nav__top a:hover span {
	text-decoration:underline
}
.global-nav__top__search i {
	position:relative;
	top:1px
}
.global-nav__unsense-logo {
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:-1;
	opacity:0;
transition:opacity .3s
}
.global-nav__unsense-logo img {
	height:15px
}
.global-nav__social {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:-1;
	opacity:0;
transition:opacity .3s
}
.is-open .global-nav__social {
	z-index:1100
}
.global-nav__social span {
	display:none
}
.global-nav__social li {
	display:inline-block;
	margin-right:3px
}
.global-nav__social a {
transition:opacity .3s
}
.global-nav__social a:active, .global-nav__social a:active:focus, .global-nav__social a:focus, .global-nav__social a:hover {
	text-decoration:none;
	opacity:.7
}
.global-nav__social .icon--twitter {
	font-size:.9em
}
.project .global-nav__logo {
	visibility:hidden
}
.project.is-first-content .global-nav__logo, .project.is-menu-visible .global-nav__logo {
	background-image:url(../images/logo.svg);
	height:100px;
	visibility:visible
}
.global-nav__top__menu i:before {
	top:52%
}
@media only screen and (min-width:321px) {
.is-open .global-nav__logo:before {
width:100px
}
}
@media only screen and (min-width:600px) {
.global-nav__logo:before {
height:30px;
width:150px;
top:24px
}
.nav-large .global-nav__logo:before {
height:140px
}
.is-open .global-nav__logo:before {
width:150px
}
.nav-large .global-nav.is-open .global-nav__logo:before {
height:30px
}
.global-nav__top li:last-child {
position:static
}
.global-nav__top li.global-nav__top__search {
display:block;
z-index:1100;
opacity:1
}
.global-nav__top li.global-nav__top__search span {
display:none
}
.is-open .global-nav__top li.global-nav__top__search span {
display:inline
}
.global-nav__top li.global-nav__top__admin {
display:block;
z-index:1100;
opacity:1
}
.project .global-nav__logo {
height:36px
}
.project.is-first-content .global-nav__logo {
height:140px
}
.global-nav::before {
height:190px
}
}
@media only screen and (min-width:600px) {
.global-nav.is-open .global-nav__top__search a {
width:auto
}
.global-nav.is-open .global-nav__top__search i {
margin-right:3px
}
.global-nav__top__search a {
display:flex;
align-items:center;
justify-content:center;
background:#fff;
width:36px;
height:36px;
border-radius:50%
}
.global-nav__top__search i {
margin-right:1px;
margin-bottom:1px
}
}
.grid {
	margin:0 auto;
	width:100%
}
.grid-item.hidden {
	opacity:0
}
.overview {
	padding-top:4.4rem;
	padding-bottom:1.25rem
}
.overview h1 {
	margin-bottom:1rem;
	font-size:3rem
}
@media (min-width:800px) {
.overview h1 {
margin-bottom:2rem;
font-size:4rem
}
}
.overview__intro {
	max-width:50rem;
	margin:2rem 0;
	font-size:1.2em
}
.overview-information article {
	max-width:70rem;
	margin-bottom:2rem;
	font-size:1.15rem
}
@media (min-width:800px) {
.overview-information h1 {
margin-bottom:2rem;
font-size:4rem
}
.overview-information article {
column-count:2
}
}
.overview-information__persons {
	margin-top:1rem
}
@media (min-width:600px) {
.overview-information__persons {
display:flex;
flex-wrap:wrap
}
}
.overview-information__person {
	margin-bottom:2rem;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start
}
.overview-information__person img {
	width:6rem;
	background-color:#f4f4f4
}
.overview-information__person strong:first-child {
	width:100%;
margin-bottom:.5rem
}
.overview-information__person-data {
padding:.5rem 1rem;
	display:flex;
	flex-direction:column
}
@keyframes fadeIn {
from {
background:rgba(0, 0, 0, 0)
}
to {
	background:rgba(0, 0, 0, .18)
}
}
@keyframes fadeOut {
from {
background:rgba(0, 0, 0, .18)
}
to {
	background:rgba(0, 0, 0, 0)
}
}
@keyframes show {
from {
transform:translateX(-100%)
}
to {
	transform:translateX(0)
}
}
@keyframes hide {
from {
transform:translateX(0)
}
to {
	transform:translateX(100%)
}
}
@keyframes slideInFromRight {
from {
transform:translateX(100%)
}
to {
	transform:translateX(0)
}
}
@keyframes slideOutToRight {
from {
transform:translateX(0)
}
to {
	transform:translateX(100%)
}
}
#person-details {
	animation:hide 0s forwards;
animation-delay:.75s;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1010;
	pointer-events:none
}
#person-details .backdrop {
	animation:fadeOut 1s forwards;
	bottom:0;
	left:0;
	position:fixed;
	right:0;
	top:0
}
#person-details .btn-close {
	width:3rem;
	height:3rem;
	position:absolute;
	top:0;
	right:0
}
#person-details .person__details {
	animation:slideOutToRight 1s forwards;
	padding-top:60px;
	background:#fff;
	border-left:3px solid #000;
	overflow-y:auto;
	position:fixed;
	right:0;
	top:0;
	width:90vw;
	bottom:0;
	z-index:10
}
#person-details .person__details__content__name {
	font-size:2.2rem;
	line-height:2.2rem;
	margin:0 0 20px 0
}
#person-details .person__details__content__location, #person-details .person__details__content__position {
	font-size:1.8rem;
	margin:0;
	padding-bottom:8px
}
#person-details .person__details__content__body {
	line-height:1.6
}
#person-details .person__details__content__body a {
	text-decoration:underline
}
#person-details .person__details__about {
	display:flex
}
#person-details .person__details__content {
	flex:2;
	font-size:1.1rem;
	line-height:1.3rem;
	padding:0 30px 0 20px
}
#person-details .person__details__figure {
	flex:1
}
#person-details .person__details__extras>section {
	display:flex;
	margin-bottom:20px
}
#person-details .person__details__extras h3 {
	flex:1;
	font-size:1.6rem;
	padding-left:20px
}
#person-details .person__details__extras ul {
	flex:2
}
#person-details .person__details__extras ul h4 {
	font-size:1.6rem;
	font-weight:400;
	margin-bottom:0
}
#person-details .person__details__extras ul a {
	display:block;
	text-decoration:none
}
#person-details .person__details__extras__subtitle {
	font-size:1.2rem
}
#person-details.open {
	animation:show forwards;
	display:block;
	pointer-events:auto
}
#person-details.open .person__details {
	animation:slideInFromRight 1s forwards
}
#person-details.open .backdrop {
	animation:fadeIn 1s forwards
}
@media only screen and (min-width:600px) {
#person-details .person__details {
width:80vw
}
#person-details .person__details__content__name {
font-size:4rem;
line-height:4rem
}
#person-details .person__details__content__location, #person-details .person__details__content__position {
font-size:2rem;
line-height:2rem
}
#person-details .person__details__extras h3 {
font-size:1.8rem
}
#person-details .person__details__extras ul h4 {
font-size:1.8rem
}
}
@media only screen and (min-width:1024px) {
#person-details .person__details {
width:40vw
}
}
.do_search {
	padding-top:70px
}
.do_search .search__top {
	max-width:70vw;
	margin:0 auto;
	margin-bottom:30px;
	margin-top:20px
}
.do_search .search__container {
	max-width:70vw;
	margin:0 auto
}
.do_search .do_search_suggestions {
	width:100%;
	font-family:neuzeit-grotesk, NeuzeitGro-Reg, verdana, sans-serif;
	font-size:22px;
	padding:6px;
	border:none;
	border-bottom:2px solid #000;
	border-radius:0
}
.do_search .search__top__form {
	display:flex;
	position:relative;
	z-index:1002
}
.do_search .search-suggestions__suggestions {
	display:block;
	position:absolute;
	left:0;
	top:50px;
	width:100%;
	background:#fff;
	z-index:100
}
.do_search .search-suggestions__suggestions ul li {
	background:#000;
	padding:4px 8px 4px 8px;
	margin-bottom:1px
}
.do_search .search-suggestions__suggestions ul li a {
	color:#fff;
	font-family:neuzeit-grotesk, NeuzeitGro-Reg, verdana, sans-serif;
	font-size:20px;
	text-decoration:none;
	display:block;
	font-weight:400
}
.do_search .search-suggestions__submit {
	background:0 0;
	width:50px;
	border:none;
	position:relative;
	border-bottom:2px solid #000
}
.do_search .search-suggestions__submit:after {
	width:26px;
	height:26px;
	font-size:26px;
	position:absolute;
	top:0;
	left:6px;
	font-weight:400
}
.do_search .pagination-centered {
	margin-bottom:40px
}
.do_search .pagination-centered li {
	display:inline-block
}
.do_search .search__pager__result-counter {
	text-align:center
}
.do_search .do_search_cmp_types {
	display:none
}
.do_search .search__results__list__group__title {
	padding:0;
	margin:0;
	border-bottom:1px solid #000
}
.list__item--search-results {
	margin-bottom:10px;
	min-height:234px
}
.list__item--search-results a {
	text-decoration:none
}
.list__item--search-results article {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.list__item--search-results .list__item__content {
	width:100%;
	padding-right:12px;
	margin-bottom:20px
}
.list__item--search-results .list__item__image {
	width:100%;
	max-width:30%;
	flex-shrink:0
}
.list__item--search-results .list__item__image img {
	width:100%;
	height:auto
}
.list__item--search-results .list__item__content__title {
	font-size:30px;
	margin:0
}
@media only screen and (min-width:800px) {
.list__item--search-results article {
flex-wrap:nowrap
}
.list__item--search-results .list__item__image {
width:auto
}
.list__item--search-results .list__item__content {
margin-bottom:0
}
}
.team-list .list {
	display:flex;
	flex-wrap:wrap
}
.team-list .list-item, .team-list .list-item--large {
	width:50%
}
.team-list .list-item--large:hover, .team-list .list-item:hover {
	cursor:pointer;
	opacity:1
}
.team-list .list-item--large:hover .list-item__figure, .team-list .list-item--large:hover .list-item__figure--fallback, .team-list .list-item:hover .list-item__figure, .team-list .list-item:hover .list-item__figure--fallback {
	filter:none;
	opacity:1
}
.team-list .list-item h2, .team-list .list-item--large h2 {
	font-size:1.6rem;
	line-height:1.6rem;
	margin:0;
	padding:5px 25px 0 0;
	word-wrap:normal
}
.team-list .list-item h3, .team-list .list-item--large h3 {
	font-size:1rem
}
.team-list .list-item__figure, .team-list .list-item__figure--fallback {
	background-position:center 60%;
	background-size:cover;
	filter:grayscale(100%);
	padding-bottom:130%;
	margin-bottom:0;
	max-height:320px;
	opacity:.6;
	overflow:hidden;
transition:all .65s ease-in-out
}
.team-list .list-item__figure--fallback {
	background-color:grey
}
.team-list .filters {
	display:flex;
	margin-bottom:35px;
	width:100%;
	flex-wrap:wrap
}
.team-list .filters li {
	margin-right:1rem
}
.team-list .filters li a {
	display:block;
	font-size:1.2rem;
	text-decoration:none
}
.team-list .filters li a.filter-bordered:after {
	bottom:5px;
	content:'';
	display:block;
	border-bottom:2px solid transparent;
	height:2px;
	position:relative;
transition:border .2s ease-in-out;
	width:100%
}
.team-list .filters li a.active::after, .team-list .filters li a:hover::after {
border-color:#000
}
@media only screen and (min-width:600px) {
.team-list .filters li {
margin-right:2rem
}
}
.team-list .service-filter {
	position:relative
}
.team-list .service-filter button {
	line-height:1.7rem;
	border:none;
	font-size:1.2rem;
	background-color:#fff;
	font-family:neuzeit-grotesk, NeuzeitGro-Reg, verdana, sans-serif
}
.team-list .service-filter button i {
	position:relative;
	top:-2px;
margin-left:.25rem;
font-size:.5rem
}
.team-list .service-filter:hover .toggle-list__services {
	display:block
}
.team-list .toggle-list__services {
	display:none;
	position:absolute;
	top:1.7rem;
	left:0;
	background-color:#000;
	z-index:1000
}
.team-list .toggle-list__services a {
	color:#fff
}
.team-list .toggle-list__services li {
	margin-right:0;
padding:.5rem 1rem
}
.team-list .toggle-list__services li:hover {
	background-color:#fff
}
.team-list .toggle-list__services li:hover a {
	color:#000
}
.team-list .group-title {
	width:100%
}
@media only screen and (min-width:600px) {
.team-list .list-item, .team-list .list-item--large {
width:32%
}
.filters li a .team-list::after {
bottom:8px
}
}
@media only screen and (min-width:800px) {
.team-list .list-item, .team-list .list-item--large {
width:25%
}
}
.page__about {
	padding:140px 0 60px 0
}
.page__about__grid {
	display:block;
	max-width:90vw
}
.about__link {
	padding:20px 20px 50px 20px;
	margin-bottom:15px;
	display:block;
	background-color:#fff;
transition:background-color .5s linear;
	text-decoration:none;
	position:relative
}
.about__link h1 {
	margin:0
}
.about__link .readmore {
	position:absolute;
	right:16px;
	bottom:16px;
	padding:0 20px 0 0;
	display:block
}
.about__link .readmore:after {
	width:10px;
	height:20px;
	font-size:20px;
	position:absolute;
	right:0;
	top:0;
	font-weight:400
}
.about__link:hover {
	background-color:#f0f0f0;
transition:background-color .5s linear
}
.about__link:hover .readmore {
	display:block
}
@media only screen and (min-width:800px) {
.page__about {
padding:75px 0 60px 0
}
.page__about__grid {
display:flex;
max-width:70vw
}
.page__about__grid>* {
width:50%;
margin-right:50px
}
.page__about__grid>:nth-child(2) {
margin-top:60px
}
.about__link {
padding:20px 20px 60px 20px;
visibility:hidden
}
.about__link h1 {
font-size:4rem
}
.about__link .readmore {
display:none
}
}
.page-awards .body-text {
	columns:1
}
body.book .masthead-carousel-image {
	background-size:contain;
	background-repeat:no-repeat
}
.page__contact {
	padding:60px 30px 60px 30px
}
.page__contact .section-title {
	margin-bottom:30px
}
.page__contact p+p {
	text-indent:0
}
.page__contact p {
	margin-bottom:20px
}
.page__contact__map {
	width:100%;
	height:300px;
	max-height:300px;
	margin-bottom:20px
}
.page__contact__map iframe {
	width:100%;
	height:100%
}
.page__contact__main-cols {
	display:block;
	margin-bottom:30px
}
.page__contact__main-cols p+p {
	text-indent:0
}
.page__contact__main-cols p {
	margin-bottom:20px
}
.page__contact__main-cols>div:nth-child(1) {
width:100%
}
.page__contact__main-cols>div:nth-child(2) {
width:100%
}
.page__contact__location-cols {
	display:flex
}
.page__contact__location-cols>div:nth-child(1) {
width:50%;
margin-right:20px
}
.page__contact__location-cols>div:nth-child(2) {
width:50%
}
@media only screen and (min-width:800px) {
.page__contact__map {
height:400px;
max-height:400px;
margin-bottom:20px
}
.page__contact {
padding:75px 20px 60px 20px
}
.page__contact__main-cols {
display:flex
}
.page__contact__main-cols>div:nth-child(1) {
width:40%;
margin-right:30px
}
.page__contact__main-cols>div:nth-child(2) {
width:50%
}
}
.t--home {
	height:100%
}
.t--home h2:not(.home__section-title) {
margin-bottom:0
}
.home-content {
	background-color:#fff;
	position:relative;
padding:.5rem 0
}
.home-carousel {
	position:relative
}
.home-top_carousel-background {
	height:100vh;
	width:100%;
	position:fixed
}
.home-top_carousel-background li {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:block;
	background-size:cover;
	opacity:0;
transition:opacity .5s
}
.home-top_carousel-background .background_active {
	opacity:1
}
.home-top_carousel-bg {
	height:100vh
}
.home-top_carousel-bg .slick-dots {
	position:absolute;
	bottom:1rem;
	left:1rem
}
.home-top_carousel-bg__item p {
	width:100%;
	min-height:8rem;
	padding:1rem 1.5rem 2rem;
	position:absolute;
	top:40%;
	font-weight:600;
	font-size:2.5rem;
	line-height:2.75rem;
	color:#fff;
	cursor:pointer
}
@media only screen and (min-width:600px) {
.home-top_carousel-bg__item p {
width:80%;
font-size:3rem;
line-height:3.5rem
}
}
@media only screen and (min-width:800px) {
.home-top_carousel-bg__item p {
min-height:9rem;
top:50%
}
}
@media only screen and (min-width:1024px) {
.home-top_carousel-bg__item p {
min-height:12rem;
font-size:4.25rem;
line-height:4.5rem
}
}
.home-top_carousel-bg__item.active {
	opacity:1;
	z-index:3
}
.home-top_carousel-bg__item.last-active {
	z-index:2
}
.home__section-title {
	display:inline-block;
padding:.5rem 1.5rem;
	margin:4rem 0 2rem;
	background:#000;
	color:#fff;
	text-decoration:none;
transition:all .3s;
	font-size:1rem;
	font-weight:700;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
a.home__section-title:active, a.home__section-title:focus, a.home__section-title:focus:active, a.home__section-title:hover {
	padding-left:3.5rem;
	color:#fff
}
.home-project {
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	height:100vh;
	background-position:center;
	background-size:cover;
	position:relative
}
.home-project:active .home-project__link, .home-project:focus .home-project__link, .home-project:focus:active .home-project__link, .home-project:hover .home-project__link {
	left:1rem
}
.home-project__caption {
	width:90%;
	margin:0 auto;
	font-weight:600;
	font-size:2.5rem;
	line-height:1.2;
	color:#fff;
	cursor:pointer
}
@media (min-width:800px) {
.home-project__caption {
font-size:3rem
}
}
@media (min-width:800px) {
.home-project__caption {
font-size:4.25rem
}
}
.home-project__link {
	display:block;
	width:14rem;
padding:.5rem 1.5rem;
	margin:2em 0 0;
	position:relative;
	left:0;
	background:#fff;
	color:#000;
	font-weight:400;
	font-size:.6em;
	border-left:2px solid #000;
transition:left .3s
}
@media (min-width:800px) {
.home-project__link {
width:20rem;
font-size:.5em
}
}
body.location .page-text .body-text {
	width:100%;
	max-width:50rem;
	columns:1;
	padding:0
}
.location-intro .service__contact {
	padding-left:0
}
@media (min-width:800px) {
.location-intro {
display:flex
}
}
.location-intro__text {
	width:66%;
	margin-right:2%
}
.location-list {
	margin:2.5rem 0 3rem
}
.page-person {
	padding-top:100px
}
.page-person__dep {
	padding:0 5% 0 35px
}
.project-content {
	padding-bottom:70px;
	position:relative;
	top:80vh;
	background-color:#fff;
	z-index:2
}
.project-content h1 {
	margin:0 0 1rem;
	font-size:40px;
	font-weight:600;
	line-height:45px
}
@media only screen and (min-width:900px) {
.project-content h1 {
font-size:80px;
line-height:80px
}
}
@media only screen and (min-width:1536px) {
.project-content h1 {
font-size:80px;
line-height:100px
}
}
.project-content h2 {
	margin:0;
	font-size:34px;
	font-weight:400;
	line-height:38px
}
@media only screen and (min-width:900px) {
.project-content h2 {
font-size:44px;
line-height:90px
}
}
.project-content h3 {
	margin:0;
	font-size:25px;
	font-weight:400;
	line-height:32px
}
@media only screen and (min-width:900px) {
.project-content h3 {
font-size:45px;
line-height:52px
}
}
.project-content h3.concept {
	margin:0 0 30px;
	font-size:36px;
	font-weight:400;
	line-height:40px
}
@media only screen and (min-width:900px) {
.project-content h3.concept {
font-size:40px;
line-height:45px
}
}
.project-content h4 {
	margin:0;
	font-size:22px;
	font-weight:400;
	line-height:28px
}
@media only screen and (min-width:900px) {
.project-content h4 {
font-size:36px;
line-height:40px
}
}
.project-content blockquote {
	margin:0 0 1rem;
	border:0;
	font-size:1.8em;
	font-weight:300;
	line-height:1.35;
	quotes:"\201C" "\201D" "\2018" "\2019"
}
.project-content blockquote p {
	margin:inherit;
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit
}
.project-content blockquote p:before {
	content:open-quote
}
.project-content blockquote p:after {
	content:close-quote
}
@media only screen and (min-width:900px) {
.project-content blockquote {
font-size:36px;
line-height:41px
}
}
.project-content p {
	font-size:18px;
	font-weight:400;
	line-height:24px;
	text-indent:35px
}
@media only screen and (min-width:900px) {
.project-content p {
font-size:16px;
line-height:28px;
letter-spacing:2px;
}
.project-content p:first-child{ margin-top:40px;}
}
.project-content a {
	border-bottom:1px solid;
	text-decoration:none
}
.project-content a:hover {
	border:0
}
.project-content small {
	font-size:14px;
	font-weight:400;
	line-height:24px
}
@media only screen and (min-width:900px) {
.project-content small {
font-size:15px;
line-height:20px
}
}
.project-content iframe {
	max-width:100%
}
.project-masthead {
	width:100%;
	height:80vh;
	position:fixed;
	top:0;
	left:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:1
}
.project-menu {
	width:100%;
	padding:17.5px 35px;
	position:fixed;
	bottom:0;
	left:0;
	background-color:#fff;
	z-index:3;
transition:transform .15s
}
.project-menu:after {
	content:"";
	width:100%;
	height:100vh;
	position:absolute;
	bottom:-100vh;
	left:0;
	background-color:#fff
}
.project-menu.collapsed {
	transform:translate3d(0, -10px, 0);
	cursor:pointer
}
.project-menu.collapsed .project-menu__submenu__icon {
	opacity:1
}
.project-menu.collapsed .current-section__title {
transition:opacity .25s ease .25s
}
.project-menu.collapsed.show-menu-items .project-menu__submenu__icon {
	opacity:0;
	cursor:default;
	transition:none
}
.project-menu.collapsed.show-menu-items .current-section__title {
	opacity:0;
	pointer-events:none;
transition:opacity .25s ease 0s
}
.project-menu.collapsed.show-menu-items ul {
	opacity:1;
	pointer-events:all
}
.project-menu.collapsed.show-menu-items li {
	opacity:1;
transition:opacity .35s
}
@media only screen and (min-width:600px) {
.project-menu.collapsed {
transform:translate3d(0, 20px, 0)
}
}
@media only screen and (min-width:600px) {
.project-menu {
padding:0 0 17.5px;
display:grid;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px;
grid-template-rows:2
}
.project-menu:before {
content:"";
width:100%;
height:17.5px;
position:absolute;
top:-17.5px;
left:0;
background:inherit;
z-index:-1
}
}
@media only screen and (min-width:900px) {
.project-menu {
padding:0 0 26.25px;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px
}
.project-menu:before {
height:26.25px;
top:-26.25px
}
}
@media only screen and (min-width:1536px) {
.project-menu {
padding:0 0 35px
}
.project-menu:before {
height:35px;
top:-35px
}
}
.project-menu__title {
	margin:0;
	opacity:0;
	font-size:40px;
	font-weight:600;
	line-height:33px;
transition:all .15s;
animation:fadein .5s forwards .25s
}
.collapsed .project-menu__title {
	font-size:20px;
	transform:translate3d(0, -10px, 0)
}
@media only screen and (min-width:600px) {
.project-menu__title {
-ms-grid-column-span:15;
grid-column-start:2;
grid-column-end:-1;
grid-row-start:1;
grid-row:1
}
}
@media only screen and (min-width:900px) {
.project-menu__title {
font-size:56px
}
.collapsed .project-menu__title {
font-size:24px
}
}
@media only screen and (min-width:1536px) {
.project-menu__title {
font-size:73px
}
}
.project-menu__submenu {
	position:absolute;
	top:3.5rem;
	font-size:20px;
	line-height:24px;
	z-index:4
}
.project-menu__submenu ul {
	padding-left:35px;
	pointer-events:none
}
.project-menu__submenu li {
	opacity:0;
	cursor:pointer;
	transition:none
}
.project-menu__submenu li:hover {
	font-weight:600
}
@media only screen and (min-width:600px) {
.project-menu__submenu {
-ms-grid-column-span:15;
grid-column-start:8;
grid-column-end:-1;
grid-row-start:1;
grid-row:1;
top:-.7rem
}
}
@media only screen and (min-width:900px) {
.project-menu__submenu {
-ms-grid-column-span:15;
grid-column-start:12;
grid-column-end:-1;
grid-row-start:1;
grid-row:1;
font-size:24px;
line-height:normal
}
}
.project-menu__submenu__icon {
	opacity:0;
	position:absolute;
	left:0;
	cursor:pointer;
transition:opacity .05s
}
.collapsed .project-menu__submenu__icon {
transition:opacity .25s .25s
}
@media only screen and (min-width:600px) {
.project-menu__submenu__icon {
top:11px
}
}
@media only screen and (min-width:900px) {
.project-menu__submenu__icon {
top:14px
}
}
.project-menu-close-target {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:2
}
.current-section__title {
	min-height:20px;
	position:absolute;
	top:-3px;
	left:35px;
transition:opacity .25s ease .15s
}
@media only screen and (min-width:600px) {
.current-section__title {
min-height:25px;
top:6px
}
}
.current-submenu__item {
	position:relative
}
.current-submenu__item:after {
	content:"";
width:.4rem;
height:.4rem;
	position:absolute;
	top:50%;
	left:-35px;
border-radius:.5rem;
	background-color:#000;
	transform:translateY(-50%)
}
@media only screen and (min-width:600px) {
.current-submenu__item:after {
top:calc(50% + 1px)
}
}
.project-information {
	padding:35px
}

@media only screen and (min-width:900px) {
.project-information {
padding:20px 0 0 70px 0;
display:grid;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px
}
}
.project-information__content h2, .project-information__content h3, .project-information__content h4 {
	margin-bottom:1rem
}
@media only screen and (min-width:900px) {
.project-information__content {
-ms-grid-column-span:7;
grid-column-start:2;
grid-column-end:span 7
}
}
.project-information__aside p+p {
	text-indent:0
}
.project-information__aside li {
	display:inline-block;
	font-size:inherit;
	line-height:inherit
}
@media only screen and (min-width:900px) {
.project-information__aside {
-ms-grid-column-span:5;
grid-column-start:12;
grid-column-end:17
}
}
@media only screen and (min-width:1536px) {
.project-information__aside {
-ms-grid-column-span:3;
grid-column-start:14
}
}
.project-social {
	margin:35px 0;
	display:flex;
	align-items:center
}
.project-social h2 {
	margin:0
}
.project-social__links {
	display:flex
}
.project-social__links li {
	margin-left:1rem
}
.project-social__links a {
	border-bottom:none
}
.project-social__links a i{
	font-size:20px;
}
.project-social__links a:hover i{
	color:#E95512;
}


.project-social__links .dbqr .dbqr_nr .arrow
{top:100px;border-top:10px solid #E95512}


.project-section {
	margin:35px 0 0px
}
.project-video {
	max-height:90vh;
	margin-bottom:35px;
	background-color:#000
}
.project-video iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
}
.section-gallery {
	padding:0 17.5px
}
@media only screen and (min-width:900px) {
.section-gallery {
padding:0 35px
}
}
.section-gallery-nav {
	width:100%;
	margin-top:8.75px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.section-gallery-nav small {
	padding-left:66%
}
.section-gallery-nav button {
	cursor:pointer
}
.section-gallery-nav button:disabled {
	opacity:.5;
	cursor:not-allowed
}
.section-gallery-next, .section-gallery-previous {
	border:0;
	border-radius:0;
	background-color:transparent
}
.section-gallery-next:hover, .section-gallery-previous:hover {
	opacity:.5
}
.section-text-content {
	padding:0 17.5px 35px
}
.section-text-content h2, .section-text-content h3, .section-text-content h4 {
	margin-bottom:1rem
}
@media only screen and (min-width:600px) {
.section-text-content {
padding:0 40% 35px 17.5px
}
}
@media only screen and (min-width:900px) {
.section-text-content {
-ms-grid-column-span:5;
padding:0;
grid-column-start:2;
grid-column-end:7;
grid-row:1
}
.column-left .section-text-content {
grid-column-start:12;
grid-column-end:17
}
}
@media only screen and (min-width:900px) {
.section-text-content-sticky {
position:sticky;
top:70px
}
}
.section-images-wrapper img {
	height:auto;
	margin-bottom:35px
}
.section-images-wrapper video {
	height:auto;
	margin-bottom:35px
}
@media only screen and (min-width:600px) {
.section-text-images .section-images-wrapper {
display:grid;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px
}
}
@media only screen and (min-width:900px) {
.section-text-images {
padding:0;
display:grid;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px
}
.section-text-images .section-images-wrapper {
-ms-grid-column-span:11;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px;
grid-column-start:7;
grid-column-end:-1;
grid-row:1
}
.section-text-images.column-left .section-images-wrapper {
grid-column-start:1;
grid-column-end:12
}
}
@media only screen and (min-width:600px) {
.section-images .section-images-wrapper {
display:grid;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px
}
}
@media only screen and (min-width:900px) {
.section-images .section-images-wrapper {
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px
}
.section-images .section-images-wrapper .img-0 {
-ms-grid-column-span:17;
grid-column-end:-1
}
.section-images .section-images-wrapper .img-1 {
-ms-grid-column-span:9;
grid-column-start:2;
grid-column-end:11
}
.section-images .section-images-wrapper .img-1.column-right {
grid-column-start:8;
grid-column-end:17
}
.section-images .section-images-wrapper .img-2 {
-ms-grid-column-span:5;
grid-column-start:12;
grid-column-end:17
}
.section-images .section-images-wrapper .img-2.column-right {
grid-column-start:2;
grid-column-end:7
}
.section-images .section-images-wrapper .img-3 {
-ms-grid-column-span:11;
grid-column-start:6;
grid-column-end:17
}
.section-images .section-images-wrapper .img-3.column-right {
grid-column-start:2;
grid-column-end:13
}
.section-images .section-images-wrapper .img-4 {
-ms-grid-column-span:11;
grid-column-start:2;
grid-column-end:13
}
.section-images .section-images-wrapper .img-4.column-right {
grid-column-start:6;
grid-column-end:17
}
.section-images .section-images-wrapper .img-5 {
-ms-grid-column-span:9;
grid-column-start:8;
grid-column-end:17
}
.section-images .section-images-wrapper .img-5.column-right {
grid-column-start:2;
grid-column-end:11
}
}
@media only screen and (min-width:600px) {
.project-image {
-ms-grid-row-align:start;
width:100%
}
}
.img-0 {
	width:100%
}
@media only screen and (min-width:600px) {
.img-0 {
-ms-grid-column-span:11;
grid-column-start:1;
grid-column-end:-1
}
}
@media only screen and (min-width:900px) {
.img-0 {
-ms-grid-column-span:10;
grid-column-start:1;
grid-column-end:11
}
.img-0.column-right {
grid-column-start:2;
grid-column-end:-1
}
}
.img-1 {
	padding-left:17.5px
}
.img-1.column-right {
	padding-right:17.5px;
	padding-left:0
}
@media only screen and (min-width:600px) {
.img-1 {
-ms-grid-column-span:3;
padding:0;
grid-column-start:2;
grid-column-end:5;
grid-row:2
}
.img-1.column-right {
padding:0;
grid-column-start:8;
grid-column-end:11
}
}
@media only screen and (min-width:900px) {
.img-1 {
-ms-grid-column-span:5;
grid-column-start:6;
grid-column-end:11;
grid-row:2
}
.img-1.column-right {
grid-column-start:2;
grid-column-end:7
}
}
.img-2.column-right {
	padding:0 35px 0 17.5px
}
.img-2.column-left {
	padding:0 17.5px 0 35px
}
@media only screen and (min-width:600px) {
.img-2 {
-ms-grid-column-span:6;
grid-column-start:6;
grid-column-end:-1;
grid-row:2
}
.img-2.column-left, .img-2.column-right {
padding:0
}
.img-2.column-right {
padding:0;
grid-column-start:1;
grid-column-end:7
}
}
@media only screen and (min-width:900px) {
.img-2 {
-ms-grid-column-span:3;
grid-column-start:2;
grid-column-end:5;
grid-row:2
}
.img-2.column-right {
grid-column-start:8;
grid-column-end:11
}
}
@media only screen and (min-width:600px) {
.img-3 {
-ms-grid-column-span:8;
grid-column-start:4;
grid-column-end:-1;
grid-row:3
}
.img-3.column-right {
grid-column-start:1;
grid-column-end:9
}
}
@media only screen and (min-width:900px) {
.img-3 {
-ms-grid-column-span:7;
grid-column-start:2;
grid-column-end:9;
grid-row:3
}
.img-3.column-right {
grid-column-start:4;
grid-column-end:11
}
}
.img-4 {
	padding:0 17.5px
}
@media only screen and (min-width:600px) {
.img-4 {
-ms-grid-column-span:8;
padding:0;
grid-column-start:1;
grid-column-end:9;
grid-row:4
}
.img-4.column-right {
grid-column-start:4;
grid-column-end:-1
}
}
@media only screen and (min-width:900px) {
.img-4 {
-ms-grid-column-span:7;
grid-column-start:4;
grid-column-end:11;
grid-row:4
}
.img-4.column-right {
grid-column-start:2;
grid-column-end:9
}
}
.img-5.column-right {
	padding-right:35px
}
.img-5.column-left {
	padding-left:35px
}
@media only screen and (min-width:600px) {
.img-5 {
-ms-grid-column-span:6;
grid-column-start:6;
grid-column-end:-1;
grid-row:5
}
.img-5.column-left, .img-5.column-right {
padding:0
}
.img-5.column-right {
grid-column-start:1;
grid-column-end:7
}
}
@media only screen and (min-width:900px) {
.img-5 {
-ms-grid-column-span:5;
grid-column-start:2;
grid-column-end:7;
grid-row:5
}
.img-5.column-right {
grid-column-start:6;
grid-column-end:11
}
}
.column-right.project-video {
	-ms-grid-column-span:12;
	grid-column-start:1;
	grid-column-end:-1
}
.section-instagram {
	position:relative
}
.section-instagram ul {
	display:flex
}
.section-instagram small {
	width:100%;
	display:table-caption;
	caption-side:bottom
}
.section-instagram .gradient {
	-webkit-overflow-scrolling:touch;
	width:150px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background:linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%);
	pointer-events:none;
	z-index:1
}
.section-instagram li {
	margin-right:35px;
	display:table;
	flex:0 0 auto
}
@media only screen and (min-width:600px) {
.section-instagram li:first-child {
margin-left:20%
}
}
@media only screen and (min-width:900px) {
.section-instagram li:first-child {
margin-left:12.5%
}
}
.section-instagram li:last-child {
	border-right:solid 70px #fff
}
.section-instagram-title {
	padding:0 0 70px 35px
}
.section-instagram-title h2 {
	z-index:2
}
@media only screen and (min-width:600px) {
.section-instagram-title {
padding:0;
margin-bottom:70px;
display:grid;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px
}
.section-instagram-title h2 {
-ms-grid-column-span:11;
grid-column-start:4;
grid-column-end:15
}
}
@media only screen and (min-width:900px) {
.section-instagram-title {
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px
}
}
.section-instagram-feed {
	height:400px;
	padding:0 0 17.5px 35px;
	overflow-x:auto;
	overflow-y:hidden
}
.section-instagram-image {
	max-width:initial;
	height:200px;
	margin-bottom:8.75px;
	display:table-caption
}
.project-credits {
	padding:0 35px;
	margin:35px 0 70px
}
.project-credits h3 {
	margin-bottom:70px
}
.project-credits h4 {
	margin-bottom:35px
}
@media only screen and (min-width:600px) {
.project-credits {
padding:0;
margin:140px 0;
display:grid;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px;
grid-template-rows:2
}
.project-credits h3 {
-ms-grid-column-span:7;
grid-column-start:2;
grid-column-end:9;
grid-row-start:1;
grid-row:1
}
.project-credits h4 {
-ms-grid-column-span:2;
grid-column-start:2;
grid-column-end:4;
grid-row:2
}
}
@media only screen and (min-width:900px) {
.project-credits {
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px
}
.project-credits h3 {
-ms-grid-column-span:3;
grid-column-start:4;
grid-column-end:7;
grid-row-start:1;
grid-row:1
}
.project-credits h4 {
-ms-grid-column-span:3;
grid-column-start:4;
grid-column-end:7
}
}
.project-credits-text p+p {
	text-indent:0
}
@media only screen and (min-width:600px) {
.project-credits-text {
-ms-grid-column-span:7;
grid-column-start:4;
grid-column-end:11;
grid-row:2
}
}
@media only screen and (min-width:900px) {
.project-credits-text {
-ms-grid-column-span:7;
grid-column-start:8;
grid-column-end:15
}
}
.project-related {
	padding:0 35px;
	margin:35px 0 0px
}
.project-related h4 {
	padding-bottom:35px
}
@media only screen and (min-width:900px) {
.project-related {
padding:0;
margin:80px 0;
display:grid;
grid-template-columns:35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr 35px;
grid-template-rows:2
}
.project-related h4 {
-ms-grid-column-span:11;
grid-column-start:4;
grid-column-end:15;
grid-row:1
}
}
.project-related-items a {
	border-bottom:0
}
.project-related-items h4 {
	margin-top:15px;
	font-size:18px;
	line-height:24px
}
@media only screen and (min-width:600px) {
.project-related-items {
display:flex;
justify-content:space-between
}
}
@media only screen and (min-width:900px) {
.project-related-items {
-ms-grid-column-span:11;
grid-column-start:4;
grid-column-end:15;
grid-row:2
}
.project-related-items h4 {
font-size:18px;
line-height:30px
}
}
.project-related-item {
	margin-bottom:35px;
	display:block;
	text-decoration:none
}
@media only screen and (min-width:600px) {
.project-related-item {
width:calc(33.3% - 23.3px)
}
}
.project-image {

	
transition:opacity .5s, transform .5s
}
@media not all and (pointer:coarse) {
.project-image:hover {
transform:scale(1.02)
}
}
@media only screen and (min-width:600px) {
.project-image {
-ms-grid-row-align:start;
width:100%
}
}
.-is-scrolling .project-image:hover {
	transform:scale(1)
}
.project-image-animate {
	opacity:1;
	transform:translate3d(0, 0, 0)
}
#grid {
	width:100%;
	height:100%;
	opacity:.3;
	position:fixed;
	top:0;
	left:0;
	border-left:35px solid rgba(255, 249, 195, .623);
	border-right:35px solid rgba(255, 249, 195, .623);
	background-color:rgba(148, 148, 148, .5);
	pointer-events:none;
	z-index:5
}
#grid li {
	width:100%;
	height:100%;
	padding:1rem;
	border-left:17.5px solid rgba(255, 249, 195, .623);
	border-right:17.5px solid rgba(255, 249, 195, .623);
	text-align:center;
	color:#f4f4f4
}
#grid .grid-first {
	border-left:0
}
#grid .grid-last {
	border-right:0
}
#grid .grid-mobile {
	height:100%;
	display:flex
}
@media only screen and (min-width:600px) {
#grid .grid-mobile {
display:none
}
}
#grid .grid-tablet {
	display:none
}
@media only screen and (min-width:600px) {
#grid .grid-tablet {
height:100%;
display:flex
}
}
@media only screen and (min-width:900px) {
#grid .grid-tablet {
display:none
}
}
#grid .grid-desktop {
	display:none
}
@media only screen and (min-width:900px) {
#grid .grid-desktop {
height:100%;
display:flex
}
}
.section-concept-design {
	padding:50px 35px 50px 105px;
	position:relative;
	color:#fff;
	background-color:#1a1a1a
}
@media only screen and (min-width:900px) {
.section-concept-design {
padding-left:160px
}
}
.concept-design-title-wrapper {
	position:absolute;
	top:50px;
	bottom:50px;
	left:35px
}
.concept-design-title-wrapper h2 {
	height:0;
	padding-bottom:100%;
	position:sticky;
	top:35px;
	transform:translateX(-100%) rotate(-90deg);
	transform-origin:top right
}
.concept-design-blocks>div:first-child {
	margin-top:0
}
@media only screen and (min-width:900px) {
.concept-design-blocks {
max-width:calc(1360px + 35px);
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between
}
.concept-design-blocks .concept-design-block:first-child+.concept-design-block:nth-child(2) {
margin-top:0
}
}
.concept-design-block {
	padding:30px 0 0;
	margin-top:70px;
	border-top:2px solid #fff
}
.concept-design-block img {
	margin-top:35px
}
@media only screen and (min-width:900px) {
.concept-design-block {
width:calc(50% - 17.5px);
break-inside:avoid-column
}
}
.concept-design-block-wide {
	padding:30px 0;
	margin-top:70px;
	border-top:2px solid #fff
}
@media only screen and (min-width:900px) {
.concept-design-block-wide .concept-design-text {
width:30%;
padding-right:35px
}
}
@media only screen and (min-width:900px) {
.concept-design-block-wide {
display:flex
}
}
.concept-design-image-columns {
	padding:30px 0;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between
}
.concept-design-image-columns img {
	width:100%;
	margin-bottom:35px
}
@media only screen and (min-width:900px) {
.concept-design-image-columns {
width:70%;
padding:0
}
}
.concept-design-image-column {
	width:100%
}
@media only screen and (min-width:600px) {
.concept-design-image-column {
width:calc(50% - 17.5px)
}
}
@keyframes spin {
to {
transform:rotate(360deg)
}
}
@keyframes fadein {
to {
opacity:1
}
}
.loading-spinner-wrapper {
	width:100%;
	height:100vh;
	opacity:0;
	display:flex;
	justify-content:center;
animation:fadein .25s forwards .5s
}
.loading-spinner {
	width:3rem;
	height:3rem;
	position:relative;
	top:40%;
	border:3px solid rgba(255, 255, 255, 0);
	border-radius:50%;
	border-top-color:#000;
animation:spin .5s linear infinite
}
.scroll-cancel-overlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99999
}
.page-service .page-title {
	margin:.7em 0;
	font-size:4rem
}
.page-service .page-title i {
	font-size:3rem
}
.service__contact {
	padding:0 0 2rem 2rem
}
.service__contact a {
	display:block;
	font-style:normal
}
.service__contact a[href*="tel:"] {
text-decoration:none
}
.service__contact a, .service__contact h2, .service__contact h3, .service__contact span {
	font-size:1.3rem;
	line-height:1.6rem
}
@media only screen and (min-width:600px) {
.service__contact a, .service__contact h2, .service__contact h3, .service__contact span {
font-size:1.2rem;
line-height:1.5rem
}
}
.service__contact h2 {
	font-weight:600;
margin-bottom:.9rem
}
.service__contact__person {
	display:flex;
	margin:0 2rem 2rem 0
}
.service__contact__person:last-of-type {
	margin-right:0
}
.service__contact__person img {
	width:6rem;
	height:6rem;
margin-right:.9rem
}
@media only screen and (min-width:600px) {
.service__contact__person img {
width:5.5rem;
height:5.5rem
}
}
.service__contact__person h3 {
	font-weight:600;
	margin-bottom:0
}
@media only screen and (min-width:800px) {
.service__contact__container {
display:flex;
flex-flow:row wrap
}
}
.list-item__title--service {
margin:.25rem 0 .25rem;
	font-size:1.1rem
}
.list-item__title--service i {
	font-size:75%
}
.list-item__subtitle--service {
	margin-bottom:0;
	padding-right:1.5rem;
	font-size:2rem;
	font-weight:600;
	line-height:2rem
}
@media only screen and (min-width:600px) {
.list-item__subtitle--service {
font-size:1.7rem;
line-height:1.7rem
}
}
.list-item__figure--service {
	overflow:hidden;
	position:relative
}
.list-item__figure--service img {
	position:absolute;
	bottom:0;
	width:100%;
	height:auto
}
.page-text .page-text__header {
	position:relative
}
.page-text .page-text__header.-no-depiction {
	height:auto;
	padding-top:60px
}
.page-text .page-text__header.-no-depiction .page-text__title {
	position:relative
}
.page-text .page-text__header .masthead {
	
}
.page-text .page-text__title {
	width:100%
}
.page-text .page-text__category, .page-text .page-text__keyword {
	font-size:1.2rem;
	margin-bottom:10px;
	padding:0
}
.page-text .page-title {
	font-size:2.4rem;
	margin-bottom:.5em
}
.page-text .block--text, .page-text .body-text {
	padding-left:1.25rem;
	padding-right:1.25rem;
	font-size:1.3rem
}
@media (min-width:800px) {
.page-text .block--text, .page-text .body-text {
padding-left:2rem;
padding-right:2rem
}
}
.page-text .body-text {
	margin-top:.5em
}
.page-text .body-text iframe {
	height:56.25vw;
	width:100%
}
.page-text .share {
	padding:0 5% 0 20px
}

.page-text .page-text__category, .page-text .page-text__keyword, .page-text .page-title {
padding-right:135px
}
.page-text .page-text__category, .page-text .page-text__keyword {
font-size:1.6rem
}
.page-text .block--text, .page-text .body-text {
columns:2;
column-gap:35px;
font-size:15px;
line-height:28px;
}
.page-text .body-text iframe {
max-height:60vh;
width:100%
}
.page-text.-one-column .block--text, .page-text.-one-column .body-text {
columns:1
}
.page-text.-one-column {
columns:1
}
.page-text .page-text__header--no-depiction {
padding-top:55px
}
.page-text .page-text__header .masthead {
height:calc(100vh - 242px)
}
.page-text .share {
padding:0 5% 0 35px
}


.page-text .page-text__category, .page-text .page-text__keyword {
font-size:1.4rem
}
.page-text .page-title {
font-size:4rem
}

.block--media {
	padding:0
}
.block--media.bg-grey figure {
	align-items:center
}
.block--media.bg-grey img {
	max-height:50vw
}
.block--media figure {
	display:flex;
	flex-flow:column nowrap;
	align-items:flex-start;
	justify-content:center;
	height:100%;
	margin:0
}
.block--media img {
	max-height:100%;
	max-width:100%;
	margin:0;
	min-height:0
}
.block--media figcaption {
	width:100%;
	padding-left:30px;
font-size:.9rem;
	color:#000
}
.block--duo-image {
	display:flex;
	flex-flow:row;
	justify-content:space-between;
	padding:0
}
.block--duo-image figure {
	margin:0 0 1em;
	width:calc(50% - 1em)
}
.block--duo-image img {
	width:100%
}
.block--duo-image figcaption {
	padding-left:30px;
font-size:.9rem;
	color:#000
}
.he_content .am-container{ max-width:100%; padding-left:150px; padding-right:150px;}
.weizhi{ font-size:18px; padding:10px 0 20px 0; width:90%;}
.newstitle{ font-size:26px; padding:20px 0 0 0; text-align:center; margin-top:0}
.newsdate{ text-align:center; font-size:14px; padding-bottom:20px;}
.news-article-l{ font-size:16px !important;}
.news-article-l p,.news-article-l span{ font-size:16px !important;}
@media (max-width:768px) {
	.pc{ display:none}
.he_content .am-container{ max-width:98%; padding-left:1%; padding-right:1%;}
.am-u-md-9{ width:100%;}
.am-u-md-3{ width:100%;}
.article-plus{ width:100%}
.weizhi{ font-size:14px; padding:10px 0 20px 0; width:90%;}
.newstitle{ font-size:18px; padding:20px 0 0 0; text-align:center}
.newsdate{ text-align:center; font-size:12px; padding-bottom:20px;}
.news-article-l{ font-size:14px !important;}
.news-article-l p,.news-article-l span{ font-size:14px !important;}
.page-text .page-text__header .masthead{ height:calc(30vh)}
}