@charset "UTF-8";
@import "https://api.tiles.mapbox.com/mapbox-gl-js/v2.8.2/mapbox-gl.css";

/* node_modules/swiper/modules/pagination.css */
:root {
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

/* src/scss/style.scss */
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.hide {
  display: none !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.text-error {
  color: #ab0000;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.grid,
.grid-6,
.grid-5,
.grid-4,
.grid-3,
.grid-2,
.grid-1 {
  display: grid;
  gap: 24px;
}
.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 576px) {
  .grid-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid-xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid-2xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 576px) {
  .grid\:sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .grid\:md-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 992px) {
  .grid\:lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid\:xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid\:2xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 576px) {
  .grid-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid-xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid-2xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 576px) {
  .grid\:sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .grid\:md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .grid\:lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid\:xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid\:2xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 576px) {
  .grid-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid-xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid-2xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 576px) {
  .grid\:sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .grid\:md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .grid\:lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid\:xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid\:2xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 576px) {
  .grid-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid-xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid-2xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 576px) {
  .grid\:sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .grid\:md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  .grid\:lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid\:xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid\:2xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}
@media (min-width: 576px) {
  .grid-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid-xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid-2xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 576px) {
  .grid\:sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .grid\:md-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 992px) {
  .grid\:lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid\:xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid\:2xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 576px) {
  .grid-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid-xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid-2xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 576px) {
  .grid\:sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 768px) {
  .grid\:md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 992px) {
  .grid\:lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid\:xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1536px) {
  .grid\:2xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
.col-span-2 {
  grid-column: span 2/span 2;
}
[x-cloak] {
  display: none !important;
}
.typo-error {
  font-size: 1.125rem;
  color: #ab0000;
}
.typo-h1 {
  font-family: "ivymode", sans-serif;
  line-height: 1.25;
  font-weight: 400;
  font-size: 48px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .typo-h1 {
    font-size: 80px;
  }
}
.typo-h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 300;
  font-size: 28px;
}
@media (min-width: 992px) {
  .typo-h2 {
    font-size: 40px;
  }
}
.typo-h3 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 20px;
}
@media (min-width: 992px) {
  .typo-h3 {
    font-size: 32px;
  }
}
.typo-h4 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
}
@media (min-width: 992px) {
  .typo-h4 {
    font-size: 24px;
  }
}
.typo-h5 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  .typo-h5 {
    font-size: 18px;
  }
}
.mt-6 {
  margin-top: 24px;
}
.mb-6 {
  margin-bottom: 24px;
}
.bold {
  font-weight: 700;
}
[style*=--aspect-ratio] {
  position: relative;
}
[style*=--aspect-ratio]::before {
  content: "";
  display: block;
  padding-bottom: calc(100% / (var(--aspect-ratio)));
}
[style*=--aspect-ratio] > :first-child {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
}
.wm-section:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  .wm-section:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  .wm-section:not(:first-child) {
    margin-top: 120px;
  }
}
.wm-container {
  padding: 0 24px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.wm-container--v-pad {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 992px) {
  .wm-container--v-pad {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.wm-container--small {
  max-width: 1200px;
}
@media (min-width: 576px) {
  .wm-container\:sm--small {
    max-width: 1200px;
  }
}
@media (min-width: 768px) {
  .wm-container\:md--small {
    max-width: 1200px;
  }
}
@media (min-width: 992px) {
  .wm-container\:lg--small {
    max-width: 1200px;
  }
}
@media (min-width: 1280px) {
  .wm-container\:xl--small {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  .wm-container\:2xl--small {
    max-width: 1200px;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  color: #001b42;
}
main {
  flex: 1;
}
p {
  line-height: 1.5;
}
@media (min-width: 992px) {
  p {
    line-height: 2;
  }
}
small {
  font-size: 14px;
}
h1 {
  font-family: "ivymode", sans-serif;
  line-height: 1.25;
  font-weight: 400;
  font-size: 48px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  h1 {
    font-size: 80px;
  }
}
h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 300;
  font-size: 28px;
}
@media (min-width: 992px) {
  h2 {
    font-size: 40px;
  }
}
h3 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 20px;
}
@media (min-width: 992px) {
  h3 {
    font-size: 32px;
  }
}
h4 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
}
@media (min-width: 992px) {
  h4 {
    font-size: 24px;
  }
}
h5 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  h5 {
    font-size: 18px;
  }
}
ul,
ol {
  padding-inline-start: 2rem;
  line-height: 2;
}
.grecaptcha-badge {
  z-index: 1;
}
.button,
#home-page .juicer-section .juicer-feed .j-paginate {
  position: relative;
  cursor: pointer;
  border: 2px solid #001b42;
  padding: 8px 24px;
  margin-right: 24px;
  background: none;
  transition: letter-spacing 0.2s, background-color 0.2s;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  color: #001b42;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
}
.button::after,
#home-page .juicer-section .juicer-feed .j-paginate::after {
  content: "";
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 2px;
  background: #001b42;
  transition: right 0.2s;
}
.button:hover,
#home-page .juicer-section .juicer-feed .j-paginate:hover {
  letter-spacing: 2px;
}
.button:hover::after,
#home-page .juicer-section .juicer-feed .j-paginate:hover::after {
  right: -24px;
}
.button:focus,
#home-page .juicer-section .juicer-feed .j-paginate:focus {
  background: none;
  outline: none;
}
.button:focus::before,
#home-page .juicer-section .juicer-feed .j-paginate:focus::before {
  content: "";
  position: absolute;
  left: -5px;
  top: -5px;
  bottom: -5px;
  right: -5px;
  border: 2px solid #001b42;
}
.button:active,
#home-page .juicer-section .juicer-feed .j-paginate:active {
  background: #cbd3de;
}
.button:disabled,
#home-page .juicer-section .juicer-feed .j-paginate:disabled {
  pointer-events: none;
}
.button:disabled::after,
#home-page .juicer-section .juicer-feed .j-paginate:disabled::after {
  pointer-events: none;
}
.button--clear {
  border: none;
}
.button--clear::after {
  content: none;
}
.button--clear:focus {
  background: none;
}
.button--alt {
  border: 2px solid transparent;
  padding: 8px;
  margin-right: 32px;
  color: #a66908;
}
.button--alt::after {
  background: #a66908;
  right: -32px;
}
.button--alt:hover::after {
  right: -32px;
}
.button--alt:focus {
  color: #a66908;
  border-color: #a66908;
  border: 2px solid #a66908;
}
.button--alt:focus::before {
  content: none;
}
.button--alt:focus::after {
  background: #a66908;
}
.button--alt:active {
  background: none;
  color: #593804;
}
.button--alt:active::after {
  background: #593804;
}
.button--alt--navy,
.button--alt--navy:hover,
.button--alt--navy:active,
.button--alt--navy:focus {
  color: #001b42;
}
.button--alt--navy::after,
.button--alt--navy:hover::after,
.button--alt--navy:active::after,
.button--alt--navy:focus::after {
  background: #001b42;
}
.button--alt--navy:focus {
  border-color: #001b42;
}
.button--loading,
.button--loading:focus {
  display: inline-flex;
  pointer-events: none;
  position: relative;
}
.button--loading__spinner {
  display: none;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 50%;
  border-top: 3px solid #001b42;
  border-right: 3px solid #001b42;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  animation: spin 0.8s linear infinite;
  overflow: hidden;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.button--loading .button--loading__spinner {
  display: block;
}
.button--loading__message {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.input {
  width: 100%;
}
.input__field {
  color: #001b42;
  letter-spacing: 0.5px;
  font-family: "sofia-pro", sans-serif;
  line-height: 1;
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #001b42;
  opacity: 1;
  background: none;
  border: none;
  border-bottom: 2px solid #001b42;
  text-transform: uppercase;
  transition: letter-spacing 0.2s ease-in-out;
}
.input__field::placeholder {
  font-size: 16px;
  color: #001b42;
  opacity: 1;
}
.input__field:hover {
  letter-spacing: 2px;
}
.input__field:active,
.input__field:focus {
  outline: none;
  letter-spacing: 2px;
  transition: letter-spacing 0.2s ease-in-out;
}
.input__field:active::placeholder,
.input__field:focus::placeholder {
  color: #6e7785;
  letter-spacing: 2px;
  transition: letter-spacing 0.2s ease-in-out;
}
.input__info {
  font-style: italic;
}
.input__field.error,
.input--error .input__field {
  background: #f6e9d4;
  border-color: #ab0000;
}
.input__radio {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.input__radio__field {
  appearance: none;
  cursor: pointer;
  position: relative;
  margin-right: 4px;
  margin-bottom: -4px;
  width: 16px;
  height: 16px;
  background-color: white;
  background-size: cover;
  border: 2px solid #001b42;
  outline-offset: 3px;
}
.input__radio__field:checked {
  background-image: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="64" height="64" fill="%23001B42"/><path d="M53.3333 16L24 45.3333L10.6667 32" stroke="white" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.input--error .input__radio__field {
  background-color: #f6e9d4;
  border-color: #ab0000;
}
.input--labeled {
  display: block;
}
.input--labeled .input__label {
  margin-bottom: 8px;
}
.input--labeled .input__field {
  border: 2px solid transparent;
  background: hsl(214, 30%, 94%);
  padding: 12px;
  text-transform: none;
  letter-spacing: normal !important;
  transition: border 0.3s ease, background 0.3s ease;
}
.input--labeled .input__field::placeholder {
  letter-spacing: normal !important;
  color: #6e7785;
}
.input--labeled .input__field:focus {
  border: 2px solid #001b42;
  background: #ffffff;
}
.input--labeled.input--error .input__label {
  color: #ab0000;
}
.input--labeled.input--error .input__field {
  background: #f6e9d4;
  border: 2px solid #ab0000;
}
.input--labeled.input--error .input__field:focus {
  background: #ffffff;
}
.input--labeled.input--error .input__info {
  color: #ab0000;
}
.input--check {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.input--check__box {
  all: unset;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 2px solid #dce3ec;
  margin-right: 12px;
  position: relative;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}
.input--check__box:focus-visible {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #001b42;
}
.input--check__box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  width: 14px;
  height: 10px;
  transition:
    height 0.2s ease,
    width 0.2s ease,
    background 0.3s ease;
}
.input--check__box:checked {
  border: 2px solid #001b42;
}
.input--check__box:checked::before {
  background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.42188 11.7031C5.73438 12.0156 6.26562 12.0156 6.57812 11.7031L15.7656 2.51562C16.0781 2.20312 16.0781 1.67188 15.7656 1.35938L14.6406 0.234375C14.3281 -0.078125 13.8281 -0.078125 13.5156 0.234375L6.01562 7.73438L2.48438 4.23438C2.17188 3.92188 1.67188 3.92188 1.35938 4.23438L0.234375 5.35938C-0.078125 5.67188 -0.078125 6.20312 0.234375 6.51562L5.42188 11.7031Z' fill='%23001b42'/%3E%3C/svg%3E");
}
.input--check__label {
  user-select: none;
}
.input--combobox {
  position: relative;
}
.input--combobox__button {
  position: absolute;
  cursor: pointer;
  right: 2px;
  top: 50%;
  transform: translate(0, -50%);
  width: 30px;
  height: 24px;
  padding-right: 8px;
  color: #dce3ec;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23001b42' %3E%3Cpath fill-rule='evenodd' d='M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
}
.input--combobox__textbox {
  padding-right: 30px;
}
.input--combobox__listbox {
  display: block;
  position: absolute;
  box-shadow: 0 2px 8px rgba(0, 27, 66, 0.15);
  padding: 8px 0;
  top: 54px;
  left: 0;
  width: 100%;
  max-height: 300px;
  overflow: auto;
  z-index: 10;
  background: white;
  list-style: none;
}
.input--combobox__listbox[hidden=true] {
  display: none;
}
.input--combobox__listbox__nothing-found {
  padding: 8px;
}
.input--combobox__option {
  list-style: none;
  padding: 8px 16px;
}
.input--combobox__option[aria-selected=true] {
  cursor: pointer;
  background: hsl(214, 30%, 94%);
}
.input__select {
  cursor: pointer;
}
.input__select,
.input__select * {
  transition: letter-spacing 0.2s;
}
.input__select .input__select__control {
  border: none;
  border-bottom: 3px solid #001b42;
  border-radius: 0;
}
.input__select .input__select__control.input__select__control--is-focused {
  outline: none;
  box-shadow: none;
}
.input__select .input__select__control.input__select__control--menu-is-open .input__select__indicator svg {
  transform: rotate(180deg);
}
.input__select .input__select__control .input__select__value-container {
  padding: 0;
  line-height: 2;
}
.input__select .input__select__control .input__select__single-value {
  color: #001b42;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: "sofia-pro", sans-serif;
}
.input__select .input__select__control .input__select__indicator {
  color: #001b42;
  padding-right: 0;
}
.input__select .input__select__control .input__select__indicator-separator {
  display: none;
}
.input__select .input__select__control .input__select__option {
  text-transform: uppercase;
  padding: 6px 12px;
}
.input__select .input__select__control .input__select__option--is-focused {
  background: #cbd3de;
}
.input__select .input__select__control .input__select__option--is-selected {
  background: #001b42;
}
.input__select:hover .input__select__control {
  border-color: #001b42;
}
.input__select:hover .input__select__single-value {
  letter-spacing: 2px;
}
.hero {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.hero--small {
  height: 70vh;
}
.hero--tiny {
  height: 20vh;
}
.hero__display {
  height: 50vh;
  position: relative;
}
.hero__display * {
  height: 100%;
}
.hero__display img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  .hero__display {
    margin: 0 24px;
  }
}
.hero__heading {
  max-width: max-content;
  margin: 0 auto;
  transform: translateY(-50%);
  margin-bottom: -144px;
}
.hero__heading.hero__heading--full-offset {
  transform: translateY(-100%);
}
.hero__heading__large {
  padding: 32px 16px;
  background: #cbd3de;
  font-family: "ivymode", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 992px) {
  .hero__heading__large {
    padding: 32px 64px;
  }
}
.hero__heading__large--yellow {
  background: #f6e9d4;
}
.hero__heading__small {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  background: #001b42;
  color: #ffffff;
  text-align: center;
  padding: 16px;
}
@media (min-width: 992px) {
  .hero__heading__small {
    padding: 16px 32px;
  }
}
.hero__heading__small--brown {
  background: #edd3a9;
  color: #001b42;
}
.video-player {
  position: relative;
  cursor: pointer;
  width: 100%;
}
.video-player .video-player__play-icon {
  z-index: 2000;
  pointer-events: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 16px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.video-player .video-player__pause-icon {
  z-index: 2000;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 16px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  transition: opacity 0.1s;
}
.video-player.playing .video-player__play-icon {
  display: none;
}
.video-player.show-pause .video-player__pause-icon {
  display: block;
}
.video-player__video {
  width: 100%;
  display: block;
}
.video-player__poster {
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 8px);
  object-fit: cover;
  opacity: 1;
}
.video-player__poster.hide {
  opacity: 0;
}
.video-player__progress {
  height: 8px;
  width: 100%;
  display: flex;
}
.video-player__progress__filled {
  flex: 0;
  flex-basis: 50%;
  background: #001b42;
}
.scroll-to-top {
  position: fixed;
  bottom: 96px;
  right: 5px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: #001b42;
  box-shadow: 2px 4px 8px rgba(0, 27, 66, 0.5);
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease-in-out;
}
.scroll-to-top.show {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
.scroll-to-top svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: #ffffff;
}
.map__marker-wrapper {
  pointer-events: none;
}
.map__marker-wrapper .focus {
  z-index: 1000;
}
.map__marker {
  pointer-events: all;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-family: "ivymode", sans-serif;
  color: #ffffff;
  background: #001b42;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(0, 27, 66, 0.25);
}
.map__marker.focus {
  color: #001b42;
  background: #ffffff;
  box-shadow: 0 0 0 5px #001b42;
}
.map__marker--center {
  width: 24px;
  height: 24px;
  box-shadow: 0 0 0 5px rgba(166, 105, 8, 0.25);
  background: #a66908;
}
.map__marker--no-cursor {
  cursor: auto !important;
  pointer-events: none;
}
.map__popup {
  width: 250px;
  font-size: 14px;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  pointer-events: none;
}
.map__popup .mapboxgl-popup-tip {
  pointer-events: none;
}
.map__popup .mapboxgl-popup-content {
  pointer-events: none;
  box-shadow:
    0.2px 0.2px 0.3px hsla(0, 0%, 67%, 0.28),
    0.7px 0.7px 1.1px -0.9px hsla(0, 0%, 67%, 0.27),
    1.7px 1.8px 2.7px -1.7px hsla(0, 0%, 67%, 0.27),
    4.2px 4.3px 6.7px -2.6px hsla(0, 0%, 67%, 0.26);
}
.map__popup--center {
  font-size: 13px;
  text-transform: none;
}
.post {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.post .post__title {
  font-family: "ivymode", sans-serif;
  text-transform: none;
  font-size: 48px;
  line-height: 1.5;
  margin: 0;
}
.post .post__summary {
  font-size: 20px;
  color: #595959;
  line-height: 1.75;
  margin: 20px 0;
}
.post .post__info {
  margin: 20px 0;
}
.post .post__info .post__date {
  color: #595959;
}
.post .post__info .post__author {
  color: #595959;
}
.post .post__tags {
  display: flex;
  margin: 32px 0;
}
.post .post__tags .post__tag {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #001b42;
  background: #cbd3de;
  padding: 4px;
  margin-right: 12px;
}
.post .post__image {
  margin: 72px 0;
  width: 100%;
  height: 500px;
}
.post .post__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post .post__body h1,
.post .post__body h2,
.post .post__body h3,
.post .post__body h4,
.post .post__body h5,
.post .post__body h6 {
  all: unset;
  font-family: "ivymode", sans-serif;
}
.post .post__body h1,
.post .post__body h2 {
  font-size: 32px;
  font-weight: 700;
}
.post .post__body h3 {
  font-size: 24px;
  font-weight: 700;
}
.post .post__body p {
  margin: 1.5rem 0;
  font-size: 18px;
  line-height: 1.75;
}
.post .post__body img {
  display: block;
  margin: 40px auto;
}
.post-listing {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
.post-listing .post-card {
  margin: 20px 0;
  width: 100%;
  max-width: 900px;
  display: flex;
  text-decoration: none;
}
.post-listing .post-card .post-card__image {
  display: block;
  width: 100px;
  height: 100px;
}
.post-listing .post-card .post-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 576px) {
  .post-listing .post-card .post-card__image {
    display: block;
    width: 30%;
    height: 150px;
  }
}
.post-listing .post-card .post-card__body {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  width: calc(100% - 120px);
}
@media (min-width: 576px) {
  .post-listing .post-card .post-card__body {
    width: 70%;
  }
}
.post-listing .post-card .post-card__title {
  font-family: "ivymode", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #001b42;
}
@media (min-width: 576px) {
  .post-listing .post-card .post-card__title {
    font-size: 24px;
  }
}
.post-listing .post-card .post-card__summary {
  display: none;
}
@media (min-width: 576px) {
  .post-listing .post-card .post-card__summary {
    margin-top: 15px;
    font-size: 18px;
    color: #595959;
    display: block;
  }
}
.post-listing .post-card .post-card__date {
  margin-top: 15px;
  font-size: 14px;
  color: #595959;
}
.loading-icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s linear;
}
.loading-icon.error {
  background: rgba(171, 0, 0, 0.2);
  color: #ab0000;
}
.loading-icon__spinner {
  color: rgba(0, 27, 66, 0.75);
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@keyframes load4 {
  0%, 100% {
    box-shadow:
      -3em 0 0.2em,
      0em 0 0em,
      3em 0 -1em,
      2em 2em -1em,
      0 3em -1em,
      -2em 2em -1em,
      -3em 0 -1em,
      -4em 0 0;
  }
  12.5% {
    box-shadow:
      -3em 0 0,
      0em 0 0.2em,
      3em 0 0 0,
      2em 2em -1em,
      0 3em -1em,
      -2em 2em -1em,
      -3em 0 -1em,
      -4em -1em;
  }
  25% {
    box-shadow:
      -3em -0.5em,
      0em 0 0,
      3em 0 0 0.2em,
      2em 2em 0 0,
      0 3em -1em,
      -2em 2em -1em,
      -3em 0 -1em,
      -4em -1em;
  }
  37.5% {
    box-shadow:
      -3em -1em,
      0em -1em,
      3em 0em 0 0,
      2em 2em 0 0.2em,
      0 3em 0 0em,
      -2em 2em -1em,
      -3em 0em -1em,
      -4em -1em;
  }
  50% {
    box-shadow:
      -3em -1em,
      0em -1em,
      3em 0 -1em,
      2em 2em 0 0em,
      0 3em 0 0.2em,
      -2em 2em 0 0,
      -3em 0em -1em,
      -4em -1em;
  }
  62.5% {
    box-shadow:
      -3em -1em,
      0em -1em,
      3em 0 -1em,
      2em 2em -1em,
      0 3em 0 0,
      -2em 2em 0 0.2em,
      -3em 0 0 0,
      -4em -1em;
  }
  75% {
    box-shadow:
      -3em -1em,
      0em -1em,
      3em 0em -1em,
      2em 2em -1em,
      0 3em -1em,
      -2em 2em 0 0,
      -3em 0em 0 0.2em,
      -4em 0 0;
  }
  87.5% {
    box-shadow:
      -3em 0 0,
      0em -1em,
      3em 0 -1em,
      2em 2em -1em,
      0 3em -1em,
      -2em 2em 0 0,
      -3em 0em 0 0,
      -4em 0 0.2em;
  }
}
.modal-container {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.modal-container[aria-hidden=true] {
  display: none;
}
.modal-container .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(43, 46, 56, 0.9);
  animation: fade-in 200ms both;
}
.modal-container .modal-content {
  margin: auto;
  z-index: 2;
  position: relative;
  animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
  padding: 1em;
  max-width: 90%;
  border-radius: 2px;
}
.modal-container .modal-content.modal-content--navy-bg {
  background-color: #001b42;
}
@media (min-width: 576px) {
  .modal-container .modal-content {
    padding: 2em;
  }
}
.modal-container .modal-title {
  margin-bottom: 1rem;
  padding: 0;
  color: #ffffff;
}
.modal-container .modal-close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  border: 0;
  padding: 0;
  background-color: transparent;
  transition: 0.15s;
  cursor: pointer;
}
@media (min-width: 576px) {
  .modal-container .modal-close {
    top: 1em;
    right: 1em;
  }
}
.modal-container .modal-close .modal-close-x {
  fill: #ffffff;
  color: #ffffff;
}
.modal-container .modal-video {
  width: 100%;
  max-width: 700px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
}
@keyframes slide-up {
  from {
    transform: translateY(10%);
  }
}
.visualizer-modal {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.visualizer-modal[aria-hidden=true] {
  display: none;
}
.visualizer-modal .visualizer-modal__content {
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 2;
  position: relative;
  animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
}
.visualizer-modal .visualizer-modal__close {
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: 100;
}
.visualizer-modal .visualizer-modal__video {
  width: 100%;
  max-width: 700px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
}
@keyframes slide-up {
  from {
    transform: translateY(10%);
  }
}
.visualizer {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: hsl(0, 0%, 100%);
}
@media (min-width: 768px) {
  .visualizer {
    flex-direction: row;
  }
}
.visualizer .visualizer__canvas {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: grab;
}
.visualizer .visualizer__canvas:active {
  cursor: grabbing;
}
.visualizer .visualizer__canvas canvas {
  width: 100% !important;
  height: 100% !important;
}
@media (min-width: 768px) {
  .visualizer .visualizer__canvas {
    padding-bottom: 0;
    width: 60%;
  }
}
.visualizer .visualizer__canvas-message {
  position: absolute;
  bottom: 5%;
  left: 50%;
  color: #595959;
  transform: translate(-50%, 0);
}
.visualizer .visualizer__loading {
  position: absolute;
  top: calc(50% - 50px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.visualizer .visualizer__select {
  box-shadow: none;
  width: 100%;
}
.visualizer .visualizer__select__label {
  font-size: 14px;
  display: block;
  font-weight: 700;
  color: #a66908;
  width: 100%;
  border-bottom: 3px solid #a66908;
  padding-bottom: 6px;
  margin-bottom: 6px;
  margin-left: 6px;
  text-transform: uppercase;
}
.visualizer .visualizer__select__input__control {
  cursor: pointer;
  border: none;
  background: none;
}
.visualizer .visualizer__select__input__control--is-focused {
  box-shadow: 0 0 0 2px #f6e9d4;
}
.visualizer .visualizer__select__input__value-container {
  padding: 0 6px;
}
.visualizer .visualizer__select__input__single-value {
  color: #001b42;
  text-transform: capitalize;
  font-family: "ivymode", serif;
  margin: 0;
}
.visualizer .visualizer__select__input__indicator-separator {
  display: none;
}
.visualizer .visualizer__select__input__indicator {
  color: #001b42;
}
.visualizer .visualizer__select__input__menu {
  border-radius: 2px;
  box-shadow:
    0.3px 0.4px 0.5px hsl(var(60deg 3% 59%)/0.51),
    0.9px 1.1px 1.4px -1.2px hsl(var(60deg 3% 59%)/0.44),
    2.5px 3.2px 3.9px -2.4px hsl(var(60deg 3% 59%)/0.36),
    6.6px 8.4px 10.3px -3.5px hsl(var(60deg 3% 59%)/0.29);
}
.visualizer .visualizer__select__input__menu__list {
  border: none;
}
.visualizer .visualizer__select__input__option {
  cursor: pointer;
  color: #595959;
  padding: 8px 12px 8px 23px;
  text-transform: capitalize;
  background: white;
}
.visualizer .visualizer__select__input__option--is-focused {
  background: #f6e9d4;
}
.visualizer .visualizer__select__input__option--is-selected {
  position: relative;
  font-weight: 700;
  color: #a66908;
}
.visualizer .visualizer__select__input__option--is-selected::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
  width: 15px;
  height: 1px;
  background: #a66908;
}
.visualizer .visualizer__select--large .visualizer__select__input__single-value {
  font-size: 24px;
}
.visualizer .visualizer__desktop-controls {
  display: none;
  background-color: hsl(60, 8%, 95%);
  padding: 40px;
  padding-right: 60px;
  height: 100%;
  width: 40%;
  flex-direction: column;
}
@media (min-width: 768px) {
  .visualizer .visualizer__desktop-controls {
    display: flex;
  }
}
.visualizer .visualizer__desktop-controls__selectors {
  margin: auto 0;
}
.visualizer .visualizer__desktop-controls__selectors > *:not(:first-child) {
  margin-top: 48px;
}
.visualizer .visualizer__desktop-controls__footer {
  margin-top: auto;
}
.visualizer .visualizer__mobile-controls {
  height: max-content;
  width: 100%;
  background: hsl(60, 8%, 95%);
  padding: 20px;
  display: flex;
}
.visualizer .visualizer__mobile-controls > *:not(:first-child) {
  margin-left: 12px;
}
@media (max-width: 539px) {
  .visualizer .visualizer__mobile-controls {
    flex-direction: column;
  }
  .visualizer .visualizer__mobile-controls > * {
    margin-left: 0 !important;
  }
}
.alert {
  background: rgba(246, 233, 212, 0.5);
  border: #a66908;
  border: 2px;
  color: #a66908;
  padding: 12px;
}
.alert__heading {
  font-weight: 700;
}
.alert__message {
  margin-top: 8px;
  margin-bottom: 12px;
}
.alert__dismiss {
  cursor: pointer;
  color: #a66908;
  font-size: 14px;
  font-weight: bold;
  background: none;
  border: none;
}
.carousel {
  width: 100%;
  overflow: hidden;
}
.carousel .carousel__track {
  width: 100%;
  height: 100%;
  display: flex;
}
.carousel .carousel__item {
  display: block;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  transition: opacity 0.3s linear;
}
.carousel .carousel__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.carousel .carousel__item[aria-hidden=true] {
  opacity: 0.3;
}
.carousel-section {
  background: #fbf4ea;
  width: 100%;
  padding: 48px 0;
  margin-bottom: 48px;
}
.carousel-section:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  .carousel-section:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  .carousel-section:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  .carousel-section {
    padding: 96px 0;
  }
}
.carousel-section > * {
  margin-left: 24px;
  margin-right: 24px;
}
@media (min-width: 992px) {
  .carousel-section > * {
    margin-right: calc((100vw - min(70vw, 1600px)) / 2);
    margin-left: calc((100vw - min(70vw, 1600px)) / 2);
  }
}
@media (min-width: 576px) {
  .carousel-section {
    margin-bottom: 96px;
  }
}
@media (min-width: 992px) {
  .carousel-section {
    margin-bottom: 128px;
  }
}
.carousel-section .carousel-section__header {
  margin-bottom: 36px;
}
.carousel-section .carousel-section__header .carousel-section__title {
  display: flex;
  align-items: center;
}
.carousel-section .carousel-section__header .carousel-section__title .carousel-section__title-icon {
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
@media (min-width: 992px) {
  .carousel-section .carousel-section__header .carousel-section__title .carousel-section__title-icon {
    width: 48px;
    height: 48px;
  }
}
.carousel-section .carousel-section__carousel {
  margin: 0 0 12px 0;
  height: max(400px, min(30vw, 700px));
}
.carousel-section .carousel-section__carousel .carousel-section__carousel-track > *:not(:last-child) {
  margin-right: 24px;
}
@media (min-width: 992px) {
  .carousel-section .carousel-section__carousel .carousel-section__carousel-item {
    width: auto;
    max-width: 1600px;
  }
}
.carousel-section .carousel-section__selectors {
  margin-bottom: 24px;
  display: flex;
  list-style: none;
}
.carousel-section .carousel-section__selectors .carousel-section__selector {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: transparent;
  background: none;
  border: none;
  width: 100%;
  height: 18px;
}
.carousel-section .carousel-section__selectors .carousel-section__selector::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #f1dfc7;
  transition: background 0.2s linear, height 0.2s linear;
}
.carousel-section .carousel-section__selectors .carousel-section__selector.active::before {
  background: #ae751d;
  height: 7px;
}
.carousel-section .carousel-section__body {
  transition: opacity 0.5s;
}
.carousel-section .carousel-section__body[aria-hidden=true] {
  opacity: 0;
  position: absolute;
  left: -100000px;
}
.carousel-section .carousel-section__body h3 {
  color: #001b42;
}
.carousel-section .carousel-section__body dl {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  color: #595959;
  margin-top: 8px;
}
.carousel-section .carousel-section__body dl > * {
  margin-right: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.carousel-section .carousel-section__body dl dt {
  font-weight: bold;
  margin-right: 8px;
}
.carousel-section .carousel-section__body p {
  color: #595959;
  margin-top: 16px;
}
.carousel-section .carousel-section__body a {
  margin-top: 16px;
}
.article-tag {
  display: block;
  color: #5b5b5c;
  background: #d9dde3;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  padding: 2px 12px;
  border-radius: 4px;
}
.article-tag:hover {
  background: #c8ccd3;
}
.article-card {
  display: block;
  width: 100%;
  height: 100%;
}
.article-card .article-card__header .article-card__cover {
  display: block;
  width: 100%;
  height: 250px;
}
.article-card .article-card__header .article-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.article-card .article-card__header .article-card__title {
  display: block;
  margin-top: 12px;
  font-family: "ivymode", serif;
  color: #001b42;
  text-decoration: none;
  font-size: 20px;
}
.article-card .article-card__header .article-card__title > a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.article-card .article-card__header .article-card__title > a:hover {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .article-card .article-card__header .article-card__title {
    font-size: 24px;
  }
}
.article-card .article-card__body {
  color: #595959;
  margin-top: 8px;
}
.article-card .article-card__body > * + * {
  margin-top: 12px !important;
}
.article-card .article-card__meta > * {
  margin-right: 8px;
}
.article-card .article-card__meta > * + * {
  position: relative;
}
.article-card .article-card__meta > * + *::before {
  content: "|";
  position: absolute;
  left: -8px;
}
.article-card .article-card__tags {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.article-card .article-card__tags > *:not(:last-child) {
  margin-right: 12px;
}
.article-see-more {
  position: relative;
  display: block;
  width: max-content;
  color: #001b42;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
}
.article-see-more:hover {
  text-decoration: underline;
}
.article-see-more:before {
  content: "";
  position: absolute;
  right: -16px;
  top: calc(50% + 1px);
  width: 12px;
  height: 2px;
  background: #001b42;
}
.article-see-more.article-see-more--gray {
  color: #595959;
}
.article-see-more.article-see-more--gray:before {
  background: #595959;
}
.filter-app {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
.filter-app:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  .filter-app:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  .filter-app:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  .filter-app {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1279px) {
  .filter-app {
    flex-direction: row;
  }
}
.filter-app .filter {
  width: 100%;
  flex-shrink: 0;
  position: relative;
}
@media (min-width: 1279px) {
  .filter-app .filter {
    width: 300px;
    padding-right: 24px;
  }
}
.filter-app .filter .filter__header {
  border-bottom: 2px solid #001b42;
  margin-bottom: 24px;
}
.filter-app .filter .filter__heading {
  cursor: pointer;
  background: none;
  border: none;
  padding: 12px 0;
  width: 100%;
  text-align: left;
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  .filter-app .filter .filter__heading {
    font-size: 18px;
  }
}
.filter-app .filter .filter__heading::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -75%);
  border-top: 5px solid #001b42;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.filter-app .filter .filter__heading[aria-expanded=true]::after {
  border-top: 5px solid transparent;
  border-bottom: 5px solid #001b42;
}
@media (min-width: 1279px) {
  .filter-app .filter .filter__heading {
    cursor: auto;
  }
  .filter-app .filter .filter__heading::after {
    content: none;
  }
}
.filter-app .filter .filter__clear {
  width: 100%;
  margin-bottom: 24px;
}
.filter-app .filter .filter__body {
  transition: height 0.2s ease, opacity 0.3s ease;
  overflow: hidden;
  z-index: 1;
  width: calc(100% + 48px);
  margin-left: -24px;
  background: white;
  position: absolute;
  bottom: 5px;
  transform: translateY(100%);
  padding-bottom: 24px;
  box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.15);
}
.filter-app .filter .filter__body[aria-hidden=true] {
  opacity: 0;
}
@media (min-width: 1279px) {
  .filter-app .filter .filter__body {
    position: initial;
    transition: none;
    height: max-content;
    margin-left: 0;
    transform: unset;
    width: 100%;
    box-shadow: none;
  }
}
.filter-app .filter .filter__group {
  margin: 0 24px;
  padding: 24px 0;
}
@media (min-width: 1279px) {
  .filter-app .filter .filter__group {
    margin: 0;
  }
}
.filter-app .filter .filter__group:not(:last-child) {
  border-bottom: 1px solid #cbd3de;
}
.filter-app .filter .filter__group:first-child {
  padding-top: 0;
}
.filter-app .filter .filter__group ul {
  list-style: none;
}
.filter-app .filter .filter__group .filter__group__heading {
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  color: #a66908;
  position: relative;
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  display: flex;
  align-items: flex-end;
}
.filter-app .filter .filter__group .filter__group__heading::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -75%);
  border-top: 5px solid #a66908;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.filter-app .filter .filter__group .filter__group__heading[aria-expanded=true]::after {
  border-top: 5px solid transparent;
  border-bottom: 5px solid #a66908;
}
.filter-app .filter .filter__group .filter__group__body {
  transition: height 0.2s ease, opacity 0.3s ease;
  overflow: hidden;
}
.filter-app .filter .filter__group .filter__group__body[aria-hidden=true] {
  opacity: 0;
}
.filter-app .filter .filter__option {
  cursor: pointer;
  padding: 8px 0;
  color: #595959;
  transition: color 0.2s ease-in-out;
  display: flex;
  align-items: center;
}
.filter-app .filter .filter__option.filter__option--checked {
  color: #001b42;
}
@media (min-width: 1279px) {
  .filter-app .filter .filter__option {
    padding: 12px 0;
  }
}
.filter-app .filter .filter__option:first-child {
  padding-top: 16px;
}
.filter-app .filter .filter__option label {
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 0;
  user-select: none;
}
.filter-app .filter .filter__option input {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  margin-right: 12px;
  cursor: pointer;
  color: currentColor;
  border: 2px solid currentColor;
  height: 14px;
  width: 14px;
  transition: background 0.2s ease-in-out;
}
.filter-app .filter .filter__option input:checked {
  background: currentColor;
}
.filter-app .filter__content {
  width: 100%;
}
@media (min-width: 1279px) {
  .filter-app .filter__content {
    margin-left: 24px;
  }
}
.filter-app .filter__content .filter__content__grid .filter__content__grid__row {
  width: 100%;
  display: flex;
}
.filter-app .filter__content .filter__content__grid .filter__content__grid__row[style*=--filter-col-size] > *:not(.filter__content__slice) {
  width: calc(100% / var(--filter-col-size) - 16px);
}
.filter-app .filter__content .filter__content__grid .filter__content__grid__row > * + * {
  margin-left: 24px;
}
.filter-app .filter__content .filter__content__slice {
  width: 100%;
  margin-top: -96px;
  padding: 64px 24px;
  display: none;
}
@media (min-width: 768px) {
  .filter-app .filter__content .filter__content__slice {
    display: block;
  }
}
.filter-app .filter__content .filter__content__slice img {
  width: 100%;
}
.filter-app .filter__content .filter__content__show-more {
  width: 100%;
  margin-top: 24px;
  text-align: center;
}
.filter-app .filter__card {
  width: 100%;
  margin-bottom: 48px;
}
.filter-app .filter__card[aria-hidden=true] {
  display: none;
}
.filter-app .filter__no-results {
  padding: 12px 0;
}
@media (min-width: 1279px) {
  .filter-app .filter__no-results {
    padding: 12px 24px;
  }
}
.card {
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .card {
    margin-bottom: 36px;
  }
}
.card .card__cover {
  display: block;
  width: 100%;
  height: 250px;
}
.card .card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.card .card__cover--play-button {
  position: relative;
  border: none;
  cursor: pointer;
}
.card .card__cover--play-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgb(255, 255, 255);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.card .card__cover--play-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23001b42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-play'%3E%3Cpolygon points='5 3 19 12 5 21 5 3'%3E%3C/polygon%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}
.card .card__title {
  margin-top: 16px;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
}
@media (min-width: 992px) {
  .card .card__title {
    font-size: 24px;
  }
}
.card .card__title > a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.card .card__title > a:hover {
  text-decoration: underline;
}
.card .card__body {
  margin-top: 8px;
  color: #595959;
  text-align: center;
}
.card .card__icon {
  width: 96px;
  height: 96px;
  transform: translateY(-50%);
  margin: 0 auto;
  margin-bottom: -48px;
  padding: 16px;
  border-radius: 50%;
  background: white;
}
.card .card__icon img,
.card .card__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.card .card__meta {
  color: #595959;
  margin-bottom: 10px;
  margin-top: 4px;
}
.card .card__meta > * {
  margin-right: 8px;
}
.card .card__meta > * + * {
  position: relative;
}
.card .card__meta > * + *::before {
  content: "|";
  position: absolute;
  left: -8px;
}
.card .card__tags {
  display: flex;
  align-items: center;
  list-style: none;
}
.card .card__tags .card__tags__item {
  margin-right: 8px;
}
.inquiry {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  scroll-margin: 50px;
}
.inquiry:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  .inquiry:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  .inquiry:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  .inquiry {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .inquiry {
    display: flex;
  }
}
.inquiry .inquiry__heading h2,
.inquiry .inquiry__heading h5 {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 3px solid #a66908;
  color: #a66908;
}
.inquiry .inquiry__heading p {
  padding: 24px 0;
  color: #595959;
}
@media (min-width: 992px) {
  .inquiry .inquiry__heading {
    width: 50%;
    padding-right: 40px;
  }
}
@media (min-width: 1279px) {
  .inquiry .inquiry__heading {
    width: 50%;
    padding-right: 80px;
  }
}
.inquiry .inquiry__body {
  width: 100%;
}
.inquiry .inquiry__success {
  display: none;
}
.inquiry .inquiry__success.show {
  display: block;
}
.inquiry .inquiry__success .inquiry__success__message {
  font-size: 18px;
  margin-bottom: 48px;
}
@media (min-width: 992px) {
  .inquiry .inquiry__success .inquiry__success__message {
    font-size: 24px;
  }
}
.wizard__form {
  display: none;
  opacity: 0;
}
.article-typography {
  margin: 0 auto;
  max-width: 798px;
}
.article-typography h1,
.article-typography h2,
.article-typography h3,
.article-typography h4,
.article-typography h5,
.article-typography h6 {
  margin-top: 48px;
  margin-bottom: 24px;
}
.article-typography ul,
.article-typography ol {
  line-height: 2;
  padding: 0 24px 0 48px !important;
  max-width: 798px !important;
}
.article-typography small {
  line-height: 2;
  max-width: 798px !important;
  color: #595959;
  font-style: italic;
}
.article-typography a {
  color: inherit;
}
.article-typography a:hover {
  color: #657ea3;
}
.article-typography p {
  line-height: 2;
}
.section {
  width: 100%;
}
.section__inner {
  padding: 0 24px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .section__inner {
    max-width: 85vw;
  }
  .section__inner--small {
    max-width: 70vw;
  }
}
.contact {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  margin-bottom: 36px;
}
.contact:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  .contact:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  .contact:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  .contact {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .contact {
    flex-direction: row;
  }
}
.contact-form {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  scroll-margin-top: 50px;
}
.contact-form .button,
.contact-form #home-page .juicer-section .juicer-feed .j-paginate,
#home-page .juicer-section .juicer-feed .contact-form .j-paginate {
  width: max-content;
  margin-top: 48px;
}
.contact-form .input {
  max-width: 400px;
  margin-top: 24px;
}
.contact-form + .contact-form {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .contact-form {
    width: 100%;
    justify-content: flex-start;
  }
  .contact-form + .contact-form {
    margin-top: 0;
    margin-left: 32px;
  }
}
.contact-form__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -12;
}
.contact-form__heading h2 {
  margin-bottom: 16px;
}
.contact-form__heading p {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .contact-form__heading {
    text-align: center;
  }
}
.contact-form__row {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 992px) {
  .contact-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
.contact-form--brochure {
  background: rgba(250, 243, 231, 0.9);
}
.contact-form--brochure__form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brochure-download {
  text-align: center;
}
.brochure-download svg {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.brochure-download a {
  margin-top: 32px;
  display: inline-block;
}
.contact-form--showroom-form {
  background: rgba(228, 233, 238, 0.9);
}
@media (min-width: 992px) {
  .contact-form--showroom-form .input {
    margin-bottom: 64px;
  }
}
.appointment {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
.appointment:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  .appointment:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  .appointment:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  .appointment {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .appointment {
    flex-direction: row;
  }
}
.appointment .appointment__image {
  flex-shrink: 0;
  display: block;
  width: 100%;
  height: 300px;
}
.appointment .appointment__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 768px) {
  .appointment .appointment__image {
    display: block;
    width: 300px;
    height: 300px;
  }
  .appointment .appointment__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}
@media (min-width: 992px) {
  .appointment .appointment__image {
    display: block;
    width: 300px;
    height: 300px;
  }
  .appointment .appointment__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}
@media (min-width: 1536px) {
  .appointment .appointment__image {
    display: block;
    width: 400px;
    height: 400px;
  }
  .appointment .appointment__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}
.appointment .appointment__body {
  background: #fbf4ea;
  width: 100%;
  padding: 24px;
}
.appointment .appointment__body > * + * {
  margin-top: 16px !important;
}
@media (min-width: 768px) {
  .appointment .appointment__body {
    padding: 48px;
  }
}
@media (min-width: 1536px) {
  .appointment .appointment__body {
    padding: 64px 128px;
  }
}
.appointment .appointment__body p {
  line-height: 1.75;
}
.appointment .appointment__body a.button,
.appointment .appointment__body #home-page .juicer-section .juicer-feed a.j-paginate,
#home-page .juicer-section .juicer-feed .appointment .appointment__body a.j-paginate {
  display: block;
  width: max-content;
  padding-left: 0 !important;
}
.related-section-2 {
  background: #f6f6f5;
}
.related-section-2__header {
  position: relative;
  max-width: 1600px;
  padding: 24px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .related-section-2__header {
    padding: 24px 7.5% 36px 7.5%;
  }
}
@media (min-width: 1280px) {
  .related-section-2__header {
    padding: 72px 7.5% 48px 7.5%;
    display: flex;
  }
}
.related-section-2__inner {
  position: relative;
  max-width: 1600px;
  padding: 24px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .related-section-2__inner {
    padding: 24px 7.5% 72px 7.5%;
  }
}
@media (min-width: 1280px) {
  .related-section-2__inner {
    padding: 0 7.5% 72px 7.5%;
    display: flex;
  }
}
.related-section-2__title img {
  margin-top: -64px;
  margin-bottom: -42px;
  pointer-events: none;
  height: auto;
  width: 175px;
}
@media (min-width: 992px) {
  .related-section-2__title img {
    width: 256px;
    margin-bottom: -64px;
  }
}
@media (min-width: 1279px) {
  .related-section-2__title img {
    position: absolute;
    transform: translate(-20%, -30%);
  }
}
.related-section-2__title div {
  position: relative;
  margin-left: 32px;
}
@media (min-width: 1280px) {
  .related-section-2 .related-sidebar {
    width: 300px;
    margin-right: 48px;
  }
}
.related-section-2 .related-sidebar .category-dropdown {
  width: 100%;
  max-width: 300px;
  display: block;
  cursor: pointer;
  border: 2px solid #001b42;
  padding: 8px 24px 8px 8px;
  margin-bottom: 24px;
  background: none;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  color: #001b42;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
}
@media (min-width: 1280px) {
  .related-section-2 .related-sidebar .category-dropdown {
    display: none;
  }
}
.related-section-2 .related-sidebar .button-group {
  display: none;
}
@media (min-width: 1280px) {
  .related-section-2 .related-sidebar .button-group {
    display: block;
  }
}
.related-section-2 .related-sidebar .button-group * + * {
  margin-top: 8px;
}
.related-section-2 .related-sidebar .button-group .filter-button {
  --color: #6e7785;
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  border: 2px solid var(--color);
  padding: 8px 24px;
  margin-right: 24px;
  background: none;
  transition: letter-spacing 0.2s, background-color 0.2s;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  color: var(--color);
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: border 0.2s, color 0.2s;
}
.related-section-2 .related-sidebar .button-group .filter-button::after {
  content: "";
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 2px;
  background: var(--color);
  transition: right 0.2s, background 0.2s;
}
.related-section-2 .related-sidebar .button-group .filter-button.active {
  --color: #001b42;
}
.related-section-2 .related-sidebar .button-group .filter-button:hover {
  --color: #001b42;
}
.related-section-2 .related-products-wrapper {
  display: block;
}
@media (min-width: 576px) {
  .related-section-2 .related-products-wrapper {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1279px) {
  .related-section-2 .related-products-wrapper {
    width: calc(100% - 298px);
  }
}
.related-section-2 .related-products-arrow {
  cursor: pointer;
  margin-left: 12px;
  background-color: #a66908;
  padding: 6px;
  height: 44px;
  width: 44px;
  border-radius: 99999px;
  border: 0;
  color: white;
  display: none;
}
@media (min-width: 576px) {
  .related-section-2 .related-products-arrow {
    display: block;
  }
}
.related-section-2 .related-products {
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
}
@media (min-width: 640px) {
  .related-section-2 .related-products {
    flex-direction: row;
    overflow: auto;
    padding-bottom: 24px;
    gap: 24px;
  }
}
.related-section-2 .related-products .related-products__item {
  display: block;
  width: 100%;
}
@media (min-width: 640px) {
  .related-section-2 .related-products .related-products__item {
    width: calc(50% - 12px);
    flex-shrink: 0;
  }
}
@media (min-width: 1280px) {
  .related-section-2 .related-products .related-products__item {
    width: calc(33% - 16px);
  }
}
.related-section-2 .related-products .related-products__item a {
  color: inherit;
  text-decoration: none;
}
.related-section-2 .related-products .related-products__item img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 250px;
  padding: 16px;
  background: #eaeaea;
  object-fit: contain;
}
@media (min-width: 640px) {
  .related-section-2 .related-products .related-products__item img {
    height: 250px;
  }
}
.related-section-2 .related-products .related-products__item h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .related-section-2 .related-products .related-products__item h3 {
    font-size: 24px;
  }
}
.related-section {
  background: #f6f6f5;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
}
.related-section:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  .related-section:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  .related-section:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  .related-section {
    width: 100%;
    padding: 96px 7.5%;
    margin: 96px auto;
    display: flex;
  }
}
.related-section .related-section__heading {
  padding: 0 24px;
  padding-bottom: 24px;
  display: flex;
}
.related-section .related-section__heading button {
  cursor: pointer;
  background: none;
  border: none;
  text-align: left;
  color: #595959;
  padding-bottom: 8px;
  border-bottom: 2px solid transparent;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  .related-section .related-section__heading button {
    font-size: 18px;
  }
}
.related-section .related-section__heading button.active {
  color: #001b42;
  border-bottom: 2px solid #001b42;
}
.related-section .related-section__heading button + button {
  margin-left: 24px;
}
@media (min-width: 992px) {
  .related-section .related-section__heading {
    width: 25%;
    justify-content: flex-start;
    flex-direction: column;
  }
  .related-section .related-section__heading button {
    margin-bottom: 48px;
    padding-bottom: 16px;
    border-width: 3px;
  }
  .related-section .related-section__heading button.active {
    border-width: 3px;
  }
  .related-section .related-section__heading button + button {
    margin-left: 0;
  }
}
.related-section .related-section__body {
  padding-right: 24px;
  padding-bottom: 16px;
  overflow-x: auto;
  display: none;
}
.related-section .related-section__body.active {
  display: flex;
}
@media (min-width: 992px) {
  .related-section .related-section__body {
    width: 75%;
    overflow-x: hidden;
  }
}
.related-section .related-section__card {
  display: flex;
  flex-direction: column;
  margin-left: 24px;
  text-decoration: none;
  color: #001b42;
}
.related-section .related-section__card img {
  height: 35vh;
  width: 80vw;
  object-fit: contain;
  background: #eaeaea;
  padding: 20px;
}
.related-section .related-section__card h4 {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .related-section .related-section__card {
    width: 20vw;
  }
  .related-section .related-section__card img {
    width: 100%;
    height: 250px;
  }
}
.categories-section {
  position: relative;
  width: 100%;
  padding: 0 24px;
  max-width: 1200px;
}
.categories-section:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  .categories-section:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  .categories-section:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  .categories-section {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .categories-section {
    width: 100%;
    padding: 0 24px;
    max-width: 1200px;
  }
  .categories-section:not(:first-child) {
    margin-top: 72px;
  }
}
@media (min-width: 992px) and (min-width: 576px) {
  .categories-section:not(:first-child) {
    margin-top: 144px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .categories-section:not(:first-child) {
    margin-top: 180px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .categories-section {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.categories-section .categories-section__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 48px;
}
.categories-section .categories-section__title {
  text-align: center;
  margin-bottom: 36px;
}
.categories-section .categories-section__grid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.categories-section .categories-section__grid > * + * {
  margin-top: 36px !important;
}
@media (min-width: 992px) {
  .categories-section .categories-section__grid {
    flex-direction: row;
  }
  .categories-section .categories-section__grid > *:not(:last-child) {
    margin-right: 24px;
  }
  .categories-section .categories-section__grid > * + * {
    margin-top: 0 !important;
  }
}
.categories-section .categories-section__card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 600px;
}
.categories-section .categories-section__card .categories-section__card-cover {
  display: block;
  width: 100%;
  height: 400px;
}
.categories-section .categories-section__card .categories-section__card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.categories-section .categories-section__card .categories-section__card-icon {
  background: white;
  padding: 24px;
  border-radius: 50%;
  width: 128px;
  height: 128px;
  margin: 0 auto -64px auto;
  transform: translateY(-50%);
}
.categories-section .categories-section__card .categories-section__card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.categories-section .categories-section__card .categories-section__card-title {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-bottom: 24px;
  text-align: center;
}
@media (min-width: 992px) {
  .categories-section .categories-section__card .categories-section__card-title {
    font-size: 24px;
  }
}
.categories-section .categories-section__card .categories-section__card-button {
  display: block;
  width: max-content;
}
.categories-section .categories-section__vision {
  display: none;
}
@media (min-width: 992px) {
  .categories-section .categories-section__vision {
    display: block;
    position: absolute;
    width: 400px;
    top: 0;
    right: -15%;
    z-index: -1;
    transform: translateY(-100%);
  }
}
.projects-section {
  position: relative;
  width: 100%;
  padding: 0 24px;
  max-width: 1200px;
}
.projects-section:not(:first-child) {
  margin-top: 96px;
}
@media (min-width: 576px) {
  .projects-section:not(:first-child) {
    margin-top: 192px;
  }
}
@media (min-width: 992px) {
  .projects-section:not(:first-child) {
    margin-top: 240px;
  }
}
@media (min-width: 992px) {
  .projects-section {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .projects-section {
    width: 100%;
    padding: 0 24px;
    max-width: 1200px;
  }
  .projects-section:not(:first-child) {
    margin-top: 72px;
  }
}
@media (min-width: 992px) and (min-width: 576px) {
  .projects-section:not(:first-child) {
    margin-top: 144px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .projects-section:not(:first-child) {
    margin-top: 180px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .projects-section {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.projects-section .projects-section__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}
.projects-section .projects-section__title {
  text-align: center;
  margin-bottom: 36px;
}
.projects-section .projects-section__grid {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.projects-section .projects-section__grid > * + * {
  margin-top: 36px !important;
}
@media (min-width: 992px) {
  .projects-section .projects-section__grid {
    flex-direction: row;
  }
  .projects-section .projects-section__grid > *:not(:last-child) {
    margin-right: 24px;
  }
  .projects-section .projects-section__grid > * + * {
    margin-top: 0 !important;
  }
}
.projects-section .projects-section__a {
  color: inherit;
  text-decoration: none;
}
.projects-section .projects-section__a .projects-section__card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.projects-section .projects-section__a .projects-section__card .projects-section__card-cover {
  display: block;
  width: 100%;
  height: 400px;
}
.projects-section .projects-section__a .projects-section__card .projects-section__card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.projects-section .projects-section__a .projects-section__card .projects-section__card-icon {
  background: white;
  padding: 24px;
  border-radius: 50%;
  width: 128px;
  height: 128px;
  margin: 0 auto -64px auto;
  transform: translateY(-50%);
}
.projects-section .projects-section__a .projects-section__card .projects-section__card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.projects-section .projects-section__a .projects-section__card .projects-section__card-title {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-bottom: 24px;
  text-align: center;
}
@media (min-width: 992px) {
  .projects-section .projects-section__a .projects-section__card .projects-section__card-title {
    font-size: 24px;
  }
}
.projects-section .projects-section__a .projects-section__card .projects-section__card-button {
  display: block;
  width: max-content;
}
.projects-section .projects-section__vision {
  display: none;
}
@media (min-width: 992px) {
  .projects-section .projects-section__vision {
    display: block;
    position: absolute;
    width: 400px;
    top: 0;
    right: -15%;
    z-index: -1;
    transform: translateY(-100%);
  }
}
.ontrend-section {
  position: relative;
  width: 100%;
  padding: 0 24px;
  max-width: 1200px;
}
.ontrend-section:not(:first-child) {
  margin-top: 96px;
}
@media (min-width: 576px) {
  .ontrend-section:not(:first-child) {
    margin-top: 192px;
  }
}
@media (min-width: 992px) {
  .ontrend-section:not(:first-child) {
    margin-top: 240px;
  }
}
@media (min-width: 992px) {
  .ontrend-section {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .ontrend-section {
    width: 100%;
    padding: 0 24px;
    max-width: 1200px;
  }
  .ontrend-section:not(:first-child) {
    margin-top: 72px;
  }
}
@media (min-width: 992px) and (min-width: 576px) {
  .ontrend-section:not(:first-child) {
    margin-top: 144px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .ontrend-section:not(:first-child) {
    margin-top: 180px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .ontrend-section {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.ontrend-section .ontrend-section__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}
.ontrend-section .ontrend-section__header .ontrend-title {
  margin: 0 auto;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 64px;
  line-height: 1;
  font-weight: 300;
}
@media (min-width: 992px) {
  .ontrend-section .ontrend-section__header .ontrend-title {
    font-size: 96px;
  }
}
.ontrend-section .ontrend-section__header .ontrend-title .ontrend-title-on {
  font-size: 60%;
  border-bottom: 3px solid #001b42;
  margin-right: 12px;
  padding-bottom: 8px;
  font-weight: 400;
}
.ontrend-section .ontrend-section__title {
  text-align: center;
  margin-bottom: 36px;
}
.ontrend-section .ontrend-section__grid {
  display: flex;
  flex-direction: column;
}
.ontrend-section .ontrend-section__grid > * + * {
  margin-top: 36px !important;
}
@media (min-width: 992px) {
  .ontrend-section .ontrend-section__grid {
    flex-direction: row;
  }
  .ontrend-section .ontrend-section__grid > *:not(:last-child) {
    margin-right: 24px;
  }
  .ontrend-section .ontrend-section__grid > * + * {
    margin-top: 0 !important;
  }
}
.ontrend-section .ontrend-section__a {
  color: inherit;
  text-decoration: none;
}
.ontrend-section .ontrend-section__a .ontrend-section__card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ontrend-section .ontrend-section__a .ontrend-section__card .ontrend-section__card-cover {
  display: block;
  width: 100%;
  height: 400px;
}
.ontrend-section .ontrend-section__a .ontrend-section__card .ontrend-section__card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ontrend-section .ontrend-section__a .ontrend-section__card .ontrend-section__card-title {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-top: 15px;
  margin-bottom: 24px;
  text-align: center;
}
@media (min-width: 992px) {
  .ontrend-section .ontrend-section__a .ontrend-section__card .ontrend-section__card-title {
    font-size: 24px;
  }
}
.ontrend-section .ontrend-section__a .ontrend-section__card .ontrend-section__card-button {
  display: block;
  width: max-content;
}
.ontrend-section .ontrend-section__vision {
  display: none;
}
@media (min-width: 992px) {
  .ontrend-section .ontrend-section__vision {
    display: block;
    position: absolute;
    width: 400px;
    top: 0;
    right: -15%;
    z-index: -1;
    transform: translateY(-100%);
  }
}
.social-share h5 {
  color: #595959;
  margin-bottom: 8px;
}
.social-share a + a {
  margin-left: 8px;
}
.social-share__icon {
  width: 24px;
  height: 24px;
  color: #a66908;
  text-decoration: none;
}
.social-share__icon > * {
  width: 24px;
  height: 24px;
  color: #a66908;
  text-decoration: none;
}
.social-share__linkedin {
  display: inline-block;
  height: 21px;
  margin: 0 0 8px 10px;
}
.headline {
  width: 100%;
  text-align: center;
  margin: 36px auto 0 auto;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.headline > * + * {
  margin-top: 24px !important;
}
@media (min-width: 768px) {
  .headline {
    margin: 48px auto 0 auto;
  }
}
.headline__label {
  color: #a66908;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  .headline__label {
    font-size: 18px;
  }
}
.headline__title {
  font-family: "ivymode", sans-serif;
  line-height: 1.25;
  font-weight: 400;
  font-size: 48px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .headline__title {
    font-size: 80px;
  }
}
.headline__subtitle {
  font-family: "ivymode", sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .headline__subtitle {
    font-size: 40px;
  }
}
.headline__description {
  line-height: 2;
  color: #001b42;
  margin-bottom: 24px;
}
.headline__vector {
  display: none;
}
@media (min-width: 1279px) {
  .headline__vector {
    display: block;
    width: 400px;
    margin-left: -135px;
    margin-top: 24px;
  }
  .headline__vector + .headline__title {
    text-align: left;
    max-width: 60%;
    transform: translate(35%, 0);
    margin-top: -90px !important;
    margin-bottom: 24px;
  }
}
.skip-nav {
  position: absolute;
  top: 0;
  left: 0;
  padding: 18px;
  opacity: 0;
  pointer-events: none;
  padding: 16px;
  background: #001b42;
  color: white;
  border: 2px solid #001b42;
  text-decoration: none;
  text-transform: uppercase;
}
.skip-nav:focus {
  opacity: 1;
  pointer-events: auto;
  outline: none;
  text-decoration: underline;
}
.desktop-header {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1279px) {
  .desktop-header {
    display: none;
  }
}
.desktop-header .desktop-logo {
  width: 200px;
  height: max-content;
}
.desktop-header .desktop-logo svg {
  width: 100%;
  height: max-content;
}
.desktop-header .desktop-nav > * + * {
  margin-top: 16px !important;
}
.desktop-header .desktop-nav,
.desktop-header .desktop-nav ul {
  list-style: none;
}
.desktop-header .desktop-nav .desktop-nav__link {
  padding: 4px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  color: #595959;
  display: block;
}
.desktop-header .desktop-nav .desktop-nav__link:hover {
  text-decoration: underline;
}
.desktop-header .desktop-nav .desktop-nav__link.desktop-nav__link--with-icon {
  display: flex;
  align-items: baseline;
  color: #a66908;
}
.desktop-header .desktop-nav .desktop-nav__link.desktop-nav__link--with-icon > *:not(:last-child) {
  margin-right: 8px;
}
.desktop-header .desktop-nav .desktop-nav__top {
  display: flex;
  justify-content: flex-end;
}
.desktop-header .desktop-nav .desktop-nav__top > *:not(:last-child) {
  margin-right: 48px;
}
.desktop-header .desktop-nav .desktop-nav__bottom {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.desktop-header .desktop-nav .desktop-nav__bottom > *:not(:last-child) {
  margin-right: 48px;
}
.desktop-header .desktop-nav .desktop-nav__dropdown {
  position: relative;
  padding-right: 16px;
}
.desktop-header .desktop-nav .desktop-nav__dropdown::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #595959;
  border-bottom: 5px solid transparent;
  position: absolute;
  right: 0;
  top: calc(50% + 2.5px);
  transform: translateY(-50%);
}
.desktop-header .desktop-nav .desktop-nav__dropdown .desktop-nav__dropdown__menu {
  z-index: 100;
  min-width: calc(100% + 72px);
  padding: 24px 36px;
  background: white;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
  border-top: 2px solid #595959;
  width: max-content;
  transform: translate(-36px, 100%);
  position: absolute;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}
.desktop-header .desktop-nav .desktop-nav__dropdown .desktop-nav__dropdown__menu > * + * {
  margin-top: 24px !important;
}
.desktop-header .desktop-nav .desktop-nav__dropdown:hover::after,
.desktop-header .desktop-nav .desktop-nav__dropdown:focus-within::after {
  border-top: 5px solid transparent;
  border-bottom: 5px solid #595959;
  margin-top: -5px;
}
.desktop-header .desktop-nav .desktop-nav__dropdown:hover .desktop-nav__dropdown__menu,
.desktop-header .desktop-nav .desktop-nav__dropdown:focus-within .desktop-nav__dropdown__menu {
  opacity: 1;
  pointer-events: auto;
}
.desktop-header .desktop-nav .desktop-nav__search {
  cursor: pointer;
}
.desktop-header .desktop-nav .desktop-nav__search .desktop-nav__search__input {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  min-height: 100%;
  background: white;
  opacity: 0;
  pointer-events: none;
}
.desktop-header .desktop-nav .desktop-nav__search .desktop-nav__search__input:focus {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.2s ease-in-out;
}
.mobile-header[role=dialog] {
  inset: 0;
  width: 100vw;
  position: fixed;
  z-index: 1000;
  background: white;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1279px) {
  .mobile-header {
    display: none !important;
  }
}
.mobile-header .mobile-header__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}
.mobile-header .mobile-logo {
  width: 150px;
  height: max-content;
}
.mobile-header .mobile-logo svg {
  width: 100%;
  height: max-content;
}
.mobile-header .mobile-nav-button {
  cursor: pointer;
  background: none;
  border: none;
  color: #595959;
}
.mobile-header .mobile-nav {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.mobile-header .mobile-nav[hidden] {
  display: none;
}
.mobile-header .mobile-nav,
.mobile-header .mobile-nav ul {
  list-style: none;
}
.mobile-header .mobile-nav .mobile-nav__item ul {
  padding-bottom: 12px;
}
.mobile-header .mobile-nav .mobile-nav__item.mobile-nav__item--search {
  padding-bottom: 24px;
}
.mobile-header .mobile-nav .mobile-nav__item.mobile-nav__item--bottom-items {
  padding-top: 12px;
  margin-top: auto;
}
.mobile-header .mobile-nav .mobile-nav__item.mobile-nav__item--bottom-items ul {
  padding-bottom: 0;
}
.mobile-header .mobile-nav .mobile-nav__item.mobile-nav__item--bottom {
  background: #f6f6f5;
}
.mobile-header .mobile-nav .mobile-nav__item.mobile-nav__item--bottom:first-child {
  padding-top: 8px;
}
.mobile-header .mobile-nav .mobile-nav__item.mobile-nav__item--bottom:last-child {
  padding-bottom: 8px;
}
.mobile-header .mobile-nav .mobile-nav__link {
  display: block;
  color: #595959;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 24px;
}
.mobile-header .mobile-nav .mobile-nav__link:hover {
  text-decoration: underline;
}
.mobile-header .mobile-nav .mobile-nav__link.mobile-nav__link--sub-link {
  font-weight: 400;
  padding: 8px 48px;
}
.mobile-header .mobile-nav .mobile-nav__link.mobile-nav__link--bottom {
  color: #001b42;
  font-weight: 400;
  padding: 12px 24px;
}
.mobile-header .mobile-search {
  position: relative;
  display: block;
  background: #cbd3de;
  padding: 24px 24px 32px 24px;
  color: #001b42;
}
.mobile-header .mobile-search .mobile-search__input {
  padding-right: 36px;
}
.mobile-header .mobile-search .mobile-search__button {
  color: #001b42;
  background: none;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 24px;
  padding: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-header .mobile-search .mobile-search__icon {
  color: #001b42;
}
.footer {
  width: calc(100% - 32px);
  margin: 0 16px;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .footer {
    margin: 0 auto;
    width: 90%;
  }
}
.footer__row {
  width: 100%;
  border-top: 1px solid #e0e0dc;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer__row--top {
  padding: 24px 0;
}
@media (min-width: 992px) {
  .footer__row--top {
    padding: 48px;
    flex-direction: row;
    align-items: flex-start;
  }
}
.footer__row--bottom {
  padding: 12px 0;
}
@media (min-width: 992px) {
  .footer__row--bottom {
    padding: 12px 48px;
  }
}
.footer__col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer__col--last {
  flex-direction: column-reverse;
  align-items: flex-start;
}
.footer__logos {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer__logos .footer__logos__wood-mode {
  width: 200px;
}
.footer__logos .footer__logos__kcma {
  margin: 24px 0;
  display: flex;
  align-items: center;
}
.footer__logos .footer__logos__kcma .footer__logos__kcma__green {
  width: 57%;
}
.footer__logos .footer__logos__kcma .footer__logos__kcma__blue {
  width: 43%;
  padding-bottom: 12px;
}
.footer__text {
  margin-top: 24px;
}
.footer__social {
  width: 100%;
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .footer__social {
    margin-left: 10px;
    justify-content: flex-start;
  }
}
.footer__social__link {
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  width: 24px;
}
.footer__social__link + .footer__social__link {
  margin-left: 16px;
}
.footer__social__link svg {
  color: #a66908;
  width: 24px;
}
.footer__social__link.footer__social__link--instagram svg {
  width: 24px;
  height: 24px;
}
.footer__showroom-btn {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .footer__showroom-btn {
    margin-top: 0;
  }
}
.footer__showroom-btn:hover {
  letter-spacing: 0.5px;
}
.footer__phone {
  color: #001b42;
  margin-top: 24px;
  text-align: center;
}
@media (min-width: 992px) {
  .footer__phone {
    text-align: left;
  }
}
.footer__copyright {
  width: 100%;
  color: #595959;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .footer__copyright > * + * {
    padding-left: 24px;
  }
}
@media (min-width: 992px) {
  .footer__copyright {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.footer__copyright__link {
  color: #595959;
  margin-top: 8px;
}
.footer__copyright__link + .footer__copyright__link {
  margin-left: 8px;
}
.footer__col--middle {
  display: none;
}
@media (min-width: 992px) {
  .footer__col--middle {
    display: flex;
    padding: 8px 36px;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    flex: 1;
    height: 100%;
  }
}
@media (min-width: 1536px) {
  .footer__col--middle {
    justify-content: space-around;
  }
}
.footer__links {
  margin-bottom: 32px;
}
.footer__links a {
  display: block;
  font-weight: 400;
  color: #001b42;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 6px;
}
.footer__links .footer__links__heading {
  line-height: 0;
  display: block;
  font-weight: 700;
  color: #001b42;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 32px;
  margin-top: 4px;
}
#home-page {
}
#home-page .home__hero {
  width: 100%;
}
#home-page .home__hero:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #home-page .home__hero:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #home-page .home__hero:not(:first-child) {
    margin-top: 120px;
  }
}
#home-page .home__hero .home__hero__carousel {
  height: 75vh;
  min-height: 400px;
}
#home-page .home__hero .home__hero__carousel .home__hero__carousel__item {
  border: 0px solid transparent;
}
#home-page .home__hero .home__hero__carousel .home__hero__carousel__item:focus {
  border: 6px solid #001b42;
}
#home-page .home__hero .home__hero__bottom {
  display: flex;
  width: 100%;
  padding: 0 24px;
  flex-direction: column-reverse;
  transform: translateY(-50%);
  margin-bottom: -128px;
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom {
    transform: none;
    flex-direction: row;
    margin-bottom: -96px;
  }
}
#home-page .home__hero .home__hero__bottom .home__hero__headline {
  position: relative;
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__headline {
    margin-right: 24px;
    transform: translateY(-35%);
  }
}
#home-page .home__hero .home__hero__bottom .home__hero__headline .home__hero__title {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #f6e9d4;
  padding: 36px;
  font-size: 48px;
}
@media (min-width: 768px) {
  #home-page .home__hero .home__hero__bottom .home__hero__headline .home__hero__title {
    font-size: 64px;
  }
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__headline .home__hero__title {
    flex-direction: row;
  }
}
@media (min-width: 1279px) {
  #home-page .home__hero .home__hero__bottom .home__hero__headline .home__hero__title {
    font-size: 80px;
    padding: 36px 64px;
  }
}
#home-page .home__hero .home__hero__bottom .home__hero__headline .home__hero__title img {
  width: 200px;
  margin-right: 24px;
}
@media (min-width: 1279px) {
  #home-page .home__hero .home__hero__bottom .home__hero__headline .home__hero__title img {
    width: 250px;
  }
}
#home-page .home__hero .home__hero__bottom .home__hero__headline .home__hero__subtitle {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: auto;
  padding: 12px;
  background: #edd3a9;
  text-align: center;
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__headline .home__hero__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__headline .home__hero__subtitle {
    transform: translateY(-50%);
    width: max-content;
    margin-right: 48px;
  }
}
#home-page .home__hero .home__hero__bottom .home__hero__selectors {
  position: relative;
  display: flex;
  list-style: none;
  padding: 24px 0;
  width: 75%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__selectors {
    width: 100%;
  }
}
#home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item {
  width: 100%;
}
#home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item + .home__hero__selectors__item {
  margin-left: 2px;
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item + .home__hero__selectors__item {
    margin-left: 0;
  }
}
#home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item .home__hero__selectors__selector {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
  cursor: pointer;
  text-align: left;
  border: none;
  width: 100%;
  background: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  color: transparent;
  user-select: none;
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item .home__hero__selectors__selector {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item .home__hero__selectors__selector {
    border-bottom: 3px solid #cbd3de;
    color: inherit;
    user-select: auto;
  }
}
#home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item .home__hero__selectors__headline {
  position: absolute;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
