:root{--piece-size:8rem;--piece-border-size:.15rem;--piece-border-color:rgb(55 65 81)}#about{min-height:100vh;min-height:100svh;vertical-align:middle}#about,#header-flex{display:flex;justify-content:center}#header-flex{align-items:center}#header-text{max-width:36rem;position:relative;z-index:10}#header-text h1{font-size:4.5rem;line-height:1;font-weight:600;color:#f9fafb;letter-spacing:-.025em;margin-left:-4px}.name-wrapper{display:inline-block;width:22rem;height:4rem;overflow:hidden;vertical-align:top;margin-left:-.45rem}.name-scroll{display:block;width:100%;height:38rem;background-image:url(/name.svg);background-size:22rem;background-position:-.9rem -1.35rem;transition:transform 2s;will-change:transform}#code-block{display:inline-block;background-color:#111827;min-width:32rem;vertical-align:top;margin-top:1rem;padding:.75rem 1rem;border:1px solid #1f2937;border-top:2px solid rgb(34,197,94);border-radius:.5rem;text-align:left;font-size:.75rem;line-height:1rem;color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap;box-shadow:0 4px 24px -4px rgba(0,0,0,.3)}#dotted-bg{mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,black 20%,transparent 70%);transition:opacity 1s ease-out,width .3s,transform .3s}.jigsaw-text{width:calc(100% - 18rem)}.jigsaw,.jigsaw-text{display:inline-block;vertical-align:top}.jigsaw{width:17rem;text-align:right;margin-left:1rem;transform:rotate(-3deg)}.piece{fill:transparent;stroke-width:.4rem;opacity:0}.jigsaw.show .piece{left:0;opacity:1;transition-duration:.3s;stroke:rgb(100 116 139);filter:drop-shadow(2px 2px 4px rgba(34,197,94,.25))}.jigsaw .piece-1{animation:piece-cycle 4.8s linear 0s infinite}.jigsaw .piece-2{animation:piece-cycle 4.8s linear 1.2s infinite;transition-delay:.2s}.jigsaw .piece-3{animation:piece-cycle 4.8s linear 2.4s infinite;transition-delay:.4s}.jigsaw .piece-4{animation:piece-cycle 4.8s linear 3.6s infinite;transition-delay:.6s}@keyframes piece-cycle{0%{stroke:rgb(100 116 139)}25%{stroke:rgb(74 120 80)}50%{stroke:rgb(55 65 81)}75%{stroke:rgb(31 41 55)}to{stroke:rgb(100 116 139)}}.section-header-3d{vertical-align:middle;display:inline-block;width:30rem;transition:opacity 0s,transform 0s;transition-timing-function:ease-out;transition-delay:0s;opacity:0;transform:translateY(1rem)}.section-header-3d,.section-header-3d canvas{height:260px}.section-header-3d.show{transition:opacity .6s,transform .6s;transition-delay:.2s;opacity:1;transform:translateY(0)}h2{letter-spacing:-1px;margin-left:-3px}.project-section{max-width:90rem;margin:0 auto 5rem;padding:5rem 1.25rem;position:relative}.project-section:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(16rem,40%);height:1px;background:linear-gradient(90deg,transparent,rgb(75 85 99),transparent)}.section-header{max-width:64rem;margin:0 auto;justify-content:space-around}.project-set,.section-header{display:flex;align-items:center;flex-wrap:wrap}.project-set{justify-content:space-evenly}.project-item{display:block;flex-shrink:0;width:40rem;background:rgb(17 24 39);border:1px solid rgb(31 41 55);border-radius:.75rem;margin:10rem 1rem 0;transition:all .3s ease;position:relative}a.project-item{cursor:pointer}.project-item:hover{border-color:rgb(55 65 81);box-shadow:0 0 40px -10px rgba(34,197,94,.15);transform:translateY(-2px)}.project-item .project-lights{position:absolute;top:0;bottom:0;width:100%;border-radius:.75rem;overflow:hidden}.project-item .project-lights div{width:0;transition:.2s}.project-item:hover .project-lights div{opacity:1}.project-item .grey-light{opacity:.8}.project-item .gold-light{opacity:0}.project-item-sub{width:100%;padding:2rem;display:inline-flex;border-radius:.75rem;justify-content:space-between;position:relative}.project-image{width:15rem;height:15rem;background-size:cover;background-position:50%;flex-shrink:0;border-radius:.625rem;margin-top:-4rem;margin-left:1rem;border:1px solid rgb(55 65 81);box-shadow:0 8px 32px -8px rgba(0,0,0,.4);transition:.2s}.project-title{font-size:2.25rem;line-height:2.5rem;margin-left:-1px}.project-specs{font-weight:500;margin-bottom:.5rem;letter-spacing:.3px}.project-for:after{content:" • ";opacity:.5}.project-extract{letter-spacing:.5px}.expand-projects{height:6rem;width:6rem;background-color:rgb(17 24 39);font-size:2rem;line-height:6rem;padding:0;border:1px solid rgb(31 41 55);border-radius:.75rem;margin:10rem 18rem 0;transition:.3s}.expand-projects:hover{background-color:rgb(31 41 55);border-color:rgb(55 65 81);transform:translateY(-2px)}@media only screen and (max-width:1140px) and (min-width:1024px){#header-text{margin-right:-6rem}}@media only screen and (max-width:1024px){#header-flex,#header-text{flex-wrap:wrap}#header-text{margin-top:6rem;display:flex;justify-content:center}#header-image{margin-top:-41rem;margin-left:15%;margin-right:-15%;opacity:.25}#code-block{background:#111827a3}}@media only screen and (max-width:768px){.jigsaw-text{width:calc(100% - 2rem)}.jigsaw{position:relative;margin-left:-15rem;z-index:-1;opacity:.5;filter:blur(1px)}}@media only screen and (max-width:640px){.jigsaw{margin-top:1rem}}@media only screen and (max-width:600px){#about,#header-flex{display:block}#header-text{padding:0 .5rem;margin-top:10rem}#header-text h1{margin-bottom:2rem;width:100%}.name-wrapper{width:15rem}#header-image{margin-top:-27rem}.project-item{width:100%}.project-item-sub{flex-wrap:wrap-reverse}.project-image{width:100%;margin:-4rem 0 1rem}}@media only screen and (max-width:440px){.section-header-3d canvas{transform:scale(.8)}}