.section--intro-animation {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1.875rem;
}

.section--intro-animation .section__inner {
    display: none;
}

.js .section--intro-animation .section__inner {
    display: block;
}

.section--intro-animation .section__logo {
    max-width: 43.75rem;
    position: relative;
    width: calc(100vw - 4.375rem);
    z-index: 2;
}

.section--intro-animation .section__logo .intro-logo {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.section--intro-animation .section__logo .intro-logo:before {
    content: "";
    display: block;
    padding-top: 25.3333333333%;
    width: 100%;
}

.section--intro-animation .section__logo .intro-logo svg {
    position: absolute;
}

.section--intro-animation .section__logo .intro-logo svg:first-child {
    height: 85.7368421053%;
    left: 0;
    top: 2.1578947368%;
    width: 17.68636505%;
}

.section--intro-animation .section__logo .intro-logo svg:nth-child(2) {
    height: 85.7368421053%;
    left: 17.68636505%;
    top: 2.1578947368%;
    width: 15.51859845%;
}

.section--intro-animation .section__logo .intro-logo svg:nth-child(3) {
    height: 85.7368421053%;
    left: 33.2049635%;
    top: 2.1578947368%;
    width: 18.61330213%;
}

.section--intro-animation .section__logo .intro-logo svg:nth-child(4) {
    height: 85.7368421053%;
    left: 51.81826563%;
    top: 2.1578947368%;
    width: 14.80876914%;
}

.section--intro-animation .section__logo .intro-logo svg:nth-child(5) {
    height: 85.7368421053%;
    left: 66.62703477%;
    top: 2.1578947368%;
    width: 18.61330213%;
}

.section--intro-animation .section__logo .intro-logo svg:nth-child(6) {
    height: 85.7368421053%;
    left: 85.24033689%;
    top: 2.1578947368%;
    width: 14.75966311%;
}

.section--intro-animation .section__logo-shape {
    display: block;
    left: -5%;
    position: absolute;
    top: 63.2768361582%;
    width: 35.7142857143%;
    z-index: -1;
}

.section--intro-animation .section__logo-shape svg {
    color: #a5a5e4;
    display: block;
    height: auto;
    transform: scaleY(-1);
    width: 100%;
}

.section--intro-animation .section__image {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    display: block;
    height: 100%;
    left: 0;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22527%22%20height%3D%22687%22%20viewBox%3D%220%200%20527%20687%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_101_74)%22%3E%3Cpath%20d%3D%22M84.9987%20487.028C94.807%20532.147%20132.733%20577.919%20153.657%20596.882C86.9603%20602.767%2012.4169%20528.224%202.60851%20426.217C-7.19984%20324.21%2014.3785%20245.743%2016.3402%20247.705C18.3019%20249.666%2084.9987%20283.015%20116.385%20300.67C170.73%20331.239%20176.288%20346.83%20189.366%20359.907C210.362%20386.777%20244.752%20417.977%20249.779%20487.028C234.285%20527.646%20226.239%20548.494%20216.431%20573.342C214.469%20565.495%20215.254%20534.108%20187.006%20479.182C158.757%20424.255%20102%20381.752%2077.152%20367.366C77.8059%20389.599%2075.9422%20445.368%2084.9987%20487.028Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M218.788%20567.422C216.826%20559.575%20217.905%20528.782%20189.657%20473.855C169.584%20420.187%20181.293%20370.411%20189.657%20352.232C189.657%20351.578%20200.846%20322.213%20223.006%20291.42C264.23%20234.134%20320.507%20192.745%20364.246%20165.873C383.738%20153.897%20507.448%2081.521%20513.333%2089.3676C518.041%2095.645%20527.064%20212.953%20527.064%20269.842C527.064%20371.848%20503.524%20452.277%20452.521%20517.012C411.718%20568.8%20333.513%20592.209%20299.511%20597.44C319.127%20575.208%20363.854%20517.796%20385.824%20466.008C407.795%20414.22%20425.058%20292.727%20430.943%20238.455C368.169%20265.918%20317.166%20332.615%20293.626%20375.771C269.016%20420.89%20277.35%20416.375%20252.431%20481.702C236.937%20522.319%20228.596%20542.574%20218.788%20567.422Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_101_74%22%3E%3Crect%20width%3D%22527%22%20height%3D%22687%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22527%22%20height%3D%22687%22%20viewBox%3D%220%200%20527%20687%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_101_74)%22%3E%3Cpath%20d%3D%22M84.9987%20487.028C94.807%20532.147%20132.733%20577.919%20153.657%20596.882C86.9603%20602.767%2012.4169%20528.224%202.60851%20426.217C-7.19984%20324.21%2014.3785%20245.743%2016.3402%20247.705C18.3019%20249.666%2084.9987%20283.015%20116.385%20300.67C170.73%20331.239%20176.288%20346.83%20189.366%20359.907C210.362%20386.777%20244.752%20417.977%20249.779%20487.028C234.285%20527.646%20226.239%20548.494%20216.431%20573.342C214.469%20565.495%20215.254%20534.108%20187.006%20479.182C158.757%20424.255%20102%20381.752%2077.152%20367.366C77.8059%20389.599%2075.9422%20445.368%2084.9987%20487.028Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M218.788%20567.422C216.826%20559.575%20217.905%20528.782%20189.657%20473.855C169.584%20420.187%20181.293%20370.411%20189.657%20352.232C189.657%20351.578%20200.846%20322.213%20223.006%20291.42C264.23%20234.134%20320.507%20192.745%20364.246%20165.873C383.738%20153.897%20507.448%2081.521%20513.333%2089.3676C518.041%2095.645%20527.064%20212.953%20527.064%20269.842C527.064%20371.848%20503.524%20452.277%20452.521%20517.012C411.718%20568.8%20333.513%20592.209%20299.511%20597.44C319.127%20575.208%20363.854%20517.796%20385.824%20466.008C407.795%20414.22%20425.058%20292.727%20430.943%20238.455C368.169%20265.918%20317.166%20332.615%20293.626%20375.771C269.016%20420.89%20277.35%20416.375%20252.431%20481.702C236.937%20522.319%20228.596%20542.574%20218.788%20567.422Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_101_74%22%3E%3Crect%20width%3D%22527%22%20height%3D%22687%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto clamp(0px, 62.5vw, 42.9375rem);
    mask-size: auto clamp(0px, 62.5vw, 42.9375rem);
    position: absolute;
    top: 0;
    width: 100%;
}

