@font-face{font-family:Google Sans Flex;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/google-sans-flex-latin.CRMKv9uI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans Flex;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/google-sans-flex-latin-ext.DdjLUfE3.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_astro/martian-mono-latin.5W32yIyr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_astro/martian-mono-latin-ext.DlL6xMw5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:dark;--bg:linear-gradient(90deg, #03070a, #0a1214, #09121a);--bg-solid:#070d10;--text:#f4f8f8;--body:#cfdcde;--nav:#b7c9cd;--secondary:#7f969d;--aqua:#6fc3c0;--aqua-2:#3fb4c4;--blue:#4a8fd0;--blue-2:#2a6aa6;--ice:#9bb8e0;--warm:#ff6a3a;--warm-white:#fff3e6;--sand:#f0c27a;--fringe-red:#ff4a3a;--fringe-cyan:#3ad0ff;--sans:"Google Sans Flex", "Google Sans", system-ui, sans-serif;--mono:"Martian Mono", ui-monospace, monospace;--margin:32px;--gutter:32px;--header-h:96px;--radius:20px;--radius-thumb:14px;--ease:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-move:cubic-bezier(.65, 0, .35, 1);--dur-press:.12s;--dur:.35s;--ab-text:-1.5px 0 #ff3c3280, 1.5px 0 #32c8ff80, 0 0 70px #ff784638;--ab-frame:-2px 0 4px #ff46322e, 2px 0 4px #32d2ff2e;--mx:0;--my:0;--sy:0}*,:before,:after{box-sizing:border-box}html{background:var(--bg-solid);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100svh;color:var(--text);font-family:var(--sans);background-attachment:fixed;flex-direction:column;margin:0;font-size:18px;line-height:1.6;display:flex;position:relative;overflow-x:clip}a{color:inherit;text-decoration:none}img,video,canvas,svg{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ice);outline-offset:3px;border-radius:4px}h1[tabindex="-1"]:focus{outline:none}.mono{font-family:var(--mono);letter-spacing:.02em;font-size:12px;line-height:1.3}.display{letter-spacing:-.05em;text-shadow:var(--ab-text);translate:var(--ink-offset,0) 0;margin:0;font-weight:300;line-height:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--margin);z-index:20;background:var(--bg-solid);border-radius:8px;padding:8px 12px;position:absolute;top:8px;translate:0 -200%}.skip-link:focus-visible{translate:0}.show-ph [data-placeholder]{outline:1px dashed var(--sand);outline-offset:2px}.atmos{z-index:0;pointer-events:none;--col:calc((100% - 2 * var(--margin) - 11 * var(--gutter)) / 12);position:fixed;inset:0;overflow:hidden}.haze{transform:translate3d(calc(var(--mx) * 28px), calc(var(--my) * 20px), 0);position:absolute;inset:0}.haze__pool{filter:blur(180px);will-change:transform;border-radius:50%;animation:38s ease-in-out infinite alternate drift;position:absolute}.haze__pool--aqua{background:var(--aqua-2);opacity:.26;width:540px;height:440px;top:190px;left:54.17%}.haze__pool--warm{background:var(--warm);opacity:.08;width:620px;height:420px;animation-duration:46s;animation-delay:-12s;top:560px;left:-13.9%}.haze__pool--blue{background:var(--blue-2);opacity:.24;width:480px;height:400px;animation-duration:42s;animation-delay:-20s;top:540px;left:69.44%}@keyframes drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(36px,-24px)scale(1.06)}to{transform:translate(-28px,18px)scale(.96)}}.rings{--ring-cx:var(--ring-cx-page,calc(var(--margin) + 9 * var(--col) + 8 * var(--gutter) + 8px));left:calc(var(--ring-cx) - 700px);top:calc(var(--ring-cy,400px) - 700px);filter:blur(.9px);width:1400px;max-width:none;height:1400px;transform:translate3d(0, calc(var(--sy) * -.18px), 0) rotate(calc(var(--sy) * .01deg));position:absolute;overflow:visible}.rings__spin{transform-box:view-box;transform-origin:50%;animation:240s linear infinite spin}.rings__arc{transform-box:view-box;transform-origin:50%;animation:36s ease-in-out infinite alternate sway}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sway{0%{transform:rotate(-8deg)}to{transform:rotate(10deg)}}.lens-canvas{opacity:0;width:100%;max-width:none;height:100%;transition:opacity .8s var(--ease);position:absolute;inset:0}html[data-lens=on] .lens-canvas{opacity:1}html[data-lens=on][data-lens-settled] .atmos>.haze,html[data-lens=on][data-lens-settled] .atmos>.rings{visibility:hidden}.grain{z-index:1;pointer-events:none;background-repeat:repeat;background-size:256px 256px;animation:1s steps(8,end) infinite grain;position:fixed;inset:-64px}.grain--overlay{opacity:.36;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.grain--screen{opacity:.1;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation-delay:-.5s}@keyframes grain{0%{transform:translate(0)}12%{transform:translate(-31px,17px)}25%{transform:translate(22px,-40px)}37%{transform:translate(-48px,-9px)}50%{transform:translate(13px,44px)}62%{transform:translate(40px,-21px)}75%{transform:translate(-17px,33px)}87%{transform:translate(29px,8px)}to{transform:translate(0)}}.site-header{z-index:10;padding:26px var(--margin) 0;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;top:0;left:0;right:0}.brand{justify-self:start;line-height:1.3;display:block}.brand__name{margin:0;font-size:16px;font-weight:500;line-height:1.3;display:block}.brand__title{color:var(--secondary);margin-top:3px;display:block}.nav{color:var(--nav);gap:34px;padding-top:4px;display:flex;position:relative}.nav__link{transition:color var(--dur) var(--ease)}.nav__link[aria-current=page],.nav__link:hover{color:var(--text)}.header-email{color:var(--nav);justify-self:end;padding-top:4px}.header-email:hover{color:var(--text)}.layout{z-index:2;column-gap:var(--gutter);padding:var(--header-h) var(--margin) 0;flex:1 0 auto;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid;position:relative;overflow-x:clip}.main{grid-column:1/span 9;min-width:0}.index{z-index:4;grid-column:10/span 3;align-self:stretch;min-width:0;position:relative}.player{z-index:2;position:relative}.player__frame{aspect-ratio:16/9;border-radius:var(--radius);isolation:isolate;box-shadow:var(--ab-frame), 0 0 200px #ff6e3c3d, 0 50px 170px -40px #46aabe66;background:linear-gradient(125deg,#4fb8b0,#2a5f86 40%,#03070a 86%);position:relative;overflow:hidden}.player--tall .player__frame{aspect-ratio:9/16}.project>.player--tall{justify-self:center;width:min(100%,min(80svh,900px)/1.77778)}.player__poster,.player__loop,.player__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.player__video,.player__loop{opacity:0;transition:opacity .6s var(--ease)}.player__loop[data-playing],.player[data-mode=video] .player__video{opacity:1}.player__shade{pointer-events:none;transition:opacity .6s var(--ease);background:linear-gradient(#03070a00 60%,#03070a8c 84%,#03070adb);position:absolute;inset:0}.player[data-state=playing] .player__shade{opacity:.55}.player[data-idle] .player__bar{opacity:0;translate:0 8px}.player[data-idle] .player__shade{opacity:0}.player[data-idle] .player__frame{cursor:none}.player--playable .player__frame{cursor:pointer}.player--playable[data-idle] .player__frame{cursor:none}.player--reel:not([data-awake]) .player__bar{opacity:0;pointer-events:none;translate:0 8px}.player--reel:not([data-awake]) .player__shade{opacity:0}.player--reel[data-awake] .player__shade{opacity:1}.player[data-hushed] :is(.player__bar,.player__shade,.player__center){transition-duration:.12s}.player__center{pointer-events:none;width:88px;height:88px;transition:opacity var(--dur) var(--ease), scale var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);background:#070d106b;border:1px solid #f4f8f880;border-radius:50%;place-items:center;margin:-44px 0 0 -44px;display:grid;position:absolute;top:50%;left:50%;box-shadow:-1.5px 0 #ff4a3a73,1.5px 0 #3ad0ff73,0 10px 40px -10px #0009}.player__center svg{margin-left:4px}.player__frame:hover .player__center{background:#070d108c;border-color:#fff3e6cc;scale:1.06}.player__frame:active .player__center{transition-duration:var(--dur-press);scale:.96}.player[data-state=playing] .player__center,.player[data-previewing] .player__center{opacity:0;scale:.9}.player__bar{transition:opacity .5s var(--ease), translate .5s var(--ease);z-index:2;align-items:center;gap:18px;display:flex;position:absolute;bottom:26px;left:28px;right:28px}.player__btn{cursor:pointer;width:52px;height:52px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);background:#f4f8f814;border:1px solid #f4f8f899;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.player__btn:hover{border-color:var(--text);background:#f4f8f829}.player__btn:disabled{cursor:not-allowed}.player__btn:disabled:hover{background:#f4f8f814;border-color:#f4f8f899}.player__btn{transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), scale var(--dur) var(--ease)}.player__btn:not(:disabled):hover{scale:1.06}.player__btn:not(:disabled):active{transition-duration:var(--dur-press);scale:.92}.player__icon{transition:opacity .2s var(--ease), scale .3s var(--ease), rotate .3s var(--ease);grid-area:1/1}.player__icon-pause{opacity:0;rotate:-90deg;scale:.5}.player[data-state=playing] .player__icon-play{opacity:0;rotate:90deg;scale:.5}.player[data-state=playing] .player__icon-pause{opacity:1;rotate:0deg;scale:1}.player__label{color:var(--text);flex:none}.player__seek{-webkit-appearance:none;appearance:none;cursor:pointer;--p:0%;background:0 0;flex:1 1 0;min-width:40px;height:20px;margin:0}.player__seek:disabled{cursor:default}.player__seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--text) var(--p), #f4f8f840 var(--p));height:1px}.player__seek::-moz-range-track{background:#f4f8f840;height:1px}.player__seek::-moz-range-progress{background:var(--text);height:1px}.player__seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);opacity:0;width:9px;height:9px;transition:opacity .2s var(--ease), scale .3s var(--ease);border-radius:50%;margin-top:-4px;scale:.4}.player__seek::-moz-range-thumb{background:var(--text);opacity:0;border:0;border-radius:50%;width:9px;height:9px}.player__seek:hover::-webkit-slider-thumb,.player__seek:focus-visible::-webkit-slider-thumb{opacity:1;scale:1}.player__seek:hover::-moz-range-thumb,.player__seek:focus-visible::-moz-range-thumb{opacity:1}.player__time{color:var(--body);font-variant-numeric:tabular-nums;flex:none}.streak{z-index:3;pointer-events:none;mix-blend-mode:screen;--peak:calc(22% + var(--mx) * 5%);width:50vw;height:160px;position:absolute;top:calc(47% - 80px);left:100%;overflow:hidden}.streak:before,.streak:after{content:"";transform:translate3d(0, calc(var(--my) * 6px), 0);position:absolute;left:0;right:0}.streak:before{background:linear-gradient(90deg, transparent 4%, #78d2ffcc calc(var(--peak) - 10%), #ffffffe6 var(--peak), transparent 44%);height:2px;top:79px;box-shadow:0 0 60px 10px #46aaff52}.streak:after{background:linear-gradient(90deg, transparent 6%, #ff5a3c80 calc(var(--peak) - 6%), transparent 40%);height:1px;top:83px}.index__inner{top:var(--header-h);position:sticky}@media (height<=859px){.index__inner{position:static}}.index__head{color:var(--secondary);justify-content:space-between;padding:0 4px 12px;display:flex}.index__title{font:inherit;margin:0}.index__list{margin:0;padding:0;list-style:none}.index__item{margin-bottom:8px}.card{border-radius:var(--radius);backdrop-filter:blur(36px);height:50px;color:var(--nav);transition:transform var(--dur) var(--ease), scale var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), backdrop-filter var(--dur) var(--ease), -webkit-backdrop-filter var(--dur) var(--ease), opacity .5s var(--ease) var(--reveal-delay,0s), translate .6s var(--ease) var(--reveal-delay,0s);background:#f4f8f80a;border:1px solid #f4f8f81a;align-items:center;gap:12px;padding:0 20px;font-size:17px;line-height:1.2;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 10px 30px -14px #000c}.card:hover,.card:focus-visible,.card[data-selected],.card[aria-current=page],.card--active{backdrop-filter:blur(8px)saturate(1.3);color:var(--text);background:#f4f8f808;border-color:#fff3e661;box-shadow:inset 0 1px #ffffff2e,inset 1.5px 0 #ff4a3a80,inset -1.5px 0 #3ad0ff80,-2px 0 8px -1px #ff4a3a73,2px 0 8px -1px #3ad0ff73,0 0 22px #ff8c5a2e,0 10px 30px -14px #000c}.card:active{transition-duration:var(--dur-press);scale:.98}.card__title{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.contact{min-height:calc(100svh - var(--header-h));flex-direction:column;grid-column:1/-1;justify-content:flex-end;padding-bottom:90px;display:flex}.contact__grid{column-gap:var(--gutter);grid-template-rows:1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.contact__headline{grid-area:1/1/auto/span 9;align-self:end;font-size:150px;line-height:.92}.contact__about,.contact__reach{margin-top:40px;font-size:19px;line-height:1.55}.contact__about{max-width:520px;color:var(--body);grid-column:1/span 5}.contact__about p{text-wrap:pretty;margin:0}.nowrap{white-space:nowrap}.contact__reach{grid-column:6/span 4}.contact__about,.contact__reach{grid-row:2}.contact__portrait{contain:size;grid-area:1/10/3/-1;justify-content:flex-end;align-items:flex-end;min-height:400px;padding-top:14px;padding-bottom:4px;display:flex}.contact__portrait img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 30px 80px -30px #000000b3}.contact__email{background:linear-gradient(var(--warm-white), var(--warm-white)) 0 100% / 100% 1px no-repeat;transition:color var(--dur) var(--ease);padding-bottom:1px}.contact__email:hover{color:var(--warm-white);animation:redraw .8s var(--ease-move)}@keyframes redraw{0%{background-position:100% 100%;background-size:100% 1px}45%{background-position:100% 100%;background-size:0 1px}46%{background-position:0 100%;background-size:0 1px}to{background-position:0 100%;background-size:100% 1px}}.contact__social{color:var(--nav);gap:22px;margin:14px 0 0;padding:0;list-style:none;display:flex}.contact__social a:hover{color:var(--text)}.lost{min-height:calc(100svh - var(--header-h));flex-direction:column;grid-column:1/span 8;justify-content:flex-end;align-items:flex-start;padding-bottom:90px;display:flex}.lost__mark{color:var(--warm-white);filter:drop-shadow(0 0 10px #ff6e3c99);margin:0 0 40px -18px}.lost__title{font-size:112px;line-height:.95}.lost__text{color:var(--body);margin:28px 0 0;font-size:19px;line-height:1.55}.lost__links{color:var(--nav);gap:22px;margin:18px 0 0;padding:0;list-style:none;display:flex}.lost__links a:hover{color:var(--text)}.process{grid-column:1/-1;margin-top:96px}.process__top{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.process__sum{color:var(--secondary);margin:0}.process__track{touch-action:pan-y;cursor:ew-resize;margin-top:28px;padding-top:52px;position:relative}.process__track--untimed{padding-top:30px}.process__ruler{height:22px;color:var(--secondary);border-bottom:1px solid #f4f8f824;position:absolute;inset:22px 0 auto}.process__tick{bottom:0;left:calc(var(--at) / var(--total) * 100%);background:#f4f8f84d;width:1px;height:7px;position:absolute}.process__tick-label{white-space:nowrap;letter-spacing:.04em;font-size:10px;position:absolute;bottom:4px;left:6px}.process__clips{height:64px;position:relative}.process__clip{top:0;bottom:0;left:calc(var(--start) / var(--total) * 100% + 2px);width:calc(var(--span) / var(--total) * 100% - 4px);background:linear-gradient(#070d10cc, #070d10cc), var(--strip);color:var(--nav);font:inherit;text-align:left;cursor:pointer;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);border:1px solid #f4f8f81a;border-radius:12px;flex-direction:column;justify-content:space-between;padding:10px;font-size:14px;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.process__track--untimed .process__playhead{top:0}.process__clip:hover{color:var(--text);border-color:#f4f8f84d}.process__clip[aria-selected=true]{color:var(--text);background:linear-gradient(#070d108c, #070d108c), var(--strip);border-color:#fff3e661;box-shadow:inset 0 1px #ffffff2e,inset 1.5px 0 #ff4a3a80,inset -1.5px 0 #3ad0ff80,0 0 22px #ff8c5a29}.process__clip--light{background:linear-gradient(#070d10e6, #070d10e6), var(--strip)}.process__clip--light[aria-selected=true]{background:linear-gradient(#070d10c7, #070d10c7), var(--strip)}.process__clip-n{color:var(--secondary);font-size:10px}.process__clip[aria-selected=true] .process__clip-n{color:var(--nav)}.process__clip-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.process__playhead{background:var(--warm-white);width:1px;translate:var(--x,0px) 0;pointer-events:none;transition:translate .55s var(--ease-move);position:absolute;top:22px;bottom:-8px;left:0;box-shadow:-1.5px 0 #ff4a3a8c,1.5px 0 #3ad0ff8c,0 0 10px #ff8c5a80}.process__track[data-dragging] .process__playhead{transition:none}.process__playhead:before{content:"";border:5.5px solid #0000;border-top:7px solid var(--warm-white);position:absolute;top:-1px;left:-5px}.process__playhead-tc{background:var(--warm-white);color:var(--bg-solid);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:10px;position:absolute;top:-22px;left:0;translate:-50%}.process__viewer{margin-top:40px}.process__stage{gap:var(--gutter);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.process__stage[hidden]{display:none}.process__frame{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:var(--ab-frame);background:#03070a;position:relative;overflow:hidden}.process__item{object-fit:contain;width:100%;height:100%;display:block}.process__item[hidden]{display:none}.process__sheet{flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.process__thumb{aspect-ratio:16/9;cursor:pointer;opacity:.55;width:84px;transition:opacity var(--dur) var(--ease), border-color var(--dur) var(--ease);background:#03070a;border:1px solid #f4f8f81f;border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.process__thumb img{object-fit:cover;width:100%;height:100%;display:block}.process__thumb-play{border:4px solid #0000;border-left:7px solid var(--warm-white);filter:drop-shadow(0 0 2px #000c);border-right:0;position:absolute;bottom:5px;left:6px}.process__thumb:hover{opacity:.85}.process__thumb[aria-pressed=true]{opacity:1;border-color:#fff3e680}.process__note-kicker{color:var(--secondary);margin:0}.process__note-title{letter-spacing:-.02em;margin:10px 0 0;font-size:28px;font-weight:300}.process__note-text{color:var(--body);text-wrap:pretty;margin:12px 0 0;font-size:18px;line-height:1.6}@media (width<=900px){.process__stage{grid-template-columns:minmax(0,1fr)}.process__clip-name{font-size:12px}}@media (prefers-reduced-motion:reduce){.process__playhead{transition:none}}.lab{left:var(--margin);max-width:560px;position:fixed;bottom:24px}.lab__title{color:var(--sand);margin:0 0 6px;font-size:12px;font-weight:400}.lab__text{color:var(--nav);margin:0}.lab__text a{text-decoration:underline}html.reveal [data-reveal]:not([data-revealed]){opacity:0;translate:var(--reveal-x,0px) 24px}:where([data-reveal]:not(.card)){transition:opacity .5s var(--ease) var(--reveal-delay,0s), translate .6s var(--ease) var(--reveal-delay,0s)}.display[data-reveal]{--reveal-x:var(--ink-offset,0px)}html.reveal .streak{opacity:0;transition:opacity 1.2s var(--ease)}html.reveal:has([data-index] .card[data-revealed]) .streak,html.reveal:not(:has([data-index])) .streak{opacity:1}html.reveal [data-reveal=fade]:not([data-revealed]){translate:0}.display .w{display:inline-block}html.reveal .display[data-split]:not([data-revealed]){opacity:1;translate:var(--ink-offset,0px) 0}html.reveal .display[data-split]:not([data-revealed]) .w{opacity:0;filter:blur(10px);text-shadow:-7px 0 #ff3c32b3,7px 0 #32c8ffb3,0 0 70px #ff784600;translate:0 .28em}.display[data-split] .w{--wd:calc(var(--reveal-delay,0s) + var(--i,0) * 55ms);transition:opacity .6s var(--ease) var(--wd), translate .9s var(--ease) var(--wd), filter .8s var(--ease) var(--wd), text-shadow 1.1s var(--ease) var(--wd)}html.reveal .meta-row[data-reveal]:not([data-revealed]){opacity:1;translate:0}.meta-row:before,.meta-row:after{transition:scale 1.2s var(--ease-move) var(--reveal-delay,0s)}.meta-row:after{transition-delay:calc(var(--reveal-delay,0s) + .12s)}html.reveal .meta-row:not([data-revealed]):before,html.reveal .meta-row:not([data-revealed]):after{scale:0 1}html.reveal .meta-row:not([data-revealed]) .meta-row__item{opacity:0;translate:0 12px}.meta-row__item{--md:calc(var(--reveal-delay,0s) + .25s + var(--i,0) * 70ms);transition:opacity .5s var(--ease) var(--md), translate .6s var(--ease) var(--md)}html.reveal .lost__mark path{stroke-dasharray:1 2;animation:draw 1.6s var(--ease-move) .25s backwards}html.reveal .lost__mark .mark__fringe{animation-delay:.38s}@keyframes draw{0%{stroke-dashoffset:1px;opacity:0}8%{opacity:1}to{stroke-dashoffset:0}}.nav__mark{width:var(--mark-w,0px);height:1px;translate:var(--mark-x,0px) 0;background:var(--text);opacity:0;transition:translate .55s var(--ease-move), width .55s var(--ease-move), scale .45s var(--ease), opacity .3s var(--ease);position:absolute;bottom:0;left:0;scale:0 1;box-shadow:-1px 0 #ff4a3a99,1px 0 #3ad0ff99,0 0 8px #ff8c5a80}.nav__mark.is-on{opacity:1;scale:1}.ulink{transition:color var(--dur) var(--ease), background-size .45s var(--ease), opacity .5s var(--ease) var(--reveal-delay,0s), translate .6s var(--ease) var(--reveal-delay,0s);background:linear-gradient(currentColor,currentColor) 100% 100%/0 1px no-repeat;padding-bottom:4px}.ulink:hover{background-position:0 100%;background-size:100% 1px}.project__back.ulink{margin-bottom:-4px}.nav__link{padding-bottom:4px}:focus-visible{animation:focus-in .28s var(--ease)}@keyframes focus-in{0%{outline-offset:9px;outline-color:#0000}}.player__preview{opacity:0;transition:opacity var(--dur) var(--ease);position:absolute;inset:0}.player[data-previewing] .player__preview{opacity:1}.player__swatch,.player__preview-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.player__swatch{transition:opacity var(--dur) var(--ease)}.player__swatch:not([data-front]){opacity:0}.player__preview-video{opacity:0;transition:opacity .45s var(--ease)}.player__preview-video[data-tall],.player--tall .player__preview-video{object-fit:contain;background:#03070a}.player__preview[data-has-video] .player__preview-video{opacity:1}@media (hover:hover) and (pointer:fine){.card:hover,.card:focus-visible{transform:translate(-16px)scale(1.03)}.index__item:has(+.index__item>.card:hover)>.card,.index__item:has(>.card:hover)+.index__item>.card,.index__item:has(+.index__item>.card:focus-visible)>.card,.index__item:has(>.card:focus-visible)+.index__item>.card{transform:translate(-6px)}}.work{grid-column:2/span 10;grid-template-columns:subgrid;align-content:start;padding-bottom:96px;display:grid}.work__title{grid-column:1/-1;font-size:64px}.work__reel{grid-column:1/-1;margin:32px 0 56px}.work__reel .streak,main.project .streak{display:none}.grid{grid-column:1/-1;grid-template-columns:subgrid;row-gap:44px;margin:40px 0 0;padding:0;list-style:none;display:grid}.tile{grid-column:span 5;min-width:0}.tile[hidden]{display:none}.tile__link{border-radius:var(--radius);display:block}.tile__frame{aspect-ratio:16/9;border-radius:var(--radius);isolation:isolate;box-shadow:var(--ab-frame);transition:transform var(--dur) var(--ease), scale var(--dur) var(--ease), box-shadow var(--dur) var(--ease);position:relative;overflow:hidden}.tile__video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.tile__frame[data-playing] .tile__video{opacity:1}.tile__frame--tall .tile__video{object-position:50% 40%}.tile__caption{justify-content:space-between;align-items:baseline;gap:16px;margin-top:14px;display:flex}.tile__title{min-width:0;margin:0;font-size:24px;font-weight:400;line-height:1.3}.tile__meta{color:var(--body);flex:none;gap:8px;margin:0;display:flex}@media (hover:hover) and (pointer:fine){.tile__link:hover .tile__frame,.tile__link:focus-visible .tile__frame{box-shadow:var(--ab-frame), 0 0 0 1px #f4f8f859, 0 24px 60px -24px #ff6e3c73;transform:scale(1.02)}}.tile__link:active .tile__frame{transition-duration:var(--dur-press);scale:.985}.tile__title{transition:color var(--dur) var(--ease)}.tile__link:hover .tile__title{color:var(--warm-white)}.project{grid-template-columns:subgrid;align-content:start;padding-bottom:96px;display:grid}.project>*{grid-column:1/-1;min-width:0}.project__back{color:var(--nav);justify-self:start}.project__back:hover{color:var(--text)}.project__title{overflow-wrap:anywhere;margin:14px 0 38px;font-size:112px;line-height:.95}.meta-row{grid-template-columns:subgrid;margin:40px 0 0;padding:22px 0;display:grid;position:relative}.meta-row:before,.meta-row:after{content:"";transform-origin:0;background:#f4f8f824;height:1px;position:absolute;left:0;right:0}.meta-row:before{top:0}.meta-row:after{bottom:0}.meta-row__item{min-width:0}.meta-row__item--client{grid-column:1/span 2}.meta-row__item--role{grid-column:3/span 3}.meta-row__item--tools{grid-column:6/span 4}.meta-row dt{color:var(--secondary);margin-bottom:6px}.meta-row dd{margin:0;font-size:18px;line-height:1.4}.notes{grid-template-columns:subgrid;margin-top:40px;display:grid}.notes__col--brief{grid-column:1/span 4}.notes__col--process{grid-column:5/span 4}.notes__head{font-size:34px}.notes p{color:var(--body);margin:14px 0 0;font-size:18px;line-height:1.6}.films{grid-template-columns:subgrid;margin-top:96px;display:grid}.films__list{grid-column:1/-1;grid-template-columns:subgrid;row-gap:64px;margin:0;padding:0;list-style:none;display:grid}.films__list+.films__list{margin-top:64px}.films__item{grid-column:1/-1;min-width:0}.films__list--tall{row-gap:var(--gutter)}.films__list--tall .films__item{grid-column:span 3}.media-grid{grid-template-columns:subgrid;margin-top:96px;display:grid}.media-grid__list{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--gutter);margin:0;padding:0;list-style:none;display:grid}.media{grid-column:span 3;min-width:0;position:relative}.media__item{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);width:100%;box-shadow:var(--ab-frame);display:block}.media-grid__list+.media-grid__list{margin-top:var(--gutter)}.media--tall .media__item{aspect-ratio:9/16}.media video[data-skim]{cursor:ew-resize}.media__scrub{border-radius:0 0 var(--radius) var(--radius);pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease);background:linear-gradient(#03070a00,#03070a9e);align-items:center;gap:12px;padding:28px 14px 12px;display:flex;position:absolute;bottom:0;left:0;right:0;translate:0 4px}.media[data-skimming] .media__scrub{opacity:1;translate:0}.media__line{background:#f4f8f83d;flex:1;height:1px;position:relative}.media__line:after{content:"";width:var(--p,0%);background:var(--warm-white);position:absolute;inset:0 auto 0 0;box-shadow:0 0 6px #ff8c5a80}.media__tc{color:var(--text);font-variant-numeric:tabular-nums;flex:none}.media__open{border-radius:var(--radius);width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.media__open .media__item{transition:filter var(--dur) var(--ease)}.media__open:hover .media__item{filter:brightness(1.08)}.media__open:focus-visible{outline:2px solid var(--warm-white);outline-offset:4px}html[data-viewer]{overflow:hidden}.viewer{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);cursor:zoom-out;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.viewer[open]{place-items:center;display:grid}.viewer::backdrop{background:0 0}.viewer__shade{-webkit-backdrop-filter:blur(8px);background:#03070aeb;position:absolute;inset:0}.viewer__img{border-radius:var(--radius);width:auto;max-width:min(100vw - 184px,1760px);height:auto;max-height:calc(100dvh - 140px);box-shadow:var(--ab-frame), 0 40px 120px -30px #000000e6;transform-origin:50%;display:block;position:relative}.viewer__caption{max-width:calc(100vw - 48px);color:var(--body);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:14px;margin:0;font-size:15px;display:flex;position:absolute;bottom:22px;left:50%;overflow:hidden;translate:-50%}.viewer__count{color:var(--secondary);font-size:12px}.viewer__alt{text-overflow:ellipsis;overflow:hidden}.viewer__btn{width:48px;height:48px;color:var(--text);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), scale var(--dur) var(--ease);background:#070d1080;border:1px solid #f4f8f866;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.viewer__btn:hover{border-color:var(--text);background:#f4f8f824;scale:1.06}.viewer__btn:active{transition-duration:var(--dur-press);scale:.92}.viewer__btn:focus-visible{outline:2px solid var(--warm-white);outline-offset:3px}.viewer__btn[hidden]{display:none}.viewer__close{top:20px;right:20px}.viewer__prev{top:50%;left:24px;translate:0 -50%}.viewer__next{top:50%;right:24px;translate:0 -50%}@media (width<=900px){.viewer__img{max-width:calc(100vw - 32px);max-height:calc(100dvh - 180px)}.viewer__prev,.viewer__next{top:auto;bottom:64px;translate:none}}.house{z-index:30;border-radius:var(--radius);pointer-events:none;opacity:0;transition:opacity 1.4s cubic-bezier(.45,0,.25,1);position:absolute;top:0;left:0;box-shadow:0 0 0 200vmax #03070acc}html[data-lights=down] .house{opacity:1;transition:opacity 2.2s cubic-bezier(.45,0,.25,1)}.next{flex-direction:column;align-items:flex-start;gap:10px;margin-top:96px;display:flex}.next__label{color:var(--secondary)}.next__link{transition:color var(--dur) var(--ease), text-shadow .5s var(--ease), translate .5s var(--ease);font-size:64px}.next__more{border-top:1px solid #f4f8f81f;justify-content:space-between;align-self:stretch;margin-top:28px;padding-top:20px;display:none}.next__more a{min-height:44px;color:var(--secondary);align-items:center;gap:8px;display:inline-flex}.next__more a:hover,.next__more a:focus-visible{color:var(--warm-white)}.next__link:hover{color:var(--warm-white);translate:calc(var(--ink-offset,0px) + 10px) 0;text-shadow:-4px 0 #ff3c328c,4px 0 #32c8ff8c,0 0 90px #ff784657}.layout.is-leaving,main.project.is-leaving>:not(.player){opacity:0;transition:opacity .2s var(--ease-in), translate .2s var(--ease-in);translate:0 -8px}.film-ghost{z-index:6;pointer-events:none;border-radius:var(--radius);box-shadow:var(--ab-frame);transform-origin:0 0;position:fixed;overflow:hidden}.film-ghost canvas{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.haze__pool,.rings__spin,.rings__arc,.grain{animation:none}.haze,.rings,.streak:before,.streak:after{transform:none}.card{transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease)}.card:hover,.card:focus-visible,.index__item>.card{transform:none!important}:focus-visible{animation:none}.player__btn,.tile__frame,.card,.player__icon,.viewer__btn,.player__center{rotate:none!important;scale:none!important}.media__scrub{translate:none}.next__link:hover{translate:var(--ink-offset,0px) 0}.tile__frame{transform:none!important}.nav__mark{transition:opacity .3s var(--ease);scale:1}.ulink{transition:color var(--dur) var(--ease)}.contact__email:hover{animation:none}.player__bar{transition:opacity .5s var(--ease);translate:none!important}}@media (width<=900px){:root{--margin:16px;--gutter:16px;--header-h:0px}.atmos{background:#070d10 url(/assets/bg/phone.webp) top/cover no-repeat}.atmos>.haze,.atmos>.rings,.lens-canvas,.grain{display:none}.site-header{grid-template-columns:1fr;gap:12px;padding-bottom:24px;position:relative}.nav,.header-email{justify-self:start;padding-top:0}.nav{gap:20px}.header-email{overflow-wrap:anywhere}.layout{grid-template-columns:minmax(0,1fr);row-gap:40px}.main{grid-column:1}.index{display:none}.next__more{display:flex}.player__bar{gap:10px;bottom:12px;left:12px;right:12px}.player__btn{width:40px;height:40px}.player__label,.streak{display:none}.work__title,.next__link{font-size:clamp(34px,10vw,64px)}.work,.grid,.media-grid,.media-grid__list,.films,.films__list{grid-template-columns:minmax(0,1fr)}.tile,.media,.films__item,.films__list--tall .films__item{grid-column:1}.films__list--tall .films__item{justify-self:center;width:min(100%,320px)}.films{margin-top:48px}.project__title{margin-bottom:24px;font-size:clamp(44px,14vw,112px)}.project,.meta-row,.notes{grid-template-columns:minmax(0,1fr);row-gap:20px}.meta-row__item,.notes__col{grid-column:1/-1!important}.media-grid,.next{margin-top:48px}.contact{min-height:0;padding:24px 0 64px}.contact__grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.contact__headline,.contact__about,.contact__reach{grid-area:auto/1}.contact__portrait{contain:none;order:-1;grid-area:auto/1;width:240px;min-height:0;margin:0 0 28px;padding:0;display:block}.contact__headline{font-size:clamp(44px,14vw,150px)}.contact__about,.contact__reach{margin-top:28px}.lost{min-height:0;padding:24px 0 48px}.lost__title{font-size:clamp(44px,14vw,112px)}}.player__embed{z-index:5;border:0;width:100%;height:100%;position:absolute;inset:0}.player[data-mode=embed] .player__bar,.player[data-mode=embed] .player__shade{display:none}