:root{--margin:1rem;--gap:4px;--indent:3rem;--headingL:2.4rem;--line-height:1.375;--white:#dbdbcc;--fg:"black";--bg:"white";--blue:#0038ff;--orange:#e97000;--border:2px solid #000;--smooth-shadow:0 0.5px 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.05),0 4px 8px rgba(0,0,0,.05),0 8px 16px rgba(0,0,0,.05),0 16px 32px rgba(0,0,0,.05);--base-width:100%;--threshold:100}@media only screen and (min-width:720px){:root{--base-width:350px;--gap:6px;--threshold:80}}@media only screen and (min-width:1360px){:root{--base-width:450px;--threshold:54}}@media only screen and (min-width:1920px){:root{--base-width:500px;--threshold:48}}@font-face{font-family:Bagoss;font-style:normal;font-weight:400;src:url(/fonts/BagossCondensed-Regular.woff) format("woff"),url(/fonts/BagossCondensed-Regular.woff2) format("woff2")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}/*! normalize-opentype.css v0.2.4 | MIT License | kennethormandy.com/journal/normalize-opentype-css */::selection{color:inherit;text-shadow:inherit;background-color:#accef7}body,html,table{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}h1,h2,h3{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 1}abbr{text-transform:uppercase;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}time{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0}code,kbd,pre,samp{font-feature-settings:"kern" 0,"liga" 0,"calt" 1,"dlig" 0,"pnum" 0,"tnum" 1,"onum" 0,"lnum" 1,"zero" 1}sup{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=number],input[type=range],input[type=tel],input[type=week]{font-feature-settings:"kern" 0,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 0,"lnum" 1,"zero" 0}caption,tbody{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 0,"tnum" 1,"onum" 0,"lnum" 1,"zero" 1}body,html{padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-style:normal;background:#000;background:#383838;background:#fff;background:var(--bg);transition:background .3s}h1,h2,h3,h4,h5,p{font-weight:400;font-size:1.8rem;line-height:1.5em;margin:0}a{color:inherit}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a::selection,br::selection,div::selection,h1::selection,h2::selection,h3::selection,img::selection,li::selection,p::selection,span::selection,sup::selection{background:var(--white);color:#000;opacity:1}.renderIfVisible{margin-bottom:8px}.renderIfVisible:last-child{margin-bottom:0}.project{margin-bottom:8px;border-radius:5px;--button-bg:rgba(71,67,67,.541);background:rgba(71,67,67,.541)}.project img{border-radius:5px;display:block;transition:scale .3s,opacity .3s;z-index:1;position:relative}.project:last-child{margin-bottom:0}.project-container{position:relative}.project-likes{position:absolute;top:5px;left:5px;background:var(--button-bg);border:.5px solid #b6b6b6;padding:4px 8px;border-radius:20px;font-family:monospace,sans-serif;color:#e8e8e8!important;font-size:12px;z-index:2}.project-buttons{position:absolute;bottom:5px;right:5px;opacity:1;transition:opacity .15s;display:flex;z-index:2}@media only screen and (min-width:720px){.project-buttons{opacity:0}}.project-buttons a{text-decoration:none}.project-buttons button{background:var(--button-bg);border:.5px solid #b6b6b6;width:25px;height:25px;border-radius:100px;cursor:pointer;color:#fff;margin-left:8px;font-size:12px;display:flex;align-items:center;justify-content:center;line-height:1em;padding:0;transition:background-color .3s}.project{overflow:hidden}.project:hover .project-buttons{opacity:1}.liked{animation:like .4s forwards}.disliked{animation:dislike .4s forwards}@keyframes like{0%{background:var(--button-bg);border:.5px solid #b6b6b6;transform:scale(1)}50%{background:rgba(55,230,66,.826);border:.5px solid #fff;transform:scale(1.05)}to{background:var(--button-bg);border:.5px solid #b6b6b6;transform:scale(1)}}@keyframes dislike{0%{background:var(--button-bg);border:.5px solid #b6b6b6;transform:scale(1)}50%{background:rgba(227,50,50,.826);border:.5px solid red;transform:scale(.92)}to{background:var(--button-bg);border:.5px solid #b6b6b6;transform:scale(1)}}.like-active{background:rgba(55,230,66,.826)!important;border:.5px solid #fff!important}.dislike-active{background:rgba(227,50,50,.826)!important;border:.5px solid red!important}.project-loading{position:absolute;z-index:0;top:50%;left:50%;font-size:1.5rem;line-height:1.1em;width:1.5rem;height:1.5rem;transform:translate(-50%,-50%);animation:spin 2s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(359deg)}}@media only screen and (min-width:720px){.list-container{width:auto!important}}.list{width:var(--base-width);--button-bg:rgba(71,67,67,.541);transition:width .3s;background:linear-gradient(180deg,hsla(0,0%,86%,.88),hsla(0,0%,95%,.88) 18.75%,hsla(0,0%,98%,.88) 36.46%,hsla(0,0%,82%,.88) 61.98%);border:1px solid #fff;box-shadow:0 4px 25px rgba(0,0,0,.25);box-shadow:var(--smooth-shadow);border-radius:16px;color:#000;padding:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.list h2{font-size:1rem;padding-left:.5rem;line-height:2em;font-family:monospace,sans-serif}.list .list-projects{border-radius:12px;background:#000;padding:8px;height:calc(100vh - 95px - 4rem + 6px);overflow-y:scroll;overflow-x:hidden;border:1px solid #b6b6b6}@media only screen and (min-width:720px){.list .list-projects{height:calc(100vh - 45px - 3.5vw - 5rem)}}.list img{width:100%;height:auto}.list-header{display:flex;justify-content:space-between}.list-header .list-buttons{gap:5px;padding:4px;display:none}@media only screen and (min-width:720px){.list-header .list-buttons{display:flex}}.list-header .list-buttons button{background:var(--button-bg);color:#fff;border-radius:100px;width:22px;height:22px;border:.5px solid #b6b6b6;display:flex;align-items:center;justify-content:center;padding:0;line-height:1em;font-size:12px;cursor:pointer}.disabled{opacity:.3}.modal-wrapper{z-index:10}.modal-bg,.modal-wrapper{position:fixed;height:100vh;width:100vw;top:0;left:0}.modal-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:0}.modal-content{position:relative;z-index:1}header{padding:1rem}header h1{margin:0}header span{cursor:default}header a:hover{color:blue}.header{padding:1rem;color:var(--fg);transition:color .3s}.header p{font-size:1rem}@media only screen and (min-width:720px){.header p{font-size:1.75rem}}.header p button{background:transparent;border:0;padding:0;margin:0 .1em;cursor:pointer}.header h1,.header h2{display:inline-block;margin-right:.4em;font-size:1rem;margin-top:0;line-height:1.2em}@media only screen and (min-width:720px){.header h1,.header h2{font-size:4.1vw}}@media only screen and (min-width:1280px){.header h1,.header h2{font-size:4.23vw}}.header h2{margin-right:0}@media only screen and (min-width:720px){.header{height:calc(50px + 3.5vw)}}.grid{display:flex;padding:1rem}.swiper{padding-bottom:1rem!important;padding-left:.5rem!important;padding-right:.5rem!important}@media only screen and (min-width:720px){.swiper{padding-bottom:2rem!important;padding-left:1rem!important;padding-right:1rem!important}}.swiper-button-next,.swiper-button-prev{position:fixed!important;top:50%!important;background:hsla(0,1%,44%,.7);border:1px solid #b6b6b6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px!important;color:#fff!important;width:50px!important;height:40px!important}@media only screen and (min-width:720px){.swiper-button-next,.swiper-button-prev{width:60px!important;height:50px!important}}.swiper-button-next:after,.swiper-button-prev:after{font-size:1.5rem!important}@media only screen and (min-width:720px){.swiper-button-next:after,.swiper-button-prev:after{font-size:2rem!important}}.swiper-button-next{right:-1px!important;border-top-left-radius:40px;border-bottom-left-radius:40px}.swiper-button-next:after{content:"👉"!important}.swiper-button-prev{left:-1px!important;border-top-right-radius:40px;border-bottom-right-radius:40px}.swiper-button-prev:after{content:"👈"!important}.swiper-button-disabled{opacity:1!important}.swiper-button-disabled:after{content:"✋"!important}.total-likes{position:fixed;top:1rem;right:1rem;font-size:1.3rem;padding:.2rem .8rem;border-radius:20px;background:hsla(0,1%,44%,.7);border:1px solid #b6b6b6;color:#fff;font-family:monospace;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.heart{margin-right:.25em}.thumb-container{width:50px;transition:.4s}.thumb-container img{display:block;width:100%;height:auto;transition:.5s}.thumb-container-hover{height:auto}.thumb-container-hover img{width:100%;height:auto}.loaded{filter:none}.not-loaded{filter:blur(6px)}.web{--web-font:Arial,Helvetica,sans-serif;--web-l:clamp(1.5rem,3.5vw,5rem);--web-s:0.75rem;--web-pad:1rem;--web-rule:1px solid var(--fg);font-family:var(--web-font);font-size:var(--web-s);font-weight:700;line-height:1.3;color:var(--fg);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}@media only screen and (min-width:720px){.web{--web-s:0.8125rem;--web-pad:1.5rem}}.web a{color:inherit;text-decoration:none}.web h1,.web h2,.web p{font-family:var(--web-font);font-weight:700;margin:0}@media(hover:none){.web{padding:0 var(--web-pad)}.web-header{height:50dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}}@media(max-width:719px){.web{--web-l:1.625rem}.web-awards__meta,.web-table__roles{display:block;margin-top:.3rem;white-space:normal}.web-awards__row+.web-awards__row,.web-table__row+.web-table__row{margin-top:.75rem}}.web-header{padding:var(--web-pad);padding-left:0;padding-right:0;display:flex;flex-direction:column;align-items:center}.web-header>*{width:100%}@media only screen and (min-width:720px){.web-header>*{width:auto;max-width:80%;min-width:70%}}.web-header__top{display:flex;justify-content:space-between;gap:1rem;font-size:var(--web-s);font-size:1rem;font-weight:600!important}.web-header__title{font-size:var(--web-l);line-height:1.1;text-transform:uppercase}.web-header__lead{font-weight:600!important;font-size:1rem;line-height:1.2;max-width:40rem}.web-awards__body,.web-awards__list,.web-table__body,.web-table__list{list-style:none;margin:0;padding:0;width:100%}@media only screen and (min-width:720px){.web-awards__body,.web-awards__list,.web-table__body,.web-table__list{width:auto;max-width:80%;min-width:70%}}.web-awards__link,.web-table__link{display:block;line-height:.9}[data-card-key]{transition:opacity .2s;position:relative}.web--focused [data-card-key]:not(.is-active){opacity:.5}.web-awards .web-awards__award,.web-awards .web-table__name,.web-table .web-awards__award,.web-table .web-table__name{font-size:var(--web-l)}.web-awards .web-awards__meta,.web-awards .web-table__roles,.web-table .web-awards__meta,.web-table .web-table__roles{font-size:var(--web-s);white-space:nowrap}.web-table{flex:1 1;padding-top:.25rem;justify-content:center}.web-awards,.web-table{display:flex;align-items:center}.web-awards{margin-top:6rem;padding-bottom:.5rem;flex-direction:column}.web-awards__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem var(--web-pad);width:100%}@media only screen and (min-width:720px){.web-awards__head{width:auto;max-width:80%;min-width:70%}}.web-awards__title{font-size:var(--web-s)}.web-footer{display:flex;justify-content:space-between;gap:1rem;padding:.75rem var(--web-pad);text-transform:uppercase}.web-footer a:hover{opacity:.5}.web-card{position:fixed;z-index:10;pointer-events:none;width:min(360px,100vw - 2rem);font-family:var(--web-font);font-size:var(--web-s);background:var(--bg);color:var(--fg);border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 16px rgba(0,0,0,.08),0 24px 48px -12px rgba(0,0,0,.18);overflow:hidden}.web-card__image{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;border-bottom:var(--web-rule)}.web-card__text{padding:.75rem}.web-card__description,.web-card__title,.web-card__url{font-size:var(--web-s);line-height:1.3}.web-card__title{text-transform:uppercase}.web-card__description{margin-top:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.web-card__credits{margin-top:.75rem;padding-top:.5rem;font-size:var(--web-s);opacity:.5}@media(hover:none){.web-card{display:none}}