/** Shopify CDN: Minification failed

Line 98:0 Unexpected "}"

**/
/* Ash — sticky text-float, overflow fixes.
 *
 * The actual sticky CSS lives in assets/ash-scroll-text-rise.css.
 * This file relaxes the overflow / positioning chain that Horizon's
 * section wrappers add (which silently breaks sticky's range).
 */

main[data-template='index'] .shopify-section:has([data-ash-float]) {
  overflow: visible;
}
main[data-template='index'] .shopify-section:has([data-ash-float]) > * {
  overflow: visible;
}

/* ───── TARGETED TEST: first hero on homepage (hero_3Gejhd) ─────
 *
 * Required overrides:
 *   1. Section height ≥ 180vh — sticky needs scroll-room to travel.
 *   2. Overflow chain opened on .hero-wrapper / .hero / .hero__container.
 *   3. .hero__content-wrapper IS .layout-panel-flex (same element); its
 *      inline `style="--vertical-alignment: flex-end"` (from
 *      vertical_alignment_flex_direction_column setting) is what pushes
 *      the heading to section bottom. Override the variable AND
 *      justify-content with !important so the heading sits at vertical
 *      centre of the section.
 *   4. .group-block-content position:relative is killed so the sticky
 *      element's containing block is the whole section.
 *   5. sticky bottom:24px on the heading itself.
 */
#shopify-section-hero_3Gejhd .hero {
  --hero-min-height: 180vh;
  min-height: 180vh !important;
}
#shopify-section-hero_3Gejhd,
#shopify-section-hero_3Gejhd .hero-wrapper,
#shopify-section-hero_3Gejhd .hero,
#shopify-section-hero_3Gejhd .hero__container {
  overflow: visible !important;
}
#shopify-section-hero_3Gejhd .hero__container {
  min-height: 180vh !important;
}

/* The CRITICAL fix: target .hero__content-wrapper directly (NOT as a
 * descendant of .layout-panel-flex — they're the same element). With
 * the section's `vertical_alignment_flex_direction_column: flex-end`
 * setting, layout-panel-style.liquid sets inline
 * `style="--vertical-alignment: flex-end"` on this element. base.css's
 * `.layout-panel-flex--column { justify-content: var(--vertical-alignment) }`
 * then pushes children to the bottom of the section. Two-pronged
 * override: reassign the variable AND set justify-content directly. */
#shopify-section-hero_3Gejhd .hero__content-wrapper {
  --vertical-alignment: center !important;
  --vertical-alignment-mobile: center !important;
  justify-content: center !important;
  align-items: flex-start;
}

#shopify-section-hero_3Gejhd .hero__content-wrapper .group-block-content {
  position: static !important;
}

#shopify-section-hero_3Gejhd .hero__content-wrapper :is(h1, h2, .ash-float-target) {
  position: sticky !important;
  bottom: 24px !important;
  z-index: 5;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  #shopify-section-hero_3Gejhd .hero__content-wrapper :is(h1, h2) {
    position: static !important;
  }
  [data-ash-float] {
    position: static !important;
    transform: none !important;
  }
}

/* ───── SECTION: categories_grid (collection-list) ─────
 * RL-style: clean serif heading + tracked uppercase eyebrow + minimal
 * "Shop now" link under each card. Heading group is sticky-pinned at
 * viewport bottom while the section scrolls past — works correctly
 * because this section enters viewport from below, so the heading's
 * natural position starts below the sticky anchor.
 */

/* Per-section styling moved out of here — each section liquid now
 * injects its own `{% style %}` block scoped via `section.id`. This
 * file only carries the hero hack + the global overflow relax for
 * `[data-ash-float]` elements. */
/* (categories CSS removed — now lives in sections/collection-list.liquid) */
}

/* (Per-section CSS for collection-list now lives in
 * sections/collection-list.liquid, scoped via `section.id`.) */