@import"https://fonts.googleapis.com/css2?family=Libertinus+Serif&display=swap";@font-face{font-family:GT-Pressura-Mono;src:url(./GT-Pressura-Mono-Regular.paT0VUpm.woff2) format("woff2"),url(./GT-Pressura-Mono-Regular._MZ6QAgk.woff) format("woff")}:root{--border-style: 1px solid rgba(0, 0, 0, .1);--margin: 40px;--color-black: #222;--color-accent: tomato;--opacity-inactive: .4;--font-monospace: "GT-Pressura-Mono", monospace;--font: "Libertinus Serif", serif;--line-height: 38px;--letter-spacing: -.01em;--font-size: 26px;--font-size-caption: 1em;--font-size-monospace: 20px;--line-height-monospace: 30px;--font-size-title: 1.15em;--line-height-title: 1.25em;--max-width: 960px;--max-width-visual: 1280px;--url-about: url(./about2.Do5YESAk.svg)}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);color:var(--color-black);position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}*{box-sizing:border-box}a{text-decoration:none;cursor:pointer;color:var(--color-black)}h1,h2{font-weight:400;font-size:3.2em;line-height:1em;letter-spacing:-.02em;margin:0 0 0 -.02em;padding:0}#hero h2:after{height:6px;width:calc(var(--margin) * 2.5);background:#0003;content:"";display:block;margin:var(--margin) 0 calc(var(--margin) / 2) 0}hr{margin:0;padding:0;border:none;border-top:var(--border-style)}.flex{flex:1}iframe{border:none}.caption{text-decoration:none;letter-spacing:-.02em}.uppercase{text-transform:uppercase;letter-spacing:0em}.table .group{display:flex;border-top:var(--border-style);padding:calc(var(--margin) / 2) 0}.table ul{flex:1;margin:0;padding:0}.table li{list-style:none;margin:0}.table li:not(:last-child){margin-bottom:calc(var(--margin) / 6)}.table .caption{width:25%}.table span{padding-right:calc(var(--margin) / 4)}.table .time{opacity:var(--opacity-inactive);padding-left:calc(var(--margin) / 4)}.monospace{font-family:var(--font-monospace);font-size:var(--font-size-monospace);line-height:var(--line-height-monospace)}header{position:absolute;z-index:10000;display:flex;padding:0 var(--margin);transition:all .25s}header a{opacity:var(--opacity-inactive);padding:calc(var(--margin) / 2) calc(var(--margin) / 2) calc(var(--margin) / 2) 0;text-shadow:0 0 1px rgba(0,0,0,.15);transition:.25s all;transition-timing-function:ease-out}header a[aria-current=page]{opacity:1;position:relative}#last-update{position:fixed;right:0;top:0;pointer-events:none;z-index:1000;opacity:var(--opacity-inactive);padding:calc(var(--margin) / 2) var(--margin);transition:.5s all;transition-delay:5s}#last-update.hide{opacity:0}#home-container .table.hidden{visibility:hidden;opacity:0}#home-container .table{visibility:visible;opacity:1;transition:.4s all;transition-timing-function:ease-out}#bio{font-size:1.7em;line-height:1.3em;margin-bottom:var(--margin);padding-right:var(--margin)}#bio a{text-decoration:underline;text-decoration-color:var(--color-accent)}#svg-about{background-image:var(--url-about);background-size:contain;background-position:0 0;background-repeat:no-repeat;width:100%;aspect-ratio:1/.6;margin:0 auto var(--margin) auto}.project{opacity:1;transform:translateZ(0)}#project-wrapper{position:relative;width:100%;overflow-x:hidden;overflow-y:scroll;transition:margin .2s;background:#fff}#article,#more-projects{background-color:#fff;position:relative;padding:0 var(--margin) calc(var(--margin) * 2) var(--margin)}p{display:flex}.col-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--margin)}.col-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--margin)}#article>*:not(.text,ul),#hero,#more-projects,#article img{max-width:var(--max-width-visual);width:100%}#article>*,#more-projects{padding:0 0 var(--margin) 0;margin:0 auto}#article>.text,#article ul{max-width:var(--max-width)}#hero{display:flex;flex-direction:row-reverse;align-items:end;column-gap:calc(var(--margin) * 1);height:100vh;border-bottom:var(--border-style);padding-bottom:calc(var(--margin) * 2);margin-bottom:calc(var(--margin) * 2)}#hero .cover{background-size:contain;background-position:100% 100%;background-repeat:no-repeat;aspect-ratio:1/1}#article h1{width:50%}#claywork-container,#home-container{padding:calc(var(--margin) * 4) var(--margin);margin:0 auto}#home-container .project{width:33.33%;padding:0 calc(var(--margin) / 2);margin-bottom:calc(var(--margin) * 2);color:#222;vertical-align:bottom;display:inline-block}.waiting{position:relative;transition:1s all;transition-timing-function:ease-out;opacity:0}.waiting.ready{opacity:1}#projects{margin-left:calc(var(--margin) / -2);margin-right:calc(var(--margin) / -2)}.pp{display:flex;padding:0 5%}#article .pp img{height:100%;width:100%;max-width:600px}.pp.right{justify-content:flex-end}.pp.center{justify-content:center}#article img[src$="#border"],#article .border{outline:var(--border-style)}.project .image-wrapper{line-height:0;overflow:hidden}.project img{max-width:100%}.project .title{height:calc(var(--margin) * 4);padding:calc(var(--margin) / 2) 0;line-height:1.2em}.project .title span{opacity:0;transition:.2s all;transition-timing-function:ease-out}.title{font-size:var(--font-size-title);line-height:var(--line-height-title)}footer a,#article a{text-decoration:underline;text-decoration-color:var(--color-accent)}footer{padding:var(--margin)}#more-projects{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--margin);padding:calc(var(--margin) * 2) var(--margin)}#more-projects a{break-inside:avoid-column;transition:.25s all;color:var(--color-black);display:block;position:relative;padding:calc(var(--margin) / 2)}#more-projects .cover{width:100%;aspect-ratio:1/1;background-position:50% 100%;background-repeat:no-repeat;background-size:contain;transition:.2s all;transition-timing-function:ease-out}#more-projects .title{opacity:0;position:absolute;bottom:40px;left:0;transition:.2s all;transition-timing-function:ease-out}@media (hover: hover) and (pointer: fine){.table a:hover{text-decoration:underline;text-decoration-color:var(--color-accent)}.project:hover .title span{opacity:var(--opacity-inactive)}#more-projects a:hover .cover{opacity:.2}#more-projects a:hover .title{opacity:1}}@media only screen and (min-width: 1600px){:root{--margin: 56px}#home-container .project{width:25%}}@media only screen and (max-width: 1080px){#article .text,#article ul,#hero,#more-projects{padding-left:var(--margin);padding-right:var(--margin)}#more-projects{grid-template-columns:repeat(3,1fr)}h2{font-size:1.5em}#hero{display:block;height:auto;border-bottom:none;padding-top:calc(var(--margin) * 3);padding-bottom:0;margin-bottom:calc(var(--margin) * 4)}#hero .cover{margin-bottom:calc(var(--margin) / 1.5);background-position:0 100%;aspect-ratio:1.25/1}#hero h2:after{height:4px;width:calc(var(--margin) * 2.5);background:#0003;content:"";display:block;margin:var(--margin) 0 calc(var(--margin) / 2) 0}#home-container .project{width:50%}.table .group{display:block}.table ul{margin-top:calc(var(--margin) / 2)}}@media only screen and (max-width: 720px){:root{--font-size: 18px;--line-height: 28px;--letter-spacing: 0;--font-size-monospace: 18px;--line-height-monospace: 28px;--font-size-title: 1.25em;--line-height-title: 1.2em;--margin: 24px;--url-about: url(./about-mobile.Bk7Eb5qk.svg)}#hero{padding-top:calc(var(--margin) * 4)}#more-projects{grid-template-columns:repeat(2,1fr);grid-gap:calc(var(--margin) * 2)}#more-projects a{margin-bottom:calc(var(--margin) * 2)}#more-projects .title{opacity:1;height:80px;transform:translate3d(0,calc(var(--margin) * 5),0)}.table .group{padding:var(--margin) 0;overflow-x:scroll}.table .caption{margin-bottom:calc(var(--margin) * 1)}.table li{margin-top:calc(var(--margin) / 2);margin-bottom:0}#svg-about{aspect-ratio:1/2.2;background-position:center 0}.project .title{height:auto;margin-bottom:var(--margin)}.project .title span{opacity:var(--opacity-inactive)}#article{padding:0 0 calc(var(--margin) * 2) 0}#article h1{width:90%}#projects{margin:0}#claywork-container,#home-container{padding:calc(var(--margin) * 5) var(--margin)}#home-container .project{width:100%;padding:0}header a{padding:calc(var(--margin) / 1.2) calc(var(--margin) / 1.5) var(--margin) 0}}