.section--intro-animation .section__image:after {
    background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .01) 8.1%, rgba(0, 0, 0, .039) 15.5%, rgba(0, 0, 0, .083) 22.5%, rgba(0, 0, 0, .14) 29%, rgba(0, 0, 0, .207) 35.3%, rgba(0, 0, 0, .282) 41.2%, rgba(0, 0, 0, .36) 47.1%, rgba(0, 0, 0, .44) 52.9%, rgba(0, 0, 0, .518) 58.8%, rgba(0, 0, 0, .593) 64.7%, rgba(0, 0, 0, .66) 71%, rgba(0, 0, 0, .717) 77.5%, rgba(0, 0, 0, .761) 84.5%, rgba(0, 0, 0, .79) 91.9%, rgba(0, 0, 0, .8));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 36.7708333333%;
    content: "";
    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--intro-animation .section__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%;
}

.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--home.swiper {
    z-index: 0;
}

.section--home-scroll {
    color: #fff;
    margin-bottom: clamp(4.0625rem, 9.1666666667vw, 8.25rem);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.section--home-scroll .section__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.section--home-scroll .section__title {
    font-size: 1.875rem;
    font-weight: 400;
    letter-spacing: .0033333333em;
    line-height: 1.0833333333;
    margin-bottom: .7em;
    width: 12.3125rem;
}

.section--home-scroll .section__image {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.section--home-scroll .section__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%;
    z-index: -1;
}

.section--home-scroll .section__left {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 100vw;
}

.section--home-scroll .section__left-inner {
    height: 104.1062801932vw;
}

.section--home-scroll .section__left .section__image img {
    -o-object-position: center right;
    object-position: center right;
}

.section--home-scroll .section__left-content {
    padding-left: 2.25rem;
    padding-top: calc(var(--header-height, 3.875rem) + .625rem);
    position: relative;
    z-index: 2;
}

.section--home-scroll .section__full {
    flex-grow: 1;
    position: relative;
}

.section--home-scroll .section__full-inner {
    height: 100vh;
}

.section--home-scroll .section__full img {
    display: block;
    height: 100vh;
    left: auto;
    max-width: none;
    -o-object-position: var(--pos, bottom right);
    object-position: var(--pos, bottom right);
    right: 0;
    transform-origin: var(--pos, bottom right);
    width: 100vw;
}

.section--home-scroll .section__full .section__title {
    margin-left: auto;
    margin-right: auto;
    width: 20.4375rem;
}

.section--home-scroll .section__full-content {
    align-items: center;
    box-shadow: inset 0 0 0 13.0952380952vw #e8e5e2;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    text-align: center;
    z-index: 2;
}

.section--home-scroll .section__full-buttons {
    --row-gap: 1.25rem;
}

.section--home-scroll .section__left-title,
.section--home-scroll-initial .section__left-title {
    opacity: 0;
}

.section--home-scroll-mobile {
    margin-bottom: min(24.6153846154vw, 6rem);
}

.section--home-scroll-mobile .section__left-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 2.375rem;
    position: relative;
    z-index: 1;
}