#home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item.active .home__hero__selectors__selector {
  border-bottom: 4px solid rgb(255, 255, 255);
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item.active .home__hero__selectors__selector {
    border-bottom: 5px solid #001b42;
  }
}
#home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item.active .home__hero__selectors__headline {
  opacity: 1;
  pointer-events: auto;
  display: none;
}
@media (min-width: 992px) {
  #home-page .home__hero .home__hero__bottom .home__hero__selectors .home__hero__selectors__item.active .home__hero__selectors__headline {
    display: block;
  }
}
#home-page .home__features {
  width: 100%;
  padding: 0 24px;
  max-width: 1200px;
}
#home-page .home__features:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #home-page .home__features:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #home-page .home__features:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #home-page .home__features {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#home-page .home__features .home__features__card {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 992px) {
  #home-page .home__features .home__features__card {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}
#home-page .home__features .home__features__card .home__features__card__body {
  padding: 16px;
}
#home-page .home__features .home__features__card .home__features__card__body h2 {
  margin-bottom: 16px;
}
#home-page .home__features .home__features__card .home__features__card__body .button-container {
  margin-top: 32px;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  #home-page .home__features .home__features__card .home__features__card__body {
    max-width: 600px;
  }
  #home-page .home__features .home__features__card .home__features__card__body .button-container {
    justify-content: flex-start;
  }
}
#home-page .home__features .home__features__card .home__features__card__window {
  width: 100%;
  min-width: 300px;
  position: relative;
  padding-bottom: 24px;
  margin-left: 16px;
}
@media (min-width: 992px) {
  #home-page .home__features .home__features__card .home__features__card__window {
    width: 40%;
  }
}
#home-page .home__features .home__features__card .home__features__card__window .home__features__card__window__background {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
#home-page .home__features .home__features__card .home__features__card__window .home__features__card__window__detail {
  position: absolute;
  z-index: -1;
  width: 90%;
  bottom: 0;
  right: -20px;
}
#home-page .foo_sample_test {
  margin: 0px;
}
#home-page .home__video {
  background: #cbd3de;
  width: 100%;
}
#home-page .home__video:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #home-page .home__video:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #home-page .home__video:not(:first-child) {
    margin-top: 120px;
  }
}
#home-page .home__video .home__video__heading {
  padding-top: 48px;
  padding-bottom: 24px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  #home-page .home__video .home__video__heading {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #home-page .home__video .home__video__heading {
    padding-top: 64px;
    padding-bottom: 32px;
  }
}
#home-page .home__video .home__video__header {
  width: 100%;
  padding: 0 24px;
  max-width: 1200px;
}
@media (min-width: 992px) {
  #home-page .home__video .home__video__header {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#home-page .home__video .home__video__figure {
  width: 100%;
  padding: 0 24px;
  max-width: 1200px;
}
@media (min-width: 992px) {
  #home-page .home__video .home__video__figure {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#home-page .home__video .home__video__video {
  width: 100%;
  height: auto;
  background: black;
}
#home-page .home__video .home__video__aspect-ratio {
  position: relative;
}
#home-page .home__video .home__video__aspect-ratio::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
#home-page .home__video .home__video__aspect-ratio > :first-child {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
#home-page .home__video .home__video__title {
  padding-top: 24px;
  padding-bottom: 48px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 20px;
}
@media (min-width: 992px) {
  #home-page .home__video .home__video__title {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  #home-page .home__video .home__video__title {
    padding-top: 32px;
    padding-bottom: 64px;
  }
}
#home-page .designer-section {
  padding: 32px 0;
  background: linear-gradient(to bottom, #f6f6f5 50%, #ffffff 50%);
}
@media (min-width: 992px) {
  #home-page .designer-section {
    padding: 64px 0;
  }
}
#home-page .designer-section .designer-section__heading {
  padding: 16px;
}
#home-page .designer-section .designer-section__heading h4 {
  display: none;
}
#home-page .designer-section .designer-section__heading h5 {
  padding-bottom: 8px;
}
@media (min-width: 992px) {
  #home-page .designer-section .designer-section__heading {
    display: none;
  }
}
#home-page .designer-section .designer-carousel-wrapper {
  margin-right: 32px;
}
@media (min-width: 992px) {
  #home-page .designer-section .designer-carousel-wrapper {
    margin-right: 10%;
    display: flex;
  }
}
#home-page .designer-section .designer-carousel {
  width: 100%;
}
#home-page .designer-section .designer-carousel__slide {
  width: 100%;
  height: 50vh;
  min-height: 200px;
}
#home-page .designer-section .designer-carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  #home-page .designer-section .designer-carousel__slide {
    height: 70vh;
  }
}
#home-page .designer-section .designer-indicators {
  padding: 16px;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 992px) {
  #home-page .designer-section .designer-indicators {
    display: none;
  }
}
#home-page .designer-section .designer-indicators__item {
  width: 20px;
  height: 20px;
}
#home-page .designer-section .designer-indicators__item__body {
  width: 100%;
  height: 2px;
  background: #cbd3de;
}
#home-page .designer-section .active .designer-indicators__item__body {
  background: #001b42;
  height: 4px;
}
#home-page .designer-section .designer-indicators-desk {
  display: none;
}
@media (min-width: 992px) {
  #home-page .designer-section .designer-indicators-desk {
    width: 40%;
    padding: 48px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  #home-page .designer-section .designer-indicators-desk h5 {
    padding-left: 16px;
    padding-bottom: 32px;
  }
}
#home-page .designer-section .designer-indicators-desk__item {
  cursor: pointer;
}
#home-page .designer-section .designer-indicators-desk__item h4 {
  padding-left: 16px;
  margin-bottom: 24px;
}
#home-page .designer-section .designer-indicators-desk__item.active h4 {
  border-left: 2px solid #cbd3de;
}
#home-page .designer-section .designer-quote {
  position: relative;
  padding: 0 16px;
}
@media (min-width: 992px) {
  #home-page .designer-section .designer-quote {
    width: 80%;
    margin: 0 auto;
    margin-top: 64px;
  }
}
#home-page .designer-section .designer-quote__text {
  display: none;
}
#home-page .designer-section .designer-quote__detail {
  position: absolute;
  top: -64px;
  left: 0;
  width: 64px;
}
@media (min-width: 992px) {
  #home-page .designer-section .designer-quote__detail {
    width: 128px;
    left: -64px;
    top: -96px;
  }
}
#home-page .designer-section .designer-section-buttons {
  display: flex;
  flex-direction: column;
  padding: 48px 16px;
}
#home-page .designer-section .designer-section-buttons .button,
#home-page .designer-section .designer-section-buttons .juicer-section .juicer-feed .j-paginate,
#home-page .juicer-section .juicer-feed .designer-section .designer-section-buttons .j-paginate {
  width: max-content;
}
#home-page .designer-section .designer-section-buttons .button + .button,
#home-page .designer-section .designer-section-buttons .juicer-section .juicer-feed .j-paginate + .button,
#home-page .juicer-section .juicer-feed .designer-section .designer-section-buttons .j-paginate + .button,
#home-page .designer-section .designer-section-buttons .juicer-section .juicer-feed .button + .j-paginate,
#home-page .juicer-section .juicer-feed .designer-section .designer-section-buttons .button + .j-paginate,
#home-page .designer-section .designer-section-buttons .juicer-section .juicer-feed .j-paginate + .j-paginate,
#home-page .juicer-section .juicer-feed .designer-section .designer-section-buttons .j-paginate + .j-paginate {
  margin-top: 16px;
}
@media (min-width: 992px) {
  #home-page .designer-section .designer-section-buttons {
    flex-direction: row;
    width: 80%;
    margin: 0 auto;
  }
  #home-page .designer-section .designer-section-buttons .button + .button,
  #home-page .designer-section .designer-section-buttons .juicer-section .juicer-feed .j-paginate + .button,
  #home-page .juicer-section .juicer-feed .designer-section .designer-section-buttons .j-paginate + .button,
  #home-page .designer-section .designer-section-buttons .juicer-section .juicer-feed .button + .j-paginate,
  #home-page .juicer-section .juicer-feed .designer-section .designer-section-buttons .button + .j-paginate,
  #home-page .designer-section .designer-section-buttons .juicer-section .juicer-feed .j-paginate + .j-paginate,
  #home-page .juicer-section .juicer-feed .designer-section .designer-section-buttons .j-paginate + .j-paginate {
    margin: 0 0 0 32px;
  }
}
#home-page .designer-section .designer-section[data-active-slide="0"] .designer-name:nth-child(2) {
  display: block;
}
#home-page .designer-section .designer-section[data-active-slide="0"] .designer-quote__text:nth-child(1) {
  display: block;
}
#home-page .designer-section .designer-section[data-active-slide="1"] .designer-name:nth-child(3) {
  display: block;
}
#home-page .designer-section .designer-section[data-active-slide="1"] .designer-quote__text:nth-child(2) {
  display: block;
}
#home-page .designer-section .designer-section[data-active-slide="2"] .designer-name:nth-child(4) {
  display: block;
}
#home-page .designer-section .designer-section[data-active-slide="2"] .designer-quote__text:nth-child(3) {
  display: block;
}
#home-page .juicer-section {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  max-width: 1200px;
  margin-top: 96px;
}
#home-page .juicer-section:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #home-page .juicer-section:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #home-page .juicer-section:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #home-page .juicer-section {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #home-page .juicer-section {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #home-page .juicer-section {
    margin-top: 125px;
  }
}
#home-page .juicer-section > header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#home-page .juicer-section > header h2 {
  font-family: "ivymode", sans-serif;
  line-height: 1.25;
  font-weight: 400;
  font-size: 48px;
  text-transform: uppercase;
  text-transform: none;
  width: max-content;
}
@media (min-width: 992px) {
  #home-page .juicer-section > header h2 {
    font-size: 80px;
  }
}
#home-page .juicer-section > header h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 300;
  font-size: 28px;
}
@media (min-width: 992px) {
  #home-page .juicer-section > header h3 {
    font-size: 40px;
  }
}
#home-page .juicer-section .juicer-feed {
  font-family:
    "sofia-pro",
    system-ui,
    sans-serif;
}
#home-page .juicer-section .juicer-feed .feed-item {
  border: none !important;
  background: #f6f6f5;
}
#home-page .juicer-section .juicer-feed .j-message {
  color: #001b42;
}
#home-page .juicer-section .juicer-feed .j-paginate {
  width: max-content;
  border-radius: unset;
  margin: 48px auto 12px auto;
}
#project-page {
}
#project-page .project__hero {
  width: 100%;
  padding: 0 24px;
}
#project-page .project__hero:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #project-page .project__hero:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #project-page .project__hero:not(:first-child) {
    margin-top: 120px;
  }
}
#project-page .project__hero .project__hero__cover {
  display: block;
  width: 100%;
  height: 100%;
  height: 70vh;
  min-height: 400px;
}
#project-page .project__hero .project__hero__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#project-page .project__hero__subheading {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  color: #595959;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  #project-page .project__hero__subheading {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
  }
}
#project-page .project__designer {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  max-width: 1200px;
}
#project-page .project__designer:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #project-page .project__designer:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #project-page .project__designer:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #project-page .project__designer {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #project-page .project__designer {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #project-page .project__designer {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 0 auto;
    margin-top: 72px !important;
  }
}
#project-page .project__designer .project__designer__display {
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  #project-page .project__designer .project__designer__display {
    margin-left: 64px;
  }
}
#project-page .project__designer .project__designer__twin-first {
  position: relative;
  display: block;
  width: 80%;
  height: 50vh;
  object-fit: cover;
}
#project-page .project__designer .project__designer__twin-second {
  position: relative;
  display: block;
  width: 80%;
  height: 50vh;
  object-fit: cover;
  margin-left: 20%;
  margin-top: -32px;
  border-top: 7px solid white;
  border-left: 7px solid white;
}
@media (min-width: 992px) {
  #project-page .project__designer .project__designer__twin-second {
    margin-top: -64px;
    width: 70%;
  }
}
#project-page .project__designer .project__designer__body {
  padding: 32px 24px;
  width: 100%;
}
@media (min-width: 992px) {
  #project-page .project__designer .project__designer__body {
    max-width: 30vw;
  }
}
#project-page .project__designer .project__designer__body h2 {
  margin-bottom: 16px;
}
#project-page .project__designer .project__designer__body p {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  #project-page .project__designer .project__designer__body h2 {
    margin-bottom: 32px;
  }
  #project-page .project__designer .project__designer__body p {
    margin-bottom: 32px;
  }
}
#project-page .project__designer .project__designer__name {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  #project-page .project__designer .project__designer__name {
    font-size: 18px;
  }
}
#project-page .project__designer .project__designer__avatar {
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  #project-page .project__designer .project__designer__avatar {
    display: block;
  }
}
#project-page .project__designer .project__designer__avatar img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 16px;
}
#project-page .project__designer .project__designer__avatar h5 {
  color: #a66908;
  line-height: 1.5;
}
@media (min-width: 992px) {
  #project-page .project__designer .project__designer__avatar {
    margin-top: 64px;
  }
  #project-page .project__designer .project__designer__avatar img {
    width: 96px;
    height: 96px;
  }
}
#project-page .headline__description {
  text-align: left;
}
#project-page .project__body {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  max-width: 1200px;
  margin-top: 48px;
}
@media (min-width: 992px) {
  #project-page .project__body {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 576px) {
  #project-page .project__body {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (min-width: 992px) {
  #project-page .project__body {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
#project-page .project__body > * {
  margin-top: 24px;
}
#project-page .project__body h1,
#project-page .project__body h2,
#project-page .project__body h3,
#project-page .project__body h4,
#project-page .project__body h5,
#project-page .project__body h6 {
  margin-top: 48px;
}
#project-page .project__body ul,
#project-page .project__body ol {
  margin-left: 24px;
}
#project-page .project__body a {
  color: inherit;
}
#project-page .project__body a:hover {
  color: #657ea3;
}
#project-page .quotes-section {
  overflow: hidden;
  background: #fbf4ea;
  margin: 48px 0;
}
@media (min-width: 992px) {
  #project-page .quotes-section {
    margin: 120px 0;
  }
}
#project-page .quotes {
  position: relative;
  margin: 64px auto 48px auto;
  overflow: visible;
}
@media (min-width: 992px) {
  #project-page .quotes {
    max-width: 768px;
    padding: 0 24px;
    margin: 96px auto 64px;
  }
}
#project-page .quotes::before {
  content: url('data:image/svg+xml,<svg width="64" height="79" viewBox="0 0 110 136" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.689236"><mask id="mask0_0_12532" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="110" height="136"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H110V136H0V0Z" fill="white"/></mask><g mask="url(%23mask0_0_12532)"><path fill-rule="evenodd" clip-rule="evenodd" d="M75.8896 100.926C75.8896 99.2212 74.756 98.3621 72.4896 98.3621C70.2109 90.3803 69.3543 82.3985 69.9215 74.4159C70.4879 66.4334 71.7658 58.4516 73.7552 50.469C75.7453 42.4872 78.1568 34.6378 81.002 26.9463C83.8479 19.254 86.4037 11.9735 88.6825 5.12794C91.5284 5.12794 93.6505 5.70846 95.0727 6.84551C96.4957 7.98256 98.6301 8.84096 101.475 9.40987C103.742 11.6956 105.31 14.2592 106.166 17.1138C107.01 19.9676 108.288 22.532 110 24.8053C110 33.9241 108.577 41.1931 105.732 46.6113C102.886 52.0295 100.052 57.8834 97.2072 64.1477C96.6408 73.2789 94.0842 80.6925 89.5383 86.3894C90.1054 89.8121 89.8161 92.3757 88.6825 94.0809C87.5489 95.7985 86.4037 97.5037 85.2701 99.2212C83.5585 98.6523 82.2799 98.5076 81.4357 98.7978C80.5799 99.0881 78.7356 99.7894 75.8896 100.926M23.0299 112.041C24.1635 114.326 25.4414 114.617 26.8643 112.9C28.2865 111.195 29.8422 111.195 31.5546 112.9C30.9758 116.891 29.6979 120.314 27.7078 123.167C25.7184 126.022 25.2963 128.864 26.4422 131.718C23.5963 131.15 22.029 131.718 21.7396 133.436C21.4503 135.153 20.4617 136 18.7617 136C14.7822 136 12.2264 135.431 11.0928 134.282C9.38049 133.145 8.10259 131.73 7.2468 130.013C6.39024 128.295 5.11235 126.869 3.41235 125.732C2.84594 123.458 2.42383 121.172 2.13445 118.886C1.84508 116.613 1.13359 114.895 0 113.758C1.13359 92.666 5.40173 73.9925 12.7928 57.7379C20.1839 41.4833 26.4422 25.3742 31.5546 9.40987C33.2546 8.27282 34.5325 6.71238 35.389 4.71693C36.2325 2.72149 37.2333 1.14943 38.3793 0H54.5721C56.2845 1.14943 57.8394 2.72149 59.2623 4.71693C60.6853 6.71238 62.241 8.56308 63.9526 10.2683C65.0862 16.5449 64.3747 21.2494 61.8189 24.3819C59.2623 27.5268 57.1287 31.0827 55.4279 35.0736C55.4279 35.6417 55.5606 36.3554 55.85 37.2022C56.1394 38.0606 55.9951 39.0645 55.4279 40.2015C54.2951 42.4872 53.1491 44.6282 52.0163 46.6236C50.8827 48.6191 49.7368 50.7593 48.604 53.0334C47.4704 54.7509 46.9032 56.3106 46.9032 57.7379C46.9032 59.1652 46.3368 60.447 45.2032 61.5841C44.058 64.4379 42.6351 66.8691 40.9351 68.8646C39.2227 70.86 38.3793 73.5691 38.3793 76.9803C38.3793 78.1166 38.0899 78.4068 37.5227 77.8387C36.944 77.2705 36.0997 77.5484 34.9669 78.6855C33.821 84.9621 32.1094 90.9484 29.8422 96.6569C27.5758 102.365 25.2963 107.493 23.0299 112.041" fill="black" fill-opacity="0.4"/></g></g></svg>');
  position: absolute;
  filter: invert(8%) sepia(32%) saturate(5360%) hue-rotate(201deg) brightness(94%) contrast(104%);
  opacity: 0.6;
  top: -12px;
  left: -12px;
}
#project-page .quotes::after {
  content: url('data:image/svg+xml,<svg width="64" height="79" viewBox="0 0 110 136" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.689236"><mask id="mask0_0_12532" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="110" height="136"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H110V136H0V0Z" fill="white"/></mask><g mask="url(%23mask0_0_12532)"><path fill-rule="evenodd" clip-rule="evenodd" d="M75.8896 100.926C75.8896 99.2212 74.756 98.3621 72.4896 98.3621C70.2109 90.3803 69.3543 82.3985 69.9215 74.4159C70.4879 66.4334 71.7658 58.4516 73.7552 50.469C75.7453 42.4872 78.1568 34.6378 81.002 26.9463C83.8479 19.254 86.4037 11.9735 88.6825 5.12794C91.5284 5.12794 93.6505 5.70846 95.0727 6.84551C96.4957 7.98256 98.6301 8.84096 101.475 9.40987C103.742 11.6956 105.31 14.2592 106.166 17.1138C107.01 19.9676 108.288 22.532 110 24.8053C110 33.9241 108.577 41.1931 105.732 46.6113C102.886 52.0295 100.052 57.8834 97.2072 64.1477C96.6408 73.2789 94.0842 80.6925 89.5383 86.3894C90.1054 89.8121 89.8161 92.3757 88.6825 94.0809C87.5489 95.7985 86.4037 97.5037 85.2701 99.2212C83.5585 98.6523 82.2799 98.5076 81.4357 98.7978C80.5799 99.0881 78.7356 99.7894 75.8896 100.926M23.0299 112.041C24.1635 114.326 25.4414 114.617 26.8643 112.9C28.2865 111.195 29.8422 111.195 31.5546 112.9C30.9758 116.891 29.6979 120.314 27.7078 123.167C25.7184 126.022 25.2963 128.864 26.4422 131.718C23.5963 131.15 22.029 131.718 21.7396 133.436C21.4503 135.153 20.4617 136 18.7617 136C14.7822 136 12.2264 135.431 11.0928 134.282C9.38049 133.145 8.10259 131.73 7.2468 130.013C6.39024 128.295 5.11235 126.869 3.41235 125.732C2.84594 123.458 2.42383 121.172 2.13445 118.886C1.84508 116.613 1.13359 114.895 0 113.758C1.13359 92.666 5.40173 73.9925 12.7928 57.7379C20.1839 41.4833 26.4422 25.3742 31.5546 9.40987C33.2546 8.27282 34.5325 6.71238 35.389 4.71693C36.2325 2.72149 37.2333 1.14943 38.3793 0H54.5721C56.2845 1.14943 57.8394 2.72149 59.2623 4.71693C60.6853 6.71238 62.241 8.56308 63.9526 10.2683C65.0862 16.5449 64.3747 21.2494 61.8189 24.3819C59.2623 27.5268 57.1287 31.0827 55.4279 35.0736C55.4279 35.6417 55.5606 36.3554 55.85 37.2022C56.1394 38.0606 55.9951 39.0645 55.4279 40.2015C54.2951 42.4872 53.1491 44.6282 52.0163 46.6236C50.8827 48.6191 49.7368 50.7593 48.604 53.0334C47.4704 54.7509 46.9032 56.3106 46.9032 57.7379C46.9032 59.1652 46.3368 60.447 45.2032 61.5841C44.058 64.4379 42.6351 66.8691 40.9351 68.8646C39.2227 70.86 38.3793 73.5691 38.3793 76.9803C38.3793 78.1166 38.0899 78.4068 37.5227 77.8387C36.944 77.2705 36.0997 77.5484 34.9669 78.6855C33.821 84.9621 32.1094 90.9484 29.8422 96.6569C27.5758 102.365 25.2963 107.493 23.0299 112.041" fill="black" fill-opacity="0.4"/></g></g></svg>');
  position: absolute;
  filter: invert(8%) sepia(32%) saturate(5360%) hue-rotate(201deg) brightness(94%) contrast(104%);
  opacity: 0.6;
  bottom: 72px;
  right: -12px;
  transform: rotate(180deg);
}
#project-page .quotes__wrapper {
  display: flex;
  padding-bottom: 36px;
}
#project-page .quotes__slide {
  cursor: grab;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#project-page .quotes__slide__comment {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 576px) {
  #project-page .quotes__slide__comment {
    font-size: 26px;
  }
}
#project-page .quotes__slide__person {
  font-weight: 700;
  margin-top: 18px;
}
#project-page .quotes__pagination {
  bottom: 0;
}
#project-page .quotes__pagination .swiper-pagination-bullet-active {
  background: #001b42;
}
.playlist {
  --list-width: 200px;
  --list-padding: 24px;
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  max-width: 1200px;
}
.playlist:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  .playlist:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  .playlist:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  .playlist {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .playlist {
    margin-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
.playlist__row {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.playlist__column--video {
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .playlist__column--video {
    width: calc(100% - (var(--list-width) + var(--list-padding)));
  }
}
.playlist__video-player {
  width: 100%;
}
.playlist__video-player__video {
  display: block;
  width: 100%;
  background: black;
  aspect-ratio: 16/9;
}
@media (min-width: 992px) {
  .playlist__video-info {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
  }
}
.playlist__list-heading {
  padding-left: 6px;
  padding-top: 32px;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
}
@media (min-width: 992px) {
  .playlist__list-heading {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .playlist__list-heading {
    top: 0;
    right: 0;
    position: absolute;
    transform: translateY(-100%);
    width: var(--list-width);
  }
}
@media (min-width: 992px) {
  .playlist__list {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
}
.playlist__list__items {
  height: 100%;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-height: 400px;
}
@media (min-width: 375px) {
  .playlist__list__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 576px) {
  .playlist__list__items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .playlist__list__items {
    max-height: unset;
    grid-template-columns: 1fr;
    width: var(--list-width);
  }
}
.playlist__list__item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  position: relative;
  padding: 6px;
}
.playlist__list__item__poster-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background-color: black;
}
.playlist__list__item__poster {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.playlist__list__item__title {
  margin-top: 4px;
  font-size: 16px;
  font-family:
    "sofia-pro",
    system-ui,
    sans-serif;
  font-weight: 700;
  color: #001b42;
}
.playlist__list__item[playlist-item-selected]::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: -1;
  background-color: hsl(214, 30%, 94%);
}
@media (min-width: 992px) {
  .categories-section {
    margin-top: 120px !important;
  }
}
.hotspots {
  padding: 32px 0;
}
@media (min-width: 992px) {
  .hotspots {
    margin: 96px 0;
  }
}
.hotspots .hotspots__display {
  position: relative;
  width: 100%;
}
.hotspots .hotspots__display img {
  display: block;
  width: 100%;
  height: 70vh;
  object-fit: cover;
}
.hotspots .hotspots__display .hotspot {
  position: absolute;
  padding: 8px;
  border-radius: 50%;
  background: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
  .hotspots .hotspots__display {
    padding: 0 24px;
  }
  .hotspots .hotspots__display img {
    height: 85vh;
  }
}
.hotspots .hotspots__body {
  background: #cbd3de;
  padding: 32px;
}
.hotspots .hotspots__body h2 {
  margin-bottom: 32px;
}
.hotspots .hotspots__body ul {
  list-style: none;
}
.hotspots .hotspots__body li {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.hotspots .hotspots__body li h4 {
  position: relative;
  padding-right: 16px;
  margin-right: 8px;
}
.hotspots .hotspots__body li h4::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #ffffff;
}
@media (min-width: 992px) {
  .hotspots .hotspots__body {
    margin: 0 24px;
    padding: 48px 32px;
    display: flex;
  }
  .hotspots .hotspots__body ul {
    display: flex;
  }
  .hotspots .hotspots__body h2 {
    width: 70%;
    margin: 0 24px;
  }
  .hotspots .hotspots__body li {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 8px;
  }
  .hotspots .hotspots__body li h4 {
    padding-right: 32px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 3px solid #ffffff;
  }
  .hotspots .hotspots__body li h4::after {
    content: none;
  }
}
#category-page {
}
#category-page .category-hero {
  width: 100%;
  padding: 0 24px;
}
#category-page .category-hero:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #category-page .category-hero:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #category-page .category-hero:not(:first-child) {
    margin-top: 120px;
  }
}
#category-page .category-hero .category-hero-cover {
  display: block;
  width: 100%;
  height: 100%;
  height: 70vh;
  min-height: 400px;
}
#category-page .category-hero .category-hero-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#category-page .category-categories {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  max-width: 1200px;
}
#category-page .category-categories:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #category-page .category-categories:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #category-page .category-categories:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #category-page .category-categories {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #category-page .category-categories {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#category-page .category-categories > * + * {
  margin-top: 48px !important;
}
#category-page .category-categories .category-categories-title {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  #category-page .category-categories .category-categories-title {
    font-size: 18px;
  }
}
#category-page .category-explore {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
#category-page .category-explore:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #category-page .category-explore:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #category-page .category-explore:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #category-page .category-explore {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#category-page .category-explore .category-explore-title {
  margin-bottom: 12px;
}
#category-page .category-explore .category-explore-description {
  margin-bottom: 36px;
  color: #595959;
}
#filter-page {
}
#filter-page .subnav {
  background: #001b42;
  overflow-x: auto;
}
#filter-page .subnav .subnav__list {
  width: max-content;
  margin: 0 auto;
  list-style: none;
  display: flex;
}
#filter-page .subnav .subnav__item {
  color: white;
  white-space: nowrap;
  display: block;
}
#filter-page .subnav .subnav__item a {
  display: block;
  cursor: pointer;
  padding: 16px;
  color: white;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
