@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=6e241344-c99d-4640-9d94-4e18c8d28f5d");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

@font-face {
  font-family: "Century Gothic W01";
  src: url("/assets/bd45538f-4200-4946-b177-02de8337032d-c15cec85dd806001da1d3a4f5d62a44118af32c1721b019599871296f4b98a72.eot?#iefix");
  src: url("/assets/bd45538f-4200-4946-b177-02de8337032d-c15cec85dd806001da1d3a4f5d62a44118af32c1721b019599871296f4b98a72.eot?#iefix") format("eot"), url("/assets/700cfd4c-3384-4654-abe1-aa1a6e8058e4-bcb5e2e6310512e6a1ab24b8b40d662fb5ecb7b277bce1d11020effd6fbb839b.woff2") format("woff2"), url("/assets/9908cdad-7524-4206-819e-4f345a666324-931433eee94ac8e5fcffc7088906298a53eabf475bf350e1f2354c5ab3130573.woff") format("woff"), url("/assets/b710c26a-f1ae-4fb8-a9fe-570fd829cbf1-0e9d666a6fb2a52bf7328af6c86e64961b6b56699fe96114a87dd11ced761a31.ttf") format("truetype"), url("/assets/c9e387df-c0d3-42e1-8de6-78c41f68594c-6912b0e109a65c8dea6c48342011a9cf565dc0d2370026eaffbb39f11bd81429.svg#c9e387df-c0d3-42e1-8de6-78c41f68594c") format("svg"); }
@font-face {
  font-family: "Century Gothic W01 Bold";
  src: url("/assets/b247e158-e647-4a3d-9637-944de5124043-1f622883b6ff14186a09dc39236d619e105ba90bd22b2f721f2fb3e65275c93f.eot?#iefix");
  src: url("/assets/b247e158-e647-4a3d-9637-944de5124043-1f622883b6ff14186a09dc39236d619e105ba90bd22b2f721f2fb3e65275c93f.eot?#iefix") format("eot"), url("/assets/bc0668e2-e5c8-45ce-954d-3b998c6b6803-2c83e72b6633bb97778ff0154a2b76d748c9093ff5b37722153dc514308e667e.woff2") format("woff2"), url("/assets/2ef5ecda-1772-45e2-843f-a13f5d76ed3a-20a19789ccd5241cf8b214fde92416a0b7d2a430859497d4d69a0eab18451071.woff") format("woff"), url("/assets/33cf10ca-a6bb-4888-a320-d38720c9847b-bfc92e1516a76ae3632c0bce77603344aaf1f14cf38608ed572244a17a195315.ttf") format("truetype"), url("/assets/3428a0e6-cb4d-408a-8331-cc78554ab49c-f365e6cb100fa97b307e9faf3106125e95a2f404994abb40ccefc535f1f91afa.svg#3428a0e6-cb4d-408a-8331-cc78554ab49c") format("svg"); }
* {
  margin: 0;
  padding: 0; }

html {
  -webkit-text-size-adjust: none; }
  @media screen and (min-height: 800px) {
    html {
      overflow-y: scroll; } }

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  background-color: #2a2a2a;
  font: 16px Roboto, sans-serif;
  text-align: left;
  visibility: visible; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: "Century Gothic W01 Bold", sans-serif; }

button:focus,
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: none !important; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

@supports (-moz-appearance: none) {
  .diamond:after,
  .diamond:before {
    display: none !important; } }
.text-center {
  text-align: center; }

section {
  width: 100%; }

.container {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left; }
  .container::after {
    clear: both;
    content: "";
    display: block; }

section.error, section.hero, section.hero-hcgb, section.hero-cwo, section.pullquote-hero, .book-hero, section.audio-excerpt, section.you-may-also-like, section.preorder, section.introduction-video, .introduction-quotes-container .introduction-quotes, .press, section.sign-up, section.contact, section.video-feedback, section.interviews-with-influencers, section.learn-more, section.economic-machine-soundcloud, section.overlay.pre-order, section.overlay.ted-popup, section.article, section.article-body, section.citations, section.research-papers {
  display: flex;
  flex-direction: column; }

@media screen and (min-width: 48em) {
  section.pullquote-hero .flex-fix, .book-hero .flex-fix, section.audio-excerpt .flex-fix, section.you-may-also-like .flex-fix, section.preorder .flex-fix, .press .flex-fix, section.sign-up .flex-fix, section.contact .flex-fix, section.video-feedback .flex-fix, section.interviews-with-influencers .flex-fix, section.learn-more .flex-fix, section.economic-machine-soundcloud .flex-fix, section.research-papers .flex-fix {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    flex-shrink: 0; } }

@media screen and (min-width: 48em) {
  section.error .flex-fix {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 50px);
    flex-shrink: 0; } }

section.overlay.pre-order .flex-fix, section.overlay.ted-popup .flex-fix {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  flex-shrink: 0; }

section.error .container, section.hero .container, section.hero-hcgb .container, section.hero-cwo .container, section.pullquote-hero .container, .book-hero .container, section.audio-excerpt .container, section.you-may-also-like .container, section.preorder .container, section.introduction-video .container, .press .container, section.sign-up .container, section.contact .container, section.video-feedback .container, section.interviews-with-influencers .container, section.learn-more .container, section.economic-machine-soundcloud .container, section.overlay.pre-order .container, section.article .container, section.article-body .container, section.citations .container, section.research-papers .container {
  width: 100%;
  max-width: 90em;
  margin: 100px auto; }
  @media screen and (min-width: 48em) {
    section.error .container, section.hero .container, section.hero-hcgb .container, section.hero-cwo .container, section.pullquote-hero .container, .book-hero .container, section.audio-excerpt .container, section.you-may-also-like .container, section.preorder .container, section.introduction-video .container, .press .container, section.sign-up .container, section.contact .container, section.video-feedback .container, section.interviews-with-influencers .container, section.learn-more .container, section.economic-machine-soundcloud .container, section.overlay.pre-order .container, section.article .container, section.article-body .container, section.citations .container, section.research-papers .container {
      align-self: stretch; } }

