/** Shopify CDN: Minification failed

Line 220:0 All "@import" rules must come first

**/
/*
  Tiny Findings — bespoke brand styling (warm glass header, honey accents).
  Header: frosted-glass gradient, animated honey glow seam, nav underline
  sweeps, icon/logo hovers, elevated shadow once sticky kicks in.
  Row backgrounds go transparent so the section-level glass shows through
  (the rows' own solid background otherwise sits on top of it).
*/

#header-group .header-section {
  position: sticky;
  background:
    radial-gradient(1100px 220% at 88% -70%, rgba(240, 167, 44, 0.18), transparent 60%),
    linear-gradient(135deg, rgba(255, 243, 220, 0.92) 0%, rgba(255, 249, 236, 0.88) 55%, rgba(252, 232, 191, 0.85) 100%);
  -webkit-backdrop-filter: blur(14px) saturate(1.35);
  backdrop-filter: blur(14px) saturate(1.35);
  transition: box-shadow 0.35s ease;
}

/* the rows + underlay elements paint the header background from these vars;
   transparent lets the section-level glass show through (the mega-menu
   dropdown keeps its own --color-submenu panel) */
#header-group #header-component {
  --color-background-top-row: transparent;
  --color-background-bottom-row: transparent;
}

#header-group .header-section .header__row {
  background: transparent !important;
  background-color: transparent !important;
}

/* animated glow seam along the bottom edge */
#header-group .header-section::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(240, 167, 44, 0) 20%,
    rgba(240, 167, 44, 0.9) 50%,
    rgba(240, 167, 44, 0) 80%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: mbi-header-seam 7s linear infinite;
}

@keyframes mbi-header-seam {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #header-group .header-section::after {
    animation: none;
    background-position: 50% 0;
  }
}

/* thin glass edge-highlight, always on */
#header-group .header-section {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

/* deeper shadow + slightly darker glass once the header is stuck over content
   (keeps the edge-highlight above, since box-shadow doesn't merge across rules) */
#header-group .header-section:has(header-component[data-sticky-state='active']) {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 10px 34px rgba(61, 36, 21, 0.22);
}

/* nav links: cyan gradient underline sweeps in on hover */
#header-group .menu-list__link {
  transition: color 0.2s ease;
}

#header-group .menu-list__link .menu-list__link-title {
  position: relative;
}

#header-group .menu-list__link .menu-list__link-title::after {
  content: '';
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -6px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, #F0A72C, #C4820E);
  transition: right 0.25s ease;
}

#header-group .menu-list__link:hover,
#header-group .menu-list__link[aria-expanded='true'] {
  color: #B97907;
}

#header-group .menu-list__link:hover .menu-list__link-title::after,
#header-group .menu-list__link[aria-expanded='true'] .menu-list__link-title::after {
  right: 0;
}

/* active page link keeps a resting underline */
#header-group .menu-list__link--active .menu-list__link-title::after {
  right: 0;
  opacity: 0.55;
}

/* search / account / cart icons: cyan glow on hover */
#header-group .header-actions__action {
  transition: color 0.2s ease, filter 0.2s ease, transform 0.2s ease;
}

#header-group .header-actions__action:hover {
  color: #B97907;
  filter: drop-shadow(0 0 8px rgba(240, 167, 44, 0.55));
  transform: translateY(-1px);
}

/* logo: soft glow + gentle lift on hover */
#header-group .header-logo {
  transition: filter 0.3s ease, transform 0.3s ease;
}

#header-group .header-logo:hover {
  filter: drop-shadow(0 0 14px rgba(240, 167, 44, 0.45));
  transform: translateY(-1px) scale(1.03);
}

/*
  Media/content seam blend for editorial (media-with-content) sections.
  The section's own background is exposed as --color-background /
  --color-background-rgb by contrast-override, so the fade always tonally
  matches whichever background the section uses. A soft gradient pulls the
  background into the media edge facing the text, and an inset vignette
  keeps the photo's outer edges from cutting hard against the section.
  pointer-events stays off so image links keep working.
*/
.media-with-content .media-block::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  /* mobile: media stacks above the content, so the seam is the bottom edge */
  background: linear-gradient(
    to bottom,
    rgb(var(--color-background-rgb) / 0) 72%,
    rgb(var(--color-background-rgb) / 0.55) 90%,
    rgb(var(--color-background-rgb) / 1) 100%
  );
  box-shadow: inset 0 0 90px rgb(var(--color-background-rgb) / 0.35);
}