#filter-page .subnav .subnav__item:hover {
  text-decoration: underline;
}
#filter-page .subnav .subnav__item.subnav__item--active {
  border-bottom: 4px solid #cbd3de;
}
#filter-page .filter__hero {
  width: 100%;
  padding: 0 24px;
}
#filter-page .filter__hero .filter__hero__cover {
  display: block;
  width: 100%;
  height: 100%;
  height: 70vh;
  min-height: 400px;
}
#filter-page .filter__hero .filter__hero__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#filter-page .filter__hero .filter__color-info {
  background: #001b42;
  color: #ffffff;
  padding: 24px;
  margin-top: 36px;
}
#filter-page .carousel-section {
  background: none;
}
#filter-page .carousel-section .carousel-section__carousel-item {
  width: 100%;
}
@media (min-width: 992px) {
  #filter-page .carousel-section .carousel-section__carousel-item {
    max-width: calc(70vw - 16px);
  }
}
#filter-page .filter__filter {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  display: flex;
}
#filter-page .filter__filter:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #filter-page .filter__filter:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #filter-page .filter__filter:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #filter-page .filter__filter {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#filter-page .filter__filter .card {
  height: 100%;
}
#filter-page .filter__filter .card .card__cover {
  height: auto;
  padding: 24px;
  background: #f6f6f5;
}
#filter-page .filter__filter .card .card__cover img {
  object-fit: contain;
  max-height: 250px;
}
#filter-page .filter__filter .card .card__title {
  margin-top: 24px;
}
#heritage-page {
}
#heritage-page .heritage-hero {
  width: 100%;
  padding: 0 24px;
}
#heritage-page .heritage-hero:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #heritage-page .heritage-hero:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #heritage-page .heritage-hero:not(:first-child) {
    margin-top: 120px;
  }
}
#heritage-page .heritage-hero .heritage-hero-cover {
  display: block;
  width: 100%;
  height: 100%;
  height: 70vh;
  min-height: 400px;
}
#heritage-page .heritage-hero .heritage-hero-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#heritage-page .heritage-hero .heritage-hero-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#heritage-page .heritage-hero .heritage-hero-title {
  margin: 48px 0;
  text-align: center;
}
@media (min-width: 992px) {
  #heritage-page .heritage-hero .heritage-hero-title {
    margin: 64px 0;
  }
}
#heritage-page .heritage-hero .heritage-hero-description {
  text-align: center;
  max-width: 800px;
  color: #595959;
}
#heritage-page .heritage-decades {
  background: #fbf4ea;
  width: 100%;
  padding: 48px 0;
  margin-bottom: 48px;
}
#heritage-page .heritage-decades:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #heritage-page .heritage-decades:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #heritage-page .heritage-decades:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #heritage-page .heritage-decades {
    padding: 96px 0;
  }
}
#heritage-page .heritage-decades > * {
  margin-left: 24px;
  margin-right: 24px;
}
@media (min-width: 992px) {
  #heritage-page .heritage-decades > * {
    margin-right: calc((100vw - min(70vw, 1600px)) / 2);
    margin-left: calc((100vw - min(70vw, 1600px)) / 2);
  }
}
@media (min-width: 576px) {
  #heritage-page .heritage-decades {
    margin-bottom: 96px;
  }
}
@media (min-width: 992px) {
  #heritage-page .heritage-decades {
    margin-bottom: 128px;
  }
}
#heritage-page .heritage-decades .heritage-decades-header {
  margin-bottom: 36px;
}
#heritage-page .heritage-decades .heritage-decades-header .heritage-decades-title {
  display: flex;
  align-items: center;
}
#heritage-page .heritage-decades .heritage-decades-header .heritage-decades-title .heritage-decades-title-icon {
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
@media (min-width: 992px) {
  #heritage-page .heritage-decades .heritage-decades-header .heritage-decades-title .heritage-decades-title-icon {
    width: 48px;
    height: 48px;
  }
}
#heritage-page .heritage-decades .heritage-decades-carousel {
  margin: 0 0 12px 0;
  height: max(400px, min(30vw, 700px));
}
#heritage-page .heritage-decades .heritage-decades-carousel .heritage-decades-carousel-track > *:not(:last-child) {
  margin-right: 24px;
}
@media (min-width: 992px) {
  #heritage-page .heritage-decades .heritage-decades-carousel .heritage-decades-carousel-item {
    width: calc(70vw - 16px);
    max-width: 1600px;
  }
}
#heritage-page .heritage-decades .heritage-decades-selectors {
  margin-bottom: 24px;
  display: flex;
}
#heritage-page .heritage-decades .heritage-decades-selectors .heritage-decades-selector {
  position: relative;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  color: transparent;
  height: 18px;
  overflow: hidden;
}
#heritage-page .heritage-decades .heritage-decades-selectors .heritage-decades-selector span {
  opacity: 0;
  position: absolute;
  left: -100000px;
}
#heritage-page .heritage-decades .heritage-decades-selectors .heritage-decades-selector::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #f1dfc7;
  transition: background 0.2s linear, height 0.2s linear;
}
#heritage-page .heritage-decades .heritage-decades-selectors .heritage-decades-selector.active::before {
  background: #ae751d;
  height: 7px;
}
#heritage-page .heritage-decades .heritage-decades-body {
  transition: opacity 0.5s;
}
#heritage-page .heritage-decades .heritage-decades-body[aria-hidden=true] {
  opacity: 0;
  position: absolute;
  left: -100000px;
}
#heritage-page .heritage-decades .heritage-decades-body h3 {
  color: #001b42;
}
#heritage-page .heritage-decades .heritage-decades-body dl {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  color: #595959;
  margin-top: 8px;
}
#heritage-page .heritage-decades .heritage-decades-body dl > * {
  margin-right: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#heritage-page .heritage-decades .heritage-decades-body dl dt {
  font-weight: bold;
  margin-right: 8px;
}
#heritage-page .heritage-decades .heritage-decades-body p {
  color: #595959;
  margin-top: 16px;
}
#heritage-page .heritage-decades .heritage-decades-body a {
  margin-top: 16px;
}
#heritage-page .heritage-values {
  width: 100%;
  padding: 0 24px;
  max-width: 1200px;
}
#heritage-page .heritage-values:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #heritage-page .heritage-values:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #heritage-page .heritage-values:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #heritage-page .heritage-values {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#heritage-page .heritage-values > * + * {
  margin-top: 48px !important;
}
#heritage-page .heritage-values .heritage-values-title {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #001b42;
}
@media (min-width: 992px) {
  #heritage-page .heritage-values .heritage-values-title {
    font-size: 18px;
  }
}
#contact-page {
}
#contact-page .locator {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
#contact-page .locator:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #contact-page .locator:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #contact-page .locator:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #contact-page .locator {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #contact-page .locator {
    margin-top: 48px;
    display: flex;
    flex-direction: row-reverse;
  }
}
#contact-page .locator .locator__map {
  height: 550px;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 992px) {
  #contact-page .locator .locator__map {
    width: 60%;
  }
}
#contact-page .locator .locator__panels {
  flex-shrink: 0;
  padding: 24px 12px;
}
@media (min-width: 992px) {
  #contact-page .locator .locator__panels {
    padding: 0 12px;
    width: 40%;
    overflow: hidden;
  }
}
#contact-page .locator .locator__panels__heading {
  width: 100%;
  padding: 12px;
}
#contact-page .locator .locator__panels__heading h5 {
  padding-bottom: 12px;
  border-bottom: 3px solid #a66908;
  color: #a66908;
}
#contact-page .locator .locator__panels__content {
  width: 100%;
  position: relative;
  padding: 12px;
}
#contact-page .locator .locator__form {
  width: 100%;
  padding: 0;
  flex-shrink: 0;
}
#contact-page .locator .locator__form h5 {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 3px solid #a66908;
  color: #a66908;
}
#contact-page .locator .locator__form p {
  padding-bottom: 24px;
  color: #595959;
}
#contact-page .locator .locator__form .input {
  margin-bottom: 48px;
}
#contact-page .locator .locator__form .button,
#contact-page .locator .locator__form #home-page .juicer-section .juicer-feed .j-paginate,
#home-page .juicer-section .juicer-feed #contact-page .locator .locator__form .j-paginate {
  padding: 12px 48px;
}
#contact-page .locator .locator__form .user-locator-button {
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  cursor: pointer;
  padding: 2px 0;
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  color: #001b42;
  font-size: 13px;
}
#contact-page .locator .locator__form .user-locator-button,
#contact-page .locator .locator__form .user-locator-button:focus,
#contact-page .locator .locator__form .user-locator-button:active,
#contact-page .locator .locator__form .user-locator-button:hover {
  background: none;
  border: none;
}
@media (min-width: 992px) {
  #contact-page .locator .locator__form .user-locator-button {
    font-size: 14px;
  }
}
#contact-page .locator .locator__results__radius {
  margin-top: 12px;
}
#contact-page .locator .locator__results__loading {
  width: 100%;
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#contact-page .locator .locator__results__loading .locator__results__loading__spinner {
  width: 24px;
  height: 24px;
  margin-bottom: 12px;
  border-radius: 50%;
  border-top: 3px solid #001b42;
  border-right: 3px solid #001b42;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  animation: spin 0.8s linear infinite;
  overflow: hidden;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
