@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";
:root{--background:#fcfcfc;--text-strongest:#171717;--text-strong:#494949;--text-primary:#8f8f8f;--text-secondary:#aaa;--component-bg:#fcfcfc;--box-shadow:#e6e6e6;--tropical:#17db17;--text-xxs:.5rem;--text-xs:.625rem;--text-s:.75rem;--text-m:1.0625rem;--text-l:clamp(1.125rem, 1.0625rem + .25vw, 1.3125rem);--text-xl:clamp(1.3125rem, 1.208rem + .417vw, 1.625rem);--text-xxl:clamp(1.625rem, 1.417rem + .833vw, 2.25rem);--text-xxxl:clamp(2.5rem, 1.833rem + 2.667vw, 4.5rem);--serif-l:clamp(2.125rem, 1.833rem + 1.167vw, 3rem);--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:24px;--space-xl:40px;--space-xxl:72px;--content-width:1000px;--prose-width:640px;--mobile:600px;--tablet:900px;--desktop:1200px}.page{min-height:100vh;padding:var(--space-l) var(--space-l) 0 var(--space-l);background:var(--background);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}html{background-color:var(--text-secondary)}.main{flex-direction:column;flex:1;width:100%;display:flex}body{color:var(--text-strongest);font-size:var(--text-m);margin-bottom:var(--space-s);background-color:var(--background)}body.menu-open{overflow:hidden}.content{width:100%;max-width:860px;padding-top:0;padding-bottom:var(--space-xl);flex-direction:column;align-items:center;margin:0 auto;padding-inline:20px;display:flex}@media (max-width:900px){.content{padding-bottom:var(--space-l)}}@media (max-width:600px){.content{padding-bottom:var(--space-m);padding-inline:12px}}.info{justify-content:space-between;gap:var(--space-l) var(--space-xl);margin-bottom:var(--space-l);margin-top:var(--space-l);width:100%;max-width:var(--prose-width);grid-template-columns:repeat(4,max-content);display:grid}.info-box{flex-direction:column;display:flex}@media (max-width:660px){.info{justify-content:stretch;gap:var(--space-m) var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr))}}.info-box dt{white-space:nowrap}.info-box dd{white-space:normal}.full-image{border-radius:4px;width:100%;height:auto;display:block}.small-image{border-radius:4px;width:60%;height:auto;display:block}.split-image{border-radius:4px;width:100%;height:auto;display:block}.full-image--text-width{max-width:var(--prose-width);margin-left:auto;margin-right:auto}.project-blocks{gap:var(--space-xxl);flex-direction:column;align-items:center;width:100%;display:flex}.case-section{align-items:center;gap:var(--space-l);flex-direction:column;width:100%;display:flex}.prose{width:100%;max-width:var(--prose-width);gap:var(--space-m);flex-direction:column;margin:0 auto;display:flex}.image-block{gap:var(--space-s);flex-direction:column;width:100%;display:flex}.image-block--small{max-width:520px}.caption{font-size:var(--text-s);color:var(--text-primary);margin:0}.prose--narrow{max-width:56ch}.reference-grid{gap:var(--space-m);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.reference-item{gap:var(--space-s);flex-direction:column;display:flex}.reference-item video,.reference-item img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%;height:auto;display:block}.split{column-gap:var(--space-xl);row-gap:var(--space-m);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;max-width:1200px;margin:0 auto;display:grid}.split-image{width:100%;height:auto;margin-inline:auto}@media (max-width:600px){.split{grid-template-columns:1fr}.split .image-block--small{width:70%;max-width:420px;margin-inline:auto}.split .image-block--small .split-image,.split .image-block--small .full-image{width:100%}}.split-figure{gap:var(--space-s);flex-direction:column;width:100%;display:flex}.external-link{align-items:center;gap:.2em;display:inline-flex}.external-link svg{flex-shrink:0;transform:translateY(.1em)}.grid{gap:var(--space-l);grid-template-columns:repeat(2,1fr);width:100%;max-width:840px;margin:0 auto;padding-inline:20px;display:grid}@media (max-width:600px){.grid{padding-inline:12px}}.card{flex-direction:column;gap:8px;width:100%;padding-bottom:8px;animation:.52s cubic-bezier(.22,1,.36,1) both cardIn;display:flex}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.24s}.card:nth-child(4){animation-delay:.36s}.card:nth-child(5){animation-delay:.48s}@keyframes cardIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.card{animation:none}}.card img{transition:border-radius .15s ease-out}.cardImage{aspect-ratio:4/3;border-radius:4px;width:100%;position:relative;overflow:hidden}.cardImage img{object-fit:cover}.cardImage video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-title{margin-top:var(--space-s);display:block}.tagline{font-size:var(--text-m);color:var(--text-primary);font-weight:400}.project-nav{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);width:100%;padding-top:var(--space-xl);display:flex}.project-link{gap:var(--space-s);flex-direction:column;text-decoration:none;display:flex}.project-link.next{text-align:right}.project-img{aspect-ratio:4/3;object-fit:cover;width:200px;height:auto}a.weblink,a.weblink:visited{color:inherit;text-decoration:underline;transition:color .1s}a.weblink:hover{color:var(--tropical)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}@media (max-width:900px){.page{padding:var(--space-s) var(--space-s) 0}footer{padding-top:var(--space-l);padding-bottom:var(--space-s)}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid{grid-template-columns:1fr}.intro-text{display:block}.heading-md{letter-spacing:-.01em;max-width:700px}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.cursor{animation:2s infinite blink}.typewriter{overflow:visible}.main{animation:1s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.heading-serif{font-family:Instrument Serif,Georgia,serif;font-style:normal;font-weight:500;font-size:var(--serif-l);letter-spacing:-.01em;max-width:24ch;margin-bottom:var(--space-m);text-wrap:pretty;line-height:1.2}.heading-serif--centered{text-align:center;max-width:24ch;margin-inline:auto}.body-xl{font-weight:400;font-size:var(--text-xl);letter-spacing:-.01em;line-height:1.32}.body-l{font-weight:400;font-size:var(--text-l);letter-spacing:-.01em;line-height:1.4}.body-l--title{text-transform:uppercase;margin-bottom:.4em}.body-l--narrow{max-width:28ch}.prose--narrow .body-l{line-height:1.3}.body-m{font-size:var(--text-m);letter-spacing:0;font-weight:400;line-height:1.4}.body-s{font-weight:400;font-size:var(--text-s);letter-spacing:-.01em;max-width:45ch}.body-xs{font-weight:400;font-size:var(--text-xs);letter-spacing:-.01em;max-width:40ch}.label{font-weight:400;font-size:var(--text-s);letter-spacing:-.01em;text-transform:uppercase;max-width:45ch;color:var(--text-strong)}.label-s{text-transform:uppercase;color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:-.01em;max-width:45ch;font-weight:400}
@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Bold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Heavy.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Black.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Ultra.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-Ultralight.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-UltralightItalic.woff2)format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}
.hamburger{cursor:pointer;width:32px;height:32px;color:var(--text-strongest);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;margin-top:0;padding:0;display:none}.hamburger:hover,.hamburger:active .t-icon-swap{background:0 0;border:none}.t-icon-swap{place-items:center;width:26px;height:26px;display:inline-grid;position:relative}.t-icon{grid-area:1/1;place-items:center;line-height:0;transition:opacity .2s ease-in-out,filter .2s ease-in-out,transform .2s ease-in-out;display:grid}.t-icon-swap[data-state=a] .t-icon[data-icon=a],.t-icon-swap[data-state=b] .t-icon[data-icon=b]{opacity:1;filter:blur();transform:scale(1)}.t-icon-swap[data-state=a] .t-icon[data-icon=b],.t-icon-swap[data-state=b] .t-icon[data-icon=a]{opacity:0;filter:blur(2px);transform:scale(.25)}@media (prefers-reduced-motion:reduce){.t-icon{transition:none}}header{font-size:var(--text-l);letter-spacing:-.01em;color:var(--text-primary);flex-direction:row;justify-content:space-between;align-items:flex-end;padding-top:20px;padding-bottom:40px;font-weight:400;line-height:1;display:flex;position:relative}.site-logo{color:var(--text-strongest)}.underline-link,.underline-link:visited{color:inherit;line-height:1;text-decoration:none;transition:color .15s,transform .12s;display:inline-block;position:relative}.underline-link:active{transform:scale(.98)}.site-logo,.site-logo:visited{color:var(--text-strongest)}.underline-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:.09em;transition:transform .15s;position:absolute;bottom:-.3em;left:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.underline-link:hover:after{transform:scaleX(1)}}.nav{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-link{color:var(--text-secondary)}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-strongest)}a{text-decoration:none}.links{gap:2rem;display:flex}.links a{transform-origin:50%;color:var(--text-secondary);text-decoration:none;transition:color .15s;display:inline-block}.links a:hover{color:var(--text-primary)}.links a:active{transform:scale(.98)}.links a.active{color:var(--text-strongest);text-decoration:underline}@media (max-width:600px){.hamburger{display:flex}.links{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:flex-start;gap:var(--space-s);top:60px;left:calc(-1 * var(--space-s));right:calc(-1 * var(--space-s));z-index:100;text-align:left;border-bottom:.5px solid var(--box-shadow);min-height:calc(100dvh - 60px);padding:var(--space-l) var(--space-s) var(--space-xl);opacity:0;transform-origin:top;pointer-events:none;background:#f8f7f433;flex-direction:column;transition:opacity .18s,transform .18s;display:flex;position:absolute;transform:scale(.98);box-shadow:0 12px 24px #0000000a}.links.open{opacity:1;pointer-events:auto;overflow:auto;transform:scale(1)}.links a{font-size:var(--text-xxl);line-height:1.3}.links a:active{transform:none}}
*{box-sizing:border-box;margin:0;padding:0;font-family:ABC Diatype,sans-serif}html,body{height:100%}h1,h2,h3,h4,p{font-size:var(--text-m);margin:0}html{-webkit-text-size-adjust:100%}a,a:visited{color:inherit;text-decoration:none}button,input,textarea{appearance:none;font-family:ABC Diatype,sans-serif;font-weight:400}
.about-section{padding:var(--space-xxl) 0;flex:1;justify-content:center;align-items:center;display:flex}.about-intro{gap:var(--space-xs);flex-direction:column;display:flex}.about-card{grid-template-columns:auto minmax(0,460px);justify-content:center;align-items:center;gap:clamp(24px,4vw,60px);width:100%;max-width:760px;display:grid}.about-portrait{object-fit:contain;width:clamp(120px,22vw,205px);max-width:100%;height:auto;transition:transform .2s,filter .2s;display:block;overflow:visible}.about-portrait:hover{filter:drop-shadow(0 0 12px var(--tropical));transform:translateY(-3px)rotate(-1deg)}.about-copy{gap:var(--space-l);flex-direction:column;display:flex}.about-note{font-size:var(--text-xs);color:var(--text-primary);text-align:right}@media (max-width:900px){.about-card{grid-template-columns:auto minmax(0,320px);justify-content:center;align-items:start;margin:auto;display:grid}.about-section{padding:var(--space-l);align-items:flex-start}}@media (max-width:600px){.about-section{padding:var(--space-l);align-items:flex-start}.about-note{text-align:left}}.experience{flex-direction:column;margin:0 auto;display:flex}.experience-container{grid-template-rows:1fr 1fr;max-width:400px;margin:0 auto;display:grid}.experience-heading h1{font-weight:500}.experience-box{margin-bottom:var(--space-m);flex-direction:column;gap:4px;display:flex}.experience-titles h1{font-weight:500}.experience-desc{border-top:.5px solid var(--text-secondary);font-weight:400;font-size:var(--text-m);color:var(--text-primary);padding-top:8px}.small-text{font-weight:400;font-size:var(--text-xs);color:var(--text-primary);text-align:right}
.contact-page{flex:1;place-items:center;display:grid}.contact-form{width:100%;max-width:400px;font-size:var(--text-l);padding:0 var(--space-l)}p.contact:hover{text-decoration:underline}.return-link:hover{cursor:pointer;text-decoration:underline}form{gap:var(--space-l);flex-direction:column;width:100%;max-width:400px;display:flex}.form-field{gap:var(--space-l);flex-direction:column;display:flex}label{color:var(--text-strongest);letter-spacing:-.01em}input{padding:var(--space-s) 0;color:var(--text-strongest);background:0 0;border:none;outline:none;width:100%;font-family:ABC Diatype,sans-serif;transition:border-color .15s}input:focus{border-bottom-color:var(--text-strongest)}input::placeholder{color:var(--text-secondary)}.contact-form button{border:none;border-bottom:.5px solid var(--text-secondary);width:100%;height:auto;font-family:ABC Diatype,sans-serif;font-size:var(--text-m);color:var(--text-strongest);cursor:pointer;margin-top:var(--space-l);text-align:left;appearance:none;background:0 0;padding:10px 0;font-weight:400;transition:border-color .15s,color .15s}.contact-form button:hover{border-color:var(--text-strongest);background:var(--box-shadow)}.contact-form button span{transition:transform .15s;display:inline-block}.contact-form button:hover span{transform:translate(5px)}.contac-form button:active span{transform:scale(.96)translate(5px)}.contact-form button:active{background:#ccc}textarea{padding:var(--space-s) 0;color:var(--text-strongest);resize:none;background:0 0;border:none;outline:none;width:100%;font-family:ABC Diatype,sans-serif;transition:border-color .15s}textarea:focus{border-bottom-color:var(--text-strongest)}textarea::placeholder{color:var(--text-secondary)}
footer{font-size:var(--text-xs);padding-top:var(--space-l);padding-bottom:var(--space-m);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:flex-end;display:flex}.cm{width:48px;height:auto}
.coming-soon-overlay{background:#fcfcfcbf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card--disabled{cursor:default}.card--disabled .card-title,.card--disabled .tagline{color:var(--text-secondary)}