@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=a51f8f0f-682b-4f75-b1be-b5e34e1e8e42);
@font-face {
  font-family: "Metro Nova";
  font-weight: 100;
  src: url("/static/fonts/metro-nova/Fonts/a1228df2-5d8b-4a34-809e-08219f941169.eot?#iefix");
  src: url("/static/fonts/metro-nova/Fonts/a1228df2-5d8b-4a34-809e-08219f941169.eot?#iefix") format("eot"), url("/static/fonts/metro-nova/Fonts/663aa05c-9750-48e6-8f11-eaa581da0e96.woff2") format("woff2"), url("/static/fonts/metro-nova/Fonts/deff9a37-cf08-4f76-9691-611e3c7ee698.woff") format("woff"), url("/static/fonts/metro-nova/Fonts/12c73bb4-900d-47c8-a4c2-cda2737e0100.ttf") format("truetype"); }

@font-face {
  font-family: "Metro Nova";
  font-weight: 200;
  src: url("/static/fonts/metro-nova/Fonts/7f7b00f0-b518-4bd6-8d88-9d5c29c2e928.eot?#iefix");
  src: url("/static/fonts/metro-nova/Fonts/7f7b00f0-b518-4bd6-8d88-9d5c29c2e928.eot?#iefix") format("eot"), url("/static/fonts/metro-nova/Fonts/cb95722b-c43c-4d13-82de-96551794176e.woff2") format("woff2"), url("/static/fonts/metro-nova/Fonts/4dc3217d-f0fd-4c69-8e25-780e1dce8708.woff") format("woff"), url("/static/fonts/metro-nova/Fonts/0c0aab4a-7bca-46a2-8894-812f213985d6.ttf") format("truetype"); }

@font-face {
  font-family: "Metro Nova";
  font-weight: 400;
  src: url("/static/fonts/metro-nova/Fonts/7e9a3250-4692-416e-a87e-5686979cdf94.eot?#iefix");
  src: url("/static/fonts/metro-nova/Fonts/7e9a3250-4692-416e-a87e-5686979cdf94.eot?#iefix") format("eot"), url("/static/fonts/metro-nova/Fonts/90eecb9f-f7d0-4d66-b706-dcb81fac868a.woff2") format("woff2"), url("/static/fonts/metro-nova/Fonts/42b33c87-5018-4ce5-9e1e-566624c6c7a3.woff") format("woff"), url("/static/fonts/metro-nova/Fonts/918d138d-66ad-438a-bb70-d629132e5671.ttf") format("truetype"); }

@font-face {
  font-family: "Metro Nova";
  font-weight: 500;
  src: url("/static/fonts/metro-nova/Fonts/33ee1704-b295-468c-81a6-02646f99bed9.eot?#iefix");
  src: url("/static/fonts/metro-nova/Fonts/33ee1704-b295-468c-81a6-02646f99bed9.eot?#iefix") format("eot"), url("/static/fonts/metro-nova/Fonts/94057282-34a6-4f38-94bd-db002e978e4e.woff2") format("woff2"), url("/static/fonts/metro-nova/Fonts/e7083349-3afd-4233-a3d3-ac7c6cc44058.woff") format("woff"), url("/static/fonts/metro-nova/Fonts/d9a4f79a-69ef-4e69-a3ea-d406152fa577.ttf") format("truetype"); }

@font-face {
  font-family: "Metro Nova";
  font-weight: 700;
  src: url("/static/fonts/metro-nova/Fonts/3924b73c-5b33-4cfa-9fda-1ab4e767199f.eot?#iefix");
  src: url("/static/fonts/metro-nova/Fonts/3924b73c-5b33-4cfa-9fda-1ab4e767199f.eot?#iefix") format("eot"), url("/static/fonts/metro-nova/Fonts/5b424433-17f6-4b14-adfa-e878498425b8.woff2") format("woff2"), url("/static/fonts/metro-nova/Fonts/1348d77c-269d-45be-9e15-e75b8b583b59.woff") format("woff"), url("/static/fonts/metro-nova/Fonts/14b4f662-88ee-4db3-b82b-59a0a04ed245.ttf") format("truetype"); }

/* Extra small screen / phone */
/* Small screen / tablet */
/* Medium screen / desktop */
/* Large screen / wide desktop */
*,
*:before,
*:after {
  box-sizing: inherit; }

html {
  box-sizing: border-box; }
  html.fade--content body:before {
    visibility: visible;
    z-index: 400; }
  html.fade--content body main,
  html.fade--content body footer {
    opacity: 0.1; }
  html.transition--hide__content body {
    opacity: 0; }

body {
  font-family: "Metro Nova", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.75em;
  color: #424242; }
  body:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9999;
    visibility: hidden;
    transform: translate3d(0, 0, 0); }

a {
  color: #424242; }

p {
  margin: 0 0 1rem 0;
  font-size: 1em; }

small {
  font-size: 0.6rem;
  line-height: 2.25em;
  display: block;
  font-weight: 400; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

ol {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 1rem; }

button {
  border: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  cursor: pointer;
  background: none;
  outline: none; }

figure {
  margin: 0;
  padding: 0; }

main {
  display: block;
  position: relative;
  padding-top: calc(75px + 50px);
  transition: opacity 0.5s ease;
  margin: 0 0 3rem 0; }

blockquote {
  margin: 5rem 0;
  font-size: 0.9rem;
  line-height: 2.5em;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 500;
  border: solid #ed008c;
  border-width: 0 1px 0 0;
  padding: 0 0 0 2rem;
  display: flex;
  flex-wrap: wrap;
  text-align: right; }
  blockquote p {
    flex: 0 0 100%;
    margin: 0 2rem 2rem auto;
    max-width: 600px; }

hr {
  margin: 0;
  padding: 0;
  display: block;
  border: solid #bdbdbd;
  border-width: 2px 0 0 0; }

.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translate3d(0, 0, 0); }

.bg-bow-image {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translate3d(0, 0, 0); }

.bg-bow-image-container {
  margin: auto;
  height: 90%; }

.bow-image {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 90%;
  margin-bottom: 1rem; }

.feed-item-list .news-feed-logo {
  max-height: 4rem;
  width: auto;
  display: block; }

.wrap--narrow, .wrap--reg, .wrap--wide {
  width: 90%;
  margin: 0 auto;
  position: relative; }
  .wrap--narrow img, .wrap--reg img, .wrap--wide img {
    max-width: 100%;
    display: block;
    margin: 0 0 3rem 0; }

.wrap--narrow {
  max-width: 800px; }

.wrap--reg {
  max-width: 1200px; }

.wrap--wide {
  max-width: 1400px; }

.social-share {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1em;
  font-size: 0.6rem; }
  .social-share:hover nav {
    z-index: 1000;
    opacity: 1; }
  .social-share i,
  .social-share span {
    vertical-align: middle; }
  .social-share i {
    color: #bdbdbd;
    font-size: 0.9rem;
    line-height: 1em;
    margin: 0 10px 0 0;
    display: none; }
  .social-share span {
    color: #ed008c;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 0.6rem;
    line-height: 1em; }
  .social-share nav {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    display: flex;
    padding: 0.5rem;
    box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.05);
    z-index: -9999;
    opacity: 0;
    transition: all 0.5s ease;
    transform: translate3d(0, 0, 0);
    justify-content: flex-end; }
    .social-share nav .SocialMediaShareButton {
      margin: 0 0 0 5px;
      -webkit-filter: grayscale(100%);
      transition: all 0.5s ease;
      transform: translate3d(0, 0, 0);
      cursor: pointer;
      opacity: 0.5; }
      .social-share nav .SocialMediaShareButton:hover {
        -webkit-filter: grayscale(0);
        opacity: 1; }
      .social-share nav .SocialMediaShareButton:first-child {
        margin-left: 0; }
      .social-share nav .SocialMediaShareButton > div {
        width: 30px !important;
        height: 30px !important; }
    .social-share nav svg {
      width: 100%;
      height: 100%; }

[data-reveal="hidden"] {
  opacity: 0;
  transform: translate3d(0, 50px, 0); }

[data-reveal="show"] {
  transition: opacity 0.5s ease, transform 0.5s ease; }

[data-display-opaque="true"] {
  opacity: 0; }

.masthead {
  margin: 0 0 3rem 0; }
  @media only screen and (min-width: 768px) {
    .masthead {
      margin-bottom: 5rem; } }
  .masthead__title {
    margin: 0;
    line-height: 1.2em; }
  .masthead__subtitle {
    margin: 1rem 0 0 0;
    line-height: 1.2em; }

.works + .sidebar,
.feed-item-list + .sidebar {
  padding-top: 12px;
  position: sticky;
  top: calc(75px);
  z-index: 499;
  background-color: #ffffff;
  /* Match the background */ }
  .works + .sidebar nav,
  .feed-item-list + .sidebar nav {
    position: sticky;
    top: calc(75px + 50px); }

.works .works--list > article,
.works article,
.feed-item-list .works--list > article,
.feed-item-list article {
  background-color: #ffffff;
  /* Match the background */
  border: 1px solid #ffffff;
  /* Hides artifacts */ }

.works + .sidebar {
  top: -100px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5rem 0;
  line-height: 1.5em;
  font-weight: 400; }

h1 {
  font-size: 1.5rem;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 768px) {
    h1 {
      font-size: 2rem; } }

h2 {
  font-size: 1.75rem; }

h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 2rem; }

h4 {
  font-size: 1.2rem;
  font-weight: 200; }

