* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

body {
  min-height: 1280px;
  font-weight: 300;
  color: #2a2a2a;
}

p,
h1,
h2,
h3,
h4,
a {
  margin: 0;
  font-weight: 300;
}

a,
a:visited,
a:hover {
  color: #f30;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

#intro {
  max-width: 40rem;
  margin: 1rem auto;
  text-align: center;
}

.intro__overline {
  font-size: 1.4rem;
}

.intro__hed {
  font-size: 1.4rem;
  margin: 1.5rem auto;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.intro__dek {
  font-size: 1.4rem;
}

/* demo */

#intro {
  margin-bottom: -30px;
}

#outro {
  height: 640px;
  margin-top: 400px;
}

/* scrollama */

#scroll {
  position: relative;
  -----border-top: 2px dashed #000;
  -----border-bottom: 2px dashed #000;
}

#graph {
  max-width: 960px;
  background-color: transparent;
  ----border: 1px solid #000;
}

.scroll__graphic p {
  text-align: center;
  padding: 1rem;
  ----position: absolute;
  ----top: 50%;
  ----left: 50%;
  -----moz-transform: translate(-50%, -50%);
  -----webkit-transform: translate(-50%, -50%);
  ----transform: translate(-50%, -50%);
  font-size: 1.2rem;
  font-weight: 900;
  color: #666;
  display: none;
}

.scroll__text {
  position: relative;
  padding: 0 1rem;
  max-width: 30rem;
  width: 33%;
}

.step {
  margin: 0 auto 2rem auto;
  border-top: 0.5px solid #666;
  width: 90vw;
  padding-bottom: 420px; /* 390px du graphic + marge… */
  border-left: 3px solid transparent;
  opacity: .5;
}

.step.current {
  margin: 0 auto 2rem auto;
  border-top: 0.5px solid #666;
  border-left: 3px solid yellow;
  width: 90vw;
  padding-bottom: 420px; /* 390px du graphic + marge… */
  opacity: 1;
}

.step:last-child {
  border-bottom: 1px solid #333;
}

.step.is-active {
  ----background-color: rgba(222, 240, 20, 0.2);
}

.step > * {
  padding: 1rem;
  font-size: 1.5rem;
  width: 100%;
}

p {
  background-color: rgba(255, 255, 255, 0.7);
  ---z-index: 9999;
  display: block;
}

#debug {
  position: fixed;
  top: 0px;
  right: 0px;
}

#map path.bg {
  fill: #444;
  stroke: #444;
  stroke-width: 2;
}

#map path {
  fill: #eee;
  stroke: #444;
  stroke-width: 0.4;
}

.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  vertical-align: top;
  overflow: hidden;
}
.svg-container svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

#popupclose {
  pointer-events: all;
  position: absolute;
  right: 2px;
  top: -4px;
  display: block;
  font-size: small;
  cursor: pointer;
}

#popup {
  pointer-events: none;
  position: absolute;
  bottom: 10px;
  width: 960px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px;
  border-left: solid 3px orange;
  max-height: 200px;
  overflow-y: scroll;
}

g#people {
  cursor: pointer;
  fill-opacity: 0.8;
  stroke: #111;
  stroke-width: 0.2;
  stroke-opacity: 0.5;
}
g#people .stroke {
  stroke-width: 2;
  stroke: orange;
  stroke-opacity: 1;
}
#popupdot * {
  pointer-events: none;
  stroke-width: 3px;
  stroke: orange;
  stroke-opacity: 1;
}
/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Basta-police
    created:    2018-04-26
    author:     Christophe ANDRIEU (http://www.stpo.fr)

    summary:    VARIABLES
                    main_colorz
                    default_font-size_(px)
                    typography
                IMPORTS
                UTILS
                GLOBAL_LAYOUT
                LINKS
                INTRO
                OUTRO
                CORE
                MEDIA_QUERIES
                    tablet
                    mobile
                    extra_mobile
                    wide_screens
                PRINT
----------------------------------------------------------------------------- */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

html, body, blockquote, ul, ol, form, input {
  margin: 0;
  padding: 0; }

p {
  margin: 0 0 1em; }

ul {
  list-style: none; }

img {
  display: block;
  border: none; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0; }

p:last-child, ul:last-child, ol:last-child, dl:last-child, blockquote:last-child, pre:last-child, table:last-child {
  margin-bottom: 0; }

li p, li ul {
  margin-top: 0;
  margin-bottom: 0; }

code, pre, samp {
  white-space: pre-wrap; }

code {
  line-height: 1em; }

table {
  margin-bottom: 1.5em; }

q:before, q:after {
  display: none; }

abbr {
  cursor: help;
  border-bottom: none;
  text-decoration: none; }
  a abbr, button abbr {
    cursor: pointer; }

button {
  width: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  background: none;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  font: inherit; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  button span {
    margin-top: -1px; } }

.msie6 button {
  width: 1%;
  overflow: visible; }

.msie7 button {
  overflow: visible; }

article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, section, video {
  display: block; }

abbr, eventsource, mark, meter, time, progress, output, bb {
  display: inline; }

html {
  -webkit-font-smoothing: antialiased; }

textarea {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

select {
  margin: 0; }
  @supports (-webkit-appearance: none) {
    select {
      background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
      background-position: 100% 50%;
      background-repeat: no-repeat;
      padding-right: 2em !important; } }

@supports (-webkit-appearance: none) {
  input, textarea, select {
    -webkit-appearance: none; } }

@supports (-webkit-border-radius: 0) {
  input, textarea, select {
    -webkit-border-radius: 0; } }

input[type="search"]::-webkit-search-cancel-button {
  display: none; }

input[type=number] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

main, aside {
  display: block; }

.f-l {
  float: left !important; }

.f-r {
  float: right !important; }

.txt-r {
  text-align: right !important; }

.txt-c {
  text-align: center !important; }

.pos-r {
  position: relative; }

.clearfix {
  display: block;
  zoom: 1; }
  .clearfix:after, .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

.table {
  display: table; }

.table-row {
  display: table-row; }

.table-cell {
  display: table-cell; }

.table, .table-row {
  width: 100%; }

.svg-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden; }

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  /* 1 */
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  /* 2 */
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
  /* 3 */ }

