@font-face{font-family:sf-mono-bold;src:url(../fonts/sfmono-bold-webfont.woff2) format("woff2"),url(../fonts/sfmono-bold-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-bold-italic;src:url(../fonts/sfmono-bolditalic-webfont.woff2) format("woff2"),url(../fonts/sfmono-bolditalic-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-heavy;src:url(../fonts/sfmono-heavy-webfont.woff2) format("woff2"),url(../fonts/sfmono-heavy-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-heavy-italic;src:url(../fonts/sfmono-heavyitalic-webfont.woff2) format("woff2"),url(../fonts/sfmono-heavyitalic-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-light;src:url(../fonts/sfmono-light-webfont.woff2) format("woff2"),url(../fonts/sfmono-light-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-light-italic;src:url(../fonts/sfmono-lightitalic-webfont.woff2) format("woff2"),url(../fonts/sfmono-lightitalic-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-medium;src:url(../fonts/sfmono-medium-webfont.woff2) format("woff2"),url(../fonts/sfmono-medium-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-medium-italic;src:url(../fonts/sfmono-mediumitalic-webfont.woff2) format("woff2"),url(../fonts/sfmono-mediumitalic-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-regular;src:url(../fonts/sfmono-regular-webfont.woff2) format("woff2"),url(../fonts/sfmono-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-regular-italic;src:url(../fonts/sfmono-regularitalic-webfont.woff2) format("woff2"),url(../fonts/sfmono-regularitalic-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-semibold;src:url(../fonts/sfmono-semibold-webfont.woff2) format("woff2"),url(../fonts/sfmono-semibold-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:sf-mono-semibold-italic;src:url(../fonts/sfmono-semibolditalic-webfont.woff2) format("woff2"),url(../fonts/sfmono-semibolditalic-webfont.woff) format("woff");font-weight:400;font-style:normal}.palette{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;padding:5em 0 5em 0}.palette .palette-swatch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:10vw;height:10vw;border-radius:50%;-webkit-transition:-webkit-transform .75s ease;transition:-webkit-transform .75s ease;transition:transform .75s ease;transition:transform .75s ease,-webkit-transform .75s ease;text-align:center;font-size:.75em;text-transform:uppercase}.palette .palette-swatch:hover{-webkit-transform:scale(1.35);-ms-transform:scale(1.35);transform:scale(1.35)}.my-info{display:none;padding:3em 0 0 0}.my-info .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:-webkit-calc(25% + 1em);padding-left:calc(25% + 1em)}.my-info .container .column{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 0 6em 0;max-width:480px;font-size:.8em;font-family:sf-mono-light,curiour,sans-serif;color:#222;letter-spacing:.1em}.my-info .container .column h2.title{font-family:sf-mono-medium,curiour,sans-serif;font-size:1em;text-transform:uppercase;padding-bottom:.85em}.my-info .container .column .contact-columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.my-info .container .column .contact-columns a.tel{margin-right:4em}.my-info .container .column a.social-item{display:inline-block;width:18px;height:18px;background-repeat:no-repeat;background-size:contain;margin-right:3em;border:0}.my-info .container .column a.social-item:hover{border-bottom:0}.my-info .container .column a.twitter{background-image:url(../images/twitter.svg)}.my-info .container .column a.instagram{background-image:url(../images/instagram.svg)}.my-info .container .column a.dribbble{background-image:url(../images/dribbble.svg)}.my-info .container a{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#222}.my-info .container a:hover{border-bottom:1px solid transparent}@media only screen and (max-width:960px){.my-info .container{padding:1em}}.header{padding:3em 1em 2.5em 1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.header a.logo{display:block;background-image:url(../images/unstad.svg);background-repeat:no-repeat;background-position:center;height:24px;width:60px;padding:0}.header .my-info-toggle{display:block;background-image:url(../images/wave.svg);background-repeat:no-repeat;background-position:center;height:24px;width:41px;padding:0;cursor:crosshair}header.single{padding:3em 1em 3em 1em}section.footer{padding:4.5em 1em 5em 1em;text-align:center}section.footer .footer-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section.footer .footer-container a.stamp{display:inline-block;width:100px;height:100px;background-image:url(../images/stamp.svg);background-repeat:no-repeat}section.work{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 .5em 5em .5em}section.work .project{position:relative;background-size:cover;background-repeat:no-repeat;color:#222;width:-webkit-calc(50% - 1em);width:calc(50% - 1em);margin:.5em;-webkit-transition:.5s ease;transition:.5s ease}section.work .project:before{display:block;content:"";width:100%;padding-top:62.5%}section.work .project>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.work .project .project-info{padding:1em 0 0 1em;display:inline-block}section.work .project .project-info h3.project-title{font-weight:400;margin:0;font-size:.8em}section.work .project .project-info p.category{height:0;overflow:hidden;font-size:.7em;text-transform:uppercase;-webkit-transition:all 250ms ease;transition:all 250ms ease}section.work .project:hover p.category{height:20px}section.project{background-color:#f6f6f6;padding:1em 1em .2em 1em;min-height:-webkit-calc(100vh - 8em);min-height:calc(100vh - 8em)}section.project .project-details{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:2em 0;font-size:.8em}section.project .project-details h3{text-transform:uppercase;font-weight:600;font-size:1em;padding-bottom:.5em}section.project .project-details .column{width:25%;padding:0 2em;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}section.project .project-details .column p{color:#555}section.project .project-details .column:first-child{padding-left:0}section.project .project-details .column:nth-child(2){border-left:1px solid #222}section.project .project-details .back{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}section.project .project-details .back a.arrow{height:3em;width:60px;display:inline-block;background-image:url(../images/arrow.svg);background-repeat:no-repeat;background-position:center;padding:0;-webkit-transition:all 140ms ease;transition:all 140ms ease}section.project .project-details .back a.arrow:hover{-webkit-transform:translate(20%,0);-ms-transform:translate(20%,0);transform:translate(20%,0)}section.project .project-content{padding:1em 0 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}section.project .project-content .text-block{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;padding:3em 0 4em 0;width:60%}section.project .project-content .text-block p{line-height:1.9em;padding:1em 0}section.project .project-content .center-content{text-align:center}section.project .project-content .text-block+.text-block{padding-top:0;padding-bottom:6em}section.project .project-content a.button+p{padding-top:4em}section.project .project-content img{max-width:100%;width:100%;height:auto;margin:0;padding-bottom:1em}section.project .project-content video{width:100%!important;height:auto!important;padding-bottom:1em}section.project .project-content .four-img-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:0;margin-bottom:1em}section.project .project-content .four-img-block .img-block{width:50%}section.project .project-content .four-img-block .img-block img{padding-bottom:0}section.instagram{padding:4em 1em 5em 1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#222}section.instagram h2{color:#eee;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-transform:uppercase;font-size:.8em;letter-spacing:.1em;padding-bottom:5em}section.instagram .instagram-container{padding-bottom:3em;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-width:-webkit-calc(33.333% - 1em);-moz-column-width:calc(33.333% - 1em);column-width:calc(33.333% - 1em);-webkit-column-gap:1em;-moz-column-gap:1em;column-gap:1em;line-height:0}section.instagram .instagram-container .instagram-post{padding-bottom:1em;display:inline-block}section.instagram .instagram-container .instagram-post img{width:100%;max-width:100%}section.instagram a.button{color:#fff;border-bottom-color:#fff;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.cl-logo-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1em 0 1em 0}.cl-logo-container .cl-logo{display:block;width:50%;height:50vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-position:center;background-size:50%;background-repeat:no-repeat}.cl-logo-container .black{background-image:url(../images/cl-logo-black.svg)}.cl-logo-container .white{background-color:#222;background-image:url(../images/cl-logo-white.svg)}@media only screen and (min-width:1600px){.cl-logo-container .cl-logo{background-size:30%}}.palette{padding-bottom:1em}::-moz-selection{background:#f1eecc;color:#222}::selection{background:#f1eecc;color:#222}::-moz-selection{background:#f1eecc;color:#222}*,:after,:before{-webkit-box-sizing:border-box!important;box-sizing:border-box!important}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}body{font-family:sf-mono-regular,curiour,sans-serif;font-weight:400;font-size:.9em;color:#222;margin:0;text-rendering:optimizeLegibility}a{color:#222;text-decoration:none;-webkit-transition:all .18s cubic-bezier(.55,.025,.455,.98);transition:all .18s cubic-bezier(.55,.025,.455,.98)}a:hover{cursor:crosshair}p>a{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#222}p>a:hover{border-bottom:1px solid transparent!important}a.contact{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#222}a.contact:hover{border-bottom:1px solid transparent!important}a.button{font-size:.85em;text-transform:uppercase;letter-spacing:.04em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#222}a.button:hover{border-bottom:1px solid transparent!important}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:1em}.green{background-color:#ccf296}.red{background-color:#f57f7f}.notibar{display:block;position:relative;top:0;left:0;text-align:center;width:100%;height:auto;padding:1.5em 0;margin-bottom:2em;background-color:#f1eecc;color:#222}.container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto}@media only screen and (max-width:960px){.container section.work .project{width:-webkit-calc(100% - 1em);width:calc(100% - 1em)}.container section.project .project-details{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.container section.project .project-details .column{width:33.3333%}.container section.project .project-details .column:first-child{display:none}.container section.project .project-details .column:nth-child(2){border:0;padding-left:0}.container section.project .project-content .text-block{width:100%;max-width:90%}.container section.instagram .instagram-container{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-width:-webkit-calc(50% - 1em);-moz-column-width:calc(50% - 1em);column-width:calc(50% - 1em)}}@media only screen and (min-width:1600px){.container section.instagram .instagram-container{-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-width:-webkit-calc(25% - 1em);-moz-column-width:calc(25% - 1em);column-width:calc(25% - 1em)}.container section.project .project-content .text-block{width:40%}}