/* Last update 2026-02-06 18:30:47 +00:00 by scssphp */
@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,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{box-sizing:border-box}@font-face{font-family:"Name Sans";src:url(../fonts/AT-NameSansVariable.woff2)format("woff2")}h1,h2,h3,h4,h5,h6{font-family:"Name Sans";color:#414141}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;background-color:#f9fafa}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}h3{font-size:1.1rem;font-weight:500;line-height:1.2}h4{font-weight:400;color:#636363}h5{font-weight:400;font-size:.9rem;color:#bcbcbc;text-align:center}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)}em{font-style:italic}strong{font-weight:bold}sup{vertical-align:super}a:link,a:visited{text-decoration:none}h1 a{color:#222}.post p a:hover,.aboutme a:hover,.page p a:hover,.sitenav a:hover{border-bottom:1px dashed #bcbcbc;color:#d25630}#container{display:grid;margin:0 auto;width:100%;background-color:#f9fafa;view-transition-name:content}.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}hr{border:0;border-bottom:1px dashed #eaeced;max-width:80%;margin:2rem auto}.center{text-align:center}.text .codeblock{display:grid;line-height:1.5}.grid{--columns:12;--gutter:3rem;display: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;gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr));grid-auto-flow:dense}.twogrid .experience p{margin:1.5rem 0;color:#414141;line-height:1.6}.twogrid .experience p a{color:#d25630}#menu{margin:0;position:sticky;bottom:0;z-index:10;order:5;border-radius:0;font-family:"Name Sans";background:rgba(249,250,250,.7);backdrop-filter:saturate(180%)blur(12px);view-transition-name:menu}#menu nav{position:relative}#menu ul{padding:0;display:flex;justify-content:space-evenly;align-items:center}#menu li{list-style-type:none;padding:.75rem .5rem;display:grid;justify-items:center;align-items:center}#menu span{display:block;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}#menu i{padding-bottom:4px;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:"🤑"}#menu a{transition:color .3s ease;position:relative;z-index:2}#menu li a{color:#636363}#menu li a:hover{color:#222}#menu li > .currentpage{color:#222}#menu #menu-pill{position:absolute;bottom:0;height:2px;background:#222;border-radius:1px;transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}.pin::before{content:"📍"}img{width:100%}.device img{padding:0 1rem}.error{width:100%;margin:3rem auto;max-width:700px}figure{position:relative;text-align:center}.figcaption{position:absolute;bottom:-1rem;color:#bcbcbc;left:0;max-width:64rem}figcaption a{color:#f9fafa !important}.post img{max-width:64rem;margin:0 auto}iframe{display:block;margin:1rem auto;width:100%;height:240px}audio{display:block;padding:0 0 3rem}blockquote{background-color:#f9fafa;line-height:1.3rem;font-size:1.3rem;padding:1rem 0;font-style:italic;display:block;width:100%}.headline,.articletop{margin:1.5rem 0}.headline h1,.articletop h1{font-weight:700;font-variation-settings:"opsz" 72;margin-bottom:1.5rem}.articletop .subheadline{color:#636363;font-size:1rem;margin-bottom:.5rem}.articletop h4{font-family:inherit;font-weight:400;color:#636363;font-size:.9rem}.gridholder{margin:2rem 0}.link{color:#d25630;float:right;font-size:1rem;letter-spacing:0}.albumgrid,.projectsgrid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:100%;position:relative}.projectsgrid > .child{border-radius:12px;background-color:#fefefe;color:#636363;overflow:hidden}.projectsgrid > .child img{aspect-ratio:16/9}.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}.albumgrid > .child{position:relative;text-align:center}.albumgrid img{vertical-align:top;border-radius:12px;aspect-ratio:3/2;object-fit:cover}.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}.album-text{max-width:40rem;margin:0 auto 2rem;line-height:1.6;color:#636363}.album-gallery{display:grid;grid-template-columns:1fr;gap:1rem}.album-gallery a{display:block}.album-gallery figure{margin:0}.album-gallery img{border-radius:8px;object-fit:cover;width:100%}.album-gallery h2{margin-top:1rem;font-size:2rem;font-weight:600}.album-gallery hr{border:none;border-top:1px solid #eaeced;margin:1rem 0 0}.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,88%);overflow-x:auto;max-width:100vw;scroll-snap-type:x mandatory}.home .albumgrid .child{scroll-snap-align:start}.home .projectsgrid{grid-template-columns:1fr;overflow-x:auto;max-width:100vw}.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}.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}article{max-width:100%}article > ul{list-style:circle;margin-bottom:1rem;padding-left:1em;padding-top:1rem}article > ul li{color:#636363}.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}.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}.right{text-align:right;clear:both}.minigrid{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding:.5rem;scrollbar-width:none}.minigrid figure,.minigrid a{scroll-snap-align:start}.minigrid > img{margin:0}.minigrid::-webkit-scrollbar{display:none}.left a,.right a{transition:transform .2s ease-in-out}.projectsgrid .child{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.projectsgrid .child:hover{transform:translateY(-2px);box-shadow:rgba(0,0,0,.1)0px 10px 50px}.albumgrid .child{transition:transform .2s ease-in-out}.albumgrid .child:hover{transform:translateY(-2px)}.left a:hover{transform:translateX(-.2rem)}.right a:hover{transform:translateX(.2rem)}.logo:hover{height:6.5rem;transform:translateY(-.5rem)}.elevator{position:sticky;padding:2rem;background-color:#414141;display:block;text-align:center;width:30px;bottom:1rem;right:1rem;transition:bottom .2s ease-in-out}.elevator:hover{bottom:2.25rem}.elevator a:hover{text-decoration:none}.elevator-button{cursor:pointer}.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}@media(min-width:40rem){h1{font-size:4rem}hr{max-width:40%}.headline,.articletop{margin:2rem 0}.page,.home{margin:4rem auto}.home + article{margin-bottom:4rem}#menu{position:sticky;top:1.5rem;bottom:auto;margin:0 auto;padding:0 .5rem;border-radius:100px;width:fit-content;order:-1;box-shadow:inset 0 1px 20px rgba(249,250,250,.1)}#menu ul{gap:.25rem}#menu ul span{display:block;font-size:1rem;white-space:nowrap}#menu ul li a{padding:.5rem 1rem;border-radius:100px}#menu ul i{display:none}#menu #menu-pill{bottom:auto;top:.5rem;height:calc(100% - 1rem);background:rgba(188,188,188,.2);border-radius:100px}nav{margin:0 auto;max-width:40rem}.grid{grid-template-columns:repeat(12,1fr)}.grid > .column{grid-column:span var(--columns)}.twogrid{display:grid;grid-template-columns:2fr 1fr;max-width:74rem;font-size:1.1rem}.twogrid .experience p{margin-right:4rem}.role-excerpt{display:grid;grid-template-columns:1fr 1fr}.albumgrid li{box-shadow:rgba(0,0,0,.18)0px 2px 4px;border-radius:8px}.page .albumgrid{grid-template-columns:repeat(3,1fr)}.page .projectsgrid{gap:4rem}.home .albumgrid{grid-template-columns:repeat(6,36%);scroll-margin:0 0 0 50px}.home .projectsgrid{gap:3rem}.minigrid{grid-auto-columns:calc(33.333% - .33rem);overflow:hidden}.minigrid.two{grid-auto-columns:calc(50% - .25rem)}.minigrid figure{margin:0}.post p,.post ul,.post ol,audio,.aboutme p,.albumgrid ul,.projectsgrid ul{padding:0}.post img{margin:2rem auto 0;border-radius:2px}figure.em{max-width:64rem;display:block;margin:2rem auto 0;border-radius:0}.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:0 auto;padding:0}figure.third img{padding:1rem .5rem;background-color:transparent}.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,.078)0px 5px 10px 1px,rgba(0,0,0,0)0px 0px 0px 0px,rgb(246,248,249)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}.aboutme{margin:2rem 1rem 0}footer{margin:0 auto}.elevator{bottom:2rem}.gridbox{margin:2rem}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}.projectsgrid .child:hover{box-shadow:rgba(255,255,255,.05)0px 10px 50px}#menu{background:rgba(65,65,65,.6);border:1px solid rgba(34,34,34,.4)}#menu-pill{background:#fefefe}.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}}@view-transition{navigation:auto}::view-transition-group(root){animation:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(menu),::view-transition-new(menu){animation:none}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{from{opacity:0}}@keyframes vt-tv-out{to{transform:scale(.92);opacity:0}}@keyframes vt-tv-in{from{transform:scale(1.08);opacity:0}}@keyframes vt-tv-back-out{to{transform:scale(1.08);opacity:0}}@keyframes vt-tv-back-in{from{transform:scale(.92);opacity:0}}::view-transition-old(content){animation:.35s cubic-bezier(.16,1,.3,1)both vt-fade-out}::view-transition-new(content){animation:.35s cubic-bezier(.16,1,.3,1)both vt-fade-in}html:active-view-transition-type(scale-up)::view-transition-old(content){animation:.6s cubic-bezier(.16,1,.3,1)both vt-tv-out}html:active-view-transition-type(scale-up)::view-transition-new(content){animation:.6s cubic-bezier(.16,1,.3,1)both vt-tv-in}html:active-view-transition-type(scale-down)::view-transition-old(content){animation:var(--vt-scale-duration,.6s)cubic-bezier(.16,1,.3,1)both vt-tv-back-out}html:active-view-transition-type(scale-down)::view-transition-new(content){animation:var(--vt-scale-duration,.6s)cubic-bezier(.16,1,.3,1)both vt-tv-back-in}