{"product_id":"september-october-box","title":"SEPTEMBER \u0026 OCTOBER BOX","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black\u0026family=DM+Sans:wght@400;500;600;700\u0026family=Space+Mono:wght@400;700\u0026family=Caveat:wght@600\u0026display=swap');\n\n  body { background:#e9e5db; padding:40px 16px; }\n\n  .hb-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n  .hb-wrap {\n    font-family: 'DM Sans', sans-serif;\n    max-width: 680px;\n    margin: 0 auto;\n    color: #171331;\n    background: #F3EFE7;\n    border-radius: 6px;\n    overflow: hidden;\n    border: 3px solid #171331;\n  }\n\n  \/* ---------- Banner ---------- *\/\n  .hb-banner {\n    background: #171331;\n    color: #2CA58D;\n    text-align: center;\n    padding: 12px 20px;\n    font-family: 'Space Mono', monospace;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n  }\n\n  \/* ---------- Hero ---------- *\/\n  .hb-hero {\n    background: linear-gradient(160deg, #2E2A54 0%, #221E3B 55%, #171331 100%);\n    padding: 40px 28px 32px;\n    position: relative;\n  }\n  .hb-hero-tag {\n    display: inline-block;\n    background: #C1272D;\n    color: #F3EFE7;\n    font-family: 'Space Mono', monospace;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 4px 10px;\n    border-radius: 3px;\n    margin-bottom: 14px;\n    transform: rotate(-2deg);\n  }\n  .hb-hero h1 {\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 30px;\n    line-height: 1.25;\n    color: #F3EFE7;\n    margin-bottom: 14px;\n    max-width: 480px;\n  }\n  .hb-hero p {\n    font-size: 14px;\n    line-height: 1.8;\n    color: #D8D4E8;\n    max-width: 460px;\n  }\n  .hb-hook {\n    position: absolute;\n    top: 28px;\n    right: 24px;\n    opacity: 0.9;\n  }\n\n  \/* ---------- Section shell ---------- *\/\n  .hb-section { padding: 32px 28px; }\n  .hb-eyebrow {\n    font-family: 'Space Mono', monospace;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .hb-eyebrow svg { flex-shrink: 0; }\n\n  \/* ---------- Pricing (ticket style) ---------- *\/\n  .hb-pricing { background: #F3EFE7; }\n  .hb-tickets { display: flex; flex-direction: column; gap: 12px; }\n  .hb-ticket {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    background: #FFFFFF;\n    border: 2px solid #171331;\n    border-radius: 6px;\n    padding: 14px 18px;\n    position: relative;\n  }\n  .hb-ticket::after {\n    content: \"\";\n    position: absolute;\n    right: 90px;\n    top: -2px;\n    bottom: -2px;\n    border-left: 2px dashed #171331;\n    opacity: 0.35;\n  }\n  .hb-ticket-num {\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 18px;\n    background: #2CA58D;\n    color: #F3EFE7;\n    border: 2px solid #171331;\n    width: 34px;\n    height: 34px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  .hb-ticket-info { flex: 1; }\n  .hb-ticket-price {\n    font-family: 'Space Mono', monospace;\n    font-weight: 700;\n    font-size: 15px;\n  }\n  .hb-ticket-sub { font-size: 12.5px; color: #6b6259; margin-top: 2px; }\n\n  \/* ---------- Inside intro ---------- *\/\n  .hb-inside-head { padding: 32px 28px 0; }\n  .hb-inside-head h2 {\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 22px;\n  }\n  .hb-inside-head p { font-size: 13.5px; color: #6b6259; margin-top: 8px; line-height: 1.7; }\n\n  \/* ---------- BOOK block (lavender-navy) ---------- *\/\n  .hb-book {\n    margin: 24px 28px 0;\n    background: linear-gradient(160deg, #2E2A54 0%, #221E3B 100%);\n    border-radius: 8px;\n    padding: 26px 24px;\n    color: #F3EFE7;\n  }\n  .hb-book-kicker {\n    font-family: 'Space Mono', monospace;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #2CA58D;\n    margin-bottom: 8px;\n  }\n  .hb-book-title {\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 30px;\n    letter-spacing: 0.5px;\n    line-height: 1.05;\n    margin-bottom: 4px;\n  }\n  .hb-book-byline { font-size: 13px; color: #C9C4DE; margin-bottom: 14px; }\n  .hb-book-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: #C1272D;\n    color: #F3EFE7;\n    font-family: 'Space Mono', monospace;\n    font-size: 10.5px;\n    font-weight: 700;\n    padding: 5px 10px;\n    border-radius: 20px;\n    margin-bottom: 16px;\n  }\n  .hb-book-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px 18px;\n    font-size: 11.5px;\n    color: #C9C4DE;\n    border-top: 1px solid rgba(243,239,231,0.2);\n    border-bottom: 1px solid rgba(243,239,231,0.2);\n    padding: 10px 0;\n    margin-bottom: 16px;\n  }\n  .hb-book-meta span b { color: #F3EFE7; display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; font-weight: 600;}\n  .hb-book-syn { font-size: 13.5px; line-height: 1.85; color: #EAE7F2; }\n  .hb-book-syn p { margin-bottom: 12px; }\n  .hb-memorial {\n    margin-top: 14px;\n    font-size: 12px;\n    color: #9F9AC0;\n    border-top: 1px solid rgba(243,239,231,0.15);\n    padding-top: 12px;\n  }\n\n  \/* ---------- PEN block ---------- *\/\n  .hb-pen {\n    margin: 20px 28px 0;\n    background: #FFFFFF;\n    border: 2px solid #171331;\n    border-radius: 8px;\n    padding: 26px 24px;\n    color: #171331;\n  }\n  .hb-pen-kicker {\n    font-family: 'Space Mono', monospace;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #C1272D;\n    margin-bottom: 8px;\n  }\n  .hb-pen-title {\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 26px;\n    margin-bottom: 4px;\n  }\n  .hb-pen-sub { font-size: 12.5px; color: #6b6259; margin-bottom: 16px; }\n  .hb-pen p.hb-body { font-size: 13.5px; line-height: 1.85; color: #3a352f; margin-bottom: 16px; }\n\n  .hb-surprise {\n    background: #F3EFE7;\n    border: 1px dashed #171331;\n    border-radius: 6px;\n    padding: 14px 16px;\n    margin-bottom: 18px;\n  }\n  .hb-surprise-badge {\n    display: inline-block;\n    font-family: 'Space Mono', monospace;\n    font-size: 10px;\n    font-weight: 700;\n    background: #2CA58D;\n    color: #F3EFE7;\n    padding: 3px 8px;\n    border-radius: 3px;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n  }\n  .hb-surprise p { font-size: 12.5px; line-height: 1.75; color: #3a352f; }\n  .hb-surprise strong { color: #171331; }\n\n  .hb-swatches {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 12px;\n  }\n  .hb-swatch {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    color: #3a352f;\n    background: #FFFFFF;\n    border: 1px solid rgba(23,19,49,0.15);\n    border-radius: 20px;\n    padding: 4px 10px 4px 6px;\n    white-space: nowrap;\n  }\n  .hb-swatch-dot { width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.15); flex-shrink: 0; }\n\n  .hb-usecase-label, .hb-spec-label {\n    font-family: 'Space Mono', monospace;\n    font-size: 10px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #C1272D;\n    margin-bottom: 10px;\n  }\n  .hb-usecase-list {\n    list-style: none;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 8px 14px;\n    margin-bottom: 20px;\n  }\n  .hb-usecase-list li {\n    font-size: 12.5px;\n    color: #171331;\n    display: flex;\n    align-items: baseline;\n    gap: 6px;\n    line-height: 1.5;\n  }\n  .hb-usecase-list li::before {\n    content: \"\";\n    width: 5px; height: 5px;\n    background: #2CA58D;\n    border-radius: 50%;\n    flex-shrink: 0;\n    transform: translateY(-2px);\n  }\n\n  .hb-specs {\n    background: #F3EFE7;\n    border: 1px solid rgba(23,19,49,0.15);\n    border-radius: 6px;\n    padding: 14px 16px;\n    margin-bottom: 20px;\n  }\n  .hb-specs table { width: 100%; border-collapse: collapse; }\n  .hb-specs td { font-size: 12px; padding: 5px 0; color: #3a352f; vertical-align: top; }\n  .hb-specs td:first-child { color: #8A8399; width: 92px; font-family: 'Space Mono', monospace; font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.5px; }\n\n  .hb-trivia {\n    border-top: 1px solid rgba(23,19,49,0.15);\n    padding-top: 16px;\n  }\n  .hb-trivia-name { font-family: 'Archivo Black', sans-serif; font-size: 15px; margin-bottom: 2px; }\n  .hb-trivia-role { font-size: 11px; color: #C1272D; margin-bottom: 10px; letter-spacing: 0.5px; }\n  .hb-trivia p { font-size: 12.5px; line-height: 1.8; color: #3a352f; }\n\n  \/* ---------- BOOKLET block ---------- *\/\n  .hb-booklet {\n    margin: 20px 28px 0;\n    background: #FFFFFF;\n    border: 2px dashed #171331;\n    border-radius: 8px;\n    padding: 24px;\n  }\n  .hb-booklet-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n  .hb-booklet-title { font-family: 'Archivo Black', sans-serif; font-size: 18px; }\n  .hb-handmade-tag {\n    font-family: 'Caveat', cursive;\n    font-size: 17px;\n    color: #C1272D;\n    transform: rotate(-3deg);\n  }\n  .hb-booklet p { font-size: 13px; line-height: 1.85; color: #3a352f; }\n\n  \/* ---------- Why this book note ---------- *\/\n  .hb-note {\n    margin: 24px 28px 0;\n    background: #EAF5F1;\n    border-left: 4px solid #2CA58D;\n    padding: 18px 20px;\n    border-radius: 0 6px 6px 0;\n  }\n  .hb-note-label {\n    font-family: 'Space Mono', monospace;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #1D8A73;\n    margin-bottom: 8px;\n  }\n  .hb-note p { font-size: 13px; color: #333; line-height: 1.8; }\n\n  \/* ---------- Footer CTA ---------- *\/\n  .hb-footer {\n    margin: 28px 28px 28px;\n    text-align: center;\n    background: #171331;\n    border-radius: 8px;\n    padding: 26px 20px;\n  }\n  .hb-footer p { color: #2CA58D; font-family: 'Space Mono', monospace; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\n  .hb-cta {\n    display: inline-block;\n    background: #C1272D;\n    color: #F3EFE7;\n    font-weight: 700;\n    font-size: 14px;\n    padding: 12px 28px;\n    border-radius: 30px;\n    text-decoration: none;\n  }\n\n  @media (max-width: 420px) {\n    .hb-usecase-list { grid-template-columns: 1fr; }\n    .hb-book-title { font-size: 24px; }\n    .hb-hero h1 { font-size: 24px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"hb-wrap\"\u003e\n\u003cdiv class=\"hb-banner\"\u003e⏰ Orders close 31 October · Don't miss out\u003c\/div\u003e\n\u003cdiv class=\"hb-inside-head\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: space-between;\"\u003e\n\u003ch2\u003eWhat's inside\u003c\/h2\u003e\n\u003csvg width=\"30\" height=\"30\" viewbox=\"0 0 52 52\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003ccircle cx=\"21\" cy=\"21\" r=\"13\" stroke=\"#2CA58D\" stroke-width=\"3\"\u003e\u003c\/circle\u003e\n        \u003cline x1=\"30.5\" y1=\"30.5\" x2=\"45\" y2=\"45\" stroke=\"#2CA58D\" stroke-width=\"3\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n      \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cp\u003eThree things, chosen to be read, written with, and kept.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BOOK --\u003e\n\u003cdiv class=\"hb-book\"\u003e\n\u003cdiv class=\"hb-book-kicker\"\u003e📖 The Book\u003c\/div\u003e\n\u003cdiv class=\"hb-book-title\"\u003eTHE DEVOTION OF SUSPECT X\u003c\/div\u003e\n\u003cdiv class=\"hb-book-byline\"\u003eby Keigo Higashino · translated by Alexander O. Smith\u003c\/div\u003e\n\u003cdiv class=\"hb-book-badge\"\u003e🏆 Naoki Prize winner · the Higashino novel everyone starts with\u003c\/div\u003e\n\u003cdiv class=\"hb-book-meta\"\u003e\n\u003cspan\u003e\u003cb\u003eJapanese title\u003c\/b\u003e容疑者Xの献身 (Yōgisha X no Kenshin)\u003c\/span\u003e \u003cspan\u003e\u003cb\u003eTranslator\u003c\/b\u003eAlexander O. Smith\u003c\/span\u003e \u003cspan\u003e\u003cb\u003eSeries\u003c\/b\u003eDetective Galileo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-book-syn\"\u003e\n\u003cp\u003eIshigami is a brilliant, unassuming maths teacher who has quietly loved his neighbour Yasuko for years, from a careful distance. When her abusive ex-husband shows up at her door and the confrontation turns fatal, Ishigami doesn't offer comfort — he offers a plan, worked out with the same cold precision he'd bring to an equation, built to make the problem disappear entirely.\u003c\/p\u003e\n\u003cp\u003eThe case lands with his old university rival, physicist Yukawa, brought in precisely because the alibi is airtight and the logic behind it disturbingly elegant. As the two former classmates circle each other, the investigation stops being about finding a flaw in the plan and becomes something harder: whether Yukawa can bring himself to unravel a friend's masterpiece.\u003c\/p\u003e\n\u003cp\u003eDevotion, sacrifice, and the exact point where love tips into obsession — this is the book most readers point to first when they explain why Higashino towers over Japanese crime fiction, and a mystery you'll want to start over the moment you finish it, just to see how quietly the trick was hiding in plain sight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PEN --\u003e\n\u003cdiv class=\"hb-pen\"\u003e\n\u003cdiv class=\"hb-pen-kicker\"\u003e🎁 This Edition's Pick\u003c\/div\u003e\n\u003cdiv class=\"hb-pen-title\"\u003euni Jetstream 4\u0026amp;1\u003c\/div\u003e\n\u003cdiv class=\"hb-pen-sub\"\u003eMITSUBISHI PENCIL CO., LTD. — Tokyo\u003c\/div\u003e\n\u003cdiv class=\"hb-surprise\"\u003e\n\u003cdiv class=\"hb-surprise-badge\"\u003eSurprise\u003c\/div\u003e\n\u003cp\u003eEvery box includes one uni Jetstream 4\u0026amp;1 — but which colour you get is part of the fun. \u003cstrong\u003eBordeaux Red, Light Pink, or Navy\u003c\/strong\u003e is chosen at random for each subscriber, so you won't know yours until you open the box.\u003c\/p\u003e\n\u003cdiv class=\"hb-swatches\"\u003e\n\u003cdiv class=\"hb-swatch\"\u003e\n\u003cspan class=\"hb-swatch-dot\" style=\"background: #8C2F39;\"\u003e\u003c\/span\u003eBordeaux Red\u003c\/div\u003e\n\u003cdiv class=\"hb-swatch\"\u003e\n\u003cspan class=\"hb-swatch-dot\" style=\"background: #E8AFC0;\"\u003e\u003c\/span\u003eLight Pink\u003c\/div\u003e\n\u003cdiv class=\"hb-swatch\"\u003e\n\u003cspan class=\"hb-swatch-dot\" style=\"background: #1F2A5C;\"\u003e\u003c\/span\u003eNavy\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hb-body\"\u003eIf you've spent any time in a Japanese stationery shop, you've met a Jetstream — it's the pen most Japanese office workers reach for without thinking twice. The ink is engineered to glide with almost no friction and dry the instant it touches paper, so nothing smudges, even if you write left-handed. This edition is the 4\u0026amp;1: four ink colours and a mechanical pencil, all in one barrel, all in an extra-fine 0.5mm point — precise enough for the kind of careful, methodical notes a certain maths teacher might have kept.\u003c\/p\u003e\n\u003cdiv class=\"hb-usecase-label\"\u003eWhy we picked it\u003c\/div\u003e\n\u003cul class=\"hb-usecase-list\"\u003e\n\u003cli\u003eFour ink colours in one pen\u003c\/li\u003e\n\u003cli\u003ePlus a 0.5mm mechanical pencil\u003c\/li\u003e\n\u003cli\u003eExtra-fine 0.5mm ball point\u003c\/li\u003e\n\u003cli\u003eSmooth, low-friction Jetstream ink\u003c\/li\u003e\n\u003cli\u003eOne-click colour switching\u003c\/li\u003e\n\u003cli\u003eCompact click-action design\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"hb-specs\"\u003e\n\u003cdiv class=\"hb-spec-label\"\u003eSpecs\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eFunction\u003c\/td\u003e\n\u003ctd\u003e4-colour ballpoint (black \/ red \/ blue \/ green) + mechanical pencil\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePoint size\u003c\/td\u003e\n\u003ctd\u003e0.5mm (ball and pencil)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eColours\u003c\/td\u003e\n\u003ctd\u003eBordeaux Red, Light Pink, or Navy — one sent at random\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-trivia\"\u003e\n\u003cdiv class=\"hb-trivia-name\"\u003eA little trivia\u003c\/div\u003e\n\u003cdiv class=\"hb-trivia-role\"\u003eMitsubishi Pencil Co., Ltd. — founded 1887\u003c\/div\u003e\n\u003cp\u003eOne of Japan's oldest stationery makers, Mitsubishi Pencil developed the low-friction Jetstream ink in 2006 — it became so popular in Japanese offices and schools that it's now one of the best-selling pens in the country's history, despite barely being known outside Japan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BOOKLET --\u003e\n\u003cdiv class=\"hb-booklet\"\u003e\n\u003cdiv class=\"hb-booklet-top\"\u003e\n\u003cdiv class=\"hb-booklet-title\"\u003e📄 A Note from Japan\u003c\/div\u003e\n\u003cdiv class=\"hb-handmade-tag\"\u003edesigned by me\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eEvery edition comes with a small tri-fold flyer I design myself — this time covering why we chose this book, a small tribute to Keigo Higashino, and a few Japanese phrases worth knowing, drawn from the world of mystery and deduction. It's not a generic insert — I design it myself, start to finish, so it feels like something made specifically for this edition rather than something pulled off a template.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-footer\"\u003e\n\u003cp\u003eOrders close 31 October\u003c\/p\u003e\n\u003ca class=\"hb-cta\" href=\"#\"\u003eGet the box →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"The Japan Book Edit","offers":[{"title":"Default Title","offer_id":48919588831385,"sku":null,"price":50.0,"currency_code":"NZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0720\/1328\/3481\/files\/openart-image_1786797108196_332bebb8_1786797108826_0f729d07_22dbc1f4-7315-471d-b17d-b29769871cf4.png?v=1788165868","url":"https:\/\/thejapanbookedit.com\/products\/september-october-box","provider":"The Japan Book Edit","version":"1.0","type":"link"}