/** Shopify CDN: Minification failed

Line 787:20 Expected ":"
Line 788:10 Unexpected "{"
Line 788:11 Expected identifier but found "%"
Line 789:8 Unexpected "<"
Line 790:9 Expected identifier but found "%"
Line 791:10 Unexpected "<"
Line 791:40 Unexpected "{"
Line 791:50 Expected ":"
Line 791:74 Unexpected "<"
Line 792:9 Expected identifier but found "%"
... and 12 more hidden warnings

**/
/*
 * Sylk Dynasty cards
 * Permanent owner for shared product, design, collection, and hub card presentation.
 * Page-specific grid placement remains with the page component owner.
 */

.sylk-card,
.sylk-collection-card,
.sylk-home-v8__card,
.sylk-shop-strip__item,
.sylk-latest-card,
.sylk-available-card,
.sylk-world-card,
.sylk-coming-card,
.sylk-value-card,
.sylk-support-card,
.sylk-gateway-card,
.sylk-world-feature-card,
.sylk-future-world-card,
.sylk-silhouette-card,
.sylk-archive-card {
  min-width: 0;
  border: 1px solid var(--sylk-border-subtle);
  background: var(--sylk-surface-card);
  color: var(--sylk-text-primary);
  text-decoration: none;
}

.sylk-card,
.sylk-collection-card,
.sylk-latest-card,
.sylk-available-card,
.sylk-world-card,
.sylk-gateway-card,
.sylk-world-feature-card,
.sylk-future-world-card,
.sylk-silhouette-card,
.sylk-archive-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.sylk-card,
.sylk-collection-card {
  display: grid;
  border-radius: 24px;
  box-shadow: var(--sylk-shadow);
  transition: transform 300ms var(--sylk-ease), border-color 300ms var(--sylk-ease), box-shadow 300ms var(--sylk-ease);
}

.sylk-card:hover,
.sylk-card:focus-visible,
.sylk-collection-card:hover,
.sylk-collection-card:focus-visible {
  border-color: var(--sylk-border-strong);
  outline: none;
  transform: translateY(-4px);
}

.sylk-card:focus-visible,
.sylk-collection-card:focus-visible,
.sylk-home-v8__card:focus-visible,
.sylk-shop-strip__item:focus-visible,
.sylk-latest-card:focus-visible,
.sylk-available-card:focus-visible,
.sylk-world-card:focus-visible,
.sylk-coming-card:focus-visible,
.sylk-support-card:focus-visible,
.sylk-gateway-card:focus-visible,
.sylk-world-feature-card:focus-visible,
.sylk-future-world-card:focus-visible,
.sylk-silhouette-card:focus-visible,
.sylk-archive-card:focus-visible {
  outline: 2px solid var(--sylk-focus-ring);
  outline-offset: 3px;
}

/* Product and design-first cards. */
.sylk-card-shell {
  position: relative;
  min-width: 0;
}

.sylk-card-shell > .sylk-card {
  height: 100%;
}

.sylk-card__image {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, var(--sylk-gallery-radial), transparent 58%),
    var(--sylk-gallery-bg);
}

.sylk-card__image img,
.sylk-card__image svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: opacity 450ms var(--sylk-ease), transform 550ms var(--sylk-ease);
}

.sylk-card:hover .sylk-card__image img:first-child,
.sylk-card:focus-visible .sylk-card__image img:first-child {
  transform: scale(1.035);
}

.sylk-card__image-secondary {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.sylk-card:hover .sylk-card__image-secondary,
.sylk-card:focus-visible .sylk-card__image-secondary {
  opacity: 1;
  transform: scale(1.035);
}

.sylk-card__body {
  padding: 16px;
}

.sylk-card__context {
  margin: 0 0 6px;
  color: var(--sylk-text-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.sylk-card__title {
  margin: 0 0 6px;
  color: var(--sylk-text-primary);
  font-weight: 650;
}

.sylk-card__price {
  display: flex;
  gap: 8px;
  align-items: baseline;
  flex-wrap: wrap;
  color: var(--sylk-text-secondary);
}

.sylk-card__price s {
  color: var(--sylk-text-muted);
}

.sylk-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .72);
  color: #ffffff;
  font-size: 12px;
  backdrop-filter: blur(12px);
}

.sylk-card--design-first .sylk-card__image {
  background: var(--sylk-design-stage);
}

.sylk-card__design-stage {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: clamp(20px, 4vw, 44px);
}

.sylk-card__design-art {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sylk-card__design-art--light {
  display: none;
}

:root[data-sylk-mode="light"] [data-sylk-design-card]:not([data-design-resolved-tone]) .sylk-card--design-first .sylk-card__image,
[data-sylk-design-card][data-design-resolved-tone="light"] .sylk-card--design-first .sylk-card__image {
  background: #e9eaec;
}

:root[data-sylk-mode="light"] [data-sylk-design-card]:not([data-design-resolved-tone]) .sylk-card__design-art--dark,
[data-sylk-design-card][data-design-resolved-tone="light"] .sylk-card__design-art--dark {
  display: none;
}

:root[data-sylk-mode="light"] [data-sylk-design-card]:not([data-design-resolved-tone]) .sylk-card__design-art--light,
[data-sylk-design-card][data-design-resolved-tone="light"] .sylk-card__design-art--light,
[data-sylk-design-card][data-design-resolved-tone="dark"] .sylk-card__design-art--dark {
  display: block;
}

[data-sylk-design-card][data-design-resolved-tone="dark"] .sylk-card--design-first .sylk-card__image {
  background: #151719;
}

[data-sylk-design-card][data-design-resolved-tone="dark"] .sylk-card__design-art--light {
  display: none;
}

.sylk-card__design-tone {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 4;
  display: flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--sylk-border-subtle);
  border-radius: 999px;
  background: color-mix(in srgb, var(--sylk-surface-elevated) 88%, transparent);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  backdrop-filter: blur(12px);
}

.sylk-card__design-tone button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.sylk-card__design-tone button[aria-pressed="true"] {
  border-color: var(--sylk-text-primary);
}

.sylk-card__design-tone button:focus-visible {
  outline: 2px solid var(--sylk-focus-ring);
  outline-offset: 2px;
}

.sylk-card__tone-swatch {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(127, 127, 127, .5);
  border-radius: 50%;
}

.sylk-card__tone-swatch--black { background: #050505; }
.sylk-card__tone-swatch--white { background: #ffffff; }

/* Cultural catalogue garment previews. One state owner preserves Type while Colour changes. */
.sylk-card-shell--collection-preview {
  --sylk-preview-stage-light: #e8e9eb;
  --sylk-preview-stage-dark: #1b1d20;
  display: grid;
  align-content: start;
  border: 1px solid var(--sylk-border-subtle);
  border-radius: 24px;
  overflow: hidden;
  background: var(--sylk-surface-card);
  box-shadow: var(--sylk-shadow);
}

.sylk-card-shell--collection-preview > .sylk-card {
  height: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.sylk-card-shell--collection-preview > .sylk-card:hover,
.sylk-card-shell--collection-preview > .sylk-card:focus-visible {
  transform: none;
}

.sylk-card-shell--collection-preview .sylk-card__image {
  display: grid;
  place-items: center;
  background-color: var(--sylk-preview-stage-light);
  background-image: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .34), transparent 58%);
  transition: background-color 220ms var(--sylk-ease), box-shadow 220ms var(--sylk-ease);
}

.sylk-card-shell--collection-preview[data-garment-tone="light"] .sylk-card__image {
  background-color: var(--sylk-preview-stage-dark);
  background-image: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .07), transparent 58%);
}

.sylk-card-shell--collection-preview .sylk-card__image img {
  padding: clamp(14px, 2.2vw, 26px);
  object-fit: contain;
  transition: opacity 180ms var(--sylk-ease), transform 320ms var(--sylk-ease);
}

.sylk-card-shell--collection-preview:hover .sylk-card__image img,
.sylk-card-shell--collection-preview:focus-within .sylk-card__image img {
  transform: scale(1.018);
}

.sylk-card-shell--collection-preview.is-sylk-preview-switching .sylk-card__image img {
  opacity: .3;
}

