/* variables */
:root {
  --color-black-1: #000000;
  --color-black-2: #231f20;
  --color-brown: #8f6f62;
  --color-background: #fafafa;
  --color-footer-background: #f2f2f2;
  --color-grey: #929497;
  --color-red: #d50000;
  --color-white-1: #ffffff;
  --color-white-1-85: #ffffffd8;
  --color-white-2: #fafafa;
  --color-yellow: #f9d371;

  --font-sans-serif: "museo-sans", sans-serif;

  --main-footer-height: 287.36px;
  --main-logo-height: 210.94px;

  --spacing-padding-x: 30px;
  --spacing-padding-y: 30px;

  --zoom: 1;
  --zoom-ratio: 1;
}

@media (max-width: 1023px) {
  :root {
    --spacing-padding-x: 20px;
    --spacing-padding-y: 20px;
  }
}
/* global */
*:first-child {
  margin-top: 0;
}
*:last-child {
  margin-bottom: 0;
}
a:link,
a:hover,
a:active,
a:visited {
  color: inherit;
  text-decoration: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  margin: 1em 0;
}
body {
  background-color: var(--color-background);
  cursor: default;
  color: var(--color-black-1);
  font-family: var(--font-sans-serif);
  font-size: 25px;
  font-weight: 300;
  line-height: 1.24;
  margin: 0;
  padding: 0;
}
#zoom {
  --zoom: 0.75;
  --zoom-ratio: 1.3333333333;

  zoom: 75%;
}
figure {
  margin: 0;
  padding: 0;
}
figure img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.logo svg {
  display: block;
}
.section {
  box-sizing: border-box;
}
.wrapper {
  padding: var(--spacing-padding-x);
}
.button {
  background-color: transparent;
  border: solid 1px var(--color-black-2);
  border-radius: 5em;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 0.94em;
  font-weight: 500;
  padding: 0.5em 1em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition-duration: 100ms;
  transition-property: background, color;
}
.button:hover {
  background-color: var(--color-black-2);
  color: var(--color-white-1);
}
.button::after {
  background-image: url("../images/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1em;
  margin: -0.2em 0 0 0.5em;
  transition-duration: 100ms;
  transition-property: transform, filter;
  vertical-align: middle;
  width: 1em;
}
.button:hover::after {
  filter: invert(1);
}
.button:disabled {
  border-color: var(--color-grey);
  color: var(--color-grey);
  cursor: not-allowed;
}
.button:disabled:hover {
  background-color: var(--color-grey);
  color: var(--color-white-1);
}
.button.plus::after {
  background-image: url("../images/plus.svg");
  height: 0.75em;
  width: 0.75em;
}
.button.download::after {
  transform: rotate(90deg);
}
.button.plain::after {
  display: none;
}
.button.loading::after {
  display: inline-block !important;
  background-image: url("../images/loading.svg") !important;
}
.form {
  border: 0;
  display: grid;
  font-size: 18px;
  gap: 0 1.38888888em;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.form label.error {
  display: none !important;
}
.form .label {
  display: block;
  font-size: 0.88em;
  font-weight: 500;
  padding: 0 0 0.2em 1.7em;
  text-transform: uppercase;
}
.form .input,
.form .undefined {
  appearance: none;
  background-color: var(--color-white-1);
  border: solid 1px;
  border-radius: 1.24em;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 1.38888888em;
  font-weight: 300;
  line-height: 1.24;
  outline: 0;
  padding: 0.64em 1.05em;
  width: 100%;
}
.form .input.error {
  border-color: var(--color-red);
}
.form .input option {
  font-size: 12px;
}
.form select.input,
.form select.undefined {
  background-image: url("../images/dropdown.svg");
  background-position: right 1em center;
  background-repeat: no-repeat;
  background-size: 1em;
  cursor: pointer;
  padding-right: 2.5em;
}
.form textarea.input {
  height: calc(7 * 1.24em);
  resize: none;
}
.form .images input[type="url"] {
  appearance: none;
  background-color: transparent;
  border: 0;
  border-bottom: solid 1px transparent;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: none;
  padding: 0;
  width: 100%;
}
.form .images input[type="url"].error,
.form .images input[type="file"].error + span.value {
  border-bottom: solid 1px var(--color-red);
}
.form .images input[type="file"] {
  display: none;
}
.form .images .data {
  padding: 1em 0;
}
.form .images .data .item {
  position: relative;
  line-height: 1.44;
}
.form .images .data .item .remove {
  background-image: url("../images/plus.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 1em;
  position: absolute;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  width: 1em;
}
.form .selectize-control.multi {
  min-height: 5em;
}
.form .selectize-control.multi .selectize-input {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  font-size: inherit;
  outline: none;
  padding: 0 !important;
}
.form .selectize-control.multi .selectize-input > input {
  font-size: inherit;
  margin: 0.25em 0 0.25em 0 !important;
  padding: 0.4em 0 !important;
}
.form .selectize-control.multi .selectize-input [data-value] {
  background-color: var(--color-black-2);
  background-image: none;
  border: 0;
  border-radius: 50px;
  margin: 0.25em 0.25em 0.25em 0;
  padding: 0.4em 0.8em;
}
.form .selectize-control.multi .selectize-dropdown {
  border-radius: 0 0 0.5em 0.5em;
  box-sizing: border-box;
  box-shadow: none;
  left: 0 !important;
  margin: -0.1em 0 0 -1px !important;
  overflow: hidden;
  padding: 0;
  width: calc(100% + 1.5px) !important;
}
.form .selectize-control.multi .selectize-dropdown .create {
  font-size: 0.75em;
  padding: 0.64em 1.05em;
}
.form .checkbox {
  display: block;
  font-size: 0.888em;
  padding: 0 0 0 1.65em;
  position: relative;
}
.form .checkbox.strong {
  font-weight: 500;
  text-transform: uppercase;
}
.form .checkbox input {
  display: none;
}
.form .checkbox input:checked + span::before {
  background-color: var(--color-black-1);
}
.form .checkbox input + span::before {
  border: solid 2px var(--color-white-1);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 0.6em;
  left: 2px;
  margin: -0.15em 0 0 0;
  outline: solid 1px var(--color-black-1);
  position: absolute;
  top: 0.45em;
  vertical-align: middle;
  width: 0.6em;
}
.form .button {
  font-size: 1em;
}
.form .password-input {
  display: block;
  position: relative;
}
.form .password-input .show-password-input {
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 1.75em;
  top: 1.4em;
}
.form .password-input .show-password-input::before {
  background-image: url("../images/password.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 2em;
  width: 2em;
}
.form .password-input .show-password-input.display-password::before {
  opacity: 0.5;
}
.form .field {
  padding: 1.38888888em 0 0;
}
.form .field.full {
  grid-column: span 4;
}
.form .field.half {
  grid-column: span 2;
}
.form .field.triquarter {
  grid-column: span 3;
}
.list.orders,
.list.products,
.list.projects {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}
.list.orders {
  gap: 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.list.orders .order {
  background-color: var(--color-footer-background);
  border-bottom: solid 1px;
  display: grid;
  gap: 1em;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 1em;
}
.list.orders .order:last-child {
  border-bottom: 0;
}
.list.orders .order .detail h6,
.list.orders .order .detail time,
.list.orders .order .detail span {
  display: block;
}
.list.orders .order .detail .number {
  font-weight: 500;
  margin: 0;
}
.list.orders .order .detail .products {
  list-style-type: "-";
  margin: 0.5em 0 0;
  padding-left: 0.5em;
}
.list.orders .order .detail .products .product {
  padding: 0.05em 0.5em;
}
.list.products {
  grid-template-columns: repeat(4, 1fr);
}
.list.products .product,
.list.projects .project {
  transition-duration: 250ms;
  transition-property: all;
}
.list.products .product:hover,
.list.projects .project:hover {
  opacity: 0.5;
}
.list.products .product .thumbnail,
.list.projects .project .thumbnail {
  position: relative;
  overflow: hidden;
}
.list.products .product .thumbnail img,
.list.projects .project .thumbnail img {
  display: block;
  left: 0;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.list.projects .project .thumbnail {
  padding: 66% 0 0 0;
}

.list.projects .project .thumbnail .fullscreen {
  display: none;
  bottom: 10px;
  position: absolute;
  right: 10px;
}
.list.projects .project .thumbnail .fullscreen svg {
  display: block;
  height: 30px;
  width: 30px;
}
.list.projects .project.compact .thumbnail .fullscreen {
  display: block;
}
.list.products .product .thumbnail {
  padding: 76% 0 0 0;
}
.list.products .product .detail {
  padding: 0.35em 0 0;
}
.list.products .product .detail .sku,
.list.products .product .detail .title,
.list.projects .project .detail .title {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.list.products .product .detail .sku {
  font-weight: 300;
}
.list.projects .project .detail {
  padding: 0.75em 0 0;
}
.list.projects .project .detail .title {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
.showcase {
  margin: 0.75em 0;
}
.showcase .heading .title,
.showcase .heading .subtitle {
  margin: 0;
}
.showcase .heading .title {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
}
.showcase .heading .subtitle {
  font-size: 24px;
  font-weight: 300;
}
.showcase .content {
  padding: 1em 0;
}
.showcase .content .information {
  font-size: 16px;
}
.showcase.toggle {
  border-bottom: solid 1px;
}
.showcase.toggle .heading {
  cursor: pointer;
  font-size: 24px;
  list-style: none;
  padding: 0 0 0.5em;
  position: relative;
}
.showcase.toggle .heading::marker,
.showcase.toggle .heading::-webkit-details-marker {
  display: none;
}
.showcase.toggle .heading::after {
  background-image: url("../images/plus.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 0.95em;
  position: absolute;
  right: 0;
  top: 0.135em;
  width: 0.95em;
}
.showcase.toggle[open] .heading::after {
  background-image: url("../images/minus.svg");
}
.showcase.toggle .heading .title {
  font-size: 1em;
}
.woocommerce-notices-wrapper {
  margin: auto;
  width: auto;
}
.woocommerce-notices-wrapper ul,
.woocommerce-notices-wrapper .woocommerce-message {
  list-style: none !important;
  margin: 0 0 2em;
  padding: 0;
}
.woocommerce-notices-wrapper li,
.woocommerce-notices-wrapper .woocommerce-message {
  border-top: solid 1px;
  font-size: 0.64em;
  outline: none;
  padding: 0.5em 0 !important;
}
.woocommerce-notices-wrapper a {
  text-decoration: underline;
}
.woocommerce-notices-wrapper .button {
  display: block;
  margin-top: 0.5em;
  width: fit-content;
}
.menu.header-menu,
.menu.footer-menu {
  font-size: 18px;
  justify-content: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.main-content {
  box-sizing: border-box;
  margin: auto;
  max-width: 1920px;
  min-height: calc(var(--fullscreen-height) - var(--main-logo-height) - var(--main-footer-height));
}

@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
  #zoom {
    --zoom: 1;
    --zoom-ratio: 1;

    zoom: 100%;
  }
  .list.products,
  .list.projects {
    grid-template-columns: 1fr;
  }
  .list.products .product .detail .sku,
  .list.products .product .detail .title,
  .list.projects .project .detail .title {
    font-size: 16px;
  }
  .showcase .heading .title {
    font-size: 20px;
  }
  .showcase .heading .subtitle {
    font-size: 20px;
  }
  .form {
    font-size: 12px;
  }
  .form .label {
    font-size: 1.17em;
    padding: 0 0 0.2em 1.2em;
  }
  .form .input {
    font-size: 1.417em;
    padding: 0.5em 0.95em;
  }
  .form .button {
    font-size: 1em;
  }
  .form .password-input .show-password-input {
    right: 1.2em;
    top: 0.75em;
  }
  .form .password-input .show-password-input::before {
    width: 1.5em;
    height: 1.5em;
  }
  .form .field.half {
    grid-column: span 4;
  }
  .form .field.triquarter {
    grid-column: span 4;
  }
}
.wp-block-image {
  max-width: 1230px;
  margin: 3em auto;
}
.c6-block-images {
  margin: 2em auto;
  max-width: 1484px;
}
.c6-block-images .title {
  font-size: 1.2em;
  margin: 0;
  text-transform: uppercase;
}
.c6-block-images .information {
  font-size: 1em;
}
.c6-block-images .information::before {
  content: "(";
}
.c6-block-images .information::after {
  content: ")";
}
.c6-block-images .images {
  display: grid;
  gap: 1em;
  grid-template-columns: minmax(0, 1fr);
  margin: 1.5em 0 0;
}
.c6-block-images .images .image {
  cursor: zoom-in;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .c6-block-images .title {
    font-size: 1em;
  }
}
.c6-block-columns {
  display: grid;
  margin: 140px auto;
}
.c6-block-columns .image-1 {
  display: flex;
  grid-area: image-1;
}
.c6-block-columns .image-2 {
  display: flex;
  grid-area: image-2;
}
.c6-block-columns .image-1 img,
.c6-block-columns .image-2 img {
  align-self: start;
  height: auto;
}
.c6-block-columns .intro {
  grid-area: intro;
}
.c6-block-columns .detail {
  grid-area: detail;
}
.c6-block-columns .detail .title {
  font-size: 35px;
  margin: 0 0 0.5em;
  text-transform: uppercase;
}
.c6-block-columns .action {
  grid-area: action;
}
.c6-block-columns.type-1 {
  gap: 90px 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "image-1 image-1 image-1 image-2" "detail detail . image-2" "detail detail . image-2" "action action action action";
}
.c6-block-columns.type-1 .image-1 {
  justify-content: flex-end;
  padding-right: 150px;
}
.c6-block-columns.type-1 .image-1 img {
  max-width: 915px;
  width: 100%;
}
.c6-block-columns.type-1 .image-2 {
  align-items: flex-end;
  justify-content: start;
}
.c6-block-columns.type-1 .image-2 img {
  align-self: initial;
  max-width: 355px;
}
.c6-block-columns.type-1 .detail {
  padding-right: 1em;
}
.c6-block-columns.type-1 .action {
  text-align: left;
}
.c6-block-columns.type-2 {
  gap: 75px 0;
  grid-template-areas: "image-1 image-1 detail detail" "image-1 image-1 action action";
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
}
.c6-block-columns.type-2 .image-1 {
  padding-right: 25px;
}
.c6-block-columns.type-2 .image-1 img {
  max-width: 728px;
}
.c6-block-columns.type-2 .detail {
  align-content: end;
}
.c6-block-columns.type-3 {
  gap: var(--spacing-padding-y) var(--spacing-padding-x);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: ". . detail detail" "image-1 image-1 . .";
}
.c6-block-columns.type-3 .image-1 {
  justify-content: end;
}
.c6-block-columns.type-3 .image-1 img {
  max-width: 600px;
}
.c6-block-columns.type-4 {
  gap: calc(var(--spacing-padding-y) * 2) var(--spacing-padding-x);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "intro intro image-1 image-1" "detail detail image-1 image-1";
  max-width: 1228px;
}
.c6-block-columns.type-4 .detail .title {
}
.c6-block-columns.type-4 .image-1 {
  justify-content: center;
}
.c6-block-columns.type-4 .image-1 img {
  max-width: 450px;
}
.c6-block-columns.type-5 {
  gap: var(--spacing-padding-y) var(--spacing-padding-x);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "image-1 image-1 detail detail";
}
.c6-block-columns.type-5 .image-1 {
  justify-content: end;
}
.c6-block-columns.type-5 .image-1 img {
  max-width: 355px;
}

@media (max-width: 1023px) {
  .c6-block-columns .detail {
    padding-bottom: calc(40px - var(--spacing-padding-y));
    padding-top: calc(40px - var(--spacing-padding-y));
  }
  .c6-block-columns .action {
    text-align: center;
  }
  .c6-block-columns.type-1 {
    gap: var(--spacing-padding-y) 0;
    grid-template-areas: "image-1 image-1 image-1 image-1" "image-2 image-2 image-2 image-2" "detail detail detail detail" "action action action action";
  }
  .c6-block-columns.type-1 .image-1 {
    padding-right: 0;
  }
  .c6-block-columns.type-1 .image-1 img {
    max-width: initial;
  }
  .c6-block-columns.type-1 .image-2 img {
    max-width: initial;
  }
  .c6-block-columns.type-2 {
    gap: var(--spacing-padding-y) 0;
    grid-template-areas: "image-1 image-1 image-1 image-1" "detail detail detail detail" "action action action action";
  }
  .c6-block-columns.type-3 {
    grid-template-areas: ". detail detail detail" "image-1 image-1 image-1 .";
  }
  .c6-block-columns.type-4 {
    gap: calc(var(--spacing-padding-y) * 2) calc(var(--spacing-padding-x) * 2);
    grid-template-areas: "intro intro intro intro" "image-1 image-1 image-1 image-1" "detail detail detail detail";
  }
  .c6-block-columns.type-4 .detail {
    padding-top: 0;
  }
  .c6-block-columns.type-5 {
    grid-template-areas: "image-1 image-1 image-1 image-1" "detail detail detail detail";
  }
}

@media (max-width: 767px) {
  .c6-block-columns {
    margin: 75px auto;
  }
  .c6-block-columns .detail .title {
    font-size: 22px;
  }
  .c6-block-columns.type-3 {
    grid-template-areas: "detail detail detail detail" "image-1 image-1 image-1 image-1";
  }
}
.c6-block-contact {
  display: grid;
  gap: 100px var(--spacing-padding-x);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin: auto;
  max-width: 1228px;
}
.c6-block-contact a {
  text-decoration: underline;
}
.c6-block-contact .image {
  margin: 50px auto;
}
.c6-block-contact .contact .title {
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 2em;
  text-transform: uppercase;
}
.c6-block-contact .contact.highlight {
  background-color: transparent;
  grid-column: span 2;
}
.c6-block-contact .contact.highlight .title {
  text-align: center;
}
.c6-block-contact .contact.highlight .descriptions {
  display: grid;
  gap: 25px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

@media (max-width: 767px) {
  .c6-block-contact {
    gap: 50px var(--spacing-padding-x);
    grid-template-columns: minmax(0, 1fr);
  }
  .c6-block-contact .image {
    margin: var(--spacing-padding-y) auto;
  }
  .c6-block-contact .contact.highlight {
    grid-column: 1;
  }
  .c6-block-contact .contact.highlight .descriptions {
    grid-template-columns: minmax(0, 1fr);
  }
}
.c6-block-contact-form {
  margin: 5em auto;
  max-width: 1228px;
}
.c6-block-contact-form .title {
  font-size: 1.2em;
  font-weight: 500;
  text-transform: uppercase;
}
.c6-block-contact-form .message {
  font-size: 16px !important;
  font-weight: 700;
  margin: 2em 0;
  text-transform: uppercase;
}
.c6-block-contact-form .form .message {
  margin: 0;
}
.c6-block-contact-form .form .message:empty {
  display: none;
}
.c6-block-contact-form .form.processing .button[type="submit"]::after {
  display: inline-block !important;
  background-image: url("../images/loading.svg") !important;
}
.c6-block-links {
  margin: 1em auto;
}
.c6-block-links.aligncenter {
  text-align: center;
}

@media (max-width: 767px) {
  .c6-block-links {
    margin-top: 1em;
  }
}
.c6-block-project-details {
  display: grid;
  font-size: 1em;
  grid-template-areas: "details description";
  grid-template-columns: repeat(2, 1fr);
}
.c6-block-project-details .details {
  grid-area: details;
  padding-right: 1em;
}
.c6-block-project-details .details .detail {
  margin: 1.2em 0;
}
.c6-block-project-details .details .detail:first-child {
  margin-top: 0;
}
.c6-block-project-details .details .detail:last-child {
  margin-bottom: 0;
}
.c6-block-project-details .details .label {
  font-size: 1em;
  font-weight: 500;
  margin: 0;
}
.c6-block-project-details .description {
  grid-area: description;
}

@media (max-width: 767px) {
  .c6-block-project-details {
    gap: 1.2em 0;
    grid-template-areas: "details details" "description description";
  }
}
.c6-block-project-gallery {
  display: grid;
  gap: var(--spacing-padding-y) var(--spacing-padding-x);
  grid-template-columns: repeat(3, 1fr);
  margin: 120px 0;
}
.c6-block-project-gallery .image {
  cursor: zoom-in;
  padding: 0 0 100%;
  position: relative;
}
.c6-block-project-gallery .image img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .c6-block-project-gallery {
    grid-template-columns: 1fr;
    margin: 5em 0;
  }
  .c6-block-project-gallery .image {
    padding: 0;
  }
  .c6-block-project-gallery .image img {
    height: auto;
    position: relative;
  }
}
@media (max-width: 767px) {
  .c6-block-project-materials .list.products {
    grid-template-columns: 1fr;
  }
}
.c6-block-project-submission-form {
  margin: 3em auto;
  max-width: 1228px;
}
.c6-block-project-submission-form .message {
  font-size: 16px !important;
  font-weight: 700;
  margin: 2em 0;
  text-transform: uppercase;
}
.c6-block-project-submission-form .form .profession .input[name="data[profession][other]"] {
  margin-top: 0.2em;
}
.c6-block-project-submission-form .form .consent {
  margin-top: 2em;
}
.c6-block-project-submission-form .form .message {
  margin: 0;
}
.c6-block-project-submission-form .form .message:empty {
  display: none;
}
.c6-block-project-submission-form .form.processing .button[type="submit"]::after {
  display: inline-block !important;
  background-image: url("../images/loading.svg") !important;
}
.c6-block-material-columns {
  display: grid;
  gap: 1.2em 25px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 1.2em auto;
}

@media (max-width: 1023px) {
  .c6-block-material-columns {
    margin-top: 3.6em;
  }
  .c6-block-material-columns .column {
    grid-column-end: 5 !important;
    grid-column-start: 1 !important;
  }
}
.c6-block-material-fragment {
  display: grid;
  gap: 50px 25px;
  grid-template-areas: "title title title title" "image image description description" "action action action action";
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 90px auto;
  max-width: 1230px;
}
.c6-block-material-fragment ul li {
  padding: 0 0 0 0.15em;
}
.c6-block-material-fragment ul li::marker {
  content: "\2014";
}
.c6-block-material-fragment .title {
  font-size: 1.2em;
  font-weight: 500;
  grid-area: title;
  margin: 0;
  text-transform: uppercase;
}
.c6-block-material-fragment .image {
  grid-area: image;
  margin: 0;
  padding: 0;
}
.c6-block-material-fragment .image img {
  display: block;
  height: auto;
  width: 100%;
}
.c6-block-material-fragment .description {
  grid-area: description;
}
.c6-block-material-fragment .action {
  grid-area: action;
}
.c6-block-material-fragment.compact {
  gap: 1.2em 25px;
  grid-template-areas: "image image title title" "image image description description";
  grid-template-rows: auto minmax(0, 1fr);
  margin: 45px auto;
}
.c6-block-material-fragment.compact .action {
  display: none;
}
.c6-block-material-fragment.minimal {
  gap: 1.2em 25px;
  grid-template-areas: "title image image image" "description image image image";
  grid-template-rows: auto minmax(0, 1fr);
}
.c6-block-material-fragment.minimal .action {
  display: none;
}

@media (max-width: 1023px) {
  .c6-block-material-fragment {
    gap: 20px;
    grid-template-areas: "title title title title" "image image image image" "description description description description" "action action action action";
  }
  .c6-block-material-fragment.minimal {
    grid-template-areas: "image image image image" "title title title title" "description description description description";
  }
  .c6-block-material-fragment.compact {
    grid-template-areas: "image image image image" "title title title title" "description description description description";
  }
}

@media (max-width: 767px) {
  .c6-block-material-fragment {
    margin: 40px 0;
  }
}
.c6-block-material-fragments {
  display: grid;
  gap: 1.2em 25px;
  grid-template-areas: "title title title title" "detail detail fragments fragments" "menu menu fragments fragments";
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto auto 1fr;
  margin: 90px auto;
  max-width: 1230px;
}
.c6-block-material-fragments:has(.image) {
  grid-template-areas: "title title image image" "detail detail image image" "menu menu fragments fragments";
}
.c6-block-material-fragments ul li {
  padding: 0 0 0 0.15em;
}
.c6-block-material-fragments ul li::marker {
  content: "\2014";
}
.c6-block-material-fragments .menu {
  grid-area: menu;
}
.c6-block-material-fragments .menu .item {
  cursor: pointer;
  display: block;
  margin: 0 0 1em;
  text-transform: uppercase;
  width: fit-content;
}
.c6-block-material-fragments .menu .item:hover {
  text-decoration: underline;
}
.c6-block-material-fragments .menu .item:last-child {
  margin-bottom: 0;
}
.c6-block-material-fragments .menu .item.active {
  text-decoration: underline;
}
.c6-block-material-fragments .title {
  font-size: 1.2em;
  font-weight: 500;
  grid-area: title;
  margin: 0;
  text-transform: uppercase;
}
.c6-block-material-fragments .image {
  grid-area: image;
  height: fit-content;
}
.c6-block-material-fragments .detail {
  grid-area: detail;
}
.c6-block-material-fragments .fragments {
  grid-area: fragments;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "area";
}
.c6-block-material-fragments .fragments .fragment {
  grid-area: area;
  position: relative;
  visibility: hidden;
  z-index: 0;
}
.c6-block-material-fragments .fragments .fragment.active {
  visibility: visible;
  z-index: 1;
}
.c6-block-material-fragments .fragments .fragment .title {
  font-size: 1em;
  text-transform: none;
}
.c6-block-material-fragments .fragments .fragment .title + p {
  min-height: calc(1.24em * 3);
}
.c6-block-material-fragments .fragments .fragment p img {
  display: block;
}
.c6-block-material-fragments.minimal {
  grid-template-areas: "title title title title" "menu fragments fragments fragments" "menu fragments fragments fragments";
  grid-template-rows: auto minmax(0, 1fr);
}
.c6-block-material-fragments.minimal .detail {
  display: none;
}
.c6-block-material-fragments.minimal .fragments .fragment .title {
  display: none;
}
.c6-block-material-fragments.minimal .fragments .fragment .title + p {
  margin-top: 0;
  min-height: initial;
}

@media (max-width: 1023px) {
  .c6-block-material-fragments.minimal {
    grid-template-areas: "title title title title" "menu menu fragments fragments" "menu menu fragments fragments";
  }
}

@media (max-width: 767px) {
  .c6-block-material-fragments {
    grid-template-areas: "title title title title" "detail detail detail detail" "menu menu menu menu" "fragments fragments fragments fragments";
    grid-template-rows: auto;
    margin: 40px 0;
  }
  .c6-block-material-fragments .fragments .fragment {
    padding-top: 1.2em;
  }
  .c6-block-material-fragments.minimal {
    grid-template-areas: "title title title title" "detail detail detail detail" "menu menu menu menu" "fragments fragments fragments fragments";
  }
}
.c6-block-wrapper {
  max-width: 1230px;
  margin: auto;
}
.c6-block-wrapper ol li {
  margin: 1em 0;
}
.c6-block-wrapper ol li:first-child {
  margin-top: 0;
}
.c6-block-wrapper ol li:last-child {
  margin-bottom: 0;
}
.main-header {
  display: grid;
  position: sticky;
  top: 0;
  height: 0;
  z-index: 999;
}
.main-header .navigation {
  display: grid;
  grid-template-areas: ". . header-menu . commerce-menu";
  grid-template-columns: 360px minmax(0, 1fr) auto minmax(0, 1fr) 360px;
  z-index: 99;
}
.main-header .navigation-trigger {
  display: none;
  height: 28px;
  left: calc(50% - (28px / 2));
  position: absolute;
  top: 30px;
  width: 28px;
  z-index: 999;
}
.main-header .navigation-trigger span {
  background-color: var(--color-black-2);
  display: block;
  height: 2px;
  position: absolute;
  transform: translateY(-50%);
  transition-delay: 250ms, 250ms, 0ms;
  transition-duration: 0ms, 250ms, 250ms;
  transition-property: opacity, top, transform;
  width: 100%;
}
.main-header .navigation-trigger.active span {
  transition-delay: 250ms, 0ms, 250ms;
}
.main-header .navigation-trigger span:nth-child(1) {
  top: calc(50% - 10px);
}
.main-header .navigation-trigger span:nth-child(2) {
  top: 50%;
}
.main-header .navigation-trigger span:nth-child(3) {
  top: calc(50% + 10px);
}
.main-header .navigation-trigger.active span:nth-child(1),
.main-header .navigation-trigger.active span:nth-child(3) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.main-header .navigation-trigger.active span:nth-child(2) {
  opacity: 0;
}
.main-header .navigation-trigger.active span:nth-child(3) {
  transform: translateY(-50%) rotate(-45deg);
}
.main-header .logo {
  background-color: transparent;
  display: none;
  grid-area: logo;
  height: auto;
  margin: 0;
  padding: 0;
}
.main-header .logo svg {
  display: block;
  margin: auto;
  max-width: 450px;
}
.main-header .menu {
  display: flex;
  gap: 30px;
  position: relative;
}
.main-header .menu.commerce-menu {
  align-items: center;
  grid-area: commerce-menu;
  justify-content: flex-end;
  padding: 18px var(--spacing-padding-x) 0 0;
  z-index: 1;
}
.main-header .menu.header-menu {
  align-items: center;
  gap: 0 1.5em;
  grid-area: header-menu;
  justify-content: center;
  padding: 18px 0 0;
  z-index: 3;
}
.main-header .menu.header-menu:hover ~ .blocker {
  opacity: 1;
  top: 0;
  /*transform: translateX(0);*/
  transition-delay: 0ms, 0ms, 0ms;
}
.main-header .menu.header-menu .menu-item {
  --background-color: var(--color-background);

  box-sizing: border-box;
  text-align: center;
}
.main-header .menu.header-menu .menu-item.background-color-brown {
  --background-color: var(--color-brown);
}
.main-header .menu.header-menu .menu-item.background-color-grey {
  --background-color: var(--color-grey);
}
.main-header .menu.header-menu .menu-item.background-color-yellow {
  --background-color: var(--color-yellow);
}
.main-header .menu.header-menu .menu-item:hover .sub-menu {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0ms, 0ms;
}
.main-header .menu.header-menu .menu-item:hover .sub-menu[data-depth="0"] {
  transform: translateX(-50%);
}
.main-header .menu.header-menu .menu-item a {
  border: solid 1px transparent;
  border-radius: 100px;
  box-sizing: border-box;
  display: block;
  margin: auto;
  padding: 0.24em 0.85em 0.18em;
  width: fit-content;
}
.main-header .menu.header-menu .menu-item:hover a {
  border-color: inherit;
}
.main-header .menu.sub-menu {
  background-color: transparent;
  display: flex;
  gap: 0;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 50px 0;
  position: absolute;
  right: 0;
  transform: translateX(-1000vh);
  transition-delay: 250ms, 0ms;
  transition-duration: 0ms, 250ms;
  transition-property: transform, opacity;
  z-index: 1;
}
.main-header .menu.sub-menu[data-depth="0"] {
  align-items: flex-start;
  box-sizing: border-box;
  left: 50%;
  min-height: 230px;
  min-width: 100%;
  right: initial;
  width: fit-content;
}
.main-header .menu.sub-menu[data-depth="1"] {
  display: block;
  padding: 1.5em 0 0;
  position: relative;
}
.main-header .menu.sub-menu .menu-item {
  border: 0;
  border-radius: 0;
  border-right: solid 1px;
  padding: 0 1.5em;
}
.main-header .menu.sub-menu .menu-item:last-child {
  border-right: 0;
}
.main-header .menu.sub-menu .menu-item:hover {
  text-decoration: underline;
}
.main-header .menu.sub-menu .menu-item a {
  border-color: transparent !important;
  line-height: 1;
  padding: 0;
}
.main-header .menu.sub-menu[data-depth="0"] .menu-item.menu-item-has-children {
  border-right-width: 2px;
  font-weight: 900;
  max-height: 1em;
  padding: 0 1.7em;
}
.main-header .menu.sub-menu[data-depth="0"] .menu-item.menu-item-has-children:hover {
  text-decoration: none;
}
.main-header .menu.sub-menu[data-depth="1"] .menu-item {
  border-right: 0;
  font-weight: 300;
  margin: 0 0 0.75em;
  padding: 0;
}
.main-header .menu.sub-menu[data-depth="1"] .menu-item:hover {
  text-decoration: underline;
}
.main-header .menu.sub-menu[data-depth="1"] .menu-item:last-child {
  margin-bottom: 0;
}
.main-header .menu-item svg {
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  z-index: 99999;
}
.main-header .menu-item.account {
}
.main-header .menu-item.cart {
  position: relative;
  font-size: 10px;
}
.main-header .menu-item.cart[data-count]:not([data-count="0"])::before {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--color-white-1);
  content: attr(data-count);
  display: block;
  height: 2em;
  line-height: 1;
  overflow: hidden;
  padding: 0.5em;
  position: absolute;
  right: -50%;
  top: -50%;
  text-align: center;
  width: 2em;
}
.main-header .menu-item.search {
  border: solid 1px;
  border-radius: 100px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
}
.main-header .menu-item.search input {
  appearance: none;
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  display: block;
  font-family: var(--font-sans-serif);
  font-size: 18px;
  font-weight: 300;
  height: 42px;
  line-height: inherit;
  outline: 0;
  width: 215px;
  padding: 0 1.2em;
}
.main-header .menu-item.search input::placeholder {
  color: inherit;
}
.main-header .menu-item.search button {
  display: none;
}
.main-header .menu-item-text {
  cursor: pointer;
  text-align: center;
}
.main-header .menu-pointer {
  display: block;
  position: absolute;
}
.main-header .blocker {
  background-color: var(--color-background);
  box-sizing: border-box;
  display: grid;
  gap: 105px;
  grid-template-areas: "filler" "logo";
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  left: 0;
  min-height: var(--fullscreen-height);
  opacity: 0;
  padding: 285px 100px 75px;
  position: absolute;
  right: 0;
  top: -1000vh;
  transition-delay: 100ms, 0ms, 0ms;
  transition-duration: 0ms, 100ms, 100ms;
  transition-property: top, opacity, background;
  /*transform: translateX(-1000vh);*/
  z-index: 2;
}
.main-header .blocker .filler {
  border-collapse: collapse;
  grid-area: filler;
}
.main-header .blocker .filler-column {
  border: solid 1px;
  border-bottom: 0;
  border-top: 0;
}
.main-header .blocker .logo {
  display: block;
}

@media (max-width: 1229px) {
  .main-header .navigation {
    grid-template-areas: "header-menu header-menu header-menu header-menu commerce-menu";
  }
  .main-header .menu.header-menu {
    justify-content: start;
    padding-left: var(--spacing-padding-x);
  }
  .main-header .menu.sub-menu {
    justify-content: start;
    padding-left: calc(var(--spacing-padding-x) - 0.6em);
  }
}
@media (max-width: 767px) {
  .main-header .navigation {
    box-sizing: border-box;
    display: grid;
    gap: 50px;
    grid-template-areas: "header-menu" "commerce-menu" "logo";
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 1fr auto auto;
    height: 100vh;
    opacity: 0;
    overflow: auto;
    padding: 80px var(--spacing-padding-x) calc(var(--spacing-padding-y) * 2);
    position: fixed;
    top: -300vh;
    transition-delay: 0ms, 100ms;
    transition-duration: 100ms, 0ms;
    transition-property: opacity, top;
    width: 100vw;
  }
  .main-header .navigation.active {
    opacity: 1;
    top: 0;
    transition-delay: 0ms, 0ms;
  }
  .main-header .navigation.active .blocker {
    top: 0;
    /*transform: translateX(0);*/
    transition-delay: 0ms, 0ms, 0ms;
  }
  .main-header .navigation-trigger {
    display: block;
  }
  .main-header .menu.header-menu,
  .main-header .menu.commerce-menu {
    padding: 0;
    z-index: 99;
  }
  .main-header .menu.header-menu {
    flex-direction: column;
    width: 100%;
  }
  .main-header .menu.commerce-menu {
    flex-wrap: wrap;
    gap: 50px 25px;
    justify-content: center;
    margin: auto;
    max-width: 235px;
  }
  .main-header .menu.header-menu .menu-item {
    width: 100%;
  }
  .main-header .menu.header-menu .menu-item .sub-menu[data-depth="0"] {
    display: none;
  }
  .main-header .menu.header-menu .menu-item:hover .sub-menu[data-depth="0"] {
    display: block;
  }
  .main-header .menu.sub-menu {
    flex-direction: column;
    padding: 1em 0;
    position: relative;
  }
  .main-header .menu.sub-menu .menu-item {
    border-bottom: solid 1px;
    border-right: 0;
    padding: 0.5em 0;
  }
  .main-header .menu.sub-menu[data-depth="0"] {
    min-height: initial;
    padding-top: 0.6em;
  }
  .main-header .menu.sub-menu[data-depth="1"] {
    padding: 0.5em 0 0;
  }
  .main-header .menu.sub-menu[data-depth="0"] .menu-item.menu-item-has-children {
    max-height: initial;
    padding: 1em 0;
  }
  .main-header .menu.sub-menu[data-depth="0"] .menu-item.menu-item-has-children:first-child {
    padding-top: 0.5em;
  }
  .main-header .menu.sub-menu[data-depth="1"] .menu-item {
    border-bottom: 0;
    margin-bottom: 0.5em;
  }
  .main-header .menu-item.search {
    max-width: 235px;
    width: 100%;
  }
  .main-header .menu-item.search input {
    width: 100%;
  }
  .main-header .logo {
    align-self: end;
    display: block;
    margin: auto;
    width: clamp(233px, 63vw, 375px);
  }
  .main-header .blocker {
    opacity: 1;
    padding-left: var(--spacing-padding-x);
    padding-right: var(--spacing-padding-x);
    position: fixed;
    /*transform: translateX(-300vh);*/
    transition-delay: 100ms, 0ms, 0ms;
  }
  .main-header .blocker .logo,
  .main-header .blocker .filler {
    display: none;
  }
}
.main-footer {
  background-color: var(--color-footer-background);
  display: grid;
  font-size: 14px;
  gap: 20px 0;
  grid-template-areas: "footer-menu logo" "copyright policy-menu";
  grid-template-columns: auto auto;
  grid-template-rows: minmax(190px, 1fr) auto;
  padding: var(--spacing-padding-y) var(--spacing-padding-x);
}
.main-footer .logo {
  grid-area: logo;
  justify-self: end;
}
.main-footer .logo svg:nth-child(1) {
  width: 256px;
}
.main-footer .logo svg:nth-child(2) {
  display: none;
  height: 317px;
}
.main-footer .menu {
  display: flex;
}
.main-footer .menu.footer-menu {
  align-items: flex-start;
  gap: 2.22em clamp(20px, 10.4vw, 200px);
  grid-area: footer-menu;
  justify-content: flex-start;
}
.main-footer .menu.footer-menu .menu-item.menu-item-has-children {
  font-weight: 900;
}
.main-footer .menu.footer-menu .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  padding: 0.4em 0 0;
}
.main-footer .menu.footer-menu .sub-menu .menu-item {
  font-weight: 500;
}
.main-footer .menu.policy-menu {
  gap: 2.85em;
  grid-area: policy-menu;
  justify-content: flex-end;
}
.main-footer .copyright {
  font-size: inherit;
  grid-area: copyright;
}

@media (max-width: 1023px) {
  .main-footer {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "footer-menu logo" "policy-menu logo" "copyright logo";
  }
  .main-footer .logo {
    justify-self: end;
  }
  .main-footer .logo svg:nth-child(1) {
    display: none;
  }
  .main-footer .logo svg:nth-child(2) {
    display: block;
  }
  .main-footer .menu.policy-menu {
    flex-direction: column;
    gap: 0.5em;
  }
  .main-footer .copyright {
    align-items: end;
  }
}

@media (max-width: 767px) {
  .main-footer {
    gap: 50px;
    padding: calc(var(--spacing-padding-y) * 2) var(--spacing-padding-x);
  }
  .main-footer .menu {
    margin-left: 0;
  }
  .main-footer .menu.footer-menu {
    align-items: flex-start;
    flex-direction: column;
    font-size: 14px;
    gap: 2em;
    justify-items: flex-start;
    padding-bottom: 20px;
  }
  .main-footer .copyright {
    align-items: end;
  }
}
.main-lightbox {
  background-color: var(--color-white-1-85);
  bottom: 0;
  display: none;
  left: 0;
  overflow: scroll;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}
.main-lightbox.active {
  display: block;
}
.main-lightbox .content {
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: var(--spacing-padding-y) var(--spacing-padding-x) var(--spacing-padding-y);
  position: absolute;
  right: 0;
  width: 100%;
}
.main-lightbox .content img {
  display: block;
  height: 100%;
  margin: auto;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}
.main-lightbox .content .confirm:not(.button) {
  align-self: center;
  background-color: var(--color-white-1);
  border: solid 1px;
  font-size: 0.75em;
  justify-self: center;
  padding: var(--spacing-padding-y) var(--spacing-padding-x);
  max-width: 500px;
}
.main-lightbox .close {
  height: 40px;
  position: absolute;
  right: var(--spacing-padding-x);
  top: var(--spacing-padding-y);
  width: 40px;
}
.main-lightbox .close svg {
  display: block;
  height: 100%;
  transform: rotate(45deg);
  width: 100%;
}
.main-lightbox .close svg line {
  stroke: var(--color-black-2);
}

@media (max-width: 767px) {
  .main-lightbox .content {
    padding-top: 70px;
  }
  .main-lightbox .close {
    height: 28px;
    top: 30px;
    width: 28px;
  }
}
.main-image .image {
  margin: 0;
  padding: 0;
  width: 100%;
  height: var(--fullscreen-height);
}
.main-image .image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.main-logo {
  margin: 0 auto;
  padding: 140px var(--spacing-padding-x) calc(60px - var(--spacing-padding-y));
  position: sticky;
  top: 0;
  background: var(--color-background);
  /*background: linear-gradient(180deg, var(--color-background) 0%, var(--color-background) 85%, rgba(250, 250, 250, 0) 100%);*/
  z-index: 99;
}
.main-logo .logo {
  --transform-scale: 1.2953125; /*0.95625;*/
  --transform-translateY: -200;

  display: block;
  margin: auto;
  transform: scale(95vw) translateY(-150);
  transform-origin: bottom;
  width: 450px;
}
.main-logo .logo svg {
  display: block;
  margin: auto;
  width: 100%;
}

@media (max-width: 767px) {
  .main-logo {
    margin: 0 auto;
    padding: 85px var(--spacing-padding-x) calc(55px - var(--spacing-padding-y));
    top: 0;
  }
  .main-logo .logo {
    --transform-scale: 0.9066666667;
    --transform-translateY: -140;

    width: 235px;
  }
}
.section.content-default {
  font-size: 23px;
}
.section.content-default a[target="_blank"][rel*="nofollow"] {
  border: solid 1px;
  border-radius: 5em;
  display: inline-block;
  font-size: 0.92em;
  margin: 0.75em 0;
  padding: 0.6em 1.2em;
}
.section.content-default a[target="_blank"][rel*="nofollow"]::after {
  background-image: url("../images/arrow.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1em;
  margin: -0.2em 0 0 0.5em;
  transform: rotate(-45deg);
  vertical-align: middle;
  width: 1em;
}
.section.content-default ol {
  list-style: none !important;
  padding: 0 0 0 1.1em;
}
.section.content-default ol ul {
  list-style: none !important;
  padding: 0 0 0 1.1em;
}
.section.content-default ol li {
  padding: 0 0 0 0.6em;
  position: relative;
}
.section.content-default ol li::marker {
  display: none;
}
.section.content-default ol li::before {
  content: "(" counter(list-item) ")";
  left: -1.1em;
  position: absolute;
  top: 0;
}
.section.content-default ol[style*="list-style-type:upper-alpha"] li::before {
  content: "(" counter(list-item, upper-alpha) ")";
}
.section.content-default ol[style*="list-style-type:lower-alpha"] li::before {
  content: "(" counter(list-item, lower-alpha) ")";
}
.section.content-default ol[style*="list-style-type:lower-alpha"] ul li::before {
  content: "(" counter(list-item, lower-roman) ")";
}
.section.content-default ol[style*="list-style-type:upper-roman"] li::before {
  content: "(" counter(list-item, upper-roman) ")";
}
.section.content-default ol[style*="list-style-type:lower-roman"] li::before {
  content: "(" counter(list-item, lower-roman) ")";
}
.section.content-default ol[style*="list-style-type:lower-roman"] ul li::before {
  content: "(" counter(list-item, lower-alpha) ")";
}
.section.content-default ol.number-highlight {
  box-sizing: border-box;
  list-style-position: outside;
  margin: auto;
  max-width: 1100px;
  padding: 0 0 0 2em;
}
.section.content-default ol.number-highlight li {
  margin: 1em 0;
  padding: 0.95em 0 0 calc(110px - 2em);
}
.section.content-default ol.number-highlight li::before {
  content: counter(list-item) "  ";
  font-size: 1.95em;
  font-weight: 300;
}
.section.content-default ul {
  list-style-type: disc;
  padding: 0 0 0 0.85em;
}
.section.content-default ul li {
  padding: 0 0 0 0.9em;
}
.section.content-default h1,
.section.content-default h2,
.section.content-default h3,
.section.content-default h4,
.section.content-default h5,
.section.content-default h6 {
  font-size: 1.24em;
}
.section.content-default h5,
.section.content-default h6 {
  font-size: 1em;
}
.section.content-default strong {
  font-weight: 500;
}
.section.content-default sup {
  font-size: 0.55em;
}
.section.content-default p {
  font-size: 1em;
  margin: 1em auto;
}
.section.content-default p:first-child {
  margin-top: 0;
}
.section.content-default p:last-child {
  margin-bottom: 0;
}
.section.content-default p.has-small-font-size {
  font-size: inherit;
}
.section.content-default p.has-medium-font-size,
.section.content-default p.has-large-font-size,
.section.content-default p.has-x-large-font-size {
  font-size: 1.72em;
}
.section.content-default span.font-kozuka-gothic-pr6n {
}
.section.content-default .has-max-width-825 {
  margin-left: auto;
  margin-right: auto;
  max-width: 825px;
}
.section.content-default .page-title {
  background-color: var(--color-black-2);
  border: solid 1px;
  border-radius: 3em;
  color: var(--color-white-2);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 auto 3.125em;
  max-width: max-content;
  padding: 0.2em 0.7em 0.175em;
  text-align: center;
  text-transform: uppercase;
}
.section.content-default .woocommerce-notices-wrapper ul,
.section.content-default .woocommerce-NoticeGroup ul {
  padding: 0;
}
.section.content-default .woocommerce-notices-wrapper ul li::before,
.section.content-default .woocommerce-NoticeGroup ul li::before {
  display: none;
}
.section.content-default .woocommerce-notices-wrapper .woocommerce-error,
.section.content-default .woocommerce-NoticeGroup .woocommerce-error {
  color: var(--color-red);
}
.section.content-default .woocommerce-notices-wrapper .woocommerce-error li[data-id],
.section.content-default .woocommerce-NoticeGroup .woocommerce-error li[data-id] {
  display: none;
}
.section.content-default .container {
  margin: auto;
  padding: calc(var(--spacing-padding-y) * 3) var(--spacing-padding-x) calc(var(--spacing-padding-y) * 5);
}
.section.content-default .container > *:first-child {
  margin-top: 0 !important;
}
.section.content-default .container > *:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1023px) {
}

@media (max-width: 767px) {
  .section.content-default {
    font-size: 16px;
  }
  .section.content-default p {
    margin: 1em auto;
  }
  .section.content-default p.has-medium-font-size,
  .section.content-default p.has-large-font-size,
  .section.content-default p.has-x-large-font-size {
    font-size: 22px;
  }
  .section.content-default .page-title {
    font-size: 21px;
    margin-bottom: 2em;
  }
  .section.content-default .container {
    padding: var(--spacing-padding-y) var(--spacing-padding-x) calc(var(--spacing-padding-y) * 3);
  }
}
@keyframes families-loading {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}

@keyframes button-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.section.archive-product {
  font-size: 25px;
}
.section.archive-product .categories {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.96em;
  gap: 0.25em;
  grid-area: categories;
  justify-content: center;
}
.section.archive-product .categories .category {
  border: solid 1px transparent;
  border-radius: 3em;
  cursor: pointer;
  font-size: inherit;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0;
  max-width: max-content;
  padding: 0.2em 0.6em;
  text-transform: uppercase;
  transition: all 250ms;
}
.section.archive-product .categories .category:hover,
.section.archive-product .categories .category.active {
  background-color: var(--color-black-2);
  border: solid 1px inherit;
  color: var(--color-white-2);
}
.section.archive-product .sidebar {
  grid-area: sidebar;
}
.section.archive-product .sidebar .filtering .trigger {
  display: none;
  margin: auto auto 1.2em;
  width: fit-content;
}
.section.archive-product .sidebar .filtering .trigger::before {
  content: "Filter";
}
.section.archive-product .sidebar .filtering .filters {
  border-top: solid 1px;
  margin-bottom: 2em;
}
.section.archive-product .sidebar .filtering .filters .action {
  font-size: 0.713em;
  margin: 1.2em 0 0;
  text-align: center;
}
.section.archive-product .sidebar .filtering .filters .action .submit {
  display: none;
}
.section.archive-product .sidebar .filtering .filters .catalogue {
  font-size: 0.713em;
  margin-top: 2em;
  text-align: center;
}
.section.archive-product .sidebar .filtering .filter {
  margin: 0.4em 0 0;
}
.section.archive-product .sidebar .filtering .filter .heading {
  font-size: 0.88em;
}
.section.archive-product .sidebar .filtering .filter .heading .title {
  text-transform: none;
}
.section.archive-product .sidebar .filtering .filter .content {
  font-size: 0.72em;
  padding: 0 0 0.5em;
}
.section.archive-product .sidebar .filtering .filter .term {
  cursor: pointer;
  display: block;
  margin: 0.2em 0;
}
.section.archive-product .sidebar .filtering .filter .term input {
  display: none;
}
.section.archive-product .sidebar .filtering .filter .term input:checked + span::before {
  background-color: var(--color-black-1);
}
.section.archive-product .sidebar .filtering .filter .term span {
  display: block;
  padding: 0 0 0 1.2em;
  position: relative;
}
.section.archive-product .sidebar .filtering .filter .term span::before {
  border: solid 2px var(--color-white-1);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 0.6em;
  left: 2px;
  margin: -0.15em 0 0 0;
  outline: solid 1px var(--color-black-1);
  position: absolute;
  top: 0.45em;
  vertical-align: middle;
  width: 0.6em;
}
.section.archive-product .content {
  grid-area: content;
}
.section.archive-product .content .description {
  margin: -0.25em 0 2em;
  max-width: 1133px;
}
.section.archive-product .content .families.loading {
  /*animation-name: families-loading;
  animation-duration: 1000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;*/
}
.section.archive-product .content .family {
  margin: 1em 0;
}
.section.archive-product .content .family:first-child {
  margin-top: 0;
}
.section.archive-product .content .family:last-child {
  margin-bottom: 0;
}
.section.archive-product .content .family .heading .title {
  font-size: 1.28em;
}
.section.archive-product .content .family .footer {
  padding: 1.5em 0;
  text-align: center;
}
.section.archive-product .content .family .footer .button.loading::after {
  background-image: url("../images/loading.svg") !important;
}
.section.archive-product .content .family .content:first-child {
  padding-top: 0;
}
.section.archive-product .container {
  display: grid;
  gap: 75px 50px;
  grid-template-areas: "categories categories" "sidebar content";
  grid-template-columns: 280px minmax(0, 1fr);
  padding: calc(var(--spacing-padding-y) * 3) var(--spacing-padding-x);
}

@media (max-width: 1279px) {
  .section.archive-product .list.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .section.archive-product .container {
    grid-template-areas: "categories categories" "sidebar sidebar" "content content";
  }
}

@media (max-width: 767px) {
  .section.archive-product {
    font-size: 16px;
  }
  .section.archive-product .categories {
    font-size: 1.3125em;
  }
  .section.archive-product .sidebar .filtering .trigger {
    display: block;
  }
  .section.archive-product .sidebar .filtering .trigger.active::before {
    content: "Close";
  }
  .section.archive-product .sidebar .filtering .trigger.active::after {
    transform: rotate(45deg);
  }
  .section.archive-product .sidebar .filtering .trigger.active + .filters {
    display: block;
  }
  .section.archive-product .sidebar .filtering .filters {
    display: none;
  }
  .section.archive-product .sidebar .filtering .filters .action {
    font-size: 1em;
  }
  .section.archive-product .sidebar .filtering .filters .action .submit {
    display: inline-block;
  }
  .section.archive-product .sidebar .filtering .filters .catalogue {
    font-size: 1.125em;
  }
  .section.archive-product .sidebar .filtering .filter .heading {
    font-size: 1.375em;
  }
  .section.archive-product .sidebar .filtering .filter .content {
    font-size: 1em;
  }
  .section.archive-product .container {
    padding-top: 0;
    gap: 25px;
  }
}
.section.archive-project .container {
  max-width: 1486px;
}
.section.page-cart .cart {
  margin: auto;
  max-width: 600px;
}
.section.page-cart .cart-item {
  border-bottom: solid 1px;
  display: grid;
  font-size: 16px;
  gap: 20px;
  grid-template-areas: "thumbnail detail" "thumbnail remove";
  grid-template-columns: 200px minmax(0, 1fr);
  padding: 1em 0;
}
.section.page-cart .cart-item:first-child {
  border-top: solid 1px;
}
.section.page-cart .cart-item .thumbnail {
  grid-area: thumbnail;
  padding: 76% 0 0 0;
  position: relative;
}
.section.page-cart .cart-item .thumbnail img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.section.page-cart .cart-item .detail .family {
  font-size: 1.125em;
  font-weight: 700;
  margin: 0 0 0.5em;
  text-transform: uppercase;
}
.section.page-cart .cart-item .detail .title,
.section.page-cart .cart-item .detail .sku {
  font-size: 1.125em;
  font-weight: 500;
  margin: 0;
}
.section.page-cart .cart-item .detail .title {
  text-transform: none;
}
.section.page-cart .cart-item .detail .sku {
  font-weight: 300;
}
.section.page-cart .cart-item .remove {
  align-self: end;
  border-radius: 0;
  color: inherit !important;
  display: block;
  font-size: 0.8em;
  font-weight: inherit;
  grid-area: remove;
  height: auto;
  line-height: 1;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
  width: auto;
}
.section.page-cart .cart-item .remove:hover {
  background-color: transparent;
}
.section.page-cart .action {
  margin: 2em auto;
  max-width: 600px;
  text-align: center;
}
.section.page-cart .woocommerce-notices-wrapper {
  max-width: 600px;
}

@media (max-width: 767px) {
  .section.page-cart .cart-item {
    font-size: 16px;
    gap: 15px;
    grid-template-areas: "thumbnail" "detail" "remove";
    grid-template-columns: minmax(0, 1fr);
  }
}
.section.page-checkout {
  margin: auto;
  font-size: 18px;
}
.section.page-checkout .checkout {
  margin: auto;
  max-width: 1228px;
}
.section.page-checkout .title {
  font-size: 1.38888em;
  margin: 0.5em 0;
  text-transform: uppercase;
}
.section.page-checkout .cart.review {
  margin: 1em 0;
  max-width: initial;
}
.section.page-checkout .cart.review .cart-item {
  grid-template-areas: "thumbnail detail";
}
.section.page-checkout .form .hidden {
  display: none !important;
}
.section.page-checkout .form .form-row {
  margin: 0;
  padding: 1.3888888em 0 0;
}
.section.page-checkout .form .form-row::before,
.section.page-checkout .form .form-row::after {
  display: none !important;
}
.section.page-checkout .form .form-row.woocommerce-invalid .input {
  border-color: var(--color-red);
}
.section.page-checkout .form .label .required {
  display: none;
}
.section.page-checkout .form.terms {
  margin-bottom: 2em;
}
.section.page-checkout .form.terms .field {
  padding-top: 0;
}
.section.page-checkout .form.terms .field a {
  text-decoration: underline;
}
.section.page-checkout .woocommerce-additional-fields {
  margin: 0 0 3em;
}
.section.page-checkout #payment {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
}
.section.page-checkout #payment .place-order {
  padding: 0;
}
.section.page-checkout #payment .woocommerce-privacy-policy-text {
  font-size: 0.8888888889em;
  margin: 0 0 2em;
}
.section.page-checkout #payment .woocommerce-privacy-policy-text a:link {
  text-decoration: underline;
}
.section.page-checkout #payment #place_order {
  float: none;
  font-size: 1.2011111111em;
}
.section.page-checkout .woocommerce-order {
  margin: auto;
  max-width: 1228px;
}
.section.page-checkout .woocommerce-order .order_details {
  margin: 1em 0;
  max-width: initial;
  padding: 0;
}
.section.page-checkout .woocommerce-order .order_details li {
  float: none;
  padding: 0;
}
.section.page-checkout .woocommerce-order .order_details li::before {
  display: none;
}
.section.page-checkout .address {
  border: 0;
  font-style: normal;
  padding: 0;
}
.section.page-checkout .thank-you {
  margin-bottom: 0.5em;
}
.section.page-checkout ul {
  list-style: none;
}

@media (max-width: 767px) {
  .section.page-checkout .cart.review .cart-item {
    grid-template-areas: "thumbnail" "detail";
  }
}
.section.page-my-account {
  font-size: 18px;
}
.section.page-my-account a {
  text-decoration: underline;
}
.section.page-my-account .title {
  font-size: 2.39em;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.section.page-my-account .form {
  border: 0;
}
.section.page-my-account .form.login,
.section.page-my-account .form.forgot {
  margin: auto;
  max-width: 600px;
}
.section.page-my-account .form.login .field.remember {
  display: none;
}
.section.page-my-account .form.login .field.forgot {
  align-self: end;
}
.section.page-my-account .form.login .field.submit,
.section.page-my-account .form.forgot .field.submit {
  align-self: end;
  justify-self: end;
  padding-top: 1em;
}
.section.page-my-account .form.register {
  margin: auto;
  max-width: 1230px;
}
.section.page-my-account .form.register wc-order-attribution-inputs {
  display: none;
}
.section.page-my-account .form.edit .field.filler,
.section.page-my-account .form.register .field.filler {
  padding-top: 0;
}
.section.page-my-account .form.edit .field.associate,
.section.page-my-account .form.register .field.associate {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}
.section.page-my-account .form.edit .field.associate,
.section.page-my-account .form.register .field.associate {
  align-items: center;
}
.section.page-my-account .form.edit .field.associate .label,
.section.page-my-account .form.register .field.associate .label {
  font-size: 1.1667em;
  font-weight: 300;
  padding-bottom: 0;
  padding-left: 1.2em;
  text-transform: none;
}
.section.page-my-account .form.account [data-profile-group],
.section.page-my-account .form.account [data-shipping-group] {
  display: none !important;
}
.section.page-my-account .form.account[data-profile="architect-designer"] [data-profile-group*="architect-designer"],
.section.page-my-account .form.account[data-profile="contractor"] [data-profile-group*="contractor"],
.section.page-my-account .form.account[data-profile="end-user"] [data-profile-group*="end-user"],
.section.page-my-account .form.account[data-profile="others"] [data-profile-group*="others"] {
  display: inherit !important;
}
.section.page-my-account .form.account[data-profile="end-user"] [data-shipping-group*="yes"],
.section.page-my-account .form.account[data-profile="others"] [data-shipping-group*="yes"],
.section.page-my-account .form.account[data-shipping="yes"] [data-shipping-group*="yes"] {
  display: inherit !important;
}
.section.page-my-account .form.login + .information {
  margin: 5em 0 0;
  text-align: center;
}
.section.page-my-account .my-account {
  margin: auto;
  max-width: 1230px;
  text-align: left;
}
.section.page-my-account .my-account .showcase .title {
  text-align: left;
}
.section.page-my-account .my-account .logout {
  margin-top: 2em;
}

@media (max-width: 767px) {
  .section.page-my-account {
    font-size: 16px;
  }
  .section.page-my-account .title {
    font-size: 1.375em;
  }
  .section.page-my-account .form.login {
    padding: 0;
  }
  .section.page-my-account .form.login .field.half {
    grid-column: span 2;
  }
  .section.page-my-account .form.login .field.forgot {
    font-size: 1.333em;
    text-wrap: nowrap;
  }
  .section.page-my-account .form.login .field.submit {
    padding-top: 2em;
  }
}
.section.search-product .sidebar {
  display: none;
}
.section.search-product .container {
  grid-template-areas: "content content";
}

@media (max-width: 1023px) {
  .section.search-product .container {
    grid-template-areas: "content content";
  }
}
.section.single-product {
  font-size: 25px;
  margin: auto;
  max-width: 1485px;
}
.section.single-product .breadcrumbs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0 0 25px;
}
.section.single-product .breadcrumbs li {
  display: block;
  font-size: 0.96em;
  font-weight: 500;
  text-transform: uppercase;
}
.section.single-product .breadcrumbs li::after {
  content: "/";
  display: inline-block;
  margin: 0 0.5em;
}
.section.single-product .breadcrumbs li:last-child:after {
  display: none;
}
.section.single-product .gallery {
  grid-area: gallery;
  padding: 76% 0 0 0;
  position: relative;
}
.section.single-product .gallery img {
  cursor: zoom-in;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.section.single-product .gallery .fullscreen {
  bottom: 1em;
  cursor: pointer;
  display: block;
  height: 43px;
  object-fit: cover;
  position: absolute;
  right: 1em;
  width: 52px;
}
.section.single-product .gallery .fullscreen svg {
  display: block;
  height: 100%;
  width: 100%;
}
.section.single-product .detail {
  grid-area: detail;
}
.section.single-product .detail .family,
.section.single-product .detail .title,
.section.single-product .detail .sku {
  display: block;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}
.section.single-product .detail .family {
  font-size: 1.12em;
  margin-bottom: 1.6em;
  margin-top: -0.2em;
}
.section.single-product .detail .title {
  font-size: 1.6em;
}
.section.single-product .detail .sku {
  font-size: 0.8em;
}
.section.single-product .action {
  grid-area: action;
  align-self: self-end;
}
.section.single-product .action .button {
  font-size: 0.72em;
  font-weight: 500;
  margin-bottom: 0.25em;
}
.section.single-product .action .button.download::after {
  transform: rotate(90deg);
}
.section.single-product .action .button.add-to-cart::after {
  background-image: url("../images/cart.add.svg");
}
.section.single-product .action .information {
  display: block;
  font-size: 0.64em;
  font-weight: 300;
  margin: var(--spacing-padding-y) 0 0;
}
.section.single-product .attributes {
  border-collapse: collapse;
  display: grid;
  grid-area: attributes;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 25px;
  margin-bottom: 45px;
}
.section.single-product .attributes .attribute {
  border: solid 1px;
  border-bottom: 0;
  border-top: 0;
  box-sizing: border-box;
  margin: 0 -1px 0 0;
}
.section.single-product .attributes .attribute .title,
.section.single-product .attributes .attribute .terms {
  font-size: 0.8em;
  margin: 0;
  padding: 1em;
}
.section.single-product .attributes .attribute .title {
  border-bottom: solid 1px;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 0;
}
.section.single-product .attributes .attribute .terms {
  list-style: none;
  padding-bottom: 0;
}
.section.single-product .showcase {
  grid-column: 1 / span 2;
  margin: 0;
}
.section.single-product .showcase .heading .title {
  font-weight: 700;
}
.section.single-product .showcase.inspiration {
}
.section.single-product .showcase.inspiration .list.projects {
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  padding: 20px 0;
}
.section.single-product .showcase.inspiration .list.projects .project .detail {
  display: none;
}
.section.single-product .showcase.family .list.products {
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  padding: 20px 0;
}
.section.single-product .showcase.available-in-laminate .list,
.section.single-product .showcase.available-in-compact .list,
.section.single-product .showcase.available-in-module .list {
  font-size: 0.84em;
  list-style: none;
  padding: 0;
}
.section.single-product .showcase.available-in-laminate .list li,
.section.single-product .showcase.available-in-compact .list li,
.section.single-product .showcase.available-in-module .list li {
  margin-bottom: 0.75em;
}
.section.single-product .showcase.available-in-laminate .list li:last-child,
.section.single-product .showcase.available-in-compact .list li:last-child,
.section.single-product .showcase.available-in-module .list li:last-child {
  margin-bottom: 0;
}
.section.single-product .showcase.available-in-laminate .list li a,
.section.single-product .showcase.available-in-compact .list li a,
.section.single-product .showcase.available-in-module .list li a {
  text-decoration: underline;
}
.section.single-product .showcase.complementary-edge-band .text {
  font-size: 0.84em;
}
.section.single-product .container {
  display: grid;
  gap: 50px;
  grid-template-areas: "breadcrumbs breadcrumbs" "gallery detail" "gallery action" "attributes attributes" "inspiration inspiration";
  grid-template-columns: 60% calc(40% - 50px);
  padding: calc(var(--spacing-padding-y) * 3) var(--spacing-padding-x);
}

@media (max-width: 767px) {
  .section.single-product {
    font-size: 16px;
  }
  .section.single-product .gallery .fullscreen {
    height: 30px;
    width: 37px;
  }
  .section.single-product .gallery-fullscreen {
    padding-top: 70px;
  }
  .section.single-product .gallery-fullscreen .close {
    height: 28px;
    top: 30px;
    width: 28px;
  }
  .section.single-product .detail .family {
    font-size: 1em;
    margin-bottom: 0.8em;
  }
  .section.single-product .detail .title {
    font-size: 1.375em;
  }
  .section.single-product .detail .sku {
    font-size: 0.75em;
  }
  .section.single-product .action .button {
    font-size: 0.74em;
  }
  .section.single-product .action .information {
    font-size: 0.5625em;
  }
  .section.single-product .attributes {
    gap: var(--spacing-padding-y) 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 25px;
  }
  .section.single-product .showcase.toggle .heading {
    font-size: inherit;
  }
  .section.single-product .showcase .title {
    font-size: 1.25em;
  }
  .section.single-product .showcase .subtitle {
    font-size: 1em;
    margin-top: 1em;
  }
  .section.single-product .showcase .content .information {
    font-size: 1em;
  }
  .section.single-product .showcase.inspiration .list.projects {
    grid-template-columns: repeat(1, 1fr);
  }
  .section.single-product .showcase.available-in-compact .list.products,
  .section.single-product .showcase.family .list.products {
    grid-template-columns: repeat(1, 1fr);
  }
  .section.single-product .container {
    gap: 20px;
    grid-template-areas: "breadcrumbs breadcrumbs" "detail detail" "gallery gallery" "action action" "attributes attributes" "inspiration inspiration";
    grid-template-columns: 60% calc(40% - 20px);
    padding: var(--spacing-padding-y) var(--spacing-padding-x) calc(var(--spacing-padding-y) * 3);
  }
}
.section.single-project h2.title {
  font-size: 1.6em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.section.single-project .container {
  max-width: 1486px;
}

@media (max-width: 767px) {
  .section.single-project h2.title {
    font-size: 1.375em;
  }
}