.section--home-scroll-mobile .section__full {
    position: relative;
    z-index: 2;
}

.section--home-scroll-mobile .section__full-inner {
    display: grid;
    grid-template-areas: "image""content";
}

.section--home-scroll-mobile .section__full-content {
    grid-area: content;
}

.section--home-scroll-mobile .section__full-title {
    max-width: 20.75rem;
}

.section--home-scroll-mobile .section__full-note {
    font-size: .875rem;
}

.section--home-scroll-mobile .section__full-image {
    grid-area: image;
    margin-bottom: 2.25rem;
    margin-left: 2.1875rem;
    position: relative;
}

.section--home-scroll-mobile .section__full-image:before {
    content: "";
    display: block;
    padding-top: 79.3201133144%;
    width: 100%;
}

.section--home-scroll-mobile .section__full-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%;
}

.section--home-scroll-mobile .section__full-buttons {
    --column-gap: 0.5625rem;
    margin-top: 1.875rem;
}

.section--home-scroll-mobile .section__full-shape .shape--1 {
    height: auto;
    left: 0;
    position: absolute;
    top: 6.2360801782%;
    width: 20.5128205128%;
    z-index: 3;
}

.section--home-scroll-mobile .section__full-shape .shape--1 svg {
    display: block;
    height: auto;
    width: 100%;
}

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

.section--5050 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5555555556;
    position: relative;
}

.section--5050 .section__inner {
    display: grid;
    grid-auto-columns: 1fr auto;
    grid-auto-rows: 97.619047619vw 2.375rem auto auto;
    grid-template-areas: "image image"". btn""content content""note note";
}

.section--5050 .section__content {
    grid-area: content;
    padding: 1.1875rem 0 2.5rem;
}

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

.section--5050 .section__note {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    font-weight: 400;
    grid-area: note;
    justify-content: space-between;
    letter-spacing: .0111111111em;
    line-height: 1.1111111111;
    margin-left: 2.1875rem;
    margin-right: 2.1875rem;
    order: 1;
    padding: 2.5rem 0;
    position: relative;
}

