:root{--ink:#fff;--pad-x:clamp(22px,3.2vw,56px);--pad-y:clamp(22px,3vw,48px);--brand-col:clamp(118px,13vw,200px);--mono:"Andale Mono","Lucida Console",Monaco,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{opacity:0;transition:opacity 180ms ease;background:#111;color:var(--ink);font-family:var(--mono);font-size:clamp(13px,.9vw,16px);line-height:1.22;letter-spacing:-.025em}body.page-ready{opacity:1}body.page-leaving{opacity:0;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit}.preview-stack,.preview,.resting-art,.state-bg{position:fixed;inset:0}.preview-stack{z-index:0;overflow:hidden;background:#111;pointer-events:none}.resting-art,.preview{opacity:0;transition:opacity 180ms ease}.preview{z-index:0}.preview.is-outgoing{z-index:1;opacity:0}.preview.is-active{z-index:2}.resting-art{opacity:1}.resting-art img,.preview video,.preview img,.state-bg img{width:100%;height:100%;object-fit:cover;display:block}.resting-art:after,.preview:after,.state-bg:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.26)}.preview.is-active{opacity:1}.preview img{position:absolute;inset:0;transition:opacity 180ms ease}.preview.is-playing img{opacity:0}body.has-preview .resting-art{opacity:0}.site{position:relative;z-index:2;min-height:100svh;padding:var(--pad-y) var(--pad-x);display:flex;flex-direction:column;text-shadow:0 1px 18px rgba(0,0,0,.34)}.identity{margin:0 0 clamp(42px,8vh,92px)}.identity a{color:inherit;text-decoration:none;width:fit-content}.identity a:hover,.identity a:focus-visible{opacity:.72;outline:none}.identity-line{display:grid;grid-template-columns:var(--brand-col) max-content;align-items:baseline}.identity-name{text-transform:uppercase}.identity-role{opacity:1;color:var(--ink)}.projects{width:min(780px,100%);display:grid;gap:clamp(8px,1.15vh,14px)}.project{display:grid;grid-template-columns:var(--brand-col) minmax(0,1fr);align-items:baseline;width:fit-content;max-width:100%;transition:color 180ms ease;color:#fff}.projects.has-hover .project{color:#B8B8B8}.projects.has-hover .project.is-hovered{color:#fff}.brand,.title{white-space:nowrap}.footer{margin-top:auto;padding-top:clamp(50px,9vh,100px);display:flex;flex-direction:column;align-items:flex-start;gap:5px}.footer a,.footer button,.close-info{border:0;padding:0;background:none;color:inherit;cursor:pointer}.footer a:hover,.footer button:hover,.footer a:focus-visible,.footer button:focus-visible,.close-info:hover,.close-info:focus-visible{opacity:.68;outline:none;text-decoration:none}.info-panel{position:fixed;inset:0;z-index:10;opacity:0;visibility:hidden;transition:opacity 220ms ease,visibility 0s linear 220ms;color:#fff}.info-panel.is-open{opacity:1;visibility:visible;transition-delay:0s}.state-bg{z-index:-1}.state-bg:after{background:rgba(0,0,0,.50)}.info-inner{min-height:100svh;padding:var(--pad-y) var(--pad-x);display:flex;flex-direction:column}.bio{margin:clamp(42px,8vh,92px) 0 0;width:min(680px,92vw);line-height:1.5}.email{margin-top:1.3em}.close-info{margin-top:auto;align-self:flex-start}.project-page{min-height:100svh;background:#111;color:#fff;padding:var(--pad-y) var(--pad-x);display:flex;flex-direction:column}.project-head{display:grid;grid-template-columns:var(--brand-col) max-content;align-items:baseline;column-gap:0;width:fit-content;max-width:100%;margin-bottom:clamp(34px,6vh,72px)}.project-film{width:min(1120px,100%);aspect-ratio:16/9;background:#000}.project-film iframe{width:100%;height:100%;border:0;display:block}.project-copy{width:min(760px,100%);margin-top:clamp(24px,4vh,44px);line-height:1.45}.project-nav{margin-top:auto;padding-top:50px;display:grid;grid-template-columns:repeat(3,var(--brand-col));align-items:center;width:fit-content;max-width:100%}.project-nav a{display:block;white-space:nowrap;text-align:left}.project-nav a:hover{opacity:.68;text-decoration:none}
@media(max-width:700px){:root{--brand-col:105px}body{font-size:12px}.identity{margin-bottom:46px}.projects{gap:12px}.project{grid-template-columns:var(--brand-col) minmax(0,1fr);width:100%}.project-head{grid-template-columns:var(--brand-col) minmax(0,max-content);width:fit-content;column-gap:0}.title{white-space:normal;line-height:1.25}.footer{padding-top:60px}.project-film{width:calc(100vw - 2*var(--pad-x));margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important}}