{"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":"triangulum-product","status":"publish","type":"page","link":"https:\/\/in2050.space\/sl\/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\/sl\/\" 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\/sl\/what-we-offer\/\">Kaj ponujamo<\/a>\r\n                <a href=\"https:\/\/in2050.space\/sl\/kako-sodelujemo-z-vami\/\">Kako delamo z vami<\/a>\r\n                <a href=\"https:\/\/in2050.space\/sl\/longevity-science\/\">Znanost o dolgo\u017eivosti<\/a>\r\n                <a href=\"https:\/\/in2050.space\/sl\/1-person-chamber-active\/\">Izdelki<\/a>\r\n                <a href=\"https:\/\/in2050.space\/sl\/who-we-are\/\">Kdo smo<\/a>\r\n                <a href=\"https:\/\/in2050.space\/sl\/talk-to-us\/\">Talk to us<\/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\/sl\/\"><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\/sl\/2-4-person-chamber-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            Nazaj na vse izdelke\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=\"Triangulum, kategorija\" class=\"cat-sidebar-img\">\r\n                <h1 class=\"translation-block\">Zbirka komor<br>za 2 do 4<br>osebe<\/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\/sl\/triangulum-product\/\" 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\">Razko\u0161en celovit objekt za dolgo\u017eivost. Zasnovan za 2 osebi. Prilagodljiv za do 4 osebe.<\/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, dnevni posnetek\" class=\"render-img day\">\r\n                <img decoding=\"async\" src=\"https:\/\/in2050.space\/wp-content\/uploads\/2025\/12\/TRIANGULUM_NIGHTTIME.png\" alt=\"Triangulum pono\u010di\" 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=\"Triangulum, \u017eivljenjski slog 1\">\r\n            <\/div>\r\n            <div class=\"text-area\">\r\n              <p>Koncept smo popeljali \u0161e dlje. Triangulum ni komora, temve\u010d celovit hiperbari\u010dni wellness objekt. Ve\u010dmodulni sistemi, napredna infrastruktura in popolna integracija za centre dolgo\u017eivosti in wellness ustanove. Prostor omogo\u010da popolno prilagoditev notranjosti, vklju\u010dno z osrednjo sede\u017eno garnituro ali lounge sede\u017ei, ki ustvarjajo ob\u010dutek skupnosti. Prostorno zasnovan za dve osebi, z velikostjo in prilagodljivostjo za do \u0161tiri.<\/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>Zasnovan za luksuzne vile, zasebna posestva in velike rezidence.<\/li>\r\n                <li>Izdelan za vgradnjo v centre dolgo\u017eivosti in wellness ustanove<\/li>\r\n                <li>Raz\u0161irljiva notranja zasnova: lounge prostore, materiale in okna je mogo\u010de raz\u0161iriti<\/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=\"Triangulum, \u017eivljenjski slog 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=\"Triangulum, \u017eivljenjski slog 3\">\r\n            <\/div>\r\n            <div class=\"s4-text\">\r\n              <h2 style=\"font-size: 32px; margin-bottom: 20px; font-weight: 400;\">Primerno za:<\/h2>\r\n              <p>Velike objekte, centre dolgo\u017eivosti in zasebne vile, ki potrebujejo celovito hiperbari\u010dno infrastrukturo namesto ene same samostojne komore.<\/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\">Razko\u0161je bolj\u0161ega \u017eivljenja.<br>Takoj.<\/div>\r\n            <a href=\"https:\/\/in2050.space\/sl\/talk-to-us\/\" class=\"footer-talk-btn\">Talk to us<\/a>\r\n          <\/div>\r\n          <div class=\"footer-row-2\">\r\n            <a href=\"https:\/\/in2050.space\/sl\/\"><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\/sl\/what-we-offer\/\">Kaj ponujamo<\/a>\r\n              <a href=\"https:\/\/in2050.space\/sl\/kako-sodelujemo-z-vami\/\">Kako delamo z vami<\/a>\r\n              <a href=\"https:\/\/in2050.space\/sl\/longevity-science\/\">Znanost o dolgo\u017eivosti<\/a>\r\n              <a href=\"https:\/\/in2050.space\/sl\/who-we-are\/\">Kdo smo<\/a>\r\n            <\/div>\r\n            <div class=\"footer-links-col center-col\">\r\n              <a href=\"https:\/\/in2050.space\/sl\/terms-of-service\/\">Splo\u0161ni pogoji<\/a>\r\n              <a href=\"https:\/\/in2050.space\/sl\/privacy-policy\/\">Politika zasebnosti<\/a>\r\n              <a href=\"https:\/\/in2050.space\/sl\/cookie-declaration\/\">Izjava o pi\u0161kotkih<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"footer-copyright\">IN2050 &copy;. Poganja 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\/sl\/wp-json\/wp\/v2\/pages\/2111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in2050.space\/sl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in2050.space\/sl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in2050.space\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/in2050.space\/sl\/wp-json\/wp\/v2\/comments?post=2111"}],"version-history":[{"count":42,"href":"https:\/\/in2050.space\/sl\/wp-json\/wp\/v2\/pages\/2111\/revisions"}],"predecessor-version":[{"id":4577,"href":"https:\/\/in2050.space\/sl\/wp-json\/wp\/v2\/pages\/2111\/revisions\/4577"}],"wp:attachment":[{"href":"https:\/\/in2050.space\/sl\/wp-json\/wp\/v2\/media?parent=2111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}