{"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","url":"https:\/\/solyd.store\/products\/genesis-iphone-case","provider":"SOLYD STORE","version":"1.0","type":"link"}