@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte_bold.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte_bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-italic.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-regular.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-thin.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-bold-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-bold-trail-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-regular-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-regular-trail-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-thin-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-thin-trail-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-light-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-medium-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-regular-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-super-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-super-webfont.woff) format("woff");font-weight:900;font-style:normal}body{padding:200px 0 0}html{font-family:paul,sans-serif;font-weight:100;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.shield{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-100}.shield.about{background:#191a1d}.shield.work{background:#ebecf2}section{padding:0}section .wrapper{margin:0 auto;max-width:540px;padding:0;position:relative;width:100%}section .wrapper.narrow{max-width:540px;width:100%}section .wrapper.narrow-med{max-width:720px;width:100%}section.quote{padding:50px 0;width:100%}::-moz-selection{background:#a291f1;color:#fff}::selection{background:#a291f1;color:#fff}.grey-one{color:#191a1d!important}.grey-two{color:#78787b!important}.grey-three{color:#ebecf2!important}.grey-four{color:#f2f2f5!important}.white{color:#fff!important}.purpleBg{background:#a291f1}.purple{color:#a291f1}.centered{text-align:center}.pushTopBottom{padding:40px 0 80px}.more-work{background:#fff;margin-top:7.5vh;border-top:1px solid #f2f2f5}.links-to-work{display:flex;text-align:center;width:100%}a.project{background:#fff;color:#a291f1;display:block;font-size:22px;font-weight:400;padding:65px 0;text-align:center;text-decoration:none;width:50%;transition:background 175ms ease-in-out}a.project.next{border-left:1px solid #f2f2f5}a.project.prev{border-right:1px solid #f2f2f5}a.project:hover{background:#191a1d;color:#fff;transition:all 175ms ease-in-out}a.project span{font-size:18px;font-weight:700;text-transform:uppercase}@media (min-width: 320px) and (max-width: 767px){body{padding:100px 0 0}section .wrapper{padding:0 20px}section.quote{margin:0;padding:25px 0 75px}.more-work{margin-top:4vh}.links-to-work{display:block}a.project{display:block;font-size:16px;padding:35px 0;width:100%}a.project.next{border-top:1px solid #f2f2f5;border-left:none}a.project.prev{border-bottom:1px solid #f2f2f5;border-right:none}a.project span{font-size:14px}.content.pushTopBottom{padding:1px 0 80px}.content.pushTopBottom .wrapper{margin-top:35px}}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte_bold.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte_bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-italic.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-regular.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-thin.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-bold-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-bold-trail-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-regular-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-regular-trail-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-thin-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-thin-trail-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-light-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-medium-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-regular-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-super-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-super-webfont.woff) format("woff");font-weight:900;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:gt_sectra_display,sans-serif;font-weight:700;text-align:center}h1{color:#191a1d;font-size:42px;letter-spacing:0}h1.section-header{margin-top:0}h3{color:#191a1d;font-size:24px;letter-spacing:0}p,li{color:#191a1d;font-size:18px;font-weight:400;letter-spacing:0px;line-height:30px;text-transform:none}p{color:#78787b;margin:0 0 30px}p.small{font-size:14px;line-height:20px}p.intro{color:#191a1d;font-size:26px;line-height:35px}ul{padding:0 0 0 20px}li{font-size:14px;line-height:20px;margin-bottom:15px}em{font-style:italic;margin-right:3px}.quote{color:#fff;font-family:volte,sans-serif;font-size:32px;letter-spacing:-1px;line-height:35px;margin:0;text-transform:none}.quote span{display:inline}.study-header.quote{color:#fff;font-family:volte,sans-serif;font-size:80px;letter-spacing:-1px;line-height:85px;margin:0 0 75px}.reversed{color:#fff}.reversed span{background:#78787b}.caption,.auth{color:#78787b;font-size:12px;font-weight:400;text-align:center;text-transform:none}.caption.pulled,.auth.pulled{margin:-115px 0 0}.auth{font-size:14px;letter-spacing:.5px;margin:15px 0 0}@media (min-width: 320px) and (max-width: 767px){p{font-size:16px;line-height:20px;margin:0 0 20px;text-align:left}p.intro{font-size:20px;line-height:25px}h1{font-size:28px;line-height:30px;margin:0 0 20px}h1.step{margin-top:25px}.quote{font-size:24px;line-height:25px;margin:30px 0 0}.study-header.quote{font-size:32px;line-height:35px;margin:30px 0 0}.auth{line-height:15px}.caption{margin:0 auto;width:90%}.caption.pulled{margin:-20px 0 0}}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte_bold.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte_bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-italic.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-regular.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-thin.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-bold-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-bold-trail-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-regular-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-regular-trail-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-thin-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-thin-trail-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-light-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-medium-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-regular-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-super-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-super-webfont.woff) format("woff");font-weight:900;font-style:normal}body{background-image:url(/images/work/mixpanel/email-ios/wireframes-2@2x.png) no-repeat -9999em -9999em;margin:0}.home{background-image:url(/images/work/mixpanel/email-ios/Mobile-App-Flow-1.0-wires@2x.png) no-repeat -9999em -9999em}.home .wrapper{background-image:url(/images/work/mixpanel/email-ios/Mobile-App-Flow-1.0-screens@2x.png) no-repeat -9999em -9999em}section.hero{background-image:url(/images/work/mixpanel/email-ios/MixpanelMobileAppFlow.png) no-repeat -9999em -9999em}section.hero .wrapper{max-width:1280px}.hero{background-color:#fff;background-image:url(/images/work/mixpanel/email-ios/email-digests-screenshot@2x.png) no-repeat -9999em -9999em}.home .content{position:absolute;top:0vh;width:45vw}.home .content h1{margin-bottom:25px}.home .content p{padding:25px 25px 0;position:relative;z-index:3;width:35vw}.home .content a{color:#a291f1;text-decoration:none;font-weight:700}h1.hero-header{background-image:url(/images/work/mixpanel/email-ios/wireframes-1@2x.png) no-repeat -9999em -9999em;color:#191a1d;font-size:180px;font-weight:700;letter-spacing:-6px;line-height:150px;margin:0;position:relative;text-align:left;text-transform:uppercase;width:510px}h1.hero-header:after{background-image:url(/images/work/mixpanel/email-ios/digest-interview-synthesis-half@2x.png) no-repeat -9999em -9999em;content:"";display:inline-block;height:15px;left:-20px;position:absolute;top:55px;width:78px}h1.hero-header a{color:#a291f1;text-decoration:none}.square{background-image:url(/images/work/mixpanel/email-ios/digest-interview-synthesis@2x.png) no-repeat -9999em -9999em;border:10px solid #ebecf2;height:215px;left:-80px;position:absolute;top:29px;width:715px}.grey-thing{background-color:#f2f2f5;background-image:url(/images/work/mixpanel/email-ios/Mobile-App-Flow-2.0-wires@2x.png) no-repeat -9999em -9999em;height:200%;left:-20%;position:fixed;top:-20%;transform:rotate(17deg);width:45%;z-index:0}.me{background-image:url(/images/work/mixpanel/email-ios/UI@2x.png) no-repeat -9999em -9999em;bottom:0;position:fixed;right:0;width:82vh}@media (min-width: 320px) and (max-width: 767px){.home .content{top:0;width:90%;padding:12px;border-radius:6px}.home .content p{position:relative;z-index:3;width:100%;background-color:#ffffffa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px;border-radius:6px;box-shadow:0 6px 20px -8px #191a1d59}h1.hero-header{font-size:104px;line-height:80px;width:100%}h1.hero-header:after{top:30px;width:58px}.square{height:145px;left:0;width:100%}.me{width:60vh}.grey-thing{width:100%}.hero{margin:280px 0 0}}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte_bold.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte_bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-italic.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-regular.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-thin.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-bold-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-bold-trail-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-regular-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-regular-trail-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-thin-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-thin-trail-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-light-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-medium-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-regular-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-super-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-super-webfont.woff) format("woff");font-weight:900;font-style:normal}.black footer a{color:#a291f1}footer{position:fixed;right:-160px;top:50vh;transform:rotate(-90deg);width:auto;z-index:3}footer p{color:#78787b;font-size:12px;font-weight:400;letter-spacing:0px;line-height:10px;margin:0;text-transform:uppercase}footer a{border-left:1px solid #78787b;color:#a291f1;display:inline-block;text-decoration:none;margin:0 0 0 10px;padding:2px 0 0 10px;transition:color .15s ease}footer a:hover{color:#c0b4f6;transition:color .15s ease}.fp-viewing-about footer p{color:#ebecf2;transition:color .15s ease}.fp-viewing-about footer p a{color:#c0b4f6;transition:color .15s ease}@media (min-width: 320px) and (max-width: 767px){footer{background:#fff;bottom:0;padding:10px 25px;right:auto;top:auto;transform:rotate(0);width:100%;z-index:500}footer a{margin:0 0 0 5px;padding:2px 0 0 5px}footer span{display:block}footer p{font-size:11px;letter-spacing:0px;line-height:17px;text-align:center}.black footer{background:#191a1d}.grey footer{background:#f2f2f5}.fp-viewing-about footer{background:#191a1d}.fp-viewing-work footer{background:#f2f2f5}}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte_bold.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte_bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-italic.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-regular.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-thin.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-bold-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-bold-trail-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-regular-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-regular-trail-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-thin-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-thin-trail-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-light-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-medium-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-regular-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-super-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-super-webfont.woff) format("woff");font-weight:900;font-style:normal}[data-anchor=about],body.about{background-color:#191a1d}section.about{position:relative;z-index:2}section.about p{color:#fff}section.about p a{color:#c0b4f6;font-weight:bolder;text-decoration:none;transition:color 225ms ease-in-out}section.about p a:hover{color:#a291f1;transition:color 225ms ease-in-out}section.about ul.social-buttons{display:grid;grid-column-gap:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin:40px auto 0;padding:0;width:100%}section.about ul.social-buttons li{display:grid;line-height:0;margin:0;padding:0;width:auto}section.about ul.social-buttons li a{justify-self:center}h1.section-header:before{background-color:#f2f2f526}svg{height:60px;pointer-events:all;width:auto}svg #outline{stroke:#a291f1;transition:stroke 225ms ease-in-out}svg #icon{fill:#a291f1;transition:fill 225ms ease-in-out}svg #icon-stroke{stroke:#a291f1;transition:stroke 225ms ease-in-out}svg:hover #outline{stroke:#c0b4f6;transition:stroke 225ms ease-in-out}svg:hover #icon{fill:#c0b4f6;transition:fill 225ms ease-in-out}svg:hover #icon-stroke{stroke:#c0b4f6;transition:stroke 225ms ease-in-out}@media (min-width: 320px) and (max-width: 767px){section.about{padding:0}section.about ul.social-buttons{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;margin:25px auto 0}section.about ul.social-buttons li{margin:0}section.about ul.social-buttons svg{height:50px}}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte_bold.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte_bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-italic.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-regular.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-thin.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-bold-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-bold-trail-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-regular-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-regular-trail-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-thin-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-thin-trail-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-light-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-medium-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-regular-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-super-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-super-webfont.woff) format("woff");font-weight:900;font-style:normal}header{position:fixed;top:0;width:100%;z-index:3}.logo,nav{position:absolute;z-index:1}nav{right:50px;top:50px;position:absolute;transition:left .1s .75s,top .25s .75s}nav ul{list-style:none;margin:0;padding:0}nav ul li{display:inline-block;margin:0 0 0 20px;position:relative}nav ul li a{color:#78787b;font-size:15px;font-weight:400;letter-spacing:0;padding-bottom:5px;text-decoration:none;text-transform:none}nav ul li a:after{background-color:#a291f1;bottom:-7px;content:"";display:block;height:2px;left:50%;position:absolute;transform:translate3D(-50%,0,0);width:0;transition:width .15s ease}nav ul li a.current:after{width:100%}nav ul li a:hover{color:#a291f1}nav ul li a:hover:after{width:100%;transition:width .15s ease}h1.logo{font-size:26px;font-family:volte,sans-serif;font-weight:700;left:50px;letter-spacing:-1px;margin:0;text-transform:none;top:45px;z-index:3}h1.logo a{color:#a291f1;text-decoration:none;transition:color .15s ease}h1.logo a:hover{color:#c0b4f6;transition:color .15s ease}.fp-viewing-about h1.logo{color:#ffffff80;top:25px;transition:top .25s .75s,color 175ms .45s}.fp-viewing-about ul li a{color:#ffffff80}.fp-viewing-work h1.logo{top:25px;transition:top .25s .75s}.fp-viewing-work ul li a{color:#191a1d}@media (min-width: 320px) and (max-width: 767px){.grey-four header{background:#f2f2f5}header{background:transparent;height:60px;z-index:500}.black header{background:#191a1d}.grey header{background:#f2f2f5}h1.logo{font-size:22px;left:20px;top:18px}.fp-viewing-about header{background:#191a1d;transition:background 175ms .45s}.fp-viewing-about h1.logo{top:18px}.fp-viewing-about nav{top:20px}.fp-viewing-work header{background:#f2f2f5;transition:background 175ms .45s}.fp-viewing-work h1.logo{top:18px}.fp-viewing-work nav{top:20px}nav{right:20px;top:24px}nav ul li{margin:0 0 0 10px}nav ul li a{font-size:13px}}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte_bold.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte_bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-italic.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-regular.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-thin.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-bold-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-bold-trail-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-regular-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-regular-trail-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-thin-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-thin-trail-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-light-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-medium-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-regular-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-super-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-super-webfont.woff) format("woff");font-weight:900;font-style:normal}[data-anchor=work],body.work{background-color:#f2f2f5}section.work{position:relative;z-index:2}section.work p{color:#191a1d}section.work p a{color:#a291f1;font-weight:bolder;text-decoration:none}section.work p a:hover{color:#c0b4f6}section.work h1.section-header:before{background-color:#191a1d26}.work ul{list-style:none;margin:0 0 25px;padding:0;text-align:left}.work ul li{transition:background-color .15s;margin-bottom:0}.work ul li:last-child{border-bottom:none}.work ul li .view-project{background-color:#a291f1;border-radius:50em;color:#fff;display:inline-block;font-family:volte,sans-serif;font-size:12px;font-weight:700;margin:20px auto 5px;padding:10px 16px 8px;text-decoration:none;text-transform:uppercase}.work ul li .view-project:hover{background-color:#c0b4f6;transition:background-color .2s}.work ul h3{color:#a291f1;font-family:das,sans-serif;font-size:16px;font-weight:400;margin:0 0 10px;text-align:left}.work ul p{margin:0}.work .social-buttons li{border-bottom:none;display:inline-block;margin:0;padding:0;width:100%}.work .social-buttons li:last-child .social-button{border-bottom:none}.work .social-button{border-radius:0;border-bottom:1px solid rgba(120,120,123,.2);box-shadow:none;color:#a291f1;display:block;font-size:16px;font-family:volte,sans-serif;font-weight:700;height:100%;line-height:0;padding:45px 30px;text-align:left;text-decoration:none;text-transform:none;width:100%;transition:box-shadow .15s ease}.work .social-button:hover{background-color:#fff;box-shadow:0 18px 47px -16px #02060e14;transition:box-shadow 225ms ease-in-out,background-color 225ms ease-in-out}.work a span{font-weight:400}.work span.project{border:2px solid;border-radius:3px;float:right;font-size:12px;font-weight:700;padding:10px 3px 8px;position:relative;text-align:right;text-transform:uppercase;top:-11px}.work span.project.orange{color:#ff9e36;border-color:#ff9e36}.work span.project.green{color:#05d69d;border-color:#05d69d}@media (min-width: 320px) and (max-width: 767px){section.work{padding:0}section.work ul{margin:25px 0 0}section.work ul a.social-button{line-height:25px;padding:20px 25px;position:relative}section.work ul a.social-button span{display:block;font-size:15px;line-height:20px}section.work ul a.social-button span.project{font-size:11px;line-height:0;padding:8px 2px 5px;position:absolute;right:15px;top:15px}}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte_bold.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte_bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-italic.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-regular.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-thin.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-bold-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-bold-trail-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-regular-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-regular-trail-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-thin-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-thin-trail-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-light-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-medium-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-regular-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-super-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-super-webfont.woff) format("woff");font-weight:900;font-style:normal}.work-example.black{background:#191a1d}.work-example.grey-four{background:#f2f2f5}.content .wrapper{margin:7.5vh auto 0;max-width:940px;width:100%}.content .wrapper.first{margin:0 auto}.content .wrapper a{color:#a291f1;font-weight:700;text-decoration:none}.content .wrapper a:hover{color:#c0b4f6}.content ul{margin:0 0 30px;padding:0}.content ul li{color:#78787b;font-size:18px;line-height:30px;list-style:none;margin-bottom:0;padding:0}.content ul li.diamond-purple{background:url(/images/diamond.svg) no-repeat 0 9px;padding:0 0 0 18px}.details ul{margin:0 0 30px;padding:0}.details ul li{color:#fff;font-size:16px;line-height:25px;list-style:none;margin-bottom:0;padding:0}.details ul li.diamond{background:url(/images/diamond-white.svg) no-repeat 0 9px;padding:0 0 0 18px}.study h1{margin-bottom:25px;text-transform:none}.title-header{color:#ffffff80;font-size:14px;font-weight:700;margin:0;text-align:center;text-transform:uppercase}h1.study-header{color:#a291f1;font-size:80px;letter-spacing:-1px;line-height:85px;margin:0}h2 span{content:"";display:inline-block}h2 span.arrow{background:url(/images/arrow-right.svg) no-repeat;height:14px;margin:0 5px;width:16px}.screengrab-container{margin:0 auto 30px;max-width:952px;position:relative;width:100%;display:flex}.screengrab-container.full{max-width:100%;width:90%}.screengrab{border-radius:5px;display:flex;margin:0 auto 30px;max-width:952px;position:relative;text-decoration:none;width:100%;z-index:1}.screengrab.purple-shadow{box-shadow:0 2px 54px #191a1d40}.screengrab.small{border:1px solid rgba(120,120,123,.2);border-radius:5px;width:100%}img.full{max-width:100%;width:90%;display:flex}img.full.space{margin:100px auto;width:50%}.two-col{display:grid;position:relative;text-align:left;width:100%;z-index:1}.two-col.two-thirds{grid-column-gap:60px;grid-template-columns:4fr 2fr;margin:0}.two-col.half{grid-column-gap:60px;grid-template-columns:3fr 3fr;margin:0}.two-col.half .col{display:grid}.two-col.with-image{align-items:center;grid-column-gap:60px;justify-items:stretch;margin:0}.two-col.with-image.left-side-image{grid-template-columns:2fr 4fr}.two-col.with-image.right-side-image{grid-template-columns:4fr 2fr}.two-col .box{background:#fff;box-shadow:0 8px 25px -8px #a291f159;color:#191a1d}.two-col h1{letter-spacing:0;line-height:45px;margin:0 0 30px;text-align:left}.two-col .title-header{text-align:left}.details{padding:40px}.three-col{display:grid;justify-items:stretch;position:relative;text-align:left;width:100%;z-index:1}.three-col.thirds{grid-column-gap:60px;grid-template-columns:2fr 2fr 2fr;margin:0}.three-col .col{background:#fff;box-shadow:0 8px 25px -8px #a291f159}.box{background-color:#fff;margin:15px 0;padding:30px;width:100%}.box h1{margin:0;text-align:center;text-transform:none}.explanation{align-self:center}.explanation p{margin:0}.result{color:#a291f1;font-family:gt_sectra_display,sans-serif;font-size:100px;font-weight:700;line-height:80px;margin:30px 0 50px;text-align:center}.break{height:75px;width:100%}.done-differently{background:#fff;box-shadow:0 8px 25px -8px #a291f159;padding:25px 60px 50px;width:100%}@media (min-width: 320px) and (max-width: 767px){.content .wrapper{margin:6vh auto 0}.content ul li{font-size:16px;line-height:20px}.content ul li.diamond{background-position:0 5px}.title-header{font-size:13px}.screengrab,.screengrab-container{margin:0 auto 15px;width:90%}h1.study-header{font-size:40px;line-height:42px;margin:0 0 20px}.two-col.two-thirds{grid-column-gap:30px;grid-template-columns:1fr}.two-col.two-thirds .col.two{border-bottom:none;grid-template-columns:1fr 1fr;margin-bottom:10px;padding:10px 0 20px}.two-col.two-thirds .col.two ul:last-child{margin:0}.two-col.two-thirds .col.one{border-bottom:1px dotted #4b585d;order:1;padding:10px 0}.two-col.half{grid-column-gap:15px}.two-col.half h3{font-size:14px}.two-col.with-image{grid-column-gap:30px}.two-col.with-image.left-side-image,.two-col.with-image.right-side-image{grid-template-columns:3fr 3fr}.two-col h1{font-size:28px;line-height:30px;margin:0 0 20px}.break{height:15px}.box{margin:5px 0;padding:15px}.explanation p{font-size:12px;line-height:15px}.three-col.thirds{grid-template-columns:1fr}.three-col .col{margin-bottom:10px}.result{font-size:70px;line-height:50px;margin:20px 0 30px}.details{padding:30px}.done-differently{padding:35px 25px 20px}}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte_bold.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte_bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:volte;src:url(/fonts/indian_type_foundry_-_volte.woff2) format("woff2"),url(/fonts/indian_type_foundry_-_volte.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-italic.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-regular.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:das;src:url(/fonts/pfdasgroteskpro-thin.woff2) format("woff2"),url(/fonts/pfdasgroteskpro-thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-bold-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-bold-trail-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-regular-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-regular-trail-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:paul;src:url(/fonts/paulgrotesksoft-thin-trail-webfont.woff2) format("woff2"),url(/fonts/paulgrotesksoft-thin-trail-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-light-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-medium-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-regular-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gt_sectra_display;src:url(/fonts/gt-sectra-display-super-webfont.woff2) format("woff2"),url(/fonts/gt-sectra-display-super-webfont.woff) format("woff");font-weight:900;font-style:normal}button,.button{background-color:#a291f1;border-radius:3px;border:none;box-shadow:0 18px 47px -16px #02060e7a;color:#fff;display:flex;font-family:volte,sans-serif;font-size:16px;font-weight:700;letter-spacing:0;margin:60px auto 0;outline:none;padding:23px 45px 20px;transform:scale(1);text-align:center;text-decoration:none;text-transform:none;transition:all 175ms ease}button:hover,.button:hover{background-color:#c0b4f6;transform:scale(1.1);transition:all 175ms ease-in-out}button:focus,.button:focus{background-color:#c0b4f6;transition:background-color 175ms ease-in-out}button.white,.button.white{background-color:#c0b4f6;transition:all 175ms ease}button.white:hover,.button.white:hover{background-color:#a291f1;transform:scale(1.1);transition:all 175ms ease}button.white:focus,.button.white:focus{background-color:#a291f1;transition:background-color 175ms ease-in-out}.button{display:table;margin:50px auto}@media (min-width: 320px) and (max-width: 767px){.button{margin:20px auto}}