.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  overflow: visible !important;
  /*position: static !important; 1. */
  width: auto !important;
  white-space: normal !important; }

@font-face {
  font-family: 'oswald';
  src: url("../fonts/oswald-webfont.woff2") format("woff2"), url("../fonts/oswald-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'oswald';
  src: url("../fonts/oswald-bold-webfont.woff2") format("woff2"), url("../fonts/oswald-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'oswald';
  src: url("../fonts/oswald-light-webfont.woff2") format("woff2"), url("../fonts/oswald-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'tox_typewriter';
  src: url("../fonts/tox_typewriter-webfont.woff2") format("woff2"), url("../fonts/tox_typewriter-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "icons";
  src: url("../../static/fonts/icon-font.eot?ab37e7ddf14b148b98edd9a4100fe337");
  src: url("../../static/fonts/icon-font.eot?#iefix") format("embedded-opentype"), url("../../static/fonts/icon-font.woff?ab37e7ddf14b148b98edd9a4100fe337") format("woff"), url("../../static/fonts/icon-font.ttf?ab37e7ddf14b148b98edd9a4100fe337") format("truetype");
  font-weight: normal;
  font-style: normal; }

.icon {
  font-family: "icons";
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon_avatar:before {
  content: "\f101"; }

.icon_bac:before {
  content: "\f102"; }

.icon_badge:before {
  content: "\f103"; }

.icon_boy:before {
  content: "\f104"; }

.icon_bullets:before {
  content: "\f105"; }

.icon_calculator:before {
  content: "\f106"; }

.icon_calendar:before {
  content: "\f107"; }

.icon_car:before {
  content: "\f108"; }

.icon_close:before {
  content: "\f109"; }

.icon_couple:before {
  content: "\f10a"; }

.icon_elections:before {
  content: "\f10b"; }

.icon_empty-set-mathematical-symbol:before {
  content: "\f10c"; }

.icon_france:before {
  content: "\f10d"; }

.icon_grandmother:before {
  content: "\f10e"; }

.icon_gun-1:before {
  content: "\f10f"; }

.icon_gun-2:before {
  content: "\f110"; }

.icon_gun:before {
  content: "\f111"; }

.icon_handcuffs:before {
  content: "\f112"; }

.icon_id-card:before {
  content: "\f113"; }

.icon_major-part:before {
  content: "\f114"; }

.icon_minor-part:before {
  content: "\f115"; }

.icon_nightstick:before {
  content: "\f116"; }

.icon_no-arms-sign:before {
  content: "\f117"; }

.icon_no-weapons:before {
  content: "\f118"; }

.icon_old-and-young:before {
  content: "\f119"; }

.icon_photo:before {
  content: "\f11a"; }

.icon_pin:before {
  content: "\f11b"; }

.icon_police-car:before {
  content: "\f11c"; }

.icon_police-station:before {
  content: "\f11d"; }

.icon_running:before {
  content: "\f11e"; }

.icon_search:before {
  content: "\f11f"; }

.icon_security:before {
  content: "\f120"; }

.icon_siren:before {
  content: "\f121"; }

.icon_soldier:before {
  content: "\f122"; }

.icon_stun-gun:before {
  content: "\f123"; }

.icon_terrorist:before {
  content: "\f124"; }

.icon_war:before {
  content: "\f125"; }

.icon_weapon:before {
  content: "\f126"; }

.icon_weapons:before {
  content: "\f127"; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fade-in, #chapters .chapters__step.current .chapters__graph {
  opacity: 0;
  opacity: 1 \9;
  /*just in case ie*/
  -webkit-animation: fadeIn ease-in 400ms;
          animation: fadeIn ease-in 400ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fade-out {
  opacity: 1;
  opacity: 0 \9;
  /*just in case ie*/
  -webkit-animation: fadeOut ease-in 150ms;
          animation: fadeOut ease-in 150ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.show-hide .show-hide__off {
  display: block !important; }

.show-hide .show-hide__on {
  display: none !important; }

.show-hide.active .show-hide__off {
  display: none !important; }

.show-hide.active .show-hide__on {
  display: block !important; }

::-moz-selection {
  color: #fff;
  background-color: #f1553b; }

::-webkit-selection {
  color: #fff;
  background-color: #f1553b; }

::selection {
  color: #fff;
  background-color: #f1553b; }

html {
  font-size: .625em;
  font-size: calc(1em * .625); }
  html body {
    font-size: 160%; }

body {
  position: relative;
  max-width: 200rem;
  margin: 0 auto;
  height: 100%;
  background: #fff;
  text-align: left;
  color: #404040;
  font-family: "oswald", Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.35; }
  body::before {
    display: none;
    content: '';
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: greenyellow; }

.freezed {
  height: 100vh !important;
  overflow: hidden !important; }
  .freezed::after {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    -webkit-animation: fadeIn 400ms;
            animation: fadeIn 400ms; }

.content {
  width: 100%;
  max-width: 126rem;
  padding: 0 3rem;
  margin: 0 auto; }

p {
  background: none;
  font-size: 2rem; }

a {
  display: block;
  cursor: pointer;
  color: #ef4023;
  text-decoration: none;
  border: none; }
  a:hover, a:focus {
    text-decoration: underline;
    border: none; }
  a.alt {
    text-decoration: underline; }
    a.alt:hover, a.alt:focus {
      text-decoration: none; }
  a.ninja {
    color: #404040; }

#intro {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 90vh;
  max-width: 100%;
  background: #000 url(../../static/img/generic/bg_intro--large.jpg) no-repeat center bottom/cover;
  margin: 0;
  text-align: left; }
  #intro::before {
    content: '';
    position: absolute;
    top: 100%;
    width: 120%;
    height: 100vh;
    background: #f7f7f7;
    -webkit-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
    -webkit-transform-origin: top left;
            transform-origin: top left; }
  #intro .intro__header {
    padding: 1.5rem 0;
    background: #404040; }
    #intro .intro__header .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #cecece; }
      #intro .intro__header .content > span a {
        display: inline;
        opacity: 1;
        -webkit-transition: opacity 400ms ease-out;
                transition: opacity 400ms ease-out; }
        #intro .intro__header .content > span a img {
          position: relative;
          top: .25rem;
          display: inline-block;
          width: 7rem; }
        #intro .intro__header .content > span a:hover, #intro .intro__header .content > span a:focus {
          opacity: .75;
          -webkit-transition-duration: 150ms;
                  transition-duration: 150ms; }
      #intro .intro__header .content > span strong {
        margin-left: 1.75rem;
        text-transform: uppercase;
        font-size: 2rem;
        font-weight: normal;
        vertical-align: baseline;
        letter-spacing: .5em; }
        #intro .intro__header .content > span strong::before {
          content: '/';
          margin-right: 1rem;
          font-family: Georgia, Times, Times New Roman, serif;
          vertical-align: top; }
      #intro .intro__header .content > a {
        color: #cecece;
        font-size: 2rem; }
  #intro .intro__content .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #fff;
    text-shadow: #000 1px 0 10px; }
    #intro .intro__content .content div {
      width: 50%;
      margin-bottom: 10vh; }
      #intro .intro__content .content div .intro__hed {
        position: relative;
        text-transform: uppercase;
        line-height: 1.25; }
        #intro .intro__content .content div .intro__hed .icon {
          position: absolute;
          left: -25%;
          bottom: 60%;
          color: #524e4e;
          font-size: 25vh;
          text-shadow: none; }
        #intro .intro__content .content div .intro__hed > span {
          position: relative;
          font-size: 3.5rem; }
          #intro .intro__content .content div .intro__hed > span strong {
            display: block;
            color: #ef4023;
            font-size: 8rem; }
      #intro .intro__content .content div .intro__dek {
        font-family: "tox_typewriter", Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
        font-size: 2rem; }
        #intro .intro__content .content div .intro__dek span {
          display: block;
          font-size: 1.6rem; }
          #intro .intro__content .content div .intro__dek span::before {
            content: "--";
            display: block; }
      #intro .intro__content .content div .intro__txt {
        position: relative;
        padding: 3rem;
        background: #ef4023;
        text-shadow: none; }
        #intro .intro__content .content div .intro__txt .icon {
          position: absolute;
          right: -2.15rem;
          bottom: -1.5rem;
          color: #000;
          font-size: 15rem;
          text-shadow: none; }
        #intro .intro__content .content div .intro__txt span {
          position: relative; }

