{"title":"iPhone Cases","description":"","products":[{"product_id":"born-solyd-iphone-phone-case","title":"Born SOLYD 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\u003eRepresenting our origins, this case is inspired by the history and colourfulness of the ecosystem. Iconic statements and symbols are scattered across the design, telling the story of not giving up, the trenches, leaders and the resilience of the community.\u003c\/p\u003e\n        \u003cp\u003eOne of our best-selling Solana Seeker cases to date.\u003c\/p\u003e\n        \u003cp class=\"ec-pull\"\u003eIf you feel it in yours, then \u003cem\u003eyou're Born SOLYD.\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 Story\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eEvery symbol lives under a clear coat. Scratches stop at the surface; the marks stay 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":53387362959702,"sku":"CASE-IP17PM-SY3-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro","offer_id":53387362926934,"sku":"CASE-IP17P-SY3-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17","offer_id":53387362894166,"sku":"CASE-IP17-SY3-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro Max","offer_id":53387362861398,"sku":"CASE-IP16PM-SY3-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro","offer_id":53387362828630,"sku":"CASE-IP16P-SY3-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16","offer_id":53387362795862,"sku":"CASE-IP16-SY3-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro Max","offer_id":53387362763094,"sku":"CASE-IP15PM-SY3-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro","offer_id":53387362730326,"sku":"CASE-IP15P-SY3-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15","offer_id":53387362697558,"sku":"CASE-IP15-SY3-R1","price":34.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/files\/iphone17ProMax_BornSolyd.png?v=1777720264"},{"product_id":"eternal-cycle-iphone-case","title":"Eternal Cycle iPhone Case","description":"\u003cdiv class=\"ec-deck\"\u003e\n\n  \u003c!-- Slide 01: Hero \/ 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\u003eEvery market tells the same old story. The bull charges, the bear answers, and the mountains keep watching like they always have.\u003c\/p\u003e\n        \u003cp\u003eNo one wins for long, and no one loses forever. Some chase the cycle, some fear it, but a rare few come to understand it.\u003c\/p\u003e\n        \u003cp class=\"ec-pull\"\u003eEternal Cycle is for the ones who've learned to \u003cem\u003elove the rhythm.\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 Art\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eThe design lives under a clear coat. Scratches stop at the surface; colors stay vivid.\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 ring keeps lenses clean, aligned, and protected.\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  \/* === SCOPED EVERYTHING TO .ec-deck === *\/\n\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\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\n  .ec-deck *, .ec-deck *::before, .ec-deck *::after { box-sizing: border-box; }\n\n  .ec-deck p { margin: 0 0 1em; }\n  .ec-deck p:last-child { margin-bottom: 0; }\n\n  \/* Display serif for headlines *\/\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    font-style: normal;\n    letter-spacing: -0.01em;\n  }\n\n  \/* === Slide chrome === *\/\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\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\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  \/* === Slide 01: Hero === *\/\n  .ec-hero {\n    min-height: 70vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .ec-hero__inner {\n    position: relative;\n    z-index: 1;\n  }\n\n  .ec-display {\n    margin: 0 0 clamp(24px, 4vw, 48px);\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-mountains {\n    position: absolute;\n    inset: auto 0 -1px 0;\n    width: 100%;\n    height: clamp(120px, 18vw, 240px);\n    z-index: 0;\n    pointer-events: none;\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    position: relative;\n    z-index: 1;\n  }\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    font-weight: 400;\n  }\n  .ec-pull em {\n    font-style: italic;\n    color: var(--ec-accent);\n  }\n\n  \/* === Slide 02: Build === *\/\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\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\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 {\n    background: var(--ec-card-hover);\n  }\n\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    letter-spacing: 0.02em;\n  }\n\n  .ec-card__title {\n    font-size: 17px;\n    font-weight: 500;\n    letter-spacing: -0.005em;\n    margin-bottom: 8px;\n  }\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    letter-spacing: 0.01em;\n  }\n  .ec-dot { color: var(--ec-accent); }\n\n  \/* === Reveal on load === *\/\n  @keyframes ec-fade-up {\n    from { opacity: 0; transform: translateY(12px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .ec-display,\n  .ec-prose,\n  .ec-h3,\n  .ec-card,\n  .ec-footnote {\n    animation: ec-fade-up 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both;\n  }\n  .ec-prose { animation-delay: 0.1s; }\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  \/* === Mobile === *\/\n  @media (max-width: 640px) {\n    .ec-hero { min-height: auto; }\n    .ec-display { font-size: clamp(54px, 16vw, 88px); }\n    .ec-h3 { font-size: clamp(28px, 7vw, 36px); }\n    .ec-mountains { height: 90px; }\n  }\n\u003c\/style\u003e","brand":"SOLYD STORE","offers":[{"title":"iPhone 17 Pro Max","offer_id":53388644057430,"sku":"CASE-IP17PM-SY5-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro","offer_id":53388644024662,"sku":"CASE-IP17P-SY5-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17","offer_id":53388643991894,"sku":"CASE-IP17-SY5-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro Max","offer_id":53388643959126,"sku":"CASE-IP16PM-SY5-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro","offer_id":53388643926358,"sku":"CASE-IP16P-SY5-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16","offer_id":53388643893590,"sku":"CASE-IP16-SY5-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro Max","offer_id":53388643860822,"sku":"CASE-IP15PM-SY5-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro","offer_id":53388643828054,"sku":"CASE-IP15P-SY5-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15","offer_id":53388643795286,"sku":"CASE-IP15-SY5-R1","price":34.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/files\/iPhone17Pro_EternalCycle.png?v=1777726318"},{"product_id":"genesis-iphone-case","title":"Genesis iPhone Case","description":"\u003cdiv class=\"ec-deck\"\u003e\n\n  \u003c!-- Slide 01: Hero \/ 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\u003eThere's always that moment when something new quietly begins, and only a few people are paying attention.\u003c\/p\u003e\n        \u003cp\u003eYears go by, and suddenly it's everywhere.\u003c\/p\u003e\n        \u003cp\u003eThere's something good about being one of the early ones.\u003c\/p\u003e\n        \u003cp class=\"ec-pull\"\u003eGenesis is \u003cem\u003efor them.\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 Art\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eThe design lives under a clear coat. Scratches stop at the surface; colors stay vivid.\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 ring keeps lenses clean, aligned, and protected.\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  \/* === SCOPED EVERYTHING TO .ec-deck === *\/\n\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\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\n  .ec-deck *, .ec-deck *::before, .ec-deck *::after { box-sizing: border-box; }\n\n  .ec-deck p { margin: 0 0 1em; }\n  .ec-deck p:last-child { margin-bottom: 0; }\n\n  \/* Display serif for headlines *\/\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    font-style: normal;\n    letter-spacing: -0.01em;\n  }\n\n  \/* === Slide chrome === *\/\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\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\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  \/* === Slide 01: Hero === *\/\n  .ec-hero {\n    min-height: 70vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .ec-hero__inner {\n    position: relative;\n    z-index: 1;\n  }\n\n  .ec-display {\n    margin: 0 0 clamp(24px, 4vw, 48px);\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-sunrise {\n    position: absolute;\n    inset: auto 0 -1px 0;\n    width: 100%;\n    height: clamp(140px, 20vw, 260px);\n    z-index: 0;\n    pointer-events: none;\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    position: relative;\n    z-index: 1;\n  }\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    font-weight: 400;\n  }\n  .ec-pull em {\n    font-style: italic;\n    color: var(--ec-accent);\n  }\n\n  \/* === Slide 02: Build === *\/\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\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\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 {\n    background: var(--ec-card-hover);\n  }\n\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    letter-spacing: 0.02em;\n  }\n\n  .ec-card__title {\n    font-size: 17px;\n    font-weight: 500;\n    letter-spacing: -0.005em;\n    margin-bottom: 8px;\n  }\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    letter-spacing: 0.01em;\n  }\n  .ec-dot { color: var(--ec-accent); }\n\n  \/* === Reveal on load === *\/\n  @keyframes ec-fade-up {\n    from { opacity: 0; transform: translateY(12px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .ec-display,\n  .ec-prose,\n  .ec-h3,\n  .ec-card,\n  .ec-footnote {\n    animation: ec-fade-up 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both;\n  }\n  .ec-prose { animation-delay: 0.1s; }\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  \/* === Mobile === *\/\n  @media (max-width: 640px) {\n    .ec-hero { min-height: auto; }\n    .ec-display { font-size: clamp(54px, 16vw, 88px); }\n    .ec-h3 { font-size: clamp(28px, 7vw, 36px); }\n    .ec-sunrise { height: 110px; }\n  }\n\u003c\/style\u003e","brand":"SOLYD STORE","offers":[{"title":"iPhone 17 Pro Max","offer_id":53388723487062,"sku":"CASE-IP17PM-SY4-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro","offer_id":53388723454294,"sku":"CASE-IP17P-SY4-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17","offer_id":53388723421526,"sku":"CASE-IP17-SY4-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro Max","offer_id":53388723388758,"sku":"CASE-IP16PM-SY4-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro","offer_id":53388723355990,"sku":"CASE-IP16P-SY4-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16","offer_id":53388723323222,"sku":"CASE-IP16-SY4-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro Max","offer_id":53388723290454,"sku":"CASE-IP15PM-SY4-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro","offer_id":53388723257686,"sku":"CASE-IP15P-SY4-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15","offer_id":53388723224918,"sku":"CASE-IP15-SY4-R1","price":34.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/files\/iPhone17ProMax_Genesis.png?v=1777726859"},{"product_id":"the-fifth-cause-iphone-case","title":"The Fifth Cause iPhone Case","description":"\u003cdiv class=\"ec-deck\"\u003e\n\n  \u003c!-- Slide 01: Hero \/ 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\u003eAristotle gave us four causes to explain why anything exists: the material it is made of, the form it takes, the force that brings it about, and the purpose it serves.\u003c\/p\u003e\n        \u003cp\u003eFor two thousand years, everyone believed the list was complete.\u003c\/p\u003e\n        \u003cp class=\"ec-pull\"\u003eThe Fifth Cause belongs to a different kind of inquiry, the one that \u003cem\u003emoves a chart, closes a position, and shapes the discipline of the trader.\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 Art\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eThe design lives under a clear coat. Scratches stop at the surface; colors stay vivid.\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 ring keeps lenses clean, aligned, and protected.\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  \/* === SCOPED EVERYTHING TO .ec-deck === *\/\n\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\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\n  .ec-deck *, .ec-deck *::before, .ec-deck *::after { box-sizing: border-box; }\n\n  .ec-deck p { margin: 0 0 1em; }\n  .ec-deck p:last-child { margin-bottom: 0; }\n\n  \/* Display serif for headlines *\/\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    font-style: normal;\n    letter-spacing: -0.01em;\n  }\n\n  \/* === Slide chrome === *\/\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\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\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  \/* === Slide 01: Hero === *\/\n  .ec-hero {\n    min-height: 70vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .ec-hero__inner {\n    position: relative;\n    z-index: 1;\n  }\n\n  .ec-display {\n    margin: 0 0 clamp(24px, 4vw, 48px);\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    position: absolute;\n    inset: auto 0 -1px 0;\n    width: 100%;\n    height: clamp(140px, 20vw, 260px);\n    z-index: 0;\n    pointer-events: none;\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    position: relative;\n    z-index: 1;\n  }\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    font-weight: 400;\n  }\n  .ec-pull em {\n    font-style: italic;\n    color: var(--ec-accent);\n  }\n\n  \/* === Slide 02: Build === *\/\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\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\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 {\n    background: var(--ec-card-hover);\n  }\n\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    letter-spacing: 0.02em;\n  }\n\n  .ec-card__title {\n    font-size: 17px;\n    font-weight: 500;\n    letter-spacing: -0.005em;\n    margin-bottom: 8px;\n  }\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    letter-spacing: 0.01em;\n  }\n  .ec-dot { color: var(--ec-accent); }\n\n  \/* === Reveal on load === *\/\n  @keyframes ec-fade-up {\n    from { opacity: 0; transform: translateY(12px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .ec-display,\n  .ec-prose,\n  .ec-h3,\n  .ec-card,\n  .ec-footnote {\n    animation: ec-fade-up 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both;\n  }\n  .ec-prose { animation-delay: 0.1s; }\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  \/* === Mobile === *\/\n  @media (max-width: 640px) {\n    .ec-hero { min-height: auto; }\n    .ec-display { font-size: clamp(54px, 16vw, 88px); }\n    .ec-h3 { font-size: clamp(28px, 7vw, 36px); }\n    .ec-causes { height: 120px; }\n  }\n\u003c\/style\u003e","brand":"SOLYD STORE","offers":[{"title":"iPhone 17 Pro Max","offer_id":53388753568086,"sku":"CASE-IP17PM-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro","offer_id":53388753535318,"sku":"CASE-IP17P-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17","offer_id":53388753502550,"sku":"CASE-IP17-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro Max","offer_id":53388753469782,"sku":"CASE-IP16PM-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro","offer_id":53388753437014,"sku":"CASE-IP16P-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16","offer_id":53388753404246,"sku":"CASE-IP16-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro Max","offer_id":53388753371478,"sku":"CASE-IP15PM-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro","offer_id":53388753338710,"sku":"CASE-IP15P-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15","offer_id":53388753305942,"sku":"CASE-IP15-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/files\/iPhone17Pro_Aristotele.png?v=1777727404"},{"product_id":"spirit-iphone-case","title":"Spirit 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\u003eThe oldest symbol of balance is also the simplest: one shape, made of two halves, each one carrying a small piece of the other. It has held its place for thousands of years because it never needed to be redrawn.\u003c\/p\u003e\n        \u003cp class=\"ec-pull\"\u003eThe Spirit case carries that same clarity, \u003cem\u003eimmediate, unmistakable, finished from the moment you see it.\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 Symbol\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eThe design lives under a clear coat. Scratches stop at the surface; the shape stays exactly as drawn.\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":53412149952854,"sku":"CASE-IP17PM-SY8-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro","offer_id":53412149985622,"sku":"CASE-IP17P-SY8-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17","offer_id":53412150018390,"sku":"CASE-IP17-SY8-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro Max","offer_id":53412150051158,"sku":"CASE-IP16PM-SY8-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro","offer_id":53412150083926,"sku":"CASE-IP16P-SY8-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16","offer_id":53412150116694,"sku":"CASE-IP16-SY8-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro Max","offer_id":53412150149462,"sku":"CASE-IP15PM-SY8-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro","offer_id":53412150182230,"sku":"CASE-IP15P-SY8-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15","offer_id":53412150214998,"sku":"CASE-IP15-SY8-R1","price":34.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/files\/iphone17ProMax_Spirit.png?v=1777887584"},{"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"},{"product_id":"vanta-iphone-case","title":"Vanta 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\u003eIn a lab in Surrey, scientists once built a black so deep that the eye stopped reading it as a surface and saw only a hole in space. Light entered the material and never found its way back out.\u003c\/p\u003e\n        \u003cp\u003eInspired by the darkest material known, the Vanta case absorbs nearly everything that touches it.\u003c\/p\u003e\n        \u003cp class=\"ec-pull\"\u003eLeaving only \u003cem\u003eshadow and style.\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 Finish\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eThe deep matte black sits under a thin clear coat. Scratches stop at the surface; the shadow stays.\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. Dark, 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":53412700029270,"sku":"CASE-IP17PM-SY2-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro","offer_id":53412700062038,"sku":"CASE-IP17P-SY2-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17","offer_id":53412700094806,"sku":"CASE-IP17-SY2-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro Max","offer_id":53412700127574,"sku":"CASE-IP16PM-SY2-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro","offer_id":53412700160342,"sku":"CASE-IP16P-SY2-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16","offer_id":53412700193110,"sku":"CASE-IP16-SY2-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro Max","offer_id":53412700225878,"sku":"CASE-IP15PM-SY2-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro","offer_id":53412700258646,"sku":"CASE-IP15P-SY2-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15","offer_id":53412700291414,"sku":"CASE-IP15-SY2-R1","price":34.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/files\/iphone17ProMax_Vanta.png?v=1777888811"},{"product_id":"zero-iphone-case","title":"Zero 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\u003eZero is the rarest kind of number, not because it adds, but because it holds space for everything else. Civilizations spent centuries before they could even see it.\u003c\/p\u003e\n        \u003cp\u003eThis case carries the same idea, protecting without changing what's underneath and leaving the phone exactly as it was designed to be.\u003c\/p\u003e\n        \u003cp class=\"ec-pull\"\u003eZero is for the ones who \u003cem\u003edon't need anything more.\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, fully transparent shell holds shape and shields the device without hiding it.\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\"\u003eStronger MagSafe\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eWith no design between the magnets and the back, the connection is stronger than on any printed case.\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\"\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      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e006\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003eStays Clear\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003eNo design layer means nothing to scratch, peel, or fade. The phone stays the phone.\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(80px, 10vw, 120px);\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: 70px; }\n  }\n\u003c\/style\u003e","brand":"SOLYD STORE","offers":[{"title":"iPhone 17 Pro Max","offer_id":53436218704214,"sku":"CASE-IP17PM-SY1-R1","price":28.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro","offer_id":53436218736982,"sku":"CASE-IP17P-SY1-R1","price":28.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17","offer_id":53436218769750,"sku":"CASE-IP17-SY1-R1","price":28.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro Max","offer_id":53436218802518,"sku":"CASE-IP16PM-SY1-R1","price":28.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro","offer_id":53436218835286,"sku":"CASE-IP16P-SY1-R1","price":28.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16","offer_id":53436218868054,"sku":"CASE-IP16-SY1-R1","price":28.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro Max","offer_id":53436218900822,"sku":"CASE-IP15PM-SY1-R1","price":28.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro","offer_id":53436218933590,"sku":"CASE-IP15P-SY1-R1","price":28.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15","offer_id":53436218966358,"sku":"CASE-IP15-SY1-R1","price":28.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/files\/iphone17ProMax_Zero_2_474dd375-7d23-48ee-925f-f46c4f18de71.png?v=1777976167"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/collections\/New_Born_SOLYD.png?v=1777728895","url":"https:\/\/solyd.store\/collections\/solyd-iphone-collection.oembed","provider":"SOLYD STORE","version":"1.0","type":"link"}