{"product_id":"the-midnight-apothecary-library","title":"🤩🤩The Midnight Apothecary Library","description":"\u003cstyle\u003e\n  .spx-page.mal-page {\n    position: relative;\n  }\n\n  .mal-page {\n    --mal-bg: #090a08;\n    --mal-bg-soft: #11120f;\n    --mal-ink: #eee4cd;\n    --mal-muted: #b8ad95;\n    --mal-gold: #c8a765;\n    --mal-gold-bright: #e2c98e;\n    --mal-green: #263328;\n    --mal-line: rgba(210, 183, 126, 0.26);\n    --mal-paper: #d8c8a7;\n    --mal-max: 1180px;\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 16% 8%, rgba(93, 108, 75, .16), transparent 27%),\n      radial-gradient(circle at 84% 21%, rgba(151, 118, 62, .10), transparent 23%),\n      linear-gradient(180deg, #070806 0%, #0d0e0b 44%, #090a08 100%);\n    color: var(--mal-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    line-height: 1.6;\n  }\n\n  .mal-page,\n  .mal-page * {\n    box-sizing: border-box;\n  }\n\n  .mal-page::before,\n  .mal-page::after {\n    content: \"\";\n    position: absolute;\n    pointer-events: none;\n    z-index: -1;\n  }\n\n  .mal-page::before {\n    inset: 0;\n    opacity: .26;\n    background-image:\n      radial-gradient(circle at 20% 30%, rgba(255,255,255,.20) 0 1px, transparent 1.6px),\n      radial-gradient(circle at 74% 56%, rgba(255,255,255,.13) 0 1px, transparent 1.4px),\n      radial-gradient(circle at 42% 82%, rgba(210,183,126,.18) 0 1px, transparent 1.6px);\n    background-size: 96px 96px, 132px 132px, 164px 164px;\n    animation: malDust 20s linear infinite;\n  }\n\n  .mal-page::after {\n    width: 520px;\n    height: 520px;\n    top: 460px;\n    right: -260px;\n    border: 1px solid rgba(210,183,126,.07);\n    border-radius: 50%;\n    box-shadow: 0 0 0 70px rgba(210,183,126,.025), 0 0 0 140px rgba(210,183,126,.015);\n  }\n\n  .mal-page .mal-wrap {\n    width: min(var(--mal-max), calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .mal-page .mal-section {\n    position: relative;\n    padding: 88px 0;\n  }\n\n  .mal-page .mal-eyebrow {\n    margin: 0 0 14px;\n    color: var(--mal-gold-bright);\n    font-size: 12px;\n    line-height: 1.2;\n    letter-spacing: .26em;\n    text-transform: uppercase;\n  }\n\n  .mal-page .mal-title {\n    margin: 0;\n    max-width: 790px;\n    color: #f3ead7;\n    font-size: clamp(38px, 6vw, 82px);\n    line-height: .97;\n    font-weight: 500;\n    letter-spacing: -.035em;\n    text-wrap: balance;\n  }\n\n  .mal-page .mal-title em {\n    display: block;\n    color: var(--mal-gold-bright);\n    font-weight: 400;\n    font-style: italic;\n    letter-spacing: -.02em;\n    text-shadow: 0 0 34px rgba(202, 166, 95, .18);\n  }\n\n  .mal-page .mal-copy {\n    max-width: 650px;\n    margin: 22px 0 0;\n    color: var(--mal-muted);\n    font-family: \"Palatino Linotype\", Palatino, Georgia, serif;\n    font-size: 17px;\n  }\n\n  .mal-page .mal-rule {\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--mal-line), transparent);\n  }\n\n  .mal-page .mal-script {\n    display: inline-block;\n    color: var(--mal-gold-bright);\n    font-family: \"Brush Script MT\", \"Segoe Script\", cursive;\n    font-size: 24px;\n    font-weight: 400;\n    line-height: 1;\n    transform: rotate(-3deg);\n  }\n\n  \/* HERO *\/\n  .mal-page .mal-hero {\n    min-height: 760px;\n    display: grid;\n    align-items: end;\n    padding: 0;\n    overflow: hidden;\n    border-bottom: 1px solid rgba(214, 184, 124, .18);\n  }\n\n  .mal-page .mal-hero-media {\n    position: absolute;\n    inset: 0;\n  }\n\n  .mal-page .mal-hero-media::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(90deg, rgba(4,5,4,.92) 0%, rgba(4,5,4,.68) 34%, rgba(4,5,4,.19) 68%, rgba(4,5,4,.38) 100%),\n      linear-gradient(0deg, rgba(5,6,5,.95) 0%, rgba(5,6,5,.12) 56%, rgba(5,6,5,.38) 100%);\n  }\n\n  .mal-page .mal-hero-media img {\n    width: 100%;\n    height: 100%;\n    min-height: 760px;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    transform: scale(1.015);\n    animation: malHeroBreath 11s ease-in-out infinite alternate;\n  }\n\n  .mal-page .mal-hero-content {\n    position: relative;\n    z-index: 2;\n    width: min(var(--mal-max), calc(100% - 40px));\n    margin: 0 auto;\n    padding: 136px 0 82px;\n  }\n\n  .mal-page .mal-hero-kicker {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    color: #d9c394;\n    font-size: 12px;\n    letter-spacing: .24em;\n    text-transform: uppercase;\n  }\n\n  .mal-page .mal-hero-kicker::before {\n    content: \"✦\";\n    color: var(--mal-gold-bright);\n    font-size: 13px;\n  }\n\n  .mal-page .mal-hero h1 {\n    margin: 0;\n    max-width: 700px;\n    color: #f6eedf;\n    font-size: clamp(44px, 7.1vw, 96px);\n    line-height: .88;\n    font-weight: 500;\n    letter-spacing: -.045em;\n    text-transform: uppercase;\n  }\n\n  .mal-page .mal-hero h1 .mal-hero-small {\n    display: block;\n    margin-top: 10px;\n    color: var(--mal-gold-bright);\n    font-size: .56em;\n    font-style: italic;\n    font-weight: 400;\n    letter-spacing: .02em;\n    text-transform: none;\n  }\n\n  .mal-page .mal-hero p {\n    max-width: 510px;\n    margin: 24px 0 0;\n    color: #d4c9b1;\n    font-family: \"Palatino Linotype\", Palatino, Georgia, serif;\n    font-size: 18px;\n  }\n\n  .mal-page .mal-hero-nav {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px 18px;\n    margin-top: 31px;\n    padding-top: 22px;\n    max-width: 760px;\n    border-top: 1px solid rgba(224,197,142,.24);\n  }\n\n  .mal-page .mal-hero-nav span {\n    color: #bcae91;\n    font-size: 11px;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  \/* INTRO *\/\n  .mal-page .mal-intro-grid {\n    display: grid;\n    grid-template-columns: .88fr 1.12fr;\n    gap: 72px;\n    align-items: end;\n  }\n\n  .mal-page .mal-note {\n    position: relative;\n    max-width: 430px;\n    margin-left: auto;\n    padding: 30px 0 8px 38px;\n    border-left: 1px solid var(--mal-line);\n    color: #bfb49d;\n    font-size: 15px;\n  }\n\n  .mal-page .mal-note::before {\n    content: \"ARCHIVE NOTE\";\n    position: absolute;\n    left: -10px;\n    top: 0;\n    padding: 0 10px;\n    color: var(--mal-gold);\n    background: var(--mal-bg);\n    font-size: 10px;\n    letter-spacing: .22em;\n    transform: translateX(-50%);\n    writing-mode: vertical-rl;\n  }\n\n  \/* VOLUMES *\/\n  .mal-page .mal-volumes {\n    padding-top: 38px;\n  }\n\n  .mal-page .mal-volume-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0,1fr));\n    gap: 22px;\n    margin-top: 42px;\n  }\n\n  .mal-page .mal-volume {\n    position: relative;\n    min-width: 0;\n    overflow: hidden;\n    background: #0d0e0c;\n    border: 1px solid rgba(212,185,126,.20);\n    box-shadow: 0 22px 70px rgba(0,0,0,.30);\n    transition: transform .55s cubic-bezier(.2,.8,.2,1), border-color .45s ease, box-shadow .45s ease;\n  }\n\n  .mal-page .mal-volume:hover {\n    transform: translateY(-7px);\n    border-color: rgba(224,198,143,.48);\n    box-shadow: 0 30px 86px rgba(0,0,0,.45);\n  }\n\n  .mal-page .mal-volume::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background: linear-gradient(115deg, transparent 20%, rgba(228,199,140,.10) 46%, transparent 63%);\n    transform: translateX(-120%);\n    transition: transform .85s ease;\n  }\n\n  .mal-page .mal-volume:hover::after {\n    transform: translateX(120%);\n  }\n\n  .mal-page .mal-volume figure {\n    margin: 0;\n    overflow: hidden;\n    background: #080907;\n  }\n\n  .mal-page .mal-volume img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .5s ease;\n  }\n\n  .mal-page .mal-volume:hover img {\n    transform: scale(1.025);\n    filter: contrast(1.03) brightness(1.03);\n  }\n\n  .mal-page .mal-volume-info {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 18px;\n    align-items: start;\n    padding: 24px 25px 27px;\n    border-top: 1px solid rgba(212,185,126,.16);\n  }\n\n  .mal-page .mal-volume-no {\n    color: var(--mal-gold-bright);\n    font-size: 11px;\n    letter-spacing: .18em;\n    white-space: nowrap;\n  }\n\n  .mal-page .mal-volume h3 {\n    margin: 0;\n    color: #eee4cd;\n    font-size: clamp(23px, 2.6vw, 34px);\n    line-height: 1;\n    font-weight: 500;\n  }\n\n  .mal-page .mal-volume p {\n    margin: 10px 0 0;\n    color: #a99f89;\n    font-size: 14px;\n  }\n\n  \/* STORY \/ STORAGE *\/\n  .mal-page .mal-story {\n    padding: 108px 0;\n    background:\n      linear-gradient(90deg, rgba(64,74,58,.10), transparent 40%),\n      linear-gradient(180deg, rgba(255,255,255,.015), transparent);\n    border-top: 1px solid rgba(210,183,126,.12);\n    border-bottom: 1px solid rgba(210,183,126,.12);\n  }\n\n  .mal-page .mal-story-grid {\n    display: grid;\n    grid-template-columns: 1.08fr .92fr;\n    gap: 70px;\n    align-items: center;\n  }\n\n  .mal-page .mal-story-media {\n    position: relative;\n    padding: 14px;\n    border: 1px solid rgba(216,186,125,.28);\n    background: rgba(255,255,255,.018);\n  }\n\n  .mal-page .mal-story-media::before,\n  .mal-page .mal-story-media::after {\n    content: \"\";\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    border-color: var(--mal-gold);\n    opacity: .65;\n  }\n\n  .mal-page .mal-story-media::before {\n    left: -7px;\n    top: -7px;\n    border-left: 1px solid;\n    border-top: 1px solid;\n  }\n\n  .mal-page .mal-story-media::after {\n    right: -7px;\n    bottom: -7px;\n    border-right: 1px solid;\n    border-bottom: 1px solid;\n  }\n\n  .mal-page .mal-story-media img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .mal-page .mal-feature-list {\n    display: grid;\n    gap: 18px;\n    margin-top: 34px;\n  }\n\n  .mal-page .mal-feature {\n    display: grid;\n    grid-template-columns: 34px 1fr;\n    gap: 15px;\n    padding-top: 18px;\n    border-top: 1px solid rgba(210,183,126,.15);\n  }\n\n  .mal-page .mal-feature b {\n    color: var(--mal-gold-bright);\n    font-size: 13px;\n    font-weight: 400;\n  }\n\n  .mal-page .mal-feature strong {\n    display: block;\n    margin-bottom: 3px;\n    color: #e9dfc8;\n    font-size: 15px;\n    font-weight: 500;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n  }\n\n  .mal-page .mal-feature span {\n    display: block;\n    color: #a99f89;\n    font-size: 14px;\n  }\n\n  \/* CRAFT *\/\n  .mal-page .mal-craft-grid {\n    display: grid;\n    grid-template-columns: .84fr 1.16fr;\n    gap: 70px;\n    align-items: center;\n  }\n\n  .mal-page .mal-craft-copy {\n    position: relative;\n  }\n\n  .mal-page .mal-craft-copy .mal-script {\n    margin: 20px 0 8px 46px;\n  }\n\n  .mal-page .mal-craft-copy .mal-script::before {\n    content: \"\";\n    display: inline-block;\n    width: 42px;\n    height: 1px;\n    margin: 0 9px 7px -46px;\n    background: var(--mal-gold);\n    transform: rotate(-7deg);\n    transform-origin: right center;\n  }\n\n  .mal-page .mal-craft-points {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 9px;\n    margin-top: 28px;\n  }\n\n  .mal-page .mal-craft-points span {\n    padding: 9px 12px;\n    border: 1px solid rgba(214,184,124,.20);\n    color: #c3b79f;\n    font-size: 11px;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n  }\n\n  .mal-page .mal-craft-media {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .mal-page .mal-craft-media img {\n    width: 100%;\n    height: auto;\n    display: block;\n    filter: saturate(.94) contrast(1.02);\n    transition: transform .8s cubic-bezier(.2,.8,.2,1);\n  }\n\n  .mal-page .mal-craft-media:hover img {\n    transform: scale(1.025);\n  }\n\n  .mal-page .mal-craft-stamp {\n    position: absolute;\n    right: 20px;\n    bottom: 20px;\n    width: 112px;\n    height: 112px;\n    display: grid;\n    place-items: center;\n    border: 1px solid rgba(221,195,140,.56);\n    border-radius: 50%;\n    color: #d9c28e;\n    background: rgba(8,9,7,.58);\n    backdrop-filter: blur(5px);\n    font-size: 10px;\n    line-height: 1.25;\n    letter-spacing: .14em;\n    text-align: center;\n    text-transform: uppercase;\n    transform: rotate(-10deg);\n  }\n\n  \/* LIFESTYLE *\/\n  .mal-page .mal-lifestyle {\n    padding: 24px 0 94px;\n  }\n\n  .mal-page .mal-lifestyle-frame {\n    position: relative;\n    min-height: 650px;\n    overflow: hidden;\n    display: flex;\n    align-items: end;\n    border: 1px solid rgba(215,187,128,.20);\n    background: #0d0e0b;\n  }\n\n  .mal-page .mal-lifestyle-frame img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 1s cubic-bezier(.2,.8,.2,1);\n  }\n\n  .mal-page .mal-lifestyle-frame:hover img {\n    transform: scale(1.025);\n  }\n\n  .mal-page .mal-lifestyle-frame::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(0deg, rgba(5,6,5,.94), rgba(5,6,5,.12) 62%);\n  }\n\n  .mal-page .mal-lifestyle-copy {\n    position: relative;\n    z-index: 2;\n    max-width: 720px;\n    padding: 48px;\n  }\n\n  .mal-page .mal-lifestyle-copy h2 {\n    margin: 0;\n    color: #f1e7d1;\n    font-size: clamp(36px, 5vw, 68px);\n    line-height: .98;\n    font-weight: 500;\n    letter-spacing: -.035em;\n  }\n\n  .mal-page .mal-lifestyle-copy p {\n    max-width: 560px;\n    margin: 16px 0 0;\n    color: #c9bea8;\n    font-size: 16px;\n  }\n\n  \/* FAQ *\/\n  .mal-page .mal-faq-grid {\n    display: grid;\n    grid-template-columns: .7fr 1.3fr;\n    gap: 70px;\n    align-items: start;\n  }\n\n  .mal-page .mal-faq-list {\n    border-top: 1px solid var(--mal-line);\n  }\n\n  .mal-page .mal-faq-item {\n    border-bottom: 1px solid var(--mal-line);\n  }\n\n  .mal-page .mal-faq-item summary {\n    position: relative;\n    cursor: pointer;\n    list-style: none;\n    padding: 22px 42px 22px 0;\n    color: #e3d8bf;\n    font-size: 17px;\n  }\n\n  .mal-page .mal-faq-item summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .mal-page .mal-faq-item summary::after {\n    content: \"+\";\n    position: absolute;\n    right: 4px;\n    top: 50%;\n    color: var(--mal-gold-bright);\n    font-size: 24px;\n    font-weight: 300;\n    transform: translateY(-50%);\n    transition: transform .25s ease;\n  }\n\n  .mal-page .mal-faq-item[open] summary::after {\n    transform: translateY(-50%) rotate(45deg);\n  }\n\n  .mal-page .mal-faq-answer {\n    max-width: 680px;\n    padding: 0 42px 22px 0;\n    color: #a99f89;\n    font-size: 15px;\n  }\n\n  \/* CLOSING *\/\n  .mal-page .mal-closing {\n    padding: 102px 0 112px;\n    text-align: center;\n  }\n\n  .mal-page .mal-closing-inner {\n    position: relative;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 72px 32px;\n    border-top: 1px solid var(--mal-line);\n    border-bottom: 1px solid var(--mal-line);\n  }\n\n  .mal-page .mal-closing-inner::before {\n    content: \"☾  ✦  ☽\";\n    position: absolute;\n    left: 50%;\n    top: 0;\n    padding: 0 18px;\n    color: var(--mal-gold-bright);\n    background: #090a08;\n    font-size: 13px;\n    letter-spacing: .22em;\n    transform: translate(-50%, -50%);\n  }\n\n  .mal-page .mal-closing h2 {\n    margin: 0 auto;\n    max-width: 760px;\n    color: #f1e8d5;\n    font-size: clamp(38px, 5.4vw, 72px);\n    line-height: .98;\n    font-weight: 500;\n    letter-spacing: -.035em;\n  }\n\n  .mal-page .mal-closing p {\n    max-width: 610px;\n    margin: 20px auto 0;\n    color: #b5aa94;\n    font-size: 16px;\n  }\n\n  .mal-page .mal-back {\n    min-height: 48px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 30px;\n    padding: 0 24px;\n    border: 1px solid rgba(226,201,142,.58);\n    color: #efe3c7;\n    background: linear-gradient(180deg, rgba(219,184,112,.09), rgba(219,184,112,.025));\n    text-decoration: none;\n    font-size: 11px;\n    letter-spacing: .20em;\n    text-transform: uppercase;\n    transition: background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;\n  }\n\n  .mal-page .mal-back:hover {\n    color: #fff4dc;\n    background: rgba(204,166,92,.15);\n    transform: translateY(-2px);\n    box-shadow: 0 14px 36px rgba(0,0,0,.28);\n  }\n\n  @keyframes malDust {\n    from { background-position: 0 0, 0 0, 0 0; }\n    to { background-position: 40px -70px, -50px -90px, 30px -120px; }\n  }\n\n  @keyframes malHeroBreath {\n    from { transform: scale(1.015); }\n    to { transform: scale(1.045); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mal-page::before,\n    .mal-page .mal-hero-media img {\n      animation: none;\n    }\n    .mal-page .mal-volume,\n    .mal-page .mal-volume img,\n    .mal-page .mal-craft-media img,\n    .mal-page .mal-lifestyle-frame img,\n    .mal-page .mal-back {\n      transition: none;\n    }\n  }\n\n  @media (max-width: 860px) {\n    .mal-page .mal-section {\n      padding: 64px 0;\n    }\n    .mal-page .mal-intro-grid,\n    .mal-page .mal-story-grid,\n    .mal-page .mal-craft-grid,\n    .mal-page .mal-faq-grid {\n      grid-template-columns: 1fr;\n      gap: 42px;\n    }\n    .mal-page .mal-note {\n      max-width: none;\n      margin-left: 0;\n    }\n    .mal-page .mal-craft-copy {\n      order: 1;\n    }\n    .mal-page .mal-craft-media {\n      order: 2;\n    }\n  }\n\n  @media (max-width: 700px) {\n    .mal-page .mal-wrap,\n    .mal-page .mal-hero-content {\n      width: min(100% - 36px, var(--mal-max));\n    }\n    .mal-page .mal-hero,\n    .mal-page .mal-hero-media img {\n      min-height: 690px;\n    }\n    .mal-page .mal-hero-media::after {\n      background:\n        linear-gradient(0deg, rgba(4,5,4,.96) 0%, rgba(4,5,4,.58) 48%, rgba(4,5,4,.20) 100%),\n        linear-gradient(90deg, rgba(4,5,4,.50), rgba(4,5,4,.16));\n    }\n    .mal-page .mal-hero-content {\n      padding: 130px 0 54px;\n    }\n    .mal-page .mal-hero h1 {\n      font-size: clamp(46px, 14vw, 70px);\n    }\n    .mal-page .mal-hero p {\n      font-size: 16px;\n    }\n    .mal-page .mal-volume-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n    .mal-page .mal-volume-info {\n      padding: 20px;\n    }\n    .mal-page .mal-story {\n      padding: 72px 0;\n    }\n    .mal-page .mal-lifestyle-frame {\n      min-height: 560px;\n    }\n    .mal-page .mal-lifestyle-copy {\n      padding: 28px 22px;\n    }\n    .mal-page .mal-craft-stamp {\n      width: 92px;\n      height: 92px;\n      right: 12px;\n      bottom: 12px;\n      font-size: 9px;\n    }\n    .mal-page .mal-closing {\n      padding: 76px 0 90px;\n    }\n    .mal-page .mal-closing-inner {\n      padding: 56px 8px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"spx-page mal-page\" id=\"midnight-apothecary-top\"\u003e\n  \u003csection class=\"mal-hero\" aria-label=\"The Midnight Apothecary Library collection\"\u003e\n    \u003cdiv class=\"mal-hero-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/05_a1c0bbb2-4bbb-446b-a901-8dd5b9f35e80.png?v=1788404588\" alt=\"The Midnight Apothecary Library book-shaped storage box collection\" loading=\"eager\" fetchpriority=\"high\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mal-hero-content\"\u003e\n      \u003cdiv class=\"mal-hero-kicker\"\u003eThe Midnight Apothecary Library\u003c\/div\u003e\n      \u003ch1\u003eFour Forgotten \u003cspan class=\"mal-hero-small\"\u003eVolumes of the Night\u003c\/span\u003e\n\u003c\/h1\u003e\n      \u003cp\u003eA collection of antique-inspired book boxes designed to hide little treasures in plain sight — each volume with its own botanical, lunar or natural-history story.\u003c\/p\u003e\n      \u003cdiv class=\"mal-hero-nav\" aria-label=\"Collection volumes\"\u003e\n        \u003cspan\u003eVol. I · Midnight Herbarium\u003c\/span\u003e\n        \u003cspan\u003eVol. II · Lunar Elixirs\u003c\/span\u003e\n        \u003cspan\u003eVol. III · Raven \u0026amp; Root\u003c\/span\u003e\n        \u003cspan\u003eVol. IV · The Night Garden\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mal-section\"\u003e\n    \u003cdiv class=\"mal-wrap mal-intro-grid\"\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"mal-eyebrow\"\u003eA Library of Secrets\u003c\/p\u003e\n        \u003ch2 class=\"mal-title\"\u003eMade to look \u003cem\u003ediscovered, not bought.\u003c\/em\u003e\n\u003c\/h2\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mal-note\"\u003e\n        Styled like an old apothecary reference volume, each design turns an everyday storage box into an object worth leaving on display. The collection shares one book-shaped format, while each cover tells a different midnight story.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"mal-wrap\"\u003e\u003cdiv class=\"mal-rule\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n  \u003csection class=\"mal-section mal-volumes\" aria-label=\"Four collectible volumes\"\u003e\n    \u003cdiv class=\"mal-wrap\"\u003e\n      \u003cp class=\"mal-eyebrow\"\u003eChoose Your Volume\u003c\/p\u003e\n      \u003ch2 class=\"mal-title\"\u003eFour chapters.\u003cbr\u003e\u003cem\u003eOne dark collection.\u003c\/em\u003e\n\u003c\/h2\u003e\n\n      \u003cdiv class=\"mal-volume-grid\"\u003e\n        \u003carticle class=\"mal-volume\"\u003e\n          \u003cfigure\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/01_MIDNIGHT_HERBARIUM.png?v=1788404588\" alt=\"Midnight Herbarium Volume I book-shaped storage box\" loading=\"lazy\"\u003e\n          \u003c\/figure\u003e\n          \u003cdiv class=\"mal-volume-info\"\u003e\n            \u003cdiv class=\"mal-volume-no\"\u003eVOL. I\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3\u003eMidnight Herbarium\u003c\/h3\u003e\n              \u003cp\u003ePressed herbs, moon phases and field-guide details inspired by a botanist's archive after dark.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"mal-volume\"\u003e\n          \u003cfigure\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/02_LUNAR_ELIXIRS.png?v=1788404587\" alt=\"Lunar Elixirs Volume II book-shaped storage box\" loading=\"lazy\"\u003e\n          \u003c\/figure\u003e\n          \u003cdiv class=\"mal-volume-info\"\u003e\n            \u003cdiv class=\"mal-volume-no\"\u003eVOL. II\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3\u003eLunar Elixirs\u003c\/h3\u003e\n              \u003cp\u003eMoon phases, celestial diagrams and an apothecary motif drawn from rare astronomical manuscripts.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"mal-volume\"\u003e\n          \u003cfigure\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/03_RAVEN_AND_ROOT.png?v=1788404588\" alt=\"Raven and Root Volume III book-shaped storage box\" loading=\"lazy\"\u003e\n          \u003c\/figure\u003e\n          \u003cdiv class=\"mal-volume-info\"\u003e\n            \u003cdiv class=\"mal-volume-no\"\u003eVOL. III\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3\u003eRaven \u0026amp; Root\u003c\/h3\u003e\n              \u003cp\u003eA raven, twisted roots and antique-key details with the mood of a gothic natural-history volume.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"mal-volume\"\u003e\n          \u003cfigure\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/04_THE_NIGHT_GARDEN.png?v=1788404587\" alt=\"The Night Garden Volume IV book-shaped storage box\" loading=\"lazy\"\u003e\n          \u003c\/figure\u003e\n          \u003cdiv class=\"mal-volume-info\"\u003e\n            \u003cdiv class=\"mal-volume-no\"\u003eVOL. IV\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3\u003eThe Night Garden\u003c\/h3\u003e\n              \u003cp\u003eFerns, mushrooms and night-blooming botanicals gathered into a softer, secret-garden chapter.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mal-story\"\u003e\n    \u003cdiv class=\"mal-wrap mal-story-grid\"\u003e\n      \u003cdiv class=\"mal-story-media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/09.png?v=1788404587\" alt=\"Open book-shaped box showing the hidden interior storage space\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"mal-eyebrow\"\u003eThe Secret Within\u003c\/p\u003e\n        \u003ch2 class=\"mal-title\"\u003eLooks like a book.\u003cbr\u003e\u003cem\u003eHides your treasures.\u003c\/em\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mal-copy\"\u003eThe antique-book silhouette is more than decoration. Open the cover to reveal a concealed storage cavity for the small objects you want nearby — without making your shelf or desk feel cluttered.\u003c\/p\u003e\n\n        \u003cdiv class=\"mal-feature-list\"\u003e\n          \u003cdiv class=\"mal-feature\"\u003e\n            \u003cb\u003e01\u003c\/b\u003e\n            \u003cdiv\u003e\n\u003cstrong\u003eBook-Shaped Form\u003c\/strong\u003e\u003cspan\u003eDesigned to sit naturally among decor and books.\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mal-feature\"\u003e\n            \u003cb\u003e02\u003c\/b\u003e\n            \u003cdiv\u003e\n\u003cstrong\u003eMagnetic Hinged Cover\u003c\/strong\u003e\u003cspan\u003eA clean opening structure that keeps the book-box illusion intact.\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mal-feature\"\u003e\n            \u003cb\u003e03\u003c\/b\u003e\n            \u003cdiv\u003e\n\u003cstrong\u003eHidden Interior\u003c\/strong\u003e\u003cspan\u003eA discreet place for keepsakes, notes and other small personal items.\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mal-section\"\u003e\n    \u003cdiv class=\"mal-wrap mal-craft-grid\"\u003e\n      \u003cdiv class=\"mal-craft-copy\"\u003e\n        \u003cp class=\"mal-eyebrow\"\u003eOld-World Surface Work\u003c\/p\u003e\n        \u003ch2 class=\"mal-title\"\u003eDetails that feel \u003cem\u003ecollected over time.\u003c\/em\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"mal-copy\"\u003eLayered cover artwork, metallic accents and dimensional focal details give every volume the character of a decorative antique edition while keeping the underlying book-box structure consistent.\u003c\/p\u003e\n        \u003cspan class=\"mal-script\"\u003elook closer\u003c\/span\u003e\n        \u003cdiv class=\"mal-craft-points\" aria-label=\"Design details\"\u003e\n          \u003cspan\u003eFoil Accents\u003c\/span\u003e\n          \u003cspan\u003eUV Detail\u003c\/span\u003e\n          \u003cspan\u003e2.5D Appliqué\u003c\/span\u003e\n          \u003cspan\u003eAntique Page Edge\u003c\/span\u003e\n          \u003cspan\u003eBrass Corner Detail\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mal-craft-media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/11_0c4d427f-d95b-4c95-ab28-d48586f2a326.png?v=1788404588\" alt=\"Close-up view of the antique-inspired book box cover and decorative details\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"mal-craft-stamp\"\u003eMidnight\u003cbr\u003eArchive\u003cbr\u003eEdition\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mal-lifestyle\"\u003e\n    \u003cdiv class=\"mal-wrap\"\u003e\n      \u003cdiv class=\"mal-lifestyle-frame\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/12_da4b11c9-85ee-4a43-8589-ea6b6885f030.png?v=1788404588\" alt=\"Midnight Apothecary Library book box styled in a dark vintage interior\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"mal-lifestyle-copy\"\u003e\n          \u003cspan class=\"mal-script\"\u003efor the shelf after midnight\u003c\/span\u003e\n          \u003ch2\u003eA secret place for the things you keep close.\u003c\/h2\u003e\n          \u003cp\u003eOn a bookshelf, beside a reading chair or on a dark-academia desk, the collection adds story before anyone even discovers what is hidden inside.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mal-section\"\u003e\n    \u003cdiv class=\"mal-wrap mal-faq-grid\"\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"mal-eyebrow\"\u003eArchive Questions\u003c\/p\u003e\n        \u003ch2 class=\"mal-title\"\u003eBefore you \u003cem\u003echoose a volume.\u003c\/em\u003e\n\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mal-faq-list\"\u003e\n        \u003cdetails class=\"mal-faq-item\"\u003e\n          \u003csummary\u003eAre the four designs different box shapes?\u003c\/summary\u003e\n          \u003cdiv class=\"mal-faq-answer\"\u003eNo. The collection is designed around the same standardized book-shaped storage-box format. The cover artwork and decorative surface treatment change from volume to volume.\u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"mal-faq-item\"\u003e\n          \u003csummary\u003eIs the cover only printed?\u003c\/summary\u003e\n          \u003cdiv class=\"mal-faq-answer\"\u003eThe designs combine printed cover artwork with decorative finishing such as foil accents, UV detail and a simple low-profile 2.5D focal appliqué.\u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"mal-faq-item\"\u003e\n          \u003csummary\u003eCan it be used as actual storage?\u003c\/summary\u003e\n          \u003cdiv class=\"mal-faq-answer\"\u003eYes. The book-shaped exterior opens to an interior storage cavity intended for small keepsakes and personal items.\u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"mal-faq-item\"\u003e\n          \u003csummary\u003eDo I have to collect all four?\u003c\/summary\u003e\n          \u003cdiv class=\"mal-faq-answer\"\u003eEach volume is designed to stand on its own visually, while the matching proportions and numbered spines also make the four designs feel cohesive when displayed together.\u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mal-closing\"\u003e\n    \u003cdiv class=\"mal-wrap\"\u003e\n      \u003cdiv class=\"mal-closing-inner\"\u003e\n        \u003cp class=\"mal-eyebrow\"\u003eThe Midnight Apothecary Library\u003c\/p\u003e\n        \u003ch2\u003eChoose the volume that feels like it was waiting for you.\u003c\/h2\u003e\n        \u003cp\u003eBotanical, lunar, gothic or garden — each cover changes the mood, while the hidden book-box form keeps the collection unmistakably connected.\u003c\/p\u003e\n        \u003ca class=\"mal-back\" href=\"#\" aria-label=\"Back to the top of the product page\"\u003eBack to Purchase ↑\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"cotitoc","offers":[{"title":"Vol. I — Midnight Herbarium","offer_id":52560913826094,"sku":"SZ04622609036625-A","price":34.99,"currency_code":"USD","in_stock":true},{"title":"Vol. II — Lunar Elixirs","offer_id":52560913858862,"sku":"SZ04622609036625-B","price":34.99,"currency_code":"USD","in_stock":true},{"title":"Vol. III — Raven \u0026 Root","offer_id":52560913891630,"sku":"SZ04622609036625-C","price":34.99,"currency_code":"USD","in_stock":true},{"title":"Vol. IV — The Night Garden","offer_id":52560913924398,"sku":"SZ04622609036625-D","price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/01_MIDNIGHT_HERBARIUM.png?v=1788404588","url":"https:\/\/cotitoc.com\/de\/products\/the-midnight-apothecary-library","provider":"cotitoc","version":"1.0","type":"link"}