.btn {
  text-decoration: none;
  outline: 0;
  display: inline-block;
  color: #424242;
  height: 40px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.6rem;
  line-height: calc(40px - 2px);
  user-select: none;
  outline: 0;
  cursor: pointer;
  font-weight: 500; }
  .btn--text:hover {
    color: #ed008c; }
  .btn--text.btn--pink {
    color: #ed008c; }
  .btn--outline, .btn--solid {
    padding: 0 4rem; }
  .btn--outline {
    border: solid 2px #424242;
    color: #424242;
    background: transparent; }
    .btn--outline.btn--pink {
      border: solid 2px #ed008c;
      color: #ed008c; }
    .btn--outline.btn--white {
      border: solid 2px white;
      color: white; }
    .btn--outline:hover.btn--pink {
      background: #ed008c;
      color: white; }
  .btn--solid {
    background: #424242;
    color: white; }
    .btn--solid.btn--pink {
      background: #ed008c; }

.columns {
  display: flex;
  flex-wrap: wrap; }
  .columns .column {
    flex: 0 0 100%; }
    @media only screen and (min-width: 768px) {
      .columns .column[rel="2"] {
        flex: 0 0 50%; }
      .columns .column[rel="3"] {
        flex: 0 0 33.33%; }
      .columns .column[rel="4"] {
        flex: 0 0 25%; }
      .columns .column[rel="5"] {
        flex: 0 0 33.33%; }
      .columns .column[rel="10"] {
        flex: 0 0 10%; }
      .columns .column[rel="20"] {
        flex: 0 0 20%; }
      .columns .column[rel="25"] {
        flex: 0 0 25%; }
      .columns .column[rel="50"] {
        flex: 0 0 50%; }
      .columns .column[rel="60"] {
        flex: 0 0 60%; }
      .columns .column[rel="70"] {
        flex: 0 0 70%; } }
    @media only screen and (min-width: 992px) {
      .columns .column[rel="5"] {
        flex: 0 0 20%; }
      .columns .column[rel="33"] {
        flex: 0 0 33.3%; } }

header {
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
  transition: background 0.2s ease; }
  header[data-show-nav='true'] .btn-menu-toggle {
    color: #ed008c; }
  header[data-show-nav='true'] .header-nav {
    transform: translate3d(0, 0, 0); }
    header[data-show-nav='true'] .header-nav li {
      transform: translate3d(0, 0, 0);
      opacity: 1;
      transition: all 0.5s ease 0.25s; }
      header[data-show-nav='true'] .header-nav li:nth-child(1) {
        transition-delay: calc(1 * 0.1s); }
      header[data-show-nav='true'] .header-nav li:nth-child(2) {
        transition-delay: calc(2 * 0.1s); }
      header[data-show-nav='true'] .header-nav li:nth-child(3) {
        transition-delay: calc(3 * 0.1s); }
      header[data-show-nav='true'] .header-nav li:nth-child(4) {
        transition-delay: calc(4 * 0.1s); }
      header[data-show-nav='true'] .header-nav li:nth-child(5) {
        transition-delay: calc(5 * 0.1s); }
      header[data-show-nav='true'] .header-nav li:nth-child(6) {
        transition-delay: calc(6 * 0.1s); }
      header[data-show-nav='true'] .header-nav li:nth-child(7) {
        transition-delay: calc(7 * 0.1s); }
      header[data-show-nav='true'] .header-nav li:nth-child(8) {
        transition-delay: calc(8 * 0.1s); }
      header[data-show-nav='true'] .header-nav li:nth-child(9) {
        transition-delay: calc(9 * 0.1s); }
      header[data-show-nav='true'] .header-nav li:nth-child(10) {
        transition-delay: calc(10 * 0.1s); }
  header[data-show-search='true'] .btn-search-toggle {
    color: #ed008c; }
  header[data-show-search='true'] .header-search {
    transform: translate3d(0, 0, 0); }
  header.transparent {
    background: none; }
    header.transparent .header-main,
    header.transparent .header-nav {
      background: none;
      border: none; }
    header.transparent .header-main .logo-westbank svg polygon,
    header.transparent .header-main .logo-westbank svg path {
      fill: #ffffff; }
    header.transparent .header-main aside .language-options button {
      color: #ffffff; }
      header.transparent .header-main aside .language-options button:hover, header.transparent .header-main aside .language-options button[data-active='true'] {
        color: #ffffff; }
        header.transparent .header-main aside .language-options button:hover:after, header.transparent .header-main aside .language-options button[data-active='true']:after {
          background-color: #ffffff; }
    header.transparent .header-nav a {
      color: #ffffff; }
    header.transparent .btn-menu-toggle {
      color: #ffffff; }
  header.hidden {
    display: none; }
  header .header-main {
    border-bottom: solid 1px #eeeeee;
    width: 100%;
    position: relative;
    height: 75px;
    background: white;
    z-index: 1; }
    header .header-main .wrap--reg {
      height: 100%;
      display: flex;
      align-items: center; }
      header .header-main .wrap--reg .left,
      header .header-main .wrap--reg .center,
      header .header-main .wrap--reg .right {
        flex: 1; }
    header .header-main .btn-menu-toggle {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 0.6rem;
      line-height: 1em;
      user-select: none; }
      @media only screen and (min-width: 768px) {
        header .header-main .btn-menu-toggle {
          font-size: 0.8rem; } }
      header .header-main .btn-menu-toggle:hover {
        color: #ed008c; }
    header .header-main .logo-westbank {
      width: 52px;
      height: 100%;
      display: block;
      overflow: hidden;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        header .header-main .logo-westbank {
          width: 125px; } }
      header .header-main .logo-westbank svg {
        width: 125px;
        height: 100%;
        display: block; }
        header .header-main .logo-westbank svg path,
        header .header-main .logo-westbank svg polygon {
          fill: black; }
    header .header-main aside {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-end; }
      header .header-main aside .language-options {
        display: flex; }
        header .header-main aside .language-options button,
        header .header-main aside .language-options a {
          text-decoration: none;
          display: block;
          font-size: 0.6rem;
          line-height: 1em;
          color: #bdbdbd;
          user-select: none;
          position: relative; }
          @media only screen and (min-width: 768px) {
            header .header-main aside .language-options button,
            header .header-main aside .language-options a {
              font-size: 0.8rem; } }
          header .header-main aside .language-options button:hover:after, header .header-main aside .language-options button[data-active='true']:after,
          header .header-main aside .language-options a:hover:after,
          header .header-main aside .language-options a[data-active='true']:after {
            display: block; }
          header .header-main aside .language-options button:after,
          header .header-main aside .language-options a:after {
            display: none;
            content: '';
            position: absolute;
            bottom: -0.25rem;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #bdbdbd; }
        header .header-main aside .language-options .separator {
          display: block;
          width: 1px;
          height: 12px;
          background: #bdbdbd;
          margin: 0 0.6rem; }
      header .header-main aside .btn-search-toggle {
        display: none; }
        header .header-main aside .btn-search-toggle:hover i {
          color: #ed008c; }
  header .header-nav {
    width: 100%;
    height: 50px;
    background: white;
    z-index: 0;
    transform: translate3d(0, -100%, 0);
    background: white;
    transition: transform 0.25s ease;
    position: absolute;
    top: 100%;
    left: 0;
    border-bottom: solid 1px #eeeeee; }
    header .header-nav ul {
      display: flex;
      justify-content: flex-start;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; }
      @media only screen and (min-width: 768px) {
        header .header-nav ul {
          overflow: hidden; } }
      header .header-nav ul li {
        margin: 0 1rem 0 0;
        opacity: 0;
        transition: opacity 0.25s ease, transform 0s linear 0.25s;
        transform: translate3d(-20px, 0, 0);
        flex: 0 0 auto; }
        @media only screen and (min-width: 768px) {
          header .header-nav ul li {
            margin-right: 2rem; } }
        header .header-nav ul li:last-child {
          margin-right: 0; }
    header .header-nav a {
      display: block;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 0.5rem;
      line-height: 50px;
      user-select: none; }
      @media only screen and (min-width: 768px) {
        header .header-nav a {
          font-size: 0.7rem; } }
      header .header-nav a:hover {
        color: #ed008c; }
  header .header-search {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 50px;
    transition: all 0.25s ease;
    transform: translate3d(0, -100%, 0);
    border-bottom: solid 1px #eeeeee;
    display: none; }
    header .header-search i.icon {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate3d(0, -50%, 0);
      z-index: 1; }
    header .header-search input {
      width: 100%;
      z-index: 0;
      border: solid #eeeeee;
      border-width: 0 0 1px 0;
      height: 50px;
      padding: 0 2rem;
      outline: none; }
      header .header-search input::placeholder {
        color: #bdbdbd; }
    header .header-search .btn-search-close {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate3d(0, -50%, 0);
      z-index: 1; }
      header .header-search .btn-search-close:hover i {
        color: #424242; }
      header .header-search .btn-search-close i {
        color: #bdbdbd; }

.text--grey-light {
  color: #bdbdbd; }

.text--small-caps {
  font-size: 0.6rem;
  line-height: 1em;
  letter-spacing: 3px;
  text-transform: uppercase; }

.text--post_title {
  font-size: 1.75rem;
  line-height: 1.5em; }
  .text--post_title.smaller {
    font-size: 1.25rem;
    line-height: 1.5em; }

.text--display {
  font-size: 1.25rem;
  line-height: 1.75em;
  font-weight: 500;
  margin-bottom: 2rem; }

footer {
  background: #f5f5f5;
  width: 100%;
  padding: 3rem 0;
  transition: opacity 0.5s ease;
  margin: 0;
  z-index: 1;
  position: relative; }
  @media only screen and (min-width: 992px) {
    footer {
      padding: 5rem 0; } }
  @media only screen and (min-width: 1100px) {
    footer {
      padding: 10rem 0; } }
  footer .success__message {
    padding-left: 0 !important; }
  footer h4 {
    font-weight: 400;
    flex: 1; }
  footer p {
    font-size: 0.7rem;
    line-height: 2em;
    font-weight: 200; }
  footer a {
    text-decoration: none;
    font-weight: 500; }
  footer p {
    color: #757575;
    margin: 0; }
  footer form {
    flex: 2; }
    footer form button {
      width: 33%;
      text-align: center;
      display: flex !important;
      flex-direction: row;
      justify-content: center; }
  footer input {
    flex: 1;
    border: none; }
    footer input::placeholder {
      text-indent: 1rem;
      color: #ababab;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 22px; }
  footer strong {
    color: #424242;
    font-weight: 500; }
  footer .column {
    margin: 0 0 1rem 0; }
    @media only screen and (min-width: 992px) {
      footer .column {
        margin: 0;
        padding: 1rem 2rem; } }
    footer .column__register {
      padding-left: 0;
      padding-right: 0; }
  footer .column__connect {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    footer .column__connect .column__title {
      flex: 0 0 100%;
      display: block;
      margin: 0 0 10px 0;
      font-size: 0.8rem;
      letter-spacing: 1px; }
    footer .column__connect a {
      display: block;
      margin: 0 1rem 0 0; }
      @media only screen and (min-width: 992px) {
        footer .column__connect a {
          margin: 0;
          flex: 0 0 25%; } }
      footer .column__connect a svg {
        width: 20px;
        height: 20px; }
    footer .column__connect .btn-subscribe {
      display: none; }
      @media only screen and (min-width: 992px) {
        footer .column__connect .btn-subscribe {
          margin: 1rem 0 0 0; } }
      footer .column__connect .btn-subscribe span,
      footer .column__connect .btn-subscribe i {
        vertical-align: middle; }
      footer .column__connect .btn-subscribe i {
        font-size: 1.5rem;
        line-height: 1em;
        position: relative;
        top: -2px;
        margin: 0 0 0 0.5rem; }
  @media only screen and (min-width: 992px) {
    footer .border--left {
      border-left: solid 1px #e0e0e0; } }
  footer .logo-westbank {
    width: 75px;
    height: 60px;
    display: block;
    overflow: hidden; }
    footer .logo-westbank svg {
      width: 100%;
      height: 100%; }
  @media only screen and (min-width: 992px) {
    footer .btn-privacy {
      margin: 0 0 2rem 0; } }

input,
button,
select,
textarea,
label {
  font-family: "Metro Nova", "Helvetica", sans-serif;
  color: #424242; }

.post-content {
  margin: 0 0 5rem 0; }
  .post-content p a {
    color: #ed008c; }

.transition--enter {
  opacity: 0; }

.transition--enter-active {
  opacity: 1;
  transition: opacity .3s; }

.transition--exit {
  opacity: 1; }

.transition--exit-active {
  opacity: 0;
  transition: opacity .3s; }

.philosophy--overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -9999;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .5s ease;
  display: none;
  background: white; }
  .philosophy--overlay[data-show="true"] {
    z-index: 1000;
    display: block; }
  .philosophy--overlay[data-faded="true"] {
    opacity: 0; }
  .philosophy--overlay video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 1; }
    @media only screen and (min-width: 992px) {
      .philosophy--overlay video {
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate3d(-50%, -50%, 0); } }
  .philosophy--overlay .btn--continue {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: 2; }

main.page-index {
  margin: 100vh 0 0 0;
  position: relative;
  z-index: 1;
  background: white;
  padding: 2rem 0; }
  @media only screen and (min-width: 768px) {
    main.page-index {
      padding: 3rem 0 5rem 0; } }
  @media only screen and (min-width: 992px) {
    main.page-index {
      padding-top: 5rem; } }
  main.page-index .index-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    main.page-index .index-columns blockquote {
      margin: 0 0 10rem 0; }
  main.page-index .index-columns__featured {
    flex: 0 0 100%; }
    @media only screen and (min-width: 992px) {
      main.page-index .index-columns__featured {
        flex: 0 0 50%; } }
    main.page-index .index-columns__featured article {
      text-align: center;
      margin: 0 0 5rem 0; }
      main.page-index .index-columns__featured article.size--full {
        width: 100%; }
      main.page-index .index-columns__featured article.size--half {
        width: 100%; }
        @media only screen and (min-width: 992px) {
          main.page-index .index-columns__featured article.size--half {
            width: 51%; } }
      main.page-index .index-columns__featured article.size--third {
        width: 100%; }
        @media only screen and (min-width: 992px) {
          main.page-index .index-columns__featured article.size--third {
            width: 66.66%; } }
      main.page-index .index-columns__featured article.align--left {
        margin-right: auto; }
      main.page-index .index-columns__featured article.align--center {
        margin-left: auto;
        margin-right: auto; }
      main.page-index .index-columns__featured article.align--right {
        align-self: flex-end;
        margin-left: auto; }
      @media only screen and (min-width: 992px) {
        main.page-index .index-columns__featured article:last-child {
          margin-bottom: 0; } }
      main.page-index .index-columns__featured article a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none; }
        main.page-index .index-columns__featured article a:hover img {
          opacity: 0.7; }
      main.page-index .index-columns__featured article img {
        display: inline-block;
        margin: 0 0 1rem 0;
        width: 100%;
        height: auto;
        transition: opacity 1s ease;
        transform: translate3d(0, 0, 0); }
      main.page-index .index-columns__featured article span {
        display: block; }
      main.page-index .index-columns__featured article button.btn--outline {
        margin-top: 1rem; }
  main.page-index .index-columns__feed {
    flex: 0 0 100%; }
    @media only screen and (min-width: 992px) {
      main.page-index .index-columns__feed {
        border: solid #eeeeee;
        border-width: 0 1px;
        padding: 0 1.5%;
        flex: 0 0 27%; } }
  main.page-index .index-columns__nav {
    flex: 0 0 100%;
    text-align: center;
    transition: opacity 2s ease;
    display: flex;
    justify-content: center; }
    @media only screen and (min-width: 992px) {
      main.page-index .index-columns__nav {
        justify-content: flex-end;
        text-align: right;
        flex: 0 0 20%; } }
    main.page-index .index-columns__nav li {
      margin: 0 0 0.5rem 0; }
    main.page-index .index-columns__nav a,
    main.page-index .index-columns__nav .btn__open-philosophy {
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 0.7rem;
      line-height: 1em;
      display: inline-block;
      padding: 1rem 0;
      position: relative; }
      main.page-index .index-columns__nav a:hover,
      main.page-index .index-columns__nav .btn__open-philosophy:hover {
        color: #ed008c; }
      main.page-index .index-columns__nav a i,
      main.page-index .index-columns__nav .btn__open-philosophy i {
        display: block;
        vertical-align: top;
        font-size: 1.25rem;
        line-height: 1em;
        position: absolute;
        top: 10px;
        left: 0;
        transform: translate3d(-150%, 0, 0); }
    main.page-index .index-columns__nav hr {
      margin: 2rem 0 2rem auto; }
      @media only screen and (min-width: 992px) {
        main.page-index .index-columns__nav hr {
          max-width: 100px; } }
    main.page-index .index-columns__nav p {
      color: #616161;
      max-width: 70%;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (min-width: 992px) {
        main.page-index .index-columns__nav p {
          max-width: 175px;
          margin-right: 0; } }

main.body-of-work .column-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

main.body-of-work .pdf-viewer {
  display: block;
  align-content: center;
  margin: auto; }

main.body-of-work .works {
  flex: 0 0 100%;
  order: 2;
  position: relative; }
  @media only screen and (min-width: 992px) {
    main.body-of-work .works {
      flex: 0 0 calc(75% - 2rem);
      order: 1; } }
  main.body-of-work .works[data-loading="true"] {
    opacity: 0; }
  main.body-of-work .works .works--list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  main.body-of-work .works .column {
    margin: 0 0 3rem 0; }
    @media only screen and (min-width: 992px) {
      main.body-of-work .works .column {
        margin-bottom: 5rem; } }
    main.body-of-work .works .column--full {
      flex: 0 0 100%; }
      main.body-of-work .works .column--full figure {
        padding-top: 70%; }
    main.body-of-work .works .column--half {
      flex: 0 0 100%; }
      @media only screen and (min-width: 992px) {
        main.body-of-work .works .column--half {
          flex: 0 0 45%; } }
      main.body-of-work .works .column--half figure {
        padding-top: 80%; }
    main.body-of-work .works .column--third {
      flex: 0 0 100%; }
      @media only screen and (min-width: 1100px) {
        main.body-of-work .works .column--third {
          flex: 0 0 33.33%; } }
      main.body-of-work .works .column--third.full-row {
        flex: 0 0 100%; }
        @media only screen and (min-width: 1100px) {
          main.body-of-work .works .column--third.full-row {
            flex: 0 0 30%; } }
      main.body-of-work .works .column--third figure {
        padding-top: 80%; }
    main.body-of-work .works .column--two__thirds {
      flex: 0 0 100%; }
      @media only screen and (min-width: 1100px) {
        main.body-of-work .works .column--two__thirds {
          flex: 0 0 60%; } }
      main.body-of-work .works .column--two__thirds figure {
        padding-top: 100%; }
    main.body-of-work .works .column--fourth {
      flex: 0 0 100%; }
      @media only screen and (min-width: 992px) {
        main.body-of-work .works .column--fourth {
          flex: 0 0 25%; } }
    @media only screen and (min-width: 992px) {
      main.body-of-work .works .column--offset-vertical {
        margin-top: 3rem; } }
    main.body-of-work .works .column figure {
      flex: 0 0 100%;
      position: relative;
      width: 100%;
      overflow: hidden;
      margin: 0 0 1rem 0;
      background: #f5f5f5;
      transition: opacity 0.75s ease;
      transform: translate3d(0, 0, 0); }
      main.body-of-work .works .column figure:hover {
        opacity: 0.7; }
    main.body-of-work .works .column .text--post_title {
      margin: 0 0 0.5rem 0;
      display: block;
      flex: 0 0 100%;
      text-decoration: none; }
    main.body-of-work .works .column .description {
      line-height: 1.75em;
      font-size: 0.7rem;
      margin: 0 0 1rem 0; }
    main.body-of-work .works .column .details {
      display: flex;
      flex: 0 0 100%;
      margin: 0 0 1rem 0; }
      main.body-of-work .works .column .details li {
        margin-right: 2rem; }
        main.body-of-work .works .column .details li:last-child {
          margin-right: 0; }
      main.body-of-work .works .column .details span {
        display: block;
        font-size: 0.7rem;
        line-height: 1em; }
        main.body-of-work .works .column .details span.label {
          font-weight: 600;
          margin: 0 0 10px 0; }
        main.body-of-work .works .column .details span.value {
          color: #9e9e9e; }
    main.body-of-work .works .column .btn {
      margin: 0; }
  main.body-of-work .works .btn-load-more {
    margin: 0 auto;
    display: block; }
    main.body-of-work .works .btn-load-more[disabled] {
      display: none; }

main.body-of-work .sidebar {
  flex: 0 0 100%;
  order: 1; }
  @media only screen and (min-width: 992px) {
    main.body-of-work .sidebar {
      flex: 0 0 25%;
      order: 2;
      border-left: solid 1px #eeeeee;
      padding: 0 2rem; } }
  main.body-of-work .sidebar .fancy-page-title {
    margin: 0;
    line-height: 1em;
    font-size: 1rem; }
    main.body-of-work .sidebar .fancy-page-title span {
      display: block;
      text-align: center; }
      main.body-of-work .sidebar .fancy-page-title span.large {
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 5px;
        font-size: 1.25rem;
        line-height: 1em; }
      main.body-of-work .sidebar .fancy-page-title span.small {
        font-weight: 400;
        font-style: italic;
        font-size: 1rem;
        line-height: 1em;
        margin: 1rem 0;
        letter-spacing: 2px;
        transform: translateX(-3px); }
  main.body-of-work .sidebar .description {
    font-size: 0.7rem;
    line-height: 1.75em;
    text-align: center;
    margin: 1rem 0 3rem 0; }
  main.body-of-work .sidebar nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 3rem 0; }
    main.body-of-work .sidebar nav .title,
    main.body-of-work .sidebar nav button {
      text-transform: uppercase;
      text-align: center;
      line-height: 40px;
      font-size: 0.6rem;
      letter-spacing: 2px;
      border: solid transparent; }
    main.body-of-work .sidebar nav .title {
      display: block;
      flex: 0 0 100%;
      border-width: 1px 0;
      border-color: #424242;
      font-weight: bold; }
      @media only screen and (min-width: 992px) {
        main.body-of-work .sidebar nav .title {
          border: 0; } }
    main.body-of-work .sidebar nav button {
      display: inline-block;
      border-width: 0; }
      @media only screen and (min-width: 992px) {
        main.body-of-work .sidebar nav button {
          flex: 0 0 100%;
          display: block;
          border-width: 1px 0; } }
      main.body-of-work .sidebar nav button:hover {
        color: #ed008c; }
      main.body-of-work .sidebar nav button.active {
        border-color: #424242;
        color: #ed008c; }

main.contact .header {
  margin: 0 0 0 0; }
  @media only screen and (min-width: 992px) {
    main.contact .header {
      margin-bottom: 5rem; } }

main.contact .columns {
  justify-content: space-between; }
  main.contact .columns h3 {
    margin-top: 3rem; }
    @media only screen and (min-width: 992px) {
      main.contact .columns h3 {
        margin-top: 0; } }

main.contact .column--left {
  flex: 0 0 100%; }
  @media only screen and (min-width: 992px) {
    main.contact .column--left {
      flex: 0 0 20%; } }

main.contact .column--mid {
  flex: 0 0 100%; }
  @media only screen and (min-width: 992px) {
    main.contact .column--mid {
      flex: 0 0 55%;
      border: solid #eeeeee;
      border-width: 0 1px;
      padding: 0 1.5rem; } }

main.contact .column--right {
  flex: 0 0 100%; }
  @media only screen and (min-width: 992px) {
    main.contact .column--right {
      flex: 0 0 20%; } }
  main.contact .column--right .contact--block {
    margin: 2rem 0 4rem 0; }
  main.contact .column--right h3 {
    margin: 0;
    line-height: 1.5em; }
  main.contact .column--right img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0.75rem 0 1rem 0; }
  main.contact .column--right a {
    display: inline-block; }
  main.contact .column--right span {
    display: block; }
    main.contact .column--right span.hours {
      font-weight: bold;
      font-size: 0.8rem;
      line-height: 1.25em;
      margin: 0 0 10px 0; }

main.contact .contact-list {
  display: flex;
  flex-wrap: wrap; }
  main.contact .contact-list li {
    flex: 0 0 50%;
    margin: 0 0 2rem 0;
    padding: 0 2rem 0 0; }

main.contact .contact--block a {
  color: #ed008c;
  text-decoration: none; }

main.contact .contact--block p {
  margin-bottom: 0; }

main.single-work {
  padding-top: 75px; }
  main.single-work .section-title {
    display: block;
    margin: 0 0 3rem 0;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 5px; }
  main.single-work .work__masthead {
    margin: 3rem 0 0 0; }
    main.single-work .work__masthead--subtitle, main.single-work .work__masthead--title {
      text-align: center;
      position: relative; }
    main.single-work .work__masthead--subtitle {
      margin: 0 0 2rem 0; }
      main.single-work .work__masthead--subtitle a {
        text-decoration: none; }
    main.single-work .work__masthead--title {
      margin: 0; }
      main.single-work .work__masthead--title .text-title {
        margin: 0 0 3rem 0;
        display: block; }
        main.single-work .work__masthead--title .text-title.hidden {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0; }
      main.single-work .work__masthead--title .project-logo {
        width: 250px;
        height: auto;
        display: block;
        margin: 0 auto 3rem auto; }
        main.single-work .work__masthead--title .project-logo svg {
          width: 100%;
          height: 100%;
          display: block; }
  main.single-work .work__cover {
    position: relative;
    width: 100%;
    height: calc(100vh - 75px);
    margin: 0 0 2rem 0; }
    main.single-work .work__cover:before {
      display: none;
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); }
  main.single-work .work__details {
    margin: 0 auto 2rem auto;
    padding: 0 0 1rem 0;
    border-bottom: solid 1px #e0e0e0;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (min-width: 992px) {
      main.single-work .work__details {
        margin-bottom: 3rem; } }
    main.single-work .work__details .detail {
      font-size: 0.8em;
      line-height: 1.75em;
      margin: 0 0 1rem 0;
      padding: 0 1rem 0 0;
      display: inline-block;
      flex: 0 0 50%; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__details .detail {
          flex: 0 0 33.33%; } }
      @media only screen and (min-width: 992px) {
        main.single-work .work__details .detail {
          flex: 0 0 25%; } }
      @media only screen and (min-width: 1100px) {
        main.single-work .work__details .detail {
          flex: 0 0 20%; } }
    main.single-work .work__details .social-share {
      position: relative; }
      @media only screen and (min-width: 992px) {
        main.single-work .work__details .social-share {
          position: absolute; } }
  main.single-work .work__information {
    margin: 0 0 3rem 0; }
    @media only screen and (min-width: 992px) {
      main.single-work .work__information {
        margin-bottom: 6rem; } }
    main.single-work .work__information .wrap--reg {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    main.single-work .work__information--left {
      flex: 0 0 100%; }
      @media only screen and (min-width: 992px) {
        main.single-work .work__information--left {
          flex: 0 0 70%; } }
      main.single-work .work__information--left ul {
        list-style: disc;
        margin: 0 0 1rem 1rem; }
        @media only screen and (min-width: 992px) {
          main.single-work .work__information--left ul {
            margin-left: 3rem; } }
    main.single-work .work__information--right {
      flex: 0 0 100%;
      margin: 3rem 0 0 0; }
      @media only screen and (min-width: 992px) {
        main.single-work .work__information--right {
          flex: 0 0 20%;
          border-left: solid 1px #e0e0e0;
          padding: 0 0 0 1.5rem;
          margin-top: 0; } }
      main.single-work .work__information--right div {
        margin: 0 0 3rem 0; }
      main.single-work .work__information--right .text--small-caps {
        display: block;
        margin: 0 0 0.75rem 0; }
      main.single-work .work__information--right a {
        text-decoration: none;
        border-bottom: solid 1px #424242; }
  main.single-work .work__manifesto {
    margin: 0 0 2rem 0; }
    @media only screen and (min-width: 768px) {
      main.single-work .work__manifesto {
        margin-bottom: 6rem; } }
    main.single-work .work__manifesto .wrap--reg {
      background: #f5f5f5;
      overflow: hidden; }
    main.single-work .work__manifesto--content {
      margin: 2rem;
      border-left: solid 1px #bdbdbd;
      padding: 0 0 0 1.5rem; }
      @media only screen and (min-width: 992px) {
        main.single-work .work__manifesto--content {
          margin: 6rem auto 6rem auto;
          max-width: 65%; } }
      main.single-work .work__manifesto--content blockquote {
        text-align: left;
        border: none;
        padding: 0;
        margin: 0; }
        main.single-work .work__manifesto--content blockquote p {
          margin: 0; }
      main.single-work .work__manifesto--content .tagline,
      main.single-work .work__manifesto--content h3 {
        display: block;
        text-transform: uppercase;
        font-size: 0.8em;
        line-height: 1.75em;
        font-weight: 600;
        letter-spacing: 2px;
        margin: 0; }
    main.single-work .work__manifesto--text {
      display: none;
      margin: 2rem 0 0 0; }
      @media only screen and (min-width: 992px) {
        main.single-work .work__manifesto--text {
          columns: 2 auto;
          column-fill: balance-all;
          column-gap: 3rem; } }
      main.single-work .work__manifesto--text[data-show="true"] {
        display: block; }
    main.single-work .work__manifesto--cta {
      margin: 0 1rem; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__manifesto--cta {
          margin: 0 0 6rem 20%;
          width: 400px; } }
      @media only screen and (min-width: 992px) {
        main.single-work .work__manifesto--cta {
          margin-left: 50%; } }
      main.single-work .work__manifesto--cta img {
        width: 100%;
        height: auto;
        margin: 0 0 1.5rem 0; }
      main.single-work .work__manifesto--cta .description {
        max-width: 75%;
        font-size: 0.9em;
        margin: 0 0 0.5rem 0; }
  main.single-work .work__gallery {
    position: relative;
    margin: 0 0 6rem 0; }
    @media only screen and (min-width: 768px) {
      main.single-work .work__gallery aside {
        display: flex;
        justify-content: space-between; } }
    main.single-work .work__gallery aside h2 {
      margin: 0 0 0 0; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__gallery aside h2 {
          margin: 0 0 2rem 0; } }
    main.single-work .work__gallery aside span {
      display: inline-block;
      margin: 0 1rem; }
    main.single-work .work__gallery aside nav {
      margin: 0 0 2rem 0; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__gallery aside nav {
          margin: 0; } }
      main.single-work .work__gallery aside nav .btn__expand,
      main.single-work .work__gallery aside nav .btn__prev,
      main.single-work .work__gallery aside nav .btn__next {
        transition: all .25s ease; }
        main.single-work .work__gallery aside nav .btn__expand[disabled],
        main.single-work .work__gallery aside nav .btn__prev[disabled],
        main.single-work .work__gallery aside nav .btn__next[disabled] {
          opacity: 0.4;
          cursor: default; }
          main.single-work .work__gallery aside nav .btn__expand[disabled]:hover,
          main.single-work .work__gallery aside nav .btn__prev[disabled]:hover,
          main.single-work .work__gallery aside nav .btn__next[disabled]:hover {
            color: #424242; }
        main.single-work .work__gallery aside nav .btn__expand:hover,
        main.single-work .work__gallery aside nav .btn__prev:hover,
        main.single-work .work__gallery aside nav .btn__next:hover {
          color: #ed008c; }
      main.single-work .work__gallery aside nav .btn__next {
        margin-left: 0.5rem; }
    main.single-work .work__gallery .slider {
      width: 100%;
      height: 100vh;
      max-height: 425px; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__gallery .slider {
          max-height: 550px; } }
      @media only screen and (min-width: 992px) {
        main.single-work .work__gallery .slider {
          max-height: 800px; } }
    main.single-work .work__gallery .slides {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden; }
    main.single-work .work__gallery .slide {
      opacity: 0;
      z-index: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: opacity 1s ease;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      main.single-work .work__gallery .slide.is-active {
        position: absolute;
        opacity: 1;
        z-index: 1;
        transition-delay: .5s; }
        main.single-work .work__gallery .slide.is-active figure {
          opacity: 1; }
          main.single-work .work__gallery .slide.is-active figure:nth-child(1) {
            transition-delay: .5s; }
          main.single-work .work__gallery .slide.is-active figure:nth-child(2) {
            transition-delay: .7s; }
          main.single-work .work__gallery .slide.is-active figure:nth-child(3) {
            transition-delay: .6s; }
          main.single-work .work__gallery .slide.is-active figure:nth-child(4) {
            transition-delay: .8s; }
      main.single-work .work__gallery .slide figure {
        transition: all 1s cubic-bezier(0.06, 0.79, 0.3, 0.95);
        transform: translate3d(0, 0, 0);
        opacity: 0;
        flex: 0 0 50%;
        height: 50%;
        display: flex; }
        main.single-work .work__gallery .slide figure:nth-child(1) {
          transition-delay: .1s; }
        main.single-work .work__gallery .slide figure:nth-child(2) {
          transition-delay: 0s; }
          @media only screen and (min-width: 768px) {
            main.single-work .work__gallery .slide figure:nth-child(2) {
              align-items: center; } }
        main.single-work .work__gallery .slide figure:nth-child(3) {
          transition-delay: .2s; }
          @media only screen and (min-width: 768px) {
            main.single-work .work__gallery .slide figure:nth-child(3) {
              align-items: center;
              justify-content: flex-end;
              margin-top: 2rem; } }
        main.single-work .work__gallery .slide figure:nth-child(4) {
          transition-delay: .3s;
          justify-content: flex-end; }
          @media only screen and (min-width: 768px) {
            main.single-work .work__gallery .slide figure:nth-child(4) {
              justify-content: flex-end;
              margin-top: 1rem; } }
        main.single-work .work__gallery .slide figure.landscape .wrap {
          max-width: 90%; }
        main.single-work .work__gallery .slide figure.landscape img {
          max-height: 350px; }
        main.single-work .work__gallery .slide figure.portrait {
          justify-content: center; }
          main.single-work .work__gallery .slide figure.portrait .wrap {
            height: 100%; }
          main.single-work .work__gallery .slide figure.portrait img {
            height: 70%; }
            @media only screen and (min-width: 768px) {
              main.single-work .work__gallery .slide figure.portrait img {
                height: 90%; } }
        main.single-work .work__gallery .slide figure img {
          width: auto;
          height: auto;
          display: block;
          margin: 0 0 5px 0;
          max-width: 100%;
          max-height: 100%;
          position: relative;
          object-fit: contain; }
          @media only screen and (min-width: 768px) {
            main.single-work .work__gallery .slide figure img {
              margin-bottom: 0.6rem; } }
        main.single-work .work__gallery .slide figure .caption {
          font-size: 0.6em;
          line-height: 1.5em;
          color: #9e9e9e;
          display: block; }
          @media only screen and (min-width: 768px) {
            main.single-work .work__gallery .slide figure .caption {
              font-size: 0.5em;
              text-transform: uppercase;
              letter-spacing: 2px;
              line-height: 1.75em; } }
  main.single-work .work__films {
    background: #0d0d0d;
    padding: 2rem 0;
    margin: 0 0 5rem 0; }
    @media only screen and (min-width: 768px) {
      main.single-work .work__films {
        padding: 6rem 0; } }
    main.single-work .work__films .wrap--reg {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    main.single-work .work__films .section-title {
      color: white;
      flex: 0 0 100%; }
    main.single-work .work__films--nav {
      flex: 0 0 100%; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__films--nav {
          flex: 0 0 20%;
          border-right: solid 1px #424242;
          height: 100%; } }
      main.single-work .work__films--nav button {
        display: inline-block;
        text-align: left;
        font-size: 0.7rem;
        line-height: 1.75em;
        margin: 0 1.5rem 1.5rem 0;
        letter-spacing: 0.5px;
        transition: all .5s ease;
        transform: translate3d(0, 0, 0); }
        @media only screen and (min-width: 768px) {
          main.single-work .work__films--nav button {
            margin-right: 0;
            display: block; } }
        main.single-work .work__films--nav button:hover, main.single-work .work__films--nav button.is-active {
          color: white; }
        main.single-work .work__films--nav button:last-child {
          margin-right: 0; }
        main.single-work .work__films--nav button span {
          display: block; }
          main.single-work .work__films--nav button span.title {
            font-weight: 600; }
    main.single-work .work__films--videos {
      flex: 0 0 100%;
      position: relative; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__films--videos {
          flex: 0 0 78%; } }
      main.single-work .work__films--videos .inline-video-player {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        z-index: 0;
        transition: opacity .5s ease;
        transform: translate3d(0, 0, 0); }
        main.single-work .work__films--videos .inline-video-player.is-active {
          position: relative;
          opacity: 1;
          z-index: 1; }
  main.single-work .work__press {
    margin: 3rem 0 0 0; }
    @media only screen and (min-width: 768px) {
      main.single-work .work__press {
        margin: 6rem 0; } }
    main.single-work .work__press .post-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      main.single-work .work__press .post-list a {
        display: block;
        flex: 0 0 100%;
        text-decoration: none;
        margin: 0 0 2rem 0; }
        @media only screen and (min-width: 768px) {
          main.single-work .work__press .post-list a {
            flex: 0 0 32%;
            margin: 0; } }
        main.single-work .work__press .post-list a:hover figure {
          opacity: 0.5; }
        main.single-work .work__press .post-list a figure {
          width: 100%;
          height: 200px;
          position: relative;
          margin: 0 0 1rem 0;
          transition: all 1s ease;
          transform: translate3d(0, 0, 0);
          background: #f5f5f5; }
          @media only screen and (min-width: 992px) {
            main.single-work .work__press .post-list a figure {
              height: 250px; } }
          @media only screen and (min-width: 1100px) {
            main.single-work .work__press .post-list a figure {
              height: 350px; } }
        main.single-work .work__press .post-list a span {
          display: block;
          transform: translate3d(0, 0, 0); }
          main.single-work .work__press .post-list a span.text--small-caps {
            margin: 0 0 1em 0; }
  main.single-work .work__pagination {
    display: flex;
    justify-content: space-between;
    align-items: top;
    flex-wrap: wrap; }
    @media only screen and (min-width: 768px) {
      main.single-work .work__pagination {
        align-items: center; } }
    main.single-work .work__pagination .btn__prev,
    main.single-work .work__pagination .btn__next {
      flex: 0 0 calc(50% - 1rem);
      display: block;
      background: #f5f5f5;
      text-decoration: none;
      text-align: center;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__pagination .btn__prev,
        main.single-work .work__pagination .btn__next {
          flex: 0 0 35%;
          margin: 0; } }
      @media only screen and (min-width: 992px) {
        main.single-work .work__pagination .btn__prev,
        main.single-work .work__pagination .btn__next {
          flex: 0 0 40%; } }
      main.single-work .work__pagination .btn__prev figure,
      main.single-work .work__pagination .btn__next figure {
        position: relative;
        width: 100%;
        height: 100px;
        margin: 0 0 2rem 0;
        background-color: #e0e0e0; }
        @media only screen and (min-width: 768px) {
          main.single-work .work__pagination .btn__prev figure,
          main.single-work .work__pagination .btn__next figure {
            height: 150px; } }
        @media only screen and (min-width: 992px) {
          main.single-work .work__pagination .btn__prev figure,
          main.single-work .work__pagination .btn__next figure {
            height: 250px; } }
        @media only screen and (min-width: 1100px) {
          main.single-work .work__pagination .btn__prev figure,
          main.single-work .work__pagination .btn__next figure {
            height: 350px; } }
      main.single-work .work__pagination .btn__prev span,
      main.single-work .work__pagination .btn__next span {
        display: block; }
        main.single-work .work__pagination .btn__prev span.text--small-caps,
        main.single-work .work__pagination .btn__next span.text--small-caps {
          margin: 0 0 1em 0; }
    main.single-work .work__pagination .btn__prev {
      padding: 1rem; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__pagination .btn__prev {
          padding: 3rem 3rem 2rem 3rem; } }
      @media only screen and (min-width: 992px) {
        main.single-work .work__pagination .btn__prev {
          padding-left: 8rem; } }
    main.single-work .work__pagination .btn__next {
      padding: 1rem; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__pagination .btn__next {
          padding: 3rem 3rem 2rem 3rem; } }
      @media only screen and (min-width: 992px) {
        main.single-work .work__pagination .btn__next {
          padding-right: 8rem; } }
    main.single-work .work__pagination aside {
      flex: 0 0 20%;
      text-align: center;
      display: none; }
      @media only screen and (min-width: 768px) {
        main.single-work .work__pagination aside {
          display: block; } }
      main.single-work .work__pagination aside p {
        font-size: 0.7rem;
        margin: 3rem 0 0 0; }
      main.single-work .work__pagination aside .fancy-page-title {
        margin: 0;
        line-height: 1em;
        font-size: 1rem; }
        main.single-work .work__pagination aside .fancy-page-title span {
          display: block;
          text-align: center; }
          main.single-work .work__pagination aside .fancy-page-title span.caps {
            font-weight: 400;
            text-transform: uppercase;
            font-size: 0.6rem;
            line-height: 1em;
            margin: 0 0 1.5rem 0;
            letter-spacing: 1px; }
          main.single-work .work__pagination aside .fancy-page-title span.large {
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 5px;
            font-size: 1.25rem;
            line-height: 1em; }
          main.single-work .work__pagination aside .fancy-page-title span.small {
            font-weight: 100;
            font-style: italic;
            font-size: 1rem;
            line-height: 1em;
            margin: 1.5rem 0; }

main.single-news .title-bar {
  margin: 0 0 3rem 0; }
  main.single-news .title-bar img {
    width: 100%;
    height: auto;
    margin: 0; }

main.single-news .masthead {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  main.single-news .masthead .external-url {
    color: #ed008c;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 0.6rem;
    line-height: 1em;
    display: block;
    text-decoration: none;
    margin: 0 1rem 0 0; }
  main.single-news .masthead .social-share {
    position: relative; }
  main.single-news .masthead h2 {
    margin-right: auto; }
  main.single-news .masthead h1 {
    flex: 0 0 100%; }

main.single-news .post-content {
  line-height: 1.75rem; }
  main.single-news .post-content blockquote {
    border-width: 0 1px 0 0;
    text-align: right;
    padding: 0 2rem 0 0; }
    main.single-news .post-content blockquote p {
      margin-left: auto; }
  main.single-news .post-content img {
    max-width: 100%;
    height: auto;
    margin: 0 0 2rem 0; }
  main.single-news .post-content ul {
    list-style: disc;
    margin: 0 0 1rem 1.25rem; }

@media only screen and (min-width: 992px) {
  main.single-news .wrap--narrow {
    border-left: solid 1px #e0e0e0;
    padding: 0 0 0 2rem; } }

main.single-news .wrap--narrow > p:first-child::first-letter {
  font-size: 6rem;
  line-height: 1em;
  float: left;
  font-weight: 400;
  margin: 0 1rem 0 0; }

.archive-news .wrap--reg {
  display: flex;
  flex-wrap: wrap; }

.archive-news .masthead {
  flex: 0 0 100%; }

.archive-news .feed-item-list {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  order: 2; }
  @media only screen and (min-width: 992px) {
    .archive-news .feed-item-list {
      flex: 0 0 70%;
      order: 1; } }
  .archive-news .feed-item-list article {
    flex: 0 0 100%; }
    .archive-news .feed-item-list article:nth-child(odd), .archive-news .feed-item-list article:nth-child(even) {
      margin: 0 0 3rem 0; }
    @media only screen and (min-width: 768px) {
      .archive-news .feed-item-list article {
        flex: 0 0 40%; }
        .archive-news .feed-item-list article:nth-child(odd) {
          margin: 0 auto 10rem 0; }
        .archive-news .feed-item-list article:nth-child(even) {
          margin: 13rem auto 0 0; } }

.archive-news .sidebar {
  flex: 0 0 100%;
  order: 1; }
  @media only screen and (min-width: 992px) {
    .archive-news .sidebar {
      flex: 0 0 25%;
      order: 2;
      border-left: solid 1px #eeeeee;
      padding: 0 2rem; } }
  .archive-news .sidebar .fancy-page-title {
    margin: 0;
    line-height: 1em;
    font-size: 1rem; }
    .archive-news .sidebar .fancy-page-title span {
      display: block;
      text-align: center; }
      .archive-news .sidebar .fancy-page-title span.large {
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 5px;
        font-size: 1.25rem;
        line-height: 1em; }
      .archive-news .sidebar .fancy-page-title span.small {
        font-weight: 100;
        font-style: italic;
        font-size: 1rem;
        line-height: 1em;
        margin: 1.5rem 0; }
  .archive-news .sidebar .description {
    font-size: 0.7rem;
    line-height: 1.75em;
    text-align: center;
    margin: 3rem 0; }
  .archive-news .sidebar nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 3rem 0;
    justify-content: center; }
    @media only screen and (min-width: 992px) {
      .archive-news .sidebar nav {
        margin-bottom: 0; } }
    .archive-news .sidebar nav .title,
    .archive-news .sidebar nav button {
      text-transform: uppercase;
      text-align: center;
      line-height: 40px;
      font-size: 0.6rem;
      letter-spacing: 2px;
      border: solid transparent; }
    .archive-news .sidebar nav .title {
      display: block;
      flex: 0 0 100%;
      border-width: 1px 0;
      border-color: #424242; }
      @media only screen and (min-width: 992px) {
        .archive-news .sidebar nav .title {
          border: 0; } }
    .archive-news .sidebar nav button {
      display: inline-block;
      border-width: 0;
      margin: 0 0.5rem; }
      @media only screen and (min-width: 992px) {
        .archive-news .sidebar nav button {
          flex: 0 0 100%;
          display: block;
          border-width: 1px 0; } }
      .archive-news .sidebar nav button:hover {
        color: #ed008c; }
      .archive-news .sidebar nav button.active {
        border-color: #424242;
        color: #ed008c; }

main.philosophy .inline-video-player {
  margin: 0 0 3rem 0; }

.page__error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: 0;
  padding: 0; }

.page__public-art--archive .feed-item-list article span.title {
  margin-bottom: 5px; }

.page__public-art--archive .feed-item-list article span.artist-name {
  font-weight: 500;
  font-size: 1rem; }

.page__public-art--single .section-title {
  margin: 0 0 3rem 0; }

.page__public-art--single .info-bar {
  border-bottom: solid 1px #e0e0e0;
  margin: 0 0 2rem 0; }
  @media only screen and (min-width: 768px) {
    .page__public-art--single .info-bar {
      padding: 0 0 50px 0;
      margin: 0 0 5rem 0; } }
  .page__public-art--single .info-bar ul, .page__public-art--single .info-bar li {
    list-style: none; }
  .page__public-art--single .info-bar ul {
    display: flex;
    flex-wrap: wrap; }
    .page__public-art--single .info-bar ul li {
      flex: 0 0 50%;
      padding-right: 2rem;
      margin-bottom: 2rem; }
      @media only screen and (min-width: 768px) {
        .page__public-art--single .info-bar ul li {
          margin: 0;
          flex: 0 0 20%; } }
  .page__public-art--single .info-bar span {
    display: block;
    font-size: 0.7rem;
    line-height: 1.75em; }
    .page__public-art--single .info-bar span.label {
      font-weight: bolder; }
  .page__public-art--single .info-bar .social-share {
    display: none; }

@media only screen and (min-width: 768px) {
  .page__public-art--single .gallery {
    margin-bottom: 5rem; } }

.page__public-art--single .gallery .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .page__public-art--single .gallery .images figure {
    flex: 0 0 100%;
    height: 80vw;
    position: relative;
    margin: 0 0 1rem 0; }
    @media only screen and (min-width: 768px) {
      .page__public-art--single .gallery .images figure {
        flex: 0 0 47%;
        height: 30vw;
        margin-bottom: 3.5rem; } }

.page__public-art--single .bio {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem; }
  .page__public-art--single .bio article {
    flex: 0 0 100%;
    display: block; }
    @media only screen and (min-width: 992px) {
      .page__public-art--single .bio article {
        flex: 0 0 70%; } }
    .page__public-art--single .bio article .body > p:first-child::first-letter {
      font-size: 6rem;
      line-height: 1em;
      float: left;
      font-weight: 400;
      margin: 0 1rem 0 0; }
  .page__public-art--single .bio aside {
    flex: 0 0 100%;
    border-left: solid 1px #e0e0e0;
    padding-left: 2rem;
    margin-top: 5rem; }
    @media only screen and (min-width: 992px) {
      .page__public-art--single .bio aside {
        margin: 0;
        flex: 0 0 22.5%; } }
    .page__public-art--single .bio aside > div {
      margin-bottom: 3rem; }
    .page__public-art--single .bio aside span {
      display: block;
      margin: 0 0 1rem 0; }
    .page__public-art--single .bio aside a {
      text-decoration: none;
      border-bottom: solid 1px #424242; }
    .page__public-art--single .bio aside ul {
      list-style: disc;
      font-size: 0.8rem;
      line-height: 1.5em;
      margin: 0 0 0 1rem; }
      .page__public-art--single .bio aside ul li {
        margin: 0 0 1rem 0; }
  .page__public-art--single .bio h1 {
    margin: 0; }
  .page__public-art--single .bio h2 {
    margin: 0 0 2.5rem 0;
    font-weight: 300; }

.page__careers--archive .intro {
  margin-bottom: 5rem; }

.page__careers--archive .careers-filter {
  border-top: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
  padding: 10px 0; }
  .page__careers--archive .careers-filter ul {
    display: flex;
    margin: 0 -10px 0 0; }
    @media (max-width: 768px) {
      .page__careers--archive .careers-filter ul {
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
        padding: 0 30px; }
        .page__careers--archive .careers-filter ul li {
          list-style: 18px; } }
    .page__careers--archive .careers-filter ul li {
      color: #424242;
      font-weight: 500;
      font-size: 9px;
      line-height: 22px;
      letter-spacing: 2px;
      text-transform: uppercase;
      cursor: pointer;
      margin-right: 20px; }
    .page__careers--archive .careers-filter ul li.active {
      color: #ed008c; }

.page__careers--archive .careers-list a {
  display: block;
  text-decoration: none;
  border-top: solid 1px #e0e0e0;
  padding: 3rem 0;
  display: flex;
  flex-wrap: wrap; }
  .page__careers--archive .careers-list a .left {
    flex: 0 0 30%; }
  .page__careers--archive .careers-list a .right {
    flex: 0 0 70%; }
  .page__careers--archive .careers-list a span {
    display: block; }
    .page__careers--archive .careers-list a span.department, .page__careers--archive .careers-list a span.location {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 0.8rem; }
    .page__careers--archive .careers-list a span.department {
      color: #757575; }
    .page__careers--archive .careers-list a span.location {
      color: #ed008c; }
    .page__careers--archive .careers-list a span.title {
      font-size: 2rem;
      line-height: 1.75em; }

.page__careers--single .content-container h2 {
  margin: 2rem 0 1rem 0; }

.page__careers--single .content-container h3 {
  margin: 1rem 0 0.5rem 0; }

.page__careers--single .content-container ul {
  list-style: disc;
  margin: 0 0 1rem 1rem; }

.page__careers--single .content-container a {
  color: #ed008c; }

.page__careers--single .content-container hr {
  margin: 5rem 0;
  border: solid #e0e0e0;
  border-width: 1px 0 0 0; }

.page__wbcities {
  padding-top: 0;
  margin: 0;
  color: #11263c; }
  .page__wbcities__asia .photo-slider {
    background: #11263c; }
  .page__wbcities.page__wbcities__kingtoronto .photo-slider {
    background: #1e1e1e; }
    .page__wbcities.page__wbcities__kingtoronto .photo-slider .slide aside {
      display: flex;
      flex-direction: column; }
      .page__wbcities.page__wbcities__kingtoronto .photo-slider .slide aside span.sep {
        margin: auto 0 0 0; }
      .page__wbcities.page__wbcities__kingtoronto .photo-slider .slide aside span.credit {
        margin-top: 1rem;
        font-style: normal; }
  .page__wbcities__horseshoebay .page__wbcities__header[data-transparent='true'] .logo-hsb path,
  .page__wbcities__horseshoebay .page__wbcities__header[data-transparent='true'] .logo-hsb polygon,
  .page__wbcities__horseshoebay .page__wbcities__header[data-transparent='true'] .logo-hsb rect {
    fill: white; }
  .page__wbcities__horseshoebay .page__wbcities__header .logo-hsb {
    width: auto;
    height: 30px;
    display: block;
    height: 40px; }
    @media only screen and (min-width: 992px) {
      .page__wbcities__horseshoebay .page__wbcities__header .logo-hsb {
        height: 60px; } }
    .page__wbcities__horseshoebay .page__wbcities__header .logo-hsb path,
    .page__wbcities__horseshoebay .page__wbcities__header .logo-hsb polygon,
    .page__wbcities__horseshoebay .page__wbcities__header .logo-hsb rect {
      fill: black; }
  .page__wbcities__horseshoebay .page__wbcities__cover .caption {
    top: auto;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    text-align: center; }
  .page__wbcities__horseshoebay .page__wbcities__cover video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    object-fit: cover;
    width: 103%;
    height: 103%; }
  .page__wbcities__horseshoebay .page__wbcities__cities-content, .page__wbcities__horseshoebay .page__wbcities__form, .page__wbcities__horseshoebay .page__wbcities__media {
    background: #d9c2a3; }
  .page__wbcities__horseshoebay .page__wbcities__films {
    background: #f5f2e3; }
  .page__wbcities__horseshoebay .page__wbcities__architecture, .page__wbcities__horseshoebay .page__wbcities__interiors, .page__wbcities__horseshoebay .page__wbcities__penthouses, .page__wbcities__horseshoebay .page__wbcities__amenities, .page__wbcities__horseshoebay .page__wbcities__boat-house {
    background: #cfdde0; }
    .page__wbcities__horseshoebay .page__wbcities__architecture.photo-slider .slide aside, .page__wbcities__horseshoebay .page__wbcities__interiors.photo-slider .slide aside, .page__wbcities__horseshoebay .page__wbcities__penthouses.photo-slider .slide aside, .page__wbcities__horseshoebay .page__wbcities__amenities.photo-slider .slide aside, .page__wbcities__horseshoebay .page__wbcities__boat-house.photo-slider .slide aside {
      color: black; }
    .page__wbcities__horseshoebay .page__wbcities__architecture.photo-slider .slide figure, .page__wbcities__horseshoebay .page__wbcities__interiors.photo-slider .slide figure, .page__wbcities__horseshoebay .page__wbcities__penthouses.photo-slider .slide figure, .page__wbcities__horseshoebay .page__wbcities__amenities.photo-slider .slide figure, .page__wbcities__horseshoebay .page__wbcities__boat-house.photo-slider .slide figure {
      min-height: 500px; }
    .page__wbcities__horseshoebay .page__wbcities__architecture.photo-slider .actions .btn__prev svg path,
    .page__wbcities__horseshoebay .page__wbcities__architecture.photo-slider .actions .btn__next svg path, .page__wbcities__horseshoebay .page__wbcities__interiors.photo-slider .actions .btn__prev svg path,
    .page__wbcities__horseshoebay .page__wbcities__interiors.photo-slider .actions .btn__next svg path, .page__wbcities__horseshoebay .page__wbcities__penthouses.photo-slider .actions .btn__prev svg path,
    .page__wbcities__horseshoebay .page__wbcities__penthouses.photo-slider .actions .btn__next svg path, .page__wbcities__horseshoebay .page__wbcities__amenities.photo-slider .actions .btn__prev svg path,
    .page__wbcities__horseshoebay .page__wbcities__amenities.photo-slider .actions .btn__next svg path, .page__wbcities__horseshoebay .page__wbcities__boat-house.photo-slider .actions .btn__prev svg path,
    .page__wbcities__horseshoebay .page__wbcities__boat-house.photo-slider .actions .btn__next svg path {
      stroke: black; }
  .page__wbcities__horseshoebay .page__wbcities__cities-content {
    padding: 10rem 0 0 0; }
  .page__wbcities__horseshoebay .page__wbcities__form input,
  .page__wbcities__horseshoebay .page__wbcities__form select {
    background: transparent !important; }
  .page__wbcities__horseshoebay .page__wbcities__form .checkbox-group {
    border-color: #11263c; }
  .page__wbcities__horseshoebay .page__wbcities__form form label {
    color: #11263c; }
  .page__wbcities h2 {
    font-weight: 100;
    margin: 0 0 3rem 0;
    font-size: 2.5rem; }
  .page__wbcities .photo-slider {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 2rem 0; }
    @media only screen and (min-width: 992px) {
      .page__wbcities .photo-slider {
        padding: 10rem 0; } }
    .page__wbcities .photo-slider .wrap--reg {
      position: relative;
      height: 100%; }
    .page__wbcities .photo-slider .slides {
      position: relative;
      height: 100%;
      display: flex;
      align-items: center; }
    .page__wbcities .photo-slider .slide {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 1s ease; }
      .page__wbcities .photo-slider .slide[data-active='true'] {
        top: 0;
        transform: none;
        position: relative;
        opacity: 1; }
        .page__wbcities .photo-slider .slide[data-active='true'] aside span.credit {
          transform: translateY(0);
          opacity: 1;
          transition-delay: 0.5s; }
      .page__wbcities .photo-slider .slide figure {
        flex: 0 0 100%;
        height: 300px;
        position: relative;
        order: 2;
        margin: 2rem 0 0 0; }
        @media only screen and (min-width: 992px) {
          .page__wbcities .photo-slider .slide figure {
            margin: 0;
            flex: 0 0 70%;
            order: 1;
            height: 50vh; } }
      .page__wbcities .photo-slider .slide aside {
        width: 100%;
        color: #ffffff;
        padding: calc(45px + 3rem) 0 0 0;
        order: 1; }
        @media only screen and (min-width: 992px) {
          .page__wbcities .photo-slider .slide aside {
            width: 20%;
            order: 2; } }
        .page__wbcities .photo-slider .slide aside span {
          display: block;
          font-weight: 200;
          line-height: 2em; }
          .page__wbcities .photo-slider .slide aside span.caption {
            margin: 0 0 0.5rem 0; }
          .page__wbcities .photo-slider .slide aside span.credit {
            margin: 0.5rem 0 0 0;
            font-style: italic;
            transform: translateY(15px);
            opacity: 0;
            transition: all 0.25s ease; }
            .page__wbcities .photo-slider .slide aside span.credit.no-trans {
              transition: none;
              transform: none;
              opacity: 1; }
    .page__wbcities .photo-slider .actions {
      position: absolute;
      top: 5%;
      right: 1rem;
      width: 20%;
      z-index: 5;
      display: flex; }
      @media only screen and (min-width: 992px) {
        .page__wbcities .photo-slider .actions {
          top: 0; } }
      .page__wbcities .photo-slider .actions .btn__next,
      .page__wbcities .photo-slider .actions .btn__prev {
        flex: 0 0 45px;
        height: 45px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .page__wbcities .photo-slider .actions .btn__next:hover,
        .page__wbcities .photo-slider .actions .btn__prev:hover {
          background: rgba(0, 0, 0, 0.2); }
        .page__wbcities .photo-slider .actions .btn__next[disabled],
        .page__wbcities .photo-slider .actions .btn__prev[disabled] {
          background: none !important;
          opacity: 0.5;
          cursor: default; }
      .page__wbcities .photo-slider .actions .btn__prev {
        margin: 0 1rem 0 0; }
        .page__wbcities .photo-slider .actions .btn__prev svg {
          transform: rotate(180deg); }
  .page__wbcities__header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    transition: all 0.25s ease;
    background: white;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 992px) {
      .page__wbcities__header {
        padding: 0 2rem; } }
    .page__wbcities__header[data-hidden='true'] {
      transform: translate3d(0, -100%, 0); }
    .page__wbcities__header[data-transparent='true'] {
      background: rgba(255, 255, 255, 0);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0); }
      .page__wbcities__header[data-transparent='true'] .logo-wb path {
        fill: white !important; }
      .page__wbcities__header[data-transparent='true'] .logo-fl {
        height: 40px; }
        @media only screen and (min-width: 992px) {
          .page__wbcities__header[data-transparent='true'] .logo-fl {
            height: 75px; } }
        .page__wbcities__header[data-transparent='true'] .logo-fl g.first path,
        .page__wbcities__header[data-transparent='true'] .logo-fl g.first polygon,
        .page__wbcities__header[data-transparent='true'] .logo-fl g.first rect, .page__wbcities__header[data-transparent='true'] .logo-fl g.light path,
        .page__wbcities__header[data-transparent='true'] .logo-fl g.light polygon,
        .page__wbcities__header[data-transparent='true'] .logo-fl g.light rect {
          fill: #ffffff; }
      .page__wbcities__header[data-transparent='true'] .logo-kt path {
        fill: #ffffff; }
      .page__wbcities__header[data-transparent='true'] .btn__sign-up {
        color: #ffffff; }
        @media only screen and (min-width: 992px) {
          .page__wbcities__header[data-transparent='true'] .btn__sign-up {
            background: rgba(17, 38, 60, 0.1);
            backdrop-filter: blur(10px); } }
      .page__wbcities__header[data-transparent='true'] .lang-select button {
        color: #ffffff; }
        .page__wbcities__header[data-transparent='true'] .lang-select button[data-active='true'] {
          border-color: #ffffff; }
      .page__wbcities__header[data-transparent='true'] .lang-select .sep {
        background: white; }
    .page__wbcities__header .left,
    .page__wbcities__header .right {
      flex: 1; }
    .page__wbcities__header .right {
      display: flex;
      justify-content: flex-end; }
    .page__wbcities__header .logo-wb {
      width: auto;
      height: 25px;
      display: block; }
      .page__wbcities__header .logo-wb path {
        fill: #ed008c !important; }
    .page__wbcities__header .logo-fl {
      width: auto;
      height: 30px;
      display: block; }
      @media only screen and (min-width: 992px) {
        .page__wbcities__header .logo-fl {
          height: 50px; } }
      .page__wbcities__header .logo-fl g.first path,
      .page__wbcities__header .logo-fl g.first polygon,
      .page__wbcities__header .logo-fl g.first rect, .page__wbcities__header .logo-fl g.light path,
      .page__wbcities__header .logo-fl g.light polygon,
      .page__wbcities__header .logo-fl g.light rect {
        fill: #11263c; }
      .page__wbcities__header .logo-fl g.first {
        opacity: 0.5; }
    .page__wbcities__header .logo-kt {
      width: auto;
      height: 30px;
      display: block; }
      @media only screen and (min-width: 992px) {
        .page__wbcities__header .logo-kt {
          height: 50px; } }
      .page__wbcities__header .logo-kt path {
        fill: black; }
    .page__wbcities__header .btn__sign-up {
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
      color: #11263c;
      letter-spacing: 3px;
      font-size: 0.8rem; }
      @media only screen and (min-width: 992px) {
        .page__wbcities__header .btn__sign-up {
          background: #ed008c;
          padding: 0 4rem;
          color: #ffffff; } }
    .page__wbcities__header .lang-select {
      display: flex;
      align-items: center;
      margin: 0 1rem 0 0; }
      .page__wbcities__header .lang-select button {
        display: block;
        border-bottom: solid 1px transparent;
        color: #424242;
        font-weight: 300;
        line-height: 1.5em;
        flex: 0 0 auto; }
        .page__wbcities__header .lang-select button[data-active='true'] {
          border-color: #424242; }
      .page__wbcities__header .lang-select .sep {
        display: block;
        flex: 0 0 1px;
        height: 0.75rem;
        margin: 0 0.5rem;
        background: #424242; }
  .page__wbcities__fixed-nav {
    position: fixed;
    top: 45vh;
    left: 2rem;
    z-index: 500;
    width: 200px;
    transform: translateY(0);
    border-left: solid 1px white;
    display: none; }
    @media only screen and (min-width: 992px) {
      .page__wbcities__fixed-nav {
        display: block; } }
    .page__wbcities__fixed-nav[data-theme='blue'] {
      border-color: #11263c; }
      .page__wbcities__fixed-nav[data-theme='blue'] button {
        color: #11263c; }
      .page__wbcities__fixed-nav[data-theme='blue'] .active-indicator:before {
        background: #11263c; }
    .page__wbcities__fixed-nav button {
      color: #ffffff;
      display: flex;
      align-items: center;
      text-transform: uppercase;
      text-align: left;
      font-size: 0.65rem;
      line-height: 1.5em;
      padding: 0 0 0 1.25rem;
      height: 2.25rem;
      letter-spacing: 2px;
      transform-origin: center left;
      transition: all 0.25s ease;
      transform: translate3d(0, 0, 0); }
      .page__wbcities__fixed-nav button:hover {
        transform: translate3d(-0.25rem, 0, 0) scale(1.2); }
      .page__wbcities__fixed-nav button:first-child {
        padding-top: 0; }
    .page__wbcities__fixed-nav .active-indicator {
      position: absolute;
      top: 0;
      left: 0;
      height: 2.25rem;
      display: flex;
      align-items: center; }
      .page__wbcities__fixed-nav .active-indicator:before {
        content: '';
        display: block;
        width: 3px;
        height: 1rem;
        background: #ffffff; }
  @media only screen and (min-width: 992px) {
    .page__wbcities__amenities.photo-slider {
      padding-bottom: 20rem; } }
  .page__wbcities__cover {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden; }
    .page__wbcities__cover .caption {
      position: absolute;
      top: 30vh;
      left: 0;
      z-index: 5;
      color: #ffffff;
      font-size: 2rem;
      line-height: 1.5em;
      font-weight: 100;
      max-width: 650px;
      width: 100vw;
      padding: 0 0 0 2rem;
      display: block;
      transition: all 0.5s ease; }
      @media only screen and (min-width: 768px) {
        .page__wbcities__cover .caption {
          font-size: 3rem;
          top: 20vh; } }
      .page__wbcities__cover .caption span {
        font-size: 50%;
        font-weight: 300; }
    .page__wbcities__cover .slides {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden; }
    .page__wbcities__cover .slide {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      opacity: 0;
      overflow: hidden;
      transition: all 0.5s ease; }
      .page__wbcities__cover .slide[data-past='true'], .page__wbcities__cover .slide[data-active='true'], .page__wbcities__cover .slide[data-next='true'] {
        opacity: 1; }
      .page__wbcities__cover .slide[data-past='true'] {
        width: 0;
        z-index: 3; }
      .page__wbcities__cover .slide[data-active='true'] {
        width: 95%;
        z-index: 2; }
      .page__wbcities__cover .slide[data-next='true'] {
        z-index: 1; }
      .page__wbcities__cover .slide:last-child[data-active='true'] {
        width: 100%; }
      .page__wbcities__cover .slide:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        z-index: 2;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0) 100%);
        transition: all 0.5s ease; }
      .page__wbcities__cover .slide .bg-image {
        z-index: 1;
        width: 100vw;
        height: 100vh; }
    .page__wbcities__cover .btn__next,
    .page__wbcities__cover .btn__prev {
      position: absolute;
      top: 0;
      z-index: 5;
      width: 25%;
      height: 100%; }
    .page__wbcities__cover .btn__next {
      right: 0;
      cursor: url("/static/img/wbcities/kingtoronto/icon-next.svg") 25 25, auto; }
    .page__wbcities__cover .btn__prev {
      left: 0;
      cursor: url("/static/img/wbcities/kingtoronto/icon-prev.svg") 25 25, auto; }
  .page__wbcities__featured-content {
    padding: 2rem 0 0 0; }
    @media only screen and (min-width: 992px) {
      .page__wbcities__featured-content {
        padding: 10rem 0; } }
    .page__wbcities__featured-content article {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin: 0 0 5rem 0; }
      .page__wbcities__featured-content article figure {
        flex: 0 0 100%;
        position: relative;
        height: 300px;
        margin: 0 0 2rem 0; }
        @media only screen and (min-width: 992px) {
          .page__wbcities__featured-content article figure {
            margin: 0;
            flex: 0 0 45%; } }
      .page__wbcities__featured-content article aside {
        flex: 0 0 100%; }
        @media only screen and (min-width: 992px) {
          .page__wbcities__featured-content article aside {
            flex: 0 0 45%; } }
        .page__wbcities__featured-content article aside .title {
          display: block;
          font-size: 1.5rem;
          line-height: 1.75em;
          font-weight: 300;
          margin: 0 0 1rem 0; }
        .page__wbcities__featured-content article aside button {
          color: #ed008c; }
  .page__wbcities__films {
    background: #f5f5f5;
    padding: 2rem 0; }
    @media only screen and (min-width: 992px) {
      .page__wbcities__films {
        padding: 10rem 0; } }
    .page__wbcities__films .articles {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 4rem 4rem; }
      @media only screen and (min-width: 992px) {
        .page__wbcities__films .articles {
          grid-template-columns: repeat(2, 1fr); } }
    .page__wbcities__films article .inline-video-player {
      width: 100%;
      margin: 0 0 2rem 0; }
    .page__wbcities__films article .title {
      display: block;
      font-size: 1.25rem;
      line-height: 1.75em;
      margin: 0 0 1rem 0; }
  .page__wbcities__media {
    padding: 2rem 0 0 0; }
    @media only screen and (min-width: 992px) {
      .page__wbcities__media {
        padding: 10rem 0 0 0; } }
    .page__wbcities__media .grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .page__wbcities__media .grid a {
        display: block;
        flex: 0 0 100%;
        text-decoration: none;
        margin: 0 0 3rem 0; }
        @media only screen and (min-width: 992px) {
          .page__wbcities__media .grid a {
            flex: 0 0 calc((100% / 3) - 1rem); } }
        .page__wbcities__media .grid a img {
          display: block;
          width: 100%;
          height: auto;
          margin: 0 0 0.5rem 0; }
        .page__wbcities__media .grid a span {
          display: block;
          text-transform: uppercase;
          color: #11263c;
          font-size: 0.7rem;
          letter-spacing: 1px; }
      .page__wbcities__media .grid .more-cta {
        flex: 0 0 100%;
        border-top: solid 1px #e0e0e0;
        text-align: center;
        margin: 0 0 10rem 0; }
        .page__wbcities__media .grid .more-cta .btn__view-more {
          text-transform: uppercase;
          padding: 1rem 2rem; }
      .page__wbcities__media .grid .more-links {
        flex-wrap: wrap;
        justify-content: space-between; }
  .page__wbcities__form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 2rem 0; }
    @media only screen and (min-width: 992px) {
      .page__wbcities__form {
        padding: 10rem 0; } }
    .page__wbcities__form[data-state='loading'] {
      position: relative; }
      .page__wbcities__form[data-state='loading']:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.6);
        z-index: 5; }
    .page__wbcities__form .panel-titles {
      flex: 0 0 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0 0 2rem 0; }
      @media only screen and (min-width: 992px) {
        .page__wbcities__form .panel-titles {
          margin: 0 0 7rem 0; } }
      .page__wbcities__form .panel-titles h2 {
        flex: 0 0 100%;
        text-align: center;
        margin: 0 0 2rem 0; }
      .page__wbcities__form .panel-titles .sep,
      .page__wbcities__form .panel-titles .panel-title {
        color: #ed008c;
        font-size: 0.8rem;
        line-height: 1em;
        font-weight: 400;
        color: #11263c;
        opacity: 0.5;
        display: block; }
        @media only screen and (min-width: 992px) {
          .page__wbcities__form .panel-titles .sep,
          .page__wbcities__form .panel-titles .panel-title {
            font-weight: 100;
            opacity: 0.3;
            font-size: 2rem; } }
      .page__wbcities__form .panel-titles .sep {
        margin: 0 0.5rem; }
        @media only screen and (min-width: 992px) {
          .page__wbcities__form .panel-titles .sep {
            margin: 0 1rem; } }
      .page__wbcities__form .panel-titles .panel-title[data-active='true'] {
        opacity: 1; }
    .page__wbcities__form form {
      flex: 0 0 100%;
      overflow-x: hidden; }
      .page__wbcities__form form input[type='text'],
      .page__wbcities__form form input[type='phone'],
      .page__wbcities__form form input[type='email'],
      .page__wbcities__form form select {
        height: 60px;
        width: 100%;
        border: solid #11263c;
        border-width: 0 0 1px 0;
        border-radius: 0; }
      .page__wbcities__form form input[type='text'],
      .page__wbcities__form form input[type='phone'],
      .page__wbcities__form form input[type='email'] {
        padding: 1.5rem 0 0 0; }
      .page__wbcities__form form input:focus,
      .page__wbcities__form form select:focus {
        outline: none !important; }
      .page__wbcities__form form select {
        padding: 0;
        -webkit-appearance: none;
        appearance: none;
        background: white; }
        .page__wbcities__form form select[multiple] {
          height: 105px;
          border: none;
          background: #f5f5f5;
          padding: 0.5rem; }
      .page__wbcities__form form label {
        color: #616161;
        display: block; }
      .page__wbcities__form form .wrap {
        width: 90%;
        max-width: 800px;
        margin: 0 auto; }
      .page__wbcities__form form .wrap--flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
      .page__wbcities__form form .group {
        position: relative;
        flex: 0 0 100%;
        margin: 0 0 1rem 0; }
        @media only screen and (min-width: 992px) {
          .page__wbcities__form form .group.half {
            flex: 0 0 calc(50% - 2rem); } }
        .page__wbcities__form form .group.error label {
          color: red !important; }
        .page__wbcities__form form .group.error input,
        .page__wbcities__form form .group.error select {
          border-color: red;
          color: red; }
      .page__wbcities__form form .input-group input:valid + label, .page__wbcities__form form .input-group input:focus + label {
        top: 0;
        transform: translateY(25%);
        color: #9e9e9e; }
      .page__wbcities__form form .input-group label {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        transition: all 0.25s ease; }
      .page__wbcities__form form .checkbox-group > label,
      .page__wbcities__form form .radio-group > label {
        margin: 0 0 0.5rem 0;
        flex: 0 0 100%;
        color: #11263c; }
      .page__wbcities__form form .checkbox-group div,
      .page__wbcities__form form .radio-group div {
        display: flex;
        align-items: center;
        margin: 0 1rem 1rem 0; }
        .page__wbcities__form form .checkbox-group div input,
        .page__wbcities__form form .radio-group div input {
          margin: 0 0.5rem 0 0; }
        .page__wbcities__form form .checkbox-group div label,
        .page__wbcities__form form .radio-group div label {
          line-height: 1.25em; }
      .page__wbcities__form form .checkbox-group {
        display: flex;
        flex-wrap: wrap;
        border-bottom: solid 1px #e0e0e0; }
      .page__wbcities__form form .select-group {
        position: relative; }
        .page__wbcities__form form .select-group:after {
          content: '\E313';
          font-family: 'Material Icons';
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          font-size: 1rem;
          line-height: 1em; }
    .page__wbcities__form .panel-wrap {
      display: flex;
      align-items: flex-start;
      width: 100%;
      transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1); }
    .page__wbcities__form .panel {
      flex: 0 0 100%; }
    .page__wbcities__form .actions {
      flex: 0 0 100%; }
      .page__wbcities__form .actions .wrap--flex {
        justify-content: center; }
      .page__wbcities__form .actions .btn__continue,
      .page__wbcities__form .actions .btn__submit {
        border-radius: 7px;
        margin: 0 0 1rem 0;
        padding: 1rem 4rem;
        background: #ed008c;
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.8rem; }
      .page__wbcities__form .actions .bottom {
        flex: 0 0 100%;
        display: flex;
        justify-content: center; }
      .page__wbcities__form .actions .btn__back {
        opacity: 0;
        color: #9e9e9e;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.8rem; }
        .page__wbcities__form .actions .btn__back[data-visible='true'] {
          opacity: 1; }
  .page__wbcities__cities-content .two-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page__wbcities__cities-content .two-col .column {
      flex: 0 0 100%; }
      @media only screen and (min-width: 992px) {
        .page__wbcities__cities-content .two-col .column {
          flex: 0 0 calc(50% - 4rem);
          border-left: solid 1px #1e1e1e;
          padding: 0 0 0 1rem; } }
      @media only screen and (min-width: 992px) {
        .page__wbcities__cities-content .two-col .column p:last-child {
          margin-bottom: 0; } }

.page__thank-you {
  min-height: 100vh; }

.component--gallery {
  width: 100%;
  margin: 5rem 0; }
  .component--gallery[data-count="1"] .actions {
    display: none; }
  .component--gallery .images {
    position: relative;
    height: 700px;
    width: 100%;
    overflow: hidden; }
  .component--gallery .bg-image {
    opacity: 0;
    z-index: 0;
    transition: opacity 1s ease; }
    .component--gallery .bg-image.show {
      opacity: 1;
      z-index: 1; }
  .component--gallery .actions {
    display: flex;
    justify-content: center;
    align-items: center; }
    .component--gallery .actions .btn-prev {
      margin: 0 auto 0 0; }
    .component--gallery .actions .btn-next {
      margin: 0 0 0 auto; }
  .component--gallery .gallery-pagination {
    display: flex;
    justify-content: space-between; }
    .component--gallery .gallery-pagination button {
      display: block;
      width: 10px;
      height: 10px;
      background: #eeeeee;
      border-radius: 100%;
      margin: 0 5px;
      transition: background 1s ease; }
      .component--gallery .gallery-pagination button.active {
        background: #9e9e9e; }

.feed-item-list article {
  margin: 0 0 4rem 0; }
  .feed-item-list article .film-thumbnail {
    position: relative; }
    .feed-item-list article .film-thumbnail div {
      width: 149px;
      height: 35px;
      position: absolute;
      bottom: 0;
      left: 0;
      display: flex;
      background-color: #ffffff;
      justify-content: center;
      align-items: center;
      margin-left: 14px;
      margin-bottom: 14px;
      cursor: pointer; }
      .feed-item-list article .film-thumbnail div svg {
        width: 10px;
        height: 9px;
        margin: 0;
        margin-right: 8px;
        fill: #ed008c;
        stroke: #ed008c; }
      .feed-item-list article .film-thumbnail div span {
        font-weight: 500;
        font-size: 7px;
        line-height: 12px;
        letter-spacing: 1.75px;
        text-transform: uppercase;
        color: #ed008c; }
      .feed-item-list article .film-thumbnail div:hover {
        background-color: #ed008c; }
        .feed-item-list article .film-thumbnail div:hover svg {
          fill: #f9f4f1;
          stroke: #ffffff; }
        .feed-item-list article .film-thumbnail div:hover span {
          color: #ffffff; }
  .feed-item-list article a {
    display: block;
    text-decoration: none; }
    .feed-item-list article a:hover img {
      opacity: 0.7; }
  .feed-item-list article img {
    width: 100%;
    height: auto;
    margin: 0 0 1rem 0;
    display: block;
    transform: translate3d(0, 0, 0);
    transition: opacity 1s ease; }
  .feed-item-list article span {
    display: block; }
    .feed-item-list article span.type {
      margin: 0 0 8px 0; }
      .feed-item-list article span.type svg {
        width: 10px;
        height: 10px;
        position: relative;
        top: 1px;
        margin: 0 10px 0 0; }
    .feed-item-list article span.title {
      font-size: 1rem;
      line-height: 1.5em;
      font-weight: 500;
      margin: 0 0 0.8rem 0; }
    .feed-item-list article span.excerpt {
      font-size: 0.7rem;
      line-height: 1.75em; }

.inline-video-player {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden; }
  .inline-video-player[data-state="paused"] button i:first-child {
    transform: translate3d(-50%, -50%, 0); }
  .inline-video-player[data-state="paused"] button i:last-child {
    transform: translate3d(-50%, 100%, 0); }
  .inline-video-player[data-state="playing"]:after,
  .inline-video-player[data-state="playing"] .bg-image,
  .inline-video-player[data-state="playing"] video.loop {
    opacity: 0; }
  .inline-video-player[data-state="playing"] button {
    opacity: 0.25; }
    .inline-video-player[data-state="playing"] button i:first-child {
      transform: translate3d(-50%, -50px, 0); }
    .inline-video-player[data-state="playing"] button i:last-child {
      transform: translate3d(-50%, -50%, 0); }
  .inline-video-player:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    transition: opacity 1s ease; }
  .inline-video-player video,
  .inline-video-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .inline-video-player .bg-image,
  .inline-video-player video.loop {
    z-index: 2;
    transition: opacity 1s ease; }
  .inline-video-player button {
    z-index: 4;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: solid 1px white;
    overflow: hidden;
    transition: all .5s ease;
    transform: translate3d(-50%, -50%, 0);
    user-select: none; }
    .inline-video-player button:hover {
      opacity: 1; }
    .inline-video-player button i {
      position: absolute;
      top: 50%;
      left: 50%;
      color: white;
      font-size: 1.5rem;
      line-height: 1em;
      transition: all .5s ease; }

.overlay-gallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: -99999;
  visibility: hidden;
  opacity: 0; }
  .overlay-gallery[data-show="true"] {
    z-index: 1000;
    visibility: visible;
    opacity: 1; }
  .overlay-gallery .btn__close {
    position: absolute;
    top: 1.5rem;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    width: 50px;
    height: 50px;
    background: #eeeeee;
    color: #424242;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
    z-index: 10; }
    .overlay-gallery .btn__close:hover {
      background: #ed008c;
      color: white; }
    .overlay-gallery .btn__close i {
      display: block;
      font-size: 1.5rem;
      line-height: 1em; }
  .overlay-gallery .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .overlay-gallery .slider--btn-prev, .overlay-gallery .slider--btn-next {
      position: absolute;
      top: 50%;
      transition: all .25s ease;
      z-index: 10; }
      .overlay-gallery .slider--btn-prev i, .overlay-gallery .slider--btn-next i {
        display: block;
        font-size: 2rem;
        line-height: 1em; }
    .overlay-gallery .slider--btn-prev {
      left: 0;
      transform: translate3d(2rem, -50%, 0) rotate(180deg); }
      .overlay-gallery .slider--btn-prev:hover {
        transform: translate3d(1.5rem, -50%, 0) rotate(180deg); }
        .overlay-gallery .slider--btn-prev:hover i {
          color: #ed008c; }
    .overlay-gallery .slider--btn-next {
      right: 0;
      transform: translate3d(-2rem, -50%, 0); }
      .overlay-gallery .slider--btn-next:hover {
        transform: translate3d(-1.5rem, -50%, 0); }
        .overlay-gallery .slider--btn-next:hover i {
          color: #ed008c; }
    .overlay-gallery .slider--slides, .overlay-gallery .slider--slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .overlay-gallery .slider--slide {
      opacity: 0;
      transition: all 1s ease;
      transform: translate3d(0, 0, 0);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 0; }
      .overlay-gallery .slider--slide.show {
        opacity: 1;
        z-index: 1; }
    .overlay-gallery .slider img {
      width: auto;
      height: auto;
      max-width: 80%;
      max-height: 80%;
      display: block;
      margin: 0 0 1rem 0; }
    .overlay-gallery .slider .caption {
      display: block;
      position: absolute;
      bottom: 1rem;
      left: 0;
      text-align: center;
      width: 100%; }

.video-cover {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  transform: translate3d(0, 0, 0);
  background: black; }
  .video-cover .slides {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
  .video-cover figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity 1s ease 0s;
    transform: translate3d(0, 0, 0); }
    .video-cover figure[data-active='true'] {
      opacity: 1;
      z-index: 1;
      transition-delay: 1s; }
    .video-cover figure[data-active='true']:not([data-state='playing']) .video-cover__title, .video-cover figure[data-active='true']:not([data-state='playing']) .video-cover__location, .video-cover figure[data-active='true']:not([data-state='playing']) .video-cover__content, .video-cover figure[data-active='true']:not([data-state='playing']) .video-cover__actions {
      transform: translate3d(0, 0, 0);
      opacity: 1; }
    .video-cover figure[data-active='true']:not([data-state='playing']) .video-cover__title {
      transition-delay: 1s; }
    .video-cover figure[data-active='true']:not([data-state='playing']) .video-cover__location {
      transition-delay: 1.15s; }
    .video-cover figure[data-active='true']:not([data-state='playing']) .video-cover__content {
      transition-delay: 1.2s; }
    .video-cover figure[data-active='true']:not([data-state='playing']) .video-cover__actions {
      transition-delay: 1.25s; }
    .video-cover figure[data-state='paused'] video.loop {
      opacity: 0.5; }
    .video-cover figure[data-state='paused'] video.full {
      opacity: 0; }
    .video-cover figure[data-state='playing'] video.loop {
      opacity: 0; }
    .video-cover figure[data-state='playing'] video.full {
      opacity: 1; }
    .video-cover figure[data-state='playing'] .video-cover__pause {
      opacity: 1;
      transform: translate3d(-50%, 0, 0);
      z-index: 2; }
    .video-cover figure video.loop {
      opacity: 0.5;
      z-index: 1;
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0); }
    .video-cover figure video.full {
      z-index: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: black;
      opacity: 0; }
    .video-cover figure aside {
      position: absolute;
      bottom: 9.5rem;
      left: 50%;
      transform: translate3d(-50%, 0, 0);
      z-index: 2;
      text-align: center;
      color: white;
      max-width: 600px;
      width: 90%; }
  .video-cover__title, .video-cover__location, .video-cover__content, .video-cover__actions, .video-cover__pause {
    transition: opacity 1.25s cubic-bezier(0.02, 0.65, 0.53, 0.95), transform 1.25s cubic-bezier(0.02, 0.65, 0.53, 0.95);
    transform: translate3d(0, 50px, 0);
    opacity: 0; }
  .video-cover__title {
    margin: 0 0 5px 0;
    letter-spacing: 2px;
    transition-delay: 0.2s;
    font-weight: 100;
    font-size: 1.75rem;
    line-height: 1.5em; }
    @media only screen and (min-width: 768px) {
      .video-cover__title {
        font-size: 2.35rem; } }
  .video-cover__location {
    transition-delay: 0.15s;
    color: white;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.6rem;
    display: block;
    margin: 0 0 1rem 0; }
  .video-cover__actions {
    transition-delay: 0s;
    display: flex;
    justify-content: center; }
  .video-cover__cta, .video-cover__watch, .video-cover__pause {
    color: white;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.6rem;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    text-decoration: none;
    display: flex;
    align-items: center; }
    .video-cover__cta:hover, .video-cover__watch:hover, .video-cover__pause:hover {
      color: #ed008c; }
    .video-cover__cta i, .video-cover__watch i, .video-cover__pause i {
      line-height: 1em;
      font-size: 1rem;
      margin: 0 0 0 5px; }
  .video-cover__cta {
    margin-left: 2rem; }
  .video-cover__pause {
    position: absolute;
    bottom: 9.5rem;
    left: 50%;
    transform: translate3d(-50%, 50px, 0);
    z-index: -9999; }
  .video-cover__pagination {
    position: absolute;
    bottom: 7rem;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: 2;
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 250px; }
    .video-cover__pagination button {
      flex: 1;
      margin: 0 5px;
      padding: 10px 0;
      position: relative; }
      .video-cover__pagination button[data-active='true']:before {
        width: 100%;
        transition: width 6.8s linear; }
      .video-cover__pagination button:after, .video-cover__pagination button:before {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - 1px);
        left: 0;
        height: 2px; }
      .video-cover__pagination button:after {
        width: 100%;
        background: white;
        z-index: 1; }
      .video-cover__pagination button:before {
        width: 0;
        background: #ed008c;
        z-index: 2; }
  .video-cover .scroll-indicator {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
    z-index: 2;
    transform: translate3d(0, 0, 0) scale(0.7);
    opacity: 0.5; }
    .video-cover .scroll-indicator:before {
      position: absolute;
      top: 10px;
      left: 50%;
      content: '';
      width: 6px;
      height: 6px;
      margin-left: -3px;
      background-color: #fff;
      border-radius: 100%;
      -webkit-animation: sdb10 2s infinite;
      animation: sdb10 2s infinite;
      box-sizing: border-box; }

@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }

.post-pagination .wrap--reg {
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #e0e0e0;
  padding: 5rem 0 0 0;
  flex-wrap: wrap; }

.post-pagination a {
  flex: 0 0 100%;
  background: #f9f4f1;
  padding: 1rem;
  text-decoration: none; }
  @media only screen and (min-width: 768px) {
    .post-pagination a {
      flex: 0 0 48%; } }
  @media only screen and (min-width: 992px) {
    .post-pagination a {
      flex: 0 0 450px;
      padding: 2rem; } }
  .post-pagination a.btn-prev {
    margin-bottom: 2rem;
    margin-right: auto; }
    @media only screen and (min-width: 768px) {
      .post-pagination a.btn-prev {
        margin-bottom: 0; } }
  .post-pagination a.btn-next {
    margin-left: auto; }
  .post-pagination a span {
    display: block; }
    .post-pagination a span.text--small-caps {
      margin: 0 0 5px 0; }
  .post-pagination a figure {
    position: relative;
    height: 300px;
    margin: 0 0 2rem 0;
    background: #fafafa; }
    @media only screen and (min-width: 768px) {
      .post-pagination a figure {
        height: 200px; } }
    @media only screen and (min-width: 992px) {
      .post-pagination a figure {
        height: 300px; } }
  .post-pagination a .bg-image {
    position: relative; }

.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000; }
  .popup .content {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    .popup .content .popup-text {
      margin-bottom: 3rem; }
      .popup .content .popup-text .video-header {
        color: #ffffff;
        font-weight: 500;
        font-size: 9px;
        line-height: 15px;
        letter-spacing: 2px;
        text-transform: uppercase;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem; }
        @media only screen and (min-width: 768px) {
          .popup .content .popup-text .video-header {
            margin-bottom: 0.5rem; } }
        .popup .content .popup-text .video-header .video-title {
          max-width: 236px; }
          @media only screen and (min-width: 768px) {
            .popup .content .popup-text .video-header .video-title {
              max-width: 500px; } }
        .popup .content .popup-text .video-header .btn__close {
          color: #ffffff; }
          .popup .content .popup-text .video-header .btn__close i {
            font-size: 18px; }
    .popup .content video {
      width: 100% !important;
      height: auto !important; }