@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');
:root{--p:15px;--fg:#0b0b0b;--muted:#999}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--fg);font:400 15px/1.15 Inter,Arial,sans-serif;letter-spacing:-.035em}a{color:inherit;text-decoration:none}header{height:52px;padding:17px var(--p) 0;display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;z-index:5}header #clock{justify-self:center;font-variant-numeric:tabular-nums}header nav{display:flex;justify-content:space-between;gap:3rem}header a:hover,footer a:hover{text-decoration:underline}.page{display:none;min-height:calc(100vh - 110px)}.page.active{display:block}#work-page h1,.playground-page>h1{font:500 23px/1.13 Inter,Arial,sans-serif;letter-spacing:-.055em;margin:77px var(--p) 78px;max-width:540px}.project{margin-bottom:25px;overflow:hidden}.project-head{display:grid;grid-template-columns:minmax(290px,620px) 1fr;padding:0 var(--p) 12px}.project-meta .type,.project-meta .year{color:var(--muted)}.project-meta button{border:0;background:none;font-size:28px;line-height:12px;margin-left:12px;vertical-align:-2px;cursor:pointer}.project-desc{color:var(--muted);opacity:0;transition:.2s}.project.open .project-desc{opacity:1}.project-strip{height:365px;display:flex;align-items:flex-end;gap:10px;padding:0 var(--p);overflow-x:auto;scrollbar-width:none}.project-strip::-webkit-scrollbar{display:none}.project-strip figure{margin:0;flex:0 0 620px}.project-strip figure:nth-child(even){flex-basis:260px}.project-strip img{width:100%;height:345px;display:block;object-fit:cover;background:#f1f1f1}.project-strip figcaption{font-size:10px;text-transform:uppercase;margin-top:7px}.project.compact .project-strip{height:70px;border-top:1px solid #eee}.info-page{padding:78px var(--p) 120px}.info-intro{width:min(820px,82vw);font-size:23px;line-height:1.18}.info-intro p{margin:0 0 1.2em}.info-grid{margin-top:95px;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.info-grid h2{font-size:12px;font-weight:400;margin:0 0 18px}.info-grid p{font-size:13px;line-height:1.55;letter-spacing:-.02em;margin:0}.playground-page{padding-bottom:100px}.play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 var(--p)}.play-grid img,.play-grid video{width:100%;height:520px;object-fit:cover;background:#eee}.play-grid .wide{grid-column:span 3;height:auto}.contact-page{align-items:center;justify-content:center}.contact-page.active{display:flex}.contact-page a{font-size:clamp(32px,7vw,96px);letter-spacing:-.07em;border-bottom:2px solid}footer{min-height:58px;padding:0 var(--p) 16px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;font-size:12px;letter-spacing:-.02em}footer div:nth-child(2){justify-self:center}@media(max-width:700px){header{grid-template-columns:1fr auto;height:auto}header #clock{display:none}header nav{gap:1rem;font-size:12px}#work-page h1,.playground-page>h1{margin-top:72px;margin-bottom:62px;font-size:21px}.project-head{grid-template-columns:1fr;gap:7px}.project-desc{opacity:1;font-size:13px}.project-strip{height:260px}.project-strip figure,.project-strip figure:nth-child(even){flex-basis:82vw}.project-strip img{height:235px}.info-intro{width:100%;font-size:20px}.info-grid{grid-template-columns:1fr 1fr}.play-grid{grid-template-columns:1fr}.play-grid img,.play-grid video{height:auto;max-height:80vh}.play-grid .wide{grid-column:span 1}footer{grid-template-columns:1fr auto;gap:10px}footer div:nth-child(2){display:none}}