#contact-page .locator .locator__results__heading {
  cursor: pointer;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #001b42;
  text-decoration: none;
  padding: 12px 24px;
  border-bottom: 3px solid #001b42;
}
#contact-page .locator .locator__results__heading::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  border-right: 5px solid #001b42;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
#contact-page .locator .locator__results__no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
#contact-page .locator .locator__results__no-results svg {
  width: 64px;
  height: 64px;
  color: #cbd3de;
}
#contact-page .locator .locator__results__no-results p {
  margin-top: 12px;
}
#contact-page .locator .locator__results__list {
  width: 100%;
  height: 100%;
  padding: 0 12px;
  padding-top: 24px;
  position: relative;
  list-style: none;
  overflow: auto;
}
@media (min-width: 992px) {
  #contact-page .locator .locator__results__list {
    padding-top: 32px;
    max-height: 375px;
  }
}
#contact-page .locator .locator__results__list::-webkit-scrollbar {
  width: 5px;
}
#contact-page .locator .locator__results__list::-webkit-scrollbar-track {
  background: #e0e0dc;
  border-radius: 3px;
}
#contact-page .locator .locator__results__list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
#contact-page .locator .locator__results__list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
#contact-page .locator .locator__results__list__item {
  cursor: pointer;
  position: relative;
  padding: 24px;
  padding-left: 32px;
  padding-top: 0;
  margin-bottom: 24px;
  border-bottom: 1px solid #e0e0dc;
}
#contact-page .locator .locator__results__list__item::before {
  content: attr(data-index);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-family: "ivymode", sans-serif;
}
@media (min-width: 992px) {
  #contact-page .locator .locator__results__list__item::before {
    font-size: 24px;
  }
}
#contact-page .locator .locator__results__list__item::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 8px solid #001b42;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
#contact-page .locator .locator__results__list__item .locator__results__list__item__title {
  text-transform: uppercase;
}
#contact-page .locator .locator__results__list__item .locator__results__list__item__subtitle {
  text-transform: uppercase;
  line-height: 1.5;
}
#contact-page .locator .locator__results__list__item .locator__results__list__item__address {
  text-transform: uppercase;
  padding-top: 16px;
  display: block;
  color: #595959;
}
#contact-page .locator .locator__results__list__item .locator__results__list__item__phone {
  display: block;
  color: #a66908;
}
#contact-page .locator .locator__details a {
  color: #a66908;
  text-decoration: none;
}
#contact-page .locator .locator__details__heading {
  cursor: pointer;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #001b42;
  text-decoration: none;
  padding: 12px 24px;
  border-bottom: 3px solid #001b42;
}
#contact-page .locator .locator__details__heading::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  border-right: 5px solid #001b42;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
#contact-page .locator .locator__details__content {
  padding-left: 24px;
  padding-top: 24px;
}
@media (min-width: 992px) {
  #contact-page .locator .locator__details__content {
    padding-left: 32px;
    padding-top: 32px;
  }
}
#contact-page .locator .locator__details__title {
  text-transform: uppercase;
}
#contact-page .locator .locator__details__subtitle {
  text-transform: uppercase;
  line-height: 1.5;
}
#contact-page .locator .locator__details__row {
  padding: 16px 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 992px) {
  #contact-page .locator .locator__details__row {
    grid-template-columns: 1fr 1fr;
  }
}
#contact-page .locator .locator__details__hours small {
  color: #a66908;
}
#contact-page .locator .locator__details__hours table {
  width: 100%;
  max-width: 200px;
  color: #595959;
}
@media (max-width: 539px) {
  #contact-page .locator .locator__details__hours table {
    font-size: 14px;
  }
}
#contact-page .locator .locator__details__hours tr td:last-child {
  text-align: right;
}
#contact-page .locator .locator__details__info small {
  color: #a66908;
}
#contact-page .locator .locator__details__info ul {
  padding: 6px 0;
  list-style: none;
  color: #595959;
}
@media (max-width: 539px) {
  #contact-page .locator .locator__details__info ul {
    font-size: 14px;
  }
}
#contact-page .locator .locator__details__info li {
  position: relative;
  padding-bottom: 6px;
  padding-left: 24px;
}
#contact-page .locator .locator__details__info li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #a66908;
}
@media (min-width: 576px) {
  #contact-page .locator .locator__details__info li::before {
    top: 8px;
  }
}
#contact-page .locator .locator__details__about small {
  color: #a66908;
}
#contact-page .locator .locator__details__about p {
  font-size: 14px;
  color: #595959;
}
#contact-page .locator .locator__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(203, 211, 222, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s linear;
}
#contact-page .locator .locator__loading.error {
  background: rgba(171, 0, 0, 0.2);
  color: #ab0000;
}
#contact-page .locator .locator__loading__spinner {
  color: rgba(0, 27, 66, 0.75);
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@keyframes load4 {
  0%, 100% {
    box-shadow:
      0 -3em 0 0.2em,
      2em -2em 0 0em,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 0;
  }
  12.5% {
    box-shadow:
      0 -3em 0 0,
      2em -2em 0 0.2em,
      3em 0 0 0,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  25% {
    box-shadow:
      0 -3em 0 -0.5em,
      2em -2em 0 0,
      3em 0 0 0.2em,
      2em 2em 0 0,
      0 3em 0 -1em,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0em 0 0,
      2em 2em 0 0.2em,
      0 3em 0 0em,
      -2em 2em 0 -1em,
      -3em 0em 0 -1em,
      -2em -2em 0 -1em;
  }
  50% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 0em,
      0 3em 0 0.2em,
      -2em 2em 0 0,
      -3em 0em 0 -1em,
      -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 0,
      -2em 2em 0 0.2em,
      -3em 0 0 0,
      -2em -2em 0 -1em;
  }
  75% {
    box-shadow:
      0em -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0em 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 0,
      -3em 0em 0 0.2em,
      -2em -2em 0 0;
  }
  87.5% {
    box-shadow:
      0em -3em 0 0,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 0,
      -3em 0em 0 0,
      -2em -2em 0 0.2em;
  }
}
#contact-page .showroom {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
#contact-page .showroom:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #contact-page .showroom:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #contact-page .showroom:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #contact-page .showroom {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#contact-page .showroom .showroom__map {
  width: 100%;
  height: 100%;
  max-height: 70vh;
  object-fit: cover;
}
#contact-page .showroom .showroom__results {
  flex-shrink: 0;
  padding: 24px;
  transition: all 0.3s ease-in-out;
}
#contact-page .showroom .showroom__results .showroom__results__heading {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 3px solid #a66908;
  color: #a66908;
}
@media (min-width: 992px) {
  #contact-page .showroom .showroom__results {
    width: 100%;
  }
  .showroom__results #contact-page .showroom .showroom__results.expanded {
    width: 50%;
    height: unset;
  }
}
#contact-page .showroom .showroom__results__panels {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
#contact-page .showroom .showroom__list-panel,
#contact-page .showroom .showroom__details-panel {
  width: 100%;
  flex-shrink: 0;
  padding: 24px 0;
  transition: all 0.3s ease-in-out;
}
#contact-page .showroom .showroom__list-panel__heading,
#contact-page .showroom .showroom__details-panel__heading {
  cursor: pointer;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #001b42;
  text-decoration: none;
  padding: 0 24px;
  padding-bottom: 12px;
  border-bottom: 3px solid #001b42;
}
#contact-page .showroom .showroom__list-panel__heading::before,
#contact-page .showroom .showroom__details-panel__heading::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  border-right: 5px solid #001b42;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
#contact-page .showroom .showroom__list-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#contact-page .showroom .showroom__list-panel.hidden {
  transform: translateX(-100%);
  opacity: 0;
  height: 0;
}
#contact-page .showroom .showroom__list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 0 12px;
  padding-top: 24px;
  position: relative;
  max-height: 600px;
}
@media (min-width: 992px) {
  #contact-page .showroom .showroom__list {
    padding-top: 32px;
    max-height: none;
    overflow-y: visible;
  }
}
#contact-page .showroom .showroom__list::-webkit-scrollbar {
  width: 5px;
}
#contact-page .showroom .showroom__list::-webkit-scrollbar-track {
  background: #e0e0dc;
  border-radius: 3px;
}
#contact-page .showroom .showroom__list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
#contact-page .showroom .showroom__list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
#contact-page .showroom .showroom__list__item {
  position: relative;
  padding: 24px;
  padding-top: 0;
  margin-bottom: 24px;
  border-bottom: 1px solid #e0e0dc;
}
#contact-page .showroom .showroom__list__item::before {
  content: attr(data-showroom-index);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-family: "ivymode", sans-serif;
}
@media (min-width: 992px) {
  #contact-page .showroom .showroom__list__item::before {
    font-size: 24px;
  }
}
#contact-page .showroom .showroom__list__item .showroom__list__item__title {
  margin-left: 8px;
}
#contact-page .showroom .showroom__list__item .showroom__list__item__subtitle {
  text-transform: uppercase;
  line-height: 1.5;
}
#contact-page .showroom .showroom__list__item .showroom__list__item__address {
  padding-top: 16px;
  display: block;
  color: #595959;
}
#contact-page .showroom .showroom__list__item .showroom__list__item__phone {
  display: block;
  color: #a66908;
}
#contact-page .showroom .showroom__details-panel {
  flex-shrink: 0;
  opacity: 0;
  height: 100px;
  transition: all 0.3s ease-in-out;
}
#contact-page .showroom .showroom__details-panel.show {
  transform: translateX(-100%);
  opacity: 1;
  height: auto;
}
#contact-page .showroom .showroom__details {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
}
#contact-page .showroom .showroom__details__item {
  padding-left: 24px;
  display: none;
}
@media (min-width: 992px) {
  #contact-page .showroom .showroom__details__item {
    padding-left: 32px;
  }
}
#contact-page .showroom .showroom__details__item.show {
  display: block;
}
#contact-page .showroom .showroom__details__item .showroom__details__item__subtitle {
  text-transform: uppercase;
  line-height: 1.5;
}
#contact-page .showroom .showroom__details__item .showroom__details__item__row {
  padding: 16px 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 992px) {
  #contact-page .showroom .showroom__details__item .showroom__details__item__row {
    grid-template-columns: 1fr 1fr;
  }
}
#contact-page .showroom .showroom__details__item .showroom__details__item__hours small {
  color: #a66908;
}
#contact-page .showroom .showroom__details__item .showroom__details__item__hours table {
  width: 100%;
  max-width: 200px;
  color: #595959;
}
@media (max-width: 539px) {
  #contact-page .showroom .showroom__details__item .showroom__details__item__hours table {
    font-size: 14px;
  }
}
#contact-page .showroom .showroom__details__item .showroom__details__item__hours tr td:last-child {
  text-align: right;
}
#contact-page .showroom .showroom__details__item .showroom__details__item__info small {
  color: #a66908;
}
#contact-page .showroom .showroom__details__item .showroom__details__item__info ul {
  padding: 6px 0;
  list-style: none;
  color: #595959;
}
@media (max-width: 539px) {
  #contact-page .showroom .showroom__details__item .showroom__details__item__info ul {
    font-size: 14px;
  }
}
#contact-page .showroom .showroom__details__item .showroom__details__item__info li {
  position: relative;
  padding-bottom: 6px;
  padding-left: 24px;
}
#contact-page .showroom .showroom__details__item .showroom__details__item__info li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #a66908;
}
@media (min-width: 576px) {
  #contact-page .showroom .showroom__details__item .showroom__details__item__info li::before {
    top: 8px;
  }
}
#contact-page .showroom .showroom__details__item .showroom__details__item__about small {
  color: #a66908;
}
#contact-page .showroom .showroom__details__item .showroom__details__item__about p {
  font-size: 14px;
  color: #595959;
}
#contact-page .showroom .showroom__form {
  padding: 24px;
  flex-shrink: 0;
}
#contact-page .showroom .showroom__form h5 {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 3px solid #a66908;
  color: #a66908;
}
#contact-page .showroom .showroom__form p {
  padding: 24px 0;
  color: #595959;
}
#contact-page .showroom .showroom__form .input {
  margin-bottom: 48px;
}
#contact-page .showroom .showroom__form .button,
#contact-page .showroom .showroom__form #home-page .juicer-section .juicer-feed .j-paginate,
#home-page .juicer-section .juicer-feed #contact-page .showroom .showroom__form .j-paginate {
  padding: 12px 48px;
}
@media (min-width: 992px) {
  #contact-page .showroom .showroom__form {
    width: 100%;
  }
}
#product-page .product {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  max-width: 1200px;
  margin: 60px 0;
}
#product-page .product:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #product-page .product:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #product-page .product:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #product-page .product {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #product-page .product {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  #product-page .product {
    display: flex;
  }
}
#product-page .product__display {
  width: 100%;
}
@media (min-width: 768px) {
  #product-page .product__display {
    margin-right: 90px;
  }
}
#product-page .product__image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 500px;
  margin-left: auto;
  object-fit: contain;
}
#product-page .product__thumbnails {
  display: flex;
  width: 100%;
  gap: 12px;
  margin-top: 45px;
}
#product-page .product__thumbnails__thumbnail {
  width: 100%;
  height: 96px;
  display: block;
  border: none;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
