::selection { background: #e500e5; }
::-moz-selection { background: #e500e5; }

.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

@media screen and (min-width: 0px) {
	
.row { margin-left:-0px; }
.col { border-left-width:0px;  }

.span_1 { width:6.25%; }
.span_2 { width:12.5%; }
.span_3 { width:18.75%; }
.span_4 { width:25%; }
.span_5 { width:31.25%; }
.span_6 { width:37.5%; }
.span_7 { width:43.75%; }
.span_8 { width:50%; }
.span_9 { width:56.25%; }
.span_10 { width:62.5%; }
.span_11 { width:68.75%; }
.span_12 { width:75%; }
.span_13 { width:81.25%; }
.span_14 { width:87.5%; }
.span_15 { width:93.75%; }
.span_16 { width:100%; }

.indent_4 { margin-left:25%; }

}

@font-face {
	font-family:'Vagenta-Bold';
	src: url('../type/Vagenta-Bold.eot');
	src: url('../type/Vagenta-Bold.eot?#iefix') format('embedded-opentype'),
		url('../type/Vagenta-Bold.woff') format('woff'),
		url('../type/Vagenta-Bold.ttf') format('truetype'),
		url('../type/Vagenta-Bold.svg#Vagenta-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
}

@font-face {
	font-family:'Vagenta-Medium';
	src: url('../type/Vagenta-Medium.eot');
	src: url('../type/Vagenta-Medium.eot?#iefix') format('embedded-opentype'),
		url('../type/Vagenta-Medium.woff') format('woff'),
		url('../type/Vagenta-Medium.ttf') format('truetype'),
		url('../type/Vagenta-Medium.svg#Vagenta-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
}

@font-face {
	font-family:'Vagenta-BoldItalic';
	src: url('../type/Vagenta-BoldItalic.eot');
	src: url('../type/Vagenta-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../type/Vagenta-BoldItalic.woff') format('woff'),
		url('../type/Vagenta-BoldItalic.ttf') format('truetype'),
		url('../type/Vagenta-BoldItalic.svg#Vagenta-BoldItalic') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
}

body { font:normal 36px/46px 'Vagenta-Bold', Arial, sans-serif; color:#fff; letter-spacing:-0.02em; }

h1, h2, h3, h4, h5, h6 { font-size:inherit; font-weight:inherit; }
.t-xsmall { font:normal 24px/30px 'Vagenta-Bold', Arial, sans-serif; letter-spacing:-0.02em; }
.t-small { font:normal 30px/40px 'Vagenta-Bold', Arial, sans-serif; letter-spacing:-0.02em; }
.t-med { font:normal 48px/60px 'Vagenta-Bold', Arial, sans-serif; letter-spacing:-0.02em; }
.t-big { font:normal 80px/98px 'Vagenta-Medium', Arial, sans-serif; letter-spacing:-0.03em; }
.t-huge { font:normal 480px/60px 'Vagenta-Bold', Arial, sans-serif; letter-spacing:-0.02em; }
h2 { font-family:'Vagenta-BoldItalic', Arial, sans-serif; position:relative; }
a { text-decoration:none; border-bottom:3px solid #fff; color:#fff; }
.t-small a { border-bottom:2px solid #fff; }
.t-med a { border-bottom:3px solid #fff; }
.t-big a { border-bottom:4px solid #fff; }
a:hover, a:active { border-color: transparent; color:#fff; }
strong { font-weight:normal; }



html, body { min-height:100%; height:100%; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block; display:block; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
* html .clearfix, *:first-child+html .clearfix { zoom:1 }

.right { float: right; }
.left { float: left; }
.hide-text { text-indent:-9999px; }

body { background:#ff00ff; padding:0 40px; }

.main-nav { position:fixed; top:0; left:0; right:0; height:12.5%; z-index:1; }
.hamb-menu { height:29px; width:37px; margin:40px auto 0 auto; background:url(../images/hamb.svg) 0 0 no-repeat; display:block; }
.arrow-bottom { display:block; height:42px; width:40px; background:url(../images/arrow-b.svg) 0 0 no-repeat; position:absolute; bottom:40px; left:50%; margin-left:-20px; }
.arrow-bottom-none { display:none; }
.main-nav ul { width:100%; height:12.5%; text-align:center; position:fixed; top:0; left:0; right:0; background:#ff00ff; -webkit-box-shadow:0 50px 100px #ff00ff; -moz-box-shadow:0 50px 100px #ff00ff; box-shadow:0 50px 100px #ff00ff; opacity:0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.main-nav ul li { display:inline-block; margin-top:40px; }
.main-nav ul li a { margin:0 20px; border-bottom:0; font-family:'Vagenta-BoldItalic', Arial, sans-serif; }
.main-nav ul li a:hover { border-bottom:2px solid #fff; }
.main-nav.shadow { background:#ff00ff; -webkit-box-shadow:0 50px 100px #ff00ff; -moz-box-shadow:0 50px 100px #ff00ff; box-shadow:0 50px 100px #ff00ff; }
.main-nav:hover .hamb-menu { display:none; }
.main-nav:hover ul { opacity:1; }

.separator { min-height:100%; height:100%; position:relative; overflow:hidden; }
.main-head h1 { padding-top:33px; }
.vagenta { position:absolute; }
.letter-v { right:5px; top:35px }
.letter-a1 { bottom:243px; left:-12px; }
.letter-g { left:25%; top:40px; margin-top:-6px; margin-left:-20px; }
.letter-e { top:-2px; right:-12px; }
.letter-e2 { display: none; }
.letter-n { left:-32px; bottom:243px; }
.letter-t { left:50%; bottom:245px; margin-left:-10px; }
.letter-a2 { left:25%; bottom:243px; margin-left:-12px; } 

section.about { margin:18.75% 0 6.25% 0; }
section.about p, section.projects p { text-indent:12.5%; }
section.about p:first-child, section.projects p:first-child { text-indent:0; }

section.people { position:relative; }
section.people ul { margin-bottom:75%; }
section.people ul.colabs { margin-bottom:25%; }
section.people ul.colabs li:first-child { margin-top:5px; }

section.projects { margin: 6.25% 0; }
section.projects ul { margin-top:9.375%; }
section.projects.workshops { margin: 12.5% 0; }

section.projects .orar { margin: 12.5% 0; }
section.projects .orar ul { margin:48px 0 24px 0; border-top:3px solid #fff; }
section.projects .orar ul li { display:block; padding:17px 0 28px 0; border-bottom:3px solid #fff; }
section.projects .orar ul li span { display:block; margin-left:12.5%;}
section.projects p.tinone { text-indent:0; }

.expander, .expander.open { position:relative; height:auto; -webkit-transition: height 10s ease-in; -moz-transition: height 10s ease-in; transition: height 10s ease-in; }
.expander .btn-more, .expander.open .btn-more { display:block; border-bottom:0; height:200px; margin-top:3.125%; background:#ff00ff url(../images/close.svg) 12.5% center no-repeat; background-size:36px 36px; cursor:pointer; cursor:hand; }
.expander.close { height:710px; overflow:hidden; }
.expander.close .btn-more { position:absolute; bottom:0; left:0; right:0; box-shadow:0 0 100px 50px #ff00ff; background:#ff00ff url(../images/plus.svg) 12.5% center no-repeat; background-size:36px 36px; }
.expander .note { margin-top:12.5%; }

.contact { padding-top:40px; }
.copy { position:absolute; bottom:40px; left:50%; }
.copy-mb { display:none; }

.cd-panel { color:#ff00ff; position:fixed; top:0; left:0; right:0; height:100%; z-index:1; visibility:hidden; -webkit-transition:visibility 0s 0.6s; -moz-transition:visibility 0s 0.6s; transition:visibility 0s 0.6s; }
.cd-panel::after { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; cursor:pointer; -webkit-transition:background 0.3s 0.3s; -moz-transition:background 0.3s 0.3s; transition:background 0.3s 0.3s; }
.cd-panel.is-visible { visibility:visible; -webkit-transition:visibility 0s 0s; -moz-transition:visibility 0s 0s; transition:visibility 0s 0s; }
.cd-panel.is-visible::after { background:rgba(0, 0, 0, 0.6); -webkit-transition:background 0.3s 0s; -moz-transition:background 0.3s 0s; transition:background 0.3s 0s; }

.cd-panel a { color:#ff00ff; border-bottom:3px solid #ff00ff; }
.cd-panel a:hover { border-bottom:3px solid transparent; }
.no-touch .cd-panel-close { border-bottom:2px solid #ff00ff; }

.cd-panel-header { height:100px; line-height:100px; padding:0 40px; z-index: 3; }
.cd-panel-close { display:block; z-index:4; position:relative; }
.no-touch .cd-panel-close { border-bottom:3px solid #ff00ff; position:relative; }
.no-touch .cd-panel-close:hover { border-bottom:2px solid transparent; }
.no-touch .cd-panel-close::after { content:'×'; display:block; position:absolute; text-align:right; left:-30px; top:0; }
.cd-panel-header h2, .cd-panel-header span { margin-top:26px; }
.cd-panel-header h2 { font-family:'Vagenta-BoldItalic', Arial, sans-serif; }
.cd-panel-header h2.an { display:none; }

.cd-panel-container { position:fixed; height:100%; top:0; left:0; right:0; background: #fff; z-index: 2; -webkit-transition-property: transform; -moz-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.from-left .cd-panel-container { left:0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.from-right .cd-panel-container { right:0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.is-visible .cd-panel-container { -webkit-transform: translate3d(12.5%, 0, 0); -moz-transform: translate3d(12.5%, 0, 0); -ms-transform: translate3d(12.5%, 0, 0); -o-transform: translate3d(12.5%, 0, 0); transform: translate3d(12.5%, 0, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }

.cd-panel-content { position:absolute; left:0; right:0; top:100px; bottom:0px; overflow:auto; -webkit-overflow-scrolling: touch; }
.cd-panel-content-inner { padding:0 40px; }
.cd-panel-content-hero { height:200px; padding: 500px 0 0 40px; margin-left:-40px; background:#ffefff; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.cd-panel-content-hero.large-title { height:300px; padding-top:400px; }
.cd-panel-content-hero.large-title h1 { height:200px; }
.cd-panel-content-hero.inverted { color:#fff; }
.cd-panel-content-descript { margin-top:6.25%; margin-bottom:12.5%; }
.cd-panel-content-descript p { text-indent:12.5%; }
.cd-panel-content-descript p:first-child { text-indent:0; }

h2 a.ancora { background:transparent; width:10px; height:10px; position:absolute; left:0px; top:-290px; border-bottom:0; }
p.tinone { text-indent:0; }


@media only screen and (max-width: 750px)

{

body { padding:0 15px; font-size:21px; line-height:30px; }
.t-xsmall { font:normal 16px/22px 'Vagenta-Bold', Arial, sans-serif; letter-spacing:-0.01em; }
.t-small { font-size:21px; line-height:30px; }
.t-med, .t-big { font:normal 30px/40px 'Vagenta-Medium', Arial, sans-serif; letter-spacing:-0.02em; }
.t-small .break { display:none; }
.t-huge { font-size:210px; }
h2 { font-size:21px; }
.t-med a, .t-big a { border-bottom:3px solid #fff; }
.t-xsmall a { border-bottom:2px solid #fff; } 

.main-nav { position:fixed; top:0; left:0; right:0; height:auto; background-color:#ff00ff; }
.hamb-menu { margin:45px auto 0 45px; }
.main-nav ul { display:block; width:100%; height:auto; text-align:left; position:static; opacity:1; background-color:#ff00ff; padding:45px 0; }
.main-nav ul li { display:block; margin-top:0px; }
.main-nav ul li a { margin:0 15px; }
.main-nav:hover .hamb-menu { display:block; }
.main-nav:hover ul { opacity:1; }
.main-nav.menu-close .hamb-menu { height:36px; width:36px; margin-top:41px; background:url(../images/close.svg) center center no-repeat; background-size:36px 36px; }
.main-nav.menu-open { background-color:transparent; right:auto; height:119px; width:127px; }
.main-nav.menu-open ul { display:none; }

.arrow-bottom { bottom:45px; right:45px; left:auto; top:auto; }
.main-head h1 { position:absolute; padding-top:0; top:50%; left:0; max-width:345px; margin-top:-60px; }

.letter-v { right:3px; top:-3px; }
.letter-a1 { bottom:85px; left:-6px; }
.letter-g { left:auto; left:13px; top:5px; }
.letter-e { display: none; }
.letter-e2 { display:block; bottom:85px; right:-2px; }
.letter-n { left:-13px; bottom:88px; }
.letter-t { left:7px; bottom:90px; }
.letter-a2 { left:auto; right:0px; bottom:88px; }

section.about { margin:87.5% 0 37.5% 0; }
section.people { margin:25% 0 0 0; }
section.projects { margin:25% 0 0 0; }
section.projects.workshops { margin:25% 0 50% 0; }

.about .span_4, .about .span_8, .people .span_4, .projects .span_4, .projects .span_8, .projects .span_12 { width:auto; float:none; }
.about .indent_4, .people .indent_4, .projects .indent_4 { margin:0; }
.about h2, .people h2, .projects h2 { margin-bottom:45px; }
section.about p, section.projects p { text-indent:30px; }
section.people ul { margin-bottom:37.5%; }
section.people ul.colabs { margin-bottom:0; }
section.projects ul { margin: 25% 0 12.5% 0; }
section.projects.workshops ul { margin-top:12.5%; }
section.projects .orar ul li span { margin-left:30px; }

.expander.close { height:510px; }
.expander .btn-more, .expander.open .btn-more { height:100px; margin-top:3.125%; background:#ff00ff url(../images/close.svg) 30px center no-repeat; background-size:36px 36px; }
.expander.close .btn-more { background:#ff00ff url(../images/plus.svg) 30px center no-repeat; background-size:36px 36px; }

.contact { padding-top:119px; }
.copy { display:none; }
.copy-mb { display:block; }

.cd-panel-container { width:100%; }
.is-visible .cd-panel-container { -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); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }
.cd-panel .span_2, .cd-panel .span_8, .cd-panel .span_10, .cd-panel .span_12 { width:auto; }
.cd-panel-header { height:70px; line-height:70px; padding:0 15px; }
.cd-panel-header h2 { display:none; }
.cd-panel-header h2.an { display:block; width:175px; margin-top:18px; font-family:'Vagenta-Bold', Arial, sans-serif; }
.cd-panel-header span { margin-top:18px; float:right; }
.cd-panel-content-inner { padding:0; }
.cd-panel-content { top:70px; }
.cd-panel-content-hero, .cd-panel-content-hero.large-title { height:250px; padding:0; margin-left:0; position:relative; }
.cd-panel-content-hero.large-title h1 { height:auto; }
.cd-panel-content-hero h1, .cd-panel-content-hero.large-title h1 { position:absolute; left:15px; bottom:45px; right:15px; }
.cd-panel-content-hero .span_4 { display: none; }
.cd-panel-content-descript { margin:45px 15px 12.5% 15px; }
.cd-panel-content-descript p { text-indent:30px; }

p.tinone { text-indent:0; }

}



@media only screen and (min-width:750px) and (max-width:1040px) {
	
body { padding:0 15px; font-size:21px; line-height:30px; letter-spacing:-0.01em; }
.t-xsmall { font:normal 16px/22px 'Vagenta-Bold', Arial, sans-serif; letter-spacing:-0.01em; }
.t-small { font-size:21px; line-height:30px; }
.t-med { font:normal 30px/40px 'Vagenta-Medium', Arial, sans-serif; letter-spacing:-0.02em; }
.t-big { font:normal 48px/60px 'Vagenta-Medium', Arial, sans-serif; letter-spacing:-0.02em; }
.t-small .break { display:none; }
.t-huge { font-size:280px; }
h2 { font-size:21px; }
.t-med a, .t-big a { border-bottom:3px solid #fff; }
.t-xsmall a { border-bottom:2px solid #fff; } 

.main-nav { position:fixed; top:0; left:0; right:50%; height:auto; background-color:#ff00ff; }
.hamb-menu { margin:45px auto 0 45px; }
.main-nav ul { display:block; width:100%; height:auto; text-align:left; position:static; opacity:1; background-color:#ff00ff; padding:45px 0; }
.main-nav ul li { display:block; margin-top:0px; }
.main-nav ul li a { margin:0 15px; }
.main-nav:hover .hamb-menu { display:block; }
.main-nav:hover ul { opacity:1; }
.main-nav.menu-close .hamb-menu { height:36px; width:36px; margin-top:41px; background:url(../images/close.svg) center center no-repeat; background-size:36px 36px; }
.main-nav.menu-open { background-color:transparent; right:auto; height:119px; width:127px; }
.main-nav.menu-open ul { display:none; }

.arrow-bottom { bottom:45px; right:45px; left:auto; top:auto; }
.main-head h1 { position:absolute; padding-top:0; top:50%; left:0; max-width:345px; margin-top:-60px; }

.letter-v { right:3px; top:-3px; }
.letter-a1 { bottom:120px; left:-6px; }
.letter-g { left:auto; left:13px; top:5px; }
.letter-e { display: none; }
.letter-e2 { display:block; bottom:120px; right:-2px; }
.letter-n { left:-15px; bottom:123px; }
.letter-t { left:7px; bottom:123px; }
.letter-a2 { left:auto; right:0px; bottom:123px; }


section.about { margin:87.5% 0 37.5% 0; }
section.people { margin:25% 0 0 0; }
section.projects { margin:25% 0 0 0; }
section.projects.workshops { margin:25% 0 50% 0; }

.about h2, .people h2, .projects h2 { margin-bottom:45px; }
section.about p, section.projects p { text-indent:30px; }
section.people ul { margin-bottom:37.5%; }
section.people ul.colabs { margin-bottom:0; }
section.projects ul { margin: 25% 0 12.5% 0; }
section.projects.workshops ul { margin-top:12.5%; }
section.projects .orar ul li span { margin-left:30px; }

.expander.close { height:510px; }
.expander .btn-more, .expander.open .btn-more { height:100px; margin-top:3.125%; background:#ff00ff url(../images/close.svg) 30px center no-repeat; background-size:36px 36px; }
.expander.close .btn-more { background:#ff00ff url(../images/plus.svg) 30px center no-repeat; background-size:36px 36px; }

.contact { padding-top:119px; }
.copy { display:none; }
.copy-mb { display:block; }

.cd-panel-container { width:100%; }
.is-visible .cd-panel-container { -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); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }
.cd-panel .span_2, .cd-panel .span_8, .cd-panel .span_10, .cd-panel .span_12 {  }
.cd-panel-header { height:70px; line-height:70px; padding:0 15px; }
.cd-panel-header h2 { display:block; margin-top:18px; }
.cd-panel-header h2.an { display:none; }
.cd-panel-header span { margin-top:18px; float:right; }
.cd-panel-content-inner { padding:0; }
.cd-panel-content-inner .indent_4 { margin-left:25%; }
.cd-panel-content-inner .span_8 { width:62.5%; }
.cd-panel-content { top:70px; }
.cd-panel-content-hero, .cd-panel-content-hero.large-title { height:400px; padding:0; margin-left:0; position:relative; }
.cd-panel-content-hero.large-title h1 { height:auto; }
.cd-panel-content-hero h1, .cd-panel-content-hero.large-title h1 { position:absolute; left:25%; bottom:45px; right:15px; }
.cd-panel-content-hero .span_4 { position:absolute; bottom:60px; left:15px; }
.cd-panel-content-descript { margin:45px 15px 12.5% 15px; }
.cd-panel-content-descript p { text-indent:30px; }

p.tinone { text-indent:0; }

}


@media only screen and (min-width:1040px) and (max-width:1460px) {
	
body { font-size:30px; line-height:40px; }
.t-xsmall { font:normal 24px/30px 'Vagenta-Bold', Arial, sans-serif; letter-spacing:-0.01em; }
.t-small { font-size:24px; line-height:30px; }
.t-big { font:normal 60px/72px 'Vagenta-Medium', Arial, sans-serif; letter-spacing:-0.02em; }
h2 { font-size:30px; }
.cd-panel-header h2, .cd-panel-header span { margin-top:30px; }

p.tinone { text-indent:0; }

}