html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:1rem;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@font-face{font-family:Name Sans;src:url(../fonts/AT-NameSansVariable.woff2)format("truetype-variations")}mark{background:rgba(246,198,0,.4);border-radius:4px;padding:2px 1px;box-shadow:2px 0 0 rgba(246,198,0,.4),-2px 0 0 rgba(246,198,0,.4)}body{color:#414141;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Ubuntu,roboto,noto,arial,sans-serif;font-weight:400;line-height:1.6rem}#container{display:grid;margin:0 auto;width:100%;grid-auto-flow:row}h1,h2,h3,h4,h5,h6{font-family:'name sans';color:#414141}.home,.page{max-width:68rem;margin:1rem}.post{max-width:84rem;margin:4rem auto}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{text-align:center}.post h1 > h2,.post h2 > h2,.post h3 > h2,.post h4 > h2,.post h5 > h2,.post h6 > h2,.post h1 h3,.post h2 h3,.post h3 h3,.post h4 h3,.post h5 h3,.post h6 h3,.post h1 h4,.post h2 h4,.post h3 h4,.post h4 h4,.post h5 h4,.post h6 h4{margin:2rem auto}.project{max-width:68rem}.work .twogrid{padding-bottom:2rem;border-bottom:1px #eaeced solid}.work h2,.work .twogrid{margin-top:2rem}.work section p{max-width:40rem;margin:1rem 0;line-height:1.5}.work h5{text-align:left;margin:0}.work .side p{font-size:1rem;font-weight:400}.work .side p:last-child{margin-bottom:0}.work figure{margin:1.5rem 0}.work figure img{max-width:100%;padding:.5rem;border-radius:8px}.project figure{margin:4rem auto}.text .codeblock{display:grid;line-height:1.5}.grid{--columns:12;--gutter:3rem;display:grid;grid-gap:var(--gutter);grid-template-columns:1fr;justify-items:center;align-items:center}.grid > .column{margin-bottom:var(--gutter)}.autogrid{--gutter:3rem;--min:10rem;display:grid;grid-gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr));grid-auto-flow:dense}#menu{margin:0 auto;width:100%;position:sticky;bottom:0;z-index:10;order:5;font-family:"Name sans";background:rgba(249,250,250,-10);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);transition:transform .3s ease-in-out}#menu ul{padding:0;height:60px;display:flex;justify-content:space-evenly;align-items:center}#menu li{list-style-type:none;margin:1rem;padding:0 .25rem;display:grid;justify-content:space-evenly;align-items:center}#menu span{display:block;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}#menu i{padding-bottom:8px;display:block;text-align:center;width:100%;font-size:1rem}#menu .Home::before{content:"🏠"}#menu .Personal::before{content:"🖼"}#menu .Work::before{content:"🗃"}#menu .About::before{content:"🤑"}.pin::before{content:"📍"}.up{top:-60px}.down{bottom:-60px}.locked{margin:2rem auto;text-align:center;max-width:640px;padding:3rem 2rem;background-color:#f9fafa;border-radius:16px}.button-primary{margin:2rem 0;border:none;background-color:#d25630;color:#fefefe;padding:8px 32px;border-radius:16px;-webkit-transition:all -webkit-transform .2s ease-in-out;transition:all .2s ease-in-out;-moz-transition:all -moz-transform .2s ease-in-out}.button-primary:hover{background-color:#222;color:#f9fafa}input{min-width:200px;margin:1rem;border:1px solid #414141;border-radius:8px;min-height:32px}h1{font-size:2rem;font-weight:500;line-height:1.2;color:#222;text-align:left}h2{font-size:1.3rem;font-weight:500;margin-bottom:1rem;color:#222;letter-spacing:.4px}h4{font-weight:400;color:#636363}h3{font-size:1.1rem;font-weight:500;line-height:1.2}h5{font-weight:400;font-size:.9rem;color:#bcbcbc;text-align:center}#menu li a{color:#636363}#menu li a:hover,.post p a,.bottomnav a{color:#d25630}#menu li > .currentpage,h1 a{color:#222}.center{text-align:center}sup{vertical-align:super}.figcaption{position:absolute;bottom:-1rem;color:#bcbcbc;left:0;max-width:64rem}.projectsgrid > .child{border-radius:12px;background-color:#f9fafa;color:#636363;overflow:hidden}.projectsgrid > .child img{aspect-ratio:1.7777777778}.projectsgrid > .child .projectmeta{padding:1rem}.projectsgrid > .child .projectheader{display:flex;justify-content:space-between;align-items:baseline}.projectsgrid > .child h4{text-align:left;margin:0 0 .5rem}.projectsgrid > .child h5{margin:0;text-align:left}.projectsgrid > .child ul{margin-top:1rem;margin-bottom:0}.projectsgrid > .child li{line-height:1.5;list-style:circle;list-style-position:inside}.projectsgrid > .child a{color:#414141}a:link,a:visited{text-decoration:none}.post p a:hover,.aboutme a:hover,.page p a:hover,.sitenav a:hover{border-bottom:1px dashed rgba(191,191,191,1);color:#d25630}highlight{background:rgba(206,102,76,.2);padding:0 3px;border-radius:3px}em{font-style:normal}strong{font-weight:bold}hr{border:0;border-bottom:1px dashed #eaeced;max-width:80%;margin:2rem auto}img{width:100%}.device img{padding:0 1rem}.error{width:100%;margin:3rem auto;max-width:700px !important}figure{position:relative;text-align:center}.post img{max-width:64rem;margin:0 auto}iframe{display:block;margin:1rem auto;width:100%;height:240px}.clearfix{clear:both}.headline,.articletop{margin:1.5rem 0}.gridholder{margin:2rem 0rem}.link{color:#d25630 !important;float:right;font-size:1rem;letter-spacing:0}.albumgrid,.projectsgrid{display:grid;gap:1.5rem;max-width:100%}.page .albumgrid,.page .projectsgrid{display:grid;position:relative;grid-template-columns:1fr}.home .gridholder{position:relative;margin:4rem 0}.home .albumgrid:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(254,254,254,.6));width:2%}.home h2{max-width:68rem;text-transform:uppercase;margin:1rem auto;color:#636363}.home .albumgrid{grid-template-columns:repeat(6,calc(88%));overflow:auto;max-width:100vw}.home .albumgrid .projectsgrid{grid-template-columns:1fr;overflow:auto;max-width:100vw}.home .albumgrid .child{scroll-snap-align:start}.albumgrid > .child{position:relative;text-align:center}.albumgrid img{vertical-align:top;border-radius:12px;opacity:0;aspect-ratio:1.5;object-fit:cover;background:rgba(249,250,250,.8);-webkit-backdrop-filter:saturate(200%)blur(16px);backdrop-filter:saturate(180%)blur(20px)}.albumgrid > .child h3{text-shadow:0 0 .3em rgba(0,0,0,.6);position:absolute;margin:0 auto;max-width:90%;left:1rem;bottom:1rem;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;color:#fefefe}.gridimg:hover:after{opacity:1}figcaption a{color:#f9fafa !important}audio{display:block;padding:0 0 3rem}.mix{max-width:500px;margin:0 auto}blockquote{background-color:#f9fafa;line-height:1.3rem;font-size:1.3rem;padding:1rem 0;font-style:italic;display:block;width:100%}.post,.albumgrid{font-size:1rem;line-height:1.3rem}.post p,.post ul,.post ol,audio,.aboutme p,.contactme p{max-width:40rem;margin:1rem auto;padding:0 1rem}.aboutme p,.contactme p{max-width:64rem !important}blockquote p{padding:2rem;text-align:center;max-width:45rem !important}.post ul{margin:1rem auto 3rem}.post ul li{list-style:circle;margin-bottom:1rem;padding-left:1em;text-indent:-1em}ol li{margin-bottom:1rem}.bottomnav ul{display:flex;justify-content:space-between;align-items:center;margin:3rem auto;text-decoration:none;max-width:68rem}.bottomnav li{line-height:2;list-style-type:none;position:relative;margin:0 1rem}.bottomnav li i{position:relative;top:3px}.extra{display:none}.fadein,.fadeslow{opacity:0;animation:fade ease-in 1;animation-duration:.3s;animation-fill-mode:forwards}.fadeslow{animation-duration:.6s;animation-delay:.6s}.fadeimg{opacity:1;animation:fade ease-in 1;animation-duration:.25s;animation-fill-mode:forwards}.elevator{position:sticky;padding:2rem;background-color:#414141;display:block;text-align:center;width:30px;bottom:1rem;right:1rem}.elevator-button{cursor:pointer}@keyframes fade{from{opacity:0}to{opacity:1}}.child,.left a,.right a{-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;-moz-transition:-moz-transform .2s ease-in-out}#menu a{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}.right{text-align:right !important;clear:both}.projectcover img:hover{color:inherit}.left a:hover{transform:translate3d(0,0,0)translateX(-.2rem)}.right a:hover{transform:translate3d(0,0,0)translateX(.2rem)}.logo:hover{height:6.5rem;transform:translate3d(0,0,0)translateY(-.5rem)}.elevator{transition:bottom .2s ease-in-out}.elevator:hover{bottom:2.25rem}.elevator a:hover{text-decoration:none}.extra:hover{-webkit-transform:none;-ms-transform:none;-moz-transform:none;-o-transform:none;transform:none}.colors{text-align:center;border-radius:3px;padding:1rem;line-height:6rem;margin:6rem .5rem;border:1px solid #f9fafa;text-transform:uppercase}.colors:nth-child(1){background:#f9fafa}.colors:nth-child(2){background:#f9fafa}.colors:nth-child(3){background:#bcbcbc}.colors:nth-child(4){background:#d25630;color:#f9fafa}.colors:nth-child(5){background:#222;color:#f9fafa}.center{margin:0 auto;text-align:center}.tags{text-align:center;display:block;font-size:.9rem}.type-tag{background-color:#f9fafa;color:rgba(84,82,78,.8);padding:.25rem .5rem;margin:.25rem;border-radius:3px;display:inline-block;font-size:.9rem;text-transform:uppercase}@keyframes colorfade1{from{background-color:rgba(0,177,64,1)}}@keyframes colorfade2{from{background-color:rgba(228,73,60,1)}}@keyframes colorfade3{from{background-color:rgba(38,74,158,1)}}article{max-width:100%}article > ul{list-style:circle;margin-bottom:1rem;padding-left:1em;padding-top:1rem}article > ul li{color:#636363}.side{background:#f9fafa;font-size:1rem;padding:1.5rem;border-radius:12px}.side ul{padding:.5rem 0 0;list-style:circle;margin-bottom:0}.side ul li{line-height:1.6;list-style-position:inside}.experience p{margin:1.5rem 0;color:#414141;line-height:1.6}.experience p a{color:#d25630}.minigrid{display:grid;grid-gap:.5rem;grid-template-columns:repeat(6,88%);overflow-x:scroll;scroll-behavior:smooth;scroll-padding:.5rem}.minigrid figure{scroll-snap-align:start}.minigrid > img{margin:0}.minigrid .minigrid > figure::-webkit-scrollbar{display:none}@media(min-width:40rem){.role-excerpt{display:grid;grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(12,1fr)}.grid > .column{grid-column:span var(--columns)}h1{font-size:4rem}hr{max-width:40%}.home + article{margin-bottom:4rem}.headline,.articletop{margin:2rem 0 2rem}#menu{top:1.5rem;border-radius:100px;max-width:390px;box-shadow:inset 0px 1px 20px rgba(249,250,250,.1);order:-1 !important;transition-property:none;transition:none}#menu ul{position:static}#menu ul span{display:block;font-size:1rem}#menu ul li a{padding:.5rem 1rem !important;border-radius:100px}#menu ul i{display:none}#menu li > .currentpage{background:rgba(188,188,188,.2);border-radius:100px}nav{margin:0 auto;max-width:40rem}.page,.home{margin:4rem auto}.albumgrid li{box-shadow:rgba(0,0,0,.18)0px 2px 4px;border-radius:8px}.twogrid{display:grid;grid-template-columns:2fr 1fr;max-width:74rem;font-size:1.1rem}.twogrid .experience p{margin-right:4rem}.minigrid{display:grid;max-width:100vw;grid-template-columns:repeat(6,calc(33%));overflow:hidden}.minigrid.two{grid-template-columns:repeat(2,calc(50%))}.minigrid figure{scroll-snap-align:start;margin:0}.minigrid > img{margin:0}.aboutme{margin:2rem 1rem 0}.post p,.post ul,.post ol,audio,.aboutme p,.albumgrid ul,.projectsgrid ul{padding:0}.post img{margin:2rem auto 0rem;border-radius:2px}footer{margin:0 auto}.elevator{bottom:2rem}.gridbox{margin:2rem}.page .albumgrid{display:grid;position:relative;grid-template-columns:1fr 1fr 1fr}.page .projectsgrid{display:grid;position:relative;grid-template-columns:1fr;gap:4rem}.home .albumgrid{grid-template-columns:repeat(6,calc(36%));scroll-margin:0 0 0 50px;overflow:auto}.home .projectsgrid{grid-template-columns:1fr;overflow:auto;gap:3rem}figure.em{max-width:64rem;display:block;margin:2rem auto 0;border-radius:0px}.em:nth-of-type(odd)> img{width:50%;float:right;margin-top:0}.em:nth-of-type(even)> img{width:50%;margin-top:0;float:left}.third > img{width:33.3334%;float:left}.strong img,figure.strong{max-width:100%;max-height:100vh;padding:0;margin-bottom:3rem}figure.third{margin:0rem auto;padding:0}figure.third img{padding:1rem .5rem 1rem;background-color:none !important}.medium img{max-width:40rem;margin:2rem auto;display:block}.project img{display:block;margin:0 auto}.browser img{box-shadow:rgba(0,0,0,.0784314)0px 5px 10px 1px,rgba(0,0,0,0)0px 0px 0px 0px,#f6f8f9 0px 0px 2px 0px inset}.device img{box-shadow:none;padding:1rem !important}.projectcover img{vertical-align:top;margin:0 auto;position:relative}.small img{max-width:25rem;margin:auto}figure.device.third{max-width:64rem}iframe{height:480px;padding:0}.extra{display:inline}.bottomnav{white-space:nowrap;text-overflow:ellipsis}.bottom{float:right;text-align:right;margin-right:4rem}div.guggenheim.gallery.zoom{margin:0 auto}}@media(min-width:64rem){iframe{width:850px;height:480px}.aboutme{margin:2rem auto 4rem}.safari{border:1px #f9fafa solid;border-top:24px #f9fafa solid;border-radius:8px 8px 0 0}.safari::before{content:"";height:8px;width:8px;background-color:#f6c600;position:absolute;border-radius:50%;left:8px;top:-16px}.safari::after{content:"";height:8px;width:8px;background-color:#2f6d24;position:absolute;border-radius:50%;left:24px;top:-16px}.iphone img{border:10px #f9fafa solid !important;border-top:30px #f9fafa solid !important;border-bottom:30px #f9fafa solid !important;padding:0 !important;width:calc(33.3334% - 40px)!important;border-radius:8px;margin:2rem 10px}}@media screen and (prefers-color-scheme:dark){body{background-color:black}body,h1,h2,h3,h4,footer,p,li,mark,.experience p,.projectsgrid a,h1 a,article ul li{color:#f9fafa}#menu li a{color:rgba(188,188,188,.7)}#menu li > .currentpage{color:#fefefe !important}.projectsgrid .child,.side{background:#222;border:0}.projectsgrid .child ul,.side ul{list-style:circle}#menu{background:rgba(65,65,65,.6);border:1px solid rgba(34,34,34,.4)}.safari{border:1px #414141 solid !important;border-top:24px #414141 solid !important}.albumgrid:after{background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.6))!important}}