@media screen and (min-width: 750px) {
  /* media on the right: fade in from the left (content) side.
     Multi-stop smoothstep-style falloff avoids the visible band a
     short linear ramp leaves where it reaches zero. */
  .media-with-content--media-right .media-block::after {
    background: linear-gradient(
      to right,
      rgb(var(--color-background-rgb) / 1) 0%,
      rgb(var(--color-background-rgb) / 0.96) 6%,
      rgb(var(--color-background-rgb) / 0.87) 12%,
      rgb(var(--color-background-rgb) / 0.73) 18%,
      rgb(var(--color-background-rgb) / 0.55) 25%,
      rgb(var(--color-background-rgb) / 0.37) 32%,
      rgb(var(--color-background-rgb) / 0.21) 39%,
      rgb(var(--color-background-rgb) / 0.09) 46%,
      rgb(var(--color-background-rgb) / 0.02) 52%,
      rgb(var(--color-background-rgb) / 0) 58%
    );
  }

  /* media on the left: fade in from the right (content) side */
  .media-with-content:not(.media-with-content--media-right) .media-block::after {
    background: linear-gradient(
      to left,
      rgb(var(--color-background-rgb) / 1) 0%,
      rgb(var(--color-background-rgb) / 0.96) 6%,
      rgb(var(--color-background-rgb) / 0.87) 12%,
      rgb(var(--color-background-rgb) / 0.73) 18%,
      rgb(var(--color-background-rgb) / 0.55) 25%,
      rgb(var(--color-background-rgb) / 0.37) 32%,
      rgb(var(--color-background-rgb) / 0.21) 39%,
      rgb(var(--color-background-rgb) / 0.09) 46%,
      rgb(var(--color-background-rgb) / 0.02) 52%,
      rgb(var(--color-background-rgb) / 0) 58%
    );
  }
}

/*
  ============================================================
  CREATIVE REFRESH — 28 Aug 2026
  Same Toffee & Honey palette, borrowed structure from a dark/
  neon "liquid glass" reference: a handwritten accent crossing
  the headline, frosted glass cards with a gradient sheen ring,
  oversized ghost type for depth. Translated warm, not neon.
  All selectors are keyed to stable block/section ids already
  in templates/index.json — no markup restructuring needed.
  ============================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&display=swap');

/* --- Hero: a handwritten note crosses the headline's last line --- */
.text-block--text_hero_accent {
  position: relative;
  z-index: 3;
  margin-block-start: -0.85em !important;
  margin-inline-start: 1.75em;
  transform: rotate(-4deg);
  font-family: 'Caveat', var(--font-accent--family), cursive !important;
  font-weight: 700 !important;
  pointer-events: none;
}

@media screen and (max-width: 749px) {
  .text-block--text_hero_accent {
    margin-block-start: -0.5em !important;
    margin-inline-start: 0.5em;
    transform: rotate(-2deg);
  }
}

/* --- Hero: two soft ambient glow blobs, tucked behind everything --- */
.color-custom-media_with_content_RVymQU {
  position: relative;
}

.color-custom-media_with_content_RVymQU::before,
.color-custom-media_with_content_RVymQU::after {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}

.color-custom-media_with_content_RVymQU::before {
  top: 4%;
  left: 3%;
  width: 32%;
  padding-bottom: 32%;
  background: radial-gradient(circle, rgba(240, 167, 44, 0.2), transparent 72%);
}

.color-custom-media_with_content_RVymQU::after {
  bottom: 6%;
  left: 22%;
  width: 26%;
  padding-bottom: 26%;
  background: radial-gradient(circle, rgba(233, 207, 164, 0.3), transparent 72%);
}

/* --- "Pick your first find": giant ghost watermark for depth --- */
#shopify-section-section_zones {
  position: relative;
  overflow: hidden;
}

