@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300;1,9..40,400&display=swap";:root{--font-primary: "DM Sans", system-ui, sans-serif;--color-bg: #bdc3eb;--color-text: #1a1b2e;--color-text-secondary: #3a3b52;--color-nav: #1a1b2e;--color-border: rgba(26, 27, 46, .15);--color-placeholder: #a8aed8;--color-hover: rgba(26, 27, 46, .07);--color-accent: #1a1b2e;--color-footer-bg: #1a1b2e;--color-footer-text: #bdc3eb;--color-pill-bg: transparent;--color-pill-border: #1a1b2e;--page-px: 40px;--nav-height: 64px;--text-nav: 13px;--text-hero: clamp(2.4rem, 5.5vw, 4.4rem);--text-body: 1rem;--text-section-heading: clamp(1.1rem, 2vw, 1.35rem);--text-project-title: clamp(1rem, 1.6vw, 1.25rem);--text-large: clamp(2rem, 4vw, 3.4rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--color-text);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.page-enter{animation:pageFadeIn .4s ease forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s ease}.nav--scrolled{background:#bdc3ebeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav--casestudy .nav__brand,.nav--casestudy .nav__link,.nav--casestudy .nav__link:after{color:#bdc3eb}.nav--casestudy .nav__link:after,.nav--casestudy .nav__link:hover:after,.nav--casestudy .nav__link--active:after{background:#bdc3eb}.nav--casestudy .nav__hamburger,.nav--casestudy .nav__hamburger:before,.nav--casestudy .nav__hamburger:after{background:#bdc3eb}.nav__inner{display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-px);height:var(--nav-height)}.nav__brand{font-size:var(--text-nav);font-weight:400;letter-spacing:.01em;color:var(--color-nav);white-space:nowrap}.nav__brand:hover{opacity:.6}.nav__links{display:flex;align-items:center;gap:36px;list-style:none}.nav__link{font-size:var(--text-nav);font-weight:400;color:var(--color-nav);letter-spacing:.01em;position:relative;padding-bottom:2px}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-nav);transition:width .25s ease}.nav__link:hover:after,.nav__link--active:after{width:100%}.nav__toggle{display:none;width:24px;height:24px;position:relative;z-index:110}.nav__hamburger,.nav__hamburger:before,.nav__hamburger:after{position:absolute;left:0;width:24px;height:1.5px;background:var(--color-nav);transition:transform .3s ease,opacity .3s ease}.nav__hamburger{top:11px}.nav__hamburger:before{content:"";top:-7px}.nav__hamburger:after{content:"";top:7px}.nav__hamburger--open{background:transparent}.nav__hamburger--open:before{transform:rotate(45deg) translate(5px,5px)}.nav__hamburger--open:after{transform:rotate(-45deg) translate(5px,-5px)}.nav__mobile{position:fixed;inset:0;background:var(--color-bg);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:99}.nav__mobile--open{opacity:1;pointer-events:auto}.nav__mobile-links{list-style:none;display:flex;flex-direction:column;align-items:center;gap:40px}.nav__mobile-link{font-size:clamp(2rem,8vw,3rem);font-weight:300;color:var(--color-text);letter-spacing:-.01em}.nav__mobile-link:hover{opacity:.5}@media(max-width:640px){.nav__links{display:none}.nav__toggle{display:block}.nav__inner{padding:0 20px}}.footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:80px var(--page-px) 48px;margin-top:0}.footer__inner{max-width:1400px;margin:0 auto}.footer__location{margin-bottom:48px}.footer__big{font-size:clamp(2rem,5vw,3.8rem);font-weight:300;line-height:1.15;letter-spacing:-.02em;display:block;color:var(--color-footer-text)}a.footer__big{opacity:.75}a.footer__big:hover{opacity:1}.footer__link{text-decoration:none}.footer__social{display:flex;gap:32px;margin-bottom:60px;border-top:1px solid rgba(189,195,235,.15);padding-top:32px}.footer__social-link{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#bdc3eb99;position:relative;padding-bottom:2px}.footer__social-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-footer-text);transition:width .25s ease}.footer__social-link:hover{color:var(--color-footer-text)}.footer__social-link:hover:after{width:100%}.footer__copy{font-size:12px;color:#bdc3eb59;letter-spacing:.02em}@media(max-width:640px){.footer{padding:60px 20px 40px}.footer__social{gap:24px;flex-wrap:wrap}}.hero{padding-top:calc(var(--nav-height) + 60px);padding-bottom:60px;padding-left:var(--page-px);padding-right:var(--page-px)}.hero__inner{max-width:1400px;margin:0 auto}.hero__text{max-width:none}.hero__title{font-size:clamp(2rem,3.8vw,4rem);font-weight:400;line-height:1.15;letter-spacing:-.025em;color:var(--color-text);margin-bottom:40px}.hero__body{max-width:540px;margin-bottom:32px}.hero__body p{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:16px}.hero__body p:last-child{margin-bottom:0}.hero__cta{display:inline-flex;align-items:center;border:1px solid var(--color-pill-border);border-radius:100px;padding:10px 22px;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-text);transition:background .2s ease,color .2s ease}.hero__cta:hover{background:var(--color-text);color:var(--color-bg)}.showreel{margin:0;overflow:hidden}.showreel__embed{position:relative;width:100%;aspect-ratio:16 / 9;transform-origin:center center;overflow:hidden;opacity:1}.showreel__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.section-header{max-width:1400px;margin:0 auto 40px;padding:0 var(--page-px)}.section-heading{font-size:var(--text-section-heading);font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text)}.section-desc{margin-top:12px;font-size:.95rem;color:var(--color-text-secondary)}.work{padding:80px 0 100px}.work__grid{max-width:1400px;margin:0 auto;padding:0 var(--page-px);display:grid;grid-template-columns:repeat(3,1fr);gap:40px 20px}.work__footer{max-width:1400px;margin:40px auto 0;padding:0 var(--page-px);display:flex;justify-content:flex-start}.work__view-more{display:inline-flex;align-items:center;border:1px solid var(--color-pill-border);border-radius:100px;padding:10px 22px;font-size:14px;color:var(--color-text);white-space:nowrap;transition:background .2s ease,color .2s ease}.work__view-more:hover{background:var(--color-text);color:#f5f4f0}.work__item{display:flex;flex-direction:column;transition-delay:var(--delay, 0s)}.work__image-wrap{overflow:hidden;border-radius:8px}.work__image-link{display:block}.work__image{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block;transition:transform .6s ease}.work__image-wrap:hover .work__image{transform:scale(1.04)}.work__title{margin-top:14px;font-size:var(--text-project-title);font-weight:400;letter-spacing:-.01em;color:var(--color-text);padding:0 4px}.expertise{padding:80px 0 100px}.expertise__inner{max-width:1400px;margin:0 auto;padding:0 var(--page-px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.expertise__image-col{position:relative;aspect-ratio:5 / 4;border-radius:8px;overflow:hidden}.expertise__bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.expertise__bg-image--active{opacity:1}.expertise__skill-col{display:flex;flex-direction:column;gap:40px}.expertise__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.expertise__skill{display:flex;align-items:baseline;gap:20px;padding:20px 0;border-bottom:1px solid rgba(26,27,46,.15);cursor:default;transition:opacity .2s ease}.expertise__list li:first-child{border-top:1px solid rgba(26,27,46,.15)}.expertise__skill-index{font-size:.75rem;font-weight:400;color:var(--color-text-secondary);letter-spacing:.05em;flex-shrink:0;opacity:0;transition:opacity .2s ease}.expertise__skill--active .expertise__skill-index,.expertise__skill:hover .expertise__skill-index{opacity:1}.expertise__skill-name{font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:400;letter-spacing:-.02em;color:var(--color-text);transition:opacity .2s ease;line-height:1.2}.expertise__skill:not(.expertise__skill--active) .expertise__skill-name{opacity:.35}.expertise__skill--active .expertise__skill-name{opacity:1}.content-panel{background:#f5f4f0}.feed{padding:80px 0 100px}.feed__header{max-width:1400px;margin:0 auto 32px;padding:0 var(--page-px);display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.feed__heading{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:400;line-height:1.25;letter-spacing:-.02em;max-width:640px}.feed__heading-bold{color:var(--color-text);font-weight:600}.feed__heading-light{color:var(--color-text-secondary);font-weight:400}.feed__footer{max-width:1400px;margin:32px auto 0;padding:0 var(--page-px)}.feed__cta{display:inline-flex;align-items:center;border:1px solid var(--color-pill-border);border-radius:100px;padding:10px 22px;font-size:14px;color:var(--color-text);white-space:nowrap;transition:background .2s ease,color .2s ease}.feed__cta:hover{background:var(--color-text);color:#f5f4f0}.feed__row{padding:0 var(--page-px);max-width:1400px;margin:0 auto;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.feed__row::-webkit-scrollbar{display:none}.feed__item{flex-shrink:0;height:340px;border-radius:8px;overflow:hidden}.feed__image{height:100%;width:auto;object-fit:cover;display:block;border-radius:8px;transition:transform .5s ease}.feed__item:hover .feed__image{transform:scale(1.04)}@media(max-width:1024px){.work__grid{grid-template-columns:repeat(3,1fr);gap:6px}.expertise__inner{gap:40px}.expertise__skill-name{font-size:clamp(1.2rem,2vw,1.8rem)}}@media(max-width:768px){.hero{padding-top:calc(var(--nav-height) + 40px);padding-bottom:48px}.hero__inner{grid-template-columns:1fr;gap:0}.hero__images{display:none}.showreel__embed{max-height:260px;overflow:hidden}.work__grid{grid-template-columns:repeat(2,1fr);gap:8px}.expertise__inner{grid-template-columns:1fr;gap:32px}.expertise__image-col{aspect-ratio:16 / 9;max-height:360px}.feed__grid{grid-template-columns:1fr 1fr;gap:6px}.feed__item--0,.feed__item--1,.feed__item--2,.feed__item--3,.feed__item--4,.feed__item--5{grid-column:span 1;grid-row:span 1}}@media(max-width:640px){:root{--page-px: 20px}.showreel{padding-bottom:48px}.work__grid{grid-template-columns:1fr;gap:8px}.work{padding:56px 0 72px}.expertise__skill-name{font-size:1.2rem}.section-header{padding:0 20px;margin-bottom:28px}}.work-page__panel{background:#f5f4f0;padding:calc(var(--nav-height) + 60px) 0 120px}.work-page__grid{max-width:1400px;margin:0 auto;padding:0 var(--page-px);display:grid;grid-template-columns:repeat(3,1fr);gap:40px 20px}.work-page__item{display:flex;flex-direction:column;transition-delay:var(--delay, 0s)}.work-page__image-wrap{overflow:hidden;border-radius:8px}.work-page__image-link{display:block}.work-page__image{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block;transition:transform .6s ease}.work-page__image-wrap:hover .work-page__image{transform:scale(1.04)}.work-page__item-title{margin-top:16px;font-size:var(--text-project-title);font-weight:400;letter-spacing:-.01em;color:var(--color-text);padding:0 4px}@media(max-width:900px){.work-page__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.work-page__panel{padding-top:calc(var(--nav-height) + 40px)}.work-page__grid{grid-template-columns:1fr}}.about{padding-top:calc(var(--nav-height) + 80px);padding-bottom:120px;padding-left:var(--page-px);padding-right:var(--page-px);min-height:100vh}.about__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}.about__image-col{position:sticky;top:calc(var(--nav-height) + 40px)}.about__image-wrap{border-radius:8px;overflow:hidden}.about__image{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:50% 50%;display:block}.about__text-col{padding-top:8px}.about__heading{font-size:clamp(2rem,4vw,3.2rem);font-weight:400;letter-spacing:-.025em;line-height:1.1;color:var(--color-text);margin-bottom:40px}.about__bio{display:flex;flex-direction:column;gap:24px}.about__para{font-size:1.05rem;line-height:1.75;color:var(--color-text-secondary);max-width:600px}@media(max-width:900px){.about__inner{grid-template-columns:1fr;gap:48px}.about__image-col{position:static}.about__image{aspect-ratio:4 / 3;max-height:560px;object-fit:cover}}@media(max-width:640px){.about{padding-top:calc(var(--nav-height) + 40px);padding-bottom:80px;padding-left:20px;padding-right:20px}.about__inner{gap:32px}.about__para{max-width:100%;font-size:1rem}}.playground{padding-top:calc(var(--nav-height) + 80px);padding-bottom:120px;min-height:100vh}.playground__header{max-width:1400px;margin:0 auto 48px;padding:0 var(--page-px)}.playground__heading{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:400;line-height:1.25;letter-spacing:-.02em;max-width:820px}.playground__heading-bold{color:var(--color-text);font-weight:600}.playground__heading-light{color:var(--color-text-secondary);font-weight:400}.playground__masonry{max-width:1400px;margin:0 auto;padding:0 var(--page-px);columns:4;column-gap:12px}.playground__item{break-inside:avoid;margin-bottom:12px;border-radius:6px;overflow:hidden}.playground__video-wrap{position:relative;width:100%}.playground__video-poster{display:block}.playground__image{width:100%;height:auto;display:block;border-radius:6px;transition:transform .5s ease,opacity .3s ease}.playground__item:hover .playground__image{transform:scale(1.02)}@media(max-width:1024px){.playground__masonry{columns:3}}@media(max-width:640px){.playground{padding-top:calc(var(--nav-height) + 48px)}.playground__masonry{columns:2;column-gap:8px;padding:0 20px}.playground__item{margin-bottom:8px}.playground__header{padding:0 20px}}.cs{background:#f5f4f0;min-height:100vh}.cs__header-img-wrap{padding-top:var(--nav-height);position:relative;background:#1a1b2e}.cs__header-img{width:100%;aspect-ratio:32 / 9;object-fit:cover;display:block}.cs__header-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(10,10,20,.72) 100%);display:flex;align-items:flex-end;padding:52px var(--page-px)}.cs__header-content{max-width:760px}.cs__header-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f5f4f0b3;margin-bottom:10px}.cs__header-title{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:400;letter-spacing:-.025em;line-height:1.05;color:#f5f4f0;margin-bottom:16px}.cs__header-subtitle{font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.7;color:#f5f4f0bf;max-width:560px}.cs__header-vid-wrap{padding-top:var(--nav-height);background:#1a1b2e}.cs__header-vid-text{padding:48px var(--page-px) 40px}.cs__header-vid-text .cs__header-label{color:#bdc3ebb3}.cs__header-vid-text .cs__header-title{color:#f5f4f0}.cs__header-vid-text .cs__header-subtitle{color:#f5f4f0b3}.cs__header-vid{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.cs__header-yt-wrap{padding-top:var(--nav-height);background:#1a1b2e}.cs__header-yt-text{padding:48px var(--page-px) 40px}.cs__header-yt-text .cs__header-label{color:#bdc3ebb3}.cs__header-yt-text .cs__header-title{color:#f5f4f0}.cs__header-yt-text .cs__header-subtitle{color:#f5f4f0b3}.cs__header-yt{position:relative;overflow:hidden;height:0;padding-bottom:56.25%}.cs__header-yt iframe{position:absolute;top:-60px;left:-2px;width:calc(100% + 4px);height:calc(100% + 120px);border:0;display:block;pointer-events:auto}.cs__meta-wrap{padding:0 var(--page-px) 72px}.cs__meta{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;border-top:1px solid rgba(26,27,46,.12);padding-top:40px}.cs__meta-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:12px}.cs__meta-value{font-size:.9rem;line-height:1.65;color:var(--color-text)}.cs__stats-wrap{background:var(--color-text);padding:72px var(--page-px)}.cs__stats{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.cs__stat{border-top:1px solid rgba(189,195,235,.2);padding-top:28px}.cs__stat-number{font-size:clamp(2.6rem,4.5vw,4rem);font-weight:400;letter-spacing:-.03em;color:#f5f4f0;line-height:1;margin-bottom:14px}.cs__stat-desc{font-size:.875rem;line-height:1.55;color:#bdc3eb}.cs__body{max-width:1400px;margin:0 auto;padding:80px var(--page-px) 120px;display:flex;flex-direction:column;gap:80px}.cs__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;align-items:center}.cs__row-text{grid-column:span 2;display:flex;flex-direction:column;gap:48px}.cs__row-video{grid-column:span 1}.cs__row--reverse .cs__row-video{order:-1}.cs__row--single-video{grid-template-columns:1fr 1fr 1fr}.cs__row--single-video .cs__row-video{grid-column:2 / 3}.cs__text-block{border-top:1px solid rgba(26,27,46,.12);padding-top:28px}.cs__text-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:16px}.cs__text-body{font-size:clamp(1rem,1.3vw,1.05rem);line-height:1.8;color:var(--color-text)}.cs__text-body--spaced{margin-top:16px}.cs__text-subheading{font-size:.85rem;font-weight:500;letter-spacing:.01em;color:var(--color-text);margin-top:28px;margin-bottom:8px}.cs-video{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;background:#1a1b2e}.cs-video__el{width:100%;aspect-ratio:9 / 16;object-fit:cover;display:block;transition:transform .6s ease}.cs-video:hover .cs-video__el{transform:scale(1.02)}.cs-video__hint{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:7px;color:#f5f4f0cc;font-size:11px;letter-spacing:.04em;pointer-events:none;transition:opacity .3s ease}.cs-video:hover .cs-video__hint{opacity:0}@media(max-width:1024px){.cs__meta,.cs__stats{grid-template-columns:repeat(2,1fr)}.cs__intro-inner{grid-template-columns:1fr;gap:24px}}@media(max-width:860px){.cs__row{grid-template-columns:1fr}.cs__row-text{grid-column:span 1;gap:32px}.cs__row-video{grid-column:span 1;width:100%;max-width:420px;margin:0 auto}.cs__row--reverse .cs__row-video{order:0}.cs__row--single-video{grid-template-columns:1fr}.cs__row--single-video .cs__row-video{grid-column:1;width:100%;max-width:420px;margin:0 auto}}@media(max-width:640px){.cs__meta-wrap{padding-bottom:48px}.cs__meta{grid-template-columns:1fr;gap:24px}.cs__stats-wrap{padding:48px var(--page-px)}.cs__stats{grid-template-columns:1fr 1fr;gap:24px}.cs__body{padding:48px var(--page-px) 72px;gap:52px}.cs__header-img{aspect-ratio:4 / 3}.cs__header-yt-text,.cs__header-vid-text{padding:36px 20px 28px}.cs__header-yt-text .cs__header-title,.cs__header-vid-text .cs__header-title{font-size:2rem}.cs-video__hint span{display:none}}@media(max-width:400px){.cs__stats{grid-template-columns:1fr}}.notfound{min-height:100vh;display:flex;align-items:center;padding:var(--page-px)}.notfound__inner{max-width:600px;margin:0 auto}.notfound__code{font-size:clamp(5rem,15vw,10rem);font-weight:300;letter-spacing:-.04em;line-height:1;color:var(--color-border);margin-bottom:24px}.notfound__heading{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;letter-spacing:-.02em;margin-bottom:16px}.notfound__body{color:var(--color-text-secondary);margin-bottom:40px;font-size:1rem;line-height:1.6}.notfound__link{display:inline-flex;align-items:center;border:1px solid var(--color-text);border-radius:100px;padding:10px 22px;font-size:14px;color:var(--color-text);transition:background .2s ease,color .2s ease}.notfound__link:hover{background:var(--color-text);color:var(--color-bg)}