#product-page .product__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 45px auto 0 auto;
}
@media (min-width: 768px) {
  #product-page .product__content {
    margin: 0;
  }
}
#product-page .product .product__heading + .product__subheading {
  margin-top: 8px;
}
#product-page .product .product__heading + .product__brochure-button {
  margin-top: 24px;
}
#product-page .product__subheading {
  color: #595959;
  margin-bottom: 32px;
}
#product-page .product__brochure-button {
  width: max-content;
  margin-bottom: 32px;
}
#product-page .product__color-info {
  margin-bottom: 32px;
  line-height: 1.5;
  color: #ffffff;
  background: #001b42;
  padding: 16px;
}
#product-page .product__variant-description {
  color: #595959;
  margin-top: 8px;
}
#product-page .product__swatches {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  margin-bottom: 32px;
}
#product-page .product__swatches__swatch {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-right: 12px;
  border: none;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
#product-page .product__swatches__swatch.selected {
  box-shadow: 0 0 0 3px rgba(166, 105, 8, 0.4);
}
#product-page .product__visualizer-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 24px auto 0 auto;
  color: #c88737;
  font-family: "sofia-pro", sans-serif;
  font-size: 17px;
  text-transform: uppercase;
  padding: 14px;
  background: none;
  border: none;
}
#product-page .product__visualizer-button svg {
  margin-right: 4px;
  margin-bottom: -1.5px;
  color: #595959;
  width: 21px;
  height: 21px;
}
#product-page .product__visualizer-button:active,
#product-page .product__visualizer-button:focus {
  background: #f6e9d4;
}
#warranty-page {
}
#warranty-page .warranty__download {
  display: block;
  margin: 24px 0;
  width: max-content;
}
#warranty-page .intro {
  padding: 0 24px;
  margin-bottom: 48px;
}
#warranty-page .intro__bar {
  width: 50vw;
  height: 16px;
  margin-left: -24px;
  margin-bottom: 24px;
  background: #a66908;
}
@media (min-width: 992px) {
  #warranty-page .intro__bar {
    margin-left: 0;
  }
}
#warranty-page .intro__content h1 {
  margin-bottom: 32px;
}
#warranty-page .intro__content p {
  margin-bottom: 24px;
  color: #595959;
}
#warranty-page .intro__content p.tall {
  text-transform: uppercase;
  font-weight: 700;
}
#warranty-page .intro__content small {
  color: #595959;
}
#warranty-page .intro__content .intro__seal {
  display: block;
  width: 156px;
  height: 156px;
  object-fit: contain;
  margin: 48px auto 0 auto;
}
@media (min-width: 992px) {
  #warranty-page .intro__content {
    width: 90%;
    margin: 0 auto;
    padding-right: 15%;
  }
  #warranty-page .intro__content p {
    margin-bottom: 32px;
  }
  #warranty-page .intro__content .intro__seal {
    margin: 48px 0 0 0;
  }
}
#experience-page {
}
#experience-page .headline {
  padding: 0 24px;
}
#experience-page .experience-section:nth-child(odd) {
  background-color: hsl(214, 30%, 94%);
}
#experience-page .experience-section:nth-child(even) {
  background-color: white;
}
#experience-page .experience-section__inner {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 992px) {
  #experience-page .experience-section__inner {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1279px) {
  #experience-page .experience-section__inner {
    padding-bottom: 100px;
  }
}
#experience-page .experience-section .section__subhead {
  margin: 0 auto;
  margin-bottom: 48px;
  max-width: 824px;
  line-height: 2;
}
#experience-page .experience-section .section__vector {
  width: 100%;
  max-width: 400px;
}
#experience-page .experience-features {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
#experience-page .experience-features > * {
  max-width: 600px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #experience-page .experience-features > * {
    width: calc(max(100% / var(--features-count), 50%) - (var(--features-count) - 1) * 24px);
  }
}
@media (min-width: 1279px) {
  #experience-page .experience-features > * {
    width: calc(max(100% / var(--features-count), 33%) - (var(--features-count) - 1) * 24px);
  }
}
#experience-page .experience-section.five-keys .experience-section__inner.five-keys__inner {
  width: 100%;
  max-width: 1200px;
  padding-top: 100px;
  padding-bottom: 100px;
}
#experience-page .experience-section.five-keys h2 {
  margin-bottom: 16px;
}
#experience-page .experience-section.five-keys .five-keys__row {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  #experience-page .experience-section.five-keys .five-keys__row {
    flex-direction: row;
    align-items: center;
  }
}
#experience-page .experience-section.five-keys .five-keys__col {
  width: 100%;
  text-align: center;
}
#experience-page .five-keys-cards {
  max-width: 1300px;
  margin: 0 auto;
  gap: 20px;
  row-gap: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 1279px) {
  #experience-page .five-keys-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
  }
}
#experience-page .five-keys-cards .five-keys-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
#experience-page .five-keys-cards .five-keys-card img {
  background: #001b42;
  width: 100%;
  max-width: 240px;
  margin-bottom: 8px;
}
#search-page {
}
#search-page .intro {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
#search-page .intro:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #search-page .intro:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #search-page .intro:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #search-page .intro {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#search-page .options {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  margin-top: 36px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 992px) {
  #search-page .options {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  #search-page .options {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  #search-page .options {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#search-page .options__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  color: #001b42;
  background: #f6f6f5;
}
#search-page .options__card img {
  width: 100%;
  height: 50vh;
  min-height: 300px;
  object-fit: cover;
  padding: 20px;
}
#search-page .options__card--shadowed img {
  filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
}
#search-page .options__card__body {
  background: #f6f6f5;
  padding: 24px;
}
#search-page .options__card__body h4 {
  margin-bottom: 12px;
}
#search-page .options__card__body p {
  color: #595959;
}
#ontrend-page {
}
#ontrend-page .ontrend-tag {
  display: block;
  color: #5b5b5c;
  background: #d9dde3;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  padding: 2px 12px;
  border-radius: 4px;
}
#ontrend-page .ontrend-tag:hover {
  background: #c8ccd3;
}
#ontrend-page .ontrend-topics {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 24px;
  width: 100%;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-topics {
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
  }
}
#ontrend-page .ontrend-topics .ontrend-topics-title {
  font-size: 24px;
  color: #595959;
  margin-right: 16px;
  font-weight: 400;
}
#ontrend-page .ontrend-topics .ontrend-topics-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
}
#ontrend-page .ontrend-topics .ontrend-topics-item {
  margin-right: 16px;
  margin-top: 8px;
  font-size: 16px;
}
#ontrend-page .ontrend-hero {
  width: 100%;
  padding: 0 24px;
  position: relative;
  display: flex;
  flex-direction: column;
}
#ontrend-page .ontrend-hero:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-hero:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-hero:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-hero {
    margin-bottom: -64px;
  }
}
#ontrend-page .ontrend-hero .ontrend-hero-header {
  margin: 56px 0;
}
#ontrend-page .ontrend-hero .ontrend-title {
  margin: 0 auto;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 64px;
  line-height: 1;
  font-weight: 300;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-hero .ontrend-title {
    font-size: 96px;
  }
}
#ontrend-page .ontrend-hero .ontrend-title .ontrend-title-on {
  font-size: 60%;
  border-bottom: 3px solid #001b42;
  margin-right: 12px;
  padding-bottom: 8px;
  font-weight: 400;
}
#ontrend-page .ontrend-hero .ontrend-hero-cover {
  display: block;
  width: 100%;
  height: 100%;
  height: 70vh;
  min-height: 400px;
}
#ontrend-page .ontrend-hero .ontrend-hero-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-hero .ontrend-hero-cover {
    height: 80vh;
  }
}
#ontrend-page .ontrend-hero .ontrend-hero-floaty {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  margin-top: -64px;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-hero .ontrend-hero-floaty {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-hero .ontrend-hero-floaty {
    margin-top: 0;
    margin-bottom: -32px;
    transform: translate(0, -50%);
  }
}
#ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-body {
  background: #f6f6f4;
  padding: 24px;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-body {
    padding: 48px 64px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-body {
    padding: 48px 96px;
    display: flex;
  }
}
#ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-title {
  text-align: center;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-title {
    text-align: left;
  }
}
#ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-right {
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-right {
    width: 80%;
  }
}
#ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-right p {
  color: black;
  display: none;
  margin: 12px 0;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-right p {
    display: block;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-right p {
    margin: 0;
  }
}
#ontrend-page .ontrend-hero .ontrend-hero-floaty .ontrend-hero-floaty-right a {
  margin-top: 12px;
  text-align: center;
}
#ontrend-page .ontrend-collection {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ontrend-page .ontrend-collection:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-collection:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-collection:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-collection {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#ontrend-page .ontrend-collection > * + * {
  margin-top: 24px !important;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-collection > * + * {
    margin-top: 48px !important;
  }
}
#ontrend-page .ontrend-collection .ontrend-collection-list {
  width: 100%;
}
#ontrend-page .ontrend-collection .ontrend-collection-list > * + * {
  margin-top: 48px !important;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-collection .ontrend-collection-list {
    display: flex;
    flex-direction: row;
  }
  #ontrend-page .ontrend-collection .ontrend-collection-list > * + * {
    margin-top: 0 !important;
  }
  #ontrend-page .ontrend-collection .ontrend-collection-list > *:not(:last-child) {
    margin-right: 24px;
  }
}
#ontrend-page .ontrend-collection .ontrend-collection-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ontrend-page .ontrend-collection .ontrend-collection-card > * + * {
  margin-top: 16px !important;
}
#ontrend-page .ontrend-collection .ontrend-collection-card .ontrend-collection-card-cover {
  display: block;
  width: 100%;
  height: 250px;
}
#ontrend-page .ontrend-collection .ontrend-collection-card .ontrend-collection-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-collection .ontrend-collection-card .ontrend-collection-card-cover {
    display: block;
    width: 100%;
    height: 400px;
  }
  #ontrend-page .ontrend-collection .ontrend-collection-card .ontrend-collection-card-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}
