html:has(.hp){scroll-padding-top:0}.hp{--stone:#76746b;--glyph:#5a5851;--ink:#111;--muted:#6b6f68;--line:#1111111f;--edge:12px;--gap:12px;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:#fff}.hp a{color:inherit;text-decoration:none}.hp :is(h1,h2,h3) span{color:inherit}html[data-lang] .hp :is(h1,h2,h3,p,li) .i18n[lang]{line-height:inherit}.hp :focus-visible{outline-offset:4px;outline:2px solid}.hp-grid{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hp-label{letter-spacing:normal;font-size:13px;font-weight:400}@keyframes hp-rise{0%{transform:translateY(108%)}}.hp-mask{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.hp-mask>span{animation:hp-rise 1.15s var(--ease) both;animation-delay:calc(var(--d,0) * 80ms);display:inline-block}.hp [data-reveal]{transition:opacity 1.1s ease, translate 1.3s var(--ease)}.hp [data-reveal].is-pending{opacity:0;translate:0 20px}.hp .hp-list[data-reveal].is-pending{opacity:1;translate:none}.hp-list li{transition:opacity .9s ease calc(var(--n) * 55ms), translate 1.2s var(--ease) calc(var(--n) * 55ms)}.hp-list.is-pending li{opacity:0;translate:0 14px}.hp-cursor{z-index:60;pointer-events:none;position:fixed;top:0;left:0;transform:translate(-200px,-200px)}.hp-cursor-pill{color:var(--ink);letter-spacing:.01em;white-space:nowrap;transform-origin:0 0;transition:scale .45s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 13px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;top:14px;left:16px;scale:0;box-shadow:0 1px 2px #00000014,0 10px 24px -10px #0000004d}.hp-cursor-pill>span{display:none}.hp-cursor-pill i{font-style:normal}.hp-cursor:is([data-key=enter],[data-key=view],[data-key=grab]) .hp-cursor-pill{scale:1}.hp-cursor[data-key=enter] [data-for=enter],.hp-cursor[data-key=view] [data-for=view],.hp-cursor[data-key=grab] [data-for=grab]{display:inline}.hp-cursor-photo{transform-origin:0 100%;width:150px;transition:scale .5s var(--ease);background:#fff;padding:8px 8px 20px;display:block;position:absolute;bottom:18px;left:22px;rotate:-3deg;scale:0;box-shadow:0 1px 2px #00000014,0 20px 36px -14px #00000061}.hp-cursor-photo:before{content:"";aspect-ratio:4/5;display:block}.hp-cursor-photo img{object-fit:cover;opacity:0;width:calc(100% - 16px);height:calc(100% - 28px);position:absolute;inset:8px 8px 20px}.hp-cursor[data-key=picture] .hp-cursor-photo{scale:1}.hp-cursor[data-picture="0"] img[data-for="0"],.hp-cursor[data-picture="1"] img[data-for="1"],.hp-cursor[data-picture="2"] img[data-for="2"],.hp-cursor[data-picture="3"] img[data-for="3"],.hp-cursor[data-picture="4"] img[data-for="4"],.hp-cursor[data-picture="5"] img[data-for="5"],.hp-cursor[data-picture="6"] img[data-for="6"],.hp-cursor[data-picture="7"] img[data-for="7"],.hp-cursor[data-picture="8"] img[data-for="8"],.hp-cursor[data-picture="9"] img[data-for="9"],.hp-cursor[data-picture="10"] img[data-for="10"]{opacity:1}@media (hover:none),(pointer:coarse){.hp-cursor{display:none}}.hp-cover{position:relative}.hp-hero{z-index:0;background:var(--stone);color:#fff;height:100svh;min-height:640px;position:sticky;top:0;overflow:clip}.hp-hero:before{content:"";z-index:1;pointer-events:none;background:url(/home/grain.png) 0 0/256px;position:absolute;inset:0}.hp-hero:after{content:"";z-index:3;opacity:calc(var(--cover,0) * .3);pointer-events:none;background:#000;position:absolute;inset:0}.hp-glyph-wrap{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hp-glyph{color:var(--glyph);font:900 104vh/.74 var(--font-geist-sans), sans-serif;letter-spacing:-.08em;white-space:nowrap;transform-origin:62% 46%;will-change:transform;display:block;translate:-1vw 10vh}.hp-hero-top,.hp-display,.hp-hero-bottom{left:var(--edge);right:var(--edge);z-index:2;position:absolute}.hp-hero-top{top:15px}.hp-facts{grid-column:5/9;margin:0;font-size:14px;font-weight:400;line-height:1.45}.hp .hp-display{letter-spacing:-.035em;pointer-events:none;align-items:baseline;margin:0;font-size:clamp(52px,5.6vw,108px);font-weight:400;line-height:1;top:50%;translate:0 -50%}.hp-d1{grid-column:1/5}.hp-d2{grid-column:5/11}.hp-d3{grid-column:11/13;justify-self:end}.hp .hp-d4{color:#ffffffd1;letter-spacing:-.01em;grid-area:2/5/auto/11;margin-top:clamp(18px,1.9vw,34px);font-size:clamp(17px,1.6vw,28px);line-height:1.3}.hp .hp-dim{color:#ffffffb3}.hp-hero-bottom{align-items:end;bottom:13px}.hp-hero-index{grid-column:1/4;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.5;list-style:none}.hp-hero-index .is-more{margin-top:.6em}.hp-hero-index a{transition:opacity .4s}.hp-hero-index:hover a:not(:hover){opacity:.5}.hp-mark{font:400 13px/1.45 var(--font-geist-mono), monospace;letter-spacing:normal;grid-column:12;justify-self:end}@keyframes hp-card-in{0%{opacity:0;transform:translate(-50%, -50%) translate(var(--x), 3vh) rotate(calc(var(--r) + 4deg)) scale(.94)}}@keyframes hp-card-out{to{transform:translate(-50%, -50%) translate(calc(var(--x) * 3), 96vh) rotate(calc(var(--r) * -2.5))}}@keyframes hp-lit{0%{opacity:.28}}@keyframes hp-glyph-in{0%{transform:translateY(92vh)scale(1.12)}}@keyframes hp-settle{0%{opacity:0;transform:translateY(-6px)}}.hp-intro{z-index:4;pointer-events:none;display:none;position:absolute;inset:0}.hp-intro-card{--cw:clamp(180px, 17vw, 290px);width:var(--cw);padding:calc(var(--cw) * .07) calc(var(--cw) * .07) calc(var(--cw) * .12);transform:translate(-50%, -50%) translate(var(--x), 0) rotate(var(--r));background:#fff;position:absolute;top:46%;left:50%;box-shadow:0 1px 2px #00000014,0 24px 48px -16px #0006}.hp-intro-card img{aspect-ratio:4/5;object-fit:cover;background:#eeece7;width:100%;height:auto;display:block}html[data-intro=play] .hp-intro{display:block}html[data-intro=play] .hp-intro-card{animation:hp-card-in .42s var(--ease) both, hp-card-out .72s cubic-bezier(.5, 0, .75, 0) forwards;animation-delay:calc(.15s + var(--i) * 70ms), calc(1s + (9 - var(--i)) * 25ms)}html[data-intro=play] .hp-hero-index li{animation:.35s both hp-lit;animation-delay:calc(.15s + var(--i) * 70ms)}html[data-intro=play] .hp-glyph-wrap{animation:hp-glyph-in 1.2s var(--ease) 1.02s both}html[data-intro=play] .hp-mask>span{animation-delay:calc(1.12s + var(--d,0) * 80ms)}html[data-intro=play] :is(.site-navigation,.hp-hero-top,.hp-mark){animation:hp-settle .8s var(--ease) 1.3s both}.hp-work{--cover-gap:clamp(20px, 2.4vw, 40px);z-index:1;padding:96px var(--edge) clamp(96px, 14vh, 160px);background:#fff;position:relative;box-shadow:0 -30px 60px #0000001f}.hp-work-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:24px;padding-bottom:14px;display:flex}.hp-work-head h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:500}.hp-count{color:var(--muted);font:400 13px/1 var(--font-geist-mono), monospace;letter-spacing:normal;vertical-align:.5em;margin-left:.7em}.hp-view{border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.hp-view button{min-height:30px;color:var(--muted);letter-spacing:normal;cursor:pointer;transition:background .4s var(--ease), color .4s var(--ease);background:0 0;border:0;border-radius:999px;padding:0 15px;font-size:13px}.hp-view button:hover{color:var(--ink)}.hp-view button[aria-pressed=true]{background:var(--ink);color:#fff}.hp-more{margin-top:clamp(88px,12vh,136px);scroll-margin-top:58px}.hp-index{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hp-list{grid-area:1/5/auto/13;position:relative}.hp-feature-list,.hp-more-list{margin:0;padding:0;list-style:none}.hp-row{border-bottom:1px solid var(--line);grid-template-columns:3.2em minmax(0,1fr) auto 1.4em;grid-template-areas:"num name tab arrow";align-items:baseline;gap:0 20px;padding:24px 0 23px;font-size:16px;transition:opacity .5s;display:grid}.hp-thumb{aspect-ratio:16/9;background:#f3f3f0;grid-area:thumb;display:none;overflow:hidden}.hp-thumb img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--ease);display:block}.hp-num{color:var(--muted);font:400 13px/1 var(--font-geist-mono), monospace;letter-spacing:normal;grid-area:num;transition:color .4s}.hp-name{letter-spacing:-.02em;transition:translate .7s var(--ease);grid-area:name;font-size:clamp(24px,2.1vw,32px);font-weight:500;line-height:1.2}.hp-tab{color:var(--muted);text-align:right;grid-area:tab;font-size:14px}.hp-row.is-wip .hp-tab{border:1px dashed #1115;border-radius:999px;justify-self:end;padding:2px 10px;font-size:13px}.hp-arrow{opacity:0;transition:opacity .4s, translate .7s var(--ease);grid-area:arrow;justify-self:end;font-size:14px;translate:-5px 5px}.hp-row.is-active .hp-num{color:var(--ink)}.hp-row:is(:hover,:focus-visible) .hp-name{translate:8px}.hp-row:is(:hover,:focus-visible,.is-active) .hp-arrow{opacity:1;translate:0}.hp-row:hover .hp-thumb img{transform:scale(1.03)}.hp-row:active .hp-name{opacity:.6}.hp-feature{align-items:stretch;gap:0 var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:none;padding:24px 0}.hp-feature .hp-thumb{margin-right:var(--cover-gap);grid-area:1/1/auto/5;display:block}.hp-feature-text{grid-template:"num name arrow"".note."minmax(0,1fr)/3.2em minmax(0,1fr) 1.4em;grid-area:1/5/auto/13;align-items:baseline;gap:0 20px;min-width:0;display:grid}.hp-feature .hp-name{letter-spacing:-.025em;font-size:clamp(30px,3.2vw,52px);line-height:1.1}.hp-feature-note{flex-direction:column;grid-area:note;align-self:end;gap:8px;min-width:0;display:flex}.hp-feature-label{color:var(--muted);font-size:14px;line-height:1.4}.hp-feature-focus{text-wrap:pretty;font-size:clamp(16px,1.25vw,20px);line-height:1.45}@media (hover:hover){.hp-more[data-view=list] .hp-list:hover .hp-row:not(:hover){opacity:.32}}.hp-more[data-view=list] .hp-list:has(.hp-row:focus-visible) .hp-row:not(:focus-visible){opacity:.32}.hp-preview{margin-right:var(--cover-gap);grid-area:1/1/auto/5;position:relative}.hp-preview-inner{transform:translate3d(0, var(--y,0px), 0);transition:transform 1s var(--ease);padding-top:24px;position:absolute;inset:0 0 auto}.hp-sheet{position:relative}.hp-corner{pointer-events:none;width:0;height:0;position:absolute}.hp-corner:before,.hp-corner:after{content:"";background:#9a9d96;position:absolute}.hp-corner:before{width:8px;height:1px}.hp-corner:after{width:1px;height:12px}.hp-corner.is-tl{top:0;left:0}.hp-corner.is-tl:before{top:0;left:-12px}.hp-corner.is-tl:after{top:-18px;left:0}.hp-corner.is-tr{top:0;right:0}.hp-corner.is-tr:before{top:0;left:4px}.hp-corner.is-tr:after{top:-18px;left:-1px}.hp-corner.is-bl{bottom:0;left:0}.hp-corner.is-bl:before{top:-1px;left:-12px}.hp-corner.is-bl:after{top:6px;left:0}.hp-corner.is-br{bottom:0;right:0}.hp-corner.is-br:before{top:-1px;left:4px}.hp-corner.is-br:after{top:6px;left:-1px}.hp-scan{z-index:3;background:var(--ink);opacity:0;pointer-events:none;height:1px;position:absolute;top:0;left:-10px;right:-10px}.hp-frame{aspect-ratio:16/9;background:#f3f3f0;position:relative;overflow:hidden}.hp-frame img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.hp-frame img[data-layer]{opacity:1}.hp-frame img[data-layer=top]{z-index:2}.hp-frame img[data-layer=under]{z-index:1}.hp-preview-meta{color:var(--muted);font:400 13px/1.4 var(--font-geist-mono), monospace;letter-spacing:normal;justify-content:space-between;gap:16px;margin:16px 0 0;display:flex}@keyframes hp-fade{0%{opacity:0}}.hp-more[data-view=grid] .hp-index{display:block}.hp-more[data-view=grid] .hp-preview{display:none}.hp-more[data-view=grid] .hp-more-list{gap:56px var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));padding-top:28px;display:grid}.hp-more[data-view=grid] .hp-row{border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"thumb thumb""num arrow""name name""tab tab";padding:0}.hp-more[data-view=grid] .hp-thumb{margin-bottom:18px;animation:.6s backwards hp-fade;display:block}.hp-more[data-view=grid] .hp-name{margin-top:8px;font-size:clamp(20px,1.6vw,24px);line-height:1.25}.hp-more[data-view=grid] .hp-tab{text-align:left;margin-top:6px;font-size:14px}.hp-more[data-view=grid] .hp-row.is-wip .hp-tab{justify-self:start}.hp-more[data-view=grid] .hp-row:is(:hover,:focus-visible) .hp-name{translate:none}.hp-more[data-view=grid] .hp-row.is-active:not(:hover,:focus-visible) .hp-arrow{opacity:0}.hp-about{padding:clamp(96px, 14vh, 160px) var(--edge);border-top:1px solid var(--line);background:#fff;align-items:start}.hp-portrait{grid-column:1/4;margin:0}.hp-portrait img{width:100%;height:auto;display:block}.hp-about-body{grid-column:5/12}.hp-about h2{letter-spacing:-.025em;margin:0;font-size:clamp(32px,3.2vw,52px);font-weight:500;line-height:1.2}.hp-lead{color:#3b4038;text-wrap:pretty;max-width:34em;margin:30px 0 0;font-size:16px;line-height:1.8}.hp-facts-list{margin:48px 0 0}.hp-facts-list>div{border-top:1px solid var(--line);grid-template-columns:5.5em minmax(0,1fr) auto;align-items:baseline;gap:0 24px;padding:16px 0;display:grid}.hp-facts-list>div:last-child{border-bottom:1px solid var(--line)}.hp-facts-list dt{color:var(--muted);letter-spacing:normal;font-size:13px}.hp-facts-list dd{text-wrap:pretty;margin:0;font-size:16px}.hp-facts-list .hp-date{color:var(--muted);font:400 13px/1.4 var(--font-geist-mono), monospace;letter-spacing:normal;text-align:right}.hp-cv{border:1px solid var(--ink);transition:background .45s var(--ease), color .45s var(--ease);border-radius:999px;align-items:center;gap:.5em;margin-top:40px;padding:11px 20px;font-size:14px;display:inline-flex}.hp-cv:hover{background:var(--ink);color:#fff}.hp-contact{background:var(--ink);color:#fff;padding-top:130px;position:relative}.hp-contact-head{padding:0 var(--edge)}.hp-contact-head .hp-label{grid-column:1/5;padding-top:.6em}.hp-contact-head h2{letter-spacing:-.03em;grid-column:5/13;margin:0;font-size:clamp(40px,4.4vw,80px);font-weight:400;line-height:1.12}.hp-contact-body{padding:0 var(--edge);align-items:start;margin-top:64px}.hp-email{flex-wrap:wrap;grid-column:5/11;align-items:center;gap:12px 20px;display:flex}.hp-email a{letter-spacing:-.015em;border-bottom:1px solid #ffffff59;padding-bottom:4px;font-size:clamp(22px,1.9vw,30px);font-weight:400;transition:border-color .45s}.hp-email a:hover{border-color:#fff}.hp-copy{min-height:32px;color:inherit;letter-spacing:normal;cursor:pointer;transition:background .45s var(--ease), color .45s var(--ease), border-color .45s;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:0 14px;font-size:13px;font-weight:400}.hp-copy:hover{border-color:#fff}.hp-copy.is-done{color:var(--ink);background:#fff;border-color:#fff}.hp .hp-links{grid-column:11/13;justify-items:start;gap:4px;font-size:14px;font-weight:400;line-height:1.35;display:grid}.hp-links>a>span[aria-hidden],.hp-links .career-label>span[aria-hidden]{transition:translate .35s var(--ease);margin-left:.25em;font-size:.85em;display:inline-block}.hp-links :is(a,.career-link):hover span[aria-hidden]{translate:2px -2px}.hp-links .career-link{min-height:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:row;gap:0;padding:0;display:inline-flex;color:inherit!important}.hp-links :is(.career-icon,.career-hint){display:none}.hp-links .career-label{font-size:inherit;letter-spacing:inherit}.hp-links .career-label>span[aria-hidden]{margin-left:0}.hp-pile{touch-action:pan-y;cursor:grab;width:100%;height:clamp(300px,46vh,520px);margin-top:72px;display:block}.hp-pile.is-holding{cursor:grabbing}.hp-foot{padding:14px var(--edge) 15px;border-top:1px solid #ffffff1a;font-size:13px;font-weight:400}.hp-foot>:first-child{grid-column:1/4}.hp-foot>:nth-child(2){grid-column:6/8;justify-self:center}.hp-foot>:nth-child(3){grid-column:10/13;justify-self:end}@media (hover:none),(max-width:760px){.hp-view{display:none}.hp-more[data-view] .hp-index{display:block}.hp-more[data-view] .hp-preview{display:none}.hp-more[data-view] .hp-more-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 20px;padding-top:28px;display:grid}.hp-more[data-view] .hp-row{border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"thumb thumb""num arrow""name name""tab tab";padding:0}.hp-more[data-view] .hp-thumb{margin-bottom:16px;display:block}.hp-more[data-view] .hp-name{margin-top:8px;font-size:20px;line-height:1.25;translate:none}.hp-more[data-view] .hp-tab{text-align:left;margin-top:6px;font-size:14px}.hp-more[data-view] .hp-row.is-wip .hp-tab{justify-self:start}.hp-more[data-view] .hp-arrow{display:none}}@media (max-width:760px){.hp{--edge:16px}.hp-hero{height:auto;min-height:100svh;padding:86px var(--edge) 18px;flex-direction:column;justify-content:space-between;gap:32px;display:flex;position:relative}.hp-hero-top,.hp .hp-display,.hp-hero-bottom{position:relative;inset:auto;translate:none}.hp-hero-top,.hp-hero-bottom{grid-template-columns:minmax(0,1fr)}.hp .hp-facts{grid-column:1}.hp .hp-display{font-size:12.5vw;line-height:1.04;display:block}.hp-d1,.hp-d2,.hp-d3,.hp .hp-d4{display:block}.hp .hp-d4{margin-top:20px;font-size:20px}.hp-d3{text-align:right}.hp-hero-bottom{row-gap:22px}.hp-hero-index{grid-column:1/-1}.hp-mark{display:none}.hp-glyph{font-size:70vh;translate:0 18vh}.hp-work{box-shadow:none;padding-top:64px}.hp-work-head h2{font-size:16px}.hp-feature{padding:20px 0 28px;display:block}.hp-feature .hp-thumb{margin:0 0 16px}.hp-feature-text{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"num""name""note";gap:0}.hp-feature .hp-name{margin-top:8px;font-size:28px;line-height:1.2}.hp-row.hp-feature .hp-name{translate:none}.hp-feature .hp-arrow{display:none}.hp-feature-note{margin-top:10px}.hp-feature-focus{font-size:16px}.hp-more[data-view] .hp-more-list{gap:32px 12px;padding-top:20px}.hp-more[data-view] .hp-name{font-size:16px}.hp-more[data-view] .hp-tab{font-size:13px}.hp-about,.hp-contact-head,.hp-contact-body{grid-template-columns:minmax(0,1fr);row-gap:28px}.hp .hp-about>*,.hp .hp-contact-head>*,.hp .hp-contact-body>*{grid-column:1/-1}.hp-portrait{width:62%}.hp-lead{font-size:16px}.hp-facts-list>div{grid-template-columns:4em minmax(0,1fr);gap:4px 16px}.hp-facts-list .hp-date{text-align:left;grid-column:2}.hp-contact{padding-top:96px}.hp-contact-head h2{font-size:10vw}.hp .hp-links{grid-template-columns:repeat(2,max-content);column-gap:32px}.hp-pile{height:320px;margin-top:48px}}@media (prefers-reduced-motion:reduce){.hp-mask>span,.hp-more[data-view=grid] .hp-thumb{animation:none}.hp-intro{display:none!important}.hp [data-reveal],.hp-list li,.hp-cursor-pill,.hp-cursor-photo,.hp-preview-inner,.hp-row,.hp-name,.hp-arrow,.hp-thumb img{transition:none}}body:has(.hp) .site-navigation:not([data-tone]){-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;background:0 0}.hp-scrub-line{display:block}.hp-sc{opacity:clamp(.14, calc((var(--p,1) * (var(--n) + 5) - var(--i)) / 5), 1)}
