@charset "UTF-8";
/*!
Theme Name: Sibling 2026
Description: A theme for WordPress.
Author: Sam Morgan design by Ross Paxman
Author URI: http://www.svmorgan.com
Version: 1.1
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  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 {
  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;
}

@font-face {
  font-family: "Favorit-Regular";
  src: url("fonts/Favorit/FavoritRegular/Web/favorit-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Favorit_Regular-Italic";
  src: url("fonts/Favorit/FavoritRegularItalic/Web/favorit-regular-italic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  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, main {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

html,
body {
  height: 100%;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
div:focus {
  outline: none;
}

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

input {
  border-radius: 0;
  -webkit-appearance: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

button {
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
}

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 6px;
}

html {
  -ms-overflow-style: none;
}

html {
  font-size: 14px;
}

body {
  font-size: 1rem;
  line-height: 17px;
  font-family: "Favorit-Regular", sans-serif;
  font-feature-settings: "ss02";
}

p {
  margin: 0 0 1.188em;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  font-family: inherit;
}

h1, h2 {
  font-size: 32px;
  line-height: 1.1em;
  text-transform: uppercase;
}

h4 {
  text-transform: uppercase;
}

em,
i {
  font-family: "Favorit_Regular-Italic";
}

.large-text {
  font-size: 1.625em;
  line-height: 1.077em;
}

.med-text {
  font-size: 1.25rem;
  line-height: 1.2;
}

.top-bar {
  line-height: 20px;
}
.top-bar .back svg {
  margin: 0 0 0 0.5em;
  width: 10px;
  height: 10px;
  top: 4.5px;
}

@media screen and (max-width: 1200px) {
  html {
    font-size: 12px;
  }
  body {
    line-height: 14px;
  }
  .top-bar .back svg {
    width: 9px;
    height: 9px;
    top: 5px;
  }
}
@media screen and (max-width: 1015px) {
  body {
    font-size: 16px;
    line-height: 19px;
  }
  h1, h2 {
    font-size: 24px;
    line-height: 1;
  }
  .large-text {
    font-size: 20px;
    line-height: 22px;
  }
  .top-bar .back svg {
    width: 12px;
    height: 12px;
    top: 3px;
  }
}
@keyframes sibling_loading_1 {
  0% {
    visibility: visible;
  }
  25% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  75% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes sibling_loading_2 {
  0% {
    visibility: hidden;
  }
  25% {
    visibility: visible;
  }
  50% {
    visibility: hidden;
  }
  75% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes sibling_loading_3 {
  0% {
    visibility: hidden;
  }
  25% {
    visibility: hidden;
  }
  50% {
    visibility: visible;
  }
  75% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes sibling_loading_4 {
  0% {
    visibility: hidden;
  }
  25% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  75% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
svg.sib-loading {
  fill: #fff;
  width: 70%;
  margin: 0 auto;
  display: block;
  height: 100%;
}
svg.sib-loading path.sib1 {
  animation: sibling_loading_1 4s steps(1, end) infinite;
}
svg.sib-loading path.sib2 {
  animation: sibling_loading_2 4s steps(1, end) infinite;
}
svg.sib-loading path.sib3 {
  animation: sibling_loading_3 4s steps(1, end) infinite;
}
svg.sib-loading path.sib4 {
  animation: sibling_loading_4 4s steps(1, end) infinite;
}

#loading {
  display: none;
}

body.home #loading {
  display: block;
  background: #2117a6;
}

.loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 4;
  transition: background-color 1s;
}
.loading.stop-anim {
  background-color: transparent;
}
.loading.stop-anim svg.sib-loading path.sib1,
.loading.stop-anim svg.sib-loading path.sib2,
.loading.stop-anim svg.sib-loading path.sib3,
.loading.stop-anim svg.sib-loading path.sib4 {
  animation: none;
}
.loading.stop-anim svg.sib-loading path.sib1,
.loading.stop-anim svg.sib-loading path.sib2,
.loading.stop-anim svg.sib-loading path.sib3 {
  visibility: hidden;
}

.loader {
  height: 20px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loadbar {
  width: 100%;
  height: 20px;
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
  transform: scale(0, 1);
  transform-origin: left bottom;
}

.intro {
  height: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: height 1s;
  z-index: 3;
  background: #2117a6;
  visibility: hidden;
  cursor: url("images/triangle.png") 0 0, pointer; /* Legacy */
  cursor: -webkit-image-set(url("images/triangle.png") 1x, url("images/triangle@2x.png") 2x) 0 0, pointer; /* Webkit */
}
.intro video {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover;";
  font-family: "object-fit: cover; object-position: center;";
  position: absolute;
  width: 100%;
  height: 100%;
}
.intro .introwrap {
  height: calc(100vh - 20px);
  width: 100%;
  position: absolute;
}

.intro-fallback {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}

body.home .intro {
  height: calc(100% - 20px);
}
body.home .section-wrap {
  opacity: 0;
}

body.home .section-wrap,
body.intro-closed .section-wrap {
  opacity: 0;
  visibility: hidden;
}

body.intro-closed .section-wrap {
  transition: opacity 0.5s 1s;
  visibility: visible;
}

@media screen and (max-width: 1015px) {
  .main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
  }
  .intro .introwrap {
    height: 100%;
  }
  .intro {
    height: calc(100% - 120px);
    z-index: 1;
  }
  body.home .intro {
    height: calc(100% - 120px);
    z-index: 3;
  }
  body.home .main {
    z-index: 2;
  }
  body.home .main .section.open {
    height: 40px;
  }
  body.home .project-nav {
    opacity: 0;
  }
  body.home .section-wrap {
    opacity: 1;
    visibility: visible;
  }
}
body.loading-font {
  visibility: hidden;
}

#projects,
#projects .top-bar {
  background: #fff;
}

#news,
#news .top-bar {
  background: #D8D8D8;
  color: #000;
}

#studio,
#studio .top-bar {
  background: #2117a6;
  color: #fff;
}

.imgwrap {
  position: relative;
}
.imgwrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.doingajax .main .section {
  transform: translate3d(0, 0, 0);
}

@keyframes loadingdots {
  0% {
    content: "LOADING";
  }
  25% {
    content: "LOADING.";
  }
  50% {
    content: "LOADING..";
  }
  75% {
    content: "LOADING...";
  }
  100% {
    content: "LOADING";
  }
}
.main {
  height: 100%;
  display: flex;
}
.main .section,
.main .ajaxwrap {
  height: 100%;
  overflow: hidden;
}
.main .section {
  width: 22.2222222222%;
  position: relative;
  transition: width 0.5s 0.5s;
}
.main .section .section-wrap,
.main .section .project-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.main .section .project-content {
  flex: 1;
  height: 100%;
  overflow: auto;
  padding: 0 14px;
}
.main .section .content {
  overflow: auto;
  height: 100%;
  padding: 70px 14px 0;
  flex: 1;
}
.main .section .content#studio-expanded {
  padding-top: 0;
}
.main .section .ajaxwrap {
  transition: opacity 0.5s;
}
.main .section.open {
  width: 55.5555555556%;
}
.main .section.open.slowloading:after {
  content: "LOADING";
  animation: loadingdots 1s linear infinite;
  width: 90px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: left;
  margin: -10px 0 0 -45px;
}
.main .section.open#projects.slowloading {
  color: #2117a6;
}
.main .section.open#news.slowloading {
  color: #000;
}
.main .section.open#studio.slowloading {
  color: #fff;
}
.main .section.closing .ajaxwrap, .main .section.opening .ajaxwrap {
  opacity: 0;
}

