@font-face{font-family:AtypDisplay;src:url(/fonts/AtypDisplay-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AtypDisplay;src:url(/fonts/AtypDisplay-Semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:ServerMono;src:url(/fonts/ServerMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AtypSymbols;src:url(/fonts/AtypSymbols-Subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;--accent:#ff4f3a;--accent-strong:var(--accent);--paper:var(--accent);--ink:#080909;--quiet:var(--accent);--display:"AtypDisplay","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"ServerMono","AtypSymbols",ui-monospace,"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--display)}a,button{color:inherit;transition:color .18s ease}button{font:inherit;cursor:pointer;border:0;background:none}a{text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent-strong);outline-offset:6px}.skip-link{position:fixed;left:24px;top:-80px;z-index:20;padding:16px;background:var(--ink)}.skip-link:focus{top:16px}.portfolio{min-height:100svh;display:flex;flex-direction:column;isolation:isolate}.portfolio-opening{position:fixed;inset:0;z-index:10;display:grid;place-items:center;pointer-events:none}.portfolio-opening__title{color:var(--accent-strong);font-family:var(--display);font-size:clamp(64px,11vw,min(132px,84vmin));font-weight:600;line-height:.92;letter-spacing:-.02em;white-space:nowrap;max-width:calc(100vw - 48px);transform-origin:top left;opacity:0}.portfolio:is([data-intro=running],[data-intro=receding]) :is(.wordmark-title,.identity,.masthead nav,.work,.colophon){opacity:0;transition:none}.portfolio[data-intro=revealing] .identity-part{animation:portfolio-identity-reveal .44s cubic-bezier(.22,1,.36,1) both}.portfolio[data-intro=revealing] .identity-part:nth-child(2){animation-delay:.19s}.portfolio[data-intro=revealing] .identity-part:nth-child(3){animation-delay:.38s}.portfolio[data-intro=revealing] :is(.masthead nav,.work-tools){animation:portfolio-reveal .4s cubic-bezier(.22,1,.36,1) .84s both}.portfolio[data-intro=revealing] .film-index>li{animation:portfolio-row-cascade .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.92s + var(--row-i, 0) * 50ms)}.portfolio[data-intro=revealing] .colophon{animation:portfolio-reveal .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(1.12s + (var(--row-count, 1) - 1) * 50ms)}@keyframes portfolio-identity-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-reveal{0%{opacity:0}to{opacity:1}}@keyframes portfolio-row-cascade{0%{opacity:0;transform:translateY(18px);filter:blur(4px) saturate(.7)}to{opacity:1;transform:translateY(0);filter:blur(0) saturate(1)}}.ambient{position:fixed;inset:0;z-index:-1;background:var(--ink)}.ambient__poster,.ambient__shade,.ambient__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ambient__poster{opacity:0;transition:opacity .45s ease}.ambient[data-active-buffer=poster] .ambient__poster{opacity:.24}.ambient__video{opacity:0;transition:opacity .45s ease}.ambient__video[data-visible=true]{opacity:.35}.portfolio[data-intro=running] .ambient__video[data-visible=true]{opacity:.16}.ambient__shade{background:linear-gradient(180deg,#08090980,#080909b3 60%,#080909e6)}.colophon,.masthead{display:flex;gap:24px;justify-content:space-between;padding:28px 24px}.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 16px;padding:16px 24px}.wordmark{grid-column:1;justify-self:start;color:var(--accent-strong);display:inline-flex;min-height:44px;font-size:18px;letter-spacing:-.04em;font-weight:600;white-space:nowrap}.masthead nav,.wordmark{grid-row:1;align-items:center}.masthead nav{grid-column:2;justify-self:end;color:var(--paper);display:flex;flex-wrap:wrap;gap:12px}.colophon,.eyebrow,.film-info-toggle,.filters,.masthead nav,.project-mode,.project-number,dt{font-family:var(--mono);font-size:12px;line-height:1.6}.masthead nav>:is(button,a){display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:8px 4px}.work{width:100%;max-width:800px;margin:auto;padding:24px 24px 48px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--quiet);margin:0 0 24px}.identity{grid-column:1/-1;grid-row:2;color:var(--accent-strong);font-size:12px;font-weight:400;line-height:1.5;margin:0}.identity-part{display:inline-block}.work-tools{margin-bottom:16px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{position:relative;color:var(--quiet);min-width:44px;min-height:44px;padding:10px 4px;border-bottom:1px solid transparent}.filters button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;opacity:0;transform:scaleX(.65);transform-origin:left center;transition:opacity .16s ease,transform .24s cubic-bezier(.22,1,.36,1)}.filters button[aria-pressed=true]{color:var(--accent)}.filters button[aria-pressed=true]:after{opacity:1;transform:scaleX(1)}.work-index{display:grid}.film-index,.index-size-reference{grid-area:1/1;align-self:start;min-width:0;display:grid;row-gap:4px;padding:0;margin:0;list-style:none}.index-size-reference{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.index-size-row,.project-row{display:grid;width:100%;grid-template-columns:24px minmax(0,1fr);text-align:left;align-items:baseline;column-gap:14px;padding:10px 0;min-height:44px}.project-number{color:var(--quiet);font-size:11px;letter-spacing:.05em;transition:color .18s ease}.project-label{color:var(--accent);font-family:var(--display);font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-.015em;text-transform:uppercase;overflow-wrap:anywhere}.project-title{font:inherit}.project-ending{display:inline-block;max-width:100%}.project-client,.project-episode,.project-prefix,.project-separator{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:-.015em}.project-separator{margin-inline:4px 8px}.project-mode{display:inline-block;margin-left:12px;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.025em;text-transform:none;white-space:nowrap}.colophon{color:var(--quiet);margin-top:auto;flex-wrap:wrap;align-items:center}.portfolio-dialog{border:0;color:var(--paper);background:var(--ink);padding:0;max-width:none;max-height:none}.portfolio-dialog::backdrop{background:#000c}.dialog-close{position:absolute;top:20px;right:20px;z-index:4;width:48px;height:48px;font-size:32px;background:#080909c9;border-radius:50%}.film-dialog{width:100vw;height:100dvh;margin:0}.film{width:100%;height:100%;object-fit:contain;background:#000}.film-frame,.film-player{position:absolute;inset:0;background:#000}.film-frame{width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .18s ease-out}.film-buffer,.film-formats{opacity:0;pointer-events:none}.film-formats{position:absolute;bottom:calc(84px + env(safe-area-inset-bottom));right:24px;z-index:3;transform:translateY(8px);transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.film-formats:has(:focus-visible),.film-formats[data-visible=true]{opacity:1;transform:translateY(0);pointer-events:auto}.film-format{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;font-family:var(--mono);font-size:11px;line-height:1;letter-spacing:.18em;white-space:nowrap}.film-format:before{content:"";position:absolute;inset:6px 0;border:1px solid rgb(255 255 255/.18);border-radius:inherit;transition:border-color .18s ease}.film-format-option{display:inline-flex;align-items:center;gap:8px}.film-format-side{color:rgb(255 255 255/.5);transition:color .18s ease}.film-format-side[data-selected=true]{color:var(--accent)}.film-format-separator{color:rgb(255 255 255/.32);font-size:12px;letter-spacing:0}.film-format-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.film-info-toggle{position:absolute;bottom:100px;left:24px;min-width:44px;min-height:44px;color:color-mix(in srgb,var(--accent) 85%,transparent);background:rgb(8 9 9/.28);text-shadow:0 1px 4px rgb(0 0 0/.65);padding:12px 18px;z-index:2;transition:color .18s ease,background-color .18s ease}.film-info-toggle:is(:focus-visible,[aria-expanded=true]){color:var(--accent);background:rgb(8 9 9/.55)}.film-identity{top:28px;left:24px;max-width:min(42ch,calc(50% - 96px));margin:0;padding:8px 12px;color:var(--accent);background:var(--ink);font-family:var(--mono);font-size:12px;line-height:1.6}.film-identity,.film-info{position:absolute;z-index:2}.film-info{right:0;top:90px;bottom:90px;width:min(420px,100%);overflow-y:auto;background:#080909f5;padding:32px 28px}.film-info h2{color:var(--accent);font-weight:400;font-size:30px;line-height:1.05;letter-spacing:-.035em}.film-info p,dd{color:var(--paper);line-height:1.6}dt{color:var(--quiet);margin-top:28px}dd{margin:8px 0 0}.film-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 24px;text-align:center}.film-error p{max-width:42ch;margin:0;line-height:1.6}.film-retry{min-width:44px;min-height:44px;margin-top:24px;padding:10px 12px;border-bottom:1px solid var(--accent);font-family:var(--mono);font-size:12px;line-height:1.6}.text-dialog{width:min(800px,calc(100vw - 32px));padding:80px 28px 48px;max-height:90dvh;overflow-y:auto}.text-dialog h2{font-size:clamp(32px,5vw,60px);line-height:1.05;font-weight:400;letter-spacing:-.04em;max-width:16ch}.text-dialog>p:not(.eyebrow){font-size:19px;line-height:1.5;color:var(--paper);max-width:48ch}.film-format:focus-visible .film-format-side,.portfolio :is(a,button,summary):focus-visible,.project-row:focus-visible :is(.project-label,.project-number){color:var(--accent-strong)}@media (min-width:800px){.masthead{padding:20px 48px}.colophon{padding:16px 48px}.film-formats{right:48px}.work{padding:18px 24px}.identity{font-size:14px}.work-tools{padding-left:60px}.filters{gap:16px}.index-size-row,.project-row{grid-template-columns:40px minmax(0,1fr);column-gap:20px;padding:0;min-height:0}.project-number{font-size:13px}.project-label{font-size:clamp(24px,4vh,36px);line-height:1}.project-client,.project-episode,.project-prefix,.project-separator{font-size:clamp(14px,2vh,18px)}.project-mode{margin-left:14px;font-size:10px}}@media (max-width:799px){.film-format{padding:0 10px;font-size:10px;letter-spacing:.14em}.film-info{top:auto;bottom:0;max-height:48dvh;padding:24px}.film-info-toggle{bottom:auto;top:26px}.film-identity{top:88px;max-width:calc(100% - 48px)}}@media (max-width:359px){.project-label{font-size:23px}.project-mode{margin-left:8px}}@media (hover:hover) and (pointer:fine){.film-format:hover .film-format-side,.portfolio :is(a,button,summary):hover,.project-row:hover :is(.project-label,.project-number){color:var(--accent-strong)}.film-info-toggle:hover{background:rgb(8 9 9/.55)}.film-format:hover:before{border-color:rgb(255 255 255/.36)}.project-label{transition:color .18s ease,opacity .2s ease,transform .2s ease,letter-spacing .2s ease;transform-origin:left center}.film-index[data-previewing=true]>li:not([data-active=true]) .project-label{opacity:.18}.film-index>li[data-active=true] .project-label{transform:scale(1.015);letter-spacing:-.02em}}@media (max-width:768px),(prefers-reduced-motion:reduce){.portfolio-opening{display:none}.portfolio[data-intro] :is(.wordmark-title,.identity,.masthead nav,.work,.colophon){opacity:1;transform:none;transition:none}.portfolio[data-intro] :is(.masthead nav,.identity-part,.work-tools,.film-index>li,.colophon){animation:none;opacity:1;transform:none;filter:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}.project-label{transform:none!important}.film-formats{opacity:1;transform:none;pointer-events:auto}}