/** Shopify CDN: Minification failed

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

**/
/* ============================================================================
   EDEN — Design tokens (if you haven't added these yet, do it once at top of eden.css)
   ============================================================================ */
:root {
  --ink: #0b0b0b;
  --ink-soft: #1a1814;
  --paper: #ffffff;
  --paper-2: #ffffff;
  --paper-3: #ffffff;
  --crimson: #c1121f;
  --crimson-hot: #e63946;
  --muted: #6b6762;
  --muted-light: #9a948a;
  --line: rgba(11,11,11,0.12);
  --line-strong: rgba(11,11,11,0.22);
  --font-serif: "Fraunces", Georgia, serif;
  --font-display: "Archivo Black", Impact, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --font-jp: "Noto Serif JP", serif;
}

/* Load the custom fonts — must be at the very top of eden.css */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Geist+Mono:wght@300..700&family=Noto+Serif+JP:wght@400;700;900&display=swap');


/* ============================================================================
   EDEN — Shop by Series bento grid
   Targets the section by its unique Shopify ID (no class needed)
   ============================================================================ */

/* Alias for readability — we'll use the full selector below */

/* --- 1. Disable Splide slider on desktop, force grid --- */
@media (min-width: 750px) {
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__track {
    overflow: visible !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__list {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    grid-auto-rows: minmax(220px, 1fr) !important;
    gap: 16px !important;
    transform: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__slide {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: span 2;
    aspect-ratio: 1 / 1;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__slide:nth-child(1) {
    grid-column: span 3 !important;
    grid-row: span 2 !important;
    aspect-ratio: auto !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__slide:nth-child(2) {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
    aspect-ratio: auto !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__dots-and-arrows,
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__arrows,
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__pagination {
    display: none !important;
  }
}

/* --- 2. Card containers: kill aspect lock, fill grid cell --- */
#shopify-section-template--28266602037594__collection_list_gNYPGq .splide__slide__container,
#shopify-section-template--28266602037594__collection_list_gNYPGq .card-wrapper,
#shopify-section-template--28266602037594__collection_list_gNYPGq .card,
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__inner {
  width: 100% !important;
  height: 100% !important;
  --ratio-percent: unset !important;
}

#shopify-section-template--28266602037594__collection_list_gNYPGq .card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 4px !important;
  transition: transform .4s ease !important;
}

#shopify-section-template--28266602037594__collection_list_gNYPGq .card:hover {
  transform: translateY(-4px) !important;
}

#shopify-section-template--28266602037594__collection_list_gNYPGq .card__inner {
  padding: 0 !important;
}

/* --- 3. Media: full-bleed cover --- */
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__media,
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__media .media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#shopify-section-template--28266602037594__collection_list_gNYPGq .card__media img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .6s ease !important;
}

#shopify-section-template--28266602037594__collection_list_gNYPGq .card:hover .card__media img {
  transform: scale(1.04);
}

/* --- 4. Dark gradient overlay --- */
#shopify-section-template--28266602037594__collection_list_gNYPGq .card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, transparent 40%, rgba(11,11,11,.85) 100%);
  pointer-events: none;
}

/* --- 5. Hide duplicate title & caption --- */
#shopify-section-template--28266602037594__collection_list_gNYPGq .card > .card__content:not(.card__content--main) {
  display: none !important;
}
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__caption {
  display: none !important;
}

/* --- 6. Title overlay bottom-left --- */
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__content--main {
  position: absolute !important;
  inset: auto 20px 20px 20px !important;
  z-index: 3 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__information {
  padding: 0 !important;
  background: none !important;
}
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__heading {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Archivo Black", Impact, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  text-transform: uppercase !important;
  color: #f4efe0 !important;
}
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__heading a,
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__heading .full-unstyled-link {
  color: #f4efe0 !important;
  text-decoration: none !important;
}
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__heading .icon-wrap,
#shopify-section-template--28266602037594__collection_list_gNYPGq .card__heading .icon-arrow {
  display: inline-block !important;
  margin-left: 8px !important;
  transition: transform .25s ease !important;
  vertical-align: middle !important;
  width: 14px !important;
  height: 10px !important;
}
#shopify-section-template--28266602037594__collection_list_gNYPGq .card:hover .card__heading .icon-arrow {
  transform: translateX(4px);
}

