body{margin:auto}.app-root{background-size:cover;width:100%;height:100%;margin:auto;padding:0;border:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app-logo{z-index:20;font-family:Abel,sans-serif;font-size:44px;color:#000;position:absolute;padding-top:10px;padding-left:5%;text-decoration:none;transition:padding-left .5s ease}.desktop-only[data-page=about] .app-logo{padding-left:73%}.app-logo-mobile{z-index:20;font-family:Abel,sans-serif;font-size:28px;color:#000;position:absolute;padding-top:5%;margin-left:5%;width:300px;height:10px;text-align:left}.desktop-only,.mobile-only{position:relative}@media(max-width:1224px){.desktop-only{display:none}}@media(min-width:1225px){.mobile-only{display:none}}.desktop-layout{display:flex;width:100%;min-width:1300px;height:100vh;position:absolute;z-index:1;justify-content:space-around}.pane{height:100%;min-height:750px;font-size:16px;font-family:Abel,sans-serif;display:flex;background-size:cover;transition:width .5s ease,min-width .5s ease}.pane--work{background-image:url(/assets/BG_work-5WJoJeN7.jpg);background-position:right top;width:50%;min-width:20px;text-align:right;justify-content:flex-end}.pane--about{background-image:url(/assets/BG_about-C7ZlqEi9.jpg);background-position:left top;width:50%;min-width:20px;text-align:left}.desktop-only[data-page=work] .pane--work{width:98%;min-width:800px}.desktop-only[data-page=work] .pane--about,.desktop-only[data-page=about] .pane--work{width:2%;min-width:20px}.desktop-only[data-page=about] .pane--about{width:98%;min-width:20px}.nav-button{font-size:16px;width:50px;height:20px;font-family:Abel,sans-serif;margin-top:250px;text-align:center;border:none;outline:none;background-color:transparent;cursor:pointer}.nav-button--work{color:#000}.nav-button--about{color:#fff}.desktop-only[data-page=about] .nav-button--work{writing-mode:vertical-rl;width:20px;height:410px;margin-top:50px}.desktop-only[data-page=work] .nav-button--about{writing-mode:vertical-rl;width:20px;height:400px;margin-top:50px}.content-panel{display:flex;width:85%;position:relative;padding-top:10%;animation:fade-in .4s ease-in}.content-panel--dash{z-index:4;padding-left:5%}.content-panel--about{z-index:1;margin-left:10%;justify-content:flex-end}.side-nav{display:flex;flex-direction:column}.dash-gap{min-width:40px}.slide-frame{max-height:500px;position:static}.dash-face-grid{max-height:500px;width:600px;display:flex}.side-nav-button{color:#000;font-size:16px;width:142.5px;height:20px;font-family:Abel,sans-serif;text-align:left;border:none;outline:none;padding-left:7.5px;text-decoration:none;opacity:inherit;display:block;background-color:transparent;transition:background-color .2s ease}.side-nav-button:hover{background-color:#f0f0f0;padding-left:11.25px}.side-nav-button.is-active{background-color:#d3d3d3;padding-left:15px}.side-nav-heading{opacity:inherit;color:#000;font-size:16px;font-family:Abel,sans-serif;text-align:left}.side-nav-button-mobile{color:#000;font-size:22px;width:170px;height:30px;font-family:Abel,sans-serif;text-align:left;box-shadow:0 1px #d3d3d3;outline:none;padding-left:11.25px;padding-top:5px;text-decoration:none;opacity:inherit;display:block}.side-nav-button-mobile-selected{color:#000;font-size:22px;height:30px;font-family:Abel,sans-serif;display:flex;justify-content:space-between;text-align:left;background-color:#d3d3d3;box-shadow:0 1px #d3d3d3;outline:none;padding-left:11.25px;padding-top:2.5px;padding-bottom:2.5px;text-decoration:none;opacity:inherit}.side-nav-heading-mobile{opacity:inherit;color:#000;font-size:20px;font-family:Abel,sans-serif;text-align:left}.x-button{color:#000;font-family:Abel,sans-serif;font-size:28px;outline:none;height:70%;text-decoration:none;padding-right:11.25px}.dash-mobile-menu{display:flex;flex-direction:column;opacity:inherit}.face-picture{max-width:100%;height:auto;object-fit:contain;vertical-align:text-top;font-size:16px;font-family:Abel,sans-serif;cursor:auto;transition:max-width .2s ease}.face-picture:hover{max-width:49px;cursor:pointer}.face-picture-slice{width:60px;height:500px;object-fit:cover;object-position:center;vertical-align:text-top;cursor:pointer;transition:width .2s ease}.face-picture-slice:hover{width:300px}.dash-face-square-grid{max-height:1000px;width:1200px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;overflow-y:auto}.face-picture-square-wrap{position:relative;display:block}.face-picture-square{width:100%;aspect-ratio:1 / 1;object-fit:cover;object-position:center;vertical-align:text-top;cursor:pointer;transition:opacity .2s ease}.face-picture-square-wrap:hover .face-picture-square{opacity:.8}.face-picture-square-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;color:#fff;font-family:Abel,sans-serif;font-size:18px;text-shadow:1px 0 black,-1px 0 black,0 1px black,0 -1px black;opacity:0;transition:opacity .2s ease;pointer-events:none}.face-picture-square-wrap:hover .face-picture-square-label{opacity:1}.slide{display:flex;justify-content:space-between}.portrait-div{max-width:100%;min-width:60%;display:flex;vertical-align:text-top;object-fit:contain;font-size:16px;font-family:Abel,sans-serif;cursor:auto;position:relative;z-index:2}.portrait-div.is-clickable{cursor:url(/assets/rightarrow-CBEiKg-m.cur),pointer}.portrait-picture{max-width:100%;height:auto;object-fit:contain;vertical-align:text-top;font-size:16px;font-family:Abel,sans-serif;cursor:auto}.portrait-div.is-clickable .portrait-picture{cursor:url(/assets/rightarrow-CBEiKg-m.cur),pointer}.portrait-picture-self{max-width:475px;height:475px;vertical-align:text-top;font-size:16px;font-family:Abel,sans-serif;cursor:auto}.portrait-picture-self-mobile{max-width:100%;height:auto;vertical-align:text-top;font-size:16px;font-family:Abel,sans-serif;cursor:auto}.portrait-picture-hover-mobile{max-width:100%;height:auto;object-fit:contain;vertical-align:text-top;text-align:center;font-size:16px;font-family:Abel,sans-serif;cursor:pointer}.lil-arrow{height:auto;width:32px;object-fit:contain;margin:auto;vertical-align:text-top;font-size:16px;font-family:Abel,sans-serif;cursor:auto;opacity:0;transition:opacity .2s ease}.portrait-div.is-clickable:hover .lil-arrow{opacity:.5;cursor:pointer}.slide-caption{padding-left:70px;min-width:150px;max-width:250px;position:relative;z-index:1;font-size:14px}.about-slide{display:flex}.about-slide-text{padding-right:20px;min-width:300px;max-width:300px}.about-slide-mobile{padding-left:20px;padding-right:20px;text-align:center}.about-mobile-wrap{margin-top:10px}.slide-mobile{padding-left:20px;padding-right:20px;text-align:center}.slide-mobile-spacer{height:20px}.prev-next-row{display:flex;justify-content:center}.prev-next-button{font-size:16px;font-family:Abel,sans-serif;width:60px;text-align:center;cursor:pointer}.prev-next-separator{padding-left:10px;padding-right:10px}.description{font-size:12px;font-family:Abel,sans-serif;width:100%;text-align:left}.description-mobile{font-size:12px;font-family:Abel,sans-serif;width:100%;text-align:left;max-width:800px;display:block;margin:0 auto}.big-description{font-size:16px;font-family:Abel,sans-serif;width:100%;text-align:left;background-color:#ffffff80}.big-description-mobile{font-size:16px;font-family:Abel,sans-serif;width:100%;text-align:center}.big-description-about-mobile{font-size:16px;color:#fff;font-family:Abel,sans-serif;width:100%;text-align:center;background-color:#0000001a}.description-tiny{font-size:12px;margin-top:170px;font-family:Abel,sans-serif;width:90%;position:absolute;bottom:10px;opacity:.7}.description-tiny-about-mobile{font-size:12px;font-family:Abel,sans-serif;color:gray;text-align:center;bottom:0;opacity:.7}.copyright{font-size:12px;object-fit:contain;vertical-align:bottom;text-align:right;color:#000;font-family:Abel,sans-serif;width:97%;bottom:0;opacity:.7;position:fixed;z-index:10}.copyright-about-mobile{font-size:8px;object-fit:contain;vertical-align:bottom;text-align:right;color:#000;font-family:Abel,sans-serif;bottom:0;right:5px;opacity:.3;position:fixed;z-index:10}.copyright-dash-mobile{font-size:8px;object-fit:contain;vertical-align:bottom;text-align:right;color:#000;font-family:Abel,sans-serif;bottom:22px;right:5px;opacity:.3;position:fixed;z-index:10}.mobile-layout{width:100%;height:100vh;position:absolute;z-index:1}.mobile-pane{display:flex;flex-direction:column;background-size:cover;font-size:16px;width:100%;height:50%;min-height:25px;font-family:Abel,sans-serif;transition:height .5s ease}.mobile-pane--work{background-image:url(/assets/BG_work_mobile-BAfPA-0p.jpg);background-position:right bottom;justify-content:flex-end}.mobile-pane--about{background-image:url(/assets/BG_about_mobile-D_YZrI3R.jpg);background-position:right top;justify-content:flex-start}.mobile-only[data-page=work] .mobile-pane--work{height:calc(100% - 22px)}.mobile-only[data-page=work] .mobile-pane--about,.mobile-only[data-page=about] .mobile-pane--work{height:22px}.mobile-only[data-page=about] .mobile-pane--about{height:calc(100% - 22px)}.mobile-pane-header{display:flex;justify-content:space-between}.mobile-pane-header--end{justify-content:flex-end}.mobile-nav-link-wrap{display:flex;justify-content:center}.nav-button-mobile{color:#000;font-size:20px;width:100px;height:22px;font-family:Abel,sans-serif;text-align:center;vertical-align:middle;border:none;outline:none;text-decoration:none;background-color:transparent}.nav-button-mobile--about{color:#fff}