@charset "UTF-8";

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(1.25rem)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@font-face {
    font-family: Display;
    src: url(../fonts/display.eot);
    src: url(../fonts/display.eot?#iefix) format("embedded-opentype"), url(../fonts/display.woff2) format("woff2"), url(../fonts/display.woff) format("woff"), url(../fonts/display.svg#Display) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: Demi;
    src: url(../fonts/demi.eot) format("eot"), url(../fonts/demi.otf) format("opentype"), url(../fonts/demi.woff) format("woff"), url(../fonts/demi.ttf) format("truetype"), url(../fonts/demi.svg#Demi) format("svg");
    font-weight: 400
}

@font-face {
    font-family: Regular;
    src: url(../fonts/regular.eot) format("eot"), url(../fonts/regular.otf) format("opentype"), url(../fonts/regular.woff) format("woff"), url(../fonts/regular.ttf) format("truetype"), url(../fonts/regular.svg#Regular) format("svg");
    font-weight: 400
}

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

.icon,
.studio__audio:after,
.work-details__close:after {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: icons
}

.icon-close:before {
    content: "\e900"
}

.icon-volume:before {
    content: "\ea28"
}

.icon-mute:before {
    content: "\ea2a"
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    border: 0 none;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

button {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border: 0;
    padding: 0;
    text-transform: none;
    background: 0 0;
    cursor: pointer;
    vertical-align: top;
    -webkit-appearance: none;
    appearance: none
}

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

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

abbr {
    text-decoration: none
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

textarea {
    resize: vertical
}

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

img {
    border: 0;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

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

body,
html {
    height: 100%
}

html {
    font-size: 100%;
    line-height: 1.5;
    min-height: 100%;
    position: relative
}

body {
    -webkit-font-smoothing: antialiased !important;
    background-color: #fff;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: Display;
    font-smooth: always;
    height: 100%;
    margin: 0 auto;
    min-width: 20rem;
    overflow-x: hidden;
    position: relative;
    text-rendering: optimizeLegibility !important
}

.dev {
    background: #fff;
    border: 1px solid #000;
    bottom: 20px;
    color: #000;
    font-size: .75rem;
    font-weight: 700;
    left: 20px;
    line-height: .75rem;
    opacity: .5;
    padding: .625rem;
    position: fixed;
    z-index: 999
}

@media (min-width:120em) {
    .dev:before {
        content: "> 1920"
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .dev:before {
        content: "large_desktop"
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .dev:before {
        content: "medium_desktop"
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .dev:before {
        content: "desktop"
    }
}

@media (min-width:64.0625em) and (max-width:75em) {
    .dev:before {
        content: "small_desktop"
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .dev:before {
        content: "pad"
    }
}

@media (max-width:48em) {
    .dev:before {
        content: "mobile"
    }
}

input[type=email],
input[type=number],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    border: none;
    font-family: Demi;
    padding: .625rem .9375rem;
    transition: 150ms ease-in;
    width: 100%
}

input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    outline: 0 !important;
    box-shadow: 0 0 .625rem #999
}

input[type=checkbox] {
    border: none
}

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

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

a,
button,
input,
select,
span,
textarea {
    -webkit-tap-highlight-color: transparent
}

button {
    outline: 0 none
}

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

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

em {
    font-style: italic
}

b,
strong {
    font-weight: 700
}

::selection {
    background: #000;
    color: #fff
}

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

@keyframes danceHeight1 {
    from {
        height: .0625rem
    }

    to {
        height: 1.375rem
    }
}

@keyframes danceHeight2 {
    from {
        height: .0625rem
    }

    to {
        height: .9375rem
    }
}

@keyframes danceHeight3 {
    from {
        height: .0625rem
    }

    to {
        height: 1.875rem
    }
}

@keyframes danceHeight4 {
    from {
        height: .0625rem
    }

    to {
        height: 1.25rem
    }
}

@keyframes danceHeight5 {
    from {
        height: .0625rem
    }

    to {
        height: .9375rem
    }
}

@keyframes danceHeight6 {
    from {
        height: .0625rem
    }

    to {
        height: .9375rem
    }
}

@media (min-width:64.0625em) and (max-width:75em) {

    .biography,
    .contact,
    .home__wrap,
    .page-padding,
    .press,
    .studio__wrap,
    .work,
    .work-details,
    .wrap {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {

    .biography,
    .contact,
    .home__wrap,
    .page-padding,
    .press,
    .studio__wrap,
    .work,
    .work-details,
    .wrap {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {

    .biography,
    .contact,
    .home__wrap,
    .page-padding,
    .press,
    .studio__wrap,
    .work,
    .work-details,
    .wrap {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {

    .biography,
    .contact,
    .home__wrap,
    .page-padding,
    .press,
    .studio__wrap,
    .work,
    .work-details,
    .wrap {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width:120em) {

    .biography,
    .contact,
    .home__wrap,
    .page-padding,
    .press,
    .studio__wrap,
    .work,
    .work-details,
    .wrap {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (max-width:48em) {

    .biography,
    .contact,
    .home__wrap,
    .page-padding,
    .press,
    .studio__wrap,
    .work,
    .work-details,
    .wrap {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%
    }
}

@media (min-width:48.0625em) and (max-width:64em) {

    .biography,
    .contact,
    .home__wrap,
    .page-padding,
    .press,
    .studio__wrap,
    .work,
    .work-details,
    .wrap {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%
    }
}

.content {
    position: relative;
    margin-top: 3.8125rem
}

.header {
    z-index: 50;
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 3.8125rem;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

@media (min-width:64.0625em) and (max-width:75em) {
    .header {
        padding: 0 2.5rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .header {
        padding: 0 2.5rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .header {
        padding: 0 2.5rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .header {
        padding: 0 2.5rem
    }
}

@media (min-width:120em) {
    .header {
        padding: 0 2.5rem
    }
}

@media (max-width:48em) {
    .header {
        padding: 0 1.25rem
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .header {
        padding: 0 1.25rem
    }
}

.header__logo {
    display: block;
    font-family: Demi;
    letter-spacing: .125rem;
    text-align: center;
    text-transform: uppercase;
    padding-top: .125rem
}

@media (min-width:64.0625em) and (max-width:75em) {
    .header__logo {
        display: none
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .header__logo {
        display: none
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .header__logo {
        display: none
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .header__logo {
        display: none
    }
}

@media (min-width:120em) {
    .header__logo {
        display: none
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .header__logo {
        font-size: 1.1875rem;
        line-height: 1.1052631579
    }
}

@media (max-width:48em) {
    .header__logo {
        font-size: 1.20rem;
        line-height: 1.125;
        padding-right: 3.125rem
    }
}

.header__content {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.header nav {
    font-family: Demi
}

@media (max-width:48em) {
    .header nav {
        display: none
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .header nav {
        display: none
    }
}

.header nav ul {
    display: flex;
    text-transform: uppercase
}

.header nav ul li {
    font-size: .875rem;
    line-height: 1.5
}

@media (min-width:90.0625em) and (max-width:105em) {
    .header nav ul li:not(:last-child) {
        margin-right: 2.1875rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .header nav ul li:not(:last-child) {
        margin-right: 2.1875rem
    }
}

@media (min-width:120em) {
    .header nav ul li:not(:last-child) {
        margin-right: 2.1875rem
    }
}

@media (min-width:64.0625em) and (max-width:75em) {
    .header nav ul li:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .header nav ul li:not(:last-child) {
        margin-right: 1.25rem
    }
}

.header nav ul li:nth-child(3) {
    font-size: 1.1875rem;
    line-height: 1.1052631579
}

.header nav ul li:nth-child(3) a:active:after,
.header nav ul li:nth-child(3) a:focus:after,
.header nav ul li:nth-child(3) a:hover:after {
    opacity: 0
}

.header nav ul li.active a:after {
    opacity: 1
}

.header nav ul li a {
    color: #000;
    letter-spacing: .125rem;
    padding: .3125rem 0;
    position: relative
}

.header nav ul li a:after {
    border-top: .0625rem solid #000;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    padding-bottom: .125rem;
    position: absolute;
    transition: opacity .3s ease-out;
    width: 100%
}

.header nav ul li a:active:after,
.header nav ul li a:focus:after,
.header nav ul li a:hover:after {
    opacity: 1
}

.mobile-navigation {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    bottom: 0;
    display: grid;
    left: -100%;
    min-width: 20rem;
    overflow-x: scroll;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transition: left ease-in-out .2s;
    width: 100%;
    will-change: left;
    z-index: 500
}

.mobile-navigation--is-visible {
    left: 0
}

.mobile-navigation__close {
    z-index: 20;
    cursor: pointer;
    height: 1.875rem;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    width: 1.875rem
}

.mobile-navigation__close:before {
    font-size: 2rem;
    line-height: 1;
    color: #000;
    content: "✕";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mobile-navigation__list {
    z-index: 15;
    font-family: Demi;
    align-self: center;
    justify-self: end;
    margin-right: 6.25rem;
    position: relative;
    width: 65%
}

.mobile-navigation__item:not(:last-child) {
    margin-bottom: 1.75rem
}

.mobile-navigation__link {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #000;
    display: block;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .125rem
}

.mobile-navigation__trigger {
    z-index: 51;
    cursor: pointer;
    height: 1.875rem;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.875rem
}

.mobile-navigation__trigger span {
    display: block;
    height: .1875rem;
    background-color: #000
}

.mobile-navigation__trigger span:nth-child(2) {
    margin: .3125rem 0
}

.home__wrap,
.studio__wrap,
.wrap {
    margin: 0 auto;
    position: relative
}

@media (min-width:120em) {

    .home__wrap,
    .studio__wrap,
    .wrap {
        width: 120.0625rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {

    .home__wrap,
    .studio__wrap,
    .wrap {
        width: 105.0625rem

    }
}

@media (min-width:90.0625em) and (max-width:105em) {

    .home__wrap,
    .studio__wrap,
    .wrap {
        width: 90.0625rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {

    .home__wrap,
    .studio__wrap,
    .wrap {
		width: 75.0625rem;
	}
}

@media (min-width:64.0625em) and (max-width:75em) {

    .home__wrap,
    .studio__wrap,
    .wrap {
        width: 64.0625rem
    }
}

@media (max-width:48em) {

    .home__wrap,
    .studio__wrap,
    .wrap {
        width: 100%
    }
}

@media (min-width:48.0625em) and (max-width:64em) {

    .home__wrap,
    .studio__wrap,
    .wrap {
        width: 100%
    }
}

.contact__wrap {
    background-color: #f1f1f1
}

@media (min-width:64.0625em) and (max-width:75em) {
    .contact__wrap {
        display: flex
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .contact__wrap {
        display: flex
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .contact__wrap {
        display: flex
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .contact__wrap {
        display: flex
    }
}

@media (min-width:120em) {
    .contact__wrap {
        display: flex
    }
}

.contact__content {
    padding: 4%
}

@media (min-width:64.0625em) and (max-width:75em) {
    .contact__content {
        width: 33.3334%
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .contact__content {
        width: 33.3334%
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .contact__content {
        width: 33.3334%
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .contact__content {
        width: 33.3334%
    }
}

@media (min-width:120em) {
    .contact__content {
        width: 33.3334%;
		height: 90vh;
    }
}

.contact__headline {
    font-size: .9375rem;
    line-height: 1.6;
    font-family: Demi;
    letter-spacing: .125rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem
}

.contact__links:not(:last-child) {
    margin-bottom: 2.5rem
}

.contact__link {
    border-bottom: .0625rem solid #ccc;
    padding-bottom: .9375rem
}

.contact__link:not(:last-child) {
    margin-bottom: 1.25rem
}

.contact__link a {
    transition: border-color .2s linear;
    letter-spacing: .03125rem;
    border-bottom: .0625rem solid transparent
}

.contact__link a:active,
.contact__link a:focus,
.contact__link a:hover {
    border-color: #000;
    text-decoration: none
}

.contact__link a strong {
    font-size: .8125rem;
    line-height: 1.8461538462;
    text-transform: uppercase;
    letter-spacing: .125rem;
    font-weight: 400;
    font-family: Demi
}

@media (min-width:64.0625em) and (max-width:75em) {
    .contact__image {
        width: 66.66%;
        background-color: #000;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .contact__image {
        width: 66.66%;
        background-color: #000;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .contact__image {
        width: 66.66%;
        background-color: #000;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .contact__image {
        width: 66.66%;
        background-color: #000;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem
    }
}

@media (min-width:120em) {
    .contact__image {
        width: 66.66%;
        background-color: #000;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem
    }
}

.form {
    margin-top: 2.5rem
}

.form__row:not(:last-child) {
    margin-bottom: .625rem
}

.form__row span {
    display: block;
    width: 100%
}

.form__bottom {
    margin-top: 1.25rem;
    align-items: center
}

.form__bottom div span>span>span>label {
    display: flex;
    align-items: flex-start
}

@media (min-width:64.0625em) and (max-width:75em) {
    .form__bottom div span>span>span>label {
        font-size: 1.5rem;
        line-height: 1.25;
        letter-spacing: .0375rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .form__bottom div span>span>span>label {
        font-size: 1.5rem;
        line-height: 1.25;
        letter-spacing: .0375rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .form__bottom div span>span>span>label {
        font-size: 1.5rem;
        line-height: 1.25;
        letter-spacing: .0375rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .form__bottom div span>span>span>label {
        font-size: 1.5rem;
        line-height: 1.25;
        letter-spacing: .0375rem
    }
}

@media (min-width:120em) {
    .form__bottom div span>span>span>label {
        font-size: 1.5rem;
        line-height: 1.25;
        letter-spacing: .0375rem
    }
}

@media (max-width:48em) {
    .form__bottom div span>span>span>label {
        font-size: 1.125rem;
        line-height: 1.3333333333;
        letter-spacing: .028125rem
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .form__bottom div span>span>span>label {
        font-size: 1.125rem;
        line-height: 1.3333333333;
        letter-spacing: .028125rem
    }
}

.form__bottom div span>span>span>label a {
    color: #fff
}

.form__bottom div input {
    width: auto !important
}

@media (min-width:64.0625em) and (max-width:75em) {
    .form__bottom div input {
        margin-top: .5625rem;
        margin-right: .625rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .form__bottom div input {
        margin-top: .5625rem;
        margin-right: .625rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .form__bottom div input {
        margin-top: .5625rem;
        margin-right: .625rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .form__bottom div input {
        margin-top: .5625rem;
        margin-right: .625rem
    }
}

@media (min-width:120em) {
    .form__bottom div input {
        margin-top: .5625rem;
        margin-right: .625rem
    }
}

@media (max-width:48em) {
    .form__bottom div input {
        margin-top: .3125rem;
        margin-right: .3125rem
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .form__bottom div input {
        margin-top: .3125rem;
        margin-right: .3125rem
    }
}

@media (max-width:48em) {
    .form__bottom p {
        display: block;
        margin-top: .625rem;
        width: 100%
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .form__bottom p {
        display: block;
        margin-top: .625rem;
        width: 100%
    }
}

.biography__wrap {
    background-color: #f1f1f1
}

@media (min-width:64.0625em) and (max-width:75em) {
    .biography__wrap {
        display: flex
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .biography__wrap {
        display: flex
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .biography__wrap {
        display: flex
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .biography__wrap {
        display: flex
    }
}

@media (min-width:120em) {
    .biography__wrap {
        display: flex
    }
}

.biography__content {
    letter-spacing: .5px
}

.biography__content p+p {
    margin-top: 1.25rem
}

@media (min-width:64.0625em) and (max-width:75em) {
    .biography__content {
        width: 33.3334%;
        padding: 2.5rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .biography__content {
        width: 33.3334%;
        padding: 2.5rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .biography__content {
        width: 33.3334%;
        padding: 2.5rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .biography__content {
        width: 33.3334%;
        padding: 2.5rem
    }
}

@media (min-width:120em) {
    .biography__content {
        width: 33.3334%;
        padding: 2.5rem
    }
}

@media (max-width:48em) {
    .biography__content {
        padding: 1.25rem
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .biography__content {
        padding: 1.25rem
    }
}

@media (min-width:64.0625em) and (max-width:75em) {
    .biography__images {
        width: 66.66%;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem;
		padding: 4% 0% 4% 4%;
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .biography__images {
        width: 66.66%;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem;
		padding: 4% 0% 4% 4%;
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .biography__images {
        width: 66.66%;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem;
		padding: 4% 0% 4% 4%;
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .biography__images {
        width: 66.66%;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem;
		padding: 4% 0% 4% 4%;
    }
}

@media (min-width:120em) {
    .biography__images {
        width: 66.66%;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem;
		padding: 4% 0% 4% 4%;
    }
}

.biography__images img {
    width: 100%
}

.biography__slider {
    position: relative
}

.biography__slider img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .5s ease-in;
    opacity: 0
}

.biography__slider img.is-active {
    position: relative;
    opacity: 1
}

.button {
    background-color: #999;
    border-radius: .3125rem;
    border: .125rem solid #999;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Demi;
    margin-top: 1.25rem;
    padding: .625rem 1.25rem;
    text-align: center;
    text-transform: uppercase;
    transition: color 150ms ease-in, background-color 150ms ease-in, border-radius 150ms ease-in
}

@media (min-width:64.0625em) and (max-width:75em) {
    .button {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .button {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .button {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .button {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

@media (min-width:120em) {
    .button {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

@media (max-width:48em) {
    .button {
        font-size: 1rem;
        line-height: 1.5;
        width: 100%
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .button {
        font-size: 1rem;
        line-height: 1.5;
        width: 100%
    }
}

.button:active,
.button:focus,
.button:hover {
    color: #999;
    background-color: #fff;
    border-radius: 0
}

.home {
    margin-top: 100vh
}

.home__content {
    background-color: #f1f1f1;
    padding: 4%;
	margin-left: -80px;
	margin-bottom: 100px;
}

@media (max-width: 48em) {
	
	.home__content {
		margin-left: 0px;
	}

	
}

@media (min-width:64.0625em) and (max-width:75em) {
    .home__content {
        width: 33.3334%
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .home__content {
        width: 33.3334%
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .home__content {
        width: 33.3334%
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .home__content {
        width: 33.3334%
    }
}

@media (min-width:120em) {
    .home__content {
        width: 33.3334%
    }
}

.home__content p+p {
    margin-top: 1.25rem
}

.press__wrap {
    background-color: #f1f1f1
}

@media (min-width:64.0625em) and (max-width:75em) {
    .press__wrap {
        display: flex
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .press__wrap {
        display: flex
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .press__wrap {
        display: flex
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .press__wrap {
        display: flex
    }
}

@media (min-width:120em) {
    .press__wrap {
        display: flex
    }
}

.press__content {
    padding: 4%
}

@media (min-width:64.0625em) and (max-width:75em) {
    .press__content {
        width: 33.3334%
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .press__content {
        width: 33.3334%
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .press__content {
        width: 33.3334%
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .press__content {
        width: 33.3334%
    }
}

@media (min-width:120em) {
    .press__content {
        width: 33.3334%
    }
}

.press__headline {
    font-size: .9375rem;
    line-height: 1.6;
    font-family: Demi;
    letter-spacing: .125rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem
}

.press__links:not(:last-child) {
    margin-bottom: 2.5rem
}

.press__link {
    border-bottom: .0625rem solid #ccc;
    padding-bottom: .9375rem
}

.press__link:not(:last-child) {
    margin-bottom: 1.25rem
}

.press__link a {
    transition: border-color .2s linear;
    letter-spacing: .03125rem;
    border-bottom: .0625rem solid transparent
}

.press__link a:active,
.press__link a:focus,
.press__link a:hover {
    border-color: #000;
    text-decoration: none
}

.press__link a strong {
    font-size: .8125rem;
    line-height: 1.8461538462;
    text-transform: uppercase;
    letter-spacing: .125rem;
    font-weight: 400;
    font-family: Demi
}


.press__video video {
    width: 100%;
    height: 100%
}

@media (min-width:64.0625em) and (max-width:75em) {
    .press__video {
        width: 66.66%;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .press__video {
        width: 66.66%;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem;
		padding: 4% 0% 4% 4%;
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .press__video {
        width: 66.66%;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem;
		padding: 4% 0% 4% 4%;
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .press__video {
        width: 66.66%;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem;
		padding: 4% 0% 4% 4%;
    }
}

@media (min-width:120em) {
    .press__video {
        width: 66.66%;
		height: auto;
        position: fixed;
        right: 0;
        margin-right: 2.5625rem;
		padding: 4% 0% 4% 4%;
    }
}




@media (min-width:64.0625em) and (max-width:75em) {
    .studio {
        left: 50%;
        position: fixed !important;
        top: 3.8125rem;
        transform: translateX(-50%)
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio {
        left: 50%;
        position: fixed !important;
        top: 3.8125rem;
        transform: translateX(-50%)
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio {
        left: 50%;
        position: fixed !important;
        top: 3.8125rem;
        transform: translateX(-50%)
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio {
        left: 50%;
        position: fixed !important;
        top: 3.8125rem;
        transform: translateX(-50%)
    }
}

@media (min-width:120em) {
    .studio {
        left: 50%;
        position: fixed !important;
        top: 3.8125rem;
        transform: translateX(-50%)
    }
}

@media (max-width:48em) {
    .studio {
        display: none !important;
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .studio {
        display: none !important;
    }
}

@media (max-width:48em) {
    .studio__mobile {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: fixed !important;
        top: 3.8125rem;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .studio__mobile {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: fixed !important;
        top: 3.8125rem;
        left: 0;
        right: 0;
        bottom: 0
    }
}


@media (min-width:64.0625em) and (max-width:75em) {
    .studio__mobile {
        display: none;
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__mobile {
        display: none;
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__mobile {
        display: none;
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__mobile {
        display: none;
    }
}

@media (min-width:120em) {
    .studio__mobile {
        display: none;
    }
}

@media only screen and (max-height: 768px) and (orientation: landscape) {
    .studio {
        left: 50%;
        position: fixed !important;
        top: 0;
        transform: translateX(-50%);
		width:100%;
		display: block;
    }
	
	.studio__mobile {
		display: none;
    }

}


@media (min-width:64.0625em) and (max-width:75em) {
    .studio__wrap {
        padding-bottom: 56.25%
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__wrap {
        padding-bottom: 56.25%
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__wrap {
        padding-bottom: 56.25%
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__wrap {
        padding-bottom: 56.25%
    }
}

@media (min-width:120em) {
    .studio__wrap {
        padding-bottom: 56.25%
    }
}

.studio video {
    height: 100%;
    width: 100%
}

.studio__audio {
    position: absolute;
}

@media (max-width:48em) {
    .studio__audio {
        display: none
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .studio__audio {
        display: none
    }
}

.studio__audio:after {
	background-size: 50%;
	font-size: 18px;
    line-height: 1;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    color: #fff;
    content: url("https://marcstreitenfeld.fantomas-staging.de/wp-content/uploads/speaker-high-thin-svgrepo-com_32px.svg"); /*ho 240322*/
    display: flex;
    justify-content: center;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 40%;
    transform: translate(-50%, -50%) scale(1); /*ho 260114*/
	transition: all .75s ease-in-out; /*ho 240322*/
	width: 40px;
	height: 40px;
}

.studio__audio.is-played:after {
    content: url("https://marcstreitenfeld.fantomas-staging.de/wp-content/uploads/speaker-x-thin-svgrepo-com_32px.svg"); /*ho 240322*/
    opacity: 1;
}

.studio__audio:hover:after {
    opacity: 1;	
    transform: translate(-50%, -50%) scale(1.25); /*ho 260114*/
}

@media (min-width:120em) {
    .studio__audio--1 {
        height: 7.625rem;
        left: 14.375rem;
        top: 45.9375rem;
        width: 13.25rem
    }
}
@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--1 {
        height: 7.8125rem;
        left: 12.1875rem;
        top: 45.9375rem;
        width: 15.625rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--1 {
        height: 6.5625rem;
        left: 12.5rem;
        top: 39.6875rem;
        width: 11.25rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--1 {
        height: 5.625rem;
        left: 10.9375rem;
        top: 32.4375rem;
        width: 9.25rem
    }
}

@media (min-width:120em) {
    .studio__audio--2 {
        height: 9.0625rem;
        left: 31.25rem;
        top: 36.875rem;
        width: 4.6875rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--2 {
        height: 9.0625rem;
        left: 31.25rem;
        top: 36.875rem;
        width: 4.6875rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--2 {
        height: 7.5rem;
        left: 26.75rem;
        top: 32.1875rem;
        width: 4.6875rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--2 {
        height: 6.1875rem;
        left: 22.1875rem;
        top: 27.5rem;
        width: 4.6875rem
    }
}

@media (min-width:120em) {
    .studio__audio--3 {
        height: 5.875rem;
        left: 64.1875rem;
        top: 49.6875rem;
        width: 8.4375rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--3 {
        height: 5.875rem;
        left: 64.1875rem;
        top: 49.6875rem;
        width: 8.4375rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--3 {
        height: 5rem;
        left: 54.875rem;
        top: 43rem;
        width: 7.1875rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--3 {
        height: 4.6875rem;
        left: 45.625rem;
        top: 35.9375rem;
        width: 6.0625rem
    }
}

@media (min-width:120em) {
    .studio__audio--4 {
        height: 7.0625rem;
        left: 36.4375rem;
        top: 36.3125rem;
        width: 8.375rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--4 {
        height: 7.0625rem;
        left: 36.4375rem;
        top: 36.3125rem;
        width: 8.375rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--4 {
        height: 6.125rem;
        left: 31.3125rem;
        top: 31.5625rem;
        width: 7.3125rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--4 {
        height: 4.9375rem;
        left: 26.3125rem;
        top: 27rem;
        width: 5.9375rem
    }
}

@media (min-width:120em) {
    .studio__audio--5 {
        height: 17.4375rem;
        left: 2.5rem;
        top: 33.0625rem;
        width: 10.9375rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--5 {
        height: 17.4375rem;
        left: 2.5rem;
        top: 33.0625rem;
        width: 10.9375rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--5 {
        height: 14.875rem;
        left: 2.5rem;
        top: 28.0625rem;
        width: 9.25rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--5 {
        height: 12.3125rem;
        left: 2.5rem;
        top: 23.0625rem;
        width: 7.5625rem
    }
}

@media (min-width:120em) {
    .studio__audio--6 {
        height: 11.5rem;
        left: 80.8125rem;
        top: 34.75rem;
        width: 7rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--6 {
        height: 11.5rem;
        left: 80.8125rem;
        top: 34.75rem;
        width: 7rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--6 {
        height: 9.8125rem;
        left: 68.5625rem;
        top: 31.3125rem;
        width: 6.6875rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--6 {
        height: 8.25rem;
        left: 56.1875rem;
        top: 25.6875rem;
        width: 6.6875rem
    }
}

@media (min-width:120em) {
    .studio__audio--7 {
        height: 8.25rem;
        left: 48.1875rem;
        top: 41rem;
        width: 7.625rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--7 {
        height: 8.25rem;
        left: 48.1875rem;
        top: 41rem;
        width: 7.625rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--7 {
        height: 6.9375rem;
        left: 41.3125rem;
        top: 35.6875rem;
        width: 6.3125rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--7 {
        height: 5.75rem;
        left: 34.5rem;
        top: 30.1875rem;
        width: 5.375rem
    }
}

@media (min-width:120em) {
    .studio__audio--8 {
        height: 4.6875rem;
        left: 74.5625rem;
        top: 51.375rem;
        width: 8rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--8 {
        height: 4.6875rem;
        left: 74.5625rem;
        top: 51.375rem;
        width: 8rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--8 {
        height: 4.6875rem;
        left: 63.6875rem;
        top: 44.0625rem;
        width: 6.9375rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--8 {
        height: 4.6875rem;
        left: 52.8125rem;
        top: 36.4375rem;
        width: 5.8125rem
    }
}

@media (min-width:120em) {
    .studio__audio--9 {
        height: 4.6875rem;
        left: 50.75rem;
        top: 52.375rem;
        width: 13.625rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--9 {
        height: 4.6875rem;
        left: 50.75rem;
        top: 52.375rem;
        width: 13.625rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--9 {
        height: 4.6875rem;
        left: 43.4375rem;
        top: 44.625rem;
        width: 11.625rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--9 {
        height: 4.6875rem;
        left: 36.1875rem;
        top: 36.25rem;
        width: 9.625rem
    }
}

@media (min-width:120em) {
    .studio__audio--10 {
        height: 14.875rem;
        left: 93.5rem;
        top: 0;
        width: 8.875rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--10 {
        height: 14.875rem;
        left: 93.5rem;
        top: 0;
        width: 8.875rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--10 {
        height: 12.625rem;
        left: 79.5625rem;
        top: 0;
        width: 8.6875rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--10 {
        height: 10.4375rem;
        left: 65.75rem;
        top: 0;
        width: 8.6875rem
    }
}

@media (min-width:120em) {
    .studio__audio--11 {
        height: 11.5625rem;
        left: 15.3125rem;
        top: 28rem;
        width: 7.375rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--11 {
        height: 11.5625rem;
        left: 15.3125rem;
        top: 28rem;
        width: 7.375rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--11 {
        height: 10rem;
        left: 13.625rem;
        top: 23.6875rem;
        width: 5.875rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--11 {
        height: 8.125rem;
        left: 11.5625rem;
        top: 19.625rem;
        width: 5rem
    }
}

@media (min-width:120em) {
    .studio__audio--12 {
        height: 19rem;
        left: 92.5625rem;
        top: 36.5625rem;
        width: 8.1875rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .studio__audio--12 {
        height: 19rem;
        left: 92.5625rem;
        top: 36.5625rem;
        width: 8.1875rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .studio__audio--12 {
        height: 16.25rem;
        left: 78.25rem;
        top: 31.6875rem;
        width: 7.5rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .studio__audio--12 {
        height: 13.5rem;
        left: 64.1875rem;
        top: 26.875rem;
        width: 6.6875rem
    }
}

.work-details__close {
    font-size: .875rem;
    line-height: 1;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #000;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: fixed;
    transition: background-color .2s linear, color .2s linear;
    width: 2.5rem
}

@media (min-width:64.0625em) and (max-width:75em) {
    .work-details__close {
        right: 5rem;
        top: 6.25rem
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .work-details__close {
        right: 5rem;
        top: 6.25rem
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .work-details__close {
        right: 5rem;
        top: 6.25rem
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .work-details__close {
        right: 5rem;
        top: 6.25rem
    }
}

@media (min-width:120em) {
    .work-details__close {
        right: 5rem;
        top: 6.25rem
    }
}

@media (max-width:48em) {
    .work-details__close {
        right: 2.5rem;
        top: 5rem
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .work-details__close {
        right: 2.5rem;
        top: 5rem
    }
}

.work-details__close:after {
    content: "\e900"
}

.work-details__close:active,
.work-details__close:focus,
.work-details__close:hover {
    background-color: #000;
    color: #fff
}

.work-details__main {
    position: relative
}

@media (min-width:64.0625em) and (max-width:75em) {
    .work-details__wrap {
        display: flex
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .work-details__wrap {
        display: flex
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .work-details__wrap {
        display: flex
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .work-details__wrap {
        display: flex
    }
}

@media (min-width:120em) {
    .work-details__wrap {
        display: flex
    }
}

.work-details__content {
    background-color: #f1f1f1;
    padding: 4%
}

@media (min-width:64.0625em) and (max-width:75em) {
    .work-details__content {
        width: 50%
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .work-details__content {
        width: 50%
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .work-details__content {
        width: 50%
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .work-details__content {
        width: 50%
    }
}

@media (min-width:120em) {
    .work-details__content {
        width: 50%
    }
}

@media (min-width:64.0625em) and (max-width:75em) {
    .work-details__image {
        width: 50%
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .work-details__image {
        width: 50%
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .work-details__image {
        width: 50%
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .work-details__image {
        width: 50%
    }
}

@media (min-width:120em) {
    .work-details__image {
        width: 50%
    }
}

.work-details__image img {
    width: 100%
}

.work-details__title {
    font-size: 1.1875rem;
    line-height: 1.4210526316;
    font-family: Demi;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    margin-bottom: .1875rem
}

.work-details__meta {
    font-size: .8125rem;
    line-height: 1.8461538462;
    color: #999;
    font-family: Demi;
    margin-bottom: 1.25rem;
    text-transform: uppercase
}

.work-details__selectedExcerpts {
    font-size: .8125rem;
    line-height: 1.8461538462;
    color: #999;
    font-family: Demi;
    text-transform: uppercase
}

.work-details__year {
    position: relative;
    padding-right: .625rem;
    margin-right: .3125rem;
    display: inline-block
}

.work-details__year:after {
    position: absolute;
    right: 0;
    top: -.0625rem;
    content: " |"
}

.work-details__description {
    margin-bottom: 1.25rem;
    letter-spacing: .5px
}

.work-details__player .wp-playlist {
    border: none !important
}

.work-details__player .wp-playlist-item-titlem .work-details__player .wp-playlist-caption {
    font-family: Regular, sans-serif;
    font-size: 13px !important;
    line-height: 2 !important
}

.work-details__player .wp-playlist-light {
    background-color: transparent !important
}

.work-details__player .wp-playlist-current-item {
    height: auto !important;
    font-size: 24px !important;
    font-weight: 700
}

.work-details__player .wp-playlist-current-item img {
    display: none
}

.work {
    display: flex;
    flex-wrap: wrap
}

.work__item {
    position: relative
}

@media (min-width:64.0625em) and (max-width:75em) {
    .work__item {
        width: calc(25% - 0rem) !important
    }
}

@media (min-width:64.0625em) and (max-width:75em) and (-ms-high-contrast:none),
(min-width:64.0625em) and (max-width:75em) and (-ms-high-contrast:active) {
    .work__item {
        width: calc(25% - 0rem)
    }
}

@media (min-width:64.0625em) and (max-width:75em) {
    @supports (-ms-ime-align:auto) {
        .work__item {
            width: calc(25% - 0rem)
        }
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    .work__item {
        width: calc(25% - 0rem) !important
    }
}

@media (min-width:75.0625em) and (max-width:90em) and (-ms-high-contrast:none),
(min-width:75.0625em) and (max-width:90em) and (-ms-high-contrast:active) {
    .work__item {
        width: calc(25% - 0rem)
    }
}

@media (min-width:75.0625em) and (max-width:90em) {
    @supports (-ms-ime-align:auto) {
        .work__item {
            width: calc(25% - 0rem)
        }
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    .work__item {
        width: calc(25% - 0rem) !important
    }
}

@media (min-width:90.0625em) and (max-width:105em) and (-ms-high-contrast:none),
(min-width:90.0625em) and (max-width:105em) and (-ms-high-contrast:active) {
    .work__item {
        width: calc(25% - 0rem)
    }
}

@media (min-width:90.0625em) and (max-width:105em) {
    @supports (-ms-ime-align:auto) {
        .work__item {
            width: calc(25% - 0rem)
        }
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    .work__item {
        width: calc(25% - 0rem) !important
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) and (-ms-high-contrast:none),
(min-width:105.0625em) and (max-width:119.9375em) and (-ms-high-contrast:active) {
    .work__item {
        width: calc(25% - 0rem)
    }
}

@media (min-width:105.0625em) and (max-width:119.9375em) {
    @supports (-ms-ime-align:auto) {
        .work__item {
            width: calc(25% - 0rem)
        }
    }
}

@media (min-width:120em) {
    .work__item {
        width: calc(25% - 0rem) !important
    }
}

@media (min-width:120em) and (-ms-high-contrast:none),
(min-width:120em) and (-ms-high-contrast:active) {
    .work__item {
        width: calc(25% - 0rem)
    }
}

@media (min-width:120em) {
    @supports (-ms-ime-align:auto) {
        .work__item {
            width: calc(25% - 0rem)
        }
    }
}

@media (max-width:48em) {
    .work__item {
        width: calc(50% - 0rem) !important
    }
}

@media (max-width:48em) and (-ms-high-contrast:none),
(max-width:48em) and (-ms-high-contrast:active) {
    .work__item {
        width: calc(50% - 0rem)
    }
}

@media (max-width:48em) {
    @supports (-ms-ime-align:auto) {
        .work__item {
            width: calc(50% - 0rem)
        }
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    .work__item {
        width: calc(50% - 0rem) !important
    }
}

@media (min-width:48.0625em) and (max-width:64em) and (-ms-high-contrast:none),
(min-width:48.0625em) and (max-width:64em) and (-ms-high-contrast:active) {
    .work__item {
        width: calc(50% - 0rem)
    }
}

@media (min-width:48.0625em) and (max-width:64em) {
    @supports (-ms-ime-align:auto) {
        .work__item {
            width: calc(50% - 0rem)
        }
    }
}

.work__item:active .work__overlay,
.work__item:focus .work__overlay,
.work__item:hover .work__overlay {
    opacity: 1
}

.work__item:active .work__overlay .work__text,
.work__item:focus .work__overlay .work__text,
.work__item:hover .work__overlay .work__text {
    transform: translateY(-50%)
}

.work__overlay {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .25s ease-in-out
}

.work__text {
    font-family: Demi;
    left: 0;
    letter-spacing: .125rem;
    padding: 0 1.25rem;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-30%);
    transition: transform .25s ease-out;
    width: 100%
}

.work__title {
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    display: block
}

.work__view {
    font-size: .75rem;
    line-height: 1.25;
    border-bottom: .0625rem solid #999;
    margin-top: .3125rem;
    color: #ccc;
    display: inline-block
}

.work__bars {
    bottom: 1.875rem;
    height: 1.875rem;
    left: 50%;
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%);
    width: 3rem
}

.work__bar {
    animation-direction: alternate;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-timing-function: linear;
    background-color: rgba(255, 255, 255, .5);
    bottom: 0;
    display: inline-table;
    height: .0625rem;
    position: absolute;
    width: .3875rem
}

.work__bar--1 {
    left: 0;
    animation-name: danceHeight1;
    animation-delay: 0s
}

.work__bar--2 {
    left: .5rem;
    animation-name: danceHeight2;
    animation-delay: .3s
}

.work__bar--3 {
    left: 1rem;
    animation-name: danceHeight3;
    animation-delay: .6s
}

.work__bar--4 {
    left: 1.5rem;
    animation-name: danceHeight4;
    animation-delay: .9s
}

.work__bar--5 {
    left: 2rem;
    animation-name: danceHeight5;
    animation-delay: 1.2s
}

.work__bar--6 {
    left: 2.5rem;
    animation-name: danceHeight6;
    animation-delay: 1.5s
}

@media (max-width:768px) {
		.work__bars {
			bottom: 1.875rem;
			height: 1.875rem;
			left: 50%;
			overflow: hidden;
			position: absolute;
			transform: translateX(-50%);
			width: 2.5rem;

		}

		.work__bar {
			animation-direction: alternate;
			animation-duration: .5s;
			animation-iteration-count: infinite;
			animation-play-state: running;
			animation-timing-function: linear;
			background-color: rgba(255, 255, 255, .5);
			bottom: 0;
			display: inline-table;
			height: .0625rem;
			position: absolute;
			width: .1875rem
		}

		.work__bar--1 {
			left: 0;
			animation-name: danceHeight1;
			animation-delay: 0s
		}

		.work__bar--2 {
			left: .375rem;
			animation-name: danceHeight2;
			animation-delay: .3s
		}

		.work__bar--3 {
			left: .75rem;
			animation-name: danceHeight3;
			animation-delay: .6s
		}

		.work__bar--4 {
			left: 1.125rem;
			animation-name: danceHeight4;
			animation-delay: .9s
		}

		.work__bar--5 {
			left: 1.5rem;
			animation-name: danceHeight5;
			animation-delay: 1.2s
		}

		.work__bar--6 {
			left: 1.875rem;
			animation-name: danceHeight6;
			animation-delay: 1.5s
		}
	}