body.resizing .main .section {
  transition: width 0s 0s;
}

.projects-container .top-bar h3 span {
  position: relative;
}
.projects-container .top-bar h3 span a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.top-bar {
  height: 40px;
  width: 100%;
  background: inherit;
  padding: 10px 14px;
  top: 0;
  left: 0;
  z-index: 2;
  text-transform: uppercase;
  display: block;
}
.top-bar a {
  text-decoration: none;
  color: inherit;
}
.top-bar h3 a, .top-bar h3 span {
  padding-left: 1.3em;
  position: relative;
  display: inline-block;
}
.top-bar h3 a:before, .top-bar h3 span:before {
  content: "\e018  ";
  left: 0;
  position: absolute;
  left: 0;
}
.top-bar h3.project-title-desktop {
  display: block;
}
.top-bar h3.project-title-mobile {
  display: none;
}
.top-bar .back {
  position: relative;
  padding: 0 0 0 1em;
}
.top-bar .back svg {
  display: inline-block;
  position: relative;
  fill: #fff;
  vertical-align: top;
}
.top-bar .top-bar-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.top-bar .projects-top-bar-wrap {
  display: flex;
}
.top-bar .projects-top-bar-wrap .projects-views {
  position: absolute;
  right: 0;
  padding: 10px 14px;
  min-width: 22.2vw;
  top: 0;
}

.projects-views {
  transition: opacity 0.2s 0s;
}

.projects-container.featured .projects-views,
.projects-container.closed .projects-views,
.projects-container.closing .projects-views {
  opacity: 0;
  pointer-events: none;
}

.projects-container .top-bar h3,
.studio-container .top-bar h3 {
  white-space: nowrap;
}
.projects-container .top-bar nav ul,
.studio-container .top-bar nav ul {
  display: flex;
}
.projects-container .top-bar nav ul li,
.studio-container .top-bar nav ul li {
  margin: 0 1em 0 0;
}
.projects-container .top-bar nav ul li:last-child,
.studio-container .top-bar nav ul li:last-child {
  margin: 0;
}
.projects-container .top-bar nav ul li a,
.studio-container .top-bar nav ul li a {
  position: relative;
  padding-left: 0;
  transition: padding-left 0.2s 0.2s;
}
.projects-container .top-bar nav ul li a:before,
.studio-container .top-bar nav ul li a:before {
  content: "\e008   ";
  opacity: 0;
  position: absolute;
  left: 0;
  transition: opacity 0.2s 0s;
}
.projects-container .top-bar nav ul li a.active,
.studio-container .top-bar nav ul li a.active {
  padding-left: 1.2em;
  transition: padding-left 0.2s 0.4s;
}
.projects-container .top-bar nav ul li a.active:before,
.studio-container .top-bar nav ul li a.active:before {
  opacity: 1;
  font-size: inherit;
  transition: opacity 0.2s 0.6s;
}

.section-wrap {
  transition: opacity 0.5s;
}

body.doingajax .section.open .ajaxwrap {
  opacity: 0;
}

body.single-projects .studio-container,
body.single-projects .news-container {
  width: 12px;
}
body.single-projects .projects-container {
  width: calc(100% - 24px);
}

body.single-projects .section-wrap,
body.closing-project .section-wrap {
  opacity: 0;
}

.custom-cursor {
  cursor: url("images/circle.png") 0 0, pointer; /* Legacy */
  cursor: -webkit-image-set(url("images/circle.png") 1x, url("images/circle@2x.png") 2x) 0 0, pointer; /* Webkit */
}

@media screen and (max-width: 1015px) {
  .main .section,
  .main .section.open {
    width: 100%;
  }
  .main .section {
    height: 40px;
    transition: height 0.5s 0.5s;
  }
  .main .section.open {
    height: calc(100% - 80px);
  }
  .main .section .content {
    padding: 40px 14px 0;
  }
  body.home .main .section.projects-container .top-bar,
  .main .section.closed .top-bar {
    cursor: pointer;
  }
  .projects-container .top-bar h3,
  .studio-container .top-bar h3 {
    max-width: 100%;
  }
  .intro-closed .project-nav {
    transition: opacity 0.5s 1s;
  }
  .project-nav {
    opacity: 0;
    max-width: 0;
    transition: opacity 0.5s, max-width 0s;
  }
  .open .project-nav {
    opacity: 1;
    max-width: 100%;
  }
  .section.closed .top-bar h3 a {
    display: block;
  }
  .projects-container.closed .top-bar h3 {
    width: 100%;
  }
  .projects-container.closing .project-nav,
  .projects-container.closed .project-nav {
    opacity: 0;
    max-width: 0;
    transition: opacity 0.5s, max-width 0s 0.5s;
  }
  .top-bar h3 a {
    display: block;
  }
  .top-bar h3.project-title-desktop {
    display: none;
  }
  .top-bar h3.project-title-mobile {
    display: block;
  }
  .top-bar .projects-top-bar-wrap .projects-display {
    display: none;
  }
}
.featured-project {
  margin: 0 0 45px;
}

.open .featured-projects {
  opacity: 0;
  transition: opacity 0.3s;
}
.open .featured-project {
  margin: 0 0 2.813em;
}
.open .featured-project .project-details {
  margin: 0 0 0.5em;
  padding: 0 0 0.5em;
}
.open .featured-project .project-heading {
  font-size: 2em;
  line-height: 1.1em;
}

.projects-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 14px;
  row-gap: 70px;
}

.closed .projects-grid {
  grid-template-columns: 1fr;
}

.featured-project .feat-img,
.project-card .feat-img {
  display: block;
  margin: 0 0 0.625em;
  max-width: 100%;
  height: auto;
}
.featured-project .feat-img.imgwrap, .featured-project .feat-img.videowrap,
.project-card .feat-img.imgwrap,
.project-card .feat-img.videowrap {
  padding: 0 0 66.6666666667%;
}
.featured-project .feat-img.imgwrap img,
.project-card .feat-img.imgwrap img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.featured-project .project-details,
.project-card .project-details {
  color: #2117a6;
  text-transform: uppercase;
}
.featured-project .title:before,
.project-card .title:before {
  content: "\e008  ";
}
.featured-project .project-heading,
.project-card .project-heading {
  font-size: inherit;
  text-transform: uppercase;
}
.featured-project,
.project-card {
  transition: color 0.3s;
}
.featured-project .project-link:hover,
.project-card .project-link:hover {
  color: #2117a6;
}

.featured-project,
.featured-project .project-details,
.featured-project .project-heading {
  transition: all 0s 0.5s;
}

.closed .featured-project .title span {
  display: none;
}

