/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .h-max {
    height: max-content;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .object-contain {
    object-fit: contain;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
}
@layer base {
  html {
    line-height: 1;
  }
  html, body {
    position: relative;
    width: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.17em;
  }
  h4 {
    font-size: 1em;
  }
  h5 {
    font-size: 0.83em;
  }
  h6 {
    font-size: 0.67em;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
  }
  h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, p:empty, ol:empty, ul:empty {
    display: none;
  }
  a {
    position: relative;
    text-decoration: none;
    word-wrap: break-word;
    outline: none;
    cursor: pointer;
  }
  figure, picture, iframe {
    display: block;
    max-width: 100%;
    height: auto;
  }
  input, textarea, select, button {
    outline: none;
    transition: 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  button, input[type="submit"] {
    cursor: pointer;
  }
  code {
    padding: 20px;
    background-color: rgba(125, 125, 125, 0.1);
  }
}
/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}
.flickity-button:hover {
  background: white;
  cursor: pointer;
}
.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px var(--cr-subdued);
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}
.flickity-button-icon {
  fill: currentColor;
}
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.flickity-page-dots {
  width: 100%;
  list-style: none;
  text-align: center;
  line-height: 0;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: var(--s-2);
  height: var(--s-2);
  margin: 0 var(--s-1);
  background-color: var(--cr-subdued);
  border-radius: 50%;
  cursor: pointer;
  transition: 0.2s;
}
.flickity-page-dots .dot.is-selected {
  background-color: var(--cr-black);
}
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}
.mask-leaf {
  transform: rotate(45deg);
  &.shape-image-container {
    width: calc(var(--s-6) * 2) !important;
    height: calc(var(--s-6) * 2) !important;
    clip-path: inset(0% round 0% 70% 0% 70%);
    overflow: hidden;
  }
  .shape-image__border {
    display: none;
  }
  img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
.clip-leaf {
  border-radius: 0% 100% 0% 100% / 0% 100% 0% 100%;
  &.shape-image__border {
    transform: rotate(45deg);
  }
}
.clip-circle {
  clip-path: circle(60px at center);
}
.clip-ellipse {
  clip-path: ellipse(50% 50% at 50% 50%);
}
.clip-octagon {
  clip-path: polygon(	20% 0%,	80% 0%,	100% 20%,	100% 80%,	80% 100%,	20% 100%,	0% 80%,	0% 20%	);
}
.clip-octagon-g2 {
  clip-path: polygon(	25% 0,	75% 0,	100% 20%,	100% 80%,	75% 100%,	24% 100%,	0 80%,	0 20%	);
}
.clip-rhombus {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.clip-8-pointed-star {
  clip-path: polygon(	50% 0%,	32% 11%,	12% 16%,	10% 35%,	0 50%,	10% 67%,	12% 85%,	32% 89%,	50% 100%,	66% 89%,	84% 85%,	90% 67%,	100% 50%,	90% 35%,	87% 16%,	68% 11%	);
}
.slide-button-section {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(calc(var(--s-1) * -1));
  .prev-button {
    transform: translateX(var(--s-1)) rotate(180deg);
  }
}
.comp-email-capture {
  .t-h-3 {
    margin: 0 0 var(--s-3);
  }
  &.is-success > * {
    -webkit-animation: 0.6s fadeOut both;
    animation: 0.6s fadeOut both;
    pointer-events: none;
  }
  &.is-success:before {
    content: 'Thanks for subscribing!';
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    white-space: nowrap;
    -webkit-animation: 0.6s 0.6s fadeIn both;
    animation: 0.6s 0.6s fadeIn both;
  }
}
.comp-accordion {
  .accordion-label {
    position: relative;
    padding: var(--s-3) 0;
    font: var(--t-b-2);
    cursor: pointer;
    border-top: 1px solid var(--cr-subdued);
  }
  .accordion-label:after {
    content: '';
    display: block;
    position: absolute;
    top: var(--s-2);
    right: calc(0px - (var(--s-4) - var(--s-2)) / 2);
    width: var(--s-4);
    height: var(--s-4);
    background: url(../assets/svg-caret-down.svg) center/var(--s-2) no-repeat;
    transition: 0.2s;
    pointer-events: none;
  }
  .accordion-content {
    position: relative;
    height: 0;
    padding: 0 0 1px;
    overflow: hidden;
    & > * {
      padding-bottom: var(--s-2);
    }
  }
  &:last-child {
    border-bottom: 1px solid var(--cr-subdued);
  }
  &.active .accordion-label:after {
    transform: rotate(-180deg);
  }
}
.comp-combobox-selector {
  --selector-border-size: 2px;
  --selector-padding-v: 8px;
  --selector-padding-h: 16px;
  --selector-toggle-width: 15px;
  --selector-border-cr: #d6d6d6;
  --selector-cr: var(--cr-navy);
  --selector-bg: var(--cr-white);
  display: inline-flex;
  flex-direction: column;
  align-items: start;
  .combobox {
    position: relative;
    white-space: nowrap;
    user-select: none;
    z-index: 10;
    &::after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      width: 9px;
      height: 5px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 9 5' viewBox='0 0 9 5'%3E%3Cpath d='m.5.5 4 4 4-4' style='fill:none;stroke:%23805905;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E");
      transform: translateY(-50%);
      transition: 0.2s;
    }
  }
  .combobox-input {
    position: relative;
    padding: 0 var(--selector-toggle-width) 0 0;
    cursor: pointer;
  }
  .combobox-menu {
    position: absolute;
    top: calc(100% + var(--selector-padding-v));
    left: 0;
    right: auto;
    padding-top: 1px;
    width: auto;
    background-color: var(--selector-bg);
    box-shadow: inset 0 0 0 1px var(--selector-border-cr);
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s var(--a-panel), max-height 0.2s var(--a-panel);
    -webkit-overflow-scrolling: touch;
    &::before,	&::after {
      content: '';
      position: absolute;
      top: -7px;
      left: 10px;
      width: 0px;
      height: 0px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 8px solid var(--selector-cr);
      transition: opacity 0.4s var(--a-panel);
      z-index: 1;
    }
    &::before {
      top: -9px;
      left: 8px;
      border-left: 9px solid rgba(0, 0, 0, 0);
      border-right: 9px solid rgba(0, 0, 0, 0);
      border-bottom: 10px solid var(--selector-border-cr);
    }
  }
  &:not(.is-filter) .combobox-menu::before {
    border-bottom: 10px solid var(--selector-cr);
  }
  &:not(.is-filter) .combobox-menu,	&:nth-of-type(2) .combobox-menu {
    left: auto;
    right: 0;
    &::after {
      left: unset;
      right: 10px;
    }
    &::before {
      left: unset;
      right: 7.5px;
    }
  }
  .combobox-option {
    position: relative;
    padding: var(--selector-padding-v) var(--selector-padding-h);
    cursor: pointer;
    transition: 0.2s;
  }
  .combobox-option:hover,	&:not(.is-filter) .combobox-option.is-option-current {
    background-color: var(--selector-cr);
    color: var(--selector-bg);
  }
  &.is-filter {
    .combobox-menu::after {
      border-bottom: 8px solid var(--selector-bg);
    }
    button.filter-close,	.filter-apply {
      padding: var(--selector-padding-v) var(--selector-padding-h);
      width: 100%;
      background-color: var(--cr-ochre);
      color: var(--cr-white);
      text-align: left;
    }
    button.filter-close {
      background-color: var(--cr-subdued);
      color: var(--cr-ochre);
    }
    .combobox-option {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 var(--selector-padding-h);
      & > * {
        cursor: pointer;
      }
      input {
        margin: 0;
        order: 1;
        &[type='checkbox'] {
          &::after {
            content: '';
            display: block;
            width: 12px;
            height: 7px;
            border-left: 1px solid var(--selector-cr);
            border-bottom: 1px solid var(--selector-cr);
            transform: rotate(-60deg) translate(-1px, 1px);
            opacity: 0;
            transition: 0.2s;
          }
          &:checked {
            background-color: unset;
            &::after {
              opacity: 1;
            }
          }
        }
      }
      &:hover {
        input[type='checkbox']::after {
          border-left: 1px solid var(--selector-bg);
          border-bottom: 1px solid var(--selector-bg);
        }
      }
      label {
        flex: 1;
        padding: var(--selector-padding-v) 60px var(--selector-padding-v) 0;
      }
    }
    @media screen and (max-width: 900px) {
      .combobox-menu {
        display: flex;
        flex-direction: column;
      }
      button.filter-close,	.filter-apply {
        text-align: center;
      }
    }
  }
  .combobox-option[aria-selected='true']::after {
    opacity: 1;
  }
  &.is-open {
    .combobox {
      &::after {
        transform: translateY(-50%) rotate(-180deg);
      }
    }
    .combobox-menu {
      opacity: 1;
      pointer-events: auto;
      transition: opacity 0.2s var(--a-panel), max-height 0.4s var(--a-panel);
      &::after {
        opacity: 1;
        transition: opacity 0.2s var(--a-panel);
      }
    }
  }
  select {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
  }
  &:not(.is-select-hidden) .combobox-input,	&:not(.is-select-hidden) .combobox-menu {
    pointer-events: none;
  }
  &.is-select-hidden select {
    display: none;
  }
}
.collection-products-editorial-inline-1 {
  flex: 0 0 100%;
}
.editorial-content {
  position: relative;
  margin: var(--s-2) 0;
  height: 600px;
  .content-main {
    flex: 1;
    height: 100%;
    .t-h-5 {
      color: var(--cr-white);
      display: inline-block;
      padding: var(--s-3);
    }
    .comp-shape-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80%;
      max-width: 890px;
      margin: 0 auto;
      .shape-image-container {
        &:after {
          padding-top: 60%;
        }
      }
    }
    .link {
      position: absolute;
      bottom: var(--s-3);
      right: var(--s-3);
    }
  }
  .content-right {
    width: 30%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    .comp-shape-image {
      width: 80%;
    }
  }
  @media screen and (max-width: 900px) {
    .content-main {
      width: 100%;
    }
    .content-right {
      display: none;
    }
  }
}
.product-card {
  position: relative;
  flex: 0 1 25%;
  padding: var(--s-3) var(--s-3) var(--s-4);
  margin: 0 0 var(--s-4);
  color: var(--cr-black);
  border-right: 1px solid var(--cr-subdued);
  opacity: 1;
  transition: padding 0.2s, width 0.2s, height 0.2s, border 0.2s, flex 0.2s,	opacity 0.4s 0.2s;
  &.is-hidden {
    flex: 0 !important;
    padding: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    border: unset;
    opacity: 0;
    transition: padding 0.2s, width 0.2s, height 0.2s, border 0.2s,	flex 0.4s 0.2s, opacity 0.2s;
  }
  @media (hover: hover) {
    &:hover .product-title {
      text-decoration: underline;
    }
  }
  .product-info {
    justify-content: space-between;
    margin: 0 0 var(--s-3);
  }
  .vendor {
    white-space: nowrap;
  }
  .product-price {
    color: var(--cr-black);
  }
  .product-thumbnail {
    position: relative;
    margin: 0 0 var(--s-3);
    img {
      display: block;
      width: 100%;
    }
    &:after {
      content: '';
      display: block;
      padding-top: 100%;
    }
  }
  .product-title {
    text-align: center;
    transition: 0.2s ease-in-out;
  }
  &:last-child {
    .v-line {
      display: none;
    }
  }
  @media screen and (max-width: 900px) {
    flex: 0 1 50%;
    .product-title {
      font: var(--t-b-1);
    }
  }
}
html:not(.is-filtered-by-price) .product-card {
  &:nth-child(4n) {
    border-right: none;
  }
  @media screen and (max-width: 900px) {
    border-right: none;
  }
}
.comp-shape-image {
  position: relative;
  .shape-image__border {
    position: absolute;
    background: var(--cr-white);
    width: calc(100% + var(--s-1));
    height: calc(100% + var(--s-1));
    transform: translate(calc(var(--s-1) / -2), calc(var(--s-1) / -2));
  }
  .shape-image-container {
    position: relative;
    margin: auto;
    width: auto;
    height: 100%;
    display: block;
    &:after {
      content: '';
      display: block;
      padding-top: 100%;
    }
  }
}
.comp-image-text-contain {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  min-height: 100%;
  width: 100%;
  .comp-shape-image {
    width: 50%;
    .shape-image-container {
      width: 65%;
      max-width: 450px;
    }
  }
  .text-area {
    width: 50%;
    padding: var(--s-3);
  }
  .text-area {
    .text-content {
      max-width: 480px;
      margin: 0 auto;
      text-align: center;
      .sub-heading {
        margin-bottom: var(--s-4);
      }
      .description {
        margin-top: var(--s-3);
        margin-bottom: var(--s-4);
      }
      .richtext-content {
        margin-top: var(--s-3);
        margin-bottom: var(--s-5);
      }
      a {
        border-bottom: 2px solid var(--cr-white);
      }
    }
  }
  @media screen and (max-width: 900px) {
    .comp-shape-image {
      width: 100%;
      position: relative;
    }
    .text-area {
      width: 100%;
      position: relative;
      .sub-heading {
        display: none;
      }
    }
  }
}
.collection-listing-hero {
  .shape-image-container {
    width: 65%;
  }
}
.story-intro-section {
  position: relative;
  .slide-button-section {
    display: none;
    position: absolute;
    bottom: var(--s-4);
  }
}
.story-intro-list {
  overflow: hidden;
  .comp-image-text-contain {
    flex: 0 0 100%;
    padding: var(--s-6) 0;
    &:nth-child(even) {
      flex-direction: row-reverse;
    }
    .shape-image-container {
      width: 75%;
    }
    .text-content {
      width: 65%;
    }
    svg {
      margin-bottom: var(--s-4);
      width: 140px;
    }
    &.bg-white,	&.bg-subdued,	&.bg-suede {
      color: var(--cr-black);
      .shape-image__border {
        background: var(--cr-black);
      }
    }
    &[data-animate] {
      > * {
        opacity: 0;
      }
      &.is-animated > * {
        animation: fadeInUp 1.6s ease-out both;
      }
    }
  }
}
@media screen and (max-width: 600px) {
  .story-intro-section {
    min-height: calc(100vh - var(--s-header));
    .slide-button-section {
      display: flex;
      width: 100%;
    }
  }
  .story-intro-list {
    .comp-image-text-contain {
      flex-direction: column !important;
      padding: var(--s-section) 0 var(--s-5);
      .text-area {
        top: -5vh;
      }
      .text-content {
        width: 85%;
      }
    }
    .comp-image-text-contain {
      &[data-animate] {
        > * {
          opacity: 1;
        }
      }
    }
  }
}
.embla--is-ready {
  .designer-image-item {
    position: absolute;
  }
}
.designer-intro-image {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 50%;
}
.designer-intro-image__viewport {
  position: relative;
  width: 100%;
}
.designer-image-list__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  height: 75vh;
  .designer-image-item {
    flex: 0 0 100%;
    width: 100%;
    .comp-shape-image {
      width: 100%;
      max-width: 70vh;
      margin: 0 auto;
      opacity: 0;
      transition: opacity 0.5s;
    }
    .bottom-link {
      position: relative;
      display: block;
      float: right;
      opacity: 0;
      text-align: center;
      .link-title {
        display: none;
      }
    }
    &.is-selected {
      opacity: 1;
      z-index: 1;
      transition: opacity 0.3s;
      .comp-shape-image,	.bottom-link {
        opacity: 1;
      }
    }
    .shape-image-container {
      width: 80%;
    }
  }
}
.designer-intro-list {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  .section-title {
    text-align: center;
    margin: 0 0 var(--s-2);
  }
}
.designer-intro-list__viewport {
  position: relative;
  overflow-y: hidden;
  &:before,	&:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 8em;
    pointer-events: none;
    z-index: 1;
  }
  &:before {
    top: 0;
    background: linear-gradient(to top, rgba(115, 69, 17, 0), rgba(115, 69, 17, 1) 90%);
  }
  &:after {
    bottom: 0;
    background: linear-gradient(	to bottom,	rgba(115, 69, 17, 0),	rgba(115, 69, 17, 1) 90%	);
  }
}
.designer-list__container {
  display: flex;
  flex-direction: column;
  height: 60vh;
  width: 80%;
  margin: 0 auto;
  .designer-list-item {
    position: relative;
    cursor: pointer;
    flex: 0 0 auto;
    height: 20%;
    text-align: center;
    white-space: nowrap;
    &.is-selected {
      .designer-list-item__inner {
        opacity: 1;
        border-bottom: 2px solid var(--cr-white);
      }
    }
    .designer-list-item__inner {
      opacity: 0.5;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
}
@media screen and (max-width: 600px) {
  .designer-image-list__container {
    height: calc(var(--s-height-max) * 0.5);
  }
  .designer-list__container {
    height: calc(var(--s-height-max) * 0.5);
  }
  .designer-intro-list {
    width: 100%;
    height: 100%;
    .section-title {
      position: relative;
      text-align: center;
    }
    .designer-intro-list__viewport {
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
    }
  }
  .designer-list-item {
    .t-h-1 {
      font-size: 50px;
    }
  }
}
.showroom-slide {
  position: relative;
  .showroom-slide__viewport {
    overflow: hidden;
    width: 100%;
  }
  .showroom-slide__container {
    display: flex;
    user-select: none;
    will-change: transform;
  }
  .slide-item {
    position: relative;
    flex: 0 0 18%;
    text-align: center;
    .img-container {
      position: relative;
      &:after {
        display: block;
        content: '';
        padding-top: 150%;
      }
    }
    .item-title {
      padding: var(--s-2) 0;
    }
  }
}
.filter-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cr-white);
  .filter-link {
    position: relative;
    color: var(--cr-ochre);
    transition: 0.2s;
    &:not(:last-child) {
      &::after {
        content: '|';
        padding: 0 var(--s-1);
      }
    }
    @media (hover: hover) {
      &:hover {
        color: var(--cr-suede);
      }
    }
  }
}
.comp-breadcrumb {
  position: absolute;
  left: var(--s-3);
  ul {
    list-style: none;
  }
  ul li {
    display: inline-block;
    transition: 0.2s;
  }
  ul li:not(:last-child) {
    &::after {
      content: '/';
      display: inline-block;
      margin: 0 0.5em;
    }
    @media (hover: hover) {
      &:hover {
        color: var(--cr-suede);
      }
    }
  }
}
@media screen and (max-width: 600px) {
  .editorial-content {
    height: 400px;
  }
  .showroom-slide {
    .slide-item {
      flex: 0 0 36%;
    }
  }
  .designer-intro {
    .designer-intro-image {
      width: 100%;
      padding: var(--s-4) 0;
      .designer-image-list__container {
        .designer-image-item {
          .bottom-link {
            padding-top: var(--s-3);
            float: none;
          }
          .link-title {
            display: inline-block;
          }
        }
      }
    }
  }
}
.showroom-intro {
  transition: background-color 0.6s;
  background-color: var(--cr-evergreen);
  .bg-image {
    position: relative;
    overflow: hidden;
    max-height: 125px;
    &.top {
      transform: rotate(180deg);
    }
    svg {
      color: var(--cr-jade);
      width: calc(100% * 1.3);
    }
  }
  .content-paragraph {
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: var(--s-4) var(--s-5) calc(var(--s-3) * 3);
    .t-h-2 {
      position: relative;
      max-width: 1280px;
      z-index: 99;
      transform-style: preserve-3d;
      margin: 0 auto var(--s-4);
    }
    .hover-img {
      position: absolute;
      opacity: 0;
      pointer-events: none;
      width: 15%;
      transition: opacity 0.3s;
      &.is-show {
        opacity: 1;
      }
    }
    .hover-text {
      cursor: pointer;
      position: relative;
      &:after {
        content: '';
        position: absolute;
        top: calc(var(--s-1) * -1);
        left: calc(var(--s-2) * -0.5);
        width: calc(100% + var(--s-2));
        height: 120%;
        background-color: var(--cr-jade);
        z-index: -1;
        border-radius: var(--s-1);
        transition: opacity 0.3s;
      }
      @media (hover: hover) {
        &:hover {
          &:after {
            border: 1px solid var(--cr-jade);
            background-color: transparent;
          }
        }
      }
    }
    .btn {
      transform-style: preserve-3d;
      z-index: 99;
      color: var(--cr-white);
    }
  }
  &[data-animate] {
    .content-paragraph {
      opacity: 0;
    }
    &.is-animated {
      .content-paragraph {
        animation: fadeIn 1.6s ease-out both;
      }
    }
  }
  @media screen and (min-width: 1600px) {
    .bg-image {
      svg {
        width: 100%;
      }
    }
  }
  @media screen and (max-width: 900px) {
    .bg-image {
      svg {
        width: calc(100% * 2);
      }
    }
  }
  @media screen and (max-width: 600px) {
    .bg-image {
      svg {
        width: calc(100% * 3);
      }
    }
    .content-paragraph {
      padding: var(--s-4) var(--s-2) calc(var(--s-3) * 3);
    }
  }
}
.stickers-hero {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  .img-container {
    position: absolute;
    img {
      width: 300px;
    }
    &.sticker-1 {
      left: -1%;
      top: 50%;
      transform: rotate(-23deg);
    }
    &.sticker-2 {
      right: 50%;
      bottom: 5%;
      transform: rotate(5deg);
      img {
        width: 350px;
      }
    }
    &.sticker-3 {
      bottom: 12%;
      right: 12%;
      transform: rotate(12deg);
      img {
        width: 200px;
      }
    }
    &.sticker-4 {
      right: 10%;
      top: -5%;
    }
    &.sticker-5 {
      left: 10%;
      top: -1%;
      transform: rotate(10deg);
    }
  }
}
.newsletter-popup {
  max-width: 350px;
  padding: var(--s-4) var(--s-2);
  text-align: center;
  position: fixed;
  bottom: 40px;
  right: var(--s-edge);
  transform: translate(0, calc(100% + 41px));
  transition: transform 0.6s;
  z-index: 100;
  &.show {
    transform: translate(0, 0);
  }
  .close {
    margin: 0 0 20px;
  }
  h2 {
    margin: 0 0 var(--s-3);
  }
  p {
    margin: 0 0 var(--s-3);
  }
  .newsletter-email-field {
    border-radius: 6px;
    margin: 0 0 var(--s-2);
    input {
      width: 100%;
      height: 50px;
      padding: 0 var(--s-2);
      font: var(--t-b-2);
    }
  }
  button[type='submit'] {
    margin: 0 0 20px;
  }
  .svg-close {
    width: 16px;
    height: 16px;
    color: var(--cr-white);
  }
  @media screen and (max-width: 900px) {
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.form-message-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 102;
  text-align: center;
  height: 60px;
  transform: translate(0, 100%);
  transition: transform 0.6s var(--a-swift);
  cursor: none;
  border-top: 1px solid var(--cr-jade);
  &.show {
    transform: none;
    transition: transform 0.8s var(--a-swift);
    cursor: auto;
  }
  p {
    line-height: 60px;
  }
  .close-btn {
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
    right: var(--s-edge);
    width: 20px;
    height: 20px;
    svg {
      width: 100%;
      height: 100%;
    }
  }
}
.content-layout, .shopify-policy__body {
  & > * {
    max-width: 100%;
    margin: var(--s-4) auto;
  }
  h1,	h2,	h3,	h4,	h5,	h6 {
    margin: 0 0 var(--s-3);
  }
  h1:not(:first-child),	h2:not(:first-child),	h3:not(:first-child),	h4:not(:first-child),	h5:not(:first-child),	h6:not(:first-child) {
    margin: var(--s-4) 0 var(--s-3);
  }
  h1 {
    font: var(--t-h-1);
  }
  h2 {
    font: var(--t-h-2);
  }
  h3 {
    font: var(--t-h-3);
  }
  h4,	h5,	h6 {
    font: var(--t-h-4);
  }
  p a,	ol a,	ul a {
    text-decoration: underline;
  }
  p {
    margin: var(--s-3) auto;
    font: var(--t-b-1);
  }
  ol,	ul {
    list-style-position: inside;
    padding: 0 0 0 var(--s-3);
    font: var(--t-b-2);
    li:not(:last-child) {
      margin: 0 0 var(--s-1);
    }
  }
  ol {
    list-style-type: decimal;
  }
  ul {
    list-style-type: disc;
  }
  blockquote {
    display: block;
    margin: var(--s-4) auto;
    font: var(--t-h-2);
    quotes: '\201C' '\201D' '\2018' '\2019';
    p {
      display: inline;
      margin: 0;
      font: var(--t-h-2);
    }
    &:before {
      content: open-quote;
      display: inline;
    }
    &:after {
      content: close-quote;
      display: inline;
    }
  }
  table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    & > * {
      font: var(--t-b-2);
    }
    th,	td {
      font-weight: 400;
      text-align: left;
      padding: var(--s-1) !important;
      border: 0;
      border: 1px solid var(--cr-subtle);
    }
    th {
      background-color: var(--cr-subtle);
    }
    p {
      margin: 0;
      font: var(--t-b-2);
    }
  }
}
.type-spacing {
  > *:not(:last-child) {
    margin-bottom: var(--s-3);
  }
  h1,	h2,	h3,	h4,	h5,	h6,	.t-h-1,	.t-h-2,	.t-h-3,	.t-h-4,	.t-h-5,	.t-h-6 {
    text-wrap: balance;
    &:not(:first-child) {
      margin-top: 36px;
    }
    a {
      text-decoration: underline;
    }
  }
  ul,	ol {
    padding: 0 0 0 var(--s-3);
  }
  ul {
    list-style-type: disc;
  }
  ol {
    list-style-type: decimal;
  }
}
.btn {
  position: relative;
  display: inline-block;
  padding: var(--s-1) var(--s-3);
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font: var(--t-l-1);
  border-bottom: 2px solid;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: border-bottom 0.2s,	color 0.2s;
}
.btn[disabled], button[disabled], input[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
.border-expand {
  transition: 0.3s ease;
  position: relative;
  border-bottom-width: 2px;
  padding: 0 var(--s-3) var(--s-1);
  &::before,	&::after {
    content: '';
    border: 0 solid transparent;
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    transition: 0.3s;
  }
  &::before {
    bottom: 0;
    left: 0;
    border-left-width: 2px;
  }
  &::after {
    bottom: 0;
    right: 0;
    border-right-width: 2px;
  }
  @media (hover: hover) {
    &:hover {
      &::before,	&::after {
        border-color: inherit;
        width: 100%;
        height: 100%;
      }
    }
  }
}
.object-fit, .object-contain {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  &.object-fit > *,	&.object-contain > * {
    position: relative;
    width: 101%;
    height: 101% !important;
    max-width: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-backface-visibility: hidden;
  }
  &.object-fit > * {
    object-fit: cover;
  }
  &.object-contain > * {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
  }
  &.object-fit > picture,	&.object-fit > iframe {
    top: 0;
    left: 0;
    -webkit-transform: unset;
    transform: unset;
    object-fit: unset;
  }
  &.object-fit > picture > img {
    width: 100%;
    height: 101% !important;
    object-fit: cover;
    -webkit-backface-visibility: hidden;
  }
}
input[type='radio'], input[type='checkbox'] {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: var(--s-1);
  vertical-align: middle;
  background: var(--cr-white) center/contain no-repeat;
  border: 1px solid;
  &[type='radio'] {
    border-radius: 100%;
  }
  &[type='radio']:checked,	&[type='checkbox']:checked {
    background-color: var(--cr-black);
  }
}
.field {
  position: relative;
  margin: 0 0 var(--s-3);
  line-height: 1;
  &:not(.label-inline) label {
    position: absolute;
    display: block;
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    pointer-events: none;
    font: var(--t-b-2);
    line-height: 60px;
    transition: 0.15s;
  }
  &.label-inline label {
    display: inline;
    margin-right: var(--s-2);
    line-height: 1;
  }
  input[type='text'],	input[type='email'],	input[type='tel'],	input[type='url'],	input[type='password'],	select,	textarea {
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    font: var(--t-b-2);
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--cr-white);
    border: none;
    outline: none;
    transition: 0.3s;
  }
  input[type='text']:focus,	input[type='email']:focus,	input[type='tel']:focus,	input[type='url']:focus,	input[type='password']:focus,	select:focus,	textarea:focus {
    background-color: none;
  }
  input[type='text']:focus ~ label,	input[type='email']:focus ~ label,	input[type='tel']:focus ~ label,	input[type='url']:focus ~ label,	input[type='password']:focus ~ label,	select:focus ~ label,	textarea:focus ~ label,	&.has-value input[type='text'] ~ label,	&.has-value input[type='email'] ~ label,	&.has-value input[type='tel'] ~ label,	&.has-value input[type='url'] ~ label,	&.has-value input[type='password'] ~ label,	&.has-value select ~ label,	&.has-value textarea ~ label {
    top: -20px;
    font-size: 12px;
  }
  select {
    padding: 0;
    color: var(--cr-subtle);
    background: url(../assets/svg-caret-down.svg) right 20px center/10px	no-repeat;
  }
  textarea {
    white-space: normal;
    height: 120px;
    resize: vertical;
  }
  input[type='submit'] {
    display: block;
    width: 100%;
  }
  *::-webkit-input-placeholder {
    color: var(--cr-subdued);
  }
  *::-moz-placeholder {
    color: var(--cr-subdued);
  }
  *:-ms-input-placeholder {
    color: var(--cr-subdued);
  }
  *:-moz-placeholder {
    color: var(--cr-subdued);
  }
  .status-message {
    display: none;
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: var(--cr-suede);
  }
  &.error {
    .status-message {
      display: block;
    }
  }
}
.field-group {
  font-size: 0;
  .field {
    display: inline-block;
    width: calc(50% - var(--s-3) / 2);
    margin: 0 var(--s-3) var(--s-3) 0;
  }
  .field:nth-of-type(2n) {
    margin: 0 0 var(--s-3);
  }
}
form {
  .form-success,	.form-error {
    text-align: center;
    padding: 8px 10px;
    background-color: var(--cr-subtle);
  }
  .form-errors ul {
    margin: 7px 0;
    padding: 0;
    list-style: none;
  }
}
.item-quantity {
  box-shadow: inset 0 0 0 1px var(--cr-subtle);
  button[data-quantity-trigger],	input[name='quantity'] {
    position: relative;
    display: inline-block;
    width: var(--s-3);
    text-align: center;
  }
  input[name='quantity'] {
    flex: 1;
    pointer-events: none;
  }
  input[name='quantity']::-webkit-inner-spin-button,	input[name='quantity']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  button[data-quantity-trigger]:before,	button[data-quantity-trigger]:after {
    content: '';
    position: absolute;
    display: block;
    width: var(--s-2);
    height: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--cr-black);
  }
  button[data-quantity-trigger='increase']:after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  button[data-quantity-trigger]:disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
    background-color: transparent;
  }
}
.item-swatches-color {
  button,	input {
    position: relative;
    display: inline-block;
    width: var(--s-3);
    height: var(--s-3);
    margin: 0 var(--s-2) var(--s-2) 0;
    border: 1px solid var(--cr-subtle);
    border-radius: 100%;
    box-shadow: 0 0 0 3px transparent,	0 0 0 3px transparent;
    transition: 0.2s;
    cursor: pointer;
  }
  button:not(.active):hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  button.active,	input:checked {
    box-shadow: 0 0 0 2px var(--cr-white),	0 0 0 3px var(--cr-subdued);
  }
}
.summary {
  display: flex;
  flex-wrap: wrap;
  & > *:not(.summary-left):not(.summary-right) {
    display: block;
    width: 100%;
  }
  & > *:not(.summary-left):not(.summary-right):not(:last-child) {
    margin: 0 0 var(--s-2);
  }
  .summary-left {
    flex: 1;
    margin: 0 var(--s-3) 0 0;
  }
  .summary-right {
    text-align: right;
  }
  &:not(:last-child) {
    margin: 0 0 var(--s-3);
  }
}
.flickity-button {
  display: none;
}
.slide-button {
  svg {
    width: 80px;
  }
  &.flickity-prev-button {
    transform: translateX(var(--s-1)) rotate(180deg);
  }
}
.marquee {
  width: fit-content;
  white-space: nowrap;
  visibility: hidden;
  span {
    margin: 0 var(--s-2);
  }
  &.is-active {
    width: 100%;
    visibility: visible;
  }
}
.bg-pattern-image {
  position: relative;
  overflow: hidden;
  &.top {
    svg {
      bottom: 0;
    }
  }
  &.bottom {
    svg {
      top: 0;
    }
  }
  .img-container {
    position: relative;
    &::after {
      content: '';
      display: block;
      padding-top: 136px;
    }
    &.octagon-g2 {
      &::after {
        padding-top: 111px;
      }
    }
  }
  svg {
    position: absolute;
    width: 2000px;
  }
}
@media screen and (max-width: 600px) {
  [data-animate] {
    .collection-products-list {
      opacity: 1 !important;
    }
  }
}
.p-fixed {
  overflow: hidden;
}
.bg-overlay {
  pointer-events: none;
  opacity: 0;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}
