body{margin:0;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#222;color:#fff}.page-title{font-family:Quicksand;font-size:1.75em;color:#ff0;margin:0 0 40px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hamburger-click-capture{position:fixed;width:100%;height:100%;background-color:#000000b3;top:54px;left:0;z-index:1}.hamburger-burger{width:30px;height:24px;display:inline-block;filter:invert(1);cursor:pointer}.hamburger-nav-menu{position:fixed;background-color:#222;right:0;width:250px;top:54px;display:flex;flex-direction:column;z-index:2;transition:right .3s}.hamburger-nav-menu a{font-size:1.25em;padding:15px 30px!important;margin:0!important}.hamburger-nav-menu a.active{background-color:#ffffff1a}.navbar-wrapper{display:flex;align-items:center;padding:0 40px;height:54px;position:sticky;top:0;z-index:10;background:#222}.navbar-wrapper a{font-family:Quicksand;font-weight:700;font-size:1.25em;margin-left:30px;color:#fff;text-decoration:none;padding:10px 0}.navbar-logo{width:36px;height:36px;background-size:cover;flex-shrink:0;margin-right:10px;background-image:url(/favicon.png)}.navbar-name{font-family:Quicksand;font-weight:700;font-size:1em;color:#fff;margin-left:8px}.navbar-nav:hover{text-decoration:underline dotted;text-decoration-color:#ff0}@media(max-width:800px){.navbar-wrapper{padding:0 20px}.navbar-wrapper a{color:#fff}}.app-wrapper{padding:40px}@media(max-width:600px){.app-wrapper{padding:20px}}.project-title{color:#000;margin-bottom:6px;display:inline-block;font-size:2em;transform:skew(-20deg);background:#fff;padding:1px 15px;font-weight:700;font-family:Quicksand}.project-title span{transform:skew(20deg);display:block}.project-date{color:#aaa;margin-top:10px}.project-description{max-width:600px}.project-description a{color:#fff}.project-flex{margin-top:40px;max-width:1000px}.project-photo{width:auto;max-width:100%;margin:0 20px 20px 0}.project-video-wrapper{position:relative;max-width:1000px}.project-video-wrapper .react-player{position:absolute;top:0;left:0}@media(max-width:600px){.project-title{font-size:1.5em}}.hello{font-family:Quicksand;font-weight:700;font-size:1.5em;margin-bottom:16px}.artist{margin-bottom:48px;font-family:Quicksand;color:#ccc;font-size:.9em}.artist a{color:#ccc;margin-left:4px;text-decoration-color:#ff0}.index-section{margin-bottom:40px;max-width:700px}.index-section-header{font-family:Quicksand;margin-bottom:10px;display:block;font-size:1.25em;transform:skew(-20deg)}.index-section-header b span{display:inline-block;background:#fff;color:#000;padding:1px 5px}.index-section-header b span span{display:inline-block;transform:skew(20deg)}.index-list{display:flex;flex-direction:column;gap:6px}.index-row{display:flex;flex-direction:column;gap:2px;padding:4px 2px}.index-row:hover{background:#333}.index-row:hover a{text-decoration:underline;text-decoration-color:#ff0}.index-row-title{font-weight:700}.index-row-title a{color:#fff;text-decoration-color:#ff0}.index-row-sub{font-size:.85em;color:#ccc}@media(max-width:800px){.hello{font-size:1.3em}.hello br{display:none}}.thumb-list-wrapper{display:flex;flex-wrap:wrap;gap:20px}.thumb-item-wrapper{position:relative}.thumb-image{width:200px;height:132px;background-size:cover;background-position:50%;background-color:#282828}.thumb-text{color:#fff;position:absolute;top:0;width:calc(100% - 40px);height:calc(100% - 40px);background-color:#000c;display:none;align-items:center;justify-content:center;font-size:18px;text-decoration:none;text-align:center;padding:20px;line-height:1.5em}@media(min-width:800px){.thumb-item-wrapper:hover .thumb-text{display:flex}}@media(max-width:800px){.thumb-image{width:150px;height:100px}}.linklist-section{margin-bottom:30px;min-width:300px}.linklist-section:last-child{margin-bottom:0}.linklist-section .title{color:#fff;margin-bottom:6px;font-size:1.25em;font-weight:700;font-family:Quicksand}.linklist-section .project{margin-bottom:4px;display:flex;align-items:center;font-size:1.05em;white-space:nowrap}.linklist-section .project a{color:#fff;text-decoration-color:#888}.linklist-section .project .siteLink{text-decoration:none;margin-left:4px;display:inline-block;color:#fff;padding:1px 4px;font-size:23px;line-height:1.05em;margin-bottom:-4px}.linklist-section .project .siteLink:hover{color:#fdeb6e}.linklist-flex{display:flex;align-items:center;justify-content:space-between}.linklist-time{color:#ff0}.linklist-dot{width:12px;height:12px;border-radius:50%;margin-right:10px}@media(max-width:800px){.linklist-section{min-width:auto}.linklist-section .project:last-child{margin-bottom:50px}.linklist-section .project .siteLink{font-size:28px}}.tag-wrapper{border-radius:12px;border:1px solid;padding:4px 10px 6px;display:inline-block;margin:0 20px 10px 0}.tag-wrapper>span{cursor:pointer}.tag-wrapper>input{margin-right:10px;transform:scale(1.2);cursor:pointer}@media(max-width:800px){.tag-wrapper{padding:2px 10px 4px 8px!important;font-size:.9em}.tag-wrapper>input{margin-right:10px}}.work-flex{display:flex;align-items:start;gap:80px}@media(max-width:800px){.work-flex{flex-direction:column;gap:40px}}.reading-page a{color:#fff}.reading-section-header{margin-bottom:16px}.reading-section-header b{font-family:Quicksand,sans-serif;display:block;font-size:1.5em;transform:skew(-20deg)}.reading-section-header b>span{display:inline-block;background:#fff;color:#000;padding:1px 5px}.reading-section-header b>span>span{display:inline-block;transform:skew(20deg);padding:1px 5px}.reading-chart-container{position:relative;width:100%;max-width:1000px;margin-bottom:1.5rem}.reading-chart-svg{display:block;width:100%;height:auto;overflow:visible}.reading-tooltip{position:absolute;pointer-events:none;background:#1a1a1a;border:1.5px solid;padding:7px 12px;white-space:nowrap;font-size:11px;line-height:1.7;font-family:monospace}.reading-tooltip-key{font-weight:700;font-size:12px}.reading-tooltip-val{color:#ffffff80}.reading-tooltip-pct{color:#ffffff4d}.reading-legend{display:flex;flex-wrap:wrap;gap:10px 24px;margin-bottom:3rem}.reading-legend-item{display:flex;align-items:center;gap:7px;font-size:.8em}.reading-legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.reading-year-block{margin-bottom:40px}.reading-cluster-label{font-family:Quicksand,sans-serif;font-size:1em;text-transform:uppercase;font-weight:700;margin:16px 0 12px;display:flex;align-items:center;padding-bottom:2px;gap:6px}.reading-cluster-label:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--dot-color);flex-shrink:0}.reading-table{border-collapse:collapse;width:100%}.reading-table td{padding:4px 10px 4px 0;vertical-align:top}.reading-author{width:180px;color:#ccc;padding-top:3px!important;font-size:.8em}.reading-table td a{text-decoration-color:#aaa}.reading-table td a:hover{background:#ff0;color:#000!important;text-decoration:none}@media(max-width:600px){.reading-table tr{display:flex;flex-direction:column;margin-bottom:8px}.reading-author{width:auto;padding-top:5px!important}.reading-table td:last-child{padding-top:0!important}}.resume-header-link{font-family:Quicksand;margin-bottom:40px;display:block;font-size:1.25em;transform:skew(-20deg)}.resume-header-link span{display:inline-block;background:#fff;color:#000;padding:1px 5px}.resume-header-link span:hover{background:#ff0}.resume-header-link span span{transform:skew(20deg)}.resume-list{display:flex;flex-direction:column;gap:0;max-width:900px}.resume-job{padding:10px 2px;margin-bottom:16px}.resume-company{font-family:Quicksand;font-size:1.1em;font-weight:700;color:#ff0;margin-bottom:2px}.resume-company a{color:#ff0;text-decoration:none}.resume-company a:hover{text-decoration:underline;text-decoration-color:#fff}.resume-meta{font-size:.85em;color:#ccc}.resume-title{color:#ccc;font-style:italic}.resume-dates:before{content:"  ·  "}.resume-dates-only{color:#ccc;font-size:.85em}.resume-clients{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}.resume-clients li{font-size:.9em;color:#ccc}.resume-clients a{color:#ccc;text-decoration:none}.resume-clients a:hover{text-decoration:underline;text-decoration-color:#ff0}.resume-clients a.resume-arrow-link{text-decoration:none;font-size:18px;line-height:10px;margin-right:8px;transform:rotate(-90deg);display:inline-block;color:#ff0}.resume-arrow-link:hover{color:#fff}.press-wrapper{margin-bottom:40px;color:#fff}.press-wrapper a{color:#fff}.press-wrapper>b{font-family:Quicksand;margin-bottom:6px;display:block;font-size:1.25em;transform:skew(-20deg)}.press-wrapper>b span{display:inline-block;background:#fff;color:#000;padding:1px 5px}.press-wrapper>b span span{transform:skew(20deg)}.press-list{display:flex;flex-direction:column;gap:6px;max-width:900px}.press-row{display:flex;flex-direction:column;gap:2px;padding:4px 2px;margin-bottom:4px}.press-row:hover{background:#333}.press-row:hover a{text-decoration:underline;text-decoration-color:#ff0}.press-meta{display:flex;align-items:baseline;font-size:.8em;color:#ccc;letter-spacing:.02em}.press-publisher{font-weight:700}.press-date:before{content:"  ·  "}.press-date{color:#ccc}.talks-flex{display:flex;flex-direction:column}.talks-wrapper{margin-bottom:40px;color:#fff}.talks-wrapper a{color:#fff}.talks-wrapper>b{font-family:Quicksand;margin-bottom:6px;display:block;font-size:1.25em;transform:skew(-20deg)}.talks-wrapper>b span{display:inline-block;background:#fff;color:#000;padding:1px 5px}.talks-wrapper>b span span{transform:skew(20deg)}.talks-list{display:flex;flex-direction:column;gap:6px;max-width:1100px}.talks-row{display:flex;flex-direction:column;gap:4px;padding:4px 2px;margin-bottom:4px}.talks-content{display:flex;gap:10px;align-items:baseline}.talks-video{flex-shrink:0;font-size:.85em;opacity:.7}.talks-meta{display:flex;align-items:baseline;gap:0;font-size:.8em;color:#ccc;letter-spacing:.02em}.talks-event{font-weight:700;color:#bbb}.talks-loc-date{display:flex;align-items:baseline;gap:0}.talks-location:before{content:"  ·  "}.talks-date:before{content:"  ·  "}.talks-location,.talks-date{color:#ccc}.talks-row:hover{background:#333}.talks-row:hover a{text-decoration:underline;text-decoration-color:#ff0}.talks-header{color:#000;margin-bottom:40px;display:block;font-size:1.25em;transform:skew(-20deg)}.talks-header span{display:inline-block;background:#ff0;padding:1px 5px}.talks-header span span{transform:skew(20deg)}@media(max-width:1000px){.talks-header{font-size:1em}.talks-header span{padding:1px 7px}}@media(max-width:600px){.talks-header,.talks-header span span{transform:skew(0)}}.about-flex{display:flex}.about-text-wrapper{display:flex;justify-content:center;padding-left:80px;flex-direction:column;width:550px}.about-text-wrapper>div{margin-bottom:40px}.about-text-wrapper>div:last-child{margin:0}.about-header{font-size:1.5em;font-weight:700;font-family:Quicksand}.about-social-link{display:inline-block}.about-twitter-icon{width:24px;height:24px;display:block;filter:invert(1);margin-right:20px}.about-insta-icon{width:20px;height:20px;display:block;filter:invert(1)}.about-self-portrait{height:650px;width:433px;background-image:url(/portrait.jpg);background-size:cover;flex-shrink:0}@media(max-width:800px){.about-flex{flex-direction:column-reverse}.about-text-wrapper{width:100%;padding:0 0 20px}}@media(max-width:500px){.about-self-portrait{width:300px;height:450px}}.image-slices-wrapper{position:relative;width:590px;height:800px;background-size:contain}.image-slices-mask{position:absolute;top:0;width:100%;height:100%;background-size:contain;filter:grayscale(1)}.videos-wrapper{position:relative;display:flex;align-items:center;border:10px solid white;overflow:hidden}.videos-wrapper video{width:100%;height:100%;object-fit:cover}.videos-caption{position:absolute;font-family:Quicksand;font-weight:700;font-size:2em;top:0;left:0;height:100%;z-index:1;background:#00000080;align-items:center;justify-content:center;text-align:center;display:none;padding:0 20px;box-sizing:border-box;width:100%}.videos-wrapper:hover .videos-caption{display:flex}.climate-stages-flex{display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:0 auto 60px;flex-wrap:wrap}.climate-stage{font-weight:700;font-size:32px;font-family:Quicksand}.climate-stage.selected{color:#ff0}.climate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(580px,1fr));grid-gap:40px}.climate-grid>div{display:flex;flex-direction:column}.climate-grid>div p{flex:1;color:#ccc}.climate-intro{max-width:600px;margin:0 auto 40px}.climate-title{font-family:Quicksand;margin-bottom:0}.climate-book-list{display:flex;flex-wrap:wrap}.climate-book-cover{height:250px;margin-right:20px}@media(min-width:1000px){.climate-stage:after{content:"➤";color:#aaa;padding-left:40px;vertical-align:top;line-height:40px;font-size:22px}.climate-stage:last-child:after{content:""}}@media(max-width:700px){.climate-stage{font-size:26px}}@media(max-width:500px){.climate-grid{grid-template-columns:1fr}.climate-book-cover{height:200px}}.fest-wrapper{width:800px;height:800px;color:#fff;display:flex;align-items:center;justify-content:center;background:linear-gradient(-25deg,#e66465,#9198e5);position:relative}.fest-title{font-size:88px;font-weight:700;position:absolute;left:8%;top:10%;display:block;color:#cd748b;letter-spacing:2px;transform:rotate(-10deg);text-align:center}.fest-title:after{content:"Marfafest '22";position:absolute;color:transparent;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 3px,white 3px,white 6px);-webkit-background-clip:text;top:-5px;left:-5px;z-index:1;transition:1s}.fest-text-wrapper{position:absolute;left:10%;top:33%;width:80%}.fest-text-wrapper h1{font-size:3em}.fest-footer{text-align:center;transform:skew(-30deg);letter-spacing:8px;margin-top:85%}