.projects-container .top-bar h3 {
  max-width: 11.1111111111vw;
  width: 100%;
}
.projects-container .top-bar nav ul li a.active {
  color: #2117a6;
}
.projects-container.open .projects-list .project-row .title, .projects-container.closing .projects-list .project-row .title {
  width: 33.3333333333vw;
}
.projects-container.open .projects-list .project-row .category,
.projects-container.open .projects-list .project-row .status {
  display: block;
}
.projects-container.closed .open-filters {
  display: block;
  margin: 0 0 4em;
}
.projects-container.closed .projects-list .project-row .title {
  width: 100%;
}
.projects-container.closed .projects-list .project-row .category,
.projects-container.closed .projects-list .project-row .status {
  display: none;
}
.projects-container.closed .projects-list .project-row .category {
  flex: 1;
}
.projects-container.closed .projects-list .project-row .status {
  flex: 0;
}

.projects-container button,
.news-container button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  text-align: left;
  color: inherit;
  text-transform: uppercase;
  white-space: nowrap;
}
.projects-container.open .sorting, .projects-container.closing .sorting,
.news-container.open .sorting,
.news-container.closing .sorting {
  display: flex;
}
.projects-container.closed .sorting,
.news-container.closed .sorting {
  display: none;
}

.view-all {
  text-transform: uppercase;
}
.view-all a {
  transition: color 0.5s;
}
.view-all a:hover {
  color: #2117a6;
}

.open-filters {
  position: relative;
  display: none;
}
.open-filters .open {
  position: absolute;
  right: 0;
  opacity: 0;
}

.project-nav {
  white-space: nowrap;
}

.feat-proj-wrap-outer {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.feat-proj-wrap-outer .feat-proj-wrap {
  flex: 1;
}

.all-projects {
  position: relative;
  z-index: 1;
}

.projects-list {
  border-top: 1px solid #000;
}
.projects-list .project {
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  transition: color 0.2s;
}
.projects-list .project .title h3 {
  position: relative;
  padding-left: 0;
  transition: padding-left 0.2s 0.2s;
  overflow: hidden;
  white-space: nowrap;
}
.projects-list .project .title h3:before {
  content: "\e008   ";
  opacity: 0;
  position: absolute;
  left: 0;
  transition: opacity 0.2s 0s;
}
.projects-list .project .title h3 span {
  overflow: hidden;
  display: inline-block;
}
.projects-list .project.highlight,
.projects-list .project a:hover {
  color: #2117a6;
}
.projects-list .project.highlight .title h3,
.projects-list .project a:hover .title h3 {
  padding-left: 1.2em;
  transition: padding-left 0.2s 0s;
}
.projects-list .project.highlight .title h3:before,
.projects-list .project a:hover .title h3:before {
  opacity: 1;
  font-size: inherit;
  transition: opacity 0.2s 0.2s;
}
.projects-list .project a {
  display: block;
  min-height: 2.75em;
  padding: 0.6em 0;
  position: relative;
}
.projects-list .project-row {
  display: flex;
}
.projects-list .project-row .status {
  text-align: right;
  flex: 1;
}
.projects-list.filtering .project a:hover {
  color: #000;
}
.projects-list.filtering .project a:hover .title h3 {
  padding-left: 0;
  transition: none;
}
.projects-list.filtering .project a:hover .title h3:before {
  opacity: 0;
}
.projects-list.filtering .project.highlight, .projects-list.filtering .project.highlight a:hover {
  color: #2117a6;
}
.projects-list.filtering .project.highlight .title h3, .projects-list.filtering .project.highlight a:hover .title h3 {
  padding-left: 1.2em;
  transition: padding-left 0.2s 0s;
}
.projects-list.filtering .project.highlight .title h3:before, .projects-list.filtering .project.highlight a:hover .title h3:before {
  opacity: 1;
  font-size: inherit;
  transition: opacity 0.2s 0.2s;
}

@media (hover: none) {
  .projects-list .project a:hover {
    color: #000;
  }
  .projects-list .project a:hover .title h3 {
    padding-left: 0;
  }
  .projects-list .project a:hover .title h3:before {
    opacity: 0;
  }
  .projects-list .project.highlight,
  .projects-list .project.highlight a:hover {
    color: #2117a6;
  }
  .projects-list .project.highlight .title h3,
  .projects-list .project.highlight a:hover .title h3 {
    padding-left: 1.2em;
    transition: padding-left 0.2s 0s;
  }
  .projects-list .project.highlight .title h3:before,
  .projects-list .project.highlight a:hover .title h3:before {
    opacity: 1;
    font-size: inherit;
    transition: opacity 0.2s 0.2s;
  }
}
.sorting {
  display: flex;
  margin: 0 0 8em;
  text-transform: uppercase;
  line-height: 1.25em;
}
.sorting .filters,
.sorting .news-filters,
.sorting .order {
  display: flex;
}
.sorting .filters .label,
.sorting .news-filters .label,
.sorting .order .label {
  text-align: right;
  padding-right: 1em;
}
.sorting .filters ul,
.sorting .news-filters ul,
.sorting .order ul {
  flex: 1;
}
.sorting .filters .label, .sorting .filters ul,
.sorting .news-filters .label,
.sorting .news-filters ul,
.sorting .order .label,
.sorting .order ul {
  width: 11.1111111111vw;
  overflow: visible;
}
.sorting .filters,
.sorting .news-filters {
  width: 22.2222222222vw;
}
.sorting .order {
  flex: 1;
}
.sorting button:before {
  content: "\e002   ";
}
.sorting button.active {
  color: #2117a6;
}
.sorting button.active:before {
  content: "\e008   ";
}

.projectajax .projects-container .ajaxwrap {
  opacity: 0;
}

.all-projects {
  display: flex;
  flex-direction: column;
}
.all-projects .all-projects-wrap {
  flex: 1;
}

.go-to-all-projects {
  margin: 5.5em 0 0;
  text-transform: uppercase;
}

.sibling-footer-logo {
  width: 15em;
  height: 4.25em;
  display: block;
  margin: 12em 0 1em;
  clear: both;
  flex-shrink: 0;
  max-width: 100%;
}
.sibling-footer-logo svg {
  fill: #2117a6;
  display: block;
  width: 100%;
  height: 100%;
}
.sibling-footer-logo svg path.sib1 {
  visibility: hidden;
}
.sibling-footer-logo svg path.sib2 {
  visibility: hidden;
}
.sibling-footer-logo svg path.sib3 {
  visibility: hidden;
}
.sibling-footer-logo svg path.sib4 {
  visibility: hidden;
}
.sibling-footer-logo.logo-style-1 svg path.sib1 {
  visibility: visible;
}
.sibling-footer-logo.logo-style-2 svg path.sib2 {
  visibility: visible;
}
.sibling-footer-logo.logo-style-3 svg path.sib3 {
  visibility: visible;
}
.sibling-footer-logo.logo-style-4 svg path.sib4 {
  visibility: visible;
}
.sibling-footer-logo:hover svg path.sib1 {
  animation: sibling_loading_1 1s steps(1, end) infinite;
}
.sibling-footer-logo:hover svg path.sib2 {
  animation: sibling_loading_2 1s steps(1, end) infinite;
}
.sibling-footer-logo:hover svg path.sib3 {
  animation: sibling_loading_3 1s steps(1, end) infinite;
}
.sibling-footer-logo:hover svg path.sib4 {
  animation: sibling_loading_4 1s steps(1, end) infinite;
}

.videowrap {
  padding: 0 0 66.6666666667%;
  position: relative;
}
.videowrap iframe,
.videowrap video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}

