/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}img,embed,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}@font-face{font-family:"Coves";src:url("https://jgthms.com/arnaudbenard/fonts/coves_bold-webfont.woff2") format("woff2"),url("https://jgthms.com/arnaudbenard/fonts/coves_bold-webfont.woff") format("woff");font-style:normal;font-weight:700}@font-face{font-family:"Coves";src:url("https://jgthms.com/arnaudbenard/fonts/coves_light-webfont.woff2") format("woff2"),url("https://jgthms.com/arnaudbenard/fonts/coves_light-webfont.woff") format("woff");font-style:normal;font-weight:300}@font-face{font-family:"Moon";src:url("https://jgthms.com/arnaudbenard/fonts/moon_bold-webfont.woff2") format("woff2"),url("https://jgthms.com/arnaudbenard/fonts/moon_bold-webfont.woff") format("woff");font-style:normal;font-weight:700}@font-face{font-family:"Moon";src:url("https://jgthms.com/arnaudbenard/fonts/moon_light-webfont.woff2") format("woff2"),url("https://jgthms.com/arnaudbenard/fonts/moon_light-webfont.woff") format("woff");font-style:normal;font-weight:300}html{background:#fff;font-size:20px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;text-rendering:optimizeLegibility}@media screen and (min-width: 850px){html{overflow:auto;overflow-y:scroll;overflow-x:hidden}}body{color:#444;font-family:"Coves","Helvetica","Arial",sans-serif;font-size:1rem;font-weight:300;line-height:1.4}a{cursor:pointer;text-decoration:none}strong{color:#011627;font-weight:700}svg{height:auto;width:auto}.container{margin:0 auto}@media screen and (max-width: 849px){.container{max-width:640px}}@media screen and (min-width: 850px){.container{max-width:940px}}::-moz-selection{background:#ff2b53;color:#fff}::selection{background:#ff2b53;color:#fff}.section{padding:100px 20px}@media screen and (min-width: 850px){.section{padding:100px 120px 100px 170px}}.avatar,.avatar img{display:block;height:200px;width:200px}.heading{line-height:1.2;position:relative}.heading-logo{height:60px;width:60px}.heading-logo svg{height:60px;width:60px}.heading-title{color:#011627;font-family:"Moon","Helvetica","Arial",sans-serif;font-size:28px;font-weight:700;letter-spacing:.1em}.heading-subtitle{color:#00cab9;font-size:20px;font-weight:300}.heading-subtitle strong{color:#ff2b53}@media screen and (max-width: 849px){.heading{text-align:center}.heading-logo{margin:0 auto 20px}}@media screen and (min-width: 850px){.heading-title{font-size:40px;line-height:60px;white-space:nowrap}.heading-subtitle{font-size:24px}.heading-logo{left:-80px;position:absolute;top:0}}.header{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);font-family:"Moon","Helvetica","Arial",sans-serif;font-size:16px;height:60px;left:0;letter-spacing:.2em;line-height:30px;position:fixed;right:0;text-align:center;top:0;white-space:nowrap}.header-name{color:#011627;font-weight:700}.header-description strong{color:#00cab9}.header-logo{display:inline-block;height:30px;vertical-align:top;width:30px}.header-logo svg{height:30px;width:30px}@media screen and (max-width: 849px){.header{padding:15px 0}.header-description{display:none}.header-logo{left:15px;position:absolute;top:15px}}@media screen and (min-width: 850px){.header{box-shadow:none;height:60px;left:50px;transform:translateY(-60px);transition:none 100ms ease-out;transition-property:box-shadow,transform}.header-name,.header-description{position:absolute;top:15px}.header-name{padding-right:30px;right:50%}.header-description{left:50%;padding-left:35px}.header-logo{left:50%;margin-left:-15px;position:absolute;top:15px}.header.is-active{box-shadow:0 2px 5px rgba(0,0,0,0.1);transform:translateY(0)}}.hamburger{cursor:pointer;display:block;height:16px;position:fixed;right:20px;top:22px;width:20px}.hamburger span{background:#ff2b53;display:block;height:2px;margin:5px 2px 0;transition:transform 100ms ease-out;transform-origin:left center}.hamburger span:nth-child(1){margin-top:0}.hamburger span:nth-child(2){margin-left:0;margin-right:0;transform-origin:center center}@media screen and (min-width: 850px){.hamburger{display:none}}.nav{background:#ff2b53;font-family:"Moon","Helvetica","Arial",sans-serif;font-size:16px;font-weight:700;left:0;letter-spacing:.1em;position:fixed;top:0}.nav a{color:rgba(0,0,0,0.4);transition:color 100ms ease-out}.nav a:hover,.nav a.is-active{color:#fff}@media screen and (max-width: 849px){.nav{align-items:center;background:rgba(255,43,83,0.95);bottom:0;display:flex;justify-content:center;right:0;text-align:center;transform:scale(1.21);transition:none 100ms ease-out;transition-property:opacity,transform;visibility:hidden}.nav li{display:block;margin:30px 10px}}@media screen and (min-width: 850px){.nav{bottom:0;font-size:12px;width:50px}.nav:before{background-image:linear-gradient(to right, transparent, rgba(0,0,0,0.2));bottom:0;content:"";display:block;pointer-events:none;position:absolute;right:0;top:0;width:5px}.nav a{display:block;height:50px;line-height:50px;padding:0 15px}.nav li{float:right}.nav li:first-child a{padding-right:30px}.nav li:last-child a{padding-left:30px}.nav ul{position:absolute;right:50px;top:0;transform:rotate(-90deg);transform-origin:right top;white-space:nowrap;width:1000px}}.intro{overflow:hidden;position:relative}.intro-portrait{display:none;bottom:0;left:50%;max-width:1294px;overflow:hidden;position:absolute;right:0;top:0}.intro-portrait-background{bottom:0;left:0;position:absolute;right:0;top:0;background-image:url("https://jgthms.com/arnaudbenard/images/arnaudbenard.png");background-position:left bottom;background-repeat:no-repeat;background-size:cover}.intro .container{position:relative}.intro-content{font-family:"Moon","Helvetica","Arial",sans-serif;font-size:36px;letter-spacing:.1em;line-height:1.2;margin-top:40px;position:relative}.intro-content strong:nth-child(1){color:#011627}.intro-content strong:nth-child(2){color:#00cab9}.intro-content strong:nth-child(3){color:#ff2b53}.intro-more{font-size:24px;margin-top:20px;position:relative}@media screen and (max-width: 849px){.intro .avatar{margin:20px auto 0}}@media screen and (min-width: 850px){.intro .avatar{float:right;margin-left:20px;margin-top:40px}}@media screen and (min-width: 1000px){.intro .container{padding-right:40%}.intro-portrait{display:block}.intro .avatar{display:none}.intro-content{font-size:52px}.intro-more{font-size:30px}}.studies{background:#ecffe9;overflow:hidden;text-align:center}.studies-content{margin:0 auto;max-width:620px}.studies-content strong.is-berkeley{color:#003262}.studies-content strong.is-epfl{color:#e2001a}.studies-content strong.is-tokyo{color:#187fc3}.studies-map{position:relative}.studies-map-world{display:none;height:400px;overflow:hidden;position:relative;width:1097px}.studies-map-world-background{bottom:0;left:0;position:absolute;right:0;top:0;background-image:url("https://jgthms.com/arnaudbenard/images/world.png");background-repeat:no-repeat;background-position:center top;background-size:cover}.studies-map-logo{display:block;height:60px}.studies-map-logo-line{background:blue;display:none;height:80px;left:0;position:absolute;top:100%;transform:translate3d(20px, 20px, 0);width:1px}.studies-map-logo-line:after{background:blue;border-radius:290486px;bottom:0;content:"";display:block;height:13px;left:-6px;position:absolute;width:13px}.studies-map-logo svg{height:60px}.studies-map-logo.is-berkeley .studies-map-logo-line,.studies-map-logo.is-berkeley .studies-map-logo-line:after{background:#003262}.studies-map-logo.is-berkeley svg{width:196px}.studies-map-logo.is-epfl{height:80px}.studies-map-logo.is-epfl .studies-map-logo-line,.studies-map-logo.is-epfl .studies-map-logo-line:after{background:#e2001a}.studies-map-logo.is-epfl .studies-map-logo-line{bottom:100%;left:auto;right:0;top:auto;transform:translate3d(-20px, -20px, 0)}.studies-map-logo.is-epfl .studies-map-logo-line:after{bottom:auto;top:0}.studies-map-logo.is-epfl svg{height:80px;width:167px}.studies-map-logo.is-tokyo .studies-map-logo-line,.studies-map-logo.is-tokyo .studies-map-logo-line:after{background:#187fc3}.studies-map-logo.is-tokyo .studies-map-logo-line{left:auto;right:0;transform:translate3d(-20px, 20px, 0)}.studies-map-logo.is-tokyo svg{width:232px}@media screen and (min-width: 650px){.studies-content{font-size:28px}}@media screen and (max-width: 999px){.studies-map-logo{margin-top:40px}}@media screen and (min-width: 1000px){.studies{padding:100px 0 0 50px}.studies-content{font-size:32px}.studies-map{margin:40px auto 0;width:1097px}.studies-map-world{display:block}.studies-map-logo{position:absolute}.studies-map-logo-line{display:block}.studies-map-logo.is-berkeley{left:51px;top:13px}.studies-map-logo.is-epfl{left:360px;top:218px}.studies-map-logo.is-tokyo{right:111px;top:16px}}.services{background:#00cab9;color:#fff}.services strong{color:#fff}.services .heading-subtitle{color:#ff2b53}.services-item{margin-top:40px}.services-item:after{clear:both;content:" ";display:table}.services-item-title{font-family:"Moon","Helvetica","Arial",sans-serif;font-size:36px;line-height:1.2}@media screen and (min-width: 850px){.services-item-title{float:left;font-size:52px;width:40%}.services-item-content{float:right;font-size:28px;width:50%}}.work{background:#ecffe9}.work .container:after{clear:both;content:" ";display:table}.work .heading-subtitle{color:#ff2b53}.work-list{margin-top:40px;position:relative}.work-list-date{color:#00cab9;font-family:"Moon","Helvetica","Arial",sans-serif;font-size:20px;font-weight:700}.work-list-item{margin-bottom:40px}.work-list-item:last-child{margin-bottom:0 !important}.work-list-item-title{color:#011627;font-size:32px;font-weight:700}.work-list-item-technologies{color:#ff2b53;font-size:16px}.work-list-item-technologies li{display:inline}.work-list-item-technologies li:after{content:", "}.work-list-item-technologies li:last-child:after{content:""}.work-list-item-description{margin-top:10px}.work-list.is-2015 .work-list-item{margin-bottom:20px}.work-list.is-2015 .work-list-item-title{font-size:20px}.work-list.is-2015 .work-list-item-technologies{font-size:14px}@media screen and (max-width: 849px){.work-list-date{margin-bottom:20px}}@media screen and (min-width: 850px){.work-list-date{left:-40px;position:absolute;top:0;transform:rotate(-90deg) translate3d(-10px, -50px, 0);transform-origin:right top}.work-list.is-2016{float:left;width:60%}.work-list.is-2015{float:right;padding-top:5px;width:30%}}.testimonials{background:#00cab9;color:#fff}.testimonials strong{color:#fff}.testimonials .heading-subtitle{color:#ff2b53}.testimonials-item{margin-top:40px}.testimonials-item-logo{margin:0 auto 20px;max-height:64px;max-width:288px;text-align:center}.testimonials-item-logo img,.testimonials-item-logo svg{display:inline-block;max-height:64px;max-width:100%;vertical-align:top}.testimonials-item-logo svg path{fill:#fff}.testimonials-item-quote{font-size:28px;line-height:1.2;position:relative}.testimonials-item-quote:before{color:#ff2b53;content:"“";float:left;font-family:"Georgia",serif;font-size:60px;height:40px;left:-10px;line-height:40px;position:absolute;text-align:center;text-indent:0;top:10px;width:40px}.testimonials-item-quote p:first-child{text-indent:40px}.testimonials-item-quote p+p{margin-top:.5em}.testimonials-item-author{color:rgba(0,0,0,0.5);margin-top:20px}@media screen and (min-width: 850px){.testimonials-item{margin-top:80px;padding-right:40%;position:relative}.testimonials-item-logo{height:64px;left:70%;position:absolute;top:0}.testimonials-item-logo svg{height:64px}.testimonials-item-quote{font-size:36px}.testimonials-item-quote:before{font-size:80px;left:auto;margin-right:20px;position:absolute;right:100%}.testimonials-item-quote p:first-child{text-indent:0}.testimonials-item-author{font-size:24px}.testimonials-item.is-opencollective .testimonials-item-logo,.testimonials-item.is-opencollective .testimonials-item-logo svg{height:48px;width:288px}}.contact{background:#ecffe9;text-align:center}.contact .heading-logo{margin:0 auto 10px;position:static}.contact-email{margin-top:40px}.contact-email a{background:#00cab9;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:5px 20px;text-decoration:none;transition:background 100ms ease-out;vertical-align:top}.contact-email a em{font-weight:300;font-style:normal;opacity:.5;vertical-align:middle}.contact-email a span{font-weight:300}.contact-email a:hover{background:#011627}@media screen and (min-width: 850px){.contact{padding-bottom:200px;padding-top:200px}.contact-email a{font-size:32px}}@media screen and (max-width: 849px){html.nav-open .hamburger span{background:#fff;margin-left:0;margin-right:0}html.nav-open .hamburger span:nth-child(1){transform:rotate(45deg)}html.nav-open .hamburger span:nth-child(2){transform:scale(0)}html.nav-open .hamburger span:nth-child(3){transform:rotate(-45deg)}html.nav-open .nav{opacity:1;transform:scale(1);visibility:visible}}.hamburger{z-index:201}.nav{z-index:200}.header{z-index:100}
