@font-face{font-family:Animo Extra Condensed;src:url(./animo-extra-condensed-CcysAFqm.woff2)format("woff2");font-display:swap}@font-face{font-family:ABC Diatype Semi-Mono;src:url(./diatype-semi-mono-regular-bbw_UqBx.woff2)format("woff2");font-display:swap}:root{--blue:#00f;--ink:#2a2521;--paper:#fff;--hush:#d9d9d9;--night:#111;--display:"Animo Extra Condensed", "Impact", "Arial Narrow", sans-serif;--mono:"ABC Diatype Semi-Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--u:calc(min(100vw, 2200px) / 1728 * .72);--gutter:calc(40 * var(--u));--topbar:26px;--bar-fs:12px;--card-w:max(330px, calc(585 * var(--u)));--card-h:calc(var(--card-w) * 203 / 390);--s-card-h:calc(max(220px, calc(390 * var(--u))) * 203 / 390);--row-gap:calc(max(10px, calc(20 * var(--u))) + 10px);--set-gap:var(--row-gap);--tag-h:max(20px, calc(30 * var(--u)));--card-gap:max(10px, calc(16 * var(--u)));--tag-size:max(11px, calc(19 * var(--u)));--ease-soft:cubic-bezier(.22, 1, .36, 1);--ease-glide:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.45, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--paper);color:var(--ink)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html:has(body.at-foot){background:var(--blue)}body{font-family:var(--mono);font-feature-settings:"ss07" 1, "ss08" 1, "ss10" 1;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}.wordmark,.menu a,.work-title,.reel-title,.footer-mark,.footer-links a,.marker{font-feature-settings:normal;text-transform:uppercase}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.topbar{z-index:18;height:var(--topbar);align-items:center;gap:max(14px, calc(30 * var(--u)));background:var(--paper);color:var(--blue);border-bottom:1px solid var(--blue);transition:translate .5s var(--ease-soft);padding-left:10px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;translate:0 -100%}.bar-on .topbar{translate:0}.topbar-name{color:inherit;transition:color .2s var(--ease-soft);font-family:var(--display);font-feature-settings:normal;font-weight:400;font-size:calc(var(--topbar) * .9);letter-spacing:-.01em;text-transform:lowercase;flex:none;margin:0;padding-top:.07em;line-height:1;text-decoration:none;translate:0 -.075em}.topbar-run{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4%);mask-image:linear-gradient(90deg,#0000,#000 4%)}.topbar-track{width:max-content;animation:60s linear infinite topbar-run;display:flex}.topbar-track a{white-space:nowrap;color:inherit;font-family:var(--mono);font-size:var(--bar-fs);letter-spacing:-.02em;text-transform:uppercase;transition:color .25s var(--ease-soft);flex:none;margin-right:2em;text-decoration:none}.topbar-track a:hover{color:var(--ink)}.topbar-run:hover .topbar-track{animation-play-state:paused}@keyframes topbar-run{to{transform:translate(-50%)}}.topbar-name:hover{color:var(--ink)}.lang{border:1px solid var(--blue);border-radius:99px;flex:none;height:19px;margin-right:6px;display:flex;overflow:hidden}.lang-btn{background:var(--paper);color:var(--blue);cursor:pointer;font-family:var(--mono);font-size:var(--bar-fs);letter-spacing:-.02em;transition:background-color .2s var(--ease-soft), color .2s var(--ease-soft);border:0;align-items:center;margin:0;padding:0 .75em;line-height:1;display:flex}.lang-btn>span{text-box:trim-both cap alphabetic;display:block;translate:0 -.03em}.lang-btn:hover{background:#e6e6ff}.lang-btn[aria-pressed=true]{background:var(--blue);color:var(--paper)}.masthead{--mast-h:max(56px, calc(152 * var(--u)));height:var(--mast-h);z-index:0;position:relative}main{margin-top:var(--drop,120px)}.wordmark.is-link{cursor:pointer}.wordmark{left:max(16px, var(--gutter));right:max(16px, var(--gutter));top:var(--mark-top,0px);font-family:var(--display);font-weight:400;font-size:calc(437.3 * var(--u));letter-spacing:-.03em;white-space:nowrap;color:var(--blue);will-change:transform;text-align:justify;text-align-last:justify;margin:0;line-height:1;position:absolute}.menu-btn{z-index:30;bottom:calc(env(safe-area-inset-bottom,0px) + max(14px, calc(29 * var(--u))));right:max(14px, calc(24 * var(--u)));width:max(52px, calc(87 * var(--u)));aspect-ratio:1;background:var(--blue);place-content:center;gap:calc(var(--bar-h) * 1.25);--bar-h:max(4px, calc(6.3 * var(--u)));cursor:pointer;transition:transform .4s var(--ease-spring), opacity .3s var(--ease-soft);border:0;border-radius:50%;display:grid;position:fixed}.menu-btn:hover{transform:scale(1.05)}.menu-ico{place-content:center;gap:calc(var(--bar-h) * 1.25);font-style:normal;display:grid}.menu-label{font-weight:400;display:none}.menu-btn.menu-btn{width:var(--tab-h);bottom:var(--tab-bottom);right:var(--tab-edge);--bar-h:max(3px, calc(var(--tab-h) * .072))}.menu-btn.menu-btn span{width:calc(var(--tab-h) * .51)}.menu-btn span{width:max(26px, calc(44.3 * var(--u)));height:var(--bar-h);background:var(--hush);transition:transform .4s var(--ease-soft), opacity .25s var(--ease-soft);border-radius:99px;display:block}.menu-open .menu-btn span:first-child{transform:translateY(calc(var(--bar-h) * 2.25)) rotate(45deg)}.menu-open .menu-btn span:nth-child(2){opacity:0}.menu-open .menu-btn span:nth-child(3){transform:translateY(calc(var(--bar-h) * -2.25)) rotate(-45deg)}.menu{--s:calc(min(100vw, 2200px) / 1728);--r:max(12px, calc(20 * var(--s)));--foot:calc(var(--tab-h) + var(--tab-edge) + var(--tab-bottom));z-index:20;background:var(--blue);color:var(--ink);position:fixed;inset:0;overflow:hidden}.menu-mark{top:calc(30 * var(--s) - .128em);left:max(16px, var(--gutter));right:max(16px, var(--gutter));font-family:var(--display);letter-spacing:-.03em;text-transform:uppercase;font-feature-settings:normal;text-align:justify;text-align-last:justify;white-space:nowrap;color:var(--ink);cursor:pointer;margin:0;font-weight:400;line-height:1;position:absolute}.menu-panel,.menu-foot{border-radius:var(--r) var(--r) 0 0;color:var(--ink);text-decoration:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.menu-work{top:calc(317 * var(--s));background:var(--paper);color:var(--blue);z-index:1}.menu-about{top:min(calc(691 * var(--s)), calc(100% - var(--foot) - 30%));background:var(--ink);color:var(--paper);z-index:2}.menu-big{padding:calc(68 * var(--s) - .069em) 0 0 max(16px, var(--gutter));font-family:var(--display);font-feature-settings:normal;text-transform:uppercase;font-weight:400;font-size:var(--mark-fs,calc(437.3 * var(--u)));letter-spacing:-.03em;line-height:.9;display:block}.menu-about .menu-big{padding-top:calc(48 * var(--s) - .069em)}.menu-about,.menu-foot{transition:translate .45s var(--ease-soft)}.menu:has(.menu-work:is(:hover,:focus-visible)) .menu-about{translate:0 calc(var(--mark-fs,200px) * .16)}.menu:has(.menu-about:is(:hover,:focus-visible)) .menu-foot{translate:0 calc(var(--foot) * .6)}.menu:has(.menu-about:is(:hover,:focus-visible)) .menu-about{translate:0}.menu-foot{height:var(--foot);z-index:3;background:var(--hush);padding:0 max(16px, var(--gutter));font-family:var(--display);font-feature-settings:normal;font-size:max(11px, calc(19 * var(--s)));text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;top:auto}.menu-foot a{color:inherit;text-decoration:none}.menu-foot a:hover{color:var(--blue)}.menu-foot :last-child{justify-self:end}.menu-close{z-index:4;top:var(--tab-edge);right:var(--tab-edge);width:var(--tab-h);aspect-ratio:1;cursor:pointer;--bar-h:max(3px, calc(var(--tab-h) * .072));background:var(--hush);transition:transform .4s var(--ease-spring);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.menu-close:hover{transform:scale(1.05)}.menu-close span{width:calc(var(--tab-h) * .51);height:var(--bar-h);background:var(--blue);border-radius:99px;grid-area:1/1;display:block}.menu-close span:first-child{rotate:45deg}.menu-close span:nth-child(2){rotate:-45deg}.menu-open .menu-btn{opacity:0;pointer-events:none}.hero{z-index:1;--hero-m:max(16px, var(--gutter));width:calc(100% - 2 * var(--hero-m));height:calc(100svh - 2 * var(--hero-m) - var(--topbar));border-radius:max(12px, calc(20 * var(--u)));background:var(--night);margin-inline:auto;position:relative;overflow:hidden}.slide{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}@media (orientation:portrait){.hero{aspect-ratio:16/9;height:auto}}.hero{background:#0f0f0f}#hero-video{object-fit:cover}.slide.is-on{opacity:1}.marker{left:calc(var(--x) / 1728 * 100%);top:calc(var(--y) / 883 * 100%);cursor:pointer;width:max(24px, calc(47.7 * var(--u)));aspect-ratio:47.7/46;border:max(1px, calc(2 * var(--u))) solid var(--paper);color:var(--paper);font-family:var(--display);font-size:max(13px, calc(34 * var(--u)));font-variant-numeric:lining-nums tabular-nums;transition:background-color .35s var(--ease-soft), color .35s var(--ease-soft), scale .6s var(--ease-soft), opacity .3s var(--ease-soft), translate .3s var(--ease-soft);background:0 0;border-radius:50%;place-items:center;padding:0;line-height:1;text-decoration:none;display:grid;position:absolute;translate:-50% -50%}.marker:hover,.marker:focus-visible,.marker[aria-pressed=true]{background:var(--paper);color:var(--blue);scale:1.15}.marker:hover,.marker:focus-visible{z-index:2;scale:2}.hero-controls{left:50%;bottom:max(14px, calc(36 * var(--u)));align-items:center;gap:max(8px, calc(12 * var(--u)));display:flex;position:absolute;translate:-50%}.ctrl{--ctrl-h:max(40px, calc(64 * var(--u)));height:var(--ctrl-h);cursor:pointer;transition:transform .35s var(--ease-spring), background-color .18s var(--ease-soft), color .18s var(--ease-soft);border:0;border-radius:999px;place-items:center;display:inline-grid}.ctrl:hover{transform:scale(1.05)}.ctrl:active{transition-duration:.2s;transform:scale(.96)}.ctrl svg{width:48%;height:auto;overflow:visible}.ctrl-round{width:var(--ctrl-h);background:var(--blue);color:var(--paper)}.slide-name.is-link{cursor:pointer}.slide-name.is-link:hover{background:var(--blue);color:var(--paper)}.hero .slide[data-slide]{cursor:pointer}.slide-name{height:var(--ctrl-h,max(40px, calc(64 * var(--u))));--ctrl-h:max(40px, calc(64 * var(--u)));background:var(--paper);color:var(--ink);padding:.1em max(14px, calc(24 * var(--u))) 0;font-size:max(12px, calc(22 * var(--u)));letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;margin:0;display:inline-flex}.play-btn,.sound-btn{transition:opacity .28s var(--ease-soft), scale .28s var(--ease-soft), width .3s var(--ease-soft), margin .3s var(--ease-soft), translate .3s var(--ease-soft), transform .4s var(--ease-spring)}.hero:not(.on-reel) .sound-btn{margin-left:calc(-1 * max(8px, calc(12 * var(--u))))}.hero:not(.on-reel) .play-btn{margin-right:calc(-1 * max(8px, calc(12 * var(--u))))}.hero:not(.on-reel) :is(.play-btn,.sound-btn){opacity:0;pointer-events:none;width:0;scale:.6}.play-btn .i-play{display:none}.play-btn[aria-pressed=false] .i-play{display:block}.play-btn[aria-pressed=false] .i-pause,.sound-btn .i-on{display:none}.sound-btn[aria-pressed=true] .i-on{display:block}.sound-btn[aria-pressed=true] .i-off{display:none}.hero-controls{transition:opacity .3s var(--ease-soft), translate .3s var(--ease-soft), transform .4s var(--ease-spring)}.is-idle .fades{opacity:0}.is-idle .hero-controls{translate:-50% 10px}.is-idle .marker{scale:.85}.is-idle .hero{cursor:none}.hero:has(.marker:hover) .marker:not(:hover){opacity:0;pointer-events:none;scale:.85}.is-idle .marker.fades:hover{opacity:1}.is-idle .hero:has(.marker:hover) .hero-controls{opacity:1;translate:-50%}.is-idle .marker:hover{scale:2}.is-idle .hero:has(.marker:hover){cursor:auto}.featured-row{--card-h:calc(3 * (var(--s-card-h) + var(--row-gap) + var(--tag-h)) + 2 * var(--set-gap) - var(--row-gap) - var(--tag-h));--card-w:calc(var(--card-h) * 16 / 9)}.featured-row .card{border-radius:max(12px, calc(20 * var(--u)))}.work-title{margin:calc(var(--name-gap,10px) - .069em) 0 calc(var(--name-gap,10px) - .089em) var(--gutter);font-family:var(--display);font-weight:400;font-size:max(48px, calc(124 * var(--u)));letter-spacing:-.03em;color:var(--blue);padding-block:calc(10 * var(--u)) calc(26 * var(--u));line-height:.9;font-size:calc(var(--s-card-h) / .735);pointer-events:none;padding-block:0}.work-name{display:inline-block}.work .card{isolation:isolate;position:relative}.work .card:after{content:"";pointer-events:none;background:var(--blue);mix-blend-mode:lighten;opacity:0;transition:opacity .4s var(--ease-soft);position:absolute;inset:0}.work .card :is(img,video){transition:scale .55s var(--ease-soft), filter .4s var(--ease-soft)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.work .filter-row{pointer-events:auto;justify-content:space-between;align-items:flex-end;gap:max(16px, calc(40 * var(--u)));margin-right:var(--gutter);margin-bottom:calc(var(--row-gap) - .089em);margin-top:calc(max(16px, var(--gutter)) - .069em);display:flex}.work-word{font:inherit;text-transform:uppercase;white-space:nowrap;margin:0;line-height:.9}.filter-pills{--pill-h:max(20px, calc(30 * var(--u)));justify-content:flex-end;gap:max(6px, calc(10 * var(--u)));flex-wrap:wrap;max-width:62%;margin-bottom:.089em;display:flex}.filter-btn{font-family:var(--mono);font-size:var(--tag-size);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:var(--blue);border:1px solid var(--blue);min-height:var(--pill-h);padding:0 max(6px, calc(10 * var(--u)));cursor:pointer;transition:background-color .2s var(--ease-soft), color .2s var(--ease-soft);background:0 0;border-radius:99px;align-items:center;line-height:1.5;display:inline-flex}@supports (text-box:trim-both cap alphabetic){.filter-btn{box-sizing:border-box;text-box:trim-both cap alphabetic;min-height:0;padding-block:calc((var(--pill-h) - 2px - 1cap) / 2);display:inline-block}}@supports not (text-box:trim-both cap alphabetic){.filter-btn{padding-top:.158em}}.filter-btn:hover{background:color-mix(in srgb, var(--blue) 10%, transparent)}.filter-btn[aria-pressed=true]{background:var(--blue);color:var(--paper)}:root{--tab-h:max(34px, calc(48 * var(--u)));--tab-r:calc(var(--tab-h) * .3);--tab-line:1px;--tab-edge:max(10px, calc(16 * var(--u)));--tab-bottom:calc(env(safe-area-inset-bottom,0px) + var(--tab-edge));--tab-pad:max(5px, calc(8 * var(--u)));--menu-tab-w:calc(var(--tab-h) + var(--tab-pad));--tab-fs:max(11px, calc(15 * var(--u)))}.filter-pills:not(.is-stuck){display:none}.filter-pills.is-stuck{z-index:15;max-width:none;left:var(--tab-edge);right:calc(var(--tab-edge) + var(--menu-tab-w));bottom:var(--tab-bottom);animation:tabs-in .45s var(--ease-soft) both;flex-wrap:nowrap;justify-content:stretch;gap:0;margin:0;font-size:1rem;display:flex;position:fixed}.filter-pills.is-stuck:before{content:"";z-index:-1;pointer-events:none;top:calc(-1 * var(--tab-edge));bottom:calc(-1 * var(--tab-bottom));left:calc(-1 * var(--tab-edge));right:calc(-1 * (var(--menu-tab-w) + var(--tab-edge)));background:var(--paper);border-top:1px solid var(--blue);position:absolute}@keyframes tabs-in{0%{opacity:0;translate:0 30%}}.tab-look,.filter-pills.is-stuck .filter-btn{height:var(--tab-h);box-sizing:border-box;border:var(--tab-line) solid var(--blue);border-radius:var(--tab-r);background:var(--paper);min-height:0;color:var(--blue);font-family:var(--mono);font-size:var(--tab-fs);letter-spacing:-.03em;text-transform:uppercase;text-box:normal;white-space:nowrap;transition:background-color .2s var(--ease-soft), color .2s var(--ease-soft);justify-content:center;align-items:center;gap:.55em;padding:0 1em;line-height:1;display:inline-flex}.filter-pills.is-stuck .filter-btn{flex:1 1 0;min-width:0;padding-block:0}.filter-pills.is-stuck .filter-btn+.filter-btn{margin-left:calc(-1 * var(--tab-line))}.filter-pills.is-stuck .filter-btn:hover{background:#e6e6ff}.filter-pills.is-stuck .filter-btn[aria-pressed=true]{background:var(--blue);color:var(--paper);z-index:1;position:relative}.tab-num{letter-spacing:0;background:var(--blue);width:1.8em;height:1.8em;color:var(--paper);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:.66em;display:inline-grid}.tab-num i{text-box:trim-both cap alphabetic;font-style:normal;line-height:1;display:block}.filter-btn[aria-pressed=true] .tab-num{background:var(--paper);color:var(--blue)}.filter-pills:not(.is-stuck) .tab-num{display:none}@media (width<=700px){:root{--tab-h:42px;--tab-edge:12px;--tab-fs:12px}.filter-pills.is-stuck{flex-direction:column;gap:6px}.filter-pills.is-stuck .filter-btn{flex:none;width:100%}.filter-pills.is-stuck .filter-btn+.filter-btn{margin-left:0}.filter-pills.is-stuck:not(.is-open) .filter-btn:not([aria-pressed=true]){display:none}.filter-pills.is-stuck .filter-btn[aria-pressed=true]:after{content:"";width:0;height:0;transition:rotate .25s var(--ease-soft);border-inline:.32em solid #0000;border-bottom:.4em solid;margin-left:.2em}.filter-pills.is-stuck.is-open .filter-btn[aria-pressed=true]:after{rotate:180deg}.filter-pills.is-open .filter-btn{animation:tabs-in .3s var(--ease-soft) both}.filter-pills.is-stuck .filter-btn[aria-pressed=true]{order:1;animation:none}.filter-pills.is-stuck:before{border:1px solid var(--blue);border-radius:calc(var(--tab-r) + var(--tab-edge)) calc(var(--tab-r) + var(--tab-edge)) 0 0;border-bottom:0}.filter-pills.is-stuck.is-open .filter-btn:not([aria-pressed=true]){width:calc(100% + var(--menu-tab-w))}.work .filter-row{margin-right:16px;margin-bottom:var(--row-gap);flex-direction:column;align-items:flex-start;gap:12px}.filter-pills{justify-content:flex-start;max-width:none;margin-bottom:0}}.filter-empty{margin:0 var(--gutter) calc(40 * var(--u));color:var(--blue);font-size:var(--tag-size);text-transform:uppercase}.row.is-out{display:none}.work .row:has(.card){cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.work .row.is-dragging,.work .row.is-dragging *{cursor:grabbing}.work .card :is(img,video){-webkit-user-drag:none}.pix{display:block;position:absolute;inset:0}.work:has(.row[data-open]) .row:not([data-open]) .card:after{opacity:1}.work:has(.row[data-open]) .row:not([data-open]) img{filter:grayscale()contrast(1.1)}.doze{z-index:50;pointer-events:none;opacity:0;transition:opacity .25s var(--ease-soft);position:fixed;inset:0}.doze.blur{-webkit-backdrop-filter:blur(max(18px, calc(40 * var(--u)))) grayscale(1);backdrop-filter:blur(max(18px, calc(40 * var(--u)))) grayscale(1)}.doze.grain{z-index:51;image-rendering:pixelated;mix-blend-mode:overlay;background:url(./grain-JbI2V6UE.png) 0 0/128px 128px}.doze.snap{z-index:52;-webkit-backdrop-filter:brightness(.72)contrast(12);backdrop-filter:brightness(.72)contrast(12)}.doze.tint{z-index:53;background:var(--blue);mix-blend-mode:lighten}.is-dozing .doze{opacity:1;transition:opacity 1.6s var(--ease-soft)}.is-dozing .doze.grain{animation:.45s step-end infinite fizz}@keyframes fizz{0%{background-position:0 0}20%{background-position:-97px 41px}40%{background-position:53px -118px}60%{background-position:-31px -67px}80%{background-position:112px 89px}}.row.is-in{animation:row-in .5s var(--ease-soft) both}@keyframes row-in{0%{opacity:0;transform:translateY(12px)}}.featured-row+.work-set{margin-top:var(--set-gap)}.work-set{gap:var(--set-gap);display:grid}.work-set+.work-set{margin-top:var(--set-gap)}.work-set.after-reel{margin-top:calc(54 * var(--u))}.work .row{--tag-size:max(10px, calc(14 * var(--u)));--tag-h:max(17px, calc(23 * var(--u)))}.row{gap:var(--row-gap);display:grid}.work .row:has(.card){gap:var(--card-gap)}.lane{min-width:0;position:relative;overflow:clip visible}.work .row:has(.card){position:relative}.row[data-open]{z-index:2;position:relative}.lane:has(.card){z-index:1}.row-title{font-family:var(--display);font-feature-settings:normal;font-weight:400;font-size:calc(var(--card-h) * .9 / .735);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:var(--blue);top:0;left:50%;top:calc(var(--card-h) / 2);pointer-events:none;z-index:3;opacity:0;transition:opacity .25s var(--ease-soft), transform .25s var(--ease-soft);margin-top:-.4955em;line-height:1;position:absolute;transform:translateY(12%)}.row-title.is-on{opacity:1;transition-delay:.12s;transform:none}.track{gap:var(--card-gap);width:max-content;padding-right:var(--card-gap);will-change:transform;display:flex}.track>.loop{gap:var(--card-gap);display:flex}.card{width:var(--card-w);height:var(--card-h);border-radius:max(12px, calc(27 * var(--u)));background:var(--hush);transform-origin:bottom;will-change:transform;flex:none;overflow:hidden}.card :is(img,video){object-fit:cover;width:100%;height:100%;transition:scale .55s var(--ease-soft)}.card:hover :is(img,video){scale:1.06}.menu:not([hidden]){animation:menu-in .3s var(--ease-soft) both}.menu:not([hidden]) :is(.menu-panel,.menu-foot){animation:panel-up .55s var(--ease-soft) both}.menu:not([hidden]) .menu-about{animation-delay:50ms}.menu:not([hidden]) .menu-foot{animation-delay:.1s}@keyframes panel-up{0%{transform:translateY(40vh)}}@keyframes menu-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(40%)}}.tags{gap:max(6px, calc(12 * var(--u)));padding-right:max(6px, calc(12 * var(--u)));display:flex}.tags .client{margin-right:calc(107 * var(--u));background:var(--blue);color:var(--paper)}.tag{transition:color .25s var(--ease-soft), border-color .25s var(--ease-soft)}.row[data-open] .tags .tag:not(.client){color:var(--ink)}.row[data-open] .tags .tag:not(.client):not(.blurb){border-color:var(--ink)}.tags .blurb{text-transform:none;letter-spacing:-.01em;margin-inline:calc(56 * var(--u));border-color:#0000;padding-inline:0}.tag{border:1px solid var(--blue);padding:0 max(6px, calc(10 * var(--u)));min-height:var(--tag-h);color:var(--blue);font-size:var(--tag-size);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;border-radius:99px;flex:none;align-items:center;line-height:1.5;display:inline-flex}@supports (text-box:trim-both cap alphabetic){.tag{box-sizing:border-box;text-box:trim-both cap alphabetic;min-height:0;padding-block:calc((var(--tag-h) - 2px - 1cap) / 2);align-self:center;display:inline-block}}@supports not (text-box:trim-both cap alphabetic){.tag{padding-top:.158em}}.reel{margin:calc(54 * var(--u)) calc(24 * var(--u)) 0;border-radius:max(12px, calc(20 * var(--u)));aspect-ratio:1680/859;background:var(--night);position:relative;overflow:hidden}.reel>img{object-fit:cover;width:100%;height:100%}.reel-title{background:var(--paper);border:1px solid var(--blue);padding:calc(4 * var(--u)) max(12px, calc(18 * var(--u))) 0;color:var(--blue);font-family:var(--display);font-weight:400;font-size:max(22px, calc(62.8 * var(--u)));letter-spacing:-.03em;border-radius:99px;margin:0;line-height:1.2;position:absolute;bottom:3.49243%;left:1.78571%}.reel-tags{align-items:flex-end;gap:max(4px, calc(9 * var(--u)));flex-direction:column;display:flex;position:absolute;bottom:3.49243%;right:1.78571%}.reel-tags .tag{background:var(--paper);font-size:max(10px, calc(19.75 * var(--u)));padding-inline:max(6px, calc(11 * var(--u)))}.footer{margin-top:calc(73 * var(--u));background:var(--blue);color:var(--ink);min-height:calc(736 * var(--u));flex-direction:column;display:flex;overflow:hidden}.footer-mark{padding:calc(40 * var(--u)) max(16px, var(--gutter)) 0;font-family:var(--display);font-weight:400;font-size:calc(472.2 * var(--u));letter-spacing:-.03em;white-space:nowrap;text-align:justify;text-align-last:justify;margin:0;line-height:.82}.footer-links{--s:calc(min(100vw, 2200px) / 1728);height:max(40px, calc(58 * var(--s)));background:var(--blue);color:var(--ink);border-top:1px solid var(--ink);padding:0 max(16px, var(--gutter)) env(safe-area-inset-bottom,0px);font-family:var(--display);font-feature-settings:normal;font-size:max(11px, calc(19 * var(--s)));text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:auto;display:grid}.footer-links a{color:inherit;transition:color .2s var(--ease-soft);text-decoration:none}.footer-links a:hover{color:var(--hush)}.footer-links :last-child{justify-self:end}.menu-btn{transition:transform .4s var(--ease-spring), opacity .3s var(--ease-soft), background-color .3s var(--ease-soft)}.at-foot .menu-btn{opacity:0;pointer-events:none}.filter-pills.is-stuck{transition:translate .45s var(--ease-soft), opacity .3s var(--ease-soft)}.at-foot .filter-pills.is-stuck{translate:0 calc(100% + var(--tab-bottom) + var(--tab-edge));opacity:0;pointer-events:none}@media (width<=700px){.footer-mark{font-size:24.6vw}.work-title{margin-left:16px}.featured,.reel{aspect-ratio:4/3;margin-inline:16px}.reel-tags{display:none}.hero{aspect-ratio:4/5;height:auto;max-height:calc(100svh - 2 * var(--hero-m) - var(--topbar) - 56px)}.marker{left:calc(var(--mx) * 1%);top:calc(var(--my) * 1%);border-width:1.5px;width:38px;font-size:18px}.hero-controls{bottom:18px}.row-title{font-size:calc(var(--name-fs,115px) * .42)}.work-title{font-size:calc(var(--name-fs,115px) * .9)}.tags .blurb{margin-inline:20px}.menu{flex-direction:column;display:flex;overflow-y:auto}.menu-mark{flex:none;margin:80px 0 0;padding:0 16px 14px;line-height:.86;position:relative;top:auto;left:auto;right:auto}.menu-panel,.menu-foot{position:relative;inset:auto}.menu-panel{min-height:150px;margin-top:calc(-1 * var(--r));flex:1 1 0;align-items:flex-end;display:flex}.menu-work{margin-top:0}.menu-big,.menu-about .menu-big{font-size:var(--mark-fs,var(--name-fs,115px));padding:0 16px calc(var(--r) + 18px);line-height:.8}.menu-about .menu-big{padding-bottom:calc(var(--r) + 18px)}.menu :is(.menu-about,.menu-foot){translate:none!important}.menu-foot{height:auto;margin-top:calc(-1 * var(--r));padding:calc(var(--r) + 16px) 16px calc(24px + env(safe-area-inset-bottom,0px));z-index:3;flex:none;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;display:flex}.footer{min-height:56svh;margin-top:56px}.footer-mark{padding-top:28px;padding-bottom:72px}.footer-links{justify-content:space-between;align-items:baseline;gap:10px;height:auto;padding:20px 16px;font-size:14px;line-height:1;display:flex}}@media (hover:none){.marker:hover{scale:1.15}.hero:has(.marker:hover) .marker:not(:hover){opacity:1;pointer-events:auto;scale:1}}img.on-black{background:#000;object-fit:contain!important}.work-title,.work-word,.row-title,.pj-title,.pj-related-title,.ab-hello{text-transform:lowercase;font-variant-caps:all-small-caps}.ab-hello{font-size:max(48px, calc(277 * var(--u)))}.marker{width:max(38px, calc(47.7 * var(--u)));font-size:26px}.footer-links,.menu-foot{letter-spacing:-.03em;font-size:24px}.footer-links{height:max(56px, calc(72 * var(--s)))}.ab-copy{grid-template-columns:1fr;gap:1em}.ab-copy p,.ab-copy p:first-child{grid-column:auto;margin-bottom:0;font-size:22px;line-height:1.3}.ab-lists,.ab-services-title,.ab-services-list li{font-size:16px;line-height:1.35}.slide-name{letter-spacing:-.03em;font-size:16px}.ab-lists ul.ab-names{columns:1}:root{--tab-fs:12px}:root,.work .row,.pj-related,.pj-head{--tag-size:12px}.work .row,.pj-related{--tag-h:24px}.ab-lists .ab-year span{letter-spacing:-.03em;font-size:12px}.pj-copy p,.pj-facts dt,.pj-facts dd,.pj-credits dt,.pj-credits dd,.pj-label,.topbar-run{letter-spacing:-.03em}@media (width<=700px){.ab-hello{font-size:calc(var(--name-fs,115px) * .9)}.footer-links,.menu-foot,.ab-copy p,.ab-copy p:first-child{font-size:18px}.marker{width:30px;font-size:18px}.ab-lists,.slide-name,.ab-services-title,.ab-services-list li{font-size:14px}}.sel-note{z-index:17;top:calc(var(--topbar) + max(14px, calc(40 * var(--u))));right:max(16px, calc(var(--gutter) + 20 * var(--u)));width:min(calc(100vw - 32px), max(300px, calc(640 * var(--u))));max-height:calc(100dvh - var(--topbar) - 120px);overscroll-behavior:contain;border:1px solid var(--blue);border-radius:max(12px, calc(28 * var(--u)));font:max(12px, calc(21 * var(--u)))/1.4 var(--mono);font-feature-settings:"ss07" 1, "ss08" 1, "ss10" 1;letter-spacing:-.03em;text-transform:none;white-space:normal;color:var(--blue);background:var(--paper);transform-origin:50% 0;transition:width .45s var(--ease-soft), rotate .45s var(--ease-soft), border-radius .45s var(--ease-soft);animation:.7s cubic-bezier(.3,1.4,.5,1) .4s both sel-stick;position:fixed;overflow:auto;rotate:2deg;box-shadow:0 1px 2px #00002814,0 14px 30px -10px #00003c47}@keyframes sel-stick{0%{opacity:0;translate:0 -14px;rotate:-3deg;scale:1.04}}@media (prefers-reduced-motion:reduce){.sel-note{transition:none;animation:none}}.sel-body{padding:max(18px, calc(34 * var(--u))) max(16px, calc(34 * var(--u))) max(16px, calc(30 * var(--u)))}.sel-msg{gap:1.2em;padding-right:2.4em;display:grid}.sel-note p{text-wrap:pretty;margin:0}.sel-fold{top:max(10px, calc(20 * var(--u)));right:max(10px, calc(20 * var(--u)));z-index:1;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6em;margin:0;padding:0;display:flex;position:absolute}.sel-tab{display:none}.sel-x{aspect-ratio:1;width:1.5em;transition:background-color .2s var(--ease-soft), color .2s var(--ease-soft), rotate .35s var(--ease-soft);border:1px solid;border-radius:50%;position:relative}.sel-x:before,.sel-x:after{content:"";background:currentColor;height:1px;margin-top:-.5px;position:absolute;top:50%;left:25%;right:25%;rotate:45deg}.sel-x:after{rotate:-45deg}.sel-fold:hover .sel-x{background:var(--blue);color:var(--paper)}.sel-note.is-folded{border-radius:99px;width:max-content;overflow:hidden;rotate:-1.5deg}.sel-note.is-folded .sel-body{display:none}.sel-note.is-folded .sel-fold{padding:.55em .6em .55em 1.1em;position:static}.sel-note.is-folded .sel-tab{display:block}.sel-note.is-folded .sel-x{rotate:45deg}@media (width<=700px){.sel-note{width:min(100vw - 48px,340px);top:calc(var(--topbar) + 12px);font-size:13px;right:14px;rotate:1.5deg}}.is-guarded img,.is-guarded video,.is-guarded picture{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.is-guarded .slide{pointer-events:auto}.is-guarded{-webkit-touch-callout:none}