@media screen and (max-width: 1015px) {
  .projects-container.open .sorting,
  .projects-container.closing .sorting,
  .news-container.open .sorting,
  .news-container.closing .sorting {
    display: block;
  }
  .projects-list {
    margin: 0 0 4em;
  }
  .projects-list .project .title h3 {
    white-space: normal;
  }
  .sorting {
    margin: 0 0 3em;
    visibility: hidden;
    opacity: 0;
    max-height: 2em;
    transition: opacity 0.5s 0s, visibility 0s 0.5s, max-height 0.5s 0.5s;
  }
  .sorting .filters,
  .sorting .order,
  .sorting .news-filters {
    width: 100%;
    margin: 0 0 1em;
  }
  .sorting .filters .label,
  .sorting .order .label,
  .sorting .news-filters .label {
    width: 40%;
    text-align: left;
  }
  .sorting .filters .label,
  .sorting .news-categories .label {
    visibility: hidden;
  }
  .projects-container .open-filters,
  .projects-container.open .open-filters,
  .projects-container.closing .open-filters,
  .news-container .open-filters,
  .news-container.open .open-filters,
  .news-container.closing .open-filters {
    display: block;
    position: absolute;
  }
  #featured-projects {
    padding-top: 70px !important;
  }
  .projects-container .top-bar h3 {
    max-width: 100%;
  }
  .projects-container .projects-list .project-row .title,
  .projects-container.open .projects-list .project-row .title,
  .projects-container.closing .projects-list .project-row .title {
    width: 100%;
  }
  .projects-container .projects-list .project-row .category,
  .projects-container .projects-list .project-row .status,
  .projects-container.open .projects-list .project-row .category,
  .projects-container.open .projects-list .project-row .status,
  .projects-container.closing .projects-list .project-row .category,
  .projects-container.closing .projects-list .project-row .status {
    display: none;
  }
  .featured-project .project-details {
    margin: 0;
    padding: 0 0 0.2em;
  }
  .open .featured-project .project-heading {
    font-size: 24px;
  }
  .open-filters .arrow {
    transition: opacity 0.5s 0s;
    opacity: 0;
  }
  .open-filters .open {
    transition: opacity 0.5s 0.5s;
    opacity: 1;
  }
  .filters-open .open-filters .arrow {
    transition: opacity 0.5s 0.5s;
    opacity: 1;
  }
  .filters-open .open-filters .open {
    transition: opacity 0.5s 0s;
    opacity: 0;
  }
  .filters-open .sorting {
    max-height: 500px;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s 0.5s, visibility 0s 0s, max-height 0.5s;
  }
  .projects-grid {
    grid-template-columns: 1fr;
  }
}
.updating-project-view .projects-index {
  transition: opacity 0.5s;
}

.updating-project-view .projects-index {
  opacity: 0;
}

.news-post time {
  display: block;
  color: #2117a6;
}
.news-post h3 {
  text-transform: uppercase;
}
.news-post.excerpt {
  margin: 0 0 3em;
}
.news-post.excerpt h3 {
  margin: 0 0 0.75em;
}
.news-post.excerpt a {
  text-decoration: none;
  color: inherit;
}
.news-post.excerpt .imgwrap {
  margin: 0 0 0.625em;
  display: block;
  max-width: 100%;
  height: auto;
}
.news-post.excerpt {
  transition: color 0.3s;
}
.news-post.excerpt:hover {
  color: #2117a6;
}
.news-post.full-post {
  position: relative;
  display: flex;
  padding: 0 0 95px;
}
.news-post.full-post .meta {
  width: 11.1111111111vw;
  text-transform: uppercase;
}
.news-post.full-post .post-wrap {
  flex: 1;
}
.news-post.full-post .wp-caption {
  width: 100% !important;
}
.news-post.full-post .post-content {
  font-size: 1.125rem;
  line-height: 1.2em;
}
.news-post.full-post .post-content .postimg {
  margin: 0 0 0.5em;
  max-width: 100%;
  height: auto;
}
.news-post.full-post .post-content .wp-caption p {
  font-size: 0.875em;
}
.news-post.full-post .wp-caption-text {
  margin: 0 0 1.7em;
}
.news-post.full-post h2 {
  font-size: 2.125rem;
  line-height: 1.05em;
  text-transform: uppercase;
  margin: 0 0 1.05em;
}
.news-post.full-post blockquote {
  color: #2117a6;
  font-size: 1.625rem;
  line-height: 1.1em;
  margin: 0 0 1.1em;
}
.news-post.full-post blockquote cite {
  display: block;
  margin: 0.75em 0 0;
  font-style: italic;
}
.news-post.full-post blockquote cite:before {
  content: "— ";
}

.post-content img {
  max-width: 100%;
  height: auto;
}
.post-content a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}
.post-content .news-imgwrap {
  margin: 0 0 1.88em;
}
.post-content .news-imgwrap.half {
  width: 50%;
}
.post-content .news-image-caption {
  margin: 0.8em 0 0;
}
.post-content h4.subheading {
  margin: 0 0 1.88em;
  text-transform: uppercase;
}

.news-pagination {
  padding-bottom: 17.25em;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
}
.news-pagination.expanded {
  padding-left: 11.1111111111vw;
}

.news-container button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.news-container.open .sorting, .news-container.closing .sorting {
  display: flex;
}

.news-container.closed .open-filters {
  display: block;
  margin: 0 0 4em;
}

.post-footer ul {
  display: flex;
}
.post-footer ul li {
  margin: 0 1em 0 0;
  position: relative;
}
.post-footer ul li:last-child {
  margin: 0;
}
.post-footer ul li a {
  color: #2117a6;
}
.post-footer ul li.share {
  position: relative;
}
.post-footer ul li.share ul {
  position: absolute;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0s 3s;
}
.post-footer ul li.share:hover ul {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
}
.post-footer ul li .copied {
  position: absolute;
  left: 0;
  top: 0;
  background: #D8D8D8;
  color: #2117a6;
  width: 100%;
}

body.loadingnews .news-container .ajaxwrap {
  opacity: 0;
}

.news-posts-container {
  transition: opacity 0.5s;
}

body.filteringnews .news-posts-container {
  opacity: 0;
}

.news-filters a:before {
  content: "\e002   ";
}
.news-filters a.active {
  color: #2117a6;
}
.news-filters a.active:before {
  content: "\e008   ";
}