.sylk-card-preview__empty[hidden] { display: none; }

.sylk-card-preview__empty {
  max-width: 24ch;
  padding: 20px;
  color: #f2f2f2;
  text-align: center;
}

.sylk-card-preview__controls {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-top: 1px solid var(--sylk-border-subtle);
  background: var(--sylk-surface-elevated);
}

.sylk-card-preview__group {
  min-width: 0;
}

.sylk-card-preview__label {
  display: block;
  margin-bottom: 8px;
  color: var(--sylk-text-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.sylk-card-preview__options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sylk-card-preview__options button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid var(--sylk-border-subtle);
  border-radius: 999px;
  background: var(--sylk-surface-input);
  color: var(--sylk-text-secondary);
  font: inherit;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 160ms var(--sylk-ease), border-color 160ms var(--sylk-ease), color 160ms var(--sylk-ease);
}

.sylk-card-preview__options button:hover {
  border-color: var(--sylk-border-strong);
  color: var(--sylk-text-primary);
}

.sylk-card-preview__options button[aria-pressed="true"] {
  border-color: var(--sylk-button-bg);
  background: var(--sylk-button-bg);
  color: var(--sylk-button-text);
}

.sylk-card-preview__options button:focus-visible {
  outline: 2px solid var(--sylk-focus-ring);
  outline-offset: 2px;
}

.sylk-card-preview__options button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.sylk-card-preview__swatch {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border: 1px solid rgba(127, 127, 127, .64);
  border-radius: 50%;
}

.sylk-card-preview__swatch--black { background: #050505; }
.sylk-card-preview__swatch--white { background: #ffffff; }

/* Standard collection-list cards. */
.sylk-collection-card__media {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--sylk-gallery-bg);
}

.sylk-collection-card__media img,
.sylk-collection-card__media svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 550ms var(--sylk-ease);
}

.sylk-collection-card:hover .sylk-collection-card__media img,
.sylk-collection-card:focus-visible .sylk-collection-card__media img {
  transform: scale(1.035);
}

.sylk-collection-card__body { padding: 18px; }
.sylk-collection-card__body h2 { margin: 0 0 8px; font-size: clamp(22px, 3vw, 36px); }
.sylk-collection-card__body p { margin: 0; color: var(--sylk-text-secondary); }

/* Homepage link cards. Grid placement remains with the homepage owner. */
.sylk-home-v8__card {
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  border-radius: 8px;
  transition: border-color 180ms ease, transform 180ms ease;
}

.sylk-home-v8__card:hover,
.sylk-home-v8__card:focus-visible {
  border-color: var(--sylk-border-strong);
  transform: translateY(-2px);
}

.sylk-home-v8__card h3 { margin: 0; font-size: 22px; }
.sylk-home-v8__card p { margin: 12px 0 0; color: var(--sylk-text-secondary); }
.sylk-home-v8__card span { margin-top: 22px; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }

/* Shop hub cards. */
.sylk-shop-strip__item {
  display: grid;
  gap: 10px;
  justify-items: center;
  min-width: 112px;
  padding: 12px 10px;
  border-radius: 8px;
  scroll-snap-align: start;
  transition: background 200ms ease, border-color 200ms ease, transform 200ms ease;
}

.sylk-shop-strip__item:hover,
.sylk-shop-strip__item:focus-visible,
.sylk-shop-strip__item.is-active {
  background: var(--sylk-surface-elevated);
  border-color: var(--sylk-border-strong);
  transform: translateY(-2px);
}

.sylk-latest-card,
.sylk-world-card,
.sylk-coming-card,
.sylk-value-card,
.sylk-support-card,
.sylk-available-card {
  border-radius: 8px;
  box-shadow: var(--sylk-shadow);
}

.sylk-latest-card {
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 420px;
  scroll-snap-align: start;
}

.sylk-latest-card__copy { padding: 24px; }

.sylk-latest-card__copy span,
.sylk-world-card small,
.sylk-coming-card span {
  display: block;
  margin-bottom: 10px;
  color: var(--sylk-text-muted);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sylk-latest-card__copy h3,
.sylk-world-card h3,
.sylk-coming-card h3,
.sylk-value-card h3,
.sylk-support-card h3,
.sylk-available-card h3 {
  margin: 0;
  color: var(--sylk-text-primary);
  font-size: 21px;
  line-height: 1.16;
  letter-spacing: 0;
}

.sylk-latest-card__copy p,
.sylk-world-card p,
.sylk-coming-card p,
.sylk-value-card p,
.sylk-support-card p {
  margin: 8px 0 0;
  color: var(--sylk-text-secondary);
  font-size: 14px;
  line-height: 1.45;
}

.sylk-latest-card__copy strong {
  display: block;
  margin-top: 10px;
  color: var(--sylk-text-primary);
  font-size: 14px;
}

.sylk-latest-card__media,
.sylk-available-card__media,
.sylk-world-card__media {
  position: relative;
  overflow: hidden;
}

.sylk-latest-card__media {
  display: grid;
  place-items: end center;
  min-height: 230px;
  padding: 0 20px 20px;
  background: radial-gradient(circle at 50% 100%, var(--sylk-gallery-radial), transparent 58%);
}

.sylk-latest-card__media img,
.sylk-available-card__media img,
.sylk-world-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: none;
  transition: transform 300ms var(--sylk-ease);
}

.sylk-available-card {
  display: grid;
  overflow: hidden;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

.sylk-available-card:hover,
.sylk-available-card:focus-visible,
.sylk-world-card:hover,
.sylk-world-card:focus-visible,
.sylk-coming-card:hover,
.sylk-coming-card:focus-visible,
.sylk-support-card:hover,
.sylk-support-card:focus-visible {
  border-color: var(--sylk-border-strong);
  transform: translateY(-3px);
  box-shadow: var(--sylk-shadow);
}

.sylk-available-card__media {
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  padding: 18px;
  background: var(--sylk-gallery-bg);
}

.sylk-available-card__body { display: grid; gap: 6px; padding: 16px; }
.sylk-available-card__body p { margin: 0; color: var(--sylk-text-secondary); font-size: 14px; }
.sylk-available-card__body span,
.sylk-support-card span { color: var(--sylk-text-secondary); font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }

.sylk-world-card { display: grid; }
.sylk-world-card__media {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  background: var(--sylk-gallery-bg);
  color: var(--sylk-text-primary);
  font-size: 42px;
  font-weight: 700;
}

.sylk-world-card > div:last-child,
.sylk-coming-card,
.sylk-value-card,
.sylk-support-card { padding: 18px; }
.sylk-coming-card { min-height: 120px; }

/* Collections hub cards. */
.sylk-gateway-card {
  --sylk-text-primary: #fff;
  --sylk-text-secondary: rgba(255, 255, 255, .76);
  --sylk-text-muted: rgba(255, 255, 255, .62);
  --sylk-border-subtle: rgba(255, 255, 255, .16);
  --sylk-border-strong: rgba(255, 255, 255, .42);
  --sylk-focus-ring: rgba(255, 255, 255, .92);
  min-height: clamp(300px, 34vw, 430px);
  display: grid;
  align-items: end;
  border-radius: 8px;
  background: linear-gradient(135deg, #101010, #202020);
  box-shadow: var(--sylk-shadow);
  transition: transform 220ms var(--sylk-ease), border-color 220ms var(--sylk-ease), box-shadow 220ms var(--sylk-ease);
}

.sylk-gateway-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .82));
}

