@font-face{font-family:Suisse;src:url(/fonts/SuisseIntl-Medium.otf)format("opentype");font-style:normal;font-weight:500;font-display:swap}:root{--ink:#000;--muted:#0009;--surface:#f5f5f5;--column:577px;--gallery:1172px;--section-space:240px;--radius:4px;--corner-smoothing:.6}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:88px}body{letter-spacing:.24px;font-feature-settings:"dlig" 1;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Suisse,Arial,sans-serif;font-weight:500}h1,h2,p,figure{font-size:inherit;font-weight:inherit;margin:0}a{color:var(--ink);text-decoration:none}a:focus-visible{outline-offset:5px;outline:2px solid #4e8da0}.skip-link{z-index:4;background:var(--surface);padding:12px;position:absolute;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.header.logo-header{pointer-events:none;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.brand-logo{pointer-events:auto;color:#1a1a1a;padding:24px;line-height:0;display:block}.brand-logo img{width:50.1729px;height:23.998px;display:block}.brand-logo[data-tone=dark]{color:#fff}.brand-logo:focus-visible{outline-offset:-12px;outline:2px solid}.hero{position:relative;overflow:hidden}.hero h1{text-align:center;text-wrap:balance;pointer-events:none;letter-spacing:0;font-family:inherit;position:relative}.project-heading{padding:var(--section-space) 16px 80px;text-align:center;flex-direction:column;align-items:center;display:flex}.project-heading p{text-wrap:balance}.project-heading-credited{gap:24px}.project-heading-main{width:100%;max-width:var(--column);flex-direction:column;align-items:center;display:flex}.project-credit a{color:inherit;transition:opacity .16s}.project-credit a:hover{opacity:.65}.gallery{width:calc(100% - 32px);max-width:var(--gallery);flex-direction:column;gap:8px;margin:0 auto;display:flex}.gallery figure{background:var(--surface);--radius-reference:1172;border-radius:var(--responsive-radius,min(4px, calc((100vw - 32px) * .00341297)));position:relative;overflow:hidden}.gallery img{object-fit:contain;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.gallery picture{display:block;position:absolute;inset:0}.gallery .landscape,.project-wide{aspect-ratio:16/9}.project-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.project-pair figure{--radius-reference:582;min-width:0}.gallery figure.smooth-corners,.nolla-video-frame.smooth-corners{border-radius:0}.gallery .nolla-video{aspect-ratio:16/9;place-items:center;display:grid}.nolla-video-frame{aspect-ratio:928.035/556.09;--radius:10px;--radius-reference:928.035;--corner-smoothing:.6;border-radius:var(--responsive-radius,min(10px, calc((100vw - 32px) * .00853242)));width:79.1838%;overflow:hidden}.nolla-video video{object-fit:contain;width:100%;height:100%;display:block}.project-title-link{vertical-align:top;align-items:center;transition:opacity .18s,transform .12s;display:inline-flex;position:relative}.project-title-arrow{opacity:0;align-items:center;width:20px;height:20px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .1s;display:flex;position:absolute;top:50%;left:calc(100% + 4px);overflow:visible;transform:translate(-2px,calc(2px - 50%))}.project-heading .project-title-arrow img{flex:none;width:20px;max-width:none;height:20px;position:static}.project-title-link:focus-visible{opacity:.65;transition:none}.project-title-link:focus-visible .project-title-arrow{opacity:1;transition:none;transform:translateY(-50%)}.project-title-link:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.project-title-arrow{display:none}.project-title-link:active{transform:none}}@media (hover:none){.project-title-arrow{opacity:1;margin-left:4px;transition:none;position:static;transform:none}.project-title-link:focus-visible .project-title-arrow{transform:none}}@media (width<=800px){:root{--section-space:120px}.project-heading{padding-bottom:40px}.project:first-child .project-heading{padding-top:64px}.gallery .landscape{aspect-ratio:4/3}.gallery .landscape.case-study-image img{object-fit:cover}.nolla-video-frame{border-radius:var(--responsive-radius,min(10px, calc((100vw - 32px) * .00991342)))}}@media (width<=600px){.project-heading{padding:96px 24px 32px}.project:first-child .project-heading{padding:64px 24px 32px}.project-wide,.gallery .nolla-video{aspect-ratio:3/2}.gallery .project-wide img{object-fit:cover}.nolla-video-frame{width:92%}}@media (width<=520px){.project-title-arrow{opacity:1;margin-left:4px;transition:none;position:static;transform:none}.project-title-link:focus-visible .project-title-arrow{transform:none}}@media (prefers-reduced-motion:reduce){.project-title-arrow{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce) and (hover:none){.project-title-arrow{transform:none}}.site{--site-ink:#1a1a1a;--site-paper:#fff;--site-type:16px;--site-hero:50px;--site-mobile-type:14px;--site-mobile-hero:36px;color:var(--site-ink);font-size:var(--site-type);line-height:1.3}.site .hero-copy h1,.site .project-heading,.site .project-heading .project-credit,.site .footer-contact,.site .footer-founder figcaption{font-family:inherit;font-size:var(--site-type);letter-spacing:.24px;color:var(--site-ink);font-weight:500;line-height:1.3}.site .hero-copy h1{width:auto;max-width:calc(100vw - 48px);font-size:var(--site-hero);text-wrap:balance;letter-spacing:0;line-height:1.2}.site .project-heading p{opacity:.5;max-width:none}.site .project-title-link:hover{opacity:.65}.site .footer-contact a:hover{opacity:1}.site .project-heading .project-credit{margin-top:24px}.site .work{padding-bottom:0}.site .header.logo-header{mix-blend-mode:normal}.site .brand-logo img{filter:brightness(0)}.site .brand-logo[data-tone=dark] img{filter:brightness(0)invert()}.contact-layer{--closed-width:102px;--closed-height:48px;--panel-width:min(480px, calc(100vw - 32px));--panel-height:477px;z-index:50;pointer-events:none;position:relative}.contact-backdrop{pointer-events:none;position:fixed;inset:0}.contact-open .contact-backdrop{pointer-events:auto}.contact-panel{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:var(--closed-width);height:var(--closed-height);will-change:transform;pointer-events:auto;color:#fff;-webkit-backdrop-filter:var(--contact-backdrop,none);backdrop-filter:var(--contact-backdrop,none);--contact-ink:#fff;background-color:#000;border-radius:4px;position:fixed;overflow:hidden;transform:translate(-50%)}.fixed-contact{appearance:none;width:var(--closed-width);height:var(--closed-height);color:var(--contact-ink);font:inherit;letter-spacing:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:4px;outline:0;padding:16px 20px;line-height:1;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.contact-layer[data-keyboard-focus] .fixed-contact:focus{outline-offset:-6px;outline:2px solid}.contact-trigger-labels{height:1em;transition:opacity .14s;display:block;position:relative}.contact-label,.contact-close-label{position:absolute;top:0;left:50%;transform:translate(-50%)}.contact-close-label{opacity:0}@media (hover:hover){.fixed-contact:hover .contact-trigger-labels{opacity:.65}}.contact-content{width:var(--panel-width);transform-origin:50% 100%;opacity:0;visibility:hidden;pointer-events:none;padding:16px 20px 96px;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(0)}.contact-open .contact-content{pointer-events:auto}.contact-fallback{color:#fff;font:inherit;background:#000;border-radius:4px;padding:16px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.site .contact-panel .studio-footer{width:100%;color:var(--site-ink);flex-direction:column;align-items:center;gap:60px;margin:0;padding:0;display:flex;position:static}.contact-panel .footer-identities{display:contents}.contact-panel .footer-founders{order:0;justify-content:center;align-items:start;gap:16px;width:100%;display:flex}.contact-panel .footer-founder{flex:1 1 0;gap:12px;min-width:0}.contact-panel .footer-portrait{aspect-ratio:1;background:0 0;border:1px solid #0000000a;border-radius:50%;width:100%;max-width:212px;height:auto;overflow:hidden}.site .contact-panel .footer-founder figcaption{color:#1a1a1a;flex-direction:column;line-height:1.2;display:flex}.contact-panel .founder-name{color:#1a1a1a}.contact-panel .founder-role{color:#1a1a1a4d}.contact-panel .footer-particle-fallback{opacity:1!important}.contact-panel .footer-contact{order:1;align-items:center;gap:4px;line-height:1.2;display:flex}.contact-panel a{color:inherit;text-decoration:none}.contact-panel a:hover{text-decoration:none}.site .contact-panel .footer-contact a:hover{opacity:.65}@media (width<=600px){.site{--site-type:var(--site-mobile-type);--site-hero:var(--site-mobile-hero)}.site .phone-pair{grid-template-columns:minmax(0,1fr)}.site .work{padding-bottom:0}.site .project-heading .project-credit{margin-top:20px}}@media (height<=650px){.contact-panel .footer-portrait{max-width:140px}.site .contact-panel .studio-footer{gap:32px}.contact-content{padding-bottom:68px}}@media (height<=420px){.contact-panel .footer-portrait{max-width:80px}.site .contact-panel .studio-footer{gap:16px}.contact-content{padding-bottom:52px}}@media (prefers-reduced-motion:reduce){.contact-panel,.fixed-contact,.contact-content,.contact-trigger-labels,.contact-label,.contact-close-label{transition:none!important}}.footer-founder{flex-direction:column;align-items:center;display:flex}.footer-founder figcaption{text-align:center}.footer-portrait{position:relative}.footer-particle-fallback{width:100%;height:100%;display:block}.footer-contact{text-align:center;flex-direction:column}.footer-contact a{transition:opacity .16s}.site .hero{isolation:auto;place-items:center;height:100svh;min-height:500px;max-height:none;padding:0 20px;display:grid}.site .hero .hero-copy{z-index:2;pointer-events:none;place-items:center;padding:0 20px;display:grid;position:absolute;inset:0}.site .hero-copy h1{text-align:center;color:#1a1a1a;filter:none;opacity:1;width:100%;max-width:1172px;margin:auto;font-size:48px;line-height:1.2;animation:none;transform:none}html[data-logo-ready=true] .brand-logo img{visibility:hidden}.site .work{z-index:auto}.site .project{z-index:0;position:relative}.site .logo-header{z-index:3}@media (width<=800px){.site .hero-copy h1{font-size:clamp(28px,4.2vw,48px)}}@media (width<=520px){.site .hero-copy h1{max-width:380px;font-size:clamp(28px,7.7vw,34px);line-height:1.12}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important;animation:none!important}}.logo-fallback{opacity:.2;pointer-events:none;width:min(67vw,800px);height:auto;position:absolute}html[data-logo-ready=true] .logo-fallback{visibility:hidden}@media (width<=600px){.logo-fallback{width:79vw}}[hidden]{display:none!important}.logo-surface{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.soft-surface{mix-blend-mode:normal}