@media screen and (max-width: 1015px) {
  .news-post.full-post .meta {
    width: 25%;
  }
  .news-pagination.expanded {
    padding-left: 25%;
  }
  .news-container.open .sorting,
  .news-container.closing .sorting {
    display: block;
  }
  .news-post.full-post {
    display: block;
  }
  .news-post.full-post .post-content {
    font-size: 16px;
    line-height: 19px;
  }
  .news-post.full-post .meta {
    width: auto;
  }
  .news-post.full-post h2 {
    font-size: 24px;
    line-height: 1.1em;
  }
  .news-post.full-post .wp-caption-text {
    font-size: 14px;
    line-height: 17px;
  }
  .news-post time {
    margin: 0 0 1em;
  }
  .news-post.full-post .meta {
    color: #2117a6;
  }
  .news-post.full-post .meta time {
    display: inline-block;
  }
  .news-post.full-post .meta time:after {
    content: "|";
    margin: 0 0.4em;
  }
  .news-pagination {
    padding-bottom: 1em;
  }
  .news-pagination.expanded {
    padding-left: 0;
  }
  #news .top-bar h3 a {
    display: block;
  }
}
.compressed-nav {
  text-transform: uppercase;
  margin: 0 0 3.5em;
  line-height: 1.25em;
}
.compressed-nav li a {
  position: relative;
  padding-left: 0;
  transition: padding-left 0.2s 0.2s;
}
.compressed-nav li a:before {
  content: "\e008  ";
  opacity: 0;
  color: #fff;
  position: absolute;
  left: 0;
  transition: opacity 0.2s 0s;
}
.compressed-nav li a:hover {
  padding-left: 1.2em;
  transition: padding-left 0.2s 0s;
}
.compressed-nav li a:hover:before {
  opacity: 1;
  font-size: inherit;
  transition: opacity 0.2s 0.2s;
}

.studio-container .top-bar nav,
.studio-container.open.opening .top-bar nav {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0s 0.3s;
}

.studio-container .top-bar h3 {
  width: 11.1111111111vw;
}
.studio-container.open .top-bar nav {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s;
}
.studio-container .sibling-footer-logo svg {
  fill: #fff;
}
.studio-container .studio-section a,
.studio-container address a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

.people .header,
.accordion-header {
  padding: 0.6em 0;
  cursor: pointer;
  position: relative;
  min-height: 2.75em;
}
.people .header h4:before, .people .header h5:before,
.accordion-header h4:before,
.accordion-header h5:before {
  content: "\e008   ";
  opacity: 0;
  position: absolute;
  left: 0;
  transition: opacity 0.2s 0s;
}
.people .header .open-close,
.accordion-header .open-close {
  width: 0.8em;
  height: 0.8em;
  display: block;
  position: absolute;
  fill: #fff;
  right: 0;
  top: 0.7em;
  transform: rotate(0);
  transition: transform 0.3s;
}
.people .header:hover h5, .people .header:hover h4, .people .header.open h5, .people .header.open h4,
.accordion-header:hover h5,
.accordion-header:hover h4,
.accordion-header.open h5,
.accordion-header.open h4 {
  padding-left: 1.2em;
  transition: padding-left 0.2s 0s;
}
.people .header:hover h5:before, .people .header:hover h4:before, .people .header.open h5:before, .people .header.open h4:before,
.accordion-header:hover h5:before,
.accordion-header:hover h4:before,
.accordion-header.open h5:before,
.accordion-header.open h4:before {
  opacity: 1;
  font-size: inherit;
  transition: opacity 0.2s 0.2s;
}
.people .header.open .open-close,
.accordion-header.open .open-close {
  transform: rotate(45deg);
}

.people .studio-content {
  z-index: 1;
  border: none;
}
.people .person {
  border-bottom: 1px solid #fff;
  z-index: 1;
  position: static;
}
.people .person:first-child {
  border-top: 1px solid #fff;
}
.people .header,
.people .details .wrap {
  display: flex;
}
.people .header .col,
.people .details .wrap .col {
  width: 50%;
  min-height: 1px;
}
.people .header .col.left,
.people .details .wrap .col.left {
  padding-right: 0;
}
.people .header .col.right,
.people .details .wrap .col.right {
  padding-left: 1em;
}
.people .header {
  text-transform: uppercase;
}
.people .header:hover .portrait {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s, visibility 0s;
}
.people .header h5 {
  margin: 0;
}
.people .header.open:hover .portrait, .people .header.opened:hover .portrait {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0s 0.3s;
}
.people .studio-content {
  padding: 0;
}
.people .details {
  display: none;
}
.people .details .wrap {
  padding: 0 0 3em;
}
.people .details .portrait {
  width: 200px;
  height: auto;
  display: block;
}

.studio-section {
  padding: 70px 0 0;
  margin: 0 0 1px;
}
.studio-section .heading {
  width: 11.1111111111vw;
  text-transform: uppercase;
  padding-top: 0.75em;
}
.studio-section.studio-list, .studio-section.principles {
  display: flex;
}
.studio-section .studio-content {
  flex: 1;
}
.studio-section.people .heading {
  padding-top: 0.6em;
}

.studio-list .listwrap {
  column-count: 2;
  column-gap: 2em;
}
.studio-list .listwrap .list-item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0 0 3.564em;
}
.studio-list h5 {
  text-transform: uppercase;
  margin: 0 0 1.188em;
}
.studio-list h5:before {
  content: "\e008   ";
}

#studio-compressed {
  display: flex;
  flex-direction: column;
}
#studio-compressed .excerpt {
  margin: 0 0 3.564em;
}

.address {
  margin: auto 0 0;
}

.contact-intro {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 2.376em;
}

.contact-detail {
  width: calc(50% - 1em);
  display: inline-block;
  margin-bottom: 2em;
}
.contact-detail:nth-child(2n) {
  margin-left: 2em;
}

.studio-content {
  border-top: 1px solid #fff;
  padding: 0.75em 0 0;
}
.studio-content img {
  max-width: 100%;
  height: auto;
  display: block;
}

.principles .studio-content {
  padding: 0;
  border-top: none;
}

.principle-item {
  border-top: 1px solid #fff;
  padding: 0.75rem 0 3rem;
}
.principle-item .principle-intro {
  margin: 0 0 1em;
}
.principle-item .principle-text {
  margin: 0 0 3rem;
}
.principle-item .principle-text p {
  margin: 0 0 1em;
}

.principle-heading {
  text-transform: uppercase;
  margin: 0 0 1rem;
}
.principle-heading .index {
  width: 2em;
  display: inline-block;
}

.studio-intro .studio-text {
  margin: 0 0 8.75em;
}
.studio-intro .studio-text p {
  margin: 0;
}
.studio-intro .studio-text p + p {
  text-indent: 2em;
}
.studio-intro .staff-image {
  padding: 0 0 0 11.1111111111vw;
}
.studio-intro .staff-image img {
  display: block;
  width: 100%;
  height: auto;
}
.studio-intro .staff-image .staff-image-caption {
  margin: 1em 0 0;
}
.studio-intro .studio-text-2 {
  margin: 3rem 0 0;
}

.studio-mobile-nav {
  display: none;
}

.top-bar .studio-nav {
  flex: 1;
}
.top-bar .studio-nav .shop-li {
  flex: 1;
  text-align: right;
}

