@font-face{font-family:Kofein Display;src:url(/fonts/contact/Jazmin-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:optional}@font-face{font-family:Kofein Sans;src:url(/fonts/contact/roboto-variable-latin-ext.woff2)format("woff2");font-weight:100 900;font-style:normal;font-stretch:75% 100%;font-display:optional;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kofein Sans;src:url(/fonts/contact/roboto-variable-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-stretch:75% 100%;font-display:optional;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kofein Control;src:url(/fonts/contact/Roboto_SemiCondensed-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-stretch:87.5%;font-display:optional}:root{--red:#ee1d23;--black:#231f20;--white:#fff;--header-h:80px;--ease:cubic-bezier(.16, 1, .3, 1);--display-font:Jazmin, Georgia, "Times New Roman", serif;--body-font:Roboto, Arial, sans-serif;--meta-font:"Roboto Semi Condensed", Roboto, Arial, sans-serif;--shared-display-font:"Kofein Display", Georgia, "Times New Roman", serif;--shared-body-font:"Kofein Sans", Arial, sans-serif;--shared-control-font:"Kofein Control", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--white);scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--body-font);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.entry{z-index:100;background:var(--white);color:#000;display:none;position:fixed;inset:0}.js .is-entering .entry:not([hidden]){display:block}.entry-skip{text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid;min-height:44px;padding:8px 0;font-size:11px;position:absolute;bottom:28px;right:34px}.brand-lockup{width:100px;padding:14px;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.identity-mark{width:100%;height:auto;display:block;overflow:visible}.entry-mark{pointer-events:none;width:min(760px,82vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.entry-mark .identity-mark{transform-origin:50%}.identity-glyph{transform-box:fill-box;transform-origin:50%}.brand-lockup:has(.header-identity){width:156px}.header-identity{width:120px;height:auto;margin:0;transition:width .3s ease-in-out;display:block;position:relative;left:50%;overflow:visible;transform:translate(-50%)}.header-glyph{transform-box:fill-box;transform-origin:50%;transition:transform .3s ease-in-out}.header-glyph-retire{clip-path:inset(0);transition:clip-path .2s ease-in-out}.site-header[data-brand=short] .header-identity{width:127.418px}.site-header[data-brand=short] .header-glyph:not(.header-glyph-retire){transform:translateX(var(--short-x))}.site-header[data-brand=short] .header-glyph-retire{clip-path:inset(0 100% 0 0)}.site-header[data-identity=static] .header-identity,.site-header[data-identity=static] .header-glyph{transition:none}.site-header[data-identity=work]{--identity-time:.45s;--identity-ease:cubic-bezier(.65,0,.35,1)}.site-header[data-identity=work] .header-identity{transition:width var(--identity-time) var(--identity-ease)}.site-header[data-identity=work] .header-glyph:not(.header-glyph-retire){transition:transform var(--identity-time) var(--identity-ease)}.site-header[data-identity=work] .header-glyph-retire{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%) fill-box;transition:clip-path var(--identity-time) var(--identity-ease)}.site-header[data-identity=work][data-brand=short] .header-glyph-retire{clip-path:polygon(var(--fold-x) 0%, var(--fold-x) 0%, var(--fold-x) 100%, var(--fold-x) 100%) fill-box}.site-header[data-scroll-header=true]{transition:transform .5s cubic-bezier(.39,.575,.565,1),opacity .28s}.site-header[data-scroll-header=true][data-retracted=true]{transform:translateY(-100%)}.site-header[data-scroll-header=true]:focus-within,.menu-open .site-header[data-scroll-header=true]{transform:none}.brand-lockup:focus-visible{outline-offset:2px;outline:2px solid #000}.js .is-entering{overflow:hidden}.js .is-entering .site-header,.js .is-entering .brand-lockup{pointer-events:none}.site-header{z-index:30;height:var(--header-h);color:#000;background:var(--white);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;transition:opacity .28s;display:grid;position:fixed;top:0;left:0;right:0}.site-header[data-over-hero=true]{color:#fff;background:0 0}.site-header[data-over-hero=true][data-hero-tone=light]{color:#000}.site-header[data-over-hero=true] .header-glyph:not([data-letter=dot]) path{fill:currentColor}.site-header[data-over-hero=true] .brand-lockup:focus-visible{outline-color:currentColor}.site-header[data-over-hero=true][data-scroll-header=true]{transition:transform .5s cubic-bezier(.39,.575,.565,1),opacity .28s,background-color .2s,color .2s}.site-header[data-over-hero=true][data-surface=content],.no-js .site-header[data-over-hero=true]{color:#000;background:#fff}.site-header[data-over-hero=true][data-surface=content] .header-glyph:not([data-letter=dot]) path,.no-js .site-header[data-over-hero=true] .header-glyph:not([data-letter=dot]) path{fill:#000}.header-action{text-transform:uppercase;width:max-content;font-family:var(--shared-control-font);letter-spacing:.16em;padding:10px 0;font-size:10px;font-weight:600;line-height:1;position:relative}.header-action:after{content:"";transform-origin:100%;height:1px;transition:transform .35s var(--ease);background:currentColor;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.header-action:hover:after,.header-action:focus-visible:after{transform-origin:0;transform:scaleX(1)}.header-projects{grid-column:1;justify-self:start}.header-menu{grid-column:3;justify-self:end}.shortmark{justify-self:center;width:70px;line-height:0;display:block}.shortmark img{width:100%;height:auto;display:block}.menu-open{overflow:hidden}.menu-open .site-header{opacity:0;pointer-events:none}.showreel{background:var(--black);height:100vh;min-height:720px;overflow:hidden}.showreel video{object-fit:cover;background:var(--black);width:100%;height:100%;display:block}.positioning{background:var(--white);flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(110px,12vh,150px) 8vw;display:flex;overflow:hidden}.positioning h1{max-width:1130px;font:400 clamp(80px, 8.8vw, 132px) / .84 var(--display-font);letter-spacing:-.085em;margin:0}.positioning-word{transition:color .16s}.positioning-word:hover{color:var(--red)}@media (hover:none) and (pointer:coarse){.positioning-word:hover{color:inherit}}.positioning p{max-width:620px;margin:54px 0 0 auto;font-size:clamp(18px,1.55vw,23px);line-height:1.42}.js .reveal{opacity:0;clip-path:inset(0 0 100%);transition:opacity .8s ease, transform 1.05s var(--ease), clip-path 1.05s var(--ease);transform:translateY(64px)}.js .reveal.is-visible{opacity:1;clip-path:inset(0);transform:none}.js .positioning p.reveal{transition-delay:.13s}.final-navigation{background:var(--white);color:var(--black)}.destination{background:var(--white);text-align:center;isolation:isolate;place-items:center;min-height:29vh;padding:0 5vw;display:grid;position:relative;overflow:hidden}.destination-name{font:400 clamp(74px, 8.5vw, 130px) / .78 var(--display-font);letter-spacing:-.075em;transition:transform .6s var(--ease), letter-spacing .6s var(--ease), color .35s ease}.destination-arrow{width:74px;height:74px;transition:transform .6s var(--ease), background .3s ease, color .3s ease;border:1px solid;border-radius:50%;place-items:center;font-size:27px;display:grid;position:absolute;top:50%;right:5vw;transform:translateY(-50%)}.destination:hover .destination-name,.destination:focus-visible .destination-name{letter-spacing:-.055em;color:#ed1b24;transform:scale(1.025)}.destination:hover .destination-arrow,.destination:focus-visible .destination-arrow{background:var(--black);color:var(--white);transform:translateY(-50%)rotate(-42deg)scale(1.08)}.site-footer{background:var(--white);min-height:0;color:var(--black);font-family:var(--meta-font);text-transform:uppercase;letter-spacing:.13em;grid-template-columns:1fr auto;align-content:start;gap:35px;padding:38px 34px 28px;font-size:9px;display:grid}.footer-primary,.footer-legal{flex-wrap:wrap;gap:22px;display:flex}.footer-legal{grid-column:2;justify-content:flex-end}.site-footer a{position:relative}.site-footer a:after{background:var(--red);content:"";transform-origin:100%;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.site-footer a:hover:after,.site-footer a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.menu-overlay{z-index:80;background:var(--red);color:var(--white);visibility:hidden;opacity:0;clip-path:inset(0 0 100%);transition:visibility .65s, opacity .25s ease, clip-path .65s var(--ease);position:fixed;inset:0}.menu-overlay[aria-hidden=false]{visibility:visible;opacity:1;clip-path:inset(0)}.menu-header{height:var(--header-h);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;display:grid}.menu-header .shortmark{background:0 0;grid-column:2;width:112px;padding:0;overflow:visible}.menu-header .shortmark img{mix-blend-mode:screen}.menu-close{grid-column:3;justify-self:end}.menu-navigation{height:calc(100% - var(--header-h));flex-direction:column;justify-content:center;padding:3vh 8vw 7vh;display:flex}.menu-navigation a{font:400 clamp(74px, 8.4vw, 128px) / .82 var(--shared-display-font);letter-spacing:-.07em;opacity:0;transition:opacity .42s ease, transform .72s var(--ease), padding-left .35s var(--ease);justify-content:space-between;align-items:center;padding:.065em 0;display:flex;transform:translateY(42px)}.menu-overlay[aria-hidden=false] .menu-navigation a{opacity:1;transform:none}.menu-overlay[aria-hidden=false] .menu-navigation a:nth-child(2){transition-delay:50ms}.menu-overlay[aria-hidden=false] .menu-navigation a:nth-child(3){transition-delay:.1s}.menu-overlay[aria-hidden=false] .menu-navigation a:nth-child(4){transition-delay:.15s}.menu-navigation a:after{content:"↗";opacity:.55;transition:transform .35s var(--ease), opacity .35s ease;font:400 30px/1 Arial,sans-serif}.menu-navigation a[href=\/projects]:after,.menu-navigation a[href="/projects/"]:after,.menu-navigation a[href=\/services]:after,.menu-navigation a[href="/about/"]:after,.menu-navigation a[href=\/contact]:after{content:none}.menu-navigation a:hover,.menu-navigation a:focus-visible{padding-left:2vw}.menu-navigation a:hover:after,.menu-navigation a:focus-visible:after{opacity:1;transform:rotate(45deg)}:focus-visible{outline-offset:6px;outline:2px solid}@media (width<=900px){.site-header,.menu-header{padding:0 20px}.positioning{padding-inline:7vw}.positioning h1{font-size:clamp(58px,12vw,100px)}.destination{min-height:25vh}.destination-name{font-size:clamp(54px,12vw,94px)}.destination-arrow{width:58px;height:58px}.site-footer{grid-template-columns:1fr}.site-footer a{align-items:center;min-height:44px;display:inline-flex}.footer-legal{grid-column:1;justify-content:flex-start}html body .site-footer:has(.footer-primary){grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 12px}html body .site-footer:has(.footer-primary) .footer-primary,html body .site-footer:has(.footer-primary) .footer-legal{flex-wrap:nowrap;align-items:center}html body .site-footer:has(.footer-primary) .footer-legal{grid-column:2;justify-content:flex-end;gap:12px}html body .site-footer:has(.footer-primary) a{white-space:nowrap;min-width:44px}html body .site-footer:has(.footer-primary) .footer-legal span{white-space:nowrap}.menu-navigation a{font-size:clamp(54px,12vw,94px)}}@media (width<=560px){.entry-skip{bottom:20px;right:20px}.showreel{min-height:100svh}.positioning{min-height:100svh;padding-block:96px}.positioning h1{font-size:clamp(48px,15vw,72px)}.positioning p{margin-top:42px}.destination{text-align:left;place-items:center start;min-height:22svh;padding-inline:20px 82px}.destination-name{font-size:clamp(48px,15vw,68px)}.destination-arrow{width:50px;height:50px;right:20px}.site-footer{padding-inline:20px}.menu-navigation{padding-inline:7vw}.menu-navigation a{font-size:clamp(48px,15vw,68px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.entry,.js:not(.intro-preview) .is-entering .entry{display:none}.js:not(.intro-preview) .is-entering{overflow:visible}.js:not(.intro-preview) .is-entering .site-header{z-index:30;pointer-events:auto}.js:not(.intro-preview) .is-entering .site-header>.header-action{opacity:1}.js .reveal{opacity:1;clip-path:none;transform:none}.site-header[data-identity=work][data-motion-preview=true] .header-identity,.site-header[data-identity=work][data-motion-preview=true] .header-glyph{transition-duration:var(--identity-time)!important}.site-header[data-scroll-header=true][data-motion-preview=true]{transition-duration:.5s,.28s!important}}.site-header[data-scroll-header=true][data-motion-off=true],.site-header[data-identity=work][data-motion-off=true] .header-identity,.site-header[data-identity=work][data-motion-off=true] .header-glyph{transition-duration:.01ms!important}@media (width<=360px){.site-header{padding-inline:12px}.brand-lockup:has(.header-identity){width:136px}.header-identity{width:106px}}.work-page,.case-page{--display-font:var(--shared-display-font);--body-font:var(--shared-body-font);--meta-font:var(--shared-control-font)}.work-page{padding-top:var(--header-h);color:#000}.work-intro{text-align:center;padding:90px 20px 85px}.work-intro h1{font:400 132px/.95 var(--display-font);letter-spacing:-.035em;margin:0}.work-title-dot{color:var(--red);margin-inline-start:.045em}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(1224px,100% - 68px);margin:0 auto;padding:0;list-style:none;display:grid}.work-item{min-width:0}.project-card{text-align:center;margin:0;position:relative;overflow:hidden}.project-media{aspect-ratio:13/10;color:#5f6358;background:linear-gradient(145deg,#f5f5f2,#e4e5df);place-content:center;display:grid;position:relative}.work-item:nth-child(3n+2) .project-media{background:linear-gradient(145deg,#eeeeed,#dfe1df)}.work-item:nth-child(3n) .project-media{background:linear-gradient(145deg,#f3f1eb,#e4e1d8)}.project-cross{opacity:.45;pointer-events:none;border:1px solid #cdd0c5;position:absolute;inset:17%}.project-cross:before,.project-cross:after{content:"";background:#c6cabf;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-cross:before{width:1px;height:38px}.project-cross:after{width:38px;height:1px}.project-caption{background:#fff;padding:18px 14px 16px;position:relative}.project-caption h2{font:400 29px/1.1 var(--display-font);letter-spacing:.025em;font-kerning:none;margin:0}.project-card:focus-visible{outline-offset:4px;outline:2px solid #000}.work-grid{margin-bottom:72px}@media (hover:hover) and (pointer:fine) and (width>=641px){.project-caption{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out;position:absolute;bottom:0;left:0;right:0;transform:translateY(50%)}.project-card:hover .project-caption,.project-card:focus-visible .project-caption{opacity:1;transform:translateY(0)}}@media (width<=1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 40px)}.work-intro{padding:65px 20px}.work-intro h1{font-size:100px}}@media (width<=640px){.work-grid{grid-template-columns:1fr;gap:28px}.work-intro{padding:44px 20px 50px}.work-intro h1{font-size:68px}.project-caption{padding:16px 4px 0}.project-caption h2{font-size:26px}.work-grid{margin-bottom:50px}}.positioning h1{letter-spacing:.01em;font-size:clamp(65.856px,7.24416vw,108.662px);line-height:1}.positioning p{margin-top:40px}.positioning-word.final-word{white-space:nowrap}.headline-period,.positioning-word:hover .headline-period{color:#ee1d23}@media (width<=900px){.positioning h1{font-size:clamp(47.7456px,9.8784vw,82.32px)}}@media (width<=560px){.positioning{min-height:calc(100svh - 64px)}.positioning h1{font-size:clamp(39.5136px,12.348vw,59.2704px)}.positioning p{margin-top:30px}}.js .positioning h1.reveal{clip-path:inset(-.12em -.03em 100%)}.js .positioning h1.reveal.is-visible{clip-path:inset(-.12em -.03em)}@media (prefers-reduced-motion:reduce){.js .positioning h1.reveal{clip-path:none}}