.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);
}

.card--grid-cta {
    background: #000;
    color: #fff;
    font-size: 1.5625rem;
    font-weight: 400;
    height: 100%;
    letter-spacing: .0066666667em;
    line-height: 1.3333333333;
}

.card--grid-cta .card__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 13.5416666667% 13.0208333333% 7.8125%;
    position: relative;
}

.card--grid-cta .card__title {
    background: #251e1e;
    border-radius: .625rem;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .0166666667em;
    line-height: 1.5;
    margin-bottom: 1.4166666667em;
    padding: .25em .8333333333em;
    width: auto;
}

.card--grid-cta .card__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 15.4375rem;
}

.card--grid-cta .card__link {
    --icon-height: 0.875rem;
    font-size: 1rem;
    padding: 0;
}

.card--grid-cta .card__link .btn__icon-inner {
    height: 3em;
    width: 3em;
}

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

.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;
    }
}

.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;
}

@media (min-width:768px) {
    .card--grid-cta .card__inner {
        padding: 9.9047619048% 9.5238095238% 9.5238095238%;
    }
}

@media (min-width:992px) {

    .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;
    }

    .card--grid-cta .card__title {
        margin-bottom: 2.5em;
    }

    .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);
    }
}

@media (min-width:1200px) {
    .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;
    }
}

@media (min-width:1440px) {
    .card--grid-cta {
        font-size: 1.875rem;
    }

    .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;
    }
}

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

@media (max-width:991px) {
    .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 (max-width:767px) {
    .card--grid-cta {
        font-size: 1.875rem;
        min-height: 27.5rem;
    }
}

@media (prefers-reduced-motion:no-preference) {
    .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;
    }
}