@media screen and (max-width: 1015px) {
  .studio-intro .staff-image {
    padding: 0 0 40px 25%;
  }
  .studio-section .heading {
    width: 25%;
  }
  .studio-section .top-bar nav {
    display: none;
  }
  .studio-container .top-bar h3 {
    width: 25%;
  }
  .studio-container.closed .top-bar h3 {
    width: 100%;
  }
  .studio-container.closed .top-bar .studio-nav {
    width: 0;
  }
}
@media screen and (max-width: 670px) {
  .top-bar .studio-nav {
    display: none;
  }
  .studio-container .top-bar h3 {
    width: 100%;
  }
  .studio-mobile-nav {
    display: block;
    text-transform: uppercase;
    margin: 2em 0 6em;
  }
  .studio-mobile-nav ul li {
    margin: 0 0 0.2em;
  }
}
@media screen and (max-width: 600px) {
  .studio-mobile-nav {
    display: block;
    text-transform: uppercase;
    margin: 2em 0 6em;
  }
  .studio-mobile-nav ul li {
    margin: 0 0 0.2em;
  }
  .top-bar .studio-nav {
    display: none;
  }
  .studio-section {
    display: block;
    border-top: 1px solid #fff;
    padding: 0;
    margin: 4em 0 0;
  }
  .studio-section .heading {
    width: 100%;
    margin: 0 0 2.376em;
    padding: 0.75em 0 0;
  }
  .studio-section.studio-list, .studio-section.principles {
    display: block;
  }
  .studio-section#about {
    border-top: none;
  }
  .people {
    margin: 0 0 2.376em;
  }
  .studio-intro .staff-image {
    padding: 0 0 4em;
  }
  .studio-list .listwrap {
    column-count: 1;
    column-gap: 0;
  }
  .contact-detail {
    width: 100%;
  }
  .contact-detail:nth-child(2n) {
    margin-left: 0;
  }
  .people .details .portrait {
    max-width: 50%;
    margin: 0 0 0 50%;
    padding: 0 40px 0 1em;
  }
  .people .details .wrap {
    display: block;
  }
  .people .details .wrap .col.left {
    padding: 0 0 1em;
    width: 100%;
  }
  .people .details .wrap .col.right {
    padding: 0;
    width: 100%;
  }
  .people .header {
    padding: 0.5em 0;
    min-height: 3em;
  }
  .studio-content {
    border-top: none;
  }
}
body.single-projects #news .section-wrap,
body.single-projects #studio .section-wrap,
body.opening-project #news .section-wrap,
body.opening-project #studio .section-wrap {
  opacity: 0;
}

body.single-projects .studio-container,
body.single-projects .news-container {
  width: 12px;
}
body.single-projects .main .section.open.projects-container {
  width: calc(100% - 24px);
}

body.closing-project .section-wrap,
body.closing-project .project-wrap,
body.opening-project .section-wrap,
body.opening-project .project-wrap {
  opacity: 0;
}

.project-wrap {
  transition: opacity 0.5s;
}
.project-wrap h1,
.project-wrap h2 {
  font-size: 3.75vw;
  margin-left: 2.2222222222vw;
}
.project-wrap .top-bar {
  display: flex;
  justify-content: space-between;
}
.project-wrap .top-bar h3 {
  flex: 1;
  overflow: hidden;
  max-width: 100%;
}
.project-wrap .top-bar .back-to-index {
  position: relative;
}
.project-wrap .top-bar .back-to-index svg {
  fill: #000;
}

.project-content img {
  width: 100%;
  height: 100%;
}
.project-content h1 {
  margin: 15px 2.2222222222vw 140px;
  color: #2117a6;
}
.project-content .project-text {
  display: flex;
  justify-content: space-between;
  padding: 0 0 180px;
}
.project-content .project-details {
  border-top: 1px solid #000;
  width: 35.5555555556vw;
  margin: 0 0 0 2.2222222222vw;
  text-transform: uppercase;
}
.project-content .project-details .detail-row {
  border-bottom: 1px solid #000;
  display: flex;
  padding: 6px 0;
}
.project-content .project-details .detail-heading {
  width: 25.390625%;
}
.project-content .project-details .detail {
  flex: 1;
}
.project-content .overview {
  width: 45.8333333333vw;
  border-top: 1px solid #000;
  padding: 6px 0 0;
}
.project-content .overview h4 {
  margin: 0 0 1em;
}
.project-content .overview p {
  margin: 0;
}
.project-content .overview p + p {
  text-indent: 2em;
}
.project-content .overview .text {
  font-size: 1.25rem;
  line-height: 1.2;
}

.project-header {
  position: relative;
  height: calc(100vh - 40px);
  overflow: hidden;
}
.project-header .project-header-img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.project-header .videowrap {
  height: 100%;
  padding: 0;
}
.project-header img,
.project-header video {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.project-header h2 {
  position: absolute;
  bottom: 0;
  color: #fff;
  margin-bottom: 0.5em;
  z-index: 2;
}

.project-images {
  margin: 0 0 140px;
}
.project-images ._Quote,
.project-images ._quote {
  color: #2117a6;
  font-size: 1.625em;
  line-height: 1.1em;
  margin: 0;
}
.project-images ._Cite,
.project-images ._cite {
  font-size: 0.875em;
  line-height: 1.1em;
  margin: 0;
}

.lg-type-vimeo_mp4_metabox .videowrap {
  position: relative;
}
.lg-type-vimeo_mp4_metabox .videowrap video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  object-fit: cover;
  object-position: center;
}

.project-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 0 0 14px;
}

.related-projects {
  order: 2;
  width: 45.8333333333vw;
  margin: 0;
}
.related-projects .thumbnails {
  margin: 1em 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.related-projects .related-project {
  width: calc(50% - 6px);
  margin: 0 0 2em;
  transition: color 0.3s;
}
.related-projects .related-project .project-link {
  display: block;
}
.related-projects .related-project .project-link:hover {
  color: #2117a6;
}
.related-projects .related-project .imgwrap {
  padding-bottom: 66.6666666667%;
  overflow: hidden;
  margin: 0 0 0.625em;
}
.related-projects .related-project .imgwrap img {
  object-position: center;
  object-fit: cover;
}
.related-projects .title {
  color: #2117a6;
  text-transform: uppercase;
}
.related-projects .title:before {
  content: "\e008  ";
}

.project-footer-logo {
  width: 241px;
  height: 69px;
  fill: #2117a6;
  order: 1;
}

@media screen and (max-width: 1440px) {
  .project-header {
    font-size: 54px;
  }
}
@media screen and (max-width: 1015px) {
  body.single-projects .projects-container {
    width: 100%;
  }
  body.single-projects .studio-container,
  body.single-projects .news-container {
    width: 100%;
  }
  body.single-projects .main .section.projects-container {
    height: calc(100% - 80px);
  }
  body.single-projects .main .section.open.projects-container {
    width: 100%;
  }
  body.closing-project #projects .section-wrap,
  body.closing-project #projects .project-wrap,
  body.opening-project #projects .section-wrap,
  body.opening-project #projects .project-wrap {
    opacity: 0;
  }
  body.single-projects #news .section-wrap,
  body.single-projects #studio .section-wrap,
  body.opening-project #news .section-wrap,
  body.opening-project #studio .section-wrap,
  body.closing-project #news .section-wrap,
  body.closing-project #studio .section-wrap {
    opacity: 1;
  }
  body.single-projects #news .ajaxwrap,
  body.single-projects #studio .ajaxwrap,
  body.opening-project #news .ajaxwrap,
  body.opening-project #studio .ajaxwrap,
  body.closing-project #news .ajaxwrap,
  body.closing-project #studio .ajaxwrap {
    opacity: 0;
  }
  .project-wrap h1,
  .project-wrap h2 {
    font-size: 24px;
  }
  .project-header {
    height: 100%;
  }
  .project-header h2 {
    margin: 0;
    padding: 14px;
  }
  .project-content .overview .text {
    font-size: 16px;
  }
  .project-content h1 {
    margin: 14px 14px 2em;
  }
  .project-content .project-text {
    display: block;
  }
  .project-content .project-details {
    margin: 0 0 3em;
  }
  .project-content .project-details .detail-row {
    display: block;
  }
  .project-content .project-details .detail-heading {
    width: 100%;
  }
  .project-content .project-details div {
    display: block;
  }
  .project-content .project-details div span {
    display: block;
  }
  .project-content .project-details,
  .project-content .overview {
    width: 100%;
  }
  .project-wrap .top-bar .back-to-index span {
    display: none;
  }
  .related-projects {
    width: 100%;
    order: 1;
  }
  .project-footer {
    display: block;
  }
  .project-images ._Quote,
  .project-images ._quote {
    font-size: 20px;
    line-height: 22px;
  }
}
.img-tooltip .tip {
  display: none;
  position: fixed;
  transform: translate3d(16px, 16px, 0);
  z-index: 999;
  width: 12.5em;
  height: auto;
}