section.preorder .copy .audio-books, section.overlay.pre-order .audio-books {
  margin-top: 2em; }
  section.preorder .copy .audio-books p, section.overlay.pre-order .audio-books p {
    color: #bdbdbd;
    font: 16px/22px "Century Gothic W01", sans-serif;
    display: inline; }
  section.preorder .copy .audio-books .audio-vendor, section.overlay.pre-order .audio-books .audio-vendor {
    display: inline-block;
    margin-top: 1em; }
    @media screen and (max-width: 47.99375em) {
      section.preorder .copy .audio-books .audio-vendor, section.overlay.pre-order .audio-books .audio-vendor {
        display: block; } }
    section.preorder .copy .audio-books .audio-vendor a, section.overlay.pre-order .audio-books .audio-vendor a {
      text-decoration: none; }
    section.preorder .copy .audio-books .audio-vendor svg, section.overlay.pre-order .audio-books .audio-vendor svg {
      width: 86px;
      height: auto;
      margin-left: 1em;
      fill: white;
      transition: fill 0.4s ease-in-out; }
      section.preorder .copy .audio-books .audio-vendor svg:hover, section.overlay.pre-order .audio-books .audio-vendor svg:hover {
        fill: #b1b1b1; }
      @media screen and (max-width: 47.99375em) {
        section.preorder .copy .audio-books .audio-vendor svg, section.overlay.pre-order .audio-books .audio-vendor svg {
          margin: 1.5em 1em 2em 1em;
          width: 100px;
          height: 25px; } }
      @media screen and (max-width: 33em) {
        section.preorder .copy .audio-books .audio-vendor svg, section.overlay.pre-order .audio-books .audio-vendor svg {
          margin: 1.5em 0.5em 0 0.5em;
          width: 100px;
          height: 24px; } }
    @media all and (-ms-high-contrast: none) {
      section.preorder .copy .audio-books .audio-vendor svg, section.overlay.pre-order .audio-books .audio-vendor svg {
        width: 85px;
        height: 22px; }
      section.preorder .copy .audio-books .audio-vendor *::-ms-backdrop, section.overlay.pre-order .audio-books .audio-vendor *::-ms-backdrop, section.preorder .copy .audio-books .audio-vendor svg, section.overlay.pre-order .audio-books .audio-vendor svg {
        width: 85px;
        height: 22px; } }

section.overlay.pre-order .get-the-books p.inventory-alert {
  color: white;
  font: 16px/22px "Century Gothic W01", sans-serif;
  width: 46%;
  margin: 1.2em auto 0px auto;
  text-align: center; }
  section.overlay.pre-order .get-the-books p.inventory-alert:not(.hidden) {
    display: block; }
  @media screen and (max-width: 63.99375em) {
    section.overlay.pre-order .get-the-books p.inventory-alert {
      width: 80%;
      padding: 0px 40px;
      font: 16px/22px "Century Gothic W01", sans-serif; } }
  @media screen and (max-width: 47.99375em) {
    section.overlay.pre-order .get-the-books p.inventory-alert {
      width: 100%;
      padding: 0px 60px; } }
  @media screen and (max-width: 32.99375em) {
    section.overlay.pre-order .get-the-books p.inventory-alert {
      padding: 0px 50px; } }
  @media screen and (min-device-width: 48em) and (max-device-width: 64em) and (orientation: landscape) {
    section.overlay.pre-order .get-the-books p.inventory-alert {
      width: 55%; } }
  @media screen and (min-device-width: 48em) and (max-device-width: 64em) and (orientation: portrait) {
    section.overlay.pre-order .get-the-books p.inventory-alert {
      width: 90%;
      padding: 0px 3em; } }

.hidden {
  display: none;
  opacity: 0; }

.invisible {
  visibility: hidden; }

span.orphan-wrap {
  white-space: nowrap; }

html {
  scroll-behavior: smooth; }

section.default {
  background-color: #f3f1e7; }
  @media screen and (max-width: 47.99375em) {
    section.default {
      padding: 16px; } }
  @media screen and (min-width: 48em) {
    section.default {
      padding: 40px; } }
  section.default .container {
    background: #fffeee;
    margin: 0 auto; }
    @media screen and (max-width: 47.99375em) {
      section.default .container {
        padding: 32px; } }
    @media screen and (min-width: 48em) {
      section.default .container {
        padding: 40px 80px; } }

section.error {
  background-color: #f3f1e7;
  color: #2a2a2a; }
  section.error .flex-fix.static-fix {
    min-height: calc(100vh -  53px*2); }
  section.error .container {
    text-align: center; }
    @media screen and (max-width: 33em) {
      section.error .container {
        width: 300px; } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      section.error .container {
        width: calc(75vw + -96px); } }
    @media screen and (min-width: 48em) {
      section.error .container {
        width: 480px; } }
  section.error img {
    max-width: 100%; }
  section.error h1 {
    font-family: "Century Gothic W01 Bold", sans-serif; }
    @media screen and (max-width: 33em) {
      section.error h1 {
        font-size: 30px; } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      section.error h1 {
        font-size: calc(4.16667vw + 8px); } }
    @media screen and (min-width: 48em) {
      section.error h1 {
        font-size: 40px; } }
  section.error p {
    font-family: "adobe-caslon-pro", serif;
    margin: 20px 0 40px; }
    @media screen and (max-width: 33em) {
      section.error p {
        font-size: 15px; } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      section.error p {
        font-size: calc(3.75vw + -4.8px); } }
    @media screen and (min-width: 48em) {
      section.error p {
        font-size: 24px; } }
    @media screen and (max-width: 33em) {
      section.error p {
        line-height: 24px; } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      section.error p {
        line-height: calc(5vw + -2.4px); } }
    @media screen and (min-width: 48em) {
      section.error p {
        line-height: 36px; } }

section.legal {
  font-family: "adobe-caslon-pro", serif;
  text-align: justify; }
  section.legal h1 {
    font-size: 32px; }
  section.legal h2 {
    font-size: 24px;
    margin: -64px 0 16px;
    padding-top: 80px; }
  section.legal h4 {
    font-size: 20px;
    margin: 16px 0; }
  section.legal p {
    margin-bottom: 16px; }
    @media screen and (max-width: 33em) {
      section.legal p {
        font-size: 15px; } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      section.legal p {
        font-size: calc(1.25vw + 8.4px); } }
    @media screen and (min-width: 48em) {
      section.legal p {
        font-size: 18px; } }
    @media screen and (max-width: 33em) {
      section.legal p {
        line-spacing: 15px; } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      section.legal p {
        line-spacing: calc(1.25vw + 8.4px); } }
    @media screen and (min-width: 48em) {
      section.legal p {
        line-spacing: 18px; } }
  section.legal a {
    color: #ee2d2b; }
    @media screen and (max-width: 47.99375em) {
      section.legal a.overflow {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis; } }
  section.legal ul {
    margin: 16px 16px 32px 20px; }
    section.legal ul li {
      margin-bottom: 12px; }
  section.legal table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #3b3a37;
    margin: 0 0 1.2rem;
    padding: 0; }
  section.legal tr:nth-of-type(odd) {
    background: #aaaaaa; }
  section.legal tr:first-child {
    background: #3b3a37;
    color: #fff; }
  section.legal td {
    padding: 0.25rem; }
    section.legal td:first-child {
      border-right: 1px solid #3b3a37;
      width: 70%; }
  section.legal .switch {
    display: none;
    margin: 12px -16px;
    padding: 8px 16px;
    border: 1px solid #2a2a2a;
    border-radius: 5px;
    background: white; }
    section.legal .switch a {
      white-space: nowrap; }
    @media screen and (min-width: 48em) {
      section.legal .switch {
        text-align: center;
        padding: 16px;
        margin: 20px 0; } }

.button,
button, input[type="button"], input[type="reset"], input[type="submit"] {
  border: 1px solid;
  border-radius: 5px;
  cursor: pointer;
  font: 0.875rem Roboto, sans-serif;
  letter-spacing: 1px;
  padding: 11px 18px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent; }
  .button, .button.red,
  button,
  button.red, input[type="button"], input[type="button"].red, input[type="reset"], input[type="reset"].red, input[type="submit"], input[type="submit"].red {
    border-color: #ee2d2b;
    background-color: #ee2d2b;
    color: #fff; }
  .button.black,
  button.black, input[type="button"].black, input[type="reset"].black, input[type="submit"].black {
    border-color: #2a2a2a;
    background-color: #2a2a2a;
    color: #fff; }
  .button.black-line,
  button.black-line, input[type="button"].black-line, input[type="reset"].black-line, input[type="submit"].black-line {
    border-color: #2a2a2a;
    background-color: transparent;
    color: #2a2a2a; }
  .button.white-line,
  button.white-line, input[type="button"].white-line, input[type="reset"].white-line, input[type="submit"].white-line {
    border-color: #fff;
    background-color: transparent;
    color: #fff; }

body:not(.touch-device) .button:hover, body:not(.touch-device) .button:hover.red,
body:not(.touch-device) .button:active,
body:not(.touch-device) .button:active.red,
body:not(.touch-device) button:hover,
body:not(.touch-device) button:hover.red, body:not(.touch-device) input[type="button"]:hover, body:not(.touch-device) input[type="button"]:hover.red, body:not(.touch-device) input[type="reset"]:hover, body:not(.touch-device) input[type="reset"]:hover.red, body:not(.touch-device) input[type="submit"]:hover, body:not(.touch-device) input[type="submit"]:hover.red,
body:not(.touch-device) button:active,
body:not(.touch-device) button:active.red, body:not(.touch-device) input[type="button"]:active, body:not(.touch-device) input[type="button"]:active.red, body:not(.touch-device) input[type="reset"]:active, body:not(.touch-device) input[type="reset"]:active.red, body:not(.touch-device) input[type="submit"]:active, body:not(.touch-device) input[type="submit"]:active.red {
  border-color: #D71813;
  background-color: #D71813;
  color: #fff;
  outline: none; }
body:not(.touch-device) .button:hover.black,
body:not(.touch-device) .button:active.black,
body:not(.touch-device) button:hover.black, body:not(.touch-device) input[type="button"]:hover.black, body:not(.touch-device) input[type="reset"]:hover.black, body:not(.touch-device) input[type="submit"]:hover.black,
body:not(.touch-device) button:active.black, body:not(.touch-device) input[type="button"]:active.black, body:not(.touch-device) input[type="reset"]:active.black, body:not(.touch-device) input[type="submit"]:active.black {
  border-color: #000000;
  background-color: #000000;
  color: #fff; }
body:not(.touch-device) .button:hover.black-line,
body:not(.touch-device) .button:active.black-line,
body:not(.touch-device) button:hover.black-line, body:not(.touch-device) input[type="button"]:hover.black-line, body:not(.touch-device) input[type="reset"]:hover.black-line, body:not(.touch-device) input[type="submit"]:hover.black-line,
body:not(.touch-device) button:active.black-line, body:not(.touch-device) input[type="button"]:active.black-line, body:not(.touch-device) input[type="reset"]:active.black-line, body:not(.touch-device) input[type="submit"]:active.black-line {
  border-color: #2a2a2a;
  background-color: rgba(42, 42, 42, 0.1);
  color: #2a2a2a; }
body:not(.touch-device) .button:hover.white-line,
body:not(.touch-device) .button:active.white-line,
body:not(.touch-device) button:hover.white-line, body:not(.touch-device) input[type="button"]:hover.white-line, body:not(.touch-device) input[type="reset"]:hover.white-line, body:not(.touch-device) input[type="submit"]:hover.white-line,
body:not(.touch-device) button:active.white-line, body:not(.touch-device) input[type="button"]:active.white-line, body:not(.touch-device) input[type="reset"]:active.white-line, body:not(.touch-device) input[type="submit"]:active.white-line {
  border-color: #f3f1e7;
  background-color: rgba(243, 241, 231, 0.1);
  color: #f3f1e7; }
body:not(.touch-device) .button:focus,
body:not(.touch-device) button:focus,
body:not(.touch-device) button:active, body:not(.touch-device) input[type="button"]:active, body:not(.touch-device) input[type="reset"]:active, body:not(.touch-device) input[type="submit"]:active {
  outline: none; }
  body:not(.touch-device) .button:focus::-moz-focus-inner,
  body:not(.touch-device) button:focus::-moz-focus-inner,
  body:not(.touch-device) button:active::-moz-focus-inner, body:not(.touch-device) input[type="button"]:active::-moz-focus-inner, body:not(.touch-device) input[type="reset"]:active::-moz-focus-inner, body:not(.touch-device) input[type="submit"]:active::-moz-focus-inner {
    border-color: rgba(42, 42, 42, 0); }

header {
  background: #fff;
  display: block;
  position: fixed;
  top: -53px;
  transition: top 0.4s ease-in-out;
  width: 100%;
  z-index: 100;
  top: 0; }
  header::after {
    clear: both;
    content: "";
    display: block; }
  header.error-state {
    background: rgba(243, 241, 231, 0);
    position: absolute; }
    header.error-state + main {
      padding-top: 0; }
  header.excerpt, header.default, header.show {
    top: 0; }
  @media screen and (max-width: 47.99375em) {
    header.default + main {
      padding-top: 53px; } }
  @media screen and (min-width: 48em) {
    header.default + main {
      padding-top: 53px; } }
  header.excerpt .root::before, header.default .root::before {
    content: " ";
    background-image: url("/assets/back-arrow-0322a75677f9596d2aae1f0f8aaff8b1bcdadbf536bcd58300e32c8249c16242.png");
    margin-right: 15px;
    width: 20px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-size: 20px;
    background-repeat: no-repeat; }
  header .container {
    position: relative;
    height: 53px;
    padding: 0 12px 0 16px;
    display: flex;
    align-items: center;
    text-align: left; }
  header .logo {
    flex: 1;
    height: 53px; }
    @media screen and (max-width: 20em) {
      header .logo {
        flex: 0.75; } }
  header .navigation {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end; }
  header a {
    color: #2a2a2a;
    font: 16px "Century Gothic W01 Bold", sans-serif;
    letter-spacing: 0.81px;
    text-decoration: none;
    text-transform: uppercase; }
  header .root {
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  header .follow-button,
  header .pre-order,
  header .get-updates {
    font-size: 12px;
    letter-spacing: 0.87px;
    padding: 7px;
    width: 100px; }
  header .pre-order {
    width: 120px; }
  header .follow-button {
    width: auto; }
    @media screen and (min-width: 48em) {
      header .follow-button {
        display: none; } }
  header .get-updates {
    display: none; }
    @media screen and (min-width: 48em) {
      header .get-updates {
        display: inline;
        margin-right: 0.3em; } }
  header .excerpt-nav {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%; }
    @media screen and (max-width: 47.99375em) {
      header .excerpt-nav {
        background-color: #f3f1e7;
        display: flex;
        justify-content: center;
        line-height: 53px;
        top: 53px; } }
    @media screen and (min-width: 48em) {
      header .excerpt-nav {
        flex-grow: 1;
        line-height: 53px;
        position: relative;
        width: auto;
        top: 0; } }
    header .excerpt-nav li {
      display: inline-block;
      margin: 0 10px; }
      header .excerpt-nav li a {
        border-bottom: 1px solid transparent;
        color: rgba(0, 0, 0, 0.3);
        padding: 6px 0;
        transition: all 0.4s ease-in-out; }
        @media screen and (max-width: 47.99375em) {
          header .excerpt-nav li a {
            font-size: 14px;
            letter-spacing: 0.71px; } }
        header .excerpt-nav li a.active, header .excerpt-nav li a:hover, header .excerpt-nav li a:active, header .excerpt-nav li a:focus {
          border-bottom-color: #2a2a2a;
          color: #2a2a2a; }

.long-link {
  word-break: break-all; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }
.loading {
  height: 56px;
  position: relative; }
  .loading .showbox {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); }
    .loading .showbox svg {
      bottom: 0;
      height: 100%;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%; }
    .loading .showbox .loader {
      margin: 0 auto;
      position: relative;
      width: 60px; }
      .loading .showbox .loader:before {
        content: "";
        display: block;
        padding-top: 100%; }
    .loading .showbox .loader.done .loader__path,
    .loading .showbox .loader.done .loader__background {
      opacity: 1;
      stroke-dashoffset: 0; }
    .loading .showbox .loader.done .loader__rotation {
      opacity: 0; }
    .loading .showbox svg .loader__rotation, .loading .showbox svg .loader__path {
      stroke-linecap: square;
      stroke-width: 3; }
    .loading .showbox .loader__path {
      opacity: 0;
      stroke: white;
      transition: opacity 0.5s, stroke-dashoffset 0.5s; }
    .loading .showbox .loader__background {
      opacity: 0;
      stroke: white;
      fill: none;
      transition: opacity 0.1s, stroke-dashoffset 0.5s; }
    .loading .showbox .loader__rotation {
      stroke: white;
      fill: none;
      stroke-dashoffset: 0;
      stroke-dasharray: 1, 200;
      transform-origin: 50px 50px;
      transition-delay: 1s;
      transition: opacity 0.1s, stroke-dasharray 0.5s, transform 0.5s;
      animation: dash 1.5s ease-in-out infinite, rotate 2s linear infinite; }
      .loading .showbox .loader__rotation.alt-transforms {
        transform-origin: bottom right; }

section.hero {
  background-color: #fbf9f4;
  overflow: hidden; }
  section.hero .container {
    position: relative;
    margin: 50px auto 0px auto; }
    @media screen and (max-width: 63.99375em) {
      section.hero .container {
        margin: 50px auto 0px auto; } }
  section.hero .hero-title {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 40px 0 0; }
    @media screen and (min-width: 48em) {
      section.hero .hero-title {
        flex-direction: row;
        padding: 60px 0 0; } }
  section.hero .hero-title {
    height: auto;
    margin: 0 auto;
    top: 0; }
    section.hero .hero-title h1, section.hero .hero-title h2, section.hero .hero-title h3 {
      color: #2a2a2a;
      text-transform: uppercase;
      text-align: center; }
    section.hero .hero-title h1, section.hero .hero-title h2 {
      font-family: "Century Gothic W01 Bold", sans-serif; }
    section.hero .hero-title h1 {
      font-size: 2.1875rem; }
    section.hero .hero-title h2 {
      font-size: 1.875rem; }
    section.hero .hero-title p {
      font-family: Roboto, sans-serif;
      font-size: 1.5rem;
      line-height: 2.75rem;
      padding: 2.5rem 0;
      float: left;
      display: block;
      margin-right: 1.20482%;
      width: 83.13253%;
      margin-left: 8.43373%; }
      section.hero .hero-title p:last-child {
        margin-right: 0; }
      @media screen and (min-width: 64em) {
        section.hero .hero-title p {
          float: left;
          display: block;
          margin-right: 1.20482%;
          width: 51.08434%;
          margin-left: 25.3012%; }
          section.hero .hero-title p:last-child {
            margin-right: 0; } }
      section.hero .hero-title p a {
        color: #ee2d2b;
        text-decoration: none; }
  section.hero .book-illustration {
    max-width: 27rem;
    margin: 0 auto; }
    @media screen and (min-width: 48em) {
      section.hero .book-illustration {
        width: 20rem;
        max-width: none;
        margin: 0; } }
    @media screen and (min-width: 64em) {
      section.hero .book-illustration {
        width: 30rem; } }
    @media screen and (min-width: 90em) {
      section.hero .book-illustration {
        width: 35rem; } }
    section.hero .book-illustration img {
      width: 100%; }
  @media screen and (min-width: 48em) {
    section.hero .book-description {
      width: 30rem; } }
  @media screen and (min-width: 64em) {
    section.hero .book-description {
      width: 40rem; } }
  @media screen and (min-width: 90em) {
    section.hero .book-description {
      width: 50rem; } }
  section.hero .book-description h1 {
    display: flex;
    flex-direction: column;
    font-size: 2.375rem;
    line-height: 2.2rem; }
    section.hero .book-description h1 .callout {
      font-size: 0.75rem;
      color: #ee2d2b;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      line-height: 1rem; }
    section.hero .book-description h1 .line-2 {
      font-size: 2.375rem; }
    section.hero .book-description h1 span {
      font-size: 1.125rem;
      color: #707070;
      text-transform: none; }
    @media screen and (min-width: 48em) {
      section.hero .book-description h1 {
        font-size: 2.875rem;
        line-height: 2.6rem; }
        section.hero .book-description h1 .callout {
          font-size: 0.75rem; }
        section.hero .book-description h1 .line-2 {
          font-size: 3.0625rem; }
        section.hero .book-description h1 span {
          font-size: 1.25rem; } }
    @media screen and (min-width: 90em) {
      section.hero .book-description h1 {
        font-size: 5.25rem;
        line-height: 4.7rem; }
        section.hero .book-description h1 .callout {
          font-size: 1.125rem; }
        section.hero .book-description h1 .line-2 {
          font-size: 5.625rem; }
        section.hero .book-description h1 span {
          font-size: 2.3125rem; } }
  section.hero .book-description .subtitle {
    max-width: 30rem;
    margin: 2rem auto 4rem auto;
    padding: 0 1rem;
    line-height: 1.75rem;
    font-size: 0.9375rem; }
    @media screen and (min-width: 48em) {
      section.hero .book-description .subtitle {
        max-width: none;
        margin: 1.8125rem 0;
        padding: 0 3rem; } }
    @media screen and (min-width: 64em) {
      section.hero .book-description .subtitle {
        margin: 3.8125rem 0;
        font-size: 1.125rem; } }
    section.hero .book-description .subtitle > .link {
      margin-bottom: 0px; }
    section.hero .book-description .subtitle > .link ~ .link {
      margin-bottom: 20px; }
    section.hero .book-description .subtitle div {
      margin-bottom: 30px; }
    section.hero .book-description .subtitle ul {
      margin-left: 40px;
      margin-bottom: 20px;
      font-size: 16px;
      color: #ee2d2b;
      font-weight: bold; }
  section.hero .hero-order-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px; }
    @media screen and (min-width: 64em) {
      section.hero .hero-order-links {
        margin-bottom: 140px; } }
    section.hero .hero-order-links h2 {
      margin: 2.5rem 0 2.5rem 0;
      font-size: 1.5rem;
      font-weight: bold;
      color: #ee2d2b; }
      @media screen and (min-width: 33em) {
        section.hero .hero-order-links h2 {
          margin: 3.75rem 0 3.125rem 0; } }
      @media screen and (min-width: 64em) {
        section.hero .hero-order-links h2 {
          margin: 4rem 0 3.125rem 0; } }
    section.hero .hero-order-links .link-list {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      width: 18rem; }
      @media screen and (min-width: 48em) {
        section.hero .hero-order-links .link-list {
          width: 43rem;
          justify-content: center; } }
    section.hero .hero-order-links .order-link {
      width: 8.5rem;
      height: 4.25rem;
      margin: 0; }
      section.hero .hero-order-links .order-link:hover, section.hero .hero-order-links .order-link:focus {
        background-color: #fff; }
  section.hero .link {
    display: inline-flex;
    width: auto;
    align-items: center;
    margin-bottom: 20px;
    color: #ee2d2b;
    text-decoration: none;
    font-weight: bold; }
    section.hero .link span {
      margin-right: 0.25rem; }
    section.hero .link:hover, section.hero .link:focus {
      text-decoration: underline; }
      section.hero .link:hover .down, section.hero .link:focus .down {
        animation: bounceUp 0.5s infinite; }
      section.hero .link:hover .right, section.hero .link:focus .right {
        animation: bounceRight 0.5s infinite; }

section.hero-hcgb {
  background-color: #fbf9f4;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-top: 100px; }
  @media screen and (min-width: 48em) {
    section.hero-hcgb {
      padding-top: 0px; } }
  section.hero-hcgb .container {
    position: relative;
    margin: 50px auto 0px auto; }
    @media screen and (max-width: 63.99375em) {
      section.hero-hcgb .container {
        margin: 50px auto 0px auto; } }
  section.hero-hcgb .hero-title {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 40px 0 0; }
    @media screen and (min-width: 48em) {
      section.hero-hcgb .hero-title {
        flex-direction: row;
        padding: 60px 0 0; } }
  section.hero-hcgb .hero-title {
    height: auto;
    max-height: 560px;
    margin: 0 auto;
    top: 0; }
    section.hero-hcgb .hero-title h1, section.hero-hcgb .hero-title h2, section.hero-hcgb .hero-title h3 {
      color: #2a2a2a;
      text-transform: uppercase;
      text-align: center; }
    section.hero-hcgb .hero-title h1, section.hero-hcgb .hero-title h2 {
      font-family: "Century Gothic W01 Bold", sans-serif; }
    section.hero-hcgb .hero-title h1 {
      font-size: 2.1875rem; }
    section.hero-hcgb .hero-title h2 {
      font-size: 1.875rem; }
  section.hero-hcgb .book-illustration {
    max-width: 30rem;
    margin: 0 auto; }
    @media screen and (min-width: 48em) {
      section.hero-hcgb .book-illustration {
        width: 20rem;
        max-width: none;
        margin: 0; } }
    @media screen and (min-width: 64em) {
      section.hero-hcgb .book-illustration {
        width: 30rem; } }
    section.hero-hcgb .book-illustration img {
      width: 100%; }
      @media screen and (min-width: 48em) {
        section.hero-hcgb .book-illustration img {
          width: 35rem;
          position: relative;
          right: 8rem;
          bottom: 2rem; } }
      @media screen and (min-width: 64em) {
        section.hero-hcgb .book-illustration img {
          width: 50rem;
          right: 8rem;
          bottom: 4rem; } }
  section.hero-hcgb .book-description {
    width: auto;
    max-width: 30rem;
    padding: 0 0.5rem; }
    @media screen and (min-width: 48em) {
      section.hero-hcgb .book-description {
        width: 27rem;
        padding: 0; } }
    @media screen and (min-width: 56em) {
      section.hero-hcgb .book-description {
        width: 30rem; } }
    section.hero-hcgb .book-description h1 {
      display: flex;
      flex-direction: column;
      font-size: 2.6rem;
      line-height: 2.3rem; }
      @media screen and (min-width: 33em) {
        section.hero-hcgb .book-description h1 {
          font-size: 3rem;
          line-height: 2.7rem; } }
      @media screen and (min-width: 64em) {
        section.hero-hcgb .book-description h1 {
          font-size: 3.5rem;
          line-height: 3.2rem; } }
      section.hero-hcgb .book-description h1 .callout {
        font-size: 0.75rem;
        color: #ee2d2b;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        line-height: 1rem;
        padding-bottom: 1rem; }
      section.hero-hcgb .book-description h1 span {
        font-size: 2rem;
        color: #707070;
        text-transform: none;
        font-weight: 400; }
    section.hero-hcgb .book-description .subtitle {
      display: flex;
      flex-direction: column;
      align-items: center; }
      section.hero-hcgb .book-description .subtitle .description p {
        font-size: 14px;
        font-family: "Century Gothic W01", sans-serif;
        text-align: center;
        padding: 1rem 0 1rem 0; }
      section.hero-hcgb .book-description .subtitle .subscribe-updates {
        border: 2px solid #ee2d2b;
        padding: 8px;
        margin-top: 1rem;
        width: fit-content;
        text-transform: uppercase;
        font-family: "Century Gothic W01", sans-serif; }
        section.hero-hcgb .book-description .subtitle .subscribe-updates:hover, section.hero-hcgb .book-description .subtitle .subscribe-updates:focus {
          background-color: #fff; }
      section.hero-hcgb .book-description .subtitle .link {
        color: #ee2d2b;
        text-decoration: none;
        padding: 8px;
        font-weight: bold;
        z-index: 10; }
  section.hero-hcgb .hero-order-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
    padding-top: 100px; }
    @media screen and (min-width: 48em) {
      section.hero-hcgb .hero-order-links {
        padding-top: 0px; } }
    @media screen and (min-width: 64em) {
      section.hero-hcgb .hero-order-links {
        margin-bottom: 140px; } }
    section.hero-hcgb .hero-order-links h2 {
      margin: 1rem 0 1rem 0;
      font-size: 1.5rem;
      font-weight: 500;
      text-transform: uppercase;
      color: #ee2d2b; }
    section.hero-hcgb .hero-order-links .link-list {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      width: 18rem; }
      @media screen and (min-width: 48em) {
        section.hero-hcgb .hero-order-links .link-list {
          width: 43rem;
          justify-content: center; } }
    section.hero-hcgb .hero-order-links .order-link {
      width: 8.5rem;
      height: 4.25rem;
      margin: 0; }
      section.hero-hcgb .hero-order-links .order-link:hover, section.hero-hcgb .hero-order-links .order-link:focus {
        background-color: #fff; }

section.hero-cwo {
  background-color: #fbf9f4;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-top: 100px; }
  @media screen and (min-width: 48em) {
    section.hero-cwo {
      padding-top: 0px; } }
  section.hero-cwo .container {
    position: relative;
    margin: 50px auto 0px auto; }
    @media screen and (max-width: 63.99375em) {
      section.hero-cwo .container {
        margin: 50px auto 0px auto; } }
  section.hero-cwo .hero-title {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 40px 0 0; }
    @media screen and (min-width: 48em) {
      section.hero-cwo .hero-title {
        flex-direction: row;
        padding: 60px 0 0; } }
  section.hero-cwo .hero-title {
    height: auto;
    max-height: 560px;
    margin: 0 auto;
    top: 0; }
    section.hero-cwo .hero-title h1, section.hero-cwo .hero-title h2, section.hero-cwo .hero-title h3 {
      color: #2a2a2a;
      text-transform: uppercase;
      text-align: center; }
    section.hero-cwo .hero-title h1, section.hero-cwo .hero-title h2 {
      font-family: "Century Gothic W01 Bold", sans-serif; }
    section.hero-cwo .hero-title h1 {
      font-size: 2.1875rem; }
    section.hero-cwo .hero-title h2 {
      font-size: 1.875rem; }
  section.hero-cwo .book-illustration {
    max-width: 30rem;
    margin: 0 auto; }
    @media screen and (min-width: 48em) {
      section.hero-cwo .book-illustration {
        width: 20rem;
        max-width: none;
        margin: 0; } }
    @media screen and (min-width: 64em) {
      section.hero-cwo .book-illustration {
        width: 30rem; } }
    section.hero-cwo .book-illustration img {
      width: 100%; }
      @media screen and (min-width: 48em) {
        section.hero-cwo .book-illustration img {
          width: 30rem;
          position: relative;
          right: 8rem;
          bottom: 2rem; } }
      @media screen and (min-width: 64em) {
        section.hero-cwo .book-illustration img {
          width: 40rem;
          right: 8rem;
          bottom: 4rem; } }
  section.hero-cwo .book-description {
    width: auto;
    max-width: 32rem;
    padding: 0 0.5rem; }
    @media screen and (min-width: 48em) {
      section.hero-cwo .book-description {
        width: 27rem;
        padding: 0; } }
    @media screen and (min-width: 56em) {
      section.hero-cwo .book-description {
        width: 32rem; } }
    section.hero-cwo .book-description h1 {
      display: flex;
      flex-direction: column;
      font-size: 2.6rem;
      line-height: 2.3rem; }
      @media screen and (min-width: 33em) {
        section.hero-cwo .book-description h1 {
          font-size: 3rem;
          line-height: 2.7rem; } }
      @media screen and (min-width: 64em) {
        section.hero-cwo .book-description h1 {
          font-size: 3.5rem;
          line-height: 3.2rem; } }
      section.hero-cwo .book-description h1 .callout {
        font-size: 0.75rem;
        color: #ee2d2b;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        line-height: 1rem;
        padding-bottom: 1rem; }
      section.hero-cwo .book-description h1 span {
        font-size: 1.5rem;
        color: #707070;
        text-transform: none;
        font-weight: 400; }
    section.hero-cwo .book-description .subtitle {
      display: flex;
      flex-direction: column;
      align-items: center; }
      section.hero-cwo .book-description .subtitle .description p {
        font-size: 14px;
        font-family: "Century Gothic W01", sans-serif;
        text-align: center;
        padding: 1rem 0 1rem 0; }
      section.hero-cwo .book-description .subtitle .subscribe-updates {
        border: 2px solid #ee2d2b;
        padding: 8px;
        margin-top: 1rem;
        width: fit-content;
        text-transform: uppercase;
        font-family: "Century Gothic W01", sans-serif; }
        section.hero-cwo .book-description .subtitle .subscribe-updates:hover, section.hero-cwo .book-description .subtitle .subscribe-updates:focus {
          background-color: #fff; }
      section.hero-cwo .book-description .subtitle .link {
        color: #ee2d2b;
        text-decoration: none;
        padding: 8px;
        font-weight: bold;
        z-index: 10; }
  section.hero-cwo .hero-order-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
    padding-top: 100px; }
    @media screen and (min-width: 48em) {
      section.hero-cwo .hero-order-links {
        padding-top: 0px; } }
    @media screen and (min-width: 64em) {
      section.hero-cwo .hero-order-links {
        margin-bottom: 140px; } }
    section.hero-cwo .hero-order-links h2 {
      margin: 1rem 0 1rem 0;
      font-size: 1.5rem;
      font-weight: 500;
      text-transform: uppercase;
      color: #ee2d2b; }
    section.hero-cwo .hero-order-links .link-list {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      width: 18rem; }
      @media screen and (min-width: 48em) {
        section.hero-cwo .hero-order-links .link-list {
          width: 43rem;
          justify-content: center; } }
    section.hero-cwo .hero-order-links .order-link {
      width: 8.5rem;
      height: 4.25rem;
      margin: 0; }
      section.hero-cwo .hero-order-links .order-link:hover, section.hero-cwo .hero-order-links .order-link:focus {
        background-color: #fff; }

section.pullquote-hero {
  background-color: #2a2a2a;
  color: #fbf9f4;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    section.pullquote-hero {
      align-items: center;
      justify-content: center;
      min-height: calc(100vh - 50px);
      margin: 0 auto; } }
  section.pullquote-hero .container {
    position: relative; }
    @media screen and (max-width: 63.99375em) {
      section.pullquote-hero .container {
        margin: 50px auto; } }
  section.pullquote-hero .hero-title {
    height: 0;
    margin: 0 auto;
    top: 0;
    padding: 0 12px 0 16px; }
    section.pullquote-hero .hero-title h1 {
      color: #f3f1e7;
      font: 16px "Century Gothic W01 Bold", sans-serif;
      letter-spacing: 0.81px;
      line-height: 53px;
      text-transform: uppercase; }
  section.pullquote-hero .container blockquote {
    text-align: left; }
    section.pullquote-hero .container blockquote p {
      font: normal 28px/40px "adobe-caslon-pro", serif;
      display: block;
      margin: 70px auto 70px; }
      @media screen and (max-width: 20em) {
        section.pullquote-hero .container blockquote p {
          font-size: 36.63px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        section.pullquote-hero .container blockquote p {
          font-size: calc(4.74006vw + 21.46182px); } }
      @media screen and (min-width: 64em) {
        section.pullquote-hero .container blockquote p {
          font-size: 70px; } }
      @media screen and (max-width: 20em) {
        section.pullquote-hero .container blockquote p {
          line-height: 43.23px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        section.pullquote-hero .container blockquote p {
          line-height: calc(6.35938vw + 22.88px); } }
      @media screen and (min-width: 64em) {
        section.pullquote-hero .container blockquote p {
          line-height: 88px; } }
      @media screen and (max-width: 20em) {
        section.pullquote-hero .container blockquote p {
          letter-spacing: 0.71px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        section.pullquote-hero .container blockquote p {
          letter-spacing: calc(0.17472vw + 0.15091px); } }
      @media screen and (min-width: 64em) {
        section.pullquote-hero .container blockquote p {
          letter-spacing: 1.94px; } }
      @media screen and (max-width: 20em) {
        section.pullquote-hero .container blockquote p {
          width: 278.32px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        section.pullquote-hero .container blockquote p {
          width: calc(68.42045vw + 59.37455px); } }
      @media screen and (min-width: 64em) {
        section.pullquote-hero .container blockquote p {
          width: 760px; } }

.follow {
  display: inline-flex;
  height: 30px;
  margin: 0 4px 0; }
  .follow span {
    display: none; }
  @media screen and (min-width: 48em) {
    .follow {
      display: inline; } }
  .follow a {
    border-radius: 5px;
    border: 1px solid #2a2a2a;
    display: inline-block;
    height: 31px;
    line-height: 31px;
    margin-top: -1px;
    margin-right: 0.3em;
    width: 31px; }
  .follow svg {
    margin: 0;
    height: 29px;
    width: 29px; }
    .follow svg .background {
      fill: transparent;
      transition: fill 0.4s ease-in-out; }
    .follow svg .foreground {
      fill: #3b3a37; }
    .follow svg:hover .background {
      fill: rgba(42, 42, 42, 0.1); }

.overlay.follow-ray {
  align-items: center;
  display: flex;
  justify-content: center; }
  .overlay.follow-ray a {
    align-items: center;
    color: #fff;
    display: flex;
    height: 53px;
    margin: 10px auto;
    text-decoration: none;
    transition: color 0.4s ease-in-out; }
    .overlay.follow-ray a span {
      font-size: 22px;
      font-weight: 600;
      margin-left: 15px; }
    .overlay.follow-ray a:hover {
      color: #979797; }
      .overlay.follow-ray a:hover .background {
        fill: #979797; }
  .overlay.follow-ray svg {
    border-radius: 5px;
    height: 36px;
    width: 36px; }
    .overlay.follow-ray svg .background {
      fill: #fff;
      transition: fill 0.4s ease-in-out; }
    .overlay.follow-ray svg .foreground {
      fill: #3b3a37; }

.book-hero-press {
  background-color: #f3f1e7;
  background: #f3f1e7;
  background: -moz-linear-gradient(top, #f3f1e7 0%, #fffeee 100%);
  background: -webkit-linear-gradient(top, #f3f1e7 0%, #fffeee 100%);
  background: linear-gradient(to bottom, #f3f1e7 0%, #fffeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$sand', endColorstr='$cream',GradientType=0 ); }

.book-hero {
  overflow: hidden;
  padding-top: 50px; }
  @media screen and (min-width: 64em) {
    .book-hero {
      padding-bottom: 80px;
      padding-top: 100px; } }
  .book-hero .flex-fix {
    min-height: 0; }
  .book-hero .container {
    position: relative;
    margin-bottom: 0px; }
    @media screen and (max-width: 63.99375em) {
      .book-hero .container {
        margin: 50px auto; } }
  @media screen and (max-width: 20em) {
    .book-hero .hero-image {
      left: -50px; } }
  @media screen and (min-width: 20em) and (max-width: 64em) {
    .book-hero .hero-image {
      left: calc(18.75vw + -110px); } }
  @media screen and (min-width: 64em) and (max-width: 90em) {
    .book-hero .hero-image {
      left: calc(3.60577vw + -281.92308px); } }
  @media screen and (min-width: 90em) {
    .book-hero .hero-image {
      left: -230px; } }
  @media screen and (min-width: 64em) and (max-width: 90em) {
    .book-hero .hero-image {
      top: calc(-12.01923vw + 83.07692px); } }
  @media screen and (min-width: 90em) {
    .book-hero .hero-image {
      top: -90px; } }
  @media screen and (max-width: 20em) {
    .book-hero .hero-image {
      width: 380px; } }
  @media screen and (min-width: 20em) and (max-width: 64em) {
    .book-hero .hero-image {
      width: calc(66.76136vw + 166.36364px); } }
  @media screen and (min-width: 64em) and (max-width: 90em) {
    .book-hero .hero-image {
      width: calc(60.09615vw + 234.61538px); } }
  @media screen and (min-width: 90em) {
    .book-hero .hero-image {
      width: 1100px; } }
  @media screen and (max-width: 63.99375em) {
    .book-hero .hero-image {
      position: relative; } }
  @media screen and (min-width: 64em) {
    .book-hero .hero-image {
      position: absolute; } }
  .book-hero .copy {
    color: #2a2a2a;
    font-family: "adobe-caslon-pro", serif;
    text-align: center; }
    @media screen and (min-width: 33em) and (max-width: 64em) {
      .book-hero .copy {
        margin-left: 42.96875vw; } }
    @media screen and (min-width: 64em) and (max-width: 90em) {
      .book-hero .copy {
        margin-left: calc(72.11538vw + -298.46154px); } }
    @media screen and (min-width: 90em) {
      .book-hero .copy {
        margin-left: 740px; } }
    @media screen and (min-width: 64em) and (max-width: 90em) {
      .book-hero .copy {
        width: calc(14.42308vw + 372.30769px); } }
    @media screen and (min-width: 90em) {
      .book-hero .copy {
        width: 580px; } }
    @media screen and (max-width: 63.99375em) {
      .book-hero .copy {
        margin: -5% 6.25% 0; } }
    @media screen and (min-width: 64em) {
      .book-hero .copy {
        float: left; } }
    .book-hero .copy p.best-seller {
      line-height: 1.5;
      letter-spacing: 0.09rem;
      text-align: left;
      color: #ee2d2b;
      font: 17px "Century Gothic W01 Bold", sans-serif;
      margin-bottom: 15px; }
      .book-hero .copy p.best-seller:nth-child(2) {
        border-bottom: 1.5px solid #e4e4e4; }
        @media screen and (min-width: 20em) and (max-width: 90em) {
          .book-hero .copy p.best-seller:nth-child(2) {
            margin-bottom: calc(0.89286vw + 22.14286px); } }
        @media screen and (min-width: 90em) {
          .book-hero .copy p.best-seller:nth-child(2) {
            margin-bottom: 35px; } }
        @media screen and (min-width: 20em) and (max-width: 90em) {
          .book-hero .copy p.best-seller:nth-child(2) {
            padding-bottom: calc(0.89286vw + 22.14286px); } }
        @media screen and (min-width: 90em) {
          .book-hero .copy p.best-seller:nth-child(2) {
            padding-bottom: 35px; } }
      @media screen and (max-width: 20em) {
        .book-hero .copy p.best-seller {
          letter-spacing: 1px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        .book-hero .copy p.best-seller {
          font-size: calc(0.28409vw + 14.09091px); } }
      @media screen and (min-width: 64em) and (max-width: 90em) {
        .book-hero .copy p.best-seller {
          font-size: 17px; } }
      @media screen and (min-width: 90em) {
        .book-hero .copy p.best-seller {
          font-size: 17px; } }
      @media screen and (max-width: 48em) {
        .book-hero .copy p.best-seller {
          text-align: center; } }
    .book-hero .copy .blurb {
      line-height: 1.5;
      text-align: left; }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        .book-hero .copy .blurb {
          font-size: calc(0.6392vw + 19.95455px); } }
      @media screen and (min-width: 64em) and (max-width: 90em) {
        .book-hero .copy .blurb {
          font-size: calc(0.72115vw + 19.11538px); } }
      @media screen and (min-width: 90em) {
        .book-hero .copy .blurb {
          font-size: 29.5px; } }
      @media screen and (min-width: 20em) and (max-width: 90em) {
        .book-hero .copy .blurb {
          margin-bottom: calc(0.53571vw + 30.28571px); } }
      @media screen and (min-width: 90em) {
        .book-hero .copy .blurb {
          margin-bottom: 38px; } }
    @media screen and (max-width: 32.99375em) {
      .book-hero .copy .get-updates,
      .book-hero .copy .pre-order {
        width: 136px;
        text-align: center; } }
    @media screen and (min-width: 33em) {
      .book-hero .copy .get-updates,
      .book-hero .copy .pre-order {
        width: 153px; } }
    @media screen and (min-width: 48em) {
      .book-hero .copy .get-updates,
      .book-hero .copy .pre-order {
        float: left; } }
    @media screen and (max-width: 63.99375em) {
      .book-hero .copy .get-updates,
      .book-hero .copy .pre-order {
        float: none; } }
    @media screen and (min-width: 33em) {
      .book-hero .copy .get-updates {
        margin-left: 13px; } }
    .book-hero .copy .availability {
      font: 15px/40px "Century Gothic W01 Bold", sans-serif;
      letter-spacing: 0.49px;
      margin-bottom: 10px; }
      @media screen and (min-width: 48em) {
        .book-hero .copy .availability {
          text-align: left; } }
      @media screen and (max-width: 63.99375em) {
        .book-hero .copy .availability {
          text-align: center; } }

section.whats-inside {
  background: #3a3936;
  color: #fff;
  overflow: hidden; }
  @media screen and (max-width: 20em) {
    section.whats-inside .container {
      padding-bottom: 0px; } }
  @media screen and (min-width: 20em) and (max-width: 63.99375em) {
    section.whats-inside .container {
      padding-bottom: calc(14.20656vw + -45.461px); } }
  @media screen and (min-width: 63.99375em) {
    section.whats-inside .container {
      padding-bottom: 100px; } }
  @media screen and (max-width: 20em) {
    section.whats-inside .container {
      padding-top: 50px; } }
  @media screen and (min-width: 20em) and (max-width: 63.99375em) {
    section.whats-inside .container {
      padding-top: calc(7.10328vw + 27.2695px); } }
  @media screen and (min-width: 63.99375em) {
    section.whats-inside .container {
      padding-top: 100px; } }
  section.whats-inside .heading h3 {
    margin: 0;
    font: 18px "Century Gothic W01 Bold", sans-serif;
    letter-spacing: 1.19px;
    margin-bottom: 31px;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (max-width: 20em) {
      section.whats-inside .heading h3 {
        font-size: 14px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.whats-inside .heading h3 {
        font-size: calc(0.56818vw + 12.18182px); } }
    @media screen and (min-width: 64em) {
      section.whats-inside .heading h3 {
        font-size: 18px; } }
    @media screen and (max-width: 20em) {
      section.whats-inside .heading h3 {
        letter-spacing: 0.92px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.whats-inside .heading h3 {
        letter-spacing: calc(0.03835vw + 0.79727px); } }
    @media screen and (min-width: 64em) {
      section.whats-inside .heading h3 {
        letter-spacing: 1.19px; } }
  section.whats-inside .heading h2 {
    margin: 0;
    font: 36px/1.22 "Century Gothic W01 Bold", sans-serif;
    letter-spacing: 2.37px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 20em) {
      section.whats-inside .heading h2 {
        width: 280px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.whats-inside .heading h2 {
        width: calc(85.65341vw + 5.90909px); } }
    @media screen and (min-width: 64em) {
      section.whats-inside .heading h2 {
        width: 883px; } }
    section.whats-inside .heading h2::before, section.whats-inside .heading h2::after {
      content: "";
      display: inline-block;
      flex: 1 1 auto;
      height: 3px;
      background-color: #fff; }
    @media screen and (max-width: 20em) {
      section.whats-inside .heading h2::before {
        margin-right: 17px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.whats-inside .heading h2::before {
        margin-right: calc(3.26705vw + 6.54545px); } }
    @media screen and (min-width: 64em) {
      section.whats-inside .heading h2::before {
        margin-right: 40px; } }
    @media screen and (max-width: 20em) {
      section.whats-inside .heading h2::after {
        margin-left: 17px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.whats-inside .heading h2::after {
        margin-left: calc(3.26705vw + 6.54545px); } }
    @media screen and (min-width: 64em) {
      section.whats-inside .heading h2::after {
        margin-left: 40px; } }
    @media screen and (min-width: 33em) {
      section.whats-inside .heading h2 br {
        display: none; } }
    @media screen and (max-width: 20em) {
      section.whats-inside .heading h2::after {
        margin-left: 6px; } }
    @media screen and (min-width: 20em) and (max-width: 32.99375em) {
      section.whats-inside .heading h2::after {
        margin-left: calc(2.405vw + -1.69601px); } }
    @media screen and (max-width: 20em) {
      section.whats-inside .heading h2 {
        font-size: 25px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.whats-inside .heading h2 {
        font-size: calc(1.5625vw + 20px); } }
    @media screen and (min-width: 64em) {
      section.whats-inside .heading h2 {
        font-size: 36px; } }
    @media screen and (max-width: 48em) {
      section.whats-inside .heading h2 {
        margin-bottom: 50px; } }
    @media screen and (min-width: 48em) and (max-width: 90em) {
      section.whats-inside .heading h2 {
        margin-bottom: calc(7.44048vw + -7.14286px); } }
    @media screen and (min-width: 90em) {
      section.whats-inside .heading h2 {
        margin-bottom: 100px; } }
    @media screen and (max-width: 20em) {
      section.whats-inside .heading h2 {
        letter-spacing: 1.65px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.whats-inside .heading h2 {
        letter-spacing: calc(0.10227vw + 1.32273px); } }
    @media screen and (min-width: 64em) {
      section.whats-inside .heading h2 {
        letter-spacing: 2.37px; } }
  section.whats-inside .book {
    position: relative;
    width: 100%; }
    @media screen and (min-width: 20em) and (max-width: 33em) {
      section.whats-inside .book {
        padding-bottom: calc(38.46154vw + -123.07692px); } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      section.whats-inside .book {
        padding-bottom: calc(141.66667vw + -668px); } }
    @media screen and (min-width: 48em) and (max-width: 64em) {
      section.whats-inside .book {
        padding-bottom: calc(-144.53125vw + 1530px); } }
    @media screen and (min-width: 64em) {
      section.whats-inside .book {
        padding-bottom: 50px; } }
    @media screen and (min-width: 48em) {
      section.whats-inside .book {
        padding-bottom: 100px; } }
    section.whats-inside .book .book-image {
      position: absolute;
      z-index: 0;
      height: 300px;
      width: 100vw; }
      @media screen and (max-width: 33em) {
        section.whats-inside .book .book-image {
          bottom: -50px; } }
      @media screen and (min-width: 33em) and (max-width: 48em) {
        section.whats-inside .book .book-image {
          bottom: calc(-41.66667vw + 170px); } }
      @media screen and (min-width: 48em) and (max-width: 64em) {
        section.whats-inside .book .book-image {
          top: -120px; } }
      @media screen and (min-width: 64em) {
        section.whats-inside .book .book-image {
          top: -120px; } }
      @media screen and (min-width: 64em) {
        section.whats-inside .book .book-image {
          bottom: auto; } }
      section.whats-inside .book .book-image img {
        position: absolute; }
        @media screen and (max-width: 20em) {
          section.whats-inside .book .book-image img {
            width: 558px; } }
        @media screen and (min-width: 20em) and (max-width: 64em) {
          section.whats-inside .book .book-image img {
            width: calc(52.69886vw + 389.36364px); } }
        @media screen and (min-width: 64em) {
          section.whats-inside .book .book-image img {
            width: 929px; } }
    section.whats-inside .book .copy {
      margin-left: 32px;
      margin-right: 32px;
      margin-top: 50px;
      width: auto;
      position: relative;
      z-index: 1; }
      @media screen and (min-width: 48em) {
        section.whats-inside .book .copy {
          height: 520px; } }
      @media screen and (max-width: 33em) {
        section.whats-inside .book .copy {
          padding-bottom: 400px; } }
      @media screen and (min-width: 33em) and (max-width: 48em) {
        section.whats-inside .book .copy {
          padding-bottom: calc(-166.66667vw + 1280px); } }
      @media screen and (min-width: 48em) {
        section.whats-inside .book .copy {
          padding-bottom: 0px; } }
      @media screen and (min-width: 48em) and (max-width: 64em) {
        section.whats-inside .book .copy {
          width: calc(39.0625vw + -14px); } }
      @media screen and (min-width: 64em) {
        section.whats-inside .book .copy {
          width: 386px; } }
      section.whats-inside .book .copy h2 {
        margin: 0;
        font: 36px/1.22 "Century Gothic W01 Bold", sans-serif;
        letter-spacing: 2.37px;
        text-transform: uppercase;
        font-size: 32px;
        letter-spacing: 0.85px;
        margin-bottom: 26px; }
        @media screen and (min-width: 33em) {
          section.whats-inside .book .copy h2 br {
            display: none; } }
        @media screen and (max-width: 20em) {
          section.whats-inside .book .copy h2::after {
            margin-left: 6px; } }
        @media screen and (min-width: 20em) and (max-width: 32.99375em) {
          section.whats-inside .book .copy h2::after {
            margin-left: calc(2.405vw + -1.69601px); } }
      section.whats-inside .book .copy h4 {
        font-family: "Century Gothic W01 Bold", sans-serif;
        margin-bottom: 24px; }
        @media screen and (max-width: 20em) {
          section.whats-inside .book .copy h4 {
            font-size: 14px; } }
        @media screen and (min-width: 20em) and (max-width: 64em) {
          section.whats-inside .book .copy h4 {
            font-size: calc(1.42045vw + 9.45455px); } }
        @media screen and (min-width: 64em) {
          section.whats-inside .book .copy h4 {
            font-size: 24px; } }
      section.whats-inside .book .copy p {
        line-height: 28px; }
        @media screen and (max-width: 48em) {
          section.whats-inside .book .copy p {
            font-size: 18px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          section.whats-inside .book .copy p {
            font-size: calc(1.17188vw + 9px); } }
        @media screen and (min-width: 64em) {
          section.whats-inside .book .copy p {
            font-size: 21px; } }
        @media screen and (max-width: 48em) {
          section.whats-inside .book .copy p {
            line-height: 28px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          section.whats-inside .book .copy p {
            line-height: calc(1.5625vw + 16px); } }
        @media screen and (min-width: 64em) {
          section.whats-inside .book .copy p {
            line-height: 32px; } }
    @media screen and (min-width: 20em) and (max-width: 48em) {
      section.whats-inside .book.life-principles .book-image {
        height: calc(44.64286vw + 307.14286px); } }
    @media screen and (min-width: 48em) {
      section.whats-inside .book.life-principles .book-image {
        height: 650px; } }
    section.whats-inside .book.life-principles .book-image img {
      left: -10vw; }
      @media screen and (min-width: 48em) {
        section.whats-inside .book.life-principles .book-image img {
          left: 37vw; } }
      @media screen and (min-width: 90em) {
        section.whats-inside .book.life-principles .book-image img {
          left: 550px; } }
    @media screen and (min-width: 64em) and (max-width: 90em) {
      section.whats-inside .book.life-principles .copy {
        margin-left: calc(26.44231vw + -230.76923px); } }
    @media screen and (min-width: 90em) {
      section.whats-inside .book.life-principles .copy {
        margin-left: 150px; } }
    @media screen and (min-width: 48em) {
      section.whats-inside .book.work-principles {
        padding-bottom: 0px; } }
    @media screen and (min-width: 20em) and (max-width: 48em) {
      section.whats-inside .book.work-principles .book-image {
        height: calc(44.64286vw + 307.14286px); } }
    @media screen and (min-width: 48em) {
      section.whats-inside .book.work-principles .book-image {
        height: 650px; } }
    section.whats-inside .book.work-principles .book-image img {
      right: -10vw; }
      @media screen and (min-width: 48em) {
        section.whats-inside .book.work-principles .book-image img {
          right: 35vw; } }
      @media screen and (min-width: 90em) {
        section.whats-inside .book.work-principles .book-image img {
          left: 0vw; } }
    @media screen and (min-width: 48em) {
      section.whats-inside .book.work-principles .copy {
        margin-left: auto; } }
    @media screen and (min-width: 64em) and (max-width: 90em) {
      section.whats-inside .book.work-principles .copy {
        margin-right: calc(31.25vw + -300px); } }
    @media screen and (min-width: 90em) {
      section.whats-inside .book.work-principles .copy {
        margin-right: 150px; } }
    section.whats-inside .book .button {
      display: inline-block;
      margin-top: 25px; }

section.audio-excerpt {
  background-color: #3a3936;
  color: white;
  overflow: hidden;
  height: auto; }
  section.audio-excerpt #sc-widget {
    padding-bottom: 0; }
  section.audio-excerpt .container {
    position: relative;
    margin: 0 auto 85px; }
    section.audio-excerpt .container:before {
      border-top: 1px solid #6f6f6f;
      content: "";
      display: block;
      height: 1px;
      margin: 0 auto;
      width: 80%; }
    section.audio-excerpt .container p {
      font: normal 28px/28px "Century Gothic W01 Bold", sans-serif;
      display: block;
      line-height: 2em;
      margin: 0px auto 30px;
      padding-top: 80px;
      text-align: center;
      text-transform: uppercase; }
      @media screen and (max-width: 20em) {
        section.audio-excerpt .container p {
          font-size: 20px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        section.audio-excerpt .container p {
          font-size: calc(1.13636vw + 16.36364px); } }
      @media screen and (min-width: 64em) {
        section.audio-excerpt .container p {
          font-size: 28px; } }
      @media screen and (max-width: 20em) {
        section.audio-excerpt .container p {
          padding-top: 40px; } }
      @media screen and (min-width: 20em) and (max-width: 48em) {
        section.audio-excerpt .container p {
          padding-top: calc(8.92857vw + 11.42857px); } }
      @media screen and (min-width: 48em) {
        section.audio-excerpt .container p {
          padding-top: 80px; } }
      @media screen and (max-width: 20em) {
        section.audio-excerpt .container p {
          letter-spacing: 0.71px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        section.audio-excerpt .container p {
          letter-spacing: calc(-0.02983vw + 0.80545px); } }
      @media screen and (min-width: 64em) {
        section.audio-excerpt .container p {
          letter-spacing: 0.5px; } }
      @media screen and (max-width: 20em) {
        section.audio-excerpt .container p {
          width: 278.32px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        section.audio-excerpt .container p {
          width: calc(68.42045vw + 59.37455px); } }
      @media screen and (min-width: 64em) {
        section.audio-excerpt .container p {
          width: 760px; } }
    section.audio-excerpt .container .audio-container {
      width: 25%;
      height: auto;
      display: block;
      position: relative;
      margin: 1.4em auto 0px; }
      @media screen and (min-width: 20em) {
        section.audio-excerpt .container .audio-container {
          width: 85%; } }
      @media screen and (min-width: 33em) {
        section.audio-excerpt .container .audio-container {
          width: 400px; } }

section.you-may-also-like {
  background: #f2f0e7; }
  section.you-may-also-like .flex-fix {
    min-height: auto; }
  @media screen and (max-width: 48em) {
    section.you-may-also-like .container {
      margin: 50px auto; } }
  section.you-may-also-like .heading h2 {
    margin: 0;
    font: 36px/1.22 "Century Gothic W01 Bold", sans-serif;
    letter-spacing: 2.37px;
    text-transform: uppercase;
    color: #2a2a2a;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto; }
    @media screen and (max-width: 20em) {
      section.you-may-also-like .heading h2 {
        width: 280px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.you-may-also-like .heading h2 {
        width: calc(85.65341vw + 5.90909px); } }
    @media screen and (min-width: 64em) {
      section.you-may-also-like .heading h2 {
        width: 883px; } }
    section.you-may-also-like .heading h2::before, section.you-may-also-like .heading h2::after {
      content: "";
      display: inline-block;
      flex: 1 1 auto;
      height: 3px;
      background-color: #2a2a2a; }
    @media screen and (max-width: 20em) {
      section.you-may-also-like .heading h2::before {
        margin-right: 17px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.you-may-also-like .heading h2::before {
        margin-right: calc(3.26705vw + 6.54545px); } }
    @media screen and (min-width: 64em) {
      section.you-may-also-like .heading h2::before {
        margin-right: 40px; } }
    @media screen and (max-width: 20em) {
      section.you-may-also-like .heading h2::after {
        margin-left: 17px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.you-may-also-like .heading h2::after {
        margin-left: calc(3.26705vw + 6.54545px); } }
    @media screen and (min-width: 64em) {
      section.you-may-also-like .heading h2::after {
        margin-left: 40px; } }
    @media screen and (min-width: 33em) {
      section.you-may-also-like .heading h2 br {
        display: none; } }
    @media screen and (max-width: 20em) {
      section.you-may-also-like .heading h2::after {
        margin-left: 6px; } }
    @media screen and (min-width: 20em) and (max-width: 32.99375em) {
      section.you-may-also-like .heading h2::after {
        margin-left: calc(2.405vw + -1.69601px); } }
    @media screen and (max-width: 20em) {
      section.you-may-also-like .heading h2 {
        font-size: 25px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.you-may-also-like .heading h2 {
        font-size: calc(1.5625vw + 20px); } }
    @media screen and (min-width: 64em) {
      section.you-may-also-like .heading h2 {
        font-size: 36px; } }
    @media screen and (min-width: 20em) and (max-width: 48em) {
      section.you-may-also-like .heading h2 {
        margin-bottom: calc(15.625vw + -20px); } }
    @media screen and (min-width: 48em) {
      section.you-may-also-like .heading h2 {
        margin-bottom: 100px; } }
  section.you-may-also-like h3 {
    color: #2a2a2a;
    font: 19px/1.22 "Century Gothic W01 Bold", sans-serif;
    height: 25px;
    margin-bottom: 6px; }
    section.you-may-also-like h3 svg#tedLogo {
      height: 15px;
      width: auto; }
      section.you-may-also-like h3 svg#tedLogo .foreground {
        fill: #2a2a2a;
        transition: fill 0.4s ease-in-out; }
    section.you-may-also-like h3 img {
      margin: 0 auto; }
  section.you-may-also-like .thumbnails {
    clear: both;
    justify-content: space-between;
    padding: 20px 0; }
  section.you-may-also-like .thumbnail {
    background-color: #f2f0e7;
    cursor: pointer;
    margin: 10px;
    overflow: hidden;
    padding: 15px 20px;
    text-align: center;
    transition: all 0.4s ease-in-out;
    width: 100%;
    z-index: 0;
    margin: 0 auto;
    float: left;
    display: block;
    margin-right: 1.20482%;
    width: 83.13253%;
    margin-left: 8.43373%; }
    section.you-may-also-like .thumbnail:last-child {
      margin-right: 0; }
    section.you-may-also-like .thumbnail:hover {
      background-color: #e9e6d6;
      box-shadow: 0 20px 50px -10px #11131d;
      transform: translateY(-5px) scale(1.05);
      z-index: 1; }
    @media screen and (min-width: 48em) {
      section.you-may-also-like .thumbnail {
        float: left;
        display: block;
        margin-right: 1.20482%;
        width: 32.53012%;
        margin-left: 0%; }
        section.you-may-also-like .thumbnail:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 64em) {
      section.you-may-also-like .thumbnail {
        float: left;
        display: block;
        margin-right: 1.20482%;
        width: 24.09639%;
        margin: 0 auto; }
        section.you-may-also-like .thumbnail:last-child {
          margin-right: 0; }
        section.you-may-also-like .thumbnail:first-child {
          margin-left: 12.6506%; } }
    section.you-may-also-like .thumbnail img {
      display: block;
      max-width: 100%; }
    section.you-may-also-like .thumbnail a {
      color: #ee2d2b;
      display: inline-block;
      font: 16px/1.22 "Century Gothic W01 Bold", sans-serif;
      line-height: 25px;
      margin: 10px 0;
      text-decoration: none;
      text-transform: uppercase; }
      section.you-may-also-like .thumbnail a:first-of-type {
        display: block;
        text-align: center; }
        section.you-may-also-like .thumbnail a:first-of-type img {
          margin: 0 auto; }
      section.you-may-also-like .thumbnail a.play-arrow {
        background-image: url(play-red.png);
        background-position: 0% 0%;
        background-size: contain;
        background-repeat: no-repeat;
        padding-left: 30px; }

section.preorder {
  background-color: #3a3936;
  overflow: hidden; }
  section.preorder .preorder-book {
    text-align: center; }
    @media screen and (max-width: 20em) {
      section.preorder .preorder-book {
        margin-top: 60px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.preorder .preorder-book {
        margin-top: calc(5.68182vw + 41.81818px); } }
    @media screen and (min-width: 64em) {
      section.preorder .preorder-book {
        margin-top: 100px; } }
    section.preorder .preorder-book img {
      position: relative;
      transform: translateX(-50%);
      margin-left: 50%; }
      @media screen and (max-width: 20em) {
        section.preorder .preorder-book img {
          width: 500px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        section.preorder .preorder-book img {
          width: calc(74.43182vw + 261.81818px); } }
      @media screen and (min-width: 64em) {
        section.preorder .preorder-book img {
          width: 1024px; } }
  section.preorder .copy {
    text-align: center;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 48em) {
      section.preorder .copy {
        margin: 0 auto;
        width: 80%; } }
    @media screen and (min-width: 48em) {
      section.preorder .copy {
        padding-top: 102px; } }
    section.preorder .copy h2 {
      color: #fff;
      font: 24px/36px "Century Gothic W01 Bold", sans-serif; }
      section.preorder .copy h2.order-action {
        color: #ee2d2b; }
    section.preorder .copy p.inventory-alert {
      color: white;
      font: 16px/22px "Century Gothic W01", sans-serif;
      width: 46%;
      margin: 1.2em auto 0px auto;
      text-align: center; }
      section.preorder .copy p.inventory-alert:not(.hidden) {
        display: block; }
      @media screen and (max-width: 63.99375em) {
        section.preorder .copy p.inventory-alert {
          width: 80%;
          padding: 0px 40px;
          font: 16px/22px "Century Gothic W01", sans-serif; } }
      @media screen and (max-width: 47.99375em) {
        section.preorder .copy p.inventory-alert {
          width: 100%;
          padding: 0px 0px; } }
      @media screen and (min-device-width: 48em) and (max-device-width: 64em) and (orientation: landscape) {
        section.preorder .copy p.inventory-alert {
          width: 65%; } }
      @media screen and (min-device-width: 48em) and (max-device-width: 64em) and (orientation: portrait) {
        section.preorder .copy p.inventory-alert {
          width: 90%;
          padding: 0px 3em; } }
    section.preorder .copy .preorder-links {
      margin: 50px auto 0;
      overflow: hidden; }
      @media screen and (min-width: 48em) {
        section.preorder .copy .preorder-links {
          width: 660px; } }
      section.preorder .copy .preorder-links .button {
        border-color: rgba(255, 255, 255, 0.6);
        border-radius: 2.4px;
        height: 77px; }
        section.preorder .copy .preorder-links .button.disabled {
          cursor: default;
          opacity: 0.4; }
          section.preorder .copy .preorder-links .button.disabled:hover {
            background: transparent; }
        section.preorder .copy .preorder-links .button.out-of-stock {
          position: relative; }
          section.preorder .copy .preorder-links .button.out-of-stock::after {
            content: "out of stock";
            position: absolute;
            display: block;
            text-align: center;
            font-size: 0.8em;
            color: #3b3a37;
            background-color: rgba(255, 255, 255, 0.6);
            margin: 0 auto;
            width: 100%;
            bottom: 0px;
            margin-left: -18px;
            padding: 2px 0px; }
        @media screen and (max-width: 47.99375em) {
          section.preorder .copy .preorder-links .button {
            display: block;
            margin-bottom: 8px; }
            section.preorder .copy .preorder-links .button:last-child {
              margin-bottom: 0; } }
        @media screen and (min-width: 48em) {
          section.preorder .copy .preorder-links .button {
            display: inline-block;
            margin-bottom: 8px;
            margin-right: 8px;
            width: 153px; } }
        section.preorder .copy .preorder-links .button img {
          display: block;
          left: 50%;
          max-width: 100px;
          position: relative;
          top: 50%;
          transform: translate(-50%, -50%); }

section.introduction-video {
  background-color: #fbf9f4;
  overflow: hidden; }
  section.introduction-video .container {
    position: relative;
    margin: 50px auto 0px auto; }
    @media screen and (max-width: 63.99375em) {
      section.introduction-video .container {
        margin: 50px auto 0px auto; } }
  section.introduction-video .introduction {
    height: auto;
    margin: 0 auto;
    top: 0; }
    section.introduction-video .introduction a {
      color: #ee2d2b;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      font-weight: bold; }
      @media screen and (max-width: 63.99375em) {
        section.introduction-video .introduction a.watch {
          margin-bottom: 60px; } }
      section.introduction-video .introduction a .icon {
        margin-left: 5px; }
    section.introduction-video .introduction h1, section.introduction-video .introduction h2, section.introduction-video .introduction h3 {
      color: #2a2a2a;
      text-transform: uppercase;
      text-align: center; }
    section.introduction-video .introduction h1, section.introduction-video .introduction h2 {
      font-family: "Century Gothic W01 Bold", sans-serif; }
    section.introduction-video .introduction h1 {
      font-size: 2.1875rem; }
    section.introduction-video .introduction h2 {
      font-size: 30px;
      padding-top: 60px;
      text-align: left; }
      @media screen and (max-width: 63.99375em) {
        section.introduction-video .introduction h2 {
          font-size: 22px;
          padding-top: 40px; } }
    section.introduction-video .introduction p {
      font-family: Roboto, sans-serif;
      font-size: 24px;
      line-height: 44px;
      padding: 28PX 0 28PX 0;
      margin-bottom: 30px; }
      @media screen and (max-width: 63.99375em) {
        section.introduction-video .introduction p {
          font-size: 18px;
          line-height: 28px;
          margin-bottom: 12px; } }
      section.introduction-video .introduction p a {
        color: #ee2d2b;
        text-decoration: none; }
  section.introduction-video .video-group {
    display: flex;
    flex-direction: row;
    margin-bottom: 88px; }
    @media screen and (max-width: 63.99375em) {
      section.introduction-video .video-group {
        flex-direction: column; } }
    section.introduction-video .video-group .video-column {
      padding: 12px;
      flex: 0.5; }
  section.introduction-video .social {
    display: flex;
    flex-direction: column;
    margin-top: 18px;
    text-align: center;
    width: 100%;
    margin-bottom: 50px; }
    section.introduction-video .social p {
      margin: 30px auto 10px;
      font-size: 1rem;
      font-weight: bold;
      letter-spacing: 0.5px;
      color: #1a1a19; }
    section.introduction-video .social svg {
      height: 24px;
      margin: 0 7.5px;
      width: 24px; }
      section.introduction-video .social svg .foreground {
        fill: #fff; }
      section.introduction-video .social svg .background {
        fill: #2a2a2a; }
    section.introduction-video .social a {
      transition: opacity 0.4s ease-in-out; }
      section.introduction-video .social a:hover {
        opacity: 0.6; }
  section.introduction-video .link {
    display: inline-flex;
    width: auto;
    align-items: center;
    margin-top: 2rem;
    color: #ee2d2b;
    text-decoration: none;
    font-weight: bold; }
    section.introduction-video .link span {
      margin-right: 0.25rem; }
    section.introduction-video .link:hover, section.introduction-video .link:focus {
      text-decoration: underline; }
      section.introduction-video .link:hover .icon, section.introduction-video .link:focus .icon {
        animation: bounceUp 0.5s infinite; }
@keyframes bounceUp {
  0%,
100% {
    transform: translateY(0); }
  33% {
    transform: translateY(-0.25rem); } }
@keyframes bounceRight {
  0%,
100% {
    transform: translateX(0); }
  33% {
    transform: translateX(0.25rem); } }
.introduction-quotes-container {
  background-color: #f2f0e7; }
  .introduction-quotes-container .introduction-quotes {
    text-transform: uppercase;
    text-align: center;
    font-family: "Century Gothic W01", sans-serif;
    padding: 5rem 3rem;
    gap: 5rem; }
    @media screen and (min-width: 48em) {
      .introduction-quotes-container .introduction-quotes {
        display: grid;
        grid-template-columns: 1fr 1fr; } }
    @media screen and (min-width: 64em) {
      .introduction-quotes-container .introduction-quotes {
        grid-template-columns: 1fr 1fr 1fr; } }
    .introduction-quotes-container .introduction-quotes blockquote {
      letter-spacing: 0.48px;
      margin: 0 auto;
      color: #1a1a19;
      width: auto !important;
      font-size: 1.5rem; }
      @media screen and (max-width: 48em) {
        .introduction-quotes-container .introduction-quotes blockquote {
          font-size: 22px; } }
      @media screen and (min-width: 20em) and (max-width: 64em) {
        .introduction-quotes-container .introduction-quotes blockquote {
          width: calc(79.54545vw + 15.45455px); } }
      @media screen and (min-width: 64em) {
        .introduction-quotes-container .introduction-quotes blockquote {
          width: 830px; } }
      @media screen and (min-width: 64em) {
        .introduction-quotes-container .introduction-quotes blockquote:first-child {
          grid-column-start: 1;
          grid-column-end: span 3;
          width: 100%;
          font-size: 2.2rem; } }
      .introduction-quotes-container .introduction-quotes blockquote:first-child div {
        max-width: 50rem;
        margin: auto; }
      .introduction-quotes-container .introduction-quotes blockquote:not(:first-child) {
        width: auto; }
      @media screen and (min-width: 48em) and (max-width: 64em) {
        .introduction-quotes-container .introduction-quotes blockquote.erdoes {
          font-size: calc(1.5625vw + 34px); } }
      @media screen and (min-width: 64em) {
        .introduction-quotes-container .introduction-quotes blockquote.erdoes {
          font-size: 50px; } }
      @media screen and (min-width: 48em) and (max-width: 64em) {
        .introduction-quotes-container .introduction-quotes blockquote.erdoes {
          letter-spacing: calc(0.78125vw + -6px); } }
      @media screen and (min-width: 64em) {
        .introduction-quotes-container .introduction-quotes blockquote.erdoes {
          letter-spacing: 2px; } }
      .introduction-quotes-container .introduction-quotes blockquote .attributed {
        margin-top: 1.5rem;
        font-size: 1.4rem;
        font-weight: bold;
        color: #ee2d2b; }

.press {
  overflow: hidden;
  color: #fbf9f4;
  background-color: #2a2a2a; }
  .press .flex-fix {
    min-height: 0; }
  .press .container {
    margin: 140px auto; }
    @media screen and (max-width: 48em) {
      .press .container {
        margin-top: 80px; } }
    @media screen and (max-width: 48em) {
      .press .container {
        margin-bottom: 80px; } }
    .press .container .copy {
      font-family: "Century Gothic W01", sans-serif;
      text-align: center;
      padding: 0 20px;
      text-transform: uppercase; }
      .press .container .copy blockquote {
        letter-spacing: 0.48px;
        margin: 0 auto;
        color: #fbf9f4; }
        @media screen and (max-width: 48em) {
          .press .container .copy blockquote {
            font-size: 22px; } }
        @media screen and (max-width: 48em) {
          .press .container .copy blockquote {
            padding-bottom: 50px; } }
        @media screen and (min-width: 48em) and (max-width: 90em) {
          .press .container .copy blockquote {
            padding-bottom: calc(-7.44048vw + 107.14286px); } }
        @media screen and (min-width: 90em) {
          .press .container .copy blockquote {
            padding-bottom: 0px; } }
        @media screen and (min-width: 20em) and (max-width: 64em) {
          .press .container .copy blockquote {
            width: calc(79.54545vw + 15.45455px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote {
            width: 830px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.kissinger {
            font-size: calc(1.5625vw + 34px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.kissinger {
            font-size: 50px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.kissinger {
            letter-spacing: calc(0.78125vw + -6px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.kissinger {
            letter-spacing: 2px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.summers {
            font-size: calc(1.5625vw + 44px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.summers {
            font-size: 60px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.summers {
            letter-spacing: calc(0.39063vw + -2px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.summers {
            letter-spacing: 2px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.paulson {
            font-size: calc(1.5625vw + 36px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.paulson {
            font-size: 52px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.paulson {
            letter-spacing: calc(0.39063vw + -2px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.paulson {
            letter-spacing: 2px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.allison {
            font-size: calc(1.5625vw + 38px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.allison {
            font-size: 54px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.allison {
            letter-spacing: calc(0.39063vw + -2px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.allison {
            letter-spacing: 2px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.dimon {
            font-size: calc(1.5625vw + 24px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.dimon {
            font-size: 40px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.dimon {
            letter-spacing: calc(0.39063vw + -2px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.dimon {
            letter-spacing: 2px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.huffington {
            font-size: calc(1.5625vw + 36px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.huffington {
            font-size: 52px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.huffington {
            letter-spacing: calc(0.39063vw + -2px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.huffington {
            letter-spacing: 2px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.cuban {
            font-size: calc(1.5625vw + 18px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.cuban {
            font-size: 34px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.cuban {
            letter-spacing: calc(0.39063vw + -3px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.cuban {
            letter-spacing: 1px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.geithner {
            font-size: calc(1.5625vw + 18px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.geithner {
            font-size: 34px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.geithner {
            letter-spacing: calc(0.39063vw + -3px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.geithner {
            letter-spacing: 1px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.sorkin {
            font-size: calc(1.5625vw + 26px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.sorkin {
            font-size: 42px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.sorkin {
            letter-spacing: calc(0.39063vw + -2px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.sorkin {
            letter-spacing: 2px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.erdoes {
            font-size: calc(1.5625vw + 14px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.erdoes {
            font-size: 30px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.erdoes {
            letter-spacing: calc(0.39063vw + -3px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.erdoes {
            letter-spacing: 1px; } }
        .press .container .copy blockquote.erdoes p.attributed {
          margin-bottom: 0;
          padding-bottom: 0; }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.gates {
            font-size: calc(1.17188vw + 23px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.gates {
            font-size: 35px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.gates {
            letter-spacing: calc(0.78125vw + -6px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.gates {
            letter-spacing: 2px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.bloomberg {
            font-size: calc(5.07813vw + -8px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.bloomberg {
            font-size: 44px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.bloomberg {
            letter-spacing: calc(-0.39063vw + 4px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.bloomberg {
            letter-spacing: 0px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.benioff {
            font-size: calc(4.375vw + -8.8px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.benioff {
            font-size: 36px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.benioff {
            letter-spacing: calc(-0.39063vw + 4px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.benioff {
            letter-spacing: 0px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.hastings {
            font-size: calc(2.8125vw + 3.2px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.hastings {
            font-size: 32px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.hastings {
            letter-spacing: calc(0.19531vw + -0.5px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.hastings {
            letter-spacing: 1.5px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.robbins {
            font-size: calc(2.73438vw + 8px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.robbins {
            font-size: 36px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.robbins {
            letter-spacing: calc(0.58594vw + -3.5px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.robbins {
            letter-spacing: 2.5px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.grant {
            font-size: calc(2.73438vw + 2px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.grant {
            font-size: 30px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.grant {
            letter-spacing: calc(0.19531vw + -0.5px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.grant {
            letter-spacing: 1.5px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.volcker {
            font-size: calc(-2.73438vw + 62px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.volcker {
            font-size: 34px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.volcker {
            letter-spacing: calc(0.39063vw + -3px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.volcker {
            letter-spacing: 1px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.kahn {
            font-size: calc(2.34375vw + 22px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.kahn {
            font-size: 46px; } }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .press .container .copy blockquote.kahn {
            letter-spacing: calc(1.5625vw + -11px); } }
        @media screen and (min-width: 64em) {
          .press .container .copy blockquote.kahn {
            letter-spacing: 5px; } }
        .press .container .copy blockquote p.attributed {
          font-family: "Century Gothic W01 Bold";
          color: #ee2d2b;
          font-size: 1.3rem;
          display: block;
          text-align: center;
          margin: 0.5em 0 4em 0; }
          @media screen and (max-width: 64em) {
            .press .container .copy blockquote p.attributed {
              margin-bottom: 2rem; } }
          @media screen and (min-width: 64em) {
            .press .container .copy blockquote p.attributed {
              margin-bottom: 5rem; } }
          @media screen and (max-width: 48em) {
            .press .container .copy blockquote p.attributed {
              font-size: 0.8rem; } }
          @media screen and (min-width: 48em) {
            .press .container .copy blockquote p.attributed {
              font-size: 1.3rem; } }
          @media screen and (min-width: 48em) and (max-width: 64em) {
            .press .container .copy blockquote p.attributed {
              letter-spacing: 1px; } }
          @media screen and (min-width: 64em) {
            .press .container .copy blockquote p.attributed {
              letter-spacing: 1px; } }
          @media screen and (max-width: 47.99375em) {
            .press .container .copy blockquote p.attributed {
              text-align: center;
              margin: 0.4rem auto 0px auto; } }
      .press .container .copy a {
        cursor: pointer; }
        @media screen and (max-width: 64em) {
          .press .container .copy a button {
            margin-bottom: 2rem; } }
        @media screen and (min-width: 64em) {
          .press .container .copy a button {
            margin-bottom: 5rem; } }

section.sign-up {
  position: relative;
  padding: 0 2rem;
  color: #2a2a2a;
  background: #fff; }
  @media screen and (min-width: 48em) {
    section.sign-up .flex-fix {
      min-height: calc(20vh - 50px); } }
  section.sign-up .container {
    padding: 0; }
  section.sign-up .copy {
    padding: 0 19px; }
  section.sign-up h2 {
    font: 32px "Century Gothic W01 Bold", sans-serif;
    line-height: 42px;
    margin-bottom: 35px;
    text-align: center;
    text-transform: uppercase; }
  section.sign-up .updates {
    margin: 42px auto 0;
    text-align: center;
    max-width: 639px; }
    section.sign-up .updates .get-updates {
      width: 145px; }
  section.sign-up .social {
    display: block;
    float: left;
    margin-top: 18px;
    text-align: center;
    width: 100%; }
    section.sign-up .social p {
      margin: 30px auto 10px;
      font-size: 14px; }
      @media screen and (min-width: 48em) {
        section.sign-up .social p {
          font-size: 15px; } }
    section.sign-up .social svg {
      height: 24px;
      margin: 0 7.5px;
      width: 24px; }
      section.sign-up .social svg .background {
        fill: #fff; }
      section.sign-up .social svg .foreground {
        fill: #2a2a2a; }
    section.sign-up .social a {
      transition: opacity 0.4s ease-in-out; }
      section.sign-up .social a:hover {
        opacity: 0.6; }
  section.sign-up #mc_embed_signup {
    margin: 40px auto;
    max-width: 700px;
    position: relative; }
    section.sign-up #mc_embed_signup form .mc-field-group {
      margin-bottom: 15px; }
      @media screen and (max-width: 20em) {
        section.sign-up #mc_embed_signup form .mc-field-group {
          margin-bottom: 5px; } }
      section.sign-up #mc_embed_signup form .mc-field-group input {
        display: block; }
        section.sign-up #mc_embed_signup form .mc-field-group input > #inner-editor {
          font-size: 1vw; }
        @media screen and (max-width: 20em) {
          section.sign-up #mc_embed_signup form .mc-field-group input {
            font-size: 1rem !important; } }
        section.sign-up #mc_embed_signup form .mc-field-group input.mce_inline_error {
          border-color: #ee2d2b; }
          section.sign-up #mc_embed_signup form .mc-field-group input.mce_inline_error::-webkit-input-placeholder {
            color: #ee2d2b;
            opacity: 1; }
          section.sign-up #mc_embed_signup form .mc-field-group input.mce_inline_error::-moz-placeholder {
            color: #ee2d2b;
            opacity: 1; }
          section.sign-up #mc_embed_signup form .mc-field-group input.mce_inline_error:-ms-input-placeholder {
            color: #ee2d2b;
            opacity: 1; }
      section.sign-up #mc_embed_signup form .mc-field-group div.mce_inline_error {
        background-color: transparent;
        color: #ee2d2b;
        font: 14px/22px "Century Gothic W01 Bold", sans-serif;
        letter-spacing: 0.4px;
        margin: 0;
        padding: 0;
        text-align: left; }
    section.sign-up #mc_embed_signup form #mce-responses {
      font-size: 14px;
      line-height: 22px;
      margin: 0 auto; }
      @media screen and (max-width: 20em) {
        section.sign-up #mc_embed_signup form #mce-responses {
          margin-top: 25px; } }
      section.sign-up #mc_embed_signup form #mce-responses > div {
        font-weight: 600;
        letter-spacing: 0.4px;
        margin: 20px 0; }
      section.sign-up #mc_embed_signup form #mce-responses #mce-success-response {
        color: #4BB543; }
      section.sign-up #mc_embed_signup form #mce-responses #mce-error-response {
        color: #ee2d2b;
        font: 14px/22px "Century Gothic W01 Bold", sans-serif; }
      section.sign-up #mc_embed_signup form #mce-responses a {
        color: #fff;
        display: block; }
    section.sign-up #mc_embed_signup form .interest-warning {
      clear: both;
      display: block;
      padding-top: 10px;
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.4s ease-in-out; }
      section.sign-up #mc_embed_signup form .interest-warning.visible {
        visibility: visible;
        opacity: 1; }
        @media screen and (max-width: 33em) {
          section.sign-up #mc_embed_signup form .interest-warning.visible {
            padding: 0 20px; }
            section.sign-up #mc_embed_signup form .interest-warning.visible p {
              text-align: left; } }
      section.sign-up #mc_embed_signup form .interest-warning p {
        color: #ee2d2b;
        font-family: "Century Gothic W01 Bold", sans-serif;
        margin: 0px auto 30px auto; }
    section.sign-up #mc_embed_signup form button {
      margin: 20px auto 0;
      width: 153px;
      transition: opacity 0.4s ease-in-out; }
      section.sign-up #mc_embed_signup form button:disabled {
        opacity: 0.3;
        cursor: not-allowed; }
    section.sign-up #mc_embed_signup .success-message {
      min-height: 500px;
      transform: translateY(30%); }
      @media screen and (min-width: 48em) {
        section.sign-up #mc_embed_signup .success-message {
          min-height: calc(20vh - 50px); } }
      section.sign-up #mc_embed_signup .success-message p {
        color: #2a2a2a; }
    section.sign-up #mc_embed_signup .single-checkbox {
      max-width: 350px;
      margin: auto; }
      @media screen and (min-width: 33em) {
        section.sign-up #mc_embed_signup .single-checkbox {
          grid-column: 1/span 2; } }
    section.sign-up #mc_embed_signup .file-checkboxes {
      display: grid;
      grid-column-start: 1;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto; }
      section.sign-up #mc_embed_signup .file-checkboxes .file-thumbnail {
        padding: 10px; }
      section.sign-up #mc_embed_signup .file-checkboxes > div {
        max-width: 350px; }
      @media screen and (min-width: 33em) {
        section.sign-up #mc_embed_signup .file-checkboxes {
          grid-column-end: 3; } }
      @media screen and (min-width: 48em) {
        section.sign-up #mc_embed_signup .file-checkboxes {
          grid-template-columns: 1fr 1fr; } }
    section.sign-up #mc_embed_signup .confirm {
      width: 75px;
      height: 75px;
      margin: 1em auto 3em;
      background-color: #fff;
      border-radius: 40px;
      display: flex;
      justify-content: center;
      align-items: center; }
      section.sign-up #mc_embed_signup .confirm svg {
        height: 40px;
        width: 40px; }
  @media screen and (min-width: 48em) {
    section.sign-up .mc-field-group {
      float: left;
      display: block;
      margin-right: 1.20482%;
      width: 49.39759%; }
      section.sign-up .mc-field-group:last-child {
        margin-right: 0; }
      section.sign-up .mc-field-group:nth-of-type(2n) {
        margin-right: 0; } }
  @media screen and (min-width: 33em) {
    section.sign-up .checkboxes {
      grid-column: 1/span 2; } }
  section.sign-up .checkboxes > div {
    margin-bottom: 20px;
    margin-left: 20px; }
    @media screen and (min-width: 33em) {
      section.sign-up .checkboxes > div:nth-child(2n) {
        grid-column: 2; } }
    @media screen and (min-width: 48em) {
      section.sign-up .checkboxes > div {
        margin: 0; } }
  section.sign-up .checkboxes label {
    cursor: pointer; }
  section.sign-up .checkboxes input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 0.625rem 0 0;
    top: 4px;
    border: 1px solid #979797;
    background: transparent;
    cursor: pointer;
    transition: border 0.4s ease-in-out; }
    section.sign-up .checkboxes input[type=checkbox] + label {
      transition: color 0.4s ease-in-out; }
    section.sign-up .checkboxes input[type=checkbox]:hover {
      border-color: #2a2a2a; }
      section.sign-up .checkboxes input[type=checkbox]:hover + label {
        color: #2a2a2a; }
    section.sign-up .checkboxes input[type=checkbox]:focus {
      outline: none; }
    section.sign-up .checkboxes input[type=checkbox]:checked {
      border: 1px solid #2a2a2a;
      background: #2a2a2a;
      background-image: url("/assets/checkbox-white-ee7d8fc1ac67b61834a32609a20883010db12b09532b4d9073abc30d85d28def.svg");
      background-position: center;
      background-repeat: no-repeat; }
      section.sign-up .checkboxes input[type=checkbox]:checked + label {
        color: #2a2a2a; }

@keyframes fadein {
  0% {
    opacity: 0; }
  40% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
.sign-up-optional {
  min-height: 0;
  max-height: 0;
  overflow: hidden;
  transition: min-height 0.4s ease-in-out; }
  .sign-up-optional.show {
    animation: 0.6s ease-in fadein;
    min-height: 215px;
    max-height: auto;
    overflow: visible; }

section.contact {
  background: #2a2a2a;
  color: #fff;
  margin-top: -50px; }
  @media screen and (min-width: 48em) {
    section.contact .flex-fix {
      min-height: calc(100vh - 50px); } }
  section.contact .container {
    text-align: center; }
  section.contact h2 {
    font: 32px "Century Gothic W01 Bold", sans-serif;
    line-height: 42px;
    margin-bottom: 35px; }
  section.contact form {
    margin: 40px auto 80px;
    max-width: 700px;
    padding: 0 19px;
    position: relative; }
    section.contact form input[type=text],
    section.contact form input[type=email],
    section.contact form input[type=number] {
      background: transparent;
      border: 0;
      border-bottom: 1px solid #4a4a4a;
      border-radius: 0;
      color: #979797;
      font: normal 15px "Century Gothic W01", sans-serif;
      outline: none;
      padding: 9px 0px;
      text-overflow: ellipsis;
      color: #fff;
      transition: all 0.4s ease-in-out;
      display: block;
      margin: 0 20px;
      width: calc(100% - 40px); }
      section.contact form input[type=text]:-webkit-autofill,
      section.contact form input[type=email]:-webkit-autofill,
      section.contact form input[type=number]:-webkit-autofill {
        box-shadow: 0 0 0px 1000px #3b3a37 inset;
        -webkit-text-fill-color: #fff; }
      @media screen and (max-width: 47.99375em) {
        section.contact form input[type=text],
        section.contact form input[type=email],
        section.contact form input[type=number] {
          padding: 9px 0; } }
      section.contact form input[type=text]::-webkit-input-placeholder,
      section.contact form input[type=email]::-webkit-input-placeholder,
      section.contact form input[type=number]::-webkit-input-placeholder {
        color: #979797; }
      section.contact form input[type=text]::-moz-placeholder,
      section.contact form input[type=email]::-moz-placeholder,
      section.contact form input[type=number]::-moz-placeholder {
        color: #979797; }
      section.contact form input[type=text]:-ms-input-placeholder,
      section.contact form input[type=email]:-ms-input-placeholder,
      section.contact form input[type=number]:-ms-input-placeholder {
        color: #979797; }
      section.contact form input[type=text]::-ms-clear,
      section.contact form input[type=email]::-ms-clear,
      section.contact form input[type=number]::-ms-clear {
        height: 0;
        width: 0; }
      section.contact form input[type=text]:invalid,
      section.contact form input[type=email]:invalid,
      section.contact form input[type=number]:invalid {
        box-shadow: none; }
      section.contact form input[type=text]:focus,
      section.contact form input[type=email]:focus,
      section.contact form input[type=number]:focus {
        border-bottom-color: #fff; }
      section.contact form input[type=text] > #inner-editor,
      section.contact form input[type=email] > #inner-editor,
      section.contact form input[type=number] > #inner-editor {
        font-size: 1vw; }
      @media screen and (max-width: 20em) {
        section.contact form input[type=text],
        section.contact form input[type=email],
        section.contact form input[type=number] {
          font-size: 1rem !important; } }
      section.contact form input[type=text].mce_inline_error,
      section.contact form input[type=email].mce_inline_error,
      section.contact form input[type=number].mce_inline_error {
        border-color: #ee2d2b; }
        section.contact form input[type=text].mce_inline_error::-webkit-input-placeholder,
        section.contact form input[type=email].mce_inline_error::-webkit-input-placeholder,
        section.contact form input[type=number].mce_inline_error::-webkit-input-placeholder {
          color: #ee2d2b;
          opacity: 1; }
        section.contact form input[type=text].mce_inline_error::-moz-placeholder,
        section.contact form input[type=email].mce_inline_error::-moz-placeholder,
        section.contact form input[type=number].mce_inline_error::-moz-placeholder {
          color: #ee2d2b;
          opacity: 1; }
        section.contact form input[type=text].mce_inline_error:-ms-input-placeholder,
        section.contact form input[type=email].mce_inline_error:-ms-input-placeholder,
        section.contact form input[type=number].mce_inline_error:-ms-input-placeholder {
          color: #ee2d2b;
          opacity: 1; }
    section.contact form div.mce_inline_error {
      background-color: transparent;
      color: #ee2d2b;
      font: 14px/22px "Century Gothic W01 Bold", sans-serif;
      letter-spacing: 0.4px;
      margin: 5px 0 0 20px;
      padding: 0;
      text-align: left; }
      section.contact form div.mce_inline_error.for-subjects {
        clear: both;
        position: relative;
        top: -40px; }
    section.contact form #mce-responses {
      align-items: center;
      display: flex;
      font-size: 14px;
      line-height: 22px;
      margin: 0 auto;
      text-align: left;
      width: calc(100% - 40px); }
      @media screen and (max-width: 20em) {
        section.contact form #mce-responses {
          margin-top: 25px; } }
      section.contact form #mce-responses > div {
        font-weight: 600;
        letter-spacing: 0.4px;
        margin: 20px 0;
        text-shadow: 1px 1px 3px rgba(42, 42, 42, 0.3); }
      section.contact form #mce-responses #mce-success-response {
        color: #4BB543; }
      section.contact form #mce-responses #mce-error-response {
        color: #ee2d2b;
        font: 14px/22px "Century Gothic W01 Bold", sans-serif; }
      section.contact form #mce-responses a {
        color: #fff;
        display: block; }
    section.contact form button {
      margin: 20px auto 0;
      width: 153px;
      transition: opacity 0.4s ease-in-out; }
      section.contact form button:disabled {
        opacity: 0.3;
        cursor: not-allowed; }
  section.contact .optional-fields {
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    transition: min-height 0.4s ease-in-out; }
    section.contact .optional-fields.show {
      animation: 0.6s ease-in fadein;
      min-height: 400px;
      max-height: auto;
      overflow: visible; }
      @media screen and (min-width: 48em) {
        section.contact .optional-fields.show {
          min-height: 310px; } }
  section.contact .mc-field-group {
    height: 63px;
    margin-bottom: 15px; }
    @media screen and (max-width: 20em) {
      section.contact .mc-field-group {
        margin-bottom: 5px; } }
    @media screen and (min-width: 48em) {
      section.contact .mc-field-group {
        float: left;
        display: block;
        margin-right: 1.20482%;
        width: 49.39759%; }
        section.contact .mc-field-group:last-child {
          margin-right: 0; }
        section.contact .mc-field-group:nth-child(2n) {
          margin-right: 0; }
        section.contact .mc-field-group:nth-child(2n+1) {
          clear: left; } }
  section.contact .subjects {
    float: left;
    display: block;
    margin-right: 1.20482%;
    width: 100%;
    color: #979797;
    font-size: 15px;
    margin-bottom: 40px;
    text-align: left; }
    section.contact .subjects:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      section.contact .subjects {
        display: flex;
        justify-content: space-between;
        padding: 0 40px; } }
    section.contact .subjects .mc-field-group {
      margin-bottom: 10px; }
      section.contact .subjects .mc-field-group > div {
        margin-bottom: 20px;
        margin-left: 20px; }
      @media screen and (min-width: 48em) {
        section.contact .subjects .mc-field-group:nth-of-type(2) {
          margin-left: 80px; }
        section.contact .subjects .mc-field-group > div {
          margin-left: 0; } }
    section.contact .subjects label {
      cursor: pointer;
      position: relative; }
      section.contact .subjects label span {
        display: inline-block;
        text-indent: 1.7rem; }
      section.contact .subjects label input {
        display: none; }
      section.contact .subjects label:before {
        background: transparent;
        border: 1px solid #979797;
        border-radius: 50%;
        content: "";
        cursor: pointer;
        display: block;
        left: 0;
        height: 1.2rem;
        margin: 0 0.625rem 0 0;
        position: absolute;
        top: 0;
        width: 1.2rem; }
      section.contact .subjects label.checked:before {
        border: 1px solid #fff; }
      section.contact .subjects label.checked:after {
        background: #fff;
        border-radius: 50%;
        content: "";
        display: block;
        height: calc(1.2rem - 4px);
        position: absolute;
        left: 2px;
        top: 2px;
        width: calc(1.2rem - 4px); }
      section.contact .subjects label:hover {
        color: #fff; }
        section.contact .subjects label:hover:before {
          border-color: #fff; }
      section.contact .subjects label.mce_inline_error:before {
        border-color: #ee2d2b; }
      section.contact .subjects label.mce_inline_error span {
        color: #ee2d2b; }
  section.contact textarea {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #4a4a4a;
    border-radius: 0;
    color: #979797;
    font: normal 15px "Century Gothic W01", sans-serif;
    outline: none;
    padding: 9px 0px;
    text-overflow: ellipsis;
    border: 1px solid #4a4a4a;
    display: block;
    height: 150px;
    margin: 0 20px;
    overflow: hidden;
    padding: 9px;
    transition: all 0.4s ease-in-out;
    width: calc(100% - 40px); }
    section.contact textarea:-webkit-autofill {
      box-shadow: 0 0 0px 1000px #3b3a37 inset;
      -webkit-text-fill-color: #fff; }
    @media screen and (max-width: 47.99375em) {
      section.contact textarea {
        padding: 9px 0; } }
    section.contact textarea::-webkit-input-placeholder {
      color: #979797; }
    section.contact textarea::-moz-placeholder {
      color: #979797; }
    section.contact textarea:-ms-input-placeholder {
      color: #979797; }
    section.contact textarea::-ms-clear {
      height: 0;
      width: 0; }
    section.contact textarea:invalid {
      box-shadow: none; }
    @media screen and (max-width: 47.99375em) {
      section.contact textarea {
        padding: 9px; } }
    section.contact textarea:focus {
      color: white;
      border-color: white; }
    section.contact textarea.mce_inline_error {
      border-color: #ee2d2b;
      color: #ee2d2b; }
  section.contact .message-count {
    clear: both;
    color: #979797;
    display: block;
    float: right;
    font-size: 0.7rem;
    margin-right: 20px;
    text-align: right;
    width: 100%; }
  section.contact .loading {
    display: none; }
  section.contact .success {
    display: none; }
    section.contact .success a {
      color: white; }
    section.contact .success p {
      margin: 35px 0 65px; }

@keyframes fadein {
  0% {
    opacity: 0; }
  40% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
section.video-feedback {
  background: #1d2030;
  color: #fff; }
  @media screen and (min-width: 48em) {
    section.video-feedback .flex-fix {
      min-height: calc(50vh - 100px);
      background-color: #1d2030;
      position: relative; } }
  section.video-feedback .container {
    text-align: center; }
  section.video-feedback h2 {
    font: 32px "Century Gothic W01 Bold", sans-serif;
    line-height: 42px;
    margin-bottom: 20px; }
  section.video-feedback p {
    margin-bottom: 40px; }
  section.video-feedback form {
    margin: 40px auto 80px;
    max-width: 700px;
    padding: 0 19px;
    position: relative; }
    section.video-feedback form input[type=text],
    section.video-feedback form input[type=email],
    section.video-feedback form input[type=number] {
      background: transparent;
      border: 0;
      border-bottom: 1px solid #4a4a4a;
      border-radius: 0;
      color: #979797;
      font: normal 15px "Century Gothic W01", sans-serif;
      outline: none;
      padding: 9px 0px;
      text-overflow: ellipsis;
      color: #fff;
      transition: all 0.4s ease-in-out;
      display: block;
      margin: 0 20px;
      width: calc(100% - 40px); }
      section.video-feedback form input[type=text]:-webkit-autofill,
      section.video-feedback form input[type=email]:-webkit-autofill,
      section.video-feedback form input[type=number]:-webkit-autofill {
        box-shadow: 0 0 0px 1000px #3b3a37 inset;
        -webkit-text-fill-color: #fff; }
      @media screen and (max-width: 47.99375em) {
        section.video-feedback form input[type=text],
        section.video-feedback form input[type=email],
        section.video-feedback form input[type=number] {
          padding: 9px 0; } }
      section.video-feedback form input[type=text]::-webkit-input-placeholder,
      section.video-feedback form input[type=email]::-webkit-input-placeholder,
      section.video-feedback form input[type=number]::-webkit-input-placeholder {
        color: #979797; }
      section.video-feedback form input[type=text]::-moz-placeholder,
      section.video-feedback form input[type=email]::-moz-placeholder,
      section.video-feedback form input[type=number]::-moz-placeholder {
        color: #979797; }
      section.video-feedback form input[type=text]:-ms-input-placeholder,
      section.video-feedback form input[type=email]:-ms-input-placeholder,
      section.video-feedback form input[type=number]:-ms-input-placeholder {
        color: #979797; }
      section.video-feedback form input[type=text]::-ms-clear,
      section.video-feedback form input[type=email]::-ms-clear,
      section.video-feedback form input[type=number]::-ms-clear {
        height: 0;
        width: 0; }
      section.video-feedback form input[type=text]:invalid,
      section.video-feedback form input[type=email]:invalid,
      section.video-feedback form input[type=number]:invalid {
        box-shadow: none; }
      section.video-feedback form input[type=text]:focus,
      section.video-feedback form input[type=email]:focus,
      section.video-feedback form input[type=number]:focus {
        border-bottom-color: #fff; }
      section.video-feedback form input[type=text]:-webkit-autofill,
      section.video-feedback form input[type=email]:-webkit-autofill,
      section.video-feedback form input[type=number]:-webkit-autofill {
        box-shadow: 0 0 0px 1000px #1d2030 inset;
        -webkit-text-fill-color: #fff; }
      section.video-feedback form input[type=text] > #inner-editor,
      section.video-feedback form input[type=email] > #inner-editor,
      section.video-feedback form input[type=number] > #inner-editor {
        font-size: 1vw; }
      @media screen and (max-width: 20em) {
        section.video-feedback form input[type=text],
        section.video-feedback form input[type=email],
        section.video-feedback form input[type=number] {
          font-size: 1rem !important; } }
      section.video-feedback form input[type=text].mce_inline_error,
      section.video-feedback form input[type=email].mce_inline_error,
      section.video-feedback form input[type=number].mce_inline_error {
        border-color: #ee2d2b; }
        section.video-feedback form input[type=text].mce_inline_error::-webkit-input-placeholder,
        section.video-feedback form input[type=email].mce_inline_error::-webkit-input-placeholder,
        section.video-feedback form input[type=number].mce_inline_error::-webkit-input-placeholder {
          color: #ee2d2b;
          opacity: 1; }
        section.video-feedback form input[type=text].mce_inline_error::-moz-placeholder,
        section.video-feedback form input[type=email].mce_inline_error::-moz-placeholder,
        section.video-feedback form input[type=number].mce_inline_error::-moz-placeholder {
          color: #ee2d2b;
          opacity: 1; }
        section.video-feedback form input[type=text].mce_inline_error:-ms-input-placeholder,
        section.video-feedback form input[type=email].mce_inline_error:-ms-input-placeholder,
        section.video-feedback form input[type=number].mce_inline_error:-ms-input-placeholder {
          color: #ee2d2b;
          opacity: 1; }
    section.video-feedback form div.mce_inline_error {
      background-color: transparent;
      color: #ee2d2b;
      font: 14px/22px "Century Gothic W01 Bold", sans-serif;
      letter-spacing: 0.4px;
      margin: 5px 0 0 20px;
      padding: 0;
      text-align: left; }
      section.video-feedback form div.mce_inline_error.for-subjects {
        clear: both;
        position: relative;
        top: -40px; }
    section.video-feedback form #mce-responses {
      align-items: center;
      display: flex;
      font-size: 14px;
      line-height: 22px;
      margin: 0 auto;
      text-align: left;
      width: calc(100% - 40px); }
      @media screen and (max-width: 20em) {
        section.video-feedback form #mce-responses {
          margin-top: 25px; } }
      section.video-feedback form #mce-responses > div {
        font-weight: 600;
        letter-spacing: 0.4px;
        margin: 20px 0;
        text-shadow: 1px 1px 3px rgba(42, 42, 42, 0.3); }
      section.video-feedback form #mce-responses #mce-success-response {
        color: #4BB543; }
      section.video-feedback form #mce-responses #mce-error-response {
        color: #ee2d2b;
        font: 14px/22px "Century Gothic W01 Bold", sans-serif; }
      section.video-feedback form #mce-responses a {
        color: #fff;
        display: block; }
    section.video-feedback form button {
      margin: 30px auto 0;
      width: 153px;
      transition: opacity 0.4s ease-in-out; }
      section.video-feedback form button:disabled {
        opacity: 0.3;
        cursor: not-allowed; }
  section.video-feedback .optional-fields {
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    transition: min-height 0.4s ease-in-out; }
    section.video-feedback .optional-fields.show {
      animation: 0.6s ease-in fadein;
      min-height: 400px;
      max-height: auto;
      overflow: visible; }
      @media screen and (min-width: 48em) {
        section.video-feedback .optional-fields.show {
          min-height: 310px; } }
  section.video-feedback .mc-field-group {
    height: 63px;
    margin-bottom: 15px; }
    @media screen and (max-width: 20em) {
      section.video-feedback .mc-field-group {
        margin-bottom: 5px; } }
    @media screen and (min-width: 48em) {
      section.video-feedback .mc-field-group {
        float: left;
        display: block;
        margin-right: 1.20482%;
        width: 49.39759%; }
        section.video-feedback .mc-field-group:last-child {
          margin-right: 0; }
        section.video-feedback .mc-field-group:nth-child(2n) {
          margin-right: 0; }
        section.video-feedback .mc-field-group:nth-child(2n+1) {
          clear: left; } }
  section.video-feedback .subjects {
    float: left;
    display: block;
    margin-right: 1.20482%;
    width: 100%;
    color: #979797;
    font-size: 15px;
    margin-bottom: 40px;
    text-align: left; }
    section.video-feedback .subjects:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      section.video-feedback .subjects {
        display: flex;
        justify-content: space-between;
        padding: 0 40px; } }
    section.video-feedback .subjects .mc-field-group {
      margin-bottom: 10px; }
      section.video-feedback .subjects .mc-field-group > div {
        margin-bottom: 20px;
        margin-left: 20px; }
      @media screen and (min-width: 48em) {
        section.video-feedback .subjects .mc-field-group:nth-of-type(2) {
          margin-left: 80px; }
        section.video-feedback .subjects .mc-field-group > div {
          margin-left: 0; } }
    section.video-feedback .subjects label {
      cursor: pointer;
      position: relative; }
      section.video-feedback .subjects label span {
        display: inline-block;
        text-indent: 1.7rem; }
      section.video-feedback .subjects label input {
        display: none; }
      section.video-feedback .subjects label:before {
        background: transparent;
        border: 1px solid #979797;
        border-radius: 50%;
        content: "";
        cursor: pointer;
        display: block;
        left: 0;
        height: 1.2rem;
        margin: 0 0.625rem 0 0;
        position: absolute;
        top: 0;
        width: 1.2rem; }
      section.video-feedback .subjects label.checked:before {
        border: 1px solid #fff; }
      section.video-feedback .subjects label.checked:after {
        background: #fff;
        border-radius: 50%;
        content: "";
        display: block;
        height: calc(1.2rem - 4px);
        position: absolute;
        left: 2px;
        top: 2px;
        width: calc(1.2rem - 4px); }
      section.video-feedback .subjects label:hover {
        color: #fff; }
        section.video-feedback .subjects label:hover:before {
          border-color: #fff; }
      section.video-feedback .subjects label.mce_inline_error:before {
        border-color: #ee2d2b; }
      section.video-feedback .subjects label.mce_inline_error span {
        color: #ee2d2b; }
  section.video-feedback textarea {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #4a4a4a;
    border-radius: 0;
    color: #979797;
    font: normal 15px "Century Gothic W01", sans-serif;
    outline: none;
    padding: 9px 0px;
    text-overflow: ellipsis;
    border: 1px solid #4a4a4a;
    display: block;
    height: 150px;
    margin: 0 20px;
    overflow: hidden;
    padding: 9px;
    transition: all 0.4s ease-in-out;
    width: calc(100% - 40px); }
    section.video-feedback textarea:-webkit-autofill {
      box-shadow: 0 0 0px 1000px #3b3a37 inset;
      -webkit-text-fill-color: #fff; }
    @media screen and (max-width: 47.99375em) {
      section.video-feedback textarea {
        padding: 9px 0; } }
    section.video-feedback textarea::-webkit-input-placeholder {
      color: #979797; }
    section.video-feedback textarea::-moz-placeholder {
      color: #979797; }
    section.video-feedback textarea:-ms-input-placeholder {
      color: #979797; }
    section.video-feedback textarea::-ms-clear {
      height: 0;
      width: 0; }
    section.video-feedback textarea:invalid {
      box-shadow: none; }
    @media screen and (max-width: 47.99375em) {
      section.video-feedback textarea {
        padding: 9px; } }
    section.video-feedback textarea:focus {
      color: white;
      border-color: white; }
    section.video-feedback textarea.mce_inline_error {
      border-color: #ee2d2b;
      color: #ee2d2b; }
  section.video-feedback .message-count {
    color: #979797;
    display: block;
    text-align: right;
    font-size: 0.7rem;
    margin-right: 20px;
    margin-top: 0.25rem; }
  section.video-feedback .loading {
    display: none; }
  section.video-feedback .success {
    display: none; }
    section.video-feedback .success a {
      color: white; }
    section.video-feedback .success p {
      margin: 35px 0 65px; }

@keyframes fadein {
  0% {
    opacity: 0; }
  40% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
section.interviews-with-influencers {
  background: #f0ece3; }
  section.interviews-with-influencers .subheader-content {
    text-align: center;
    margin-bottom: 40px; }
    section.interviews-with-influencers .subheader-content h3 {
      font-family: "Century Gothic W01 Bold", sans-serif;
      text-transform: uppercase;
      color: #2a2a2a;
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 30px;
      padding: 0px 20px; }
    section.interviews-with-influencers .subheader-content h4 {
      font-family: Roboto, sans-serif;
      font-size: 21px;
      line-height: 30px;
      margin-bottom: 40px;
      padding: 0px 20px; }
    section.interviews-with-influencers .subheader-content a {
      text-decoration: none;
      color: #ee2d2b;
      display: inline-flex;
      align-items: center;
      font-size: 18px;
      font-weight: bold; }
  section.interviews-with-influencers .video-clip-container {
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 40px; }
    @media screen and (max-width: 48em) {
      section.interviews-with-influencers .video-clip-container {
        flex-direction: column; } }
    section.interviews-with-influencers .video-clip-container .video-clip {
      width: 33%;
      margin-bottom: 60px;
      padding: 0px 40px; }
      @media screen and (max-width: 75em) {
        section.interviews-with-influencers .video-clip-container .video-clip {
          width: 50%; } }
      @media screen and (max-width: 48em) {
        section.interviews-with-influencers .video-clip-container .video-clip {
          width: 85%;
          padding: 0px 20px; } }
      section.interviews-with-influencers .video-clip-container .video-clip img {
        margin-bottom: 40px;
        width: 100%; }
      section.interviews-with-influencers .video-clip-container .video-clip h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px; }
      section.interviews-with-influencers .video-clip-container .video-clip a {
        color: #e71313;
        display: inline-flex;
        text-decoration: none;
        margin-top: 20px;
        align-items: center;
        font-weight: bold; }
        section.interviews-with-influencers .video-clip-container .video-clip a .icon {
          margin-left: 5px;
          margin-bottom: 0px; }
  section.interviews-with-influencers .heading h2 {
    margin: 0;
    font: 36px/1.22 "Century Gothic W01 Bold", sans-serif;
    letter-spacing: 2.37px;
    text-transform: uppercase;
    color: #2a2a2a;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto; }
    @media screen and (max-width: 20em) {
      section.interviews-with-influencers .heading h2 {
        width: 280px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.interviews-with-influencers .heading h2 {
        width: calc(85.65341vw + 5.90909px); } }
    @media screen and (min-width: 64em) {
      section.interviews-with-influencers .heading h2 {
        width: 883px; } }
    section.interviews-with-influencers .heading h2::before, section.interviews-with-influencers .heading h2::after {
      content: "";
      display: inline-block;
      flex: 1 1 auto;
      height: 3px;
      background-color: #2a2a2a; }
    @media screen and (max-width: 20em) {
      section.interviews-with-influencers .heading h2::before {
        margin-right: 17px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.interviews-with-influencers .heading h2::before {
        margin-right: calc(3.26705vw + 6.54545px); } }
    @media screen and (min-width: 64em) {
      section.interviews-with-influencers .heading h2::before {
        margin-right: 40px; } }
    @media screen and (max-width: 20em) {
      section.interviews-with-influencers .heading h2::after {
        margin-left: 17px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.interviews-with-influencers .heading h2::after {
        margin-left: calc(3.26705vw + 6.54545px); } }
    @media screen and (min-width: 64em) {
      section.interviews-with-influencers .heading h2::after {
        margin-left: 40px; } }
    @media screen and (min-width: 33em) {
      section.interviews-with-influencers .heading h2 br {
        display: none; } }
    @media screen and (max-width: 20em) {
      section.interviews-with-influencers .heading h2::after {
        margin-left: 6px; } }
    @media screen and (min-width: 20em) and (max-width: 32.99375em) {
      section.interviews-with-influencers .heading h2::after {
        margin-left: calc(2.405vw + -1.69601px); } }
    @media screen and (max-width: 20em) {
      section.interviews-with-influencers .heading h2 {
        font-size: 25px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.interviews-with-influencers .heading h2 {
        font-size: calc(1.5625vw + 20px); } }
    @media screen and (min-width: 64em) {
      section.interviews-with-influencers .heading h2 {
        font-size: 36px; } }
    @media screen and (min-width: 20em) and (max-width: 48em) {
      section.interviews-with-influencers .heading h2 {
        margin-bottom: calc(15.625vw + -20px); } }
    @media screen and (min-width: 48em) {
      section.interviews-with-influencers .heading h2 {
        margin-bottom: 100px; } }
  section.interviews-with-influencers .primer h3 {
    font-family: "Century Gothic W01 Bold", sans-serif;
    color: #2a2a2a;
    letter-spacing: 0.81px;
    line-height: 35px;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    padding: 40px 20px 0px 20px; }
    @media screen and (min-width: 48em) {
      section.interviews-with-influencers .primer h3 {
        padding-top: 80px;
        line-height: 29px; } }
  section.interviews-with-influencers .primer p {
    padding: 40px 0;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    float: left;
    display: block;
    margin-right: 1.20482%;
    width: 83.13253%;
    margin-left: 8.43373%; }
    @media screen and (min-width: 48em) {
      section.interviews-with-influencers .primer p {
        font-size: 1.3125rem;
        line-height: 1.875rem; } }
    section.interviews-with-influencers .primer p.download {
      padding: 10px 0 80px 0;
      text-align: center; }
    section.interviews-with-influencers .primer p:last-child {
      margin-right: 0; }
    @media screen and (min-width: 64em) {
      section.interviews-with-influencers .primer p {
        float: left;
        display: block;
        margin-right: 1.20482%;
        width: 51.08434%;
        margin-left: 25.3012%; }
        section.interviews-with-influencers .primer p:last-child {
          margin-right: 0; } }
    section.interviews-with-influencers .primer p a {
      color: #ee2d2b;
      text-decoration: none;
      font-weight: bold; }
  section.interviews-with-influencers .primer .video-container {
    padding: 40px;
    clear: both; }
  section.interviews-with-influencers .primer .video-container,
  section.interviews-with-influencers .primer .audio-container {
    width: 100%;
    height: auto;
    margin: 0 auto; }
    @media screen and (min-width: 48em) {
      section.interviews-with-influencers .primer .video-container,
      section.interviews-with-influencers .primer .audio-container {
        width: 75%;
        padding: 0px; } }

section.video-section .heading {
  overflow: hidden;
  text-align: center; }
  section.video-section .heading h2 span {
    position: relative;
    display: inline-block; }
    section.video-section .heading h2 span::before, section.video-section .heading h2 span::after {
      content: "";
      position: absolute;
      top: 50%;
      border-bottom: 3px solid black;
      width: 50px;
      margin: 0 8px; }
    section.video-section .heading h2 span::before {
      right: 100%; }
    section.video-section .heading h2 span::after {
      left: 100%; }

section.endorsements.cwo .flickity-page-dots {
  left: calc(50% - 54px) !important; }

section.endorsements.economic-machine .flickity-page-dots {
  left: calc(50% - 4px) !important; }

section.endorsements .endorsement-gallery {
  position: relative; }
  section.endorsements .endorsement-gallery:focus-visible {
    outline: none; }
section.endorsements .flickity-button {
  margin-top: 12px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  height: 50px;
  background-color: #d1d1d1;
  border: none;
  margin: 15px; }
  section.endorsements .flickity-button:hover {
    background-color: white; }
section.endorsements .flickity-page-dots {
  list-style: disc;
  display: inline-flex;
  color: gray;
  position: absolute;
  top: -50px;
  left: calc(50% - 36px); }
  section.endorsements .flickity-page-dots li {
    width: 18px;
    font-size: 36px; }
  section.endorsements .flickity-page-dots .is-selected {
    color: white; }
section.endorsements .heading {
  overflow: hidden;
  text-align: center; }
  section.endorsements .heading h2 span {
    position: relative;
    display: inline-block; }
    section.endorsements .heading h2 span::before, section.endorsements .heading h2 span::after {
      content: "";
      position: absolute;
      top: 50%;
      border-bottom: 3px solid white;
      width: 100px;
      margin: 0 8px; }
    section.endorsements .heading h2 span::before {
      right: 100%; }
    section.endorsements .heading h2 span::after {
      left: 100%; }

.slide-top {
  -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both;
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both; }

.slide-left {
  -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) bot;
  animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px); } }
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); } }
section.learn-more {
  background: #2a2a2a; }
  section.learn-more .container {
    margin: 100px auto 1rem; }
    section.learn-more .container .row {
      display: block; }
      @media screen and (min-width: 64em) {
        section.learn-more .container .row {
          display: flex; } }
      section.learn-more .container .row .colateral {
        order: 2;
        float: left;
        display: block;
        margin-right: 1.20482%;
        width: 91.56627%;
        margin-left: 4.21687%;
        padding-top: 20px;
        position: relative; }
        section.learn-more .container .row .colateral:last-child {
          margin-right: 0; }
        @media screen and (min-width: 64em) {
          section.learn-more .container .row .colateral {
            order: 1;
            float: left;
            display: block;
            margin-right: 1.20482%;
            width: 49.39759%;
            margin-left: 8.43373%;
            padding-top: 0px; }
            section.learn-more .container .row .colateral:last-child {
              margin-right: 0; } }
        @media screen and (min-width: 20em) and (max-width: 48em) {
          section.learn-more .container .row .colateral {
            height: calc(89.28571vw + -35.71429px); } }
        @media screen and (min-width: 48em) {
          section.learn-more .container .row .colateral {
            height: 650px; } }
        section.learn-more .container .row .colateral img.offering-group {
          right: -10px;
          position: absolute;
          width: 100%; }
          @media screen and (min-width: 48em) and (max-width: 64em) {
            section.learn-more .container .row .colateral img.offering-group {
              width: calc(55.46875vw + 132px); } }
          @media screen and (min-width: 64em) {
            section.learn-more .container .row .colateral img.offering-group {
              width: 700px; } }
          @media screen and (min-width: 48em) {
            section.learn-more .container .row .colateral img.offering-group {
              right: 5vw; } }
          @media screen and (min-width: 90em) {
            section.learn-more .container .row .colateral img.offering-group {
              left: 0vw; } }
      section.learn-more .container .row .copy {
        float: left;
        display: block;
        margin-right: 1.20482%;
        width: 91.56627%;
        margin-left: 4.21687%;
        order: 1; }
        section.learn-more .container .row .copy:last-child {
          margin-right: 0; }
        section.learn-more .container .row .copy > * {
          color: white;
          padding-bottom: 30px; }
        section.learn-more .container .row .copy h2 {
          text-align: center;
          text-transform: uppercase;
          font-size: 36px; }
        section.learn-more .container .row .copy p {
          line-height: 32px;
          font-size: 21px;
          width: 100%; }
          @media screen and (min-width: 48em) {
            section.learn-more .container .row .copy p {
              margin: 0 auto;
              display: block;
              width: 60%; } }
          @media screen and (min-width: 64em) {
            section.learn-more .container .row .copy p {
              margin: 0;
              display: block;
              width: 80%; } }
        section.learn-more .container .row .copy a {
          display: block;
          position: relative;
          text-align: center; }
        @media screen and (min-width: 64em) {
          section.learn-more .container .row .copy {
            float: left;
            display: block;
            margin-right: 1.20482%;
            width: 40.96386%;
            margin-left: 0%;
            transform: translateY(25%);
            top: 50%;
            order: 2;
            max-height: 400px; }
            section.learn-more .container .row .copy:last-child {
              margin-right: 0; }
            section.learn-more .container .row .copy h2, section.learn-more .container .row .copy a {
              text-align: left; } }

.economic-machine-header p {
  font-family: "Century Gothic W01", sans-serif; }

section.economic-machine-soundcloud {
  background: #f0ece3; }
  section.economic-machine-soundcloud .primer .heading {
    overflow: hidden;
    text-align: center; }
    section.economic-machine-soundcloud .primer .heading h2 {
      font-family: "Century Gothic W01 Bold", sans-serif;
      color: #2a2a2a;
      letter-spacing: 0.81px;
      line-height: 35px;
      text-transform: uppercase;
      text-align: center;
      font-size: 24px;
      position: relative;
      display: inline-block; }
      section.economic-machine-soundcloud .primer .heading h2::before, section.economic-machine-soundcloud .primer .heading h2::after {
        content: "";
        position: absolute;
        top: 50%;
        border-bottom: 3px solid black;
        width: 50px;
        margin: 0 8px; }
      section.economic-machine-soundcloud .primer .heading h2::before {
        right: 100%; }
      section.economic-machine-soundcloud .primer .heading h2::after {
        left: 100%; }
  section.economic-machine-soundcloud .primer p {
    padding: 40px 0;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    float: left;
    display: block;
    margin-right: 1.20482%;
    width: 83.13253%;
    margin-left: 8.43373%; }
    @media screen and (min-width: 48em) {
      section.economic-machine-soundcloud .primer p {
        font-size: 1.3125rem;
        line-height: 1.875rem; } }
    section.economic-machine-soundcloud .primer p.download {
      padding: 10px 0 80px 0;
      text-align: center; }
    section.economic-machine-soundcloud .primer p:last-child {
      margin-right: 0; }
    @media screen and (min-width: 64em) {
      section.economic-machine-soundcloud .primer p {
        float: left;
        display: block;
        margin-right: 1.20482%;
        width: 51.08434%;
        margin-left: 25.3012%; }
        section.economic-machine-soundcloud .primer p:last-child {
          margin-right: 0; } }
    section.economic-machine-soundcloud .primer p a {
      color: #ee2d2b;
      text-decoration: none;
      font-weight: bold; }
  section.economic-machine-soundcloud .primer .video-container {
    padding: 40px;
    clear: both; }
  section.economic-machine-soundcloud .primer .video-container,
  section.economic-machine-soundcloud .primer .audio-container {
    width: 100%;
    height: auto;
    margin: 0 auto; }
    @media screen and (min-width: 48em) {
      section.economic-machine-soundcloud .primer .video-container,
      section.economic-machine-soundcloud .primer .audio-container {
        width: 75%;
        padding: 0px; } }

section.about-bio p {
  font-family: "Century Gothic W01", sans-serif; }

section.social-platforms .heading {
  overflow: hidden;
  text-align: center; }
  section.social-platforms .heading p {
    font-family: "Century Gothic W01", sans-serif; }
  section.social-platforms .heading h2 {
    position: relative;
    display: inline-block; }
    section.social-platforms .heading h2::before, section.social-platforms .heading h2::after {
      content: "";
      position: absolute;
      top: 50%;
      border-bottom: 3px solid white;
      width: 200px;
      margin: 0 8px; }
    section.social-platforms .heading h2::before {
      right: 100%; }
    section.social-platforms .heading h2::after {
      left: 100%; }

.hamburger-menu div {
  position: relative; }
.hamburger-menu div:not(:nth-of-type(1)):before {
  content: "";
  background: white;
  position: absolute;
  left: 10px;
  top: 0;
  height: 1px;
  width: 90%; }

.slide-content {
  visibility: hidden;
  width: 0; }

.visible {
  visibility: visible; }

.active-popup {
  overflow: hidden;
  position: fixed;
  width: 100%; }
  .active-popup header,
  .active-popup main,
  .active-popup footer {
    opacity: 0;
    pointer-events: none; }

#socials-overlay {
  visibility: hidden;
  pointer-events: none;
  opacity: 0; }
  #socials-overlay.active {
    visibility: visible;
    pointer-events: all;
    opacity: 1; }

.active-popup {
  overflow: hidden;
  position: fixed;
  width: 100%; }
  .active-popup header,
  .active-popup main,
  .active-popup footer {
    opacity: 0;
    pointer-events: none; }

.overlay {
  background-color: #3b3a37;
  bottom: 0;
  height: 100vh;
  left: 0;
  opacity: 0;
  overflow: auto;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 101; }
  .overlay.waiting-content {
    visibility: hidden; }
  .overlay.active-content {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    top: 0; }
  .overlay .close {
    color: #bfbfbf;
    cursor: pointer;
    height: 20px;
    position: fixed;
    transition: color 0.4s ease-in-out;
    width: 20px;
    z-index: 10; }
    @media screen and (max-width: 33em) {
      .overlay .close {
        font-size: 28px; } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      .overlay .close {
        font-size: calc(2.5vw + 14.8px); } }
    @media screen and (min-width: 48em) {
      .overlay .close {
        font-size: 34px; } }
    @media screen and (max-width: 33em) {
      .overlay .close {
        top: 10px; } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      .overlay .close {
        top: calc(10.41667vw + -45px); } }
    @media screen and (min-width: 48em) {
      .overlay .close {
        top: 35px; } }
    @media screen and (max-width: 33em) {
      .overlay .close {
        right: 14px; } }
    @media screen and (min-width: 33em) and (max-width: 48em) {
      .overlay .close {
        right: calc(21.25vw + -98.2px); } }
    @media screen and (min-width: 48em) {
      .overlay .close {
        right: 65px; } }
    .overlay .close:hover {
      color: #fff; }
  .overlay .close + * {
    z-index: 5; }

section.overlay.pre-order .get-the-books {
  margin: 0 auto;
  padding-left: 2em;
  padding-right: 2em; }
  @media screen and (min-width: 48em) {
    section.overlay.pre-order .get-the-books {
      align-self: center;
      display: flex;
      justify-content: space-evenly;
      margin: 0 auto;
      max-width: 90em;
      width: 100%; } }
  section.overlay.pre-order .get-the-books .copy {
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center; }
    @media screen and (min-width: 48em) {
      section.overlay.pre-order .get-the-books .copy {
        width: 50%; } }
    section.overlay.pre-order .get-the-books .copy:first-of-type {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
      @media screen and (min-width: 48em) {
        section.overlay.pre-order .get-the-books .copy:first-of-type {
          border-bottom: none;
          border-right: 1px solid rgba(255, 255, 255, 0.4); } }
  section.overlay.pre-order .get-the-books .preorder-book {
    overflow: hidden;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 20em) and (max-width: 48em) {
      section.overlay.pre-order .get-the-books .preorder-book {
        height: calc(4.46429vw + 165.71429px); } }
    @media screen and (min-width: 48em) and (max-width: 64em) {
      section.overlay.pre-order .get-the-books .preorder-book {
        height: calc(7.8125vw + 140px); } }
    @media screen and (min-width: 64em) {
      section.overlay.pre-order .get-the-books .preorder-book {
        height: 220px; } }
    section.overlay.pre-order .get-the-books .preorder-book img {
      margin-left: 50%;
      transform: translateX(-50%); }
      @media screen and (min-width: 20em) and (max-width: 48em) {
        section.overlay.pre-order .get-the-books .preorder-book img {
          width: calc(-22.32143vw + 471.42857px); } }
      @media screen and (min-width: 48em) and (max-width: 64em) {
        section.overlay.pre-order .get-the-books .preorder-book img {
          width: calc(97.65625vw + -450px); } }
      @media screen and (min-width: 64em) {
        section.overlay.pre-order .get-the-books .preorder-book img {
          width: 550px; } }
      section.overlay.pre-order .get-the-books .preorder-book img.smaller {
        padding: 10px 20px; }
  section.overlay.pre-order .get-the-books h2 {
    color: #fff;
    display: flex;
    flex-direction: column;
    font: 32px/42px "Century Gothic W01 Bold", sans-serif;
    justify-content: center;
    margin-bottom: 40px; }
    @media screen and (min-width: 48em) {
      section.overlay.pre-order .get-the-books h2 {
        height: 110px; } }
    section.overlay.pre-order .get-the-books h2 span {
      display: inline; }
    section.overlay.pre-order .get-the-books h2 span:not(.orphan-wrap) {
      display: block;
      font-size: 17px;
      line-height: 21px; }
    @media screen and (min-width: 33em) {
      section.overlay.pre-order .get-the-books h2 br {
        display: none; } }
    section.overlay.pre-order .get-the-books h2.order-action {
      color: #ee2d2b; }
      @media screen and (max-width: 32.99375em) {
        section.overlay.pre-order .get-the-books h2.order-action {
          padding: 0px 50px; } }
  section.overlay.pre-order .get-the-books button {
    line-height: 25px;
    margin-bottom: 20px;
    min-width: 220px; }
    section.overlay.pre-order .get-the-books button img {
      height: 18px;
      margin-left: 3px;
      position: relative;
      top: 8px; }
  section.overlay.pre-order .get-the-books h3 {
    color: #fff;
    font: 14px "Century Gothic W01 Bold", sans-serif;
    text-transform: uppercase; }
    section.overlay.pre-order .get-the-books h3 > a {
      color: #fff;
      text-decoration: none; }
    section.overlay.pre-order .get-the-books h3.preorder-options {
      cursor: pointer; }
      section.overlay.pre-order .get-the-books h3.preorder-options .dropdown-chevron {
        fill: #fff;
        transform: translateY(7px);
        margin-top: -3px;
        transition: transform 0.4s ease-in-out; }
      section.overlay.pre-order .get-the-books h3.preorder-options.active .dropdown-chevron {
        transform: translateY(7px) rotate(180deg); }
    section.overlay.pre-order .get-the-books h3 img {
      height: 18px;
      margin-left: 3px;
      position: relative;
      top: 8px; }
  section.overlay.pre-order .get-the-books .preorder-links {
    margin: 50px auto;
    overflow: hidden; }
    @media screen and (max-width: 47.99375em) {
      section.overlay.pre-order .get-the-books .preorder-links {
        padding: 0 50px; } }
    @media screen and (min-width: 48em) {
      section.overlay.pre-order .get-the-books .preorder-links {
        width: 80%; } }
    section.overlay.pre-order .get-the-books .preorder-links .button {
      border-color: rgba(255, 255, 255, 0.6);
      border-radius: 2.4px;
      height: 77px; }
      section.overlay.pre-order .get-the-books .preorder-links .button.disabled {
        cursor: default;
        opacity: 0.4; }
        section.overlay.pre-order .get-the-books .preorder-links .button.disabled:hover {
          background: transparent; }
      section.overlay.pre-order .get-the-books .preorder-links .button.out-of-stock {
        position: relative; }
        section.overlay.pre-order .get-the-books .preorder-links .button.out-of-stock::after {
          content: "out of stock";
          position: absolute;
          display: block;
          text-align: center;
          font-size: 0.8em;
          color: #3b3a37;
          background-color: rgba(255, 255, 255, 0.6);
          margin: 0 auto;
          width: 100%;
          bottom: 0px;
          margin-left: -18px;
          padding: 2px 0px; }
      @media screen and (max-width: 47.99375em) {
        section.overlay.pre-order .get-the-books .preorder-links .button {
          display: block;
          margin-bottom: 8px; }
          section.overlay.pre-order .get-the-books .preorder-links .button:last-child {
            margin-bottom: 0; } }
      @media screen and (min-width: 48em) {
        section.overlay.pre-order .get-the-books .preorder-links .button {
          display: inline-block;
          margin-bottom: 8px;
          margin-right: 8px;
          width: 153px; } }
      @media screen and (orientation: landscape) and (max-width: 47.99375em) {
        section.overlay.pre-order .get-the-books .preorder-links .button {
          margin: 0 auto 8px;
          max-width: 70vw; } }
      section.overlay.pre-order .get-the-books .preorder-links .button img {
        display: block;
        left: 50%;
        max-width: 100px;
        position: relative;
        top: 50%;
        transform: translate(-50%, -50%); }

section.overlay.ted-popup {
  background: #000000; }

#myVideo {
  width: 80vw;
  display: none;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  #myVideo.viewing {
    display: block; }

iframe {
  display: block;
  position: relative;
  padding-bottom: 1em;
  margin: 0 auto; }

@media screen and (-ms-high-contrast: active) and (min-width: 1280px), screen and (-ms-high-contrast: none) and (min-width: 1280px) {
  iframe.epVideo {
    min-width: 880px;
    min-height: 479px; } }
@media screen and (-ms-high-contrast: active) and (min-width: 90em), screen and (-ms-high-contrast: none) and (min-width: 90em) {
  iframe.epVideo {
    min-width: 1000px;
    min-height: 562px; } }

.dismissable-banner {
  background: rgba(58, 58, 58, 0.98);
  outline: 1px solid rgba(58, 58, 58, 0.98);
  color: #fff;
  display: none;
  height: 0;
  text-align: center;
  width: 100%;
  font-size: 13px;
  position: fixed;
  bottom: 0;
  z-index: 100; }
  .dismissable-banner.unaccepted {
    display: block;
    height: auto; }
  .dismissable-banner .container {
    align-items: center;
    display: flex;
    height: auto;
    max-width: 1024px;
    margin: 20px auto; }
  @media screen and (min-width: 20em) and (max-width: 33em) {
    .dismissable-banner span {
      line-height: calc(1.44231vw + 10.38462px); } }
  @media screen and (min-width: 33em) {
    .dismissable-banner span {
      line-height: 18px; } }
  @media screen and (min-width: 20em) and (max-width: 33em) {
    .dismissable-banner span {
      font-size: calc(0.96154vw + 8.92308px); } }
  @media screen and (min-width: 33em) {
    .dismissable-banner span {
      font-size: 14px; } }
  .dismissable-banner span:first-of-type {
    flex: 1 1 auto;
    text-align: left;
    width: calc(100vw - 24px);
    padding: 0 10px; }
    @media screen and (min-width: 48em) {
      .dismissable-banner span:first-of-type {
        padding: 0 20px; } }
  .dismissable-banner span + span {
    width: 24px;
    flex: 1 1 auto;
    margin-right: 10px; }
    @media screen and (min-width: 48em) {
      .dismissable-banner span + span {
        position: relative;
        margin-right: 20px; } }
  .dismissable-banner span p {
    margin: 0px; }
    .dismissable-banner span p:after {
      content: "";
      margin-top: 0.8em;
      margin-bottom: 0.8em;
      width: 100%;
      height: 1px;
      background-color: #4d4d4d;
      display: block; }
  .dismissable-banner button {
    background: transparent;
    border-radius: 100%;
    border: 2px solid #979797;
    cursor: pointer;
    height: 24px;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    width: 24px; }
    .dismissable-banner button:before, .dismissable-banner button:after {
      background: #979797;
      border: none;
      content: "";
      height: 2px;
      left: calc(50% - 0px);
      position: absolute;
      top: calc(50% - 2px);
      transition: all 0.4s ease-in-out;
      width: 15px; }
    .dismissable-banner button:before {
      transform: translate(-50%, 50%) rotate(45deg); }
    .dismissable-banner button:after {
      transform: translate(-50%, 50%) rotate(-45deg); }
    .dismissable-banner button:hover, .dismissable-banner button:focus {
      background: none;
      border-color: #fff; }
      .dismissable-banner button:hover:before, .dismissable-banner button:hover:after, .dismissable-banner button:focus:before, .dismissable-banner button:focus:after {
        background: #fff; }
    .dismissable-banner button:focus {
      outline: 0; }
  .dismissable-banner a {
    color: #fff;
    text-decoration: underline; }
    .dismissable-banner a:hover {
      text-decoration: underline; }
  .dismissable-banner [data-policy-effective-date] {
    display: inline; }

.book-hero .hero-image {
  pointer-events: none; }

.hero-title {
  height: 0;
  margin: 0 auto;
  top: 0;
  padding: 0 12px 0 16px; }
  .hero-title h1 {
    color: #fbf9f4;
    font: 16px "Century Gothic W01 Bold", sans-serif;
    letter-spacing: 0.81px;
    line-height: 53px;
    text-transform: uppercase; }
    .hero-title h1 a {
      color: #fbf9f4;
      text-decoration: none; }
  .hero-title main.article {
    background-color: #f3f1e7; }

section.hero-logo.contact-us .hero-title {
  height: 0;
  margin: 0 auto;
  top: 0;
  padding: 0 12px 0 16px; }
  section.hero-logo.contact-us .hero-title h1 {
    color: #fbf9f4;
    font: 16px "Century Gothic W01 Bold", sans-serif;
    letter-spacing: 0.81px;
    line-height: 53px;
    text-transform: uppercase; }
    section.hero-logo.contact-us .hero-title h1 a {
      color: #fbf9f4;
      text-decoration: none; }

section.article {
  background-color: #f3f1e7;
  overflow: hidden; }
  section.article.body {
    background-color: white; }
  section.article .container {
    position: relative;
    margin: 50px auto 0px auto; }
    @media screen and (max-width: 63.99375em) {
      section.article .container {
        margin: 50px auto 0px auto; } }
    section.article .container .hero-title {
      padding: 20px 0 0; }
      @media screen and (min-width: 48em) {
        section.article .container .hero-title {
          padding: 150px 0 0; } }
    section.article .container .hero-title,
    section.article .container .introduction {
      height: auto;
      margin: 0 auto;
      top: 0; }
      section.article .container .hero-title h1, section.article .container .hero-title h2, section.article .container .hero-title h3, section.article .container .hero-title h4, section.article .container .hero-title address, section.article .container .hero-title date,
      section.article .container .introduction h1,
      section.article .container .introduction h2,
      section.article .container .introduction h3,
      section.article .container .introduction h4,
      section.article .container .introduction address,
      section.article .container .introduction date {
        color: #2a2a2a;
        letter-spacing: 0.81px;
        line-height: 60px;
        text-transform: uppercase;
        text-align: center; }
      section.article .container .hero-title h1, section.article .container .hero-title h2, section.article .container .hero-title address, section.article .container .hero-title date,
      section.article .container .introduction h1,
      section.article .container .introduction h2,
      section.article .container .introduction address,
      section.article .container .introduction date {
        font-family: "Century Gothic W01 Bold", sans-serif; }
      section.article .container .hero-title h3,
      section.article .container .introduction h3 {
        font-family: "Century Gothic W01", sans-serif; }
      section.article .container .hero-title h1,
      section.article .container .introduction h1 {
        font-size: 35px;
        line-height: 40px; }
      section.article .container .hero-title h2, section.article .container .hero-title h3,
      section.article .container .introduction h2,
      section.article .container .introduction h3 {
        font-size: 20px;
        float: left;
        display: block;
        margin-right: 1.20482%;
        width: 49.39759%;
        margin-left: 25.3012%; }
        section.article .container .hero-title h2:last-child, section.article .container .hero-title h3:last-child,
        section.article .container .introduction h2:last-child,
        section.article .container .introduction h3:last-child {
          margin-right: 0; }
      section.article .container .hero-title date,
      section.article .container .introduction date {
        color: #ee2d2b; }
      section.article .container .hero-title address, section.article .container .hero-title date,
      section.article .container .introduction address,
      section.article .container .introduction date {
        display: block;
        padding: 1em 0px 0px;
        font-size: 1.5em;
        font-style: inherit; }
      section.article .container .hero-title p,
      section.article .container .introduction p {
        font-family: "adobe-caslon-pro", serif;
        font-size: 25px;
        line-height: 42px;
        padding: 40px 0; }
        @media screen and (min-width: 48em) {
          section.article .container .hero-title p,
          section.article .container .introduction p {
            float: left;
            display: block;
            margin-right: 1.20482%;
            width: 49.39759%;
            margin-left: 25.3012%; }
            section.article .container .hero-title p:last-child,
            section.article .container .introduction p:last-child {
              margin-right: 0; } }
        section.article .container .hero-title p a,
        section.article .container .introduction p a {
          color: #ee2d2b;
          text-decoration: none; }
      @media screen and (min-width: 48em) {
        section.article .container .hero-title h1, section.article .container .hero-title h2, section.article .container .hero-title h3,
        section.article .container .introduction h1,
        section.article .container .introduction h2,
        section.article .container .introduction h3 {
          line-height: 60px; }
        section.article .container .hero-title h1,
        section.article .container .introduction h1 {
          font-size: 57px; }
        section.article .container .hero-title h2, section.article .container .hero-title h3,
        section.article .container .introduction h2,
        section.article .container .introduction h3 {
          font-size: 33px; } }
    section.article .container .video-container {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding: 40px; }
      @media screen and (min-width: 48em) {
        section.article .container .video-container {
          width: 75%; } }
    section.article .container .social {
      display: block;
      float: left;
      margin-top: 18px;
      text-align: center;
      width: 100%;
      margin-bottom: 50px; }
      section.article .container .social p {
        margin: 30px auto 10px;
        font-size: 14px; }
        @media screen and (min-width: 48em) {
          section.article .container .social p {
            font-size: 15px; } }
      section.article .container .social svg {
        height: 24px;
        margin: 0 7.5px;
        width: 24px; }
        section.article .container .social svg .foreground {
          fill: #fff; }
        section.article .container .social svg .background {
          fill: #2a2a2a; }
      section.article .container .social a {
        transition: opacity 0.4s ease-in-out; }
        section.article .container .social a:hover {
          opacity: 0.6; }

section.article-body {
  background-color: white;
  overflow: hidden; }
  section.article-body .container {
    position: relative;
    margin: 50px auto 0px auto; }
    @media screen and (max-width: 63.99375em) {
      section.article-body .container {
        margin: 50px auto 0px auto; } }
    section.article-body .container .row {
      float: left;
      display: block;
      margin-right: 1.20482%;
      width: 91.56627%;
      margin-left: 4.21687%; }
      section.article-body .container .row:last-child {
        margin-right: 0; }
      @media screen and (min-width: 64em) {
        section.article-body .container .row {
          float: left;
          display: block;
          margin-right: 1.20482%;
          width: 66.26506%;
          margin-left: 16.86747%; }
          section.article-body .container .row:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 90em) {
        section.article-body .container .row {
          float: left;
          display: block;
          margin-right: 1.20482%;
          width: 57.83133%;
          margin-left: 21.08434%; }
          section.article-body .container .row:last-child {
            margin-right: 0; } }
      section.article-body .container .row h2, section.article-body .container .row h3, section.article-body .container .row h4, section.article-body .container .row p, section.article-body .container .row ul, section.article-body .container .row ol, section.article-body .container .row footer.article, section.article-body .container .row img {
        padding-bottom: 1.3em; }
      section.article-body .container .row h4 {
        text-align: center; }
      section.article-body .container .row p, section.article-body .container .row ul, section.article-body .container .row li {
        font-family: "adobe-caslon-pro", serif;
        font-size: 20px;
        line-height: 30px; }
        @media screen and (min-width: 48em) {
          section.article-body .container .row p, section.article-body .container .row ul, section.article-body .container .row li {
            font-size: 22px;
            line-height: 36px; } }
      section.article-body .container .row ul, section.article-body .container .row ol {
        margin-left: 8.43373%; }
        section.article-body .container .row ul.alpha-list li, section.article-body .container .row ol.alpha-list li {
          list-style-type: upper-alpha;
          list-style: bold; }
          section.article-body .container .row ul.alpha-list li span, section.article-body .container .row ol.alpha-list li span {
            text-decoration: underline; }
      section.article-body .container .row sup {
        line-height: 0; }
      section.article-body .container .row a {
        color: #ee2d2b;
        text-decoration: none; }
      section.article-body .container .row b {
        font-family: "adobe-caslon-pro", serif;
        font-weight: 600; }
      section.article-body .container .row img {
        width: 100%; }
      section.article-body .container .row footer.article {
        font-family: "adobe-caslon-pro", serif;
        font-size: 1em;
        color: #3b3a37;
        background-color: white;
        border-top: 1px solid #3b3a37;
        padding: 1.3em 0; }

section.citations {
  background-color: #f3f1e7;
  overflow: hidden; }
  section.citations .container {
    position: relative;
    margin: 50px auto; }
    section.citations .container .row {
      float: left;
      display: block;
      margin-right: 1.20482%;
      width: 91.56627%;
      margin-left: 4.21687%; }
      section.citations .container .row:last-child {
        margin-right: 0; }
      @media screen and (min-width: 64em) {
        section.citations .container .row {
          float: left;
          display: block;
          margin-right: 1.20482%;
          width: 66.26506%;
          margin-left: 16.86747%; }
          section.citations .container .row:last-child {
            margin-right: 0; } }
      section.citations .container .row sup {
        color: #3b3a37;
        text-transform: lowercase; }
      section.citations .container .row ul li {
        list-style-type: none;
        margin: 10px 0; }
      section.citations .container .row a {
        color: #ee2d2b;
        text-decoration: none; }

.cwo {
  background-color: #FBF9F4 !important; }
  .cwo section.sign-up {
    background-color: #FBF9F4; }
    .cwo section.sign-up #mc_embed_signup {
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 48em) {
        .cwo section.sign-up #mc_embed_signup {
          margin-top: 0px; } }
    @media screen and (max-width: 48em) {
      .cwo section.sign-up {
        padding: 12px; } }
    .cwo section.sign-up .container {
      background-color: #FBF9F4; }
      .cwo section.sign-up .container .success-message {
        width: 660px; }
        @media screen and (max-width: 48em) {
          .cwo section.sign-up .container .success-message {
            width: auto; } }
        @media screen and (max-width: 48em) {
          .cwo section.sign-up .container .success-message h2 {
            margin-bottom: 10px; } }
        .cwo section.sign-up .container .success-message .explore {
          display: flex;
          flex-direction: row;
          padding: 40px 67px;
          align-items: center;
          background-color: #F2F0E7;
          border-radius: 10px;
          margin-top: 60px;
          margin-bottom: 180px; }
          .cwo section.sign-up .container .success-message .explore div {
            flex: 0.5; }
            .cwo section.sign-up .container .success-message .explore div:nth-child(1) {
              margin-right: 40px; }
              @media screen and (max-width: 48em) {
                .cwo section.sign-up .container .success-message .explore div:nth-child(1) {
                  margin-right: 0px; } }
          @media screen and (max-width: 48em) {
            .cwo section.sign-up .container .success-message .explore {
              flex-direction: column-reverse; } }
          .cwo section.sign-up .container .success-message .explore span {
            text-transform: uppercase;
            font-size: 18px;
            font-family: "Century Gothic W01 Bold", sans-serif;
            display: block;
            margin-bottom: 20px; }
          .cwo section.sign-up .container .success-message .explore a button {
            font-family: "Century Gothic W01 Bold", sans-serif; }
            @media screen and (max-width: 48em) {
              .cwo section.sign-up .container .success-message .explore a button {
                margin-bottom: 20px; } }
          .cwo section.sign-up .container .success-message .explore img {
            object-fit: contain;
            width: 100%;
            max-height: 275px;
            border-radius: 2.75px; }
            @media screen and (max-width: 48em) {
              .cwo section.sign-up .container .success-message .explore img {
                max-height: 150px; } }
      .cwo section.sign-up .container .mc-field-group:nth-child(3) {
        margin-right: 0px; }
      @media screen and (max-width: 48em) {
        .cwo section.sign-up .container h2 {
          font-size: 24px;
          line-height: 30px;
          margin-bottom: 0px; } }

section.cwo-header .container {
  display: flex;
  flex-direction: row;
  background-color: #FBF9F4;
  margin-top: 50px; }
  @media screen and (max-width: 75em) {
    section.cwo-header .container {
      flex-direction: column-reverse;
      align-items: center;
      padding: 12px;
      margin-top: 25px;
      margin-bottom: 26px; } }
  section.cwo-header .container .book-image {
    flex: 0.45; }
    @media screen and (max-width: 75em) {
      section.cwo-header .container .book-image img {
        max-height: 400px; } }
  section.cwo-header .container .header-text {
    flex: 0.55;
    text-align: center;
    font-family: "Century Gothic W01 Bold", sans-serif; }
    section.cwo-header .container .header-text div:nth-child(1) {
      color: #ee2d2b;
      font-size: 18px;
      line-height: 22px;
      text-transform: uppercase;
      margin-bottom: 20px; }
      @media screen and (max-width: 48em) {
        section.cwo-header .container .header-text div:nth-child(1) {
          font-size: 16px;
          margin-bottom: 5px; } }
    section.cwo-header .container .header-text div:nth-child(2), section.cwo-header .container .header-text div:nth-child(4) {
      color: #707070;
      font-size: 37px;
      line-height: 24px; }
      @media screen and (max-width: 90em) {
        section.cwo-header .container .header-text div:nth-child(2), section.cwo-header .container .header-text div:nth-child(4) {
          font-size: 32px; } }
      @media screen and (max-width: 48em) {
        section.cwo-header .container .header-text div:nth-child(2), section.cwo-header .container .header-text div:nth-child(4) {
          font-size: 26px; } }
      @media screen and (max-width: 33em) {
        section.cwo-header .container .header-text div:nth-child(2), section.cwo-header .container .header-text div:nth-child(4) {
          font-size: 20px; } }
    section.cwo-header .container .header-text div:nth-child(3) {
      color: #1a1a19;
      font-size: 84px;
      text-transform: uppercase;
      line-height: 80px;
      margin: 20px 0px; }
      @media screen and (max-width: 90em) {
        section.cwo-header .container .header-text div:nth-child(3) {
          font-size: 70px;
          line-height: 66px;
          margin: 15px 0px; } }
      @media screen and (max-width: 48em) {
        section.cwo-header .container .header-text div:nth-child(3) {
          font-size: 56px;
          line-height: 50px;
          margin: 10px 0px; } }
      @media screen and (max-width: 33em) {
        section.cwo-header .container .header-text div:nth-child(3) {
          font-size: 42px;
          line-height: 36px; } }
  section.cwo-header .container img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%; }

.subscribe {
  background-color: #FBF9F4 !important;
  padding-top: 0px !important; }
  .subscribe section.sign-up {
    background-color: #FBF9F4; }
    .subscribe section.sign-up #mc_embed_signup {
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 48em) {
        .subscribe section.sign-up #mc_embed_signup {
          margin-top: 0px; } }
    @media screen and (max-width: 48em) {
      .subscribe section.sign-up {
        padding: 12px; } }
    .subscribe section.sign-up .container {
      background-color: #FBF9F4; }
      .subscribe section.sign-up .container .subscribe-to {
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 48em) {
          .subscribe section.sign-up .container .subscribe-to {
            padding: 10px; } }
        .subscribe section.sign-up .container .subscribe-to ul li {
          font: 18px Roboto, sans-serif;
          line-height: 28px; }
          @media screen and (max-width: 48em) {
            .subscribe section.sign-up .container .subscribe-to ul li {
              font-size: 16px;
              line-height: 24px; } }
          .subscribe section.sign-up .container .subscribe-to ul li ul li {
            margin-left: 20px;
            font-weight: bold; }
      .subscribe section.sign-up .container .success-message {
        width: 660px;
        transform: translateY(0%) !important; }
        @media screen and (max-width: 48em) {
          .subscribe section.sign-up .container .success-message {
            width: auto; } }
        @media screen and (max-width: 48em) {
          .subscribe section.sign-up .container .success-message h2 {
            margin-bottom: 10px; } }
        .subscribe section.sign-up .container .success-message .explore {
          display: flex;
          flex-direction: row;
          padding: 40px 67px;
          align-items: center;
          background-color: #F2F0E7;
          border-radius: 10px;
          margin-top: 60px;
          margin-bottom: 180px; }
          .subscribe section.sign-up .container .success-message .explore div {
            flex: 0.5; }
            .subscribe section.sign-up .container .success-message .explore div:nth-child(1) {
              margin-right: 40px; }
              @media screen and (max-width: 48em) {
                .subscribe section.sign-up .container .success-message .explore div:nth-child(1) {
                  margin-right: 0px; } }
          @media screen and (max-width: 48em) {
            .subscribe section.sign-up .container .success-message .explore {
              flex-direction: column-reverse; } }
          .subscribe section.sign-up .container .success-message .explore span {
            text-transform: uppercase;
            font-size: 18px;
            font-family: "Century Gothic W01 Bold", sans-serif;
            display: block;
            margin-bottom: 20px; }
          .subscribe section.sign-up .container .success-message .explore a button {
            font-family: "Century Gothic W01 Bold", sans-serif; }
            @media screen and (max-width: 48em) {
              .subscribe section.sign-up .container .success-message .explore a button {
                margin-bottom: 20px; } }
          .subscribe section.sign-up .container .success-message .explore img {
            object-fit: contain;
            width: 100%;
            max-height: 275px;
            border-radius: 2.75px; }
            @media screen and (max-width: 48em) {
              .subscribe section.sign-up .container .success-message .explore img {
                max-height: 150px; } }
      .subscribe section.sign-up .container .mc-field-group:nth-child(3) {
        margin-right: 0px; }
      @media screen and (max-width: 48em) {
        .subscribe section.sign-up .container h2 {
          font-size: 24px;
          line-height: 30px; } }
      @media screen and (max-width: 33em) {
        .subscribe section.sign-up .container h2 {
          font-size: 18px;
          line-height: 24px; } }

section.subscribe-header {
  background-color: #FBF9F4; }
  section.subscribe-header .container {
    align-items: center;
    text-align: center;
    background-color: #FBF9F4;
    display: flex;
    flex-direction: column;
    padding-top: 0px; }
    section.subscribe-header .container img {
      max-width: 800px; }
      @media screen and (max-width: 48em) {
        section.subscribe-header .container img {
          max-width: 600px; } }
    section.subscribe-header .container .header-text {
      font-family: "Century Gothic W01 Bold", sans-serif; }
      section.subscribe-header .container .header-text div:nth-child(1) {
        color: #CC202E;
        font-size: 37px;
        line-height: 24px;
        margin-bottom: 20px; }
        @media screen and (max-width: 48em) {
          section.subscribe-header .container .header-text div:nth-child(1) {
            font-size: 28px;
            margin-bottom: 5px; } }
      section.subscribe-header .container .header-text div:nth-child(2) {
        color: #1A1A19;
        font-size: 80px;
        line-height: 98px;
        text-transform: uppercase; }
        @media screen and (max-width: 90em) {
          section.subscribe-header .container .header-text div:nth-child(2) {
            font-size: 72px; } }
        @media screen and (max-width: 64em) {
          section.subscribe-header .container .header-text div:nth-child(2) {
            font-size: 60px; } }
        @media screen and (max-width: 48em) {
          section.subscribe-header .container .header-text div:nth-child(2) {
            font-size: 48px;
            line-height: 80px; } }
        @media screen and (max-width: 33em) {
          section.subscribe-header .container .header-text div:nth-child(2) {
            font-size: 28px; } }
    section.subscribe-header .container img {
      object-fit: contain; }

.how-countries-go-broke {
  background-color: #FBF9F4 !important;
  padding-top: 0px !important;
  min-height: calc(100vh - 110px); }
  .how-countries-go-broke .order-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px; }
    .how-countries-go-broke .order-links h2 {
      margin: 1.5rem 0 1.5rem 0;
      font-size: 1.5rem;
      font-weight: bold;
      color: #ee2d2b; }
    .how-countries-go-broke .order-links .link-list {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      width: 15rem;
      justify-content: center; }
      @media screen and (min-width: 33em) {
        .how-countries-go-broke .order-links .link-list {
          width: 43rem; } }
    .how-countries-go-broke .order-links .order-link {
      width: 8.5rem;
      height: 4.25rem;
      margin: 0; }
      .how-countries-go-broke .order-links .order-link:hover, .how-countries-go-broke .order-links .order-link:focus {
        background-color: #fff; }
  .how-countries-go-broke section.sign-up {
    background-color: #FBF9F4; }
    .how-countries-go-broke section.sign-up #mc_embed_signup {
      display: flex;
      justify-content: center;
      margin-top: 0px; }
      .how-countries-go-broke section.sign-up #mc_embed_signup .interest-warning {
        display: none; }
      .how-countries-go-broke section.sign-up #mc_embed_signup .sign-up-form {
        margin-top: 0px; }
      .how-countries-go-broke section.sign-up #mc_embed_signup #mc-embedded-subscribe {
        background-color: #ee2d2b;
        color: white;
        font-weight: bold; }
    @media screen and (max-width: 48em) {
      .how-countries-go-broke section.sign-up {
        padding: 12px; } }
    .how-countries-go-broke section.sign-up .file-checkboxes .checkbox-book {
      padding: 10px; }
    .how-countries-go-broke section.sign-up .container {
      background-color: #FBF9F4; }
      .how-countries-go-broke section.sign-up .container .success-message {
        width: 660px;
        transform: translateY(0%) !important; }
        @media screen and (max-width: 48em) {
          .how-countries-go-broke section.sign-up .container .success-message {
            width: auto; } }
        @media screen and (max-width: 48em) {
          .how-countries-go-broke section.sign-up .container .success-message h2 {
            margin-bottom: 10px; } }
        .how-countries-go-broke section.sign-up .container .success-message .explore {
          display: flex;
          flex-direction: row;
          padding: 40px 67px;
          align-items: center;
          background-color: #F2F0E7;
          border-radius: 10px;
          margin-top: 60px;
          margin-bottom: 180px; }
          .how-countries-go-broke section.sign-up .container .success-message .explore div {
            flex: 0.5; }
            .how-countries-go-broke section.sign-up .container .success-message .explore div:nth-child(1) {
              margin-right: 40px; }
              @media screen and (max-width: 48em) {
                .how-countries-go-broke section.sign-up .container .success-message .explore div:nth-child(1) {
                  margin-right: 0px; } }
          @media screen and (max-width: 48em) {
            .how-countries-go-broke section.sign-up .container .success-message .explore {
              flex-direction: column-reverse; } }
          .how-countries-go-broke section.sign-up .container .success-message .explore span {
            text-transform: uppercase;
            font-size: 18px;
            font-family: "Century Gothic W01 Bold", sans-serif;
            display: block;
            margin-bottom: 20px; }
          .how-countries-go-broke section.sign-up .container .success-message .explore a button {
            font-family: "Century Gothic W01 Bold", sans-serif; }
            @media screen and (max-width: 48em) {
              .how-countries-go-broke section.sign-up .container .success-message .explore a button {
                margin-bottom: 20px; } }
          .how-countries-go-broke section.sign-up .container .success-message .explore img {
            object-fit: contain;
            width: 100%;
            max-height: 275px;
            border-radius: 2.75px; }
            @media screen and (max-width: 48em) {
              .how-countries-go-broke section.sign-up .container .success-message .explore img {
                max-height: 150px; } }
      .how-countries-go-broke section.sign-up .container .mc-field-group:nth-child(3) {
        margin-right: 0px; }
      @media screen and (max-width: 48em) {
        .how-countries-go-broke section.sign-up .container h2 {
          font-size: 24px;
          line-height: 30px; } }
      @media screen and (max-width: 33em) {
        .how-countries-go-broke section.sign-up .container h2 {
          font-size: 18px;
          line-height: 24px; } }

section.how-countries-go-broke-header {
  background-color: #FBF9F4; }
  section.how-countries-go-broke-header .container {
    align-items: center;
    text-align: center;
    background-color: #FBF9F4;
    display: flex;
    flex-direction: column;
    padding-top: 60px; }
    section.how-countries-go-broke-header .container img {
      max-height: 400px;
      margin-bottom: 40px; }
      @media screen and (max-width: 48em) {
        section.how-countries-go-broke-header .container img {
          max-height: 300px; } }
    section.how-countries-go-broke-header .container .description {
      padding-top: 25px;
      padding-bottom: 25px;
      max-width: 750px; }
      section.how-countries-go-broke-header .container .description p {
        font-family: Roboto, sans-serif;
        text-align: left;
        line-height: 20px; }
        @media screen and (min-width: 33em) {
          section.how-countries-go-broke-header .container .description p {
            font-size: 18px;
            line-height: 24px; } }
    section.how-countries-go-broke-header .container .header-text {
      font-family: "Century Gothic W01 Bold", sans-serif; }
      section.how-countries-go-broke-header .container .header-text div:nth-child(1) {
        font-size: 40px;
        color: #1A1A19;
        margin-bottom: 20px; }
        @media screen and (max-width: 48em) {
          section.how-countries-go-broke-header .container .header-text div:nth-child(1) {
            font-size: 32px;
            margin-bottom: 20px; } }
      section.how-countries-go-broke-header .container .header-text div:nth-child(2) {
        color: #CC202E;
        font-size: 37px;
        line-height: 32px;
        margin-bottom: 26px; }
        @media screen and (max-width: 48em) {
          section.how-countries-go-broke-header .container .header-text div:nth-child(2) {
            font-size: 32px;
            margin-bottom: 20px; } }
      section.how-countries-go-broke-header .container .header-text div:nth-child(3) {
        margin-left: auto;
        margin-right: auto;
        max-width: 600px;
        color: #1A1A19;
        font-size: 36px;
        line-height: 34px;
        text-transform: uppercase; }
        @media screen and (max-width: 90em) {
          section.how-countries-go-broke-header .container .header-text div:nth-child(3) {
            font-size: 36px; } }
        @media screen and (max-width: 64em) {
          section.how-countries-go-broke-header .container .header-text div:nth-child(3) {
            font-size: 32px; } }
        @media screen and (max-width: 48em) {
          section.how-countries-go-broke-header .container .header-text div:nth-child(3) {
            font-size: 28px; } }
        @media screen and (max-width: 33em) {
          section.how-countries-go-broke-header .container .header-text div:nth-child(3) {
            font-size: 26px; } }
    section.how-countries-go-broke-header .container img {
      object-fit: contain; }

.banner {
  position: relative;
  top: 53px;
  width: 100%;
  background-color: #ee2d2b;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 70px; }
  @media screen and (min-width: 33em) {
    .banner {
      height: 80px; } }
  .banner .title h3 {
    font-size: 24px;
    padding: 4px; }
    @media screen and (min-width: 33em) {
      .banner .title h3 {
        font-size: 30px; } }
  .banner .title .title-break {
    display: block; }
    @media screen and (min-width: 20em) {
      .banner .title .title-break {
        display: none; } }
  .banner .preorder {
    display: flex;
    flex-direction: row; }
    @media screen and (min-width: 33em) {
      .banner .preorder {
        flex-direction: row; } }
    .banner .preorder .link {
      font-weight: bold;
      color: white;
      font-size: 16px;
      padding: 0px 8px; }
      @media screen and (min-width: 33em) {
        .banner .preorder .link {
          font-size: 20px;
          padding: 0px 8px; } }

hr {
  border: 0;
  background: #2a2a2a;
  height: 2px; }
  hr.small {
    width: 18px; }

footer {
  transition: padding-bottom 0.4s ease-in-out;
  background: #2a2a2a;
  color: #fff;
  font: normal 13px/18px Roboto, sans-serif;
  position: relative;
  text-align: left; }
  footer a {
    color: #fff;
    display: block;
    text-decoration: none;
    margin: 16px 0; }
    @media screen and (min-width: 56em) {
      footer a {
        display: inline;
        margin: 0 20px 0 0; } }
    footer a:last-of-type {
      margin-right: 0; }
  footer .container {
    padding: 16px;
    text-align: center; }
    @media screen and (min-width: 56em) {
      footer .container {
        display: flex;
        align-items: center;
        text-align: left;
        padding-left: 40px;
        padding-right: 40px; } }
    footer .container .copyright {
      flex-grow: 1; }
    @media screen and (max-width: 56em) {
      footer .container .copyright, footer .container .links {
        margin: 10px 0; } }

div#onetrust-policy a {
  color: white; }

a.ot-sdk-show-settings {
  cursor: pointer; }

.language-switcher {
  background: #ee2d2b;
  border-radius: 5px;
  z-index: 1;
  max-width: 160px;
  position: absolute;
  top: 10px;
  right: 10px; }
  @media screen and (min-width: 48em) {
    .language-switcher {
      top: 35px;
      right: 10px; } }
  .language-switcher button, .language-switcher ul {
    display: block;
    width: 100%;
    font-family: "Century Gothic W01 Bold", sans-serif; }
  .language-switcher ul {
    list-style: none;
    padding: 0;
    margin-bottom: 1em; }
  .language-switcher li {
    text-align: center;
    padding: 4px 20px; }
  .language-switcher button, .language-switcher a {
    border: none;
    background: none;
    color: white;
    text-decoration: none; }
  .language-switcher button {
    cursor: default; }
    .language-switcher button:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 5px 0 5px;
      border-color: #f3f1e7 transparent transparent transparent;
      position: absolute;
      top: 16px; }
  .language-switcher a[disabled] {
    opacity: 0.5;
    cursor: default; }
  .language-switcher button {
    text-align: center;
    padding: 12px 40px; }
  .language-switcher:not(:hover):not(.open) button {
    cursor: pointer; }
  .language-switcher:not(:hover):not(.open) ul {
    display: none; }

.mailchimp-form {
  margin: 0px auto;
  position: relative; }
  .mailchimp-form #mc-embedded-subscribe-form {
    margin: 3.75rem auto 0; }
    .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll > * {
        width: 100%; }
      @media screen and (min-width: 33em) {
        .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll div.mc-field-group:not(:nth-of-type(3)) {
          width: calc(50% - .5rem); } }
      .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .sign-up-optional {
        margin-top: 2rem;
        min-height: 0;
        max-height: 0;
        overflow: hidden;
        transition: min-height 0.4s ease-in-out; }
        .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .sign-up-optional .checkboxes {
          height: 0; }
        .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .sign-up-optional.show {
          animation: 0.6s ease-in fadein;
          min-height: 400px;
          max-height: none;
          overflow: visible; }
          .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .sign-up-optional.show .checkboxes {
            height: auto; }
          @media screen and (min-width: 48em) {
            .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .sign-up-optional.show {
              min-height: 310px; } }
      .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .checkboxes {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1rem;
        margin-top: 1rem; }
        .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .checkboxes .checkbox-book {
          display: flex;
          justify-content: center;
          align-items: center;
          padding-top: 1.5rem; }
          .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .checkboxes .checkbox-book .cover {
            max-width: 100px;
            margin-left: -1rem; }
          .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .checkboxes .checkbox-book div {
            width: auto; }
          .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .checkboxes .checkbox-book label > br {
            display: none; }
            @media screen and (min-width: 33em) {
              .mailchimp-form #mc-embedded-subscribe-form div#mc_embed_signup_scroll .checkboxes .checkbox-book label > br {
                display: inline; } }
    .mailchimp-form #mc-embedded-subscribe-form .mc-field-group label {
      display: block;
      margin-bottom: 0.5rem; }
    .mailchimp-form #mc-embedded-subscribe-form input[type="text"],
    .mailchimp-form #mc-embedded-subscribe-form input[type="email"] {
      box-sizing: border-box;
      width: 100%;
      padding: 0.5rem 1rem;
      margin: 0 0 0.5rem 0;
      background: #ffffff;
      border: 0.0625rem solid #d1d1d1;
      color: #1a1a19;
      border-radius: 0.25rem;
      font: normal 15px/24px "Roboto", sans-serif;
      text-overflow: ellipsis; }
    .mailchimp-form #mc-embedded-subscribe-form input[type="checkbox"]:focus {
      outline: 0.1875rem solid #3c6b94; }
    .mailchimp-form #mc-embedded-subscribe-form input.mce_inline_error,
    .mailchimp-form #mc-embedded-subscribe-form textarea.mce_inline_error {
      border-color: #cc202e;
      color: #1a1a19;
      background-color: #fde5e7; }
    .mailchimp-form #mc-embedded-subscribe-form div.mce_inline_error {
      background-color: transparent;
      color: #cc202e;
      font: 500 15px/24px;
      padding: 0;
      text-align: left; }
    .mailchimp-form #mc-embedded-subscribe-form .interest-warning {
      clear: both;
      display: block;
      margin-top: 0.5rem;
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.4s ease-in-out; }
      .mailchimp-form #mc-embedded-subscribe-form .interest-warning.visible {
        visibility: visible;
        opacity: 1; }
      .mailchimp-form #mc-embedded-subscribe-form .interest-warning p {
        background-color: transparent;
        color: #fd7681;
        font: 500 15px/24px;
        padding: 0;
        text-align: left; }
        @media screen and (min-width: 33em) {
          .mailchimp-form #mc-embedded-subscribe-form .interest-warning p {
            text-align: center; } }
  .mailchimp-form .success-message {
    text-align: center;
    color: inherit; }

/*************************************************** */
/* Animations */
/*************************************************** */
@keyframes fadein {
  0% {
    opacity: 0; }
  40% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
section.research-papers {
  background-color: #fbf9f4; }
  section.research-papers .heading h2 {
    margin: 0;
    font: 36px/1.22 "Century Gothic W01 Bold", sans-serif;
    letter-spacing: 2.37px;
    text-transform: uppercase;
    color: #2a2a2a;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto; }
    @media screen and (max-width: 20em) {
      section.research-papers .heading h2 {
        width: 280px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.research-papers .heading h2 {
        width: calc(85.65341vw + 5.90909px); } }
    @media screen and (min-width: 64em) {
      section.research-papers .heading h2 {
        width: 883px; } }
    section.research-papers .heading h2::before, section.research-papers .heading h2::after {
      content: "";
      display: inline-block;
      flex: 1 1 auto;
      height: 3px;
      background-color: #2a2a2a; }
    @media screen and (max-width: 20em) {
      section.research-papers .heading h2::before {
        margin-right: 17px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.research-papers .heading h2::before {
        margin-right: calc(3.26705vw + 6.54545px); } }
    @media screen and (min-width: 64em) {
      section.research-papers .heading h2::before {
        margin-right: 40px; } }
    @media screen and (max-width: 20em) {
      section.research-papers .heading h2::after {
        margin-left: 17px; } }
    @media screen and (min-width: 20em) and (max-width: 64em) {
      section.research-papers .heading h2::after {
        margin-left: calc(3.26705vw + 6.54545px); } }
    @media screen and (min-width: 64em) {
      section.research-papers .heading h2::after {
        margin-left: 40px; } }
    @media screen and (min-width: 33em) {
      section.research-papers .heading h2 br {
        display: none; } }
    @media screen and (max-width: 20em) {
      section.research-papers .heading h2::after {
        margin-left: 6px; } }
    @media screen and (min-width: 20em) and (max-width: 32.99375em) {
      section.research-papers .heading h2::after {
        margin-left: calc(2.405vw + -1.69601px); } }
    @media screen and (max-width: 48em) {
      section.research-papers .heading h2 {
        font-size: 25px; } }
    @media screen and (min-width: 48em) and (max-width: 64em) {
      section.research-papers .heading h2 {
        font-size: calc(4.29688vw + -8px); } }
    @media screen and (min-width: 64em) {
      section.research-papers .heading h2 {
        font-size: 36px; } }
    @media screen and (min-width: 20em) and (max-width: 48em) {
      section.research-papers .heading h2 {
        margin-bottom: calc(2.23214vw + 22.85714px); } }
    @media screen and (min-width: 48em) {
      section.research-papers .heading h2 {
        margin-bottom: 40px; } }
    section.research-papers .heading h2 span {
      max-width: 14rem; }
      @media screen and (min-width: 48em) {
        section.research-papers .heading h2 span {
          max-width: 22rem; } }
  section.research-papers .charts-link {
    text-align: center; }
    section.research-papers .charts-link a {
      color: #ee2d2b;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      font-weight: bold;
      margin-bottom: 70px; }
      @media screen and (max-width: 48em) {
        section.research-papers .charts-link a {
          margin-bottom: 35px; } }
      section.research-papers .charts-link a .icon {
        margin-left: 5px; }
      section.research-papers .charts-link a:hover, section.research-papers .charts-link a:focus {
        text-decoration: underline; }
        section.research-papers .charts-link a:hover .right, section.research-papers .charts-link a:focus .right {
          animation: bounceRight 0.5s infinite; }
  section.research-papers .research-paper-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
    @media screen and (max-width: 75em) {
      section.research-papers .research-paper-container {
        justify-content: center; } }
  section.research-papers .research-section {
    display: flex;
    flex-direction: row;
    padding: 24px; }
    @media screen and (max-width: 75em) {
      section.research-papers .research-section {
        max-width: 75%; } }
    @media screen and (max-width: 48em) {
      section.research-papers .research-section {
        flex-direction: column;
        text-align: center;
        max-width: 90%; }
        section.research-papers .research-section p {
          text-align: left; } }
    @media screen and (min-width: 75em) {
      section.research-papers .research-section {
        width: 50%; } }
    section.research-papers .research-section img {
      margin: 0 auto;
      display: block; }
      section.research-papers .research-section img.thumbnail {
        height: 240px; }
        @media screen and (max-width: 48em) {
          section.research-papers .research-section img.thumbnail {
            height: 200px; } }
      @media screen and (min-width: 48em) {
        section.research-papers .research-section img {
          height: auto; } }
    section.research-papers .research-section div {
      margin: 0.5em 0 0 0.5em; }
      section.research-papers .research-section div h2 {
        text-align: center;
        padding-top: 60px;
        margin-top: -60px;
        font-size: 24px;
        line-height: 28px; }
      section.research-papers .research-section div p {
        font-family: Roboto, sans-serif;
        font-size: 15px;
        line-height: 24px; }
      section.research-papers .research-section div > * {
        margin-bottom: 20px;
        color: #2a2a2a; }
      section.research-papers .research-section div a {
        margin: 0 auto;
        width: auto;
        display: inline-flex;
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        color: #e71313;
        text-decoration: none;
        line-height: 24px; }
        section.research-papers .research-section div a .icon {
          margin-left: 5px; }
        section.research-papers .research-section div a button {
          padding: 11px 36px; }
        @media screen and (max-width: 48em) {
          section.research-papers .research-section div a {
            text-align: center; } }
      @media screen and (min-width: 48em) {
        section.research-papers .research-section div h2 {
          text-align: left;
          text-transform: uppercase;
          letter-spacing: 1px; } }

.video {
  position: relative;
  padding-top: 56.25%; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }