html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}
:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  min-height: 100%;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
}

ul, ol {
  list-style: none;
}

button {
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

input, textarea, select {
  font: inherit;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

html {
  font-size: 16px;
}

@media only screen and (min-width: 1440px) {
  html {
    font-size: calc(16px * 100vw / 1440px);
  }
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

html.is-page-transitioning {
  cursor: wait;
}

html.is-page-transitioning #main {
  pointer-events: none;
}

#main {
  will-change: transform, opacity;
}

.reduced-motion #main {
  will-change: auto;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

body {
  font-family: var(--font-family-base);
  font-size: 0.75rem;
  font-weight: 400;
  font-optical-sizing: auto;
  line-height: 1.5;
  color: #000000;
  background-color: var(--color-cream);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1em;
  font-size: 0.75rem;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0;
}

p + p {
  margin-top: 1em;
}

a {
  color: inherit;
}

.content-block > * {
  margin-bottom: 1em;
}

.content-block > *:last-child {
  margin-bottom: 0;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.image-block img {
  display: block;
  width: 100%;
  height: auto;
}

a:where(:not(.media-link):not(.site-header__logo):not(.footer__logo):not(.site-header__toggle):not(.site-header__search):not(.site-dialog__close):not(.footer__newsletter-trigger):not(.btn):not(.button)) {
  position: relative;
  text-decoration: none;
}

a:where(:not(.media-link):not(.site-header__logo):not(.footer__logo):not(.site-header__toggle):not(.site-header__search):not(.site-dialog__close):not(.footer__newsletter-trigger):not(.btn):not(.button))::before {
  content: "";
  position: absolute;
  right: 0;
  left: auto;
  bottom: 0.1em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(1);
  transform-origin: right center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

a:where(:not(.media-link):not(.site-header__logo):not(.footer__logo):not(.site-header__toggle):not(.site-header__search):not(.site-dialog__close):not(.footer__newsletter-trigger):not(.btn):not(.button)):hover::before, a:where(:not(.media-link):not(.site-header__logo):not(.footer__logo):not(.site-header__toggle):not(.site-header__search):not(.site-dialog__close):not(.footer__newsletter-trigger):not(.btn):not(.button)):focus-visible::before {
  transform: scaleX(0);
}

a:where(:not(.media-link):not(.site-header__logo):not(.footer__logo):not(.site-header__toggle):not(.site-header__search):not(.site-dialog__close):not(.footer__newsletter-trigger):not(.btn):not(.button)) {
  display: inline-block;
  max-width: 100%;
}

.media-link,
.media-link a,
.site-header__logo,
.footer__logo,
.site-header__toggle,
.site-header__search,
.site-dialog__close,
.footer__newsletter-trigger,
.btn,
.button {
  text-decoration: none;
}

.media-link::before,
.media-link a::before,
.site-header__logo::before,
.footer__logo::before,
.site-header__toggle::before,
.site-header__search::before,
.site-dialog__close::before,
.footer__newsletter-trigger::before,
.btn::before,
.button::before {
  display: none;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.type-label {
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
}

.type-link {
  position: relative;
  text-decoration: none;
}

.type-link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.type-link:hover::before, .type-link:focus-visible::before {
  transform: scaleX(1);
}

.type-link {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.5;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.btn:disabled, .btn[aria-disabled=true] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.btn--text,
.btn--nav {
  position: relative;
  text-decoration: none;
}

.btn--text::before,
.btn--nav::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.btn--text:hover::before, .btn--text:focus-visible::before,
.btn--nav:hover::before,
.btn--nav:focus-visible::before {
  transform: scaleX(1);
}

.btn--text,
.btn--nav {
  display: inline-block;
}

.btn--nav.is-active::before {
  transform: scaleX(1);
}

.btn--icon {
  min-width: 2.5rem;
  min-height: 2.5rem;
  font-size: 1.5rem;
  line-height: 1;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

#main {
  width: 100%;
  min-height: 60vh;
  padding-top: 1.5rem;
}

@media only screen and (max-width: 768px) {
  #main {
    padding-bottom: 2rem;
  }
}

@media only screen and (max-width: 576px) {
  #main {
    padding-top: 0;
  }
}

.container {
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
  padding-inline: 2.625rem;
}

@media only screen and (max-width: 992px) {
  .container {
    padding-inline: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .container {
    padding-inline: 1.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .container {
    padding-inline: 0.875rem;
  }
}

.page-blocks {
  width: 100%;
}

.page-blocks--lookbook, .page-blocks--collection {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media only screen and (max-width: 768px) {
  .page-blocks--lookbook, .page-blocks--collection {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.section {
  width: 100%;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.media-block {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.media-block__image, .media-block__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-block--video {
  background-color: #000000;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.site-dialog {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  max-width: 100%;
}

.site-dialog::backdrop {
  background: rgba(0, 0, 0, 0.4);
}

.site-dialog__inner {
  position: relative;
  width: 100%;
  max-width: 35rem;
  margin-inline: auto;
  padding-block: 2rem;
  padding-inline: 2.625rem;
}

@media only screen and (max-width: 992px) {
  .site-dialog__inner {
    padding-inline: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .site-dialog__inner {
    padding-inline: 1.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .site-dialog__inner {
    padding-inline: 0.875rem;
  }
}

.site-dialog__inner {
  background: var(--color-cream);
  color: var(--color-black);
}

.site-dialog__title {
  margin: 0 0 1.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
}

.site-dialog__close {
  position: absolute;
  top: 2rem;
  right: 2.625rem;
}

@media only screen and (max-width: 992px) {
  .site-dialog__close {
    right: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .site-dialog__close {
    right: 1.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .site-dialog__close {
    right: 0.875rem;
  }
}

.site-dialog__close {
  padding: 0;
  border: 0;
  background: none;
  font-size: 1.5rem;
  line-height: 1;
  color: inherit;
  cursor: pointer;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.site-search__form {
  display: flex;
  gap: 0.75rem;
}

.site-search__input {
  -webkit-appearance: none;
  flex: 1;
  padding: 0.75rem 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  color: inherit;
  font-size: 1rem;
}

.site-search__input:focus {
  outline: none;
  border-bottom-color: #000000;
}

.site-search__submit {
  padding: 0.75rem 0;
  font-size: 1rem;
  outline: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.site-newsletter__form .wpcf7 {
  margin: 0;
}

.site-newsletter__form form {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  margin: 0;
}

.site-newsletter__form p {
  margin: 0;
}

.site-newsletter__form label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}

.site-newsletter__form br {
  display: none;
}

.site-newsletter__form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.site-newsletter__form select,
.site-newsletter__form textarea {
  width: 100%;
  padding: 0.75rem 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  color: #000000;
}

.site-newsletter__form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus,
.site-newsletter__form select:focus,
.site-newsletter__form textarea:focus {
  outline: none;
  border-bottom-color: #000000;
}

.site-newsletter__form input[type=submit],
.site-newsletter__form .wpcf7-submit {
  -webkit-appearance: none;
  align-self: flex-start;
  padding: 0.75rem 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  cursor: pointer;
  appearance: none;
  outline: none;
}

.site-newsletter__form input[type=submit]:hover,
.site-newsletter__form .wpcf7-submit:hover {
  text-decoration: none;
}

.site-newsletter__form .wpcf7-spinner {
  display: none;
}

.site-newsletter__form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
}

.site-newsletter__form .wpcf7-response-output {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  font-size: 0.75rem;
}

.site-newsletter__form .wpcf7-response-output {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.site-header {
  --header-bar-height: 4.9375rem;
  position: sticky;
  top: 0;
  width: 100%;
  background-color: var(--color-cream);
  z-index: 200;
}

.site-header__bar {
  border-bottom: 1px solid transparent;
}

.site-header__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 6.25rem;
  min-height: var(--header-bar-height);
  max-width: 90rem;
  margin-inline: auto;
  padding-block: 2rem;
  padding-inline: 2.625rem;
}

@media only screen and (max-width: 992px) {
  .site-header__inner {
    padding-inline: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .site-header__inner {
    padding-inline: 1.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .site-header__inner {
    padding-inline: 0.875rem;
  }
}

@media only screen and (max-width: 992px) {
  .site-header__inner {
    padding-block: 1.25rem;
  }
}

.site-header__actions {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.site-header__nav {
  display: flex;
  align-items: center;
  min-width: 0;
}

.site-header__nav--left {
  width: 100%;
}

.site-header__nav--right {
  width: 100%;
}

.site-header__menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  justify-content: space-between;
}

.site-header__menu > .menu-item {
  position: relative;
}

.site-header__menu a {
  position: relative;
  text-decoration: none;
}

.site-header__menu a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.site-header__menu a:hover::before, .site-header__menu a:focus-visible::before {
  transform: scaleX(1);
}

.site-header__menu a {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: none;
  color: inherit;
}

.site-header__menu .site-header__submenu-toggle {
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: none;
  color: inherit;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}

.site-header__menu .site-header__submenu-toggle::before {
  display: none;
}

.site-header__menu .current-menu-item > a::before,
.site-header__menu .current_page_item > a::before {
  transform: scaleX(1);
}

.site-header__menu .sub-menu {
  margin: 0;
  list-style: none;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.625rem;
}

.site-header__menu .sub-menu a {
  display: inline-block;
  padding: 0;
}

.site-header__menu .sub-menu .current-menu-item > a::before {
  transform: scaleX(1);
}

.site-header__nav--left .site-header__menu > .menu-item-has-children > .sub-menu {
  position: absolute;
  top: 100%;
  left: -0.3125rem;
  min-width: 7.5rem;
  padding: 0.625rem 0.3125rem;
  background: var(--color-cream);
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.site-header__nav--left .site-header__menu > .menu-item-has-children:not(.is-submenu-open) > .sub-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.site-header__nav--left .site-header__menu > .menu-item-has-children.is-submenu-open > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.site-header__logo {
  display: block;
  text-align: center;
  text-decoration: none;
}

.site-header__logo-text {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.site-header__logo .image-block img,
.site-header__logo .media-block__image {
  width: 200px;
  height: auto;
  margin-inline: auto;
}

@media only screen and (max-width: 1200px) {
  .site-header__logo .image-block img,
  .site-header__logo .media-block__image {
    width: 100px;
  }
}

.site-header__search {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.0625rem;
  height: 1.0625rem;
  padding: 0;
}

.site-header__search-icon {
  display: block;
  width: 1.0625rem;
  height: 1.0625rem;
}

.site-header__toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 0.3125rem;
  width: 1.25rem;
  height: 0.875rem;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}

.site-header__toggle-bar {
  display: block;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform-origin: center center;
  will-change: transform, opacity;
}

.site-header__mobile-panel {
  position: fixed;
  top: var(--header-bar-height);
  left: 0;
  right: 0;
  z-index: 199;
  height: 0;
  overflow: hidden;
  background-color: var(--color-cream);
  visibility: hidden;
  pointer-events: none;
}

body.header-active .site-header__mobile-panel {
  visibility: visible;
  pointer-events: auto;
  overflow-y: auto;
}

.site-header__mobile-nav {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 90rem;
  margin-inline: auto;
  padding-block: 2rem 3rem;
  padding-inline: 2.625rem;
}

@media only screen and (max-width: 992px) {
  .site-header__mobile-nav {
    padding-inline: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .site-header__mobile-nav {
    padding-inline: 1.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .site-header__mobile-nav {
    padding-inline: 0.875rem;
  }
}

@media only screen and (max-width: 576px) {
  .site-header__mobile-nav {
    padding-inline: 1.25rem;
  }
}

.site-header__menu--mobile {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
}

.site-header__menu--mobile > .menu-item-has-children {
  width: 100%;
}

.site-header__menu--mobile .sub-menu {
  position: static;
}

.site-header__menu--mobile .sub-menu li {
  padding-left: 0.9375rem;
}

.site-header__menu--mobile .sub-menu li:nth-child(1) {
  padding-top: 0.9375rem;
}

@media only screen and (max-width: 992px) {
  .site-header {
    --header-bar-height: 4.9375rem;
  }
  .site-header__inner {
    grid-template-columns: 1.0625rem 1fr 1.0625rem;
    gap: 1rem;
  }
  .site-header__toggle {
    display: flex;
    grid-column: 1;
    grid-row: 1;
  }
  .site-header__logo {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    max-width: 6.8125rem;
  }
  .site-header__logo-text {
    font-size: 1.5rem;
  }
  .site-header__logo .image-block img,
  .site-header__logo .media-block__image {
    max-height: 2.25rem;
  }
  .site-header__actions {
    grid-column: 3;
    grid-row: 1;
    justify-content: flex-end;
    gap: 0;
  }
  .site-header__nav--left, .site-header__nav--right {
    display: none;
  }
  body.header-active .site-header__bar {
    border-bottom-color: rgba(0, 0, 0, 0.08);
  }
}

@media only screen and (min-width: 993px) {
  .site-header__toggle {
    display: none;
  }
  .site-header__mobile-panel {
    display: none !important;
  }
  .site-header__actions {
    justify-content: space-between;
  }
  .site-header__nav--right {
    display: contents;
  }
  .site-header__nav--right > .site-header__menu {
    display: contents;
  }
  .site-header__nav--right .site-header__menu > .menu-item {
    position: relative;
  }
  .site-header__nav--right .site-header__menu > .menu-item-has-children > .sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    min-width: 7.5rem;
    padding: 0.75rem 0 0;
    background: var(--color-cream);
    transition: opacity 0.4s ease, visibility 0.4s ease;
  }
  .site-header__nav--right .site-header__menu > .menu-item-has-children:not(.is-submenu-open) > .sub-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .site-header__nav--right .site-header__menu > .menu-item-has-children.is-submenu-open > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.footer {
  width: 100%;
  padding-top: 3.125rem;
  padding-bottom: 3.75rem;
}

@media only screen and (max-width: 768px) {
  .footer {
    padding-top: 3.75rem;
  }
}

@media only screen and (max-width: 576px) {
  .footer {
    padding-top: 2.5rem;
  }
}

.footer-main {
  display: flex;
  gap: 10rem;
}

@media only screen and (max-width: 992px) {
  .footer-main {
    gap: 5rem;
  }
}

.footer__logo .image-block img, .footer__logo .media-block__image {
  display: block;
  width: auto;
  max-width: 6.25rem;
}

@media only screen and (max-width: 992px) {
  .footer__logo .image-block img, .footer__logo .media-block__image {
    max-width: 4.6875rem;
  }
}

.footer__social {
  display: flex;
  flex-direction: column;
  gap: 2em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer__social a {
  position: relative;
  text-decoration: none;
}

.footer__social a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.footer__social a:hover::before, .footer__social a:focus-visible::before {
  transform: scaleX(1);
}

.footer__social a {
  display: inline-block;
  font-size: 0.75rem;
}

.footer-bottom {
  margin-top: 3.4375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}

.footer__mailing, .footer__newsletter-trigger {
  position: relative;
  text-decoration: none;
}

.footer__mailing::before, .footer__newsletter-trigger::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.footer__mailing:hover::before, .footer__mailing:focus-visible::before, .footer__newsletter-trigger:hover::before, .footer__newsletter-trigger:focus-visible::before {
  transform: scaleX(1);
}

.footer__mailing, .footer__newsletter-trigger {
  display: inline-block;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 0.75rem;
  line-height: 1.5;
  color: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

.footer__copyright {
  flex-shrink: 0;
  margin: 0;
  text-align: left;
  white-space: nowrap;
}

.footer__col--legal {
  display: contents;
}

.footer__legal {
  flex-shrink: 0;
  margin-left: auto;
  display: contents;
}

.footer__legal-menu {
  display: contents;
}

.footer__legal-menu a {
  position: relative;
  text-decoration: none;
}

.footer__legal-menu a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.footer__legal-menu a:hover::before, .footer__legal-menu a:focus-visible::before {
  transform: scaleX(1);
}

.footer__legal-menu a {
  display: inline-block;
  white-space: nowrap;
}

.footer__legal-menu .current-menu-item > a::before {
  transform: scaleX(1);
}

@media only screen and (max-width: 768px) {
  .footer {
    padding-bottom: 1.875rem;
  }
  .footer-main {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .footer__col--logo {
    display: flex;
    justify-content: center;
    padding-bottom: 0.625rem;
  }
  .footer__logo .image-block img, .footer__logo .media-block__image {
    max-width: 3.125rem;
  }
  .footer__col--nav {
    width: 100%;
  }
  .footer__social {
    gap: 0;
    width: 100%;
  }
  .footer__social > li {
    padding-block: 0.9375rem;
    border-bottom: 1px solid #000;
  }
  .footer__social > li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .footer__social > li:first-child {
    padding-top: 0;
  }
  .footer__social a {
    display: block;
    width: 100%;
  }
  .footer-bottom {
    margin-top: 1.875rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: 0.75rem;
  }
  .footer__col--newsletter {
    justify-self: start;
    min-width: 0;
  }
  .footer__mailing, .footer__newsletter-trigger {
    font-size: 0.75rem;
    line-height: 1.4;
  }
  .footer__col--copyright {
    justify-self: center;
    text-align: center;
  }
  .footer__copyright {
    font-size: 0.75rem;
    line-height: 1.4;
    white-space: normal;
  }
  .footer__col--legal {
    display: content;
    justify-self: end;
    min-width: 0;
  }
  .footer__legal {
    display: content;
    margin-left: 0;
  }
  .footer__legal-menu {
    display: content;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.75rem;
    line-height: 1.4;
  }
  .footer__legal-menu li:nth-child(1) {
    text-align: right;
  }
  .footer__legal-menu li:nth-child(2) {
    text-align: left;
  }
  .footer__legal-menu li:nth-child(3) {
    text-align: center;
  }
  .footer__legal-menu li:nth-child(4) {
    text-align: right;
  }
  .footer__legal-menu a {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 576px) {
  .footer-bottom {
    column-gap: 0.5rem;
  }
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.post-breadcrumb {
  padding: 1.5rem 2.625rem 0;
  max-width: 90rem;
  margin-inline: auto;
}

.post-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.75rem;
}

.post-breadcrumb__item:not(:last-child)::after {
  content: "/";
  margin-left: 0.5rem;
}

.post-breadcrumb__item a {
  position: relative;
  text-decoration: none;
}

.post-breadcrumb__item a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.post-breadcrumb__item a:hover::before, .post-breadcrumb__item a:focus-visible::before {
  transform: scaleX(1);
}

.post-breadcrumb__item a {
  display: inline-block;
}

.post-breadcrumb__item--current::after {
  display: none;
}

.post-archive {
  padding: 3rem 2.625rem 4rem;
}

.post-archive__inner {
  max-width: 90rem;
  margin-inline: auto;
}

.post-archive__title {
  margin: 0 0 2rem;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.post-archive__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.post-archive__link {
  position: relative;
  text-decoration: none;
}

.post-archive__link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.post-archive__link:hover::before, .post-archive__link:focus-visible::before {
  transform: scaleX(1);
}

.post-archive__link {
  display: inline-block;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.page-blocks--lookbook,
.page-blocks--collection {
  padding-top: 0;
}

.page-blocks--lookbook .gallery-intro,
.page-blocks--collection .gallery-intro {
  margin-bottom: 0;
}

.page-blocks--lookbook .gallery-intro .container,
.page-blocks--collection .gallery-intro .container {
  max-width: 100%;
}

.page-blocks--lookbook .gallery-intro__inner,
.page-blocks--collection .gallery-intro__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 3.125rem;
}

.page-blocks--lookbook .gallery-intro__meta,
.page-blocks--collection .gallery-intro__meta {
  grid-column: 1;
}

.page-blocks--lookbook .gallery-intro__media,
.page-blocks--collection .gallery-intro__media {
  grid-column: 2;
}

.page-blocks--lookbook .gallery-intro__media .media-block,
.page-blocks--lookbook .gallery-intro__media .media-link,
.page-blocks--collection .gallery-intro__media .media-block,
.page-blocks--collection .gallery-intro__media .media-link {
  display: block;
  width: 100%;
  min-height: inherit;
}

.page-blocks--lookbook .gallery-intro__media .media-block__image,
.page-blocks--lookbook .gallery-intro__media .media-block__video,
.page-blocks--collection .gallery-intro__media .media-block__image,
.page-blocks--collection .gallery-intro__media .media-block__video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}

.page-blocks--lookbook .gallery-intro__meta-list,
.page-blocks--collection .gallery-intro__meta-list {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-blocks--lookbook .gallery-intro__meta-item,
.page-blocks--collection .gallery-intro__meta-item {
  margin: 0;
}

.page-blocks--lookbook .gallery-grid,
.page-blocks--collection .gallery-grid {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}

@media only screen and (max-width: 992px) {
  .page-blocks--lookbook .gallery-grid,
  .page-blocks--collection .gallery-grid {
    gap: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .page-blocks--lookbook .gallery-grid,
  .page-blocks--collection .gallery-grid {
    gap: 1.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .page-blocks--lookbook .gallery-grid,
  .page-blocks--collection .gallery-grid {
    gap: 0.875rem;
  }
}

.page-blocks--lookbook .gallery-grid .block-gallery-row,
.page-blocks--collection .gallery-grid .block-gallery-row {
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .page-blocks--lookbook .gallery-intro,
  .page-blocks--collection .gallery-intro {
    padding-bottom: 0;
  }
  .page-blocks--lookbook .gallery-intro__inner,
  .page-blocks--collection .gallery-intro__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .page-blocks--lookbook .gallery-intro__media,
  .page-blocks--collection .gallery-intro__media {
    order: 1;
    width: 100%;
    min-height: 0;
  }
  .page-blocks--lookbook .gallery-intro__media .media-block__image,
  .page-blocks--lookbook .gallery-intro__media .media-block__video,
  .page-blocks--collection .gallery-intro__media .media-block__image,
  .page-blocks--collection .gallery-intro__media .media-block__video {
    width: 100%;
    height: auto;
    min-height: 0;
    object-fit: cover;
  }
  .page-blocks--lookbook .gallery-intro__meta,
  .page-blocks--collection .gallery-intro__meta {
    order: 2;
    width: 100%;
    padding-block: 1.5rem;
  }
  .page-blocks--lookbook .gallery-intro__meta-list,
  .page-blocks--collection .gallery-intro__meta-list {
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    row-gap: 0.25rem;
    column-gap: 0.25rem;
  }
  .page-blocks--lookbook .gallery-intro__meta-item,
  .page-blocks--collection .gallery-intro__meta-item {
    display: inline;
  }
  .page-blocks--lookbook .gallery-intro__meta-item:nth-child(1),
  .page-blocks--collection .gallery-intro__meta-item:nth-child(1) {
    display: none;
  }
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.block {
  width: 100%;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

@media only screen and (max-width: 992px) {
  .block {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .block {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .block {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.block:first-child {
  padding-top: 0;
}

.block:last-child {
  padding-bottom: 0;
}

.media-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.block-image-text-split__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 5.625rem;
}

@media only screen and (max-width: 992px) {
  .block-image-text-split__inner {
    gap: 2.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .block-image-text-split__inner {
    gap: 2rem;
  }
}

.block-image-text-split__media {
  min-width: 0;
}

.block-image-text-split__media .media-block {
  width: 100%;
  height: 100%;
  min-height: 20rem;
}

.block-image-text-split__media .media-block__image,
.block-image-text-split__media .media-block__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block-image-text-split__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.block-image-text-split__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
  flex: 1;
}

@media only screen and (max-width: 576px) {
  .block-image-text-split__body {
    display: block;
    text-align: center;
  }
}

.block-image-text-split__body--has-label {
  display: flex;
}

@media only screen and (max-width: 576px) {
  .block-image-text-split__body--has-label {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 2rem;
  }
}

.block-image-text-split__title {
  margin: 0;
  width: 100%;
}

.block-image-text-split__text {
  width: 100%;
  margin: 0;
  min-width: 22.1875rem;
}

@media only screen and (max-width: 992px) {
  .block-image-text-split__text {
    min-width: 17.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .block-image-text-split__text {
    min-width: 0;
  }
}

.block-image-text-split--text-only .block-image-text-split__inner {
  grid-template-columns: minmax(0, 1fr);
}

.block-image-text-split--media-right .block-image-text-split__media {
  order: 2;
}

.block-image-text-split--media-right .block-image-text-split__content {
  order: 1;
}

@media only screen and (max-width: 768px) {
  .block-image-text-split__inner {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 2rem;
  }
  .block-image-text-split__media .media-block {
    height: auto;
    min-height: 0;
    aspect-ratio: 4/5;
  }
  .block-image-text-split__body--has-label {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .block-image-text-split--media-right .block-image-text-split__media,
  .block-image-text-split--media-right .block-image-text-split__content {
    order: unset;
  }
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.block-centered-text {
  text-align: center;
}

.block-centered-text__inner {
  max-width: 40rem;
  margin-inline: auto;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

@media only screen and (max-width: 768px) {
  .block-gallery-row--hide-mobile {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .block-gallery-row__item--hide-mobile {
    display: none;
  }
}

.block-gallery-row + .block-gallery-row {
  padding-top: 0 !important;
}

@media only screen and (max-width: 576px) {
  .block-gallery-row + .block-gallery-row {
    margin-top: -0.375rem;
  }
}

@media only screen and (max-width: 768px) {
  .block-gallery-row.block-gallery-row--hide-mobile + .block-gallery-row {
    padding-top: 1.5rem !important;
  }
}

@media only screen and (max-width: 576px) {
  .block-gallery-row.block-gallery-row--hide-mobile + .block-gallery-row {
    padding-top: 1.25rem !important;
  }
}

.block-gallery-row__inner {
  display: grid;
  gap: 3.125rem;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media only screen and (max-width: 992px) {
  .block-gallery-row__inner {
    gap: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .block-gallery-row__inner {
    gap: 1.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .block-gallery-row__inner {
    gap: 0.875rem;
  }
}

.block-gallery-row__item {
  min-height: 20rem;
}

.block-gallery-row__item .media-block,
.block-gallery-row__item .media-link,
.block-gallery-row__item .media-block__image,
.block-gallery-row__item .media-block__video {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}

.block-gallery-row--one-right .block-gallery-row__inner {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.block-gallery-row--one-right .block-gallery-row__item:first-child {
  grid-column: 2;
}

.block-gallery-row--two-symmetric .block-gallery-row__inner {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.block-gallery-row--two-asymmetric-left .block-gallery-row__inner {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
}

.block-gallery-row--two-asymmetric-right .block-gallery-row__inner {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}

.block-gallery-row--three-columns .block-gallery-row__inner {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media only screen and (max-width: 768px) {
  .block-gallery-row__inner {
    grid-template-columns: 1fr !important;
  }
  .block-gallery-row--one-right .block-gallery-row__item:first-child {
    grid-column: auto;
  }
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.block-store-locator__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 5.625rem;
}

@media only screen and (max-width: 992px) {
  .block-store-locator__inner {
    gap: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .block-store-locator__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.block-store-locator__content {
  display: grid;
  gap: 2.5rem;
  align-items: start;
  min-width: 0;
}

@media only screen and (max-width: 992px) {
  .block-store-locator__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}

@media only screen and (max-width: 768px) {
  .block-store-locator__content {
    gap: 2rem;
    order: 2;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}

.block-store-locator__section-title {
  margin: 0;
  grid-column: 1;
}

@media only screen and (max-width: 768px) {
  .block-store-locator__section-title {
    text-align: center;
  }
}

.block-store-locator__regions {
  grid-column: 2;
  display: grid;
  gap: 2.5rem;
  min-width: 0;
}

@media only screen and (max-width: 992px) {
  .block-store-locator__regions {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .block-store-locator__regions {
    gap: 2rem;
  }
}

.block-store-locator__region {
  display: flex;
  align-items: start;
  gap: 2.5rem;
}

@media only screen and (max-width: 768px) {
  .block-store-locator__region {
    flex-direction: column;
    gap: 1.25rem;
  }
}

.block-store-locator__region-label {
  margin: 0;
  font-size: 0.75rem;
  width: 100%;
}

.block-store-locator__list {
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5em;
}

.block-store-locator__media {
  min-width: 0;
}

.block-store-locator__media .media-block,
.block-store-locator__media .media-block__image,
.block-store-locator__media .media-block__video {
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 768px) {
  .block-store-locator__media .media-block,
  .block-store-locator__media .media-block__image,
  .block-store-locator__media .media-block__video {
    min-height: 22.5rem;
  }
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

:root {
  --color-cream: #F9F7ED;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-family-base: Inter, system-ui, sans-serif;
  --font-size-base: 0.75rem;
  --design-width: 1440px;
}

.ui-kit {
  padding: 3rem 2.625rem 5rem;
  background-color: var(--color-cream);
  color: var(--color-black);
}

.ui-kit__inner {
  max-width: 90rem;
  margin-inline: auto;
}

.ui-kit__intro {
  margin-bottom: 4rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.ui-kit__title {
  margin: 0 0 0.75rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ui-kit__description {
  margin: 0;
  max-width: 35rem;
  font-size: 0.75rem;
  line-height: 1.6;
}

.ui-kit__section + .ui-kit__section {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.ui-kit__section-title {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ui-kit__section-note {
  margin: 0 0 2rem;
  max-width: 30rem;
  font-size: 0.75rem;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.65);
}

.ui-kit__grid {
  display: grid;
  gap: 1.5rem;
}

.ui-kit__grid--colors {
  grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
}

.ui-kit__grid--type {
  grid-template-columns: 1fr;
  gap: 2rem;
}

.ui-kit__grid--buttons {
  grid-template-columns: repeat(auto-fill, minmax(13.75rem, 1fr));
  align-items: start;
}

.ui-kit__swatch {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ui-kit__swatch-color {
  aspect-ratio: 4/3;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.ui-kit__swatch-color--cream {
  background-color: #F9F7ED;
}

.ui-kit__swatch-color--black {
  background-color: #000000;
}

.ui-kit__swatch-color--white {
  background-color: #ffffff;
}

.ui-kit__swatch-meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.4;
}

.ui-kit__swatch-name {
  font-weight: 400;
  text-transform: capitalize;
}

.ui-kit__swatch-value {
  color: rgba(0, 0, 0, 0.65);
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 0.75rem;
}

.ui-kit__swatch-var {
  color: rgba(0, 0, 0, 0.65);
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 0.75rem;
}

.ui-kit__type-item {
  display: grid;
  grid-template-columns: minmax(8.75rem, 1fr) minmax(0, 2fr);
  gap: 1.5rem;
  align-items: start;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.ui-kit__type-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.ui-kit__type-label {
  font-size: 0.75rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.65);
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
}

.ui-kit__type-sample {
  margin: 0;
}

.ui-kit__button-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.ui-kit__button-card-title {
  margin: 0;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.65);
}

.ui-kit__button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.ui-kit__font-specimen {
  margin-top: 3rem;
  padding: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.ui-kit__font-name {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ui-kit__font-sample {
  margin: 0 0 1rem;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

.ui-kit__font-weights {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.ui-kit__font-weight {
  margin: 0;
  font-size: 1.125rem;
}