.video-lightbox{z-index:2000;padding:var(--sp-l);--lb-icon:clamp(20px, 1.4vw, 28px);--lb-btn:clamp(44px, 3vw, 56px);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.video-lightbox__backdrop{background:color-mix(in srgb, var(--ink) 92%, transparent);-webkit-backdrop-filter:blur(16px);cursor:none;position:absolute;inset:0}.video-lightbox__frame{border-radius:var(--radius-large);will-change:transform, opacity;background:#000;position:relative;overflow:clip;box-shadow:0 30px 80px #00000080}.video-lightbox__frame:fullscreen{border-radius:0;width:100vw!important;height:100vh!important}.video-lightbox__video{object-fit:cover;cursor:pointer;background:#000;width:100%;height:100%;display:block}.video-lightbox__frame:fullscreen .video-lightbox__video{object-fit:contain}.video-lightbox__center{pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.video-lightbox[data-paused] .video-lightbox__center{opacity:1;pointer-events:auto;cursor:pointer}.video-lightbox__center-icon{width:calc(var(--lb-btn) * 1.6);height:calc(var(--lb-btn) * 1.6);border-radius:var(--radius-full);color:var(--ink);background:var(--paper);justify-content:center;align-items:center;display:flex;box-shadow:0 10px 40px #00000059}.video-lightbox__center-icon svg{width:calc(var(--lb-icon) * 1.3);height:calc(var(--lb-icon) * 1.3);margin-left:6%}.video-lightbox__controls{gap:var(--sp-5xs);padding:var(--sp-l) var(--sp-s) var(--sp-xs);color:var(--paper);transition:opacity .3s ease, transform .3s var(--ease-out);background:linear-gradient(#0000 0%,#0000001a 25%,#0000004d 50%,#0000008c 75%,#000000b8 100%);flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.video-lightbox[data-idle] .video-lightbox__controls{opacity:0;transform:translateY(6px)}.video-lightbox[data-idle] .video-lightbox__close{opacity:0}.video-lightbox[data-idle] .video-lightbox__video{cursor:none}.video-lightbox__bar{background:color-mix(in srgb, var(--paper) 28%, transparent);cursor:pointer;touch-action:none;border-radius:2px;height:3px;margin-block:10px;transition:height .15s;position:relative}.video-lightbox__bar:before{content:"";position:absolute;inset:-14px 0}.video-lightbox__bar[data-dragging]{height:5px}@media (hover:hover) and (pointer:fine){.video-lightbox__bar:hover{height:5px}}.video-lightbox__bar-fill{border-radius:inherit;background:var(--paper);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.video-lightbox__bar-knob{border-radius:var(--radius-full);background:var(--paper);width:14px;height:14px;transition:transform .15s var(--ease-out);position:absolute;top:50%;left:0;transform:translate(-50%,-50%)scale(0)}.video-lightbox__bar[data-dragging] .video-lightbox__bar-knob{transform:translate(-50%,-50%)scale(1)}@media (hover:hover) and (pointer:fine){.video-lightbox__bar:hover .video-lightbox__bar-knob{transform:translate(-50%,-50%)scale(1)}}.video-lightbox__row{justify-content:space-between;align-items:center;gap:var(--sp-s);display:flex}.video-lightbox__group{align-items:center;gap:var(--sp-5xs);display:flex}.video-lightbox__btn{width:var(--lb-btn);height:var(--lb-btn);border-radius:var(--radius-full);color:var(--paper);-webkit-tap-highlight-color:transparent;transition:background-color .2s ease, transform .16s var(--ease-out);justify-content:center;align-items:center;display:flex}.video-lightbox__btn svg{width:var(--lb-icon);height:var(--lb-icon)}@media (hover:hover) and (pointer:fine){.video-lightbox__btn:hover{background:color-mix(in srgb, var(--paper) 12%, transparent)}}.video-lightbox__btn:active{transform:scale(.92)}.video-lightbox__time{margin-left:var(--sp-5xs);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;font-size:clamp(14px,1vw,18px);font-weight:500;line-height:1}.video-lightbox__time-sep{opacity:.4;margin-inline:.35em}.video-lightbox__close{top:var(--sp-s);right:var(--sp-s);z-index:1;width:var(--lb-btn);height:var(--lb-btn);border-radius:var(--radius-full);color:var(--ink);background:var(--paper);-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out), opacity .3s ease;justify-content:center;align-items:center;display:flex;position:absolute}.video-lightbox__close svg{width:var(--lb-icon);height:var(--lb-icon)}@media (hover:hover) and (pointer:fine){.video-lightbox__close:hover{transform:scale(1.06)}}.video-lightbox__close:active{transform:scale(.94)}@media (max-width:767px){.video-lightbox{--lb-icon:22px;--lb-btn:48px;padding:0}.video-lightbox__backdrop{cursor:pointer;background:var(--ink)}.video-lightbox__frame{box-shadow:none;border-radius:0}.video-lightbox__video{object-fit:contain}.video-lightbox__controls{gap:var(--sp-6xs);padding:var(--sp-l) var(--sp-3xs) max(var(--sp-3xs), env(safe-area-inset-bottom));background:linear-gradient(#0000,#0009)}.video-lightbox__bar{height:4px;margin-block:12px}.video-lightbox__bar-knob{width:16px;height:16px;transform:translate(-50%,-50%)scale(1)}.video-lightbox__time{font-size:14px}.video-lightbox__close{top:max(var(--sp-3xs), env(safe-area-inset-top));right:max(var(--sp-3xs), env(safe-area-inset-right))}.video-lightbox[data-paused] .video-lightbox__controls,.video-lightbox[data-paused] .video-lightbox__close{opacity:1;transform:none}}
.grid-home{background:var(--paper);height:400vh;position:relative;overflow:clip}.grid-home__sticky{width:100vw;height:100svh;position:sticky;top:0}.grid-home__pad{width:100%;height:100%;padding:var(--page-padding)}.grid-home__grid{gap:var(--column-gap);perspective:2000px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(5,1fr);align-items:stretch;width:100%;height:100%;display:grid;position:relative}.grid-home__cell{border-radius:var(--radius-default);backface-visibility:hidden;width:100%;position:relative;overflow:clip}.grid-home__cell--topleft{transform-origin:0 0}.grid-home__cell--top{transform-origin:50% 0}.grid-home__cell--topright{transform-origin:100% 0}.grid-home__cell--left{transform-origin:0}.grid-home__cell--right{transform-origin:100%}.grid-home__cell--bottomleft{transform-origin:0 100%}.grid-home__cell--bottom{transform-origin:50% 100%}.grid-home__cell--bottomright{transform-origin:100% 100%}.grid-home__img{object-fit:cover}.grid-home__placeholder{grid-column:span 3}.grid-home__video{width:calc(60% - .4 * var(--u));height:calc(33.3333% - .6667 * var(--u));border-radius:var(--radius-default);background:var(--ink);margin:auto;position:absolute;inset:0;overflow:clip}.grid-home__player{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.grid-home__cta{justify-content:center;align-items:center;gap:calc(1 * var(--u));color:var(--paper);opacity:0;display:flex;position:absolute;inset:0}.grid-home__cta-icon{width:21px;height:21px}
.client-logos{padding-block:var(--sp-s) var(--section-xs)}.client-logos__row{align-items:center;gap:var(--sp-m);padding-top:var(--sp-s);border-top:1px solid var(--line-faint);display:flex}.client-logos__label{color:var(--tone-medium);white-space:nowrap;flex:none}.client-logos__marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.client-logos__track{width:max-content;animation:45s linear infinite client-logos;display:flex}@media (hover:hover) and (pointer:fine){.client-logos__marquee:hover .client-logos__track{animation-play-state:paused}}.client-logos__list{align-items:center;gap:var(--sp-l);padding:0 calc(var(--sp-l) / 2);flex:none;margin:0;list-style:none;display:flex}.client-logos__item{--logo-scale:1;height:calc(1.8 * var(--u) * var(--logo-scale));opacity:.55;flex:none;align-items:center;transition:opacity .25s;display:flex}@media (hover:hover) and (pointer:fine){.client-logos__item:hover{opacity:1}}.client-logos__item--tall{height:calc(2.8 * var(--u) * var(--logo-scale))}.client-logos__img{width:auto;height:100%;max-width:calc(9 * var(--u));object-fit:contain}@keyframes client-logos{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}@media (prefers-reduced-motion:reduce){.client-logos__track{animation:none}}@media (max-width:991px){.client-logos__item{height:calc(2.6 * var(--u) * var(--logo-scale))}.client-logos__item--tall{height:calc(4 * var(--u) * var(--logo-scale))}.client-logos__img{max-width:calc(13 * var(--u))}}@media (max-width:767px){.client-logos__row{align-items:flex-start;gap:var(--sp-2xs);flex-direction:column}.client-logos__marquee{width:100%}.client-logos__item{height:calc(6 * var(--u) * var(--logo-scale))}.client-logos__item--tall{height:calc(9 * var(--u) * var(--logo-scale))}.client-logos__img{max-width:calc(28 * var(--u))}.client-logos__list{gap:var(--sp-m)}}
.about-intro{height:220vh;padding-block:var(--section-s);position:relative;overflow:clip}.about-intro__sticky{width:100vw;height:100svh;position:sticky;top:0}.about-intro__pad{width:100%;height:100%;padding:var(--page-padding);justify-content:center;align-items:center;display:flex}.about-intro__content{max-width:var(--col-7);text-align:center;margin-inline:auto}.about-intro__text{font-size:var(--text-h4);line-height:var(--lh-h4);font-weight:var(--fw-h4);letter-spacing:var(--ls-h4)}.about-intro__text .word{will-change:transform, opacity;display:inline-block}@media (max-width:991px){.about-intro__content{max-width:80vw}.about-intro__text{font-size:calc(4 * var(--u))}}@media (max-width:767px){.about-intro__content{max-width:90vw}.about-intro__text{line-height:1.2}}@media (max-width:479px){.about-intro__content{max-width:86vw}.about-intro__text{font-size:calc(7 * var(--u))}}
.works-home{height:300vh;position:relative;overflow:clip}.works-home__sticky{align-items:flex-end;width:100vw;height:100svh;display:flex;position:sticky;top:0}.works-home__pad{width:100%;height:100%;padding:var(--page-padding);flex-direction:column;justify-content:center;display:flex}.works-home__headings{justify-content:space-between;align-items:center;display:flex}.works-home__heading--left{transform-origin:100%}.works-home__heading--right{transform-origin:0}.works-home__list{justify-content:center;align-items:center;width:30%;height:80%;margin:auto;padding:0;list-style:none;display:flex;position:absolute;inset:0}.works-home__card{border-radius:var(--radius-default);width:100%;height:80%;box-shadow:0 1px 3px 0 var(--paper-4), 0 2px 30px 0 var(--ink-8);background:#fff;flex-direction:column;margin-block:auto;display:flex;position:absolute;inset:0;overflow:clip}.works-home__link{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative;overflow:clip}.works-home__img{object-fit:cover;border-radius:var(--radius-small)}.works-home__name{align-items:center;gap:var(--sp-6xs);width:100%;padding-top:var(--sp-2xl);padding-bottom:var(--sp-xs);background:linear-gradient(0deg, var(--ink), transparent);color:var(--paper);text-align:center;flex-direction:column;display:flex;position:absolute;bottom:0}.works-home__category{opacity:.7;text-transform:lowercase}@media (max-width:991px){.works-home__list{width:36%;height:70%}.works-home__card{max-height:40vh}}@media (max-width:767px){.works-home{height:auto}.works-home__sticky{height:auto;position:relative}.works-home__headings{display:none}.works-home__list{align-items:stretch;gap:var(--sp-xs);flex-direction:column;width:96%;height:auto;margin:0 auto;position:relative}.works-home__card{height:65vw;max-height:none;position:relative}}@media (max-width:479px){.works-home__card{height:100vw}}
.animated-heading{position:sticky}.animated-heading__sticky{justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;position:sticky;top:0;overflow:clip}.animated-heading__wrap{flex-direction:column;display:flex}.animated-heading__line{font-size:var(--text-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);text-align:center;text-transform:uppercase;font-weight:400;display:block;overflow:hidden}@media (max-width:991px){.animated-heading__line{font-size:calc(10 * var(--u))}}@media (max-width:767px){.animated-heading__sticky{height:auto;padding-block:var(--section-s);position:relative}.animated-heading__line{font-size:calc(11 * var(--u))}}@media (max-width:479px){.animated-heading{padding-block:var(--section-l)}.animated-heading__line{font-size:calc(10 * var(--u))}}