html{word-spacing:1px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px}body{font-family:Arapey,serif}*,:before,:after{box-sizing:border-box;margin:0}html,body,#app{height:100%}code{tab-size:2;background:#000c;font-size:.66em}.post-code code{background:0 0}.work-grid{grid-template-columns:1fr 1fr 1fr;display:grid}.work-square{grid-column:1/-1}@media screen and (width>=768px),(width>=600px) and (height<=480px){.work-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-content:stretch}}.work-square{width:100%;height:0;padding-bottom:56.25%;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 0 .5em 0 #00000040}.work-square .hero{object-fit:cover;width:100%;height:100%;transition:filter .2s;display:block;position:absolute;top:0;left:0}.work-square .overlay{color:#000;box-sizing:border-box;opacity:0;background-color:#f5faf5e6;border:1px solid #000;flex-flow:column;justify-content:space-between;width:100%;height:100%;padding:.5em 1em;transition:opacity .2s;display:flex;position:absolute;top:0;left:0;overflow:auto}.work-square .active-area{width:100%;height:100%;position:absolute;top:0;left:0}.work-square.active{box-shadow:0 0 .5em 0 #0000}.work-square.active .hero{filter:blur(2px)}.work-square.active .overlay{opacity:1}.work-square.active .active-area{display:none}.work-square .content{cursor:default;width:95%;margin:1em auto;font-size:.8em;line-height:1.5em}.work-square .content h1,.work-square .content h2,.work-square .content h3,.work-square .content h4,.work-square .content h5{font-weight:400;line-height:1.5em}.work-square .content h1,.work-square .content h2,.work-square .content h3{font-size:1.125em}.work-square .content h4,.work-square .content h5,.work-square .title{font-size:1em}.work-square .tags{flex-flow:wrap;justify-content:center;margin-top:1em;display:flex}.work-square .tag{margin:0 .5em;font-size:.66em;font-weight:700}.work-square .tag:first-of-type{margin-left:0}.work-square .tag:first-of-type:before{content:"TAGS:";letter-spacing:.1em;margin-right:1em;font-size:.8em}.work-square .tag:last-of-type{margin-right:0}.work-square .link{color:currentColor;border:1px solid;margin:0 auto;padding:.5em 1.5em;display:inline-block}.work-square .content p{font-size:1.25em}@media screen and (width>=400px){.work-square .content{width:100%;font-size:.9em}.work-square .content h2{font-size:1.25em}.work-square .content h3{font-size:1.125em}.work-square .content h4{font-size:1em}.work-square .content h5{font-size:.8em}}@media screen and (width>=480px){.work-square .content p{font-size:1.5em;line-height:1.5em}.work-square .content h2{font-size:1.5em}.work-square .content h3{font-size:1.25em}.work-square .content h4{font-size:1.125em}.work-square .content h5{font-size:1em}}@media screen and (width>=600px){.work-square .title{font-size:1.25em}.work-square .content{font-size:1em}.work-square .overlay{padding:1em}.work-square .content h1{font-size:2em}.work-square .content p{font-size:1.75em}}@media screen and (width>=768px),(width>=600px) and (height<=480px){.work-square:nth-child(4n+1){grid-column:1/span 3;padding-bottom:56.25%}.work-square:nth-child(4n+2){grid-column:4/span 2;padding-bottom:85.75%}.work-square:nth-child(4n+3){grid-column:1/span 2;padding-bottom:85.75%}.work-square:nth-child(4n+4){grid-column:3/span 3;padding-bottom:56.25%}.work-square:nth-child(4n+1) .content,.work-square:nth-child(4n+4) .content{width:95%}.work-square:first-child .content p,.work-square:nth-child(4n+4) .content p{font-size:1.5em}.work-square:nth-child(4n+2) .content h1,.work-square:nth-child(4n+2) .content h2,.work-square:nth-child(4n+2) .content h3,.work-square:nth-child(4n+2) .content h4,.work-square:nth-child(4n+2) .content h5,.work-square:nth-child(4n+2) .content p,.work-square:nth-child(4n+3) .content h1,.work-square:nth-child(4n+3) .content h2,.work-square:nth-child(4n+3) .content h3,.work-square:nth-child(4n+3) .content h4,.work-square:nth-child(4n+3) .content h5,.work-square:nth-child(4n+3) .content p{font-size:1em}}@media (prefers-color-scheme:dark){.work-square .overlay{color:#fff;background-color:#050a05e6}}body{color:#000;background-color:#fff;background-image:linear-gradient(#00000014 1px,#0000 1px),linear-gradient(90deg,#00000014 1px,#0000 1px),linear-gradient(#fff,#fff);background-repeat:repeat;background-size:20px 20px,20px 20px,100% 100%;background-attachment:fixed}.boop{background-image:linear-gradient(90deg,red,#00f);border-radius:100%;width:100px;height:100px;animation:2s infinite alternate highlight-in;position:relative;transform:translate(-10%)}.container{box-sizing:border-box;flex-flow:column;min-height:100%;display:flex}main{text-align:center;width:100%;margin:0 auto auto;padding-bottom:2em}.identity{display:flex}.headshot{margin-bottom:1em;margin-left:auto;margin-right:1em;display:inline-block;position:relative}.face{height:auto;transition:transform .5s cubic-bezier(.91,.3,.62,1.19);position:absolute}#me-wrap{box-sizing:border-box;border-radius:50%}#me-now{border-radius:50%;width:4em;height:4em;animation:1s cubic-bezier(.91,.3,.62,1.19) .5s both me-now;display:block}#guy-baby{width:1.5em;animation:1s both guy-baby;bottom:0;left:0}#guy-old{width:1.6em;animation:1s both guy-old;top:auto;bottom:0;right:-1.8em;transform:translate(-100%)}.greeting-cnr{flex-flow:wrap;align-items:flex-start;width:12em;display:flex;position:relative}.greeting{z-index:1;order:2;width:calc(100% - 3em);height:auto;margin-right:auto;animation:1s 2s both greeting-in;position:relative}.greeting.dark-on{display:none}.greeting[data-time=morning]{padding-bottom:.25em}.greeting[data-time=afternoon]{padding-bottom:1.75em}.greeting[data-time=evening],.greeting[data-time=nite]{padding-bottom:.6em}.highlight{z-index:0;order:4;width:100%;height:.1em;margin:0;animation:2s 1s both highlight-in;display:block;position:absolute;bottom:.85em}.hl{z-index:0;order:4;width:100%;height:.1em;margin:0;display:block;position:absolute;bottom:.85em;overflow:hidden}.hl rect{animation:2s 1s both hl-in}.clock{order:3;width:auto;height:2em;margin:0 0 auto;display:block}.name{width:auto;height:3em;margin:auto auto auto 0;animation:.3s 1.2s both name-in;display:block}.name.dark-on{display:none}.work-grid{grid-gap:1em;padding:0 1em 10em}.work-cnr{flex-grow:1;animation:1s 3s both final-in}.work-cnr .headline{letter-spacing:.05em;margin-bottom:1.5em;font-family:Arapey;font-size:1.25em;font-weight:700}.social{z-index:1}.burger{transform-origin:100% 100%;z-index:1;stroke:#000;stroke-width:.5px;width:auto;height:4em}.cow{z-index:0;width:9em;animation:1s 1.5s both final-in;bottom:4em;left:-1em}#scene{width:100%;height:100%;position:absolute;top:0;left:0}footer{background:#9fffc1;justify-content:space-between;align-items:flex-end;width:100%;padding:0 2em 1em;animation:1s 2s both environment-in;display:flex;position:fixed;bottom:0;left:0}.grass{background-repeat:repeat-x;background-size:auto 1em;width:100%;height:1em;position:absolute;top:calc(1px - 1em);left:0}@keyframes guy-baby{0%{opacity:0;transform:translate(100%,-100%)scale(.5)}}@keyframes guy-old{0%{opacity:0;transform:translate(-100%,100%)scale(.5)}}@keyframes me-now{0%{opacity:0;transform:scale(0)}}@keyframes name-in{0%{opacity:0;transform:scale(.5)}}@keyframes environment-in{0%{opacity:0}}@keyframes social-in{0%{opacity:0}}@keyframes final-in{0%{opacity:0}}@keyframes greeting-in{0%{opacity:0}}@keyframes highlight-in{0%{transform:translate(-101%)}}@keyframes hl-in{0%{transform:translate(-101px)}}@media screen and (width>=400px){.burger{transform:scale(1.2)}}@media screen and (width>=600px){.burger{transform:scale(1.5)}.cow{width:18em;left:2em}main{padding:0 0 6em}}@media screen and (width>=768px){.burger{transform:scale(2)}}@media screen and (width>=1100px) and (height>=480px){main{align-items:flex-start;padding:0 2em 0;display:flex}.headshot{margin-left:0;margin-right:0}#me-now{width:6em;height:6em}#guy-baby{width:2em}#guy-old{width:1.9em}.name{margin:0 auto 1em}.greeting-cnr{width:auto;display:block}.greeting{width:13em}.clock{width:4em;height:auto;margin:1em auto 0}.work-cnr{padding-top:2em}.work-grid{margin-left:1em;padding:0 0 10em}.cow{width:25em;bottom:3.5em;left:5em}.highlight{height:.15em;margin-top:-1.5em;position:relative;bottom:auto}.hl{width:13em;height:.15em;margin-top:-1.5em;position:relative;bottom:auto}.greeting[data-time=morning]{padding-bottom:0}.identity{display:block}}@media screen and (width>=1100px){body{font-size:1.2vw}}@media screen and (width>=600px) and (height<=480px){.cow{width:8em;bottom:3em}footer{padding-top:0}main{align-items:flex-start;padding:1em 0 0 2em;display:flex}.headshot{margin-left:0;margin-right:0}#me-now{width:4em;height:4em}#guy-baby{width:1.5em;left:0}#guy-old{width:1.6em;animation:1s both guy-old;top:auto;bottom:0;right:-1.8em;transform:translate(-100%)}.name{height:3em;margin:auto auto auto .66em;display:block}.work-square{font-size:.66em}}@media (prefers-color-scheme:dark){body{color:#fff;background-color:#1b2b3b;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px),linear-gradient(#1b1b1e,#1b2b3b)}.dark-off{display:none}.greeting.dark-on{display:initial}.name.dark-on{display:block}#me-wrap{border:.25rem solid #fff}}