/** Shopify CDN: Minification failed

Line 18:19 Expected identifier but found whitespace
Line 18:21 Unexpected "{"
Line 18:31 Expected ":"
Line 19:22 Expected identifier but found whitespace
Line 19:24 Unexpected "{"
Line 19:34 Expected ":"
Line 20:23 Expected identifier but found whitespace
Line 20:25 Unexpected "{"
Line 20:35 Expected ":"
Line 21:20 Expected identifier but found whitespace
... and 17 more hidden warnings

**/
/* MioGallery V1.59 — shared editorial system for every inner page. */
:root {
  --mio-global-ink: {{ settings.mio_color_ink | default: '#4B4B4B' }};
  --mio-global-purple: {{ settings.mio_color_purple | default: '#875D9C' }};
  --mio-global-surface: {{ settings.mio_color_surface | default: '#FCFCFC' }};
  --mio-global-soft: {{ settings.mio_color_soft | default: '#EEE7F1' }};
  --mio-global-line: {{ settings.mio_color_line | default: '#C9C3CC' }};
  --mio-display-weight: {{ settings.mio_display_weight | default: 400 }};
  --mio-body-weight: {{ settings.mio_body_weight | default: 400 }};
  --mio-nav-weight: {{ settings.mio_nav_weight | default: 400 }};
  --mio-ui-weight: {{ settings.mio_ui_weight | default: 400 }};
}

body {
  color: var(--mio-global-ink);
  background: var(--mio-global-surface);
  font-family: var(--font-brand-body, Arial, sans-serif);
  font-weight: var(--mio-body-weight);
}

/* The navigation is intentionally light and calm, including the home header. */
#header-group :where(.menu-list__link, .menu-list__link-title, nav a) {
  color: var(--mio-global-ink) !important;
  font-family: var(--font-brand-body, Arial, sans-serif) !important;
  font-weight: var(--mio-nav-weight) !important;
  letter-spacing: .015em;
}

body:not(.template-index) main,
body:not(.template-index) .shopify-section,
body:not(.template-index) .section {
  color: var(--mio-global-ink);
}

body:not(.template-index) :where(h1, h2, h3, h4, h5, h6) {
  color: var(--mio-global-ink) !important;
  font-family: var(--font-brand-display, Didot, Georgia, serif) !important;
  font-weight: var(--mio-display-weight) !important;
  letter-spacing: -.018em;
  text-wrap: balance;
}

body:not(.template-index) :where(p, li, dt, dd, label, input, textarea, select, option) {
  font-family: var(--font-brand-body, Arial, sans-serif);
  font-weight: var(--mio-body-weight);
}

body:not(.template-index) :where(button, .button, [role='button'], summary) {
  font-family: var(--font-brand-body, Arial, sans-serif);
  font-weight: var(--mio-ui-weight) !important;
  letter-spacing: .045em;
}

body:not(.template-index) :where(a) {
  color: var(--mio-global-purple);
}

body:not(.template-index) :where(input, textarea, select) {
  color: var(--mio-global-ink);
  background: var(--mio-global-surface);
  border-color: var(--mio-global-line);
}

/* Map the custom page systems to the same homepage tokens. */
body:not(.template-index) :where(.mio-contact, .mio-story, .mio-faq, .mio-projects,
  .mio-journal, .mio-shipping, .mio-trade, .mio-returns, .mio-size-guide,
  .mio-how-made, .mio-artist-team, .vellen-story) {
  --mio-ink: var(--mio-global-ink);
  --mio-muted: color-mix(in srgb, var(--mio-global-ink) 68%, transparent);
  --mio-paper: var(--mio-global-surface);
  --mio-page: var(--mio-global-surface);
  --mio-surface: var(--mio-global-soft);
  --mio-soft: var(--mio-global-soft);
  --mio-line: var(--mio-global-line);
  --mio-accent: var(--mio-global-purple);
  --mio-focus: var(--mio-global-purple);
  color: var(--mio-global-ink);
  background-color: var(--mio-global-surface);
}

