@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.visible{visibility:visible!important}.sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.resize{resize:both!important}.px-2{padding-inline:calc(var(--spacing) * 2)!important}.py-16{padding-block:calc(var(--spacing) * 16)!important}.px-fluid{padding-left:max(8px,50vw + min(100vw - 16px,1600px)/-2)!important;padding-right:max(8px,50vw + min(100vw - 16px,1600px)/-2)!important}.pb-4{padding-bottom:calc(var(--spacing) * 4)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}@media (min-width:992px){.tab992\:px-6{padding-inline:calc(var(--spacing) * 6)!important}.tab992\:py-24{padding-block:calc(var(--spacing) * 24)!important}.tab992\:pb-8{padding-bottom:calc(var(--spacing) * 8)!important}}@media (min-width:1440px){.lap1440\:py-32{padding-block:calc(var(--spacing) * 32)!important}.lap1440\:pb-12{padding-bottom:calc(var(--spacing) * 12)!important}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
@font-face{font-family:Haas Grot Text R Web;src:url(/lib/font/NeueHaasGrotTextRound-65Medium-Web.woff2)format("woff2"),url(/lib/font/NeueHaasGrotTextRound-65Medium-Web.woff)format("woff");font-stretch:100%;font-style:normal;font-weight:500}:root{--global-color-bg:#0d0d0d;--global-color-text:#f5f5f7;--light-color-bg:#fff;--light-color-text:#000}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;line-height:1}body{color:var(--global-color-text);font-feature-settings:"liga", "kern", "salt" 2;font-synthesis:none;letter-spacing:0;text-align:left;touch-action:manipulation;-moz-font-feature-settings:"kern";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:#0000;font-smoothing:antialiased;direction:ltr;background-color:#fff;margin:0;font-family:Haas Grot Text R Web;font-size:1rem;font-style:normal;font-weight:500;font-stretch:100%;line-height:1.375rem}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,blockquote,figure,pre,fieldset,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0}ol,ul{padding:0;list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}img,video{max-width:100%}img{border-style:none;height:auto}a,a:visited{color:inherit}a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none}button,input,select,textarea{font:inherit}button:focus{box-shadow:none!important}input{-webkit-appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}[hidden]{display:none!important}[disabled]{cursor:not-allowed}:focus:not(:focus-visible){outline:none}::selection{text-shadow:none;background:#3c3c3c80}::selection{text-shadow:none;background:#3c3c3c80}h1,h2,h3,h4,h5,h6{font-weight:500}h1{letter-spacing:-.04em;font-size:2rem;line-height:112%}h2{letter-spacing:-.02em;font-size:1.75rem;line-height:112%}embed,iframe,object{max-width:100%}video{width:100%;height:auto;display:block}.video-wrap{background-color:#000;width:100%;height:auto;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrap iframe,.video-wrap object,.video-wrap embed{width:100%;height:100%;position:absolute;top:0;left:0}.sr-only{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;word-wrap:normal!important;position:absolute!important}.sr-only:focus{color:var(--global-color-text);-webkit-clip-path:none;clip-path:none;z-index:100000;border-radius:3px;width:auto;height:auto;padding:15px 23px 14px;font-size:.875rem;font-weight:700;line-height:normal;text-decoration:none;display:block;top:5px;left:5px;box-shadow:0 0 2px 2px #0009;clip:auto!important}.html-content-root{display:block}
:root{--r-background-color:#0d0d0d;--r-main-font:Helvetica, sans-serif;--r-main-font-size:42px;--r-main-color:#fff;--r-block-margin:20px;--r-heading-margin:0 0 20px 0;--r-heading-font:Helvetica, sans-serif;--r-heading-color:#fff;--r-heading-line-height:1.2;--r-heading-letter-spacing:normal;--r-heading-text-transform:none;--r-heading-text-shadow:none;--r-heading-font-weight:600;--r-heading1-text-shadow:none;--r-heading1-size:2.5em;--r-heading2-size:1.6em;--r-heading3-size:1.3em;--r-heading4-size:1em;--r-code-font:monospace;--r-link-color:#42affa;--r-link-color-dark:#068de9;--r-link-color-hover:#8dcffc;--r-selection-background-color:#42affabf;--r-selection-color:#fff}.reveal-viewport{background:#0d0d0d;background-color:var(--r-background-color);color:#000;height:100%;margin:0;line-height:1;position:relative;overflow:hidden}.reveal{color:var(--r-main-color);font-weight:400}.reveal .slides{text-align:center}.reveal ::selection{background:var(--r-selection-background-color);color:var(--r-selection-color);text-shadow:none}.reveal ::selection{background:var(--r-selection-background-color);color:var(--r-selection-color);text-shadow:none}.reveal .slides section{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:.5rem;display:flex!important}@media screen and (min-width:960px){.reveal .slides section{padding:1rem}.reveal.full .slides section{padding:0}.reveal.top .slides section{justify-content:flex-start}}.reveal .slides section,.reveal .slides section>section{font-weight:inherit;line-height:1.3}.reveal .slides section .fragment{opacity:0;visibility:hidden;will-change:opacity;transition:all .2s}.reveal .slides section .fragment.visible{opacity:1;visibility:inherit}.reveal .slides section img.fragment{border:1px solid #e0e0e0;border-radius:1rem;max-height:80vh;padding:0}.reveal h1,.reveal h2,.reveal h3,.reveal h4,.reveal h5,.reveal h6,.reveal p.large{word-wrap:break-word;width:100%;max-width:640px;margin:0 auto;padding:0 2.5rem}@media screen and (min-width:1280px){.reveal h1,.reveal h2,.reveal h3,.reveal h4,.reveal h5,.reveal h6,.reveal p.large{max-width:1040px}}.reveal h1{margin-bottom:1rem}.reveal h1,.reveal h2{letter-spacing:-.04em;font-size:3rem;line-height:1}@media screen and (min-width:960px){.reveal h1,.reveal h2{font-size:6rem}}.reveal h3{letter-spacing:-.02em;font-weight:500}@media screen and (min-width:960px){.reveal h3{font-size:1.75rem;line-height:2.25rem}}.reveal p{opacity:.7;letter-spacing:-.01em;width:100%;max-width:640px;margin:0 auto 1.5rem;padding:0 2rem;font-size:19px;font-weight:500;line-height:24px}@media screen and (min-width:960px){.reveal p{letter-spacing:-.02em;font-size:1.75rem;line-height:2.25rem}}.reveal p.case-subline{max-width:none}.reveal p.large{opacity:1;letter-spacing:-.02em;margin:1rem auto;font-size:1.75rem;font-weight:600;line-height:112%}@media screen and (min-width:960px){.reveal p.large{margin:1.5rem auto;font-size:2.5rem;line-height:2.75rem}}@media screen and (min-width:1280px){.reveal p.large{font-size:3rem;line-height:3.25rem}}.left{text-align:left}.reveal h1:last-child,.reveal h2:last-child,.reveal h3:last-child,.reveal h4:last-child,.reveal h5:last-child,.reveal h6:last-child{margin-bottom:0}.reveal img,.reveal video,.reveal iframe{max-width:100%;max-height:100%}.reveal img{margin:0}@media screen and (min-width:960px){.reveal img.width-800{max-width:800px}.reveal img.width-960{max-width:960px}}.reveal strong,.reveal b{font-weight:700}.reveal em{font-style:italic}.reveal.border-top section img{border-top:2px solid #0000001a}@media screen and (min-width:960px){.reveal.border-top section img{border-top:0}}.reveal.border-bottom section img{border-bottom:2px solid #0000001a}@media screen and (min-width:960px){.reveal.border-bottom section img{border-bottom:0}}.reveal figcaption{opacity:.6;text-align:center;width:100%;margin-top:1rem;padding:0 2rem;font-size:1rem;line-height:1.375rem}.reveal a{color:var(--r-link-color)}.reveal a:hover{color:var(--r-link-color-hover)}.reveal .r-stack{display:grid}.reveal .r-stack>*{grid-area:1/1;margin:auto}.reveal .progress{color:#666;border-collapse:separate;pointer-events:none;z-index:11;background:#6666;border-radius:4px;width:calc(100% - 2rem);height:3px;top:.5rem;left:1rem;overflow:hidden;display:block!important;position:absolute!important}@media screen and (min-width:960px){.reveal .progress{width:calc(100% - 5rem);top:1rem;left:2.5rem}}.reveal .progress span{border-collapse:separate;transform-origin:0 0;border-radius:4px;width:100%;height:100%;transition:transform .8s cubic-bezier(.26,.86,.44,.985);display:block;transform:scaleX(0)}@media print{.backgrounds{background-color:var(--r-background-color)}}#viewport.index .reveal{z-index:999;opacity:0;width:100%;height:100%;transition:opacity .4s ease-out .2s;position:fixed;top:0;right:0;transform:translate(100%)}.ui.close{z-index:999;background:var(--global-color-text);cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:2rem;height:2rem;display:none;position:fixed;top:1.5rem;right:1rem}@media screen and (min-width:960px){.ui.close{top:2.5rem;right:2.5rem}}.reveal .playback{bottom:1rem;right:1rem;width:2rem!important;height:2rem!important}@media screen and (min-width:960px){.reveal .playback{bottom:2.5rem;right:2.5rem}}.btn-arrow{display:none;position:absolute;bottom:1rem;right:1rem}@media screen and (min-width:960px){.btn-arrow{bottom:2.5rem;right:2.5rem}}.btn-arrow svg{display:block}#viewport.case-open .ui.close{display:flex}#viewport.case-open .reveal{opacity:1;transform:translate(0%,0)}#viewport.case-open:before{content:"";z-index:9;pointer-events:none;background:#000;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}@media screen and (min-width:960px){#viewport.case-open:before{background:#0003}}#viewport.index.case-open .reveal,#viewport.index.case-open:before{background:var(--overlay-backdrop-color,#0d0d0d)}.homepage-overlay-shell{z-index:998;background:var(--overlay-backdrop-color,#0d0d0d);overscroll-behavior:contain;pointer-events:auto;position:fixed;inset:0;overflow:hidden}.homepage-overlay-shell:focus{outline:none}.homepage-overlay-status{z-index:1000;color:#fff;font-size:1.6rem;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.homepage-overlay-loading{width:1px;height:1px;transform:none}.homepage-overlay-close{z-index:1000;border:0;padding:0}.homepage-overlay{background:var(--overlay-backdrop-color,#0d0d0d);overflow:hidden}.homepage-overlay.has-light-background{--r-main-color:#0d0d0d;--r-heading-color:#0d0d0d;--r-link-color:#0d0d0d;--r-link-color-hover:#404040}.homepage-overlay .backgrounds,.homepage-overlay .slides{position:absolute;inset:0}.homepage-overlay .backgrounds{z-index:0;pointer-events:none}.homepage-overlay .slides{z-index:1}.homepage-overlay .slide-background,.homepage-overlay .slides>section{inset:0;width:100%!important;height:100%!important;position:absolute!important}.homepage-overlay .slide-background{z-index:0;opacity:0;visibility:hidden;transition:opacity .2s}.homepage-overlay .slide-background.present{z-index:0;opacity:1;visibility:visible;display:block}.homepage-overlay .slide-background-content{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;overflow:hidden}.homepage-overlay .slide-background-content video{object-fit:cover;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.homepage-overlay .slides>section{z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.homepage-overlay .slides>section.present{z-index:2;opacity:1;visibility:visible;pointer-events:auto}.homepage-overlay .slides>section video[data-autoplay]{width:100%;height:auto;max-height:100%;display:block}.homepage-overlay-shell>.progress,.homepage-overlay .progress{z-index:4;color:#fff;pointer-events:none;background:0 0;align-items:stretch;gap:.25rem;width:calc(100% - 2rem);height:3px;top:.5rem;left:1rem;display:flex!important;position:absolute!important}.homepage-overlay-shell>.progress[data-progress-theme=dark],.homepage-overlay.has-light-background .progress{color:#0d0d0d}@media screen and (min-width:960px){.homepage-overlay-shell>.progress,.homepage-overlay .progress{width:calc(100% - 5rem);top:1rem;left:2.5rem}}.homepage-overlay-shell>.progress span,.homepage-overlay .progress span{border-radius:4px;flex:1 1 0;width:auto;height:100%;display:block;transform:none}.homepage-overlay-shell>.progress .homepage-overlay-progress-step,.homepage-overlay .progress .homepage-overlay-progress-step{background:#ffffff3d;transition:background-color .16s;position:relative;overflow:hidden}.homepage-overlay-shell>.progress[data-progress-theme=dark] .homepage-overlay-progress-step,.homepage-overlay.has-light-background .progress .homepage-overlay-progress-step{background:#0d0d0d2e}.homepage-overlay-shell>.progress .homepage-overlay-progress-fill,.homepage-overlay .progress .homepage-overlay-progress-fill{transform-origin:0 0;background:currentColor;transition:transform .12s linear,background-color .16s;position:absolute;inset:0}.homepage-overlay-shell>.progress .homepage-overlay-progress-step[data-loading=true] .homepage-overlay-progress-fill{will-change:transform;animation:1.15s ease-in-out infinite overlay-loading-bar}.homepage-overlay .btn-arrow{display:none!important}.homepage-overlay .homepage-overlay-nav{z-index:3;opacity:0;cursor:pointer;appearance:none;background:0 0;border:0;padding:0;position:absolute;top:0;bottom:0}.homepage-overlay .homepage-overlay-nav:focus-visible{background:0 0;outline:0}.homepage-overlay .homepage-overlay-nav-prev{cursor:w-resize;width:50%;left:0}.homepage-overlay .homepage-overlay-nav-next{cursor:e-resize;width:50%;right:0}.homepage-overlay-shell[data-phase=loading] .homepage-overlay,.homepage-overlay-shell[data-phase=initializing] .homepage-overlay,.homepage-overlay-shell[data-phase=error] .homepage-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.homepage-overlay-shell[data-phase=loading] .homepage-overlay>*,.homepage-overlay-shell[data-phase=initializing] .homepage-overlay>*,.homepage-overlay-shell[data-phase=error] .homepage-overlay>*{visibility:hidden!important}.homepage-overlay-shell[data-phase=ready] .homepage-overlay,.homepage-overlay-shell[data-phase=ready] .homepage-overlay>*{visibility:visible!important}.homepage-overlay-shell[data-phase=ready]>.homepage-overlay-loading-progress{visibility:hidden!important}@keyframes overlay-loading-bar{0%{transform:translate(-100%)scaleX(.35)}55%{transform:translate(0%)scaleX(.6)}to{transform:translate(165%)scaleX(.45)}}
#viewport.index{overscroll-behavior-y:none;background:#fff;overflow:hidden scroll}#viewport.index .hero{z-index:-2;background:#000;justify-content:center;min-width:100%;min-height:100vh;display:flex;position:fixed;inset:0}#viewport.index .hero video{opacity:.5;width:auto;max-width:none;height:auto;max-height:none}#viewport.index .main-content{background:var(--light-color-bg);color:var(--light-color-text)}#viewport.index .about{width:min(100%,960px);max-width:960px;margin:100vh auto 0;padding-left:40px;padding-right:40px}#viewport.index .about p{letter-spacing:-.01em;padding:0;font-size:19px;line-height:24px}@media screen and (min-width:640px){#viewport.index .about p{padding:0}}@media screen and (min-width:960px){#viewport.index .about p{letter-spacing:-.02em;margin-left:50%;font-size:28px;line-height:1.25}}#viewport.index .about p.large{letter-spacing:-.04em;margin:0 0 2rem;font-size:3rem;line-height:3rem}@media screen and (min-width:960px){#viewport.index .about p.large{margin:0 auto 4rem;font-size:5rem;line-height:5rem}}@media screen and (min-width:1280px){#viewport.index .about p.large{margin:0 auto 4rem;font-size:7rem;line-height:7rem}}#viewport.index .work{margin:0 auto}#viewport.index .work .cases{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4rem;margin:0;list-style:none;display:flex}@media screen and (min-width:640px){#viewport.index .work .cases{flex-flow:wrap;gap:4rem 1rem}}@media screen and (min-width:1280px){#viewport.index .work .cases{gap:10rem 4rem}}#viewport.index .work .cases .case{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;position:relative}@media screen and (min-width:640px){#viewport.index .work .cases .case.small{width:calc(50% - .5rem)}}@media screen and (min-width:1280px){#viewport.index .work .cases .case.small{width:calc(50% - 2rem)}}#viewport.index .work .cases .case .case-thumb{pointer-events:none;width:100%;padding:0;overflow:hidden}#viewport.index .work .cases .case .case-copy{padding:0 2rem}@media screen and (min-width:640px){#viewport.index .work .cases .case .case-copy{padding:0 2.5rem}}@media screen and (min-width:960px){#viewport.index .work .cases .case .case-copy{padding:0 5rem}}#viewport.index .work .cases .case .case-copy .case-title{letter-spacing:-.02em;margin-top:1rem;font-size:2rem;line-height:2rem}@media screen and (min-width:960px){#viewport.index .work .cases .case .case-copy .case-title{letter-spacing:-.04em;margin-top:3rem;font-size:4.5rem;line-height:4.5rem}}#viewport.index .work .cases .case.small .case-copy .case-title{letter-spacing:-.01em;margin-top:1rem;font-size:19px;line-height:24px}@media screen and (min-width:960px){#viewport.index .work .cases .case.small .case-copy .case-title{margin-top:2rem}}#viewport.index .work .cases .case .case-copy .case-byline{letter-spacing:-.01em;width:100%;max-width:720px;margin-top:1rem;font-size:19px;line-height:24px}@media screen and (min-width:960px){#viewport.index .work .cases .case .case-copy .case-byline{letter-spacing:-.02em;margin-top:2rem;font-size:28px;line-height:1.25}}#viewport.index .work .cases .case.small .case-copy .case-byline{opacity:.5;letter-spacing:0;margin-top:0;font-size:1rem;line-height:1.375rem}#viewport.index .work .cases .case .case-copy .case-link{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.5rem;margin-top:1rem;padding:0;display:inline-flex}#viewport.index .work .cases .case .case-copy .case-link:focus-visible{outline:none}@media screen and (min-width:960px){#viewport.index .work .cases .case .case-copy .case-link{margin-top:2rem}}#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb{border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex;position:relative;overflow:hidden}#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb:before,#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0}#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb:before{will-change:transform;background:linear-gradient(135deg,#0096f7 0%,#80cbfb 18%,#0096f7 42%,#80cbfb 67%,#0096f7 100%);animation:10s linear infinite case-link-thumb-ring-spin;inset:-26%}#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb:after{background:#fff;inset:2px}#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb .inner{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:3rem;height:3rem;position:relative;overflow:hidden}#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb .inner:before{content:"";background:#0003;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb .inner:after{content:"";border:8px solid #0000;border-left:12px solid #fff;border-right-width:0;width:0;height:0;margin-top:-8px;margin-left:-5px;display:block;position:absolute;top:50%;left:50%}#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb .inner img{display:block}@media (prefers-reduced-motion:reduce){#viewport.index .work .cases .case .case-copy .case-link .case-link-thumb:before{animation:none}}#viewport.index .work .cases .case.secondary .case-thumb{border:1px solid #e0e0e0;width:calc(50% - 2rem);margin-top:1rem;margin-left:2rem}@media screen and (min-width:640px){#viewport.index .work .cases .case.secondary .case-thumb{margin-top:1.5rem;margin-left:2.5rem}}@media screen and (min-width:960px){#viewport.index .work .cases .case.secondary .case-thumb{width:calc(50% - 5rem);margin-top:2.5rem;margin-left:50%}#viewport.index .work .cases .case.secondary .case-copy{margin-left:calc(50% - 5rem)}}@media screen and (min-width:1280px){#viewport.index .work .cases .case.secondary .case-copy{margin-top:-8rem}}#viewport.index .work .cases .case.secondary .case-copy .case-byline{opacity:.5}#viewport.index .work .cases .case .case-badge{color:#fff;letter-spacing:0;background:#0003;border-radius:1rem;padding:6px 10px;font-size:.75rem;line-height:1;position:absolute;top:1rem;left:1rem}#viewport.index .contact{--section-inline-gutter:max(8px, 50vw - min(calc(100vw - 16px), 1600px) / 2);pointer-events:none;justify-content:center;margin-right:0;padding:4rem 0 0;display:flex;position:sticky;bottom:2rem}@media screen and (min-width:640px){#viewport.index .contact{margin-right:calc(2rem - var(--section-inline-gutter));justify-content:flex-end;padding:4rem 0 0;display:flex}}@media screen and (min-width:960px){#viewport.index .contact{padding:8rem 0 0}}#viewport.index .contact .contact-widget{backdrop-filter:saturate(180%)blur(40px);pointer-events:all;background:#f0f0f080;border:1px solid #ffffff59;border-radius:20px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:min(100%,360px);padding:16px 24px 16px 16px;display:flex}@media screen and (min-width:640px){#viewport.index .contact .contact-widget{width:360px}}#viewport.index .contact .contact-widget:active{transition:-webkit-transform .2s,transform .2s;-webkit-transform:translateY(4px);transform:translateY(4px)}#viewport.index .contact .contact-widget .contact-widget-image{background-color:#fff;background-image:url(/lib/img/profile.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex-grow:0;width:48px;height:48px;position:relative;overflow:hidden}#viewport.index .contact .contact-widget .contact-widget-image img{object-fit:cover;width:100%;height:100%;display:block}#viewport.index .contact .contact-widget .contact-widget-info{letter-spacing:.01em;flex-direction:column;flex-grow:1;font-size:14px;line-height:20px;display:flex}#viewport.index .contact .contact-widget .contact-widget-info .contact-widget-name{color:#0d0d0d}#viewport.index .contact .contact-widget .contact-widget-info .contact-widget-email{color:#0d0d0da6}#viewport.index .contact .contact-widget .contact-widget-icon{flex-grow:0}#viewport.index footer{margin:0 auto;padding:4rem 0 1rem}@media screen and (min-width:960px){#viewport.index footer{padding:0 0 1rem}}#viewport.index footer span{opacity:.5;letter-spacing:.02em;font-size:12px;line-height:18px;display:inline-block}@keyframes chevron{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes case-link-thumb-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#viewport.index .home-shell{--home-hero-height:100vh;background:#fff;min-height:100vh;position:relative}@supports (height:100dvh){#viewport.index .home-shell{--home-hero-height:100dvh}}.content-surface[data-page-loaded=false]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(2rem)}.content-surface[data-page-loaded=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.content-surface[data-page-loaded]{transition:opacity .7s,transform .7s,visibility linear}#viewport.index .home-hero-shell{z-index:1;height:var(--home-hero-height);background:#fff;position:relative;overflow:clip}#viewport.index .hero-stage{z-index:0;min-width:100%;height:var(--home-hero-height);background:#fff;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}#viewport.index .hero-stage:after{content:"";z-index:2;pointer-events:none;background:#00000080;position:absolute;inset:0}#viewport.index .hero-stage video{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}#viewport.index .home-shell #btn-video-hero.hero-video-button{z-index:1;color:#fff;cursor:pointer;appearance:none;background:0 0;border:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex;position:fixed;bottom:1rem;right:1rem}@media screen and (min-width:960px){#viewport.index .home-shell #btn-video-hero.hero-video-button{bottom:2rem;right:2rem}}#viewport.index .hero-video-button .hero-playback-svg,#viewport.index .hero-video-button .hero-playback-canvas{width:100%;height:100%;display:block}#viewport.index .hero-video-button .hero-playback-track,#viewport.index .hero-video-button .hero-playback-progress{fill:none}#viewport.index .hero-video-button .hero-playback-track{opacity:.2}#viewport.index .hero-video-button .hero-playback-progress{will-change:stroke-dashoffset}#viewport.index .hero-title{z-index:1;color:#fff;cursor:pointer;letter-spacing:-.04em;text-align:left;background:0 0;border:0;width:min(100%,960px);max-width:960px;padding:0 40px;font-size:3rem;line-height:3rem;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media screen and (min-width:960px){#viewport.index .hero-title{font-size:5rem;line-height:5rem;bottom:.5rem}}@media screen and (min-width:1280px){#viewport.index .hero-title{font-size:7rem;line-height:7rem}}#viewport.index .hero-title-line{will-change:opacity, transform;display:block}#viewport.index .hero-title-chevron{cursor:pointer;will-change:opacity;margin-top:1.5rem;margin-left:-1.4rem;padding:1.5rem;animation:1.75s ease-in-out infinite chevron;display:inline-block}@media screen and (min-width:960px){#viewport.index .hero-title-chevron{margin-left:-1.2rem}}#viewport.index .hero-title-chevron svg{display:block}#viewport.index .content-surface{z-index:2;background:var(--light-color-bg);color:var(--light-color-text);position:relative}#viewport.index .home-shell .main-content{color:inherit;background:0 0}#viewport.index .home-shell .about{margin:0 auto}#viewport.index .archive-project+.archive-project{margin-top:4rem}@media screen and (min-width:960px){#viewport.index .archive-project+.archive-project{margin-top:6rem}}#viewport.index .archive-project-title{letter-spacing:-.01em;margin:0 0 1rem;padding:0;font-size:16px;line-height:24px}@media screen and (min-width:960px){#viewport.index .archive-project-title{letter-spacing:-.02em;margin-bottom:1.5rem;line-height:1.25}}#viewport.index .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;display:grid}@media screen and (min-width:960px){#viewport.index .archive-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}}#viewport.index .archive-item{display:block}#viewport.index .archive-item-media{background:#f3f3f3;width:100%;height:auto;display:block}