@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{color:#171817;font-synthesis:none;background:#f3f2ed;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:20rem;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:4px;outline:2px solid #e65022}main{width:min(100%,78rem);margin:0 auto;padding:clamp(1.25rem,3.4vw,2.75rem) clamp(1.25rem,5vw,3.5rem) 4rem}.topline{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:clamp(5rem,12vw,10.5rem);display:grid}.site-name,nav,.availability,.eyebrow,.project-meta,.tag-list,h2,.profile-caption{letter-spacing:-.03em;font-family:DM Mono,ui-monospace,monospace;font-size:.7rem;line-height:1.3}.site-name{justify-self:start;font-weight:500}.dot{color:#e65022}nav{gap:1.35rem;display:flex}nav a,.location a{transition:color .18s}nav a:hover,.location a:hover{color:#e65022}.availability{color:#5d615b;justify-self:end;align-items:center;gap:.5rem;margin:0;display:flex}.availability span{background:#e65022;border-radius:50%;width:.45rem;height:.45rem}.intro-grid{grid-template-columns:minmax(0,1.42fr) minmax(13rem,.58fr);align-items:end;gap:clamp(2.5rem,9vw,10rem);display:grid}.eyebrow{color:#666a63;margin:0 0 1.4rem}h1,h2,p{margin-top:0}h1{letter-spacing:-.075em;max-width:48rem;margin-bottom:2rem;font-size:clamp(3.1rem,6.6vw,6.3rem);font-weight:500;line-height:.91}.about-copy{border-left:1px solid #bcbdb6;max-width:35rem;padding-left:1.2rem}.about-copy p{color:#555953;margin-bottom:.8rem;font-size:clamp(1.02rem,1.55vw,1.16rem);line-height:1.6}.about-copy p:last-child{margin-bottom:0}.about-copy strong{color:#171817;font-weight:600}.about-copy a,.email{border-bottom:1px solid #a8aaa3;transition:border-color .18s,color .18s}.about-copy a:hover,.email:hover{color:#e65022;border-color:#e65022}.profile-card{aspect-ratio:.82;color:#171817;background:#d8d9d2;place-items:center;min-height:20rem;display:grid;position:relative;overflow:hidden}.profile-card:before,.profile-card:after{content:"";border:1px solid #1718172e;border-radius:50%;position:absolute}.profile-card:before{aspect-ratio:1;width:110%}.profile-card:after{aspect-ratio:1;width:62%}.profile-orbit{background:#1718172e;width:140%;height:1px;position:absolute;transform:rotate(-35deg)}.profile-initials{z-index:1;letter-spacing:-.11em;font-size:clamp(4rem,7vw,6.5rem);font-weight:500}.profile-caption{z-index:1;color:#51554e;position:absolute;bottom:1.25rem;left:1.25rem}.section,.contact{margin-top:clamp(5.5rem,13vw,11rem)}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:1.35rem;display:flex}h2{color:#5d615b;text-transform:uppercase;margin-bottom:0;font-weight:400}.section-heading p{color:#777b74;margin:0;font-size:.9rem}.project-list{border-top:1px solid #bcbdb6}.project{border-bottom:1px solid #bcbdb6;grid-template-columns:minmax(7rem,.36fr) 1fr;gap:1rem;padding:clamp(1.4rem,2.6vw,2.2rem) 0;transition:padding .22s,background .22s;display:grid}.project:hover{background:#e7e7e0;padding-left:1rem;padding-right:1rem}.project-meta{color:#777b74;flex-direction:column;gap:.55rem;display:flex}.project-number{color:#e65022}.project-content{grid-template-columns:minmax(11rem,1fr) minmax(14rem,.78fr) auto;align-items:baseline;gap:1.5rem;display:grid}.project-title{letter-spacing:-.06em;font-size:clamp(1.55rem,2.5vw,2.25rem);font-weight:500;line-height:1;transition:color .18s}.project-title:hover,.note-list a:hover{color:#e65022}.project p{color:#62665f;max-width:22rem;margin:0;font-size:.98rem;line-height:1.5}.tag-list{color:#666a63;flex-wrap:wrap;justify-content:flex-end;gap:.35rem .75rem;margin:0;padding:0;list-style:none;display:flex}.note-list{border-top:1px solid #bcbdb6}.note-list a{border-bottom:1px solid #bcbdb6;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-size:clamp(1.05rem,1.5vw,1.2rem);transition:color .18s;display:flex}.contact{border-top:1px solid #bcbdb6;max-width:52rem;padding-top:clamp(3.5rem,7vw,5.5rem)}.contact h2{color:#171817;letter-spacing:-.07em;text-transform:none;max-width:42rem;margin-bottom:1.35rem;font-family:inherit;font-size:clamp(2.7rem,5.4vw,5rem);font-weight:500;line-height:.94}.contact>p:not(.eyebrow):not(.location){color:#62665f;max-width:35rem;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.6}.email{letter-spacing:-.04em;margin-bottom:2.75rem;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:500;display:inline-block}.location{color:#777b74;margin-bottom:0;font-family:DM Mono,ui-monospace,monospace;font-size:.7rem}.pong{margin-top:clamp(5.5rem,13vw,11rem)}.pong-heading{align-items:end}.pong-heading>div:first-child{flex:1;justify-content:space-between;align-items:baseline;display:flex}.score{color:#5d615b;gap:1rem;margin-left:2rem;font-family:DM Mono,ui-monospace,monospace;font-size:.7rem;display:flex}.score span:first-child{color:#e65022}.pong-frame{background:#20221f;border:1px solid #bcbdb6;overflow:hidden}.pong-court{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.pong-controls{color:#bfc0b9;border-top:1px solid #f3f2ed40;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.65rem 1rem;font-family:DM Mono,ui-monospace,monospace;font-size:.7rem;display:flex}.pong-controls p{margin:0}kbd{color:#f3f2ed;font:inherit;border:1px solid #f3f2ed66;border-radius:2px;padding:.1rem .28rem}.pong-controls div{gap:.4rem;display:flex}.pong-controls button{color:#f3f2ed;min-width:2.1rem;min-height:2rem;font:inherit;cursor:pointer;background:0 0;border:1px solid #f3f2ed66;border-radius:0;padding:.35rem .6rem;transition:background .18s,color .18s}.pong-controls button:hover{color:#20221f;background:#f3f2ed}.pong-controls button:focus-visible{outline-offset:2px;outline-color:#e65022}@media (width<=52rem){.project-content{grid-template-columns:1fr 1fr}.tag-list{grid-column:2;justify-content:flex-start}}@media (width<=42rem){main{padding-bottom:2.5rem}.topline{grid-template-columns:1fr auto;margin-bottom:4.8rem}nav{justify-self:end}.availability{display:none}.intro-grid{grid-template-columns:1fr}.profile-card{width:min(100%,22rem);min-height:17rem}.section-heading{display:block}.section-heading h2{margin-bottom:.55rem}.project{grid-template-columns:1fr;gap:1.5rem}.project-meta{flex-direction:row;justify-content:space-between}.project-content{grid-template-columns:1fr;gap:1rem}.tag-list{grid-column:auto;justify-content:flex-start}.project:hover{background:0 0;padding-left:0;padding-right:0}.pong-heading>div:first-child{display:block}.score{margin:1rem 0 0}.pong-controls{flex-direction:column;align-items:flex-start}}@media (width<=27rem){nav{gap:.8rem}h1{font-size:clamp(2.8rem,15vw,3.7rem)}.section,.contact{margin-top:4.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}