body:not(.template-index) :where(.mio-contact a, .mio-story a, .mio-faq a,
  .mio-projects a, .mio-journal a, .mio-shipping a, .mio-trade a,
  .mio-returns a, .mio-size-guide a, .mio-how-made a) {
  color: var(--mio-global-purple);
}

body:not(.template-index) :where(.mio-contact hr, .mio-story hr, .mio-faq hr,
  .mio-projects hr, .mio-journal hr, .mio-shipping hr, .mio-trade hr,
  .mio-returns hr, .mio-size-guide hr, .mio-how-made hr) {
  border-color: var(--mio-global-line);
}

body:not(.template-index) :where(.mio-contact__image-placeholder,
  .mio-contact__details-image--placeholder, .mio-story__hero-copy,
  .mio-story__packing-copy, .mio-story__promise-copy, .mio-story__process,
  .mio-story__handmade-statement) {
  background-color: var(--mio-global-soft);
}

body:not(.template-index) :where(.mio-contact__image-placeholder,
  .mio-contact__details-image--placeholder) {
  background-image: linear-gradient(135deg, var(--mio-global-ink) 0 34%, var(--mio-global-purple) 34% 58%, var(--mio-global-soft) 58%);
}

@media (max-width: 749px) {
  body:not(.template-index) :where(h1, h2) { letter-spacing: -.012em; }
  #header-group :where(.menu-list__link, .menu-list__link-title) { letter-spacing: .01em; }
}

/* Product pages: give the first screen more air and keep the product image dominant. */
body.template-product .art-breadcrumbs,
body.template-product .product-information {
  background: var(--mio-global-surface) !important;
  color: var(--mio-global-ink) !important;
}

body.template-product .art-breadcrumbs {
  margin-top: clamp(10px, 1.8vw, 28px);
  padding-top: clamp(18px, 2.6vw, 34px);
  padding-bottom: clamp(18px, 2.6vw, 34px);
  border-bottom: 1px solid var(--mio-global-line);
}

body.template-product .product-information {
  padding-block-start: clamp(28px, 4vw, 64px) !important;
  padding-block-end: clamp(48px, 6vw, 92px) !important;
}

body.template-product .product-details {
  padding-inline: clamp(12px, 2vw, 28px);
}

body.template-product :where(.product-details h1, .product-details h2, .product-details h3) {
  color: var(--mio-global-ink) !important;
}

body.template-product :where(product-price .price, .price-item__group.price, .product-price) {
  color: var(--mio-global-purple) !important;
}

body.template-product :where(.product-information hr, .product-details hr, .product-form__input, .product-form__buttons) {
  border-color: var(--mio-global-line) !important;
}

/* Product benefits reuse the homepage's exact thin-line icon treatment. */
body.template-product .product-benefits {
  background: var(--mio-global-surface) !important;
  color: var(--mio-global-ink) !important;
  border-block: 1px solid var(--mio-global-line);
}

body.template-product .product-benefits__item {
  border-inline-end: 1px solid var(--mio-global-line);
}

body.template-product .product-benefits__icon {
  color: var(--mio-global-purple);
}

body.template-product .product-benefits__icon svg {
  stroke-width: 1.35;
}

body.template-product .product-benefits h3 {
  color: var(--mio-global-ink);
  font-family: var(--font-brand-display, Didot, serif);
  font-weight: var(--mio-display-weight);
}

body.template-product .product-benefits__text,
body.template-product .product-benefits__text p {
  color: color-mix(in srgb, var(--mio-global-ink) 70%, transparent);
}

/* Artist, advisory and offer modules no longer introduce unrelated beige or red accents. */
body.template-product :where(.art-product-artist, .art-product-tabs, .product-art-advisory,
  .mio-product-offer, .mio-delivery, .mio-similar) {
  --artist-bg: var(--mio-global-surface);
  --tabs-bg: var(--mio-global-surface);
  --advisory-bg: var(--mio-global-soft);
  --color-border: var(--mio-global-line);
  color: var(--mio-global-ink);
}

