{"product_id":"obsidian-iphone-case","title":"Obsidian iPhone Case","description":"\u003cdiv class=\"ec-deck\"\u003e\n\n  \u003c!-- Slide 01: Lore \/ Manifesto --\u003e\n  \u003csection class=\"ec-slide ec-hero\"\u003e\n    \u003cdiv class=\"ec-hero__chrome\"\u003e\n      \u003cspan class=\"ec-num\"\u003e01\u003c\/span\u003e\n      \u003cspan class=\"ec-tag\"\u003eManifesto\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ec-hero__inner\"\u003e\n      \u003cdiv class=\"ec-prose\"\u003e\n        \u003cp\u003eObsidian was the first stone humans ever trusted as a blade, born from fire and cooled too quickly to settle. It fractures into sharp shards that catch light at every angle, none of them planned but all of them precise.\u003c\/p\u003e\n        \u003cp class=\"ec-pull\"\u003eThis case was sculpted in that same logic, \u003cem\u003eshaped by the raw geometry of the stone itself.\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Slide 02: Build --\u003e\n  \u003csection class=\"ec-slide ec-build\"\u003e\n    \u003cdiv class=\"ec-build__chrome\"\u003e\n      \u003cspan class=\"ec-num\"\u003e02\u003c\/span\u003e\n      \u003cspan class=\"ec-tag\"\u003eBuilt Different\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"ec-h3\"\u003eTwo materials.\u003cbr\u003e\u003cspan class=\"ec-muted\"\u003eEach chosen to do one job well.\u003c\/span\u003e\n\u003c\/h3\u003e\n\n    \u003cdiv class=\"ec-grid\"\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e001\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003eTPU Sides\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eFlexible polymer absorbs impact and gives you grip when it counts.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e002\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003ePolycarbonate Back\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eHard structural shell holds shape and shields the device.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e003\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003eResin-Sealed Facets\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eThe fractured pattern lives under a clear coat. Scratches stop at the surface; every angle stays sharp.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e004\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003eBlack Interior\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003ePremium matte finish lines the inside. Considered, end to end.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e005\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003eBuilt-in MagSafe\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eFull magnetic alignment for chargers, wallets, and mounts.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e006\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003eCamera Ring\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eDedicated black ring keeps lenses clean, aligned, and protected. Tested on thousands of units.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ec-footnote\"\u003e\n      \u003cspan\u003eSide cutouts fit holders \u0026amp; clips.\u003c\/span\u003e\n      \u003cspan class=\"ec-dot\"\u003e•\u003c\/span\u003e\n      \u003cspan\u003eWide charger port fits any cable.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .ec-deck {\n    --ec-bg: #ffffff;\n    --ec-fg: #0a0a0a;\n    --ec-muted: rgba(10,10,10,0.55);\n    --ec-line: rgba(10,10,10,0.12);\n    --ec-accent: #9644EE;\n    --ec-card-hover: rgba(150,68,238,0.04);\n    font-family: 'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif;\n    color: var(--ec-fg);\n    background: var(--ec-bg);\n    width: 100%;\n    box-sizing: border-box;\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n  }\n  .ec-deck *, .ec-deck *::before, .ec-deck *::after { box-sizing: border-box; }\n  .ec-deck p { margin: 0 0 1em; }\n  .ec-deck p:last-child { margin-bottom: 0; }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1\u0026display=swap');\n\n  .ec-display, .ec-h3, .ec-pull em {\n    font-family: 'Instrument Serif', 'Times New Roman', serif;\n    font-weight: 400;\n    letter-spacing: -0.01em;\n  }\n\n  .ec-slide {\n    position: relative;\n    padding: clamp(40px, 6vw, 80px) clamp(24px, 5vw, 80px);\n    border-bottom: 1px solid var(--ec-line);\n    overflow: hidden;\n  }\n  .ec-slide:last-child { border-bottom: 0; }\n\n  .ec-hero__chrome,\n  .ec-build__chrome {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: clamp(28px, 4vw, 48px);\n    font-size: 12px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n  .ec-num {\n    font-family: 'Instrument Serif', serif;\n    font-style: italic;\n    font-size: 22px;\n    color: var(--ec-accent);\n    letter-spacing: 0;\n  }\n  .ec-tag {\n    color: var(--ec-muted);\n    border-left: 1px solid var(--ec-line);\n    padding-left: 14px;\n    font-weight: 500;\n  }\n\n  .ec-hero__inner {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .ec-display {\n    margin: 0 0 clamp(20px, 3vw, 32px);\n    font-size: clamp(56px, 11vw, 160px);\n    line-height: 0.92;\n    letter-spacing: -0.03em;\n  }\n  .ec-display em {\n    font-style: italic;\n    color: var(--ec-accent);\n  }\n\n  .ec-causes {\n    display: block;\n    width: 100%;\n    height: clamp(100px, 12vw, 150px);\n    margin: 0 0 clamp(28px, 4vw, 44px);\n  }\n\n  .ec-prose {\n    max-width: 620px;\n    font-size: clamp(15px, 1.3vw, 18px);\n    color: rgba(10,10,10,0.78);\n  }\n  .ec-pull {\n    margin-top: 1.4em !important;\n    padding-top: 1.4em;\n    border-top: 1px solid var(--ec-line);\n    font-family: 'Instrument Serif', serif;\n    font-size: clamp(20px, 2.2vw, 28px);\n    line-height: 1.3;\n    color: var(--ec-fg);\n  }\n  .ec-pull em {\n    font-style: italic;\n    color: var(--ec-accent);\n  }\n\n  .ec-h3 {\n    margin: 0 0 clamp(36px, 5vw, 56px);\n    font-size: clamp(34px, 5vw, 56px);\n    line-height: 1.05;\n    letter-spacing: -0.02em;\n    max-width: 18ch;\n  }\n  .ec-muted {\n    color: var(--ec-muted);\n    font-style: italic;\n  }\n\n  .ec-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 1px;\n    background: var(--ec-line);\n    border: 1px solid var(--ec-line);\n    margin-bottom: clamp(28px, 4vw, 40px);\n  }\n  .ec-card {\n    background: var(--ec-bg);\n    padding: clamp(24px, 2.4vw, 32px);\n    transition: background-color .25s ease;\n  }\n  .ec-card:hover { background: var(--ec-card-hover); }\n  .ec-card__num {\n    font-family: 'Instrument Serif', serif;\n    font-style: italic;\n    color: var(--ec-accent);\n    font-size: 14px;\n    margin-bottom: 14px;\n  }\n  .ec-card__title {\n    font-size: 17px;\n    font-weight: 500;\n    letter-spacing: -0.005em;\n    margin-bottom: 8px;\n  }\n  .ec-card__body {\n    font-size: 14px;\n    line-height: 1.55;\n    color: var(--ec-muted);\n  }\n\n  .ec-footnote {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px 14px;\n    align-items: center;\n    font-size: 13px;\n    color: var(--ec-muted);\n  }\n  .ec-dot { color: var(--ec-accent); }\n\n  @keyframes ec-fade-up {\n    from { opacity: 0; transform: translateY(12px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  .ec-display, .ec-causes, .ec-prose, .ec-h3, .ec-card, .ec-footnote {\n    animation: ec-fade-up 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both;\n  }\n  .ec-causes { animation-delay: 0.05s; }\n  .ec-prose { animation-delay: 0.15s; }\n  .ec-h3 { animation-delay: 0.05s; }\n  .ec-card:nth-child(1) { animation-delay: 0.10s; }\n  .ec-card:nth-child(2) { animation-delay: 0.15s; }\n  .ec-card:nth-child(3) { animation-delay: 0.20s; }\n  .ec-card:nth-child(4) { animation-delay: 0.25s; }\n  .ec-card:nth-child(5) { animation-delay: 0.30s; }\n  .ec-card:nth-child(6) { animation-delay: 0.35s; }\n  .ec-footnote { animation-delay: 0.5s; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ec-deck * { animation: none !important; }\n  }\n\n  @media (max-width: 640px) {\n    .ec-display { font-size: clamp(54px, 16vw, 88px); }\n    .ec-h3 { font-size: clamp(28px, 7vw, 36px); }\n    .ec-causes { height: 90px; }\n  }\n\u003c\/style\u003e","brand":"SOLYD STORE","offers":[{"title":"iPhone 17 Pro Max","offer_id":53412467867990,"sku":"CASE-IP17PM-SY7-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro","offer_id":53412467900758,"sku":"CASE-IP17P-SY7-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17","offer_id":53412467933526,"sku":"CASE-IP17-SY7-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro Max","offer_id":53412467966294,"sku":"CASE-IP16PM-SY7-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro","offer_id":53412467999062,"sku":"CASE-IP16P-SY7-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16","offer_id":53412468031830,"sku":"CASE-IP16-SY7-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro Max","offer_id":53412468064598,"sku":"CASE-IP15PM-SY7-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro","offer_id":53412468097366,"sku":"CASE-IP15P-SY7-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15","offer_id":53412468130134,"sku":"CASE-IP15-SY7-R1","price":34.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/files\/iphone17ProMax_Obsidian.png?v=1777888016","url":"https:\/\/solyd.store\/products\/obsidian-iphone-case","provider":"SOLYD STORE","version":"1.0","type":"link"}