:root {
    --black: #0d0d11;
    --white: white;
    --outline: var(--black);
    --gainsboro: #c6c9cc;
    --caption: #666666a3;
    --accent: #4253ff;
    --white-smoke: whitesmoke;
}

@font-face {
  font-family: 'InterVariable';
  src: url('../wp-content/themes/twentytwentyone-child/fonts/InterVariable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

*{
	font-family: 'InterVariable' !important;
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

body {
    background-color: white;
    color: var(--black);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    font-family: Intervariable, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.333;
    display: flex;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 44px;
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

p {
    margin-bottom: 0;
	font-family: Intervariable, sans-serif;
    font-size: 1rem;
    font-weight: 400;
	color:#0d0d11;
}

a {
    color: var(--black);
    text-decoration: none;
}

blockquote {
    border-left: .5px solid var(--black);
    letter-spacing: 0;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0 0 0 2em;
    font-family: Instrument Serif, sans-serif;
    font-size: 1.5em;
    line-height: 1.5;
    position: relative;
    left: -2em;
}

.work_contain {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.home_wrap {
    z-index: 10;
    background-color: var(--white);
    width: 100%;
    display: block;
    position: relative;
}

.home_wrap.overflow-hidden {
    display: block;
    overflow: hidden;
}

.secton-title {
    text-align: center;
    letter-spacing: -.05em;
    text-transform: uppercase;
    white-space: nowrap;
    margin-left: -.05em;
    padding-top: .1em;
    font-size: 31.5vw;
    font-weight: 400;
    line-height: .8;
}

.secton-title.is-small {
    font-size: 20vw;
}

.work-sticky-aspect-ratio {
    z-index: 10;
    background-color: var(--white);
    border-radius: 1em;
    width: 100%;
    padding-top: 62.5%;
    position: relative;
    overflow: hidden;
}

.image-background-parallax {
    object-fit: cover;
    width: 100%;
    height: 120%;
    position: absolute;
    inset: 0%;
}

.work-sticky-list {
    flex-direction: column;
    padding: 10vw 5vw 50vh;
    display: flex;
    position: relative;
    overflow: hidden;
}

.work-indicator-wrapper {
    grid-row-gap: .5em;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 5vw;
    display: flex;
    position: absolute;
    inset: auto auto auto 0%;
    transform: none;
}

.work-indicator-way-wrapper {
    flex-direction: column;
    align-items: center;
    width: 7px;
    height: 64px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.work-indicator-progress {
    background-color: #000;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 1.5px;
    height: 100%;
    display: flex;
    position: relative;
}

.work-indicator-number {
    font-size: .625em;
    font-weight: 500;
    line-height: 1;
}

.section-title-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
}

.work-indicator-progress-dot {
    background-color: #000;
    border-radius: 10px;
    width: 4.5px;
    height: 4.5px;
    position: absolute;
    bottom: 0;
    box-shadow: 0 0 0 2px #fff;
}

.work-indicator-way {
    background-color: #0000001a;
    border-radius: 10px;
    width: 1.5px;
    height: 100%;
    position: absolute;
    inset: 0% auto;
}

.footer {
    z-index: 0;
    background-color: var(--black);
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 150px;
    margin-top: 0;
    display: flex;
    position: relative;
    bottom: 0;
}

.work-sticky-item {
    perspective: 100vw;
    perspective-origin: 50%;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 45vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.scrolling-loop {
    display: flex;
}

.fill-text-paragraph-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
}

.fill-text-paragraph {
    flex-direction: column;
    padding-bottom: .375em;
    display: flex;
}

.fill-text-paragraph.is-centered {
    align-items: center;
}

.fill-text-item {
    margin-bottom: -.375em;
    display: flex;
    position: relative;
}

.fill-text-row {
    opacity: .12;
    white-space: nowrap;
    position: relative;
}

.fill-text-text-size {
    letter-spacing: -.02em;
    white-space: nowrap;
    font-size: 2em;
    line-height: 1.25;
}

.fill-text-text-size.is-numbers {
    letter-spacing: 0;
}

.fill-text-hover-row {
    white-space: nowrap;
    width: 100%;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
    overflow: hidden;
}

.vertical-loop-link {
    position: relative;
    overflow: hidden;
}

.strip-image-wrapper {
    border-radius: 3px;
    width: 100%;
    padding-top: 66.66%;
    position: relative;
    overflow: hidden;
}

.strip-image-wrapper.is-1st {
    padding-top: 125%;
    top: -20vh;
    left: 2.5vw;
}

.strip-image-wrapper.is-3rd {
    padding-top: 125%;
    right: 15vw;
}

.strip-image-wrapper.is-4th {
    padding-top: 125%;
    top: 30vh;
    right: 7.5vw;
}

.strip-image-wrapper.is-5th {
    padding-top: 125%;
    left: 10vw;
}

.strip-image-wrapper.is-6th {
    padding-top: 100%;
    top: 30vh;
    left: 20vw;
}

.strip-image-wrapper.is-7th {
    padding-top: 100%;
    top: 20vh;
    right: 25vw;
}

.strip-image {
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 120%;
    position: absolute;
    inset: 0%;
}

.link {
    color: var(--black);
    position: relative;
    overflow: hidden;
}

.work-thumb-title {
    z-index: 5;
    font-variation-settings: "wght" 450, "opsz" 32;
    letter-spacing: .02em;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 999px;
    padding: .5em 1em;
    font-size: .625em;
    font-weight: 400;
    position: absolute;
    inset: auto auto 2em 2em;
}

.footer-meta-contact-wrapper {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex;
}

.footer-button {
    grid-column-gap: .375em;
    background-color: var(--white);
    box-shadow: none;
    color: var(--black);
    letter-spacing: -.02em;
    text-transform: uppercase;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    min-width: 5.5vw;
    height: 5.5vw;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), box-shadow .5s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.footer-button:hover {
    transform: scale(1.05);
}

.footer-button.is-not-padding {
    padding-left: 0;
    padding-right: 0;
}

.footer-button.is-avatar {
    box-shadow: none;
    overflow: visible;
}

.magnetic-link {
    color: #fff;
    display: flex;
}

.link-label {
    color: #000;
    white-space: nowrap;
    position: relative;
}

.link-label.on-hover {
    color: var(--black);
    position: absolute;
}

.link-label.white {
    color: var(--white);
}

.magnetic-item {
    border: 1px solid var(--gainsboro);
    border-radius: 60px;
    padding: 20px;
    position: relative;
}

.magnetic-item.is-absolute {
    position: absolute;
    inset: 0%;
}

.link-overflow {
    position: relative;
    overflow: hidden;
}

.button {
    color: #fff;
    letter-spacing: -.01em;
    background-color: #4b40eb;
    border-radius: 9999px;
    padding: .75em 1.75em;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    display: inline-block;
}

.footer-avatar {
    object-fit: cover;
    border-radius: 9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.footer-meta {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 100px;
    font-size: .875em;
    display: flex;
}

.footer-meta-template {
    grid-column-gap: 1.5em;
    grid-row-gap: 1em;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}

.caption {
    color: #000000;
    font-variation-settings: "wght" 400;
    letter-spacing: .03em;
    text-transform: uppercase;
    margin-bottom: .5em;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
}

.caption.margin-zero,
.caption.is-post-share {
    margin-bottom: 0;
}

.footer-meta-template-buy {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    align-items: flex-start;
    display: flex;
}

.footer-contact-title {
    font-variation-settings: "wght" 450;
    letter-spacing: -.03em;
    font-size: 7vw;
    font-weight: 400;
    line-height: 1;
    display: inline;
    position: relative;
    top: -.03em;
}

.footer-contact-holder {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    vertical-align: text-bottom;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-right: 1em;
    display: inline-block;
}

.footer-contact-wrapper {
    max-width: 75vw;
    margin-left: auto;
    margin-right: auto;
}

.rounded-div-wrapper {
    z-index: 20;
    background-color: var(--white);
    height: 100px;
    margin-bottom: -1px;
    position: relative;
    overflow: hidden;
    transform: translate(0, -1px);
}

.content {
    z-index: 1;
    width: 100%;
    position: relative;
}

.rounded-div {
    border-radius: 50%;
    width: 150%;
    height: 750%;
    position: absolute;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -86.6%);
}

.rounded-div.is-top {
    transform: translate(-50%);
}

.rounded-div.is-top.bg-black,
.rounded-div.bg-black {
    background-color: var(--black);
}

.footer-container {
    background-color: #f5f5f5;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 150px;
    padding:10px 30px 80px;
    display: flex;
    position: relative;
}

.scroll-down-wrapper {
    z-index: 5;
    position: absolute;
    bottom: 2.5vw;
    left: 50%;
    transform: translate(-50%);
}

.scroll-down-indicator {
    background-color: #fff3;
    border-radius: 10px;
    width: 100%;
    height: 1.5px;
    margin-top: 4px;
    position: relative;
    overflow: hidden;
}

.hero-scroll {
    margin-bottom: -100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.hero-text {
    z-index: 2;
    color: #fff;
    font-variation-settings: "wght" 350;
    letter-spacing: -.03em;
    text-transform: none;
    white-space: nowrap;
    font-size: 16vw;
    font-weight: 400;
    line-height: 1;
    position: relative;
}

.hero-content {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    padding-left: 20vw;
    display: flex;
}

.scroll-down-link {
    color: #fff;
    font-variation-settings: "wght" 450;
    text-transform: uppercase;
    font-size: .625em;
}

.hero-section {
    z-index: 5;
    background-color: var(--white);
    margin-bottom: -100px;
    position: relative;
}

.scroll-down-progress {
    background-color: #fff;
    width: 100%;
    height: 100%;
}

.hero-wrapper {
    background-color: var(--gainsboro);
    color: #fff;
    flex-direction: column;
    height: 400vh;
    display: flex;
}

.hero-trigger {
    flex: 1;
    margin-top: 100vh;
}

.hero-strips {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0% 0% auto;
}

.home_headline_wrapper {
    width: 100%;
    position: relative;
}

.services-cell {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr .33fr;
    align-items: center;
    padding-top: 2.5vh;
    padding-bottom: 2.5vh;
}

.services-title-wrapper {
    align-items: center;
    display: flex;
    position: relative;
}

.services-title {
    letter-spacing: 0;
    text-transform: none;
    font-family: Intervariable, sans-serif;
    font-size: 2.5em;
    font-style: italic;
    font-weight: 300;
    line-height: 1;
}

.services-image-wrapper {
    width: 16vh;
    height: 12vh;
    position: relative;
    overflow: hidden;
}

.services-image-aspect-ratio {
    border-radius: 3px;
    width: 100%;
    height: 100%;
    padding-top: 75%;
    position: relative;
    overflow: hidden;
}

.services-wrapper {
    flex-direction: column;
    display: flex;
}

.accortion-cta {
    z-index: 999;
    border: .5px solid var(--outline);
    color: var(--black);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 6vh;
    height: 6vh;
    display: flex;
    position: relative;
}

.accordion-icon {
    width: 1em;
    height: 1em;
    font-size: 1em;
    display: flex;
    position: relative;
}

.accordion-bottom-text {
    width: 100%;
    padding-bottom: 5vh;
    padding-left: 20vh;
    padding-right: 10vh;
}

.link-with-underline {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
    overflow: hidden;
}

.accordion {
    cursor: pointer;
    width: 100%;
}

.accordion-bottom {
    border-bottom: .5px solid var(--outline);
    perspective-origin: 50% 0;
    transform-origin: 50% 0;
    position: relative;
    overflow: hidden;
}

.accortion-paragraph {
    letter-spacing: -.015em;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
}

.accortion-paragraph.is-center-aligned {
    text-align: center;
}

.page-heading {
    font-variation-settings: "wght" 420, "opsz" 32;
    letter-spacing: -.03em;
    max-width: 20ch;
    font-size: 5vw;
    font-weight: 400;
    line-height: 1;
}

.contact-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    width: 100%;
}

._3x-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
}

.image-wrapper {
    background-color: var(--outline);
    border-radius: 3px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.image-wrapper.ratio-portrait {
    padding-top: 125%;
}

.image-wrapper.is-about {
    border-radius: 0;
    padding-top: 66.6%;
}

.shift-1 {
    margin-top: 25vh;
}

.shift-2 {
    margin-top: 15vh;
}

.numbers {
    letter-spacing: 0;
    margin-bottom: .2em;
    font-family: Instrument Serif, sans-serif;
    font-size: 3em;
    font-weight: 400;
    line-height: 1;
}

.numbers-grid {
    grid-column-gap: 2em;
    grid-row-gap: 0px;
    grid-template-rows: auto;
}

.numbers-item {
    border-bottom: .5px solid var(--outline);
    margin-bottom: 4em;
    padding-bottom: 4em;
}

.spacer-xlarge {
    height: 24vh;
}

.spacer-medium {
    height: 8vh;
}

.spacer-large {
    height: 16vh;
}

.clients-wrapper {
    background-color: var(--black);
    position: relative;
}

.clients-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.clients-cell {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.clients-item {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.clients-image {
    object-fit: contain;
    flex: 1;
    max-width: 7em;
    max-height: 2.5em;
    display: flex;
}

.archive_contain {
    background-color: var(--white);
    width: 100vw;
    position: static;
}

.slider-progress-arrow {
    box-shadow: inset 0 0 0 .5px var(--outline);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 4em;
    height: 4em;
    padding: 15px;
    transition: box-shadow .6s;
    display: flex;
}

.slider-progress-arrow:hover {
    box-shadow: inset 0 0 0 1px var(--black);
}

.slider-progress-wrapper {
    grid-column-gap: 1em;
    align-items: center;
    margin-bottom: 2em;
    display: flex;
}

.progress-arrow-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    margin-left: -1em;
    margin-right: -1em;
    padding: 1em;
}

.slider-progress {
    width: 100%;
}

.slider-progress-bg {
    background-color: var(--outline);
    border-radius: 100px;
    flex: 1;
    height: .5px;
    position: relative;
    overflow: hidden;
}

.slider-progress-content {
    width: 200%;
    display: flex;
}

.slider-progress-line {
    background-color: var(--black);
    width: 50%;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.button-label {
    z-index: 5;
    width: 1em;
    height: 1em;
    font-size: 1em;
    display: flex;
    position: relative;
}

.social-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    align-items: end;
}

.social-item {
    flex-direction: column;
    width: 18vw;
    padding-right: 2em;
    display: flex;
}

.social-image-wrapper {
    border-radius: 3px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.social-info {
    margin-top: 1em;
}

.social-info-title-icon {
    width: 1em;
    height: 1em;
    font-size: .75em;
    display: flex;
    position: relative;
    top: .01em;
}

.social-info-title-wrapper {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    flex-direction: row;
    align-items: center;
    margin-bottom: .25em;
    display: flex;
}

.social-info-title {
    color: var(--black);
    text-transform: uppercase;
    margin-top: .1em;
    font-size: .75em;
    font-weight: 500;
    line-height: 1;
}

.social-info-text {
    opacity: .5;
    font-size: .75em;
}

.negative-margin {
    margin-bottom: -100px;
    display: none;
}

.scrolling-loop-style {
    color: var(--white);
    font-variation-settings: "wght" 450;
    letter-spacing: -.04em;
    text-transform: uppercase;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-size: 10vw;
    font-weight: 500;
    line-height: .9;
    display: flex;
}

.scrolling-loop-left {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    display: flex;
}

.scrolling-loop-item {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    flex-direction: row;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.scrolling-loop-right {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    display: flex;
}

.rounded-div-background {
    background-color: var(--white);
    position: absolute;
    inset: 0%;
}

.select-field {
    background-color: #0000;
    border: 1px #000;
    margin-bottom: 0;
    padding: 0;
    font-size: 1em;
}

.text-field {
    border-style: none none solid;
    border-width: 1px 1px .5px;
    border-color: black black var(--outline);
    color: #333;
    background-color: #0000;
    align-items: center;
    height: 10vh;
    margin-bottom: 0;
    padding: 0;
    font-size: 1em;
    display: flex;
}

.text-field:focus {
    border-bottom-color: var(--black);
}

.text-field.is-text-area {
    height: auto;
    min-height: 10vh;
    padding-top: 3vh;
}

.submit-button {
    border-bottom: 1px solid var(--outline);
    color: var(--black);
    font-variation-settings: "wght" 550;
    letter-spacing: -.02em;
    text-transform: uppercase;
    background-color: #0000;
    padding: 0;
    font-size: 1.2em;
    font-weight: 400;
    transition: border-color .3s;
}

.submit-button:hover {
    border-bottom-color: var(--black);
}

.display-inline {
    display: inline;
}

.form-block {
    width: 100%;
    margin-bottom: 0;
}

.sup {
    letter-spacing: 0;
    width: 2em;
    padding-left: .25em;
    font-size: .5em;
    font-weight: 500;
    position: absolute;
}

.success-message {
    background-color: #ffcd61;
}

.field-label {
    font-variation-settings: "wght" 450;
    letter-spacing: -.01em;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
}

.form-list,
.contact-list {
    grid-row-gap: 2em;
    flex-direction: column;
    display: flex;
}

.link-list {
    grid-row-gap: .5em;
    flex-direction: column;
    display: flex;
}

.submit-wrapper {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
}

.icon {
    width: 1em;
    height: 1em;
    font-size: 1em;
    display: flex;
}

.footer-meta-contact-buttons {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}

.image-background {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.archive-wrapper {
    z-index: 6;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: absolute;
    inset: 0%;
}

._2nd {
    flex: none;
    width: 40vw;
}

.archive-image-wrapper {
    border-radius: 3px;
    width: 100%;
    padding-top: 66.6%;
    position: relative;
    overflow: hidden;
}

._1st,
._3rd {
    flex: none;
    width: 40vw;
}

.archive-section {
    z-index: 5;
    background-color: #000;
    width: 100%;
    max-width: 100vw;
    height: 100vh;
    margin-bottom: -100vh;
    position: sticky;
    inset: 0;
    overflow: hidden;
}

.archive-trigger {
    z-index: 4;
    height: 400vh;
    position: relative;
}

.archive-holder {
    flex-direction: column;
    display: flex;
}

.archive-title-wrapper {
    z-index: 10;
    color: var(--white);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 50% auto auto 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
}

.archive-title {
    text-align: center;
    letter-spacing: -.06em;
    text-transform: uppercase;
    white-space: nowrap;
    padding-top: .1em;
    font-size: 12vw;
    font-weight: 400;
    line-height: .8;
}

.letters-tighter {
    letter-spacing: -.09em;
}

.caption-wrapper {
    grid-column-gap: 1em;
    align-items: center;
    display: flex;
}

.line {
    background-color: var(--outline);
    flex: 1;
    height: .5px;
}

.line.lighter {
    background-color: var(--gainsboro);
}

.moving-post {
    grid-row-gap: .5em;
    border-bottom: .5px solid var(--outline);
    color: var(--black);
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding-bottom: 2.5vh;
    display: flex;
    position: relative;
    overflow: hidden;
}

.moving-post-scroll {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-direction: row;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.moving-post-date {
    color: var(--caption);
    font-variation-settings: "wght" 500, "wdth" 87.5;
    letter-spacing: .03em;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: 400;
    line-height: 1.3;
}

.moving-post-title {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    letter-spacing: 0;
    justify-content: flex-start;
    width: 100%;
    font-family: Instrument Serif, sans-serif;
    font-size: 2em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.notes-home {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 25vw 1fr;
    align-items: start;
    width: 100%;
    overflow: hidden;
}

.collection-list {
    grid-row-gap: 2.5vh;
    flex-direction: column;
    width: 100%;
    display: flex;
}

.collection-item {
    width: 100%;
}

.close-top {
    background-color: var(--black);
    border-radius: 4px;
    width: 30px;
    height: 1.5px;
    position: absolute;
    top: 40px;
}

.navbar-menu-scrolling {
    z-index: 1;
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    letter-spacing: 0;
    flex-direction: row;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    font-family: Instrument Serif, sans-serif;
    display: flex;
    position: relative;
    overflow: hidden;
}

.navbar-menu-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: var(--black);
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    align-content: space-between;
    place-items: center stretch;
    height: 100%;
    padding-top: 20vh;
    padding-bottom: 5vh;
    line-height: 1.25;
}

.navbar-menu-column {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    overflow: hidden;
}

.close-bottom {
    background-color: var(--black);
    border-radius: 4px;
    width: 30px;
    height: 1.5px;
    position: absolute;
    top: 50px;
}

.navbar-menu-item {
    color: var(--white);
    align-items: center;
    padding-right: .05em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.navbar-menu-item.scrolling {
    display: flex;
}

.navbar-menu-link {
    display: block;
}

.menu-button-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
}

.navbar-menu {
    text-align: center;
    background-color: #c8c8c800;
    justify-content: center;
    align-items: center;
    width: 40vw;
    height: 100svh;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
    overflow: hidden;
}

.navbar-social-grid {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    color: var(--white);
    text-transform: uppercase;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-items: center;
    font-size: .75em;
}

.navbar-meta {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-items: start;
    padding-left: 5vw;
    padding-right: 5vw;
}

.menu-button {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fffc;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    padding: 0;
    transition: background-color .4s;
    display: flex;
    overflow: hidden;
    box-shadow: 0 4px 64px -24px #00000080;
}

.menu-button.w--open {
    background-color: var(--white);
}

.navbar-menu-font-style {
    letter-spacing: -.025em;
    flex-direction: column;
    font-size: 5vw;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
    position: relative;
    overflow: hidden;
}

.navbar-controls {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: end;
    place-items: center end;
    width: 100%;
    display: grid;
}

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

.navbar {
    z-index: 100;
    background-color: #0000;
    align-items: flex-end;
    min-height: auto;
    padding-top: 2.5vw;
    padding-right: 2.5vw;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
}

.navbar-menu-background {
    z-index: 4;
    background-color: var(--white);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: auto 0%;
}

.navbar-menu-scrolling-wrapper {
    z-index: 5;
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    color: var(--black);
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
}

.navbar-menu-item-wrapper {
    color: var(--white);
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    position: relative;
    overflow: hidden;
}

.link-block {
    color: var(--white);
}

.brand-wrapper {
    z-index: 1002;
    color: #fff;
    mix-blend-mode: difference;
    background-color: #0000;
    padding-top: 2.5vw;
    padding-left: 2.5vw;
    font-size: 1.25rem;
    position: absolute;
    inset: 0% auto auto 0%;
}

.brand-link {
    color: #fff;
    white-space: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 90px;
    padding: 0;
    display: flex;
}

.logo_large {
    font-variation-settings: "opsz" 32, "wght" 450;
    letter-spacing: -.02em;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
}

.navigation {
    z-index: 80;
    width: 100%;
    display: flex;
    position: sticky;
    top: 0;
}

.spacer-2xlarge {
    height: 40vh;
}

.strip-wrapper {
    position: absolute;
    inset: 0%;
}

.strip-background {
    z-index: 1;
    grid-column-gap: 20vh;
    grid-row-gap: 20vh;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-top: 50vh;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
}

.strip-column {
    grid-column-gap: 10vh;
    grid-row-gap: 10vh;
    flex-direction: column;
    width: 12vw;
    display: flex;
}

.strip-column.is-foreground {
    width: 16vw;
}

.strip-foreground {
    z-index: 3;
    grid-column-gap: 20vh;
    grid-row-gap: 20vh;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 75vh;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
}

.navbar-rounded-wrapper {
    z-index: 20;
    width: 100px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transform: translate(-1px);
}

.navbar-rounded-div {
    background-color: var(--black);
    border-radius: 50%;
    width: 775%;
    height: 150%;
    position: absolute;
    top: 50%;
    overflow: hidden;
    transform: translate(0%, -50%);
}

.navbar-wrapper {
    mix-blend-mode: normal;
    height: 100%;
    display: flex;
}

.navbar-rounded-fixed {
    height: 100%;
    position: relative;
    inset: 0% auto 0% 1px;
    transform: none;
}

.thumbnail-image-hover,
.thumbnail-image {
    object-fit: cover;
    border-radius: 1em;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.archive-image-column {
    grid-row-gap: 2em;
    flex-direction: column;
    width: 100%;
    display: flex;
}

.contact-wrapper {
    grid-row-gap: 1em;
    flex-direction: column;
    display: block;
}

.cms-filter {
    grid-row-gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.cms-filter-link {
    letter-spacing: 0;
    margin-right: 1em;
    font-family: Instrument Serif, sans-serif;
    font-size: 2em;
}

.cms-filter-link.w--current {
    background-color: var(--black);
    color: var(--white);
    border-radius: 60px;
}

.cms-work-wrapper {
    margin-left: -10vw;
    margin-right: -10vw;
}

.cms-work-list {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 5vw;
    padding-right: 5vw;
    display: grid;
}

.work-thumb-wrapper {
    z-index: 10;
    background-color: var(--white);
    border-radius: 1em;
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.work-thumb-title-copy {
    z-index: 5;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 999px;
    padding: .5em 1em;
    font-size: .75em;
    font-weight: 500;
    position: absolute;
    inset: auto auto 20px 20px;
}

.cms-work-item {
    display: flex;
}

.study-title {
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    max-width: 24ch;
    margin-left: auto;
    margin-right: auto;
    font-family: Instrument Serif, sans-serif;
    font-size: 6vw;
    font-weight: 400;
    line-height: .9;
}

.study-title.sansserif {
    font-family: Intervariable, sans-serif;
}

.case-study-content {
    grid-column-gap: 4em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 50vw;
    margin-left: auto;
    margin-right: auto;
}

.case-study-paragraph {
    font-size: 1.25em;
}

.case-study-list {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.case-study-image-wrapper {
    border-radius: 3px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.case-study-image {
    width: 100%;
}

.case-study-list-wrapper {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
}

.work-sticky-item-alone {
    perspective: 100vw;
    perspective-origin: 50%;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 45vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.work-sticky-list-alone {
    flex-direction: column;
    padding-bottom: 22.5vh;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    position: relative;
    overflow: hidden;
}

.utility-page-wrap {
    background-color: var(--white);
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
}

.utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 25vw;
    display: flex;
}

.utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex;
}

.purchase {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    background-color: var(--white);
    font-variation-settings: "wght" 450, "opsz" 20;
    text-align: center;
    text-transform: uppercase;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1em 5vw;
    font-size: .875em;
    display: flex;
}

.purchase-cta {
    background-color: var(--black);
    color: var(--white);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: .75em 1.25em;
    font-size: 1em;
    line-height: 1;
    display: flex;
}

.grid-2 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-rows: auto;
}

.rich-text-block {
    line-height: 1.5;
}

.rich-text-block p {
    margin-bottom: 1em;
}

.rich-text-block h2 {
    font-size: 2em;
    line-height: 1.125;
}

.rich-text-block h4 {
    margin-top: .625em;
    margin-bottom: .625em;
    font-size: 1.125em;
    line-height: 1.33333;
}

.rich-text-block h1 {
    font-size: 2.375em;
    line-height: 1.22222;
}

.rich-text-block h3 {
    font-size: 1.5em;
    line-height: 1.25;
}

.rich-text-block h5 {
    margin-top: .625em;
    margin-bottom: .625em;
    font-size: .875em;
    line-height: 1.42857;
}

.rich-text-block h6 {
    margin-top: .625em;
    margin-bottom: .625em;
    font-size: .75em;
    line-height: 1.5;
}

.post-date {
    border-top: .5px solid var(--outline);
    padding-top: 1em;
}

.post-sticky {
    grid-row-gap: 5vw;
    flex-direction: column;
    padding-top: 0;
    display: flex;
    position: sticky;
    top: 7.5vh;
}

.post-share-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    align-items: center;
    margin-bottom: .75em;
    display: flex;
}

.post-share-list {
    grid-column-gap: 1.5em;
    grid-row-gap: 1em;
    font-variation-settings: "wght" 450;
    letter-spacing: .03em;
    text-transform: uppercase;
    flex-wrap: wrap;
    align-items: center;
    font-size: .75em;
    display: flex;
}

._404-section {
    z-index: 0;
    background-color: var(--black);
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    min-height: 100vh;
    display: flex;
    position: sticky;
    bottom: 0;
}

._404-container {
    background-color: #f5f5f5;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 36vh 5vw 2em;
    display: flex;
    position: relative;
    box-shadow: 0 4px 64px #0003;
}

._404-wrapper {
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
}

.text-field-401 {
    background-color: var(--outline);
    text-align: left;
    border: 1px #000;
    border-radius: 999px;
    height: 3.5em;
    margin-bottom: 0;
    padding-left: 1.5em;
    padding-right: 2em;
    font-size: 1em;
}

.submit-button-401 {
    background-color: var(--black);
    border-radius: 999px;
    height: 3.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.field-label-401 {
    margin-bottom: .5em;
    font-weight: 600;
}

._401-wrapper {
    position: relative;
}

.text-large {
    font-variation-settings: "wght" 450;
    letter-spacing: -.01em;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.4;
}

.text-link-underlined {
    border-bottom: 1px solid #57575740;
    transition: border-color .3s;
}

.text-link-underlined:hover {
    border-bottom-color: #1a1a1a;
}

.info-list {
    grid-row-gap: 2em;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.style-guide-buttons {
    grid-column-gap: 1.5em;
    grid-row-gap: 1em;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}

.style-guide-spacing-holder {
    grid-row-gap: 1em;
    background-color: var(--accent);
    border-radius: 3px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%;
}

.style-guide-spacing {
    grid-row-gap: .5em;
    flex-direction: column;
    width: 100%;
    display: flex;
}

.usd-sign {
    letter-spacing: .02em;
    margin-left: 2px;
    font-size: 75%;
    display: inline-block;
    position: relative;
    top: -.1em;
}

.parallax-hero-wrapper {
    position: relative;
}

.parallax-hero-trigger {
    height: 100vh;
    margin-top: 100vh;
    position: absolute;
}

.image-background-parallax-hero {
    object-fit: cover;
    width: 100%;
    height: 120%;
    position: absolute;
    inset: 0%;
}

.purchase-badge {
    z-index: 1001;
    grid-column-gap: 6px;
    color: #000;
    letter-spacing: -.02em;
    background-color: #fff;
    border-radius: 3px;
    align-items: center;
    padding: 6px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    display: block;
    position: fixed;
    inset: auto 12px 12px auto;
    box-shadow: 0 0 0 1px #0000001a, 0 0 0 .5px #0000001a;
}

.purchase-badge-icon {
    width: 16px;
    height: 16px;
    display: flex;
}

.purchase-badge-weight-medium {
    font-weight: 500;
}

.flex-block {
    grid-row-gap: 1em;
    align-items: stretch;
}

.video-wrap {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
}

.avatar {
    object-fit: cover;
    border-radius: 99px;
    width: 6em;
    height: 6em;
    margin-bottom: .5em;
}

.testimonial-avatar {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
}

.testimonial-quote {
    text-align: center;
    font-size: 1.75em;
}

.testimonial-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hero-bg-blur-image {
    opacity: .25;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.sticky_wrap {
    z-index: 30;
    width: 100%;
    height: auto;
    margin-bottom: 20vh;
    padding-bottom: 100vh;
    position: relative;
}

.sticky_trigger_3 {
    width: auto;
    height: 200vh;
    position: static;
}

.sticky_track {
    position: absolute;
    inset: 0%;
}

.sticky_element {
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.image_wrapper {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
    height: 100%;
    display: flex;
    overflow: hidden;
}

.image1div {
    z-index: 36;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden;
}

._1stimg {
    z-index: 37;
    vertical-align: top;
    width: 100%;
    height: 100vh;
    position: absolute;
    overflow: hidden;
}

.logo {
    z-index: 40;
    text-align: left;
    width: 12em;
    height: 3em;
    margin-bottom: 5%;
    margin-left: 5%;
    display: block;
    position: relative;
}

._2ndimg {
    z-index: 35;
    width: 100%;
    height: 100vh;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden;
}

._3rdimg {
    z-index: 34;
    width: 100%;
    height: 100vh;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden;
}

.image4div {
    z-index: 31;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden;
}

.icmtext {
    color: var(--white);
    font-size: 6em;
}

._4thimg {
    z-index: 32;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden;
}

.herotextdiv {
    color: var(--white);
    font-size: 3rem;
}

.herohead {
    z-index: 33;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    font-size: 5rem;
    position: relative;
}

.body {
    background-color: var(--white);
    overflow: clip;
	color:#0d0d11;
}

.img_wrap {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.sticky_contain {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 60vh;
    display: flex;
    position: relative;
}

.hero_logo {
    z-index: 36;
    object-fit: cover;
    width: 200px;
    position: absolute;
    inset: auto auto 20px 20px;
}

.sticky_element-2 {
    height: 100vh;
    position: sticky;
    top: 0;
}

.img_new_4 {
    z-index: 32;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.hero_wrap {
    z-index: 10;
    width: 100%;
    position: relative;
}

.img_new_5 {
    z-index: 31;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.sticky_trigger {
    width: 100%;
    height: 200vh;
}

.img_1 {
    z-index: 35;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.img_container {
    position: absolute;
    inset: 10px;
    overflow: hidden;
}

.img_new_3 {
    z-index: 33;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.img_new_2 {
    z-index: 34;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.archive_wrap {
    width: 100%;
    display: block;
    position: sticky;
}

.work_wrap {
    z-index: 10;
    background-color: var(--white);
    width: 100%;
    position: relative;
}

.work_wrap.overflow-hidden {
    overflow: hidden;
}

.content_wrap {
    z-index: 10;
    position: relative;
	width:100%;
}

.navbar-2 {
    background-color: #ddd0;
    position: sticky;
    top: 0;
}

.image {
    width: 120px;
}

.brand {
    height: 70px;
    display: flex;
}

.container {
    justify-content: space-between;
    align-items: center;
    display: block;
}

.splash_bg {
    background-color: var(--black);
    color: var(--white);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}

.splash_screen_wrap {
    z-index: 40;
    width: 100%;
    height: 100vh;
    position: absolute;
}

.splash_screen_container {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.heading {
    -webkit-text-stroke-color: var(--white);
    font-family: Intervariable, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.heading.text-align-center {
    text-align: center;
}

.splash_text_wrapper {
    z-index: 50;
    color: var(--white);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    display: flex;
    position: absolute;
    inset: auto 0%;
    overflow: hidden;
}

.splash_animation_wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 30%;
    display: flex;
}

.splash-text {
    -webkit-text-stroke-color: var(--white);
    font-family: Intervariable, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.splash-text.text-align-center {
    text-align: center;
    letter-spacing: 4px;
    text-transform: uppercase;
    overflow-wrap: normal;
    font-family: Intervariable, sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: static;
    top: 100%;
    left: auto;
    right: auto;
}

.splash-text-2 {
    -webkit-text-stroke-color: var(--white);
    font-family: Intervariable, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.splash-text-2.text-align-center {
    text-align: center;
    letter-spacing: .6px;
    height: 100%;
    font-family: Instrument Serif, sans-serif;
    font-size: 1.5rem;
    position: absolute;
    top: 100%;
}

.splash-text-3 {
    -webkit-text-stroke-color: var(--white);
    font-family: Intervariable, sans-serif;
    font-size: 24px;
    font-weight: 300;
    position: absolute;
    top: auto;
}

.splash-text-3.text-align-center {
    text-align: center;
    letter-spacing: 1px;
    height: 100%;
    font-size: 1.3rem;
    font-weight: 300;
    position: absolute;
    top: 100%;
}

.splash-text-4 {
    -webkit-text-stroke-color: var(--white);
    font-family: Intervariable, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.splash-text-4.text-align-center {
    text-align: center;
    letter-spacing: .2px;
    font-size: 18px;
    position: absolute;
}

.text-block {
    z-index: 36;
    color: var(--white);
    position: absolute;
    inset: 40px auto auto 40px;
}

.stick-hero-text-1 {
    z-index: 36;
    color: var(--white);
    font-family: Intervariable, sans-serif;
    font-weight: 400;
    position: absolute;
    inset: 40px auto auto 40px;
}

.stick-hero-text-1.text-all-caps {
    text-transform: uppercase;
    font-family: Instrument Sans, sans-serif;
    font-size: .9rem;
    font-weight: 400;
}

.stick-hero-text-2 {
    z-index: 36;
    color: var(--white);
    font-family: Intervariable, sans-serif;
    font-weight: 400;
    position: absolute;
    inset: 40px auto auto 40px;
}

.stick-hero-text-2.text-all-caps {
    text-align: right;
    text-transform: uppercase;
    font-family: Instrument Sans, sans-serif;
    font-size: .9rem;
    font-weight: 400;
    inset: 40px 40px auto auto;
}

.stick-hero-text-3 {
    z-index: 36;
    color: var(--white);
    font-family: Intervariable, sans-serif;
    font-weight: 400;
    position: absolute;
    inset: 40px auto auto 40px;
}

.stick-hero-text-3.text-all-caps {
    text-align: right;
    text-transform: uppercase;
    font-family: Instrument Sans, sans-serif;
    font-size: .9rem;
    font-weight: 400;
    inset: auto 40px 40px auto;
}

.image-3 {
    width: 340px;
}

.image-4 {
    width: 180px;
}

.div-block {
    position: relative;
}

.navigation_wrap {
    z-index: 60;
    position: sticky;
    top: 0;
}

.content_container {
    position: relative;
}

.image-5 {
    width: 200px;
}

.div-block-3 {
    position: absolute;
    top: 100%;
}

.splash-logo {
    -webkit-text-stroke-color: var(--white);
    justify-content: center;
    align-items: center;
    height: 100%;
    font-family: Intervariable, sans-serif;
    font-size: 24px;
    font-weight: 300;
    display: flex;
    position: absolute;
    top: 100%;
}

.splash-logo.text-align-center {
    text-align: center;
    letter-spacing: 1px;
    height: 100%;
    font-size: 1.3rem;
    font-weight: 300;
    position: absolute;
    top: 100%;
}

.splash_text_1 {
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 100%;
}

.splash_text_2 {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: absolute;
    top: 100%;
}

.logo_small {
    font-variation-settings: "opsz" 32, "wght" 450;
    letter-spacing: -.02em;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2;
    display: none;
}

.home_mobile_headline_wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: none;
    position: relative;
}

.spacer-small_mobile {
    height: 8vh;
}

.link-label-dark {
    color: var(--white);
    white-space: nowrap;
    position: relative;
}

.link-label-dark.on-hover {
    position: absolute;
}

.collection_wrap {
    z-index: 10;
    background-color: var(--white);
    width: 100%;
    position: relative;
}

.collection_wrap.overflow-hidden {
    display: block;
    overflow: hidden;
}

.collection_container,
.about_container {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    padding-left: 10vw;
    padding-right: 10vw;
    display: flex;
}

.spacer-xsmall {
    height: 2em;
}

.magnetic-link-dark {
    color: #fff;
    display: flex;
}

.button-outline {
    grid-column-gap: .375em;
    border: 1px solid var(--caption);
    background-color: var(--white);
    box-shadow: none;
    color: var(--black);
    letter-spacing: -.02em;
    text-transform: uppercase;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    min-width: 5.5vw;
    height: 4vw;
    padding-left: 2.4vw;
    padding-right: 2.4vw;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), box-shadow .5s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.button-outline:hover {
    transform: scale(1.05);
}

.button-outline.is-not-padding {
    padding-left: 0;
    padding-right: 0;
}

.button-outline.is-avatar {
    box-shadow: none;
    overflow: visible;
}

.body-2 {
    background-color: var(--white);
}

.secton-title2 {
    text-align: center;
    letter-spacing: -.05em;
    text-transform: uppercase;
    white-space: nowrap;
    margin-left: -.05em;
    padding-top: .1em;
    font-size: 16vw;
    font-weight: 400;
    line-height: .8;
}

.magnetic-item-2 {
    border: 1px solid var(--gainsboro);
    border-radius: 60px;
    padding: 20px;
    position: relative;
}

.magnetic-item-2.is-absolute {
    position: absolute;
    inset: 0%;
}

.magnetic-item-3 {
    position: relative;
}

.magnetic-item-3.is-absolute {
    position: absolute;
    inset: 0%;
}

.spacer-small {
    height: 4vh;
}

.concierge_contain {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.concierge_text_wrapper {
    flex-flow: column;
    max-width: 900px;
    display: flex;
}

.spacer-xxsmall {
    height: 1em;
}

.button_wapper {
    justify-content: center;
    align-items: center;
    height: 3em;
    display: flex;
}

.fill-text-item-copy {
    justify-content: center;
    align-items: center;
    margin-bottom: -.375em;
    display: flex;
    position: relative;
}

.fill-text-text-size-copy {
    letter-spacing: -.02em;
    white-space: nowrap;
    font-size: 4em;
    line-height: 1.25;
}

.fill-text-text-size-copy {
    letter-spacing: -.02em;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 2.5em;
    line-height: 1.25;
}

.fill-text-text-size-copy.is-numbers {
    letter-spacing: 0;
}

.fill-text-text-size-copy.is-connierge-assistance {
    font-size: 4em;
}

.fill-text-row-copy {
    opacity: .12;
    white-space: nowrap;
    width: 100%;
    position: relative;
}

.fill-text-item-copy {
    margin-bottom: -.375em;
    display: flex;
    position: relative;
}

.testimonial-quote-copy {
    text-align: center;
    font-family: Intervariable, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.4;
}

.div-block-4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    display: flex;
}

.dowload-catalogue-wrap.fade-in-on-scroll {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    padding-top: 6vw;
    padding-bottom: 4vw;
    display: flex;
}

.accortion-paragraph-copy {
    letter-spacing: -.015em;
    font-family: Intervariable, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.2;
}

.accortion-paragraph-copy.is-center-aligned {
    text-align: center;
}

.accortion-paragraph-copy.is-lighter {
    color: var(--gainsboro);
}

.magnetic-item-4 {
    border: 1px solid var(--gainsboro);
    border-radius: 80px;
    padding: 20px;
    position: relative;
}

.magnetic-item-4.is-absolute {
    position: absolute;
    inset: 0%;
}

.magnetic-item-4.is-selected {
    background-color: var(--black);
    color: var(--white);
}

.link-label-2 {
    white-space: nowrap;
    position: relative;
}

.link-label-2.on-hover {
    color: var(--black);
    position: absolute;
}

.product_wrapper {
    width: 100%;
    padding-left: 12vw;
    padding-right: 10vw;
    position: relative;
}

.product_grid {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    grid-template-rows: auto;
    grid-template-columns: 500px 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: static;
}

.product_description {
    flex-flow: column;
    padding-right: 120px;
    display: flex;
}

.study-title-copy {
    text-align: left;
    letter-spacing: 0;
    text-transform: uppercase;
    max-width: 24ch;
    margin-left: auto;
    margin-right: auto;
    font-family: Intervariable, sans-serif;
    font-size: 3.8vw;
    font-weight: 300;
    line-height: .9;
}

.carpet_sizes_wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.image-6 {
    object-fit: cover;
    border-radius: 1em;
    width: 100%;
    height: 70vh;
    position: static;
    top: 0;
}

.paragraph_bullet {
    letter-spacing: -.015em;
    font-family: Intervariable, sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.4;
}

.paragraph_secondary {
    color: var(--black);
    letter-spacing: -.015em;
    font-family: Intervariable, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2;
}

.button-outline-small {
    grid-column-gap: .375em;
    border: 1px solid var(--caption);
    background-color: var(--white);
    box-shadow: none;
    color: var(--black);
    letter-spacing: -.02em;
    text-transform: uppercase;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    min-width: 5.5vw;
    height: 3.2vw;
    padding-left: 2.4vw;
    padding-right: 2.4vw;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), box-shadow .5s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.button-outline-small:hover {
    transform: scale(1.05);
}

.button-outline-small.is-not-padding {
    padding-left: 0;
    padding-right: 0;
}

.button-outline-small.is-avatar {
    box-shadow: none;
    overflow: visible;
}

.tabs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-block-2 {
    text-transform: uppercase;
    font-family: Intervariable, sans-serif;
}

.text-block-2.u-text-tab {
    text-transform: none;
    font-size: 1.4rem;
}

.text-block-3 {
    text-transform: uppercase;
    font-weight: 400;
}

.tab-link-tab-1 {
    background-color: var(--white);
    border-radius: 40px;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.tab-link-tab-1.w--current {
    background-color: var(--white);
    color: var(--black);
    padding-left: 40px;
    padding-right: 40px;
    font-family: Intervariable, sans-serif;
}

.tabs-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.tabs-content {
    width: 70%;
    height: 370px;
    padding: 5vw 4vw 4vw;
}

.collection_link {
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: underline;
}

.body-3 {
    background-color: var(--white-smoke);
}

.fill-text {
    letter-spacing: -.02em;
    white-space: nowrap;
    font-size: 2.5em;
    line-height: 1.25;
    display: none;
}

.fill-text.is-numbers {
    letter-spacing: 0;
}

.about-text-grid_only-desktop {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    width: 100%;
}

.about_text {
    display: none;
}

.discription_top_block {
    padding-top: 40px;
}

.block_2-description {
    padding-top: 48px;
}

.block_3 {
    padding-top: 3vw;
}

.block_4 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    flex-flow: column;
    padding-top: 3vw;
    display: flex;
}

.about_headline_wrapper {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
    position: relative;
}

.hero_text_mobile {
    display: none;
}

.collection_home_wrapper,
.about_images_wrapper,
.collection_headline_wrapper,
.contact_headline_wrapper,
.headline_wrapper-copy {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
    position: relative;
}

.spacer-xlarge-fluid {
    height: 24vh;
}

.bold-text,
.bold-text-2,
.bold-text-3 {
    font-weight: 400;
}

.text-block-4,
.text-block-5 {
    font-family: Intervariable, sans-serif;
    font-weight: 300;
}

.div-block-7 {
    position: absolute;
    inset: auto 0% 0%;
}

.div-block-8 {
    border-bottom: 1px solid #000;
    position: absolute;
    inset: 0%;
}

.tab-highlight {
    border-bottom: 1px solid var(--black);
    position: absolute;
    inset: 0%;
}

.tab_link-text {
    color: var(--black);
    font-size: 1.83em;
}


.tab_p {
    width: 100%;
    max-width: 31em;
}

.tab_menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-bottom: 2.7em;
    display: grid;
    position: static;
    overflow: scroll;
}

.tab_wrap {
    position: relative;
}

.tab_arrow-wrap {
    justify-content: center;
    align-items: center;
    width: 5em;
    height: 5em;
    margin-top: -1.1em;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
    transform: rotate(-180deg);
}

.tab_arrow-wrap.is-right {
    inset: 0% 0% auto auto;
    transform: rotate(0);
}

.tab_heading {
    margin-bottom: .5em;
    font-size: 6em;
    line-height: .9;
}

.tab_link {
    color: var(--caption);
    text-align: center;
    background-color: #0000;
    border-bottom: .2em solid #0000;
    flex: none;
    width: 100%;
    margin-right: 3.3em;
    padding: 0 .4em .4em;
    font-family: Intervariable, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    position: static;
}

.tab_link.w--current {
    border-bottom-width: 2px;
    border-bottom-color: var(--black);
    color: var(--black);
    text-align: center;
    mix-blend-mode: normal;
    background-color: #0000;
    width: 100%;
    padding-bottom: .4em;
    padding-left: .4em;
    padding-right: .4em;
    font-weight: 400;
    position: static;
}

.tab_link.w--current:active {
    border-bottom-width: 2px;
    border-bottom-color: var(--black);
}

.tab_padding {
    padding-top: 1em;
    padding-bottom: 4.7em;
}

.tab_arrow {
    color: #000;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 70%;
    transition: all .2s;
    display: flex;
}

.tab_arrow:hover {
    background-color: #d0ff00;
    transform: scale(.9);
}

.tab_arrow.hide {
    opacity: 0;
    cursor: auto;
    transform: scale(.8);
}

.tab_arrow-icon {
    width: 40%;
    height: 40%;
    margin-right: -4%;
}

.tab_link-text-2 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 400;
}

.magnetic-link-footer-small {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    color: #fff;
    margin-top: .6rem;
    display: flex;
}

.footer-button-small {
    grid-column-gap: .375em;
    box-shadow: none;
    color: var(--black);
    letter-spacing: -.02em;
    text-transform: none;
    justify-content: center;
    align-items: center;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), box-shadow .5s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.footer-button-small:hover {
    transform: scale(1.05);
}

.footer-button-small.is-not-padding {
    padding-left: 0;
    padding-right: 0;
}

.footer-button-small.is-avatar {
    box-shadow: none;
    overflow: visible;
}

.footer-link-title {
    color: var(--caption);
    font-variation-settings: "wght" 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    margin-bottom: .5em;
    font-size: .75em;
    font-weight: 400;
    line-height: 1.3;
}

.footer-link-title.margin-zero,
.footer-link-title.is-post-share {
    margin-bottom: 0;
}

.magnetic-link-footer-social-links {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    color: #fff;
    margin-top: .6rem;
    display: flex;
}

.link-label-white {
    color: var(--white);
    white-space: nowrap;
    position: relative;
}

.link-label-white.on-hover {
    color: var(--black);
    position: absolute;
}

.link-label-copy {
    color: #000;
    white-space: nowrap;
    position: relative;
}

.link-label-copy.on-hover {
    color: var(--black);
    position: absolute;
}

.link-label-copy.white {
    color: var(--white);
}

.spacer-xxsmall-concierge {
    height: 1em;
}

.block_3-technique {
    padding-top: 20px;
}

.block_4-material {
    padding-top: 20px;
    padding-bottom: 0;
}

.block_5-bespoke {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    flex-flow: column;
    padding-top: 3vw;
    display: flex;
}

.block_5-order-bespoke {
    padding-top: 20px !important;
}


.swiper-wrapper {
    flex: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: flex;
    overflow: hidden;
}

.swiper-wrapper.thumbnails-list {
    grid-column-gap: .25rem;
    grid-row-gap: .5rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: flex;
    overflow: visible;
}

.div-block-447 {
    width: 100%;
    height: 100%;
}

.slider-button-right {
    color: #7e3d5d;
    text-align: center;
    cursor: pointer;
    background-color: #ffc540;
    background-image: url('../images/Group.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1rem .875rem;
    border-radius: 6.25rem;
    width: 3.5rem;
    height: 3.5rem;
    padding: .75rem;
    font-size: 0;
    font-weight: 400;
    line-height: 1em;
    transition: background-position .15s cubic-bezier(.47, 0, .745, .715), background-color .2s, color .2s;
}

.slider-button-right:hover {
    color: #fff;
    background-color: #ffb815;
    background-position: 60%;
}

.slider-button-right:active {
    background-color: #eaa300;
}

.slider-button-right.absolute-right {
    position: absolute;
    inset: 13.125rem -6.25rem auto auto;
}

.slider-button-left {
    color: #7e3d5d;
    text-align: center;
    cursor: pointer;
    background-color: #ffc540;
    background-image: url('../images/Group-1.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1rem .875rem;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    padding: .75rem;
    font-size: 0;
    font-weight: 400;
    line-height: 1em;
    transition: background-position .15s cubic-bezier(.47, 0, .745, .715), background-color .2s, color .2s;
}

.slider-button-left:hover {
    color: #fff;
    background-color: #ffb815;
    background-position: 40%;
}

.slider-button-left:active {
    background-color: #eaa300;
}

.slider-button-left.absolute-left {
    position: absolute;
    inset: 13.125rem auto auto -6.25rem;
}

.image-wrapper_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.thumb-swiper-wrapper {
    justify-content: flex-end;
    margin-bottom: .5rem;
    display: flex;
}

.product-image-gallery {
    width: 100%;
    height: auto;
    padding-top: 0;
    position: static;
    top: 0;
    overflow: hidden;
}

.thumbnail-slider-buttons-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: none;
}

.thumb-swiper {
    justify-content: flex-start;
    align-items: center;
    padding-top: .625rem;
    padding-bottom: .625rem;
    display: flex;
    position: relative;
    overflow: visible;
}

.swiper-slide {
    text-align: left;
    flex: none;
    align-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
    position: relative;
}

.swiper-slide.thumbnail-item {
    cursor: pointer;
    background-color: #ffedd7;
    border: 2px solid #fff;
    border-radius: .75rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 3rem;
    height: 3rem;
    position: relative;
    overflow: hidden;
}

.swiper-slide.thumbnail-item.swiper-slide-thumb-active {
    background-color: var(--white);
    border-style: none;
    border-width: 0;
    border-radius: 0;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: 100%;
    display: block;
    position: static;
    overflow: hidden;
}

.cover-image-2 {
    object-fit: cover;
    object-position: 50% 50%;
    background-color: #fff9e6;
    width: 100%;
    max-width: none;
    height: auto;
    transition: background-color .2s;
}

.cover-image-2.thumb {
    object-fit: cover;
    height: 100%;
}

.image-wrapper-1-1 {
    border-radius: 12px;
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.swiper {
    width: 100%;
    display: flex;
    overflow: hidden;
}

.product-image-wrapper {
    width: 100%;
    height: 60vh;
}

.product-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.tab-link-tab-1-2 {
    border: 1.5px solid var(--white);
    background-color: var(--black);
    border-radius: 0;
    width: 3rem;
    height: 3rem;
    padding: 0;
}

.tab-link-tab-1-2.w--current {
    border: 1.5px solid var(--white);
    background-color: var(--white);
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    display: flex;
    position: static;
    overflow: hidden;
}

.tab-link-tab-2 {
    background-color: var(--white);
    opacity: .6;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    display: flex;
}

.tab-link-tab-2.w--current {
    opacity: 1;
}

.tabs-menu-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    width: 500px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
}

.image-7 {
    height: 100%;
}

.div-block-448 {
    width: 100%;
    height: 100%;
}

.tab-link-tab-2-2 {
    border: 1.5px solid var(--white);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    overflow: hidden;
}

.tab-link-tab-2-2.w--current {
    border-radius: 4px;
    width: 3rem;
    height: 3rem;
}

.tabs-2 {
    flex-flow: column;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.tabs-content-2 {
    width: 100%;
    height: 720px;
}

.image-big {
    width: 250%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    inset: 0% 0 0 0%;
}

.image-big._2 {
    object-fit: cover;
    width: 450%;
    top: 0%;
    left: 0%;
}

.centered-flex {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.tab-link {
    color: #0062bd;
    background-color: #f5f5f5;
    border: 2px solid #0062bd;
    border-radius: 6px;
    align-items: flex-end;
    margin-left: 5px;
    margin-right: 5px;
    transition: color .2s, border-color .2s, background-color .2s, height .2s;
    display: flex;
}

.tab-link.w--current {
    color: #fff;
    background-color: #0062bd;
    border-color: #0062bd;
    height: 100%;
}

.image-frame {
    cursor: zoom-in;
    border: 15px solid #caf4ff00;
    width: 500px;
    height: 640px;
    transition: border .3s;
    position: absolute;
    inset: 0% auto 0;
    overflow: hidden;
}

.image-frame:hover {
    border-color: #caf4ff;
}

.image-frame.layer {
    border: 2px dashed #d3d3d3;
    margin: 0;
    position: absolute;
    inset: 0% auto 0;
    overflow: visible;
}

.magn-circle {
    aspect-ratio: auto;
    border: 2px solid #0062bd;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}

.tabs-menu-3 {
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.image-iner {
    vertical-align: baseline;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}

.paragraph-wrapper {
    margin-bottom: 20px;
    padding-top: 4px;
}

.paragraph-wrapper.is-center-aligned {
    text-align: center;
}

.paragraph-wrapper.is-center-aligned.is-light {
    color: #696969;
}

.team-text-wrapper {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.blog-cover {
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 24px;
    width: 100%;
    height: 580px;
    position: static;
}

.blog_wrapper {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
    position: relative;
}

.study-title-blog {
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    max-width: 24ch;
    margin-left: auto;
    margin-right: auto;
    font-family: Instrument Serif, sans-serif;
    font-size: 6vw;
    font-weight: 400;
    line-height: .9;
}

.study-title-blog.sansserif {
    font-family: Intervariable, sans-serif;
    line-height: 1.1;
}

.spacer-medium-blog {
    height: 140px;
}

.spacer-xlarge-team {
    height: 24vh;
}

.icon_wrapper {
    width: 24px;
    height: 24px;
    position: relative;
}

.icon_wrapper.is-absolute {
    position: absolute;
    inset: 0%;
}

.collection-tab-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
}

.collection_tabl_title {
    font-family: Intervariable, sans-serif;
    font-size: 2rem;
    font-weight: 300;
}

.tab-button-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
}

.collection-grid,
.collection-wrapper {
    margin-left: -10vw;
    margin-right: -10vw;
}

.collection-grid-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
    display: grid;
}

.image-8 {
    position: absolute;
    inset: 0%;
}

.image-iner-copy {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.tab-link-tab-1-3 {
    opacity: .6;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    display: flex;
}

.tab-link-tab-1-3.w--current {
    opacity: 1;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    display: block;
}

.tab-link-tab-2-3 {
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    display: flex;
}

.tabs-menu-4 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    display: flex;
}

.div-block-450 {
    width: 100%;
    height: 100%;
}

.centered-flex-2 {
    text-align: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.image-frame-2 {
    cursor: zoom-in;
    border: 15px solid #caf4ff00;
    width: 100%;
    height: 100%;
    transition: border .3s;
    position: relative;
    overflow: hidden;
}

.image-frame-2:hover {
    border-color: #caf4ff;
}

.image-frame-2.layer {
    position: absolute;
    inset: 0% auto 0;
}

.image-big-2 {
    object-fit: cover;
    width: 250%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    top: -75%;
    left: -75%;
    right: 0;
}

.image-iner-2 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.tab-pane-tab-1 {
    width: 100%;
    height: 720px;
    margin-left: auto;
    margin-right: auto;
}

.tab-pane-tab-2 {
    width: 100%;
    height: 100%;
}

.image-big-3 {
    width: 250%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    top: -75%;
    left: -75%;
    right: 0;
}

.image-big-3._2 {
    width: 450%;
    top: 0%;
    left: 0%;
}

.centered-flex-3 {
    text-align: center;
    justify-content: center;
    padding: 100px 135px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.image-frame-3 {
    cursor: zoom-in;
    border: 15px solid #caf4ff00;
    width: 500px;
    transition: border .3s;
    position: relative;
    overflow: hidden;
}

.image-frame-3:hover {
    border-color: #caf4ff;
}

.image-frame-3.layer {
    border: 2px dashed #d3d3d3;
    margin: 120px;
    position: absolute;
    inset: 0% auto 0;
    overflow: visible;
}

.image-iner-3 {
    aspect-ratio: auto;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.image-big-4 {
    width: 250%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    top: -75%;
    left: -75%;
    right: 0;
}

.image-big-4._2 {
    object-fit: cover;
    width: 450%;
    top: 0%;
    left: 0%;
}

.centered-flex-4 {
    text-align: center;
    justify-content: center;
    width: 100%;
    height: 720px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.image-frame-4 {
    cursor: zoom-in;
    border: 15px solid #caf4ff00;
    width: 500px;
    height: 720px;
    transition: border .3s;
    position: relative;
    overflow: hidden;
}

.image-frame-4:hover {
    border-color: #caf4ff;
}

.image-frame-4.layer {
    border: 2px dashed #d3d3d3;
    margin: 0;
    position: absolute;
    inset: 0% auto 0;
    overflow: visible;
}

.image-iner-4 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.image-frame-4-big-frame {
    cursor: zoom-in;
    border: 15px solid #caf4ff00;
    width: 500px;
    height: 720px;
    transition: border .3s;
    position: relative;
    overflow: hidden;
}

.image-frame-4-big-frame:hover {
    border-color: #caf4ff;
}

.image-frame-4-big-frame.layer {
    border-color: var(--white);
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0% auto 0;
    overflow: visible;
}

.image-frame-4-big-frame.layer:hover {
    border-style: none;
}

.photo-frame {
    text-align: center;
    justify-content: center;
    height: 100%;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.image-frame-5 {
    cursor: zoom-in;
    border: 15px solid #caf4ff00;
    width: 100%;
    transition: border .3s;
    position: relative;
    overflow: hidden;
}

.image-frame-5:hover {
    border-color: #caf4ff;
}

.image-frame-5.layer {
    border: 2px dashed #d3d3d3;
    margin: 0;
    position: absolute;
    inset: 0% auto 0;
    overflow: visible;
}

.image-iner-5 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.magn-circle-2 {
    border: 2px solid #0062bd;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    position: absolute;
    overflow: hidden;
}

.about-team-wrapper {
    width: 100%;
    padding-left: 20vw;
    padding-right: 20vw;
    position: relative;
}

.caption-3 {
    color: var(--white-smoke);
    font-variation-settings: "wght" 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    margin-bottom: .5em;
    font-size: .75em;
    font-weight: 400;
    line-height: 1.3;
}

.caption-3.margin-zero,
.caption-3.is-post-share {
    margin-bottom: 0;
}

.line-3 {
    background-color: var(--white-smoke);
    flex: 1;
    height: .5px;
}

.line-3.lighter {
    background-color: var(--gainsboro);
}

.teams-text-grid_only-desktop {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 140px 1fr;
    width: 100%;
    overflow: visible;
}

.caption-wrapper-dark {
    grid-column-gap: 1em;
    align-items: center;
    display: none;
}

.spacer-xlarge-blog {
    height: 24vh;
}

.secton-title-3 {
    text-align: center;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: .1em;
    font-size: 10vw;
    font-weight: 400;
    line-height: .8;
}

.section-title-wrapper-bespoke {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.process-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 3vw;
    padding-right: 3vw;
    display: grid;
}

.step-icon-wrapper {
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    display: flex;
}

.number-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 3rem 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    display: grid;
}

.number-container {
    background-color: var(--black);
    color: var(--white);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3rem;
    display: flex;
}

.number_teaxt {
    font-size: 1.4rem;
}

.line-dark {
    background-color: var(--black);
    width: 100%;
    height: 1px;
}

.line-white {
    width: 100%;
    height: 1px;
}

.text_wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    padding-left: 3rem;
    padding-right: 3rem;
    display: flex;
}

.order_bespoke_wrapper {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
    position: relative;
}

.upload_wrapper {
    border: 1px dashed var(--gainsboro);
    background-color: var(--white-smoke);
    color: #333;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
}

.text-block-6 {
    color: #999;
}

.text-span {
    text-decoration: underline;
}

.text-field-copy {
    border-style: none none solid;
    border-width: 1px 1px .5px;
    border-color: black black var(--outline);
    color: #333;
    background-color: #0000;
    align-items: center;
    height: 10vh;
    margin-bottom: 0;
    padding: 0;
    font-size: 1em;
    display: flex;
}

.text-field-copy:focus {
    border-bottom-color: var(--black);
}

.text-field-copy.is-text-area {
    height: auto;
    min-height: 10vh;
    padding-top: 3vh;
}

.line-dark-2 {
    background-color: var(--black);
    width: 100%;
    height: 1px;
    display: none;
}

.caption-wrapper-4,
.caption-wrapper-collection,
.caption-wrapper-product-page,
.caption-wrapper-contact,
.caption-wrapper-bespoke {
    grid-column-gap: 1em;
    align-items: center;
    display: flex;
}

@media screen and (max-width: 991px) {
    blockquote {
        padding-left: 1em;
        font-size: 1.25em;
        left: -1em;
    }
    .work_contain {
        height: auto;
        padding-top: 16vh;
        padding-bottom: 5vh;
        position: static;
    }
    .work_contain.is-case-study {
        height: auto;
        padding-top: 12vh;
        padding-bottom: 2em;
        position: static;
    }
    .work-sticky-aspect-ratio {
        border-radius: 1em;
    }
    .work-sticky-list {
        grid-row-gap: 2em;
        padding-top: 0;
    }
    .work-indicator-wrapper {
        display: none;
    }
    .work-sticky-item {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }
    .fill-text-text-size {
        letter-spacing: .01em;
        font-size: 1.5em;
        line-height: 1.7;
    }
    .work-thumb-title {
        bottom: 20px;
        left: 20px;
    }
    .footer-button {
        min-width: 10vw;
        height: 10vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .footer-meta {
        grid-column-gap: 4em;
        grid-row-gap: 4em;
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
        margin-top: 15vh;
    }
    .footer-contact-title {
        text-align: center;
        display: block;
        top: 0;
    }
    .footer-contact-holder {
        display: block;
    }
    .footer-contact-wrapper {
        grid-row-gap: 2em;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        max-width: none;
        display: flex;
    }
    .rounded-div-wrapper {
        display: block;
    }
    .footer-container {
        padding-top: 20vh;
    }
    .home_headline_wrapper {
        padding-left: 6vw;
        padding-right: 6vw;
        line-height: 2;
    }
    .services-cell {
        margin-left: -5vw;
        margin-right: -5vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .services-title {
        font-size: 1.5em;
    }
    .services-image-wrapper {
        width: 10.6667vh;
        height: 8vh;
        margin-right: 1em;
    }
    .accordion-bottom-text {
        padding-left: 0;
        padding-right: 0;
    }
    .accortion-paragraph {
        font-size: 1.25em;
    }
    .contact-grid {
        grid-template-columns: 1fr;
    }
    .image-wrapper.is-about {
        padding-top: 75%;
    }
    .spacer-xlarge {
        height: 16vh;
    }
    .spacer-medium {
        height: 6vh;
    }
    .spacer-large {
        height: 12vh;
    }
    .clients-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .slider-progress-arrow:hover {
        box-shadow: inset 0 0 0 1px #e5e5ea;
    }
    .social-item {
        width: 22.5vw;
        padding-right: 1em;
    }
    ._2nd,
    ._1st,
    ._3rd {
        width: 50vw;
    }
    .archive-title {
        font-size: 25vw;
    }
    .moving-post {
        flex-direction: column;
        align-items: flex-start;
    }
    .moving-post-date {
        padding-bottom: 0;
    }
    .display-none-tablet {
        display: none;
    }
    .moving-post-title {
        justify-content: flex-start;
    }
    .moving-post-divider {
        display: none;
    }
    .notes-home {
        grid-template-columns: 1fr;
    }
    .close-top {
        width: 24px;
        height: 2px;
        top: 32px;
    }
    .navbar-menu-grid {
        padding-bottom: 5vh;
    }
    .close-bottom {
        width: 24px;
        height: 2px;
        top: 40px;
    }
    .navbar-menu {
        width: 100vw;
    }
    .menu-button {
        width: 72px;
        height: 72px;
    }
    .navbar-menu-font-style {
        font-size: 8vw;
    }
    .navbar-controls {
        align-items: center;
    }
    .navbar-menu-background,
    .navbar-menu-scrolling-wrapper {
        display: none;
    }
    .brand-wrapper {
        padding-left: 1em;
        padding-right: 1em;
    }
    .brand-link {
        height: 58px;
    }
    .brand-link.w--current {
        height: 72px;
    }
    .spacer-2xlarge {
        height: 24vh;
    }
    .strip-column {
        width: 20vw;
    }
    .strip-column.is-foreground {
        width: 22vw;
    }
    .thumbnail-image-hover {
        border-radius: 1em;
        display: none;
    }
    .thumbnail-image {
        border-radius: 1em;
    }
    .cms-work-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
    .cms-work-list {
        grid-template-columns: 1fr 1fr;
    }
    .work-thumb-wrapper {
        border-radius: 1em;
    }
    .work-thumb-title-copy {
        bottom: 20px;
        left: 20px;
    }
    .case-study-content {
        max-width: 80vw;
    }
    .work-sticky-item-alone {
        max-width: none;
    }
    .work-sticky-list-alone {
        grid-row-gap: 2em;
        padding-bottom: 12vh;
    }
    .utility-page-content {
        width: 40vw;
    }
    .post-sticky {
        top: 25vh;
    }
    ._404-wrapper {
        grid-row-gap: 2em;
        flex-direction: column;
        align-items: flex-start;
        display: flex;
    }
    .body {
        font-size: 1rem;
    }
    .hero_logo {
        width: 460px;
    }
    .splash_text_wrapper {
        overflow: hidden;
    }
    .splash-text.text-align-center {
        font-size: 14px;
    }
    .splash_text_1 {
        width: 30%;
    }
    .home_mobile_headline_wrapper {
        padding-left: 5vw;
        padding-right: 5vw;
        line-height: 2;
    }
    .spacer-small_mobile {
        height: 6vh;
    }
    .page_wrap {
        width: 100%;
    }
    .spacer-xsmall {
        height: 6vh;
    }
    .button-outline {
        min-width: 10vw;
        height: 10vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .spacer-small {
        height: 6vh;
    }
    .concierge_text_wrapper {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
    .spacer-xxsmall {
        height: 6vh;
    }
    .fill-text-text-size-copy {
        letter-spacing: .01em;
        letter-spacing: .01em;
        font-size: 1.5em;
        line-height: 1.7;
    }
    .fill-text-text-size-copy.is-connierge-assistance {
        white-space: normal;
        width: 100%;
        line-height: 1;
    }
    .accortion-paragraph-copy {
        font-size: 1.2em;
    }
    .magnetic-item-4 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .product_wrapper {
        padding-left: 5vw;
        padding-right: 5vw;
        line-height: 2;
    }
    .product_grid {
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
    }
    .product_description {
        padding-right: 0;
    }
    .study-title-copy {
        margin-left: 0;
        font-size: 7vw;
    }
    .image-6 {
        height: 36vh;
    }
    .paragraph_bullet,
    .paragraph_secondary {
        font-size: 1.1em;
    }
    .button-outline-small {
        min-width: 10vw;
        height: 8vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .tabs_wrapper {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .tabs {
        justify-content: flex-start;
        align-items: flex-start;
    }
    .tabs-content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .fill-text {
        letter-spacing: .01em;
        font-size: 1.5em;
        display: block;
    }
    .about-text-grid_only-desktop {
        display: block;
    }
    .div-block-5 {
        display: none;
    }
    .about_text {
        font-size: 1.5rem;
        line-height: 1.7;
    }
    .div-block-6 {
        display: none;
    }
    .discription_top_block {
        padding-left: 12px;
        padding-right: 12px;
    }
    .block_1 {
        display: block;
    }
    .block_2-description {
        padding-top: 48px;
    }
    .block_3 {
        padding-top: 4vw;
    }
    .block_4 {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        padding-top: 4vw;
    }
    .about_headline_wrapper {
        padding-left: 5vw;
        padding-right: 5vw;
        line-height: 2;
    }
    .hero_text_mobile {
        font-size: 1.5rem;
        line-height: 1.7;
        display: block;
    }
    .collection_home_wrapper,
    .about_images_wrapper,
    .collection_headline_wrapper,
    .contact_headline_wrapper,
    .headline_wrapper-copy {
        padding-left: 6vw;
        padding-right: 6vw;
        line-height: 2;
    }
    .spacer-xlarge-fluid {
        height: 16vh;
    }
    .tab {
        margin-left: 0;
        margin-right: 0;
    }
    .tab_menu {
        justify-content: flex-start;
        align-items: center;
    }
    .tab_wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
    .tab_link,
    .tab_link.w--current {
        margin-right: 2em;
    }
    .magnetic-link-footer-small {
        grid-column-gap: 1.5rem;
        grid-row-gap: 0.5rem;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }
    .footer-button-small {
        min-width: 10vw;
        height: 10vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .footer-link-title {
        text-align: center;
    }
    .magnetic-link-footer-social-links {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }
    .spacer-xxsmall-concierge {
        height: 5vh;
    }
    .block_3-technique,
    .block_4-material {
        padding-top: 36px;
    }
    .block_5-bespoke {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        padding-top: 4vw;
    }
    .block_5-order-bespoke {
        padding-top: 36px;
    }
    .swiper-wrapper.thumbnails-list {
        grid-column-gap: .5rem;
        flex-direction: row;
    }
    .slider-button-right:hover {
        background-position: 50%;
    }
    .slider-button-right.absolute-right {
        top: 8.125rem;
        right: -4.375rem;
    }
    .slider-button-left:hover {
        background-position: 50%;
    }
    .slider-button-left.absolute-left {
        top: 8.125rem;
        left: -4.375rem;
    }
    .thumb-swiper-wrapper {
        padding-left: 2.5rem;
        display: none;
    }
    .product-image-gallery {
        height: auto;
        min-height: auto;
        position: static;
        top: auto;
    }
    .swiper-slide.thumbnail-item {
        width: 3rem;
        height: 3rem;
    }
    .tabs-menu-2 {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-left: auto;
    }
    .tabs-2 {
        width: 100%;
    }
    .centered-flex {
        justify-content: flex-start;
        align-items: center;
    }
    .image-frame {
        width: 100%;
        height: 700px;
    }
    .image-frame.layer {
        display: none;
    }
    .blog_wrapper {
        padding-left: 0;
        padding-right: 0;
        line-height: 2;
    }
    .spacer-medium-blog {
        height: 6vh;
    }
    .spacer-xlarge-team {
        height: 16vh;
    }
    .collection_tabl_title {
        font-size: 1.6rem;
    }
    .tab-button-wrapper {
        flex-flow: wrap;
    }
    .collection-wrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .collection-grid-wrapper {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        grid-template-columns: 1fr 1fr;
        padding: 0;
    }
    .centered-flex-2 {
        justify-content: center;
        align-items: center;
        width: 100%;
        display: block;
    }
    .image-frame-2 {
        width: 100%;
    }
    .tab-pane-tab-1 {
        margin-left: auto;
    }
    .image-frame-4,
    .image-frame-4-big-frame {
        width: 100%;
        height: 720px;
    }
    .image-frame-4-big-frame.layer {
        display: none;
    }
    .photo-frame {
        padding: 0;
    }
    .image-frame-5.layer {
        display: none;
    }
    .about-team-wrapper {
        padding-left: 13vw;
        padding-right: 13vw;
        line-height: 2;
    }
    .teams-text-grid_only-desktop {
        display: block;
    }
    .spacer-xlarge-blog {
        height: 16vh;
    }
    .secton-title-3 {
        line-height: .9;
    }
    .section-title-wrapper-bespoke {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .process-wrapper {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr;
    }
    .step-wrapper {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }
    .number-wrapper {
        flex-flow: column;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;
        display: flex;
    }
    .number-container {
        width: 3rem;
    }
    .line-dark,
    .line-white {
        display: none;
    }
    .text_wrapper {
        margin-bottom: 24px;
    }
    .order_bespoke_wrapper {
        padding-left: 6vw;
        padding-right: 6vw;
        line-height: 2;
    }
    .line-dark-2 {
        width: 2px;
        height: 60px;
        display: block;
    }
}

.wp-block-woocommerce-checkout {
    margin: 0;
    padding-top: 24px;
    width: 95%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 50px;
}

ul.products li.product .woocommerce-loop-product__title {
    	color: #0d0d11;
        text-align: left;
        margin-top: -40px;
        z-index: 9999;
        position: absolute;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 999px;
    padding: .5em 1em;
    font-size: .75em;
    font-weight: 500;
    position: absolute;
    inset: auto auto 20px 20px;
	line-height:16px;
}

ul.products li.product .price{
	text-align:center;
	font-size:16px;
	margin-top:5px;
	margin-bottom:7px;
	display:none;
}

.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 0 8px 35px 8px;
    box-sizing: border-box;
	
}

@media screen and (max-width: 767px) {
    .work-sticky-aspect-ratio {
        border-radius: 1em;
        padding-top: 75%;
    }
    .work-sticky-list {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .work-indicator-wrapper {
        width: 10vw;
        display: none;
    }
    .footer {
        min-height: auto;
        margin-top: 0;
        background: white;
        z-index: 999;
    }
    .fill-text-text-size {
        font-size: 1em;
        line-height: 1.8;
    }
    .work-thumb-title {
        font-size: .625em;
    }
    .footer-meta-contact-wrapper {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
        grid-template-rows: auto auto;
        grid-template-columns: auto auto;
        grid-auto-columns: 1fr;
    }
    .footer-button {
        font-size: .75rem;
    }
    .button {
        font-size: 1em;
    }
    .footer-meta {
        grid-row-gap: 2em;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 90vw;
        margin-top: 5vh;
    }
    .caption.margin-zero {
        margin-bottom: .75em;
    }
    .footer-contact-wrapper {
        max-width: 90vw;
    }
    .rounded-div-wrapper {
        height: 50px;
        display: none;
    }
    .rounded-div {
        height: 375%;
    }
    .footer-container {
        width: 100%;
        min-height: auto;
        padding-top: 10vw;
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .home_headline_wrapper {
        padding-left: 6vw;
        display: none;
    }
    .services-cell {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .services-title {
        font-size: 1.5em;
    }
    .accortion-cta {
        width: 3em;
        height: 3em;
    }
    .accordion-bottom-text {
        padding-bottom: 4em;
    }
    .accortion-paragraph {
        font-size: 1.125em;
    }
    .page-heading {
        font-size: 3em;
    }
    .contact-grid {
        grid-column-gap: 1em;
        grid-row-gap: 0em;
        grid-template-columns: 1fr;
    }
    ._3x-grid {
        grid-template-columns: 1fr;
    }
    .image-wrapper.ratio-portrait,
    .image-wrapper.is-about {
        padding-top: 100%;
    }
    .shift-1,
    .shift-2 {
        margin-top: 0;
    }
    .slider-progress-arrow {
        width: 40px;
        height: 40px;
        padding: 12px;
    }
    .progress-arrow-wrapper {
        display: none;
    }
    .slider-progress-content {
        width: 100%;
    }
    .slider-progress-line {
        display: none;
    }
    .social-list {
        grid-column-gap: 2em;
        grid-row-gap: 4em;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
        width: 100%;
    }
    .social-item {
        width: 100%;
        padding-right: 0;
    }
    .negative-margin {
        margin-bottom: -50px;
    }
    .scrolling-loop-style {
        letter-spacing: -.04em;
        height: 100dvh;
        padding-left: 2.5vw;
        padding-right: 2.5vw;
        font-size: 10vw;
    }
    .scrolling-loop-item {
        grid-row-gap: .125em;
        text-align: center;
        flex-wrap: wrap;
        flex: 0 auto;
        justify-content: center;
    }
    .scrolling-loop-right {
        display: none;
    }
    .scrolling-loop-wrapper {
        height: 100dvh;
        margin-bottom: 0;
    }
    .scrolling-loop-scroll {
        margin-bottom: 0;
        position: static;
    }
    ._2nd,
    ._1st,
    ._3rd {
        width: 70vw;
    }
    .archive-title {
        font-size: 23vw;
    }
    .caption-wrapper {
        display: none;
    }
    .moving-post {
        grid-row-gap: 0em;
        padding-bottom: 1em;
    }
    .moving-post-title {
        font-size: 1.5em;
    }
    .collection-list {
        grid-row-gap: 1em;
    }
    .close-top {
        top: 21.3333px;
    }
    .close-bottom {
        top: 26.6667px;
    }
    .navbar-menu {
        width: 100vw;
    }
    .menu-button {
        width: 48px;
        height: 48px;
    }
    .navbar-menu-font-style {
        font-size: 12vw;
    }
    .navbar {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .brand-link.w--current {
        height: 48px;
    }
    .strip-column {
        width: 25vw;
    }
    .strip-column.is-foreground {
        width: 30vw;
    }
    .navbar-rounded-wrapper {
        height: 50px;
    }
    .navbar-rounded-div {
        height: 375%;
    }
    .cms-filter-link {
        letter-spacing: -.01em;
        font-size: 1.5em;
    }
    .work-thumb-wrapper {
        border-radius: 1em;
    }
    .work-thumb-title-copy {
        font-size: .625em;
    }
    .study-title {
        font-size: 3em;
    }
    .case-study-content {
        grid-template-columns: 1fr;
        max-width: none;
    }
    .case-study-list {
        grid-template-columns: 1fr;
    }
    .work-sticky-list-alone {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .utility-page-content {
        width: 50vw;
    }
    .grid-2 {
        grid-template-columns: 1fr;
    }
    .display-none-landscape {
        display: none;
    }
    ._404-container {
        padding-top: 25vh;
    }
    ._404-wrapper {
        max-width: none;
    }
    .hide-mobile {
        display: none;
    }
    .footer-meta-template-info {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }
    .testimonial-quote {
        font-size: 1.5em;
    }
    .hero_logo {
        width: 360px;
    }
    .sticky_trigger {
        height: 200vh;
    }
    .image-4 {
        width: 300px;
    }
    .splash_text_1 {
        width: 40%;
    }
    .home_mobile_headline_wrapper {
        padding-left: 6vw;
        padding-right: 6vw;
        display: block;
    }
    .about_container {
        padding-left: 0;
        padding-right: 0;
    }
    .button-outline {
        font-size: .75rem;
    }
    .fill-text-text-size-copy {
        font-size: 1.3em;
        line-height: 1.8;
    }
    .fill-text-text-size-copy.is-connierge-assistance {
        font-size: 3.4em;
    }
    .testimonial-quote-copy {
        font-size: 1.5em;
    }
    .accortion-paragraph-copy {
        font-size: 1.125em;
    }
    .study-title-copy {
        font-size: 3em;
    }
    .paragraph_bullet,
    .paragraph_secondary {
        font-size: 1.125em;
    }
    .button-outline-small {
        font-size: .75rem;
    }
    .fill-text {
        font-size: 1.3em;
        line-height: 1.8;
    }
    .about-text-grid_only-desktop {
        grid-column-gap: 1em;
        grid-row-gap: 0em;
        grid-template-columns: 1fr;
        display: none;
    }
    .about_text {
        display: block;
    }
    .block_2-description {
        padding-top: 40px;
    }
    .about_headline_wrapper,
    .collection_home_wrapper,
    .about_images_wrapper,
    .collection_headline_wrapper,
    .contact_headline_wrapper {
        padding-left: 6vw;
        display: block;
    }
    .headline_wrapper-copy {
        padding-left: 6vw;
        display: none;
    }
    .magnetic-link-footer-small {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .footer-button-small {
        font-size: .65rem;
    }
    .footer-link-title.margin-zero {
        margin-bottom: .75em;
    }
    .spacer-xxsmall-concierge {
        height: 4vh;
    }
    .block_3-technique,
    .block_4-material,
    .block_5-order-bespoke {
        padding-top: 32px;
    }
    .slider-button-right {
        background-size: 1rem;
        width: 3rem;
        height: 3rem;
    }
    .slider-button-right.absolute-right {
        position: static;
    }
    .slider-button-left {
        background-size: 1rem;
        width: 3rem;
        height: 3rem;
    }
    .slider-button-left.absolute-left {
        position: static;
    }
    .thumb-swiper-wrapper {
        padding-left: 1.25rem;
    }
    .product-image-gallery {
        padding-top: 1.25rem;
    }
    .thumbnail-slider-buttons-wrapper {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: none;
    }
    .thumb-swiper {
        max-width: none;
    }
    .swiper-slide {
        width: 100%;
    }
    .swiper-slide.thumbnail-item {
        width: 3rem;
        height: 3rem;
    }
    .image-wrapper-1-1 {
        border-radius: 8px;
    }
    .tabs-content-2 {
        height: 680px;
    }
    .blog-cover {
        height: 270px;
    }
    .blog_wrapper {
        padding-left: 0;
        padding-right: 0;
        display: block;
    }
    .study-title-blog {
        font-size: 3em;
    }
    .collection_tabl_title {
        font-size: 1.2rem;
    }
    .collection-grid-wrapper {
        grid-row-gap: 1em;
    }
    .tab-pane-tab-1,
    .centered-flex-4,
    .image-frame-4,
    .image-frame-4-big-frame {
        height: 680px;
    }
    .image-frame-4-big-frame.layer {
        display: none;
    }
    .about-team-wrapper {
        padding-left: 8vw;
        padding-right: 8vw;
        display: block;
    }
    .caption-3.margin-zero {
        margin-bottom: .75em;
    }
    .teams-text-grid_only-desktop {
        grid-column-gap: 1em;
        grid-row-gap: 0em;
        grid-template-columns: 1fr;
        display: none;
    }
    .caption-wrapper-dark {
        display: block;
    }
    .order_bespoke_wrapper {
        padding-left: 6vw;
        display: block;
    }
    .caption-wrapper-4 {
        display: none;
    }
    .caption-wrapper-collection {
        display: flex;
    }
    .caption-wrapper-product-page,
    .caption-wrapper-contact,
    .caption-wrapper-bespoke {
        display: block;
    }
}

@media screen and (max-width: 479px) {
    blockquote {
        left: 0;
    }
    .work_contain {
        justify-content: flex-start;
        padding-top: 6vh;
    }
    .work_contain.is-case-study {
        padding-top: 10vh;
    }
    .secton-title {
        font-variation-settings: "wght" 420, "opsz" 32;
        font-size: 32vw;
    }
    .work-sticky-list {
        grid-row-gap: 1em;
        padding-bottom: 10vh;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .work-indicator-wrapper {
        display: none;
    }
    .fill-text-paragraph.is-centered {
        display: block;
    }
    .fill-text-item {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: inline;
    }
    .fill-text-row {
        opacity: 1;
        white-space: normal;
    }
    .fill-text-text-size {
        letter-spacing: 0;
        white-space: normal;
        font-size: 1em;
    }
    .fill-text-hover-row {
        display: none;
    }
    .strip-image-wrapper.is-6th {
        left: 5vw;
    }
    .strip-image-wrapper.is-7th {
        right: -10vw;
    }
    .footer-meta-contact-wrapper {
        flex-direction: column;
    }
    .footer-button {
        flex: 1;
        min-width: 15vw;
        height: 15vw;
        padding-left: 7.5vw;
        padding-right: 7.5vw;
    }
    .footer-button.is-avatar {
        flex: none;
        min-width: 30vw;
        height: 30vw;
        margin-left: auto;
        margin-right: auto;
    }
    .magnetic-link {
        justify-content: center;
    }
    .magnetic-item.is-absolute {
        width: 100%;
        height: 100%;
    }
    .footer-meta {
        align-items: center;
        margin-top: 4vh;
    }
    .footer-meta-template {
        justify-content: center;
    }
    .footer-meta-template-buy {
        grid-row-gap: 1em;
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    .footer-contact-title {
        text-align: center;
        font-size: 10vw;
    }
    .footer-contact-holder {
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        display: flex;
    }
    .rounded-div-wrapper {
        display: block;
    }
    .scroll-down-wrapper {
        bottom: 5vh;
    }
    .hero-text {
        letter-spacing: -.025em;
    }
    .hero-content {
        padding-left: 10vw;
    }
    .home_headline_wrapper {
        display: none;
    }
    .services-title {
        line-height: 1.2;
    }
    .services-image-wrapper {
        display: none;
    }
    .accortion-cta {
        width: 2.5em;
        height: 2.5em;
    }
    .accortion-paragraph.u-text-center-align {
        text-align: center;
    }
    .page-heading {
        font-size: 12vw;
    }
    .spacer-xlarge {
        height: 4vh;
    }
    .spacer-medium {
        height: 5vh;
    }
    .spacer-large {
        height: 10vh;
    }
    .clients-list {
        grid-template-columns: 1fr 1fr;
    }
    .clients-image {
        max-width: 5em;
    }
    .slider-progress-wrapper {
        margin-bottom: 1em;
    }
    .progress-arrow-wrapper {
        margin-left: 0;
        padding: 0;
    }
    .slider-progress {
        width: 100%;
    }
    .social-list {
        grid-column-gap: 1em;
        grid-row-gap: 2em;
        align-items: stretch;
    }
    .social-image-wrapper {
        flex: 1;
        padding-top: 100%;
    }
    .social-info {
        margin-top: 1em;
    }
    .scrolling-loop-item {
        flex-wrap: wrap;
    }
    .field-label {
        font-size: 1.25em;
    }
    .moving-post-title {
        font-variation-settings: "wght" 420, "opsz" 32;
        letter-spacing: -.01em;
    }
    .navbar-menu-grid {
        grid-auto-flow: row;
        padding-top: 20vh;
    }
    .navbar-menu-column {
        justify-items: start;
    }
    .navbar-menu {
        text-align: left;
    }
    .navbar-social-grid {
        grid-template-columns: auto auto auto auto auto;
        grid-auto-flow: row;
        justify-items: start;
    }
    .navbar-menu-font-style {
        font-size: 16vw;
    }
    .brand-wrapper {
        padding-left: .5em;
        padding-right: .5em;
    }
    .logo_large {
        display: flex;
    }
    .spacer-2xlarge {
        height: 20vh;
    }
    .strip-background {
        justify-content: center;
    }
    .strip-column {
        flex: none;
        width: 32vw;
    }
    .strip-column.is-foreground {
        width: 36vw;
    }
    .strip-foreground {
        justify-content: center;
    }
    .social-image {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0%;
    }
    .cms-filter {
        grid-row-gap: .5em;
    }
    .cms-filter-link {
        font-size: 1em;
    }
    .cms-work-list {
        grid-template-columns: 1fr;
    }
    .study-title {
        font-size: 12vw;
    }
    .study-title.sansserif {
        white-space: normal;
    }
    .case-study-paragraph {
        font-size: 1em;
    }
    .work-sticky-list-alone {
        grid-row-gap: 1em;
        padding-bottom: 10vh;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .utility-page-content {
        width: 90%;
    }
    .purchase-cta {
        min-height: 15vw;
        padding-left: 2.5em;
        padding-right: 2.5em;
        font-size: .75rem;
    }
    .text-large {
        font-size: 1.25em;
    }
    .footer-meta-template-info {
        text-align: center;
        width: 100%;
    }
    .body {
        overflow: visible;
    }
    .sticky_contain {
        padding-bottom: 20vh;
    }
    .hero_logo {
        object-fit: contain;
        width: 100%;
        height: 100%;
        padding: 10px;
        display: none;
        inset: 0%;
    }
    .splash_text_wrapper {
        height: 60px;
    }
    .splash-text.text-align-center {
        font-size: 12.5px;
        line-height: 16px;
    }
    .image-4 {
        width: 120px;
		z-index:999 !important;
    }
    .image-5 {
        width: 200px;
		height:100px;
    }
    .splash_text_1 {
        width: 70%;
    }
    .logo_small,
    .home_mobile_headline_wrapper {
        display: block;
    }
    .spacer-small_mobile {
        height: 2vh;
    }
    .collection_wrap {
        width: 100vw;
    }
    .collection_container {
        padding-left: 1vw;
        padding-right: 1vw;
    }
    .about_container {
        padding-left: 4vw;
        padding-right: 4vw;
		background:#000 !important;
    }
    .spacer-xsmall {
        height: 5vh;
    }
    .magnetic-link-dark {
        justify-content: center;
    }
    .button-outline {
        flex: 1;
        min-width: 15vw;
        height: 15vw;
        padding-left: 7.5vw;
        padding-right: 7.5vw;
    }
    .button-outline.is-avatar {
        flex: none;
        min-width: 30vw;
        height: 30vw;
        margin-left: auto;
        margin-right: auto;
    }
    .secton-title2 {
        font-variation-settings: "wght" 420, "opsz" 32;
        font-size: 15vw;
    }
    .spacer-small,
    .spacer-xxsmall {
        height: 5vh;
    }
    .fill-text-text-size-copy {
        letter-spacing: 0;
        white-space: normal;
        letter-spacing: 0;
        white-space: normal;
        font-size: 1em;
    }
    .fill-text-text-size-copy.is-connierge-assistance {
        font-size: 2.2em;
        line-height: 1.2;
		color:white !important;
    }
	
	.home_wrap.overflow-hidden {
    display: block;
    overflow: hidden;
    background: black;
}
	
    .fill-text-row-copy {
        opacity: 1;
        white-space: normal;
    }
    .fill-text-item-copy {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: inline;
    }
    .dowload-catalogue-wrap.fade-in-on-scroll {
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
        padding-top: 7vw;
    }
    .product_wrapper {
        padding-left: 6vw;
        padding-right: 6vw;
        display: block;
    }
    .study-title-copy {
        font-size: 12vw;
    }
    .image-6 {
        height: 30vh;
    }
    .button-outline-small {
        flex: 1;
        min-width: 15vw;
        height: 15vw;
        padding-left: 7.5vw;
        padding-right: 7.5vw;
    }
    .button-outline-small.is-avatar {
        flex: none;
        min-width: 30vw;
        height: 30vw;
        margin-left: auto;
        margin-right: auto;
    }
    .tabs_wrapper {
        margin-top: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .tabs-content {
        height: 400px;
        padding-top: 12vw;
        padding-left: 0;
        padding-right: 0;
    }
    .fill-text {
        letter-spacing: 0;
        white-space: normal;
        font-size: 1em;
    }
    .about_text {
        font-size: 1.2rem;
    }
    .discription_top_block {
        padding-top: 24px;
    }
    .block_2-description {
        padding-top: 32px;
    }
    .block_3 {
        padding-top: 8vw;
    }
    .block_4 {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        padding-top: 12vw;
    }
    .about_headline_wrapper {
        display: block;
    }
    .hero_text_mobile {
        font-size: 1.4rem;
    }
    .collection_home_wrapper,
    .about_images_wrapper,
    .collection_headline_wrapper,
    .contact_headline_wrapper {
        display: block;
    }
    .headline_wrapper-copy {
        display: none;
    }
    .spacer-xlarge-fluid {
        height: 20vh;
    }
    .tab_menu {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: row;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        place-items: center stretch;
        width: 100%;
        padding-bottom: 1em;
        display: flex;
    }
    .tab_heading {
        font-size: 4em;
    }
    .tab_link,
    .tab_link.w--current {
        width: 100px;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .tab_pane {
        padding-top: 12px;
    }
    .tab_link-text-2 {
        font-size: .9em;
    }
    .magnetic-link-footer-small {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 2fr 3fr 1fr;
        justify-content: center;
    }
	
    .footer-button-small {
        flex: 1;
        min-width: 26vw !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
	
    .footer-button-small.is-avatar {
        flex: none;
        min-width: 30vw;
        height: 30vw;
        margin-left: auto;
        margin-right: auto;
    }
	
    .magnetic-link-footer-social-links {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        justify-content: center;
    }
	
    .spacer-xxsmall-concierge {
        height: 2vh;
    }
	
    .block_3-technique,
    .block_4-material {
        padding-top: 32px;
    }
	
    .block_5-bespoke {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        padding-top: 12vw;
    }
	
    .block_5-order-bespoke {
        padding-top: 32px;
    }
	
    .swiper-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
	
    .swiper-wrapper.thumbnails-list {
        grid-column-gap: .25rem;
    }
	
    .slider-button-right.absolute-right {
        background-color: #0000;
        margin-right: -1.25rem;
    }
	
    .slider-button-left.absolute-left {
        background-color: #0000;
        margin-left: -1.25rem;
    }
	
    .thumbnail-slider-buttons-wrapper {
        flex-direction: row;
        flex: 1;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-between;
    }
    .swiper-slide {
        width: 100%;
    }
    .swiper-slide.thumbnail-item {
        width: 2.375rem;
        height: 2.375rem;
    }
    .tab-link-tab-1-2,
    .tab-link-tab-1-2.w--current {
        width: 2rem;
        height: 2rem;
    }
    .tabs-menu-2 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        margin-top: 8px;
    }
    .tabs-content-2 {
        height: 360px;
    }
    .centered-flex {
        padding: 0;
    }
    .image-frame {
        width: 100%;
        height: 380px;
    }
    .image-frame.layer {
        width: 100%;
        margin: 0;
    }
    .magn-circle {
        width: 100px;
        height: 100px;
    }
    .image-iner {
        height: 100%;
    }
    .div-block-449 {
        padding: 0;
    }
    .blog-cover {
        border-radius: 16px;
        height: 210px;
    }
    .blog_wrapper {
        display: block;
    }
    .study-title-blog {
        font-size: 12vw;
    }
    .study-title-blog.sansserif {
        text-align: left;
        white-space: normal;
        font-size: 23px;
    }
    .spacer-medium-blog {
        height: 30px;
    }
    .spacer-xlarge-team {
        height: 100px;
    }
    .collection_tabl_title {
        font-size: 1rem;
    }
    .tab-button-wrapper {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        justify-content: center;
    }
    .collection-grid-wrapper {
        grid-template-columns: 1fr;
    }
    .image-iner-copy {
        height: 100%;
    }
    .centered-flex-2 {
        padding: 10px 40px;
    }
    .image-frame-2 {
        width: auto;
        height: 300px;
    }
    .tab-pane-tab-1,
    .tab-pane-tab-2 {
        height: 360px;
    }
    .centered-flex-3 {
        padding: 10px 40px;
    }
    .image-frame-3 {
        width: auto;
        height: 300px;
    }
    .image-frame-3.layer {
        width: 100%;
        margin: 10px;
    }
    .centered-flex-4 {
        height: 400px;
        padding: 0;
    }
    .image-frame-4 {
        width: auto;
        height: 400px;
    }
    .image-frame-4.layer {
        width: 100%;
        margin: 10px;
    }
    .image-frame-4-big-frame {
        width: auto;
        height: 300px;
    }
    .image-frame-4-big-frame.layer {
        width: 100%;
        margin: 10px;
    }
    .photo-frame {
        padding: 0;
    }
    .image-frame-5 {
        width: 100%;
        height: 100%;
    }
    .image-frame-5.layer {
        width: 100%;
        margin: 10px;
    }
    .magn-circle-2 {
        width: 100px;
        height: 100px;
    }
    .spacer-xlarge-blog {
        height: 6rem;
    }
    .secton-title-3 {
        font-variation-settings: "wght" 420, "opsz" 32;
        font-size: 15vw;
    }
    .number-container {
        width: 2.5rem;
        height: 2.5rem;
    }
    .number_teaxt {
        font-size: 1rem;
    }
    .text_wrapper {
        margin-bottom: 16px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .order_bespoke_wrapper {
        display: block;
    }
    .line-dark-2 {
        height: 40px;
    }
    .caption-wrapper-4,
    .caption-wrapper-contact,
    .caption-wrapper-bespoke {
        display: block;
    }
	
	.woocommerce ul.products {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    word-break: break-word;
    min-width: 12vw;
    margin-left: 20px;
    margin-right: 20px;
}
	
}

#w-node-fc02dd2d-0006-814f-e066-9875148cdb17-980af65d,
#w-node-b1e07561-81bc-f549-1e79-6ad1e1602af4-e1602af0,
#w-node-_12ac0a11-d182-fad4-fffb-72d2fcb28268-fcb2825c {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_12ac0a11-d182-fad4-fffb-72d2fcb2826f-fcb2825c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
}

#w-node-_315f4a04-fe3c-03e3-82cb-9e33822ffe58-fcb2825c {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_315f4a04-fe3c-03e3-82cb-9e33822ffe5f-fcb2825c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
}

#w-node-eefd40a8-9b8c-b518-c314-c28eb6d23537-fcb2825c {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eefd40a8-9b8c-b518-c314-c28eb6d2353e-fcb2825c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
}

#w-node-_634140ff-249f-4964-5c33-84cad037db0f-d037db0c,
#w-node-_25edd370-b334-2397-a674-fb61e294211a-980af669,
#w-node-baa88ca1-d9fa-355f-97f5-5aed864b5b91-980af66a,
#w-node-_23f3a92c-a960-68c9-8ba1-ed2d40a5e5af-980af66a,
#w-node-_5d042bbd-7851-3bb7-4d58-338e5c0018d3-980af66a,
#w-node-_823705f1-dbfe-3667-9097-09374c5a3bbf-980af66a,
#w-node-_653f49b0-af1d-7de0-10d5-70530df0fc2f-980af66a,
#w-node-_7d7af4bc-6718-3bd9-5009-a77b02e24562-980af66a,
#w-node-_7d7af4bc-6718-3bd9-5009-a77b02e24563-980af66a,
#w-node-a828e178-fac8-8f5f-6a01-b1afd8cb4a4a-980af66a,
#w-node-a828e178-fac8-8f5f-6a01-b1afd8cb4a4c-980af66a,
#w-node-_24337afe-5d6c-dc98-6e71-c5389caa95ec-980af66a,
#w-node-_24337afe-5d6c-dc98-6e71-c5389caa95ee-980af66a,
#w-node-f9c58c66-627d-fac3-e98c-cae83d4bd71f-980af66a,
#w-node-_309d1eb6-b811-cb0b-e59f-92048f53e57a-980af66a,
#w-node-_309d1eb6-b811-cb0b-e59f-92048f53e57d-980af66a,
#w-node-_309d1eb6-b811-cb0b-e59f-92048f53e580-980af66a,
#w-node-_309d1eb6-b811-cb0b-e59f-92048f53e583-980af66a,
#w-node-_309d1eb6-b811-cb0b-e59f-92048f53e586-980af66a,
#w-node-_309d1eb6-b811-cb0b-e59f-92048f53e589-980af66a,
#w-node-_309d1eb6-b811-cb0b-e59f-92048f53e58c-980af66a,
#w-node-_309d1eb6-b811-cb0b-e59f-92048f53e58f-980af66a,
#w-node-_309d1eb6-b811-cb0b-e59f-92048f53e592-980af66a,
#w-node-_84a0996e-3fdd-5144-c51d-e9866d526e71-980af66a,
#w-node-a23082dd-f675-f47b-1c31-af67531baa05-980af66a,
#w-node-_9100871a-fe1c-06e5-6060-cd8b3c64612d-980af66b,
#w-node-_93ff4150-56e1-dac8-b91f-2f6bf586fb15-f586fb11,
#w-node-_8ae57029-6c9a-477c-cd90-cde36d328f1e-6d328f1c,
#w-node-_2a1530ba-41d1-d525-59cf-d032a54446ed-980af66d {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_678034f1-9ba9-f193-104f-a7c87bcac966-980af66d,
#w-node-_7f7c6d8b-8abc-e1d7-6690-46b127ca641b-980af66d {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_2a0360a7-8c37-3c88-d72a-f4c9441485f9-daee86cb,
#w-node-_6ccc00e2-e626-bc22-e7e7-e521168cdf93-980af66e,
#w-node-_9f015959-fd03-d0b9-b9e7-f2141bec7bb6-980af670,
#w-node-ca689873-9c75-07d6-e932-10c9fbb1774e-980af670,
#w-node-_9f015959-fd03-d0b9-b9e7-f2141bec7bb6-980af671,
#w-node-ca689873-9c75-07d6-e932-10c9fbb1774e-980af671,
#w-node-_8d7c0431-9c62-cdcc-215e-21384cf12445-980af671,
#w-node-fd27432f-08ce-b813-da01-0bb3c6e1ec97-980af673,
#w-node-fd27432f-08ce-b813-da01-0bb3c6e1eca2-980af673,
#w-node-fd27432f-08ce-b813-da01-0bb3c6e1ecb9-980af673,
#w-node-_133b46ca-53a7-f7e4-a409-8c7c8cbc1383-980af673,
#w-node-af94d091-9b42-2cc5-448d-22086d7aac19-980af673,
#w-node-c117cf6b-7d73-54be-790e-f2950c4b2c82-980af673,
#w-node-_6beffd5f-bf70-7257-1adc-97850780264e-980af673,
#w-node-_02fbb2f1-8ce4-b94a-f31b-095f32c992af-980af673,
#w-node-f0511120-42c2-ecd7-4c41-f7002fa50c5f-980af673,
#w-node-_08badd53-c3eb-24ac-cb0a-34c1d2395f3d-980af675,
#w-node-_009e4038-fc02-2f1a-9ce6-d2dac6aa8eac-0256f2a1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
    #w-node-_634140ff-249f-4964-5c33-84cad037db14-d037db0c,
    #w-node-_8ae57029-6c9a-477c-cd90-cde36d328f24-6d328f1c {
        justify-self: end;
    }
	
	.woocommerce-product-gallery {
    max-width: 600px;
    position: relative;
    margin-bottom: 0px !important; 
}
	
}

@media screen and (max-width: 767px) {
    #w-node-b1e07561-81bc-f549-1e79-6ad1e1602af5-e1602af0,
    #w-node-_25edd370-b334-2397-a674-fb61e294211b-980af669,
    #w-node-_93ff4150-56e1-dac8-b91f-2f6bf586fb16-f586fb11,
    #w-node-e08911ff-064a-6bf3-45be-a18808e08eb2-daee86cb {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
}

@font-face {
    font-family: 'Instrument Serif';
    src: url('../fonts/InstrumentSerif-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Serif';
    src: url('../fonts/InstrumentSerif-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('../images/') format('truetype');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Intervariable';
    src: url('../fonts/InterVariable.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@media screen and (min-width: 767px) {
header.entry-header.alignwide {
    text-align: center;
    margin-top: 145px;
	margin-bottom:50px;
    padding: 45px 0px;
}
	
	header.entry-header.alignwide h1 {
    font-size:120px;
		font-weight:300;
	
}
}

.is-large.wc-block-cart {
    margin-bottom: 3em;
    padding: 20px 75px;
}

@media only screen and (max-width: 768px) {
    .woocommerce .woocommerce-products-header__title.page-title, .woocommerce-page .woocommerce-products-header__title.page-title {
        margin: 4rem auto 2rem;
        font-size: 70px;
        text-transform: uppercase;
        padding: 20px 0px;
		text-align:center;
		font-weight:400;
    }
	.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-ordering, .woocommerce-page .woocommerce-result-count{
		display:none;
	}
	
	ul.products li.product .woocommerce-loop-product__title {
    color: #0d0d11;
    text-align: left;
    margin-top: -50px;
    background: white;
    z-index: 9999;
    border-radius: 20px;
    position: absolute;
    margin-left: 0px;
    padding: 8px 15px;
    font-size: 12px;
    line-height: 14px;
}
	
}

.footer-lg-logo{
    justify-content: center;
    display: flex;
    margin-top: 55px;
}

.woocommerce-product-details__short-description h4{
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    margin-top: 25px;
    line-height: 15px;
	text-transform: uppercase;
    color: #a7a7a7;
}

ol.flex-control-nav.flex-control-thumbs {
    padding-left: 20px;
	padding-right: 20px;
}

@media screen and (min-width: 991px) {
.collection-head-title {
    text-align: center;
    font-weight: 400;
    font-size: 190px !important;
    margin-bottom: 140px;
}
	
	.collection-container .row {
    display: inline-flex;
		margin-top:50px;
}
}

@media screen and (max-width: 767px) {
.footer-container {
    background-color: #f5f5f5;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 150px;
    padding: 10px 30px 30px;
    display: flex;
    position: relative;
}
	
.collection-container {
    width: 100%;
    padding: 50px 10px 0px !important;
}
	
.collection-head-title {
    text-align: center;
    font-weight: 500;
    font-size: 14vw !important;
    margin-bottom: 40px;
}
	
	.collection-title {
    text-align: center;
    font-weight: 400;
    font-size: 19px !important;
    padding: 6px 0px !important;
	text-transform: uppercase;	
    margin-top: 0px;
}
}

.collection-container {
    width: 100%;
    padding: 120px 60px 0px;
}

.collection-container .row{
    display:inline-flex;
}

.collection-container .col-lg-6{
	width:50%;
	padding:10px;
}

.collection-title{
    text-align: center;
    font-weight: 400;
    font-size: 30px;
	text-transform: uppercase;
    padding: 20px 0px;
	margin-top:0px;
}

.collection-head-title{
    text-align: center;
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 40px;
}

article#post-277 {
    margin-top: 150px;
}

article#post-277 header h1 {
    font-size: 170px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}