.section--5050 .section__note-icon {
    align-items: center;
    color: currentColor;
    display: flex;
    flex-shrink: 0;
    font-size: 1.5625rem;
    height: 1em;
    justify-content: center;
    margin-left: .625rem;
    position: relative;
    width: 1em;
}

.section--5050 .section__note-icon:before {
    background: currentColor;
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
}

.section--5050 .section__note-icon svg {
    display: block;
    font-size: .75rem;
    height: 1em;
    width: var(--icon-width, 1em);
}

.section--5050 .section__note:before {
    background: currentColor;
    display: block;
    height: 1px;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%;
}

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

.section--5050 .section__title .text--iskry {
    font-size: .9em;
}

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

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

.section--5050 .section__buttons {
    margin-top: 1.375rem;
}

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

.section--5050 .section__image:before {
    content: "";
    display: block;
    padding-top: 97.619047619%;
    width: 100%;
}

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

.section--5050 .section__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%;
}

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

.section--5050 .section__image iframe {
    border: none;
    display: block;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.section--5050-short-image .section__image:before {
    content: "";
    display: block;
    padding-top: 79.7619047619%;
    width: 100%;
}

.section--5050 .section__shape {
    color: #a5a5e4;
    display: block;
    max-width: 6.3125rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 24.3961352657vw;
}

.section--5050 .section__shape svg {
    margin-top: -31.25%;
    position: relative;
}

.section--5050 .section__video-controls {
    grid-area: btn;
    order: 3;
    padding-right: .625rem;
    position: relative;
    z-index: 5;
}

.section--5050 .section__video-controls .btn {
    transform: translateY(-50%);
}

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

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

.section--5050-list {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5555555556;
    margin-bottom: clamp(4.6875rem, 9.7916666667vw, 8.8125rem);
    margin-top: clamp(3.75rem, 7.8472222222vw, 7.0625rem);
    position: relative;
}

.section--5050-list .section__inner {
    align-items: flex-start;
    display: grid;
    grid-auto-columns: 1fr auto;
    grid-auto-rows: 97.619047619vw 2.375rem auto auto;
    grid-template-areas: "image image"". btn""content content""note note";
}

.section--5050-list .section__content {
    grid-area: content;
    padding: 1.1875rem 0 2.5rem;
}

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

.section--5050-list .section__list {
    -moz-column-gap: 6.3157894737%;
    column-gap: 6.3157894737%;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 2.5rem;
    padding-top: 1.875rem;
    row-gap: clamp(1.5625rem, 3.2638888889vw, 2.9375rem);
}

.section--5050-list .section__note {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    font-weight: 400;
    grid-area: note;
    justify-content: space-between;
    letter-spacing: .0111111111em;
    line-height: 1.1111111111;
    margin-left: 2.1875rem;
    margin-right: 2.1875rem;
    order: 1;
    padding: 2.5rem 0;
    position: relative;
}

.section--5050-list .section__note-icon {
    align-items: center;
    color: currentColor;
    display: flex;
    flex-shrink: 0;
    font-size: 1.5625rem;
    height: 1em;
    justify-content: center;
    margin-left: .625rem;
    position: relative;
    width: 1em;
}

.section--5050-list .section__note-icon:before {
    background: currentColor;
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
}

.section--5050-list .section__note-icon svg {
    display: block;
    font-size: .75rem;
    height: 1em;
    width: var(--icon-width, 1em);
}

.section--5050-list .section__note:before {
    background: currentColor;
    display: block;
    height: 1px;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%;
}

.section--5050-list .section__title {
    font-size: 2.8125rem;
    font-weight: 300;
    letter-spacing: .0033333333em;
    line-height: 1.0666666667;
    margin-bottom: .3333333333em;
    max-width: 25.125rem;
    width: 100%;
}

.section--5050-list .section__title .text--iskry {
    font-size: .9em;
}

.section--5050-list .section__description {
    max-width: 35.8125rem;
}

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

.section--5050-list .section__buttons {
    margin-top: 1.375rem;
}

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

.section--5050-list .section__image:before {
    content: "";
    display: block;
    padding-top: 86.835106383%;
    width: 100%;
}

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

.section--5050-list .section__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%;
}

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

