:root{--black: #000;--grey: #999999;--ink: #212121;--white: #fff;--chip: #99999961;--gutter: 20px;--chip-gap: 2px;--header-bottom: 50px;--font-sans: "neue-haas-grotesk-display", Arial, sans-serif;--font-display: "neue-haas-grotesk-display", Arial, sans-serif;--font-condensed: "Franklin Gothic", sans-serif}:root{--page-bg: var(--ink);--box-fg: var(--white);--chip-hover-bg: var(--white);--chip-hover-fg: var(--ink);--focus: var(--white);--head-fg: #626262;--cursor-bg: #fff;--cursor-fg: var(--ink);--close-fg: #fff}html[data-theme=contrast]{--page-bg: var(--grey);--focus: var(--ink)}html[data-theme=contrast][data-variant="1"]{--grey: #000;--ink: #ff0;--chip: #000000b8;--box-fg: #0ff;--chip-hover-bg: #ff0;--chip-hover-fg: #000;--head-fg: #0ff;--cursor-bg: #ff0;--cursor-fg: #000;--close-fg: #000}html[data-theme=contrast][data-variant="2"]{--grey: #ff0;--ink: #000;--chip: #ffff00d9;--box-fg: #000;--chip-hover-bg: #000;--chip-hover-fg: #ff0;--head-fg: #00f;--cursor-bg: #000;--cursor-fg: #ff0;--close-fg: #fff}html[data-theme=contrast][data-variant="3"]{--grey: #00f;--ink: #ff0;--chip: #0000ffc7;--box-fg: #fff;--chip-hover-bg: #ff0;--chip-hover-fg: #00f;--head-fg: #0ff;--cursor-bg: #ff0;--cursor-fg: #00f;--close-fg: #00f}html[data-theme=contrast][data-variant="4"]{--grey: #000;--ink: #0f0;--chip: #000000b8;--box-fg: #0f0;--chip-hover-bg: #0f0;--chip-hover-fg: #000;--head-fg: #f0f;--cursor-bg: #0f0;--cursor-fg: #000;--close-fg: #000}html[data-theme=light]{--grey: hsl(var(--h) 22% 86%);--ink: hsl(var(--h) 32% 30%);--page-bg: var(--grey);--focus: var(--ink);--chip: hsl(var(--h) 25% 92% / .55);--box-fg: hsl(var(--h) 32% 26%);--chip-hover-bg: hsl(var(--h) 32% 26%);--chip-hover-fg: hsl(var(--h) 25% 92%);--head-fg: hsl(var(--h) 18% 50%);--cursor-bg: hsl(var(--h) 32% 26%);--cursor-fg: hsl(var(--h) 25% 92%);--close-fg: #fff}html[data-theme=dark]{--grey: hsl(var(--h) 18% 16%);--ink: hsl(var(--h) 25% 74%);--page-bg: var(--grey);--focus: var(--ink);--chip: hsl(var(--h) 18% 10% / .55);--box-fg: hsl(var(--h) 25% 82%);--chip-hover-bg: hsl(var(--h) 25% 82%);--chip-hover-fg: hsl(var(--h) 18% 14%);--head-fg: hsl(var(--h) 15% 52%);--cursor-bg: hsl(var(--h) 25% 82%);--cursor-fg: hsl(var(--h) 18% 14%);--close-fg: hsl(var(--h) 18% 14%)}@font-face{font-family:Franklin Gothic;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/Franklin-Gothic-Medium-Cond-Regular.DRJmlJKd.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--page-bg);color:var(--white);font-family:var(--font-sans);font-size:16px;line-height:1.5}h1,h2,h3,h4,p,figure,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}img,video,iframe,picture{display:block;max-width:100%;border:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:20px;z-index:1000;padding:8px;border-radius:4px;background:var(--white);color:var(--ink);font:700 14px/14px var(--font-sans);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;mix-blend-mode:normal}.on-light :focus-visible,.footer :focus-visible{outline-color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@view-transition{navigation:auto}::view-transition{background:var(--grey)}::view-transition-group(root){animation-duration:1.6s}::view-transition-old(root){animation:vt-out .8s ease both;mix-blend-mode:normal}::view-transition-new(root){animation:vt-in .8s ease .8s both;mix-blend-mode:normal}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}html[data-seamless]::view-transition{background:transparent}html[data-seamless]::view-transition-group(root){animation-duration:.22s}html[data-seamless]::view-transition-old(root){animation:vt-out .22s ease both}html[data-seamless]::view-transition-new(root){animation:vt-in .22s ease 0s both}.site-header{position:fixed;inset:0 0 auto;z-index:100;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 0;pointer-events:none}.chip{pointer-events:auto;display:inline-block;padding:8px;border-radius:4px;background:var(--chip);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);color:var(--box-fg);font-size:14px;line-height:14px;transition:background-color .3s,color .3s}.chip span{display:block}.chip--logo{font-family:var(--font-sans);font-weight:700;text-transform:uppercase}.chip--works{font-family:var(--font-display);font-weight:400;letter-spacing:.7px;text-transform:uppercase}.chip:hover{background:var(--chip-hover-bg);color:var(--chip-hover-fg)}.works{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--grey);color:var(--ink);overflow:hidden}.works:not([open]){display:none}.works[open]{animation:works-in .3s ease both}.works::backdrop{background:#000000e6}.works__bar{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;padding:20px 20px 0}.works .chip{color:var(--ink)}.works .chip--logo{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding-left:0;margin-left:10px}.works .chip--logo:hover{background:transparent;color:var(--ink)}.works .chip--works{position:relative;background:transparent;color:var(--close-fg);-webkit-backdrop-filter:none;backdrop-filter:none}.works .chip--works:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:4px;background:#fff;mix-blend-mode:difference}.works .chip--works:before{transition:background-color .3s}.works .chip--works:hover{background:transparent;color:var(--chip-hover-fg)}.works .chip--works:hover:before{background:var(--chip-hover-bg);mix-blend-mode:normal}.works__nav{position:absolute;inset:auto 0 0;max-height:calc(100vh - 90px);overflow-y:auto;padding:0 0 20px}@media(min-width:1021px){.works{--head-h: 28px;--works-list-h: min(calc(var(--head-h) + var(--rows) * 61px + 28px), calc(100vh - 90px) )}.works__nav{max-height:var(--works-list-h)}}.works__list li{border-top:1px solid var(--ink)}.works__list li:last-child{border-bottom:1px solid var(--ink)}.works__row{position:relative;display:grid;grid-template-columns:1.7fr 1.1fr .9fr 1.3fr 80px;align-items:center;column-gap:20px;min-height:60px;padding:0 30px;color:var(--ink);font:400 14px/18px var(--font-sans);transition:color .3s}.works__head{display:grid;grid-template-columns:1.7fr 1.1fr .9fr 1.3fr 80px;column-gap:20px;align-items:end;position:sticky;top:0;z-index:2;background:var(--grey);min-height:var(--head-h, 28px);padding:0 30px 8px;color:var(--head-fg);font:700 12px/16px var(--font-sans)}.works__head .h-year{text-align:right}.works__name{font:400 24px/28px var(--font-display);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works__year{text-align:right}.works__thumb,.works__cta{display:none}.works__row:before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;mix-blend-mode:difference;opacity:0;transition:opacity .15s ease;pointer-events:none}.works__row:focus-visible{outline:none}.works__row:focus-visible:before{opacity:1}.works__row:focus-visible{color:var(--grey)}.works__preview{position:fixed;inset:auto 0 0;height:calc(var(--works-list-h, 100vh) - var(--head-h, 0px));z-index:-2;pointer-events:none;--s: clamp(190px, 21vw, 300px)}.works__shot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.works__shot.is-on{opacity:1}.works__shot picture{display:contents}.works__img{flex:none;width:calc(var(--s) * var(--k));height:calc(var(--s) / var(--k));max-width:none;max-height:min(60vh,calc(var(--works-list-h, 100vh) - var(--head-h, 0px) - 40px));object-fit:cover;border-radius:4px}.works__cursor{position:fixed;left:0;top:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .12s ease;padding:8px 10px;border-radius:4px;background:var(--cursor-bg);color:var(--cursor-fg);font:400 12px/12px var(--font-display);letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}.works__cursor.is-on{opacity:1}.works__cursor span{display:inline-block}.works__cursor b{font-weight:inherit}@media(hover:hover)and (pointer:fine){.works__row:hover:before{opacity:1}.works__row:hover{color:var(--grey)}a.works__row{cursor:default}}@media(hover:none),(pointer:coarse){.works__preview,.works__cursor{display:none}}@keyframes works-in{0%{opacity:0}to{opacity:1}}body:has(.works[open]){overflow:hidden}@media(max-width:1020px){.works__nav{padding:0 0 20px}.works__row{grid-template-columns:1fr auto;grid-template-areas:"name client" "thumb thumb";align-items:baseline;row-gap:12px;padding:16px 30px 20px;min-height:0}.works__head{grid-template-columns:1fr auto;padding:0 30px 8px}.works__head .h-industry,.works__head .h-scope,.works__head .h-year{display:none}.works__head .h-client{text-align:right}.works__name{grid-area:name;white-space:normal}.works__client{grid-area:client;text-align:right}.works__scope,.works__industry,.works__year{display:none}.works__thumb{display:block;position:relative;grid-area:thumb}.works__thumb-img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:50% 50%;border-radius:4px}div.works__row .works__thumb-img{aspect-ratio:32 / 10}.works .works__cta{display:inline-block;white-space:nowrap;position:absolute;left:10px;bottom:10px;color:var(--box-fg);font-family:var(--font-display);font-weight:400;letter-spacing:.7px;text-transform:uppercase}.works .works__cta span{display:inline}.works__preview,.works__cursor{display:none}}@media(max-width:767px){.works__row{padding:16px 20px 20px}.works__head{padding:0 20px 8px}:root{--header-bottom: 48px}.chip{font-size:12px;line-height:12px}.site-header .chip--logo{max-width:48%}.works .chip--logo{margin-left:0}}