.search-bar-is-open {
  .bg-overlay {
    pointer-events: auto;
    opacity: 1;
  }
  .header-search-pane {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(	calc(var(--s-announcement) + var(--search-bar-height))	);
  }
  .global-header {
    .header-flyout {
      opacity: 0;
      pointer-events: none;
    }
    .flyout-content {
      opacity: 0;
      pointer-events: none;
      height: 0;
      padding: 0;
    }
  }
}
.footer-content {
  display: flex;
  justify-content: space-between;
  padding: var(--s-5) 0;
  .footer-nav {
    flex: 1;
  }
  .links-item {
    margin-right: var(--s-5);
    margin-bottom: var(--s-4);
    .link-title {
      font-weight: 700;
      margin: 0 0 var(--s-2);
    }
    .child-list-item {
      margin-bottom: var(--s-1);
    }
  }
  .right {
    display: flex;
    justify-content: flex-end;
    flex: 1;
  }
}
.footer-connect-newsletter {
  margin-right: var(--s-4);
  max-width: 320px;
  width: 100%;
  .form-content {
    display: flex;
    justify-content: space-between;
    padding-top: var(--s-3);
  }
  .newsletter-email-field {
    flex: 70%;
  }
  input[type='email'] {
    border-bottom: 1px solid var(--cr-white);
    padding: 0 0 var(--s-1);
    width: 90%;
    outline: none;
    &::placeholder {
      color: var(--cr-white);
    }
  }
  button[type='submit'] {
    border-bottom: 1px solid var(--cr-white);
    padding: 0 0 var(--s-1);
    text-align: center;
    flex: 30%;
  }
  .mc-status {
    margin: var(--s-2) 0 0;
  }
  @media screen and (max-width: 600px) {
    margin-right: 0;
    max-width: 100%;
  }
}
.footer-logo {
  flex: 0 0 100px;
  max-width: 100px;
}
.copyright-item {
  flex: 100%;
  br {
    display: none;
  }
}
.header-space {
  height: calc(var(--s-announcement) + var(--s-header));
}
.shopify-challenge__container {
  max-width: 300px;
  margin: calc(var(--s-announcement) + var(--s-header) + var(--s-section)) auto;
  margin-bottom: var(--s-section);
  .shopify-challenge__message {
    font: var(--t-b-1);
  }
}
.shopify-policy__container {
  width: calc(100vw - var(--s-contain) * 2);
  max-width: 720px;
  margin: var(--s-section) auto;
  padding: 0;
  .shopify-policy__title {
    margin: 0 0 var(--s-section-half);
  }
}
.page-content {
  margin: 0 auto;
  padding: var(--s-section) 0;
  text-align: left;
}
.error-content {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .error-content,	.page-content {
    max-width: var(--s-contain-max);
    padding: var(--s-5) 0;
  }
}
.account-gate-wrapper {
  position: relative;
  margin: var(--s-section) auto;
  padding: 0.1px 0;
  transition: height 0.6s;
}
.account-gate-header, .account-gate-content {
  margin: 0 0 var(--s-3);
}
.account-gate-footer {
  text-align: center;
  .btn {
    display: block;
    width: 100%;
  }
  a.t-l-2,	button.t-l-2 {
    margin: var(--s-3) 0 0;
    text-decoration: underline;
  }
}
.account-gate {
  position: relative;
  margin: var(--s-s) auto;
  transition: 0.6s 0.6s;
  .account-login-content {
    width: 50%;
    padding: 0 var(--s-4) 0 0;
    border-right: 1px solid var(--cr-subdued);
  }
  .account-register-content {
    width: calc(50% - var(--s-4));
    margin: 0 0 0 var(--s-4);
  }
  @media screen and (max-width: 900px) {
    & > .c {
      max-width: 600px;
    }
    .account-login-content {
      width: 100%;
      margin: 0 0 var(--s-section-half);
      padding: 0 0 var(--s-section-half);
      border-right: 0;
      border-bottom: 1px solid var(--cr-subdued);
      .btn-block {
        color: var(--cr-starlight);
        background-color: var(--cr-eclipse);
      }
    }
    .account-register-content {
      width: 100%;
      margin: 0;
    }
  }
}
.account-reset, .account-reset-password {
  margin: var(--s-section) auto;
  transition: 0.6s 0.6s;
}
html.reset-password-active .account-gate, html:not(.reset-password-active) .account-reset {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition-delay: 0s;
}
.account-content {
  margin: var(--s-section) auto;
  .account-content-header {
    margin: 0 0 var(--s-section);
  }
}
.account-orders {
  margin: var(--s-section) auto;
  & > h2 {
    margin: 0 0 var(--s-3);
  }
  .orders-list-header,	.orders-list-line {
    padding: var(--s-3) 0;
    border-bottom: 1px solid var(--cr-subdued);
    & > ul > li {
      width: 20%;
    }
    & > ul > li:nth-child(5) {
      text-align: right;
    }
    &.orders-list-header {
      white-space: nowrap;
    }
    &.orders-list-line {
      position: relative;
      border-bottom: 1px solid var(--cr-subdued);
      transition: background 0.2s,	padding 0.2s;
    }
  }
  @media (hover: hover) {
    .orders-list-line:hover {
      padding-left: var(--s-1);
      padding-right: var(--s-1);
      background-color: var(--cr-subdued);
    }
  }
  @media screen and (max-width: 600px) {
    & > ul {
      width: 100vw;
      margin: 0 calc(0px - var(--s-contain));
      padding: 0 var(--s-contain) var(--s-3);
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    & > ul::-webkit-scrollbar {
      height: var(--s-1);
    }
    & > ul::-webkit-scrollbar-track {
      margin: 0 var(--s-contain);
      background-color: var(--cr-white);
      border-radius: var(--s-1);
    }
    & > ul::-webkit-scrollbar-thumb {
      height: var(--s-1);
      background-color: var(--cr-subdued);
      border-radius: var(--s-1);
    }
    & > ul > li {
      min-width: 600px;
      padding-right: var(--s-3);
    }
  }
}
.account-addresses {
  margin: var(--s-section) auto;
  & > h2 {
    margin: 0 0 var(--s-3);
  }
  .address-list {
    margin: 0 0 var(--s-section-half);
  }
  .address {
    width: calc(100% / 2 - var(--s-3) / 2);
    margin: 0 var(--s-3) var(--s-3) 0;
    padding: var(--s-3);
    border: 1px solid var(--cr-subdued);
    &:nth-of-type(2n) {
      margin: 0 0 var(--s-3);
    }
    .address-actions {
      margin: var(--s-3) 0 0;
    }
  }
  .address-add-trigger {
    margin: var(--s-section-half) 0 0;
  }
  @media screen and (max-width: 900px) {
    .address,	.address:nth-of-type(2n) {
      width: 100%;
      margin: 0 0 var(--s-3);
    }
  }
}
.address-popup {
  display: block !important;
  position: absolute;
  top: var(--s-section);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: var(--s-4);
  background-color: var(--cr-white);
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  z-index: 205;
  &.active {
    opacity: 1;
    pointer-events: auto;
  }
  .address-popup-header {
    margin: 0 0 var(--s-4);
  }
  .address-popup-header .address-popup-close {
    margin: -10px -10px 0 auto;
    width: 40px;
    height: 40px;
    background: url(../assets/svg-close-black.svg) center/20px no-repeat;
  }
  .address-popup-footer .btn {
    width: 100%;
  }
  @media screen and (max-width: 600px) {
    padding: var(--s-3) var(--s-contain);
  }
}
.address-popup-overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  z-index: 200;
}
html.address-popup-active .address-popup-overlay {
  opacity: 1;
  pointer-events: auto;
}
.item-thumbnail {
  position: relative;
  background-color: var(--cr-subtle);
  &:after {
    content: '';
    display: block;
    padding-top: 100%;
  }
}
.order-details {
  margin: 0 0 var(--s-section-half);
  padding: var(--s-4);
  background-color: var(--cr-white);
  .order-detail-header,	.order-detail-items {
    padding: var(--s-3) 0;
    border-bottom: 1px solid var(--cr-subdued);
    & > li:nth-child(1) {
      width: var(--s-5);
    }
    & > li:nth-child(2) {
      flex: 1;
      padding: 0 var(--s-3);
    }
    & > li:nth-child(3),	& > li:nth-child(4) {
      width: var(--s-5);
      text-align: right;
    }
    &.orders-detail-header {
      white-space: nowrap;
    }
    &.orders-detail-items {
      position: relative;
      border-bottom: 1px solid var(--cr-subdued);
    }
  }
  & > ul > li:last-child > ul {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .item-thumbnail {
    img {
      width: 80% !important;
      height: 80% !important;
    }
  }
  @media screen and (max-width: 600px) {
    width: 100vw;
    margin: 0 calc(0px - var(--s-contain)) var(--s-section);
    padding: 0 var(--s-contain) var(--s-3);
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    &::-webkit-scrollbar {
      height: var(--s-1);
      margin: 0 0 var(--s-1);
    }
    &::-webkit-scrollbar-track {
      margin: 0 var(--s-contain) var(--s-1);
      background-color: var(--cr-subtle);
      border-radius: var(--s-1);
    }
    &::-webkit-scrollbar-thumb {
      height: var(--s-1);
      background-color: var(--cr-subdued);
      border-radius: var(--s-1);
    }
    & > ul {
      min-width: 600px;
      padding-right: var(--s-3);
    }
  }
}
.order-details-summary {
  margin: var(--s-section-half) 0 0;
  padding: var(--s-section-half) 0 0;
  border-top: 1px solid var(--cr-subdued);
}
.order-details-address {
  margin: var(--s-section) auto;
  .address-block {
    flex: 1;
    &:not(:last-child) {
      margin-right: var(--s-3);
    }
  }
  .order-details-tracking-url {
    margin: var(--s-3);
  }
}
#canvas-wrapper {
  height: var(--s-height-max);
  width: 100%;
  position: relative;
  cursor: grab;
  background: inherit;
  overflow: hidden;
}
#canvas-wrapper canvas {
  position: absolute;
  bottom: 0;
}
.home-hero {
  overflow: hidden;
  .home-hero-logo {
    width: 80%;
    margin: 0 auto;
  }
  .home-hero-tagline {
    position: absolute;
    bottom: var(--s-5);
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .home-canvas-wrapper {
    overflow: hidden;
  }
  .home-canvas-video,	.frontpage-hero-iframe {
    position: absolute;
    height: 101vh;
    width: 179vh;
    max-width: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  .frontpage-hero-iframe {
    z-index: -2;
  }
  .home-canvas-video {
    z-index: -1;
  }
  @media (min-aspect-ratio: 16/9) {
    .home-canvas-video,	.frontpage-hero-iframe {
      width: 101vw;
      height: 57vw;
    }
  }
  @media screen and (max-width: 600px) {
    height: 50vh;
    #canvas-wrapper,	.frontpage-hero-iframe {
      height: 50vh;
    }
    .home-hero-logo {
      top: calc(var(--s-3) * 3);
    }
    .home-hero-tagline {
      max-width: 80%;
      left: 50%;
      transform: translateX(-50%);
      bottom: var(--s-3);
    }
  }
}
.home-slide {
  background: var(--cr-ochre);
  position: relative;
  .button-sec {
    position: absolute;
    top: 0;
    right: 0;
    padding: var(--s-3);
  }
  .slide-gallery {
    height: 100%;
    width: 100%;
  }
  .context {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 280px;
    padding: var(--s-3);
    .heading {
      white-space: nowrap;
    }
  }
  .slide-item {
    width: 100%;
    height: 100%;
    .img-container {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 75%;
      width: 100%;
      clip-path: ellipse(50% 40% at 50% 50%);
      transform: translate(-50%, -50%) rotate(-15deg);
      img {
        width: 100%;
        transform: rotate(15deg);
      }
    }
    .bottom-sec {
      position: absolute;
      bottom: 0;
      justify-content: flex-end;
      width: 100%;
      padding: var(--s-3);
    }
  }
  .slide-tagline {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 var(--s-3) var(--s-3);
  }
  &[data-animate] {
    > * {
      opacity: 0;
    }
    &.is-animated > * {
      animation: fadeIn 1.6s ease-out both;
    }
  }
  @media screen and (max-width: 900px) {
    .context {
      max-width: 50vw;
      padding: var(--s-3) 0 var(--s-2) var(--s-3);
    }
  }
  @media screen and (max-width: 600px) {
    height: 60vh;
    .slide-item {
      .img-container {
        max-width: 85%;
      }
      .bottom-sec {
        padding: 0 0 var(--s-4);
        justify-content: center;
        h6 {
          display: none;
        }
      }
    }
    .slide-button {
      svg {
        width: 60px;
      }
    }
    .slide-tagline {
      display: none;
    }
  }
}
.home-selected-product {
  .btn {
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    margin-right: var(--s-4);
  }
  &[data-animate] {
    .collection-products-list {
      opacity: 0;
    }
  }
  &.is-animated {
    .collection-products-list {
      animation: fadeIn 0.8s ease-out both;
    }
  }
  @media screen and (max-width: 900px) {
    .collection-grid {
      .section-header {
        margin-bottom: var(--s-section);
      }
    }
    .btn {
      bottom: 0;
      right: 50%;
      transform: translate(50%, 10%);
      margin-right: 0;
    }
  }
}
.product-images {
  position: sticky;
  top: calc(var(--s-announcement) + var(--s-header));
  background-color: var(--cr-white);
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: var(--s-4) 0;
  .product-images-list {
    position: relative;
    height: 100%;
    width: 80%;
    margin: 0 auto;
  }
}
.product-image-cell {
  width: 100%;
  .product-image {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    .object-contain {
      transition: opacity 0.2s;
      background-color: var(--cr-white);
    }
    &:hover .object-contain {
      opacity: 0;
      cursor: zoom-in;
    }
    &:after {
      content: '';
      display: block;
      padding-top: 90%;
    }
  }
}
.shipping-message {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  .svg-shipping {
    margin-right: var(--s-2);
  }
}
.variant-select {
  position: relative;
  justify-content: space-between;
  font: var(--t-b-2);
  padding: var(--s-2);
  border-bottom: 2px solid var(--cr-white);
  cursor: pointer;
  &.active {
    background-color: var(--cr-silk);
    .variant-select-list {
      opacity: 1;
      pointer-events: auto;
    }
  }
}
.variant-select-list {
  position: absolute;
  display: block;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  transition: all 0.5s;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  background-color: var(--cr-silk);
  .variant-option {
    text-align: left;
    padding: var(--s-2);
    &:not(:last-child) {
      border-bottom: 2px solid var(--cr-white);
    }
  }
}
.product-content {
  flex: 1;
  gap: 18px;
  width: 50%;
  height: 100%;
  position: relative;
  justify-content: space-between;
  padding: var(--s-4) var(--s-4) var(--s-5);
  .content-header {
    justify-content: space-between;
  }
  .content-interior {
    width: 100%;
    margin-inline: 0 auto;
    h1 {
      margin-bottom: var(--s-3);
      text-wrap: pretty;
    }
  }
  .content-description {
    margin-bottom: var(--s-4);
  }
  .product-variants-select {
    justify-content: space-between;
  }
  .variant-select {
    width: calc(50% - var(--s-2));
    &:only-child {
      width: 100%;
    }
  }
  .product-hero-form {
    margin: var(--s-4) 0 0;
  }
  .product-preorder {
    display: inline-block;
    margin-top: 5px;
  }
  .shipping-message {
    svg {
      height: var(--s-3);
      width: var(--s-3);
    }
  }
  .add-to-cart-btn {
    width: 100%;
    &[disabled] {
      background-color: transparent;
      opacity: 0.8;
    }
  }
}
.product-recommendations-grid {
  background: var(--cr-white);
  padding: var(--s-4) 0;
  text-align: center;
  .t-h-1 {
    color: var(--cr-black);
    padding: var(--s-4) 0;
  }
}
@media screen and (max-width: 900px) {
  .product-hero {
    height: auto;
  }
  .product-images {
    position: relative;
    top: unset;
    width: 100%;
    height: fit-content;
  }
  .product-content {
    width: 100%;
    padding: var(--s-4) calc(var(--s-2) * 2) var(--s-5);
    .variant-select {
      width: 100%;
      &:first-child {
        margin-bottom: var(--s-3);
      }
    }
  }
}
@media screen and (max-width: 600px) {
  .product-images {
    .svg-arrow-circle-right {
      path:first-of-type {
        display: none;
      }
    }
  }
}
.collection-designer-hero {
  padding: var(--s-section) 0;
  .shape-image-container {
    &:after {
      padding-top: 130%;
    }
  }
}
.collection-listing-list {
  background-color: var(--cr-white);
}
.collection-hero {
  background-color: var(--cr-white);
  padding: 50px 0 60px;
  .hero-content {
    padding: 0 var(--s-3);
    margin: 0 0 var(--s-1);
    text-align: center;
    color: var(--cr-black);
    .comp-breadcrumb {
      position: relative;
      left: unset;
      margin: 0 0 var(--s-3);
      text-align: left;
    }
  }
}
.collection-grid {
  display: flex;
  flex-direction: column;
  background-color: var(--cr-white);
  color: var(--cr-black);
  .section-header {
    color: var(--cr-black);
    text-align: center;
    padding: var(--s-4) 0;
  }
  .no-result {
    padding: var(--s-section) 0;
    text-align: center;
    .btn {
      color: var(--cr-black);
    }
  }
  .editorial-content {
    margin: 0;
  }
  .collection-products-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-4) 0;
    transition: 0.2s;
    &:not(:last-child) {
      margin: 0 0 var(--s-2);
    }
    &:last-child {
      margin: var(--s-4) 0 0;
    }
  }
  .section-header {
    order: -1;
  }
  .product-card {
    margin: 0;
  }
}
.collection-grid__actions {
  order: -1;
  justify-content: space-between;
  gap: 20px;
  margin: 0 var(--s-3) var(--s-2);
  &::before,	&::after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    width: 100%;
    height: 1px;
    background-color: var(--cr-subdued);
  }
  &::after {
    top: 36px;
    opacity: 0;
  }
  & > .f-h {
    gap: var(--s-4);
  }
  @media screen and (max-width: 900px) {
    gap: var(--s-4) 15px;
    &::before,	&::after {
      margin: 0 calc(0px - var(--s-3));
      width: calc(100% + var(--s-3) * 2);
    }
    &::after {
      opacity: 1;
    }
    & > .f-h {
      gap: 15px;
    }
  }
}
.collection-grid__actions__filter__labels {
  flex: 100%;
  opacity: 1;
  transition: 0.4s;
  &.is-hidden {
    opacity: 0;
    pointer-events: none;
  }
  .filter-labels-wrapper {
    gap: var(--s-3);
    display: inline-flex;
    margin: 0 var(--s-3) 0 0;
    .filter-label {
      position: relative;
      background: var(--cr-subdued);
      padding: 5px 28px 5px var(--s-1);
      text-transform: capitalize;
      &::before,	&::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 8px;
        width: 10px;
        height: 1px;
        background-color: var(--cr-black);
        transform: translateY(-50%) rotate(45deg);
      }
      &::after {
        transform: rotate(-45deg);
      }
    }
  }
  .filter-clear {
    text-decoration: underline;
  }
}
.collection-grid__actions__filter {
  @media screen and (max-width: 900px) {
    .combobox-menu {
      top: 30px;
      left: calc(0px - var(--s-3));
      width: 100vw;
      border-top: 1px solid var(--cr-subdued);
      box-shadow: none;
      filter: none;
      &::before,	&::after {
        display: none;
      }
    }
    .combobox-option {
      max-width: 150px;
      &.is-option-current {
        background-color: inherit;
        color: inherit;
        input[type='checkbox']::after {
          border-left: 1px solid var(--cr-navy) !important;
          border-bottom: 1px solid var(--cr-navy) !important;
        }
      }
      label {
        padding: var(--selector-padding-v) 0;
      }
    }
  }
}
.collection-grid__actions__price-toggle {
  margin: 0;
  input#collection-price-toggle {
    transform: translate(-5px, -2.5px);
    margin: 0;
    vertical-align: bottom;
    cursor: pointer;
    &::after {
      content: '';
      display: block;
      width: 12px;
      height: 7px;
      border-left: 1px solid var(--cr-black);
      border-bottom: 1px solid var(--cr-black);
      transform: rotate(-60deg) translate(-1px, 1px);
      opacity: 0;
      transition: 0.2s;
    }
    &:checked {
      background-color: unset;
      &::after {
        opacity: 1;
      }
    }
  }
  label {
    margin-right: 0;
    padding: 0 var(--s-3) 0 0;
    vertical-align: bottom;
    cursor: pointer;
  }
  @media screen and (max-width: 900px) {
    label {
      padding: 0 var(--s-1) 0 0;
    }
  }
}
.collection-grid__actions__sort {
  &:nth-child(1) {
    margin: 0 0 0 auto;
  }
}
.pagination {
  margin: var(--s-4) auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  & > * {
    flex: 50%;
  }
}
html.is-filtered-by-price {
  .product-card {
    flex: 0 1 calc(25% - 0.25px);
    &:nth-child(4n) {
      border-right: 1px solid var(--cr-subdued);
    }
    @media screen and (max-width: 900px) {
      flex: 0 1 calc(50% - 0.5px);
    }
  }
}
.story-gallery-intro {
  background: var(--cr-white);
  .marquee-item {
    margin: 0 var(--s-2);
    max-width: max-content;
    min-width: 15%;
    width: fit-content;
  }
  .flickity-slider {
    display: flex;
    align-items: center;
  }
  .paragraph {
    color: var(--cr-black);
    text-align: center;
    .t-h-2 {
      max-width: 1140px;
      margin: 0 auto;
    }
  }
  &[data-animate] {
    > * {
      opacity: 0;
    }
    &.is-animated > * {
      animation: fadeIn 1.6s ease-out both;
    }
  }
  @media screen and (max-width: 600px) {
    .marquee-item {
      min-width: 33%;
    }
  }
}
.story-gallery-intro-1 {
  padding-top: var(--s-section);
  .paragraph {
    padding: 0 var(--s-3) var(--s-4);
  }
}
.story-gallery-intro-2 {
  padding-bottom: var(--s-5);
  .paragraph {
    padding: var(--s-4) var(--s-3);
  }
}
.contact-content {
  display: flex;
}
.form-container {
  position: relative;
  justify-content: space-between;
  width: 100%;
  &.general-inquiries {
    .field textarea {
      height: 200px;
    }
  }
  &.bg-ochre {
    .form-wrapper {
      .field {
        background-color: var(--cr-cognac);
      }
    }
    .bg-pattern-image {
      color: var(--cr-cognac);
    }
  }
  &.bg-silk {
    .form-wrapper {
      .field {
        background-color: var(--cr-suede);
        border: 1px solid var(--cr-cognac);
      }
    }
    .bg-pattern-image {
      color: var(--cr-ochre);
    }
  }
  &.bg-jade {
    .bg-pattern-image {
      color: var(--cr-evergreen);
    }
  }
}
.form-wrapper {
  position: relative;
  color: var(--cr-evergreen);
  justify-content: space-between;
  height: 100%;
  padding: var(--s-section) var(--s-4);
  .form-titles {
    padding: 0 0 var(--s-4);
    text-align: center;
    color: var(--cr-white);
  }
  form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    .field {
      background-color: var(--cr-evergreen);
      border-radius: 4px;
    }
    textarea {
      resize: none;
    }
  }
}
.contact-hero {
  height: calc(90vh - var(--s-announcement) - var(--s-header));
  .page-title {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .contact-content {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .contact-hero {
    .img-container {
      img {
        width: 150px !important;
      }
    }
  }
}
#page-showroom {
  .showroom-intro {
    background-color: var(--cr-showroom);
    .bg-pattern-image {
      color: var(--cr-cognac);
      &.top {
        display: none;
      }
    }
    .content-paragraph {
      padding: var(--s-section) var(--s-4);
      .t-h-2,	.btn {
        color: var(--cr-cognac);
      }
    }
    .hover-text {
      cursor: text;
      pointer-events: none;
      &::after {
        display: none;
      }
    }
    .hover-img {
      display: none;
    }
  }
  @media screen and (max-width: 600px) {
    .showroom-intro {
      .content-paragraph {
        padding: var(--s-section) var(--s-2) calc(var(--s-3) * 3);
      }
    }
  }
}
.showroom-gallery {
  &[data-animate] {
    .showroom-slide {
      opacity: 0;
    }
    &.is-animated {
      .showroom-slide {
        animation: fadeIn 1.6s ease-out both;
      }
    }
  }
}
.team-section {
  .section-content {
    padding: var(--s-section) 0;
    .t-h-1 {
      text-align: center;
      margin: 0 0 var(--s-4);
    }
  }
  &[data-animate] {
    .team-list {
      opacity: 0;
    }
    &.is-animated {
      .team-list {
        animation: fadeInUp 1.6s ease-out both;
      }
    }
  }
}
.team-list {
  justify-content: center;
  .team-item {
    width: calc(25% - var(--s-4) * 2);
    margin: 0 var(--s-4);
    max-width: 280px;
    justify-content: space-between;
    .shape-image-container {
      &:after {
        padding-top: 130%;
      }
    }
  }
  .comp-shape-image {
    margin: 0 0 var(--s-4);
  }
  .team-item-content {
    height: 100%;
    text-align: center;
    justify-content: space-between;
    .name {
      white-space: nowrap;
    }
    .btn {
      margin: var(--s-3) 0 0;
      align-self: center;
      font: var(--t-b-1);
      .contact {
        margin-right: var(--s-1);
      }
      span {
        flex: 1;
      }
    }
  }
  @media screen and (max-width: 900px) {
    .team-item {
      width: calc(55% - var(--s-3) * 2);
      margin: 0 var(--s-3) var(--s-section);
    }
    .section-content {
      .t-h-1 {
        margin: 0 0 var(--s-section);
      }
    }
  }
}
.services-section {
  height: 100%;
  justify-content: space-between;
  .section-content {
    padding: var(--s-section) 0;
  }
  .section-image {
    width: 50%;
  }
  .shape-image-container {
    width: 65%;
    max-width: 450px;
    margin: 0 auto;
    &:after {
      padding-top: 130%;
    }
  }
  .section-text {
    width: 50%;
    justify-content: space-evenly;
    .t-h-1 {
      text-align: center;
    }
  }
  .services-list {
    margin: 0 auto;
    .services-item {
      text-align: center;
      margin-bottom: var(--s-2);
      &:not(:last-child) {
        padding: 0 var(--s-4) var(--s-2);
        border-bottom: 2px solid var(--cr-white);
      }
    }
  }
  &[data-animate] {
    .section-image,	.section-text {
      opacity: 0;
    }
    &.is-animated {
      .section-image {
        animation: fadeIn 1.6s ease-out both;
      }
      .section-text {
        animation: fadeInUp 1.6s ease-out both;
      }
    }
  }
  @media screen and (max-width: 900px) {
    .section-image {
      width: 100%;
      margin: 0 0 var(--s-section);
    }
    .section-text {
      width: 100%;
      .t-h-1 {
        margin: 0 0 var(--s-section);
      }
    }
  }
}
.showroom-information-section {
  padding: var(--s-section) 0;
  .comp-image-text-contain {
    .text-content {
      max-width: 100%;
    }
  }
  &[data-animate] {
    .comp-shape-image,	.text-area {
      opacity: 0;
    }
    &.is-animated {
      .comp-shape-image {
        animation: fadeIn 1.6s ease-out both;
      }
      .text-area {
        animation: fadeInUp 1.6s ease-out both;
      }
    }
  }
}
@media screen and (max-width: 900px) {
  .showroom-information-section {
    .comp-shape-image {
      margin-bottom: var(--s-4);
    }
  }
}
@media screen and (max-width: 600px) {
  .showroom-information-section {
    .text-content {
      .t-h-1 {
        font-size: 32px;
      }
    }
  }
}
.showroom-gallery {
  .t-h-1 {
    text-align: center;
    margin: var(--s-section) auto;
  }
}
.showroom-form-section {
  position: relative;
  width: 100%;
  .form-container {
    width: 50%;
  }
  .right-section {
    position: relative;
    width: 50%;
  }
}
@media screen and (max-width: 900px) {
  .showroom-form-section {
    .form-container {
      width: 100%;
    }
    .right-section {
      width: 100%;
      height: 50vh;
    }
  }
}
main {
  .search-header {
    padding: var(--s-section) 0 var(--s-4);
    margin: 0 auto;
    text-align: center;
  }
}
.search-product-list {
  .product-card {
    background-color: var(--cr-white);
  }
}
.search-suggestions {
  justify-content: center;
}
.suggestions-menu {
  margin: 0 var(--s-3);
  > h4 {
    margin-bottom: var(--s-3);
  }
}
.search-results {
  padding: 0 0 var(--s-section);
}
@media screen and (max-width: 600px) {
  .search-suggestions {
    justify-content: flex-start;
  }
  .suggestions-menu {
    width: 50%;
    margin: 0 0 var(--s-4);
  }
}
.minicart {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  z-index: 99;
  color: var(--cr-black);
  form {
    display: none;
    height: calc(100% - 70px);
  }
}
html.cart-has-items {
  .minicart-empty,	.minicart-discover {
    display: none;
  }
  .minicart {
    form {
      display: block;
    }
  }
}
.minicart-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(32, 32, 32, 0.4);
  opacity: 0;
  transition: 0.6s;
}
html {
  &.is-cart-active {
    overflow: hidden;
    .minicart {
      visibility: visible;
      .minicart-slide {
        transform: translate3d(0, 0, 0);
      }
    }
    .minicart-overlay {
      opacity: 1;
    }
    .header-flyout {
      display: none;
    }
  }
}
.minicart-slide {
  position: absolute;
  width: 100%;
  max-width: 490px;
  height: 100%;
  top: 0;
  right: 0;
  padding: calc(var(--s-announcement) + var(--s-header)) var(--s-3) var(--s-3);
  transform: translate3d(100%, 0, 0);
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: var(--cr-starlight);
  transition: 0.6s var(--a-panel);
  background: var(--cr-white);
}
.minicart-status {
  position: relative;
  justify-content: space-between;
  border-bottom: 1px solid #e0e1e2;
  padding: var(--s-4) 0;
  margin: 0 0 calc(var(--s-2) * 2);
  .comp-close {
    width: var(--s-3);
    height: var(--s-3);
    top: calc(var(--s-1) + 5px);
    right: var(--s-1);
    svg {
      transition: 0.3s;
    }
    @media (hover: hover) {
      &:hover svg {
        transform: scale(1.1);
      }
    }
  }
}
.minicart-empty {
  padding: 0 0 var(--s-4);
  border-bottom: 1px solid #e0e1e2;
  margin-bottom: var(--s-4);
}
.minicart-header {
  padding: 0 0 var(--s-4);
  border-bottom: 1px solid #e0e1e2;
  .shipping-message {
    padding: 0 0 calc(var(--s-2) * 2);
    svg {
      width: var(--s-3);
      height: var(--s-3);
    }
  }
  .btn-block {
    margin: var(--s-10) 0 0;
    width: 100%;
  }
  #minicart-footer-view {
    width: 100%;
    margin: var(--s-10) auto 0;
    text-align: center;
  }
}
.minicart-content {
  flex: 1;
  height: 70%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: var(--s-3);
  .items {
    padding-right: var(--s-2);
  }
  .item-edit,	.item-quantity-container {
    display: none;
  }
  &::-webkit-scrollbar {
    width: 4px;
  }
  &::-webkit-scrollbar-track {
    background: var(--cr-starlight);
    border-radius: 4px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: var(--cr-cloud);
    border-radius: 4px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: var(--cr-subdued);
  }
}
.cart-items {
  position: relative;
  .item {
    border-bottom: 1px solid #e0e1e2;
    padding: var(--s-3) 0;
  }
  .item-thumbnail {
    position: relative;
    width: 125px;
    margin: 0 var(--s-2) 0 0;
  }
  .item-info {
    flex: 1;
    .item-info-variant-title {
      p {
        font: var(--t-b-2) !important;
      }
    }
  }
  .item-info-footer {
    justify-content: space-between;
    padding-top: var(--s-3);
    max-width: 80%;
    .input[name='quantity'] {
      padding: 0 var(--s-1);
    }
    .item-remove {
      color: var(--cr-black);
      border-bottom: 1px solid var(--cr-black);
    }
  }
}
@media screen and (max-width: 600px) {
  .minicart-discover {
    .header-menu {
      margin-right: var(--s-5);
      margin-bottom: var(--s-4);
    }
  }
}
@media screen and (max-width: 600px) {
  .footer-content {
    flex-direction: column-reverse;
    .links-item {
      flex: 50%;
      margin-right: 0;
    }
    .copyright-item {
      flex: 50%;
      br {
        display: block;
      }
    }
    .right {
      flex-direction: column-reverse;
      margin-bottom: var(--s-5);
    }
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
    }
  }
}