@font-face{font-family:Neue Vektor;src:url(/fonts/neueVektor-B-Light.woff2)format("woff2"),url(/fonts/neueVektor-B-Light.woff)format("woff");font-weight:300;font-style:light;font-display:swap}@font-face{font-family:Andret;src:url(/fonts/Andret-Regular.woff2)format("woff2"),url(/fonts/Andret-Regular.woff2)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--font-primary:"Neue Vektor",system-ui,-apple-system,sans-serif;--font-secondary:"Andret",system-ui,-apple-system,sans-serif;--font-size-primary:.625rem;--font-size-secondary:2rem;--line-height-primary:1;--line-height-secondary:1.2;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--letter-spacing-wider:.1em}
:root{--color-white:#fff;--color-black:#000;--color-text:#fff;--color-text-muted:#fff9;--color-bg:#0a0a0a;--color-overlay-bg:#000000b3;--space-0:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:5rem;--gutter:clamp(1rem,3vw,2rem);--indicator-width:200px;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.8s;--duration-slowest:1.2s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--z-video:0;--z-content:10;--z-overlay:100;--z-indicators:200;--z-header:300;--z-splash:1000;--z-transition:9000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{height:100dvh;min-height:100dvh;min-height:-webkit-fill-available;overflow:hidden}body{font-family:var(--font-primary);font-size:var(--font-size-primary);font-weight:300;line-height:var(--line-height-primary);color:var(--color-text);background-color:var(--color-bg);text-transform:uppercase;letter-spacing:.1em}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1}a{color:inherit;text-transform:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img,video,iframe{max-width:100%;display:block}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:1px solid var(--color-white);outline-offset:2px}::selection{background-color:var(--color-white);color:var(--color-black)}.page-transition{background-color:var(--color-black);z-index:var(--z-transition);pointer-events:none;opacity:0;transition:opacity var(--duration-slowest)var(--ease-out);position:fixed;inset:0}.page-transition--visible{opacity:1;pointer-events:all}@media (max-width:768px){:root{--gutter:1rem;--indicator-width:60px}}@media (max-width:480px){:root{--gutter:.75rem;--indicator-width:40px}}
.splash{z-index:var(--z-splash);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);opacity:1;transition:opacity 1.6s var(--ease-out),backdrop-filter 1.6s var(--ease-out),-webkit-backdrop-filter 1.6s var(--ease-out);background-color:#0000001a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash--fading{opacity:0;-webkit-backdrop-filter:blur()}.splash__logo{color:var(--color-text);white-space:nowrap;opacity:1;min-height:1.2em;transition:opacity 1.6s var(--ease-out);font-size:1rem;position:relative;overflow:visible}.splash__logo--fading{opacity:0}.splash__char{opacity:0;display:inline-block}.splash__char--revealing{animation:.5s ease-out forwards charReveal}@keyframes charReveal{0%{opacity:0}to{opacity:1}}
.scroll-container{height:100dvh;min-height:100dvh;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:-webkit-fill-available;overflow:hidden scroll}.scroll-container::-webkit-scrollbar{display:none}.scroll-container{-ms-overflow-style:none;scrollbar-width:none}.section{height:100dvh;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;width:100%;min-height:-webkit-fill-available;position:relative}.section--archive{height:auto;min-height:100dvh}.scroll-container--no-snap{scroll-snap-type:none}
.about-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);opacity:0;visibility:hidden;transition:opacity var(--duration-slow)var(--ease-out),visibility var(--duration-slow)var(--ease-out);background-color:#000000b3;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.about-overlay{background-color:#0000004d}}.about-overlay--visible{opacity:1;visibility:visible}.about-overlay__content{top:var(--gutter);left:calc(var(--gutter)*2.5);right:calc(var(--gutter)*2.5);bottom:calc(var(--gutter)*2.5);text-align:left;opacity:0;pointer-events:none;transition:opacity var(--duration-slow)var(--ease-out).1s,transform var(--duration-slowest)var(--ease-out).1s;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;transform:translateY(40px)}.about-overlay--visible .about-overlay__content{opacity:1;transform:translateY(0)}.about-overlay__text{font-family:var(--font-secondary);font-size:var(--font-size-secondary);font-weight:400;line-height:var(--line-height-secondary);text-transform:none;letter-spacing:normal;color:var(--color-text);pointer-events:auto}.about-overlay__text p{margin-bottom:var(--space-6)}.about-overlay__text p:last-child{margin-bottom:0}.about-overlay__email{z-index:10;left:calc(var(--gutter)*2.5);top:calc(var(--gutter) + (3/7)*(100% - 2*var(--gutter)));font-family:var(--font-primary);font-size:var(--font-size-primary);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);opacity:0;pointer-events:auto;cursor:pointer;transition:color var(--duration-fast)var(--ease-out),top var(--duration-normal)var(--ease-out),opacity var(--duration-slow)var(--ease-out).1s;font-weight:300;position:absolute}.about-overlay--visible .about-overlay__email{opacity:1}.about-overlay__email:hover{color:var(--color-text)}.about-overlay__email-mobile{display:none}@media (max-width:1200px){.about-overlay__email{top:calc(var(--gutter) + (2/7)*(100% - 2*var(--gutter)))}}@media (max-width:900px){.about-overlay__email{top:calc(var(--gutter) + (1/7)*(100% - 2*var(--gutter)))}}@media (max-height:800px){.about-overlay__email{top:calc(var(--gutter) + (2/7)*(100% - 2*var(--gutter)))}}@media (max-height:600px){.about-overlay__email{top:calc(var(--gutter) + (1/7)*(100% - 2*var(--gutter)))}}@media (max-width:768px){.about-overlay__content{left:var(--space-8);right:var(--space-8);top:var(--space-5);bottom:var(--space-5)}.about-overlay__text{font-size:1.5rem}.about-overlay__text p{margin-bottom:var(--space-4)}.about-overlay__email{display:none}.about-overlay__email-mobile{font-family:var(--font-primary);font-size:var(--font-size-primary);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);pointer-events:auto;cursor:pointer;transition:color var(--duration-fast)var(--ease-out);margin-bottom:20px;font-weight:300;display:block}.about-overlay__email-mobile:hover{color:var(--color-text)}}@media (max-width:480px){.about-overlay__content{left:var(--space-5);right:var(--space-5)}.about-overlay__text{font-size:1.25rem}}
.project-section{cursor:pointer;width:100%;height:100dvh;position:relative;overflow:hidden}.project-section__video-container{z-index:var(--z-video);position:absolute;inset:0;overflow:hidden}.project-section__video{object-fit:cover;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-section__iframe-wrapper{position:absolute;inset:0;overflow:hidden}.project-section__iframe-wrapper iframe{pointer-events:none;border:none;width:max(100vw,100vh);height:max(100vw,100vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-section__local-video-wrapper{position:absolute;inset:0;overflow:hidden}.project-section__local-video{object-fit:cover;width:100%;height:100%;transition:filter var(--duration-slower)var(--ease-out),transform var(--duration-slower)var(--ease-out);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-section--transitioning .project-section__local-video{filter:blur(40px);transform:translate(-50%,-50%)scale(1.1)}.project-section__poster{z-index:1;opacity:1;transition:opacity var(--duration-slow)var(--ease-out);background-position:50%;background-size:cover;position:absolute;inset:0}.project-section__poster--hidden{opacity:0;pointer-events:none}.project-section__overlay{z-index:2;pointer-events:none;background:linear-gradient(#0003 0%,#0000 30% 70%,#0000004d 100%);position:absolute;inset:0}
.indicator-left{top:var(--gutter);left:var(--gutter);bottom:var(--gutter);z-index:var(--z-indicators);pointer-events:none;position:fixed}.indicator-left__items{height:100%;position:relative}.indicator-left__item{color:var(--color-text);opacity:.4;transition:opacity var(--duration-fast)var(--ease-out),color var(--duration-normal)var(--ease-out);cursor:pointer;pointer-events:auto;text-align:left;background:0 0;border:none;padding:0;position:absolute;left:0}.indicator-left__item:first-child{top:0%}.indicator-left__item:nth-child(2){top:14.2857%}.indicator-left__item:nth-child(3){top:28.5714%}.indicator-left__item:nth-child(4){top:42.8571%}.indicator-left__item:nth-child(5){top:57.1429%}.indicator-left__item:nth-child(6){top:71.4286%}.indicator-left__item:nth-child(7){top:85.7143%}.indicator-left__item:nth-child(8){top:100%;transform:translateY(-100%)}.indicator-left__item:hover{opacity:.8}.indicator-left__item--active{opacity:1}.indicator-left__project-info{left:calc(var(--gutter) + 13.5px);gap:var(--space-1);pointer-events:none;top:calc((var(--marker-position)/7)*100%);transition:top var(--duration-normal)var(--ease-out);flex-direction:column;display:flex;position:absolute}.indicator-left__title{color:var(--color-text);white-space:nowrap;transition:color var(--duration-normal)var(--ease-out)}.indicator-left__client{color:var(--color-text);opacity:.6;white-space:nowrap;transition:color var(--duration-normal)var(--ease-out)}.indicator-right{top:var(--gutter);right:var(--gutter);bottom:var(--gutter);z-index:var(--z-indicators);pointer-events:none;position:fixed}.indicator-right__items{height:100%;position:relative}.indicator-right__item{color:var(--color-text);opacity:.4;transition:opacity var(--duration-fast)var(--ease-out),color var(--duration-normal)var(--ease-out);cursor:pointer;pointer-events:auto;text-align:right;background:0 0;border:none;padding:0;position:absolute;right:0}.indicator-right__item:first-child{top:0%}.indicator-right__item:nth-child(2){top:14.2857%}.indicator-right__item:nth-child(3){top:28.5714%}.indicator-right__item:nth-child(4){top:42.8571%}.indicator-right__item:nth-child(5){top:57.1429%}.indicator-right__item:nth-child(6){top:71.4286%}.indicator-right__item:nth-child(7){top:85.7143%}.indicator-right__item:nth-child(8){top:100%;transform:translateY(-100%)}.indicator-right__item:hover{opacity:.8}.indicator-right__item--active{opacity:0}.indicator-right__marker{background-color:var(--color-white);width:8px;height:8px;right:0;top:calc((var(--marker-position)/7)*100%);transition:top var(--duration-normal)var(--ease-out),background-color var(--duration-normal)var(--ease-out);position:absolute}.indicator-right__marker[style*="--marker-position: 7"]{transform:translateY(-100%)}.header{z-index:var(--z-header);padding:var(--gutter);pointer-events:none;position:fixed;top:0;left:50%;transform:translate(-50%)}.header__logo{font-size:var(--font-size-primary);color:var(--color-text);text-align:center;pointer-events:auto;transition:color var(--duration-normal)var(--ease-out)}.header__logo button{cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:uppercase;white-space:nowrap;background:0 0;border:none}.header__logo a{color:inherit;text-decoration:none}.indicator--dark .indicator-left__item,.indicator--dark .indicator-left__title,.indicator--dark .indicator-left__client,.indicator--dark .indicator-right__item{color:var(--color-black)}.indicator--dark .indicator-right__marker{background-color:var(--color-black)}.indicator--dark.header .header__logo,.indicator--dark.header .header__logo button{color:var(--color-black)}@media (max-width:768px){.indicator-left{top:var(--space-5);left:var(--space-5);bottom:var(--space-5)}.indicator-left__item{font-size:.625rem}.indicator-left__project-info{left:2em}.indicator-left__title,.indicator-left__client{font-size:.625rem}.indicator-right{top:var(--space-5);right:var(--space-5);bottom:var(--space-5)}.indicator-right__item{font-size:.625rem}.indicator-right__marker{width:8px;height:8px}.header{padding:var(--space-5)}.header__logo{font-size:.625rem}.indicator--about-visible .indicator-left__item--number,.indicator--about-visible .indicator-left__item--archive,.indicator--about-visible .indicator-right__item--number,.indicator--about-visible .indicator-right__item--archive{opacity:0;pointer-events:none}}@media (max-width:480px){.indicator-left__project-info{left:calc(var(--space-5) + 13px)}.indicator-left__title,.indicator-left__client{font-size:.625rem}}
.archive{min-height:100dvh;padding-top:calc(var(--gutter) + (1/7)*(100dvh - 2*var(--gutter)));padding-left:calc(var(--gutter) + var(--indicator-width));padding-right:calc(var(--gutter) + var(--indicator-width));padding-bottom:calc(var(--gutter) + (1/7)*(100dvh - 2*var(--gutter)));background-color:var(--color-white)}.archive__grid{--columns:3;--gap:var(--space-5);--padding:calc(var(--gutter) + var(--indicator-width));--container-width:calc(100vw - 2*var(--padding));--col-width:calc((var(--container-width) - (var(--columns) - 1)*var(--gap))/var(--columns));--row-height:calc(var(--col-width)*9/16);grid-template-columns:repeat(var(--columns),1fr);grid-auto-rows:var(--row-height);grid-auto-flow:dense;gap:var(--gap);display:grid}.archive__item{cursor:pointer;border-radius:.3rem;grid-area:span 1/span 1;position:relative;overflow:hidden}.archive__item--large{grid-area:span 2/span 2}.archive__thumbnail{transition:transform var(--duration-slow)var(--ease-out),filter var(--duration-slowest)var(--ease-out);background-position:50%;background-size:cover;position:absolute;inset:0}.archive__placeholder{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);position:absolute;inset:0}.archive__thumbnail img,.archive__thumbnail video{object-fit:cover;width:100%;height:100%}.archive__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.archive__item:hover .archive__thumbnail{filter:blur(15px);transform:scale(1.05)}.archive__item--transitioning .archive__thumbnail{filter:blur(40px);transform:scale(1.1)}.archive__item:hover .archive__item-overlay{opacity:1}.archive__item-info{gap:var(--space-3);padding:var(--gutter);opacity:0;transition:opacity var(--duration-normal)var(--ease-out),transform var(--duration-normal)var(--ease-out);flex-direction:row;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.archive__item:hover .archive__item-info{opacity:1;transform:translateY(0)}.archive__item-number{color:var(--color-white);margin-bottom:var(--space-2);display:block}.archive__item-title{color:var(--color-white);margin-bottom:var(--space-1)}.archive__item-client{color:#ffffffb3}@media (max-width:1024px){.archive{padding-left:15vw;padding-right:15vw}.archive__grid{--columns:2;--container-width:70vw;--col-width:calc((var(--container-width) - var(--gap))/2);--row-height:calc(var(--col-width)*9/16);grid-template-columns:repeat(2,1fr)}.archive__item--large{grid-area:span 2/span 2}}@media (max-width:640px){.archive{padding-left:20vw;padding-right:20vw}.archive__grid{--columns:1;--container-width:60vw;--col-width:60vw;--row-height:calc(var(--col-width)*9/16);grid-template-columns:1fr;grid-auto-rows:auto}.archive__item,.archive__item--large{border-radius:.3rem .3rem 0 0;flex-direction:column;grid-area:span 1/span 1;height:auto;display:flex;overflow:visible}.archive__item .archive__thumbnail{aspect-ratio:16/9;border-radius:.3rem;position:relative;inset:auto;overflow:hidden}.archive__item:hover .archive__thumbnail{filter:none;transform:none}.archive__item .archive__item-overlay{display:none}.archive__item .archive__item-info{opacity:1;padding:var(--space-4)0;color:var(--color-black);letter-spacing:.5px;font-size:.625rem;position:relative;transform:none}.archive__item .archive__item-number{color:var(--color-black);opacity:.5}.archive__item .archive__item-title{color:var(--color-black);font-size:.625rem}.archive__item .archive__item-client{color:#0009}}
.video-player-page{background-color:var(--color-black);position:fixed;inset:0;overflow:hidden}.video-player{width:100%;height:100%;position:relative}.video-player__container{position:absolute;inset:0;overflow:hidden}.video-player__container iframe{border:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-player__poster{z-index:2;opacity:1;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-position:50%;background-size:cover;transition:opacity .5s ease-out;position:absolute;inset:0}.video-player__poster:before{content:"";background:inherit;filter:blur(40px);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.video-player__poster--hidden{opacity:0;pointer-events:none}.video-player__loading{z-index:3;font-family:var(--font-primary);font-size:var(--font-size-primary);color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;opacity:1;font-weight:300;transition:opacity .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-player__loading--hidden{opacity:0;pointer-events:none}.video-player__click-area{z-index:5;cursor:pointer;position:absolute;inset:0}.video-player__controls{z-index:10;padding:var(--gutter);opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out);position:absolute;bottom:0;left:0;right:0}.video-player--controls-visible .video-player__controls{opacity:1;pointer-events:auto}.video-player__controls-inner{justify-content:space-between;align-items:flex-start;display:flex}.video-player__controls-inner-left{align-items:flex-start;gap:var(--space-10);flex-direction:row;display:flex}.video-player__info{gap:var(--gutter);letter-spacing:.5px;flex-direction:row;display:flex}.video-player__info-project{gap:var(--space-1);flex-direction:column;display:flex}.video-player__number{color:var(--color-text);opacity:.6}.video-player__title{color:var(--color-text)}.video-player__client{color:var(--color-text);opacity:.6}.video-player__buttons{align-items:center;gap:var(--space-3);display:flex}.video-player__button{color:var(--color-text);opacity:.8;transition:opacity var(--duration-fast)var(--ease-out);cursor:pointer;background:0 0;border:none;padding:0}.video-player__button:hover{opacity:1}.video-player__button--fullscreen{display:none}.video-player__progress{z-index:10;align-items:center;gap:var(--space-3);opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out);flex:1;display:flex;position:absolute;bottom:0;left:0;right:0}.video-player--controls-visible .video-player__progress{opacity:1;pointer-events:auto}.video-player__progress-bar{cursor:pointer;background-color:#ffffff4d;flex:1;height:8px;position:relative}.video-player__progress-fill{background-color:var(--color-white);height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.video-player__close{color:var(--color-text);opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out);cursor:pointer;background:0 0;border:none;padding:0}.video-player--controls-visible .video-player__close{opacity:.8;pointer-events:auto}.video-player--controls-visible .video-player__close:hover{opacity:1}@media (max-width:768px){.video-player__container{justify-content:center;align-items:center;display:flex}.video-player__container iframe{aspect-ratio:var(--video-aspect-ratio,16/9);position:relative;top:auto;left:auto;transform:none;width:100%!important;height:auto!important}.video-player__controls{padding:var(--space-6)var(--space-5)}.video-player__controls-inner{gap:var(--space-3);flex-wrap:wrap}.video-player__controls-inner-left{gap:10%}.video-player__info{gap:var(--gutter);order:1;width:100%;min-width:auto}.video-player__number{font-size:.625rem}.video-player__title{white-space:nowrap;font-size:.625rem}.video-player__client{font-size:.625rem}.video-player__buttons{gap:var(--space-3);order:3}.video-player__button--fullscreen{display:block}.video-player__button{font-size:.625rem}.video-player__button.play{display:none}.video-player__progress{order:2;width:100%}.video-player__progress-fill{transition:width 50ms linear}.video-player__close{bottom:auto;top:var(--space-3);right:var(--space-3);font-size:.625rem}}@media (max-width:480px){.video-player__info{gap:var(--gutter)}}