#shopify-section-section_zones::before {
  content: 'FOUND';
  position: absolute;
  z-index: -1;
  top: -0.12em;
  right: -0.02em;
  font-family: var(--font-heading--family);
  font-weight: 700;
  font-size: clamp(6rem, 18vw, 15rem);
  line-height: 1;
  letter-spacing: -0.03em;
  color: rgba(61, 36, 21, 0.05);
  white-space: nowrap;
  pointer-events: none;
}

/* --- Collection cards: liquid-glass sheen ring + lift + ghost numerals --- */
.color-custom-group_zone_desk,
.color-custom-group_zone_fandom,
.color-custom-group_zone_decor,
.color-custom-group_zone_gifts {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition:
    transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.35s ease;
}

.color-custom-group_zone_desk:hover,
.color-custom-group_zone_fandom:hover,
.color-custom-group_zone_decor:hover,
.color-custom-group_zone_gifts:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 40px rgba(61, 36, 21, 0.18);
}

/* thin gradient sheen ring, liquid-glass style — sits above everything */
.color-custom-group_zone_desk::before,
.color-custom-group_zone_fandom::before,
.color-custom-group_zone_decor::before,
.color-custom-group_zone_gifts::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  padding: 1.5px;
  background: linear-gradient(
    165deg,
    rgba(255, 255, 255, 0.65) 0%,
    rgba(255, 255, 255, 0.15) 25%,
    rgba(255, 255, 255, 0) 45%,
    rgba(255, 255, 255, 0) 60%,
    rgba(255, 255, 255, 0.25) 85%,
    rgba(255, 255, 255, 0.55) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* giant ghost numeral behind each card's content, tuned per card contrast */
.color-custom-group_zone_desk::after,
.color-custom-group_zone_fandom::after,
.color-custom-group_zone_decor::after,
.color-custom-group_zone_gifts::after {
  position: absolute;
  z-index: 0;
  right: -0.1em;
  bottom: -0.22em;
  font-family: var(--font-heading--family);
  font-weight: 700;
  font-size: 8rem;
  line-height: 1;
  pointer-events: none;
}

.color-custom-group_zone_desk::after {
  content: '01';
  color: rgba(61, 36, 21, 0.06);
}

.color-custom-group_zone_fandom::after {
  content: '02';
  color: rgba(61, 36, 21, 0.07);
}

.color-custom-group_zone_decor::after {
  content: '03';
  color: rgba(255, 249, 236, 0.1);
}

.color-custom-group_zone_gifts::after {
  content: '04';
  color: rgba(61, 36, 21, 0.08);
}

.color-custom-group_zone_desk .group-block-content,
.color-custom-group_zone_fandom .group-block-content,
.color-custom-group_zone_decor .group-block-content,
.color-custom-group_zone_gifts .group-block-content {
  position: relative;
  z-index: 1;
}

/* the small 01/02/03/04 corner tag gets a playful nudge on hover */
.color-custom-group_zone_desk .text-block--text_zone_desk_num,
.color-custom-group_zone_fandom .text-block--text_zone_fandom_num,
.color-custom-group_zone_decor .text-block--text_zone_decor_num,
.color-custom-group_zone_gifts .text-block--text_zone_gifts_num {
  display: inline-block;
  transition: transform 0.3s ease;
}

.color-custom-group_zone_desk:hover .text-block--text_zone_desk_num,
.color-custom-group_zone_fandom:hover .text-block--text_zone_fandom_num,
.color-custom-group_zone_decor:hover .text-block--text_zone_decor_num,
.color-custom-group_zone_gifts:hover .text-block--text_zone_gifts_num {
  transform: rotate(-8deg) scale(1.15);
}

@media (prefers-reduced-motion: reduce) {
  .color-custom-group_zone_desk,
  .color-custom-group_zone_fandom,
  .color-custom-group_zone_decor,
  .color-custom-group_zone_gifts,
  .color-custom-group_zone_desk .text-block--text_zone_desk_num,
  .color-custom-group_zone_fandom .text-block--text_zone_fandom_num,
  .color-custom-group_zone_decor .text-block--text_zone_decor_num,
  .color-custom-group_zone_gifts .text-block--text_zone_gifts_num {
    transition: none;
    transform: none;
  }
}