{"version":3,"sources":["reset.css","scss/_header.scss","scss/_variables.scss","scss/_css-grid.scss","scss/_media-queries.scss","scss/_footer.scss","scss/_headline.scss","scss/_buttonRollUpAnimation.scss","scss/main.scss"],"names":[],"mappings":"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","file":"main.d7d27bd6.css","sourceRoot":"src","sourcesContent":["/* http://meyerweb.com/eric/tools/css/reset/\n   v4.0 | 20180602\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmain, menu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, main, menu, nav, section {\n\tdisplay: block;\n}\n/* HTML5 hidden-attribute fix for newer browsers */\n*[hidden] {\n    display: none;\n}\nbody {\n\tline-height: 1;\n}\nol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n","header {\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  width: 100%;\n  background: $color-background;\n\n  @include container(false);\n\n  @include respond-below('sm') {\n    font-size: .75rem;\n    position: static;\n  }\n\n  div {\n    margin: auto;\n\n    &:nth-child(1) {\n      @include column(2,4);\n\n      @include respond-below('sm') {\n        @include column(4,1);\n\n        padding-left: 1.4rem;\n      }\n    }\n\n    &:nth-child(2) {\n      @include column(2,6);\n\n      @include respond-below('sm') {\n        @include column(4,5);\n      }\n    }\n\n    &:nth-child(3) {\n      @include column(2,8);\n\n      @include respond-below('sm') {\n        @include column(4,9);\n\n        padding-right: 1.4rem;\n      }\n    }\n  }\n\n  a {\n    position: relative;\n    text-decoration: none;\n    text-align: center;\n    color: $color-primary;\n    padding: 0 1rem;\n\n    @include respond-below('md') {\n      padding: 0;\n    }\n  }\n}\n","$container-max-width: 1340px;\n$color-background: #1c1c1e;\n$color-primary: #fefefe;\n\n// Breakpoints\n$breakpoints: (\n  xs: 576px,\n  sm: 768px,\n  md: 992px,\n  lg: 1200px,\n  xl: 1620px,\n);\n\n// Grid\n$container-max-width: 1340px;\n\n$gridOffset: 36px;\n$gridMargin: 28px;\n$gridOffset-md: 16px;\n$gridMargin-md: 16px;\n$gridMargin-sm: 2px;\n\n$grids: (\n  'default': (\n    layout: 12,\n    gutter: 40px,\n    outerGutter: 82px,\n    maxWidth: $container-max-width,\n  ),\n  'lg': (\n    layout: 12,\n    gutter: 20px,\n    outerGutter: 44px,\n    breakpoint: 'max-width: #{map-get($breakpoints, lg)}',\n  ),\n  'md': (\n    layout: 12,\n    gutter: 20px,\n    outerGutter: 44px,\n    breakpoint: 'max-width: #{map-get($breakpoints, md)}',\n  ),\n  'sm': (\n    layout: 12,\n    gutter: 20px,\n    outerGutter: 20px,\n    breakpoint: 'max-width: #{map-get($breakpoints, sm)}',\n  ),\n);\n","/*\n * CSS Grid mixins. Requires $grids config map\n *\n */\n@mixin conditionalBreakpoint($breakpoint: false) {\n  @if ($breakpoint) {\n    @media only screen and (#{$breakpoint}) {\n      @content;\n    }\n  }\n\n  @else {\n    @content;\n  }\n}\n\n@mixin container($hasOuterGutter: true) {\n  display: grid;\n  max-width: $container-max-width;\n  margin-left: auto;\n  margin-right: auto;\n\n  @each $name, $grid in $grids {\n    $breakpoint: if(map-has-key($grid, breakpoint), map-get($grid, breakpoint), false);\n\n    @include conditionalBreakpoint($breakpoint) {\n      grid-template-columns: repeat(#{map-get($grid, layout)}, 1fr);\n      // grid-template-rows: auto;\n      grid-gap: map-get($grid, gutter);\n      max-width: if(map-has-key($grid, maxWidth), map-get($grid, maxWidth), none);\n      background: map-get($grid, background);\n      padding-left: if($hasOuterGutter, map-get($grid, outerGutter), 0);\n      padding-right: if($hasOuterGutter, map-get($grid, outerGutter), 0);\n    }\n  }\n}\n\n@mixin column($cols, $startCol: 0) {\n  grid-column-start: $startCol;\n  grid-column-end: span $cols;\n}\n\n@mixin gridGutter() {\n  $hasOuterGutter: true;\n\n  @each $name, $grid in $grids {\n    $breakpoint: if(map-has-key($grid, breakpoint), map-get($grid, breakpoint), false);\n\n    @include conditionalBreakpoint($breakpoint) {\n      padding-left: if($hasOuterGutter, map-get($grid, outerGutter), 0);\n      padding-right: if($hasOuterGutter, map-get($grid, outerGutter), 0);\n    }\n  }\n}\n\n@mixin resetGridGutter() {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n@function get-column-width($cols, $base: 12) {\n  @return calc((100% / #{$base} * #{$cols}));\n}\n\n@function get-column-width-vw($cols, $base: 12) {\n  @return calc((100vw / #{$base} * #{$cols}) - #{map-get(map-get($grids, 'default'), gutter)});\n}\n\n@function get-gutter($grid: 'default') {\n  @return map-get(map-get($grids, $grid), gutter);\n}\n\n@mixin centerBlock() {\n  max-width: $container-max-width;\n  margin-left: auto;\n  margin-right: auto;\n}\n","//  MEDIA QUERIES\n// https://glennmccomb.com/articles/useful-sass-scss-media-query-mixins-for-bootstrap/\n\n// @include respond-above(sm) {}\n@mixin respond-above($breakpoint) {\n  // If the breakpoint exists in the map.\n  @if map-has-key($breakpoints, $breakpoint) {\n    // Get the breakpoint value.\n    $breakpoint-value: map-get($breakpoints, $breakpoint);\n\n    // Write the media query.\n    @media (min-width: $breakpoint-value) {\n      @content;\n    }\n\n    // If the breakpoint doesn't exist in the map.\n  }\n\n  @else {\n    // Log a warning.\n    @warn 'Invalid breakpoint: #{$breakpoint}.';\n  }\n}\n\n//\n//  RESPOND BELOW\n//–––––––––––––––––––––––––––––––––––––––––––––––––\n// @include respond-below(sm) {}\n@mixin respond-below($breakpoint) {\n  // If the breakpoint exists in the map.\n  @if map-has-key($breakpoints, $breakpoint) {\n    // Get the breakpoint value.\n    $breakpoint-value: map-get($breakpoints, $breakpoint);\n\n    // Write the media query.\n    @media (max-width: ($breakpoint-value - 1)) {\n      @content;\n    }\n\n    // If the breakpoint doesn't exist in the map.\n  }\n\n  @else {\n    // Log a warning.\n    @warn 'Invalid breakpoint: #{$breakpoint}.';\n  }\n}\n\n//\n//  RESPOND BETWEEN\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n// @include respond-between(sm, md) {}\n@mixin respond-between($lower, $upper) {\n  // If both the lower and upper breakpoints exist in the map.\n  @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\n    // Get the lower and upper breakpoints.\n    $lower-breakpoint: map-get($breakpoints, $lower);\n    $upper-breakpoint: map-get($breakpoints, $upper);\n\n    // Write the media query.\n    @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\n      @content;\n    }\n\n    // If one or both of the breakpoints don't exist.\n  }\n\n  @else {\n    // If lower breakpoint is invalid.\n    @if (map-has-key($breakpoints, $lower) == false) {\n      // Log a warning.\n      @warn 'Your lower breakpoint was invalid: #{$lower}.';\n    }\n\n    // If upper breakpoint is invalid.\n    @if (map-has-key($breakpoints, $upper) == false) {\n      // Log a warning.\n      @warn 'Your upper breakpoint was invalid: #{$upper}.';\n    }\n  }\n}\n","footer {\n  @include container;\n\n  margin-bottom: 2rem;\n\n  @include respond-below('sm') {\n    margin-bottom: 1rem;\n  }\n\n  a {\n    text-decoration: none;\n    color: #fff;\n  }\n\n  p {\n    font-size: 0.75rem;\n    line-height: 20px;\n\n    &:nth-child(1) {\n      @include column(2, 1);\n\n      @include respond-below('md') {\n        @include column(12, 1);\n      }\n\n      @include respond-below('sm') {\n        margin-bottom: 3rem;\n      }\n    }\n\n    &:nth-child(2) {\n      @include column(2, 9);\n\n      @include respond-below('md') {\n        @include column(6, 1);\n      }\n    }\n\n    &:nth-child(3) {\n      @include column(2, 11);\n\n      @include respond-below('md') {\n        @include column(6, 7);\n      }\n    }\n  }\n}\n",".content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  // height: 160px;\n  overflow:hidden;\n\n  font-family: \"Helvetica Neue\", sans-serif;\n  font-size: 62px;\n  line-height: 62px;\n  letter-spacing: -0.79px;\n  color: #666769;\n  margin-top: 14px;\n\n  @include respond-below('sm') {\n    font-size: 42px;\n  }\n\n  &__container {\n    overflow: hidden;\n    height: 72px;\n\n    &__text {\n      // display: inline;\n      // float: left;\n      margin: 0;\n    }\n\n    &__list {\n      margin-top: 0;\n      text-align: center;\n      list-style: none;\n\n      animation-name: change;\n      animation-duration: 16s;\n      animation-delay: 2.6s;\n\n      &__item {\n        margin:0;\n\n        // animation-name: opacity;\n        // animation-duration: 8s;\n        // animation-delay: 2.6s;\n      }\n    }\n  }\n}\n\n@keyframes opacity {\n  0%, 12.66%, 100% { opacity: 1; }\n  16.66%, 18.32% { opacity: 0.5; }\n  18.32%, 29.32% { opacity: 1; }\n  33.32%, 45.98% { opacity: 1; }\n  49.98%, 62.64% { opacity: 1; }\n  66.64%, 79.3% { opacity: 1; }\n  83.3%, 95.96% { opacity: 1; }\n}\n\n@keyframes change {\n  0%, 12.66%, 100% { transform:translate3d(0,0,0); }\n  16.66%, 29.32% { transform:translate3d(0,-25%,0); }\n  33.32%, 45.98% { transform:translate3d(0,-50%,0); }\n  49.98%, 62.64% { transform:translate3d(0,-75%,0); }\n  66.64%, 79.3% { transform:translate3d(0,-50%,0); }\n  83.3%, 95.96% { transform:translate3d(0,-25%,0); }\n}\n\n// 6 is the number of animation.\n// Here, there are 4 lines :\n\n// 1 to 2\n// 2 to 3\n// 3 to 4\n// 4 to 3\n// 3 to 2\n// 2 to 1\n\n// 6x + 6y = 100 (100% duration)\n\n// HERE :\n// y = 4 -> Animation between two lines\n// x = 12.66 -> Time spent on a line\n\n// You can define a value and calculate the other if you want change speed or the number of lines\n","$rollOverButton--height: 51px !default;\n$rollOverButton--animTime: .2s;\n\n.btnRollUpAnim {\n  box-sizing: border-box;\n  overflow: hidden;\n  height: $rollOverButton--height;\n\n  span {\n    display: block;\n    line-height: $rollOverButton--height;\n    transition: $rollOverButton--animTime;\n    will-change: margin-top;\n\n    &:nth-of-type(1) {\n      margin-top: 0em;\n    }\n  }\n\n  &:hover {\n    span:nth-child(1) {\n      margin-top: -$rollOverButton--height;\n    }\n\n    span:nth-child(2) {\n      margin-top: 0px;\n    }\n  }\n}\n","@import './variables';\n@import './media-queries';\n@import './css-grid';\n@import './header';\n@import './footer';\n@import './headline';\n@import './_buttonRollUpAnimation.scss';\n\nhtml,\nbody {\n    background-color: $color-background;\n    color: #FEFFFF;\n    font-family: \"Helvetica Neue\", sans-serif;\n    font-size: 16px;\n    line-height: 18px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.wrapper {\n  opacity: 0;\n  will-change: opacity;\n  max-width: 1340px;\n  margin: auto;\n}\n\n.row {\n  @include container();\n}\n\nheader {\n  opacity: 0;\n  will-change: opacity;\n\n  a {\n    display: inline-block;\n    text-decoration: none;\n  }\n}\n\nh1 {\n  font-family: \"Helvetica Neue\", sans-serif;\n  font-size: 62px;\n  line-height: 104px;\n  letter-spacing: -0.79px;\n  text-align: center;\n  color: $color-primary;\n\n  margin-top: 11rem;\n  margin-bottom: 9rem;\n\n  @include respond-below('md') {\n    margin-top: 3rem;\n    margin-bottom: 4rem;\n  }\n\n  @include respond-below('sm') {\n    margin-top: 4rem;\n    margin-bottom: 4rem;\n    font-size: 42px;\n    line-height: 84px;\n  }\n\n  opacity: 0;\n  will-change: opacity;\n\n  > span:nth-child(1) {\n    z-index: 10;\n    // background: $color-background;\n  }\n\n  > span {\n    position: relative;\n    top: 8px;\n  }\n}\n\n\n.form {\n  height: 0;\n  visibility: hidden;\n}\n\n.cf {\n  opacity: 0;\n  will-change: opacity;\n  height: 600px;\n  max-width: 720px;\n  margin: auto;\n\n  @include respond-below('md') {\n    width: 70%;\n  }\n\n  @include respond-below('sm') {\n    width: 92%;\n  }\n\n  .conversational-form {\n    border: 1px solid #2F2F2F;\n    border-radius: 13px;\n  }\n}\n\nmain {\n  div.about {\n    opacity: 0;\n    will-change: opacity;\n\n    @include column(8, 3);\n\n    margin-left: 3rem;\n    margin-right: 3rem;\n    margin-top: 9rem;\n    margin-bottom: 8rem;\n\n    @include respond-below('md') {\n      margin-top: 4rem;\n      margin-bottom: 4rem;\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    @include respond-below('sm') {\n      @include column(10, 2);\n    }\n\n    p {\n      font-size: 1.125rem;\n      text-align: center;\n      line-height: 22px;\n\n      @include respond-below('sm') {\n        font-size: 0.88rem;\n        line-height: 21px;\n      }\n\n      strong {\n        font-weight: bold;\n      }\n\n      &:first-child {\n        margin-bottom: 3.4rem;\n\n        @include respond-below('sm') {\n          margin-bottom: 2rem;\n        }\n      }\n    }\n\n    a {\n      color: #fff;\n      text-decoration: none;\n    }\n\n    a.button {\n      display: inline-block;\n      border: 1px solid #FFFFFF;\n      border-radius: 26px;\n      color: #fff;\n      text-decoration: none;\n      width: 176px;\n    }\n  }\n}\n"]}