{"product_id":"ryumon","title":"ZayDen Ryūmon - Ruban de clavier pour clavier mécanique","description":"\u003c!-- RYŪMON SECTION --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=DM+Sans:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  \/* ── SCOPED RESET \u0026 VARIABLES ── *\/\n  .ryumon-wrapper {\n    --gold: #B8952A;\n    --gold-light: #D4AF5A;\n    --ink: #0C0B09;\n    --ivory: #F2EDE4;\n    --ivory-dim: #E2DAD0;\n    --muted: #8A8278;\n    --teal: #1B8B87;\n    --teal-light: #4EC5C1;\n    --crimson: #9B1C1C;\n    --crimson-light: #C0392B;\n    --shadow-ink: #1A1714;\n\n    background: var(--ink);\n    color: var(--ivory);\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 300;\n    line-height: 1.7;\n    overflow-x: hidden;\n    width: 100%;\n  }\n\n  .ryumon-wrapper *, \n  .ryumon-wrapper *::before, \n  .ryumon-wrapper *::after { \n    box-sizing: border-box; \n    margin: 0; \n    padding: 0; \n  }\n\n  \/* ── OPENING RITUAL ── *\/\n  .ryumon-wrapper .ritual-open {\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ryumon-wrapper .ritual-open::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse 60% 50% at 50% 60%, rgba(184,149,42,0.08) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .ryumon-wrapper .kamon {\n    width: 80px;\n    height: 80px;\n    border: 1px solid var(--gold);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 2.5rem;\n    position: relative;\n    animation: kamon-spin 20s linear infinite;\n  }\n\n  .ryumon-wrapper .kamon::before {\n    content: '';\n    position: absolute;\n    inset: 6px;\n    border: 1px solid rgba(184,149,42,0.35);\n    border-radius: 50%;\n  }\n\n  .ryumon-wrapper .kamon-inner {\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--gold);\n    border-radius: 50%;\n    position: relative;\n  }\n\n  .ryumon-wrapper .kamon-inner::after {\n    content: '';\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 8px; height: 8px;\n    background: var(--gold);\n    border-radius: 50%;\n  }\n\n  @keyframes kamon-spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n\n  .ryumon-wrapper .brand-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(3.5rem, 8vw, 7rem);\n    font-weight: 300;\n    letter-spacing: 0.35em;\n    color: var(--ivory);\n    line-height: 1;\n    text-transform: uppercase;\n    margin-bottom: 1rem;\n  }\n\n  .ryumon-wrapper .brand-tagline {\n    font-size: 0.7rem;\n    letter-spacing: 0.4em;\n    color: var(--gold);\n    text-transform: uppercase;\n    margin-bottom: 3rem;\n  }\n\n  .ryumon-wrapper .gold-rule {\n    width: 1px;\n    height: 60px;\n    background: linear-gradient(to bottom, transparent, var(--gold), transparent);\n    margin: 0 auto;\n    animation: pulse-line 3s ease-in-out infinite;\n  }\n\n  @keyframes pulse-line {\n    0%, 100% { opacity: 0.4; }\n    50% { opacity: 1; }\n  }\n\n  \/* ── MANIFESTO ── *\/\n  .ryumon-wrapper .manifesto {\n    max-width: 720px;\n    margin: 0 auto;\n    padding: 8rem 2rem;\n    text-align: center;\n  }\n\n  .ryumon-wrapper .manifesto-label {\n    font-size: 0.65rem;\n    letter-spacing: 0.5em;\n    color: var(--gold);\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 2.5rem;\n  }\n\n  .ryumon-wrapper .manifesto-text {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.5rem, 3vw, 2.2rem);\n    font-weight: 300;\n    font-style: italic;\n    line-height: 1.6;\n    color: var(--ivory);\n    margin-bottom: 3rem;\n  }\n\n  .ryumon-wrapper .manifesto-body {\n    font-size: 0.9rem;\n    color: var(--muted);\n    letter-spacing: 0.03em;\n    max-width: 480px;\n    margin: 0 auto;\n    line-height: 1.9;\n  }\n\n  \/* ── HORIZONTAL GOLD DIVIDER ── *\/\n  .ryumon-wrapper .horizon {\n    display: flex;\n    align-items: center;\n    gap: 1.5rem;\n    padding: 0 4rem;\n    overflow: hidden;\n  }\n\n  .ryumon-wrapper .horizon-line {\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(to right, transparent, var(--gold), transparent);\n    opacity: 0.3;\n  }\n\n  .ryumon-wrapper .horizon-glyph {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.2rem;\n    color: var(--gold);\n    opacity: 0.6;\n    letter-spacing: 0.2em;\n  }\n\n  \/* ── SPIRIT CHAPTERS ── *\/\n  .ryumon-wrapper .chapter {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    min-height: 100vh;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ryumon-wrapper .chapter:nth-child(even) .chapter-image { order: 2; }\n  .ryumon-wrapper .chapter:nth-child(even) .chapter-text  { order: 1; }\n\n  .ryumon-wrapper .chapter-image {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ryumon-wrapper .chapter-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.8s ease;\n  }\n\n  .ryumon-wrapper .chapter:hover .chapter-image img {\n    transform: scale(1.03);\n  }\n\n  .ryumon-wrapper .chapter-image-overlay {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  .ryumon-wrapper .chapter--teal .chapter-image-overlay {\n    background: linear-gradient(135deg, rgba(27,139,135,0.18) 0%, transparent 60%);\n  }\n  .ryumon-wrapper .chapter--crimson .chapter-image-overlay {\n    background: linear-gradient(135deg, rgba(155,28,28,0.2) 0%, transparent 60%);\n  }\n  .ryumon-wrapper .chapter--shadow .chapter-image-overlay {\n    background: linear-gradient(135deg, rgba(12,11,9,0.25) 0%, transparent 60%);\n  }\n\n  .ryumon-wrapper .chapter-text {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: clamp(3rem, 6vw, 6rem) clamp(2.5rem, 5vw, 5rem);\n    position: relative;\n  }\n\n  .ryumon-wrapper .chapter--teal .chapter-text::before {\n    content: '';\n    position: absolute;\n    left: 0; top: 10%; bottom: 10%;\n    width: 1px;\n    background: linear-gradient(to bottom, transparent, var(--teal-light), transparent);\n  }\n  .ryumon-wrapper .chapter--crimson .chapter-text::before {\n    content: '';\n    position: absolute;\n    right: 0; top: 10%; bottom: 10%;\n    width: 1px;\n    background: linear-gradient(to bottom, transparent, var(--crimson-light), transparent);\n  }\n  .ryumon-wrapper .chapter--shadow .chapter-text::before {\n    content: '';\n    position: absolute;\n    left: 0; top: 10%; bottom: 10%;\n    width: 1px;\n    background: linear-gradient(to bottom, transparent, var(--gold-light), transparent);\n  }\n\n  .ryumon-wrapper .spirit-number {\n    font-size: 0.62rem;\n    letter-spacing: 0.5em;\n    color: var(--muted);\n    text-transform: uppercase;\n    margin-bottom: 1.2rem;\n  }\n\n  .ryumon-wrapper .spirit-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.8rem, 5vw, 4.5rem);\n    font-weight: 300;\n    line-height: 1.05;\n    margin-bottom: 0.6rem;\n    letter-spacing: -0.01em;\n  }\n\n  .ryumon-wrapper .chapter--teal .spirit-name  { color: var(--teal-light); }\n  .ryumon-wrapper .chapter--crimson .spirit-name { color: #E87070; }\n  .ryumon-wrapper .chapter--shadow .spirit-name  { color: var(--gold-light); }\n\n  .ryumon-wrapper .spirit-subtitle {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1rem;\n    font-style: italic;\n    color: var(--muted);\n    margin-bottom: 2.5rem;\n    letter-spacing: 0.05em;\n  }\n\n  .ryumon-wrapper .spirit-lore {\n    font-size: 0.88rem;\n    color: #B5AFA7;\n    line-height: 1.9;\n    max-width: 400px;\n    margin-bottom: 2.5rem;\n  }\n\n  .ryumon-wrapper .spirit-details {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1.2rem;\n    margin-bottom: 2.5rem;\n  }\n\n  .ryumon-wrapper .detail-item {\n    border-top: 1px solid rgba(255,255,255,0.08);\n    padding-top: 0.8rem;\n  }\n\n  .ryumon-wrapper .detail-label {\n    font-size: 0.62rem;\n    letter-spacing: 0.4em;\n    color: var(--muted);\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 0.3rem;\n  }\n\n  .ryumon-wrapper .detail-value {\n    font-size: 0.85rem;\n    color: var(--ivory-dim);\n    font-weight: 400;\n  }\n\n  .ryumon-wrapper .cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 1rem;\n    padding: 1rem 2rem;\n    border: 1px solid currentColor;\n    background: transparent;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 0.7rem;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    text-decoration: none;\n    cursor: pointer;\n    transition: background 0.3s, color 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ryumon-wrapper .cta-btn::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: currentColor;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.35s ease;\n    z-index: 0;\n  }\n\n  .ryumon-wrapper .cta-btn:hover::after { transform: scaleX(1); }\n\n  .ryumon-wrapper .cta-btn span {\n    position: relative;\n    z-index: 1;\n    transition: color 0.35s;\n  }\n\n  .ryumon-wrapper .cta-btn:hover span { color: var(--ink); }\n\n  .ryumon-wrapper .chapter--teal .cta-btn  { color: var(--teal-light); }\n  .ryumon-wrapper .chapter--crimson .cta-btn { color: #E87070; }\n  .ryumon-wrapper .chapter--shadow .cta-btn  { color: var(--gold-light); }\n\n  .ryumon-wrapper .btn-arrow {\n    position: relative;\n    z-index: 1;\n    font-size: 1rem;\n    transition: transform 0.3s, color 0.35s;\n  }\n\n  .ryumon-wrapper .cta-btn:hover .btn-arrow {\n    transform: translateX(4px);\n    color: var(--ink);\n  }\n\n  \/* ── CRAFT SECTION ── *\/\n  .ryumon-wrapper .craft {\n    padding: 8rem 2rem;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .ryumon-wrapper .craft-header {\n    text-align: center;\n    margin-bottom: 5rem;\n  }\n\n  .ryumon-wrapper .craft-pillars {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 3rem;\n  }\n\n  .ryumon-wrapper .pillar {\n    text-align: center;\n  }\n\n  .ryumon-wrapper .pillar-icon {\n    width: 48px;\n    height: 48px;\n    border: 1px solid rgba(184,149,42,0.3);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 1.5rem;\n  }\n\n  .ryumon-wrapper .pillar-icon svg {\n    width: 20px;\n    height: 20px;\n    stroke: var(--gold);\n    fill: none;\n    stroke-width: 1.2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .ryumon-wrapper .pillar-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.25rem;\n    font-weight: 400;\n    color: var(--ivory);\n    margin-bottom: 0.8rem;\n    letter-spacing: 0.05em;\n  }\n\n  .ryumon-wrapper .pillar-text {\n    font-size: 0.83rem;\n    color: var(--muted);\n    line-height: 1.8;\n  }\n\n  \/* ── TRIO GALLERY ── *\/\n  .ryumon-wrapper .trio {\n    padding: 0 2rem 8rem;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .ryumon-wrapper .trio-header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .ryumon-wrapper .trio-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2px;\n  }\n\n  .ryumon-wrapper .trio-card {\n    position: relative;\n    aspect-ratio: 1;\n    overflow: hidden;\n    cursor: pointer;\n  }\n\n  .ryumon-wrapper .trio-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.7s ease;\n    display: block;\n  }\n\n  .ryumon-wrapper .trio-card:hover img { transform: scale(1.06); }\n\n  .ryumon-wrapper .trio-card-caption {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    padding: 2rem 1.5rem 1.5rem;\n    background: linear-gradient(to top, rgba(12,11,9,0.85) 0%, transparent 100%);\n    transform: translateY(100%);\n    transition: transform 0.4s ease;\n  }\n\n  .ryumon-wrapper .trio-card:hover .trio-card-caption { transform: translateY(0); }\n\n  .ryumon-wrapper .trio-card-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.4rem;\n    font-weight: 300;\n    color: var(--ivory);\n    display: block;\n    margin-bottom: 0.2rem;\n  }\n\n  .ryumon-wrapper .trio-card-sub {\n    font-size: 0.7rem;\n    letter-spacing: 0.3em;\n    color: var(--muted);\n    text-transform: uppercase;\n  }\n\n  \/* ── PROMISE SECTION ── *\/\n  .ryumon-wrapper .promise {\n    background: var(--shadow-ink);\n    padding: 6rem 2rem;\n    text-align: center;\n    border-top: 1px solid rgba(184,149,42,0.12);\n    border-bottom: 1px solid rgba(184,149,42,0.12);\n  }\n\n  .ryumon-wrapper .promise-inner {\n    max-width: 680px;\n    margin: 0 auto;\n  }\n\n  .ryumon-wrapper .promise-quote {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.6rem, 3.5vw, 2.6rem);\n    font-weight: 300;\n    font-style: italic;\n    line-height: 1.5;\n    color: var(--ivory);\n    margin-bottom: 2rem;\n  }\n\n  .ryumon-wrapper .promise-badges {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 2rem;\n    margin-top: 3rem;\n  }\n\n  .ryumon-wrapper .badge {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.5rem;\n  }\n\n  .ryumon-wrapper .badge-icon {\n    width: 36px;\n    height: 36px;\n    border: 1px solid rgba(184,149,42,0.4);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ryumon-wrapper .badge-icon svg {\n    width: 16px;\n    height: 16px;\n    stroke: var(--gold);\n    fill: none;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .ryumon-wrapper .badge-label {\n    font-size: 0.65rem;\n    letter-spacing: 0.3em;\n    color: var(--muted);\n    text-transform: uppercase;\n  }\n\n  \/* ── SECTION LABEL ── *\/\n  .ryumon-wrapper .section-eyebrow {\n    font-size: 0.62rem;\n    letter-spacing: 0.5em;\n    color: var(--gold);\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 1.5rem;\n  }\n\n  .ryumon-wrapper .section-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 300;\n    color: var(--ivory);\n    line-height: 1.15;\n    margin-bottom: 1rem;\n  }\n\n  \/* ── SCROLL REVEAL ── *\/\n  .ryumon-wrapper .reveal {\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n\n  .ryumon-wrapper .reveal.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .ryumon-wrapper .reveal-delay-1 { transition-delay: 0.1s; }\n  .ryumon-wrapper .reveal-delay-2 { transition-delay: 0.22s; }\n  .ryumon-wrapper .reveal-delay-3 { transition-delay: 0.34s; }\n  .ryumon-wrapper .reveal-delay-4 { transition-delay: 0.46s; }\n\n  \/* ── RESPONSIVE ── *\/\n  @media (max-width: 800px) {\n    .ryumon-wrapper .chapter {\n      grid-template-columns: 1fr;\n      min-height: auto;\n    }\n\n    .ryumon-wrapper .chapter:nth-child(even) .chapter-image { order: 0; }\n    .ryumon-wrapper .chapter:nth-child(even) .chapter-text  { order: 1; }\n\n    .ryumon-wrapper .chapter--teal .chapter-text::before,\n    .ryumon-wrapper .chapter--crimson .chapter-text::before,\n    .ryumon-wrapper .chapter--shadow .chapter-text::before {\n      display: none;\n    }\n\n    .ryumon-wrapper .chapter-image { height: 60vw; }\n    .ryumon-wrapper .craft-pillars { grid-template-columns: 1fr; gap: 2rem; }\n    .ryumon-wrapper .trio-grid { grid-template-columns: 1fr; }\n    .ryumon-wrapper .trio-card { aspect-ratio: 4\/3; }\n    .ryumon-wrapper .spirit-details { grid-template-columns: 1fr; }\n  }\n\n  @media (max-width: 500px) {\n    .ryumon-wrapper .manifesto { padding: 5rem 1.5rem; }\n    .ryumon-wrapper .chapter-text { padding: 2.5rem 1.5rem; }\n    .ryumon-wrapper .craft { padding: 4rem 1.5rem; }\n    .ryumon-wrapper .trio { padding: 0 1.5rem 4rem; }\n\n    .ryumon-wrapper .ritual-open {\n      height: auto;\n      min-height: 75vh;\n      padding: 6rem 1rem 2rem;\n    }\n\n    .ryumon-wrapper .kamon {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 1.5rem;\n    }\n\n    .ryumon-wrapper .brand-tagline {\n      margin-bottom: 2rem;\n      text-align: center;\n      line-height: 1.6;\n    }\n\n    .ryumon-wrapper .gold-rule {\n      height: 40px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ryumon-wrapper .kamon { animation: none; }\n    .ryumon-wrapper .gold-rule { animation: none; }\n    .ryumon-wrapper .reveal {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ryumon-wrapper\"\u003e\n\n  \u003c!-- ══ OPENING RITUAL ══ --\u003e\n  \u003csection class=\"ritual-open\"\u003e\n    \u003cdiv class=\"kamon\" aria-hidden=\"true\"\u003e\n\n      \u003cdiv class=\"kamon-inner\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"brand-name\"\u003eRyūmon\u003c\/h1\u003e\n\n    \u003cp class=\"brand-tagline\"\u003eRubans de clavier sacrés · Édition limitée\u003c\/p\u003e\n\n    \u003cdiv class=\"gold-rule\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ══ MANIFESTO ══ --\u003e\n  \u003csection class=\"manifesto\"\u003e\n    \u003cspan class=\"section-eyebrow reveal visible\"\u003eL'Artisanat\u003c\/span\u003e\n    \u003cp class=\"manifesto-text reveal reveal-delay-1 visible\"\u003e\n      Chaque frappe mérite une cérémonie.\u003cbr\u003e\n      Chaque bureau, un autel.\n    \u003c\/p\u003e\n\n    \u003cp class=\"manifesto-body reveal reveal-delay-2 visible\"\u003e\n      Né de la tradition de l'art du tissu washi japonais, chaque ruban Ryūmon est \n      fini à la main avec une seule bande de soie à motifs, des charmes en cristal et un pompon en soie \n      teint dans l'esprit de son homonyme. Ce ne sont pas des accessoires. Ce sont des invocations — \n      placées une fois, ressenties toujours.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"horizon\" aria-hidden=\"true\"\u003e\n\n    \u003cdiv class=\"horizon-line\"\u003e\u003c\/div\u003e\n\n    \u003cspan class=\"horizon-glyph\"\u003e龍\u003c\/span\u003e\n    \u003cdiv class=\"horizon-line\"\u003e\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ══ CHAPTER I — UMIGAMI ══ --\u003e\n  \u003csection class=\"chapter chapter--teal\"\u003e\n    \u003cdiv class=\"chapter-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/2448\/2199\/files\/ChatGPTImageJun19_2026_08_37_59AM.png?v=1781843824\" alt=\"Umigami — le ruban de clavier Esprit de l'Océan en soie à vagues sarcelle avec des breloques en cristal et un pompon bleu-rose\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"chapter-image-overlay\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"chapter-text\"\u003e\n\n      \u003cspan class=\"spirit-number reveal visible\"\u003eChapitre I\u003c\/span\u003e\n      \u003ch2 class=\"spirit-name reveal reveal-delay-1 visible\"\u003eUmigami\u003c\/h2\u003e\n\n      \u003cp class=\"spirit-subtitle reveal reveal-delay-2 visible\"\u003eEsprit de l'Océan Infini\u003c\/p\u003e\n\n\n      \u003cp class=\"spirit-lore reveal reveal-delay-3 visible\"\u003e\n        Dans l'ancienne mythologie japonaise, Umigami – le dieu de l'océan – ne rugit pas. Il respire. \n        Son souffle devient la vague, la vague devient la côte. Ce ruban porte \n        son motif : soie style Nami, crêtes filées d'or, et un pompon dégradé \n        qui passe de la profondeur froide de la mer à la chaleur du corail. La breloque en cristal \n        capte la lumière comme l'eau calme capte le ciel.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"spirit-details reveal reveal-delay-3 visible\"\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003eTissu\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eSoie vague Nami — sarcelle \u0026amp; blanc\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003eBreloque\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eAnneau de cristal irisé\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003ePompon\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eSoie ombrée — océan au corail\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003eMonture\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eDouble-clou en cuir blanc\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003ca href=\"#\" class=\"cta-btn reveal reveal-delay-4 visible\"\u003e\n        \u003cspan\u003eRéclamer Umigami\u003c\/span\u003e\n        \u003cspan class=\"btn-arrow\"\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ══ CHAPTER II — KASAI ══ --\u003e\n  \u003csection class=\"chapter chapter--crimson\"\u003e\n    \u003cdiv class=\"chapter-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/2448\/2199\/files\/ChatGPT_Image_Jun_19_2026_10_33_49_AM.png?v=1781844628\" alt=\"Kasai — le ruban de clavier Esprit du Feu en soie nuage cramoisi et noir avec disque bi de jade rouge et pompon cramoisi\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"chapter-image-overlay\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"chapter-text\"\u003e\n\n      \u003cspan class=\"spirit-number reveal visible\"\u003eChapitre II\u003c\/span\u003e\n      \u003ch2 class=\"spirit-name reveal reveal-delay-1 visible\"\u003eKasai\u003c\/h2\u003e\n\n      \u003cp class=\"spirit-subtitle reveal reveal-delay-2 visible\"\u003eSouverain du Feu Sacré\u003c\/p\u003e\n\n\n      \u003cp class=\"spirit-lore reveal reveal-delay-3 visible\"\u003e\n        Kasai ne détruit pas. Il purifie. Le motif en spirale de soie cramoisie fait écho \n        aux motifs de nuages d'orage des bannières de bataille de l'époque Heian — un feu qui porte \n        l'intention. Son pendentif en jade sculpté avec la spirale de l'éternité, \n        et le pompon cramoisi pend comme une déclaration : \n        \u003cem\u003eJe suis celui devant ce clavier, et je suis éveillé.\u003c\/em\u003e\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"spirit-details reveal reveal-delay-3 visible\"\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003eTissu\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eSoie nuage d'orage — cramoisi \u0026amp; noir\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003eBreloque\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eDisque bi de jade sculpté — motif de feu\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003ePompon\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eSoie cramoisie pure\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003eMonture\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eDouble-clou en cuir blanc\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003ca href=\"#\" class=\"cta-btn reveal reveal-delay-4 visible\"\u003e\n        \u003cspan\u003eRéclamer Kasai\u003c\/span\u003e\n        \u003cspan class=\"btn-arrow\"\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ══ CHAPTER III — RYŪJIN ══ --\u003e\n  \u003csection class=\"chapter chapter--shadow\"\u003e\n    \u003cdiv class=\"chapter-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/2448\/2199\/files\/ChatGPT_Image_Jun_19_2026_10_49_52_AM.png?v=1781845504\" alt=\"Ryūjin — le ruban de clavier Dieu Dragon en soie nuage noir et or avec breloque dragon en argent et pompon en obsidienne\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"chapter-image-overlay\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"chapter-text\"\u003e\n\n      \u003cspan class=\"spirit-number reveal visible\"\u003eChapitre III\u003c\/span\u003e\n      \u003ch2 class=\"spirit-name reveal reveal-delay-1 visible\"\u003eRyūjin\u003c\/h2\u003e\n\n      \u003cp class=\"spirit-subtitle reveal reveal-delay-2 visible\"\u003eDieu Dragon des Profondeurs\u003c\/p\u003e\n\n\n      \u003cp class=\"spirit-lore reveal reveal-delay-3 visible\"\u003e\n        Ryūjin règne depuis le palais sous la mer, où le silence a du poids \n        et l'or coule dans l'obscurité comme des veines d'éclair. Ce ruban est fait \n        pour ceux qui n'ont pas besoin d'être vus pour être puissants. Soie noire parsemée \n        d'encre dorée — un motif qui bouge avec vous. Son pendentif dragon argenté \n        s'enroule autour de l'anneau de breloque, mâchoire ouverte, queue recroquevillée : souverain, immobile, \n        absolu.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"spirit-details reveal reveal-delay-3 visible\"\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003eTissu\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eSoie Kujira — noire \u0026amp; dorée\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003eBreloque\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003ePendentif dragon en argent sterling\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003ePompon\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eSoie noire obsidienne\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"detail-item\"\u003e\n\n          \u003cspan class=\"detail-label\"\u003eMonture\u003c\/span\u003e\n          \u003cspan class=\"detail-value\"\u003eDouble-clou en cuir ivoire\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003ca href=\"#\" class=\"cta-btn reveal reveal-delay-4 visible\"\u003e\n        \u003cspan\u003eRéclamer Ryūjin\u003c\/span\u003e\n        \u003cspan class=\"btn-arrow\"\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ══ CRAFT PILLARS ══ --\u003e\n  \u003csection class=\"craft\"\u003e\n    \u003cdiv class=\"craft-header\"\u003e\n\n      \u003cspan class=\"section-eyebrow reveal visible\"\u003ePourquoi Ryūmon\u003c\/span\u003e\n      \u003ch2 class=\"section-title reveal reveal-delay-1 visible\"\u003e\n\n        Les détails qui\u003cbr\u003efont la différence\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"craft-pillars\"\u003e\n\n      \u003cdiv class=\"pillar reveal visible\"\u003e\n\n        \u003cdiv class=\"pillar-icon\" aria-hidden=\"true\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2l2.5 7.5H22l-6.5 4.5 2.5 7.5L12 17l-6 4.5 2.5-7.5L3 9.5h7.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"pillar-title\"\u003eFini à la main\u003c\/h3\u003e\n\n        \u003cp class=\"pillar-text\"\u003e\n          Chaque ruban est assemblé individuellement — pas de chaînes de production, pas de raccourcis. \n          Le pompon est attaché, la breloque est suspendue et le clou est serti à la main, un par un.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pillar reveal reveal-delay-1 visible\"\u003e\n\n        \u003cdiv class=\"pillar-icon\" aria-hidden=\"true\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zM9 9h6M9 12h6M9 15h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"pillar-title\"\u003eDesign inspiré des mythes\u003c\/h3\u003e\n\n        \u003cp class=\"pillar-text\"\u003e\n          Chaque motif s'inspire des traditions textiles japonaises classiques — \n          vagues nami, nuages kumo et brocart kinrande — \n          mis à jour pour le bureau moderne du clavier mécanique.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pillar reveal reveal-delay-2 visible\"\u003e\n\n        \u003cdiv class=\"pillar-icon\" aria-hidden=\"true\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 12h14M12 5l7 7-7 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"pillar-title\"\u003eExpédition gratuite dans le monde entier\u003c\/h3\u003e\n\n        \u003cp class=\"pillar-text\"\u003e\n          Chaque commande est expédiée gratuitement, partout dans le monde, dans un emballage protecteur. \n          Chaque ruban arrive dans une enveloppe noire avec un sceau de cire \n          et une carte d'origine signée à la main.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"horizon\" aria-hidden=\"true\"\u003e\n\n    \u003cdiv class=\"horizon-line\"\u003e\u003c\/div\u003e\n\n    \u003cspan class=\"horizon-glyph\"\u003e波\u003c\/span\u003e\n    \u003cdiv class=\"horizon-line\"\u003e\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ══ TRIO GALLERY ══ --\u003e\n  \u003csection class=\"trio\"\u003e\n    \u003cdiv class=\"trio-header\"\u003e\n\n      \u003cspan class=\"section-eyebrow reveal visible\"\u003eLes trois esprits\u003c\/span\u003e\n      \u003ch2 class=\"section-title reveal reveal-delay-1 visible\"\u003eChoisissez votre invocation\u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trio-grid reveal reveal-delay-2 visible\"\u003e\n\n      \u003cdiv class=\"trio-card\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/2448\/2199\/files\/ChatGPT_Image_Jun_19_2026_10_49_42_AM.png?v=1781845505\" alt=\"Umigami — ruban vague sarcelle\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"trio-card-caption\"\u003e\n\n          \u003cspan class=\"trio-card-name\"\u003eUmigami\u003c\/span\u003e\n          \u003cspan class=\"trio-card-sub\"\u003eEsprit de l'Océan\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"trio-card\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/2448\/2199\/files\/ChatGPT_Image_Jun_19_2026_10_35_09_AM.png?v=1781844628\" alt=\"Kasai — ruban de feu cramoisi\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"trio-card-caption\"\u003e\n\n          \u003cspan class=\"trio-card-name\"\u003eKasai\u003c\/span\u003e\n          \u003cspan class=\"trio-card-sub\"\u003eSouverain du Feu\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"trio-card\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/2448\/2199\/files\/ChatGPT_Image_Jun_19_2026_11_04_21_AM.png?v=1781846375\" alt=\"Ryūjin — ruban dragon obsidienne\" loading=\"lazy\"\u003e\n        \u003cdiv class=\"trio-card-caption\"\u003e\n\n          \u003cspan class=\"trio-card-name\"\u003eRyūjin\u003c\/span\u003e\n          \u003cspan class=\"trio-card-sub\"\u003eDieu Dragon\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ══ PROMISE ══ --\u003e\n  \u003csection class=\"promise\"\u003e\n    \u003cdiv class=\"promise-inner\"\u003e\n\n      \u003cspan class=\"section-eyebrow reveal visible\"\u003eLa promesse Ryūmon\u003c\/span\u003e\n      \u003cp class=\"promise-quote reveal reveal-delay-1 visible\"\u003e\n        \"Un objet que vous atteignez cent fois par jour \n        devrait donner l'impression d'avoir été fait pour vous seul.\"\n      \u003c\/p\u003e\n\n      \u003cp class=\"manifesto-body reveal reveal-delay-2 visible\"\u003e\n        Ces rubans sont produits en séries limitées. Quand un esprit est épuisé, \n        il ne revient pas avant le cycle de fabrication de la saison suivante. \n        Chacun que vous possédez est un de moins dans le monde.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"promise-badges reveal reveal-delay-3 visible\"\u003e\n\n        \u003cdiv class=\"badge\"\u003e\n\n          \u003cdiv class=\"badge-icon\" aria-hidden=\"true\"\u003e\n\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cspan class=\"badge-label\"\u003eFini à la main\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"badge\"\u003e\n\n          \u003cdiv class=\"badge-icon\" aria-hidden=\"true\"\u003e\n\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v4l3 3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cspan class=\"badge-label\"\u003eÉdition limitée\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"badge\"\u003e\n\n          \u003cdiv class=\"badge-icon\" aria-hidden=\"true\"\u003e\n\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"10\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cspan class=\"badge-label\"\u003eExpédition mondiale\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"badge\"\u003e\n\n          \u003cdiv class=\"badge-icon\" aria-hidden=\"true\"\u003e\n\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cspan class=\"badge-label\"\u003eFabriqué avec soin\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ══ CLOSING ══ --\u003e\n  \u003csection class=\"manifesto\" style=\"padding-bottom: 10rem;\"\u003e\n    \u003cspan class=\"section-eyebrow reveal visible\"\u003eJusqu'à ce que nous nous revoyions\u003c\/span\u003e\n    \u003cp class=\"manifesto-text reveal reveal-delay-1 visible\"\u003e\n      Le clavier est l'instrument.\u003cbr\u003e\n      Le ruban est l'âme.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"horizon-line\" style=\"width:1px; height:80px; margin:0 auto; background: linear-gradient(to bottom, var(--gold), transparent);\"\u003e\u003c\/div\u003e\n\n    \u003cp style=\"margin-top:2rem; font-family:'Cormorant Garamond',serif; font-size:2rem; color:var(--gold); opacity:0.5; letter-spacing:0.3em;\" class=\"reveal reveal-delay-2 visible\"\u003e龍門\u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  const reveals = document.querySelectorAll('.ryumon-wrapper .reveal');\n  const io = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(e =\u003e {\n      if (e.isIntersecting) {\n        e.target.classList.add('visible');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n  reveals.forEach(el =\u003e io.observe(el));\n\u003c\/script\u003e","brand":"ZayDen","offers":[{"title":"Umigami","offer_id":47935743754391,"sku":null,"price":26.0,"currency_code":"GBP","in_stock":true},{"title":"Kasai","offer_id":47935743787159,"sku":null,"price":26.0,"currency_code":"GBP","in_stock":true},{"title":"Ryūjin","offer_id":47935743819927,"sku":null,"price":26.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0719\/2448\/2199\/files\/ChatGPTImageJun19_2026_08_34_28AM.png?v=1781844392","url":"https:\/\/www.zayden.store\/fr\/products\/ryumon","provider":"ZayDen","version":"1.0","type":"link"}