/** Shopify CDN: Minification failed

Line 642:19 Unterminated string token

**/
/* Desktop-only navigation enhancement layer. Mobile and drawer navigation stay on the theme defaults. */
@media screen and (min-width: 750px) {
  #header-component {
    --orientea-nav-border: rgba(105, 86, 61, 0.08);
    --orientea-nav-border-soft: rgba(105, 86, 61, 0.05);
    --orientea-nav-surface-top: rgba(252, 248, 243, 0.94);
    --orientea-nav-surface-mid: rgba(249, 244, 238, 0.96);
    --orientea-nav-surface-panel: rgb(252, 247, 241);
    --orientea-nav-shadow: 0 20px 42px rgba(48, 35, 20, 0.08);
    --orientea-featured-surface:
      radial-gradient(circle at top right, rgba(250, 222, 187, 0.32), transparent 46%),
      linear-gradient(155deg, rgba(199, 149, 97, 0.94) 0%, rgba(134, 89, 57, 0.92) 54%, rgba(84, 49, 31, 0.96) 100%);
    --orientea-featured-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'%3E%3Cg fill='none' stroke='rgba(255,245,232,0.18)' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M34 146c20-26 58-26 78 0 20 26 58 26 78 0'/%3E%3Cpath d='M26 126c16-20 44-20 60 0 16 20 44 20 60 0 16-20 44-20 60 0'/%3E%3Cpath d='M60 178c14-16 38-16 52 0 14 16 38 16 52 0'/%3E%3Cpath d='M88 96c10-10 26-10 36 0 10 10 26 10 36 0'/%3E%3C/g%3E%3C/svg%3E");
    --orientea-bespoke-surface:
      radial-gradient(circle at top left, rgba(255, 255, 255, 0.58), transparent 42%),
      linear-gradient(180deg, rgba(255, 252, 248, 0.92) 0%, rgba(246, 239, 230, 0.92) 100%);
    --orientea-bespoke-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='rgba(132,102,72,0.1)' stroke-width='1.1'%3E%3Cpath d='M34 92c16-18 42-18 58 0 16 18 42 18 58 0'/%3E%3Cpath d='M44 126c12-13 32-13 44 0 12 13 32 13 44 0 12-13 32-13 44 0'/%3E%3Cpath d='M72 60c10-10 26-10 36 0 10 10 26 10 36 0'/%3E%3C/g%3E%3C/svg%3E");
  }

  #header-component .header__row--top {
    border-bottom-color: var(--orientea-nav-border);
    background: linear-gradient(180deg, rgba(255, 252, 248, 0.96) 0%, var(--orientea-nav-surface-top) 100%);
  }

  #header-component .header__row--top .header__columns {
    padding-inline: clamp(0.14rem, 0.38vw, 0.32rem);
  }

  #header-component .header__row--top .header__column--left {
    padding-inline-start: clamp(0.78rem, 1.2vw, 1.18rem);
  }

  #header-component .header__promo-row {
    background: linear-gradient(180deg, rgba(251, 247, 242, 0.94) 0%, var(--orientea-nav-surface-mid) 100%);
    border-bottom: 1px solid var(--orientea-nav-border);
  }

  #header-component .header__promo-shell {
    min-height: 2.7rem;
  }

  #header-component .header__promo-nav {
    position: relative;
  }

  #header-component .header__promo-list {
    gap: 0.5rem 1rem;
  }

  #header-component .header__promo-item:not(:last-child)::after {
    margin-inline-start: 1rem;
    color: rgba(121, 98, 71, 0.22);
  }

  #header-component .header__promo-link {
    position: relative;
    padding-bottom: 0.1rem;
    color: rgba(81, 64, 47, 0.68);
    font-size: 0.71rem;
    font-weight: 500;
    letter-spacing: 0.13em;
  }

  #header-component .header__promo-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.08rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(121, 98, 71, 0) 0%, rgba(121, 98, 71, 0.34) 16%, rgba(121, 98, 71, 0.34) 84%, rgba(121, 98, 71, 0) 100%);
    opacity: 0;
    transition: opacity var(--animation-speed) var(--animation-easing);
  }

  #header-component .header__promo-link:hover {
    color: rgba(48, 36, 25, 0.92);
  }

  #header-component .header__promo-link:hover::after {
    opacity: 1;
  }

  #header-component .header__row--top .header__column--left .search-action {
    margin-inline-start: 0;
    margin-inline-end: 0.1rem;
  }

  #header-component .header__row--top .header__column--left .search-action .header-actions__action {
    display: inline-flex;
    min-width: 10rem;
    min-height: 2.08rem;
    align-items: center;
    justify-content: flex-start;
    gap: 0.42rem;
    padding: 0.62rem 1.08rem;
    border: 1px solid rgba(111, 88, 63, 0.14);
    border-radius: 0.38rem;
    background: rgba(255, 252, 248, 0.42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.44);
    transition:
      border-color var(--animation-speed) var(--animation-easing),
      background-color var(--animation-speed) var(--animation-easing),
      color var(--animation-speed) var(--animation-easing);
  }

  #header-component .header__row--top .header__column--left .search-action .header-actions__action:hover {
    border-color: rgba(111, 88, 63, 0.22);
    background: rgba(255, 252, 248, 0.56);
    color: rgba(52, 39, 28, 0.94);
  }

  #header-component .header__row--top .header__column--left .search-action .header-actions__action::after {
    margin-inline-start: 0;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    color: rgba(69, 53, 39, 0.8);
  }

  #header-component .header__row--top .header__column--left .search-action .header-actions__action .svg-wrapper {
    width: 0.92rem;
    height: 0.92rem;
    flex: 0 0 0.92rem;
  }

  #header-component .header__row--top .header__column--left .search-action .header-actions__action svg {
    width: 0.82rem;
    height: 0.82rem;
  }

  #header-component .header__row--top .header__column--right {
    padding-inline-end: 0.34rem;
  }

  #header-component .header__row--top .header__column--right .header__brand-utilities {
    gap: 0.48rem;
  }

  #header-component .header__row--top .header__column--right .header__brand-utilities header-actions {
    margin-inline-start: 0;
    gap: 0.48rem;
  }

  #header-component .header__row--top .header__column--right .dropdown-localization {
    position: relative;
    padding-inline-end: 0.74rem;
    margin-inline-end: 0.08rem;
  }

  #header-component .header__row--top .header__column--right .dropdown-localization::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.06rem;
    background: rgba(112, 90, 64, 0.12);
    transform: translateY(-50%);
  }

  #header-component .header__row--top .header__column--right .dropdown-localization__button {
    min-height: 2.12rem;
    padding-inline: 0.1rem 0.14rem;
    color: rgba(78, 61, 44, 0.74);
    font-size: 0.68rem;
    letter-spacing: 0.12em;
  }

  #header-component .header__row--top .header__column--right .dropdown-localization__button:hover {
    color: rgba(45, 34, 24, 0.9);
  }

  #header-component .header__row--top .header__column--right .header__brand-side-tools {
    padding-inline-end: 0.02rem;
  }

  #header-component .header__row--top .header__column--right .header__brand-side-tools::after {
    height: 1.02rem;
    background: rgba(112, 90, 64, 0.1);
  }

  #header-component .header__row--top .header__column--right .header__brand-icon-link,
  #header-component .header__row--top .header__column--right .account-button__link,
  #header-component .header__row--top .header__column--right .header-actions__action:has(.header-actions__cart-icon),
  #header-component .header__row--top .header__column--right .action__cart {
    width: 2.12rem;
    min-width: 2.12rem;
    height: 2.12rem;
    min-height: 2.12rem;
    padding: 0;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }

  #header-component .header__row--top .header__column--right .header__brand-icon-link,
  #header-component .header__row--top .header__column--right .account-button__link {
    border: 1px solid rgba(112, 90, 64, 0.1);
    color: rgba(78, 61, 44, 0.82);
    background: rgba(255, 252, 248, 0.46);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
  }

  #header-component .header__row--top .header__column--right .header__brand-icon-link:hover,
  #header-component .header__row--top .header__column--right .account-button__link:hover,
  #header-component .header__row--top .header__column--right .account-button__link:focus-visible {
    color: rgba(45, 34, 24, 0.9);
    border-color: rgba(112, 90, 64, 0.18);
    background: rgba(255, 252, 248, 0.56);
  }

  #header-component .header__row--top .header__column--right .account-button {
    display: inline-flex;
  }

  #header-component .header__row--top .header__column--right .account-button__trigger {
    gap: 0;
    min-height: 0;
  }

  #header-component .header__row--top .header__column--right .account-button__text {
    display: none;
  }

  #header-component .header__row--top .header__column--right .account-button__trigger-icon,
  #header-component .header__row--top .header__column--right .account-button__icon,
  #header-component .header__row--top .header__column--right .header__brand-icon-link .svg-wrapper,
  #header-component .header__row--top .header__column--right .header__brand-icon-link svg,
  #header-component .header__row--top .header__column--right .header-actions__action:has(.header-actions__cart-icon) .svg-wrapper,
  #header-component .header__row--top .header__column--right .action__cart .svg-wrapper {
    width: 0.88rem;
    height: 0.88rem;
  }

  #header-component .header__row--top .header__column--right .account-button__trigger-icon,
  #header-component .header__row--top .header__column--right .account-button__icon,
  #header-component .header__row--top .header__column--right .header-actions__action:has(.header-actions__cart-icon) .svg-wrapper,
  #header-component .header__row--top .header__column--right .action__cart .svg-wrapper,
  #header-component .header__row--top .header__column--right .dropdown-localization__button .svg-wrapper.icon-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  #header-component .header__row--top .header__column--right .account-button__icon svg,
  #header-component .header__row--top .header__column--right .header-actions__action:has(.header-actions__cart-icon) .svg-wrapper svg,
  #header-component .header__row--top .header__column--right .action__cart .svg-wrapper svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  #header-component .header__row--top .header__column--right .header-actions__action:has(.header-actions__cart-icon),
  #header-component .header__row--top .header__column--right .action__cart {
    position: relative;
    border: 1px solid rgba(112, 90, 64, 0.1);
    color: rgba(78, 61, 44, 0.82);
    background: rgba(255, 252, 248, 0.46);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
  }

  #header-component .header__row--top .header__column--right .header-actions__action:has(.header-actions__cart-icon):hover,
  #header-component .header__row--top .header__column--right .action__cart:hover {
    color: rgba(45, 34, 24, 0.9);
    border-color: rgba(112, 90, 64, 0.18);
    background: rgba(255, 252, 248, 0.56);
  }

  #header-component .header__row--top .header__column--right .header-actions__cart-icon {
    --cart-bubble-size: 0.76rem;
    --cart-bubble-top: -0.14rem;
    --cart-bubble-right: -0.14rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  #header-component .header__row--top .header__column--right .header-actions__cart-icon .cart-bubble {
    position: absolute;
    width: var(--cart-bubble-size);
    min-width: var(--cart-bubble-size);
    height: var(--cart-bubble-size);
    top: var(--cart-bubble-top);
    right: var(--cart-bubble-right);
    padding-inline: 0;
  }

  #header-component .header__row--top .header__column--right .header-actions__cart-icon .cart-bubble__background {
    background: rgb(255, 248, 241);
    border-radius: 999px;
    box-shadow: 0 0 0 1px rgba(34, 25, 18, 0.1);
  }

  #header-component .header__row--top .header__column--right .header-actions__cart-icon .cart-bubble__text {
    color: rgb(27, 20, 15);
    font-size: 0.5rem;
    font-weight: 600;
    line-height: 1;
  }

  #header-component .header__row--top .header__column--right .header-actions__cart-icon .cart-bubble__text-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
  }

  #header-component .header__row--top .header__column--right .header-actions__cart-icon > .svg-wrapper,
  #header-component .header__row--top .header__column--right .header-actions__cart-icon > .svg-wrapper svg {
    width: 1.04rem;
    height: 1.04rem;
  }

  #header-component .header__row--top .header__column--right .header-actions__cart-icon > .svg-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: none;
  }

  #header-component .header__row--top .header__column--right .dropdown-localization__button {
    line-height: 1;
  }

  #header-component .header__row--top .header__column--right .dropdown-localization__button .currency-code {
    display: inline-flex;
    align-items: center;
  }

  #header-component .header__row--top .header__column--right .dropdown-localization__button .svg-wrapper.icon-caret,
  #header-component .header__row--top .header__column--right .dropdown-localization__button .svg-wrapper.icon-caret svg {
    width: 0.82rem;
    height: 0.82rem;
  }

  #header-component .header__row--top .header__column--right .header-actions__cart-icon.header-actions__cart-icon--has-cart svg {
    mask: none;
  }

  #header-component .header__subnav {
    background: linear-gradient(180deg, rgba(250, 246, 240, 0.92) 0%, rgba(248, 243, 236, 0.98) 100%);
    border-top-color: var(--orientea-nav-border);
    border-bottom-color: var(--orientea-nav-border);
  }

  #header-component .header__subnav-inner {
    min-height: 3.2rem;
  }

  #header-component .header__subnav-list {
    gap: 0.75rem 1.35rem;
  }

  #header-component .header__subnav-item--trigger {
    margin-inline-end: 0.2rem;
  }

  #header-component .header__subnav-item--panel {
    position: relative;
  }

  #header-component .header__subnav-link {
    min-height: 2.35rem;
    letter-spacing: 0.13em;
    position: relative;
    gap: 0.36rem;
    padding: 0 0.02rem 0.14rem;
    color: rgba(63, 49, 36, 0.7);
    font-size: 0.8rem;
    font-weight: 600;
  }

  #header-component .header__subnav-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(88, 67, 48, 0) 0%, rgba(88, 67, 48, 0.28) 18%, rgba(88, 67, 48, 0.28) 82%, rgba(88, 67, 48, 0) 100%);
    opacity: 0;
    transform: translateY(1px);
    transition:
      opacity var(--animation-speed) var(--animation-easing),
      background-color var(--animation-speed) var(--animation-easing);
  }

  #header-component .header__subnav-item--panel[data-subnav-panel-key='cloisonne'] .header__subnav-link::before,
  #header-component .header__subnav-item--panel[data-subnav-panel-key='velvet-flower'] .header__subnav-link::before,
  #header-component .header__subnav-item--panel[data-subnav-panel-key='silk-flower'] .header__subnav-link::before,
  #header-component .header__subnav-item--panel[data-subnav-panel-key='carving'] .header__subnav-link::before,
  #header-component .header__subnav-item--panel[data-subnav-panel-key='incense'] .header__subnav-link::before,
  #header-component .header__subnav-item--panel[data-subnav-panel-key='embroidery'] .header__subnav-link::before {
    content: '';
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 50%;
    flex: 0 0 0.36rem;
    background: rgba(157, 107, 74, 0.88);
    box-shadow: 0 0 0 0.18rem rgba(157, 107, 74, 0.08);
  }

  #header-component .header__subnav-item--panel[data-subnav-panel-key='cloisonne'] .header__subnav-link::before {
    background: rgba(165, 109, 77, 0.92);
    box-shadow: 0 0 0 0.18rem rgba(165, 109, 77, 0.08);
  }

  #header-component .header__subnav-item--panel[data-subnav-panel-key='velvet-flower'] .header__subnav-link::before {
    background: rgba(154, 85, 79, 0.88);
    box-shadow: 0 0 0 0.18rem rgba(154, 85, 79, 0.08);
  }

  #header-component .header__subnav-item--panel[data-subnav-panel-key='silk-flower'] .header__subnav-link::before {
    background: rgba(154, 85, 79, 0.88);
    box-shadow: 0 0 0 0.18rem rgba(154, 85, 79, 0.08);
  }

  #header-component .header__subnav-item--panel[data-subnav-panel-key='carving'] .header__subnav-link::before {
    background: rgba(126, 98, 66, 0.88);
    box-shadow: 0 0 0 0.18rem rgba(126, 98, 66, 0.08);
  }

  #header-component .header__subnav-item--panel[data-subnav-panel-key='incense'] .header__subnav-link::before {
    background: rgba(118, 88, 60, 0.88);
    box-shadow: 0 0 0 0.18rem rgba(118, 88, 60, 0.08);
  }

  #header-component .header__subnav-item--panel[data-subnav-panel-key='embroidery'] .header__subnav-link::before {
    background: rgba(146, 104, 66, 0.9);
    box-shadow: 0 0 0 0.18rem rgba(146, 104, 66, 0.08);
  }

  #header-component .header__subnav-link:hover,
  #header-component .header__subnav-link--active {
    color: rgba(42, 31, 22, 0.94);
  }

  #header-component .header__subnav-link:hover::after,
  #header-component .header__subnav-link--active::after {
    opacity: 1;
  }

  #header-component .header__subnav-cta {
    min-height: 2.4rem;
    min-width: 0;
    padding-inline: 1rem 1.08rem;
    border-color: rgba(122, 94, 65, 0.16);
    background:
      linear-gradient(180deg, rgba(255, 252, 248, 0.92) 0%, rgba(246, 238, 228, 0.88) 100%);
    color: rgba(63, 48, 34, 0.84);
    font-size: 0.73rem;
    letter-spacing: 0.17em;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.62),
      0 10px 24px rgba(58, 41, 24, 0.04);
  }

  #header-component .header__subnav-cta::before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: rgba(128, 84, 54, 0.9);
    box-shadow: 0 0 0 0.2rem rgba(128, 84, 54, 0.08);
    flex: 0 0 0.4rem;
  }

  #header-component .header__subnav-cta::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent 46%);
    opacity: 0;
    transition: opacity var(--animation-speed) var(--animation-easing);
    pointer-events: none;
  }

  #header-component .header__subnav-cta:hover {
    color: rgba(44, 32, 24, 0.96);
    border-color: rgba(122, 94, 65, 0.28);
    background:
      linear-gradient(180deg, rgba(255, 253, 250, 0.96) 0%, rgba(249, 242, 233, 0.92) 100%);
  }

  #header-component .header__subnav-cta:hover::after {
    opacity: 1;
  }

  #header-component .header__subnav-shell[data-subnav-open='true'] .header__subnav-link {
    color: rgba(58, 45, 33, 0.78);
  }

  #header-component .header__subnav-shell[data-subnav-open='true'] .header__subnav-item--panel[data-subnav-panel-key] [data-subnav-panel-trigger][aria-expanded='true'] {
    color: rgba(42, 31, 22, 0.98);
    box-shadow: none;
  }

  #header-component .header__subnav-shell[data-subnav-open='true'] .header__subnav-item--panel[data-subnav-panel-key] [data-subnav-panel-trigger][aria-expanded='true']::after {
    opacity: 1;
    background: linear-gradient(90deg, rgba(101, 73, 46, 0) 0%, rgba(101, 73, 46, 0.46) 18%, rgba(101, 73, 46, 0.46) 82%, rgba(101, 73, 46, 0) 100%);
  }

  #header-component .header__subnav-panel-wrap {
    z-index: calc(var(--layer-header-menu) + 2);
  }

  #header-component .header__subnav-panel-inner {
    min-height: clamp(17rem, 24vw, 19.5rem);
    background: linear-gradient(180deg, rgb(252, 248, 243) 0%, var(--orientea-nav-surface-panel) 22%, rgb(251, 246, 239) 100%);
    border-color: var(--orientea-nav-border);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.58),
      var(--orientea-nav-shadow);
  }

  #header-component .header__subnav-panel-pane {
    min-height: clamp(17rem, 24vw, 19.5rem);
    padding-top: 0.74rem;
    padding-bottom: 1rem;
  }

  #header-component .header__subnav-panel-watermark {
    display: none;
  }

  #header-component .header__subnav-panel-header {
    padding-bottom: 0.55rem;
    border-bottom: 1px solid var(--orientea-nav-border-soft);
  }

  #header-component .header__subnav-panel-grid {
    grid-template-columns: minmax(11.4rem, 0.92fr) minmax(11.4rem, 0.92fr) minmax(16rem, 1.35fr) minmax(12rem, 0.95fr);
    gap: clamp(0.82rem, 1.05vw, 1.12rem);
    padding-top: 0.6rem;
  }

  #header-component .header__subnav-panel-column--art,
  #header-component .header__subnav-panel-column--scene {
    align-self: start;
    min-height: 100%;
  }

  #header-component .header__subnav-panel-column--art {
    padding-right: 0.72rem;
    border-right: 1px solid rgba(105, 86, 61, 0.055);
  }

  #header-component .header__subnav-panel-column--scene {
    padding-left: 0.72rem;
    padding-right: 0.34rem;
  }

  #header-component .header__subnav-panel-group {
    gap: 0.42rem;
  }

  #header-component .header__subnav-panel-column--art .header__subnav-panel-group-list,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-group-list {
    gap: 0.48rem;
  }

  #header-component .header__subnav-panel-group--secondary {
    margin-top: 0.46rem;
    padding-top: 0.82rem;
    border-top-color: rgba(105, 86, 61, 0.045);
  }

  #header-component .header__subnav-panel-group-list {
    gap: 0.24rem;
  }

  #header-component .header__subnav-panel-kicker {
    font-size: 0.56rem;
    letter-spacing: 0.21em;
    color: rgba(58, 49, 39, 0.3);
  }

  #header-component .header__subnav-panel-title {
    max-width: 14ch;
    font-size: clamp(1.5rem, 1.9vw, 1.76rem);
    line-height: 0.96;
    letter-spacing: 0;
  }

  #header-component .header__subnav-panel-column--art .header__subnav-panel-item,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-item {
    position: relative;
    padding: 0;
    border-bottom-color: rgba(105, 86, 61, 0.03);
  }

  #header-component .header__subnav-panel-column--art .header__subnav-panel-item::before,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-item::before {
    content: '';
    position: absolute;
    left: 0.06rem;
    top: 50%;
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 50%;
    background: rgba(157, 107, 74, 0.82);
    box-shadow: 0 0 0 0.16rem rgba(157, 107, 74, 0.06);
    opacity: 0.32;
    transform: translateY(-50%);
    transition:
      opacity 0.18s ease,
      box-shadow 0.18s ease,
      background-color 0.18s ease;
  }

  #header-component .header__subnav-panel-column--art .header__subnav-panel-link,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-link {
    display: block;
    position: relative;
    min-height: 0;
    padding: 0.36rem 1.28rem 0.36rem 0.88rem;
    color: rgba(67, 51, 38, 0.84);
    font-size: 0.95rem;
    line-height: 1.18;
    letter-spacing: 0;
    font-style: italic;
    text-wrap: pretty;
    transition:
      color 0.18s ease,
      transform 0.18s ease,
      opacity 0.18s ease;
    will-change: transform;
  }

  #header-component .header__subnav-panel-column--art .header__subnav-panel-link::after,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-link::after {
    content: '闂?;
    position: absolute;
    right: 0.14rem;
    top: 50%;
    color: rgba(157, 107, 74, 0.9);
    font-size: 0.72rem;
    line-height: 1;
    opacity: 0;
    transform: translate(-0.24rem, -50%);
    transition:
      opacity 0.18s ease,
      transform 0.18s ease;
    pointer-events: none;
  }

  #header-component .header__subnav-panel-column--art .header__subnav-panel-link:hover,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-link:hover,
  #header-component .header__subnav-panel-column--art .header__subnav-panel-link--synced-active,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-link--synced-active,
  #header-component .header__subnav-panel-column--art .header__subnav-panel-link--active,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-link--active {
    color: rgb(157, 107, 74);
    transform: translateX(0.22rem);
  }

  #header-component .header__subnav-panel-column--art .header__subnav-panel-item:hover::before,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-item:hover::before,
  #header-component .header__subnav-panel-column--art .header__subnav-panel-item--active::before,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-item--active::before,
  #header-component .header__subnav-panel-column--art .header__subnav-panel-item--synced-active::before,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-item--synced-active::before {
    opacity: 0.92;
    box-shadow: 0 0 0 0.16rem rgba(157, 107, 74, 0.12);
  }

  #header-component .header__subnav-panel-column--art .header__subnav-panel-link:hover::after,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-link:hover::after,
  #header-component .header__subnav-panel-column--art .header__subnav-panel-link--synced-active::after,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-link--synced-active::after,
  #header-component .header__subnav-panel-column--art .header__subnav-panel-link--active::after,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-link--active::after {
    opacity: 1;
    transform: translate(0, -50%);
  }

  #header-component .header__subnav-panel-column--art .header__subnav-panel-meta,
  #header-component .header__subnav-panel-column--scene .header__subnav-panel-meta {
    margin-inline-start: 0.88rem;
    padding-inline-end: 1.28rem;
    font-size: 0.64rem;
    line-height: 1.24;
    letter-spacing: 0.04em;
    color: rgba(95, 75, 56, 0.36);
  }

  #header-component .header__subnav-panel-group-list--examples {
    gap: 0.42rem;
    margin-top: 0.1rem;
  }

  #header-component .header__subnav-panel-group-list--examples .header__subnav-panel-item {
    padding: 0;
    border-bottom: 0;
  }

  #header-component .header__subnav-panel-group-list--examples .header__subnav-panel-link {
    display: inline-flex;
    width: 100%;
    min-height: 2rem;
    align-items: center;
    padding: 0.42rem 0.7rem;
    border: 1px solid rgba(105, 86, 61, 0.12);
    border-radius: 999px;
    background: rgba(255, 252, 247, 0.6);
  }

  #header-component .header__subnav-panel-feature {
    grid-template-rows: auto auto;
    gap: 0.7rem;
    padding: 0.3rem 0.2rem 0.2rem;
    padding-inline: 0.28rem;
  }

  #header-component .header__subnav-panel-feature-media {
    height: clamp(11.5rem, 18vw, 14rem);
    border-radius: 1rem;
    background: var(--orientea-featured-surface);
    box-shadow: 0 14px 32px rgba(58, 41, 24, 0.12);
    isolation: isolate;
  }

  #header-component .header__subnav-panel-feature-media::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--orientea-featured-pattern);
    background-size: 18rem 18rem;
    background-position: center;
    opacity: 0.36;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 0;
  }

  #header-component .header__subnav-panel-feature-copy {
    left: 1rem;
    right: 1rem;
    bottom: 0.95rem;
    gap: 0.28rem;
    max-width: min(18rem, calc(100% - 2rem));
  }

  #header-component .header__subnav-panel-feature-body {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.45rem;
    align-items: start;
    padding: 0.9rem 0.95rem 0.95rem;
    border: 1px solid rgba(123, 84, 54, 0.1);
    border-radius: 1rem;
    background:
      linear-gradient(180deg, rgba(255, 250, 246, 0.84) 0%, rgba(247, 238, 228, 0.76) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
  }

  #header-component .header__subnav-panel-feature-title {
    font-size: clamp(1rem, 1.2vw, 1.18rem);
    line-height: 1.08;
  }

  #header-component .header__subnav-panel-note--feature {
    max-width: 26ch;
    color: rgba(255, 247, 240, 0.84);
  }

  #header-component .header__subnav-panel-feature-copy .header__subnav-panel-feature-badge {
    min-height: 1.28rem;
    padding-inline: 0.56rem;
    border-color: rgba(255, 243, 229, 0.18);
    background: rgba(251, 241, 231, 0.18);
    backdrop-filter: blur(5px);
    color: rgba(255, 249, 243, 0.9);
    letter-spacing: 0.18em;
  }

  #header-component .header__subnav-panel-feature-copy .header__subnav-panel-kicker--feature {
    color: rgba(255, 239, 225, 0.82);
    font-size: 0.58rem;
    letter-spacing: 0.2em;
  }

  #header-component .header__subnav-panel-feature-copy .header__subnav-panel-feature-title {
    max-width: 13ch;
    font-size: clamp(1.14rem, 1.42vw, 1.42rem);
    line-height: 0.98;
    text-shadow: 0 2px 12px rgba(33, 20, 12, 0.22);
  }

  #header-component .header__subnav-panel-feature-body .header__subnav-panel-feature-meta {
    color: rgba(58, 49, 39, 0.48);
    font-size: 0.66rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  #header-component .header__subnav-panel-feature-body .header__subnav-panel-feature-meta:empty {
    display: none;
  }

  #header-component .header__subnav-panel-feature-body .header__subnav-panel-feature-cta {
    justify-self: start;
    grid-column: 1;
    min-height: auto;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-color: rgba(95, 65, 41, 0.24);
    color: rgba(66, 45, 29, 0.88);
    font-size: 0.64rem;
    letter-spacing: 0.18em;
  }

  #header-component .header__subnav-panel-feature-body .header__subnav-panel-feature-cta:hover {
    border-bottom-color: rgba(95, 65, 41, 0.42);
    color: rgb(66, 45, 29);
  }

  #header-component .header__subnav-panel-aside {
    grid-template-rows: auto auto auto 1fr auto;
    gap: 0.55rem;
    padding: 1rem 1rem 0.95rem 1.05rem;
    border-left-color: rgba(125, 96, 66, 0.12);
    border-left-width: 1px;
    border-left-style: solid;
    border-radius: 1rem;
    background: var(--orientea-bespoke-surface);
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.58),
      0 10px 22px rgba(58, 41, 24, 0.04);
  }

  #header-component .header__subnav-panel-aside::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--orientea-bespoke-pattern);
    background-size: 14rem 14rem;
    background-position: top right;
    opacity: 0.78;
    pointer-events: none;
  }

  #header-component .header__subnav-panel-aside > * {
    position: relative;
    z-index: 1;
  }

  #header-component .header__subnav-panel-aside .header__subnav-panel-kicker {
    width: fit-content;
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    background: rgba(255, 248, 240, 0.72);
    border: 1px solid rgba(125, 96, 66, 0.12);
    color: rgba(77, 56, 38, 0.64);
  }

  #header-component .header__subnav-panel-aside-title {
    max-width: 14ch;
    font-size: clamp(1rem, 1.12vw, 1.16rem);
    line-height: 1.08;
    color: rgba(44, 34, 26, 0.96);
  }

  #header-component .header__subnav-panel-note {
    max-width: 22ch;
  }

  #header-component .header__subnav-panel-aside .header__subnav-panel-note {
    max-width: 24ch;
    color: rgba(75, 59, 45, 0.7);
  }

  #header-component .header__subnav-panel-group-list--examples .header__subnav-panel-link {
    min-height: 2.12rem;
    padding: 0.5rem 0.8rem;
    border-color: rgba(124, 95, 66, 0.12);
    background: rgba(255, 251, 246, 0.76);
    color: rgba(73, 56, 41, 0.84);
    letter-spacing: 0.035em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
  }

  #header-component .header__subnav-panel-cta {
    align-self: end;
    justify-self: start;
    margin-top: 0.15rem;
    min-height: auto;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(105, 86, 61, 0.18);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(56, 41, 28, 0.88);
    letter-spacing: 0.18em;
  }

  #header-component .header__subnav-panel-cta:hover {
    border-bottom-color: rgba(105, 86, 61, 0.36);
    background: transparent;
    color: rgb(56, 41, 28);
  }
}