.section.open .img-tooltip:hover .tip {
  display: block;
}

.projects-list .img-tooltip .tip {
  width: 14em;
}

.projects-list.filtering .img-tooltip:hover .tip {
  display: none;
}

.section.open .project.highlight .img-tooltip:hover .tip {
  display: block;
}

@media (hover: none) {
  .section.open .img-tooltip:hover .tip {
    display: none;
  }
}
body.opening-shop .section-wrap {
  opacity: 0;
}

body.shop #projects .section-wrap,
body.shop #news .section-wrap {
  opacity: 0;
}

body.shop .projects-container,
body.shop .news-container,
body.single-shop .projects-container,
body.single-shop .news-container {
  width: 12px;
}
body.shop .main .studio-container.section.open,
body.shop .studio-container,
body.single-shop .main .studio-container.section.open,
body.single-shop .studio-container {
  width: calc(100% - 24px);
}

body.closing-shop #projects .section-wrap,
body.closing-shop #news .section-wrap {
  opacity: 0;
}

body.closing-shop .section-wrap.studio-wrap,
body.changing-shop-view .section-wrap.studio-wrap {
  opacity: 0;
}

.shop-intro {
  padding: 0 14px;
  margin: 0 0 2em;
}

.shop-container {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.shop-container .shop-contents {
  flex: 1;
}
.shop-container .sibling-footer-logo {
  padding: 0 14px;
}

.main .section .content#shop-index {
  padding: 70px 0 0;
}

.shop-index {
  padding: 0 8px;
  display: flex;
  flex-wrap: wrap;
}
.shop-index .product {
  width: 25%;
  padding: 0 6px;
  margin: 0 0 2em;
}
.shop-index .product img {
  max-width: 100%;
  height: auto;
}
.shop-index .product h3 {
  text-transform: uppercase;
}
.shop-index .product h3:before {
  content: "\e008  ";
}
.shop-index .product .shop-thumb {
  padding: 0 0 114%;
  position: relative;
  margin: 0 0 0.75em;
}
.shop-index .product .shop-thumb .imgwrap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.shop-index .product .shop-thumb .imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 1015px) {
  body.shop .projects-container,
  body.shop .news-container,
  body.shop .projects-container,
  body.shop .news-container,
  body.shop .studio-container,
  body.shop .studio-container,
  body.single-shop .projects-container,
  body.single-shop .news-container,
  body.single-shop .projects-container,
  body.single-shop .news-container,
  body.single-shop .studio-container,
  body.single-shop .studio-container {
    width: 100%;
  }
  body.shop #projects .section-wrap,
  body.shop #news .section-wrap,
  body.opening-shop #projects .section-wrap,
  body.opening-shop #news .section-wrap {
    opacity: 1;
  }
  .shop-index .product {
    width: 50%;
  }
  body.closing-shop .section-wrap {
    opacity: 1;
  }
}
.product-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-wrap .product-container {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
}
.product-wrap .product-images {
  position: absolute;
  left: 0;
  top: 0;
  width: 35.4166666667vw;
}
.product-wrap .product-images img {
  width: 100%;
  height: auto;
}
.product-wrap .product-slider {
  position: relative;
  visibility: hidden;
}
.product-wrap .product-slider.slick-initialized {
  visibility: visible;
}
.product-wrap .product-slider .slick-arrow {
  height: 100%;
  position: absolute;
  width: 50%;
  top: 0;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  z-index: 2;
}
.product-wrap .product-slider .slick-arrow.slick-prev {
  left: 0;
  cursor: url("images/prev.png") 0 0, pointer; /* Legacy */
  cursor: -webkit-image-set(url("images/prev.png") 1x, url("images/prev@2x.png") 2x) 0 0, pointer; /* Webkit */
}
.product-wrap .product-slider .slick-arrow.slick-next {
  right: 0;
  cursor: url("images/next.png") 0 0, pointer; /* Legacy */
  cursor: -webkit-image-set(url("images/next.png") 1x, url("images/next@2x.png") 2x) 0 0, pointer; /* Webkit */
}
.product-wrap .product-slider-details {
  display: flex;
  justify-content: space-between;
}
.product-wrap .product-text {
  width: 47.6388888889vw;
  padding: 0 0 5em;
}
.product-wrap .product-text h1 {
  margin: 0 0 3em;
}
.product-wrap .accordion {
  border-bottom: 1px solid #fff;
  z-index: 1;
  position: static;
}
.product-wrap .accordion.product-overview {
  border-top: 1px solid #fff;
}
.product-wrap .accordion .accordion-header {
  position: relative;
  cursor: pointer;
}
.product-wrap .accordion .accordion-content {
  display: none;
}
.product-wrap .sibling-footer-logo {
  position: absolute;
  left: 14px;
  bottom: 1em;
}

.product-overview .accordion-content {
  padding: 0 0 4em;
  font-size: 20px;
  line-height: 1.2em;
}

.product-specs ul {
  padding: 0 0 5em;
  border-top: 1px solid #fff;
}
.product-specs ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  padding: 0.6em 0;
}
.product-specs ul li span {
  flex: 1;
}

