/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: inherit;
  vertical-align: baseline;
  background: transparent;
  font-family: "adobe-garamond-pro", serif;
  color: inherit;
  line-height: inherit;
  -webkit-font-smoothing: antialiased; }

span {
  font-family: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

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

b, strong {
  font-weight: 400; }

sup {
  vertical-align: super;
  line-height: 0.9;
  font-family: inherit; }

sub {
  vertical-align: sub;
  line-height: 0.9; }

html {
  font-size: 15px;
  color: #000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

body {
  font-size: 15px; }

p {
  font-family: "adobe-garamond-pro", serif;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 1.66667rem; }
  @media all and (min-width: 34.375em) {
    p {
      font-size: 16px;
      margin-top: 2rem; } }
  p:first-of-type {
    margin-top: 0; }

.svg {
  fill: currentColor; }

@-webkit-keyframes card1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(12px, 12px);
            transform: translate(12px, 12px); }
  60% {
    -webkit-transform: translate(12px, 12px);
            transform: translate(12px, 12px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes card1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(12px, 12px);
            transform: translate(12px, 12px); }
  60% {
    -webkit-transform: translate(12px, 12px);
            transform: translate(12px, 12px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes card2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(-12px, -12px);
            transform: translate(-12px, -12px); }
  60% {
    -webkit-transform: translate(-12px, -12px);
            transform: translate(-12px, -12px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes card2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(-12px, -12px);
            transform: translate(-12px, -12px); }
  60% {
    -webkit-transform: translate(-12px, -12px);
            transform: translate(-12px, -12px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes card12 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  25% {
    -webkit-transform: translate3d(12px, 12px, 50px) rotateX(-90deg);
            transform: translate3d(12px, 12px, 50px) rotateX(-90deg); }
  40% {
    -webkit-transform: translate3d(12px, 12px, 0px) rotateX(0deg);
            transform: translate3d(12px, 12px, 0px) rotateX(0deg); }
  50% {
    -webkit-transform: translate3d(12px, 12px, 0) rotateX(0deg);
            transform: translate3d(12px, 12px, 0) rotateX(0deg); }
  60% {
    -webkit-transform: translate3d(12px, 12px, 0) rotateX(0deg);
            transform: translate3d(12px, 12px, 0) rotateX(0deg); }
  75% {
    -webkit-transform: translate3d(12px, 12px, 50px) rotateX(-90deg);
            transform: translate3d(12px, 12px, 50px) rotateX(-90deg); }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes card12 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  25% {
    -webkit-transform: translate3d(12px, 12px, 50px) rotateX(-90deg);
            transform: translate3d(12px, 12px, 50px) rotateX(-90deg); }
  40% {
    -webkit-transform: translate3d(12px, 12px, 0px) rotateX(0deg);
            transform: translate3d(12px, 12px, 0px) rotateX(0deg); }
  50% {
    -webkit-transform: translate3d(12px, 12px, 0) rotateX(0deg);
            transform: translate3d(12px, 12px, 0) rotateX(0deg); }
  60% {
    -webkit-transform: translate3d(12px, 12px, 0) rotateX(0deg);
            transform: translate3d(12px, 12px, 0) rotateX(0deg); }
  75% {
    -webkit-transform: translate3d(12px, 12px, 50px) rotateX(-90deg);
            transform: translate3d(12px, 12px, 50px) rotateX(-90deg); }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes card22 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  25% {
    -webkit-transform: translate3d(-12px, -12px, -50px) rotateX(-90deg);
            transform: translate3d(-12px, -12px, -50px) rotateX(-90deg); }
  40% {
    -webkit-transform: translate3d(-12px, -12px, 0) rotateX(0deg);
            transform: translate3d(-12px, -12px, 0) rotateX(0deg); }
  50% {
    -webkit-transform: translate3d(-12px, -12px, 0) rotateX(0deg);
            transform: translate3d(-12px, -12px, 0) rotateX(0deg); }
  60% {
    -webkit-transform: translate3d(-12px, -12px, 0) rotateX(0deg);
            transform: translate3d(-12px, -12px, 0) rotateX(0deg); }
  75% {
    -webkit-transform: translate3d(-12px, -12px, -50px) rotateX(-90deg);
            transform: translate3d(-12px, -12px, -50px) rotateX(-90deg); }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes card22 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  25% {
    -webkit-transform: translate3d(-12px, -12px, -50px) rotateX(-90deg);
            transform: translate3d(-12px, -12px, -50px) rotateX(-90deg); }
  40% {
    -webkit-transform: translate3d(-12px, -12px, 0) rotateX(0deg);
            transform: translate3d(-12px, -12px, 0) rotateX(0deg); }
  50% {
    -webkit-transform: translate3d(-12px, -12px, 0) rotateX(0deg);
            transform: translate3d(-12px, -12px, 0) rotateX(0deg); }
  60% {
    -webkit-transform: translate3d(-12px, -12px, 0) rotateX(0deg);
            transform: translate3d(-12px, -12px, 0) rotateX(0deg); }
  75% {
    -webkit-transform: translate3d(-12px, -12px, -50px) rotateX(-90deg);
            transform: translate3d(-12px, -12px, -50px) rotateX(-90deg); }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes card13 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  25% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  40% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  50% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); }
  60% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); }
  75% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  90% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); } }

@keyframes card13 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  25% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  40% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  50% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); }
  60% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); }
  75% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  90% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); } }

@-webkit-keyframes card23 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  25% {
    -webkit-transform: translate3d(-22px, -45px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(-22px, -45px, 0px) rotateX(20deg) rotateY(-20deg); }
  40% {
    -webkit-transform: translate3d(-22px, -45px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(-22px, -45px, 0px) rotateX(20deg) rotateY(-20deg); }
  50% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); }
  60% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); }
  75% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  90% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); } }

@keyframes card23 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  25% {
    -webkit-transform: translate3d(-22px, -45px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(-22px, -45px, 0px) rotateX(20deg) rotateY(-20deg); }
  40% {
    -webkit-transform: translate3d(-22px, -45px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(-22px, -45px, 0px) rotateX(20deg) rotateY(-20deg); }
  50% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); }
  60% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); }
  75% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  90% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg);
            transform: translate3d(0px, 0px, 0px) rotateX(20deg) rotateY(-20deg); }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0) rotateX(0deg);
            transform: translate3d(0px, 0px, 0) rotateX(0deg); } }

main {
  opacity: 0;
  transition: opacity .5s; }
  main.is_loaded {
    opacity: 1; }

body.is_fixed {
  overflow: hidden; }