.sylk-gateway-card__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
}

.sylk-gateway-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: var(--sylk-card-pos, center center);
  opacity: .72;
  filter: none;
  transition: transform 500ms var(--sylk-ease), opacity 300ms var(--sylk-ease);
}

.sylk-gateway-card:hover .sylk-gateway-card__media img,
.sylk-gateway-card:focus-visible .sylk-gateway-card__media img {
  transform: scale(1.035);
  opacity: .88;
}

.sylk-gateway-card__copy { max-width: 620px; padding: clamp(22px, 4vw, 36px); }

.sylk-world-feature-card,
.sylk-future-world-card,
.sylk-silhouette-card,
.sylk-archive-card {
  display: grid;
  border-radius: 8px;
  box-shadow: var(--sylk-shadow);
  transition: transform 220ms var(--sylk-ease), border-color 220ms var(--sylk-ease), box-shadow 220ms var(--sylk-ease);
}

.sylk-gateway-card:hover,
.sylk-gateway-card:focus-visible,
.sylk-world-feature-card:hover,
.sylk-world-feature-card:focus-visible,
.sylk-future-world-card:hover,
.sylk-future-world-card:focus-visible,
.sylk-silhouette-card:hover,
.sylk-silhouette-card:focus-visible,
.sylk-archive-card:hover,
.sylk-archive-card:focus-visible {
  border-color: var(--sylk-border-strong);
  transform: translateY(-3px);
  box-shadow: var(--sylk-shadow);
}

