@charset "UTF-8";

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

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

body {
  font-family: Matter, Helvetica Neue, Helvetica, Arial, Lucida Grande,
    sans-serif;
  font-size: 1rem;
  line-height: 1.625;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

ol,
p,
ul {
  margin: 0 0 1.625em;
}

ol,
ul {
  padding: 0 0 0 2.5em;
}

label {
  cursor: pointer;
}

button {
  border: 0;
  cursor: pointer;
  outline: 0;
}

input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: 0;
}

input[type="button"]:focus,
input[type="submit"]:focus {
  outline: 0;
}

body,
html {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background: #fff;
  color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 46px;
  margin-bottom: 14px;
}

h2 {
  font-size: 35px;
  margin-bottom: 10px;
}

h3 {
  font-size: 28px;
  margin-bottom: 8px;
}

h4 {
  font-size: 21px;
  margin-bottom: 4px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 14px;
}

p {
  margin: 0 0 20px;
}

em {
  font-style: italic;
}

strong {
  font-weight: 700;
}

small {
  font-size: 80%;
}

blockquote,
blockquote p {
  color: #777;
  font-size: 17px;
  font-style: italic;
  line-height: 24px;
}

blockquote {
  border-left: 1px solid #ddd;
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
}

blockquote cite {
  color: #555;
  display: block;
  font-size: 12px;
}

blockquote cite:before {
  content: "— ";
}

blockquote cite a,
blockquote cite a:visited {
  color: #555;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 10px 0 30px;
}

a {
  color: #333;
  outline: 0;
  text-decoration: underline;
}

p a {
  line-height: inherit;
}

input,
textarea {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  -webkit-transition: border-color 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  transition: border-color 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out, -moz-box-shadow 0.2s ease-out;
}

ol,
ul {
  margin-bottom: 20px;
}

ul {
  list-style: none outside;
}

ol ol,
ol ul,
ul ol,
ul ul {
  font-size: 90%;
  margin: 4px 0 5px 30px;
}

ol ol li,
ol ul li,
ul ol li,
ul ul li {
  margin-bottom: 6px;
}

li {
  line-height: 18px;
  margin-bottom: 12px;
}

.btn,
.footer__jc,
.header__cta,
.header__menu,
.hidden,
.section--home-scroll,
.shape,
.skip-to-link,
.slider--thumbs,
.social-icons,
button,
form,
iframe,
nav,
video {
  display: none;
}

.header-main {
  position: relative !important;
}

img {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.section--design-enquiry-mobile {
  display: none;
}

.section--design-menu {
  opacity: 1 !important;
  transform: none !important;
}

.section--design-menu .section__phone {
  display: none;
}

.banner--single-designs .banner__caption {
  display: none;
}

.section--prefooter {
  display: none;
}

.floorplan {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.floorplan__inner {
  align-items: flex-start;
  display: grid;
  grid-auto-rows: auto 1fr;
  grid-template-areas: "main toggles" "main aside";
  grid-template-columns: 1fr auto;
}

.floorplan__main {
  grid-area: main;
}

.floorplan__aside {
  grid-area: aside;
}

.floorplan__toggles {
  grid-area: toggles;
}

.floorplan img.zoom {
  display: none;
}

.floorplan__note {
  display: none;
}

.footer__copyright {
  display: flex;
  justify-content: space-between;
}

.footer__copyright ul {
  display: flex;
  margin: 0;
  padding: 0;
}

.footer__copyright ul > * {
  padding-right: 10px;
}

.footer__copyright > * {
  padding-right: 10px;
}

#smooth-content {
  box-sizing: border-box;
  overflow: visible !important;
  transform: none !important;
  width: 100%;
}

#smooth-wrapper {
  height: auto !important;
  inset: 0;
  overflow: visible !important;
  position: relative !important;
  width: 100%;
}

body {
  background: #fff !important;
  color: #1e1e1e !important;
  height: 100% !important;
  overflow: auto !important;
  overscroll-behavior: auto !important;
  scroll-behavior: auto !important;
}

[data-animaate-title] .title-line {
  opacity: 1 !important;
  transform: none !important;
}

[data-parallaax],
[data-speed] {
  transform: none !important;
}

.pin-spacer {
  box-sizing: border-box;
  display: block;
  flex-basis: auto;
  flex-shrink: 1;
  float: none;
  grid-area: auto;
  height: auto !important;
  inset: auto;
  margin: 0 !important;
  order: 0;
  overflow: visible;
  padding: 0 !important;
  place-self: auto;
  position: relative !important;
  width: 100vw !important;
  z-index: auto;
}

[data-animaate] {
  opacity: 1 !important;
  transform: none !important;
}

[data-animaate] [data-animaate-child] {
  opacity: 1 !important;
  transform: none !important;
}

.banner,
.header-main,
.section {
  margin-bottom: 40px;
}

.swiper-wrapper {
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  transform: none !important;
}

.swiper-wrapper .swiper-slide {
  margin: 0 !important;
  opacity: 1 !important;
  position: relative !important;
  transform: none !important;
  width: 100% !important;
}

.swiper-wrapper .swiper-slide-duplicate {
  display: none !important;
}

.swiper-wrapper .swiper-dots,
.swiper-wrapper .swiper-pagination {
  display: none !important;
}

.banner__slideshow .slider--fade .swiper-wrapper,
.banner__slideshow .slider--home .swiper-wrapper {
  grid-template-columns: repeat(4, 1fr);
}

.banner__slideshow .slider--fade .swiper-slide.swiper-slide-active,
.banner__slideshow .slider--home .swiper-slide.swiper-slide-active {
  grid-column: span 3;
  grid-row: span 3;
  order: -1;
}

.banner__slideshow .slider--fade .swiper-slide.swiper-slide-active .slide--fade,
.banner__slideshow
  .slider--fade
  .swiper-slide.swiper-slide-active
  .slide__image,
.banner__slideshow
  .slider--fade
  .swiper-slide.swiper-slide-active
  .slide__inner,
.banner__slideshow .slider--home .swiper-slide.swiper-slide-active .slide--fade,
.banner__slideshow
  .slider--home
  .swiper-slide.swiper-slide-active
  .slide__image,
.banner__slideshow
  .slider--home
  .swiper-slide.swiper-slide-active
  .slide__inner {
  height: 100%;
}

.banner__slideshow
  .slider--fade:not(.swiper-initialized)
  .swiper-slide:first-child,
.banner__slideshow
  .slider--home:not(.swiper-initialized)
  .swiper-slide:first-child {
  grid-column: span 3;
  grid-row: span 3;
  order: -1;
}

.banner__slideshow
  .slider--fade:not(.swiper-initialized)
  .swiper-slide:first-child
  .slide--fade,
.banner__slideshow
  .slider--fade:not(.swiper-initialized)
  .swiper-slide:first-child
  .slide--home,
.banner__slideshow
  .slider--fade:not(.swiper-initialized)
  .swiper-slide:first-child
  .slide__image,
.banner__slideshow
  .slider--fade:not(.swiper-initialized)
  .swiper-slide:first-child
  .slide__inner,
.banner__slideshow
  .slider--home:not(.swiper-initialized)
  .swiper-slide:first-child
  .slide--fade,
.banner__slideshow
  .slider--home:not(.swiper-initialized)
  .swiper-slide:first-child
  .slide--home,
.banner__slideshow
  .slider--home:not(.swiper-initialized)
  .swiper-slide:first-child
  .slide__image,
.banner__slideshow
  .slider--home:not(.swiper-initialized)
  .swiper-slide:first-child
  .slide__inner {
  height: 100%;
}

.slide--fade .slide__image,
.slide--home .slide__image {
  position: relative;
}

.slide--fade .slide__image:before,
.slide--home .slide__image:before {
  content: "";
  display: block;
  padding-top: 57.1428571429%;
  width: 100%;
}

.slide--fade .slide__image img,
.slide--home .slide__image img {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  position: absolute;
  top: 0;
  width: 100%;
}

.text--iskry {
  font-family: Iskry, Matter, Helvetica Neue, Helvetica, Arial, Lucida Grande,
    sans-serif;
}

.card {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.card .card__inner {
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-areas: "image content";
  grid-template-columns: 200px 1fr;
  row-gap: 20px;
}

.card .card__image {
  grid-area: image;
}

.card .card__content {
  grid-area: content;
}

.swiper-wrapper .card .card__inner {
  grid-template-areas: "image" "content";
  grid-template-columns: 1fr;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

.card--design .card__caption-alt,
.card--design .card__cta,
.card--design .card__image-alt {
  display: none;
}

.card--design .card__caption {
  grid-area: content;
}

.card--design .card__specifications {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.card--design .card__specifications li {
  margin-bottom: 10px;
  padding: 0 10px 0 0;
}

.card--design .card__specifications li + li:before {
  content: "|";
  margin-right: 10px;
}

.text--icon {
  align-items: center;
  display: inline-flex;
}

.text--icon > * {
  padding-right: 10px;
}

.text--icon.text--icon-left .text__icon {
  order: -1;
}

.section--5050 .section__note {
  align-items: center;
  display: inline-flex;
}

.section--5050 .section__note > * {
  padding-right: 10px;
}

.section--5050 .section__inner,
.section--specifications .section__inner {
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.section--5050[data-orientation="left"] .section__image,
.section--specifications[data-orientation="left"] .section__image {
  order: -1;
}

.grid--designs {
  display: grid;
  row-gap: 20px;
}

.section--explore-blog .section__content {
  margin-bottom: 20px;
}

.section--explore-blog .card {
  margin-bottom: 20px;
}

.footer__copyright .additional-link,
.footer__country,
.footer__logos {
  display: none;
}

.card--landing-cta .card__readmore {
  display: none;
}

.card--landing-cta .card__title {
  font-size: 1.125em;
}

.grid--ctas {
  display: grid;
  margin-bottom: 40px;
  row-gap: 20px;
}

.card--team .card__inner {
  display: block;
}

.card--team .card__toggle-arrow,
.card--team .card__toggle-close {
  display: none;
}

.card--team .card__toggle {
  background: transparent;
  border: none;
  color: #1f1f1f;
  display: grid;
  font-family: Matter, Helvetica Neue, Helvetica, Arial, Lucida Grande,
    sans-serif;
  font-size: 1em;
  font-weight: 400;
  grid-template-areas: "name image" "role image" "close image";
  grid-template-columns: 1fr 80px;
  grid-template-rows: auto 1fr auto;
  justify-content: space-between;
  margin: 0 0 20px;
  padding: 0;
  text-align: left;
  width: 100%;
}

.card--team .card__toggle .card__name {
  font-size: 1.125em;
}

.section--process .pin-spacer {
  box-sizing: border-box;
  display: block;
  flex-basis: auto;
  flex-shrink: 1;
  float: none;
  grid-area: auto;
  height: auto !important;
  inset: 0 !important;
  margin: 0;
  order: 0;
  overflow: visible;
  padding: 0 !important;
  place-self: auto;
  position: absolute;
  width: 100% !important;
  z-index: auto;
}

.section--process .section__content-inner {
  height: auto !important;
  inset: 0 auto auto 0;
  margin: 0;
  max-height: auto !important;
  max-width: 100% !important;
  padding: 0;
  transform: none !important;
  width: 100% !important;
}

.card--step {
  margin-bottom: 30px;
}

.card--step .card__description,
.card--step .card__image,
.card--step .card__step,
.card--step .card__title {
  opacity: 1 !important;
  transform: none !important;
}

.card--step .card__inner {
  grid-template-areas: "step" "aside";
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.card--step .card__aside {
  -moz-column-gap: 30px;
  column-gap: 30px;
  grid-area: aside;
}

.card--step .card__step-text {
  font-size: 0.875em;
  letter-spacing: 0.0714285714em;
  line-height: 1.0714285714;
  margin: 0;
  text-transform: uppercase;
}

.card--step .card__aside-inner {
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: grid;
  grid-template-areas: "image content";
  grid-template-columns: 200px 1fr;
}

.card--step .card__image {
  order: -1;
}

.share-icons {
  display: none;
}

.card--article-banner .card__image-shape {
  display: none;
}

.banner--single .card--article-banner .card__inner {
  grid-template-areas: "content image";
  grid-template-columns: 1fr 200px;
}

.block-breakout {
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 30px;
}

.block-breakout .block__title {
  font-size: 1.125em;
}

.block-design .block__inner {
  display: grid;
  grid-template-areas: "image" "content";
}

.block-design .block__badge {
  align-items: center;
  align-self: flex-start;
  border: 1px solid rgba(0, 0, 0, 0.5);
  display: flex;
  flex-shrink: 0;
  font-size: 0.75em;
  justify-content: space-between;
  padding: 0.8333333333em 1.8333333333em;
}

.block-design .block__title {
  font-size: 1em;
  margin: 0;
}

.block-design .block__shape {
  display: none;
  grid-area: image;
}

.block-design .block__content {
  grid-area: content;
}

.text--lead {
  font-size: 1.625em;
}

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

.card__meta > * {
  margin-right: 10px;
}

.section--timeframes .section__aside-shape {
  display: none;
}

.grid--articles {
  display: grid;
  row-gap: 20px;
}

.archive .grid--articles .card--article .card__inner {
  grid-template-columns: 120px 1fr;
}

.archive .grid--articles .card--article .card__title {
  font-size: 1.125em;
}

#dropdown-archive-category .fields {
  display: flex;
  flex-wrap: wrap;
}

#dropdown-archive-category .label {
  display: none;
  font-size: 1.125em;
  margin-right: 10px;
  padding: 0;
}

#dropdown-archive-category .label .label__icon {
  margin-right: 10px;
  order: -1;
}

#dropdown-archive-category .form-control--radio {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}

#dropdown-archive-category .form-control--radio:checked + .label {
  display: flex;
}

#dropdown-archive-category .form-control--radio:checked + .label:before {
  content: "Filtered by: ";
  order: -2;
  padding-right: 10px;
}

.card--timeframe .card__inner {
  display: block;
}

.card--timeframe .card__title {
  font-size: 1.125em;
}

.section--team-cta {
  display: none;
}

.footer__logo {
  margin-bottom: 40px;
}

.section--design-content .section__inner {
  -moz-column-break-inside: avoid;
  align-items: flex-start;
  break-inside: avoid;
  -moz-column-gap: clamp(2.5rem, 11.1111111111vw, 10rem);
  column-gap: clamp(2.5rem, 11.1111111111vw, 10rem);
  display: grid;
  grid-template-areas: "contentleft image1" "image2 image1" "image2 contentright" "image2 image3" "cta image3";
  grid-template-columns: 48.4375% 1fr;
  row-gap: 30px;
}

.section--design-content .section__content-left {
  grid-area: contentleft;
}

.section--design-content .section__image-1 {
  grid-area: image1;
}

.section--design-content .section__content-right {
  grid-area: contentright;
}

.section--design-content .section__image-2 {
  grid-area: image2;
}

.section--design-content .section__cta {
  grid-area: cta;
}

.section--design-content .section__image-3 {
  grid-area: image3;
}

.card--list-item .card__inner {
  grid-template-columns: 30px 1fr;
}

.card--list-item .card__title {
  font-size: 1.125em;
  line-height: 1.1;
}

.card--list-item .card__title span {
  display: block;
}

.section--design-list .section__inner {
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.section--design-list .section__buttons {
  display: none;
}

.block {
  margin-bottom: 40px;
}

.block:not(.block-wysiwyg) {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.block-aside-image .block__inner {
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.block-aside-image--left .block__image {
  order: -1;
}

.grid--gallery {
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 10px;
}

.grid--gallery > div:nth-child(10n + 1),
.grid--gallery > div:nth-child(10n + 8) {
  grid-column: span 2;
  grid-row: span 2;
}

.accordion {
  margin-bottom: 40px;
}

.accordion .accordion__image {
  margin-top: 20px;
  max-width: 200px;
}

.accordion__panel {
  margin-left: 30px;
}

.accordion .accordion__toggle {
  background: transparent;
  border: none;
  color: #1f1f1f;
  display: block;
  font-family: Matter, Helvetica Neue, Helvetica, Arial, Lucida Grande,
    sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  margin: 0 0 20px;
  padding: 0;
  text-align: left;
  width: 100%;
}

.accordion .accordion__toggle .btn__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.accordion .accordion__toggle svg {
  transform: rotate(90deg) translateX(50%);
}

.accordion .accordion__toggle svg path:nth-child(2) {
  transform: scaleX(-1);
}

.slider--content-slider-content {
  display: none;
}

.slide--content-slider-titles {
  display: flex;
  flex-direction: column;
}

.slide--content-slider-titles .slide__title {
  font-size: 1.125em;
}

.slide--content-slider-titles .slide__image {
  margin-bottom: 20px;
  order: -1;
}

.slide--content-slider-titles .slide__content {
  clip: unset !important;
  border: 0;
  display: block;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0;
  position: relative !important;
  width: 100% !important;
}

.banner--page .banner__image-wrap {
  display: block;
  float: right;
  margin-bottom: 30px;
  margin-left: 30px;
  max-width: 200px;
}

.block-wyswiyg img {
  max-width: 200px;
}

.card--gallery .card__inner {
  grid-template-areas: "image";
  grid-template-columns: 1fr;
}

.card--gallery .btn--pinterest {
  display: none;
}

.card--gallery .card__image {
  position: relative;
}

.card--gallery .card__image:before {
  content: "";
  display: block;
  padding-top: 89.3333333333%;
  width: 100%;
}

.card--gallery .card__image img {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  position: absolute;
  top: 0;
  width: 100%;
}

.grecaptcha-badge {
  display: none !important;
  visibility: hidden;
}

.banner--our-process .loader {
  display: none;
}

.banner--landing .banner__shapes {
  display: none;
}

.section--single-menu {
  display: none;
}