#outro {
  height: auto;
  margin-top: 0; }
  #outro .outro__header {
    overflow: hidden;
    position: relative;
    height: 50vh;
    background: #000 url(../../static/img/generic/bg_outro--large.jpg) no-repeat center/cover; }
    #outro .outro__header::before, #outro .outro__header::after {
      content: '';
      position: absolute;
      width: 120%;
      height: 100vh;
      -webkit-transform: rotate(-1.5deg);
              transform: rotate(-1.5deg); }
    #outro .outro__header::before {
      bottom: 100%;
      background: #f7f7f7;
      -webkit-transform-origin: bottom right;
              transform-origin: bottom right; }
    #outro .outro__header::after {
      top: 100%;
      background: #fff;
      -webkit-transform-origin: top left;
              transform-origin: top left; }
    #outro .outro__header .content {
      position: relative;
      height: 100%; }
      #outro .outro__header .content > div {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6rem; }
        #outro .outro__header .content > div::before, #outro .outro__header .content > div::after {
          content: "";
          display: block;
          width: 2px;
          height: 1rem;
          margin-top: 1rem;
          background: #dadada; }
        #outro .outro__header .content > div::before {
          opacity: .75; }
        #outro .outro__header .content > div::after {
          opacity: .5; }
  #outro .outro__title {
    margin-top: 3rem;
    color: #ef4023;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8rem; }
  #outro .outro__intro {
    font-size: 2.5rem; }
  #outro .outro__core {
    margin-bottom: 5rem;
    -webkit-columns: 4;
            columns: 4;
    -webkit-column-gap: 2.5rem;
            column-gap: 2.5rem; }
    #outro .outro__core p {
      margin-bottom: 1.35em; }
  #outro .outro__list {
    margin-top: -1rem; }
    #outro .outro__list::before {
      content: "--";
      display: block;
      margin: 1rem 0 1rem 10rem;
      font-family: "tox_typewriter", Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
      font-size: 2rem; }
    #outro .outro__list li {
      position: relative;
      margin: 0 3rem;
      padding: 0 7rem;
      border-left: 2px solid #dadada; }
      #outro .outro__list li::before {
        content: "";
        display: block;
        position: absolute;
        left: -1.1rem;
        top: 1.25rem;
        width: 2rem;
        height: 2rem;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        background: #dadada; }
      #outro .outro__list li::after {
        content: "--";
        display: block;
        padding: 1rem 0;
        font-family: "tox_typewriter", Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
        font-size: 2rem; }
      #outro .outro__list li:last-child {
        padding-bottom: 3rem; }
        #outro .outro__list li:last-child::after {
          display: none; }
      #outro .outro__list li .outro__mask {
        display: block;
        position: absolute;
        left: -3rem;
        top: 0;
        width: 6rem;
        height: 1.25rem;
        background: #fff; }
      #outro .outro__list li h3 {
        margin: 0 0 1rem;
        font-size: 3rem;
        font-weight: normal; }
        #outro .outro__list li h3 strong {
          color: #ef4023;
          font-weight: normal; }
  #outro .outro__list-deco {
    margin-left: 3rem;
    margin-bottom: 6rem; }
    #outro .outro__list-deco::before, #outro .outro__list-deco::after {
      content: "";
      display: block;
      width: 2px;
      height: 1rem;
      margin-top: 1rem;
      background: #dadada; }
    #outro .outro__list-deco::before {
      opacity: .75; }
    #outro .outro__list-deco::after {
      opacity: .5; }
  #outro .outro__text {
    position: relative;
    padding: 0 10rem 3rem 10rem;
    margin-bottom: 6rem;
    background: #dadada;
    color: #000; }
    #outro .outro__text::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 2.5rem;
      background: #fff; }
    #outro .outro__text h3 {
      position: relative;
      display: inline-block;
      margin: 0 0 1em -3rem;
      padding: .5rem 3rem;
      background: #ef4023;
      color: #fff;
      text-transform: uppercase;
      font-size: 3rem; }
    #outro .outro__text p {
      font-size: 2.5rem; }