#ontrend-page .ontrend-collection .ontrend-collection-card .ontrend-collection-card-title > a {
  display: block;
  color: inherit;
  text-decoration: none;
}
#ontrend-page .ontrend-collection .ontrend-collection-card .ontrend-collection-card-title > a:hover {
  text-decoration: underline;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-collection .ontrend-collection-decorative-square {
    z-index: -1;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -7%;
    width: 400px;
    height: 300px;
    background: #f0f2f6;
  }
}
#ontrend-page .ontrend-trending {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
#ontrend-page .ontrend-trending:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-trending:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-trending:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-trending {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#ontrend-page .ontrend-trending .ontrend-trending-title {
  margin-bottom: 24px;
}
#ontrend-page .ontrend-trending .ontrend-trending-grid {
  display: grid;
  grid-gap: 24px;
  margin-bottom: 64px;
  grid-template-columns: repeat(1, 1fr);
}
#ontrend-page .ontrend-trending .ontrend-trending-grid > * {
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-trending .ontrend-trending-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-trending .ontrend-trending-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
#ontrend-page .ontrend-trending .card .card__cover {
  padding: 24px;
  background: #f6f6f5;
}
#ontrend-page .ontrend-trending .card .card__cover img {
  object-fit: contain;
  max-height: 250px;
}
#ontrend-page .ontrend-trending .card .card__body {
  text-align: left;
}
#ontrend-page .ontrend-trending .card .card__body .card__title {
  margin-top: 24px;
}
#ontrend-page .ontrend-inspiration {
  background: #fbf4ea;
  width: 100%;
  padding: 48px 0;
  margin-bottom: 48px;
}
#ontrend-page .ontrend-inspiration:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-inspiration:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-inspiration:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-inspiration {
    padding: 96px 0;
  }
}
#ontrend-page .ontrend-inspiration > * {
  margin-left: 24px;
  margin-right: 24px;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-inspiration > * {
    margin-right: calc((100vw - min(70vw, 1600px)) / 2);
    margin-left: calc((100vw - min(70vw, 1600px)) / 2);
  }
}
@media (min-width: 576px) {
  #ontrend-page .ontrend-inspiration {
    margin-bottom: 96px;
  }
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-inspiration {
    margin-bottom: 128px;
  }
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-header {
  margin-bottom: 36px;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-header .ontrend-inspiration-title {
  display: flex;
  align-items: center;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-header .ontrend-inspiration-title .ontrend-inspiration-title-icon {
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-inspiration .ontrend-inspiration-header .ontrend-inspiration-title .ontrend-inspiration-title-icon {
    width: 48px;
    height: 48px;
  }
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-carousel {
  margin: 0 0 12px 0;
  height: max(400px, min(30vw, 700px));
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-carousel .ontrend-inspiration-carousel-track > *:not(:last-child) {
  margin-right: 24px;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-inspiration .ontrend-inspiration-carousel .ontrend-inspiration-carousel-item {
    width: calc(70vw - 16px);
    max-width: 1600px;
  }
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-selectors {
  margin-bottom: 24px;
  display: flex;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-selectors .ontrend-inspiration-selector {
  position: relative;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  color: transparent;
  height: 18px;
  overflow: hidden;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-selectors .ontrend-inspiration-selector span {
  opacity: 0;
  position: absolute;
  left: -100000px;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-selectors .ontrend-inspiration-selector::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #f1dfc7;
  transition: background 0.2s linear, height 0.2s linear;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-selectors .ontrend-inspiration-selector.active::before {
  background: #ae751d;
  height: 7px;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-body {
  transition: opacity 0.5s;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-body[aria-hidden=true] {
  opacity: 0;
  position: absolute;
  left: -100000px;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-body h3 {
  color: #001b42;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-body dl {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  color: #595959;
  margin-top: 8px;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-body dl > * {
  margin-right: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-body dl dt {
  font-weight: bold;
  margin-right: 8px;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-body p {
  color: #595959;
  margin-top: 16px;
}
#ontrend-page .ontrend-inspiration .ontrend-inspiration-body a {
  margin-top: 16px;
}
#ontrend-page .ontrend-filters .ontrend-filters-card {
  width: 100%;
}
#ontrend-page .ontrend-filters .ontrend-filters-card .ontrend-filters-card-header {
  width: 100%;
  text-align: center;
}
#ontrend-page .ontrend-filters .ontrend-filters-card .ontrend-filters-card-title {
  margin: 16px 0;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
}
@media (min-width: 992px) {
  #ontrend-page .ontrend-filters .ontrend-filters-card .ontrend-filters-card-title {
    font-size: 24px;
  }
}
#ontrend-page .ontrend-filters .ontrend-filters-card .ontrend-filters-card-title > a {
  display: block;
  color: inherit;
  text-decoration: none;
}
#ontrend-page .ontrend-filters .ontrend-filters-card .ontrend-filters-card-title > a:hover {
  text-decoration: underline;
}
#ontrend-page .ontrend-filters .ontrend-filters-card .ontrend-filters-card-cover {
  display: block;
  width: 100%;
  height: 250px;
}
#ontrend-page .ontrend-filters .ontrend-filters-card .ontrend-filters-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#ontrend-page .ontrend-filters .ontrend-filters-card .ontrend-filters-card-content {
  line-height: 1.5;
  margin-bottom: 24px;
  color: #595959;
}
#article-page {
}
#article-page .article-breadcrumbs {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
@media (min-width: 992px) {
  #article-page .article-breadcrumbs {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#article-page .article-breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#article-page .article-breadcrumbs ol > *:not(:last-child) {
  margin-right: 24px;
}
#article-page .article-breadcrumbs ol li {
  color: black;
  position: relative;
}
#article-page .article-breadcrumbs ol li a {
  color: black;
  text-decoration: none;
}
#article-page .article-breadcrumbs ol li:not(:last-child)::after {
  content: ">";
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translate(0, -50%);
}
#article-page .article-breadcrumbs ol li:last-child {
  pointer-events: none;
}
#article-page .article-breadcrumbs ol li:last-child a {
  text-decoration: underline;
}
#article-page .article-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 36px;
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
@media (min-width: 992px) {
  #article-page .article-hero {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #article-page .article-hero {
    margin-top: 64px;
  }
}
#article-page .article-hero .article-title {
  text-transform: capitalize;
  margin: 12px 0;
  text-align: center;
}
#article-page .article-hero .article-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#article-page .article-hero .article-meta > *:not(:last-child) {
  margin-right: 8px;
}
#article-page .article-hero .article-meta > *:not(:last-child)::after {
  content: "|";
  margin-left: 8px;
}
#article-page .article-hero .article-tags {
  order: -1;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#article-page .article-hero .article-tags > *:not(:last-child) {
  margin-right: 12px;
}
#article-page .article-hero .article-image {
  margin-top: 36px;
  display: block;
  width: 100%;
  height: 350px;
}
#article-page .article-hero .article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 992px) {
  #article-page .article-hero .article-image {
    height: 500px;
    margin-top: 64px;
  }
}
#article-page .article-body {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  margin-top: 48px;
}
@media (min-width: 992px) {
  #article-page .article-body {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
  }
}
#article-page .article-body > * {
  margin-top: 24px;
}
#article-page .article-body h1,
#article-page .article-body h2,
#article-page .article-body h3,
#article-page .article-body h4,
#article-page .article-body h5,
#article-page .article-body h6 {
  margin-top: 48px;
}
#article-page .article-body ul,
#article-page .article-body ol {
  margin-left: 24px;
}
#article-page .article-body a {
  color: inherit;
}
#article-page .article-body a:hover {
  color: #657ea3;
}
#article-page .article-slices {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 48px 0;
  color: black;
}
#article-page .article-slices > *:not([slice]) {
  padding: 0 24px;
  margin-top: 24px;
  width: 100%;
  max-width: 798px;
}
@media (min-width: 992px) {
  #article-page .article-slices > *:not([slice]) {
    max-width: min(1200px, 70vw);
  }
}
#article-page .article-slices > [slice] {
  margin-top: 48px;
  margin-bottom: 48px;
  width: 100%;
  max-width: 1600px;
}
@media (min-width: 992px) {
  #article-page .article-slices > [slice] {
    width: 85vw;
    max-width: 1200px;
  }
}
#article-page .article-slices h1,
#article-page .article-slices h2,
#article-page .article-slices h3,
#article-page .article-slices h4,
#article-page .article-slices h5,
#article-page .article-slices h6 {
  margin-top: 48px;
  font-family: "sofia-pro", sans-serif;
}
#article-page .article-slices ul,
#article-page .article-slices ol {
  line-height: 2;
  padding: 0 24px 0 48px !important;
  max-width: 798px !important;
}
#article-page .article-slices small {
  line-height: 2;
  max-width: 798px !important;
  color: #595959;
  font-style: italic;
}
#article-page .article-slices a {
  color: inherit;
}
#article-page .article-slices a:hover {
  color: #657ea3;
}
#article-page .article-slices p {
  line-height: 2;
}
#article-page .article-slices .article-slices-gallery {
  display: flex;
  flex-wrap: wrap;
  height: 300px;
  width: 100%;
}
@media (min-width: 992px) {
  #article-page .article-slices .article-slices-gallery {
    width: 85vw;
    max-width: 1600px;
  }
}
#article-page .article-slices .article-slices-gallery img {
  display: block;
  object-fit: cover;
}
@media (min-width: 992px) {
  #article-page .article-slices .article-slices-gallery.size-1 {
    height: 500px;
  }
}
#article-page .article-slices .article-slices-gallery.size-1 img {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  #article-page .article-slices .article-slices-gallery.size-2 {
    height: 500px;
  }
}
#article-page .article-slices .article-slices-gallery.size-2 img {
  width: 50%;
  height: 100%;
}
#article-page .article-slices .article-slices-gallery.size-2 img:nth-child(1) {
  padding-right: 8px;
}
#article-page .article-slices .article-slices-gallery.size-2 img:nth-child(2) {
  padding-left: 8px;
}
#article-page .article-slices .article-slices-gallery.size-3 {
  height: 500px;
}
#article-page .article-slices .article-slices-gallery.size-3 img:nth-child(1) {
  width: 50%;
  height: 50%;
  padding: 0 8px 8px 0;
}
#article-page .article-slices .article-slices-gallery.size-3 img:nth-child(2) {
  width: 50%;
  height: 100%;
  padding: 0 0 0 8px;
}
#article-page .article-slices .article-slices-gallery.size-3 img:nth-child(3) {
  width: 50%;
  height: 50%;
  padding: 8px 8px 0 0;
  transform: translate(0, -100%);
}
#article-page .article-slices .article-slices-gallery.size-4,
#article-page .article-slices .article-slices-gallery.size-6,
#article-page .article-slices .article-slices-gallery.size-5 {
  height: 500px;
}
@media (min-width: 992px) {
  #article-page .article-slices .article-slices-gallery.size-4,
  #article-page .article-slices .article-slices-gallery.size-6,
  #article-page .article-slices .article-slices-gallery.size-5 {
    height: 700px;
  }
}
#article-page .article-slices .article-slices-gallery.size-4 img:nth-child(1),
#article-page .article-slices .article-slices-gallery.size-6 img:nth-child(1),
#article-page .article-slices .article-slices-gallery.size-5 img:nth-child(1) {
  width: 50%;
  height: 60%;
  padding: 0 8px 8px 0;
}
#article-page .article-slices .article-slices-gallery.size-4 img:nth-child(2),
#article-page .article-slices .article-slices-gallery.size-6 img:nth-child(2),
#article-page .article-slices .article-slices-gallery.size-5 img:nth-child(2) {
  width: 50%;
  height: 40%;
  padding: 0 0 8px 8px;
}
#article-page .article-slices .article-slices-gallery.size-4 img:nth-child(3),
#article-page .article-slices .article-slices-gallery.size-6 img:nth-child(3),
#article-page .article-slices .article-slices-gallery.size-5 img:nth-child(3) {
  width: 50%;
  height: 40%;
  padding: 8px 8px 0 0;
}
#article-page .article-slices .article-slices-gallery.size-4 img:nth-child(4),
#article-page .article-slices .article-slices-gallery.size-6 img:nth-child(4),
#article-page .article-slices .article-slices-gallery.size-5 img:nth-child(4) {
  width: 50%;
  height: 60%;
  padding: 8px 0 0 8px;
  transform: translate(0, -33.333%);
}
#article-page .article-slices .article-slices-gallery.size-5 img:nth-child(5) {
  display: none;
}
@media (min-width: 992px) {
  #article-page .article-slices .article-slices-gallery.size-5 img:nth-child(3) {
    width: 25%;
  }
  #article-page .article-slices .article-slices-gallery.size-5 img:nth-child(4) {
    width: 25%;
    height: 40%;
    padding: 8px 8px 0 8px;
    transform: unset;
  }
  #article-page .article-slices .article-slices-gallery.size-5 img:nth-child(5) {
    display: block;
    width: 50%;
    height: 60%;
    padding: 8px 0 0 8px;
    transform: translate(0, -33.333%);
  }
}
#article-page .article-slices .article-slices-gallery.size-6 img:nth-child(5),
#article-page .article-slices .article-slices-gallery.size-6 img:nth-child(6) {
  display: none;
}
@media (min-width: 992px) {
  #article-page .article-slices .article-slices-gallery.size-6 img:nth-child(3) {
    width: 25%;
  }
  #article-page .article-slices .article-slices-gallery.size-6 img:nth-child(4) {
    width: 25%;
    height: 40%;
    padding: 8px 8px 0 8px;
    transform: unset;
  }
  #article-page .article-slices .article-slices-gallery.size-6 img:nth-child(5) {
    display: block;
    width: 25%;
    height: 60%;
    padding: 8px 8px 0 8px;
    transform: translate(0, -33.333%);
  }
  #article-page .article-slices .article-slices-gallery.size-6 img:nth-child(6) {
    display: block;
    width: 25%;
    height: 60%;
    padding: 8px 0 0 8px;
    transform: translate(0, -33.333%);
  }
}
#article-page .article-slices .article-slices-blockquote {
  width: 100%;
  max-width: 500px;
  font-size: 32px;
  font-weight: 300;
  color: #001b42;
}
#article-page .article-slices .article-slices-blockquote::before {
  content: "\201c";
  position: absolute;
  margin-left: -12px;
}
#article-page .article-slices .article-slices-blockquote::after {
  content: "\201d";
  position: absolute;
  margin-right: -12px;
}
#article-page .article-slices .article-slices-double-image {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#article-page .article-slices .article-slices-double-image img:nth-child(1) {
  display: block;
  object-fit: cover;
  width: 100%;
  max-width: 400px;
  height: 300px;
  padding-right: 100px;
}
#article-page .article-slices .article-slices-double-image img:nth-child(2) {
  display: block;
  object-fit: cover;
  width: 100%;
  max-width: 400px;
  height: 300px;
  margin-top: -100px;
  padding-left: 100px;
}
#article-page .article-slices .article-slices-fancy-quote {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
}
#article-page .article-slices .article-slices-fancy-quote > *:nth-child(2) {
  display: none;
}
@media (min-width: 992px) {
  #article-page .article-slices .article-slices-fancy-quote > *:nth-child(2) {
    display: block;
    padding-left: 48px;
  }
}
#article-page .article-collection {
  background: #f1f5fb;
  width: 100%;
  padding: 48px 0;
}
#article-page .article-collection:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #article-page .article-collection:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #article-page .article-collection:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #article-page .article-collection {
    padding: 96px 0;
  }
}
#article-page .article-collection > * {
  margin-left: 24px;
  margin-right: 24px;
}
@media (min-width: 992px) {
  #article-page .article-collection > * {
    margin-right: calc((100vw - min(85vw, 1600px)) / 2);
    margin-left: calc((100vw - min(85vw, 1600px)) / 2);
  }
}
#article-page .article-collection .article-collection-header {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  #article-page .article-collection .article-collection-header {
    margin-bottom: 48px;
  }
}
#article-page .article-collection .article-collection-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 24px;
}
@media (min-width: 576px) {
  #article-page .article-collection .article-collection-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  #article-page .article-collection .article-collection-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
#article-page .article-related {
  margin-bottom: 48px;
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
}
@media (min-width: 576px) {
  #article-page .article-related {
    margin-bottom: 96px;
  }
}
@media (min-width: 992px) {
  #article-page .article-related {
    margin-bottom: 128px;
  }
}
#article-page .article-related:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #article-page .article-related:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #article-page .article-related:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #article-page .article-related {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#article-page .article-related .article-related-header {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 18px;
}
#article-page .article-related .article-related-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 24px;
}
@media (min-width: 992px) {
  #article-page .article-related .article-related-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
#literature-page .headline .headline__description {
  color: #001b42;
}
#literature-page .literature-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
#literature-page .literature-modal .literature-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}
#literature-page .literature-modal .literature-modal__content {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 80vh;
  background: white;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