.sylk-collections-eyebrow,
.sylk-status-line,
.sylk-future-world-card__body span,
.sylk-silhouette-card span,
.sylk-archive-card span,
.sylk-gateway-card__copy span {
  display: block;
  color: var(--sylk-text-muted);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sylk-gateway-card h2,
.sylk-world-feature-card h3,
.sylk-future-world-card h3,
.sylk-silhouette-card h3,
.sylk-archive-card h3 {
  margin: 8px 0 0;
  color: var(--sylk-text-primary);
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1.03;
  letter-spacing: 0;
}

.sylk-gateway-card p,
.sylk-world-feature-card p,
.sylk-future-world-card p,
.sylk-silhouette-card p,
.sylk-archive-card p {
  margin: 10px 0 0;
  color: var(--sylk-text-secondary);
  font-size: 14px;
  line-height: 1.48;
}

.sylk-gateway-card em,
.sylk-world-feature-card em,
.sylk-future-world-card em,
.sylk-silhouette-card em,
.sylk-archive-card em {
  display: inline-flex;
  margin-top: 16px;
  color: var(--sylk-text-primary);
  font-size: 14px;
  font-style: normal;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.sylk-world-feature-card__media,
.sylk-future-world-card__media,
.sylk-silhouette-card__media {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: var(--sylk-gallery-bg);
  color: var(--sylk-text-primary);
}

.sylk-world-feature-card__media {
  min-height: 250px;
  aspect-ratio: 16 / 10;
  font-size: clamp(42px, 7vw, 82px);
  font-weight: 700;
}

.sylk-world-feature-card__media img,
.sylk-future-world-card__media img,
.sylk-silhouette-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: none;
  transition: transform 300ms var(--sylk-ease);
}

.sylk-world-feature-card:hover .sylk-world-feature-card__media img,
.sylk-world-feature-card:focus-visible .sylk-world-feature-card__media img {
  transform: scale(1.025);
}

.sylk-world-feature-card__body,
.sylk-future-world-card__body,
.sylk-silhouette-card > div:last-child,
.sylk-archive-card { padding: 18px; }

.sylk-world-feature-card strong {
  display: block;
  margin-top: 8px;
  color: var(--sylk-text-secondary);
  font-size: 15px;
  line-height…5483 tokens truncated…irst: design_first_cards, collection_preview: design_first_cards %}
          {% endfor %}
        </div>
        {% if paginate.pages > 1 %}
          <div class="sylk-pagination">{{ paginate | default_pagination }}</div>
        {% endif %}
      {% else %}
        <div class="sylk-empty sylk-empty--framed">
          <h2>No pieces found</h2>
          <p>No designs match the current filters.</p>
          <a class="sylk-button" href="{{ routes.all_products_collection_url }}">View collections</a>
        </div>
      {% endif %}
    {% endpaginate %}
  </div>
</section>

{% schema %}
{
  "name": "Sylk editorial collection",
  "settings": [
    {
      "type": "checkbox",
      "id": "show_description",
      "label": "Show collection description",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_filters",
      "label": "Show filters",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_sort",
      "label": "Show sort menu",
      "default": true
    },
    {
      "type": "range",
      "id": "products_per_page",
      "label": "Products per page",
      "min": 4,
      "max": 24,
      "step": 4,
      "default": 12
    }
  ],
  "presets": [
    { "name": "Sylk editorial collection" }
  ]
}
{% endschema %}