:root{--pad:24px;--title-home:var(--display-weight) 24px/30px var(--font-display);--title-work:var(--display-weight) 32px/40px var(--font-display);--split-home:50%;--split-work:33.333%;--split:var(--split-home);--columns-home:var(--split-home) calc(100% - var(--split-home));--columns-work:var(--split-work) calc(100% - var(--split-work));--gap:4px;--accent:#f0d;--bg:#fff;--ink:#1f1f1f;--grey:#767676;--mist:#ededed;--display-weight:500;--tracking:-.01em;--tracking-large:-.01em;--font-display:"Bricolage Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;--font:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 16px/22px var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;height:100%;display:block}h1,h2,p{margin:0;font-weight:400}.side{flex-direction:column;gap:16px;height:100svh;padding:24px 0;display:flex;position:sticky;top:0;overflow-y:auto}.side-head{padding:0 var(--pad) 16px;border-bottom:1px solid var(--mist);justify-content:space-between;align-items:baseline;display:flex}.side-body{padding:0 var(--pad);flex:1}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.menu-button,.menu,.work-mini,.work-more,.home-thumb,.home-year{display:none}.side-foot{padding:16px var(--pad) 0;border-top:1px solid var(--mist);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;font-size:14px;line-height:20px;display:flex}.copyright{color:var(--grey)}.logo{font:var(--display-weight) 24px/28px var(--font-display);letter-spacing:var(--tracking)}.nav{font-family:var(--font-display);font-weight:var(--display-weight);gap:16px;display:flex}.nav a{transition:color .15s}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.resizer{top:0;bottom:0;left:var(--split);z-index:30;cursor:col-resize;touch-action:none;outline:none;width:16px;margin-left:-8px;position:fixed}.resizer:before{content:"";background:var(--ink);opacity:0;width:1px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:7px}.resizer:hover:before,.resizer:focus-visible:before,.is-resizing .resizer:before{opacity:1}.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}@keyframes content-in{0%{opacity:0}}.side-body>*,.home-gallery,.work-images,.info{animation:.25s ease-out content-in}@media (prefers-reduced-motion:reduce){.side-body>*,.home-gallery,.work-images,.info{animation:none}}.home{grid-template-columns:var(--columns-home);align-items:start;display:grid}.home-titles{margin:-16px calc(-1 * var(--pad)) 0;padding:0;list-style:none}.home-title{padding:16px var(--pad);border-bottom:1px solid var(--mist);font:var(--title-home);letter-spacing:var(--tracking);justify-content:space-between;align-items:baseline;gap:16px;transition:color .15s;display:flex}.home-arrow{flex:none;align-self:center;transition:transform .2s ease-out}.home-title.is-active .home-arrow{transform:rotate(-45deg)}.home-gallery{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.home-item{transition:opacity .2s}.home-item .media{aspect-ratio:1}@media (hover:hover) and (width>=810px){.home-title{color:var(--grey)}.home-title.is-active{color:var(--ink)}}.home.has-active .home-item:not(.is-active){opacity:0}.work{grid-template-columns:var(--columns-work);align-items:start;display:grid}.work-info{flex-direction:column;gap:32px;display:flex}.work-head{flex-direction:column;gap:16px;display:flex}.work-title{font:var(--title-work);letter-spacing:var(--tracking-large)}.work-year{color:var(--grey);margin-top:2px;display:block}.work-meta{color:var(--grey);font-size:14px;line-height:20px}.work-images{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.work-images figure{flex-direction:column;margin:0;display:flex}.work-images .media{flex:1}.work-images .full{grid-column:1/-1}.work-description{flex-direction:column;gap:1em;display:flex}.work-video{background:var(--mist)}.work-video iframe{border:0;width:100%;height:100%;display:block}.work-note{color:var(--grey);grid-column:1/-1;padding:8px 12px 48px;font-size:14px;line-height:20px}.work-note:last-child{padding-bottom:24px}.work-note-name{color:var(--ink)}.work-images figcaption{color:var(--grey);margin-top:8px;font-size:14px;line-height:20px}.media{background:var(--mist);overflow:hidden}.work-images .full img{height:auto}.work-images .media:empty{aspect-ratio:4/5}.work-images .full .media:empty{aspect-ratio:3/2}.info{max-width:760px;padding:24px var(--pad) 48px;flex-direction:column;gap:16px;display:flex}.info-text{flex-direction:column;gap:16px;display:flex}.info a,.info-text a{text-underline-offset:3px;text-decoration:underline}.info a:hover,.info-text a:hover{color:var(--accent)}.is-text .side{height:auto;min-height:100svh;position:static;overflow:visible}.is-text .info-photo{position:sticky;top:0}.is-text .work-info{gap:0}.info-photo{height:100svh}.info-photo .media{height:100%}.cv-contact{padding-bottom:8px}.cv-section{border-top:1px solid var(--mist);grid-template-columns:200px minmax(0,1fr);gap:8px 24px;padding-top:24px;display:grid}.cv-section h2{font:inherit}.cv-entries{flex-direction:column;gap:16px;padding-bottom:8px;display:flex}.cv-date{color:var(--grey)}.fontpicker{left:var(--pad);bottom:var(--pad);z-index:40;border:1px solid var(--ink);background:var(--bg);letter-spacing:0;gap:8px;width:232px;padding:12px;font:12px/16px system-ui,sans-serif;display:grid;position:fixed}.fontpicker label{grid-template-columns:48px 1fr;align-items:center;gap:8px;display:grid}.fontpicker span{color:var(--grey)}.fontpicker select,.fontpicker button{border:1px solid var(--mist);background:var(--bg);min-width:0;height:26px;color:var(--ink);font:inherit;border-radius:0;padding:0 6px}.fontpicker button{cursor:pointer}.fontpicker button:hover{border-color:var(--ink)}.fontpicker-actions{grid-template-columns:1fr auto auto;gap:4px;margin-top:4px;display:grid}@media (width<=809px){:root{--pad:12px;--head:60px;--title-home:var(--display-weight) 22px/28px var(--font-display);--menu-title:var(--display-weight) 20px/26px var(--font-display)}.side,.side-body,.work-info,.work-head{display:contents}.side-head{z-index:5;height:var(--head);padding:0 var(--pad);background:var(--bg);border-bottom:0;align-items:center;position:sticky;top:0}.side-head:after{content:"";background:var(--mist);height:1px;position:absolute;bottom:0;left:0;right:0}.side-foot{padding:16px var(--pad) 24px;order:10}.side-foot .nav{display:none}.menu-button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0 -10px 0 0;padding:0;display:flex}.menu{top:var(--head);z-index:6;background:var(--bg);opacity:0;visibility:hidden;flex-direction:column;gap:32px;padding:0 0 32px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.menu.is-open{opacity:1;visibility:visible}.menu-list{flex-direction:column;display:flex}.menu-list a{padding:12px var(--pad);border-bottom:1px solid var(--mist);font:var(--menu-title);letter-spacing:var(--tracking)}.menu-list a[aria-current=page]{color:var(--accent)}.menu-open{overflow:hidden}.work-title{padding:16px var(--pad) 0}.work-meta{margin:16px var(--pad) 0}.work-description{margin:24px var(--pad)}.work-description.is-folded p:not(:first-child){display:none}.work-description.is-folded p{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.work-more{color:var(--grey);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:-8px 0 0;padding:8px 0;font-size:14px;text-decoration:underline;display:block}.work-note{padding:8px var(--pad) 32px}.work-mini{top:var(--head);z-index:4;height:52px;padding:0 var(--pad);border-bottom:1px solid var(--mist);background:var(--bg);font:var(--display-weight) 20px/51px var(--font-display);letter-spacing:var(--tracking);white-space:nowrap;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;display:block;position:fixed;left:0;right:0;overflow:hidden}.work-mini.is-on{opacity:1;visibility:visible}.home-titles{margin:0}.home-titles li:last-child .home-title{border-bottom:0}.home-title{padding:var(--pad);align-items:flex-start;gap:12px}.home-title>span{flex:1}.home-year{color:var(--grey);margin-top:2px;display:block}.home-thumb{aspect-ratio:1;flex:none;order:1;width:calc(50% - 6px);display:block}.home-arrow,.home-gallery,.resizer{display:none}.fontpicker{width:auto;bottom:8px;left:8px;right:8px}.home,.work{grid-template-columns:1fr}.info-text{margin:16px var(--pad) 32px}.is-text .info-photo{height:auto;position:static}.info-photo .media{aspect-ratio:4/5;height:auto}.cv-section{grid-template-columns:1fr}.cv-section h2{font-weight:500}.work-images{grid-template-columns:1fr}.work-images figcaption{padding:0 var(--pad)}}