#credits {
  overflow: hidden;
  background: #f0f0f0;
  margin-top: 15rem;
  padding: 5rem 0 10rem; }
  #credits .content {
    position: relative; }
    #credits .content .icon {
      position: absolute;
      right: 0;
      top: 0;
      color: #f7f7f7;
      font-size: 30rem;
      line-height: 1; }
    #credits .content a {
      display: inline; }
    #credits .content h3 {
      position: relative;
      margin: 0 0 0;
      text-transform: uppercase;
      font-size: 2rem; }
      #credits .content h3::after {
        content: "--";
        display: block;
        color: #404040;
        font-family: "tox_typewriter", Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
        font-size: 2rem; }
    #credits .content ul {
      margin-bottom: 3rem;
      font-family: "tox_typewriter", Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; }
      #credits .content ul li {
        margin-bottom: .5em; }
    #credits .content p, #credits .content ul {
      position: relative;
      font-size: 1.5rem; }

#chapters .chapters__step {
  overflow: hidden;
  position: relative; }
  #chapters .chapters__step:first-child .content::after {
    visibility: hidden; }
  #chapters .chapters__step:nth-child(2n) {
    background: #f0f0f0; }
    #chapters .chapters__step:nth-child(2n)::before {
      background: #f7f7f7; }
    #chapters .chapters__step:nth-child(2n) .content .chapters__core .chapters__text h1 {
      background: #f0f0f0; }
      #chapters .chapters__step:nth-child(2n) .content .chapters__core .chapters__text h1::before {
        background: #f0f0f0; }
  #chapters .chapters__step:nth-child(2n+1) {
    background: #f7f7f7; }
    #chapters .chapters__step:nth-child(2n+1)::before {
      background: #f0f0f0; }
    #chapters .chapters__step:nth-child(2n+1) .content .chapters__core .chapters__text h1 {
      background: #f7f7f7; }
      #chapters .chapters__step:nth-child(2n+1) .content .chapters__core .chapters__text h1::before {
        background: #f7f7f7; }
  #chapters .chapters__step::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 100vh;
    -webkit-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
    top: 100%;
    -webkit-transform-origin: top left;
            transform-origin: top left; }
  #chapters .chapters__step:last-child::before {
    display: none; }
  #chapters .chapters__step .content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 80vh; }
    #chapters .chapters__step .content::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 6rem;
      width: 2px;
      background: #dadada; }
    #chapters .chapters__step .content::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 6rem;
      top: 0;
      width: 2px;
      height: 1rem;
      margin-top: 1rem;
      background: #dadada;
      opacity: .75; }
    #chapters .chapters__step .content .chapters__core {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      margin-top: -5rem; }
      #chapters .chapters__step .content .chapters__core .chapters__text {
        width: 50%;
        padding-right: 3rem; }
        #chapters .chapters__step .content .chapters__core .chapters__text h1 {
          position: relative;
          background: yellow;
          padding-bottom: 3.5rem;
          text-transform: uppercase;
          font-size: 3rem;
          font-weight: normal; }
          #chapters .chapters__step .content .chapters__core .chapters__text h1::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 100%;
            height: 100vh;
            background: green; }
          #chapters .chapters__step .content .chapters__core .chapters__text h1 strong {
            display: block;
            color: #ef4023;
            font-size: 6rem;
            font-weight: bold; }
        #chapters .chapters__step .content .chapters__core .chapters__text h2 {
          height: 0;
          font-size: 0 !important;
          position: relative;
          margin-top: -1rem;
          padding: 4rem 0 0 10rem;
          color: #ef4023;
          text-transform: uppercase;
          font-size: 3rem; }
          #chapters .chapters__step .content .chapters__core .chapters__text h2::after {
            content: "--";
            display: block;
            display: none;
            color: #404040;
            font-family: "tox_typewriter", Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
            font-size: 2rem; }
          #chapters .chapters__step .content .chapters__core .chapters__text h2 .icon {
            position: absolute;
            left: 0;
            top: 0;
            color: #9a9a9a;
            font-size: 6rem; }
            #chapters .chapters__step .content .chapters__core .chapters__text h2 .icon::before {
              z-index: 1;
              position: relative;
              top: 2.5rem;
              left: 15%; }
            #chapters .chapters__step .content .chapters__core .chapters__text h2 .icon::after {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              display: block;
              width: 165%;
              height: 0;
              padding-bottom: 165%;
              background: #dadada;
              -webkit-transform: rotate(10deg);
                      transform: rotate(10deg);
              -webkit-transform-origin: top left;
                      transform-origin: top left; }
        #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit {
          padding-left: 10rem;
          line-height: 1.25; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit strong {
            display: block;
            color: #ef4023;
            font-weight: bold; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .chapters__edit-wide {
            font-size: 3rem; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .chapters__edit-wide strong {
              margin: .5rem 0;
              font-size: 4rem; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom {
            position: relative;
            z-index: 1;
            margin-top: 2.5rem;
            font-size: 1.8rem; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li {
              position: relative;
              margin-top: 1rem; }
              #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li:first-child {
                margin-top: 0; }
              #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button {
                position: relative;
                width: 100%;
                background: #fff;
                text-align: left;
                overflow: hidden;
                text-overflow: hidden; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button::after {
                  content: '';
                  position: absolute;
                  right: 0;
                  top: 0;
                  bottom: 0;
                  width: 2em;
                  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(75%, white));
                  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 75%);
                  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 75%);
                  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button .icon {
                  position: absolute;
                  left: .25rem;
                  top: 50%;
                  margin-top: -1.25rem;
                  color: #ef4023;
                  font-size: 2.5rem;
                  line-height: 1; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button strong {
                  display: inline-block;
                  padding: .5rem .5rem .5rem 3rem;
                  text-transform: uppercase;
                  background: #404040;
                  color: #fff; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button span {
                  padding: .5rem 1rem; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:hover, #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:focus {
                  text-decoration: none; }
                  #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:hover .icon, #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:focus .icon {
                    color: #fff; }
                  #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:hover strong, #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:focus strong {
                    background: #9a9a9a; }
                  #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:hover span, #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:focus span {
                    text-decoration: underline; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button.active .icon {
                  color: #fff; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button.active strong {
                  background: #ef4023; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button.active span {
                  color: #ef4023; }
              #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div {
                display: none;
                position: absolute;
                bottom: 100%;
                left: -1rem;
                right: -15rem;
                padding: 3rem;
                margin-bottom: .5rem;
                background: #fff;
                border: 2px solid #ef4023;
                -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
                        box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div.active {
                  display: block; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div::before {
                  content: '';
                  display: block;
                  position: absolute;
                  height: 0;
                  width: 0;
                  bottom: -6px;
                  border-top: 6px solid #ef4023;
                  border-left: 7.5px solid transparent;
                  border-right: 7.5px solid transparent;
                  margin-left: -.5rem; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div p {
                  font-size: 1.8rem; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div strong {
                  display: block;
                  margin-bottom: .5rem; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div button {
                  display: block;
                  position: absolute;
                  right: -1rem;
                  top: -1rem;
                  height: 2em;
                  width: 2em;
                  padding: .5rem;
                  background: #ef4023;
                  -webkit-border-radius: 50%;
                          border-radius: 50%;
                  color: #fff;
                  line-height: 1; }
                  #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div button:hover, #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div button:focus {
                    background: #404040; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--red {
            color: #ef4023; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--orange {
            color: #e79724; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--blue {
            color: #5f7bcc; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--yellow {
            color: #fff000; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--green {
            color: #7fcc5f; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--violet {
            color: #9f5fcc; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--turquoise {
            color: #3ae9d2; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--pink {
            color: #f600ff; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--slime {
            color: #1eff00; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .color--brown {
            color: #e5a0a0; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker {
            display: inline-block;
            width: .75em;
            height: .75em;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            border: 1px solid #9a9a9a;
            background: #dadada; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--red {
              background: #ef4023; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--orange {
              background: #e79724; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--blue {
              background: #5f7bcc; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--yellow {
              background: #fff000; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--green {
              background: #7fcc5f; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--violet {
              background: #9f5fcc; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--turquoise {
              background: #3ae9d2; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--pink {
              background: #f600ff; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--slime {
              background: #1eff00; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .sticker.sticker--brown {
              background: #e5a0a0; }
      #chapters .chapters__step .content .chapters__core .chapters__graph {
        height: 80%;
        max-height: 560px;
        background: #fff;
        border: 1px solid #dadada;
        position: absolute;
        left: 50%;
        width: 47.5vw;
        max-width: 95rem;
        text-align: center; }
        #chapters .chapters__step .content .chapters__core .chapters__graph .scroll__graphic #graph .svg-container svg {
          position: static;
          margin: 0 auto; }
        #chapters .chapters__step .content .chapters__core .chapters__graph .scroll__graphic #graph #popup {
          overflow: auto;
          left: 1rem;
          right: 1rem;
          bottom: 1rem;
          width: auto;
          border-left: none;
          border: 2px solid #ef4023;
          text-align: left; }

#scroll {
  display: none; }

.no-desktop {
  display: none !important; }

.tablet-only, .mobile-only, .wide-only {
  display: none !important; }

@media screen and (max-width: 81.25em) {
  body:before {
    background-color: orange; }
  .no-tablet {
    display: none !important; }
  .tablet-only, .no-desktop {
    display: block !important; }
    .tablet-only.inline, .no-desktop.inline {
      display: inline !important; }
    .tablet-only.inline-block, .no-desktop.inline-block {
      display: inline-block !important; }
    .tablet-only.table, .no-desktop.table {
      display: table !important; }
    .tablet-only.table-row, .no-desktop.table-row {
      display: table-row !important; }
    .tablet-only.table-cell, .no-desktop.table-cell {
      display: table-cell !important; }
  #intro .intro__content .content div {
    width: 66.6667%; }
    #intro .intro__content .content div .intro__hed .icon {
      left: -10%; }
    #intro .intro__content .content div .intro__hed > span {
      font-size: 2vw; }
    #intro .intro__content .content div .intro__hed > span strong {
      font-size: 5vw; }
    #intro .intro__content .content div .intro__dek {
      font-size: 1.5vw; }
    #intro .intro__content .content div .intro__dek span {
      font-size: 1.25vw; }
    #intro .intro__content .content div .intro__txt span {
      font-size: 1.5vw; }
  #outro .outro__title {
    font-size: 2.5vw; }
  #outro .outro__intro {
    font-size: 1.75vw; }
  #outro .outro__text {
    padding: 0 1.5rem 1.5rem; }
  #outro .outro__text h3 {
    font-size: 2vw; }
  #outro .outro__text p {
    font-size: 1.75vw; }
  #outro .outro__header .content > div {
    left: 4.5rem; }
  p {
    font-size: 1.35vw; }
  #chapters .chapters__step .content::before, #chapters .chapters__step .content::after {
    left: 4.5rem; }
  #chapters .chapters__step .content .chapters__core .chapters__text {
    width: 33.3333%; }
    #chapters .chapters__step .content .chapters__core .chapters__text h1 {
      font-size: 1.5vw; }
    #chapters .chapters__step .content .chapters__core .chapters__text h1 strong {
      font-size: 2.5vw; }
    #chapters .chapters__step .content .chapters__core .chapters__text h2 .icon {
      font-size: 2.5vw; }
      #chapters .chapters__step .content .chapters__core .chapters__text h2 .icon::before {
        top: 1vw; }
    #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit {
      padding-left: 5rem; }
      #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .chapters__edit-wide {
        font-size: 1.5vw; }
      #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .chapters__edit-wide strong {
        font-size: 2.15vw; }
      #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom {
        font-size: 1.35vw; }
      #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button span {
        padding: .5rem; }
      #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button strong {
        margin-left: -.25em;
        text-indent: -900em; }
      #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div {
        right: -35rem;
        padding: 1.5rem; }
      #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div p {
        font-size: 1.35vw; }
  #chapters .chapters__step .content .chapters__core .chapters__graph {
    width: 64vw;
    left: 33.3333%; } }