body.template-product .art-product-artist,
body.template-product .art-product-tabs {
  background: var(--mio-global-surface) !important;
}

body.template-product .art-artist {
  padding-top: clamp(52px, 7vw, 108px);
}

body.template-product .art-artist__quote {
  margin-bottom: clamp(72px, 9vw, 132px);
  padding-inline: 16px;
}

body.template-product .art-artist__shell {
  margin-top: clamp(18px, 3vw, 42px);
}

body.template-product .art-artist__shell {
  background: var(--mio-global-soft) !important;
  border: 1px solid var(--mio-global-line);
}

body.template-product .art-artist__bio::after {
  background: linear-gradient(transparent, var(--mio-global-soft));
}

body.template-product .product-art-advisory__inner {
  background: var(--mio-global-soft) !important;
  border: 1px solid var(--mio-global-line);
  border-radius: 0;
}

body.template-product .why-vellen {
  padding-block: clamp(48px, 7vw, 96px);
  background: var(--mio-global-surface) !important;
}

body.template-product .why-vellen__inner {
  background: var(--mio-global-surface) !important;
  border: 1px solid var(--mio-global-line) !important;
  border-radius: 0;
}

body.template-product .why-vellen__icon {
  width: 46px;
  height: 46px;
  margin-bottom: 16px;
  color: var(--mio-global-purple);
}

body.template-product .why-vellen__icon svg {
  stroke-width: 1.35;
}

body.template-product .why-vellen__item h3 {
  color: var(--mio-global-ink);
  font-family: var(--font-brand-display, Didot, serif);
  font-weight: var(--mio-display-weight);
}

body.template-product .why-vellen__text {
  color: color-mix(in srgb, var(--mio-global-ink) 70%, transparent);
}

body.template-product .product-art-advisory__button {
  background: var(--mio-global-purple) !important;
  color: #fff !important;
  border-radius: 0;
  font-weight: var(--mio-ui-weight);
}

body.template-product .mio-product-offer__banner {
  background: var(--mio-global-soft) !important;
  color: var(--mio-global-ink) !important;
  border: 1px solid var(--mio-global-line);
}

body.template-product .mio-product-offer__copy > small,
body.template-product .mio-delivery p {
  color: color-mix(in srgb, var(--mio-global-ink) 68%, transparent) !important;
}

body.template-product .mio-delivery {
  color: var(--mio-global-ink) !important;
  border-color: var(--mio-global-line) !important;
}

body.template-product .mio-delivery svg {
  stroke: var(--mio-global-purple);
}

body.template-product .mio-similar__item {
  border-color: var(--mio-global-line);
  background: var(--mio-global-surface);
  color: var(--mio-global-ink);
}

/* Frame picker and size guide use the same quiet gallery language. */
body.template-product :where(.art-frame-picker__choice, .art-size-guide, .art-size-guide__header,
  .art-size-guide__pills button, .art-size-guide__controls select) {
  background-color: var(--mio-global-surface) !important;
  color: var(--mio-global-ink) !important;
  border-color: var(--mio-global-line) !important;
}

body.template-product :where(.art-size-guide__wall, .art-size-guide__furniture-back) {
  background-color: var(--mio-global-soft) !important;
}

body.template-product .art-size-guide__pills button[aria-pressed='true'] {
  background: var(--mio-global-purple) !important;
  color: #fff !important;
  border-color: var(--mio-global-purple) !important;
}

body.template-product .art-size-guide__recommendation button {
  background: var(--mio-global-soft) !important;
  color: var(--mio-global-ink) !important;
  border-color: var(--mio-global-purple) !important;
}

