:root{--font-sans:"Host Grotesk", ui-sans-serif, system-ui, sans-serif;--font-serif:"Instrument Serif", ui-serif, serif;--color-foreground:#fff;--color-background:#171717;--color-accent:#d4ff3f;--color-accent-foreground:#171717;--color-accent-hover:#fff;--gap:clamp(14px, 1.5vw, 32px);--spacing:.25rem;--aspect-video:16 / 9;--container-sm:24rem;--container-lg:32rem;--container-3xl:48rem}*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;line-height:1.5}body{color:var(--color-foreground)}::selection{background-color:var(--color-foreground);color:var(--color-background)}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}button{font:inherit;color:inherit;letter-spacing:inherit;background:0 0;border-radius:0}h1,h2,h3,p{font-size:inherit;font-weight:inherit}ul{list-style:none}img,video,canvas{max-width:100%;display:block}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}:focus-visible{outline-offset:4px;outline:1px solid}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--gap);left:var(--gap);z-index:300;background-color:var(--color-foreground);color:var(--color-background);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);position:fixed;translate:0 -200%}.skip-link:focus{translate:0}.f-grid{gap:var(--gap);padding:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width>=80rem){.f-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.f-cell:where(:first-child){grid-column:span 3/span 3}.f-cell:where(:nth-child(2)){grid-column:span 2/span 2}.f-cell:where(:nth-child(n+3)){grid-column:span 1/span 1}.f-title{width:100%;height:3em;max-width:calc(var(--spacing) * 105);text-transform:uppercase;flex-direction:column;justify-content:center;display:flex;position:absolute;top:50%;left:0;translate:0 -50%}.f-title .st-line{padding-left:.07em;translate:-.07em}.t-sans{font-family:var(--font-sans)}.t-serif{font-family:var(--font-serif)}.t--heading,.t--subheading,.t--base{letter-spacing:-.01em;text-rendering:optimizelegibility;text-wrap:pretty;line-height:.8}.t--heading{font-size:clamp(40px,2.07vw + 32.24px,72px)}.t--subheading{font-size:clamp(16px,.26vw + 15.03px,20px)}.t--base{font-size:clamp(12.8px,.16vw + 12.22px,15.2px)}.st-line{white-space:nowrap;padding-top:.05em;padding-bottom:.15em;display:block;overflow:clip}.st-word,.st-char{display:inline-block}.is-unrevealed .js-word,.is-unrevealed .js-reveal-extra{transform:translateY(160%)}.is-unrevealed .js-work-content{visibility:hidden}.page-veil{z-index:98;pointer-events:none;visibility:hidden;background-color:var(--color-background);position:fixed;inset:0}.page{position:fixed;inset:0;overflow:hidden}.page__content{width:100%;display:block}.img{width:100%}.has-canvas-media .img{opacity:0!important}.action{cursor:pointer;width:fit-content;display:block;position:relative;overflow:hidden}@media (pointer:coarse){.action{margin-block:calc(var(--spacing) * -4);padding-block:calc(var(--spacing) * 4)}}.action:focus-visible{outline:none}.action--primary{color:var(--color-foreground)}.action--primary .action__label--absolute{background-color:var(--color-foreground);color:var(--color-background)}.action--secondary{color:var(--color-background)}.action--secondary .action__label--absolute{background-color:var(--color-background);color:var(--color-foreground)}.action--button{background-color:var(--color-accent);color:var(--color-accent-foreground);border-radius:999px}@media (pointer:coarse){.action--button{margin-block:0;padding-block:0}}.action--button .action__label{white-space:nowrap;padding:.85em 1.3em .8em;line-height:1}.action--button .action__label--absolute{color:inherit;background-color:#0000}.action__wrapper{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.action__label{padding-block:.12em;padding-right:.5em;display:block}.action__label--relative{position:relative}.action__label--absolute{position:absolute;inset:0}.action__label-text{display:block}.header{z-index:99;padding-bottom:calc(var(--spacing) * 16);position:fixed;top:0;left:0;right:0}.header__bg{z-index:-1;pointer-events:none;background-color:color-mix(in srgb, var(--color-background) 70%, transparent);-webkit-backdrop-filter:blur(16px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 40%,#0000);mask-image:linear-gradient(#fff 40%,#0000)}@media (hover:none) and (pointer:coarse){.header__bg{-webkit-backdrop-filter:blur(8px)}}.header__section{align-items:flex-end;display:flex}.header__title{margin-bottom:.25em}.header__nav{gap:var(--gap);grid-column:span 4/span 4;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.header__nav-link{height:fit-content;margin-top:auto;overflow:hidden}.header__nav-link:first-child{grid-column:span 2/span 2}.header__nav-link .action{display:flex}@media not all and (width>=80rem){.header{grid-template-columns:repeat(3,minmax(0,1fr))}.header__section{grid-column:span 2/span 2}.header__nav,.header__nav-link:first-child{grid-column:span 1/span 1}}@media not all and (width>=40rem){.header__section{align-items:flex-start}.header__nav{grid-template-columns:repeat(1,minmax(0,1fr))}}.contact-modal{z-index:100;visibility:hidden;background-color:var(--color-foreground);color:var(--color-background);position:fixed;top:0;left:0;right:0}.contact-modal__section{flex-direction:column;display:flex}.contact-modal__section--heading{padding-bottom:var(--gap)}.contact-modal__section-title{text-transform:uppercase;margin-bottom:.2em}.contact-modal__section-text{max-width:calc(var(--spacing) * 62)}.contact-modal__links-list{max-width:var(--container-lg);flex-direction:column;display:flex}@media (width>=80rem){.contact-modal__links-list{max-width:none}}.contact-modal__link{width:100%;overflow:hidden}.contact-modal__link-decoration{background-color:color-mix(in oklab, var(--color-background) 30%, transparent);width:100%;height:1px}.contact-modal__link-name{margin-block:.3em}@media not all and (width>=80rem){.contact-modal__section:nth-child(3){display:none}.contact-modal__section-text{margin-top:auto}}@media not all and (width>=40rem){.contact-modal__section--availability{grid-column:span 2/span 2}}.background-canvas{z-index:-1;position:fixed;inset:0}.media-canvas{z-index:10;pointer-events:none;position:fixed;inset:0}.noise-canvas{z-index:200;pointer-events:none;mix-blend-mode:overlay;position:fixed;inset:0}@media (hover:none) and (pointer:coarse){.noise-canvas{mix-blend-mode:normal}}.background-canvas canvas,.media-canvas canvas,.noise-canvas canvas{width:100%;height:100%;display:block}.loader{--f-height:max(20svw, 275px);--opacity:0;z-index:101;justify-content:center;gap:var(--gap);padding-block:var(--gap);background-color:var(--color-background);flex-direction:column;display:flex;position:fixed;inset:0}.loader__row{height:100%;opacity:var(--opacity);padding-block:0}@media not all and (width>=80rem){.loader__row:nth-child(2){height:var(--f-height)}}@media not all and (width>=64rem){.loader__row .f-cell:first-child{display:none}.loader__row:nth-child(2){height:calc(var(--f-height) / 1.5)}}.loader__title{align-items:flex-end;display:flex}.loader__loading{grid-column:span 4/span 4;align-items:center;display:flex}.loader__loading-bar__container,.loader__loading-bar{width:100%;position:relative}.loader__loading-bar{background-color:color-mix(in oklab, var(--color-foreground) 30%, transparent);height:1px}.loader__loading-track{transform-origin:0;background-color:var(--color-foreground);position:absolute;inset:0}.loader__loading-cursor__container{background-color:var(--color-foreground);color:var(--color-background);position:absolute;top:50%;left:0}.loader__loading-cursor{text-align:left;width:3.25em;padding-block:.1em}.loader__list{height:fit-content;padding-bottom:calc(var(--spacing) * .5);grid-column:span 2/span 2;overflow:hidden}.loader__list-item{display:block}.loader__info,.loader__list-item{color:color-mix(in oklab, var(--color-foreground) 30%, transparent)}.home-content{--f-height:max(20svw, 275px);--scrollbar-height:1px;--scrollbar-opacity:20%;position:fixed;inset:0}.home-content__section{justify-content:center;gap:var(--gap);flex-direction:column;display:flex;position:relative}.home-content__section--video{flex-direction:row;align-items:center}.home-content__section-video{height:var(--f-height);aspect-ratio:var(--aspect-video);position:relative}.home-content__section-video__link{cursor:pointer;position:absolute;inset:0}.home-content__section-video__fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home-content__section-scrollbar{width:1px;height:var(--f-height);background-color:color-mix(in srgb, var(--color-foreground) var(--scrollbar-opacity), transparent);position:relative;overflow:hidden}.home-content__section-scrollbar__track{width:1px;height:var(--scrollbar-height);background-color:var(--color-foreground);position:absolute;top:0;left:0}.home-content__section-info{justify-content:space-between;gap:var(--gap);height:var(--f-height);flex-direction:column;display:flex;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.home-content__section-info__header{flex-direction:column;width:100%;display:flex;position:relative}.home-content__section-info__industry{margin-bottom:.3em;line-height:1}.home-content__section-info__footer{gap:var(--gap);flex-wrap:wrap;display:flex}.home-content__section-info__roles{flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.home-content__footer{position:absolute;bottom:0;left:0;right:0}.home-content__footer-title{max-width:var(--container-lg);flex-direction:column;gap:.5em;display:flex}.home-content__footer-title p{opacity:.75;line-height:1.2}@media not all and (width>=80rem){.home-content__section:first-child,.home-content__section:last-child{display:none}}.works-list{--scrollbar-height:1px;--scrollbar-opacity:20%;touch-action:none;max-width:100%;padding-block:0;position:fixed;inset:0;overflow:clip}.works-list__section{width:100%;position:relative}.works-list__section-scrollbar{background-color:color-mix(in srgb, var(--color-foreground) var(--scrollbar-opacity), transparent);width:1px;height:100%;margin-left:auto;position:relative;overflow:hidden}.works-list__section-scrollbar__track{width:1px;height:var(--scrollbar-height);background-color:var(--color-foreground);position:absolute;top:0;left:0}.works-list__section-work{flex-direction:column;display:flex}.works-list__section-work,.works-list__section-work__info{translate:none}.works-list__section-work__client{text-transform:none}.works-list__section-work__industry{text-transform:none;margin-bottom:.3em;line-height:1}@media not all and (width>=80rem){.works-list__section:first-child,.works-list__section:last-child{display:none}}.about-content{padding-block:calc(var(--spacing) * 36);position:relative}@media (width>=40rem){.about-content{padding-block:calc(var(--spacing) * 44)}}@media (width>=80rem){.about-content{padding-block:calc(var(--spacing) * 52)}}.about-content__section{justify-content:space-between;gap:calc(var(--gap) * 3);flex-direction:column;display:flex}.about-content__section--info{padding-top:calc(var(--gap) * 2)}@media (width>=80rem){.about-content__section--info{padding-top:0}}.about-content__title{max-width:var(--container-3xl);text-transform:uppercase;opacity:.3}.about-content__image{margin-top:auto}.about-content__clients,.about-content__links,.about-content__text{gap:var(--gap);max-width:var(--container-lg);flex-direction:column;display:flex}.about-content__text p{line-height:1.15}.about-content__text strong{font-weight:500}.about-content__list{flex-direction:column;gap:.5em;margin-top:-.25em;display:flex}.about-content__list li{padding-left:1.1em;position:relative}.about-content__list li:before{content:"";background:var(--color-accent);border-radius:50%;width:.35em;height:.35em;position:absolute;top:.5em;left:.15em}@media (width>=80rem){.about-content__clients,.about-content__links,.about-content__text{max-width:none}}.about-content__client,.about-content__clients-list,.about-content__link,.about-content__links-list{flex-direction:column;display:flex}.about-content__clients-list__client-separator{transform-origin:0;background-color:color-mix(in oklab, var(--color-foreground) 30%, transparent);width:100%;height:1px}.about-content__client-name{margin-block:.5em}.about-content__link{width:fit-content;margin-top:.5em;overflow:hidden}@media not all and (width>=80rem){.about-content__section--main{column-gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about-content__title{grid-column:span 2/span 2}}@media not all and (width>=40rem){.about-content__title{grid-column:span 3/span 3}.about-content__image{grid-column:span 2/span 2}}.footer{align-items:flex-end}.footer__section{margin-bottom:-.3em;padding-bottom:.3em;overflow:hidden}.work-hero{--f-height:max(20svw, 275px);z-index:1;height:calc(50svh + var(--f-height) / 2);pointer-events:none;padding-bottom:0;position:fixed;top:0;left:0;right:0}.work-hero__section{position:relative}.work-hero__section-info{height:var(--f-height);pointer-events:auto;position:absolute;bottom:0;left:0;right:0}.work-hero__section-info__related{pointer-events:none}.work-content{padding-top:calc(50svh + 3em)}@media (width>=80rem){.work-content{padding-top:50svh}}.work-content__section--blocks{gap:calc(var(--gap) * 3);flex-direction:column;display:flex}@media (width>=80rem){.work-content__section--blocks{--col-step:calc((100vw - var(--gap) * 8) / 7 + var(--gap));grid-column:2/span 5}.work-content__section-block--overview{width:calc(var(--col-step) * 3 - var(--gap));margin-left:calc(var(--col-step) * -1)}}.work-content__section-block{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.work-content__section-block__title{text-transform:none}.work-content__section-block__info{gap:var(--gap);max-width:var(--container-sm);flex-direction:column;grid-column:span 2/span 2;display:flex}@media (width>=48rem){.work-content__section-block:not(.work-content__section-block--overview) .work-content__section-block__info{max-width:var(--container-3xl)}}.work-content__section-block__info p{text-transform:none;line-height:1.15}.work-content__section-block__info-item{flex-direction:column;display:flex}.work-content__section-block__info-item__role{text-transform:uppercase;opacity:.3;margin-bottom:.25em}.work-content__section-block__infos{gap:var(--gap);grid-column:span 2/span 2;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=80rem){.work-content__section-block__infos{grid-template-columns:repeat(3,minmax(0,1fr))}}.work-content__section-block__video{width:calc(100vw - var(--gap) * 2);aspect-ratio:var(--aspect-video);overflow:hidden}@media (width>=80rem){.work-content__section-block__video{margin-left:calc(var(--col-step) * -1)}}.work-content__section-block__frames{gap:var(--gap);flex-direction:column;grid-column:span 3/span 3;display:flex}.work-content__section-block__frame{z-index:1;color:#0000;width:100%;height:auto;position:relative}@media not all and (width>=48rem){.work-content__section-block{grid-template-columns:minmax(0,1fr)}.work-content__section-block__info,.work-content__section-block__infos,.work-content__section-block__frames{grid-column:1/-1;max-width:none}}.work-content__field,.work-content__item{flex-direction:column;gap:.35rem;display:flex}.work-content__field .work-content__section-block__info-item__role{margin-bottom:0}.work-content__field .work-content__section-block__infos{grid-template-columns:repeat(2,minmax(0,1fr))}.work-content__item+.work-content__item{margin-top:.75rem}.work-content__outcome,.work-content__item .t-serif{text-transform:none;line-height:1.1}.work-content__section-block__info .work-content__industry{border:1px solid color-mix(in srgb, var(--color-foreground) 40%, transparent);text-transform:uppercase;border-radius:999px;width:fit-content;padding:.35em .7em .3em;line-height:1}.store-button{background-color:var(--color-foreground);width:2.65em;height:2.65em;color:var(--color-background);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background-color .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1);display:inline-flex}.store-button svg{width:45%;height:45%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.store-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (hover:hover){.store-button:hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}.store-button:hover svg{transform:scale(1.12)}}.work-content__cta{align-items:center;gap:.5rem;width:fit-content;margin-top:1rem;display:flex;overflow:hidden}.work-process{row-gap:calc(var(--gap) * 1.5);grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));display:grid}.work-process__step{border-top:1px solid color-mix(in srgb, var(--color-foreground) 25%, transparent);flex-direction:column;gap:.45rem;padding:1.1rem .9rem 0 0;display:flex;position:relative}.work-process__step:before{content:"";background-color:var(--color-foreground);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:0}.work-process__step--loop{border-top-color:var(--color-accent)}.work-process__step--loop:before{background-color:var(--color-accent)}.work-content__section-block__info .work-process__index{opacity:.5}.work-content__section-block__info .work-process__step--loop .work-process__index{color:var(--color-accent);opacity:1}.work-content__section-block__info .work-process__title{line-height:1.05}.work-content__section-block__info .work-process__text{opacity:.7}.work-dock{left:50%;bottom:calc(var(--gap) + env(safe-area-inset-bottom,0px));z-index:12;align-items:center;gap:calc(var(--spacing) * 2);max-width:calc(100vw - var(--gap) * 2);padding:calc(var(--spacing) * 1.5);border:1px solid color-mix(in srgb, var(--color-foreground) 15%, transparent);background-color:color-mix(in srgb, var(--color-background) 70%, transparent);-webkit-backdrop-filter:blur(16px);visibility:hidden;border-radius:999px;display:flex;position:fixed;translate:-50%}.work-dock__logo{background-color:#fff;border-radius:999px;align-items:center;height:2.6rem;padding:.45rem .9rem;display:flex}.work-dock__logo img{object-fit:contain;width:auto;max-width:7rem;height:100%}.work-dock__name{white-space:nowrap;text-overflow:ellipsis;padding-left:.75rem;line-height:1;overflow:hidden}.work-content__highlights{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));margin-top:1rem;display:grid}.work-content__highlight{flex-direction:column;gap:.25rem;display:flex}.work-content__highlight .t-serif{line-height:1}.work-content__note{opacity:.5}.work-content__list{flex-direction:column;gap:.35rem;display:flex}.work-content__list li{padding-left:1.1em;position:relative}.work-content__list li:before{content:"";background:var(--color-accent);border-radius:50%;width:.35em;height:.35em;position:absolute;top:.55em;left:.15em}.work-content__callout{gap:var(--gap);border-left:2px solid var(--color-accent);flex-direction:column;padding-left:1em;display:flex}.work-content__link{text-underline-offset:.15em;word-break:break-all;text-decoration:underline}.work-content__figure{flex-direction:column;gap:.35rem;display:flex}.work-content__compare{gap:var(--gap);display:grid}@media (width>=80rem){.work-content__compare{grid-template-columns:repeat(2,minmax(0,1fr))}}.work-content__figure figcaption{max-width:var(--container-sm);opacity:.6;text-transform:none}.work-content__section--final{--swap-room:30svh;height:calc(100svh - var(--gap) * 2 + var(--swap-room));padding-top:calc(var(--gap) + var(--swap-room))}.work-content__section-back{height:fit-content;padding-top:calc(1.5em + var(--gap));pointer-events:none;flex-direction:column;display:flex;overflow:hidden}@media (width>=48rem){.work-content__section-back{padding-top:1.5em}}@media (width>=80rem){.work-content__section-back{margin-block:auto}}.work-content__section-back__link{z-index:1;pointer-events:auto;position:relative}@media not all and (width>=80rem){.work-hero__section:first-child,.work-hero__section:last-child{display:none}}@media not all and (width>=48rem){.work-content__section--final{align-items:flex-start}}.work-video{z-index:2;cursor:pointer;position:relative}.work-video__anchor{width:0;height:0;position:absolute;top:50%;left:0}@media (width>=80rem){.work-video__anchor{left:calc(((100vw - var(--gap) * 8) / 7 + var(--gap)) * 3)}}.work-video__cover,.work-video__player{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.has-canvas-media .work-video__player{opacity:0!important}.play-button{z-index:15;pointer-events:none;position:fixed;top:0;left:0;overflow:hidden}.control-toggle{display:grid;overflow:hidden}.control-toggle__item{grid-row-start:1;grid-column-start:1}.control-toggle__item--hidden{pointer-events:none}.video-controls__surface{z-index:14;cursor:pointer;position:fixed;inset:0}.video-controls{z-index:15;pointer-events:none;position:fixed;top:0;left:0;overflow:hidden}.video-controls__inner{align-items:center;gap:var(--gap);padding:var(--gap);pointer-events:auto;display:flex;position:relative}.video-controls__bg{z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(16px);background-color:oklab(0% none none/.5);width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:linear-gradient(#0000 20%,#fff);mask-image:linear-gradient(#0000 20%,#fff)}.video-controls__action{flex-shrink:0}.video-controls__bar{cursor:pointer;touch-action:none;flex:1;padding-block:1em;position:relative}.video-controls__bar-line{background-color:color-mix(in oklab, var(--color-foreground) 20%, transparent);width:100%;height:1px}.video-controls__bar-track,.video-controls__bar-cursor{background-color:var(--color-foreground);position:absolute;top:50%;left:0}.video-controls__bar-track{transform-origin:0;height:1px;right:0}.video-controls__bar-cursor{pointer-events:none;color:var(--color-background)}.video-controls__bar-time{text-align:left;width:3.25em;padding-block:.1em;display:block}