/* --- 7. First tile = bigger title --- */
#shopify-section-template--28266602037594__collection_list_gNYPGq .splide__slide:nth-child(1) .card__heading {
  font-size: 56px !important;
}

/* --- 8. Mobile: 2-col grid --- */
@media (max-width: 749px) {
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__track {
    overflow: visible !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    transform: none !important;
    width: 100% !important;
    padding: 0 !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__slide {
    width: auto !important;
    aspect-ratio: 3 / 4 !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__slide:nth-child(1) {
    grid-column: span 2 !important;
    aspect-ratio: 16 / 9 !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__slide:nth-child(1) .card__heading {
    font-size: 36px !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .card__heading {
    font-size: 22px !important;
  }
  #shopify-section-template--28266602037594__collection_list_gNYPGq .splide__dots-and-arrows {
    display: none !important;
  }
}

/* ============================================================================
   EDEN — Mega Menu v3 (targets Shrine's <details>/<summary> pattern)
   ============================================================================ */

/* ===== 1. Fix overflow so dropdown can escape the header ===== */
sticky-header,
.header-wrapper,
.header,
.header__inline-menu,
header-menu{
  overflow:visible !important;
}

/* ===== 2. Main menu items ===== */
.header__inline-menu .list-menu--inline > li{
  position:relative;
  list-style:none;
}

/* Top-level link (the <summary> or direct <a>) */
.header__inline-menu .list-menu--inline > li > a,
.header__inline-menu .list-menu--inline > li > header-menu > details > summary,
.header__inline-menu .list-menu--inline > li > a > span,
.header__inline-menu .list-menu--inline > li > header-menu > details > summary > span{
  font-family:"Geist Mono",ui-monospace,monospace !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#0b0b0b !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:20px 0 !important;
  transition:opacity .2s ease !important;
  cursor:pointer;
}

/* Kill the red "active" button abomination */
.header__inline-menu .list-menu--inline > li > a.active,
.header__inline-menu .list-menu--inline > li > a[aria-current],
.header__inline-menu .list-menu--inline > li > a[class*="button"],
.header__inline-menu .list-menu--inline > li > a[class*="Button"]{
  background:transparent !important;
  color:#0b0b0b !important;
  border:none !important;
  border-radius:0 !important;
  padding:20px 0 !important;
}

.header__inline-menu .list-menu--inline > li:hover > a,
.header__inline-menu .list-menu--inline > li:hover > header-menu > details > summary{
  opacity:.55;
}

/* Caret icon (Shrine's down arrow next to dropdown parents) */
.header__inline-menu .list-menu--inline > li > header-menu > details > summary .icon-caret{
  width:10px !important;
  height:6px !important;
  margin-left:6px !important;
  opacity:.5 !important;
  transition:transform .25s ease !important;
}

.header__inline-menu .list-menu--inline > li:hover > header-menu > details > summary .icon-caret,
.header__inline-menu .list-menu--inline > li > header-menu > details[open] > summary .icon-caret{
  transform:rotate(-180deg) !important;
  opacity:1 !important;
}

/* ===== 3. MAKE DROPDOWN HOVER-TRIGGERED (override <details> click behavior) ===== */
/* 
   Shrine's <details> opens on click and stays open until clicked again.
   We want hover behavior. So we:
   - Hide the <details> native open/close state visually via CSS
   - Show dropdown on :hover of the parent <li> regardless of [open] state
*/

/* The dropdown <ul> itself */
.header__inline-menu .list-menu--inline > li .header__submenu,
.header__inline-menu .list-menu--inline > li ul.list-menu--disclosure{
  display:grid !important;
  grid-template-columns:1fr 1fr 240px !important;
  grid-auto-flow:column !important;         /* Flow items by column, not by row */
  grid-template-rows:repeat(5, auto) !important;  /* 5 rows per column */
  gap:2px 40px !important;
  align-content:start !important;            /* Items stick to top, no stretching */

  /* Position below parent */
  position:absolute !important;
  top:calc(100% + 0px) !important;
  left:-40px !important;
  right:auto !important;
  transform:none !important;

  /* Sizing */
  width:780px !important;
  min-width:unset !important;
  max-width:unset !important;
  height:auto !important;
  max-height:none !important;
  padding:36px 40px !important;
  margin:0 !important;

  /* Appearance */
  background:#ffffff !important;
  border:1px solid rgba(11,11,11,.12) !important;
  border-radius:4px !important;
  box-shadow:0 20px 40px rgba(0,0,0,.08) !important;
  list-style:none !important;

  /* Hidden by default regardless of [open] state */
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .3s ease, visibility .3s !important;

  z-index:999 !important;
}

/* Show on hover of the parent <li> */
.header__inline-menu .list-menu--inline > li:hover .header__submenu,
.header__inline-menu .list-menu--inline > li:hover ul.list-menu--disclosure,
.header__inline-menu .list-menu--inline > li:focus-within .header__submenu,
.header__inline-menu .list-menu--inline > li:focus-within ul.list-menu--disclosure{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* ===== 4. Child menu items (links inside the dropdown) ===== */
.header__inline-menu .list-menu--inline > li .header__submenu > li,
.header__inline-menu .list-menu--inline > li ul.list-menu--disclosure > li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  width:auto !important;
}

.header__inline-menu .list-menu--inline > li .header__submenu a,
.header__inline-menu .list-menu--inline > li ul.list-menu--disclosure a{
  display:block !important;
  padding:10px 0 !important;
  font-family:"Fraunces",Georgia,serif !important;
  font-size:15px !important;
  font-weight:300 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
  color:#0b0b0b !important;
  text-decoration:none !important;
  line-height:1.2 !important;
  transition:color .2s ease, padding-left .2s ease !important;
  background:none !important;
  border:none !important;
}

.header__inline-menu .list-menu--inline > li .header__submenu a:hover,
.header__inline-menu .list-menu--inline > li ul.list-menu--disclosure a:hover{
  color:#c1121f !important;
  padding-left:6px !important;
}

/* ===== 5. Featured image panel (3rd grid column, spans all rows) ===== */
.header__inline-menu .list-menu--inline > li .header__submenu::after,
.header__inline-menu .list-menu--inline > li ul.list-menu--disclosure::after{
  content:"" !important;
  display:block !important;
  grid-column:3 !important;
  grid-row:1 / -1 !important;       /* Span all actual rows, not fixed 99 */
  background:#0b0b0b !important;
  background-size:cover !important;
  background-position:center !important;
  border-radius:4px !important;
  min-height:240px !important;       /* Smaller minimum */
  max-height:400px !important;       /* Never taller than 400px */
  align-self:stretch !important;
}
/* Per-menu featured gradient (fallback if no image uploaded) */
/* Adjust :nth-child() numbers based on your actual menu order */
/* Shop = position 1 */
/* Shop mega — featured image */
.header__inline-menu .list-menu--inline > li:nth-child(1) .header__submenu::after,
.header__inline-menu .list-menu--inline > li:nth-child(1) ul.list-menu--disclosure::after{
  background-image:
    url("/cdn/shop/files/mega-shop.jpg?v=1776949374") !important;
  background-size:cover !important;
  background-position:center !important;
  background-color:#0b0b0b !important;
}

/* Anime mega — featured image */
.header__inline-menu .list-menu--inline > li:nth-child(2) .header__submenu::after,
.header__inline-menu .list-menu--inline > li:nth-child(2) ul.list-menu--disclosure::after{
  background-image:
    url("/cdn/shop/files/mega-anime.jpg?v=1776949375") !important;
  background-size:cover !important;
  background-position:center !important;
  background-color:#0b0b0b !important;
}

/* ===== 6. Hover gap bridge (so dropdown doesn't close when cursor moves between parent and dropdown) ===== */
.header__inline-menu .list-menu--inline > li::before{
  content:"";
  position:absolute;
  top:100%;
  left:-40px;
  right:-20px;
  height:16px;
  background:transparent;
  pointer-events:none;
  z-index:998;
}

.header__inline-menu .list-menu--inline > li:hover::before{
  pointer-events:auto;
}

/* ===== 7. Force <details> to always render its contents (we control visibility via CSS) ===== */
.header__inline-menu .list-menu--inline > li > header-menu > details > ul,
.header__inline-menu .list-menu--inline > li > header-menu > details > .header__submenu{
  display:grid !important;
}

/* Prevent Shrine's default disclosure JS from fighting us.
   Hide the summary's default click-to-toggle visual state. */
.header__inline-menu .list-menu--inline > li > header-menu > details > summary{
  list-style:none !important;
}
.header__inline-menu .list-menu--inline > li > header-menu > details > summary::-webkit-details-marker{
  display:none !important;
}

/* ===== 8. Red dot after Sale ===== */
.header__inline-menu a[href*="/collections/sale"] span::after,
.header__inline-menu a[href*="/sale"] span::after{
  content:" ●";
  color:#c1121f;
  font-size:9px;
  margin-left:4px;
}

/* Don't add down arrow to Sale (Sale isn't a dropdown parent) */
.header__inline-menu .list-menu--inline > li > a[href*="sale"] span::after{
  content:" ●" !important;
  color:#c1121f !important;
}

/* ===== 9. HIDE on mobile (drawer takes over) ===== */
@media (max-width:1024px){
  .header__inline-menu .list-menu--inline > li .header__submenu,
  .header__inline-menu .list-menu--inline > li ul.list-menu--disclosure{
    display:none !important;
  }
}

/* ===== 10. Menu spacing ===== */
.header__inline-menu .list-menu.list-menu--inline{
  gap:32px !important;
  align-items:center !important;
}

/* ============================================================================
   CARET ARROW — force it beside the text, not inside
   ============================================================================ */

/* 1. Force the <summary> to be a proper flex container */
.header__inline-menu .list-menu--inline > li > header-menu > details > summary,
.header__inline-menu summary.header__menu-item{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:6px !important;
  text-decoration:none !important;
  outline:none !important;
  list-style:none !important;
  white-space:nowrap !important;
  padding:20px 0 !important;
  cursor:pointer;
}

/* Remove the native disclosure arrow */
.header__inline-menu summary::-webkit-details-marker{
  display:none !important;
}
.header__inline-menu summary::marker{
  display:none !important;
  content:"" !important;
}

/* 2. The text span should be a plain inline element, no flex/block */
.header__inline-menu .list-menu--inline > li > header-menu > details > summary > span,
.header__inline-menu summary.header__menu-item > span{
  display:inline !important;
  flex:0 0 auto !important;
  font-family:"Geist Mono",ui-monospace,monospace !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#0b0b0b !important;
  text-decoration:none !important;
  line-height:1 !important;
}

/* 3. The caret SVG — force it to be a separate flex item on the right */
.header__inline-menu .list-menu--inline > li > header-menu > details > summary > svg,
.header__inline-menu .list-menu--inline > li > header-menu > details > summary .icon-caret,
.header__inline-menu summary svg.icon-caret{
  display:inline-block !important;
  flex:0 0 auto !important;
  width:9px !important;
  height:6px !important;
  min-width:9px !important;
  margin:0 0 0 4px !important;
  padding:0 !important;
  vertical-align:middle !important;
  color:#0b0b0b !important;
  fill:currentColor !important;
  opacity:.45 !important;
  transition:transform .25s ease, opacity .25s ease !important;
  position:static !important;
  float:none !important;
  order:2 !important;
}

/* Make sure path inside SVG uses currentColor */
.header__inline-menu summary svg.icon-caret path{
  fill:currentColor !important;
  stroke:none !important;
}

/* 4. Rotate caret on hover/open */
.header__inline-menu .list-menu--inline > li:hover > header-menu > details > summary > svg,
.header__inline-menu .list-menu--inline > li:hover > header-menu > details > summary .icon-caret,
.header__inline-menu .list-menu--inline > li > header-menu > details[open] > summary > svg,
.header__inline-menu .list-menu--inline > li > header-menu > details[open] > summary .icon-caret{
  transform:rotate(-180deg) !important;
  opacity:1 !important;
}

/* 5. Remove any underline/border-bottom that Shrine adds to the summary text */
.header__inline-menu summary > span,
.header__inline-menu summary > span:hover,
.header__inline-menu summary:hover,
.header__inline-menu summary:focus,
.header__inline-menu summary:focus-visible{
  text-decoration:none !important;
  border:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}

/* 6. Force the span to NOT be a flex container 
   (Shrine might apply flex to it which causes the SVG to become a child) */
.header__inline-menu summary > span{
  display:inline !important;
}