@font-face{font-family:"HKGroteskPro-Regular";src:url("../fonts/HKGroteskPro-Regular.woff2") format("woff2"),url("../fonts/HKGroteskPro-Regular.woff") format("woff")}@font-face{font-family:"HKGroteskPro-SemiBold";src:url("../fonts/HKGroteskPro-SemiBold.woff2") format("woff2"),url("../fonts/HKGroteskPro-SemiBold.woff") format("woff")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none;margin:0;padding:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}.container,header,footer,body:not(#home) main{width:64.6126442285%;left:11.780558010270953%}section:after,main:before,#project main:after,.desc:after,#work:before{content:".";display:block;height:0;clear:both;visibility:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:"HKGroteskPro-Regular",sans-serif;line-height:1;background:#fff;min-width:760px;font-size:18px;font-weight:400;font-style:normal}header{z-index:1;position:relative;margin-top:50px;top:0;pointer-events:none}header nav,header h2,header #intro{pointer-events:all}nav li{display:inline-block;margin-right:10px}nav li a{display:inline-block;padding:10px;color:rgba(0,0,0,0.4);letter-spacing:.1em}nav li a:hover{color:rgba(0,0,0,0.75)}nav li a:hover path{fill:rgba(0,0,0,0.75)}nav li a path{fill:rgba(0,0,0,0.4)}nav li:last-child{margin-right:0}nav li:first-child{margin-left:-10px}nav svg{height:.95em;margin-bottom:-.15em}#logo{font-family:"HKGroteskPro-Regular",sans-serif;font-size:.889em;line-height:1.124em;color:rgba(0,0,0,0.4);position:absolute;top:0;left:100%;width:auto;padding:12px;padding-left:3%;pointer-events:all;white-space:nowrap;line-height:1.2em}#logo:hover{color:rgba(0,0,0,0.75)}#logo span{display:block}main{background:#fff;overflow:hidden;position:relative}main p{font-family:"HKGroteskPro-Regular",sans-serif;color:rgba(0,0,0,0.5);line-height:1.5em;width:100%;max-width:38em;margin:.75em 0}main p.credits{font-size:.889em}main p a{color:#595353;border-bottom:1px solid #8C8282;display:inline}main p a:hover{color:#000;border-bottom:1px solid #000}main p b{font-family:"HKGroteskPro-SemiBold",sans-serif;font-style:normal}main p del{text-decoration:line-through;opacity:.4}main p:not(.footnote) sup a{vertical-align:top;top:-.25em;position:relative;font-size:.778em;text-decoration:none;font-family:Rajdhani,sans-serif;font-weight:500;border-bottom:none;padding:2px}main p:not(.footnote) sup a:hover{border:none}main img{display:inline-block;max-width:100%;margin:2em -7%}main figure{margin:1.5em 0 1.5em -7%}main figure img,main figure .rsImg{max-width:100%;display:block;margin:0}main figure blockquote{margin-left:7%}main strong{font-family:"HKGroteskPro-SemiBold",sans-serif;font-weight:600;font-style:normal;color:#333}main em{font-style:italic}main blockquote{max-width:800px;max-width:38em;font-size:1em;color:#7F7A7A;border-left:0.35em solid #D4CCCC;padding-left:.65em;line-height:1.5em;margin:1em 0}main blockquote img{margin:.5em 0}main div.rsGCaption{margin-top:1.2em}main figcaption a,main div.rsGCaption a{color:#7F7A7A;border-bottom:1px solid #D4CCCC;display:inline}main figcaption a:hover,main div.rsGCaption a:hover{color:#595353;border-bottom:1px solid #8C8282}main figcaption span{padding-right:.5em}#home h2,body:not(#home) h1{font-size:1.6666em;color:#fff;font-weight:500;max-width:14em;display:block;line-height:1.25em;pointer-events:none}#home h2{font-family:"HKGroteskPro-SemiBold",sans-serif;font-weight:600}img#preview-img{position:fixed;z-index:999;max-width:30%;top:0;left:0;pointer-events:none;opacity:0;transform:scale(0.98);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 0.3s ease-in-out}img#preview-img.show{opacity:1;transform:scale(1);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}footer{height:50px;float:left;margin-top:-50px;z-index:999;position:relative}footer p{line-height:50px;color:#8C8282;font-size:.778em;font-family:"HKGroteskPro-Regular",sans-serif;font-weight:400}footer a{text-decoration:underline;color:#8C8282}footer a:hover{color:#7F7A7A}#home header{z-index:999;position:absolute;bottom:1.2em;pointer-events:none}#home nav{margin-bottom:10em}#home footer{left:0}#intro{transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);display:inline-block}#intro:hover{transform:scale(1.02)}#features{background:#D4CCCC;overflow:hidden}#features a{position:absolute;display:block;width:30%;transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#features a#f-1{width:55%;top:25%;left:18%;z-index:9}#features a#f-2{width:35%;top:11%;left:42%;z-index:8}#features a#f-3{width:50%;top:37%;left:30%;z-index:7}#features a#f-4{width:55%;top:20%;left:32%;z-index:6}#features a img{width:100%}#features a h3{opacity:0;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);margin:-3em 0 0 1em;vertical-align:bottom;color:#fff;height:2.5em;position:relative;font-family:"HKGroteskPro-SemiBold",sans-serif}#features a h3 span{color:#000;opacity:.4}#features a:hover h3{opacity:1;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#features a:not(#f-1) img,#f-1.f-blurred{-webkit-filter:blur(10px);filter:blur(10px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');transform:translate3d(0, 0, 0);transition:-webkit-filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#features a:not(#f-1):hover img,a#f-1,#features a.active{-webkit-filter:blur(0px);filter:blur(0px);transition:-webkit-filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#home #features a:hover{z-index:10;transform:scale(1.01);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#timeline{height:100%;width:200%;position:absolute;touch-callout:none;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}#timeline ul{height:100%;width:100%;clear:both}#timeline li{float:left;border-left:1px solid #e6e6e6;height:100%;margin-left:-1px;display:inline-block}#timeline li span,#timeline-future span{color:#A79BA7;opacity:.8;font-size:14px;display:block;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.1em;font-style:normal;padding:.778em}#timeline-future{width:100%;height:100%;top:0;background:rgba(255,255,255,0.7);position:absolute;z-index:3;display:none;border-left:1px dotted #ccc}#timeline-future span{text-transform:uppercase;background:#fff}div#timeline-objects{position:relative;overflow:hidden}section#work{border-bottom:1px solid #e6e6e6;padding-bottom:50px}section#cv{padding-bottom:100px}.desc.is_stuck+div{visibility:hidden}.desc{width:30%;position:absolute;padding-bottom:17em;display:block;margin:8em 0 0 10%}.desc h3{position:relative;z-index:4;font-family:"HKGroteskPro-SemiBold",sans-serif;font-weight:600;font-style:normal;font-size:2.222em;margin-bottom:.7em;left:0;color:#000}.desc p{font-size:1.222em;font-family:"HKGroteskPro-Regular",sans-serif;font-weight:400;color:#A79BA7;line-height:1.3em}.desc a{color:#F5A623;font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:.8333em;display:inline-block;margin:1.5em 0 0 -1em;padding:1em}.desc a:hover{color:#D48E1E}.tl-item{margin-bottom:2em;display:block;width:100%;float:left;margin-top:5em;position:relative;pointer-events:none}.tl-item .track{background:#D4CCCC;display:block;height:6px;pointer-events:all}.tl-item h4{display:inline-block;pointer-events:all;margin-left:-.5em;position:relative;z-index:10;max-width:17em;font-family:"HKGroteskPro-SemiBold",sans-serif;font-weight:600;font-style:normal;font-size:1em;color:#000;line-height:1.2em;padding:.5em;transform:translate3d(0, 0, 0);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.tl-item:hover .track{background:#000}.tl-item:hover h4{transform:scale(1.02);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.tl-item:hover h4,.tl-item:hover h4 span{color:#000}a.tl-item h4 span,header nav a,h3 span,.note-header span,#vita-timeline,.note-date{font-family:Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.075em;font-weight:700;font-size:15px;display:block;color:rgba(0,0,0,0.5);margin-top:3px}section a.tl-item.future-event h4{color:#999}section a.tl-item.future-event h4 span{color:#aaa}section a.tl-item+a.tl-item{margin-top:0}body:not(#home) main{display:block;overflow:visible;position:relative;float:left;margin-top:60px;z-index:2}body:not(#home) article{z-index:2;position:relative;max-width:1000px}body:not(#home) h1{color:#000;font-family:"HKGroteskPro-SemiBold",sans-serif;margin-top:0;width:100%;max-width:25em;line-height:1.3em}body:not(#home) h2{width:100%;font-weight:400;color:#A79BA7;line-height:2em;margin-bottom:2.5em}body:not(#home) h3{line-height:1.5em;width:35em;max-width:800px;color:#000;text-transform:uppercase;letter-spacing:.1em;font-size:1em;display:block;margin:2.5em 0 0;font-family:Rajdhani,sans-serif;font-weight:700}body:not(#home) #credits,body:not(#home) #footnotes{font-size:.889em;margin-top:4em}body:not(#home) .footnote{color:#A79BA7;font-size:.778em;max-width:48.85em;counter-reset:footnotes-counter}body:not(#home) .footnote sup{display:block;margin:.75em 0;width:100%;max-width:auto}body:not(#home) .footnote sup::before{content:counter(footnotes-counter);counter-increment:footnotes-counter;margin-left:-1em;position:absolute;font-family:Rajdhani,sans-serif;font-weight:500;color:rgba(0,0,0,0.5)}body:not(#home) .footnote a.fn-backlink{border:none;font-family:Rajdhani,sans-serif;font-weight:500;padding:2px;vertical-align:-.13em}body:not(#home) footer{margin-top:5em}.fluid-width-video-wrapper{margin:3em auto}div.royalSlider{width:100%}figcaption,div.rsGCaption,figure blockquote+figcaption{font-size:.778em;max-width:48.85em;width:45em;color:#A79BA7;line-height:1.5em;margin:1em auto;margin-left:6.5%}blockquote+figcaption{margin-left:0}#vita #profile-bg{position:absolute;z-index:1;right:0;margin:-2.5em;top:0}#vita article h1{margin-bottom:.5em}#vita #cv{-moz-column-count:2;column-count:2;-moz-column-gap:1.5em;column-gap:1.5em;margin-top:4em;font-size:.889em}#vita #cv section{page-break-inside:avoid;break-inside:avoid;column-break-inside:avoid;margin-bottom:2.5em;display:inline-block;width:100%}#vita #cv h3{margin-top:0}#vita #cv .upcoming{background:#FFF9F2}#vita #vita-timeline{margin-bottom:2.5em;display:inline-block}#vita #vita-timeline a{padding:5px;color:rgba(0,0,0,0.5);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#vita #vita-timeline a:hover{color:rgba(0,0,0,0.75);transform:scale(1.1);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#contact #imprint{font-size:.889em;margin-top:5em}#contact #accounts{-moz-column-count:2;column-count:2;-moz-column-gap:1.5em;column-gap:1.5em;margin-top:3em;display:block;font-size:.889em}#contact #accounts section{page-break-inside:avoid;break-inside:avoid}#contact #accounts section:first-child h3{margin-top:0}#contact #accounts a{color:rgba(0,0,0,0.5);border-bottom:1px solid #8C8282;display:inline}#contact #accounts a:hover{color:#000;border-bottom:1px solid #000}#impressum article{font-size:.889em}#notes h1{margin-bottom:.5em}#notes .post{display:inline-block;margin:1em 0 2em 0}#notes .post h3{margin:0;font-family:"HKGroteskPro-Regular",sans-serif;text-transform:none;letter-spacing:0;font-weight:500}#notes .post:hover span{color:#000}.post{font-size:.944em;max-width:40.235em}.post p,.post blockquote,.post a{font-family:"Inconsolata","Courier New","HKGroteskPro-Regular",sans-serif;max-width:40.235em}#note .note{margin-top:1.5em}#email-subscribe{background:#f5f5f5;border-radius:4px;padding:1em;left:-1em}#email-subscribe h4{font-family:Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.075em;font-weight:700;font-size:15px;display:block;color:rgba(0,0,0,0.5);margin-bottom:.5em}#email-subscribe p{font-family:"HKGroteskPro-Regular",sans-serif;color:rgba(0,0,0,0.5)}#email-subscribe p a{font-family:"HKGroteskPro-Regular",sans-serif}#email-subscribe input{font-size:1em;background:none;border-radius:2px;padding:.25em;border:1px solid #ccc}a.postnav{top:50%;margin-top:25px;position:fixed;left:100%;text-align:right;margin-left:-60px;padding:0;transform:scale(1);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:.5}a.postnav svg{width:18px;height:17px;margin:16px;padding:0}a.postnav#pn-next{left:100%;text-align:right;margin-left:-60px;margin-top:-25px}a.postnav#pn-prev svg{transform:rotate(180deg)}a.postnav:hover{transform:scale(1.1);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:1}a.postnav:hover g{fill:#333}@-ms-viewport{width:device-width}@media only screen and (max-width: 759px){body{font-size:17px}body,main,article{width:100%;min-width:100%;max-width:100%;margin-left:0;left:0}header{width:90%;padding:5%;left:0;margin:0;display:block}header nav li{margin-right:4px}header nav li a{padding:5px}header nav li:first-child{margin-left:-5px}header #logo{display:none}header #intro{top:0;left:0;width:100%;margin-top:-.5em}header #intro h2{max-width:100%}#home h2,body:not(#home) h1{font-size:1.412em;margin-top:.5em}#home nav{left:0;margin-bottom:1.5em}#home header{display:block;height:auto;position:relative;background:#D4CCCC}#home #features{width:100%;height:auto;position:relative;background:#D4CCCC;padding-top:1.5em}#home #features:before{content:"Featured Work";left:5%;width:90%;display:block;position:relative;text-transform:uppercase;margin-bottom:1em;font-family:Rajdhani,sans-serif;color:rgba(0,0,0,0.4);font-size:.889em;font-weight:800;letter-spacing:.1em}#home #features h3{opacity:1}#home #features a{width:100%;left:0;position:relative;top:0}#home #features a img{-webkit-filter:none;filter:none}#work{padding-bottom:0;border-bottom:none}#timeline li{border-left:1px solid #F2F2F2}#timeline li span,#timeline-future span{font-size:13px;padding:.6em .3em;text-align:center}#timeline-future{border-left:1px dotted #ddd}#timeline-future span{text-align:left}#timeline li span i{display:none}div.desc{width:90%;position:relative;padding:0 5%;margin:4em 0 0 0;z-index:999;transform:translate3d(0, 0, 0)}.desc h3{font-size:1.3em}.desc p{font-size:1em}a.tl-item{padding:.75em 0;position:relative;margin-bottom:0;margin-top:50px;border-bottom:1px solid #f2f2f2;transform:translate3d(0, 0, 0)}a.tl-item .track{z-index:1}a.tl-item h4{width:90%;left:5%;display:inline-block}a.tl-item:active{background:rgba(212,204,204,0.2)}a.tl-item:hover h4 span{color:#7F7F7F}a.tl-item:hover .track{background:#D4CCCC}footer{width:90%;padding-left:5%;padding-right:5%;margin-left:0;left:0}footer p{font-size:.778em;line-height:1.5em}body:not(#home) main,body:not(#home) article{width:100%;padding:0;margin:0;left:0}body:not(#home) article{width:100%}body:not(#home) article p,body:not(#home) article blockquote,body:not(#home) article h1,body:not(#home) article h2,body:not(#home) article h3,body:not(#home) article figcaption,body:not(#home) article .rsGCaption{width:90%;max-width:90%;padding-left:5%;padding-right:5%;margin-left:0}body:not(#home) article h2{line-height:1.3em;margin-top:.5em;margin-bottom:1.5em}body:not(#home) article figure,body:not(#home) article img{width:100%;margin:0}body:not(#home) article blockquote{width:78%}body:not(#home) article #project article figcaption,body:not(#home) article #project article .rsGCaption{font-size:14px}#project .postnav{display:inline-block;position:relative;margin:0;margin-top:1em;left:0;right:0;width:50%;background:rgba(212,204,204,0.2)}#project .postnav#pn-next{margin:0;left:50%}#project .postnav#pn-prev{left:0;margin:0;transform:rotate(180deg)}#project .postnav#pn-prev svg{transform:none}#project #pn-next+#pn-prev{top:-52px}#vita #vita-timeline{display:none}#vita #profile-bg{display:none}#vita #cv{-moz-column-count:1;column-count:1}#vita section{page-break-inside:avoid;break-inside:avoid;margin-bottom:2.5em}#contact #accounts{-moz-column-count:1;column-count:1}#contact #accounts a{width:90%;margin-left:5%}#notes main h1,#note main h1{margin-left:5%}#notes a.note-header,#note a.note-header{width:90%}#notes a.note-header h3,#note a.note-header h3{padding:0 0 0 5%;font-size:1.111em}#notes a.note-header span,#note a.note-header span{padding:0 0 0 5%}#notes #email-subscribe,#note #email-subscribe{border-radius:0;padding-top:1em;padding-bottom:1em}#notes #email-subscribe h4,#notes #email-subscribe span,#notes #email-subscribe form,#note #email-subscribe h4,#note #email-subscribe span,#note #email-subscribe form{margin-left:5%;margin-right:5%}}