.section--5050-list .section__image iframe {
    border: none;
    display: block;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.section--5050-list-short-image .section__image:before {
    content: "";
    display: block;
    padding-top: 79.7619047619%;
    width: 100%;
}

.section--5050-list .section__shape {
    color: #a5a5e4;
    display: block;
    left: 0;
    max-width: 4.25rem;
    position: absolute;
    top: 97.619047619vw;
    width: 16.4251207729vw;
}

.section--5050-list .section__shape svg {
    margin-left: -26.4705882353%;
    margin-top: -197.0588235294%;
    position: relative;
}

.section--5050-list .section__video-controls {
    grid-area: btn;
    order: 3;
    padding-right: .625rem;
    position: relative;
    z-index: 5;
}

.section--5050-list .section__video-controls .btn {
    transform: translateY(-50%);
}

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

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

.section--testimonial {
    margin-bottom: clamp(4.9375rem, 12.5vw, 11.25rem);
    padding-top: clamp(5.6875rem, 15.6944444444vw, 14.125rem);
}

.section--testimonial .section__inner {
    display: grid;
    grid-auto-columns: auto 1fr;
    grid-template-areas: "aside aside""header content";
}

.section--testimonial .section__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-area: header;
}

.section--testimonial .section__title {
    color: #a6c2f0;
    flex-grow: 1;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .0714285714em;
    line-height: 1;
    margin: 0;
    min-height: calc(var(--title-height, 0) + 4em);
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.section--testimonial .section__title>span {
    bottom: -.6666666667em;
    display: block;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: left top;
    white-space: nowrap;
}

.section--testimonial .section__icon {
    color: #a6c2f0;
    flex-shrink: 0;
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
    order: -1;
    padding-top: .6666666667em;
}

.section--testimonial .section__icon svg {
    display: block;
    height: 1em;
    width: var(--icon-width, 1em);
}

.section--testimonial .section__aside {
    grid-area: aside;
    margin-bottom: 2.625rem;
}

.section--testimonial .section__image {
    position: relative;
}

.section--testimonial .section__image-wrap {
    max-width: 38.75rem;
    position: relative;
}

.section--testimonial .section__image-wrap:before {
    content: "";
    display: block;
    padding-top: 64.1935483871%;
    width: 100%;
}

.section--testimonial .section__image-wrap 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--testimonial .section__image .section__shape {
    color: #d0825a;
    position: absolute;
    right: -2.1875rem;
    top: -20.9439528024%;
    width: 65.191740413%;
    z-index: -1;
}

.section--testimonial .section__cta {
    grid-area: cta;
    margin-right: 2.1875rem;
    max-width: 38.75rem;
    text-align: right;
}

.section--testimonial .section__cta .btn {
    min-width: 14.75rem;
}

.section--testimonial .section__content {
    grid-area: content;
    padding-left: clamp(2.1875rem, 5.8333333333vw, 5.25rem);
}

.section--testimonial .section__content blockquote {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 45.625rem;
}

.section--testimonial .section__content blockquote .text--cite {
    margin-top: auto;
}

.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:480px) {
    .section--intro-animation .section__image {
        -webkit-mask-size: auto clamp(0px, 55.3571428571vw, 42.9375rem);
        mask-size: auto clamp(0px, 55.3571428571vw, 42.9375rem);
    }
}

