/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:#4f4f4f66;--pswp-preloader-color-secondary:#ffffffe6;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;display:none;position:fixed;top:0;left:0}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{cursor:pointer;width:50px;height:60px;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);pointer-events:none;width:32px;height:32px;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;height:60px;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{background:0 0;border-radius:0;width:60px;height:60px;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{margin-top:15px;height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}@font-face{font-family:museo_300;src:url(/build/assets/m_300_en-KdGbsj8s.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}:root{--bg:#111b22;--surface:#131b21;--curtain:#243748;--accent:#bf4240;--muted-1:#6e7a86;--muted-2:#8a929b;--muted-3:#a2a8af;--light:#bababa;--dim:#777f89;--white:#fff;--max-page:1600px;--max-header:3000px;--gutter:clamp(1rem, 3vw, 3rem);--font:"museo_300", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:5rem;--dur-fast:.15s;--dur-base:.25s;--dur-slow:.6s;--dur-page:.2s;--dur-nav:.3s;--dur-menu:.15s;--dur-cover:1s;--dur-slide:.5s;--dur-curtain-in:.5s;--dur-curtain-out:.7s;--dur-curtain-hold:.3s;--dur-curtain-hold-plain:.25s;--dur-gif:2s;--dur-gif-cap:10s;--dur-failsafe:calc(var(--dur-gif-cap) + var(--dur-slow) + var(--dur-curtain-hold) + var(--dur-curtain-out) + .4s);--ease-curtain:cubic-bezier(1, 0, .55, 1);--ease-out:cubic-bezier(.19, 1, .22, 1);--ease-in-out:cubic-bezier(.25, .1, .25, 1);--z-spotlight:-1;--z-header:10;--z-menu:20;--z-menu-toggle:30;--z-skip:40;--z-preloader:100;--header-h:4.5rem;--tap:2.75rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg);font-size:16px}html.menu-open{overflow:hidden}body{background:var(--bg);min-height:100dvh;color:var(--light);font-family:var(--font);flex-direction:column;margin:0;font-weight:300;line-height:normal;display:flex}main,.search-row,.site-footer{width:100%;max-width:var(--max-page);padding-inline:var(--gutter);margin-inline:auto}main{flex:1}main:has(>.project--video,>.about){max-width:none;padding-inline:0}h1,h2,h3,h4,h5,h6,b,strong{font-weight:inherit}h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-skip);padding:var(--space-2) var(--space-4);background:var(--white);color:var(--bg);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.icon{flex:none;width:1.25em;height:1.25em}.preloader{z-index:var(--z-preloader);touch-action:none;place-items:center;display:grid;position:fixed;inset:0}.preloader.is-done{pointer-events:none}.preloader:before,.preloader:after{content:"";background:var(--curtain);width:100%;height:50%;position:absolute;left:0}.preloader:before{transform-origin:top;top:0}.preloader:after{transform-origin:bottom;bottom:0}.preloader__gif{z-index:1;background:url(/build/assets/zia_studio_loading-Bhz-uFiM.webp) 50%/20% no-repeat;position:absolute;inset:0}@media (width<=991px){.preloader__gif{background-size:40%}}html.curtain-plain .preloader__gif,html.no-preloader .preloader{display:none}.spotlight{z-index:var(--z-spotlight);background:var(--bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.spotlight span{color:var(--bg);text-transform:lowercase;white-space:pre-line;font-size:min(20vw,15rem,27vh);font-weight:900;line-height:normal;position:absolute;top:max(-1vh,-.5rem);left:min(13vw,13rem)}@media (hover:hover) and (pointer:fine){.spotlight.is-tracking{background:radial-gradient(circle at var(--mx) var(--my), red 1px, var(--bg) 15%)}}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{min-height:var(--header-h);margin-top:var(--space-3);padding-inline:max(var(--gutter), calc((100% - var(--max-header)) / 2 + var(--gutter)));--tracking:1.5px;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.site-header__logo{z-index:var(--z-menu-toggle);grid-column:2;width:clamp(7rem,35vw,9rem);display:block;position:relative}.site-header__logo img{width:100%;height:auto}.nav-left,.nav-right{display:none}.nav-left a,.nav-right a{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.nav-label{letter-spacing:var(--tracking);text-align:center;display:inline-block}.nav-label:after{content:attr(data-text);visibility:hidden;height:0;letter-spacing:var(--tracking);display:block;overflow:hidden}.nav-left .nav-label{padding-left:5px}.nav-left a{color:var(--white)}.nav-left a:hover .nav-label,.nav-left a:focus-visible .nav-label,.nav-left a[aria-current=page] .nav-label{letter-spacing:0}.nav-left a[aria-current=page],.nav-right a{color:var(--accent)}.nav-right a:hover,.nav-right a:focus-visible{color:var(--white)}.nav-right a:hover .nav-label,.nav-right a:focus-visible .nav-label{letter-spacing:0}.nav-right li:last-child{text-align:right}.nav-right li:last-child .nav-label{margin-right:calc(1.5px - var(--tracking))}.nav-full{display:none}.nav-portfolio{text-align:left;justify-self:start;position:relative}.nav-portfolio__row{align-items:center;display:flex}.nav-portfolio__toggle{width:2rem;height:var(--tap);color:var(--white);place-items:center;display:grid}.nav-portfolio__toggle:hover{color:var(--accent)}.nav-portfolio__menu{z-index:var(--z-menu);width:max-content;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--curtain);visibility:hidden;opacity:0;position:absolute;top:100%;left:0;transform:translateY(-4px)}.nav-portfolio.is-open .nav-portfolio__menu,html:not(.js) .nav-portfolio:is(:hover,:focus-within) .nav-portfolio__menu{visibility:visible;opacity:1;transform:none}.nav-portfolio.is-open .nav-portfolio__toggle .icon{transform:rotate(180deg)}.nav-portfolio__menu a{min-height:2.25rem;display:flex}.nav-portfolio__menu .nav-label{flex:1}.search-row{display:none}.search{justify-content:flex-end;display:flex;position:relative}.search__trigger{align-items:center;gap:var(--space-2);min-height:2rem;color:var(--accent);letter-spacing:5px;cursor:pointer;display:flex;position:relative}.search__trigger:hover{color:var(--white)}.search__input{border:0;border-bottom:1px solid var(--white);width:11rem;height:100%;color:var(--white);caret-color:var(--white);letter-spacing:0;opacity:0;transform-origin:100%;background:0 0;border-radius:0;outline:none;padding:0 2rem 0 0;position:absolute;right:0;transform:scaleX(0)}.search__input::placeholder{color:var(--muted-3)}.search .icon{z-index:1;position:relative}.search:focus-within .search__input{opacity:1;transform:none}.search:has(.search__input:not(:placeholder-shown)) .search__input{opacity:1;transform:none}.search:focus-within .search__label{opacity:0}.search:has(.search__input:not(:placeholder-shown)) .search__label{opacity:0}.search:focus-within .search__trigger{color:var(--white)}.search:has(.search__input:not(:placeholder-shown)) .search__trigger{color:var(--white)}.menu-toggle{z-index:var(--z-menu-toggle);width:var(--tap);height:var(--tap);color:var(--white);grid-column:3;place-content:center;justify-self:end;gap:5px;display:grid;position:relative}.menu-toggle__bar{background:currentColor;width:1.5rem;height:2px;display:block}.menu-toggle[aria-expanded=true] .menu-toggle__bar:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle__bar:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .menu-toggle__bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.site-menu{z-index:var(--z-menu);gap:var(--space-5);padding:calc(var(--header-h) + var(--space-5)) var(--space-5) var(--space-6);overscroll-behavior:contain;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.site-menu[hidden]{display:none}.site-menu__link{align-items:center;gap:var(--space-3);min-height:3.5rem;color:var(--white);text-transform:lowercase;font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.1;display:flex}.site-menu__link[aria-current=page],.site-menu__links>li:nth-child(n+5) .site-menu__link{color:var(--accent)}.site-menu .search{justify-content:stretch}.site-menu .search__trigger{width:100%;min-height:var(--tap);gap:var(--space-3);border-bottom:1px solid var(--muted-1);letter-spacing:0}.site-menu .search__input{min-width:0;height:var(--tap);opacity:1;border:0;flex:1;order:1;padding:0;font-size:1.125rem;position:static;transform:none}.site-menu .search .icon{color:var(--accent);order:0}.site-menu__social{gap:var(--space-2);margin-top:auto;display:flex}.site-menu__social a{width:var(--tap);height:var(--tap);color:var(--muted-3);place-items:center;font-size:1.5rem;display:grid}.site-menu__social a:hover{color:var(--white)}@media (width>=768px){.site-header{--tracking:1.5px;grid-template-columns:repeat(9,minmax(0,1fr));margin-top:.75rem}.site-header__logo{grid-column:4/7;justify-self:center;width:clamp(8rem,35%,9rem)}.nav-left,.nav-right{grid-row:1;display:block}.nav-left{grid-column:1/4}.nav-right{grid-column:7/10}.nav-left ul,.nav-right ul{display:grid}.nav-left ul{grid-template-columns:minmax(0,1fr)}.nav-right ul{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-left li,.nav-right li{text-align:center}.nav-left .nav-portfolio,.nav-portfolio__menu li{text-align:left}.site-header__logo{grid-row:1}.menu-toggle,.site-menu{display:none}.search-row{margin-bottom:clamp(1rem,4%,5rem);display:block}}@media (width>=992px){.site-header{--tracking:4px}}@media (width>=1200px){.site-header{--tracking:5px}}.site-menu .search__label{display:none}.search__input::-webkit-search-cancel-button{appearance:none}@media (width>=1400px){.site-header--grid .nav-left ul{grid-template-columns:repeat(4,minmax(0,1fr))}.site-header--grid .nav-full{display:block}.site-header--grid .nav-portfolio{display:none}}.site-footer{gap:var(--space-4);width:100%;padding-block:var(--space-5);color:var(--muted-2);text-transform:lowercase;font-size:.75rem;display:grid}.site-footer__top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.site-footer__social{gap:var(--space-2);display:flex}.site-footer__social a{width:var(--tap);height:var(--tap);place-items:center;font-size:1rem;display:grid}.site-footer__social a:hover{color:var(--white)}.portfolio{padding-bottom:var(--space-6);container-type:inline-size}.portfolio__heading{margin:var(--space-5) 0 var(--space-4);color:var(--white);letter-spacing:.15em;text-transform:lowercase;font-size:1.5rem}.portfolio__empty{margin:var(--space-7) 0;color:var(--muted-3);text-transform:lowercase;font-size:1.25rem}.grid{--cols:2;--gap-x:16px;--gap-y:min(2vw, 20px);--col:calc((100cqw - (var(--cols) - 1) * var(--gap-x)) / var(--cols));grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-auto-rows:calc(var(--col) * 30 / 47);grid-auto-flow:dense;gap:var(--gap-y) var(--gap-x);display:grid}@media (width>=769px){.grid{--cols:3}}@media (width>=1200px){.grid{--cols:4}}.tile--small{grid-area:span 1/span 1}.tile--long{grid-area:span 1/span 2}.tile--large{grid-area:span 2/span 2}.tile--short{grid-area:span 3/span 1}.grid:not(:has(.tile:not(.tile--short,[hidden]))){grid-auto-rows:auto}.grid:not(:has(.tile:not(.tile--short,[hidden]))) .tile--short{grid-row:span 1;align-self:start}.grid:not(:has(.tile:not(.tile--short,[hidden]))) .tile--short .tile__media{aspect-ratio:9/16;flex:none}.featured-shorts{margin-top:var(--space-7)}.featured-shorts__title{align-items:center;gap:var(--space-4);margin:0 0 var(--space-4);color:var(--white);letter-spacing:.25em;text-transform:lowercase;font-size:1.5rem;display:flex}.featured-shorts__title .icon{width:1.5em;height:1.5em}.pagination{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-6);flex-wrap:wrap;font-size:1.2rem;display:flex}.pagination__page,.pagination__step,.pagination__gap{min-width:var(--tap);min-height:var(--tap);color:var(--muted-2);place-items:center;display:inline-grid}.pagination a:hover{color:var(--white)}.pagination__page.is-current{color:var(--accent)}.pagination__step--next .icon{transform:scaleX(-1)}.tile{min-width:0;min-height:0;display:flex;position:relative}.tile__link{width:100%;height:100%;color:var(--white);flex-direction:column;display:flex}.tile__media{min-height:0;margin-top:var(--space-2);background:#ffffff14;flex:1;position:relative;overflow:hidden}.tile.is-loading .tile__img{opacity:0}.tile__media:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);position:absolute;inset:0;transform:translate(-100%)}.tile.is-loaded .tile__media:after{display:none}.tile__img,.tile__slide{z-index:1;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.tile__slide{z-index:2;opacity:0}.tile__slide.is-on{opacity:1}.tile__title{height:var(--cap,2rem);text-transform:lowercase;white-space:nowrap;flex:none;align-items:flex-end;padding-bottom:.25rem;font-size:max(.75rem,.75vw);display:flex;overflow:hidden}.tile__number{flex:none;padding-right:2rem}.tile__clip{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}@media (width<=767px){.tile__title{padding-bottom:.5rem}}.back-link{align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--accent);letter-spacing:.15em;text-transform:lowercase;font-size:1.1rem;display:inline-flex}.back-link:hover{color:var(--white)}.project{padding-bottom:var(--space-7)}.project__head .back-link,.client-head .back-link,.project--video .back-link{width:var(--tap);height:var(--tap);justify-content:center;font-size:2rem;line-height:1}.project--video{--meta-gap:var(--space-3);--meta-h:calc(var(--meta-gap) + var(--tap) + var(--space-3));--box-shift:calc(var(--meta-h) / 2);position:relative}@media (width<=600px){.project--video{--meta-h:calc(var(--meta-gap) + var(--tap) + 1.5rem + var(--space-3))}}.site-header--cover{z-index:var(--z-header);padding-top:var(--space-3);background:linear-gradient(#131b21bf 10%,#0000);margin-top:0;position:fixed;inset:0 0 auto}.project--video .back-link{z-index:2;position:absolute;top:2%;left:2%}.project--video:not(.is-playing) .back-link{opacity:0;pointer-events:none}.project--video.is-playing .player__poster{opacity:0;pointer-events:none;transform:scale(.75)}.project--video.is-playing .player__box{opacity:1;transform:translateY(var(--box-shift));pointer-events:auto}.player__dismiss{display:none}.project--video.is-playing .player__dismiss{z-index:0;cursor:pointer;display:block;position:fixed;inset:0}.project--video.is-native .player__box{transform:translateY(var(--box-shift)) scale(1.3333)}.project--video.is-native .player__overlay,.project--video.is-native .player__controls{display:none}.project--video.is-playing .project__meta{opacity:0;pointer-events:none}body:has(.project--video.is-playing) .site-header--cover{opacity:0;pointer-events:none}html:has(.project--video){scrollbar-gutter:stable}html.video-locked{overflow:hidden}html.video-locked body{touch-action:none}.player{width:100%;height:calc(100svh - var(--meta-h));grid-template:100%/100%;place-items:center;display:grid;position:relative}.player>*{grid-area:1/1}.player__poster{width:100%;height:100%;display:block;position:relative}.player__box{aspect-ratio:16/9;opacity:0;width:min(75%,124svh);transform:translateY(var(--box-shift)) scale(1.3333);pointer-events:none;position:relative}.player__poster img{object-fit:cover;width:100%;height:100%}.player iframe{border:0;width:100%;height:100%;display:block}.player__overlay{cursor:pointer;position:absolute;inset:0}.player__controls{padding:var(--space-6) var(--space-3) var(--space-2);opacity:0;pointer-events:none;background:linear-gradient(#0000,#0009);justify-content:space-between;display:flex;position:absolute;inset:auto 0 0}.player__box.is-active .player__controls{opacity:1}.player__controls:has(:focus-visible){opacity:1}.player__btn{width:var(--tap);height:var(--tap);color:var(--white);pointer-events:auto;place-items:center;display:grid}.player__btn:hover{color:var(--accent)}.player__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.player__btn .icon{filter:drop-shadow(0 0 .25rem #0009);width:1.5rem;height:1.5rem}[data-state=paused] .icon--pause,[data-state=playing] .icon--play,[data-state=off] .icon--exit,[data-state=on] .icon--enter,.player__label{display:none}@media (hover:hover) and (pointer:fine){.player__label{z-index:5;color:var(--white);text-shadow:0 1px 3px #000c;letter-spacing:.1em;text-transform:lowercase;white-space:nowrap;pointer-events:none;opacity:0;font-size:.7rem;display:block;position:fixed;top:0;left:0}.player.is-following .player__label{opacity:1}}.project__meta{margin-top:var(--space-5)}.project--video .project__meta{max-width:var(--max-page);margin-top:var(--meta-gap);padding-inline:var(--gutter);margin-inline:auto}.project__title{color:var(--white);letter-spacing:.08em;text-transform:lowercase;overflow-wrap:anywhere;font-size:clamp(1.1rem,2vw,1.6rem)}.project--video .project__title{justify-content:space-between;align-items:center;column-gap:var(--space-5);flex-wrap:wrap;font-size:clamp(.9rem,1.3vw,1.15rem);display:flex}.project__client{min-height:var(--tap);align-items:center;display:inline-flex}.project__client:hover{color:var(--accent)}.project__description{margin-top:var(--space-4);max-width:70ch;color:var(--muted-3);overflow-wrap:anywhere;font-size:.95rem;line-height:1.7}.project__description>*+*{margin-top:var(--space-3)}.project__description a{color:var(--accent)}.project__head,.client-head{--title-fs:2rem;padding-block:clamp(1rem, 3vw, 3rem) var(--space-4);grid-template-columns:.1fr .5fr .1fr .3fr;align-items:start;display:grid}.project__head{grid-template-columns:.08fr .6fr .02fr .3fr}.project__head .back-link,.client-head .back-link{margin-block:calc((var(--title-fs) * 1.375 - var(--tap)) / 2) 0;grid-column:1;justify-self:end}.project__text,.client-head__text{grid-column:2;width:70%;min-width:0}.project__text{width:100%}.project__head .project__title,.client-head__name{color:var(--white);font-size:var(--title-fs);letter-spacing:3px;text-transform:lowercase;overflow-wrap:break-word;line-height:1.375}.project__head .project__description,.client-head__text p{max-width:none;color:var(--dim);margin:0;padding-top:1em;font-size:.75rem;line-height:1.5}.project__logo,.client-head__logo{aspect-ratio:2;grid-column:4;place-self:start center;width:70%}.project__logo img{width:100%;height:100%}.project__logo img,.client-head__logo{object-fit:contain}.project__logo{display:block}@media (width<=1023px){.project__head,.client-head{--title-fs:clamp(1.4rem, 6vw, 2rem);grid-template-columns:var(--tap) minmax(0, 1fr) auto;column-gap:var(--space-2)}.project__head .back-link,.client-head .back-link{justify-self:start}.project__text,.client-head__text{display:contents}.project__head .project__title,.client-head__name{letter-spacing:2px;grid-column:2;min-width:0}.project__head .project__description,.client-head__text p{padding-top:var(--space-3);grid-area:2/1/auto/-1}.project__logo,.client-head__logo{grid-area:1/3;justify-self:end;width:clamp(4.5rem,22vw,8rem)}}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:min(60%,25rem);padding-block:clamp(1rem,3vw,3rem);display:grid}html:not(.js) .tabs[data-tabs]{display:none}.tabs__tab{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--tap);padding:0 var(--space-1);color:var(--white);text-transform:lowercase;white-space:nowrap;display:inline-flex;position:relative}.tabs__tab span{letter-spacing:5px;padding-left:5px}.tabs__tab:hover span,.tabs__tab:focus-visible span,.tabs__tab[aria-pressed=true] span,.tabs__tab[aria-current=page] span{letter-spacing:0}.tabs__tab[aria-pressed=true],.tabs__tab[aria-current=page]{color:var(--accent)}@media (width<=767px){.tabs{width:min(100%,25rem)}}.project--gallery .portfolio{padding-bottom:0}.tile[hidden]{display:none}.tile__play{z-index:3;width:clamp(2.5rem,22%,4rem);height:clamp(2.5rem,22%,4rem);color:var(--white);filter:drop-shadow(0 0 .5rem #0009);pointer-events:none;margin:auto;position:absolute;inset:0}.error-page{justify-items:start;gap:var(--space-4);padding-block:var(--space-7);display:grid}.error-page__code{color:var(--accent);font-size:clamp(4rem,18vw,9rem);line-height:1}.error-page__text{color:var(--muted-3)}.about{--label-gutter:0px;--label-h:2.5rem;--col-gap:clamp(3rem, 6vw, 7rem);--top-clear:calc(var(--header-h) + var(--space-3));--error:#ff8a87;position:relative}.about .about-bg span{white-space:normal;font-size:min(18vw,18rem);top:50%;left:0;translate:0 -50%}html:not(.js) .about-bg:not(:first-child){display:none}.about-label{gap:var(--space-2) var(--space-6);max-width:var(--max-page);padding:var(--space-4) var(--gutter);color:var(--white);letter-spacing:5px;flex-wrap:wrap;margin-inline:auto;font-size:1.1rem;list-style:none;display:flex}.about-label__item{text-wrap:nowrap;padding-left:1.75rem;position:relative}.about-label__num{letter-spacing:0;font-size:.75rem;position:absolute;top:.15rem;left:0}.about-section{min-height:100svh;max-width:var(--max-page);padding:var(--space-4) var(--gutter) var(--space-7);color:var(--white);flex-direction:column;margin-inline:auto;display:flex;position:relative}.about-section__inner{width:100%;max-width:72rem;margin:auto}html.js:has(.about){overscroll-behavior:none;overflow:hidden}.js .about{z-index:1;position:fixed;inset:0;overflow:clip}.js .about-bg{z-index:0;opacity:0;position:absolute}.js .about-bg.is-active{opacity:1}.js .about-label{top:var(--top-clear);left:max(0px, calc((100% - var(--max-page)) / 2));z-index:2;max-width:none;padding:0 var(--gutter);pointer-events:none;margin:0;display:grid;position:absolute}.js .about-label__item{opacity:0;grid-area:1/1;align-self:center;transform:translateY(1.5rem)}.js .about-label__item.is-past{transform:translateY(-1.5rem)}.js .about-label__item.is-active{opacity:1;transform:none}.js .about-section{inset:0 max(0px, calc((100% - var(--max-page)) / 2)) 0 calc(max(0px, (100% - var(--max-page)) / 2) + var(--label-gutter));z-index:1;max-width:none;min-height:0;padding-top:calc(var(--top-clear) + var(--label-h));padding-bottom:calc(var(--footer-h,0px) + var(--space-5));overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 calc(var(--top-clear) + var(--label-h)), #000 calc(100% - var(--footer-h,0px) - var(--space-5)), transparent calc(100% - var(--footer-h,0px)));mask-image:linear-gradient(to bottom, transparent, #000 calc(var(--top-clear) + var(--label-h)), #000 calc(100% - var(--footer-h,0px) - var(--space-5)), transparent calc(100% - var(--footer-h,0px)));margin:0;position:absolute;overflow-y:auto;transform:translateY(100%)}.js .about-section::-webkit-scrollbar{display:none}.js .about-section.is-past{transform:translateY(-100%)}.js .about-section.is-active{transform:none}:is(html.js:has(.about) .site-header,html.js:has(.about) .site-footer){z-index:var(--z-header);position:relative}html.js:has(.about) .site-footer{pointer-events:none}html.js:has(.about) .site-footer a{pointer-events:auto}.about-intro{gap:var(--space-5);align-items:center;display:grid}.about-intro__image{width:100%;height:auto}.about-intro__text{text-wrap:balance;font-size:.75rem}.talk__intro{text-wrap:pretty;font-size:.75rem}.carousel{gap:var(--space-4);width:100%;display:grid}.carousel__track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;outline-offset:4px;display:flex;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.carousel__track{cursor:grab}}.carousel__track.is-dragging,.carousel__track.is-settling{scroll-snap-type:none}.carousel__track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel__track.is-dragging .client{pointer-events:none}.carousel__page{display:contents}.carousel__chunk{gap:var(--space-3);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);display:grid}.client{min-height:6.5rem;padding:var(--space-2);text-align:center;text-transform:lowercase;place-items:center;display:grid}.client__logo,.client__name{grid-area:1/1}.client{position:relative;overflow:hidden}.client.is-loading{background:#ffffff14}.client.is-loading .client__logo{opacity:0}.client:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);position:absolute;inset:0;transform:translate(-100%)}.client:not(.is-loading):after{display:none}.client__logo{object-fit:contain;width:60%;max-width:8rem;height:auto}.client__name{max-width:100%;color:var(--white);opacity:0;font-size:1rem;line-height:1.2;position:relative}.client__name:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-.3em;left:0;right:0;transform:scaleX(0)}@media (width>=768px) and (hover:hover){.client:hover .client__logo,.client:focus-visible .client__logo{opacity:0}.client:hover .client__name,.client:focus-visible .client__name{opacity:1}.client:hover .client__name:after,.client:focus-visible .client__name:after{transform:scaleX(1)}}@media (width<=767px),(hover:none){.client__name{display:none}}.carousel__controls{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.carousel__controls[hidden]{display:none}.carousel__btn{width:var(--tap);height:var(--tap);color:var(--white);flex:none;place-items:center;font-size:1.25rem;display:grid}.carousel__btn--next .icon{transform:rotate(180deg)}.carousel__btn:disabled{opacity:.3;cursor:default}.carousel__dots{flex-wrap:wrap;justify-content:center;display:flex}.carousel__dot{min-width:1.5rem;height:var(--tap);place-items:center;margin-inline:-.25rem;display:grid}.carousel__dot:before{content:"";background:var(--muted-1);border-radius:50%;width:.5rem;height:.5rem}.carousel__dot[aria-current=true]:before{background:var(--white)}.talk{gap:var(--space-6);padding-top:var(--space-6);display:grid}.talk__main{gap:var(--space-6);display:grid}.contact-form{gap:var(--space-4);text-transform:lowercase;display:grid;position:relative}.contact-form__trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.field{gap:var(--space-1);display:grid}.field label{color:var(--muted-3);font-size:.9rem}.field input,.field select,.field textarea{width:100%;min-height:var(--tap);padding:var(--space-2) 0;border:0;border-bottom:1px solid var(--muted-1);color:var(--white);font:inherit;appearance:none;background:0 0;border-radius:0;outline:none}.field select option{background:var(--bg)}.field textarea{resize:vertical;min-height:8rem}.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--white)}.field input:-webkit-autofill{-webkit-text-fill-color:var(--white);box-shadow:0 0 0 100vmax var(--bg) inset}.field [aria-invalid=true]{border-bottom-color:var(--error)}.field__error{color:var(--error);text-transform:none;font-size:.8rem}.field__error:empty{display:none}.contact-form__status{text-transform:none;min-height:1.5rem}.contact-form__status .is-error{color:var(--error)}.contact-form__submit{min-height:var(--tap);border:1px solid var(--accent);color:var(--accent);justify-self:start;padding:0 2em}.contact-form__submit:hover:not(:disabled){border-color:var(--white);color:var(--white)}.contact-form__submit:disabled{opacity:.6;cursor:progress}.offices{gap:var(--space-5) var(--space-4);text-transform:lowercase;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));font-size:.85rem;display:grid}.office__city{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:1.1rem;display:flex}.office a{min-height:var(--tap);align-items:center;display:inline-flex}.office a:hover{text-decoration:underline}.scroll-down{right:calc(max(0px, (100vw - var(--max-page)) / 2) + 5%);z-index:6;width:var(--tap);height:var(--tap);color:var(--muted-2);border-radius:50%;place-items:center;font-size:1.75rem;display:grid;position:fixed;bottom:12%}.scroll-down:hover{color:var(--white)}.scroll-down.is-up .icon{transform:rotate(180deg)}@media (width>=768px){.about{--label-gutter:clamp(9rem, 14vw, 14rem);--label-h:0px}.about-section{padding-inline:var(--col-gap) var(--gutter)}.about{--pad-y:max(var(--top-clear), calc(var(--footer-h,0px) + var(--space-5)))}.js .about-section{padding-block:var(--pad-y)}.js #talk{padding-top:var(--top-clear)}.js .about-label{width:calc(var(--label-gutter) + var(--col-gap) - var(--space-4));font-size:1.5rem;top:50%;transform:translateY(-50%)}.about-label__num{top:.25rem}@media (width<=1099px){.js .about-label{font-size:1.25rem}.about-label__num{top:.17rem}}.about-intro{gap:var(--space-6);grid-template-columns:1fr 2fr}.about-intro__text{font-size:1rem}.talk__intro{font-size:.875rem}.talk{grid-template-columns:.8fr 2fr;align-items:start}.talk__main{min-width:0;container-type:inline-size}.about-section__inner{container-type:inline-size}.carousel__chunk{display:contents}.carousel{--client-gap:min(2rem, 2vw);--legacy-w:calc(.64 * (100vw - max(2vw, 32px) - 3rem));--room-h:calc(100svh - 2 * var(--pad-y) - var(--tap) - var(--space-4));--fit-w:calc((var(--room-h) - 10vw) / .45 + 3 * var(--client-gap));--grid-w:min(100cqw, var(--legacy-w), var(--fit-w));width:var(--grid-w);translate:min(2.7vw, var(--gutter)) 0;margin-inline:auto}.carousel__page{gap:5vw var(--client-gap);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.client{aspect-ratio:5/3;min-height:0;padding:0}.client__logo{max-width:none}.field label{font-size:1rem}.field{grid-template-columns:10rem 1fr;align-items:end}.field--message{align-items:start}.field__error{grid-column:2}.contact-form__status,.contact-form__submit{margin-left:10rem}@container (width<=34rem){.field{grid-template-columns:1fr}.field__error{grid-column:auto}.contact-form__status,.contact-form__submit{margin-left:0}}}@media (width>=768px) and (width<=991px){.carousel{--fit-w:calc((var(--room-h) - 15vw) / .8 + 2 * var(--client-gap))}.carousel__page{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){html.js:has(.about) .site-footer__about{display:none}}.pswp{--pswp-bg:var(--bg);--pswp-placeholder-bg:var(--surface);--pswp-icon-color:var(--white);--pswp-icon-color-secondary:var(--bg);--pswp-icon-stroke-color:var(--bg);--pswp-error-text-color:var(--muted-3);--pswp-preloader-color-secondary:var(--accent);font-family:var(--font)}.pswp__counter{color:var(--muted-3);letter-spacing:.1em;font-size:.9rem}.pswp__button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.embed{padding:3.5rem var(--space-4);place-items:center;display:grid;position:absolute;inset:0}.embed__box{background:#000}.embed__box--wide{aspect-ratio:16/9;width:min(100vw - 2rem,1280px,177.778dvh - 12.4444rem)}.embed__box--short{aspect-ratio:9/16;height:min(100dvh - 7rem,177.778vw - 3.55556rem)}.embed__box iframe,.embed__box video{border:0;width:100%;height:100%;display:block}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation-duration:var(--dur-page);animation-timing-function:var(--ease-in-out)}::view-transition-new(root){animation-duration:var(--dur-page);animation-timing-function:var(--ease-in-out)}.site-header__logo{view-transition-name:site-logo}::view-transition-group(site-logo){animation-duration:0s}html{scroll-behavior:smooth}.nav-left a,.nav-right a{transition:color var(--dur-nav) var(--ease-in-out)}.nav-label,.tabs__tab span{transition:letter-spacing var(--dur-nav) var(--ease-in-out)}.tabs__tab{transition:color var(--dur-nav) var(--ease-in-out), letter-spacing var(--dur-nav) var(--ease-in-out)}.nav-portfolio__menu{transition:opacity var(--dur-menu) var(--ease-out), transform var(--dur-menu) var(--ease-out), visibility 0s linear var(--dur-menu)}.nav-portfolio.is-open .nav-portfolio__menu{transition-delay:0s}.nav-portfolio__toggle .icon{transition:transform var(--dur-menu) var(--ease-out)}.search__input{transition:transform var(--dur-base) var(--ease-in-out), opacity var(--dur-base) var(--ease-in-out)}.search__label{transition:opacity var(--dur-base) var(--ease-in-out)}.menu-toggle__bar{transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-fast) var(--ease-out)}.site-menu{opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.site-menu.is-open{opacity:1}.site-menu [style*=--i]{opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);transform:translateY(16px)}.site-menu.is-open [style*=--i]{opacity:1;transition-delay:calc(var(--i) * 40ms + 60ms);transform:none}.preloader:not(.is-done){animation:preloader-failsafe 1ms linear var(--dur-failsafe) forwards}.preloader:not(.is-done) .preloader__gif{animation:preloader-failsafe-fade var(--dur-slow) var(--ease-in-out) calc(var(--dur-failsafe) - var(--dur-curtain-out) - var(--dur-slow)) forwards}.preloader:not(.is-done):before,.preloader:not(.is-done):after{animation:preloader-failsafe-retract var(--dur-curtain-out) var(--ease-curtain) calc(var(--dur-failsafe) - var(--dur-curtain-out)) forwards}.preloader:before,.preloader:after{transition:transform var(--dur-curtain-in) var(--ease-curtain)}.preloader__gif{transition:opacity var(--dur-slow) var(--ease-in-out)}.preloader.is-done:before,.preloader.is-done:after{transition:transform var(--dur-curtain-out) var(--ease-curtain);transform:scaleY(0)}.preloader.is-fading .preloader__gif,.preloader.is-done .preloader__gif{opacity:0}.player__label{transition:opacity var(--dur-fast) var(--ease-in-out)}.player__poster,.player__box{transition:transform var(--dur-cover) var(--ease-in-out), opacity var(--dur-cover) var(--ease-in-out)}.site-header--cover,.project--video .back-link{transition:opacity var(--dur-cover) var(--ease-in-out)}.project--video .project__meta,.player__controls{transition:opacity var(--dur-base) var(--ease-in-out)}.js .tile.is-pending{opacity:0;transform:translateY(16px)}.js .tile.is-pending.is-visible{opacity:1;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:calc(var(--i,0) * 60ms);transform:none}@media (hover:hover){.tile__link:hover .tile__title.is-truncated .tile__clip{text-overflow:clip}.tile__link:hover .tile__title.is-truncated .tile__text{animation:caption-marquee var(--marquee-dur) linear infinite;display:inline-block}}.tile__link:focus-visible .tile__title.is-truncated .tile__clip{text-overflow:clip}.tile__link:focus-visible .tile__title.is-truncated .tile__text{animation:caption-marquee var(--marquee-dur) linear infinite;display:inline-block}.tile:not(.is-loaded) .tile__media:after,.client.is-loading:after{animation:1.6s linear infinite tile-shimmer}.tile__img,.tile__slide{transition:opacity var(--dur-base) var(--ease-in-out)}.about.is-ready .about-section{transition:transform var(--dur-slide) var(--ease-in-out)}.about.is-ready .about-label__item,.about.is-ready .about-bg{transition:transform var(--dur-slide) var(--ease-in-out), opacity var(--dur-slide) var(--ease-in-out)}.client__logo,.client__name{transition:opacity var(--dur-slide) var(--ease-in-out)}.client__name:after{transition:transform var(--dur-slide) var(--ease-in-out)}@supports (animation-timeline:view(inline)){.carousel__page,.carousel__chunk{animation:linear both carousel-page-fade;animation-timeline:view(inline)}}.carousel__btn,.scroll-down,.contact-form__submit{transition:opacity var(--dur-base) var(--ease-in-out)}.scroll-down .icon{transition:transform var(--dur-slow) var(--ease-out)}.scroll-down:not(.is-up){animation:scroll-down-bounce 5s var(--ease-in-out) infinite}@media (hover:none),(pointer:coarse){.spotlight{background:var(--surface)}.spotlight:before{content:"";background:radial-gradient(circle at 50% 0, red 5px, var(--bg) 20%);animation:10s linear infinite alternate spotlight-drift;position:absolute;inset:0 -50%}}}@keyframes preloader-failsafe{to{visibility:hidden}}@keyframes carousel-page-fade{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes caption-marquee{0%,10%{animation-timing-function:var(--ease-in-out);transform:translate(0)}45%,55%{transform:translateX(calc(var(--marquee-dist) * -1));animation-timing-function:var(--ease-in-out)}90%,to{transform:translate(0)}}@keyframes preloader-failsafe-fade{to{opacity:0}}@keyframes preloader-failsafe-retract{to{transform:scaleY(0)}}@keyframes tile-shimmer{to{transform:translate(100%)}}@keyframes spotlight-drift{0%{transform:translate(-30%)}to{transform:translate(30%)}}@keyframes scroll-down-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-15px)}}