.product-enquire .fieldwrap {
  display: flex;
  margin: 0 0 1em;
}
.product-enquire form {
  padding: 0 0 4em;
}
.product-enquire label {
  width: 12.2222222222vw;
  display: block;
}
.product-enquire input,
.product-enquire textarea {
  background: none;
  padding: 0.2em;
  margin: 0;
  border: 1px solid #fff;
  flex: 1;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
}
.product-enquire textarea {
  resize: none;
}
.product-enquire button[type=submit] {
  margin: 1em 0 0 12.2222222222vw;
  background: transparent;
  border: 1px solid #fff;
  padding: 0.2em 2em;
  text-transform: uppercase;
  color: #fff;
  font-family: inherit;
  transition: all 0.3s;
  position: relative;
}
.product-enquire button[type=submit]:hover {
  background: #fff;
  color: #2117a6;
}
.product-enquire button[type=submit].sending:after {
  content: " \e018";
  position: absolute;
  right: -2em;
  color: #fff;
  animation: sendingAnim 1s infinite;
}
.product-enquire .form-msg {
  display: none;
  padding: 1em 0 1em 12.2222222222vw;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
div:focus {
  outline: none;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #fff;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}

@keyframes sendingAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 1015px) {
  body.shop .main .studio-container.section.open,
  body.shop .studio-container,
  body.single-shop .main .studio-container.section.open,
  body.single-shop .studio-container {
    width: 100%;
  }
  .product-wrap .product-container {
    display: block;
  }
  .product-wrap .product-images,
  .product-wrap .sibling-footer-logo {
    position: relative;
    top: auto;
    left: auto;
  }
  .product-wrap .product-images,
  .product-wrap .product-text {
    width: 100%;
  }
  .product-wrap .product-text h1 {
    margin: 2em 0;
  }
  .product-enquire .fieldwrap {
    display: block;
  }
  .product-enquire label {
    width: 100%;
    display: block;
    margin: 0 0 0.25em;
  }
  .product-enquire input,
  .product-enquire textarea {
    width: 100%;
  }
  .product-enquire button[type=submit] {
    margin: 1em 0 0 0;
  }
  .product-enquire .form-msg {
    display: none;
    padding: 1em 0;
  }
}
.videowrap .save-clicks {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.videowrap.video-ready video {
  opacity: 1;
}
.videowrap {
  padding: 0 0 56.25%;
}
.videowrap .aspect-16-9 {
  padding: 0 0 56.25%;
}
.videowrap .aspect-17-9 {
  padding: 0 0 52.9411764706%;
}
.videowrap .aspect-4-3 {
  padding: 0 0 75%;
}
.videowrap .aspect-2-1 {
  padding: 0 0 50%;
}
.videowrap .aspect-1-1 {
  padding: 0 0 100%;
}
.videowrap {
  position: relative;
}
.videowrap video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.videowrap video[poster] {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.videowrap .video-inner {
  padding-bottom: 56.25%;
  height: 0;
}
.videowrap .seek-bar,
.videowrap .rangeslider {
  opacity: 0;
  transition: opacity 0.3s;
}
.videowrap:hover .play-pause,
.videowrap:hover .seek-bar,
.videowrap:hover .rangeslider {
  opacity: 1;
}

button.play-pause {
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border: none;
  background: #2117a6;
  position: absolute;
  opacity: 1;
  transition: opacity 0.3s;
  border-radius: 50%;
  z-index: 2;
  transform: translate3d(0, 0, 0);
}
button.play-pause:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 30px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 20px;
  left: 30px;
}

.videowrap.loaded button.play-pause {
  opacity: 1;
}

.videowrap.loaded.playing button.play-pause {
  opacity: 0;
}
.videowrap.loaded.playing button.play-pause:before, .videowrap.loaded.playing button.play-pause:after {
  content: "";
  width: 10px;
  height: 40px;
  position: absolute;
  top: 20px;
  background: #fff;
  border: none;
}
.videowrap.loaded.playing button.play-pause:before {
  left: 25px;
}
.videowrap.loaded.playing button.play-pause:after {
  right: 25px;
  left: auto;
}
.videowrap.loaded.playing .rangeslider {
  opacity: 0;
}
.videowrap.loaded.playing:hover button.play-pause,
.videowrap.loaded.playing:hover .rangeslider {
  opacity: 1;
}
.videowrap.loaded.playing.hide-controls button.play-pause,
.videowrap.loaded.playing.hide-controls .rangeslider {
  opacity: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.vid-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
  height: 54px;
  width: 54px;
  border: 2px solid #fff;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  border-right-color: #2117a6;
  border-top-color: #2117a6;
  border-radius: 100%;
}

.video-wrap.buffering {
  z-index: 2;
}
.video-wrap.buffering .play-pause {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.video-wrap.buffering .loading {
  transition: opacity 0.3s;
  visibility: visible;
  opacity: 1;
  animation: spin 0.75s infinite linear;
}

.seek-bar {
  visibility: hidden;
}

.rangeslider,
.rangeslider__fill {
  display: block;
}

.rangeslider {
  background: #fff;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
  margin: 0;
  transition: opacity 0.5s;
}

.rangeslider--horizontal {
  height: 4px;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #2117a6;
  position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: #2117a6;
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: 50%;
}

.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-size: 100%;
}

.rangeslider--horizontal .rangeslider__handle {
  top: -6px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
  left: -6px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

@media screen and (max-width: 600px) {
  button.play-pause {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
  }
  button.play-pause:after {
    border-width: 12px 0 12px 18px;
    top: 12px;
    left: 19px;
  }
  .rangeslider {
    bottom: 16px;
    left: 16px;
    width: calc(100% - 32px);
  }
  .rangeslider--horizontal {
    height: 2px;
  }
  .rangeslider--horizontal .rangeslider__handle {
    top: -7px;
  }
}
body.idle #loading {
  display: block !important;
  mix-blend-mode: multiply;
  background: none;
  pointer-events: none;
}
body.idle #loading svg {
  fill: #2117a6;
}
body.idle #loading svg path.s-bl-ng {
  visibility: hidden;
}
body.idle #loading svg path.sib1 {
  animation: sibling_loading_1 4s steps(1, end) infinite;
}
body.idle #loading svg path.sib2 {
  animation: sibling_loading_2 4s steps(1, end) infinite;
}
body.idle #loading svg path.sib3 {
  animation: sibling_loading_3 4s steps(1, end) infinite;
}
body.idle #loading svg path.sib4 {
  animation: sibling_loading_4 4s steps(1, end) infinite;
}
body.idle.idle-timeout #loading svg path.s-bl-ng {
  visibility: visible;
}
body.idle.idle-timeout #loading svg path.sib1,
body.idle.idle-timeout #loading svg path.sib2,
body.idle.idle-timeout #loading svg path.sib3,
body.idle.idle-timeout #loading svg path.sib4 {
  animation: none;
}
body.idle.idle-timeout #loading svg path.sib1,
body.idle.idle-timeout #loading svg path.sib2,
body.idle.idle-timeout #loading svg path.sib3 {
  visibility: hidden;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.imgwrap,
.videowrap {
  background: rgba(0, 0, 0, 0.1);
}

.imgwrap.slowload:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-top-color: #2117a6;
  animation: spinner 0.6s linear infinite;
}

img.lazy {
  visibility: hidden;
}

.lazywrap {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.lazywrap svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.videowrap {
  overflow: hidden;
  z-index: 1;
  transition: opacity 0.3s;
}
.videowrap svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.videowrap video {
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s;
}
.videowrap iframe {
  z-index: 0;
}
.videowrap.video-ready video {
  opacity: 1;
}
.videowrap.video-ready:before {
  opacity: 0;
}

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