/* Inner service and editorial pages: replace the remaining legacy earth-tone tokens. */
body:not(.template-index) :where(.mio-projects, .mio-returns, .mio-guide, .mio-trade,
  .mio-shipping, .meson-reviews, .art-advisory, .art-product-artist) {
  --mp-ink: var(--mio-global-ink);
  --mp-muted: color-mix(in srgb, var(--mio-global-ink) 68%, transparent);
  --mp-paper: var(--mio-global-soft);
  --mp-soft: var(--mio-global-soft);
  --mp-line: var(--mio-global-line);
  --mp-focus: var(--mio-global-purple);
  --mr-ink: var(--mio-global-ink);
  --mr-muted: color-mix(in srgb, var(--mio-global-ink) 68%, transparent);
  --mr-paper: var(--mio-global-soft);
  --mr-soft: var(--mio-global-soft);
  --mr-line: var(--mio-global-line);
  --mr-focus: var(--mio-global-purple);
  --mg-ink: var(--mio-global-ink);
  --mg-muted: color-mix(in srgb, var(--mio-global-ink) 68%, transparent);
  --mg-paper: var(--mio-global-soft);
  --mg-soft: var(--mio-global-soft);
  --mg-line: var(--mio-global-line);
  --mg-focus: var(--mio-global-purple);
  --mt-ink: var(--mio-global-ink);
  --mt-muted: color-mix(in srgb, var(--mio-global-ink) 68%, transparent);
  --mt-paper: var(--mio-global-soft);
  --mt-soft: var(--mio-global-soft);
  --mt-line: var(--mio-global-line);
  --mt-focus: var(--mio-global-purple);
}

body:not(.template-index) :where(.mio-shipping__contact, .mio-returns__support,
  .mio-trade__application, .mio-projects__editor-note, .mio-guide__scale,
  .mio-guide__scale-grid article, .meson-reviews blockquote) {
  background: var(--mio-global-soft) !important;
  color: var(--mio-global-ink);
}

body:not(.template-index) :where(.mio-shipping__contact p, .mio-shipping__company address) {
  color: color-mix(in srgb, var(--mio-global-ink) 75%, transparent) !important;
}

body:not(.template-index) :where(.mio-shipping__icon, .mio-benefit__icon) {
  color: var(--mio-global-purple);
}

body:not(.template-index) :where(.mio-making, .mio-artists, .mio-article,
  .mio-reviews-page, .mio-ugc, .mio-weekly, .mad) {
  color: var(--mio-global-ink);
  background-color: var(--mio-global-surface);
}

body:not(.template-index) :where(.mio-making a, .mio-artists a, .mio-article a,
  .mio-reviews-page a, .mio-ugc a, .mio-weekly a, .mad a) {
  color: var(--mio-global-purple);
}

body:not(.template-index) :where(.mio-making__truth, .mio-making__finish,
  .mio-artists__variation, .mio-article__related, .mio-reviews-page__footer,
  .mio-ugc__empty, .mio-weekly__inner) {
  background-color: var(--mio-global-soft) !important;
  border-color: var(--mio-global-line) !important;
}

body:not(.template-index) :where(.mad__header, .mad__footer) {
  background: var(--mio-global-soft) !important;
  color: var(--mio-global-ink) !important;
}

body:not(.template-index) :where(.mad__card img, .mad__portrait, .mad__tools input, .mad__tools select) {
  background: var(--mio-global-surface) !important;
  border-color: var(--mio-global-line) !important;
  color: var(--mio-global-ink) !important;
}

body:not(.template-index) :where(.shopify-policy__container) {
  background: var(--mio-global-surface) !important;
  color: var(--mio-global-ink) !important;
}

body:not(.template-index) :where(.shopify-policy__body, .shopify-policy__body p,
  .shopify-policy__body li) {
  color: color-mix(in srgb, var(--mio-global-ink) 72%, transparent) !important;
}

body:not(.template-index) .shopify-policy__body :where(h2, h3) {
  color: var(--mio-global-ink) !important;
  border-color: var(--mio-global-line) !important;
}