.footer-title{font-size:13px;line-height:1.15388;font-weight:600;letter-spacing:-.008em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.footer-title{font-size:13px;line-height:1.15388;font-weight:600;letter-spacing:-.008em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.footer-title{font-size:13px;line-height:1.15388;font-weight:600;letter-spacing:-.008em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.footer-sosumi{font-size:11px;line-height:1.36367;font-weight:600;letter-spacing:-.008em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.footer-sosumi{font-size:11px;line-height:1.36367;font-weight:600;letter-spacing:-.008em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.footer-sosumi{font-size:11px;line-height:1.36367;font-weight:600;letter-spacing:-.008em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-headline-super{font-size:84px;line-height:.95254;font-weight:600;letter-spacing:-.015em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-headline-super{font-size:64px;line-height:1.0625;font-weight:600;letter-spacing:-.009em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-headline-super{font-size:44px;line-height:1.09091;font-weight:600;letter-spacing:-.002em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-headline{font-size:48px;line-height:1.08333;font-weight:600;letter-spacing:-.003em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-headline{font-size:40px;line-height:1.1;font-weight:600;letter-spacing:0;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-headline{font-size:32px;line-height:1.125;font-weight:600;letter-spacing:.004em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-eyebrow{font-size:22px;line-height:1.27283;font-weight:600;letter-spacing:.009em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-eyebrow{font-size:21px;line-height:1.19053;font-weight:600;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-eyebrow{font-size:19px;line-height:1.21058;font-weight:600;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-eyebrow-super{font-size:30px;line-height:1.13333;font-weight:600;letter-spacing:.006em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-eyebrow-super{font-size:27px;line-height:1.14815;font-weight:600;letter-spacing:.008em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-eyebrow-super{font-size:22px;line-height:1.18182;font-weight:600;letter-spacing:.01em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-title-hero{font-size:74px;line-height:.83784;font-weight:700;letter-spacing:.004em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-title-hero{font-size:63px;line-height:.79375;font-weight:700;letter-spacing:.006em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-title-hero{font-size:49px;line-height:.89796;font-weight:600;letter-spacing:.009em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-title-elevated{font-size:56px;line-height:1.10714;font-weight:700;letter-spacing:.004em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-title-elevated{font-size:48px;line-height:1.04183;font-weight:700;letter-spacing:.006em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-title-elevated{font-size:38px;line-height:1.15789;font-weight:600;letter-spacing:.009em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-title{font-size:48px;line-height:1.04183;font-weight:600;letter-spacing:.006em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-title{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:.008em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-title{font-size:31px;line-height:1.09677;font-weight:700;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-title-reduced{font-size:32px;line-height:1.09375;font-weight:600;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-title-reduced{font-size:28px;line-height:1.10714;font-weight:600;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-title-reduced{font-size:22px;line-height:1.22727;font-weight:600;letter-spacing:.016em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-tagline-elevated{font-size:48px;line-height:1.04183;font-weight:600;letter-spacing:.006em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-tagline-elevated{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:.008em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-tagline-elevated{font-size:31px;line-height:1.09677;font-weight:600;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-tagline{font-size:48px;line-height:1.04183;font-weight:300;letter-spacing:.006em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-tagline{font-size:40px;line-height:1.05;font-weight:300;letter-spacing:.008em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-tagline{font-size:31px;line-height:1.09677;font-weight:300;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-tagline-reduced{font-size:40px;line-height:1.15;font-weight:300;letter-spacing:.008em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-tagline-reduced{font-size:36px;line-height:1.16679;font-weight:300;letter-spacing:.01em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-tagline-reduced{font-size:26px;line-height:1.23077;font-weight:300;letter-spacing:.014em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-hero-headline{font-size:48px;line-height:1.04183;font-weight:500;letter-spacing:.006em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-hero-headline{font-size:40px;line-height:1.05;font-weight:500;letter-spacing:.008em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-hero-headline{font-size:31px;line-height:1.09677;font-weight:500;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-hero-subhead{font-size:48px;line-height:1.04183;font-weight:300;letter-spacing:.006em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-hero-subhead{font-size:40px;line-height:1.05;font-weight:300;letter-spacing:.008em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-hero-subhead{font-size:31px;line-height:1.09677;font-weight:300;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-section-headline{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:.008em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-section-headline{font-size:34px;line-height:1.08826;font-weight:600;letter-spacing:.01em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-section-headline{font-size:28px;line-height:1.10714;font-weight:600;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-section-subhead{font-size:40px;line-height:1.05;font-weight:500;letter-spacing:.008em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-section-subhead{font-size:34px;line-height:1.08826;font-weight:500;letter-spacing:.01em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-section-subhead{font-size:28px;line-height:1.10714;font-weight:500;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-subsection-headline{font-size:32px;line-height:1.09375;font-weight:500;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-subsection-headline{font-size:28px;line-height:1.10714;font-weight:500;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-subsection-headline{font-size:24px;line-height:1.20833;font-weight:500;letter-spacing:.015em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-subsection-subhead{font-size:32px;line-height:1.09375;font-weight:300;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-subsection-subhead{font-size:28px;line-height:1.10714;font-weight:300;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-subsection-subhead{font-size:24px;line-height:1.20833;font-weight:300;letter-spacing:.015em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-label{font-size:24px;line-height:1.20833;font-weight:500;letter-spacing:.015em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-label{font-size:22px;line-height:1.22727;font-weight:500;letter-spacing:.016em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-label{font-size:19px;line-height:1.26316;font-weight:500;letter-spacing:.018em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-intro{font-size:21px;line-height:1.38105;font-weight:400;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-intro{font-size:19px;line-height:1.42105;font-weight:400;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-intro{font-size:18px;line-height:1.44444;font-weight:400;letter-spacing:.016em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-eyebrow-hero{font-size:24px;line-height:1.20833;font-weight:400;letter-spacing:.015em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-eyebrow-hero{font-size:22px;line-height:1.22727;font-weight:400;letter-spacing:.016em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-eyebrow-hero{font-size:21px;line-height:1.23811;font-weight:400;letter-spacing:.016em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-quote{font-size:32px;line-height:1.09375;font-weight:300;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-quote{font-size:28px;line-height:1.10714;font-weight:300;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-quote{font-size:24px;line-height:1.20833;font-weight:300;letter-spacing:.015em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-quote-credit{font-weight:600}.typography-quote-credit,.typography-quote-subcredit{font-size:17px;line-height:1.52947;letter-spacing:-.021em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}.typography-quote-subcredit{font-weight:400}.typography-quotenarrow{font-size:24px;line-height:1.20833;font-weight:300;letter-spacing:.015em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (max-width:1068px){.typography-quotenarrow{font-size:22px;line-height:1.22727;font-weight:300;letter-spacing:.016em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}@media only screen and (max-width:735px){.typography-quotenarrow{font-size:19px;line-height:1.26316;font-weight:300;letter-spacing:.018em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}}.typography-quotenarrow-credit{font-weight:600}.typography-quotenarrow-credit,.typography-quotenarrow-subcredit{font-size:14px;line-height:1.5;letter-spacing:-.01em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}.typography-quotenarrow-subcredit{font-weight:400}.typography-body,body{font-size:17px;line-height:1.47059;font-weight:400;letter-spacing:-.022em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}.typography-subbody-headline{font-weight:600}.typography-subbody,.typography-subbody-headline{font-size:14px;line-height:1.5;letter-spacing:-.01em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}.typography-subbody{font-weight:400}.typography-caption-headline{font-weight:600}.typography-caption,.typography-caption-headline{font-size:12px;line-height:1.5;letter-spacing:0;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}.typography-caption,code{font-weight:400}code{font-size:17px;line-height:1.38235;letter-spacing:-.005em;font-family:SF Mono,monospace}@media only screen and (max-width:735px){code{font-weight:300}}.button,.button-text{font-size:17px;line-height:1.52947;letter-spacing:-.021em}.button,.button-compact,.button-text,.button-text-compact{font-weight:500;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}.button-compact,.button-text-compact{font-size:12px;line-height:1.5;letter-spacing:0}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0}section{width:100%;display:block}abbr,blockquote,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hgroup,input,legend,li,ol,p,pre,ul{margin:0;padding:0}address,caption,code,figcaption,pre,th{font-size:1em;font-weight:400;font-style:normal}fieldset,iframe,img{border:0}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}button{background:0 0;border:0;box-sizing:content-box;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit}button:disabled{cursor:default}::-moz-focus-inner{border:0;padding:0}@media print{body{color:#000}a,a:link a:visited{color:#000;text-decoration:none}}input{border:0}html{font-family:font-family("SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif);font-size:212.5%}body{background-color:#fff;color:#1a1a2a;font-style:normal}body,button,input,select,textarea{font-synthesis:none;-webkit-font-smoothing:antialiased;direction:direction();text-align:inline-start()}h1,h2,h3,h4,h5,h6{color:#1b2b3b}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:.75em}h1+h1,h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,h2+h1,h2+h2,h2+h3,h2+h4,h2+h5,h2+h6,h3+h1,h3+h2,h3+h3,h3+h4,h3+h5,h3+h6,h4+h1,h4+h2,h4+h3,h4+h4,h4+h5,h4+h6,h5+h1,h5+h2,h5+h3,h5+h4,h5+h5,h5+h6,h6+h1,h6+h2,h6+h3,h6+h4,h6+h5,h6+h6{margin-top:0}ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6{margin-top:1.4em}ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}nav ol,nav ul{margin:0;list-style:none}li li{font-size:1em}a{color:#09f}a:link,a:visited{text-decoration:none}a:hover{text-decoration:underline}a:active{text-decoration:none}p+a{display:inline-block}b,strong{font-weight:font-weight(bold)}.selfclear:after,.selfclear:before{content:" ";display:table}.selfclear:after{clear:both}.visuallyhidden{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9% 99.9%);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.nowrap{display:inline-block;text-decoration:inherit;white-space:nowrap}.clear{clear:both}.row{position:relative;z-index:1}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.column{box-sizing:border-box;position:relative;z-index:1;margin:0;padding:0;float:left;min-height:2px}@media only screen and (max-width:10000000px){.large-offset-0{margin-left:0}.large-pull-0,.large-push-0{left:auto;right:auto}.large-1{width:8.33333%}.large-offset-1{margin-left:8.33333%}.large-push-1{left:8.33333%;right:auto}.large-pull-1{right:8.33333%;left:auto}.large-2{width:16.66667%}.large-offset-2{margin-left:16.66667%}.large-push-2{left:16.66667%;right:auto}.large-pull-2{right:16.66667%;left:auto}.large-3{width:25%}.large-offset-3{margin-left:25%}.large-push-3{left:25%;right:auto}.large-pull-3{right:25%;left:auto}.large-4{width:33.33333%}.large-offset-4{margin-left:33.33333%}.large-push-4{left:33.33333%;right:auto}.large-pull-4{right:33.33333%;left:auto}.large-5{width:41.66667%}.large-offset-5{margin-left:41.66667%}.large-push-5{left:41.66667%;right:auto}.large-pull-5{right:41.66667%;left:auto}.large-6{width:50%}.large-offset-6{margin-left:50%}.large-push-6{left:50%;right:auto}.large-pull-6{right:50%;left:auto}.large-7{width:58.33333%}.large-offset-7{margin-left:58.33333%}.large-push-7{left:58.33333%;right:auto}.large-pull-7{right:58.33333%;left:auto}.large-8{width:66.66667%}.large-offset-8{margin-left:66.66667%}.large-push-8{left:66.66667%;right:auto}.large-pull-8{right:66.66667%;left:auto}.large-9{width:75%}.large-offset-9{margin-left:75%}.large-push-9{left:75%;right:auto}.large-pull-9{right:75%;left:auto}.large-10{width:83.33333%}.large-offset-10{margin-left:83.33333%}.large-push-10{left:83.33333%;right:auto}.large-pull-10{right:83.33333%;left:auto}.large-11{width:91.66667%}.large-offset-11{margin-left:91.66667%}.large-push-11{left:91.66667%;right:auto}.large-pull-11{right:91.66667%;left:auto}.large-12{width:100%}.large-offset-12{margin-left:100%}.large-push-12{left:100%;right:auto}.large-pull-12{right:100%;left:auto}.large-centered{margin-left:auto;margin-right:auto;float:none}.large-uncentered{margin-left:0;margin-right:0}.large-last{float:right}.large-notlast{float:left}}@media only screen and (max-width:1068px){.medium-offset-0{margin-left:0}.medium-pull-0,.medium-push-0{left:auto;right:auto}.medium-1{width:8.33333%}.medium-offset-1{margin-left:8.33333%}.medium-push-1{left:8.33333%;right:auto}.medium-pull-1{right:8.33333%;left:auto}.medium-2{width:16.66667%}.medium-offset-2{margin-left:16.66667%}.medium-push-2{left:16.66667%;right:auto}.medium-pull-2{right:16.66667%;left:auto}.medium-3{width:25%}.medium-offset-3{margin-left:25%}.medium-push-3{left:25%;right:auto}.medium-pull-3{right:25%;left:auto}.medium-4{width:33.33333%}.medium-offset-4{margin-left:33.33333%}.medium-push-4{left:33.33333%;right:auto}.medium-pull-4{right:33.33333%;left:auto}.medium-5{width:41.66667%}.medium-offset-5{margin-left:41.66667%}.medium-push-5{left:41.66667%;right:auto}.medium-pull-5{right:41.66667%;left:auto}.medium-6{width:50%}.medium-offset-6{margin-left:50%}.medium-push-6{left:50%;right:auto}.medium-pull-6{right:50%;left:auto}.medium-7{width:58.33333%}.medium-offset-7{margin-left:58.33333%}.medium-push-7{left:58.33333%;right:auto}.medium-pull-7{right:58.33333%;left:auto}.medium-8{width:66.66667%}.medium-offset-8{margin-left:66.66667%}.medium-push-8{left:66.66667%;right:auto}.medium-pull-8{right:66.66667%;left:auto}.medium-9{width:75%}.medium-offset-9{margin-left:75%}.medium-push-9{left:75%;right:auto}.medium-pull-9{right:75%;left:auto}.medium-10{width:83.33333%}.medium-offset-10{margin-left:83.33333%}.medium-push-10{left:83.33333%;right:auto}.medium-pull-10{right:83.33333%;left:auto}.medium-11{width:91.66667%}.medium-offset-11{margin-left:91.66667%}.medium-push-11{left:91.66667%;right:auto}.medium-pull-11{right:91.66667%;left:auto}.medium-12{width:100%}.medium-offset-12{margin-left:100%}.medium-push-12{left:100%;right:auto}.medium-pull-12{right:100%;left:auto}.medium-centered{margin-left:auto;margin-right:auto;float:none}.medium-uncentered{margin-left:0;margin-right:0}.medium-last{float:right}.medium-notlast{float:left}}@media only screen and (max-width:735px){.small-offset-0{margin-left:0}.small-pull-0,.small-push-0{left:auto;right:auto}.small-1{width:8.33333%}.small-offset-1{margin-left:8.33333%}.small-push-1{left:8.33333%;right:auto}.small-pull-1{right:8.33333%;left:auto}.small-2{width:16.66667%}.small-offset-2{margin-left:16.66667%}.small-push-2{left:16.66667%;right:auto}.small-pull-2{right:16.66667%;left:auto}.small-3{width:25%}.small-offset-3{margin-left:25%}.small-push-3{left:25%;right:auto}.small-pull-3{right:25%;left:auto}.small-4{width:33.33333%}.small-offset-4{margin-left:33.33333%}.small-push-4{left:33.33333%;right:auto}.small-pull-4{right:33.33333%;left:auto}.small-5{width:41.66667%}.small-offset-5{margin-left:41.66667%}.small-push-5{left:41.66667%;right:auto}.small-pull-5{right:41.66667%;left:auto}.small-6{width:50%}.small-offset-6{margin-left:50%}.small-push-6{left:50%;right:auto}.small-pull-6{right:50%;left:auto}.small-7{width:58.33333%}.small-offset-7{margin-left:58.33333%}.small-push-7{left:58.33333%;right:auto}.small-pull-7{right:58.33333%;left:auto}.small-8{width:66.66667%}.small-offset-8{margin-left:66.66667%}.small-push-8{left:66.66667%;right:auto}.small-pull-8{right:66.66667%;left:auto}.small-9{width:75%}.small-offset-9{margin-left:75%}.small-push-9{left:75%;right:auto}.small-pull-9{right:75%;left:auto}.small-10{width:83.33333%}.small-offset-10{margin-left:83.33333%}.small-push-10{left:83.33333%;right:auto}.small-pull-10{right:83.33333%;left:auto}.small-11{width:91.66667%}.small-offset-11{margin-left:91.66667%}.small-push-11{left:91.66667%;right:auto}.small-pull-11{right:91.66667%;left:auto}.small-12{width:100%}.small-offset-12{margin-left:100%}.small-push-12{left:100%;right:auto}.small-pull-12{right:100%;left:auto}.small-centered{margin-left:auto;margin-right:auto;float:none}.small-uncentered{margin-left:0;margin-right:0}.small-last{float:right}.small-notlast{float:left}}@media only screen and (max-width:414px){.form-compact-offset-0{margin-left:0}.form-compact-pull-0,.form-compact-push-0{left:auto;right:auto}.form-compact-1{width:8.33333%}.form-compact-offset-1{margin-left:8.33333%}.form-compact-push-1{left:8.33333%;right:auto}.form-compact-pull-1{right:8.33333%;left:auto}.form-compact-2{width:16.66667%}.form-compact-offset-2{margin-left:16.66667%}.form-compact-push-2{left:16.66667%;right:auto}.form-compact-pull-2{right:16.66667%;left:auto}.form-compact-3{width:25%}.form-compact-offset-3{margin-left:25%}.form-compact-push-3{left:25%;right:auto}.form-compact-pull-3{right:25%;left:auto}.form-compact-4{width:33.33333%}.form-compact-offset-4{margin-left:33.33333%}.form-compact-push-4{left:33.33333%;right:auto}.form-compact-pull-4{right:33.33333%;left:auto}.form-compact-5{width:41.66667%}.form-compact-offset-5{margin-left:41.66667%}.form-compact-push-5{left:41.66667%;right:auto}.form-compact-pull-5{right:41.66667%;left:auto}.form-compact-6{width:50%}.form-compact-offset-6{margin-left:50%}.form-compact-push-6{left:50%;right:auto}.form-compact-pull-6{right:50%;left:auto}.form-compact-7{width:58.33333%}.form-compact-offset-7{margin-left:58.33333%}.form-compact-push-7{left:58.33333%;right:auto}.form-compact-pull-7{right:58.33333%;left:auto}.form-compact-8{width:66.66667%}.form-compact-offset-8{margin-left:66.66667%}.form-compact-push-8{left:66.66667%;right:auto}.form-compact-pull-8{right:66.66667%;left:auto}.form-compact-9{width:75%}.form-compact-offset-9{margin-left:75%}.form-compact-push-9{left:75%;right:auto}.form-compact-pull-9{right:75%;left:auto}.form-compact-10{width:83.33333%}.form-compact-offset-10{margin-left:83.33333%}.form-compact-push-10{left:83.33333%;right:auto}.form-compact-pull-10{right:83.33333%;left:auto}.form-compact-11{width:91.66667%}.form-compact-offset-11{margin-left:91.66667%}.form-compact-push-11{left:91.66667%;right:auto}.form-compact-pull-11{right:91.66667%;left:auto}.form-compact-12{width:100%}.form-compact-offset-12{margin-left:100%}.form-compact-push-12{left:100%;right:auto}.form-compact-pull-12{right:100%;left:auto}.form-compact-centered{margin-left:auto;margin-right:auto;float:none}.form-compact-uncentered{margin-left:0;margin-right:0}.form-compact-last{float:right}.form-compact-notlast{float:left}}body{min-width:0}@media only screen and (max-width:10000000px){.large-hidden,.large-hide{display:none}.large-show{display:block}.large-show-inline{display:inline}.large-show-inlineblock{display:inline-block}}@media only screen and (max-width:1068px){.medium-hidden,.medium-hide{display:none}.medium-show{display:block}.medium-show-inline{display:inline}.medium-show-inlineblock{display:inline-block}}@media only screen and (max-width:735px){.small-hidden,.small-hide{display:none}.small-show{display:block}.small-show-inline{display:inline}.small-show-inlineblock{display:inline-block}}@media only screen and (max-width:414px){.form-compact-hidden,.form-compact-hide{display:none}.form-compact-show{display:block}.form-compact-show-inline{display:inline}.form-compact-show-inlineblock{display:inline-block}}@media only screen and (max-width:10000000px){.section-content{width:980px;margin:auto}}@media only screen and (max-width:1068px){.section-content{width:692px;margin:auto}}@media only screen and (max-width:735px){.section-content{width:87.5%;padding-left:6.25%;padding-right:6.25%}}pre>code{color:#1a1a2a;border:1px solid #e1e3e5;border-radius:8px;display:block;padding:14px 20px;font-size:14px;white-space:pre-wrap}code,pre>code{background:#fafbfb}code{color:#fe5e5e;padding:2px 5px}.button{background-color:#0579ff;background:linear-gradient(170deg,#0699fd,#0579ff);color:#f1f2f3;cursor:pointer;display:inline-block;min-width:30px;padding:3px 15px 4px;text-align:center;white-space:nowrap;border-radius:4px;box-shadow:0 4px 8px rgba(50,50,93,.06),0 1px 4px rgba(0,0,0,.04)}.button,.button:hover{transition:all .1s ease-in}.button:hover{opacity:.85;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 16px rgba(50,50,93,.06),0 4px 8px rgba(0,0,0,.04)}.button:focus{box-shadow:0 0 0 3px rgba(131,192,253,.5);outline:0}.button:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),.button:focus[data-focus-method=touch]:not(input):not(textarea):not(select){box-shadow:none}.button:active{background-color:#056feb;background:linear-gradient(170deg,#068de9,#056feb);outline:0}.button.disabled,.button:disabled{background-color:#0579ff;background:linear-gradient(170deg,#0699fd,#0579ff);color:#f1f2f3;cursor:default;opacity:.3}.button-compact{min-width:20px;padding:1px 10px;border-radius:4px}.button-compact:hover{transform:translateY(-.75px)}.button-block{box-sizing:border-box;display:block;width:100%}.button-secondary{color:#09f;border:1px solid #09f}.button-secondary,.button-secondary:hover{background-color:#fff;background:linear-gradient(170deg,#fff,#fff)}.button-secondary:active{background-color:#f7f7f7;background:linear-gradient(170deg,#f7f7f7,#f7f7f7)}.button-secondary.disabled,.button-secondary:disabled{background-color:#fff;background:linear-gradient(170deg,#fff,#fff);color:#09f}.button-secondary:hover{opacity:.75}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #d1d3d5}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}th{font-weight:600}.max-width{width:100%}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box;font-size:17px;line-height:1.295;font-weight:400;letter-spacing:-.02em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;display:block;width:100%;height:2em;color:#333;padding:6px 15px;text-align:left;background:#fff;background-clip:padding-box;margin-bottom:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:32px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{box-shadow:0 0 5px #09f;border:1px solid #09f}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select:focus,textarea:focus{border:1px solid #0d97ff;outline:0}hr{border:0;border-top:1px solid #d1d3d5}.theme-dark{background-color:#012;background-color:#000;color:#fff}.theme-dark p{color:#fff}.theme-dark a{color:#5ae}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark h6{color:#f1f2f3}.theme-dark .button{background-color:#0579ff;background:linear-gradient(170deg,#0699fd,#0579ff);color:#f1f2f3}.theme-dark .button:hover{background-color:#1984ff;background:linear-gradient(170deg,#1aa1fd,#1984ff)}.theme-dark .button:active{background-color:#056feb;background:linear-gradient(170deg,#068de9,#056feb)}.theme-dark .button.disabled,.theme-dark .button:disabled{background-color:#0579ff;background:linear-gradient(170deg,#0699fd,#0579ff);color:#f1f2f3}.theme-dark .button-secondary{color:#5ae}.theme-dark .button-secondary,.theme-dark .button-secondary:active,.theme-dark .button-secondary:hover{background-color:#000;background:linear-gradient(170deg,#000,#000)}.theme-dark .button-secondary.disabled,.theme-dark .button-secondary:disabled{background-color:#000;background:linear-gradient(170deg,#000,#000);color:#5ae}.theme-dark pre>code{background:#012;color:#fff;border:1px solid #012;border-radius:8px;display:block;padding:14px 20px;font-size:14px;white-space:pre-wrap}.theme-dark{background-color:#111214}.motion-reduce *{transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.motion-reduce .react-parallax-background-children{transform:none!important;margin-left:-50%}main{min-height:100vh}header{left:0;right:0;position:sticky;position:-webkit-sticky;top:0;background-color:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px);z-index:900;transition:all .5s;padding-left:24px;padding-right:24px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.motion-reduce header{background-color:#fff}.theme-dark header,header.theme-dark{background-color:rgba(0,0,0,.82);border-bottom:1px solid #333}.theme-dark.motion-reduce header{background-color:#000}.header-link:hover{text-decoration:none}.name-link{min-width:400px;display:inline-block;display:inline;margin:0;padding:0;list-style:none}.header-title{padding-top:6px;font-size:17px;line-height:20px;font-weight:600}.header-subtitle,.header-title{margin:0;text-decoration:none;transition:all .3s ease;letter-spacing:-.012em}.header-subtitle{color:#3c3c43;opacity:.6;font-size:16px;line-height:21px;font-weight:400}.header-content{display:flex;justify-content:space-between;align-items:center}nav.header-nav{height:96px;display:flex}.francis-status{float:left;padding:none;margin:none;width:56px;height:52px;background-image:url(/status.svg)}.name-text{float:right;padding-left:2px}ul.header-list{display:inline-block;display:inline;margin:0;padding:0;list-style:none;align-self:center}li.header-list-item{display:inline-block;padding:12px 0 8px 6px;transition:all .3s ease;font-size:14px;line-height:28px}li.header-list-item a{padding-left:16px}li.header-list-item .authd{opacity:.6}.header-button{margin-left:12px;display:inline-block;line-height:22px;font-weight:600;font-size:17px;color:#171819;border-radius:6px;transition:all .25s}.header-button:active,.header-button:focus{box-shadow:0 0 0 2px rgba(13,151,255,.5)}.theme-dark .header-button a{color:#f2f6f8}.header-button:hover{background-color:rgba(13,151,255,.12)}.theme-dark .header-button:hover{background-color:rgba(122,197,255,.2)}.header-button.active{color:#0d97ff;background-color:rgba(13,151,255,.12)}.theme-dark .header-button.active{background-color:rgba(122,197,255,.24)}.header-button.active a{color:#0d97ff}.header-button a{display:block;color:#171819;padding:2px 8px;text-decoration:none}.header-button.header-icon{margin-bottom:-2px;margin-left:12px;padding:0;width:26px;height:26px;color:#171819;border-radius:6px;transition:all .25s;cursor:pointer}.header-button.header-icon span:active,.header-button.header-icon span:focus{outline:none}.nav-search-icon{display:inline-block;width:26px;height:22px;background-position:top;background-image:url(/search-light.svg);margin-bottom:-2.5px;padding:0}.theme-dark .nav-search-icon{background-image:url(/search-dark.svg)}@media only screen and (max-width:735px){.header-nav,.header-wrapper{height:72px!important}.header-link{transform:scale(.85);margin-left:-24px}.small-hidden{display:none!important}.nav-search-icon{background-image:url(/symbols/menu.svg)}.theme-dark .nav-search-icon{background-image:url(/symbols/menu-dark.svg)}}.svg-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;border-radius:8px;opacity:.45}.theme-dark .svg-bg{opacity:.5}body,html{background-color:#f9fbfc}.page-container{padding-bottom:48px}.project-row>.column{transition:transform .25s ease}.project-row>.column:hover{border-radius:6px}.project-wrapper:after{content:"";height:24px;width:24px;position:absolute;bottom:16px;right:22px;background-image:url(/symbols/arrow.svg);padding-right:2px;background-position:50%;background-size:cover;opacity:.25;transition:all .25s ease;z-index:500;background-color:rgba(255,255,255,.85);border-radius:6px}.project-row>.column:hover .project-wrapper:after{right:20px;opacity:.85}@media only screen and (max-width:1068px){.project-wrapper:after{bottom:auto;top:24px;right:28px}.project-row>.column:hover .project-wrapper:after{right:22px}}@media only screen and (max-width:735px){.project-wrapper:after{display:none}}.theme-dark .project-wrapper:after{background-color:rgba(0,0,0,.65);background-image:url(/symbols/arrow-dark.svg)}.project-row>.column:hover{transform:translateY(-4px)}.project-column a{text-decoration:none}.project-row{margin-top:72px;overflow:visible}@media only screen and (max-width:735px){.project-cover{top:0;height:100%;border-radius:6px 6px 6px 6px;max-width:none}.project-background{opacity:.75}.hj-app-preview{opacity:.5}}.hj-app{position:absolute;width:115px;height:836px}.hj-app.row1{right:230px;top:-70px}.hj-app.row2{right:115px}.hj-app.row3{right:0;top:20px}.hj-app-image{width:100%;height:100%;background-size:contain;background-size:cover;background-repeat:no-repeat;background-position:50%}.hj-app-image.row1{background-image:url(/preview-images/row1.png)}.hj-app-image.row2{background-image:url(/preview-images/row2.png)}.hj-app-image.row3{background-image:url(/preview-images/row3.png)}.theme-dark .hj-app-image.row1{background-image:url(/preview-images/row1-dark.png)}.theme-dark .hj-app-image.row2{background-image:url(/preview-images/row2-dark.png)}.theme-dark .hj-app-image.row3{background-image:url(/preview-images/row3-dark.png)}.covid-web-preview{background-image:url(/preview-images/covid-light.png)}.theme-dark .covid-web-preview{background-image:url(/preview-images/covid-dark.png)}.pge-preview{background-image:url(/preview-images/pge-light.png)}.theme-dark .pge-preview{background-image:url(/preview-images/pge-dark.png)}.sg-preview{background-image:url(/preview-images/sg-light.png)}.theme-dark .sg-preview{background-image:url(/preview-images/sg-dark.png)}.btw-preview{background-image:url(/preview-images/btw-light.png)}.theme-dark .btw-preview{background-image:url(/preview-images/btw-dark.png)}.dash-preview{background-image:url(/preview-images/dash-light.png)}.theme-dark .dash-preview{background-image:url(/preview-images/dash-dark.png)}.blur-preview{background-image:url(/preview-images/blur-light.png)}.theme-dark .blur-preview{background-image:url(/preview-images/blur-dark.png)}.project-image{width:calc(100% - 24px);margin:12px}.project-image,.project-side-image{display:inline-block;height:auto;border-radius:6px}.project-side-image{width:calc(100% - 16px);margin:8px;overflow:hidden}.search-modal{z-index:999}.search-modal,.search-modal-click-target{position:fixed;top:96px;bottom:0;left:0;right:0}.search-modal-view{position:relative;margin-top:48px;box-shadow:0 6px 24px 0 rgba(0,0,0,.12);border-radius:6px;transition:all .25s ease;animation:onAppear .25s ease;transform-origin:top}.motion-reduce .search-modal-view{transition:none;animation:none}@media only screen and (max-width:735px){.search-modal-view{padding:0;width:92.5%}}.theme-dark .search-modal-view{box-shadow:0 6px 24px 0 rgba(0,0,0,.55)}.search-modal-view.exiting{opacity:0;transform:scale(.98,.95) translateY(20px) rotateX(-20deg)}.search-modal-bg{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:6px;background-color:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px)}.theme-dark .search-modal-bg{background-color:rgba(32,32,34,.92)}.motion-reduce .search-modal-bg{background-color:#fff}.theme-dark.motion-reduce .search-modal-bg{background-color:#202022}.search-div{width:100%;height:54px}.search-modal-search{border-radius:6px 6px 0 0;box-sizing:border-box;width:100%;height:100%;padding-left:50px;padding-right:84px;font-size:17px;line-height:22px;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-bottom-color:#d3d3d8;z-index:9993;transition:all .15s ease}.theme-dark .search-modal-search{border-bottom:1px solid #616166;color:#fff}.search-modal-search:focus{outline:none;border:1px solid #0d97ff;box-shadow:0 0 12px -1px rgba(52,69,194,.22)}.search-icon{position:absolute;top:14px;left:14px;height:26px;width:26px;background-image:url(/symbols/search.svg)}.theme-dark .search-icon{background-image:url(/symbols/search-dark.svg)}.icon-keys{position:absolute;top:14px;right:14px;padding-left:14px}@media only screen and (max-width:735px){.icon-keys{right:0;height:26px;width:59px;background-repeat:no-repeat;background-size:contain;background-image:url(/keys/close.svg)}.theme-dark .icon-keys{background-image:url(/keys/close-dark.svg)}.icon-keys figure{display:none}}.icon-key-cmd{display:inline-block;height:26px;width:26px;background-image:url(/keys/cmd.svg);margin-right:8px}.theme-dark .icon-key-cmd{background-image:url(/keys/cmd-dark.svg)}.icon-key-k{display:inline-block;height:26px;width:26px;background-image:url(/keys/k.svg)}.theme-dark .icon-key-k{background-image:url(/keys/k-dark.svg)}@keyframes onAppear{0%{opacity:0;transform:scale(.98,.95) translateY(20px) rotateX(-20deg)}to{opacity:1;transform:scale(1)}}.search-results{list-style:none;max-height:300px;overflow:scroll;border-radius:0 0 6px 6px;z-index:999}.search-results:after{content:"";height:18px;width:100%;position:absolute;top:54px;left:0;z-index:991;background-color:#eaebeb}.theme-dark .search-results:after{background-color:#353536}.search-results a{text-decoration:none}.search-result-header{box-sizing:border-box;width:100%;padding-top:2px;padding-bottom:1px;padding-left:20px;font-size:12px;line-height:16px;background:#e8e8e9;background:linear-gradient(90deg,rgb(232,232,233) 45%,rgba(232,232,233,0) 87%);color:rgba(17,17,18,.5);text-transform:uppercase;position:sticky;position:-webkit-sticky;top:0;z-index:999}.theme-dark .search-result-header{color:rgba(255,255,255,.5);background:#353536;background:linear-gradient(90deg,rgb(53,53,54) 45%,rgba(53,53,54,0) 87%)}.search-result-option{display:flex;width:100%;box-sizing:border-box;padding:14px;justify-content:space-between;border-top:1px solid #d3d3d8!important;transition:all .2s ease;cursor:pointer;position:relative}.theme-dark .search-result-option{border-top:1px solid #616166!important}.search-result-header+.search-result-option:after,.search-result-header+li>.search-result-option:after{content:"";height:18px;width:100%;position:absolute;top:-18px;left:0;z-index:991;background-color:#eaebeb}.theme-dark .search-result-header+.search-result-option:after,.theme-dark .search-result-header+li>.search-result-option:after{background-color:#353536}.theme-dark .search-result-option{border-top:1px solid #616166;color:rgba(255,255,255,.5)}.search-result-option .result-right{z-index:-1;opacity:.5;transition:opacity .2s ease}.search-result-option:hover{background-color:rgba(0,0,0,.035)}.theme-dark .search-result-option:hover{background-color:rgba(255,255,255,.065)}.search-result-option:hover .result-right{opacity:1}.search-result-header+.search-result-option,.search-result-header+li>.search-result-option{border-top:none}.result-left,.result-right{display:inline-flex}.result-right{float:right;position:relative}.icon-theme{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/theme.svg)}.theme-dark .icon-theme{background-image:url(/symbols/theme-dark.svg)}.icon-motion{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/pause.svg)}.theme-dark .icon-motion{background-image:url(/symbols/pause-dark.svg)}.motion-reduce .icon-motion{background-image:url(/symbols/play.svg)}.theme-dark.motion-reduce .icon-motion{background-image:url(/symbols/play-dark.svg)}.icon-toggle{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/toggle.svg);transform:rotate(180deg)}.theme-dark .icon-toggle{background-image:url(/symbols/toggle-dark.svg)}.motion-reduce .motion-option .icon-toggle,.theme-dark .theme-option .icon-toggle{transform:rotate(0deg)}.icon-arrow{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/arrow.svg)}.theme-dark .icon-arrow{background-image:url(/symbols/arrow-dark.svg)}.icon-ext{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/ext.svg)}.theme-dark .icon-ext{background-image:url(/symbols/ext-dark.svg)}.icon-home{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/home.svg)}.theme-dark .icon-home{background-image:url(/symbols/home-dark.svg)}.icon-coffee{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/coffee.svg)}.theme-dark .icon-coffee{background-image:url(/symbols/coffee-dark.svg)}.icon-book{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/book.svg)}.theme-dark .icon-book{background-image:url(/symbols/book-dark.svg)}.icon-star{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/star.svg)}.theme-dark .icon-star{background-image:url(/symbols/star-dark.svg)}.icon-mail{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/mail.svg)}.theme-dark .icon-mail{background-image:url(/symbols/mail-dark.svg)}.icon-twitter{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/twitter.svg)}.theme-dark .icon-twitter{background-image:url(/symbols/twitter-dark.svg)}.icon-linkedin{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/linkedin.svg)}.theme-dark .icon-linkedin{background-image:url(/symbols/linkedin-dark.svg)}.icon-github{align-self:center;display:inline-block;height:26px;width:26px;background-image:url(/symbols/github.svg)}.theme-dark .icon-github{background-image:url(/symbols/github-dark.svg)}.result-text{align-self:center;padding-left:10px;font-size:17px;line-height:22px;color:#18181d;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.theme-dark .result-text{color:#fff}.scribbled{color:rgba(0,0,0,.75);position:relative;z-index:-1}.theme-dark .scribbled{color:rgba(255,255,255,.85)}.scribbled:before{content:"";display:block;height:90%;position:absolute;top:0;left:-5%;width:110%;background-image:url(/scribble.svg);background-size:80%;background-clip:padding-box;background-position:50%;background-repeat:no-repeat;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.subheadline-headline-text{padding-top:0;padding-bottom:120px}.separator{height:4px;width:100%;border-radius:4px;background-color:rgba(23,24,25,.12)}.francis-hero{margin-top:0;margin-bottom:36px;height:auto;width:100%;padding-top:56.25%;background-position:50%;background-size:contain;background-image:url(/yb.gif);border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.15)}.project-columns-list{padding:48px;display:flex;flex-wrap:wrap}.project-columns-list>div{padding:12px!important;height:100%;transition:transform .25s ease}.project-columns-list>div:hover{transform:translateY(-4px)}.project-columns-content{display:block;width:100%;max-width:1728px;margin:auto}.hero-background{max-width:1380px;width:100%;margin:auto;height:calc(100vh - 96px - 170px - 40px);max-height:1200px;display:absolute;overflow:hidden;left:0}.test-spacer{height:800px}.hero-container{position:relative;overflow:hidden;width:100%;height:100%}.hero-headline-text{padding-top:72px;padding-bottom:24px}.section-headline-text{padding-top:24px;padding-bottom:24px}.section-row{margin-top:60px}.sticky-project-column{position:sticky;position:-webkit-sticky;top:95px}.subheadline-intro-text{padding-top:0;padding-bottom:48px}.app-separator{margin-left:2px;margin-right:24px;height:4px;width:calc(100% - 16px);border-radius:4px;background-color:rgba(23,24,25,.12)}.theme-dark .separator{background-color:rgba(246,246,248,.24)}.section-preview{margin-top:72px}.section-scroll{background:radial-gradient(ellipse at 5% 5%,#bf97f6,rgba(191,151,246,.2) 75%),radial-gradient(ellipse at 95% 5%,#6471e3,rgba(70,156,192,0) 75%),radial-gradient(ellipse at 95% 95%,#682db3,rgb(228,105,154) 75%),radial-gradient(ellipse at 5% 95%,#e24139,rgb(235,85,81) 75%)}.theme-dark .section-scroll{background-color:#713cac}.company-icon{height:64px;width:64px;margin-bottom:12px}.hj-icon{background-image:url(/icons/hj.svg)}.sg-icon{background-image:url(/icons/sg.svg)}.yb-icon{background-image:url(/icons/yb.svg)}.aapl-icon{background-image:url(/icons/aapl.svg)}.project-wrapper{display:flex;border-radius:6px;background-color:rgba(230,230,235,.5)}.theme-dark .project-wrapper{background-color:rgba(59,59,65,.5)}.project-wrapper .column:first-child{padding:24px}.project-wrapper .column:last-child{overflow:hidden}.project-row:first-of-type{margin-top:0}.project-title{font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.41}.project-subtitle{font-weight:600;line-height:22px;color:rgba(60,60,67,.6)}.project-body,.project-intro{position:relative;z-index:10}.project-body{padding-top:36px;max-width:276px}@media only screen and (max-width:1068px){.project-body{max-width:none}}.project-body-text{font-size:15px;color:rgba(60,60,67,.95)}.project-cover{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background-color:rgba(230,230,235,.65);-webkit-backdrop-filter:saturate(120%) blur(12px);backdrop-filter:saturate(120%) blur(12px);border-radius:6px 0 0 6px;max-width:318px}.theme-dark .project-cover{background-color:rgba(59,59,65,.65)}.motion-reduce .project-cover{background-color:#e6e6eb}.motion-reduce.theme-dark .project-cover{background-color:#3b3b41}@media only screen and (max-width:1068px){.project-cover{bottom:0;height:36%;top:auto;max-width:none;border-radius:0 0 6px 6px}}@media only screen and (max-width:735px){.project-cover{top:0;height:100%;border-radius:6px 6px 6px 6px;max-width:none}}.project-background{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;border-radius:6px;overflow:hidden}.image-preview{width:100%;height:100%;display:flex;position:relative}.image-preview.hj-app-preview{right:9%;top:-20%}.hj-app-bg{position:absolute;width:230px;height:1672px}.react-parallax{width:100%;height:100%}.react-parallax-background-children{top:-50px;width:100%;height:100%;transition:transform 10ms ease-in-out}.hj-app-bg.row1{left:-115px;top:-250px}.hj-app-bg.row2{left:115px}.hj-app-bg.row3{left:345px;top:-70px}.hj-app-bg.row4{left:575px;top:-400px}.hj-app-bg.row5{left:805px;top:-200px}.hj-app-bg.row6{left:1035px;top:-120px}.hj-app-bg.row7{left:1265px;top:-220px}.hj-app-hero-image{width:100%;height:100%;background-size:contain;background-size:cover;background-repeat:no-repeat;background-position:50%}.hj-app-hero-image.row1{background-image:url(/preview-images/row1-hq.png)}.hj-app-hero-image.row2{background-image:url(/preview-images/row2-hq.png)}.hj-app-hero-image.row3,.hj-app-hero-image.row4{background-image:url(/preview-images/row3-hq.png)}.hj-app-hero-image.row5{background-image:url(/preview-images/row2-hq.png)}.hj-app-hero-image.row6,.hj-app-hero-image.row7{background-image:url(/preview-images/row3-hq.png)}@media only screen and (min-width:1380px){.hj-app-bg.row1{left:0;top:-250px}.hj-app-bg.row2{left:230px}.hj-app-bg.row3{left:460px;top:-70px}.hj-app-bg.row4{left:690px;top:-400px}.hj-app-bg.row5{left:920px}.hj-app-bg.row6{left:1150px;top:-120px}.hj-app-bg.row7{left:1380px;top:-220px;display:none}}.screenshot-preview{position:absolute;right:-100px;top:0;width:482px;height:436px}@media only screen and (max-width:1068px){.screenshot-preview{right:-200px}.image-preview.hj-app-preview{right:-12%}}@media only screen and (max-width:735px){.image-preview.hj-app-preview{right:12%}.screenshot-preview{left:auto;right:-100px}}.screenshot-image{position:relative;top:70px;width:482px;height:436px;background-size:cover;transform:rotate(6deg) skew(-4deg,-4deg)}@media only screen and (max-width:735px){.covid-web-preview{opacity:.35}}.section-image-grid{padding-top:48px}.hj-compare{width:100%;margin-top:24px}.hj-compare,.hj-wireframe{display:inline-block;height:auto;border-radius:6px}.hj-wireframe{width:calc(100% - 16px);margin:8px;overflow:hidden}.typography-subsection-headline{font-weight:600!important}