#literature-page .literature-modal .literature-modal__close {
  position: absolute;
  top: -40px;
  right: 0;
  background: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #001b42;
  transition: background-color 0.2s, transform 0.2s;
  z-index: 2;
}
#literature-page .literature-modal .literature-modal__close:hover {
  background-color: #e0e0dc;
  transform: scale(1.1);
}
#literature-page .literature-modal .literature-modal__close:focus {
  outline: 2px solid #001b42;
  outline-offset: 2px;
}
#literature-page .literature-modal .literature-modal__close svg {
  width: 24px;
  height: 24px;
}
#literature-page .literature-modal .literature-modal__iframe-container {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
#literature-page .literature__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  background-color: #fbf4ea;
  padding: 48px 24px;
}
@media (min-width: 576px) {
  #literature-page .literature__cards {
    grid-template-columns: 1fr 1fr;
    padding: 64px 48px;
  }
}
@media (min-width: 1279px) {
  #literature-page .literature__cards {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 80px 120px;
  }
}
#literature-page .literature__card {
  width: 100%;
  text-align: center;
  position: relative;
}
#literature-page .literature__card .literature__card__cover {
  position: relative;
  display: block;
  width: 75%;
  margin: 0 auto;
  padding-bottom: 75%;
  overflow: hidden;
  box-shadow: -6px 6px 12px rgba(0, 0, 0, 0.34);
}
#literature-page .literature__card .literature__card__cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#literature-page .literature__card--video .literature__card__cover::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.5);
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
#literature-page .literature__card--video .literature__card__cover::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23001b42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-play'%3E%3Cpolygon points='5 3 19 12 5 21 5 3'%3E%3C/polygon%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}
#literature-page .literature__card .literature__card__title {
  margin-top: 24px;
  font-size: 20px;
  font-weight: 700;
  color: #a66908;
  text-align: center;
  line-height: 1.4;
}
#literature-page .literature__card .literature__card__title a {
  color: #a66908;
  text-decoration: none;
}
#literature-page .literature__card .literature__card__title a:hover {
  text-decoration: underline;
}
#literature-page .literature__card .literature__card__body {
  margin-top: 12px;
  text-align: center;
}
#literature-page .literature__card .literature__card__description {
  color: #001b42;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 16px;
}
#literature-page .literature__card .literature__card__link {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border: 2px solid #001b42;
  padding: 8px 24px;
  margin-top: 16px;
  margin-right: 24px;
  background: none;
  transition: letter-spacing 0.2s, background-color 0.2s;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  color: #001b42;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
}
#literature-page .literature__card .literature__card__link::after {
  content: "";
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 2px;
  background: #001b42;
  transition: right 0.2s;
}
#literature-page .literature__card .literature__card__link:hover {
  letter-spacing: 2px;
}
#literature-page .literature__card .literature__card__link:hover::after {
  right: -24px;
}
#literature-page .literature__card .literature__card__link:focus {
  background: none;
  outline: none;
}
#literature-page .literature__card .literature__card__link:focus::before {
  content: "";
  position: absolute;
  left: -5px;
  top: -5px;
  bottom: -5px;
  right: -5px;
  border: 2px solid #001b42;
}
#literature-page .literature__card .literature__card__link:active {
  background: #cbd3de;
}
#fourohfour-page .fourohfour {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  height: 500px;
}
@media (min-width: 768px) {
  #fourohfour-page .fourohfour {
    height: 700px;
  }
}
#fourohfour-page .fourohfour img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  object-position: center;
}
#fourohfour-page .fourohfour h1 {
  font-family:
    "sofia-pro",
    system-ui,
    sans-serif;
  font-weight: 900;
  position: relative;
  font-size: 9rem;
  margin-bottom: -2.2rem;
}
@media (min-width: 768px) {
  #fourohfour-page .fourohfour h1 {
    font-size: 12rem;
    margin-bottom: -3rem;
  }
}
#fourohfour-page .fourohfour p {
  background: white;
  text-transform: uppercase;
  color: #a66908;
  max-width: max-content;
  text-align: center;
  padding: 1.25rem 3rem;
  font-size: 1.5rem;
  margin-bottom: 2.666rem;
}
@media (min-width: 768px) {
  #fourohfour-page .fourohfour p {
    padding: 1.5rem 5rem;
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
#privacy-page {
}
#privacy-page .warranty__download {
  display: block;
  margin: 24px 0;
  width: max-content;
}
#privacy-page .intro {
  padding: 0 24px;
  margin-bottom: 48px;
}
#privacy-page .intro__bar {
  width: 50vw;
  height: 16px;
  margin-left: -24px;
  margin-bottom: 24px;
  background: #a66908;
}
@media (min-width: 992px) {
  #privacy-page .intro__bar {
    margin-left: 0;
  }
}
#privacy-page .intro__content h1 {
  margin-bottom: 32px;
}
#privacy-page .intro__content p {
  margin-bottom: 24px;
  color: #595959;
}
#privacy-page .intro__content p.tall {
  text-transform: uppercase;
  font-weight: 700;
}
#privacy-page .intro__content small {
  color: #595959;
}
#privacy-page .intro__content .intro__seal {
  display: block;
  width: 156px;
  height: 156px;
  object-fit: contain;
  margin: 48px auto 0 auto;
}
@media (min-width: 992px) {
  #privacy-page .intro__content {
    width: 90%;
    margin: 0 auto;
    padding-right: 15%;
  }
  #privacy-page .intro__content p {
    margin-bottom: 32px;
  }
  #privacy-page .intro__content .intro__seal {
    margin: 48px 0 0 0;
  }
}
#awards-page {
}
#awards-page .awards__hero {
  width: 100%;
  height: 70vh;
  min-height: 400px;
  position: relative;
}
@media (min-width: 1279px) {
  #awards-page .awards__hero {
    height: calc(100vh - 150px);
  }
}
#awards-page .awards__hero__cover {
  display: block;
  width: 100%;
  height: 100%;
}
#awards-page .awards__hero__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#awards-page .awards__hero__heading {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #001b42;
  padding: 16px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 576px) {
  #awards-page .awards__hero__heading {
    padding: 16px 64px;
  }
}
@media (min-width: 992px) {
  #awards-page .awards__hero__heading {
    flex-direction: row;
    padding-left: 0;
  }
}
#awards-page .awards__hero__heading h1 {
  font-family:
    "ivymode",
    system-ui,
    sans-serif;
  font-size: 24px;
  letter-spacing: 4px;
  font-weight: 300;
  color: #f6e9d4;
  width: max-content;
  text-align: center;
}
@media (min-width: 576px) {
  #awards-page .awards__hero__heading h1 {
    font-size: 48px;
  }
}
@media (min-width: 1279px) {
  #awards-page .awards__hero__heading h1 {
    font-size: 64px;
    letter-spacing: 8px;
  }
}
#awards-page .awards__hero__heading__logo {
  position: relative;
  flex-shrink: 0;
  height: 8px;
}
@media (min-width: 576px) {
  #awards-page .awards__hero__heading__logo {
    width: 148px;
  }
}
#awards-page .awards__hero__heading__logo img {
  background-color: #a66908;
  position: absolute;
  padding: 8px;
  width: 124px;
  height: auto;
  top: -48px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 576px) {
  #awards-page .awards__hero__heading__logo img {
    width: 148px;
    padding: 12px 8px;
  }
}
@media (min-width: 992px) {
  #awards-page .awards__hero__heading__logo img {
    left: -64px;
    top: 50%;
    transform: translate(0, -50%);
  }
}
#awards-page .awards__grand-winner {
  width: 100%;
  padding: 0 24px;
  max-width: 1600px;
  max-width: 1200px;
}
#awards-page .awards__grand-winner:not(:first-child) {
  margin-top: 48px;
}
@media (min-width: 576px) {
  #awards-page .awards__grand-winner:not(:first-child) {
    margin-top: 96px;
  }
}
@media (min-width: 992px) {
  #awards-page .awards__grand-winner:not(:first-child) {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  #awards-page .awards__grand-winner {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #awards-page .awards__grand-winner {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  #awards-page .awards__grand-winner {
    display: flex;
    flex-direction: row;
    gap: 64px;
  }
}
#awards-page .awards__grand-winner h2 {
  text-align: center;
}
#awards-page .awards__grand-winner h2 img {
  width: 200px;
  height: auto;
  margin: 0 auto 32px auto;
}
@media (min-width: 992px) {
  #awards-page .awards__grand-winner h2 img {
    margin: 0;
  }
}
@media (min-width: 1279px) {
  #awards-page .awards__grand-winner h2 img {
    width: 250px;
  }
}
#awards-page .awards__grand-winner__dl {
  margin-top: 16px;
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  text-transform: uppercase;
  font-weight: 700;
  flex-direction: column;
}
@media (min-width: 768px) {
  #awards-page .awards__grand-winner__dl {
    flex-direction: row;
    align-items: center;
  }
}
#awards-page .awards__grand-winner__dl__item {
  display: flex;
  gap: 8px;
}
#awards-page .awards__grand-winner__dl__separator {
  height: 16px;
  width: 1px;
  background: #a66908;
  display: none;
}
@media (min-width: 768px) {
  #awards-page .awards__grand-winner__dl__separator {
    display: block;
  }
}
#awards-page .awards__grand-winner .button,
#awards-page .awards__grand-winner #home-page .juicer-section .juicer-feed .j-paginate,
#home-page .juicer-section .juicer-feed #awards-page .awards__grand-winner .j-paginate {
  margin-top: 12px;
  display: inline-block;
}
#awards-page .awards__first-winners {
  background: #fcf3ea;
  position: relative;
  margin-top: 200px;
}
#awards-page .awards__first-winners__inner {
  position: relative;
  max-width: 1600px;
  padding: 96px 24px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  #awards-page .awards__first-winners__inner {
    padding: 96px 7.5% 72px 7.5%;
  }
}
#awards-page .awards__first-winners__heading {
  margin: 0 auto;
  text-align: center;
}
#awards-page .awards__first-winners__heading h2 {
  font-family:
    "ivymode",
    system-ui,
    sans-serif;
  line-height: 1.25;
  font-weight: 400;
  font-size: 48px;
  text-transform: uppercase;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  #awards-page .awards__first-winners__heading h2 {
    font-size: 80px;
  }
}
#awards-page .awards__first-winners__title-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#awards-page .awards__first-winners__headline {
  margin-bottom: 24px;
  padding-top: 113px;
}
#awards-page .awards__first-winners__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  #awards-page .awards__first-winners__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#awards-page .awards__first-winners__list article {
  width: 100%;
}
#awards-page .awards__first-winners__list__category {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  justify-content: center;
  padding: 6px;
  margin-bottom: 12px;
  color: white;
}
#awards-page .awards__first-winners__list__category.first {
  background: #001b42;
}
#awards-page .awards__first-winners__list__category.second {
  background: #a66908;
}
#awards-page .awards__first-winners__list__category.third {
  background: #595959;
}
#awards-page .awards__first-winners__list h3 {
  font-family:
    "ivymode",
    system-ui,
    sans-serif;
  font-size: 32px;
  font-weight: 400;
  margin-top: 8px;
}
#awards-page .awards__first-winners__list img {
  width: 100%;
}
#awards-page .awards__first-winners__list .button,
#awards-page .awards__first-winners__list #home-page .juicer-section .juicer-feed .j-paginate,
#home-page .juicer-section .juicer-feed #awards-page .awards__first-winners__list .j-paginate {
  margin-top: 8px;
}
#awards-page .awards__other-winners {
  background: #f6f6f5;
  margin-top: 100px;
}
#awards-page .awards__other-winners__inner {
  position: relative;
  max-width: 1600px;
  padding: 0 24px 24px 24px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  #awards-page .awards__other-winners__inner {
    padding: 0 7.5% 72px 7.5%;
  }
}
@media (min-width: 1280px) {
  #awards-page .awards__other-winners__inner {
    padding: 0 7.5% 72px 7.5%;
    display: flex;
  }
}
#awards-page .awards__other-winners__title {
  pointer-events: none;
  font-family:
    "northwell",
    system-ui,
    sans-serif;
  font-size: 64px;
  line-height: 0.75;
  padding-left: 24px;
  color: #e2ba89;
  max-width: 1440px;
  margin: 24px auto 24px auto;
}
@media (min-width: 576px) {
  #awards-page .awards__other-winners__title {
    font-size: 96px;
  }
}
#awards-page .awards__other-winners__title__desktop {
  display: none;
}
@media (min-width: 768px) {
  #awards-page .awards__other-winners__title__desktop {
    display: block;
  }
}
#awards-page .awards__other-winners__title__desktop img {
  margin: -24px 0;
}
#awards-page .awards__other-winners__title__mobile {
  display: block;
  padding-right: 24px;
}
@media (min-width: 768px) {
  #awards-page .awards__other-winners__title__mobile {
    display: none;
  }
}
#awards-page .awards__other-winners__title__mobile img {
  max-width: 100%;
  height: auto;
}
#awards-page .awards__other-winners__title__mobile img:first-child {
  margin-top: -24px;
}
#awards-page .awards__other-winners__title__mobile img:nth-child(2) {
  margin-bottom: -24px;
}
@media (min-width: 1280px) {
  #awards-page .awards__other-winners__sidebar {
    width: 250px;
    flex-shrink: 0;
    margin-right: 48px;
  }
}
#awards-page .awards__other-winners__sidebar .category-dropdown {
  width: 100%;
  max-width: 300px;
  display: block;
  cursor: pointer;
  border: 2px solid #001b42;
  padding: 8px 24px 8px 8px;
  margin-bottom: 24px;
  background: none;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  color: #001b42;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
}
@media (min-width: 1280px) {
  #awards-page .awards__other-winners__sidebar .category-dropdown {
    display: none;
  }
}
#awards-page .awards__other-winners__sidebar .button-group {
  max-width: 300px;
  margin-bottom: 24px;
}
#awards-page .awards__other-winners__sidebar .button-group * + * {
  margin-top: 8px;
}
@media (min-width: 768px) {
  #awards-page .awards__other-winners__sidebar .button-group {
    display: flex;
    max-width: unset;
  }
  #awards-page .awards__other-winners__sidebar .button-group * + * {
    margin-top: 0;
  }
}
@media (min-width: 1279px) {
  #awards-page .awards__other-winners__sidebar .button-group {
    display: block;
  }
  #awards-page .awards__other-winners__sidebar .button-group * + * {
    margin-top: 8px;
  }
}
#awards-page .awards__other-winners__sidebar .button-group .filter-button {
  --color: #6e7785;
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  border: 2px solid var(--color);
  padding: 8px 24px;
  margin-right: 24px;
  background: none;
  transition: letter-spacing 0.2s, background-color 0.2s;
  text-align: right;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  color: var(--color);
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: border 0.2s, color 0.2s;
}
#awards-page .awards__other-winners__sidebar .button-group .filter-button::after {
  content: "";
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 2px;
  background: var(--color);
  transition: right 0.2s, background 0.2s;
}
#awards-page .awards__other-winners__sidebar .button-group .filter-button.active {
  --color: #001b42;
}
#awards-page .awards__other-winners__sidebar .button-group .filter-button:hover {
  --color: #001b42;
}
#awards-page .awards__other-winners__list-wrap {
  display: block;
}
@media (min-width: 576px) {
  #awards-page .awards__other-winners__list-wrap {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1279px) {
  #awards-page .awards__other-winners__list-wrap {
    width: calc(100% - 298px);
  }
}
#awards-page .awards__other-winners__arrow {
  cursor: pointer;
  margin-left: 12px;
  background-color: #a66908;
  padding: 6px;
  height: 44px;
  width: 44px;
  border-radius: 99999px;
  border: 0;
  color: white;
  display: none;
}
@media (min-width: 576px) {
  #awards-page .awards__other-winners__arrow {
    display: block;
  }
}
#awards-page .awards__other-winners__list {
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
}
@media (min-width: 576px) {
  #awards-page .awards__other-winners__list {
    flex-direction: row;
    overflow: auto;
    padding-bottom: 24px;
    gap: 24px;
  }
}
#awards-page .awards__other-winners__list__item {
  display: block;
  width: 100%;
}
@media (min-width: 576px) {
  #awards-page .awards__other-winners__list__item {
    width: calc(50% - 12px);
    flex-shrink: 0;
  }
}
@media (min-width: 1280px) {
  #awards-page .awards__other-winners__list__item {
    width: calc(33% - 16px);
  }
}
#awards-page .awards__other-winners__list__item a {
  color: inherit;
  text-decoration: none;
}
#awards-page .awards__other-winners__list__item .awards-ranking {
  color: #a66908;
  text-transform: uppercase;
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
}
#awards-page .awards__other-winners__list__item .awards-ranking__line {
  margin-top: 4px;
  margin-left: 8px;
  height: 2px;
  width: 24px;
  background: #a66908;
}
#awards-page .awards__other-winners__list__item img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 250px;
  padding: 16px;
  background: #eaeaea;
  object-fit: contain;
}
@media (min-width: 576px) {
  #awards-page .awards__other-winners__list__item img {
    height: 250px;
  }
}
#awards-page .awards__other-winners__list__item h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
}
@media (min-width: 992px) {
  #awards-page .awards__other-winners__list__item h3 {
    font-size: 24px;
  }
}
#curio-collection-page {
}
#curio-collection-page .curio-collection__hero__images {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}
#curio-collection-page .curio-collection__hero__images__bg {
  width: 100%;
}
@media (min-width: 576px) {
  #curio-collection-page .curio-collection__hero__images__bg {
    width: 80%;
  }
}
#curio-collection-page .curio-collection__hero__images__flowers {
  display: none;
}
@media (min-width: 576px) {
  #curio-collection-page .curio-collection__hero__images__flowers {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
  }
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__intro {
    margin-top: 4rem;
  }
}
#curio-collection-page .curio-collection__intro h1 {
  text-align: center;
}
#curio-collection-page .curio-collection__intro h2 {
  text-align: center;
}
#curio-collection-page .curio-collection__intro header {
  margin-bottom: 3rem;
}
#curio-collection-page .curio-collection__intro__columns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__intro__columns {
    flex-direction: row;
  }
}
#curio-collection-page .curio-collection__intro__columns img {
  width: 100%;
  max-width: 473px;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__intro__columns img {
    width: 50%;
  }
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__intro__columns__text {
    width: 50%;
  }
}
#curio-collection-page .curio-collection__intro__video {
  margin-top: 3rem;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__intro__video {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
#curio-collection-page .curio-collection__quality {
  background: #f9ece4;
}
#curio-collection-page .curio-collection__quality h2 {
  text-align: center;
}
#curio-collection-page .curio-collection__quality p {
  margin-top: 2rem;
}
#curio-collection-page .curio-collection__quality .grid,
#curio-collection-page .curio-collection__quality .grid-1,
#curio-collection-page .curio-collection__quality .grid-2,
#curio-collection-page .curio-collection__quality .grid-3,
#curio-collection-page .curio-collection__quality .grid-4,
#curio-collection-page .curio-collection__quality .grid-5,
#curio-collection-page .curio-collection__quality .grid-6 {
  margin: 0 auto;
  margin-top: 3rem;
  width: 100%;
}
@media (min-width: 768px) {
  #curio-collection-page .curio-collection__quality .grid,
  #curio-collection-page .curio-collection__quality .grid-1,
  #curio-collection-page .curio-collection__quality .grid-2,
  #curio-collection-page .curio-collection__quality .grid-3,
  #curio-collection-page .curio-collection__quality .grid-4,
  #curio-collection-page .curio-collection__quality .grid-5,
  #curio-collection-page .curio-collection__quality .grid-6 {
    max-width: min-content;
  }
}
#curio-collection-page .curio-collection__quality .card {
  width: 100%;
}
@media (min-width: 768px) {
  #curio-collection-page .curio-collection__quality .card {
    width: 300px;
  }
}
#curio-collection-page .curio-collection__quality .card__cover {
  width: 100%;
}
#curio-collection-page .curio-collection__quality .card__title {
  font-weight: 600;
  color: #a66908;
}
#curio-collection-page .curio-collection__placement header h2 {
  text-align: center;
}
#curio-collection-page .curio-collection__placement header p {
  margin-top: 2rem;
}
#curio-collection-page .curio-collection__placement .grid,
#curio-collection-page .curio-collection__placement .grid-1,
#curio-collection-page .curio-collection__placement .grid-2,
#curio-collection-page .curio-collection__placement .grid-3,
#curio-collection-page .curio-collection__placement .grid-4,
#curio-collection-page .curio-collection__placement .grid-5,
#curio-collection-page .curio-collection__placement .grid-6 {
  gap: 3rem;
  margin: 0 auto;
  margin-top: 2rem;
  width: 100%;
}
@media (min-width: 768px) {
  #curio-collection-page .curio-collection__placement .grid,
  #curio-collection-page .curio-collection__placement .grid-1,
  #curio-collection-page .curio-collection__placement .grid-2,
  #curio-collection-page .curio-collection__placement .grid-3,
  #curio-collection-page .curio-collection__placement .grid-4,
  #curio-collection-page .curio-collection__placement .grid-5,
  #curio-collection-page .curio-collection__placement .grid-6 {
    max-width: min-content;
  }
}
#curio-collection-page .curio-collection__placement .placement-item {
  width: 95%;
}
@media (min-width: 576px) {
  #curio-collection-page .curio-collection__placement .placement-item {
    width: 80%;
  }
}
@media (min-width: 768px) {
  #curio-collection-page .curio-collection__placement .placement-item {
    max-width: min-content;
  }
}
#curio-collection-page .curio-collection__placement .placement-item h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  font-size: 20px;
  font-weight: 600;
  color: #a66908;
  text-align: center;
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__placement .placement-item h3 {
    font-size: 24px;
  }
}
#curio-collection-page .curio-collection__placement .placement-item h3 > a {
  display: block;
  color: inherit;
  text-decoration: none;
}
#curio-collection-page .curio-collection__placement .placement-item h3 > a:hover {
  text-decoration: underline;
}
#curio-collection-page .curio-collection__placement .placement-item__img-wrapper {
  position: relative;
  margin-bottom: 2rem;
  width: 100%;
}
@media (min-width: 768px) {
  #curio-collection-page .curio-collection__placement .placement-item__img-wrapper {
    width: max-content;
  }
}
#curio-collection-page .curio-collection__placement .placement-item__img-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
}
#curio-collection-page .curio-collection__placement .placement-item__cover {
  display: block;
  aspect-ratio: 1;
  width: 100%;
}
@media (min-width: 768px) {
  #curio-collection-page .curio-collection__placement .placement-item__cover {
    max-width: 267px;
  }
}
#curio-collection-page .curio-collection__placement .placement-item__foot {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(20px, 20px);
  width: 104px;
  height: 89px;
}
#curio-collection-page .curio-collection__placement .placement-item .button,
#curio-collection-page .curio-collection__placement .placement-item #home-page .juicer-section .juicer-feed .j-paginate,
#home-page .juicer-section .juicer-feed #curio-collection-page .curio-collection__placement .placement-item .j-paginate {
  display: block;
  width: max-content;
  margin-top: 1rem;
}
#curio-collection-page .curio-collection__custom-built {
  background: hsl(214, 30%, 94%);
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__custom-built__content {
    display: flex;
    gap: 2rem;
  }
}
#curio-collection-page .curio-collection__custom-built__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
#curio-collection-page .curio-collection__custom-built__text img {
  width: 100%;
  max-width: 490px;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__custom-built__text img {
    display: none;
  }
}
#curio-collection-page .curio-collection__custom-built__graphic {
  display: none;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__custom-built__graphic {
    display: block;
  }
}
#curio-collection-page .curio-collection__continuity h2 {
  text-align: center;
}
#curio-collection-page .curio-collection__continuity__content {
  display: flex;
  gap: 3rem;
  padding-top: 2rem;
  flex-direction: column;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__continuity__content {
    flex-direction: row;
  }
}
#curio-collection-page .curio-collection__continuity__images {
  position: relative;
  width: 100%;
  max-width: 645px;
  height: max-content;
  flex-shrink: 0;
  margin: 0 auto;
}
#curio-collection-page .curio-collection__continuity__images__main {
  width: 75%;
}
#curio-collection-page .curio-collection__continuity__images__lamps {
  position: absolute;
  width: 29%;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
