@font-face{font-family:Saans;src:url(/assets/fonts/Saans-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Saans;src:url(/assets/fonts/Saans-Medium.otf)format("opentype");font-weight:500;font-display:swap}:root{--c-bg:#121212;--c-text:#fff;--c-ink:#121212;--c-accent:#016f52;--c-logo:#ff6738;--c-green:#015f52;--c-line:#ffffffe6;--font:"Saans", "Helvetica Neue", Arial, sans-serif;--fs-xl:46px;--fs-l:40px;--fs-m:38px;--fs-nav:18px;--fs-s:16px;--fs-xs:12px;--gutter:40px;--radius:10px;--nav-h:68px;--nav-inset:22px}@media (width<=1199px){:root{--fs-xl:38px;--fs-l:32px;--fs-m:32px;--gutter:32px}}@media (width<=809px){:root{--fs-xl:28px;--fs-l:24px;--fs-m:26px;--fs-s:14px;--gutter:16px;--nav-h:56px;--nav-inset:8px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--nav-h) + var(--nav-inset) * 2);margin:0;font-weight:400}h1,h2,h3,p{font-size:inherit;margin:0;font-weight:400}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}::selection{background:var(--c-accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:var(--c-bg)}::-webkit-scrollbar-thumb{background-color:var(--c-green);border-radius:24px}::-webkit-scrollbar-thumb:hover{background-color:var(--c-accent)}.u-link{text-underline-offset:.12em;text-decoration:underline 2px;transition:color .2s}.u-link:hover{color:var(--c-accent)}.label{font-size:var(--fs-s);line-height:1.3}.section{padding:0 var(--gutter)}.nav{left:var(--nav-inset);right:var(--nav-inset);bottom:calc(var(--nav-inset) + 10px);z-index:100;height:var(--nav-h);color:var(--c-ink);border-radius:var(--radius);font-size:var(--fs-nav);background:#fff;justify-content:space-between;align-items:center;padding:0 24px;font-weight:500;line-height:1;display:flex;position:fixed}.nav__logo{color:var(--c-logo)}.nav__links{gap:16px;margin:0;padding:0;list-style:none;display:flex}.nav__links a{transition:color .2s}.nav__links a:hover{color:var(--c-accent)}.nav__links a[aria-current=page]{color:var(--c-green);text-underline-offset:3px;text-decoration:underline}.nav__toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;display:none}@media (width<=809px){.nav{padding:0 16px;font-size:16px}.nav__toggle{display:block}.nav__links{border-radius:var(--radius);opacity:0;visibility:hidden;background:#fff;flex-direction:column;gap:0;padding:8px 16px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(8px)}.nav.is-open .nav__links{opacity:1;visibility:visible;transform:none}.nav__links a{padding:12px 0;font-size:24px;display:block}}.hero{padding:80px var(--gutter) 0}.hero__text{max-width:1104px;font-size:var(--fs-xl);line-height:1.2}.hero__text>*+*{margin-top:1.2em}.hero__art{margin:80px calc(var(--gutter) * -.1) 0;aspect-ratio:1840/702;position:relative}.hero__art img{height:auto;position:absolute}.hero__grid{width:100%;inset:0}.hero__photo{width:23%;top:8%;left:73.1%}.hero__sticker--1{width:32%;top:33%;left:3.7%}.hero__sticker--2{width:20%;top:73.1%;left:44%}.showreel{padding-top:96px}.showreel__video{aspect-ratio:3/2;object-fit:cover;background:#000;width:100%;margin-top:32px}.button{border:1px solid var(--c-line);border-radius:var(--radius);font-size:var(--fs-l);justify-content:center;align-items:center;margin-top:32px;padding:40px;line-height:1.2;transition:background-color .25s,color .25s,border-color .25s;display:flex}@media (hover:hover){.button:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}}.links{padding-top:80px}.link-list{margin:32px 0 0;padding:0;list-style:none}.link-list a{border-bottom:1px solid var(--c-line);height:102px;font-size:var(--fs-m);align-items:center;line-height:1.2;display:flex;overflow:hidden}.link-list li:first-child a{border-top:1px solid var(--c-line)}.roll{display:inline-grid;overflow:hidden}.roll>span{grid-area:1/1;transition:transform .45s cubic-bezier(.65,0,.35,1)}.roll>span+span{color:var(--c-accent);transform:translateY(100%)}@media (hover:hover){a:hover .roll>span:first-child{transform:translateY(-100%)}a:hover .roll>span+span{transform:none}}@media (width<=809px){.link-list a{height:72px}}.contact{font-size:var(--fs-xl);padding-top:120px;line-height:1.2}.contact p{max-width:1070px}.contact p+p{margin-top:24px}.footer{padding:80px var(--gutter) 24px;font-size:11px;line-height:1.3}.page-head{height:75px;padding:0 var(--gutter);align-items:center;display:flex}.intro{padding:80px var(--gutter) 40px}.intro__text{max-width:85%;font-size:var(--fs-xl);line-height:1.2}.intro__break{margin-top:1.2em;display:block}@media (width<=809px){.intro{padding-top:40px}.intro__text{max-width:none}}.featured{padding-top:80px}.slider{margin-top:32px;position:relative}.slider__track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;grid-auto-columns:calc(50% - 8px);grid-auto-flow:column;gap:16px;margin:0;padding:0;list-style:none;display:grid;overflow-x:auto}.slider__track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start}.slide img{aspect-ratio:3/2;object-fit:cover;background:#1e1e1e;border-radius:8px;width:100%;transition:transform .4s}@media (hover:hover){.slide a:hover img{transform:scale(.985)}}.slide__cta{margin-top:24px;font-size:14px;line-height:1.3;transition:color .2s;display:inline-block}@media (hover:hover){.slide a:hover .slide__cta{color:var(--c-accent)}}.slider__arrow{width:40px;height:40px;color:var(--c-ink);font:inherit;cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;font-size:18px;transition:background-color .2s,opacity .2s;position:absolute;top:calc(50% - 43px)}.slider__arrow--prev{left:16px}.slider__arrow--next{right:16px}@media (width<=809px){.slider__track{grid-auto-columns:85%}.slider__arrow{display:none}}.finished{padding-top:80px}.project-list{border-top:1px solid var(--c-line);margin:32px 0 0;padding:0;list-style:none}.project{border-bottom:1px solid var(--c-line);align-items:center;gap:24px;min-height:102px;padding:16px 0;display:flex}.project__title{font-size:var(--fs-m);flex:1;line-height:1.2}.project__tags,.project__meta{font-size:18px;line-height:1.3}@media (width<=809px){.project{flex-wrap:wrap;gap:4px 16px;min-height:72px}.project__title{flex-basis:100%}.project__tags{display:none}.project__meta{opacity:.6;font-size:14px}}.intro--about{padding-top:45px}.intro__more{margin-top:24px}.intro__more+.intro__more{margin-top:1.2em}.gallery{padding:16px 0 0}.slider--gallery{margin-top:0}.slider--gallery .slider__track{padding:0 var(--gutter);scroll-padding:0 var(--gutter);grid-auto-columns:max-content}.slider--gallery .slide img{width:auto;height:586px}.slider--gallery .slider__arrow{top:calc(50% - 20px)}.cv{flex-direction:column;gap:20px;padding-top:56px;padding-bottom:40px;display:flex}.cv__list{max-width:1162px;margin:20px 0 0;padding:0;font-size:26px;line-height:1.4;list-style:none}.cv__list a{transition:color .2s}.cv__list a:hover{color:var(--c-accent)}.listen{padding-top:160px}.listen__player{border:0;border-radius:12px;width:100%;height:352px;margin-top:32px;display:block}@media (width<=1199px){.slider--gallery .slide img{height:440px}}@media (width<=809px){.gallery{padding-top:40px}.slider--gallery .slide img{height:320px}.cv__list{font-size:18px}.listen{padding-top:96px}}.art{margin:56px var(--gutter) 0;aspect-ratio:1840/702;position:relative}.art--wide{margin-inline:16px}.art--404{margin-top:120px}.art__grid{width:100%;height:100%;position:absolute;inset:0}.art__item{height:auto;position:absolute}.art__phone{width:auto;transform:translate(-50%, -50%) rotate(var(--rot,0deg));position:absolute}html:has(dialog.case[open]){overflow:hidden}.slide__more{opacity:.5}.case{width:min(1200px, calc(100% - 2 * var(--gutter)));background:var(--c-bg);max-width:none;height:auto;max-height:calc(100% - 64px);color:var(--c-text);overscroll-behavior:contain;border:1px solid #ffffff1f;border-radius:16px;margin:auto;padding:0;overflow-y:auto;box-shadow:0 40px 120px #0009}.case[open]{animation:.4s cubic-bezier(.22,1,.36,1) case-in}.case[open]::backdrop{animation:.3s case-fade}.case::backdrop{-webkit-backdrop-filter:blur(8px);background:#000000b3}@keyframes case-in{0%{opacity:0;transform:translateY(24px)scale(.98)}}@keyframes case-fade{0%{opacity:0}}@media (width<=809px){.case{border-radius:12px;width:calc(100% - 16px);max-height:calc(100% - 16px)}}.case__bar{z-index:2;height:75px;padding:0 var(--gutter);background:linear-gradient(var(--c-bg) 70%, transparent);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.case__close{border-radius:var(--radius);color:var(--c-ink);font:inherit;font-size:var(--fs-nav);cursor:pointer;background:#fff;border:0;padding:12px 20px;font-weight:500;line-height:1;transition:background-color .2s}@media (hover:hover){.case__close:hover{background:var(--c-accent);color:#fff}}.case__body{padding:24px var(--gutter) 64px}.case__head{border-bottom:1px solid var(--c-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding-bottom:32px;display:flex}.case__title{font-size:var(--fs-xl);line-height:1.2}.case__meta{font-size:18px;line-height:1.3}.case__info{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px 80px;padding:40px 0 80px;display:grid}.case__text{max-width:900px;font-size:26px;line-height:1.4}.case__text>*+*{margin-top:1em}.case__text a{text-underline-offset:.12em;text-decoration:underline}.case__credits{flex-direction:column;gap:16px;margin:0;font-size:18px;line-height:1.3;display:flex}.case__credits dt{opacity:.5}.case__credits dd{margin:4px 0 0}.case__media{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.case__media li:first-child{grid-column:1/-1}.case__media img,.case__media video{background:#1e1e1e;border-radius:8px;width:100%;height:auto}.case__foot{flex-direction:column;gap:80px;padding-top:32px;display:flex}.case__next{border-top:1px solid var(--c-line);flex-direction:column;gap:12px;padding-top:32px;display:flex}.case__next-title{font-size:var(--fs-xl);line-height:1.2;transition:color .2s}@media (hover:hover){.case__next:hover .case__next-title{color:var(--c-accent)}}@media (width<=809px){.case__info{grid-template-columns:1fr;padding-bottom:48px}.case__text{font-size:18px}.case__media{grid-template-columns:1fr}.case__foot{gap:48px}}.filter{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.filter__btn{border:1px solid var(--c-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:10px 16px;font-size:16px;line-height:1;transition:background-color .2s,color .2s,border-color .2s}.filter__btn sup{opacity:.6;font-size:.7em}@media (hover:hover){.filter__btn:hover{border-color:var(--c-accent);color:var(--c-accent)}}.filter__btn[aria-pressed=true]{color:var(--c-ink);background:#fff;border-color:#fff}.project-list li[hidden]{display:none}.project-preview{z-index:50;pointer-events:none;opacity:0;border-radius:8px;width:320px;height:auto;transition:opacity .2s;position:fixed;top:0;left:0}.project-preview.is-visible{opacity:1}@media (hover:none),(width<=809px){.project-preview{display:none}}@media (width<=809px){.filter{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.filter__btn{flex:none}}:root{--c-hover:#016f52}.cursor{display:none}@media (hover:hover) and (pointer:fine){html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}html.has-cursor .case,html.has-cursor .case a{cursor:auto}html.has-cursor .case a,html.has-cursor .case button{cursor:pointer}.cursor{z-index:200;pointer-events:none;opacity:0;background:#016f5280;border-radius:50%;width:24px;height:24px;transition:opacity .2s;display:block;position:fixed;top:-12px;left:-12px}.cursor.is-visible{opacity:1}}.page-head__link{display:inline-grid}.page-head__label,.page-head__back{grid-area:1/1;transition:opacity .2s}.page-head__back{color:var(--c-hover);text-underline-offset:3px;white-space:nowrap;opacity:0;text-decoration:underline}.page-head__link:hover .page-head__label{opacity:0}.page-head__link:hover .page-head__back{opacity:1}.slider__arrow{background:var(--c-hover);color:#fff;place-items:center;display:grid}.slider__arrow:hover{background:#01885f}.slider__arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.project-list{border-top:0;border-bottom:2px solid #fff}.project,.link-list a,.link-list li:first-child a{border-top:2px solid #fff;border-bottom:0;transition:border-color .25s,color .25s}.link-list{border-bottom:2px solid #fff}.project .roll>span+span,.link-list .roll>span+span{padding-left:16px}.project .roll>span+span:after,.link-list .roll>span+span:after{content:"";vertical-align:-.02em;background:currentColor;width:.8em;height:.8em;margin-left:.2em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M5 25 25 5M9 5h16v16'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M5 25 25 5M9 5h16v16'/%3E%3C/svg%3E") 50%/contain no-repeat}div.project .roll>span+span{display:none}.project__side{text-align:right;justify-items:end;min-width:160px;display:grid}.project__meta{min-width:0}.project__tags{max-height:0;color:inherit;opacity:0;font-size:20px;transition:max-height .35s,opacity .25s;overflow:hidden}.roll>span+span{color:var(--c-hover)}@media (hover:hover){a.project:hover,.link-list li a:hover{border-top-color:var(--c-hover);color:var(--c-hover)}a.project:hover .project__tags{opacity:1;max-height:3em}}@media (width<=809px){.project__side{text-align:left;justify-items:start;min-width:0}}.button .roll>span+span{color:#fff}@media (width<=809px){:root{--fs-xl:23px;--fs-m:23px;--fs-s:16px;--nav-h:48px;--nav-inset:6px}.nav{bottom:8px}.nav__logo{font-size:17px;transition:opacity .2s}.nav__toggle{z-index:1;position:relative}.nav__links{z-index:-1;text-align:center;padding:36px 16px 84px;bottom:0;transform:translateY(12px)}.nav__links a{padding:0;line-height:40px}.nav__links a[aria-current=page]{text-decoration:none}.nav.is-open .nav__logo{opacity:0;pointer-events:none}.nav.is-open .nav__toggle{position:absolute;bottom:33px;left:50%;transform:translate(-50%)}.hero{padding-top:56px}.hero__art{aspect-ratio:358/365;margin:96px 0 0}.hero__art .hero__grid{object-fit:contain;height:100%}.hero__photo{width:45%;top:21px;left:auto;right:7px}.hero__sticker--1{width:53.1%;top:auto;bottom:26px;left:15px}.hero__sticker--2{aspect-ratio:107/78;object-fit:contain;width:29.9%;top:auto;bottom:-29px;left:200px}.showreel{padding-top:112px}.showreel__video{border-radius:8px}.button{text-align:center;padding:24px}.links,.contact{padding-top:56px}.link-list a,.project{height:auto;min-height:96px;padding-left:2px}.footer{padding:96px var(--gutter) 8px;font-size:14px}.page-head{height:64px}.intro{padding-top:51px}.intro--about{padding-top:24px}.slider__track{grid-auto-columns:100%;gap:8px}.slide__cta{margin-top:24px}.project{flex-wrap:nowrap;gap:12px;padding-block:12px}.project__title{flex:auto;min-width:0}.project__side{flex:none;width:80px}.project__meta{opacity:1;font-size:11px}.gallery{padding-top:0}.slider--gallery .slider__track{gap:var(--gutter);grid-auto-columns:100%}.slider--gallery .slide img{object-fit:cover;width:100%;height:489px}.slider--gallery .slider__arrow{width:32px;height:32px;display:grid}.slider--gallery .slider__arrow--prev{left:24px}.slider--gallery .slider__arrow--next{right:24px}.cv{gap:35px}.cv__list{margin-top:10px}.case__bar{height:64px}.case__close{padding:10px 16px;font-size:16px}.case .button{font-size:20px}}.case:focus{outline:none}@media (width>=810px){[data-drag]{touch-action:none;user-select:none;-webkit-user-drag:none}}@media (hover:none){.roll>span+span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}