@font-face{font-family:PP Neue Montreal;src:url(/fonts/PPNeueMontreal-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-bg: #f3f2f3;--color-text: #000;--color-muted: #7b7b7b;--color-divider: #d6d1d1;--color-white: #fff;--font-heading: "PP Neue Montreal", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--content-padding: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:18px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg)}a{color:var(--color-text);text-decoration:none}.skip-link{position:absolute;top:-100%;left:var(--content-padding);z-index:9999;padding:12px 16px;background:var(--color-text);color:var(--color-bg);font-family:var(--font-heading);font-size:16px;text-decoration:none;border-radius:4px;transition:top .2s}.skip-link:focus{top:16px;outline:2px solid currentColor;outline-offset:2px}img,video{max-width:100%;height:auto;display:block}.site-header{z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px var(--content-padding);margin:0 auto;background-color:var(--color-bg);position:fixed;top:0;left:0;right:0}.site-header:after{content:"";position:absolute;bottom:0;left:var(--content-padding);right:var(--content-padding);height:1px;background-color:var(--color-divider)}.header-name,.header-info{font-family:var(--font-heading);font-size:24px;font-weight:400;letter-spacing:-.01em}.header-info:hover{opacity:.6;transition:opacity .2s}.hero{position:sticky;top:0;z-index:1;height:calc(-40px + 100vh);margin:0 auto;padding:120px var(--content-padding) 0;display:flex;flex-flow:column;place-content:flex-start space-between;align-items:flex-start}.hero-headline{font-family:var(--font-heading);font-size:4vw;font-weight:400;line-height:1.15;letter-spacing:-.03em;max-width:100%}.hero-stack{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;gap:24px}.hero-work-heading{display:flex;flex-direction:column;padding-bottom:40px}.hero-work-label,.hero-work-years{font-family:var(--font-heading);font-size:24px;font-weight:400;line-height:1.25;color:var(--color-text)}.hero-memoji{flex-shrink:0;width:27%}.hero-memoji video{width:100%;height:auto;filter:contrast(.9)}.work{position:sticky;z-index:2;background-color:var(--color-bg);margin:0 auto;padding:0px var(--content-padding) 0}.project{border-top:1px solid var(--color-divider)}.project-bar{display:grid;grid-template-columns:2.4fr 2.6fr;gap:64px;padding:12px 0 16px;position:sticky;top:64px;z-index:50}.project-bar-right{display:flex;justify-content:space-between;align-items:baseline}.project-year,.project-category,.project-name-label{font-family:var(--font-heading);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.3px;line-height:1;color:var(--color-muted)}.project-name-label{text-align:right}.project-content{display:grid;grid-template-columns:2.4fr 2.6fr;gap:64px;align-items:start;margin-top:20px;padding-bottom:80px}.project-info{position:sticky;top:120px;align-self:start;display:flex;flex-flow:column;height:85vh;justify-content:space-between}.project-title{font-family:var(--font-heading);font-size:48px;font-weight:400;line-height:1.1;letter-spacing:1px;margin-bottom:24px}.project-description{font-family:var(--font-heading);font-size:24px;line-height:1.25;font-weight:400;margin-bottom:32px}.project-description p{margin-bottom:16px}.project-description p:last-child{margin-bottom:0}.project-description a{text-decoration:underline}.project-info-top{flex-shrink:0}.project-meta{border-top:1px solid var(--color-divider);flex-shrink:0;margin-top:16px}.meta-row{display:grid;grid-template-columns:1fr 1fr;padding:16px 0;border-bottom:1px solid var(--color-divider);font-family:var(--font-heading);font-size:16px}.meta-row dt{font-weight:400;color:var(--color-muted)}.meta-row dd{font-weight:400}.meta-row dd a{text-decoration:underline}.project-media{display:flex;flex-direction:column;gap:24px;scroll-margin-top:120px}.project-media img,.project-media video{width:100%;border-radius:8px;background-color:var(--color-divider)}.media-state{display:flex;flex-direction:column;gap:24px}.media-state[hidden]{display:none}.project-media-states{position:relative;overflow:hidden}.project-media-states .media-state{position:absolute;top:0;left:0;right:0;opacity:0;transition:opacity .35s ease;pointer-events:none}.project-media-states .media-state.is-visible{position:relative;opacity:1;pointer-events:auto}.project-media-states .media-state[hidden]{position:absolute;display:flex;opacity:0;visibility:hidden}.media-switcher{position:sticky;bottom:24px;display:inline-flex;margin-top:24px;z-index:10;background:var(--color-white);border-radius:100px;overflow:hidden;box-shadow:0 0 0 1px #00000014;width:fit-content;min-width:280px;margin-left:auto;margin-right:auto;padding:2px}.media-switcher-pill{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:100px;background:var(--color-text);transition:transform .25s ease-out;pointer-events:none;z-index:0}.media-switcher.pill-right .media-switcher-pill{transform:translate(100%)}.media-switcher .switcher-btn{position:relative;z-index:1;font-family:var(--font-heading);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:10px;border:none;outline:none;background:transparent;color:var(--color-text);cursor:pointer;transition:color .2s;flex:1;min-width:0;border-radius:100px;white-space:nowrap}.media-switcher .switcher-btn.active{color:var(--color-white)}.profile-content{display:grid;grid-template-columns:2.4fr 2.6fr;gap:64px;align-items:start;margin-top:20px;padding-bottom:80px}.profile-left{grid-column:1;grid-row:1;position:sticky;top:120px;align-self:start;display:flex;flex-direction:column}.profile-right{grid-column:2;grid-row:1}.profile-links-col{flex-shrink:0}.profile-links.profile-links-bottom{display:none}.profile-heading{font-family:var(--font-heading);font-size:64px;font-weight:400;line-height:1.15;letter-spacing:-.02em;margin-bottom:32px}.profile-photo{margin-bottom:24px;max-width:420px}.profile-photo img{width:100%;border-radius:0}.profile-links{font-family:var(--font-heading);font-size:24px;line-height:1.25;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-links a{text-decoration:underline}.profile-links a:hover{opacity:.6;transition:opacity .2s}.profile-links-arrow{margin-right:4px}.profile-links-separator{color:var(--color-muted)}.profile-right{font-family:var(--font-heading);font-size:24px;line-height:1.25;font-weight:400}.profile-right p{margin-bottom:20px}.profile-right p:last-child{margin-bottom:0}.profile-right a{text-decoration:underline}.profile-divider{margin:32px 0;color:var(--color-divider);font-size:20px}.site-footer{position:relative;z-index:1;background-color:var(--color-bg);margin:0 auto;padding:24px var(--content-padding);border-top:1px solid var(--color-divider);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-heading);font-size:16px;color:var(--color-muted)}@media (max-width: 1199px){:root{--content-padding: 40px}.hero-headline{font-size:48px}.hero-memoji{width:32%;max-width:320px}.project-bar{grid-template-columns:1fr 1fr}.project-bar-right{justify-content:flex-end}.project-category{text-align:right}.project-name-label{display:none}.project-content{grid-template-columns:1fr;gap:40px}.project-info{position:static;height:auto}.project-meta{margin-top:32px}.profile .project-bar{grid-template-columns:2.4fr 2.6fr;gap:64px}.profile-left{position:static;height:auto;justify-content:flex-start}.project-title{font-size:36px}.project-description{font-size:20px}.profile-heading{font-size:48px}.profile-right,.profile-links{font-size:20px}.project-media{scroll-margin-top:100px}}@media (max-width: 809px){:root{--content-padding: 20px}body{font-size:16px}.site-header{padding:16px var(--content-padding)}.header-name,.header-info{font-size:18px}.hero{height:calc(-200px + 100vh);align-items:center;min-height:520px;padding:90px var(--content-padding) 0}.hero-headline{font-size:32px}.hero-memoji{width:43%;max-width:240px}.hero-work-label,.hero-work-years{font-size:18px}.project-name-label{text-align:left;width:100%;display:none}.project-content{grid-template-columns:1fr;gap:32px}.project-info{position:static;height:auto}.project-meta{margin-top:32px}.project-title{font-size:28px}.project-description{font-size:16px}.project-media{scroll-margin-top:90px}.meta-row{font-size:14px}.profile-content{grid-template-columns:1fr;gap:40px}.profile-left,.profile-right{grid-column:1;grid-row:auto}.profile-left{position:static;height:auto;justify-content:flex-start}.profile-links-col{display:none}.profile-links.profile-links-bottom{display:flex}.profile-photo{max-width:100%;margin-bottom:24px}.profile-photo img{width:100%;max-height:70vh;object-fit:cover}.profile-heading{font-size:32px}.profile-right,.profile-links{font-size:16px}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:0 20px;text-align:center}.error-content{display:flex;flex-direction:column;align-items:center;max-width:650px;gap:24px}.error-memoji{width:319px;height:319px;filter:contrast(.9);overflow:hidden}.error-memoji video{width:100%;height:100%;border-radius:300px;object-fit:contain;background-color:var(--color-white)}.error-heading{font-family:var(--font-heading);font-size:64px;font-weight:400;line-height:1.15}.error-text{font-family:var(--font-heading);font-size:21px;font-weight:400;line-height:1.25}.error-link{font-family:var(--font-heading);font-size:21px;font-weight:400;text-decoration:underline;line-height:1.2}.error-link:hover{opacity:.6;transition:opacity .2s}@media (max-width: 1199px){.error-memoji{width:280px;height:280px}.error-heading{font-size:48px}}@media (max-width: 809px){.error-memoji{width:218px;height:218px}.error-heading{font-size:32px}.error-text,.error-link{font-size:18px}}
