{"product_id":"ertt","title":"ertt","description":"\u003csection style=\"background-color: #ffffff; padding: 80px 0; font-family: 'Inter', sans-serif; overflow: hidden;\" class=\"story-section\"\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 20px; gap: 60px;\" class=\"story-container\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 320px;\" class=\"story-content\"\u003e\n\u003ch2 style=\"font-size: 32px; font-weight: bold; color: rgb(26, 26, 26); line-height: 1.2; margin-bottom: 25px; margin-top: 0px; padding-left: 40px;\" class=\"story-title\"\u003eUn réveil naturel et en douceur.\u003c\/h2\u003e\n\u003cp style=\"font-size: 18px; line-height: 1.8; color: #424245; margin: 0;\" class=\"story-text\"\u003eImaginez vos rideaux s'ouvrir centimètre par centimètre, à une vitesse imperceptible de \u003cstrong\u003e5 mm\/s\u003c\/strong\u003e. La lumière du soleil pénètre doucement dans votre chambre, signalant à votre cerveau qu'il est temps de sortir du sommeil. \u003cbr\u003e\u003cbr\u003eSans un bruit. Sans un sursaut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1.2; min-width: 350px;\" class=\"story-image-wrapper\"\u003e\u003cimg style=\"width: 100%; height: auto; border-radius: 20px; display: block; box-shadow: 0 15px 35px rgba(0,0,0,0.05);\" alt=\"Réveil en douceur avec rideaux intelligents\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0993\/8957\/1348\/files\/Gemini_Generated_Image_rkqz1orkqz1orkqz_1_1.png?v=1770226208\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* RESPONSIVE MOBILE *\/\n  @media (max-width: 768px) {\n    .story-container {\n      flex-direction: column !important; \/* Empile le texte sur l'image *\/\n      gap: 40px !important;\n      text-align: center;\n    }\n    \n    .story-section {\n      padding: 50px 0 !important;\n    }\n\n    .story-image-wrapper {\n      order: 2; \/* L'image passe en dessous du texte sur mobile *\/\n      min-width: 100% !important;\n    }\n\n    .story-content {\n      order: 1;\n      min-width: 100% !important;\n    }\n\n    .story-title {\n      font-size: 26px !important;\n    }\n\n    .story-text {\n      font-size: 16px !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003csection class=\"orena-world-class\"\u003e\n  \u003cdiv class=\"world-class-grid\"\u003e\n    \n    \u003cdiv class=\"visual-side\"\u003e\n      \u003cdiv class=\"media-container\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0993\/8957\/1348\/files\/imgi_234_71w2znWylZL._AC_SL1500.png?v=1770318992\" alt=\"Orena Wake System\" class=\"main-image\"\u003e\n        \u003cdiv class=\"edge-vignette\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"light-leak\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"text-side\"\u003e\n      \u003cdiv class=\"content-wrapper\"\u003e\n        \u003cdiv class=\"eyebrow-container\"\u003e\n          \u003cspan class=\"eyebrow\"\u003eInnovation Circadienne\u003c\/span\u003e\n          \u003cdiv class=\"moving-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003ch2 class=\"hero-title\"\u003e\n          \u003cspan class=\"line-mask\"\u003e\u003cspan\u003eUn réveil\u003c\/span\u003e\u003c\/span\u003e\n          \u003cspan class=\"line-mask\"\u003e\u003cspan class=\"italic-text\"\u003een douceur.\u003c\/span\u003e\u003c\/span\u003e\n        \u003c\/h2\u003e\n        \n        \u003cp class=\"description\"\u003e\n          Dites adieu aux alarmes stridentes. ORENAHOME orchestre une transition lumineuse d'une pureté absolue, synchronisant votre corps sur le rythme ancestral du soleil.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"feature-footer\"\u003e\n          \u003cdiv class=\"feature-item\"\u003e\n            \u003cspan class=\"feature-numb\"\u003e01\u003c\/span\u003e\n            \u003cspan class=\"feature-label\"\u003eSilence Sensoriel\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"feature-item\"\u003e\n            \u003cspan class=\"feature-numb\"\u003e02\u003c\/span\u003e\n            \u003cspan class=\"feature-label\"\u003eSpectre Solaire\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  :root {\n    --brand-green: #019300;\n    --dark-bg: #000000;\n    --text-grey: #a1a1a6;\n  }\n\n  .orena-world-class {\n    background-color: var(--dark-bg);\n    color: #ffffff;\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    padding: 140px 0;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Inter\", sans-serif;\n  }\n\n  .world-class-grid {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    align-items: center;\n    padding: 0 60px;\n    gap: 80px;\n  }\n\n  \/* --- VISUEL --- *\/\n  .visual-side {\n    position: relative;\n    z-index: 1;\n  }\n\n  .media-container {\n    position: relative;\n    border-radius: 4px;\n    overflow: hidden;\n    \/* Animation de flottement doux *\/\n    animation: float 6s ease-in-out infinite;\n  }\n\n  .main-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    filter: brightness(0.85) contrast(1.1);\n    transform: scale(1.05);\n    transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .orena-world-class:hover .main-image {\n    transform: scale(1);\n  }\n\n  .edge-vignette {\n    position: absolute;\n    inset: 0;\n    box-shadow: inset 0 0 80px 20px var(--dark-bg);\n    pointer-events: none;\n  }\n\n  .light-leak {\n    position: absolute;\n    top: -20%; left: -20%;\n    width: 100%; height: 100%;\n    background: radial-gradient(circle, rgba(1, 147, 0, 0.08) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  \/* --- TEXTE --- *\/\n  .text-side {\n    z-index: 2;\n  }\n\n  .eyebrow-container {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 35px;\n  }\n\n  .eyebrow {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    color: var(--brand-green);\n  }\n\n  .moving-line {\n    height: 1px;\n    width: 40px;\n    background: var(--brand-green);\n    animation: expandLine 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  .hero-title {\n    font-size: clamp(40px, 6vw, 75px);\n    font-weight: 700;\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n    margin-bottom: 40px;\n  }\n\n  .line-mask {\n    display: block;\n    overflow: hidden;\n  }\n\n  .line-mask span {\n    display: block;\n    transform: translateY(100%);\n    animation: revealText 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  .hero-title .line-mask:nth-child(2) span {\n    animation-delay: 0.15s;\n  }\n\n  .italic-text {\n    font-family: serif;\n    font-style: italic;\n    font-weight: 300;\n    color: #fff;\n    opacity: 0.9;\n  }\n\n  .description {\n    font-size: 20px;\n    line-height: 1.6;\n    color: var(--text-grey);\n    max-width: 480px;\n    margin-bottom: 60px;\n    font-weight: 300;\n  }\n\n  .feature-footer {\n    display: flex;\n    gap: 50px;\n    border-top: 1px solid #222;\n    padding-top: 40px;\n  }\n\n  .feature-item {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .feature-numb {\n    font-family: monospace;\n    font-size: 14px;\n    color: var(--brand-green);\n    margin-bottom: 8px;\n  }\n\n  .feature-label {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    font-weight: 600;\n  }\n\n  \/* --- ANIMATIONS --- *\/\n  @keyframes revealText {\n    to { transform: translateY(0); }\n  }\n\n  @keyframes expandLine {\n    from { width: 0; }\n    to { width: 40px; }\n  }\n\n  @keyframes float {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-15px); }\n  }\n\n  \/* --- MOBILE --- *\/\n  @media (max-width: 1024px) {\n    .world-class-grid { grid-template-columns: 1fr; text-align: center; gap: 60px; padding: 0 24px; }\n    .hero-title { font-size: 44px; }\n    .description { margin: 0 auto 40px auto; }\n    .feature-footer { justify-content: center; }\n    .eyebrow-container { justify-content: center; }\n  }\n\u003c\/style\u003e","brand":"SWITCHBOT ","offers":[{"title":"Default Title","offer_id":51982437384468,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0993\/8957\/1348\/files\/imgi_336_61AobBeE3fL_59b2ed27-c0b5-467b-ac9b-ead7ab33cc5b.png?v=1773525095","url":"https:\/\/orenahome.com\/products\/ertt","provider":"ORENA HOME","version":"1.0","type":"link"}