@font-face{font-family:"Yeni Zaman";src:url("../fonts/JHA - YeniZaman-Rg.woff2") format("woff2"),url("../fonts/JHA - YeniZaman-Rg.woff") format("woff")}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.more,.projects-table th,.tabs-btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}*{margin:0;padding:0;box-sizing:border-box}.secretPath{position:absolute;left:0;top:0;width:20px;height:20px;z-index:5}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Yeni Zaman",sans-serif;background:#f4f4f4;color:#0c0c0c}body{display:flex;align-items:center;padding:0 15px;min-height:100vh}h2{font-size:1.2em;margin:2em 0 .5em;font-weight:inherit}ol,p,ul{margin-top:0;margin-bottom:1em}a{color:#0c0c0c;text-decoration:none}a:visited{color:#0c0c0c}ol,ul{padding-left:1em}.icon-ratio,.image-ratio,.video-ratio{position:relative}.icon-ratio img,.icon-ratio svg,.icon-ratio video,.image-ratio img,.image-ratio svg,.image-ratio video,.video-ratio img,.video-ratio svg,.video-ratio video{position:absolute;left:0;top:0;width:100%;height:100%}.more{text-decoration:underline;color:#0c0c0c}.more~*{display:none}svg{fill:currentColor;vertical-align:middle}.wrapper{background:#fff;border-radius:20px;margin:15px auto;box-shadow:0 5px 200px hsla(0,0%,0%,.05)}.menu{display:flex;border-bottom:2px solid #f4f4f4}.menu a{color:#b2b2b2;flex:1;display:flex;align-items:center;justify-content:center;padding:20px 20px 19px;border-right:2px solid #f4f4f4}.menu a:last-child{border-right:none}.menu a.is-active{color:#0c0c0c}main{width:100%;padding:30px 40px}@media screen and (max-width:480px){main{padding:30px}}.about{max-width:600px}@media screen and (max-width:480px){.about{max-width:343px}}.about-photo{border-radius:100%;float:left;width:150px;height:150px;margin-right:40px;margin-bottom:20px;border:2px solid #f4f4f4}@media screen and (max-width:480px){.about-photo{display:block;margin:10px auto 30px;float:none}}.about-text{margin:0 0 30px}.about-text a{text-decoration:underline}.tabs{display:inline-flex;background:#f4f4f4;padding:2px;border-radius:7px;gap:2px}.tabs-btn{color:inherit;font:inherit;background:0 0;border:none;border-radius:5px;font-size:14px;padding:5px 10px}.tabs-btn.is-active,.tabs-btn:hover{background:#fff}.grid{margin:14px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.projects-tabs{display:flex;justify-content:end;margin:-14px -24px 10px 0}@media screen and (max-width:480px){.projects-tabs{margin-right:-14px}}.projects-list{flex:1;max-width:263px;margin:0;display:none}.projects-list.is-active{display:grid}.projects-list-year{color:#b2b2b2;font-size:16px;margin:32px 10px 0;font-weight:inherit}.projects-list-year:first-child{margin-top:0}.projects-table{margin:0 -40px -30px;display:none;max-width:calc(100vw - 40px)}@media screen and (max-width:480px){.projects-table{overflow:auto;margin:0 -30px -30px;max-width:calc(100vw - 30px)}}.projects-table.is-active{display:block}.projects-table-element{border:none;border-collapse:collapse}.projects-table td,.projects-table th{padding:7px 20px 9px;box-shadow:0 -2px #f4f4f4 inset;background:#fff;white-space:nowrap}.projects-table td .project,.projects-table th .project{margin-left:-10px;min-width:214px}.projects-table td.complexity a,.projects-table td.design a,.projects-table td.industry a,.projects-table th.complexity a,.projects-table th.design a,.projects-table th.industry a{text-decoration:underline;-webkit-text-decoration-color:#bcbcbc;text-decoration-color:#bcbcbc}.projects-table tr:last-child td{box-shadow:none}.projects-table tr:last-child td:first-child{border-bottom-left-radius:20px}.projects-table tr:last-child td:last-child{border-bottom-right-radius:20px}.projects-table th{text-align:inherit;font-weight:inherit;background:#fff;position:sticky;z-index:1;top:0;padding-top:20px;padding-bottom:21px;box-shadow:0 -2px #f4f4f4 inset;white-space:nowrap}.projects-table th:after{content:"";border-top:6px solid;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;vertical-align:middle;visibility:hidden;margin-left:10px;margin-top:-3px}.projects-table th.sorted-asc:after{border-top:none;border-bottom:6px solid}.projects-table th.sorted-asc:after,.projects-table th.sorted-desc:after{visibility:visible}.projects-table th[data-column=complexity]{padding-right:2px}.projects-table-body-year{display:none}.complexity-indicator{display:grid;grid-template-columns:repeat(5,6px);align-items:end;justify-content:center;height:.85em;gap:2px}.complexity-indicator-bar{background:#e2e2e2;border-radius:1px;height:100%}.complexity-indicator-bar:nth-child(1){height:39%}.complexity-indicator-bar:nth-child(2){height:47%}.complexity-indicator-bar:nth-child(3){height:63%}.complexity-indicator-bar:nth-child(4){height:83%}.complexity-indicator-bar.is-active{background:#333}.complexity-label{font-size:.8em;display:none}.grid-item{display:flex}.grid-item:last-child{margin-bottom:0}.grid-item-link{flex:1;display:flex;align-items:center;padding:5px 12px 5px 10px;border-radius:5px}.grid-item-link:hover{background:#f9f9f9}.grid-item-icon{width:32px;margin-right:15px;margin-top:5px}.grid-item-icon .icon{vertical-align:middle}.grid-item-title{font-size:inherit;font-style:normal}.grid-item-description{color:#ccc}.grid-item-url{color:#b2b2b2;display:block;font-size:.8rem;word-break:break-all}[data-template=post] body{display:block;background:#fff;font-family:Lato;font-weight:300}[data-template=post] .wrapper{box-shadow:none;background:0 0;margin:0;border-radius:0}[data-template=post] header{display:none}[data-template=post] main{max-width:1200px;margin:0 auto;text-align:center;padding:0}[data-template=post] h1{margin:60px 30px 5px;font-weight:inherit}[data-template=post] .subtitle{font-size:1.4em;color:#a3a3a3;margin-bottom:30px}.gallery-grid{margin:15px auto 30px;padding:0 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-flow:dense;grid-gap:30px}@media screen and (max-width:480px){.gallery-grid{padding:0 15px;display:block;grid-gap:15px}}.gallery-grid-entry{color:inherit}@media screen and (max-width:480px){.gallery-grid-entry{display:block;margin-bottom:15px}}.gallery-grid-entry[data-ratio=landscape]{grid-column:span 2}.gallery-grid-entry[data-ratio=landscape] .image-ratio,.gallery-grid-entry[data-ratio=landscape] .video-ratio{padding-bottom:64.1%!important}.gallery-grid-entry[data-ratio=landscape] .image-ratio img,.gallery-grid-entry[data-ratio=landscape] .image-ratio video,.gallery-grid-entry[data-ratio=landscape] .video-ratio img,.gallery-grid-entry[data-ratio=landscape] .video-ratio video{-o-object-fit:cover;object-fit:cover}.gallery-grid-entry--video[data-ratio=portrait] .video-ratio{padding-bottom:133.3333333333%!important}.gallery-grid-entry--video[data-ratio=portrait] .video-ratio video{-o-object-fit:cover;object-fit:cover}.gallery-grid-entry figcaption{margin-top:4px;font-size:14px;line-height:20px}.activities{padding:0;margin:0 -5px;list-style:none;font-size:10px}@media screen and (max-width:480px){.activities{margin:0 -20px}}.activities-row{display:flex;height:28px;position:relative;padding:0 5px 2px;border-radius:5px}.activities-row:hover{background:#f4f4f4}.activities-row:hover.has-details .over-70 .activities-row-timeframe-name{left:auto;right:0}@media screen and (max-width:480px){.activities-row:hover.has-details .over-40 .activities-row-timeframe-name{left:auto;right:0}}.activities-row:hover .activities-row-timeframe-plus{display:none}.activities-row:hover .activities-row-timeframe-details{display:inline}.activities-row-timeframe{border-radius:999px;position:relative;height:.5em;margin-top:18px}.activities-row-timeframe.open-start{border-top-left-radius:0;border-bottom-left-radius:0}.activities-row-timeframe.open-end{border-top-right-radius:0;border-bottom-right-radius:0}.activities-row-timeframe-label,.activities-row-timeframe-name{position:absolute;left:0;bottom:6px;text-align:center;white-space:nowrap}.over-90 .activities-row-timeframe-label,.over-90 .activities-row-timeframe-name{left:auto;right:0}@media screen and (max-width:480px){.over-70 .activities-row-timeframe-label,.over-70 .activities-row-timeframe-name{left:auto;right:0}}.activities-row-timeframe-label{bottom:-13px;display:none}.activities-row-timeframe-plus{background:#e5e5e5;border-radius:999px;margin-top:2px;width:11px;height:10px;line-height:11px;text-align:center;font-size:9px;vertical-align:top;display:inline-block}.activities-row-timeframe-details{display:none;white-space:nowrap}.activities-row-timeframe-details a{color:inherit;text-decoration:underline}.activities-footer{margin:7px -8px 0;padding:13px 0;display:flex;justify-content:space-between;position:sticky;bottom:0;background:#fff}@media screen and (max-width:480px){.activities-footer{margin-left:0;margin-right:0}}.activities-footer:after{content:"";position:absolute;left:13px;top:0;right:13px;height:1px;background:#bfbfbf}@media screen and (max-width:480px){.activities-footer:after{left:5px;right:5px}}@media screen and (max-width:480px){.activities-footer span:nth-child(even):not(:first-child):not(:last-child){display:none}}[data-template=videos-app] body{display:block;background:#fff}[data-template=videos-app] .wrapper{box-shadow:none;background:0 0;margin:0;border-radius:0}[data-template=videos-app] header{display:none}[data-template=videos-app] main{max-width:100%;padding:0}[data-template=videos-app] figure{margin:0 0 2em}[data-template=videos-app] figure:last-child{margin-bottom:0}[data-template=videos-app] video{width:100%;height:100dvh;vertical-align:middle;-o-object-fit:cover;object-fit:cover}
/*# sourceMappingURL=style.css.map */