@media screen and (max-width: 59.375em) {
  body:before {
    background-color: orangered; }
  .no-mobile {
    display: none !important; }
  .mobile-only {
    display: block !important; }
    .mobile-only.inline {
      display: inline !important; }
    .mobile-only.inline-block {
      display: inline-block !important; }
    .mobile-only.table {
      display: table !important; }
    .mobile-only.table-row {
      display: table-row !important; }
    .mobile-only.table-cell {
      display: table-cell !important; }
  .content {
    padding: 0 1.5rem; }
  #intro .intro__header .content > span strong {
    letter-spacing: .05em; }
  #intro .intro__content .content div {
    width: 100%;
    padding-top: 15rem; }
    #intro .intro__content .content div .intro__hed .icon {
      left: -10%; }
    #intro .intro__content .content div .intro__hed > span {
      font-size: 4rem; }
    #intro .intro__content .content div .intro__hed > span strong {
      font-size: 7rem; }
    #intro .intro__content .content div .intro__dek {
      font-size: 2.5rem; }
    #intro .intro__content .content div .intro__dek span {
      font-size: 1.75rem; }
    #intro .intro__content .content div .intro__txt {
      padding: 2rem; }
    #intro .intro__content .content div .intro__txt .icon {
      display: none; }
    #intro .intro__content .content div .intro__txt span {
      font-size: 2rem; }
  #outro .outro__title {
    font-size: 4.5rem; }
  #outro .outro__intro {
    font-size: 2.25rem; }
  #outro .outro__core {
    -webkit-columns: 1;
            columns: 1; }
  #outro .outro__text {
    padding: 0 1.5rem 1.5rem; }
  #outro .outro__text h3 {
    font-size: 3rem; }
  #outro .outro__text p {
    font-size: 2.25rem; }
  #outro .outro__header .content > div {
    display: none; }
  p {
    font-size: 1.75rem; }
  #chapters .chapters__step .content {
    display: block;
    min-height: 0; }
    #chapters .chapters__step .content::before, #chapters .chapters__step .content::after {
      display: none; }
    #chapters .chapters__step .content .chapters__core {
      display: block;
      margin-top: 0;
      padding: 3rem 0; }
      #chapters .chapters__step .content .chapters__core .chapters__text {
        width: 100%;
        padding: 0; }
        #chapters .chapters__step .content .chapters__core .chapters__text h1 {
          font-size: 3.5rem; }
        #chapters .chapters__step .content .chapters__core .chapters__text h1 strong {
          font-size: 4.5rem; }
        #chapters .chapters__step .content .chapters__core .chapters__text h2 {
          padding-top: 1.5rem; }
        #chapters .chapters__step .content .chapters__core .chapters__text h2 .icon {
          font-size: 2.5rem; }
          #chapters .chapters__step .content .chapters__core .chapters__text h2 .icon::before {
            top: 1rem; }
        #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit {
          padding-left: 5rem; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .chapters__edit-wide {
            font-size: 2.5rem; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .chapters__edit-wide strong {
            font-size: 3.15rem; }
          #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom {
            margin-left: -5rem;
            font-size: 1.35rem; }
            #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li {
              position: relative; }
              #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button {
                position: absolute;
                top: .5rem;
                left: .5rem;
                width: auto;
                background: transparent; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button::after {
                  display: none; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button strong {
                  background: transparent; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button span {
                  display: none; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:hover, #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:focus {
                  color: #ef4023;
                  cursor: default; }
                  #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:hover .icon, #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:focus .icon {
                    color: #ef4023; }
                  #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:hover strong, #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > button:focus strong {
                    background: transparent; }
              #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div {
                position: static;
                display: block;
                padding: 1rem 0 1.5rem 5rem;
                border: none;
                background: none;
                -webkit-box-shadow: none;
                        box-shadow: none; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div::before {
                  display: none; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div button {
                  display: none; }
                #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div p {
                  font-size: 1.75rem; }
      #chapters .chapters__step .content .chapters__core .chapters__graph {
        position: relative;
        width: 100%;
        left: 0;
        height: 60vw;
        margin-top: 1.5rem; } }

