/* http://meyerweb.com/eric/tools/css/reset/ 
	   v2.0 | 20110126
	   License: none (public domain)
	*/
html, body, div, span, applet, object, iframe,
h1,
.single-project #bka__project-intro.new .project__header h1,
.single-project #bka__project-intro.new .project__header .project__subtitle, h2, h3, h4, h5, h6, footer .left .copyright, .layout__team .team-member .role, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

li {
  display: block; }

blockquote, q {
  quotes: none; }

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

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

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box; }

button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0; }
  button:focus,
  input:focus,
  select:focus,
  textarea:focus {
    outline: none; }

img {
  display: block;
  height: auto; }

pre, code {
  font-family: monospace; }

@font-face {
  font-family: 'Favorit';
  src: url("fonts/favorit/favorit-light.otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Favorit';
  src: url("fonts/favorit/favorit-medium.otf");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Favorit';
  src: url("fonts/favorit/favorit-mono.otf");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Lausanne';
  src: url("fonts/lausanne/lausanne-regular.otf");
  font-weight: normal;
  font-style: normal; }

html {
  font-size: 21px; }

body {
  font-family: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem; }

em {
  font-style: italic; }

strong, b {
  font-weight: 700; }

small, h6, footer .left .copyright, .layout__team .team-member .role, label, footer, .single-project .social__sharing, .project__details, .layout__posts .post .date, .layout__offices .office .map-link {
  font-size: 0.7619047619rem;
  line-height: 1.66666667; }

blockquote span.cite, .gfield, .gform_footer .gform_button, .single-project #bka__project-intro .content, .links, .social__sharing,
.rg {
  font-size: 1rem; }

sup, blockquote, .layout__home-intro .right, .layout__posts .post h2, .single-post h1, .single-post .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .single-post h1,
.single-post .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .single-post .project__subtitle, .layout__post .body, .layout__team .team-member h4, .layout__team .team-tier2 h3,
.layout__team .team-tier3 h3, .layout__offices .office h3, .layout__contact-details h2, .layout__text .content,
.md {
  font-size: 1.5238095238rem;
  line-height: 1.25; }

h1, .single-project #bka__project-intro.new .project__header h1,
.single-project #bka__project-intro.new .project__header .project__subtitle, h2, .layout__posts .post .issue,
.lg {
  font-size: 3.5vw;
  line-height: 1.25; }

.layout__post .issue,
.xl {
  font-size: 4.5714285714rem;
  font-size: calc( 48px + 2.5vw);
  line-height: 1; }

h6, footer .left .copyright, .layout__team .team-member .role, label, .layout__posts .post .date, .layout__offices .office .map-link,
.mono {
  font-weight: 200; }

sup {
  vertical-align: super; }

blockquote {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  blockquote p {
    color: var(--section-color, #000); }
  blockquote span.cite {
    display: block; }
    blockquote span.cite span {
      display: block;
      opacity: 0.5; }
      blockquote span.cite span:first-child {
        opacity: 1;
        color: var(--section-color, #000); }


h1,
.single-project #bka__project-intro.new .project__header h1,
.single-project #bka__project-intro.new .project__header .project__subtitle, h2 {
  font-family: "Lausanne", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h3, h4, h5 {
  font-weight: 700; }
  h3 + p, h4 + p, h5 + p {
    margin-top: 0.5em; }


h1,
.single-project #bka__project-intro.new .project__header h1,
.single-project #bka__project-intro.new .project__header .project__subtitle {
  display: none; }

h6, footer .left .copyright, .layout__team .team-member .role {
  display: inline-block;
  border-bottom: 1px solid; }

img + [class*="caption"] {
  margin-top: 1rem; }

span[class*="caption"],
p[class*="caption"] {
  display: inline-block;
  font-weight: 700;
  color: var(--section-color, #000); }

p {
  line-height: 1.25; }
  p ~ p {
    margin-top: 0.5em; }
  p + h1, .single-project #bka__project-intro.new .project__header p + h1,
  .single-project #bka__project-intro.new .project__header p + .project__subtitle,
  p + h2,
  p + h3,
  p + h4,
  p + h5,
  p + h6,
  footer .left p + .copyright,
  .layout__team .team-member p + .role {
    margin-top: 1em; }

a {
  color: inherit;
  text-decoration: none;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: "linear";
  -o-transition-timing-function: "linear";
  -webkit-transition-timing-function: "linear";
  transition-timing-function: "linear";
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }


.uc {
  text-transform: uppercase; }


.nowrap {
  white-space: nowrap; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
																supported by Chrome and Opera */ }

::-webkit-input-placeholder {
  font-family: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #ccc; }

:-moz-placeholder {
  font-family: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #ccc; }

::-moz-placeholder {
  font-family: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #ccc; }

:-ms-input-placeholder {
  font-family: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #ccc; }

form {
  position: relative; }

input {
  width: 100%;
  padding: 0.5em 0;
  font-family: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #999;
  border-bottom: 1px solid; }

label {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.25;
  opacity: 0;
  overflow: hidden;
  border-bottom: 1px solid;
  -moz-transform: translate(0%, 100%);
  -o-transform: translate(0%, 100%);
  -ms-transform: translate(0%, 100%);
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
  -moz-transition-property: opacity,transform;
  -o-transition-property: opacity,transform;
  -webkit-transition-property: opacity,transform;
  transition-property: opacity,transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: "linear";
  -o-transition-timing-function: "linear";
  -webkit-transition-timing-function: "linear";
  transition-timing-function: "linear";
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  label .gfield_required {
    display: none; }

.gform_body {
  color: #999; }

.gform_footer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1em;
  height: 1.5em; }
  .gform_footer .gform_button {
    position: absolute;
    bottom: 0.35em;
    right: 0;
    text-align: right;
    line-height: 1.5em; }

.gform_validation_container {
  display: none; }

/* Slider */
.slick-slider,
.slick-list,
.slick-track {
  height: 100%; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

::-moz-selection {
  background: rgba(248, 232, 73, 0.99);
  color: #fff;
  text-shadow: none; }

::selection {
  background: rgba(248, 232, 73, 0.99);
  color: #fff;
  text-shadow: none; }

html,
body {
  width: 100%;
  height: 100%; }

body.noscroll, body.loading {
  overflow: hidden; }

body.loading #loader {
  display: block;
  z-index: 8000; }

body.loading main section {
  opacity: 0; }

body #loader {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #192129;
  z-index: 8000; }

hr {
  width: 100%;
  height: 0;
  opacity: 0;
  border: none; }
  hr.keyline {
    height: 1px;
    opacity: 1; }
  hr:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

main {
  position: relative;
  min-height: 100%;
  background-color: var(--page-background, #192129);
  z-index: 1000; }
  main:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

header,
nav,
section,
article,
aside,
footer {
  position: relative;
  z-index: 0; }

header > div,
main {
  background-color: var(--page-background, #fff);
  color: var(--page-color, #333); }

.layout h1, .layout .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .layout h1,
.layout .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .layout .project__subtitle, .layout h2, .layout h3, .layout h4, .layout h5, .layout h6, .layout footer .left .copyright, footer .left .layout .copyright, .layout .layout__team .team-member .role, .layout__team .team-member .layout .role {
  color: var(--page-headings, #000); }

.layout a:hover {
  color: var(--page-headings, #000); }

img,
svg {
  display: block; }

figure,
img {
  width: 100%;
  height: auto; }

.slick-dots li {
  float: left;
  display: block;
  opacity: 0.5;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: "linear";
  -o-transition-timing-function: "linear";
  -webkit-transition-timing-function: "linear";
  transition-timing-function: "linear";
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  .slick-dots li button {
    cursor: pointer;
    color: transparent;
    width: 0.4761904762rem;
    height: 0.4761904762rem;
    border-radius: 100%;
    background-color: #000; }
  .slick-dots li ~ li {
    margin-left: 0.75em; }
  .slick-dots li:hover {
    opacity: 0.75; }
  .slick-dots li.slick-active {
    opacity: 1; }

.slick-dots:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.slick-track {
  margin-left: 0; }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.mobile {
  display: none; }

.hidden--hard,
header .sitename,
.layout__post .next,
.layout__post .expired {
  display: none !important;
  visibility: hidden !important;
  opacity: 0; }

.pos--fixed {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 4000; }

header {
  -moz-transform: translate(0%, -100%);
  -o-transform: translate(0%, -100%);
  -ms-transform: translate(0%, -100%);
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4000; }
  header > div {
    padding: 0.9523809524rem 0 0.8465608466rem; }
  header .wrapper {
    display: flex;
    gap: 1.9047619048rem; }
  header #bka__logo {
    float: left;
    width: 50%; }
    header #bka__logo svg {
      position: absolute;
      top: 50%;
      width: 9.0476190476rem;
      height: 0.8571428571rem;
      -moz-transform: translate(0%, -50%);
      -o-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      -webkit-transform: translate(0%, -50%);
      transform: translate(0%, -50%); }
  header.minimised {
    position: fixed; }
    header.minimised > div {
      background-color: #fff !important; }
    header.minimised #bka__logo svg > * {
      fill: #000; }
    header.minimised a[rel="menu"] > span {
      background-color: #000; }
    header.minimised #bka__nav li.menu-item a:hover {
      color: #000; }
    header.minimised .back {
      display: none; }
  header[data-style="match"] > div {
    background-color: transparent; }
  header a[rel="menu"] {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 1.6666666667rem;
    height: 1.5238095238rem;
    padding: 0rem;
    z-index: 4000; }
    header a[rel="menu"] > span {
      display: block;
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #fff; }
      header a[rel="menu"] > span:first-child {
        top: 0.0952380952rem; }
      header a[rel="menu"] > span:nth-child(2) {
        top: 50%;
        -moz-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
      header a[rel="menu"] > span:last-child {
        bottom: 0.0952380952rem; }

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3rem 0 1.9047619048rem;
  color: #999;
  background-color: #192129;
  z-index: 0; }
  footer h6, footer .left .copyright, footer .layout__team .team-member .role, .layout__team .team-member footer .role {
    margin-bottom: 0.5em;
    color: #666;
    border-bottom: 1px solid rgba(102, 102, 102, 0.5); }
  footer .wrapper,
  footer .right {
    display: flex;
    gap: 1.9047619048rem; }
  footer .left,
  footer .right {
    width: 50%; }
  footer .left svg {
    margin-top: 6rem;
    width: 3.0952380952rem;
    height: 3.5714285714rem; }
    footer .left svg > * {
      fill: #8c9094; }
  footer #bka__footer-contact,
  footer #bka__footer-social {
    width: 50%; }

#bka__nav {
  width: 50%; }
  #bka__nav > nav li.menu-item {
    display: inline-block;
    line-height: 1;
    padding-top: 0.35em;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: "linear";
    -o-transition-timing-function: "linear";
    -webkit-transition-timing-function: "linear";
    transition-timing-function: "linear";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    #bka__nav > nav li.menu-item.current-menu-item {
      color: #000; }
    #bka__nav > nav li.menu-item ~ li.menu-item {
      margin-left: 1.9047619048rem; }
    #bka__nav > nav li.menu-item.dim {
      opacity: 0.5; }
    #bka__nav > nav li.menu-item a {
      position: relative;
      padding-bottom: 0.125em; }
      #bka__nav > nav li.menu-item a:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0%;
        height: 2px;
        background-color: #f8e849;
        -moz-transition-property: width;
        -o-transition-property: width;
        -webkit-transition-property: width;
        transition-property: width;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -moz-transition-timing-function: "linear";
        -o-transition-timing-function: "linear";
        -webkit-transition-timing-function: "linear";
        transition-timing-function: "linear";
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
      #bka__nav > nav li.menu-item a:hover {
        color: #000; }
      #bka__nav > nav li.menu-item a:hover:before {
        width: 100%; }
  #bka__nav > nav li.back {
    position: absolute;
    cursor: pointer;
    top: calc( 100% + 0.5em); }
    #bka__nav > nav li.back a > span {
      float: right;
      width: auto;
      opacity: 0;
      margin-left: 0.5em; }
    #bka__nav > nav li.back:hover {
      color: inherit; }
      #bka__nav > nav li.back:hover a {
        color: #f8e849; }
        #bka__nav > nav li.back:hover a > span {
          width: auto;
          opacity: 1;
          color: #000; }

#bka__mobile-social {
  display: none; }

nav li {
  display: block; }
  nav li a > span {
    display: block;
    float: left;
    overflow: hidden;
    width: 0;
    -moz-transition-property: opacity,width;
    -o-transition-property: opacity,width;
    -webkit-transition-property: opacity,width;
    transition-property: opacity,width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: "ease-in-out";
    -o-transition-timing-function: "ease-in-out";
    -webkit-transition-timing-function: "ease-in-out";
    transition-timing-function: "ease-in-out";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  nav li a:hover {
    color: #fff; }
    nav li a:hover > span {
      width: 1em; }

.page-home main {
  background-color: #101820; }

#bka__home-afeature {
  padding: 0;
  height: 100vh;
  min-height: 640px; }

.layout__afeature {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .layout__afeature .slides {
    height: 100%;
    overflow: hidden; }
  .layout__afeature .slide {
    position: relative;
    height: 100%; }
    .layout__afeature .slide > .wrapper {
      height: 100%; }
    .layout__afeature .slide .content {
      position: absolute;
      right: 0;
      bottom: 3rem;
      width: 50%;
      padding: 0 0.9523809524rem;
      color: #fff;
      z-index: 1000; }
      .layout__afeature .slide .content > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .layout__afeature .slide .content h2 {
        width: 80%; }
      .layout__afeature .slide .content .lead-in {
        display: inline-block;
        position: relative;
        pointer-events: none; }
        .layout__afeature .slide .content .lead-in:before {
          content: "";
          position: absolute;
          top: 80%;
          left: 0;
          width: 0%;
          height: 2px;
          background-color: #f8e849;
          -moz-transition-property: width;
          -o-transition-property: width;
          -webkit-transition-property: width;
          transition-property: width;
          -moz-transition-duration: 0.2s;
          -o-transition-duration: 0.2s;
          -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
          -moz-transition-timing-function: "linear";
          -o-transition-timing-function: "linear";
          -webkit-transition-timing-function: "linear";
          transition-timing-function: "linear";
          -moz-transition-delay: 0s;
          -o-transition-delay: 0s;
          -webkit-transition-delay: 0s;
          transition-delay: 0s; }
      .layout__afeature .slide .content:hover .lead-in:before {
        width: 100%; }
    .layout__afeature .slide figure {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #101820;
      z-index: 0; }
      .layout__afeature .slide figure img {
        opacity: 0.9;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .layout__afeature .slide__nav {
    position: absolute;
    left: 0;
    bottom: 3rem;
    width: 100%;
    padding: 1.9047619048rem 0.9523809524rem 0; }
    .layout__afeature .slide__nav .slick-dots {
      float: left; }
    .layout__afeature .slide__nav .slick-next {
      display: inline-block;
      float: left;
      font-weight: 700;
      color: #fff;
      opacity: 0.5;
      cursor: pointer;
      margin-left: 0.75em;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: "linear";
      -o-transition-timing-function: "linear";
      -webkit-transition-timing-function: "linear";
      transition-timing-function: "linear";
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
      .layout__afeature .slide__nav .slick-next:hover {
        opacity: 1; }
    .layout__afeature .slide__nav:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }

.layout__home-intro {
  padding-bottom: 2rem; }
  .layout__home-intro .content {
    position: absolute;
    top: 33.3333333333%;
    display: flex;
    gap: 1.9047619048rem;
    z-index: 1000; }
    .layout__home-intro .content > div {
      width: 50%; }
  .layout__home-intro .left {
    color: #fff; }
  .layout__home-intro .right {
    left: 50%;
    color: #999; }
  .layout__home-intro .type__mobile {
    display: none; }
  .layout__home-intro svg > * {
    fill: #fff; }

.layout__latest-feed .header hr {
  width: 100%;
  height: 0;
  opacity: 1;
  border-top: 2px solid #999 !important; }

.layout__latest-feed .header h3 {
  margin-top: 0.25em;
  margin-bottom: 4rem; }

.layout__latest-feed .posts {
  overflow: hidden; }

.layout__latest-feed .post {
  position: relative;
  float: left;
  width: 14.2857142857%;
  padding-right: 1.9047619048rem; }
  .layout__latest-feed .post > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000; }
  .layout__latest-feed .post figure {
    position: relative;
    background-color: #101820;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: "ease-in-out";
    -o-transition-timing-function: "ease-in-out";
    -webkit-transition-timing-function: "ease-in-out";
    transition-timing-function: "ease-in-out";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    .layout__latest-feed .post figure .category {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0.9523809524rem;
      color: #ccc;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: "linear";
      -o-transition-timing-function: "linear";
      -webkit-transition-timing-function: "linear";
      transition-timing-function: "linear";
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      z-index: 1000; }
      .layout__latest-feed .post figure .category > span {
        color: #f8e849; }
    .layout__latest-feed .post figure img {
      filter: grayscale(100%);
      opacity: 0.5;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: "ease-in-out";
      -o-transition-timing-function: "ease-in-out";
      -webkit-transition-timing-function: "ease-in-out";
      transition-timing-function: "ease-in-out";
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      z-index: 0; }
  .layout__latest-feed .post .subtitle {
    display: block;
    margin: 1em 0 0; }
  .layout__latest-feed .post h4 {
    color: #999;
    line-height: 1.3333;
    min-height: 3em;
    font-weight: 400; }
    .layout__latest-feed .post h4 a > span {
      display: block;
      float: left;
      overflow: hidden;
      width: 0;
      -moz-transition-property: width;
      -o-transition-property: width;
      -webkit-transition-property: width;
      transition-property: width;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -moz-transition-timing-function: "ease-in-out";
      -o-transition-timing-function: "ease-in-out";
      -webkit-transition-timing-function: "ease-in-out";
      transition-timing-function: "ease-in-out";
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
  .layout__latest-feed .post:hover figure {
    background-color: #101820; }
    .layout__latest-feed .post:hover figure .category {
      opacity: 0; }
    .layout__latest-feed .post:hover figure img {
      filter: grayscale(0%);
      opacity: 1; }
  .layout__latest-feed .post:hover h4 a {
    color: #fff; }
    .layout__latest-feed .post:hover h4 a > span {
      width: 1em; }

.layout__latest-feed .feed__nav {
  padding: 1.9047619048rem 0; }
  .layout__latest-feed .feed__nav .slick-dots {
    float: left; }
  .layout__latest-feed .feed__nav .slick-next {
    display: inline-block;
    float: left;
    font-weight: 700;
    color: #fff;
    opacity: 0.5;
    cursor: pointer;
    margin-left: 0.75em;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: "linear";
    -o-transition-timing-function: "linear";
    -webkit-transition-timing-function: "linear";
    transition-timing-function: "linear";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    .layout__latest-feed .feed__nav .slick-next:hover {
      opacity: 1; }
  .layout__latest-feed .feed__nav:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

#drag-indicator {
  position: fixed;
  display: block;
  visibility: hidden;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  margin: -50px 0 0 -25px;
  border-radius: 100%;
  background-color: #000;
  z-index: 2000;
  pointer-events: none; }
  .touch #drag-indicator {
    display: none; }
  #drag-indicator:before {
    content: "drag";
    display: block;
    font-size: 0.8em;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none; }
  #drag-indicator svg {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -1px;
    left: -1px; }

[class*="archive-project"] header[role="banner"] > div,
[class*="tax-project_type"] header[role="banner"] > div {
  background-color: #fff; }

[class*="archive-project"] main,
[class*="tax-project_type"] main {
  background-color: #e9e9e9; }

#bka__projects-index {
  padding-top: 0; }

.journal__options {
  display: none !important; }

.layout__project-filters h3 {
  display: block;
  font-family: "Lausanne", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  color: #000;
  font-weight: 400; }

.layout__project-filters .wrapper {
  display: flex;
  gap: 1.9047619048rem; }

.layout__project-filters .options,
.layout__project-filters .description {
  width: 50%; }

.layout__project-filters .options {
  display: flex;
  gap: 1.9047619048rem; }
  .layout__project-filters .options .filters,
  .layout__project-filters .options .sectors,
  .layout__project-filters .options .sectors menu {
    display: flex;
    flex-direction: column;
    gap: 0.25em; }
  .layout__project-filters .options .sectors menu .current,
  .layout__project-filters .options .sectors menu li a:hover {
    color: #000; }

.facetwp-type-reset {
  margin: 0; }
  .facetwp-type-reset.checked {
    color: #000; }

.facetwp-type-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 0.25em; }
  .facetwp-type-checkboxes .checked {
    color: #000; }
  .facetwp-type-checkboxes .disabled {
    pointer-events: none;
    opacity: 0.5; }
  .facetwp-type-checkboxes .facetwp-checkbox {
    cursor: pointer; }
    .facetwp-type-checkboxes .facetwp-checkbox:hover {
      color: #000; }

.facetwp-reset {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  cursor: pointer; }
  .facetwp-reset:hover {
    color: #000; }

.facetwp-counter {
  display: none; }

.section__header {
  width: 100%;
  grid-column: 1/-1;
  padding-top: 4rem;
  border-bottom: 1px solid; }
  .section__header h1, .section__header .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .section__header h1,
  .section__header .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .section__header .project__subtitle, .section__header h2, .section__header h3, .section__header h4, .section__header h5, .section__header h6, .section__header footer .left .copyright, footer .left .section__header .copyright, .section__header .layout__team .team-member .role, .layout__team .team-member .section__header .role {
    font-size: 1.25rem;
    line-height: 2;
    color: #000; }

.layout__project-listing.featured .project {
  grid-column: span 6; }

.layout__project-listing.feed {
  margin-top: 0 !important; }

.layout__project-listing.filtered .project-featured {
  display: block; }

.layout__project-listing .wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.9047619048rem; }

.layout__project-listing .project-feed-featured {
  display: none;
  order: 0; }

.layout__project-listing .project,
.layout__project-listing .project-feed,
.layout__project-listing .project-feed-featured,
.layout__project-listing .project-featured {
  position: relative;
  grid-column: span 3;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: "linear";
  -o-transition-timing-function: "linear";
  -webkit-transition-timing-function: "linear";
  transition-timing-function: "linear";
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  .layout__project-listing .project > a,
  .layout__project-listing .project-feed > a,
  .layout__project-listing .project-feed-featured > a,
  .layout__project-listing .project-featured > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000; }
  .layout__project-listing .project figure,
  .layout__project-listing .project-feed figure,
  .layout__project-listing .project-feed-featured figure,
  .layout__project-listing .project-featured figure {
    position: relative;
    width: 100%;
    aspect-ratio: 4/3;
    background-color: #e9e9e9;
    margin-bottom: 0.5em;
    overflow: hidden; }
    .layout__project-listing .project figure > div,
    .layout__project-listing .project-feed figure > div,
    .layout__project-listing .project-feed-featured figure > div,
    .layout__project-listing .project-featured figure > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .layout__project-listing .project figure img,
    .layout__project-listing .project-feed figure img,
    .layout__project-listing .project-feed-featured figure img,
    .layout__project-listing .project-featured figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .layout__project-listing .project .title,
  .layout__project-listing .project-feed .title,
  .layout__project-listing .project-feed-featured .title,
  .layout__project-listing .project-featured .title {
    padding-top: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4761904762rem;
    line-height: 1.25;
    min-height: 4.5em; }
    .layout__project-listing .project .title:after,
    .layout__project-listing .project-feed .title:after,
    .layout__project-listing .project-feed-featured .title:after,
    .layout__project-listing .project-featured .title:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }
  .layout__project-listing .project h3,
  .layout__project-listing .project-feed h3,
  .layout__project-listing .project-feed-featured h3,
  .layout__project-listing .project-featured h3 {
    display: block;
    font-weight: 400;
    font-size: 1.2380952381rem;
    line-height: 1.5;
    color: #000; }
    .layout__project-listing .project h3 > span,
    .layout__project-listing .project-feed h3 > span,
    .layout__project-listing .project-feed-featured h3 > span,
    .layout__project-listing .project-featured h3 > span {
      display: block; }
    .layout__project-listing .project h3 .title__content,
    .layout__project-listing .project-feed h3 .title__content,
    .layout__project-listing .project-feed-featured h3 .title__content,
    .layout__project-listing .project-featured h3 .title__content {
      color: #000;
      margin-right: 0.25em; }
    .layout__project-listing .project h3:after,
    .layout__project-listing .project-feed h3:after,
    .layout__project-listing .project-feed-featured h3:after,
    .layout__project-listing .project-featured h3:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }
  .layout__project-listing .project .detail,
  .layout__project-listing .project-feed .detail,
  .layout__project-listing .project-feed-featured .detail,
  .layout__project-listing .project-featured .detail {
    display: block;
    color: #666; }
  .layout__project-listing .project .description,
  .layout__project-listing .project .cta,
  .layout__project-listing .project-feed .description,
  .layout__project-listing .project-feed .cta,
  .layout__project-listing .project-feed-featured .description,
  .layout__project-listing .project-feed-featured .cta,
  .layout__project-listing .project-featured .description,
  .layout__project-listing .project-featured .cta {
    font-size: 90%; }
  .layout__project-listing .project .cta,
  .layout__project-listing .project-feed .cta,
  .layout__project-listing .project-feed-featured .cta,
  .layout__project-listing .project-featured .cta {
    color: #000; }
  .layout__project-listing .project.new,
  .layout__project-listing .project-feed.new,
  .layout__project-listing .project-feed-featured.new,
  .layout__project-listing .project-featured.new {
    opacity: 0; }
  .layout__project-listing .project:hover,
  .layout__project-listing .project-feed:hover,
  .layout__project-listing .project-feed-featured:hover,
  .layout__project-listing .project-featured:hover {
    opacity: 1 !important; }

.layout__project-experience > .wrapper {
  padding-left: 0.9523809524rem; }
  .layout__project-experience > .wrapper > div {
    border-top: 2px solid #fff; }

.layout__project-experience h3 {
  margin: 1rem 0 4rem; }

.layout__project-experience table {
  width: 100%; }
  .layout__project-experience table .project {
    width: 50%; }
  .layout__project-experience table .client, .layout__project-experience table .location {
    width: 25%; }
  .layout__project-experience table th {
    padding-bottom: 2rem;
    padding-right: 0.9523809524rem;
    padding-left: 0.9523809524rem; }
    .layout__project-experience table th:first-child {
      padding-left: 0; }
    .layout__project-experience table th:last-child {
      padding-right: 0; }
  .layout__project-experience table td {
    padding-top: 0.25em;
    line-height: 2;
    vertical-align: middle;
    padding-right: 0.9523809524rem;
    padding-left: 0.9523809524rem; }
    .layout__project-experience table td > span {
      display: block;
      border-bottom: 1px solid #fff; }
    .layout__project-experience table td:first-child {
      padding-left: 0; }
    .layout__project-experience table td:last-child {
      padding-right: 0; }

.single-project header > div,
.single-project main {
  background-color: var(--page-background, #fff); }

.single-project h1, .single-project #bka__project-intro.new .project__header h1,
.single-project #bka__project-intro.new .project__header .project__subtitle {
  display: block;
  color: #000; }

.single-project #bka__project-intro h1, .single-project #bka__project-intro.new .project__header h1,
.single-project #bka__project-intro.new .project__header .project__subtitle {
  padding: 0;
  height: 11.9047619048rem;
  width: 100%;
  float: none; }

.single-project #bka__project-intro .left {
  float: right;
  width: 50%;
  padding: 0 0.9523809524rem; }

.single-project #bka__project-intro .content {
  float: right;
  padding-top: 0;
  line-height: 1.5; }
  .single-project #bka__project-intro .content h3, .single-project #bka__project-intro .content h4, .single-project #bka__project-intro .content p {
    width: 88%;
    max-width: 38.0952380952rem; }

.single-project #bka__project-intro.new h1, .single-project #bka__project-intro.new .project__header h1,
.single-project #bka__project-intro.new .project__header .project__subtitle {
  width: unset;
  height: unset; }

.single-project #bka__project-intro.new .project__header {
  width: auto;
  margin-bottom: 3.5vw; }
  .single-project #bka__project-intro.new .project__header h1,
  .single-project #bka__project-intro.new .project__header .project__subtitle,
  .single-project #bka__project-intro.new .project__header .project__subtitle {
    display: inline; }

.single-project #bka__project-intro.new .project__content {
  padding: 1.9047619048rem;
  display: flex;
  gap: 1.9047619048rem; }

.single-project #bka__project-intro.new .project__body {
  width: 50%;
  flex-basis: 50%;
  line-height: 1.5; }
  .single-project #bka__project-intro.new .project__body > div {
    width: 88%; }

.single-project #bka__project-intro.new .project__details {
  font-size: unset;
  max-width: unset;
  min-height: unset;
  width: 50%;
  flex-basis: 50%; }
  .single-project #bka__project-intro.new .project__details dl {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 0.5em;
    line-height: 1.5; }
    .single-project #bka__project-intro.new .project__details dl dt, .single-project #bka__project-intro.new .project__details dl dd {
      grid-column: span 3; }
    .single-project #bka__project-intro.new .project__details dl dt {
      grid-column: span 1; }

.single-project .layout a:hover {
  color: #000; }

.single-project .social__sharing {
  margin-top: 6rem; }

.project__details {
  width: 100%;
  max-width: 38.0952380952rem;
  min-height: 5.9523809524rem; }
  .project__details li {
    float: left;
    width: 33.3333333333%; }
    .project__details li ~ li {
      padding-left: 1.9047619048rem; }
    .project__details li > span:first-child {
      display: inline-block;
      margin-bottom: 0.5em;
      font-weight: 200;
      color: #666;
      border-bottom: 1px solid rgba(102, 102, 102, 0.25); }
    .project__details li > span:last-child {
      display: block; }
  .project__details:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.layout__project-nav a {
  display: block;
  float: left;
  width: 33.3333333333%;
  padding: 4rem 0.9523809524rem; }
  .layout__project-nav a.disabled {
    opacity: 0.25;
    pointer-events: none; }
    .layout__project-nav a.disabled:hover {
      color: inherit; }
  .layout__project-nav a.top {
    text-align: center; }
  .layout__project-nav a.next {
    text-align: right; }

#bka__project-layout .layout ~ .layout {
  margin-top: 4rem; }

.layout__columns_2 .wrapper > div {
  float: left;
  width: 50%;
  height: 100%;
  padding: 0 0.9523809524rem;
  min-height: 1px; }
  .layout__columns_2 .wrapper > div .bottom {
    position: absolute;
    bottom: 0;
    padding: 0 0.9523809524rem;
    width: 50%; }
    .layout__columns_2 .wrapper > div .bottom.half {
      width: 25%; }
    .layout__columns_2 .wrapper > div .bottom.right {
      right: 0; }
  .layout__columns_2 .wrapper > div .middle {
    position: absolute;
    top: 50%;
    padding: 0 0.9523809524rem;
    width: 50%;
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
    .layout__columns_2 .wrapper > div .middle.half {
      width: 25%; }
    .layout__columns_2 .wrapper > div .middle.right {
      right: 0; }
  .layout__columns_2 .wrapper > div h3, .layout__columns_2 .wrapper > div h4, .layout__columns_2 .wrapper > div p {
    width: 88%;
    max-width: 38.0952380952rem; }

.layout__slideshow .slides {
  padding: 0 0.9523809524rem; }

.layout__slideshow .slide__nav {
  padding: 1.9047619048rem 0.9523809524rem 0; }
  .layout__slideshow .slide__nav .slick-dots {
    float: left; }
  .layout__slideshow .slide__nav .slick-next {
    display: inline-block;
    float: left;
    font-weight: 700;
    color: #000;
    opacity: 0.5;
    cursor: pointer;
    margin-left: 0.75em;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: "linear";
    -o-transition-timing-function: "linear";
    -webkit-transition-timing-function: "linear";
    transition-timing-function: "linear";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    .layout__slideshow .slide__nav .slick-next:hover {
      opacity: 1; }
  .layout__slideshow .slide__nav:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.layout__related-projects .header {
  padding: 0 0.9523809524rem; }
  .layout__related-projects .header hr {
    width: 100%;
    height: 0;
    opacity: 1;
    border-top: 2px solid #999 !important; }
  .layout__related-projects .header h3 {
    margin-top: 0.25em;
    margin-bottom: 4rem;
    color: #666; }

.layout__related-projects .posts {
  overflow: hidden; }

.layout__related-projects .post {
  position: relative;
  float: left;
  width: 25%;
  padding: 0 0.9523809524rem; }
  .layout__related-projects .post > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000; }
  .layout__related-projects .post figure {
    position: relative;
    background-color: #101820; }
    .layout__related-projects .post figure .category {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0.9523809524rem;
      color: #fff;
      z-index: 1000; }
      .layout__related-projects .post figure .category > span {
        color: #f8e849; }
    .layout__related-projects .post figure img {
      z-index: 0; }
  .layout__related-projects .post h4 {
    margin: 1em 0 0;
    color: #999;
    line-height: 1.3333;
    min-height: 3em;
    font-weight: 400; }
    .layout__related-projects .post h4 a > span {
      display: none;
      float: left;
      overflow: hidden;
      width: 0;
      -moz-transition-property: width;
      -o-transition-property: width;
      -webkit-transition-property: width;
      transition-property: width;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -moz-transition-timing-function: "ease-in-out";
      -o-transition-timing-function: "ease-in-out";
      -webkit-transition-timing-function: "ease-in-out";
      transition-timing-function: "ease-in-out";
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
  .layout__related-projects .post figure {
    background-color: #101820; }

.layout__related-projects .feed__nav {
  padding: 1.9047619048rem 0.9523809524rem 0; }
  .layout__related-projects .feed__nav .slick-dots {
    float: left; }
    .layout__related-projects .feed__nav .slick-dots ~ .slick-next {
      display: inline-block; }
  .layout__related-projects .feed__nav .slick-next {
    display: none;
    float: left;
    font-weight: 700;
    color: #000;
    opacity: 0.5;
    cursor: pointer;
    margin-left: 0.75em;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: "linear";
    -o-transition-timing-function: "linear";
    -webkit-transition-timing-function: "linear";
    transition-timing-function: "linear";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    .layout__related-projects .feed__nav .slick-next:hover {
      opacity: 1; }
  .layout__related-projects .feed__nav:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.blog main {
  background-color: #e9e9e9; }

.blog h1, .blog .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .blog h1,
.blog .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .blog .project__subtitle {
  display: block;
  color: #000; }

.blog .layout__text p + .gform_wrapper {
  margin-top: 4rem; }

.layout__posts {
  -moz-transition-property: height;
  -o-transition-property: height;
  -webkit-transition-property: height;
  transition-property: height;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -moz-transition-timing-function: "linear";
  -o-transition-timing-function: "linear";
  -webkit-transition-timing-function: "linear";
  transition-timing-function: "linear";
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  .layout__posts .post {
    position: relative;
    float: left;
    width: 25%;
    padding: 0 0.9523809524rem;
    margin-bottom: 8rem;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: "linear";
    -o-transition-timing-function: "linear";
    -webkit-transition-timing-function: "linear";
    transition-timing-function: "linear";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    .layout__posts .post > a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000; }
    .layout__posts .post .issue {
      display: block;
      position: relative;
      margin-bottom: 1rem;
      font-family: "Lausanne", "Helvetica Neue", Helvetica, Arial, sans-serif;
      height: 4.375vw; }
      .layout__posts .post .issue > span {
        position: absolute;
        top: 0;
        left: 0;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -moz-transition-timing-function: "linear";
        -o-transition-timing-function: "linear";
        -webkit-transition-timing-function: "linear";
        transition-timing-function: "linear";
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
        .layout__posts .post .issue > span.filled {
          opacity: 1;
          color: white; }
        .layout__posts .post .issue > span.outline {
          opacity: 0;
          color: rgba(255, 255, 255, 0);
          -webkit-text-stroke: 1px black; }
    .layout__posts .post figure {
      position: relative;
      background-color: #101820;
      -moz-transition-property: background-color;
      -o-transition-property: background-color;
      -webkit-transition-property: background-color;
      transition-property: background-color;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: "ease-in-out";
      -o-transition-timing-function: "ease-in-out";
      -webkit-transition-timing-function: "ease-in-out";
      transition-timing-function: "ease-in-out";
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
      .layout__posts .post figure .category {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0.9523809524rem;
        color: #ccc;
        opacity: 0;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -moz-transition-timing-function: "linear";
        -o-transition-timing-function: "linear";
        -webkit-transition-timing-function: "linear";
        transition-timing-function: "linear";
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        z-index: 1000; }
        .layout__posts .post figure .category > span {
          color: #f8e849; }
      .layout__posts .post figure img {
        opacity: 1;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -moz-transition-timing-function: "ease-in-out";
        -o-transition-timing-function: "ease-in-out";
        -webkit-transition-timing-function: "ease-in-out";
        transition-timing-function: "ease-in-out";
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        z-index: 0; }
    .layout__posts .post .date {
      margin-top: 1rem;
      display: inline-block;
      border-bottom: 1px solid;
      color: #999; }
    .layout__posts .post h2 {
      margin: 0.5em 0 0;
      min-height: 3.0476190476em;
      font-family: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #999;
      font-weight: 400; }
      .layout__posts .post h2 a > span {
        display: block;
        float: left;
        overflow: hidden;
        width: 0;
        -moz-transition-property: width;
        -o-transition-property: width;
        -webkit-transition-property: width;
        transition-property: width;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -moz-transition-timing-function: "ease-in-out";
        -o-transition-timing-function: "ease-in-out";
        -webkit-transition-timing-function: "ease-in-out";
        transition-timing-function: "ease-in-out";
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
    .layout__posts .post.new {
      opacity: 0; }
    .layout__posts .post:hover .issue > span.filled {
      opacity: 0; }
    .layout__posts .post:hover .issue > span.outline {
      opacity: 1; }
    .layout__posts .post:hover figure {
      background-color: #101820; }
      .layout__posts .post:hover figure .category {
        opacity: 1; }
      .layout__posts .post:hover figure img {
        opacity: 0.25; }
    .layout__posts .post:hover h2 a {
      color: #000; }
      .layout__posts .post:hover h2 a > span {
        width: 1em; }

.blog section:last-of-type {
  padding-bottom: 0; }

.blog .journal__options > .wrapper a.more {
  display: none;
  position: relative !important; }

.single-post.odd header > div,
.single-post.odd main {
  background-color: #d9d9d9; }

.single-post main {
  background-color: #e9e9e9; }

.single-post h1, .single-post .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .single-post h1,
.single-post .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .single-post .project__subtitle {
  display: block;
  font-family: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  width: 66.6666666667%;
  margin-bottom: 6rem; }

#bka__post {
  padding-bottom: 0; }
  #bka__post.odd {
    background-color: #d9d9d9; }
  #bka__post.even {
    background-color: #e9e9e9; }

.layout__post {
  padding: 4rem 0; }
  .layout__post.even {
    background-color: #e9e9e9; }
  .layout__post.odd {
    background-color: #d9d9d9; }
  .layout__post .body,
  .layout__post .images {
    padding: 0 0.9523809524rem;
    float: left;
    width: 50%;
    color: #999; }
    .layout__post .body a:hover,
    .layout__post .images a:hover {
      color: #333; }
    .layout__post .body .social__sharing > span,
    .layout__post .images .social__sharing > span {
      color: #333; }
  .layout__post .body p {
    width: 90%;
    max-width: 960px; }
  .layout__post .issue {
    display: block;
    margin-bottom: 6rem;
    color: #fff;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: 1px #fff;
    text-indent: -0.09em; }
  .layout__post .date {
    display: block;
    font-weight: 700;
    color: #999; }

.journal__options {
  color: #999; }
  .journal__options > .wrapper {
    padding: 2rem 0.9523809524rem; }
    .journal__options > .wrapper a {
      position: relative;
      display: inline-block;
      line-height: 1;
      padding: 0.9523809524rem 0; }
      .journal__options > .wrapper a:hover {
        color: #333; }
      .journal__options > .wrapper a.more {
        position: absolute;
        left: 50%;
        padding-left: 0.9523809524rem; }

.page-studio.page-template-default header > div,
.page-studio.page-template-default main {
  background-color: #b0c4cb;
  color: #333; }

.page-studio.page-template-default .layout h1, .page-studio.page-template-default .layout .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .page-studio.page-template-default .layout h1,
.page-studio.page-template-default .layout .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .page-studio.page-template-default .layout .project__subtitle, .page-studio.page-template-default .layout h2, .page-studio.page-template-default .layout h3, .page-studio.page-template-default .layout h4, .page-studio.page-template-default .layout h5, .page-studio.page-template-default .layout h6, .page-studio.page-template-default .layout footer .left .copyright, footer .left .page-studio.page-template-default .layout .copyright, .page-studio.page-template-default .layout .layout__team .team-member .role, .layout__team .team-member .page-studio.page-template-default .layout .role {
  color: #fff; }

.page-studio.page-template-default .layout a:hover {
  color: #fff; }

.page-studio.page-template-default .layout:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

#bka__studio-profile .layout__text h1, #bka__studio-profile .layout__text .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header #bka__studio-profile .layout__text h1,
#bka__studio-profile .layout__text .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header #bka__studio-profile .layout__text .project__subtitle, #bka__studio-profile .layout__text h2, #bka__studio-profile .layout__text h3, #bka__studio-profile .layout__text h4, #bka__studio-profile .layout__text h5, #bka__studio-profile .layout__text h6, #bka__studio-profile .layout__text footer .left .copyright, footer .left #bka__studio-profile .layout__text .copyright, #bka__studio-profile .layout__text .layout__team .team-member .role, .layout__team .team-member #bka__studio-profile .layout__text .role {
  float: none;
  width: 100%;
  margin-top: 0; }

#bka__studio-profile .layout__text h2 {
  margin-bottom: 2rem; }

#bka__studio-profile .layout__text .content,
#bka__studio-profile .layout__text figure {
  float: left;
  width: 50%; }

#bka__studio-profile .layout__text .content {
  padding-top: 0;
  padding-right: 1.9047619048rem; }

#bka__studio-profile .layout__text figure {
  padding-left: 0.9523809524rem;
  padding-right: 0.9523809524rem; }

#bka__studio-approach .layout__text h1, #bka__studio-approach .layout__text .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header #bka__studio-approach .layout__text h1,
#bka__studio-approach .layout__text .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header #bka__studio-approach .layout__text .project__subtitle, #bka__studio-approach .layout__text h2, #bka__studio-approach .layout__text h3, #bka__studio-approach .layout__text h4, #bka__studio-approach .layout__text h5, #bka__studio-approach .layout__text h6, #bka__studio-approach .layout__text footer .left .copyright, footer .left #bka__studio-approach .layout__text .copyright, #bka__studio-approach .layout__text .layout__team .team-member .role, .layout__team .team-member #bka__studio-approach .layout__text .role {
  float: none;
  width: 100%;
  margin-top: 0; }

#bka__studio-approach .layout__text h2 {
  margin-bottom: 2rem; }

#bka__studio-approach .layout__text .content,
#bka__studio-approach .layout__text .images {
  float: left;
  width: 50%; }

#bka__studio-approach .layout__text .content {
  padding-top: 0;
  padding-right: 1.9047619048rem; }

#bka__studio-approach .layout__text .images {
  padding-left: 0.9523809524rem;
  padding-right: 0.9523809524rem; }
  #bka__studio-approach .layout__text .images figure {
    float: left;
    width: calc( 50% - 0.9523809524rem); }
    #bka__studio-approach .layout__text .images figure + figure {
      float: right; }

.layout__team .wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.9047619048rem; }

.layout__team [class*="team-tier"] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  row-gap: 6rem; }

.layout__team .team-member {
  grid-column: span 3; }
  .layout__team .team-member .bio {
    line-height: 1.25; }
  .layout__team .team-member.tier1:first-child {
    grid-column: 7/10; }
  .layout__team .team-member.tier2 h4 {
    font-size: 1.25rem; }
  .layout__team .team-member.tier2 .qualifications {
    font-size: 80%; }
  .layout__team .team-member figure {
    background-color: #b0c4cb;
    margin-bottom: 1rem; }
    .layout__team .team-member figure img {
      filter: grayscale(100%);
      mix-blend-mode: multiply; }
  .layout__team .team-member .role {
    margin-bottom: 0.5em;
    color: #fff; }
  .layout__team .team-member h4 {
    margin-bottom: 2rem;
    color: #333; }
  .layout__team .team-member .qualifications {
    margin-bottom: 2rem;
    line-height: 1.5; }

.layout__team .team-tier2 > *,
.layout__team .team-tier3 > * {
  grid-column: 1/-1; }

.layout__team .team-tier2 h3,
.layout__team .team-tier3 h3 {
  margin-bottom: 2rem; }

.layout__team .team-tier3 ul {
  column-count: 6;
  column-gap: 1.9047619048rem; }

#bka__studio-people .layout__image-2up + .layout__image {
  margin-top: 1.9047619048rem; }

.page-contact header > div,
.page-contact main {
  background-color: #e6e6e6; }

.page-contact main a:hover {
  color: #000 !important; }

.page-contact .header {
  padding: 0 0.9523809524rem; }
  .page-contact .header h2 {
    padding-bottom: 0.25em;
    color: #000;
    border-bottom: 2px solid #fff; }

#bka__contact {
  padding-bottom: 8rem; }

.layout__offices .offices {
  width: 100%;
  padding: 6rem 0;
  border-bottom: 2px solid #fff; }
  .layout__offices .offices:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.layout__offices .office {
  float: left;
  width: 25%;
  padding: 0 0.9523809524rem; }
  .layout__offices .office h3 {
    margin-bottom: 1em;
    font-weight: 400; }
  .layout__offices .office address,
  .layout__offices .office .website {
    color: #999; }
  .layout__offices .office .map-link {
    display: inline-block;
    margin-top: 1rem;
    border-bottom: 1px solid; }

.layout__contact-details h2 {
  font-family: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 1em; }

.layout__contact-details .wrapper > div {
  float: left;
  padding: 0 0.9523809524rem; }

.layout__contact-details .column-1,
.layout__contact-details .column-2 {
  width: 25%; }

.layout__contact-details .column-3 {
  width: 50%; }

section {
  opacity: 0;
  visibility: hidden;
  padding: 6rem 0 3rem; }
  section.first {
    padding-top: 15vh; }
  section:last-of-type {
    padding-bottom: 16rem; }

.wrapper {
  position: relative;
  margin: 0 auto;
  width: 83.4%;
  max-width: 2400px; }

.layout ~ .layout {
  margin-top: 6rem; }

.layout__text .header h1, .layout__text .header .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .layout__text .header h1,
.layout__text .header .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .layout__text .header .project__subtitle {
  display: block;
  color: #000; }

.layout__text .content p + h1, .layout__text .content .single-project #bka__project-intro.new .project__header p + h1, .single-project #bka__project-intro.new .project__header .layout__text .content p + h1,
.layout__text .content .single-project #bka__project-intro.new .project__header p + .project__subtitle, .single-project #bka__project-intro.new .project__header .layout__text .content p + .project__subtitle,
.layout__text .content p + h2,
.layout__text .content p + h3,
.layout__text .content p + h4,
.layout__text .content p + h5,
.layout__text .content p + h6,
.layout__text .content footer .left p + .copyright,
footer .left .layout__text .content p + .copyright,
.layout__text .content .layout__team .team-member p + .role,
.layout__team .team-member .layout__text .content p + .role {
  margin-top: 1em; }

.layout__text .content h2 {
  float: none;
  width: 100%;
  font-weight: 400;
  font-size: 1.15em;
  margin-bottom: 0.5em;
  padding: 0; }

.layout__text h1, .layout__text .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .layout__text h1,
.layout__text .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .layout__text .project__subtitle, .layout__text h2,
.layout__text .content {
  float: left;
  width: 50%;
  padding: 0 0.9523809524rem; }

.layout__text .content {
  padding-top: 0.6em; }

.layout__image .wrapper {
  padding: 0 1.9047619048rem; }

.layout__image-2up .wrapper > div {
  float: left;
  width: 50%;
  padding: 0 0.9523809524rem; }

.links {
  margin-top: 3rem; }
  .links li {
    padding: 0.25em 0; }

.social__sharing {
  margin-top: 4rem; }

@media screen and (min-width: 1440px) {
  h1, .single-project #bka__project-intro.new .project__header h1,
  .single-project #bka__project-intro.new .project__header .project__subtitle, h2, .layout__posts .post .issue,
  .lg {
    font-size: 2.5238095238rem; } }

@media screen and (max-width: 1680px) {
  html {
    font-size: 18px; }
  .layout__project-listing.filtered .projects {
    width: 75%; }
    .layout__project-listing.filtered .projects .project {
      width: 33.3333333333%; }
  .layout__project-listing.filtered .filter__descriptions {
    width: 25%; } }

@media screen and (max-width: 1441px) {
  html {
    font-size: 16px; } }

@media screen and (max-width: 1024px) {
  .wrapper {
    width: calc( 100% - (3.8095238095rem)); }
  .layout__offices .office {
    width: 50%; }
    .layout__offices .office:nth-child(2) ~ .office {
      margin-top: 4rem; }
  .layout__contact-details .column-1 {
    width: 31.25%; }
  .layout__contact-details .column-2 {
    width: 18.75%; }
  .layout__contact-details .column-3 {
    width: 50%; }
  .layout__posts .post {
    width: 50%; }
  .layout__post .body h1, .layout__post .body .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .layout__post .body h1,
  .layout__post .body .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .layout__post .body .project__subtitle, .layout__post .body p {
    width: 90%; }
  .layout__project-listing .project {
    width: 50%; }
  .layout__project-listing.filtered .projects {
    width: 66.6666666667%; }
    .layout__project-listing.filtered .projects .project {
      width: 50%; }
  .layout__project-listing.filtered .filter__descriptions {
    width: 33.3333333333%; }
  footer #bka__footer-contact {
    width: 62.5%; }
  footer #bka__footer-social {
    width: 37.5%; } }

@media screen and (max-width: 1024px), (max-height: 800px) {
  sup, blockquote, .layout__home-intro .right, .layout__posts .post h2, .single-post h1, .single-post .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .single-post h1,
  .single-post .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .single-post .project__subtitle, .layout__post .body, .layout__team .team-member h4, .layout__team .team-tier2 h3,
  .layout__team .team-tier3 h3, .layout__offices .office h3, .layout__contact-details h2, .layout__text .content {
    font-size: 1.1rem; }
  .layout__text .content {
    font-size: 1.25rem; }
  .layout__team .team-member {
    width: 33.3333333333%; }
    .layout__team .team-member:first-child {
      margin-left: 0; }
  .layout__project-listing .project.project__small {
    width: 50%; }
    .layout__project-listing .project.project__small figure {
      width: 50%; } }

@media screen and (max-width: 1023px) {
  html {
    font-size: 16px; }
  .layout__text .content {
    padding-top: 0.5em; } }

@media screen and (max-width: 768px) {
  .mobile {
    display: block; }
  .desktop {
    display: none; }
  body {
    overflow-x: hidden; }
  body[data-menu-open="true"] header {
    height: 100%;
    pointer-events: initial; }
    body[data-menu-open="true"] header #bka__logo svg * {
      fill: #8c9094 !important; }
    body[data-menu-open="true"] header a[rel="menu"] > span {
      background-color: #8c9094 !important; }
  body[data-menu-open="true"] #bka__mobile-social {
    opacity: 1;
    pointer-events: initial; }
  section {
    padding: 3rem 0; }
    section.first {
      padding-top: 8rem; }
  section:last-of-type {
    padding-bottom: 6rem; }
  
  h1,
  .single-project #bka__project-intro.new .project__header h1,
  .single-project #bka__project-intro.new .project__header .project__subtitle, h2 {
    font-size: 1.5rem; }
  .wrapper,
  .layout > .wrapper {
    width: 100%;
    padding: 0; }
  header {
    height: 100%;
    pointer-events: none; }
    header > div {
      padding: 1.9047619048rem 0.9523809524rem;
      background-color: transparent; }
    header a[rel="menu"] {
      display: block;
      pointer-events: initial; }
    header #bka__logo {
      position: relative;
      float: right;
      padding-left: 0;
      z-index: 4000; }
      header #bka__logo > a {
        display: block;
        width: 100%;
        pointer-events: initial; }
      header #bka__logo svg {
        position: relative;
        margin-left: auto;
        margin-right: 0;
        -moz-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%); }
      header #bka__logo svg * {
        fill: #fff; }
    header.minimised a[rel="menu"] > span {
      background-color: #000 !important; }
    header.minimised #bka__logo svg * {
      fill: #000 !important; }
  .single-project header a[rel="menu"] > span {
    background-color: #000 !important; }
  .single-project header #bka__logo {
    z-index: 4000; }
    .single-project header #bka__logo svg * {
      fill: #000; }
  #bka__nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 480px;
    padding: 0;
    padding: 1.9047619048rem 0.9523809524rem;
    padding-top: 20vh;
    background-color: #101820;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transition-property: transform;
    transition-property: transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: "ease-in-out";
    -o-transition-timing-function: "ease-in-out";
    -webkit-transition-timing-function: "ease-in-out";
    transition-timing-function: "ease-in-out";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate(100%, 0%);
    -o-transform: translate(100%, 0%);
    -ms-transform: translate(100%, 0%);
    -webkit-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
    z-index: 3000; }
    #bka__nav > nav {
      font-size: 10vw;
      font-weight: 400; }
      #bka__nav > nav li.back {
        display: none; }
      #bka__nav > nav li.menu-item {
        display: block;
        width: 95%;
        max-width: 2400px;
        margin: 0 auto;
        color: rgba(255, 255, 255, 0.75); }
        #bka__nav > nav li.menu-item a:before {
          display: none; }
        #bka__nav > nav li.menu-item a:hover {
          color: #fff !important; }
        #bka__nav > nav li.menu-item ~ li.menu-item {
          margin-left: auto; }
        #bka__nav > nav li.menu-item.current-menu-item {
          color: #fff; }
    #bka__nav[data-state="open"] {
      -moz-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);
      transform: translate(0%, 0%); }
  #bka__mobile-social {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5vh;
    padding: 1.9047619048rem 0.9523809524rem;
    opacity: 0;
    -moz-transition-property: opacity,transform;
    -o-transition-property: opacity,transform;
    -webkit-transition-property: opacity,transform;
    transition-property: opacity,transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: "ease-in-out";
    -o-transition-timing-function: "ease-in-out";
    -webkit-transition-timing-function: "ease-in-out";
    transition-timing-function: "ease-in-out";
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 4500;
    pointer-events: none; }
    #bka__mobile-social h6, #bka__mobile-social footer .left .copyright, footer .left #bka__mobile-social .copyright, #bka__mobile-social .layout__team .team-member .role, .layout__team .team-member #bka__mobile-social .role {
      color: #666 !important;
      margin-left: 2.5%;
      margin-bottom: 1rem; }
    #bka__mobile-social nav {
      color: #666 !important;
      width: 95%;
      margin: 0 auto; }
  #bka__home-afeature {
    height: 100%; }
  .layout__afeature .slide .content {
    width: 100%;
    right: auto;
    left: 0;
    padding: 1.9047619048rem;
    bottom: 4rem; }
    .layout__afeature .slide .content h2 {
      width: 100%;
      font-size: 1.5rem; }
  .layout__home-intro .left,
  .layout__home-intro .right {
    position: relative;
    top: auto;
    left: 0;
    width: 100%;
    padding: 0 1.9047619048rem; }
  .layout__home-intro .left {
    padding-top: 20vh; }
    .layout__home-intro .left h2 {
      font-size: 1.1rem; }
  .layout__home-intro .right {
    padding-bottom: 20vh; }
  .layout__home-intro .wrapper > svg {
    display: none;
    position: absolute;
    top: 0;
    left: 0; }
  .layout__home-intro .type__mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .layout__home-intro .type__mobile svg {
      position: absolute;
      left: 50%;
      width: 87%;
      -moz-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
    .layout__home-intro .type__mobile svg:nth-child(1) {
      top: 0; }
    .layout__home-intro .type__mobile svg:nth-child(2) {
      bottom: 0; }
  #bka__home-latest {
    padding-top: 0; }
  .layout__latest-feed .post,
  .layout__related-projects .post {
    padding: 0; }
    .layout__latest-feed .post h4,
    .layout__related-projects .post h4 {
      padding: 0.25rem 1rem; }
  .layout__latest-feed .feed__nav .slick-next,
  .layout__related-projects .feed__nav .slick-next {
    display: block;
    margin-top: -0.06125em;
    line-height: 0.65; }
  .page-contact header a[rel="menu"] > span {
    background-color: #8c9094; }
  .page-contact header #bka__logo svg * {
    fill: #8c9094; }
  .page-contact #bka__contact {
    padding-bottom: 6rem; }
  .page-contact .layout__offices .offices {
    padding: 2rem 0; }
  .page-contact .layout__offices .office {
    float: none;
    width: 100%;
    line-height: 1.25; }
    .page-contact .layout__offices .office ~ .office,
    .page-contact .layout__offices .office:nth-child(2) ~ .office {
      margin-top: 2rem; }
  .page-contact .layout__contact-details {
    margin-top: 2rem; }
    .page-contact .layout__contact-details .column-1,
    .page-contact .layout__contact-details .column-2,
    .page-contact .layout__contact-details .column-3 {
      float: none;
      width: 100%; }
    .page-contact .layout__contact-details .column-2,
    .page-contact .layout__contact-details .column-3 {
      margin-top: 2rem; }
  .layout ~ .layout {
    margin-top: 2rem; }
  #bka__studio-profile .layout__text figure {
    float: none;
    width: calc( 100% + 1.9047619048rem);
    margin-left: -0.9523809524rem; }
  #bka__studio-profile .layout__text .content {
    float: none;
    width: 100%; }
  #bka__studio-profile .layout__text figure {
    margin-top: 2rem; }
  .layout figure.feature__image {
    width: calc( 100% + 1.9047619048rem);
    margin-left: -0.9523809524rem; }
  #bka__studio-approach .layout__text .content,
  #bka__studio-approach .layout__text .images {
    float: none;
    width: 100%; }
  #bka__studio-approach .layout__text .images {
    margin-top: 2rem;
    width: calc( 100% + 1.9047619048rem);
    margin-left: -0.9523809524rem; }
    #bka__studio-approach .layout__text .images figure {
      width: 50%; }
  .layout__text h1, .layout__text .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .layout__text h1,
  .layout__text .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .layout__text .project__subtitle, .layout__text h2,
  .layout__text .content,
  .layout__text figure {
    float: none;
    width: 100%; }
  .layout__text figure:not(.feature__image) {
    margin-top: 1rem; }
  .layout__text h2 {
    margin-bottom: 2rem; }
  .layout__image-2up .wrapper > div {
    float: none;
    width: 100%;
    padding: 0; }
  .layout__image-2up figure {
    padding: 0; }
  .layout__image-2up + .layout__image {
    margin-top: 0 !important; }
  .layout__team .team-member {
    float: none;
    width: 100%;
    height: auto !important;
    margin-bottom: 4rem; }
    .layout__team .team-member figure {
      width: calc( 100% + 1.9047619048rem);
      margin-left: -0.9523809524rem; }
    .layout__team .team-member h4, .layout__team .team-member .qualifications {
      height: auto !important; }
    .layout__team .team-member:first-child {
      margin-left: 0 !important; }
    .layout__team .team-member:last-child {
      margin-bottom: 0; }
  .blog header a[rel="menu"] > span {
    background-color: #8c9094; }
  .blog header #bka__logo svg * {
    fill: #8c9094; }
  .layout__posts {
    padding-bottom: 10vh; }
    .layout__posts .post {
      float: none;
      width: 100%;
      margin-bottom: 4rem; }
      .layout__posts .post h2 {
        height: auto !important; }
      .layout__posts .post figure {
        width: calc( 100% + 1.9047619048rem);
        margin-left: -0.9523809524rem; }
      .layout__posts .post .issue {
        height: 3rem;
        font-size: 2.5rem; }
  .single-post header a[rel="menu"] > span {
    background-color: #8c9094; }
  .single-post header #bka__logo svg * {
    fill: #8c9094; }
  .layout__post .issue {
    margin-bottom: 2rem; }
  .layout__post .feature__image {
    width: 100%;
    height: 0;
    padding-bottom: 133.333333333%;
    margin-bottom: 2rem; }
  .layout__post .body,
  .layout__post .images {
    float: none;
    width: 100%; }
  .layout__post .body p {
    width: 100%; }
  .layout__post .images {
    margin-top: 4rem; }
  .layout__post h1, .layout__post .single-project #bka__project-intro.new .project__header h1, .single-project #bka__project-intro.new .project__header .layout__post h1,
  .layout__post .single-project #bka__project-intro.new .project__header .project__subtitle, .single-project #bka__project-intro.new .project__header .layout__post .project__subtitle {
    margin-bottom: 2rem; }
  footer > .wrapper {
    padding: 0 0.9523809524rem; }
  footer .left {
    width: 100%;
    padding: 0; }
    footer .left h6, footer .left .copyright, footer .left .layout__team .team-member .role, .layout__team .team-member footer .left .role {
      margin-top: 50vh; }
    footer .left svg {
      position: absolute;
      top: 0;
      left: 0.9523809524rem;
      margin: 0; }
  footer .right {
    position: absolute;
    left: 0;
    top: 25vh;
    width: 100%;
    padding: 0; }
  footer #bka__footer-contact {
    width: 75%; }
  footer #bka__footer-social {
    width: 25%;
    padding-left: 0; }
  .post-type-archive-project header a[rel="menu"] > span {
    background-color: #8c9094; }
  .post-type-archive-project header #bka__logo svg * {
    fill: #000; }
  sup {
    font-size: 0.8em; }
  #bka__projects-filters {
    position: relative;
    z-index: 3000; }
    #bka__projects-filters a[href="#bka__projects-filters-wrapper"] li,
    #bka__projects-filters .filter__options li {
      white-space: nowrap; }
      #bka__projects-filters a[href="#bka__projects-filters-wrapper"] li.title,
      #bka__projects-filters .filter__options li.title {
        visibility: hidden; }
      #bka__projects-filters a[href="#bka__projects-filters-wrapper"] li a > span,
      #bka__projects-filters .filter__options li a > span {
        line-height: 1.75; }
    #bka__projects-filters a[href="#bka__projects-filters-wrapper"] {
      position: absolute;
      top: 15vh;
      left: 2.5%;
      padding: 0 0.9523809524rem;
      display: block;
      font-weight: 400;
      color: #fff;
      z-index: 4000; }
      #bka__projects-filters a[href="#bka__projects-filters-wrapper"] > span {
        margin-left: 0.25em; }
  .layout__project-filters {
    z-index: 3500; }
    .layout__project-filters .right {
      display: none; }
    .layout__project-filters .left {
      width: 100%; }
  [class*="layout__project-listing"] .wrapper {
    padding: 0;
    transform: unset; }
    [class*="layout__project-listing"] .wrapper:after {
      display: none; }
  [class*="layout__project-listing"] .project {
    flex-basis: 100%;
    opacity: 1; }
    [class*="layout__project-listing"] .project .title {
      padding: 0.4761904762rem 0.9523809524rem; }
    [class*="layout__project-listing"] .project h3 {
      float: none;
      color: #000; }
    [class*="layout__project-listing"] .project .location {
      display: block;
      float: none;
      width: 100%;
      opacity: 0.5; }
    [class*="layout__project-listing"] .project.project__regular figure {
      aspect-ratio: 4/3; }
      [class*="layout__project-listing"] .project.project__regular figure img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    [class*="layout__project-listing"] .project.project__small {
      width: 100%; }
      [class*="layout__project-listing"] .project.project__small h3 {
        float: none;
        width: 50%; }
  [class*="layout__project-listing"].filtered .filter__descriptions,
  [class*="layout__project-listing"].filtered .projects {
    float: none;
    width: 100%;
    flex-basis: 100%; }
    [class*="layout__project-listing"].filtered .filter__descriptions .project,
    [class*="layout__project-listing"].filtered .projects .project {
      width: 100%;
      flex-basis: 100%; }
  [class*="layout__project-listing"].filtered .projects {
    order: 1; }
  [class*="layout__project-listing"].filtered .filter__descriptions {
    order: 2;
    position: unset;
    width: 100%; }
    [class*="layout__project-listing"].filtered .filter__descriptions .description {
      position: unset;
      width: 100%;
      height: 0;
      overflow: hidden;
      pointer-events: none;
      padding: 0 0.9523809524rem; }
      [class*="layout__project-listing"].filtered .filter__descriptions .description[data-state="active"] {
        height: auto;
        pointer-events: initial; }
  .single-project #bka__project-intro .left,
  .single-project #bka__project-intro .content {
    float: none;
    width: 100%; }
  .single-project #bka__project-intro h1, .single-project #bka__project-intro.new .project__header h1,
  .single-project #bka__project-intro.new .project__header .project__subtitle {
    margin-top: 4rem;
    margin-bottom: 4rem;
    height: auto; }
  .project__details {
    position: static;
    width: 100%;
    margin-top: 4rem; }
    .project__details li {
      float: left;
      margin-bottom: 1rem; }
      .project__details li ~ li {
        margin-top: 0;
        padding-left: 0; }
  #bka__project-layout .layout ~ .layout {
    margin-top: 1.9047619048rem; }
  .layout__columns_2 .wrapper > div {
    float: none;
    width: 100%; }
    .layout__columns_2 .wrapper > div img {
      float: none; }
    .layout__columns_2 .wrapper > div .bottom,
    .layout__columns_2 .wrapper > div .middle {
      position: static;
      padding: 0;
      margin-top: 1.9047619048rem;
      width: 100%;
      -moz-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);
      transform: translate(0%, 0%); }
    .layout__columns_2 .wrapper > div ~ div {
      margin-top: 1.9047619048rem; }
  .layout__project-nav {
    display: none; }
  .layout__slideshow .slides {
    padding: 0; }
  .layout__slideshow .slide__nav .slick-next {
    display: block;
    margin-top: -0.06125em;
    line-height: 0.65; }
  .slick-dots li button {
    display: block; }
  .layout__afeature {
    max-height: 640px;
    min-height: 640px; }
    .layout__afeature .slick-slider,
    .layout__afeature .slick-list,
    .layout__afeature .slick-track {
      height: 100vh;
      max-height: 640px;
      min-height: 640px; }
    .layout__afeature .slides {
      height: 100%; }
    .layout__afeature .slide .content {
      padding: 1.9047619048rem 0.9523809524rem; }
    .layout__afeature .slide__nav {
      padding-left: 0.9523809524rem; }
      .layout__afeature .slide__nav .slick-next {
        display: block;
        margin-top: -0.06125em;
        line-height: 0.65; } }

:root {
  --none: 0;
  --gutter: calc( 1.9047619048rem / 2);
  --minimal: 2.8571428571rem;
  --shallow: 5.7142857143rem;
  --medium: 8.5714285714rem;
  --deep: 11.4285714286rem;
  --lg: 1.5238095238rem;
  --rg: 1rem;
  --sm: 0.6666666667rem; }

.wrapper-grid,
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.9047619048rem; }


[class*="spacer__"] {
  display: block;
  opacity: 0;
  visibility: visible;
  height: 1px;
  pointer-events: none; }

.wrapper-grid {
  width: 90%;
  height: 100%;
  margin: 0 auto;
  max-width: 2400px; }

section {
  background-color: var(--section-background, transparent);
  color: var(--section-color, inherit); }
  section.section {
    opacity: 1;
    visibility: visible; }

.layout {
  color: inherit;
  font-size: var(--content-text-size, inherit); }
  .layout[style*="--content-align-vt: center;"] .column {
    place-self: center; }
  .layout[style*="--content-align-hz: center;"] .column {
    display: flex; }
  .layout[style*="--content-align-hz: center;"] .layout__content {
    width: var(--content-width, 100%);
    margin: 0 auto; }
  .layout.layout__order_reverse .wrapper-grid {
    direction: rtl; }
  .layout .wrapper-grid {
    width: 83.4%;
    max-width: 2400px;
    height: var(--content-height, auto);
    min-height: var(--content-min-height, 1px);
    padding-top: var(--content-padding-top, 0);
    padding-bottom: var(--content-padding-bottom, 0); }
  .layout .column {
    position: relative;
    display: grid;
    grid-template-columns: subgrid;
    direction: var(--content-align-hz, ltr); }
    .layout .column[style*="--content-align-hz: center;"] {
      display: flex; }
      .layout .column[style*="--content-align-hz: center;"] .layout__content {
        width: var(--content-width, 100%);
        margin: 0 auto; }
  .layout .layout__content {
    display: flex;
    direction: ltr;
    align-items: var(--content-align-vt, center);
    grid-column: var(--content-columns, 1/-1); }
    .layout .layout__content > div {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 0.5em;
      direction: ltr; }
      .layout .layout__content > div p, .layout .layout__content > div ul, .layout .layout__content > div ol, .layout .layout__content > div blockquote {
        max-width: 1000px; }
  .layout:first-child .wrapper {
    padding-top: 0; }
  .layout:last-child .wrapper {
    padding-bottom: 0; }
  .layout ~ .layout {
    margin-top: unset !important; }

.layout__fullwidth {
  grid-column: 1/-1; }
  .layout__fullwidth .column {
    grid-column: 1/-1; }

.layout__columns_two .column {
  grid-column: span 6; }

.layout__columns_two_uneven .column:nth-child(1) {
  grid-column: span 4; }

.layout__columns_two_uneven .column:nth-child(2) {
  grid-column: span 8; }

.layout__columns_two_uneven.wide-narrow .column:nth-child(2) {
  grid-column: span 4; }

.layout__columns_two_uneven.wide-narrow .column:nth-child(1) {
  grid-column: span 8; }

.layout__columns_three .column {
  grid-column: span 4; }

.layout__columns_three [class*="layout__content"] > div > *:not(figure) {
  width: var(--content-width, 88%); }

.layout__columns_four .column {
  grid-column: span 3; }

.layout__columns_four [class*="layout__content"] > div > *:not(figure) {
  width: var(--content-width, 88%); }

.alignnone, a img.alignnone, .wp-caption.alignnone {
  display: block;
  float: none; }

.aligncenter, a img.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.half {
  width: 50%; }

.alignright, a img.alignright, .wp-caption.alignright {
  float: right;
  right: 0;
  margin: 0; }

.alignleft, a img.alignleft, .wp-caption.alignleft {
  float: left;
  left: 0;
  margin: 0; }

[id*="attachment_"] {
  width: auto !important;
  height: auto !important; }

[id*="gallery"] {
  display: flex;
  gap: 1.9047619048rem;
  flex-wrap: wrap; }
  [id*="gallery"] .gallery-item {
    display: flex;
    flex-direction: column;
    gap: 1.9047619048rem; }
    [id*="gallery"] .gallery-item figcaption {
      color: var(--page-heading-color, inherit);
      font-size: 66%; }
  [id*="gallery"].gallery-columns-2 .gallery-item {
    flex-basis: calc( 50% - 0.9523809524rem); }
  [id*="gallery"].gallery-columns-3 .gallery-item {
    flex-basis: calc( 33% - 1.2571428571rem); }
  [id*="gallery"].gallery-columns-4 .gallery-item {
    flex-basis: calc( 25% - 1.9047619048rem); }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }