.section--design-enquiry-mobile.scrolled {
    transform: translateY(0);
}

.specifications .specifications__image {
    overflow: hidden;
    position: relative;
}

.specifications .specifications__image:before {
    content: "";
    display: block;
    padding-top: 97.619047619%;
    width: 100%;
}

.specifications .specifications__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%;
}

.specifications__marker {
    color: #251e1e;
    color: rgba(37, 30, 30, .8);
    display: block;
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    font-size: 1rem;
    font-weight: 600;
    left: var(--left, 0);
    line-height: 1.625;
    overflow: hidden;
    position: absolute;
    top: var(--top, 0);
    z-index: 2;
}

.specifications__marker .btn__inner {
    align-items: center;
    display: flex;
    padding: .5em;
    position: relative;
    z-index: 1;
}

.specifications__marker .btn__label {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}

.specifications__marker .btn__label>span {
    display: block;
    padding-left: .625em;
    padding-right: 1.0625em;
}

.specifications__marker .btn__icon {
    border-radius: 100%;
    box-shadow: 0 0 0 1.4583333333rem #fff;
    filter: drop-shadow(0 .25rem 1.875rem rgba(0, 0, 0, .5));
    flex-shrink: 0;
    height: 3.125rem;
    order: -1;
    position: relative;
    transform: scale(.3);
    width: 3.125rem;
}

.specifications__marker .btn__icon:before {
    animation-delay: calc(2s + var(--nth, 1)*.25s);
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-timing-function: ease-in-out;
    border-radius: 100%;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: center center;
    width: 100%;
}

.specifications__marker .btn__icon img {
    border-radius: 100%;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.specifications__marker[data-position=right] {
    left: auto;
    right: calc(100% - var(--left, 0%) - 4.125rem);
}

.specifications__marker[data-position=right] .btn__icon {
    order: 0;
}

.specifications__marker-hover,
.specifications__marker:focus,
.specifications__marker:hover {
    background: #fff;
    filter: drop-shadow(0 0 2.5rem rgba(0, 0, 0, .4));
    z-index: 5;
}

.specifications__marker-hover .btn__label,
.specifications__marker:focus .btn__label,
.specifications__marker:hover .btn__label {
    max-width: 9.5rem;
    opacity: 1;
    transition-timing-function: cubic-bezier(.45, 0, .49, 1), step-start, step-start;
    visibility: visible;
}

.specifications__marker-hover .btn__icon,
.specifications__marker:focus .btn__icon,
.specifications__marker:hover .btn__icon {
    box-shadow: 0 0 0 1.4583333333rem hsla(0, 0%, 100%, 0);
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    transform: scale(1);
}

.specifications__marker-hover .btn__icon:before,
.specifications__marker:focus .btn__icon:before,
.specifications__marker:hover .btn__icon:before {
    animation-duration: 0s;
    opacity: 0;
}

.specifications__marker-hover .btn__icon img,
.specifications__marker:focus .btn__icon img,
.specifications__marker:hover .btn__icon img {
    opacity: 1;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 1.4583333333rem hsla(0, 0%, 100%, .75);
        transform: scale(1);
    }

    25% {
        box-shadow: 0 0 0 1.4583333333rem hsla(0, 0%, 100%, 0);
        transform: scale(1.7045454545);
    }

    to {
        box-shadow: 0 0 0 1.4583333333rem hsla(0, 0%, 100%, 0);
        transform: scale(1.7045454545);
    }
}

.section--specifications {
    font-size: 1rem;
    font-weight: 400;
    line-height: calc(1em + .625rem);
    overflow: hidden;
}

.section--specifications .section__inner {
    display: grid;
    grid-auto-columns: 100%;
    grid-template-areas: "image""content";
}

.section--specifications .section__content {
    align-self: center;
    grid-area: content;
    padding: 4.8125rem 0 2.5rem;
}

.section--specifications .section__content-inner {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
}

.section--specifications .section__title {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: .0033333333em;
    line-height: 1.0666666667;
    margin-bottom: 1.3125rem;
    width: 100%;
}

.front-page .section--specifications .section__title {
    font-size: 1.875rem;
}

.section--specifications .section__description {
    max-width: 24.25rem;
}

.section--specifications .section__description>* {
    opacity: .8;
}

.section--specifications .section__buttons {
    margin-bottom: calc(var(--row-gap, .75rem)*-1);
    margin-left: calc(var(--column-gap, .75rem)*-1);
    margin-top: clamp(1.5625rem, 3.0555555556vw, 2.75rem);
}

.section--specifications .section__buttons>* {
    margin-bottom: var(--row-gap, .75rem);
    padding-left: var(--column-gap, .75rem);
}

.section--specifications .section__image {
    background: rgba(37, 30, 30, .1);
    grid-area: image;
    position: relative;
    transition-duration: .3s;
    transition-property: background;
    transition-timing-function: ease-in-out;
}

[data-text=light] .section--specifications .section__image {
    background: hsla(0, 0%, 100%, .1);
}

.section--specifications[data-orientation=left] .section__description {
    max-width: 28.8125rem;
}

.modaal--enquiry .modaal__inner {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    display: grid;
    grid-template-areas: "content""image";
    row-gap: 2.5rem;
}

.modaal--enquiry .modaal__content {
    align-self: center;
    grid-area: content;
}

.modaal--enquiry .modaal__content-inner {
    padding: 1.25rem 0 0;
    width: 100%;
}

.modaal--enquiry .modaal__title {
    color: #251e1e;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.125;
    margin-bottom: .5em;
}

.modaal--enquiry .modaal__title span {
    display: block;
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: .0028571429em;
    line-height: 1.3857142857;
}

.modaal--enquiry .modaal__image {
    grid-area: image;
    max-height: calc(100vh - 3.75rem);
    position: relative;
}

.modaal--enquiry .modaal__image:before {
    content: "";
    display: block;
    padding-top: 109.3167701863%;
    width: 100%;
}

.modaal--enquiry .modaal__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%;
}

.modaal--enquiry-wrap .modaal-inner-wrapper {
    padding: 1.25rem;
}

.modaal--enquiry-wrap .modaal-container {
    max-width: 100%;
    position: relative;
}

.modaal--enquiry-wrap .modaal-content-container {
    padding: 1.25rem;
}

.modaal--enquiry-wrap .modaal-close {
    align-items: center;
    background: #251e1e;
    color: #b6d71e;
    display: flex;
    font-size: 2.5rem;
    height: 1em;
    justify-content: center;
    position: absolute;
    right: 1.0625rem;
    top: 1.0625rem;
    width: 1em;
}

.modaal--enquiry-wrap .modaal-close:after,
.modaal--enquiry-wrap .modaal-close:before {
    content: none;
}

.modaal--enquiry-wrap .modaal-close .modaal-close__icon {
    font-size: .28em;
}

.modaal--enquiry-wrap .modaal-close svg {
    display: block;
    font-size: 1em;
    height: 1em;
    width: var(--icon-width, 1em);
}

.modaal--enquiry-wrap .modaal-close span {
    clip: unset !important;
    height: auto !important;
    position: relative !important;
    width: auto !important;
}

.modaal--enquiry-wrap .modaal-close span.hidden {
    clip: rect(0 0 0 0) !important;
    border: 0;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px !important;
}

.modaal--enquiry-wrap .modaal-close:hover,
html:not(.no-focus-outline) .modaal--enquiry-wrap .modaal-close:focus {
    background: #b6d71e;
    color: #251e1e;
}

.section--design-menu {
    position: relative;
}

.section--design-menu .section__phone a .btn__icon {
    transition-duration: .3s;
    transition-property: border-color, color, background;
    transition-timing-function: ease-in-out;
}

.section--design-menu .section__phone a:hover .btn__icon,
html:not(.no-focus-outline) .section--design-menu .section__phone a:focus .btn__icon {
    background: hsla(0, 0%, 100%, .2);
    color: #fff;
}

.section--design-menu.scrolled .section__header {
    max-width: var(--width, none);
    opacity: 1;
    transition-delay: 0s, .5s;
}

.section--design-menu.scrolled .section__content {
    border-color: #e8e5e2;
    transition-delay: 0s, .5s;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.slider--fade.swiper {
    z-index: 0;
}

.slide--thumbs {
    cursor: pointer;
}

.slide--thumbs .slide__image img {
    transition-duration: 0s;
    transition-property: -webkit-clip-path;
    transition-property: clip-path;
    transition-property: clip-path, -webkit-clip-path;
    transition-timing-function: cubic-bezier(.45, 0, .49, 1);
}

.slider--thumbs.swiper {
    z-index: 0;
}

.floorplan {
    background: #fff;
    color: #251e1e;
    position: relative;
    z-index: 1;
}

.floorplan .floorplan__note {
    color: #a9a4a0;
    display: block;
    font-size: .75rem;
    font-weight: 400;
    left: clamp(.625rem, 1.3888888889vw, 1.25rem);
    letter-spacing: .0166666667em;
    line-height: 1.5;
    position: absolute;
    top: clamp(.625rem, 1.3888888889vw, 1.25rem);
    z-index: 1;
}

.floorplan__inner {
    display: grid;
    grid-template-areas: "main""toggles""aside";
}

.floorplan__main {
    grid-area: main;
    height: 100%;
    position: relative;
}

.floorplan__main:before {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .013) 8.1%, hsla(0, 0%, 100%, .049) 15.5%, hsla(0, 0%, 100%, .104) 22.5%, hsla(0, 0%, 100%, .175) 29%, hsla(0, 0%, 100%, .259) 35.3%, hsla(0, 0%, 100%, .352) 41.2%, hsla(0, 0%, 100%, .45) 47.1%, hsla(0, 0%, 100%, .55) 52.9%, hsla(0, 0%, 100%, .648) 58.8%, hsla(0, 0%, 100%, .741) 64.7%, hsla(0, 0%, 100%, .825) 71%, hsla(0, 0%, 100%, .896) 77.5%, hsla(0, 0%, 100%, .951) 84.5%, hsla(0, 0%, 100%, .987) 91.9%, #fff);
    bottom: 0;
    content: "";
    height: 3.75rem;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.floorplan__aside {
    grid-area: aside;
    margin-bottom: 2.5rem;
}

.floorplan__aside .btn--solid {
    --column-gap: 1em;
    font-size: 1.125rem;
    padding: .7777777778em 1.1111111111em;
}

.floorplan__toggles {
    display: flex;
    flex-wrap: wrap;
    grid-area: toggles;
    margin-bottom: 1.875rem;
    margin-left: -.3125rem;
    padding-top: .3125rem;
}

.floorplan__toggles>div {
    margin-bottom: .3125rem;
    padding-left: .3125rem;
}

.floorplan__specifications {
    background: #fff;
    border: 1px solid #e8e5e2;
    border-radius: 0 5rem 0 0;
    display: grid;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: .0111111111em;
    line-height: 1.5555555556;
    list-style: none;
    margin: 0;
    padding: 4.375rem 3.0625rem 4.1875rem;
    row-gap: 2.5625rem;
}

.floorplan__specifications li {
    margin: 0;
}

.floorplan__specifications .text--icon {
    --icon-height: 1.6875rem;
}

.floorplan__specifications .text--icon .text__icon {
    color: #d1d7e3;
    margin-right: 1.375rem;
    min-width: 1.6875rem;
    text-align: center;
}

.floorplan__specifications--has-virtual-tour {
    padding-block-end: 2.5rem;
}

.floorplan__image {
    overflow: hidden;
    position: relative;
}

.floorplan__image img {
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
}

.floorplan__image img.zoom {
    display: none;
    opacity: 0;
    position: absolute;
    transform-origin: top left;
    z-index: 1;
}

.floorplan__image img.normal {
    display: block;
    height: auto;
    width: 100%;
}

.floorplan__image.zoomed {
    cursor: move;
}

.floorplan__image.zoomed img.zoom {
    opacity: 1;
}

.floorplan__image.zoomed img.normal {
    opacity: 0;
}

.section--video {
    color: #251e1e;
}

.section--video .section__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
}

.section--video .section__caption {
    background: #fff;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0086956522em;
    line-height: 1.7142857143;
    max-width: 80rem;
    padding: clamp(1.4375rem, 3.2638888889vw, 2.9375rem) clamp(1.25rem, 2.0833333333vw, 1.875rem) clamp(1.1875rem, 3.0555555556vw, 2.75rem) clamp(1.0625rem, 4.6527777778vw, 4.1875rem);
    width: calc(100% - 7.25rem);
}

.section--video .section__video {
    background: rgba(37, 30, 30, .1);
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: -1;
}

.section--video .section__video-controls {
    order: -1;
    position: relative;
    z-index: 1;
}

.section--video .section__video-controls:before {
    background: #071e13;
    content: "";
    display: block;
    height: 2.375rem;
    left: 0;
    position: absolute;
    top: 100%;
    width: 3.375rem;
    z-index: -1;
}

.section--video .section__video-controls-shape {
    background: #071e13;
    border-radius: 7.5rem 7.5rem 0 0;
    min-height: 9.3125rem;
    min-width: 7.25rem;
    padding: 2.0625rem 1.125rem 2.1875rem;
}

.section--video .section__video-inner {
    display: block;
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.section--video .section__video iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.section--video .section__video 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%;
}

.card--list-item {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5555555556;
}

.card--list-item .card__inner {
    align-items: flex-start;
    -moz-column-gap: clamp(.4375rem, .7638888889vw, .6875rem);
    column-gap: clamp(.4375rem, .7638888889vw, .6875rem);
    display: grid;
    grid-template-areas: "icon content";
    grid-template-columns: 1.875rem 1fr;
}

.card--list-item .card__title {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.25;
    margin-bottom: 1em;
}

.card--list-item .card__title span {
    display: block;
    margin-top: .2222222222em;
}

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

.card--list-item .card__icon {
    grid-area: icon;
}

.card--list-item-sm,
.section--5050-list .card--list-item {
    font-size: .875rem;
    line-height: 1.3571428571;
}

.card--list-item-sm .card__title,
.section--5050-list .card--list-item .card__title {
    font-size: 1rem;
}

.card--list-item-sm .card__description,
.section--5050-list .card--list-item .card__description {
    opacity: .8;
}

.modaal--virtual-tour .modaal-container {
    padding: clamp(.625rem, 1.3888888889vw, 1.25rem);
}

.modaal--virtual-tour .modaal-close {
    align-items: center;
    background: #251e1e;
    color: #b6d71e;
    display: flex;
    font-size: 2.5rem;
    height: 1em;
    justify-content: center;
    position: absolute;
    right: .625rem;
    top: .625rem;
    width: 1em;
}

.modaal--virtual-tour .modaal-close:after,
.modaal--virtual-tour .modaal-close:before {
    content: none;
}

.modaal--virtual-tour .modaal-close .modaal-close__icon {
    font-size: .28em;
}

.modaal--virtual-tour .modaal-close svg {
    display: block;
    font-size: 1em;
    height: 1em;
    width: var(--icon-width, 1em);
}

.modaal--virtual-tour .modaal-close span {
    clip: unset !important;
    height: auto !important;
    position: relative !important;
    width: auto !important;
}

.modaal--virtual-tour .modaal-close span.hidden {
    clip: rect(0 0 0 0) !important;
    border: 0;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px !important;
}

.modaal--virtual-tour .modaal-close:hover,
html:not(.no-focus-outline) .modaal--virtual-tour .modaal-close:focus {
    background: #b6d71e;
    color: #251e1e;
}

.section--design-list {
    font-size: 1rem;
    margin-bottom: clamp(4.5rem, 8.8194444444vw, 7.9375rem);
    padding-top: clamp(2.875rem, 14.0277777778vw, 12.625rem);
}

.section--design-list .section__inner {
    -moz-column-gap: clamp(3.125rem, 6.5972222222vw, 5.9375rem);
    column-gap: clamp(3.125rem, 6.5972222222vw, 5.9375rem);
    display: grid;
    grid-template-areas: "content""aside""buttons";
}

.section--design-list .section__content {
    letter-spacing: .0111111111em;
    line-height: 1.625;
}

.section--design-list .section__title {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: .0033333333em;
    line-height: 1.1666666667;
    margin-bottom: .425em;
}

.section--design-list .section__content {
    grid-area: content;
    margin-bottom: 1.875rem;
}

.section--design-list .section__buttons {
    grid-area: buttons;
}

.section--design-list .section__buttons .btn {
    --icon-height: 0.75rem;
    --column-gap: 0.5625rem;
    font-size: 1rem;
}

.section--design-list .section__buttons .btn .btn__icon-inner {
    height: 2.6666666667em;
    width: 2.6666666667em;
}

.section--design-list .section__aside {
    grid-area: aside;
}

.section--design-list .section__list {
    -moz-column-gap: clamp(2.0625rem, 2.7777777778vw, 2.5rem);
    column-gap: clamp(2.0625rem, 2.7777777778vw, 2.5rem);
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 2.5rem;
    row-gap: clamp(2.75rem, 4.8611111111vw, 4.375rem);
}

.section--design-content {
    color: hsla(0, 0%, 100%, .8);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625;
    margin-bottom: clamp(7.0625rem, 13.8888888889vw, 12.5rem);
    margin-top: clamp(3.8125rem, 11.3194444444vw, 10.1875rem);
    overflow: hidden;
}

[data-text=dark] .section--design-content {
    color: rgba(37, 30, 30, .8);
}

.section--design-content .section__inner {
    align-items: flex-start;
    display: grid;
    grid-template-areas: "contentleft""image1""contentright""image2""cta""image3";
    position: relative;
}

.section--design-content .section__pretitle {
    color: #a6c2f0;
    flex-shrink: 0;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .0714285714em;
    line-height: 1;
    margin: 0 clamp(2.375rem, 6.5277777778vw, 5.875rem) 0 0;
    min-height: calc(var(--title-height, 0) + 4em);
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 1em;
}

.section--design-content .section__pretitle>span {
    display: block;
    position: absolute;
    top: .5714285714em;
    transform: rotate(-90deg) translateX(-100%);
    transform-origin: left top;
    white-space: nowrap;
}

.section--design-content .section__title {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: .004em;
    line-height: 1.1;
    margin-bottom: .375em;
}

[data-text=dark] .section--design-content .section__title {
    color: #251e1e;
}

.section--design-content .section__content-left {
    display: flex;
    grid-area: contentleft;
    margin-bottom: 2.1875rem;
}

.section--design-content .section__image-1 {
    grid-area: image1;
    margin-bottom: 2.1875rem;
    max-width: clamp(19.1875rem, 40.2777777778vw, 36.25rem);
    position: relative;
}

.section--design-content .section__image-1 .section__shape {
    left: 94.8275862069%;
    position: absolute;
    top: 37.5384615385%;
    width: 37.6%;
    z-index: -1;
}

.section--design-content .section__image-1 .section__shape svg {
    height: auto;
    width: 100%;
}

.section--design-content .section__content-right {
    grid-area: contentright;
    margin-bottom: 2.4375rem;
}

.section--design-content .section__image-2 {
    grid-area: image2;
    margin-bottom: 6.875rem;
    position: relative;
}

.section--design-content .section__image-2:before {
    content: "";
    display: block;
    padding-top: 120.1612903226%;
    width: 100%;
}

.section--design-content .section__image-2 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%;
}

.section--design-content .section__image-2 .section__shape {
    left: -32.2580645161%;
    position: absolute;
    top: 25.6375838926%;
    width: 85%;
    z-index: -1;
}

.section--design-content .section__image-2 .section__shape svg {
    height: auto;
    width: 100%;
}

.section--design-content .section__cta {
    grid-area: cta;
    margin-bottom: 2.4375rem;
    text-align: center;
}

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

.loader__inner>div {
    animation-delay: calc(var(--nth, 0)*.125s);
    animation-direction: forwards;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: fadeInOut;
    animation-timing-function: ease-in-out;
}

@keyframes fadeInOut {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.btn--icon .btn__icon {
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: ease-in-out;
}

.btn--icon .btn__icon-inner {
    transition-duration: .3s;
    transition-property: background, box-shadow;
    transition-timing-function: ease-in-out;
}

.btn--icon .btn__icon-inner .btn__icon-hover {
    transition-duration: .3s;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
}

.btn--icon .btn__icon svg {
    transition-duration: .3s;
    transition-property: transform, opacity;
    transition-timing-function: ease-in-out;
}

.btn--icon-hover .btn__icon .btn__icon-inner .btn__icon-hover,
.btn--icon:hover .btn__icon .btn__icon-inner .btn__icon-hover,
.card--article-hover .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover,
.card--article.card--has-link:focus-within .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover,
.card--article.card--has-link:hover .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover,
.card--design-hover .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover,
.card--design:focus-within .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover,
.card--design:hover .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover,
html:not(.no-focus-outline) .btn--icon:focus .btn__icon .btn__icon-inner .btn__icon-hover {
    opacity: 1;
    transform: translateX(0);
}

.btn--icon-hover .btn__icon .btn__icon-inner .btn__icon-hover+svg,
.btn--icon:hover .btn__icon .btn__icon-inner .btn__icon-hover+svg,
.card--article-hover .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover+svg,
.card--article.card--has-link:focus-within .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover+svg,
.card--article.card--has-link:hover .card__readmore .btn--outline .btn__icon .btn__icon-inner .btn__icon-hover+svg,
.card--design-hover .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover+svg,
.card--design:focus-within .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover+svg,
.card--design:hover .card__readmore .btn--icon .btn__icon .btn__icon-inner .btn__icon-hover+svg,
html:not(.no-focus-outline) .btn--icon:focus .btn__icon .btn__icon-inner .btn__icon-hover+svg {
    opacity: 0;
}

.card--design .card__link:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.card--design .card__caption {
    transition-duration: 0s;
    transition-property: opacity, visibility;
    transition-timing-function: ease-in-out, step-start;
}

.card--design .card__caption-alt {
    transition-duration: 0s;
    transition-property: opacity, visibility;
    transition-timing-function: ease-in-out, step-end;
}

.card--design .card__caption-alt-specifications {
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
}

.card--design .card__caption-alt-icon svg {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-in-out;
}

.card--design .card__cta {
    flex-shrink: 0;
}

.card--design .card__title-inner {
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: ease-in-out;
}

.card--design .card__image {
    transition-duration: .5s;
    transition-property: background-position;
    transition-timing-function: ease-in-out;
}

.card--design .card__image-alt {
    transition-duration: .5s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
}

.card--design-hover .card__content,
.card--design:focus-within .card__content,
.card--design:hover .card__content {
    opacity: 1;
}

.card--design-hover .card__image,
.card--design:focus-within .card__image,
.card--design:hover .card__image {
    background-position: 0 106%;
}

.card--design-hover .card__image-alt,
.card--design:focus-within .card__image-alt,
.card--design:hover .card__image-alt {
    opacity: 1;
}

.card--design-hover .card__cta,
.card--design:focus-within .card__cta,
.card--design:hover .card__cta {
    transform: translateX(0);
}

.card--design-hover .card__title-inner,
.card--design:focus-within .card__title-inner,
.card--design:hover .card__title-inner {
    transform: translateY(0);
}

.slide--designs {
    height: 100%;
}

.slide--designs * {
    box-sizing: border-box;
}

.slide--designs .card--design {
    height: 100%;
}

.slider--designs {
    height: 100%;
    width: 100%;
}

.slider--designs .swiper-wrapper {
    transition-timing-function: cubic-bezier(.45, 0, .49, 1);
    width: 100%;
}

.slider--designs .swiper-pagination {
    align-items: center;
    display: flex;
    margin-top: clamp(1.1875rem, 4.8611111111vw, 4.375rem);
}

.slider--designs .swiper-arrow--next {
    order: 1;
}

.slider--designs .swiper-dots {
    flex-grow: 1;
}

.slider--designs .swiper-slide {
    max-width: calc(100vw - 4.375rem);
    width: clamp(20.625rem, 46.1805555556vw, 41.5625rem);
}

.section--designs .section__slider .swiper {
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
}

.btn--outline {
    background: var(--background, transparent);
    border: .0625rem solid var(--outline, rgba(37, 30, 30, .2));
    border-radius: 6.25rem;
    color: var(--color, #251e1e);
    font-family: Matter, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    transition-duration: .3s;
    transition-property: color, border-color, background;
    transition-timing-function: ease-in-out;
}

.btn--outline-thunder {
    --outline: rgba(37, 30, 30, .2);
    --color: #251e1e;
    --icon-color: #251e1e;
    --icon-background: rgba(37, 30, 30, .1);
}

[data-text=light] .btn--outline-thunder {
    --outline: hsla(0, 0%, 100%, .2);
    --color: #fff;
    --icon-color: #fff;
    --icon-background: hsla(0, 0%, 100%, .1);
}

.panel--light .btn--outline-thunder,
.panel--white .btn--outline-thunder {
    --outline: rgba(37, 30, 30, .2);
    --color: #251e1e;
    --icon-color: #251e1e;
    --icon-background: rgba(37, 30, 30, .1);
}

.btn--outline-ebonyclay:hover,
.btn--outline-thunder-hover,
.btn--outline-thunder:hover,
.card--article-hover .card__readmore .btn--outline,
.card--article.card--has-link:focus-within .card__readmore .btn--outline,
.card--article.card--has-link:hover .card__readmore .btn--outline,
html:not(.no-focus-outline) .btn--outline-ebonyclay:focus,
html:not(.no-focus-outline) .btn--outline-thunder:focus {
    --color: #251e1e;
    --icon-color: #251e1e;
    --icon-background: rgba(37, 30, 30, .1);
    --background: #fff;
    --outline: #fff;
}

.card--article-hover .card__readmore .panel--white .btn--outline,
.card--article.card--has-link:focus-within .card__readmore .panel--white .btn--outline,
.card--article.card--has-link:hover .card__readmore .panel--white .btn--outline,
.panel--white .btn--outline-ebonyclay:hover,
.panel--white .btn--outline-thunder-hover,
.panel--white .btn--outline-thunder:hover,
.panel--white .card--article-hover .card__readmore .btn--outline,
.panel--white .card--article.card--has-link:focus-within .card__readmore .btn--outline,
.panel--white .card--article.card--has-link:hover .card__readmore .btn--outline,
.panel--white html:not(.no-focus-outline) .btn--outline-ebonyclay:focus,
.panel--white html:not(.no-focus-outline) .btn--outline-thunder:focus,
html:not(.no-focus-outline) .panel--white .btn--outline-ebonyclay:focus,
html:not(.no-focus-outline) .panel--white .btn--outline-thunder:focus {
    --background: #e8e5e2;
    --outline: #e8e5e2;
}

.btn--outline-thunder-alt,
.panel--dark .btn--outline-white,
[data-text=dark] .btn--outline-white {
    --outline: rgba(37, 30, 30, .2);
    --color: #251e1e;
    --icon-color: #fff;
    --icon-background: #251e1e;
}

.btn--outline-thunder-alt-hover,
.btn--outline-thunder-alt:hover,
.panel--dark .btn--outline-white:hover,
.panel--dark html:not(.no-focus-outline) .btn--outline-white:focus,
[data-text=dark] .btn--outline-white:hover,
[data-text=dark] html:not(.no-focus-outline) .btn--outline-white:focus,
html:not(.no-focus-outline) .btn--outline-thunder-alt:focus,
html:not(.no-focus-outline) .panel--dark .btn--outline-white:focus,
html:not(.no-focus-outline) [data-text=dark] .btn--outline-white:focus {
    --background: #e8e5e2;
    --outline: #e8e5e2;
    --color: #251e1e;
    --icon-color: #fff;
    --icon-background: #251e1e;
}

.panel--dark .panel--ebb .btn--outline-white:hover,
.panel--dark .panel--ebb html:not(.no-focus-outline) .btn--outline-white:focus,
.panel--dark [data-background-current=ebb] .btn--outline-white:hover,
.panel--dark [data-background-current=ebb] html:not(.no-focus-outline) .btn--outline-white:focus,
.panel--dark html:not(.no-focus-outline) .panel--ebb .btn--outline-white:focus,
.panel--dark html:not(.no-focus-outline) [data-background-current=ebb] .btn--outline-white:focus,
.panel--ebb .btn--outline-thunder-alt-hover,
.panel--ebb .btn--outline-thunder-alt:hover,
.panel--ebb .panel--dark .btn--outline-white:hover,
.panel--ebb [data-text=dark] .btn--outline-white:hover,
.panel--ebb html:not(.no-focus-outline) .btn--outline-thunder-alt:focus,
.panel--ebb html:not(.no-focus-outline) .panel--dark .btn--outline-white:focus,
.panel--ebb html:not(.no-focus-outline) [data-text=dark] .btn--outline-white:focus,
[data-background-current=ebb] .btn--outline-thunder-alt-hover,
[data-background-current=ebb] .btn--outline-thunder-alt:hover,
[data-background-current=ebb] .panel--dark .btn--outline-white:hover,
[data-background-current=ebb] [data-text=dark] .btn--outline-white:hover,
[data-background-current=ebb] html:not(.no-focus-outline) .btn--outline-thunder-alt:focus,
[data-background-current=ebb] html:not(.no-focus-outline) .panel--dark .btn--outline-white:focus,
[data-background-current=ebb] html:not(.no-focus-outline) [data-text=dark] .btn--outline-white:focus,
[data-text=dark] .panel--ebb .btn--outline-white:hover,
[data-text=dark] .panel--ebb html:not(.no-focus-outline) .btn--outline-white:focus,
[data-text=dark] [data-background-current=ebb] .btn--outline-white:hover,
[data-text=dark] [data-background-current=ebb] html:not(.no-focus-outline) .btn--outline-white:focus,
[data-text=dark] html:not(.no-focus-outline) .panel--ebb .btn--outline-white:focus,
[data-text=dark] html:not(.no-focus-outline) [data-background-current=ebb] .btn--outline-white:focus,
html:not(.no-focus-outline) .panel--ebb .btn--outline-thunder-alt:focus,
html:not(.no-focus-outline) .panel--ebb .panel--dark .btn--outline-white:focus,
html:not(.no-focus-outline) .panel--ebb [data-text=dark] .btn--outline-white:focus,
html:not(.no-focus-outline) [data-background-current=ebb] .btn--outline-thunder-alt:focus,
html:not(.no-focus-outline) [data-background-current=ebb] .panel--dark .btn--outline-white:focus,
html:not(.no-focus-outline) [data-background-current=ebb] [data-text=dark] .btn--outline-white:focus {
    --outline: #fff;
    --background: #fff;
    --color: #251e1e;
    --icon-color: #fff;
    --icon-background: #251e1e;
}

.btn--outline-ebonyclay {
    --outline: rgba(37, 30, 30, .2);
    --color: #251e1e;
    --icon-color: #fff;
    --icon-background: #252a35;
}

.btn--outline-ebonyclay-hover {
    --background: #fff;
    --outline: #fff;
}

.btn--outline-lavender {
    --outline: hsla(0, 0%, 100%, .2);
    --color: #fff;
    --icon-color: #251e1e;
    --icon-background: #a5a5e4;
}

[data-text=dark] .btn--outline-lavender {
    --outline: rgba(37, 30, 30, .2);
    --color: #251e1e;
    --icon-color: #251e1e;
    --icon-background: #a5a5e4;
}

.btn--outline-lavender-hover,
.btn--outline-lavender:hover,
html:not(.no-focus-outline) .btn--outline-lavender:focus {
    --icon-color: #251e1e;
    --icon-background: #a5a5e4;
    --background: #fff;
    --outline: #fff;
    --color: #251e1e;
}

.btn--outline-white {
    --outline: hsla(0, 0%, 100%, .2);
    --color: #fff;
    --icon-color: #fff;
    --icon-background: hsla(0, 0%, 100%, .1);
}

.panel--light .btn--outline-white,
[data-text=light] .btn--outline-white {
    --outline: hsla(0, 0%, 100%, .2);
    --color: #fff;
    --icon-color: #fff;
    --icon-background: hsla(0, 0%, 100%, .1);
}

.btn--outline-white-hover,
.btn--outline-white:hover,
html:not(.no-focus-outline) .btn--outline-white:focus {
    --background: #fff;
    --outline: #fff;
    --icon-color: #251e1e;
    --color: #251e1e;
    --icon-background: rgba(37, 30, 30, .1);
}

[data-text=dark] .btn--outline-white-hover,
[data-text=dark] .btn--outline-white:hover,
[data-text=dark] html:not(.no-focus-outline) .btn--outline-white:focus,
html:not(.no-focus-outline) [data-text=dark] .btn--outline-white:focus {
    --outline: #e8e5e2;
    --background: #e8e5e2;
    --color: #251e1e;
    --icon-color: #fff;
    --icon-background: #251e1e;
}

.panel--light .btn--outline-white-hover,
.panel--light .btn--outline-white:hover,
.panel--light html:not(.no-focus-outline) .btn--outline-white:focus,
[data-text=light] .btn--outline-white-hover,
[data-text=light] .btn--outline-white:hover,
[data-text=light] html:not(.no-focus-outline) .btn--outline-white:focus,
html:not(.no-focus-outline) .panel--light .btn--outline-white:focus,
html:not(.no-focus-outline) [data-text=light] .btn--outline-white:focus {
    --background: #fff;
    --outline: #fff;
    --icon-color: #251e1e;
    --color: #251e1e;
    --icon-background: rgba(37, 30, 30, .1);
}

.panel--ebb .btn--outline-white-hover,
.panel--ebb .btn--outline-white:hover,
.panel--ebb html:not(.no-focus-outline) .btn--outline-white:focus,
html:not(.no-focus-outline) .panel--ebb .btn--outline-white:focus {
    --outline: #fff;
    --background: #fff;
    --color: #251e1e;
    --icon-color: #fff;
    --icon-background: #251e1e;
}

.btn--outline-white-alt {
    --outline: hsla(0, 0%, 100%, .2);
    --color: #fff;
    --icon-background: #fff;
    --icon-color: #251e1e;
}

[data-text=dark] .btn--outline-white-alt {
    --outline: rgba(37, 30, 30, .12);
    --color: #251e1e;
    --icon-color: #fff;
    --icon-background: #251e1e;
}

.btn--outline-white-alt-hover,
.btn--outline-white-alt:hover,
html:not(.no-focus-outline) .btn--outline-white-alt:focus {
    --background: #fff;
    --outline: #fff;
    --icon-color: #251e1e;
    --color: #251e1e;
    --icon-background: rgba(37, 30, 30, .1);
}

[data-text=dark] .btn--outline-white-alt-hover,
[data-text=dark] .btn--outline-white-alt:hover,
[data-text=dark] html:not(.no-focus-outline) .btn--outline-white-alt:focus,
html:not(.no-focus-outline) [data-text=dark] .btn--outline-white-alt:focus {
    --background: #e8e5e2;
    --outline: #e8e5e2;
    --color: #251e1e;
    --icon-color: #fff;
    --icon-background: #251e1e;
}

.btn--outline-royalblue {
    --outline: rgba(37, 30, 30, .2);
    --color: #251e1e;
    --icon-color: #fff;
    --icon-background: #2f54e6;
}

.btn--outline-royalblue-hover,
.btn--outline-royalblue:hover,
html:not(.no-focus-outline) .btn--outline-royalblue:focus {
    --background: #fff;
    --outline: #fff;
}

.btn--outline-norway {
    --outline: hsla(0, 0%, 100%, .2);
    --color: #a6b5a3;
    --icon-color: #a6b5a3;
    --icon-background: transparent;
}

.btn--outline-norway-hover,
.btn--outline-norway:hover,
html:not(.no-focus-outline) .btn--outline-norway:focus {
    --background: #a6b5a3;
    --outline: #a6b5a3;
    --color: #251e1e;
    --icon-color: #251e1e;
}

.card--article .card__inner {
    display: flex;
    flex-direction: column;
    position: relative;
}

.card--article .card__content-inner {
    display: flex;
    flex-direction: column;
}

.card--article .card__title {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375;
    margin: 0;
    overflow: hidden;
    width: 97.2413793103%;
}

.card--article .card__image {
    background-color: var(--theme-background, #071e13);
    margin-bottom: clamp(1.0625rem, 2.7083333333vw, 2.4375rem);
    order: -1;
    position: relative;
}

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

.card--article .card__image picture {
    border: 1px solid transparent;
}

.card--article .card__image img {
    -webkit-clip-path: url(#card-article-arch);
    clip-path: url(#card-article-arch);
    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%;
}

.card--article .card__meta {
    --column-gap: clamp(0.5625rem, 0.9722222222vw, 0.875rem);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: .75rem;
    line-height: 1.0714285714;
    margin-bottom: .3125rem;
    margin-left: calc(var(--column-gap)*-1);
    order: -1;
}

.card--article .card__meta p {
    margin: 0;
    margin-bottom: .75rem;
    margin-left: var(--column-gap);
    opacity: .7;
}

.card--article .card__meta .card__category {
    align-items: center;
    display: flex;
    font-weight: 500;
    opacity: 1;
    position: relative;
    z-index: 2;
}

.card--article .card__meta .card__category a {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}

.card--article .card__meta .card__category a:hover,
html:not(.no-focus-outline) .card--article .card__meta .card__category a:focus {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
}

.card--article .card__meta .bullet-wedge {
    display: block;
    font-size: .9285714286em;
    margin-right: clamp(.4375rem, 1.0416666667vw, .9375rem);
}

.card--article .card__meta .bullet-wedge svg {
    display: block;
    font-size: 1em;
    height: 1em;
    width: var(--icon-width, 1em);
}

.card--article .card__readmore {
    --column-gap: 1.1111111111em;
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 3.75rem;
}

.card--article-featured .card__title {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 1.25rem;
    line-height: 1.5;
    max-width: 31.875rem;
    overflow: hidden;
}

.menu-item__aside .card--article-featured a.card__link {
    color: #251e1e;
}

.card--article.card--has-link .card__link {
    text-decoration: none;
}

.card--article.card--has-link .card__link:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.card--article[data-shape=arch] .card__image img {
    -webkit-clip-path: unset;
    clip-path: unset;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='445' height='479' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M444.899 167.025V432.34H237.725V580H.102V167.025h107.644C108.232 74.694 183.521 0 276.323 0c92.802 0 168.073 74.694 168.559 167.025h.017Z' fill='%23233185'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='445' height='479' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M444.899 167.025V432.34H237.725V580H.102V167.025h107.644C108.232 74.694 183.521 0 276.323 0c92.802 0 168.073 74.694 168.559 167.025h.017Z' fill='%23233185'/%3E%3C/svg%3E");
    -webkit-mask-position: calc(100% + 1px) calc(100% + 1px);
    mask-position: calc(100% + 1px) calc(100% + 1px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 72.2402597403% auto;
    mask-size: 72.2402597403% auto;
}

.card--article[data-shape=arch]:hover .card__image img,
html:not(.no-focus-outline) .card--article[data-shape=arch]:focus .card__image img {
    -webkit-mask-position: calc(100% + 1px) 79%;
    mask-position: calc(100% + 1px) 79%;
    -webkit-mask-size: 145.1724137931% auto;
    mask-size: 145.1724137931% auto;
}

.card--article[data-shape=window] .card__image img {
    -webkit-clip-path: unset;
    clip-path: unset;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:0.9342105263em' width='213' height='228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 162.342V58.046h99.21V0H213v162.342h-51.548C161.22 198.638 125.166 228 80.726 228S.241 198.638.008 162.342H0Z' fill='%232A3E3E'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:0.9342105263em' width='213' height='228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 162.342V58.046h99.21V0H213v162.342h-51.548C161.22 198.638 125.166 228 80.726 228S.241 198.638.008 162.342H0Z' fill='%232A3E3E'/%3E%3C/svg%3E");
    -webkit-mask-position: calc(100% + 1px) calc(100% + 9px);
    mask-position: calc(100% + 1px) calc(100% + 9px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 96.6101694915%;
    mask-size: auto 96.6101694915%;
}

.card--article[data-shape=window]:hover .card__image img,
html:not(.no-focus-outline) .card--article[data-shape=window]:focus .card__image img {
    -webkit-mask-position: calc(100% + 1px) calc(50% + 9px);
    mask-position: calc(100% + 1px) calc(50% + 9px);
    -webkit-mask-size: auto 220.3389830508%;
    mask-size: auto 220.3389830508%;
}

.card--article[data-shape=semi] .card__image img {
    -webkit-clip-path: unset;
    clip-path: unset;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:2.4786324786em' width='580' height='234' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0c-.025 30.71 7.456 61.121 22.015 89.5 14.56 28.38 35.913 54.17 62.842 75.9 26.927 21.728 58.902 38.97 94.099 50.74 35.197 11.771 72.925 17.84 111.032 17.86 38.109-.017 75.84-6.084 111.04-17.854s67.177-29.01 94.107-50.74c26.93-21.73 48.287-47.52 62.847-75.9C572.544 61.124 580.025 30.71 580 0' fill='%232A3E3E'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:2.4786324786em' width='580' height='234' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0c-.025 30.71 7.456 61.121 22.015 89.5 14.56 28.38 35.913 54.17 62.842 75.9 26.927 21.728 58.902 38.97 94.099 50.74 35.197 11.771 72.925 17.84 111.032 17.86 38.109-.017 75.84-6.084 111.04-17.854s67.177-29.01 94.107-50.74c26.93-21.73 48.287-47.52 62.847-75.9C572.544 61.124 580.025 30.71 580 0' fill='%232A3E3E'/%3E%3C/svg%3E");
    -webkit-mask-position: 0 100%;
    mask-position: 0 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 101%;
    mask-size: auto 101%;
}

.card--article[data-shape=semi]:hover .card__image img,
html:not(.no-focus-outline) .card--article[data-shape=semi]:focus .card__image img {
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-size: auto 130%;
    mask-size: auto 130%;
}

.card--article[data-shape=semi][data-theme=pearlbush] .card__image img {
    -webkit-mask-position: -8% 50%;
    mask-position: -8% 50%;
    -webkit-mask-size: auto 82.5301204819%;
    mask-size: auto 82.5301204819%;
}

.card--article[data-shape=semi][data-theme=pearlbush]:hover .card__image img,
html:not(.no-focus-outline) .card--article[data-shape=semi][data-theme=pearlbush]:focus .card__image img {
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-size: auto 130%;
    mask-size: auto 130%;
}

.card--article[data-shape=house] .card__image img {
    -webkit-clip-path: unset;
    clip-path: unset;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:1.18em' class='fill' width='590' height='500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 500V128.933L180.805 0 590 157.231V500H0Z' fill='currentColor'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' style='--icon-width:1.18em' class='fill' width='590' height='500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 500V128.933L180.805 0 590 157.231V500H0Z' fill='currentColor'/%3E%3C/svg%3E");
    -webkit-mask-position: calc(100% + 1px) calc(100% + 1px);
    mask-position: calc(100% + 1px) calc(100% + 1px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 89.6551724138% auto;
    mask-size: 89.6551724138% auto;
}

.card--article[data-shape=house]:hover .card__image img,
html:not(.no-focus-outline) .card--article[data-shape=house]:focus .card__image img {
    -webkit-mask-position: calc(100% + 1px) calc(100% + 1px);
    mask-position: calc(100% + 1px) calc(100% + 1px);
    -webkit-mask-size: 144.8275862069% auto;
    mask-size: 144.8275862069% auto;
}

.card--article[data-theme=palmgreen] {
    --theme-background: #a6b5a3;
}

.card--article[data-theme=bayofmany] {
    --theme-background: #a6c2f0;
}

.card--article[data-theme=pearlbush] {
    --theme-background: #251e1e;
}

.card--article[data-theme=mojo] {
    --theme-background: #c64f40;
}

.card--article[data-theme=thunder] {
    --theme-background: #d0825a;
}

.card--article[data-theme=norway] {
    --theme-background: #464226;
}

.card--article[data-theme=sandybrown] {
    --theme-background: #78260a;
}

.card--article[data-theme=lavender] {
    --theme-background: #3f4ab2;
}

.section--explore-blog {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: clamp(5.625rem, 9.375vw, 8.4375rem);
}

.section--explore-blog .section__inner {
    grid-column-gap: clamp(1.4375rem, 2.7777777778vw, 2.5rem);
    grid-row-gap: clamp(3.125rem, 4.2361111111vw, 3.8125rem);
    display: grid;
    grid-template-areas: "content content""article1 article1""article2 article3";
    grid-template-columns: 1fr 1fr;
}

.section--explore-blog .section__title {
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: .0028571429em;
    line-height: 1.0714285714;
    margin-bottom: .5em;
}

.section--explore-blog .section__content {
    display: flex;
    flex-direction: column;
    grid-area: content;
    justify-content: space-between;
}

.section--explore-blog .section__cta {
    flex-shrink: 0;
}

.section--explore-blog .section__cta .btn {
    --column-gap: 1.0625em;
    font-size: 1rem;
}

.section--explore-blog .section__article--0 {
    grid-area: article1;
}

.section--explore-blog .section__article--1 {
    grid-area: article2;
}

.section--explore-blog .section__article--2 {
    grid-area: article3;
}

.modaal--download-brochure {
    --current-background: #fff;
    color: #251e1e;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5555555556;
}

.modaal--download-brochure .modaal__title {
    font-size: 1.5625rem;
    font-weight: 500;
    letter-spacing: .0066666667em;
    line-height: .6;
}

.modaal--download-brochure .modaal__description {
    margin-bottom: clamp(2.1875rem, 3.5416666667vw, 3.1875rem);
}

.modaal--download-brochure-wrap .modaal-inner-wrapper {
    padding: 1.25rem;
}

.modaal--download-brochure-wrap .modaal-container {
    background: #fff;
    box-shadow: 0 0 1.875rem rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-right: 0;
    max-width: 100%;
    max-width: 47.4375rem;
    position: relative;
    width: 100%;
}

.modaal--download-brochure-wrap .modaal-content-container {
    padding: 3.75rem 1.25rem;
}

.modaal--download-brochure-wrap .modaal-close {
    align-items: center;
    background: #251e1e;
    color: #b6d71e;
    display: flex;
    font-size: 2.5rem;
    height: 1em;
    justify-content: center;
    position: absolute;
    right: 1.0625rem;
    top: 1.0625rem;
    width: 1em;
}

.modaal--download-brochure-wrap .modaal-close:after,
.modaal--download-brochure-wrap .modaal-close:before {
    content: none;
}

.modaal--download-brochure-wrap .modaal-close .modaal-close__icon {
    font-size: .28em;
}

.modaal--download-brochure-wrap .modaal-close svg {
    display: block;
    font-size: 1em;
    height: 1em;
    width: var(--icon-width, 1em);
}

.modaal--download-brochure-wrap .modaal-close span {
    clip: unset !important;
    height: auto !important;
    position: relative !important;
    width: auto !important;
}

.modaal--download-brochure-wrap .modaal-close span.hidden {
    clip: rect(0 0 0 0) !important;
    border: 0;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px !important;
}

.modaal--download-brochure-wrap .modaal-close:hover,
html:not(.no-focus-outline) .modaal--download-brochure-wrap .modaal-close:focus {
    background: #b6d71e;
    color: #251e1e;
}

@media (min-width:768px) {
    .section--specifications .section__content-inner {
        width: 95%;
    }

    .front-page .section--specifications .section__title {
        font-size: 2rem;
    }

    .floorplan__aside {
        margin-left: calc(5vw + 1.5625rem);
        margin-right: 0;
    }

    .section--design-list .section__list {
        grid-template-columns: 1fr 1fr;
    }

    .modaal--download-brochure .modaal__description {
        max-width: 34.1875rem;
    }

    .modaal--download-brochure-wrap .modaal-container {
        width: 75%;
    }

    .modaal--download-brochure-wrap .modaal-content-container {
        padding-left: 13.4387351779%;
        padding-right: 13.4387351779%;
    }
}

@media (min-width:992px) {
    .section--specifications .section__inner {
        grid-auto-columns: 50% 50%;
        grid-template-areas: "content image";
    }

    .section--specifications .section__content {
        padding: 3.5rem 0;
    }

    .section--specifications .section__content-inner {
        margin-left: auto;
        max-width: 39.875rem;
    }

    .section--specifications .section__title {
        font-size: 2.5833333333rem;
    }

    .front-page .section--specifications .section__title {
        font-size: 2.5833333333rem;
    }

    .section--specifications[data-orientation=left] .section__inner {
        grid-auto-columns: auto 1fr 50%;
        grid-template-areas: "image image content""btn note content";
    }

    .section--specifications[data-orientation=left] .section__content-inner {
        margin-left: 0;
        margin-right: auto;
        max-width: 43.75rem;
        padding-left: calc(5vw + 2.1875rem);
        padding-right: 2.1875rem;
    }

    .modaal--enquiry .modaal__inner {
        grid-template-areas: "image content";
        grid-template-columns: 50.3125% 1fr;
    }

    .modaal--enquiry .modaal__content-inner {
        max-width: 34.6875rem;
        padding: 5.25rem 0;
        width: 90%;
    }

    .modaal--enquiry .modaal__title span {
        font-size: 3.0138888889rem;
    }

    .modaal--enquiry .modaal__image {
        position: sticky;
        top: 1.25rem;
    }

    .section--design-menu .section__phone a:hover .btn__icon,
    html:not(.no-focus-outline) .section--design-menu .section__phone a:focus .btn__icon {
        background: #2f54e6;
        border-color: #2f54e6;
        color: #fff;
    }

    .section--design-menu.scrolled .section__content {
        padding-left: clamp(1.5625rem, 3.6111111111vw, 3.25rem);
    }

    .floorplan__inner {
        padding-right: 1.5625rem;
    }

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

    .floorplan__main:before {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .013) 8.1%, hsla(0, 0%, 100%, .049) 15.5%, hsla(0, 0%, 100%, .104) 22.5%, hsla(0, 0%, 100%, .175) 29%, hsla(0, 0%, 100%, .259) 35.3%, hsla(0, 0%, 100%, .352) 41.2%, hsla(0, 0%, 100%, .45) 47.1%, hsla(0, 0%, 100%, .55) 52.9%, hsla(0, 0%, 100%, .648) 58.8%, hsla(0, 0%, 100%, .741) 64.7%, hsla(0, 0%, 100%, .825) 71%, hsla(0, 0%, 100%, .896) 77.5%, hsla(0, 0%, 100%, .951) 84.5%, hsla(0, 0%, 100%, .987) 91.9%, #fff);
        height: 100%;
        left: auto;
        right: 0;
        width: 3.75rem;
    }

    .floorplan__aside {
        margin-left: 0;
        margin-top: clamp(2.8125rem, 4.5833333333vw, 4.125rem);
    }

    .floorplan__toggles {
        margin-bottom: 0;
        padding-top: clamp(2.1875rem, 4.4444444444vw, 4rem);
    }

    .floorplan__image {
        height: 100%;
        max-height: 100vh;
        min-height: 31.375rem;
    }

    .floorplan__image:before {
        content: "";
        display: block;
        padding-top: 67.4474959612%;
        width: 100%;
    }

    .floorplan__image img.normal {
        height: 100%;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        position: absolute;
        top: 0;
    }

    .section--video .section__inner {
        align-items: flex-end;
        flex-wrap: nowrap;
        height: 62.8571428571vw;
        max-height: 100vh;
    }

    .section--video .section__caption {
        font-size: .9902777778rem;
    }

    .section--video .section__caption {
        margin-left: 0;
        width: calc(100% - .625rem);
    }

    .section--video .section__video {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
    }

    .section--video .section__video-controls {
        padding-left: 2rem;
    }

    .section--video .section__video-controls:before {
        bottom: -3.4375rem;
        height: 11.5625rem;
        top: auto;
        width: 6.875rem;
    }

    .section--video .section__video-controls-shape {
        border-radius: 6.25rem 6.25rem 0 0;
        min-height: 13.4375rem;
        min-width: 10.5rem;
        padding: 3.125rem .625rem 3.5rem;
    }

    .card--list-item .card__title {
        margin-bottom: .85em;
    }

    .card--list-item .card__title span {
        margin-top: 0;
    }

    .section--design-list .section__inner {
        align-items: flex-start;
        grid-auto-rows: auto 1fr;
        grid-template-areas: "content aside""buttons aside";
        grid-template-columns: 40.859375% 1fr;
    }

    .section--design-list .section__content {
        letter-spacing: 0;
        line-height: 1.5555555556;
        margin-bottom: 2.4375rem;
        max-width: 40.625rem;
    }

    .section--design-list .section__title {
        font-size: 2.5833333333rem;
    }

    .section--design-list .section__title {
        margin-bottom: .4em;
        max-width: 30.0625rem;
    }

    .section--design-list .section__list {
        padding-top: .5625rem;
    }

    .section--design-content {
        line-height: 1.5555555556;
    }

    .section--design-content .section__inner {
        -moz-column-gap: clamp(2.5rem, 11.1111111111vw, 10rem);
        column-gap: clamp(2.5rem, 11.1111111111vw, 10rem);
        grid-template-areas: "contentleft image1""image2 image1""image2 contentright""image2 image3""cta image3";
        grid-template-columns: 48.4375% 1fr;
    }

    .section--design-content .section__pretitle {
        text-align: left;
    }

    .section--design-content .section__title {
        margin-bottom: .9em;
        max-width: 31.25rem;
    }

    .section--design-content .section__content-left {
        margin-bottom: clamp(2.1875rem, 15.4861111111vw, 13.9375rem);
        padding-top: clamp(1.0625rem, 1.8055555556vw, 1.625rem);
    }

    .section--design-content .section__content-left .section__content-inner {
        max-width: 40.625rem;
    }

    .section--design-content .section__image-1 {
        margin-bottom: clamp(2.1875rem, 5.5555555556vw, 5rem);
    }

    .section--design-content .section__content-right {
        margin-bottom: clamp(2.4375rem, 5.8333333333vw, 5.25rem);
        max-width: 36.875rem;
    }

    .section--design-content .section__image-2 {
        margin-bottom: clamp(3.6875rem, 5.9027777778vw, 5.3125rem);
    }

    .section--design-content .section__cta {
        margin-bottom: 0;
        text-align: right;
    }

    .card--design-active .card__caption,
    .swiper-slide-active .slide--designs .card--design .card__caption {
        transition-timing-function: ease-in-out, step-end;
    }

    .card--design-active .card__caption-alt,
    .swiper-slide-active .slide--designs .card--design .card__caption-alt {
        transition-timing-function: ease-in-out, step-start;
    }

    .slider--designs .swiper-slide {
        height: 30rem;
        width: clamp(20.625rem, 29.1666666667vw, 26.25rem);
    }

    .slider--designs .swiper-slide-active {
        width: 41.5625rem;
    }

    .section--explore-blog .card--article .card__content {
        min-height: var(--content-height, 0);
    }

    .card--article .card__title {
        line-height: 1.5;
    }

    .card--article .card__meta {
        margin-bottom: clamp(.3125rem, 1.1805555556vw, 1.0625rem);
    }

    .card--article-featured .card__title {
        font-size: 1.2916666667rem;
    }

    .card--article-featured .card__title {
        line-height: 1.3333333333;
    }

    .section__article--0 .card--article-featured .card__content-inner {
        padding-bottom: .5rem;
    }

    .section--explore-blog .section__inner {
        grid-template-areas: "content content article1""article2 article3 article1";
        grid-template-columns: 1fr 1fr 48.4375%;
        grid-template-rows: 1fr auto;
    }

    .section--explore-blog .section__title {
        margin-bottom: .3285714286em;
    }

    .section--explore-blog .section__content {
        align-items: flex-end;
        flex-direction: row;
    }

    .section--explore-blog .section__content-inner {
        flex-grow: 1;
        max-width: 21.6875rem;
    }

    .section--explore-blog .section__article--0 {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-top: clamp(1.125rem, 2.2222222222vw, 2rem);
    }

    .modaal--download-brochure-wrap .modaal-container {
        width: 50%;
    }
}

@media (prefers-reduced-motion:no-preference) and (min-width:992px) {
    .slide--thumbs .slide__image img {
        transition-duration: .5s;
    }
}

@media (min-width:1200px) {
    .section--specifications .section__title {
        font-size: 3.125rem;
    }

    .front-page .section--specifications .section__title {
        font-size: 3.125rem;
    }

    .section--specifications[data-orientation=left] .section__content-inner {
        padding-left: clamp(2.1875rem, 11.8055555556vw, 10.625rem);
    }

    .modaal--enquiry .modaal__inner {
        -moz-column-gap: clamp(2.5rem, 9.0277777778vw, 8.125rem);
        column-gap: clamp(2.5rem, 9.0277777778vw, 8.125rem);
    }

    .modaal--enquiry .modaal__title span {
        font-size: 3.6458333333rem;
    }

    .modaal--enquiry-wrap .modaal-close {
        font-size: 2.6041666667rem;
    }

    .section--video .section__caption {
        font-size: 1.1979166667rem;
    }

    .modaal--virtual-tour .modaal-close {
        font-size: 2.6041666667rem;
    }

    .section--design-list .section__title {
        font-size: 3.125rem;
    }

    .section--design-content .section__title {
        font-size: 2.6041666667rem;
    }

    .card--article .card__title {
        font-size: 1.0416666667rem;
    }

    .card--article-featured .card__title {
        font-size: 1.5625rem;
    }

    .section--explore-blog .section__title {
        font-size: 3.6458333333rem;
    }

    .modaal--download-brochure-wrap .modaal-close {
        font-size: 2.6041666667rem;
    }
}

@media (min-width:1440px) {
    .section--specifications {
        font-size: 1.125rem;
    }

    .section--specifications .section__title {
        font-size: 3.75rem;
    }

    .front-page .section--specifications .section__title {
        font-size: 3.75rem;
    }

    .modaal--enquiry .modaal__title span {
        font-size: 4.375rem;
    }

    .modaal--enquiry-wrap .modaal-close {
        font-size: 3.125rem;
    }

    .section--video .section__caption {
        font-size: 1.4375rem;
    }

    .card--list-item {
        font-size: 1.125rem;
    }

    .card--list-item .card__title {
        font-size: 1.25rem;
    }

    .modaal--virtual-tour .modaal-close {
        font-size: 3.125rem;
    }

    .section--design-list {
        font-size: 1.125rem;
    }

    .section--design-list .section__title {
        font-size: 3.75rem;
    }

    .section--design-content {
        font-size: 1.125rem;
    }

    .section--design-content .section__title {
        font-size: 3.125rem;
    }

    .btn--outline {
        font-size: 1.125rem;
    }

    .card--article .card__title {
        font-size: 1.25rem;
    }

    .card--article .card__meta {
        font-size: .875rem;
    }

    .card--article-featured .card__title {
        font-size: 1.875rem;
    }

    .section--explore-blog .section__title {
        font-size: 4.375rem;
    }

    .section--explore-blog .section__cta .btn {
        font-size: 1.125rem;
    }

    .modaal--download-brochure {
        font-size: 1.125rem;
    }

    .modaal--download-brochure .modaal__title {
        font-size: 1.875rem;
    }

    .modaal--download-brochure-wrap .modaal-close {
        font-size: 3.125rem;
    }
}

@media (min-width:1640px) {
    .floorplan__inner {
        padding-right: calc(50vw - 48.125rem);
    }
}

@media (min-width:1680px) {
    .section--explore-blog .section__article--0 {
        padding-top: 0;
    }
}

@media (max-width:991px) {
    .section--specifications .section__buttons {
        flex-direction: column;
        margin-top: 1.5625rem;
    }

    .section--specifications .section__buttons>div,
    .section--specifications .section__buttons>div .btn--outline,
    .section--specifications .section__buttons>div .btn--solid {
        width: 100%;
    }

    .floorplan .floorplan__note {
        display: none;
    }

    .floorplan__inner {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
    }

    .floorplan__main {
        margin-left: -1.5625rem;
        margin-right: -1.5625rem;
    }

    .floorplan__image {
        padding: 3.75rem 0;
    }

    .section--video .section__video {
        height: 62.8571428571vw;
        max-height: 100vh;
        order: -2;
    }

    .section--video .section__video-controls {
        background: #071e13;
        min-width: 7.25rem;
    }

    .section--video .section__video-controls-shape {
        bottom: 0;
        height: calc(100% + 3.6875rem);
        left: 0;
        position: absolute;
    }

    .section--design-list .section__buttons {
        align-items: stretch;
        flex-direction: column;
    }

    .section--design-list .section__buttons .btn {
        width: 100%;
    }

    .card--design-carousel .card__caption {
        transition-duration: .3s;
        transition-property: opacity, transform;
        transition-timing-function: ease-in-out;
    }

    .slider--designs .swiper-pagination {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }

    .card--article-featured .card__meta {
        --column-gap: 1.1666666667em;
        margin-bottom: .1875rem;
    }

    .card--article-featured .card__meta .bullet-wedge {
        margin-right: .8181818182em;
    }

    .section--explore-blog .section__title .title-mask+.title-mask {
        margin-top: -.22em;
    }

    .section--explore-blog .section__cta {
        margin-top: 1.8125rem;
    }
}

@media (prefers-reduced-motion:no-preference) {
    .section--design-enquiry-mobile {
        transition-duration: .3s;
        transition-property: transform;
        transition-timing-function: ease-in-out;
    }

    .specifications__marker {
        transition-duration: .3s;
        transition-property: background, filter;
        transition-timing-function: cubic-bezier(0, .53, .26, 1);
    }

    .specifications__marker .btn__label {
        transition-duration: .3s;
        transition-property: opacity, max-width, visibility;
        transition-timing-function: cubic-bezier(0, .53, .26, 1), step-end, step-end;
    }

    .specifications__marker .btn__icon {
        transition-duration: .3s;
        transition-property: transform, box-shadow, filter;
        transition-timing-function: cubic-bezier(0, .53, .26, 1);
    }

    .specifications__marker .btn__icon:before {
        content: "";
    }

    .specifications__marker .btn__icon img {
        transition-duration: .3s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0, .53, .26, 1);
    }

    .btn--icon .btn__icon-inner .btn__icon-hover {
        transform: translateX(-.375rem);
    }

    .btn--icon-hover[data-hover-direction=right] .btn__icon svg,
    .card--article-hover .card__readmore [data-hover-direction=right].btn--outline .btn__icon svg,
    .card--article.card--has-link:focus-within .card__readmore [data-hover-direction=right].btn--outline .btn__icon svg,
    .card--article.card--has-link:hover .card__readmore [data-hover-direction=right].btn--outline .btn__icon svg,
    .card--design-hover .card__readmore [data-hover-direction=right].btn--icon .btn__icon svg,
    .card--design:focus-within .card__readmore [data-hover-direction=right].btn--icon .btn__icon svg,
    .card--design:hover .card__readmore [data-hover-direction=right].btn--icon .btn__icon svg,
    [data-hover-direction=right].btn--icon:hover .btn__icon svg,
    html:not(.no-focus-outline) [data-hover-direction=right].btn--icon:focus .btn__icon svg {
        transform: translateX(.1875rem);
    }

    .btn--icon-hover[data-hover-direction=left] .btn__icon svg,
    .card--article-hover .card__readmore [data-hover-direction=left].btn--outline .btn__icon svg,
    .card--article.card--has-link:focus-within .card__readmore [data-hover-direction=left].btn--outline .btn__icon svg,
    .card--article.card--has-link:hover .card__readmore [data-hover-direction=left].btn--outline .btn__icon svg,
    .card--design-hover .card__readmore [data-hover-direction=left].btn--icon .btn__icon svg,
    .card--design:focus-within .card__readmore [data-hover-direction=left].btn--icon .btn__icon svg,
    .card--design:hover .card__readmore [data-hover-direction=left].btn--icon .btn__icon svg,
    [data-hover-direction=left].btn--icon:hover .btn__icon svg,
    html:not(.no-focus-outline) [data-hover-direction=left].btn--icon:focus .btn__icon svg {
        transform: translateX(-.1875rem);
    }

    .btn--icon-hover[data-hover-direction=down] .btn__icon svg,
    .card--article-hover .card__readmore [data-hover-direction=down].btn--outline .btn__icon svg,
    .card--article.card--has-link:focus-within .card__readmore [data-hover-direction=down].btn--outline .btn__icon svg,
    .card--article.card--has-link:hover .card__readmore [data-hover-direction=down].btn--outline .btn__icon svg,
    .card--design-hover .card__readmore [data-hover-direction=down].btn--icon .btn__icon svg,
    .card--design:focus-within .card__readmore [data-hover-direction=down].btn--icon .btn__icon svg,
    .card--design:hover .card__readmore [data-hover-direction=down].btn--icon .btn__icon svg,
    [data-hover-direction=down].btn--icon:hover .btn__icon svg,
    html:not(.no-focus-outline) [data-hover-direction=down].btn--icon:focus .btn__icon svg {
        transform: translateY(.1875rem);
    }

    .btn--icon-hover[data-hover-direction=up] .btn__icon svg,
    .card--article-hover .card__readmore [data-hover-direction=up].btn--outline .btn__icon svg,
    .card--article.card--has-link:focus-within .card__readmore [data-hover-direction=up].btn--outline .btn__icon svg,
    .card--article.card--has-link:hover .card__readmore [data-hover-direction=up].btn--outline .btn__icon svg,
    .card--design-hover .card__readmore [data-hover-direction=up].btn--icon .btn__icon svg,
    .card--design:focus-within .card__readmore [data-hover-direction=up].btn--icon .btn__icon svg,
    .card--design:hover .card__readmore [data-hover-direction=up].btn--icon .btn__icon svg,
    [data-hover-direction=up].btn--icon:hover .btn__icon svg,
    html:not(.no-focus-outline) [data-hover-direction=up].btn--icon:focus .btn__icon svg {
        transform: translateY(-.1875rem);
    }

    .card--design .card__caption {
        transition-duration: .3s;
    }

    .card--design .card__caption-alt {
        transition-duration: .3s;
    }

    .card--design .card__caption-alt-specifications {
        transition-duration: .3s;
    }

    .card--design .card__content {
        transition-delay: 0s;
        transition-duration: .3s;
        transition-property: opacity, max-height, visibility;
        transition-timing-function: ease-in-out, ease-in-out, step-start;
    }

    .card--design .card__cta {
        transition-delay: 0s;
        transition-duration: .3s;
        transition-property: transform;
        transition-timing-function: ease-in-out;
    }

    .card--design-hover .card__content,
    .card--design:focus-within .card__content,
    .card--design:hover .card__content {
        transition-delay: .2s;
    }

    .card--design-hover .card__cta,
    .card--design:focus-within .card__cta,
    .card--design:hover .card__cta {
        transition-delay: .2s;
    }

    .card--design-hover .card__caption-alt-icon svg,
    .card--design:focus-within .card__caption-alt-icon svg,
    .card--design:hover .card__caption-alt-icon svg {
        transform: translateX(.1875rem);
    }

    .slider--designs .swiper-slide {
        transition-duration: 1s;
        transition-property: width;
        transition-timing-function: cubic-bezier(.45, 0, .49, 1);
    }

    .card--article .card__image img {
        transition-duration: .5s;
        transition-property: -webkit-mask-size, -webkit-mask-position;
        transition-property: mask-size, mask-position;
        transition-property: mask-size, mask-position, -webkit-mask-size, -webkit-mask-position;
        transition-timing-function: ease-in-out;
    }
}