@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-mono-latin-400-normal-DVTTRLHv.woff2) format("woff2"),url(/assets/fira-mono-latin-400-normal-C3FQ26ho.woff) format("woff")}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-mono-latin-700-normal-BS51peDT.woff2) format("woff2"),url(/assets/fira-mono-latin-700-normal-BXUfGHNL.woff) format("woff")}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{font-family:Instrument Sans Variable,sans-serif;color:#121212;background:#e3dbd0;font-synthesis:none;--header-top: 24px;--menu-left: 20px;--nav-text-size: 10px;--nav-line-height: 14px;--paper: #e3dbd0;--red: #bf2a23}*{box-sizing:border-box}body{margin:0}a{color:inherit}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--red);outline-offset:5px}.portfolio{position:relative;isolation:isolate;width:100%;min-height:100svh;height:100dvh;overflow:hidden;background:var(--paper)}.site-header{position:absolute;z-index:10;top:var(--header-top);left:0;width:100%;display:flex;justify-content:center}.site-header>nav{position:relative;display:flex;gap:4px;align-items:center}.site-header .nav-tab{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:6px 12px;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;font-family:Fira Mono,monospace;font-size:var(--nav-text-size);line-height:var(--nav-line-height);text-transform:uppercase;text-decoration:none;white-space:nowrap}.nav-background{position:absolute;inset:0;background:#fff;transform-origin:left center;transition:opacity .16s ease-out}.site-header .nav-tab:hover .nav-background{opacity:.6}.site-header>nav strong,.nav-suffix{position:relative;z-index:1}.nav-suffix{opacity:0;transition:opacity .12s ease-out;pointer-events:none}.site-header .nav-tab[data-expanded=true] .nav-suffix{opacity:1;transition:opacity .22s ease-out 40ms}.site-header .nav-tab:focus-visible .nav-suffix{transition:none}.site-header>nav strong{font-weight:700}main{position:absolute;inset:0}main:focus{outline:none}.intro{position:absolute;z-index:2;top:14.5%;width:100%;text-align:center;pointer-events:none}.location{margin:0 0 15px;font:400 clamp(12px,.93vw,16px)/1.4 "Fira Mono",monospace;text-transform:uppercase}h1{margin:0;font-size:clamp(42px,3.7vw,72px);line-height:.98;letter-spacing:-.04em;font-weight:700}h1 span{color:var(--red)}.carousel{position:absolute;z-index:6;inset:0;pointer-events:none}.carousel-stage{position:absolute;inset:0;overflow:hidden;cursor:grab;pointer-events:auto;touch-action:pan-y}.carousel-stage.is-dragging{cursor:grabbing}.carousel-stage canvas{width:100%;height:100%;display:block;transform:translateY(3.5%)}.carousel-stage:focus-visible{outline-offset:-10px}.project-caption{position:absolute;top:0;left:0;width:min(90%,500px);text-align:center;pointer-events:none;will-change:transform,opacity}.project-caption h2{font-size:16px;font-weight:700;line-height:1.3;margin:0 0 6px}.project-caption p{font-size:14px;line-height:1.5;margin:0}footer{position:absolute;bottom:28px;width:100%;padding:0 24px;text-align:center;font:400 var(--nav-text-size)/1.5 "Fira Mono",monospace;text-transform:uppercase;pointer-events:none}.halftone{position:absolute;z-index:5;inset:0;pointer-events:none;background:url(/branding/halftonetexture.png) center / 1512px 982px repeat;mix-blend-mode:overlay}.placeholder{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.placeholder h1{color:var(--red)}.placeholder p{font-size:18px;line-height:1.5;margin:24px 0}.placeholder a{font:12px Fira Mono,monospace;text-transform:uppercase;text-underline-offset:5px}.skip-link{position:absolute;z-index:20;left:16px;top:-60px;padding:12px;background:#fff}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fallback-gallery{position:absolute;top:38%;width:100%;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 12vw}.fallback-gallery figure{flex:0 0 min(76vw,400px);margin:0;scroll-snap-align:center;text-align:center}.fallback-gallery video{width:100%;aspect-ratio:1.25;border-radius:14px;object-fit:cover}.fallback-gallery figcaption{padding:16px 0}@media(max-width:600px){:root{--header-top: max(20px, env(safe-area-inset-top));--menu-left: 16px;--nav-text-size: 12px;--nav-line-height: 18px}.site-header .nav-tab{line-height:18px}.site-header .nav-tab:after{content:"";position:absolute;height:44px;width:34px}.intro{top:16%}h1{font-size:clamp(36px,9.5vw,54px)}.location{font-size:11px;margin-bottom:16px}.project-caption{width:85%}.project-caption p{max-width:290px;margin:auto;font-size:12px}footer{bottom:max(24px,env(safe-area-inset-bottom));padding:0 28px;max-width:400px;left:50%;transform:translate(-50%)}}@media(max-height:600px)and (min-width:601px){.portfolio{min-height:100svh}:root{--header-top: 14px}.intro{top:13%}.location{font-size:10px;margin-bottom:8px}h1{font-size:34px}.carousel-stage canvas{transform:translateY(7%)}.project-caption h2{font-size:14px;margin-bottom:2px}.project-caption p{font-size:11px}footer{bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.content-view{height:auto;min-height:100dvh;overflow:clip}.content-view main{position:relative;min-height:100dvh}.contact-page h1{font-size:clamp(48px,5.2vw,96px);line-height:1.05;letter-spacing:-.035em;white-space:nowrap}.contact-page{padding:19vh 24px 80px;text-align:center}.social-link{display:flex;align-items:center;justify-content:center;gap:8px;margin:44px 0;font:400 clamp(10px,.8vw,14px)/1.5 "Fira Mono",monospace;text-transform:uppercase}.social-link>span:first-child{color:#625b52}.social-rule{width:34px;border-top:1px dotted #8b8378}.social-link a{text-decoration:none;text-underline-offset:4px}.social-link a:hover{text-decoration:underline}.inquiry-form{width:clamp(330px,22vw,460px);max-width:100%;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.inquiry-form label{display:block;min-width:0}.inquiry-form input,.inquiry-form textarea{width:100%;border:0;border-radius:0;padding:12px;background:#fff;color:#121212;font:400 12px/1.5 Fira Mono,monospace;caret-color:var(--red)}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#6d665d;opacity:1}.inquiry-form textarea{display:block;min-height:165px;resize:vertical}.inquiry-form button{display:inline-block;border:0;border-radius:0;margin-top:12px;padding:8px 14px;background:var(--red);color:#fff;font:400 12px/1.5 Fira Mono,monospace;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease-out,transform .15s ease-out}.inquiry-form button:hover{opacity:.8}.inquiry-form button:active{transform:scale(.97)}.inquiry-form button:disabled{opacity:.6;cursor:wait}.inquiry-form .honeypot{display:none}.form-status{min-height:32px;margin-top:16px;font-size:13px;line-height:1.5}.form-status a{overflow-wrap:anywhere;text-underline-offset:3px}.cursor-layer{position:fixed;z-index:100;inset:0;pointer-events:none}.custom-cursor-dot,.custom-cursor-label{position:absolute;left:0;top:0;opacity:0;pointer-events:none;will-change:transform}.custom-cursor-dot{width:6px;height:6px;border-radius:50%;background:#99221c;transform-origin:center}.custom-cursor-label{background:#99221c;color:#fff;padding:6px 12px;border-radius:0;font:400 var(--nav-text-size)/var(--nav-line-height) "Fira Mono",monospace;transform-origin:left center;white-space:nowrap}@media(hover:hover)and (pointer:fine){.custom-cursor-active,.custom-cursor-active *{cursor:none!important}}@media(max-width:600px){.contact-page{padding:max(140px,19vh) 24px 60px}.contact-page h1{font-size:clamp(42px,11vw,64px)}.social-link{font-size:9px;gap:6px;margin:36px 0}.social-rule{width:20px}.inquiry-form input,.inquiry-form textarea{font-size:16px}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{font-size:11px}.inquiry-form textarea{min-height:190px}}@media(max-height:600px)and (min-width:601px){.contact-page{padding-top:90px;padding-bottom:40px}.social-link{margin:26px 0}}.project-caption a{text-decoration:none;text-underline-offset:4px}.project-caption a:hover,.project-caption a:focus-visible{text-decoration:underline}.case-study{--study-gutter: 20px;--study-gap: 16px;--study-section-space: 96px;--study-heading-space: 24px;--study-label-space: 32px;max-width:1600px;margin:0 auto;padding:0 var(--study-gutter)}.study-intro{padding:120px 0 140px;text-align:center}.study-intro h1{font-size:48px;line-height:1.08;letter-spacing:-.04em}.study-intro p,.study-end p{font-size:14px;line-height:1.5;color:#665f56;margin:12px 0 0}.study-section+.study-section{margin-top:var(--study-section-space)}.study-section-heading{display:grid;grid-template-columns:1834fr 1094fr;align-items:start;gap:var(--study-gap);margin-bottom:var(--study-heading-space)}.study-section-heading h2{font-size:clamp(24px,1.85vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:0}.study-section-heading p{margin:0;font-size:14px;line-height:1.45}.study-image,.study-video{position:relative;z-index:6;display:block;width:100%;height:auto;min-width:0}.study-video{background:#d1c5b3}.study-reskin{display:grid;grid-template-columns:1834fr 1094fr;gap:var(--study-gap);align-items:start}.study-stack{display:flex;flex-direction:column;gap:var(--study-gap);min-width:0}.study-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--study-gap);align-items:start}.study-emails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--study-gap);align-items:start}.study-email-crop{position:relative;z-index:6;overflow:hidden}.study-email-crop .study-image{position:absolute;top:0;left:0}.study-label{font-size:14px;line-height:1.5;font-weight:400;text-transform:uppercase;margin:var(--study-heading-space) 0 var(--study-gap)}.study-label-spaced{margin-top:var(--study-label-space);margin-bottom:var(--study-gap)}.study-end{text-align:center;padding:64px 0 72px}.study-end a{display:inline-block;margin-top:24px;padding:12px 0;font:12px/1.5 Fira Mono,monospace;text-transform:uppercase;text-underline-offset:5px}@media(max-width:900px){.study-intro{padding:116px 0 96px}.study-section-heading{grid-template-columns:1fr 1fr;gap:28px}.study-section-heading p{line-height:1.5}.case-study{--study-section-space: 72px}}@media(max-width:600px){.case-study{--study-gutter: 16px;--study-gap: 12px;--study-section-space: 64px}.study-intro{padding:118px 0 72px}.study-intro h1{font-size:44px}.study-intro p{font-size:13px}.study-section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.study-section-heading h2{font-size:26px}.study-section-heading p{font-size:15px;line-height:1.55}.study-reskin,.study-pair,.study-emails{grid-template-columns:1fr}.study-label{font-size:12px}.study-end{padding:48px 0}}html:root{background:#e3dbd0 url(/branding/halftonetexture.png) center / 1512px 982px repeat;background-blend-mode:overlay;overscroll-behavior-y:none}body{background:transparent}.halftone{position:fixed;inset:-100lvh -100vw}.carousel-stage canvas{transform:none}.carousel.is-opening{z-index:30}.carousel.is-opening .carousel-stage,.carousel.is-opening .project-caption a{pointer-events:none!important}.project-handoff{position:fixed;z-index:40;inset:0;pointer-events:none;animation:project-handoff .36s cubic-bezier(.22,1,.36,1) both}.project-handoff img{display:block;width:100%;height:100%;object-fit:cover}@keyframes project-handoff{0%,12%{opacity:1}to{opacity:0}}.site-intro{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#e3dbd0 url(/branding/halftonetexture.png) center / 1512px 982px repeat;background-blend-mode:overlay}.site-intro button{border:0;padding:20px;background:none;cursor:pointer}.site-intro img{display:block;width:clamp(104px,9.524vw,144px);height:auto}.site-intro.is-revealing{pointer-events:none;animation:intro-away .32s cubic-bezier(.22,1,.36,1) both}.site-intro.is-revealing button{animation:logo-away .18s cubic-bezier(.4,0,1,1) both}.launch-holding .intro,.launch-holding .carousel,.launch-holding .site-header,.launch-holding footer,.launch-holding .case-study,.launch-holding .about-page,.launch-holding .contact-page{opacity:0}.launch-revealing .intro,.launch-revealing .case-study,.launch-revealing .about-page,.launch-revealing .contact-page{animation:arrival-text .42s cubic-bezier(.22,1,.36,1) 80ms both}.launch-revealing .carousel{animation:arrival-gallery .5s cubic-bezier(.22,1,.36,1) .14s both}.launch-revealing .site-header{animation:arrival-text .28s cubic-bezier(.22,1,.36,1) .26s both}.launch-revealing footer{animation:arrival-text .28s cubic-bezier(.22,1,.36,1) .34s both}@keyframes intro-away{to{opacity:0}}@keyframes logo-away{to{opacity:0;transform:translateY(-6px)}}@keyframes arrival-text{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes arrival-gallery{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}.study-section-heading{align-items:end}.study-intro h1:focus{outline:none}.study-visit{position:relative;z-index:6;display:flex;justify-content:flex-end;margin-top:var(--study-gap)}.study-visit a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 18px;background:#313131;color:#fff;text-decoration:none;font:11px/1.5 Fira Mono,monospace;text-transform:uppercase;transition:opacity .16s ease-out}.study-visit a:hover{opacity:.75}.study-end-actions{position:relative;z-index:6;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:32px}.study-end-actions button{border:0;border-radius:0;background:none;color:inherit;cursor:pointer;margin-top:24px;padding:12px 0;min-height:44px;font:12px/1.5 Fira Mono,monospace;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}.study-animation{position:relative;z-index:6}.study-animation .study-image{z-index:auto}.pawsync-study .color-label{text-transform:none;margin:var(--study-gap) 0}.pawsync-social-first{grid-template-columns:3190fr 2625fr}.pawsync-social-second{grid-template-columns:2522fr 3294fr}@media(max-width:600px){.pawsync-social-first,.pawsync-social-second{grid-template-columns:1fr}.study-end-actions{column-gap:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.site-intro{display:none}.launch-holding .intro,.launch-holding .carousel,.launch-holding .site-header,.launch-holding footer,.launch-holding .case-study,.launch-holding .about-page,.launch-holding .contact-page{opacity:1}.project-handoff{display:none}}a,button{position:relative;z-index:6}.fluent-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--study-gap)}@media(max-width:900px){.fluent-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.fluent-study .study-intro h1{font-size:40px}}.fallback-gallery figure[data-unavailable=true] video{transition:filter .14s ease-out}@media(hover:hover){.fallback-gallery figure[data-unavailable=true]:hover video{filter:brightness(.7)}}.nav-home{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--nav-line-height) + 12px);height:calc(var(--nav-line-height) + 12px);background:#fff}.nav-home img{display:block;width:100%;height:100%}.nav-home:hover{opacity:.6}.nav-showcase{display:flex}.project-dropdown{position:absolute;z-index:11;top:calc(100% + 4px);left:50%;width:max-content;max-width:calc(100vw - 32px);transform:translate(-50%);background:#fff;padding:8px}.project-dropdown:before{content:"";position:absolute;top:-4px;left:0;right:0;height:4px}.project-dropdown ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;list-style:none;padding:0;margin:0}.project-dropdown a{display:block;padding:12px 16px;font:400 var(--nav-text-size)/var(--nav-line-height) "Fira Mono",monospace;text-transform:uppercase;text-decoration:none;white-space:nowrap}.project-dropdown a:hover,.project-dropdown a[aria-current=page]{background:#e9e9e9}.project-dropdown a:focus-visible{outline-offset:-2px}@media(hover:none){.project-dropdown a{min-height:44px;display:flex;align-items:center}}.project-dropdown:not([hidden]){animation:projects-reveal .16s cubic-bezier(.22,1,.36,1)}@keyframes projects-reveal{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.nav-showcase:focus-within .project-dropdown{animation:none}@media(prefers-reduced-motion:reduce){.project-dropdown:not([hidden]){animation:none}}.about-page{--about-display: clamp(48px, 6.482vw, 98px);--about-mono: clamp(12px, .926vw, 14px);width:min(1280px,calc(100% - 64px));margin:0 auto;padding:140px 0 160px}.about-manifesto{position:relative}.about-statement{font-size:var(--about-display);font-weight:700;line-height:.98;letter-spacing:-.04em;text-transform:uppercase}.about-line{color:inherit;display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.about-line>span{display:block;color:inherit;transform:translateY(0);opacity:1}.about-line.is-indented{margin-left:21.4%}[data-reveal][data-revealed=false] .about-line>span{transform:translateY(110%);opacity:0}.about-motto{position:absolute;bottom:0;left:0;margin:0;font:400 var(--about-mono)/1.3 "Fira Mono",monospace;text-transform:uppercase}.about-clients{position:absolute;z-index:6;top:0;right:0;display:flex;flex-direction:column;justify-content:space-between;width:clamp(152px,12.7vw,192px);aspect-ratio:1;padding:clamp(10px,.8vw,12px);background:var(--red);color:#fff;text-decoration:none}.about-client-names{display:flex;flex-direction:column;font:400 var(--about-mono)/1.2 "Fira Mono",monospace;text-transform:uppercase}.about-client-cta{display:none}.about-clients img{width:clamp(44px,3.64vw,55px);height:auto;align-self:flex-end;filter:brightness(0) invert(1)}.about-clients:hover{background:#aa241e}.about-clients:focus-visible{outline-color:#121212}.about-biography{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start;margin-top:clamp(160px,22vw,420px)}.about-portrait{display:block;width:calc(100% + 80px);max-width:none;height:auto;margin-left:-80px;aspect-ratio:676 / 538;object-fit:contain;mix-blend-mode:darken}.about-copy{padding-top:54px}.about-copy h2{margin:0;font-size:var(--about-display);line-height:1.05;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.about-columns p{margin:0;font-size:clamp(14px,1.05vw,16px);line-height:1.45}@media(max-width:1200px){.about-page{padding-top:128px}.about-biography{gap:32px}.about-portrait{width:100%;margin-left:0}.about-copy{padding-top:30px}.about-columns{grid-template-columns:1fr;gap:16px}.about-motto{max-width:21%}}@media(max-width:800px){.about-page{width:calc(100% - 40px);--about-display: clamp(40px, 6.482vw, 98px)}.about-motto{position:static;max-width:none;margin-top:40px}.about-biography{margin-top:140px;gap:24px}.about-copy h2{font-size:clamp(36px,6vw,48px)}}@media(max-width:600px){.about-page{--about-display: clamp(32px, 8.8vw, 52px);width:calc(100% - 32px);padding:120px 0 72px}.about-statement{line-height:1.04}.about-line.is-indented{margin-left:12%}.about-manifesto{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px 16px}.about-statement{grid-column:1 / -1}.about-clients{position:relative;width:clamp(96px,26vw,128px);justify-content:center;align-items:center}.about-client-names,.about-clients img{display:none}.about-client-cta{display:block;font:400 clamp(12px,3.2vw,14px)/1.4 "Fira Mono",monospace;white-space:nowrap}.about-motto{margin:0;font-size:clamp(12px,3.2vw,14px);overflow-wrap:normal}.about-biography{display:flex;flex-direction:column;margin-top:112px;gap:32px}.about-portrait{width:min(100%,480px);margin:0 auto}.about-copy{padding-top:0}.about-copy h2{font-size:clamp(44px,11vw,66px)}.about-columns{grid-template-columns:1fr;margin-top:24px;gap:20px}}@media(prefers-reduced-motion:reduce){[data-reveal] .about-line>span{transition:none;transform:none;opacity:1}}@media(max-width:600px){.project-dropdown{padding:6px}.project-dropdown ul{gap:2px}.project-dropdown a{padding:12px 10px}}.carousel-mobile-status{display:none;position:absolute;z-index:1;top:0;left:0;color:#fff;font:400 12px/1.4 Fira Mono,monospace;white-space:nowrap;pointer-events:none}.fallback-media{position:relative}.fallback-media .carousel-mobile-status{top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:600px){.carousel-mobile-status{display:block}.fallback-gallery figure[data-unavailable=true] video{filter:brightness(.7)}}