@media screen and (max-width: 37.5em) {
  body:before {
    background-color: rebeccapurple; }
  .no-extra-mobile {
    display: none !important; }
  .extra-mobile-only {
    display: block !important; }
    .extra-mobile-only.inline {
      display: inline !important; }
    .extra-mobile-only.inline-block {
      display: inline-block !important; }
    .extra-mobile-only.table {
      display: table !important; }
    .extra-mobile-only.table-row {
      display: table-row !important; }
    .extra-mobile-only.table-cell {
      display: table-cell !important; }
  #intro .intro__content .content div .intro__hed > span {
    font-size: 2rem; }
  #intro .intro__content .content div .intro__hed > span strong {
    font-size: 5rem; }
  #intro .intro__content .content div .intro__dek {
    font-size: 1.5rem; }
  #intro .intro__content .content div .intro__dek span {
    font-size: 1.25rem; }
  #intro .intro__content .content div .intro__txt {
    padding: 1.5rem; }
  #intro .intro__content .content div .intro__txt span {
    font-size: 1.5rem; }
  #outro .outro__title {
    font-size: 2.5rem; }
  #outro .outro__intro {
    font-size: 1.75rem; }
  #outro .outro__text {
    padding: 0 1.5rem 1.5rem; }
  #outro .outro__text h3 {
    font-size: 2rem; }
  #outro .outro__text p {
    font-size: 1.75rem; }
  #credits .content p, #credits .content ul {
    font-size: 1.2rem; }
  p {
    font-size: 1.35rem; }
  #chapters .chapters__step .content .chapters__core .chapters__text h1 {
    font-size: 1.5rem; }
  #chapters .chapters__step .content .chapters__core .chapters__text h1 strong {
    font-size: 2.5rem; }
  #chapters .chapters__step .content .chapters__core .chapters__text h2 {
    padding-top: 1.5rem; }
  #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .chapters__edit-wide {
    font-size: 1.5rem; }
  #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .chapters__edit-wide strong {
    font-size: 2.15rem; }
  #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom {
    margin-left: -5rem;
    font-size: 1.35rem; }
    #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div {
      padding: 1rem 0 1.5rem 5rem; }
      #chapters .chapters__step .content .chapters__core .chapters__text .chapters__edit .list-zoom li > div p {
        font-size: 1.35rem; } }

@media screen and (min-width: 103.125em) {
  body:before {
    background-color: aqua; }
  .no-wide {
    display: none !important; }
  .wide-only {
    display: block !important; }
    .wide-only.inline {
      display: inline !important; }
    .wide-only.inline-block {
      display: inline-block !important; }
    .wide-only.table {
      display: table !important; }
    .wide-only.table-row {
      display: table-row !important; }
    .wide-only.table-cell {
      display: table-cell !important; }
  .content {
    max-width: 160rem; } }

.print-only {
  display: none; }

@media print {
  body, html {
    width: auto;
    height: auto;
    min-height: auto;
    margin: 0;
    background-color: #fff;
    color: #000;
    background-image: none;
    padding: 0;
    float: none;
    position: static; }
  a {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  a[href="#"], a[href="javascript:"] {
    content: ""; }
  body {
    padding: .5em; }
  .no-print {
    display: none; }
  .print-only {
    display: block; } }