#curio-collection-page .curio-collection__continuity__text h3 {
  font-weight: 600;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__continuity__text h3 {
    font-size: 1.5rem;
  }
}
#curio-collection-page .curio-collection__continuity__text p {
  margin-top: 1rem;
}
#curio-collection-page .curio-collection__simplified {
  background: #e0e0dc;
}
#curio-collection-page .curio-collection__simplified header h2 {
  text-align: center;
}
#curio-collection-page .curio-collection__simplified header p {
  margin-top: 1rem;
}
#curio-collection-page .curio-collection__simplified__content {
  margin-top: 1rem;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__simplified__content {
    display: flex;
    gap: 2rem;
  }
}
#curio-collection-page .curio-collection__simplified__form {
  margin-top: 2rem;
}
#curio-collection-page .curio-collection__simplified__form h3 {
  font-weight: 600;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__simplified__form h3 {
    font-size: 1.5rem;
  }
}
#curio-collection-page .curio-collection__simplified__form .input {
  margin-top: 1.5rem;
}
#curio-collection-page .curio-collection__simplified__form .button,
#curio-collection-page .curio-collection__simplified__form #home-page .juicer-section .juicer-feed .j-paginate,
#home-page .juicer-section .juicer-feed #curio-collection-page .curio-collection__simplified__form .j-paginate {
  display: block;
  margin: 1.5rem 0 0 0;
}
@media (min-width: 992px) {
  #curio-collection-page .curio-collection__simplified__form .button,
  #curio-collection-page .curio-collection__simplified__form #home-page .juicer-section .juicer-feed .j-paginate,
  #home-page .juicer-section .juicer-feed #curio-collection-page .curio-collection__simplified__form .j-paginate {
    margin: 1.5rem auto 0 auto;
  }
}
#curio-collection-page .curio-collection__simplified__image {
  display: block;
  width: 100%;
  margin: 4.5rem auto 4.5rem auto;
  max-width: 500px;
  height: auto;
}