{"product_id":"norse-legends-viking-inspired-jewelry-collection","title":"⚔️ Norse Legends – Viking-Inspired Jewelry Collection","description":"\u003c!-- Norse Legends | The Workshop Journal | Shopify HTML --\u003e\n\u003cstyle\u003e\n  .norse-craft,\n  .norse-craft *,\n  .norse-craft *::before,\n  .norse-craft *::after {\n    box-sizing: border-box;\n  }\n\n  .norse-craft {\n    --nc-ink: #29271f;\n    --nc-copy: #655f52;\n    --nc-paper: #eee7d8;\n    --nc-cream: #f8f3e8;\n    --nc-dark: #211f19;\n    --nc-deep: #171712;\n    --nc-brass: #d4b57b;\n    --nc-bronze: #805c2e;\n    --nc-line: #d3c6ae;\n\n    container: norse-journal \/ inline-size;\n    width: 100%;\n    max-width: 1400px;\n    min-width: 0;\n    margin: 0 auto;\n    background: var(--nc-paper);\n    color: var(--nc-ink);\n    font: 400 16px\/1.75 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    text-align: left;\n    -webkit-text-size-adjust: 100%;\n  }\n\n  .norse-craft :where(h2, h3, p, figure, ul, li) {\n    margin: 0;\n  }\n\n  .norse-craft :where(div, header, section, figure, footer) {\n    min-width: 0;\n  }\n\n  .norse-craft .nc-inner {\n    width: calc(100% - 64px);\n    max-width: 1140px;\n    margin-inline: auto;\n  }\n\n  \/* 顶部刊头 *\/\n  .norse-craft .nc-masthead {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px 25px;\n    padding: 24px 0;\n    border-bottom: 1px solid #d4b57b3b;\n    color: #e7d8b9;\n  }\n\n  .norse-craft .nc-wordmark {\n    font: 400 19px\/1.2 Georgia, \"Times New Roman\", serif;\n    letter-spacing: .13em;\n  }\n\n  .norse-craft .nc-edition {\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 1.5;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n  }\n\n  .norse-craft .nc-band {\n    padding: clamp(45px, 6cqi, 85px) 0;\n  }\n\n  \/* 默认上文下图 *\/\n  .norse-craft .nc-row {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-areas: \"copy\" \"media\";\n    align-items: center;\n    gap: 32px;\n  }\n\n  .norse-craft .nc-copy {\n    grid-area: copy;\n    width: 100%;\n    max-width: 620px;\n    margin-inline: auto;\n  }\n\n  .norse-craft .nc-media {\n    grid-area: media;\n  }\n\n  \/* 文字层级 *\/\n  .norse-craft .nc-eye {\n    margin: 0 0 20px;\n    color: var(--nc-bronze);\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: .19em;\n    text-transform: uppercase;\n  }\n\n  .norse-craft .nc-title {\n    max-width: 720px;\n    margin: 0 0 24px;\n    padding: 0;\n    color: var(--nc-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(34px, 4.5cqi, 56px);\n    font-weight: 400;\n    line-height: 1.08;\n    letter-spacing: -.04em;\n    text-transform: none;\n    text-wrap: balance;\n    overflow-wrap: break-word;\n  }\n\n  .norse-craft .nc-title em {\n    display: block;\n    color: var(--nc-bronze);\n    font-family: inherit;\n    font-size: inherit;\n    font-style: italic;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n\n  .norse-craft .nc-body {\n    max-width: 43ch;\n    color: var(--nc-copy);\n    font-size: 17px;\n    line-height: 1.85;\n  }\n\n  .norse-craft .nc-note {\n    max-width: 60ch;\n    margin-top: 22px;\n    color: var(--nc-copy);\n    font-size: 12px;\n    line-height: 1.7;\n  }\n\n  .norse-craft .nc-rule {\n    width: 66px;\n    height: 1px;\n    margin: 27px 0;\n    background: var(--nc-bronze);\n  }\n\n  \/* 保留原始9:16竖图，不裁切 *\/\n  .norse-craft .nc-portrait {\n    position: relative;\n    width: calc(100% - 16px);\n    max-width: 376px;\n    margin: 0 auto;\n    padding: 7px;\n    border: 1px solid #a4875366;\n    background: #e5dac5;\n    box-shadow: 0 20px 48px #211c1b26;\n  }\n\n  .norse-craft .nc-portrait::before {\n    content: \"\";\n    position: absolute;\n    inset: -8px;\n    border: 1px solid #a4875338;\n    pointer-events: none;\n  }\n\n  .norse-craft .nc-photo {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    aspect-ratio: 9 \/ 16;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    object-fit: contain;\n    background: #30291f;\n  }\n\n  \/* 深色章节 *\/\n  .norse-craft .nc-dark {\n    color: #f5eddd;\n    background: var(--nc-dark);\n  }\n\n  .norse-craft .nc-dark .nc-title {\n    color: #f5eddd;\n  }\n\n  .norse-craft .nc-dark .nc-title em,\n  .norse-craft .nc-dark .nc-eye {\n    color: var(--nc-brass);\n  }\n\n  .norse-craft .nc-dark .nc-body {\n    color: #d2c9b7;\n  }\n\n  .norse-craft .nc-dark .nc-note {\n    color: #b4aa96;\n  }\n\n  .norse-craft .nc-dark .nc-rule {\n    background: var(--nc-brass);\n  }\n\n  .norse-craft .nc-dark .nc-portrait {\n    border-color: #d4b57b66;\n    background: #ffffff06;\n    box-shadow: 0 25px 58px #00000040;\n  }\n\n  .norse-craft .nc-dark .nc-portrait::before {\n    border-color: #d4b57b35;\n  }\n\n  \/* 封面：工坊氛围 *\/\n  .norse-craft .nc-cover {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    background:\n      radial-gradient(ellipse at 5% 14%, #a17c3d18, transparent 48%),\n      linear-gradient(135deg, #1b1c17, #302b20);\n  }\n\n  .norse-craft .nc-cover .nc-band {\n    padding-top: clamp(45px, 6cqi, 82px);\n  }\n\n  .norse-craft .nc-cover .nc-title {\n    font-size: clamp(42px, 5.8cqi, 72px);\n    line-height: 1.04;\n  }\n\n  .norse-craft .nc-chapter {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    margin-top: 30px;\n    padding-top: 18px;\n    border-top: 1px solid #d4b57b42;\n    color: #c7b89a;\n    font-size: 10px;\n    line-height: 1.5;\n    letter-spacing: .15em;\n    text-transform: uppercase;\n  }\n\n  .norse-craft .nc-chapter b {\n    font: 400 25px\/1 Georgia, serif;\n    letter-spacing: 0;\n    color: var(--nc-brass);\n  }\n\n  \/* 雕刻章节 *\/\n  .norse-craft .nc-paper {\n    background: linear-gradient(135deg, #f8f2e6, #eae0ce);\n  }\n\n  .norse-craft .nc-detail-list {\n    margin-top: 26px;\n    padding: 0;\n    list-style: none;\n    border-top: 1px solid var(--nc-line);\n  }\n\n  .norse-craft .nc-detail-list li {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    gap: 18px;\n    margin: 0;\n    padding: 12px 0;\n    border-bottom: 1px solid var(--nc-line);\n    list-style: none;\n    color: var(--nc-ink);\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  .norse-craft .nc-detail-list span {\n    color: var(--nc-bronze);\n    font: 400 12px\/1.5 Georgia, serif;\n  }\n\n  \/* 组装章节 *\/\n  .norse-craft .nc-pull {\n    max-width: 28ch;\n    margin-top: 28px;\n    padding-left: 18px;\n    border-left: 1px solid var(--nc-brass);\n    color: #e0c99c;\n    font: italic 24px\/1.5 Georgia, \"Times New Roman\", serif;\n  }\n\n  .norse-craft .nc-assembly {\n    background: linear-gradient(140deg, #26251d, #383021);\n  }\n\n  \/* 系列款式说明，非按钮 *\/\n  .norse-craft .nc-collection {\n    padding: 45px 0;\n    background: var(--nc-cream);\n    border-bottom: 1px solid var(--nc-line);\n  }\n\n  .norse-craft .nc-collection-head {\n    max-width: 740px;\n    margin: 0 auto 25px;\n    text-align: center;\n  }\n\n  .norse-craft .nc-collection-head .nc-title {\n    margin-bottom: 0;\n    font-size: clamp(30px, 3.5cqi, 43px);\n  }\n\n  .norse-craft .nc-styles {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 0;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    border-top: 1px solid var(--nc-line);\n  }\n\n  .norse-craft .nc-styles li {\n    margin: 0;\n    padding: 15px 8px;\n    border-bottom: 1px solid var(--nc-line);\n    color: var(--nc-bronze);\n    font-size: 12px;\n    line-height: 1.5;\n    text-align: center;\n    list-style: none;\n  }\n\n  .norse-craft .nc-collection .nc-note {\n    margin: 20px auto 0;\n    text-align: center;\n  }\n\n  \/* 结尾 *\/\n  .norse-craft .nc-ending {\n    padding: 45px 0 50px;\n    background: var(--nc-deep);\n    text-align: center;\n  }\n\n  .norse-craft .nc-ending .nc-title {\n    margin: 0 auto;\n    font-size: clamp(31px, 3.8cqi, 46px);\n  }\n\n  .norse-craft .nc-ending .nc-eye {\n    margin-bottom: 18px;\n  }\n\n  \/* 桌面端左右交错 *\/\n  @container norse-journal (min-width: 850px) {\n    .norse-craft .nc-row {\n      grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);\n      grid-template-areas: \"copy media\";\n      gap: clamp(40px, 6cqi, 90px);\n    }\n\n    .norse-craft .nc-reverse {\n      grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\n      grid-template-areas: \"media copy\";\n    }\n\n    .norse-craft .nc-styles {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  \/* 兼容不支持容器查询的浏览器 *\/\n  @supports not (container-type: inline-size) {\n    @media (min-width: 950px) {\n      .norse-craft .nc-row {\n        grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);\n        grid-template-areas: \"copy media\";\n        gap: 60px;\n      }\n\n      .norse-craft .nc-reverse {\n        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\n        grid-template-areas: \"media copy\";\n      }\n\n      .norse-craft .nc-styles {\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n      }\n    }\n  }\n\n  @container norse-journal (max-width: 560px) {\n    .norse-craft .nc-inner {\n      width: calc(100% - 36px);\n    }\n\n    .norse-craft .nc-masthead {\n      padding: 20px 0;\n    }\n\n    .norse-craft .nc-wordmark {\n      font-size: 17px;\n    }\n\n    .norse-craft .nc-edition {\n      font-size: 9px;\n    }\n\n    .norse-craft .nc-band {\n      padding: 42px 0;\n    }\n\n    .norse-craft .nc-cover .nc-band {\n      padding-top: 42px;\n    }\n\n    .norse-craft .nc-eye {\n      margin-bottom: 15px;\n    }\n\n    .norse-craft .nc-title {\n      font-size: 35px;\n      margin-bottom: 20px;\n    }\n\n    .norse-craft .nc-cover .nc-title {\n      font-size: 43px;\n    }\n\n    .norse-craft .nc-body {\n      font-size: 16px;\n      line-height: 1.8;\n    }\n\n    .norse-craft .nc-chapter {\n      margin-top: 24px;\n    }\n\n    .norse-craft .nc-pull {\n      font-size: 22px;\n    }\n\n    .norse-craft .nc-collection-head {\n      text-align: left;\n    }\n\n    .norse-craft .nc-collection-head .nc-title {\n      font-size: 33px;\n    }\n\n    .norse-craft .nc-ending .nc-title {\n      font-size: 33px;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .norse-craft .nc-inner {\n      width: calc(100% - 36px);\n    }\n\n    .norse-craft .nc-masthead {\n      padding: 20px 0;\n    }\n\n    .norse-craft .nc-band {\n      padding: 42px 0;\n    }\n\n    .norse-craft .nc-title {\n      font-size: 35px;\n    }\n\n    .norse-craft .nc-cover .nc-title {\n      font-size: 43px;\n    }\n\n    .norse-craft .nc-body {\n      font-size: 16px;\n    }\n\n    .norse-craft .nc-collection-head {\n      text-align: left;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"norse-craft\" lang=\"en-US\"\u003e\n\n  \u003c!-- =========================================\n       01 \/ 工坊封面与吊坠处理\n       ========================================= --\u003e\n  \u003cheader class=\"nc-cover nc-dark\"\u003e\n    \u003cdiv class=\"nc-inner\"\u003e\n\n      \u003cdiv class=\"nc-masthead\"\u003e\n        \u003cp class=\"nc-wordmark\"\u003e\n          NORSE LEGENDS\n        \u003c\/p\u003e\n\n        \u003cp class=\"nc-edition\"\u003e\n          The Workshop Journal\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nc-band nc-row\"\u003e\n\n        \u003cdiv class=\"nc-copy\"\u003e\n          \u003cp class=\"nc-eye\"\u003e\n            Norse-Inspired Design · Handwork in Focus\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"nc-title\"\u003e\n            From the workbench.\n            \u003cem\u003eTo something personal.\u003c\/em\u003e\n          \u003c\/h2\u003e\n\n          \u003cp class=\"nc-body\"\u003e\n            Hand tools. Close attention.\n            Details that reward a second look.\n            Explore the necklace-making story,\n            from pendant work to the final connection.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"nc-rule\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n          \u003cp class=\"nc-body\"\u003e\n            Hammer motifs, wolf-head forms and interwoven patterns—\n            old legends, given a place in the everyday.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"nc-chapter\"\u003e\n            \u003cb aria-hidden=\"true\"\u003e01\u003c\/b\u003e\n            \u003cspan\u003ePendant work \/ The first study\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cp class=\"nc-note\"\u003e\n            Workshop imagery features necklace designs from the collection.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cfigure class=\"nc-media nc-portrait\"\u003e\n          \u003cimg class=\"nc-photo\" src=\"https:\/\/i.ibb.co\/21nyjKdh\/Crafting-a-Wolfhead-Thor-Pendant-2.png\" alt=\"Workbench scene showing a craftsperson using a small hammer and metal tool on a hammer-shaped pendant\" width=\"360\" height=\"640\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\"\u003e\n        \u003c\/figure\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003c!-- =========================================\n       02 \/ 狼头雕刻与纹理\n       ========================================= --\u003e\n  \u003csection class=\"nc-band nc-paper\" aria-label=\"Wolf-head necklace detailing\"\u003e\n    \u003cdiv class=\"nc-inner nc-row nc-reverse\"\u003e\n\n      \u003cdiv class=\"nc-copy\"\u003e\n        \u003cp class=\"nc-eye\"\u003e\n          02 \/ The Art of the Small Detail\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"nc-title\"\u003e\n          The smallest lines.\n          \u003cem\u003eThe strongest character.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"nc-body\"\u003e\n          A wolf's expression. A patterned surface.\n          Close-up handwork brings the design into focus,\n          one detail at a time.\n        \u003c\/p\u003e\n\n        \u003cul class=\"nc-detail-list\" role=\"list\"\u003e\n          \u003cli\u003e\n            Wolf-head detailing\n            \u003cspan\u003e01\u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            Interwoven motifs\n            \u003cspan\u003e02\u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            A hammer-inspired pendant\n            \u003cspan\u003e03\u003c\/span\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cfigure class=\"nc-media nc-portrait\"\u003e\n        \u003cimg class=\"nc-photo\" src=\"https:\/\/i.ibb.co\/DPNLFpmS\/Engraving-a-Wolf-Head-Necklace-4.png\" alt=\"Craftsperson working on the fine details of a wolf-head necklace component with a hand tool\" width=\"360\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\n      \u003c\/figure\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- =========================================\n       03 \/ 手工连接与组装\n       ========================================= --\u003e\n  \u003csection class=\"nc-band nc-assembly nc-dark\" aria-label=\"Necklace hand assembly\"\u003e\n    \u003cdiv class=\"nc-inner nc-row\"\u003e\n\n      \u003cdiv class=\"nc-copy\"\u003e\n        \u003cp class=\"nc-eye\"\u003e\n          03 \/ Bringing the Elements Together\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"nc-title\"\u003e\n          The final connection.\n          \u003cem\u003eMade with attention.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"nc-body\"\u003e\n          The chain. The wolf heads. The central ring.\n          Hand assembly brings the necklace's defining\n          elements together.\n        \u003c\/p\u003e\n\n        \u003cp class=\"nc-pull\"\u003e\n          It is the small work that gives a bold piece its character.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cfigure class=\"nc-media nc-portrait\"\u003e\n        \u003cimg class=\"nc-photo\" src=\"https:\/\/i.ibb.co\/k642F3hd\/Final-Assembly-of-a-Twin-Wolf-Necklace-3.png\" alt=\"Craftsperson using two pairs of pliers to assemble the connecting components of a twin-wolf necklace\" width=\"360\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\n      \u003c\/figure\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- =========================================\n       04 \/ 系列款式说明\n       ========================================= --\u003e\n  \u003csection class=\"nc-collection\" aria-label=\"Norse Legends collection styles\"\u003e\n    \u003cdiv class=\"nc-inner\"\u003e\n\n      \u003cheader class=\"nc-collection-head\"\u003e\n        \u003cp class=\"nc-eye\"\u003e\n          Four Designs · One Norse-Inspired Collection\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"nc-title\"\u003e\n          Find the motif\n          \u003cem\u003ethat feels like you.\u003c\/em\u003e\n        \u003c\/h2\u003e\n      \u003c\/header\u003e\n\n      \u003cul class=\"nc-styles\" role=\"list\"\u003e\n        \u003cli\u003eHammer Necklace\u003c\/li\u003e\n        \u003cli\u003eDragon Bracelet\u003c\/li\u003e\n        \u003cli\u003eWolf Bracelet\u003c\/li\u003e\n        \u003cli\u003eRaven Bracelet\u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cp class=\"nc-note\"\u003e\n        Workshop images illustrate the necklace-making process.\n        Your selected product option determines the item ordered.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- =========================================\n       05 \/ 工坊故事收尾\n       ========================================= --\u003e\n  \u003cfooter class=\"nc-ending nc-dark\"\u003e\n    \u003cdiv class=\"nc-inner\"\u003e\n\n      \u003cp class=\"nc-eye\"\u003e\n        Norse Legends\n      \u003c\/p\u003e\n\n      \u003ch2 class=\"nc-title\"\u003e\n        Legends in the design.\n        \u003cem\u003eHandwork in the details.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n  \u003c\/footer\u003e\n\n\u003c\/div\u003e\n\u003c!-- Norse Legends | Product Showcase --\u003e\n\u003cstyle\u003e\n  .norse-showcase,\n  .norse-showcase *,\n  .norse-showcase *::before,\n  .norse-showcase *::after {\n    box-sizing: border-box;\n  }\n\n  .norse-showcase {\n    --ng-paper: #eee7d8;\n    --ng-cream: #f8f3e8;\n    --ng-ink: #29271f;\n    --ng-copy: #655f52;\n    --ng-bronze: #805c2e;\n    --ng-line: #d3c6ae;\n\n    container: norse-showcase \/ inline-size;\n    width: 100%;\n    max-width: 1400px;\n    min-width: 0;\n    margin: 0 auto;\n    padding: 58px 0 62px;\n    background: var(--ng-paper);\n    color: var(--ng-ink);\n    font: 400 16px\/1.7 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    text-align: left;\n    -webkit-text-size-adjust: 100%;\n  }\n\n  .norse-showcase :where(h2, h3, p, figure, ul, li) {\n    margin: 0;\n  }\n\n  .norse-showcase .ng-inner {\n    width: calc(100% - 64px);\n    max-width: 1140px;\n    min-width: 0;\n    margin-inline: auto;\n  }\n\n  \/* 顶部刊头 *\/\n  .norse-showcase .ng-folio {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px 22px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--ng-line);\n    color: var(--ng-bronze);\n    font-size: 10px;\n    font-weight: 650;\n    line-height: 1.5;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  .norse-showcase .ng-header {\n    max-width: 780px;\n    margin: 33px auto 34px;\n    text-align: center;\n  }\n\n  .norse-showcase .ng-title {\n    margin: 0 0 16px;\n    padding: 0;\n    color: var(--ng-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(33px, 4.2vw, 49px);\n    font-weight: 400;\n    line-height: 1.12;\n    letter-spacing: -.035em;\n    text-transform: none;\n    text-wrap: balance;\n  }\n\n  .norse-showcase .ng-title em {\n    display: block;\n    color: var(--ng-bronze);\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    font-style: italic;\n  }\n\n  .norse-showcase .ng-intro {\n    max-width: 54ch;\n    margin-inline: auto;\n    color: var(--ng-copy);\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  \/* 手机端：横向滑动，露出下一张 *\/\n  .norse-showcase .ng-track {\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: 88%;\n    gap: 16px;\n    width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0 0 14px;\n    overflow-x: auto;\n    list-style: none;\n    scroll-snap-type: x mandatory;\n    overscroll-behavior-x: contain;\n    scrollbar-width: thin;\n    scrollbar-color: #aa8c5e #e2d8c5;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .norse-showcase .ng-track::-webkit-scrollbar {\n    height: 4px;\n  }\n\n  .norse-showcase .ng-track::-webkit-scrollbar-track {\n    background: #e2d8c5;\n  }\n\n  .norse-showcase .ng-track::-webkit-scrollbar-thumb {\n    background: #aa8c5e;\n  }\n\n  .norse-showcase .ng-track:focus-visible {\n    outline: 2px solid var(--ng-bronze);\n    outline-offset: 5px;\n  }\n\n  .norse-showcase .ng-item {\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    scroll-snap-align: start;\n  }\n\n  .norse-showcase .ng-card {\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    border: 1px solid var(--ng-line);\n    background: var(--ng-cream);\n  }\n\n  \/* 文字始终在图片上方 *\/\n  .norse-showcase .ng-caption {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n    min-width: 0;\n    margin: 0;\n    padding: 17px 18px 16px;\n    text-align: left;\n  }\n\n  .norse-showcase .ng-name {\n    margin: 0 0 5px;\n    color: var(--ng-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 21px;\n    font-weight: 400;\n    line-height: 1.25;\n    letter-spacing: -.02em;\n    text-transform: none;\n  }\n\n  .norse-showcase .ng-scene {\n    margin: 0;\n    color: var(--ng-copy);\n    font-size: 11px;\n    line-height: 1.5;\n    letter-spacing: .045em;\n  }\n\n  .norse-showcase .ng-number {\n    flex-shrink: 0;\n    padding-top: 4px;\n    color: var(--ng-bronze);\n    font-size: 10px;\n    line-height: 1.5;\n    letter-spacing: .08em;\n    font-variant-numeric: tabular-nums;\n  }\n\n  .norse-showcase .ng-photo {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    aspect-ratio: 1 \/ 1;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    object-fit: contain;\n    background: #e4ddcf;\n  }\n\n  .norse-showcase .ng-hint {\n    margin-top: 13px;\n    color: var(--ng-copy);\n    font-size: 12px;\n    line-height: 1.5;\n    text-align: center;\n    letter-spacing: .025em;\n  }\n\n  \/* 中等宽度：两列 *\/\n  @container norse-showcase (min-width: 600px) {\n    .norse-showcase .ng-track {\n      grid-auto-flow: row;\n      grid-auto-columns: auto;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 22px;\n      padding-bottom: 0;\n      overflow: visible;\n      scroll-snap-type: none;\n    }\n\n    .norse-showcase .ng-hint {\n      display: none;\n    }\n  }\n\n  \/* 桌面宽度：三列两行 *\/\n  @container norse-showcase (min-width: 960px) {\n    .norse-showcase .ng-track {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 25px;\n    }\n  }\n\n  @container norse-showcase (max-width: 560px) {\n    .norse-showcase .ng-inner {\n      width: calc(100% - 32px);\n    }\n\n    .norse-showcase .ng-header {\n      margin: 25px 0 27px;\n      text-align: left;\n    }\n\n    .norse-showcase .ng-title {\n      font-size: 34px;\n    }\n\n    .norse-showcase .ng-intro {\n      margin: 0;\n      font-size: 15px;\n    }\n\n    .norse-showcase .ng-caption {\n      padding: 15px;\n    }\n\n    .norse-showcase .ng-name {\n      font-size: 20px;\n    }\n\n    .norse-showcase .ng-folio {\n      font-size: 9px;\n      letter-spacing: .12em;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .norse-showcase {\n      padding: 40px 0 43px;\n    }\n\n    .norse-showcase .ng-inner {\n      width: calc(100% - 32px);\n    }\n\n    .norse-showcase .ng-header {\n      margin: 25px 0 27px;\n      text-align: left;\n    }\n\n    .norse-showcase .ng-title {\n      font-size: 34px;\n    }\n\n    .norse-showcase .ng-intro {\n      margin: 0;\n      font-size: 15px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"norse-showcase\" lang=\"en-US\" aria-label=\"Norse Legends product showcase\"\u003e\n  \u003cdiv class=\"ng-inner\"\u003e\n\n    \u003cdiv class=\"ng-folio\"\u003e\n      \u003cspan\u003eNorse Legends \/ The Everyday Edit\u003c\/span\u003e\n      \u003cspan\u003eSix Views · Four Designs\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cheader class=\"ng-header\"\u003e\n      \u003ch2 class=\"ng-title\"\u003e\n        Beyond the workbench.\n        \u003cem\u003ePart of everyday life.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"ng-intro\"\u003e\n        Unboxed, worn and given.\n        A closer look at the necklaces and cuffs in everyday settings.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003cul class=\"ng-track\" role=\"list\" tabindex=\"0\" aria-label=\"Six jewelry showcase photos. On small screens, swipe or use the arrow keys to explore.\"\u003e\n\n      \u003c!-- 01 \/ 渡鸦手镯开箱 --\u003e\n      \u003cli class=\"ng-item\"\u003e\n        \u003cfigure class=\"ng-card\"\u003e\n          \u003cfigcaption class=\"ng-caption\"\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"ng-name\"\u003eRaven Bracelet\u003c\/h3\u003e\n              \u003cp class=\"ng-scene\"\u003eThe first unboxing\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cspan class=\"ng-number\" aria-hidden=\"true\"\u003e\n              01 \/ 06\n            \u003c\/span\u003e\n          \u003c\/figcaption\u003e\n\n          \u003cimg class=\"ng-photo\" src=\"https:\/\/i.ibb.co\/5WFnWnqj\/Unboxing-a-dark-raven-cuff-8.png\" alt=\"A dark raven-head cuff held in the palm above an open box\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/figure\u003e\n      \u003c\/li\u003e\n\n      \u003c!-- 02 \/ 雷神锤项链送礼 --\u003e\n      \u003cli class=\"ng-item\"\u003e\n        \u003cfigure class=\"ng-card\"\u003e\n          \u003cfigcaption class=\"ng-caption\"\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"ng-name\"\u003eHammer Necklace\u003c\/h3\u003e\n              \u003cp class=\"ng-scene\"\u003eA gift with character\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cspan class=\"ng-number\" aria-hidden=\"true\"\u003e\n              02 \/ 06\n            \u003c\/span\u003e\n          \u003c\/figcaption\u003e\n\n          \u003cimg class=\"ng-photo\" src=\"https:\/\/i.ibb.co\/hRMBK5wN\/A-cherished-wolf-necklace-gift-7.png\" alt=\"A couple admiring a twin-wolf necklace with a hammer pendant beside an open gift box\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/figure\u003e\n      \u003c\/li\u003e\n\n      \u003c!-- 03 \/ 狼头手镯展示 --\u003e\n      \u003cli class=\"ng-item\"\u003e\n        \u003cfigure class=\"ng-card\"\u003e\n          \u003cfigcaption class=\"ng-caption\"\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"ng-name\"\u003eWolf Bracelet\u003c\/h3\u003e\n              \u003cp class=\"ng-scene\"\u003eWolf-head detail, up close\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cspan class=\"ng-number\" aria-hidden=\"true\"\u003e\n              03 \/ 06\n            \u003c\/span\u003e\n          \u003c\/figcaption\u003e\n\n          \u003cimg class=\"ng-photo\" src=\"https:\/\/i.ibb.co\/9kmBQnrC\/Wolf-head-braided-cuff-in-a-home-office-6.png\" alt=\"A man holding a braided wolf-head cuff in a home office\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/figure\u003e\n      \u003c\/li\u003e\n\n      \u003c!-- 04 \/ 渡鸦手镯佩戴 --\u003e\n      \u003cli class=\"ng-item\"\u003e\n        \u003cfigure class=\"ng-card\"\u003e\n          \u003cfigcaption class=\"ng-caption\"\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"ng-name\"\u003eRaven Bracelet\u003c\/h3\u003e\n              \u003cp class=\"ng-scene\"\u003eOn the wrist\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cspan class=\"ng-number\" aria-hidden=\"true\"\u003e\n              04 \/ 06\n            \u003c\/span\u003e\n          \u003c\/figcaption\u003e\n\n          \u003cimg class=\"ng-photo\" src=\"https:\/\/i.ibb.co\/wZ6zvFWp\/Raven-Cuff-on-a-Relaxed-Wrist-5.png\" alt=\"A dark raven-head cuff worn on a wrist resting beside a book\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/figure\u003e\n      \u003c\/li\u003e\n\n      \u003c!-- 05 \/ 龙纹手镯细节 --\u003e\n      \u003cli class=\"ng-item\"\u003e\n        \u003cfigure class=\"ng-card\"\u003e\n          \u003cfigcaption class=\"ng-caption\"\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"ng-name\"\u003eDragon Bracelet\u003c\/h3\u003e\n              \u003cp class=\"ng-scene\"\u003eA closer look at the details\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cspan class=\"ng-number\" aria-hidden=\"true\"\u003e\n              05 \/ 06\n            \u003c\/span\u003e\n          \u003c\/figcaption\u003e\n\n          \u003cimg class=\"ng-photo\" src=\"https:\/\/i.ibb.co\/YBMt1Kby\/Twisted-silver-dragon-cuff-in-her-palm-4.png\" alt=\"A twisted dragon-head cuff displayed in a hand\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/figure\u003e\n      \u003c\/li\u003e\n\n      \u003c!-- 06 \/ 雷神锤项链佩戴 --\u003e\n      \u003cli class=\"ng-item\"\u003e\n        \u003cfigure class=\"ng-card\"\u003e\n          \u003cfigcaption class=\"ng-caption\"\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"ng-name\"\u003eHammer Necklace\u003c\/h3\u003e\n              \u003cp class=\"ng-scene\"\u003eWorn your way\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cspan class=\"ng-number\" aria-hidden=\"true\"\u003e\n              06 \/ 06\n            \u003c\/span\u003e\n          \u003c\/figcaption\u003e\n\n          \u003cimg class=\"ng-photo\" src=\"https:\/\/i.ibb.co\/d447cpdh\/Twin-Wolf-Necklace-with-Hammer-Pendant-3.png\" alt=\"A man wearing a twin-wolf necklace with a hammer pendant on a porch\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/figure\u003e\n      \u003c\/li\u003e\n\n    \u003c\/ul\u003e\n\n    \u003cp class=\"ng-hint\"\u003e\n      Swipe to explore all six views →\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"LHH","offers":[{"title":"Hammer Necklace","offer_id":51044332601602,"sku":"T02F26111311-Hammer Necklace","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Dragon Bracelet","offer_id":51044420681986,"sku":"T02F26111311-Dragon Bracelet","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Wolf Bracelet","offer_id":51044332634370,"sku":"T02F26111311-Wolf Bracelet","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Raven Bracelet","offer_id":51044332667138,"sku":"T02F26111311-Raven Bracelet","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0837\/7666\/7906\/files\/02_fe4e6a89-ddcb-483b-9e9f-2077841db596.jpg?v=1794564505","url":"https:\/\/velmao.com\/fr\/products\/norse-legends-viking-inspired-jewelry-collection","provider":"Velmao","version":"1.0","type":"link"}