{"id":2111,"date":"2025-12-31T11:04:02","date_gmt":"2025-12-31T11:04:02","guid":{"rendered":"https:\/\/in2050.space\/?page_id=2111"},"modified":"2026-10-19T22:39:23","modified_gmt":"2026-10-19T22:39:23","slug":"produit-triangulaire","status":"publish","type":"page","link":"https:\/\/in2050.space\/fr\/triangulum-product\/","title":{"rendered":"IN2050 &#8211; Triangulum"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2111\" class=\"elementor elementor-2111\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5250b2f e-con-full e-flex e-con e-parent\" data-id=\"5250b2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8d3918 elementor-widget__width-auto elementor-widget elementor-widget-html\" data-id=\"a8d3918\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n                <style>\r\n        :root { --bg-color: #FFFFFF; --text-color: #1E1E1B; --nav-width: 60px; --side-padding: 80px; }\r\n        * { box-sizing: border-box; margin: 0; padding: 0; }\r\n        \r\n        html { scroll-snap-type: y mandatory; scroll-behavior: smooth; }\r\n        body { background-color: var(--bg-color); color: var(--text-color); font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; width: 100%; }\r\n\r\n        h1 { font-family: 'Alumni Sans', sans-serif; font-weight: 100; font-size: 80px; line-height: 0.7; }\r\n        h2 { font-family: 'Alumni Sans', sans-serif; font-weight: 100; font-size: 50px; line-height: 1.0; margin: 0; }\r\n        .txt-1 { font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 1.0; font-weight: 300; }\r\n        p { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 300; }\r\n        a { color: inherit; text-decoration: none; cursor: pointer; transition: opacity 0.3s ease; border-bottom: none; }\r\n\r\n        .scroll-reveal { opacity: 0; transform: translateY(30px); transition: opacity 1.2s ease, transform 1.2s ease; }\r\n        .scroll-reveal.in-view { opacity: 1; transform: translateY(0); }\r\n\r\n        .fixed-nav { position: fixed; top: 0; left: 0; width: var(--nav-width); height: 100vh; display: block; z-index: 1000; background: transparent; border-right: 1px solid #000000; transition: border-right-color 0.3s ease; }\r\n        .hamburger { width: 24px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; background: none; }\r\n        .hamburger span { display: block; width: 100%; height: 1px; background-color: #000000 !important; }\r\n        .sidebar-logo { position: absolute; top: 80px; left: 50%; width: 80%; height: auto; transform: translateX(-50%); display: block; filter: invert(1); transition: filter 0.3s ease; }\r\n\r\n        .fixed-nav.nav-white { border-right: 1px solid rgba(255, 255, 255, 0.1); }\r\n        .fixed-nav.nav-white .hamburger span { background-color: #ffffff !important; }\r\n        .fixed-nav.nav-white .sidebar-logo { filter: none; }\r\n\r\n        .mobile-header { display: none; }\r\n\r\n        .mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100dvh; background-color: #1E1E1B; z-index: 2000; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.5s ease, visibility 0.5s ease; display: flex; }\r\n        .mobile-menu-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; }\r\n        \r\n        .menu-sidebar-strip { width: var(--nav-width); height: 100%; border-right: 1px solid rgba(255, 255, 255, 0.1); position: relative; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; }\r\n        .menu-sidebar-strip .sidebar-logo { filter: none; }\r\n        \r\n        .menu-close-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; cursor: pointer; display: flex; justify-content: center; align-items: center; }\r\n        .menu-close-btn span { position: absolute; width: 100%; height: 1px; background-color: #fff; display: block; transition: transform 0.3s ease; }\r\n        .menu-close-btn span:nth-child(1) { transform: rotate(45deg); }\r\n        .menu-close-btn span:nth-child(2) { transform: rotate(-45deg); }\r\n        \r\n        .menu-main-content { flex-grow: 1; display: flex; align-items: center; padding: 0 100px; }\r\n        .menu-links-container { display: flex; justify-content: flex-start; align-items: center; gap: 60px; width: 100%; }\r\n        .menu-links-container a { font-family: 'Alumni Sans', sans-serif; font-size: 28px; font-weight: 300; color: #fff; text-decoration: none; display: flex; align-items: center; opacity: 0; transform: translateX(-30px); transition: opacity 0.5s ease, transform 0.5s ease; text-transform: none; border-bottom: none; padding-bottom: 0; white-space: nowrap; }\r\n        .mobile-menu-overlay.active .menu-links-container a { opacity: 1; transform: translateX(0); }\r\n        \r\n        .home-icon-svg { width: 32px; height: 32px; stroke: currentColor; fill: none; stroke-width: 1.5; }\r\n        .menu-mobile-footer { display: flex; width: 100%; height: 80px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 0 24px; align-items: center; justify-content: space-between; margin-top: auto; background: #1E1E1B; }\r\n        .menu-close-btn-mobile { width: 24px; height: 24px; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; }\r\n        .menu-close-btn-mobile span { position: absolute; width: 100%; height: 1px; background-color: #fff; display: block; }\r\n        .menu-close-btn-mobile span:nth-child(1) { transform: rotate(45deg); }\r\n        .menu-close-btn-mobile span:nth-child(2) { transform: rotate(-45deg); }\r\n        .menu-mobile-logo-img { height: 48px; width: auto; filter: none; }\r\n\r\n        section { width: 100%; height: 100vh; padding-left: calc(var(--nav-width) + 40px); padding-right: var(--side-padding); scroll-snap-align: start; scroll-snap-stop: always; display: flex; align-items: center; overflow: hidden; position: relative; }\r\n\r\n        .hero-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; grid-template-rows: 56px 56px 56px 1fr; width: 100%; height: 100%; column-gap: 60px; padding-top: 80px; }\r\n        .hero-back-link { position: absolute; top: 40px; left: calc(var(--nav-width) + 40px); font-size: 14px; text-transform: uppercase; color: #999; display: flex; align-items: center; gap: 8px; z-index: 10; }\r\n        \r\n        .h1-container { grid-column: 1; grid-row: 1 \/ 5; margin-left: -40px; height: 100vh; margin-top: -80px; position: relative; overflow: hidden; }\r\n        .cat-sidebar-img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n        .h1-container h1 { position: absolute; top: 90px; left: 40px; color: #fff; z-index: 2; }\r\n        \r\n        .hero-menu-wrapper { grid-column: 2 \/ 4; grid-row: 1; display: flex; position: relative; width: 100%; overflow: visible; align-items: flex-end; }\r\n        .hero-menu-inner { position: relative; width: 100%; display: flex; align-items: center; overflow: hidden; }\r\n        .hero-menu { display: flex; gap: 40px; align-items: flex-end; padding-bottom: 4px; white-space: nowrap; overflow-x: auto; width: 100%; scrollbar-width: none; -ms-overflow-style: none; }\r\n        .hero-menu::-webkit-scrollbar { display: none; }\r\n        .menu-link { font-family: 'Montserrat', sans-serif; font-size: 14px; text-transform: uppercase; color: #999; letter-spacing: 1px; padding-bottom: 5px; border-bottom: 1px solid transparent; }\r\n        .menu-link.active { color: #000; border-bottom: 1px solid #000; }\r\n\r\n        .nav-edge-fade { position: absolute; top: 0; bottom: 0; width: 140px; pointer-events: none; opacity: 0; transition: opacity 0.4s ease; z-index: 5; }\r\n        .nav-edge-fade.left { left: 0; background: linear-gradient(to right, #FFFFFF 30%, transparent); }\r\n        .nav-edge-fade.right { right: 0; background: linear-gradient(to left, #FFFFFF 30%, transparent); }\r\n        .nav-edge-fade.visible { opacity: 1; }\r\n        .nav-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; opacity: 0; visibility: hidden; transition: all 0.3s ease; }\r\n        .nav-arrow.visible { opacity: 1; visibility: visible; }\r\n        .nav-arrow.left { left: 5px; }\r\n        .nav-arrow.right { right: 5px; }\r\n        .nav-arrow svg { width: 24px; height: 24px; stroke: #000; stroke-width: 1.5; fill: none; }\r\n\r\n        .h2-container { grid-column: 2; grid-row: 3 \/ 5; align-self: start; padding-top: 26px; } \r\n        .hero-tagline { margin-top: 20px; }\r\n\r\n        .image-container { grid-column: 3; grid-row: 3 \/ 5; align-self: start; position: relative; width: 100%; height: auto; padding-top: 26px; }\r\n\r\n        .render-box { width: 100%; aspect-ratio: 1\/1; position: relative; cursor: crosshair; }\r\n        .render-img { width: 100%; height: auto; position: absolute; top: 0; left: 0; transition: opacity 0.8s ease; }\r\n        .render-img.night { opacity: 0; }\r\n        .render-box:hover .render-img.night { opacity: 1; }\r\n        .render-box:hover .render-img.day { opacity: 0; }\r\n\r\n        .content-2-col { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; width: 100%; align-items: center; }\r\n        .img-crop-container { width: 100%; overflow: hidden; position: relative; }\r\n        .img-crop-container.ratio-3-4 { aspect-ratio: 3 \/ 4; }\r\n        .img-crop-container.ratio-4-3 { aspect-ratio: 4 \/ 3; }\r\n        .img-crop-container.ratio-16-9 { aspect-ratio: 16 \/ 9; }\r\n        .img-crop-container img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n        .section-4-grid { display: grid; grid-template-columns: 70% 30%; width: 100%; align-items: center; }\r\n        .s4-text { padding-left: 60px; }\r\n\r\n        .bullet-list { list-style: none; padding: 0; margin: 0; }\r\n        .bullet-list li { position: relative; padding-left: 20px; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 300; margin-bottom: 20px; color: #1E1E1B; }\r\n        .bullet-list li::before { content: \"\u2022\"; position: absolute; left: 0; color: #000; font-weight: 700; }\r\n\r\n        footer { height: 100vh; padding-top: 50px; padding-bottom: 50px; padding-left: calc(var(--nav-width) + 50px); padding-right: var(--side-padding); width: 100%; display: flex; flex-direction: column; justify-content: space-between; background-color: #1E1E1B; scroll-snap-align: start; scroll-snap-stop: always; }\r\n        .footer-row-1 { display: flex; justify-content: space-between; align-items: baseline; width: 100%; padding-top: 50px; }\r\n        .footer-tagline { font-size: 20px; color: #fff; line-height: 1.1; max-width: 400px; font-family: 'Montserrat', sans-serif; font-weight: 300; }\r\n        .footer-talk-btn { font-size: 20px; text-transform: uppercase; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 4px; font-family: 'Alumni Sans', sans-serif; font-weight: 400; line-height: 1; }\r\n        .footer-row-2 { display: flex; justify-content: flex-start; margin-left: -50px; flex-grow: 1; align-items: center; }\r\n        .footer-logo { width: 250px; height: auto; display: block; padding-left: 30px; filter: none; }\r\n        .footer-row-3 { display: grid; grid-template-columns: 1fr 1fr; width: 100%; padding-top: 0; }\r\n        .footer-links-col { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }\r\n        .footer-links-col a { font-family: 'Alumni Sans', sans-serif; font-size: 18px; color: #fff; border: none; text-transform: none; padding-bottom: 0; font-weight: 400; line-height: 1.1; }\r\n        .footer-copyright { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #9e9e9e; margin-top: 40px; font-weight: 300; line-height: 1.1; }\r\n\r\n        @media (max-width: 1024px) {\r\n            html { scroll-snap-type: none; }\r\n            section { height: auto; padding: 44px 24px !important; display: flex; flex-direction: column; }\r\n            \r\n            \/* Typography Mobile Detail *\/\r\n            h1 { font-size: 80px !important; line-height: 0.7 !important; }\r\n            h2 { font-size: 45px !important; line-height: 0.7 !important; }\r\n            p, .txt-1, .bullet-list li { font-size: 18px !important; line-height: 1.1 !important; }\r\n\r\n            .hero-grid { display: flex; flex-direction: column; gap: 0; padding-top: 60px !important; width: 100%; position: relative; }\r\n            .hero-back-link { position: absolute; top: 0; left: 0; margin-bottom: 0; order: 1; z-index: 10; padding-top: 20px; }\r\n            .h1-container { order: 2; height: auto; margin: 0; padding: 40px 0 40px 0; position: static; width: 100%; }\r\n            .h1-container h1 { position: static; color: #1E1E1B; margin: 0; }\r\n            .cat-sidebar-img { display: none; }\r\n            .hero-menu-wrapper { order: 3; padding: 0 0 40px 0; width: 100%; display: block; margin: 0; overflow: visible; }\r\n            .hero-menu-inner { position: relative; display: flex; align-items: center; width: 100%; }\r\n            .hero-menu { display: flex; gap: 30px; align-items: center; overflow-x: auto; padding: 10px 0; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; width: 100%; }\r\n            .hero-menu::-webkit-scrollbar { display: none; }\r\n            .nav-edge-fade { width: 140px; height: 100%; }\r\n            .nav-arrow { width: 24px; height: 24px; top: 50%; transform: translateY(-50%); }\r\n            .nav-arrow.left { left: 5px; }\r\n            .nav-arrow.right { right: 5px; }\r\n            .image-container { order: 4; padding: 0 0 40px 0; width: 100%; }\r\n            .h2-container { order: 5; padding: 0; width: 100%; }\r\n            .content-2-col, .section-4-grid { display: flex; flex-direction: column; gap: 40px; width: 100%; }\r\n            .img-crop-container { order: 1 !important; width: 100%; }\r\n            .text-area, .s4-text { order: 2 !important; padding: 0; width: 100%; }\r\n            .img-crop-container.ratio-3-4 { aspect-ratio: 3 \/ 4 !important; height: auto !important; }\r\n            .img-crop-container.ratio-4-3 { aspect-ratio: 4 \/ 3 !important; height: auto !important; }\r\n            .img-crop-container.ratio-16-9 { aspect-ratio: 16 \/ 9 !important; height: auto !important; }\r\n            .fixed-nav { display: none; }\r\n            .mobile-header { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; background-color: rgba(255, 255, 255, 0.8); border-top: 1px solid #000; z-index: 1050; padding: 0 24px; align-items: center; justify-content: space-between; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }\r\n            .mobile-header .hamburger { position: relative; top: auto; left: auto; transform: none; width: 24px; height: 20px; }\r\n            .mobile-header .hamburger span { background-color: #000 !important; }\r\n            .mobile-logo-main { height: 48px; width: auto; filter: invert(1); order: 2; }\r\n            .mobile-menu-overlay { flex-direction: column; background-color: #1E1E1B; height: 100dvh; }\r\n            .menu-sidebar-strip { display: none; }\r\n            .menu-main-content { flex-direction: column; align-items: flex-start; padding: 88px 24px 40px 24px; justify-content: flex-start; flex-grow: 1; display: flex; }\r\n            .menu-links-container { flex-direction: column; align-items: flex-start; gap: 40px; padding: 0; width: 100%; }\r\n            .menu-links-container a { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; text-transform: none; transform: translateY(30px); opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease; color: #fff; }\r\n            .mobile-menu-overlay.active .menu-links-container a { opacity: 1; transform: translateX(0); }\r\n            .menu-mobile-footer { display: flex; width: 100%; height: 80px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 0 24px; align-items: center; justify-content: space-between; margin-top: auto; background: #1E1E1B; }\r\n            .menu-close-btn-mobile { width: 24px; height: 24px; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; }\r\n            .menu-close-btn-mobile span { position: absolute; width: 100%; height: 1px; background-color: #fff; display: block; }\r\n            .menu-close-btn-mobile span:nth-child(1) { transform: rotate(45deg); }\r\n            .menu-close-btn-mobile span:nth-child(2) { transform: rotate(-45deg); }\r\n            .menu-mobile-logo-img { height: 48px; width: auto; filter: none; }\r\n            footer { display: flex !important; flex-direction: column !important; padding: 60px 24px 98px 24px !important; height: auto !important; justify-content: flex-start !important; gap: 0 !important; background-color: #1E1E1B !important; }\r\n            .footer-row-1 { display: contents !important; }\r\n            .footer-tagline { order: 1; margin-bottom: 40px !important; display: block !important; width: 100%; max-width: none; color: #fff; }\r\n            .footer-row-2 { order: 2; margin-left: 0 !important; justify-content: flex-start !important; width: 100%; padding: 0 !important; margin-bottom: 40px !important; flex-grow: 0; }\r\n            .footer-logo { padding-left: 0 !important; margin-left: -30px !important; width: 250px !important; filter: none !important; }\r\n            .footer-row-3 { order: 3; display: flex !important; flex-direction: column !important; gap: 40px !important; padding: 0 !important; width: 100%; margin-bottom: 40px !important; grid-template-columns: none; }\r\n            .footer-links-col { gap: 20px !important; padding: 0 !important; }\r\n            .footer-talk-btn { order: 4; display: block !important; width: fit-content !important; margin-left: 0 !important; margin-bottom: 30px !important; padding: 0 0 4px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.3) !important; color: #fff; }\r\n            .footer-copyright { order: 5; margin-top: 0 !important; padding: 0 !important; color: #9e9e9e !important; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"mobile-menu-overlay\" id=\"mobileMenu\">\r\n        <div class=\"menu-sidebar-strip\">\r\n            <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2026\/03\/in2050-vertical-white.svg\" alt=\"IN2050\" class=\"sidebar-logo\">\r\n            <div class=\"menu-close-btn\" id=\"menuCloseBtnDesktop\"><span><\/span><span><\/span><\/div>\r\n        <\/div>\r\n        <div class=\"menu-main-content\">\r\n            <nav class=\"menu-links-container\">\r\n                <a href=\"https:\/\/in2050.space\/fr\/\" class=\"menu-home-link\">\r\n                    <svg class=\"home-icon-svg\" viewbox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2 2H5a2 2 0 0 1-2 2H5a2 2 0 0 1-2 2H5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n                <\/a>\r\n                <a href=\"https:\/\/in2050.space\/fr\/ce-que-nous-offrons\/\">Ce que nous offrons<\/a>\r\n                <a href=\"https:\/\/in2050.space\/fr\/comment-nous-travaillons-avec-vous\/\">Notre m\u00e9thode<\/a>\r\n                <a href=\"https:\/\/in2050.space\/fr\/science-de-la-longevite\/\">Science de la long\u00e9vit\u00e9<\/a>\r\n                <a href=\"https:\/\/in2050.space\/fr\/1-personne-chambre-active\/\">Produits<\/a>\r\n                <a href=\"https:\/\/in2050.space\/fr\/qui-nous-sommes\/\">Qui nous sommes<\/a>\r\n                <a href=\"https:\/\/in2050.space\/fr\/parlez-nous\/\">Parlez-nous<\/a>\r\n            <\/nav>\r\n        <\/div>\r\n        <div class=\"menu-mobile-footer\">\r\n            <div class=\"menu-close-btn-mobile\" id=\"menuCloseBtnMobile\"><span><\/span><span><\/span><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2026\/03\/in2050-logo-white.svg\" alt=\"IN2050\" class=\"menu-mobile-logo-img\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Desktop Nav Bar -->\r\n    <nav class=\"fixed-nav\">\r\n        <div class=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n        <a href=\"https:\/\/in2050.space\/fr\/\"><img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2026\/03\/in2050-vertical-white.svg\" alt=\"IN2050\" class=\"sidebar-logo\"><\/a>\r\n    <\/nav>\r\n\r\n    <!-- Standardized Mobile Trigger Bar -->\r\n    <header class=\"mobile-header\">\r\n        <div class=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2026\/03\/in2050-logo-white.svg\" alt=\"IN2050\" class=\"mobile-logo-main\">\r\n    <\/header>\r\n\r\n    <main>\r\n        <section>\r\n          <a href=\"https:\/\/in2050.space\/fr\/2-4-personnes-chambre-active\/\" class=\"hero-back-link\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n            Retour \u00e0 tous les produits\r\n          <\/a>\r\n          <div class=\"hero-grid\">\r\n            <div class=\"h1-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2026\/01\/TRIANGULUM_BLACK-BACKGROUND-web-nosilna-product.png\" alt=\"Cat\u00e9gorie Triangulum\" class=\"cat-sidebar-img\">\r\n                <h1 class=\"translation-block\">Collection<br>de chambres<br>pour 2 \u00e0 4 personnes<\/h1>\r\n            <\/div>\r\n            <div class=\"hero-menu-wrapper\">\r\n                <div class=\"hero-menu-inner\">\r\n                    <div class=\"nav-edge-fade left\" id=\"navFadeLeft\"><\/div>\r\n                    <div class=\"nav-arrow left\" id=\"navArrowLeft\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg><\/div>\r\n                    <div class=\"hero-menu\" id=\"productNav\">\r\n                      <a href=\"https:\/\/in2050.space\/fr\/produit-triangulaire\/\" class=\"menu-link active\">TRIANGULUM<\/a>\r\n                    <\/div>\r\n                    <div class=\"nav-arrow right\" id=\"navArrowRight\"><svg viewbox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/div>\r\n                    <div class=\"nav-edge-fade right\" id=\"navFadeRight\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"h2-container\">\r\n              <h2>Triangulum<\/h2>\r\n              <div class=\"txt-1 hero-tagline\">Un centre de long\u00e9vit\u00e9 complet et luxueux. Con\u00e7u pour 2. Configurable jusqu'\u00e0 4.<\/div>\r\n            <\/div>\r\n            <div class=\"image-container scroll-reveal\">\r\n              <div class=\"render-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2025\/12\/TRIANGULUM_DAYTIME.png\" alt=\"Triangulum de jour\" class=\"render-img day\">\r\n                <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2025\/12\/TRIANGULUM_NIGHTTIME.png\" alt=\"Triangulum de nuit\" class=\"render-img night\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <section>\r\n          <div class=\"content-2-col\">\r\n            <div class=\"img-crop-container ratio-3-4 scroll-reveal\">\r\n              <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2026\/01\/01-triangulum-20250620_213411.jpg\" alt=\"Art de vivre Triangulum 1\">\r\n            <\/div>\r\n            <div class=\"text-area\">\r\n              <p>Le concept pouss\u00e9 encore plus loin. Le Triangulum n'est pas une chambre : c'est un centre de bien-\u00eatre hyperbare complet. Syst\u00e8mes multi-modules, infrastructure de pointe et int\u00e9gration compl\u00e8te pour les centres de long\u00e9vit\u00e9 et les institutions de bien-\u00eatre. L'espace peut \u00eatre enti\u00e8rement personnalis\u00e9, avec par exemple un canap\u00e9 central ou des assises de type salon, pour une atmosph\u00e8re conviviale. Spacieux, il est con\u00e7u pour deux personnes, avec l'\u00e9chelle et la flexibilit\u00e9 n\u00e9cessaires pour en accueillir jusqu'\u00e0 quatre.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <section>\r\n          <div class=\"content-2-col\">\r\n            <div class=\"text-area\">\r\n              <ul class=\"bullet-list\">\r\n                <li>Con\u00e7u pour les villas de luxe, les domaines priv\u00e9s et les grandes r\u00e9sidences.<\/li>\r\n                <li>Con\u00e7u pour l'int\u00e9gration dans les centres de long\u00e9vit\u00e9 et les institutions de bien-\u00eatre<\/li>\r\n                <li>Architecture d'int\u00e9rieur \u00e9volutive : am\u00e9nagements de salons, mat\u00e9riaux, fen\u00eatres extensibles<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <div class=\"img-crop-container ratio-4-3 scroll-reveal\">\r\n                <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2026\/01\/02-triangulum-a073e4ad-2e86-478f-9c16-466abb335e2e.jpg\" alt=\"Art de vivre Triangulum 2\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <section>\r\n          <div class=\"content-2-col\">\r\n            <div class=\"img-crop-container ratio-16-9 scroll-reveal\">\r\n                <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2026\/01\/03-triangulum-43266500-238c-4b73-ab5b-8c482d5ec0a7.jpg\" alt=\"Art de vivre Triangulum 3\">\r\n            <\/div>\r\n            <div class=\"s4-text\">\r\n              <h2 style=\"font-size: 32px; margin-bottom: 20px; font-weight: 400;\">Id\u00e9al pour :<\/h2>\r\n              <p>Installations \u00e0 grande \u00e9chelle, centres de long\u00e9vit\u00e9 et demeures priv\u00e9es n\u00e9cessitant une infrastructure hyperbare compl\u00e8te plut\u00f4t qu'une seule chambre autonome.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <footer>\r\n          <div class=\"footer-row-1\">\r\n            <div class=\"footer-tagline\">Le luxe de mieux vivre.<br>D\u00e8s maintenant.<\/div>\r\n            <a href=\"https:\/\/in2050.space\/fr\/parlez-nous\/\" class=\"footer-talk-btn\">Parlez-nous<\/a>\r\n          <\/div>\r\n          <div class=\"footer-row-2\">\r\n            <a href=\"https:\/\/in2050.space\/fr\/\"><img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2026\/03\/in2050-logo-white.svg\" alt=\"IN2050\" class=\"footer-logo\"><\/a>\r\n          <\/div>\r\n          <div class=\"footer-row-3\">\r\n            <div class=\"footer-links-col\">\r\n              <a href=\"https:\/\/in2050.space\/fr\/ce-que-nous-offrons\/\">Ce que nous offrons<\/a>\r\n              <a href=\"https:\/\/in2050.space\/fr\/comment-nous-travaillons-avec-vous\/\">Notre m\u00e9thode<\/a>\r\n              <a href=\"https:\/\/in2050.space\/fr\/science-de-la-longevite\/\">Science de la long\u00e9vit\u00e9<\/a>\r\n              <a href=\"https:\/\/in2050.space\/fr\/qui-nous-sommes\/\">Qui nous sommes<\/a>\r\n            <\/div>\r\n            <div class=\"footer-links-col center-col\">\r\n              <a href=\"https:\/\/in2050.space\/fr\/conditions-dutilisation\/\">Conditions g\u00e9n\u00e9rales<\/a>\r\n              <a href=\"https:\/\/in2050.space\/fr\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a>\r\n              <a href=\"https:\/\/in2050.space\/fr\/declaration-de-cookies\/\">D\u00e9claration relative aux cookies<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"footer-copyright\">IN2050 \u00a9. Propuls\u00e9 par HPOTECH.<\/div>\r\n        <\/footer>\r\n      <\/main>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const hamburgers = document.querySelectorAll('.hamburger');\r\n            const overlay = document.getElementById('mobileMenu');\r\n            const closeBtnDesktop = document.getElementById('menuCloseBtnDesktop');\r\n            const closeBtnMobile = document.getElementById('menuCloseBtnMobile');\r\n            const navFixed = document.querySelector('.fixed-nav');\r\n            const footer = document.querySelector('footer');\r\n\r\n            hamburgers.forEach(h => h.addEventListener('click', () => overlay.classList.add('active')));\r\n            if(closeBtnDesktop) closeBtnDesktop.addEventListener('click', () => overlay.classList.remove('active'));\r\n            if(closeBtnMobile) closeBtnMobile.addEventListener('click', () => overlay.classList.remove('active'));\r\n\r\n            \/\/ Product Nav Logic\r\n            const prodNav = document.getElementById('productNav');\r\n            const arrowLeft = document.getElementById('navArrowLeft');\r\n            const arrowRight = document.getElementById('navArrowRight');\r\n            const fadeLeft = document.getElementById('navFadeLeft');\r\n            const fadeRight = document.getElementById('navFadeRight');\r\n\r\n            const updateNavUI = () => {\r\n                if(!prodNav) return;\r\n                const scrollLeft = prodNav.scrollLeft;\r\n                const maxScroll = prodNav.scrollWidth - prodNav.clientWidth;\r\n                const isScrollable = prodNav.scrollWidth > prodNav.clientWidth;\r\n\r\n                if (isScrollable && scrollLeft > 10) {\r\n                    arrowLeft?.classList.add('visible');\r\n                    fadeLeft?.classList.add('visible');\r\n                } else {\r\n                    arrowLeft?.classList.remove('visible');\r\n                    fadeLeft?.classList.remove('visible');\r\n                }\r\n\r\n                if (isScrollable && scrollLeft < maxScroll - 10) {\r\n                    arrowRight?.classList.add('visible');\r\n                    fadeRight?.classList.add('visible');\r\n                } else {\r\n                    arrowRight?.classList.remove('visible');\r\n                    fadeRight?.classList.remove('visible');\r\n                }\r\n            };\r\n\r\n            if(prodNav) {\r\n                prodNav.addEventListener('scroll', updateNavUI);\r\n                window.addEventListener('resize', updateNavUI);\r\n                updateNavUI();\r\n                const activeLink = prodNav.querySelector('.active');\r\n                if (activeLink) activeLink.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });\r\n                setTimeout(updateNavUI, 100);\r\n            }\r\n\r\n            if(arrowLeft) arrowLeft.addEventListener('click', () => prodNav.scrollBy({ left: -200, behavior: 'smooth' }));\r\n            if(arrowRight) arrowRight.addEventListener('click', () => prodNav.scrollBy({ left: 200, behavior: 'smooth' }));\r\n\r\n            const observerOptions = { threshold: 0.1 };\r\n            const footerObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) navFixed.classList.add('nav-white');\r\n                    else navFixed.classList.remove('nav-white');\r\n                });\r\n            }, observerOptions);\r\n            footerObserver.observe(footer);\r\n\r\n            const scrollRevealObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) entry.target.classList.add('in-view');\r\n                });\r\n            }, observerOptions);\r\n            document.querySelectorAll('.scroll-reveal').forEach(el => scrollRevealObserver.observe(el));\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>What We Offer How We Work With You Longevity Science Products Who We Are Talk to us Back to all products 2-4 PersonChambersCollection TRIANGULUM Triangulum Luxury total longevity facility. Designed for 2. Configurable up to 4. Taking the concept even further. The Triangulum is not a chamber \u2014 it\u2019s a comprehensive hyperbaric wellness facility. Multi-module [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/in2050.space\/fr\/wp-json\/wp\/v2\/pages\/2111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in2050.space\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in2050.space\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in2050.space\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/in2050.space\/fr\/wp-json\/wp\/v2\/comments?post=2111"}],"version-history":[{"count":42,"href":"https:\/\/in2050.space\/fr\/wp-json\/wp\/v2\/pages\/2111\/revisions"}],"predecessor-version":[{"id":4577,"href":"https:\/\/in2050.space\/fr\/wp-json\/wp\/v2\/pages\/2111\/revisions\/4577"}],"wp:attachment":[{"href":"https:\/\/in2050.space\/fr\/wp-json\/wp\/v2\/media?parent=2111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}