@media (min-width:768px) {
    .section--intro-animation .section__logo {
        width: 90vw;
    }

    .section--home-scroll .section__title {
        font-size: 2rem;
    }

    .section--home-scroll .section__title {
        width: 13.3333333333rem;
    }

    .section--home-scroll .section__full .section__title {
        width: 25.7333333333rem;
    }

    .section--home-scroll-mobile .section__full-image {
        margin-left: calc(5vw + 2.1875rem);
    }

    .section--5050 .section__content-inner {
        width: 95%;
    }

    .section--5050-list .section__content-inner {
        width: 95%;
    }

    .section--specifications .section__content-inner {
        width: 95%;
    }

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

@media (min-width:992px) {
    .section--home-scroll .section__inner {
        flex-direction: row;
    }

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

    .section--home-scroll .section__title {
        width: 17.2222222222rem;
    }

    .section--home-scroll .section__title {
        margin-bottom: .5em;
    }

    .section--home-scroll .section__left {
        width: 50vw;
    }

    .section--home-scroll .section__left-inner {
        height: 100vh;
    }

    .section--home-scroll .section__left .section__image {
        aspect-ratio: 840/960;
        height: auto;
        left: 50vw;
        min-height: 100vh;
        min-width: 50vw;
        top: 50%;
        transform: translateY(-50%) translateX(-100%);
        width: auto;
    }

    .section--home-scroll .section__left-content {
        padding-left: 11.5476190476vw;
        padding-top: 8.3333333333vw;
    }

    .section--home-scroll .section__full {
        width: 50vw;
    }

    .section--home-scroll .section__full .section__title {
        width: 33.2388888889rem;
    }

    .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--5050 .section__inner {
        grid-auto-columns: 50% 1fr auto;
        grid-auto-rows: 1fr auto;
        grid-template-areas: "content image image""content note btn";
    }

    .section--5050 .section__content {
        padding: 9.5833333333vw 0 3.5rem;
    }

    .section--5050 .section__content-inner {
        margin-left: auto;
        max-width: 38.5625rem;
    }

    .section--5050 .section__note {
        justify-content: flex-start;
        margin: 0;
        padding: 3.5rem 2.1875rem 3.5rem 0;
    }

    .section--5050 .section__image {
        max-height: 100vh;
    }

    .section--5050-short-image .section__image {
        flex-shrink: 0;
        max-height: calc(100vh - 8.6875rem);
    }

    .section--5050 .section__shape {
        bottom: 3.75rem;
        left: 0;
        max-width: 27.875rem;
        right: auto;
        top: auto;
        width: calc(5vw + 2.1875rem);
        z-index: -1;
    }

    .section--5050 .section__shape svg {
        margin-left: -67.0403587444%;
        margin-top: 0;
    }

    .section--5050 .section__video-controls {
        background: #2a3e3e;
        padding-right: 3.4375rem;
    }

    .section--5050 .section__video-controls .btn {
        display: block;
        margin-top: -5.75rem;
        transform: none;
    }

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

    .section--5050[data-orientation=left] .section__shape {
        left: auto;
        right: 0;
        transform: scale(-1);
    }

    .section--5050[data-orientation=left] .section__shape svg {
        margin-left: -67.0403587444%;
    }

    .section--5050[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;
    }

    .section--5050[data-orientation=left] .section__video-controls {
        padding-left: 3.125rem;
        padding-right: 0;
    }

    .section--5050[data-orientation=left] .section__note {
        padding: 3.625rem 0 3.625rem 2.1875rem;
    }

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

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

    .section--5050-list .section__inner {
        grid-auto-columns: 55.2380952381% 1fr auto;
        grid-auto-rows: 1fr auto;
        grid-template-areas: "content image image""content note btn";
    }

    .section--5050-list .section__content {
        align-self: center;
        padding: 0;
    }

    .section--5050-list .section__content-inner {
        margin-left: auto;
        max-width: 48.25rem;
    }

    .section--5050-list .section__list {
        margin-left: calc((1.875rem + clamp(.4375rem, .7638888889vw, .6875rem))*-1);
        max-width: 37.625rem;
    }

    .section--5050-list .section__note {
        justify-content: flex-start;
        margin: 0;
        padding: 3.5rem 2.1875rem 3.5rem 0;
    }

    .section--5050-list-short-image .section__image {
        flex-shrink: 0;
        max-height: calc(100vh - 8.6875rem);
    }

    .section--5050-list .section__shape {
        bottom: -17rem;
        left: 0;
        max-width: 11.25rem;
        right: auto;
        top: auto;
        width: calc(5vw + 2.1875rem);
        z-index: -1;
    }

    .section--5050-list .section__shape svg {
        margin-left: 0;
        margin-top: 0;
    }

    .section--5050-list .section__video-controls {
        background: #2a3e3e;
        padding-right: 3.4375rem;
    }

    .section--5050-list .section__video-controls .btn {
        display: block;
        margin-top: -5.75rem;
        transform: none;
    }

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

    .section--5050-list[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;
    }

    .section--5050-list[data-orientation=left] .section__video-controls {
        padding-left: 3.125rem;
        padding-right: 0;
    }

    .section--5050-list[data-orientation=left] .section__note {
        padding: 3.625rem 0 3.625rem 2.1875rem;
    }

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

    .section--testimonial .section__inner {
        grid-auto-columns: auto 1fr 48.4375%;
        grid-template-areas: "header content aside""header content cta";
        grid-template-rows: auto 1fr;
    }

    .section--testimonial .section__header {
        padding-bottom: 4rem;
    }

    .section--testimonial .section__title {
        text-align: left;
    }

    .section--testimonial .section__aside {
        margin-bottom: 0;
    }

    .section--testimonial .section__image {
        padding-right: 2.1875rem;
    }

    .section--testimonial .section__image .section__shape {
        right: 0;
        top: -45.2261306533%;
        width: min(84.2857142857%, 36.875rem);
    }

    .section--testimonial .section__content {
        padding-bottom: 4rem;
        padding-right: clamp(2.1875rem, 5.8333333333vw, 5.25rem);
    }

    .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) {
    .section--home-scroll .section__title {
        font-size: 3.125rem;
    }

    .section--home-scroll .section__title {
        width: 20.8333333333rem;
    }

    .section--home-scroll .section__full .section__title {
        width: 40.2083333333rem;
    }

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

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

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

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

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

    .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:1295px) {
    .section--5050 .section__shape {
        width: calc(50vw - 34.25rem);
    }

    .section--5050-list .section__shape {
        width: calc(50vw - 34.25rem);
    }
}

@media (min-width:1300px) and (max-width:1800px) {
    .section--5050-list .section__shape {
        width: 6.25rem;
    }
}

@media (min-width:1440px) {
    .section--home-scroll .section__title {
        font-size: 3.75rem;
    }

    .section--home-scroll .section__title {
        width: 25rem;
    }

    .section--home-scroll .section__full .section__title {
        width: 48.25rem;
    }

    .section--5050 {
        font-size: 1.125rem;
    }

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

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

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

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

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

    .section--specifications {
        font-size: 1.125rem;
    }

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

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

    .section--testimonial .section__title {
        font-size: .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;
    }

    .section--5050 .section__note:before {
        content: "";
    }

    .section--5050 .section__buttons {
        flex-direction: column;
        margin-top: 2.4375rem;
    }

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

    .section--5050 .section__shape {
        max-width: 10rem;
        width: 38.6473429952vw;
    }

    .section--5050-list .section__note:before {
        content: "";
    }

    .section--5050-list .section__buttons {
        flex-direction: column;
        margin-top: 2.4375rem;
    }

    .section--5050-list .section__buttons>div:first-child,
    .section--5050-list .section__buttons>div:first-child .btn--outline,
    .section--5050-list .section__buttons>div:first-child .btn--solid {
        width: 100%;
    }

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

    .section--testimonial .section__cta {
        display: none;
    }

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

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

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