@charset "UTF-8";
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
@import url("https://hello.myfonts.net/count/27c436");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'GT Sectra Bold';
  src: url("/fonts/GT-Sectra-Bold_.eot") format("eot"), url("/fonts/GT-Sectra-Bold.woff") format("woff"), url("/fonts/GT-Sectra-Bold.ttf") format("truetype"); }

/* @license
 * MyFonts Webfont Build ID 2606134, 2013-07-20T06:38:19-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfont(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Neuzeit S Book by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neuzeit-s/neuzeits-book/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1990, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and may no
 *
 * Webfont: Neuzeit S Book Heavy by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neuzeit-s/neuzeits-bookheavy/
 * Copyright: Copyright (c) 1990, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software may not be reproduced, used, displayed, modified, disclosed or transferred without the express written approval of Linotype Library GmbH. Neuzeit is a tra
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2606134
 *
 * © 2013 MyFonts Inc
*/
@font-face {
  font-family: 'NeuzeitSLT-Book';
  src: url("/fonts/27C436_0_0.eot");
  src: url("/fonts/27C436_0_0_.eot#iefix") format("embedded-opentype"), url("/fonts/27C436_0_0.woff") format("woff"), url("/fonts/27C436_0_0.ttf") format("truetype"), url("/fonts/27C436_0_0.svg#wf") format("svg"); }

@font-face {
  font-family: 'NeuzeitSLT-BookHeavy';
  src: url("/fonts/27C436_1_0.eot");
  src: url("/fonts/27C436_1_0_.eot#iefix") format("embedded-opentype"), url("/fonts/27C436_1_0.woff") format("woff"), url("/fonts/27C436_1_0.ttf") format("truetype"), url("/fonts/27C436_1_0.svg#wf") format("svg"); }

body {
  font-family: 'NeuzeitSLT-Book', Helvetica, Arial, sans-serif;
  font-size: 16px; }

body, html {
  height: 100%; }

a {
  color: #000;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

.site-wrap {
  margin: 0;
  padding: 0 40px;
  padding-bottom: 80px;
  position: relative; }
  @media (max-width: 420px) {
    .site-wrap {
      padding: 0 20px; } }

.header-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 50px;
  position: relative; }

.headline {
  font-size: 80px;
  font-family: "GT Sectra Bold", Georgia, serif; }

.paragraph {
  font-size: 22px;
  max-width: 650px;
  line-height: 1.4; }
  @media (max-width: 420px) {
    .paragraph {
      font-size: 16px; } }

.artist {
  font-family: "NeuzeitSLT-BookHeavy", Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 3px;
  padding-left: 60px; }

.content-wrap {
  width: 100%;
  max-width: 860px;
  margin: 40px auto; }

.video {
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 40px;
  position: relative; }

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

.btns {
  margin: 40px 0; }
  .btns:after {
    content: "";
    display: block;
    clear: both; }

.btns--link {
  display: block;
  float: left;
  border: 2px solid black;
  padding: 0 25px;
  font-family: "NeuzeitSLT-BookHeavy", Helvetica, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  margin-left: -2px;
  margin-bottom: 4px;
  overflow: hidden; }
  .btns--link:first-child {
    left: 0; }
  .btns--link:hover {
    color: #fff;
    background-color: #000; }

.nav-main {
  position: absolute;
  top: 30px;
  right: 0px; }
  @media (max-width: 420px) {
    .nav-main {
      right: auto;
      left: 10px;
      top: 15px; } }

.nav-main-list {
  list-style-type: none;
  padding: 0; }
  .nav-main-list li {
    font-family: 'NeuzeitSLT-BookHeavy';
    display: inline-block;
    margin-left: 20px;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .1em; }
    @media (max-width: 420px) {
      .nav-main-list li {
        margin-left: 0;
        margin-right: 15px; } }

.nav-main-link {
  padding: 5px 0;
  position: relative;
  box-sizing: border-box; }
  .nav-main-link:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: 3px;
    left: 50%;
    pointer-events: none;
    transition: 0.2s width cubic-bezier(0.755, 0.05, 0.855, 0.06), 0.2s left cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  .nav-main-link:hover:after, .nav-main-link:focus:after, .nav-main-link.is-active:after {
    left: 0;
    width: 100%;
    transition: 0.4s width cubic-bezier(0.23, 1, 0.32, 1), 0.4s left cubic-bezier(0.23, 1, 0.32, 1); }

.mobile-alert {
  display: none; }

body.mobile .mobile-alert {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 99;
  color: #fff;
  text-align: center;
  padding: 30% 10%;
  box-sizing: border-box; }
  body.mobile .mobile-alert .alert__text {
    font-size: 20px;
    line-height: 1.4;
    display: block;
    margin-bottom: 20px; }
  body.mobile .mobile-alert .alert__link {
    color: #fff;
    font-size: 11px;
    line-height: 33px;
    height: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "NeuzeitSLT-BookHeavy", Helvetica, Arial, sans-serif;
    border: 1px solid white;
    padding: 0 25px;
    display: inline-block; }

/*# sourceMappingURL=xol.css.map */