@charset "UTF-8";
@import url('css/fonts.css');@import url('css/normalize.css');body,button,input,select,optgroup,textarea{color:#121212;font-family:"BDO Grotesk", sans-serif;font-size:1.5rem}h1,h2,h3,h4,h5,h6,p,ul,ol{color:#121212;clear:both}h1,h2{font-size:2rem;line-height:2.6rem;letter-spacing:-0.05rem;font-weight:375;text-rendering:geometricPrecision}@media screen and (max-width:768px){h1,h2{font-size:1.5rem;line-height:1.95rem}}@media screen and (max-width:480px){h1,h2{font-size:1.2rem;line-height:1.56rem}}h1 a,h1 span,h2 a,h2 span{font-family:"Source Serif Pro", serif;font-size:110%;text-decoration:underline;opacity:1;transition:-webkit-opacity 500ms ease;transition:opacity 500ms ease;transition:opacity 500ms ease, -webkit-opacity 500ms ease}h1 a:hover,h1 span:hover,h2 a:hover,h2 span:hover{opacity:0.5}h3,h4,h5,p{font-size:1.5rem;line-height:1.9rem;letter-spacing:-0.02rem;font-weight:375;text-rendering:geometricPrecision}@media screen and (max-width:768px){h3,h4,h5,p{font-size:1.2rem;line-height:1.56rem;letter-spacing:0}}@media screen and (max-width:480px){h3,h4,h5,p{font-size:1rem;line-height:1.3rem;letter-spacing:0}}h3 a,h3 span,h4 a,h4 span,h5 a,h5 span,p a,p span{font-family:"Source Serif Pro", serif;font-weight:350;font-size:110%;text-decoration:underline;opacity:1;transition:-webkit-opacity 500ms ease;transition:opacity 500ms ease;transition:opacity 500ms ease, -webkit-opacity 500ms ease}h3 a:hover,h3 span:hover,h4 a:hover,h4 span:hover,h5 a:hover,h5 span:hover,p a:hover,p span:hover{opacity:0.5}ul,ol,li>ul,li>ol{font-family:"BDO Grotesk", sans-serif;transition:padding 0.5s cubic-bezier(0.26, 0, 0.06, 1) 0.2s;text-decoration:none;list-style-position:inside;font-size:1.5rem;line-height:1.9rem;letter-spacing:-0.05rem;font-weight:375;text-rendering:geometricPrecision;margin:0}@media screen and (max-width:768px){ul,ol,li>ul,li>ol{font-size:1.2rem;line-height:1.56rem}}@media screen and (max-width:480px){ul,ol,li>ul,li>ol{font-size:1rem;line-height:1.3rem}}ul{list-style-type:"↳ "}ol{list-style:decimal}p{margin-bottom:1.5rem}@media screen and (max-width:768px){p{margin-bottom:1.2rem}}@media screen and (max-width:480px){p{margin-bottom:1rem}}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch", Courier, monospace;font-size:15px;font-size:0.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:15px;font-size:0.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background-color:white}blockquote,q{quotes:"" ""}blockquote:before,blockquote:after,q:before,q:after{content:""}hr{border:0;height:1px}dt{font-weight:bold}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}table{margin:0 0 1.5em;width:100%}button{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0, 0, 0, 0.8);font-size:12px;font-size:0.75rem;line-height:1;padding:0.6em 1em 0.4em}input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0, 0, 0, 0.8);font-size:12px;font-size:0.75rem;line-height:1;padding:0.6em 1em 0.4em}button:hover{border-color:#ccc #bbb #aaa}input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus{border-color:#aaa #bbb #bbb}input[type="button"]:active,input[type="button"]:focus{border-color:#aaa #bbb #bbb}input[type="reset"]:active,input[type="reset"]:focus{border-color:#aaa #bbb #bbb}input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"]{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus{color:#111}textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}a{color:#121212}a:visited,a:hover,a:focus,a:active{color:#121212}a:focus{outline:thin dotted}a:hover,a:active{outline:0}.footer a{padding-left:0px;transition:padding 500ms ease}.footer a:hover{padding-left:5px}@media screen and (max-width:480px){.footer a:hover{padding-left:5px}}.footer.container div:nth-child(2){margin-bottom:7.5rem}@media screen and (max-width:480px){.footer.container div:nth-child(2){margin-bottom:4rem}}@media screen and (max-width:480px){.footer.container{margin-bottom:7.5rem}}.next-project.container{margin:4.5rem 0 5.5rem}@media screen and (max-width:768px){.next-project.container{margin:3.5rem 0 2.5rem}}@media screen and (max-width:480px){.next-project.container{margin:2.5rem 0 1.5rem}}.next-project .next h3 a{font-family:"BDO Grotesk", sans-serif;font-size:1.5rem;line-height:1.9rem;letter-spacing:-0.05rem;font-weight:375;text-rendering:geometricPrecision;text-decoration:none;opacity:1}@media screen and (max-width:768px){.next-project .next h3 a{font-size:1.2rem;line-height:1.56rem}}@media screen and (max-width:480px){.next-project .next h3 a{font-size:1rem;line-height:1.3rem}}.next-project .next h3 span a{font-family:"Source Serif Pro", serif;font-weight:350;text-decoration:underline;padding-left:0px;transition:padding 500ms ease}.next-project .next:hover h3 span a{padding-left:5px}.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{border-bottom:1px solid #111;margin:0 auto 60px;max-width:636px;overflow:hidden;padding-bottom:60px}.nav-links{display:flex}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{width:50%;flex:1 0 50%}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}.alignleft,.alignright{max-width:636px !important}.alignleft img,.alignright img,.alignleft figcaption,.alignright figcaption{max-width:50%;width:50%}.alignleft figcaption{clear:left}.alignright figcaption{clear:right}.alignleft img,.alignleft figcaption{float:left;margin-right:1.5em}.alignright img,.alignright figcaption{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.widget-area{width:25%}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.site-logo{z-index:1;width:calc(33.3333% - 2vw);position:fixed;bottom:2vw;right:2vw;fill:white;mix-blend-mode:difference}@media screen and (max-width:768px){.site-logo{width:calc(33.3333% - 2.6vw)}}@media screen and (max-width:480px){.site-logo{width:calc(50% - 4vw)}}.header-section{display:flex;position:relative;align-items:center;background:url('assets/images/projects.jpg');background-position:center center;background-size:cover;width:100vw;height:100vh}.header-section.case{align-items:flex-start;background-position:center center;background-size:cover}.header-section.case h2{z-index:1;margin-left:2vw;width:calc(16.6666% - 2vw)}@media screen and (max-width:768px){.header-section.case h2{width:calc(16.6666% - 2.6vw)}}@media screen and (max-width:480px){.header-section.case h2{width:calc(50% - 4vw)}}@media screen and (max-width:768px){.header-section.case h2{width:calc(33.3333% - 2vw)}}@media screen and (max-width:768px) and (max-width:768px){.header-section.case h2{width:calc(33.3333% - 2.6vw)}}@media screen and (max-width:768px) and (max-width:480px){.header-section.case h2{width:calc(50% - 4vw)}}@media screen and (max-width:340px){.header-section.case h2{width:calc(50% - 2vw)}}@media screen and (max-width:340px) and (max-width:768px){.header-section.case h2{width:calc(50% - 2.6vw)}}@media screen and (max-width:340px) and (max-width:480px){.header-section.case h2{width:calc(50% - 4vw)}}.header-section.case::after{content:'';height:100%;width:100%;background:#0ff;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.2)}.header-section.startpage{background:url('assets/images/op_herno.jpg');background-position:center center;background-size:cover}.header-section.about{background:url('assets/images/about_me.jpg');background-position:center center;background-repeat:repeat;background-size:contain}.header-section a{z-index:1;opacity:0;position:absolute;width:14px;height:24px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 14 24'%3E%3Cdefs%3E%3Cpath id='a' d='M5.8 0v19.55l-4.06-3.68L0 17.61 7 24l7-6.39-1.74-1.74-4.07 3.68V0z'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' overflow='visible' fill-rule='evenodd' clip-rule='evenodd' fill='%23fff'/%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3C/svg%3E") top left no-repeat;bottom:2vw;left:2vw;animation:fadein 2s ease 3s 1 forwards, bounce 2s ease 2s infinite;transform-origin:bottom}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-2vw)}100%{transform:translateY(0)}}@keyframes fadein{from{opacity:0}to{opacity:1}}.header-section .sliding-text{font-family:"Source Serif Pro", serif, serif;overflow:hidden;position:relative;width:100%;color:#121212;overflow:hidden;white-space:nowrap}.header-section .sliding-text .text-section-1,.header-section .sliding-text .text-section-2{display:inline-block;animation:slide-linear 90s linear infinite}@keyframes slide-linear{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.container{display:flex;flex-wrap:wrap;align-items:flex-start;overflow:hidden;padding:1vw}@media screen and (max-width:768px){.container{padding:1.3vw}}@media screen and (max-width:480px){.container{padding:2vw}}.text_block{margin:1vw}@media screen and (max-width:768px){.text_block{margin:1.3vw}}@media screen and (max-width:480px){.text_block{margin:2vw}}.one_column{width:calc(16.6666% - 2vw)}@media screen and (max-width:768px){.one_column{width:calc(16.6666% - 2.6vw)}}@media screen and (max-width:480px){.one_column{width:calc(50% - 4vw)}}.two_column{width:calc(33.3333% - 2vw)}@media screen and (max-width:768px){.two_column{width:calc(33.3333% - 2.6vw)}}@media screen and (max-width:480px){.two_column{width:calc(50% - 4vw)}}.three_column{width:calc(50% - 2vw)}@media screen and (max-width:768px){.three_column{width:calc(50% - 2.6vw)}}@media screen and (max-width:480px){.three_column{width:calc(50% - 4vw)}}.four_column{width:calc(66.6666% - 2vw)}@media screen and (max-width:768px){.four_column{width:calc(66.6666% - 2.6vw)}}@media screen and (max-width:480px){.four_column{width:calc(100% - 4vw)}}.five_column{width:calc(83.3333% - 2vw)}@media screen and (max-width:768px){.five_column{width:calc(83.3333% - 2.6vw)}}@media screen and (max-width:480px){.five_column{width:calc(100% - 4vw)}}.six_column{width:calc(100% - 2vw)}@media screen and (max-width:768px){.six_column{width:calc(100% - 2.6vw)}}@media screen and (max-width:480px){.six_column{width:calc(100% - 4vw)}}anchor-point{height:1px;background:transparent;width:100%}.introduction,.work-page,.about{height:calc(100vh)}.case h2{padding:2vw}.case h2 span{opacity:1}@media screen and (max-width:768px){.case h2{padding:2.6vw}}@media screen and (max-width:480px){.case h2{padding:4vw}}.about-info::after{content:none}.work{display:flex;flex-wrap:wrap;justify-content:left}.work::after{content:none}.work .work-item{overflow:hidden;align-self:start;position:relative;text-decoration:none;margin:1vw 1vw 8rem;transition:all 500ms ease}.work .work-item h4{margin-top:1rem}@media screen and (max-width:768px){.work .work-item h4{margin-top:1rem}}@media screen and (max-width:480px){.work .work-item h4{margin-top:0.5rem}}.work .work-item h4 span{font-family:"Source Serif Pro", serif;font-size:108%;line-height:inherit;text-decoration:underline;padding-left:0px;transition:padding 500ms ease}.work .work-item.right{margin-left:calc(20.3333% - 2vw)}.work .work-item .image-container{display:block;overflow:hidden}.work .work-item .image-container img{display:block;transform:scale(1);transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease}.work .work-item .image-container img{max-height:100%;min-width:100%;object-fit:cover}.work .work-item:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.work .work-item:hover span{padding-left:4px}@media screen and (max-width:480px){.work .work-item:hover span{padding-left:4px}}@media screen and (max-width:768px){.work .work-item{margin:1.3vw 1.3vw 4rem}}@media screen and (max-width:480px){.work .work-item{margin:2vw 2vw 2rem}}.container-title,.container-link{margin:1vw}@media screen and (max-width:768px){.container-title,.container-link{margin:1.3vw}}@media screen and (max-width:480px){.container-title,.container-link{margin:2vw}}.container-title{margin-bottom:0}@media screen and (max-width:768px){.container-title{margin-bottom:0}}@media screen and (max-width:480px){.container-title{margin-bottom:0}}.container-link{text-align:right}#page{margin:0 auto;max-width:100%}.hentry{overflow:hidden}.hentry .posted-on a{text-decoration:none}.hentry .wp-block-quote{border:none;padding:0}.hentry .wp-block-quote p{font-size:4em;font-family:"Source Serif Pro", serif;line-height:normal;text-align:center;max-width:70%;margin:1.5em auto}@media screen and (max-width:1280px){.hentry .wp-block-quote p{font-size:3.5em}}@media screen and (max-width:768px){.hentry .wp-block-quote p{font-size:3em;max-width:90%}}@media screen and (max-width:480px){.hentry .wp-block-quote p{font-size:2.5em;max-width:90%}}@media screen and (max-width:340px){.hentry .wp-block-quote p{font-size:2em}}.cases-title{text-align:center}@media screen and (max-width:768px){.cases-title{margin-top:1.33em}}@media screen and (max-width:480px){.cases-title{margin-top:1.67em}}.cases-content{margin:0 auto;width:100%;max-width:1580px}.cases-content:before,.cases-content:after{content:'';display:table}.cases-content:after{clear:both}.cases-content .cases-item{margin:0 6% 4em;padding:0.5em 2% 2em 2%;transition:padding 0.3s}.cases-content .cases-item h2{transition:margin 0.3s}.cases-content .cases-item h2 a{text-decoration:none;background-image:linear-gradient(currentColor, currentColor);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 9%;transition:background-size 0.3s}.cases-content .cases-item p{margin-top:0.33em;font-family:"BDO Grotesk", sans-serif;transition:margin 0.3s}.cases-content .cases-item p a{text-decoration:none}.cases-content .cases-item img{display:block;margin-bottom:1em;transition:width 0.3s, height 0.3s, margin 0.3s}.cases-content .cases-item:hover{padding:0em 1% 2em 1%}.cases-content .cases-item:hover img{margin-bottom:1em}.cases-content .cases-item:hover h2{margin-right:2%}.cases-content .cases-item:hover h2 a{background-size:100% 9%}.cases-content .cases-item:hover p{margin-right:1%}@media screen and (max-width:480px){.cases-content .cases-item{margin:0 0 1em}}.wf-column{float:left}.updated:not(.published){display:none}.case .entry-content>h5{padding-bottom:0;margin-bottom:0}.page-content,.entry-content,.entry-summary{margin:0}.entry-content-about{width:100%;margin:0 auto}.entry-content-about h1{margin:1.5em auto 0.67em auto}.entry-content-about h2{width:100%;padding:2em 0 0}.page-links{clear:both;margin:0 0 1.5em}.entry-header,.page-header,.site-info,.post-navigation,.page-navigation,.comments-area,.not-found .page-content,.search .entry-summary{padding-left:14px;padding-right:14px}.case{margin:0 auto}.entry-header .wp-post-image{margin-bottom:1.5em}.wp-block-columns .wp-block-image{width:100%}@media screen and (min-width:664px){.entry-header,.page-header,.site-info,.post-navigation,.page-navigation,.comments-area,.not-found .page-content,.search .entry-summary{padding-left:0;padding-right:0}}ol.comment-list{list-style:none;margin:0 0 1.5em 0}ol.comment-list ol{list-style:none}ol.comment-list .comment-body{margin-bottom:1.5em}ol.comment-list .comment-content a{word-wrap:break-word}ol.comment-list .bypostauthor{display:block}ol.comment-list .comment-author.vcard{background:#0ff;display:flex;align-items:flex-start;font-size:1.1em}ol.comment-list .comment-author.vcard img{height:50px;width:50px;border-radius:25px}ol.comment-list .comment-author.vcard .fn{margin:0 0.3em 0 0.8em}ol.comment-list .comment-author.vcard .fn a{text-decoration:none}ol.comment-list .comment-metadata{font-style:italic;padding:0 0 0 0.8em;margin:-1.7em 0 0 50px;font-size:0.95em}ol.comment-list .comment-metadata a{text-decoration:none}ol.comment-list .comment-metadata .edit-link{font-weight:bold}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:0.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.3333333333%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.6666666667%}.gallery-columns-7 .gallery-item{max-width:14.2857142857%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.1111111111%}.gallery-caption{display:block}