{"id":2624,"date":"2026-05-25T02:02:05","date_gmt":"2026-05-25T02:02:05","guid":{"rendered":"https:\/\/oceanstarhouse.com\/?page_id=2624"},"modified":"2026-06-18T06:54:34","modified_gmt":"2026-06-18T06:54:34","slug":"proyectos","status":"publish","type":"page","link":"https:\/\/oceanstarhouse.com\/es\/projects\/","title":{"rendered":"Proyectos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2624\" class=\"elementor elementor-2624\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e668291 e-flex e-con-boxed e-con e-parent\" data-id=\"e668291\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7a98892f e-con-full e-flex e-con e-child\" data-id=\"7a98892f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b49cf06 elementor-widget elementor-widget-heading\" data-id=\"b49cf06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">projects<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a34e2a e-con-full e-flex e-con e-parent\" data-id=\"5a34e2a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfe5de9 elementor-widget elementor-widget-shortcode\" data-id=\"cfe5de9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <style>\n            .osh-projects-page {\n                --osh-dark: #0b1720;\n                --osh-dark-2: #122636;\n                --osh-blue: #1f6f9f;\n                --osh-blue-soft: #e8f3f8;\n                --osh-gold: #a77d34;\n                --osh-gold-2: #d6a84f;\n                --osh-gray: #6d7b86;\n                --osh-light: #f4f7f8;\n                --osh-border: rgba(10, 31, 46, 0.12);\n                font-family: Arial, Helvetica, sans-serif;\n                color: var(--osh-dark);\n                background: #f8fafb;\n                overflow: hidden;\n            }\n\n            .osh-projects-page * {\n                box-sizing: border-box;\n            }\n\n            .osh-projects-page a {\n                text-decoration: none;\n            }\n\n            .osh-projects-container {\n                width: min(2000px, calc(100% - 80px));\n                margin: 0 auto;\n            }\n\n            .osh-projects-section {\n                padding: 118px 0;\n            }\n\n            .osh-projects-kicker {\n                display: inline-flex;\n                align-items: center;\n                gap: 16px;\n                color: var(--osh-gold);\n                font-size: 13px;\n                font-weight: 900;\n                letter-spacing: 2.6px;\n                text-transform: uppercase;\n                margin-bottom: 18px;\n            }\n\n            .osh-projects-kicker::before {\n                content: \"\";\n                width: 58px;\n                height: 1px;\n                background: var(--osh-gold);\n            }\n\n            .osh-projects-title-row {\n                display: grid;\n                grid-template-columns: 1fr auto;\n                gap: 40px;\n                align-items: end;\n                margin-bottom: 38px;\n            }\n\n            .osh-projects-title {\n                margin: 0;\n                color: var(--osh-dark);\n                font-size: clamp(44px, 4.4vw, 88px);\n                line-height: 0.95;\n                letter-spacing: -3.8px;\n                font-weight: 900;\n                text-transform: uppercase;\n            }\n\n            .osh-projects-link {\n                display: inline-flex;\n                align-items: center;\n                gap: 10px;\n                color: var(--osh-dark);\n                font-size: 15px;\n                font-weight: 900;\n                letter-spacing: 0.2px;\n                padding-bottom: 12px;\n                border-bottom: 1px solid rgba(10, 31, 46, 0.22);\n                white-space: nowrap;\n                transition: all 0.25s ease;\n            }\n\n            .osh-projects-link:hover {\n                color: var(--osh-blue);\n                border-color: var(--osh-blue);\n            }\n\n            .osh-fitout-opening {\n                padding: 92px 0 58px;\n                background:\n                    radial-gradient(circle at 12% 0%, rgba(31, 111, 159, 0.10), transparent 34%),\n                    linear-gradient(180deg, #f9fbfc 0%, #f2f6f8 100%);\n                position: relative;\n            }\n\n            .osh-fitout-opening::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                background-image:\n                    linear-gradient(rgba(11,23,32,0.04) 1px, transparent 1px),\n                    linear-gradient(90deg, rgba(11,23,32,0.04) 1px, transparent 1px);\n                background-size: 52px 52px;\n                pointer-events: none;\n            }\n\n            .osh-fitout-opening .osh-projects-container {\n                position: relative;\n                z-index: 2;\n            }\n\n            .osh-fitout-hero-grid {\n                display: grid;\n                grid-template-columns: 1.42fr 0.82fr;\n                gap: 24px;\n                align-items: stretch;\n            }\n\n            .osh-fitout-card {\n                position: relative;\n                min-height: 440px;\n                overflow: hidden;\n                border-radius: 34px;\n                background-size: cover;\n                background-position: center;\n                box-shadow: 0 30px 80px rgba(10, 31, 46, 0.13);\n            }\n\n            .osh-fitout-card.large {\n                min-height: 700px;\n                background-image:\n                    linear-gradient(180deg, rgba(11,23,32,0.02) 20%, rgba(11,23,32,0.78) 100%),\n                    url('https:\/\/images.unsplash.com\/photo-1616594039964-ae9021a400a0?auto=format&fit=crop&w=2200&q=80');\n            }\n\n            .osh-fitout-side {\n                display: grid;\n                gap: 24px;\n            }\n\n            .osh-fitout-card.office {\n                background-image:\n                    linear-gradient(180deg, rgba(11,23,32,0.02) 20%, rgba(11,23,32,0.82) 100%),\n                    url('https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80');\n            }\n\n            .osh-fitout-card.dormitory {\n                background-image:\n                    linear-gradient(180deg, rgba(11,23,32,0.02) 20%, rgba(11,23,32,0.82) 100%),\n                    url('https:\/\/images.unsplash.com\/photo-1595526114035-0d45ed16cfbf?auto=format&fit=crop&w=1600&q=80');\n            }\n\n            .osh-fitout-card-top {\n                position: absolute;\n                left: 34px;\n                top: 30px;\n                right: 34px;\n                z-index: 2;\n                display: flex;\n                justify-content: space-between;\n                align-items: flex-start;\n                gap: 20px;\n            }\n\n            .osh-fitout-label {\n                color: #fff;\n                font-size: 12px;\n                font-weight: 900;\n                letter-spacing: 2.6px;\n                text-transform: uppercase;\n            }\n\n            .osh-fitout-num {\n                color: #fff;\n                font-size: 24px;\n                font-weight: 900;\n                letter-spacing: -1px;\n            }\n\n            .osh-fitout-card-content {\n                position: absolute;\n                left: 34px;\n                right: 34px;\n                bottom: 32px;\n                z-index: 2;\n            }\n\n            .osh-fitout-card.large .osh-fitout-card-content {\n                left: 40px;\n                right: 40px;\n                bottom: 38px;\n            }\n\n            .osh-fitout-card h2,\n            .osh-fitout-card h3 {\n                margin: 0 0 28px;\n                color: #fff !important;\n                font-size: clamp(34px, 3.5vw, 64px);\n                line-height: 0.95;\n                letter-spacing: -2px;\n                font-weight: 900;\n                text-transform: uppercase;\n            }\n\n            .osh-fitout-card h3 {\n                font-size: clamp(26px, 2.2vw, 42px);\n            }\n\n            .osh-fitout-meta {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 28px;\n                margin-bottom: 22px;\n                padding-top: 24px;\n                border-top: 1px solid rgba(255,255,255,0.18);\n            }\n\n            .osh-fitout-meta span {\n                display: block;\n                color: var(--osh-gold-2);\n                font-size: 11px;\n                font-weight: 900;\n                letter-spacing: 1.8px;\n                text-transform: uppercase;\n                margin-bottom: 7px;\n            }\n\n            .osh-fitout-meta b {\n                display: block;\n                color: #fff;\n                font-size: 15px;\n                line-height: 1.45;\n            }\n\n            .osh-fitout-desc {\n                margin: 0;\n                color: rgba(255,255,255,0.82);\n                font-size: 15px;\n                line-height: 1.75;\n                max-width: 940px;\n                font-weight: 700;\n            }\n\n            .osh-fitout-scope-line {\n                display: grid;\n                grid-template-columns: 260px 1fr;\n                gap: 38px;\n                align-items: center;\n                margin-top: 36px;\n                padding-top: 28px;\n                border-top: 1px solid var(--osh-border);\n            }\n\n            .osh-fitout-scope-line span {\n                color: var(--osh-gold);\n                font-size: 12px;\n                font-weight: 900;\n                letter-spacing: 2.6px;\n                text-transform: uppercase;\n            }\n\n            .osh-fitout-scope-line strong {\n                color: var(--osh-dark);\n                font-size: clamp(20px, 1.5vw, 30px);\n                letter-spacing: -0.8px;\n                line-height: 1.25;\n            }\n\n            .osh-series-section {\n                background: #fff;\n                position: relative;\n            }\n\n            .osh-series-section::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                background:\n                    radial-gradient(circle at 50% 80%, rgba(31,111,159,0.10), transparent 36%);\n                pointer-events: none;\n            }\n\n            .osh-series-grid {\n                position: relative;\n                z-index: 2;\n                display: grid;\n                grid-template-columns: repeat(5, 1fr);\n                gap: 36px;\n            }\n\n            .osh-series-card {\n                background: #fff;\n                border-radius: 30px;\n                overflow: hidden;\n                box-shadow: 0 24px 60px rgba(10,31,46,0.12);\n                border: 1px solid rgba(10,31,46,0.08);\n                transition: all 0.25s ease;\n            }\n\n            .osh-series-card:hover {\n                transform: translateY(-8px);\n                box-shadow: 0 34px 86px rgba(10,31,46,0.16);\n            }\n\n            .osh-series-image {\n                height: 340px;\n                background-size: cover;\n                background-position: center;\n                position: relative;\n            }\n\n            .osh-series-image::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                background: linear-gradient(180deg, rgba(11,23,32,0.26), rgba(11,23,32,0.02));\n            }\n\n            .osh-series-num {\n                position: absolute;\n                left: 28px;\n                top: 26px;\n                color: #fff;\n                font-size: 22px;\n                font-weight: 900;\n            }\n\n            .osh-series-body {\n                padding: 34px 32px 38px;\n            }\n\n            .osh-series-body h3 {\n                margin: 0 0 28px;\n                color: var(--osh-dark);\n                font-size: clamp(24px, 1.6vw, 34px);\n                line-height: 0.95;\n                letter-spacing: -1.2px;\n                text-transform: uppercase;\n                font-weight: 900;\n            }\n\n            .osh-series-body p {\n                margin: 0 0 34px;\n                color: var(--osh-gold);\n                font-size: 15px;\n                font-weight: 900;\n                letter-spacing: 1.8px;\n                text-transform: uppercase;\n                line-height: 1.45;\n            }\n\n            .osh-series-body span {\n                color: #7b8993;\n                font-size: 15px;\n                font-weight: 900;\n                text-transform: uppercase;\n                letter-spacing: 0.6px;\n            }\n\n            .osh-interior-gallery {\n                background: var(--osh-light);\n                position: relative;\n            }\n\n            .osh-interior-toolbar {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 12px;\n                justify-content: flex-end;\n                align-items: center;\n            }\n\n            .osh-filter-btn {\n                border: 1px solid rgba(10,31,46,0.14);\n                background: #fff;\n                color: var(--osh-dark);\n                padding: 13px 18px;\n                font-size: 13px;\n                font-weight: 900;\n                letter-spacing: 0.8px;\n                text-transform: uppercase;\n                cursor: pointer;\n                transition: all 0.25s ease;\n            }\n\n            .osh-filter-btn:hover,\n            .osh-filter-btn.active {\n                background: var(--osh-dark);\n                color: #fff;\n                border-color: var(--osh-dark);\n            }\n\n            .osh-interior-grid {\n                display: grid;\n                grid-template-columns: repeat(3, 1fr);\n                gap: 28px;\n            }\n\n            .osh-interior-card {\n                background: #fff;\n                border: 1px solid rgba(10,31,46,0.08);\n                box-shadow: 0 24px 70px rgba(10,31,46,0.08);\n                overflow: hidden;\n                transition: all 0.25s ease;\n            }\n\n            .osh-interior-card:hover {\n                transform: translateY(-6px);\n                box-shadow: 0 34px 90px rgba(10,31,46,0.13);\n            }\n\n            .osh-interior-slider {\n                height: 430px;\n                position: relative;\n                overflow: hidden;\n                background: #dfe6ea;\n            }\n\n            .osh-interior-slide {\n                position: absolute;\n                inset: 0;\n                background-size: cover;\n                background-position: center;\n                opacity: 0;\n                transition: opacity 0.35s ease;\n            }\n\n            .osh-interior-slide.active {\n                opacity: 1;\n            }\n\n            .osh-interior-slider::after {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                background: linear-gradient(180deg, rgba(11,23,32,0.18), transparent 42%, rgba(11,23,32,0.48));\n                pointer-events: none;\n            }\n\n            .osh-interior-badge {\n                position: absolute;\n                left: 24px;\n                top: 22px;\n                z-index: 4;\n                color: #fff;\n                font-size: 12px;\n                font-weight: 900;\n                letter-spacing: 2px;\n                text-transform: uppercase;\n            }\n\n            .osh-interior-number {\n                position: absolute;\n                right: 24px;\n                top: 22px;\n                z-index: 4;\n                color: #fff;\n                font-size: 22px;\n                font-weight: 900;\n            }\n\n            .osh-slider-arrow {\n                position: absolute;\n                top: 50%;\n                z-index: 6;\n                width: 54px;\n                height: 54px;\n                border-radius: 50%;\n                border: 1px solid rgba(255,255,255,0.42);\n                background: rgba(8, 22, 34, 0.66);\n                color: #ffffff;\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 0;\n                font-size: 0;\n                line-height: 1;\n                backdrop-filter: blur(14px);\n                -webkit-backdrop-filter: blur(14px);\n                box-shadow:\n                    0 18px 42px rgba(0,0,0,0.24),\n                    inset 0 1px 0 rgba(255,255,255,0.16);\n                transition: all 0.25s ease;\n            }\n\n            .osh-slider-arrow svg {\n                width: 24px;\n                height: 24px;\n                display: block;\n                stroke: currentColor;\n                stroke-width: 3;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n                fill: none;\n                transition: transform 0.25s ease;\n            }\n\n            .osh-slider-prev {\n                left: 24px;\n                transform: translateY(-50%);\n            }\n\n            .osh-slider-next {\n                right: 24px;\n                transform: translateY(-50%);\n            }\n\n            .osh-slider-prev svg {\n                margin-left: -2px;\n            }\n\n            .osh-slider-next svg {\n                margin-right: -2px;\n            }\n\n            .osh-slider-arrow:hover {\n                background: rgba(8, 22, 34, 0.88);\n                border-color: rgba(255,255,255,0.72);\n                color: #ffffff;\n                box-shadow:\n                    0 22px 52px rgba(0,0,0,0.30),\n                    inset 0 1px 0 rgba(255,255,255,0.22);\n            }\n\n            .osh-slider-prev:hover svg {\n                transform: translateX(-2px);\n            }\n\n            .osh-slider-next:hover svg {\n                transform: translateX(2px);\n            }\n\n            .osh-slider-arrow:active {\n                transform: translateY(-50%) scale(0.94);\n            }\n\n            .osh-interior-slider .osh-slider-arrow {\n                opacity: 0.86;\n            }\n\n            .osh-interior-slider:hover .osh-slider-arrow {\n                opacity: 1;\n            }\n\n            .osh-slider-dots {\n                position: absolute;\n                left: 24px;\n                bottom: 22px;\n                z-index: 5;\n                display: flex;\n                gap: 8px;\n            }\n\n            .osh-slider-dot {\n                width: 8px;\n                height: 8px;\n                border-radius: 50%;\n                border: none;\n                background: rgba(255,255,255,0.46);\n                cursor: pointer;\n                padding: 0;\n                transition: all 0.25s ease;\n            }\n\n            .osh-slider-dot.active {\n                background: #fff;\n                transform: scale(1.35);\n            }\n\n            .osh-interior-body {\n                padding: 34px;\n            }\n\n            .osh-interior-body h3 {\n                margin: 0 0 24px;\n                color: var(--osh-dark);\n                font-size: clamp(26px, 1.9vw, 42px);\n                line-height: 0.98;\n                letter-spacing: -1.5px;\n                text-transform: uppercase;\n                font-weight: 900;\n            }\n\n            .osh-interior-meta {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 18px;\n                margin-bottom: 24px;\n                padding-bottom: 24px;\n                border-bottom: 1px solid var(--osh-border);\n            }\n\n            .osh-interior-meta span {\n                display: block;\n                color: var(--osh-gold);\n                font-size: 11px;\n                font-weight: 900;\n                letter-spacing: 1.7px;\n                text-transform: uppercase;\n                margin-bottom: 7px;\n            }\n\n            .osh-interior-meta b {\n                display: block;\n                color: var(--osh-dark);\n                font-size: 14.5px;\n                line-height: 1.45;\n            }\n\n            .osh-interior-desc {\n                margin: 0 0 26px;\n                color: var(--osh-gray);\n                font-size: 15px;\n                line-height: 1.78;\n            }\n\n            .osh-interior-footer {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                gap: 20px;\n            }\n\n            .osh-interior-series {\n                color: #7b8993;\n                font-size: 13px;\n                font-weight: 900;\n                text-transform: uppercase;\n                letter-spacing: 0.8px;\n            }\n\n            .osh-interior-view {\n                color: var(--osh-blue);\n                font-size: 13px;\n                font-weight: 900;\n                text-transform: uppercase;\n                letter-spacing: 0.8px;\n                white-space: nowrap;\n            }\n\n            .osh-fitout-logic {\n                background: #fff;\n            }\n\n            .osh-logic-wrap {\n                display: grid;\n                grid-template-columns: 0.9fr 1.1fr;\n                gap: 42px;\n                align-items: stretch;\n            }\n\n            .osh-logic-panel {\n                background: var(--osh-dark);\n                color: #fff;\n                padding: 68px;\n                min-height: 620px;\n                position: relative;\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n                justify-content: space-between;\n            }\n\n            .osh-logic-panel::after {\n                content: \"FIT-OUT\";\n                position: absolute;\n                right: -10px;\n                bottom: 22px;\n                color: rgba(255,255,255,0.045);\n                font-size: 120px;\n                font-weight: 900;\n                letter-spacing: -6px;\n            }\n\n            .osh-logic-panel h2 {\n                margin: 0;\n                color: #fff !important;\n                font-size: clamp(42px, 4vw, 76px);\n                line-height: 1.02;\n                letter-spacing: -3px;\n                text-transform: uppercase;\n                font-weight: 900;\n                position: relative;\n                z-index: 2;\n            }\n\n            .osh-logic-panel p {\n                margin: 0;\n                color: rgba(255,255,255,0.72);\n                font-size: 17px;\n                line-height: 1.9;\n                max-width: 760px;\n                position: relative;\n                z-index: 2;\n            }\n\n            .osh-logic-list {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 20px;\n            }\n\n            .osh-logic-item {\n                background: var(--osh-light);\n                border: 1px solid var(--osh-border);\n                padding: 38px;\n                min-height: 290px;\n                transition: all 0.25s ease;\n            }\n\n            .osh-logic-item:hover {\n                background: #fff;\n                box-shadow: 0 24px 70px rgba(10,31,46,0.10);\n                transform: translateY(-4px);\n            }\n\n            .osh-logic-item span {\n                display: block;\n                color: var(--osh-gold);\n                font-size: 16px;\n                font-weight: 900;\n                margin-bottom: 36px;\n            }\n\n            .osh-logic-item h3 {\n                margin: 0 0 16px;\n                color: var(--osh-dark);\n                font-size: 26px;\n                line-height: 1.18;\n                letter-spacing: -0.8px;\n                font-weight: 900;\n            }\n\n            .osh-logic-item p {\n                margin: 0;\n                color: var(--osh-gray);\n                font-size: 15px;\n                line-height: 1.78;\n            }\n\n            .osh-projects-cta {\n                background:\n                    linear-gradient(90deg, rgba(11,23,32,0.94), rgba(11,23,32,0.72)),\n                    url('https:\/\/images.unsplash.com\/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=2200&q=80') center\/cover no-repeat;\n                color: #fff;\n                padding: 118px 0;\n            }\n\n            .osh-cta-wrap {\n                display: grid;\n                grid-template-columns: 1fr auto;\n                gap: 60px;\n                align-items: center;\n            }\n\n            .osh-cta-wrap h2 {\n                margin: 0 0 22px;\n                color: #fff !important;\n                font-size: clamp(42px, 4.5vw, 84px);\n                line-height: 1.02;\n                letter-spacing: -3px;\n                font-weight: 900;\n                text-transform: uppercase;\n                max-width: 1160px;\n            }\n\n            .osh-cta-wrap p {\n                margin: 0;\n                color: rgba(255,255,255,0.74);\n                font-size: 17px;\n                line-height: 1.85;\n                max-width: 920px;\n            }\n\n            .osh-cta-btn {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                min-height: 66px;\n                padding: 0 40px;\n                background: var(--osh-gold-2);\n                color: #111;\n                font-size: 15px;\n                font-weight: 900;\n                white-space: nowrap;\n                transition: all 0.25s ease;\n            }\n\n            .osh-cta-btn:hover {\n                transform: translateY(-3px);\n                background: #e8bd61;\n                color: #111;\n            }\n\n            .osh-fitout-num,\n            .osh-series-num,\n            .osh-interior-number,\n            .osh-logic-item > span {\n                display: none !important;\n            }\n\n            @media (max-width: 1500px) {\n                .osh-projects-container {\n                    width: min(100% - 64px, 2000px);\n                }\n\n                .osh-fitout-hero-grid,\n                .osh-logic-wrap {\n                    grid-template-columns: 1fr;\n                }\n\n                .osh-series-grid {\n                    grid-template-columns: repeat(3, 1fr);\n                }\n\n                .osh-interior-grid {\n                    grid-template-columns: repeat(2, 1fr);\n                }\n            }\n\n            @media (max-width: 1100px) {\n                .osh-projects-title-row,\n                .osh-cta-wrap {\n                    grid-template-columns: 1fr;\n                    gap: 24px;\n                }\n\n                .osh-fitout-scope-line {\n                    grid-template-columns: 1fr;\n                    gap: 14px;\n                }\n\n                .osh-series-grid {\n                    grid-template-columns: repeat(2, 1fr);\n                }\n\n                .osh-logic-list {\n                    grid-template-columns: 1fr;\n                }\n            }\n\n            @media (max-width: 768px) {\n                .osh-projects-container {\n                    width: min(100% - 28px, 2000px);\n                }\n\n                .osh-projects-section {\n                    padding: 78px 0;\n                }\n\n                .osh-fitout-opening {\n                    padding: 58px 0 36px;\n                }\n\n                .osh-projects-title {\n                    letter-spacing: -2px;\n                }\n\n                .osh-fitout-card.large,\n                .osh-fitout-card {\n                    min-height: 520px;\n                    border-radius: 24px;\n                }\n\n                .osh-fitout-meta,\n                .osh-interior-meta {\n                    grid-template-columns: 1fr;\n                }\n\n                .osh-series-grid,\n                .osh-interior-grid {\n                    grid-template-columns: 1fr;\n                }\n\n                .osh-series-image,\n                .osh-interior-slider {\n                    height: 300px;\n                }\n\n                .osh-fitout-card-content,\n                .osh-fitout-card.large .osh-fitout-card-content {\n                    left: 24px;\n                    right: 24px;\n                    bottom: 26px;\n                }\n\n                .osh-fitout-card-top {\n                    left: 24px;\n                    right: 24px;\n                    top: 24px;\n                }\n\n                .osh-interior-toolbar {\n                    justify-content: flex-start;\n                }\n\n                .osh-slider-arrow {\n                    width: 42px;\n                    height: 42px;\n                }\n\n                .osh-slider-arrow svg {\n                    width: 20px;\n                    height: 20px;\n                }\n\n                .osh-slider-prev {\n                    left: 12px;\n                }\n\n                .osh-slider-next {\n                    right: 12px;\n                }\n\n                .osh-logic-panel {\n                    min-height: 520px;\n                    padding: 38px 28px;\n                }\n\n                .osh-logic-panel::after {\n                    display: none;\n                }\n\n                .osh-projects-cta {\n                    padding: 84px 0;\n                }\n\n                .osh-cta-btn {\n                    width: 100%;\n                }\n            }\n        <\/style>\n\n        <div class=\"osh-projects-page\">\n\n            <section class=\"osh-fitout-opening\">\n                <div class=\"osh-projects-container\">\n                    <div class=\"osh-projects-title-row\">\n                        <div>\n                            <div class=\"osh-projects-kicker\">Interior Fit-Out<\/div>\n                            <h1 class=\"osh-projects-title\">Move-In Ready Interior Solutions<\/h1>\n                        <\/div>\n\n                        <a class=\"osh-projects-link\" href=\"#osh-interior-options\">View Interior Options \u2197<\/a>\n                    <\/div>\n\n                    <div class=\"osh-fitout-hero-grid\">\n                        <div class=\"osh-fitout-card large\">\n                            <div class=\"osh-fitout-card-top\">\n                                <div class=\"osh-fitout-label\">Hospitality Interior<\/div>\n                                <div class=\"osh-fitout-num\">01<\/div>\n                            <\/div>\n\n                            <div class=\"osh-fitout-card-content\">\n                                <h2>Resort Suite Fit-Out<\/h2>\n\n                                <div class=\"osh-fitout-meta\">\n                                    <div>\n                                        <span>Application<\/span>\n                                        <b>Hospitality<\/b>\n                                    <\/div>\n                                    <div>\n                                        <span>Fit-Out Scope<\/span>\n                                        <b>Bedroom \u00b7 Lounge \u00b7 Bathroom<\/b>\n                                    <\/div>\n                                <\/div>\n\n                                <p class=\"osh-fitout-desc\">\n                                    Move-in ready interiors for scenic stays, resort rooms, hospitality accommodation and premium modular lodging projects.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-fitout-side\">\n                            <div class=\"osh-fitout-card office\">\n                                <div class=\"osh-fitout-card-top\">\n                                    <div class=\"osh-fitout-label\">Office Interior<\/div>\n                                    <div class=\"osh-fitout-num\">02<\/div>\n                                <\/div>\n\n                                <div class=\"osh-fitout-card-content\">\n                                    <h3>Modular Office Fit-Out<\/h3>\n\n                                    <div class=\"osh-fitout-meta\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <b>Project Office<\/b>\n                                        <\/div>\n                                        <div>\n                                            <span>Fit-Out Scope<\/span>\n                                            <b>Workstations \u00b7 Meeting \u00b7 Reception<\/b>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"osh-fitout-card dormitory\">\n                                <div class=\"osh-fitout-card-top\">\n                                    <div class=\"osh-fitout-label\">Living Support Interior<\/div>\n                                    <div class=\"osh-fitout-num\">03<\/div>\n                                <\/div>\n\n                                <div class=\"osh-fitout-card-content\">\n                                    <h3>Dormitory & Support Fit-Out<\/h3>\n\n                                    <div class=\"osh-fitout-meta\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <b>Long-Term Living<\/b>\n                                        <\/div>\n                                        <div>\n                                            <span>Fit-Out Scope<\/span>\n                                            <b>Sleeping Area \u00b7 Storage \u00b7 Washroom<\/b>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"osh-fitout-scope-line\">\n                        <span>Interior Scope<\/span>\n                        <strong>Hospitality suites \u00b7 modular offices \u00b7 dormitory and living support interiors \u00b7 bathrooms \u00b7 kitchens \u00b7 commercial reception spaces<\/strong>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-projects-section osh-series-section\">\n                <div class=\"osh-projects-container\">\n                    <div class=\"osh-projects-title-row\">\n                        <div>\n                            <div class=\"osh-projects-kicker\">Product Systems<\/div>\n                            <h2 class=\"osh-projects-title\">Explore Product Series<\/h2>\n                        <\/div>\n\n                        <a class=\"osh-projects-link\" href=\"\/products\/\">View All Products \u2197<\/a>\n                    <\/div>\n\n                    <div class=\"osh-series-grid\">\n                                                    <a class=\"osh-series-card\" href=\"\/products\/space-capsule-house\/\">\n                                <div class=\"osh-series-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\">\n                                    <div class=\"osh-series-num\">01<\/div>\n                                <\/div>\n\n                                <div class=\"osh-series-body\">\n                                    <h3>Space Capsule House<\/h3>\n                                    <p>Resort Accommodation<\/p>\n                                    <span>View Series \u2197<\/span>\n                                <\/div>\n                            <\/a>\n                                                    <a class=\"osh-series-card\" href=\"\/products\/expandable-container-house\/\">\n                                <div class=\"osh-series-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\">\n                                    <div class=\"osh-series-num\">02<\/div>\n                                <\/div>\n\n                                <div class=\"osh-series-body\">\n                                    <h3>Expandable Container House<\/h3>\n                                    <p>Expandable Living Unit<\/p>\n                                    <span>View Series \u2197<\/span>\n                                <\/div>\n                            <\/a>\n                                                    <a class=\"osh-series-card\" href=\"\/products\/z-type-folding-container-house\/\">\n                                <div class=\"osh-series-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\">\n                                    <div class=\"osh-series-num\">03<\/div>\n                                <\/div>\n\n                                <div class=\"osh-series-body\">\n                                    <h3>Z-Type Folding Container House<\/h3>\n                                    <p>Fast-Deployment Unit<\/p>\n                                    <span>View Series \u2197<\/span>\n                                <\/div>\n                            <\/a>\n                                                    <a class=\"osh-series-card\" href=\"\/products\/flat-pack-container-house\/\">\n                                <div class=\"osh-series-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\">\n                                    <div class=\"osh-series-num\">04<\/div>\n                                <\/div>\n\n                                <div class=\"osh-series-body\">\n                                    <h3>Flat Pack Container House<\/h3>\n                                    <p>Project Building System<\/p>\n                                    <span>View Series \u2197<\/span>\n                                <\/div>\n                            <\/a>\n                                                    <a class=\"osh-series-card\" href=\"\/products\/commercial-container-house\/\">\n                                <div class=\"osh-series-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=1200&#038;q=80');\">\n                                    <div class=\"osh-series-num\">05<\/div>\n                                <\/div>\n\n                                <div class=\"osh-series-body\">\n                                    <h3>Commercial Container House<\/h3>\n                                    <p>Retail &amp; Scenic Spot Unit<\/p>\n                                    <span>View Series \u2197<\/span>\n                                <\/div>\n                            <\/a>\n                                            <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-projects-section osh-interior-gallery\" id=\"osh-interior-options\">\n                <div class=\"osh-projects-container\">\n                    <div class=\"osh-projects-title-row\">\n                        <div>\n                            <div class=\"osh-projects-kicker\">Interior Options<\/div>\n                            <h2 class=\"osh-projects-title\">Interior Fit-Out Gallery<\/h2>\n                        <\/div>\n\n                        <div class=\"osh-interior-toolbar\">\n                            <button class=\"osh-filter-btn active\" data-filter=\"all\">All<\/button>\n                            <button class=\"osh-filter-btn\" data-filter=\"hospitality\">Hospitality<\/button>\n                            <button class=\"osh-filter-btn\" data-filter=\"office\">Office<\/button>\n                            <button class=\"osh-filter-btn\" data-filter=\"living\">Living<\/button>\n                            <button class=\"osh-filter-btn\" data-filter=\"commercial\">Commercial<\/button>\n                            <button class=\"osh-filter-btn\" data-filter=\"bathroom\">Bathroom<\/button>\n                            <button class=\"osh-filter-btn\" data-filter=\"kitchen\">Kitchen<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"osh-interior-grid\">\n                                                    <article class=\"osh-interior-card\" data-category=\"hospitality\">\n                                <div class=\"osh-interior-slider\" data-slider>\n                                    <div class=\"osh-interior-badge\">Hospitality Interior<\/div>\n                                    <div class=\"osh-interior-number\">01<\/div>\n\n                                                                            <div class=\"osh-interior-slide active\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1616594039964-ae9021a400a0?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1616046229478-9901c5536a45?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                    \n                                    <button class=\"osh-slider-arrow osh-slider-prev\" type=\"button\" aria-label=\"Previous image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M15 6L9 12L15 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button class=\"osh-slider-arrow osh-slider-next\" type=\"button\" aria-label=\"Next image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M9 6L15 12L9 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-slider-dots\">\n                                                                                    <button class=\"osh-slider-dot active\" type=\"button\" data-dot=\"0\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"1\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"2\" aria-label=\"View image\"><\/button>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-interior-body\">\n                                    <h3>Resort Suite Fit-Out<\/h3>\n\n                                    <div class=\"osh-interior-meta\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <b>Hospitality \u00b7 Scenic Stay<\/b>\n                                        <\/div>\n                                        <div>\n                                            <span>Fit-Out Scope<\/span>\n                                            <b>Bedroom \u00b7 Lounge \u00b7 Bathroom<\/b>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p class=\"osh-interior-desc\">Move-in ready interiors for resort rooms, scenic stays, short-term accommodation and premium modular lodging projects.<\/p>\n\n                                    <div class=\"osh-interior-footer\">\n                                        <div class=\"osh-interior-series\">Space Capsule House<\/div>\n                                        <a class=\"osh-interior-view\" href=\"\/products\/space-capsule-house\/\">View Product \u2197<\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/article>\n                                                    <article class=\"osh-interior-card\" data-category=\"office\">\n                                <div class=\"osh-interior-slider\" data-slider>\n                                    <div class=\"osh-interior-badge\">Office Interior<\/div>\n                                    <div class=\"osh-interior-number\">02<\/div>\n\n                                                                            <div class=\"osh-interior-slide active\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                    \n                                    <button class=\"osh-slider-arrow osh-slider-prev\" type=\"button\" aria-label=\"Previous image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M15 6L9 12L15 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button class=\"osh-slider-arrow osh-slider-next\" type=\"button\" aria-label=\"Next image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M9 6L15 12L9 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-slider-dots\">\n                                                                                    <button class=\"osh-slider-dot active\" type=\"button\" data-dot=\"0\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"1\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"2\" aria-label=\"View image\"><\/button>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-interior-body\">\n                                    <h3>Modular Office Fit-Out<\/h3>\n\n                                    <div class=\"osh-interior-meta\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <b>Project Office<\/b>\n                                        <\/div>\n                                        <div>\n                                            <span>Fit-Out Scope<\/span>\n                                            <b>Workstations \u00b7 Meeting \u00b7 Reception<\/b>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p class=\"osh-interior-desc\">Clean office layouts for construction sites, temporary headquarters, project management offices and modular business spaces.<\/p>\n\n                                    <div class=\"osh-interior-footer\">\n                                        <div class=\"osh-interior-series\">Flat Pack Container House<\/div>\n                                        <a class=\"osh-interior-view\" href=\"\/products\/flat-pack-container-house\/\">View Product \u2197<\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/article>\n                                                    <article class=\"osh-interior-card\" data-category=\"living\">\n                                <div class=\"osh-interior-slider\" data-slider>\n                                    <div class=\"osh-interior-badge\">Living Support Interior<\/div>\n                                    <div class=\"osh-interior-number\">03<\/div>\n\n                                                                            <div class=\"osh-interior-slide active\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1595526114035-0d45ed16cfbf?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1618220179428-22790b461013?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600121848594-d8644e57abab?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                    \n                                    <button class=\"osh-slider-arrow osh-slider-prev\" type=\"button\" aria-label=\"Previous image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M15 6L9 12L15 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button class=\"osh-slider-arrow osh-slider-next\" type=\"button\" aria-label=\"Next image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M9 6L15 12L9 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-slider-dots\">\n                                                                                    <button class=\"osh-slider-dot active\" type=\"button\" data-dot=\"0\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"1\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"2\" aria-label=\"View image\"><\/button>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-interior-body\">\n                                    <h3>Dormitory &amp; Support Fit-Out<\/h3>\n\n                                    <div class=\"osh-interior-meta\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <b>Long-Term Living<\/b>\n                                        <\/div>\n                                        <div>\n                                            <span>Fit-Out Scope<\/span>\n                                            <b>Sleeping Area \u00b7 Storage \u00b7 Washroom<\/b>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p class=\"osh-interior-desc\">Practical living interiors for worker dormitories, camp accommodation, staff housing and long-term site support.<\/p>\n\n                                    <div class=\"osh-interior-footer\">\n                                        <div class=\"osh-interior-series\">Expandable Container House<\/div>\n                                        <a class=\"osh-interior-view\" href=\"\/products\/expandable-container-house\/\">View Product \u2197<\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/article>\n                                                    <article class=\"osh-interior-card\" data-category=\"commercial\">\n                                <div class=\"osh-interior-slider\" data-slider>\n                                    <div class=\"osh-interior-badge\">Commercial Interior<\/div>\n                                    <div class=\"osh-interior-number\">04<\/div>\n\n                                                                            <div class=\"osh-interior-slide active\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600573472592-401b489a3cdc?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                    \n                                    <button class=\"osh-slider-arrow osh-slider-prev\" type=\"button\" aria-label=\"Previous image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M15 6L9 12L15 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button class=\"osh-slider-arrow osh-slider-next\" type=\"button\" aria-label=\"Next image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M9 6L15 12L9 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-slider-dots\">\n                                                                                    <button class=\"osh-slider-dot active\" type=\"button\" data-dot=\"0\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"1\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"2\" aria-label=\"View image\"><\/button>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-interior-body\">\n                                    <h3>Retail &amp; Reception Fit-Out<\/h3>\n\n                                    <div class=\"osh-interior-meta\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <b>Shop \u00b7 Sales Office<\/b>\n                                        <\/div>\n                                        <div>\n                                            <span>Fit-Out Scope<\/span>\n                                            <b>Display Area \u00b7 Counter \u00b7 Customer Zone<\/b>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p class=\"osh-interior-desc\">Customer-facing interior schemes for pop-up shops, sales offices, visitor centers and commercial container units.<\/p>\n\n                                    <div class=\"osh-interior-footer\">\n                                        <div class=\"osh-interior-series\">Commercial Container House<\/div>\n                                        <a class=\"osh-interior-view\" href=\"\/products\/commercial-container-house\/\">View Product \u2197<\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/article>\n                                                    <article class=\"osh-interior-card\" data-category=\"bathroom\">\n                                <div class=\"osh-interior-slider\" data-slider>\n                                    <div class=\"osh-interior-badge\">Bathroom Interior<\/div>\n                                    <div class=\"osh-interior-number\">05<\/div>\n\n                                                                            <div class=\"osh-interior-slide active\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1620626011761-996317b8d101?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600566753151-384129cf4e3e?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600489000022-c2086d79f9d4?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                    \n                                    <button class=\"osh-slider-arrow osh-slider-prev\" type=\"button\" aria-label=\"Previous image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M15 6L9 12L15 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button class=\"osh-slider-arrow osh-slider-next\" type=\"button\" aria-label=\"Next image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M9 6L15 12L9 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-slider-dots\">\n                                                                                    <button class=\"osh-slider-dot active\" type=\"button\" data-dot=\"0\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"1\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"2\" aria-label=\"View image\"><\/button>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-interior-body\">\n                                    <h3>Compact Bathroom Fit-Out<\/h3>\n\n                                    <div class=\"osh-interior-meta\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <b>Living \u00b7 Hospitality \u00b7 Camp<\/b>\n                                        <\/div>\n                                        <div>\n                                            <span>Fit-Out Scope<\/span>\n                                            <b>Shower \u00b7 Toilet \u00b7 Vanity \u00b7 Waterproofing<\/b>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p class=\"osh-interior-desc\">Compact wet-area solutions for container houses, modular cabins, hospitality rooms and site accommodation units.<\/p>\n\n                                    <div class=\"osh-interior-footer\">\n                                        <div class=\"osh-interior-series\">Multiple Product Series<\/div>\n                                        <a class=\"osh-interior-view\" href=\"\/products\/\">View Product \u2197<\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/article>\n                                                    <article class=\"osh-interior-card\" data-category=\"kitchen\">\n                                <div class=\"osh-interior-slider\" data-slider>\n                                    <div class=\"osh-interior-badge\">Kitchen Interior<\/div>\n                                    <div class=\"osh-interior-number\">06<\/div>\n\n                                                                            <div class=\"osh-interior-slide active\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600489000022-c2086d79f9d4?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600607688066-890987f18a86?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                                                            <div class=\"osh-interior-slide \" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1556912167-f556f1f39fdf?auto=format&#038;fit=crop&#038;w=1600&#038;q=80');\"><\/div>\n                                    \n                                    <button class=\"osh-slider-arrow osh-slider-prev\" type=\"button\" aria-label=\"Previous image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M15 6L9 12L15 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button class=\"osh-slider-arrow osh-slider-next\" type=\"button\" aria-label=\"Next image\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                            <path d=\"M9 6L15 12L9 18\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-slider-dots\">\n                                                                                    <button class=\"osh-slider-dot active\" type=\"button\" data-dot=\"0\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"1\" aria-label=\"View image\"><\/button>\n                                                                                    <button class=\"osh-slider-dot \" type=\"button\" data-dot=\"2\" aria-label=\"View image\"><\/button>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-interior-body\">\n                                    <h3>Compact Kitchen Fit-Out<\/h3>\n\n                                    <div class=\"osh-interior-meta\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <b>Long-Term Living \u00b7 Staff Housing<\/b>\n                                        <\/div>\n                                        <div>\n                                            <span>Fit-Out Scope<\/span>\n                                            <b>Cabinet \u00b7 Sink \u00b7 Appliance Zone<\/b>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p class=\"osh-interior-desc\">Efficient kitchen areas for modular homes, expandable units, staff housing and long-stay accommodation projects.<\/p>\n\n                                    <div class=\"osh-interior-footer\">\n                                        <div class=\"osh-interior-series\">Expandable Container House<\/div>\n                                        <a class=\"osh-interior-view\" href=\"\/products\/expandable-container-house\/\">View Product \u2197<\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/article>\n                                            <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-projects-section osh-fitout-logic\">\n                <div class=\"osh-projects-container\">\n                    <div class=\"osh-logic-wrap\">\n                        <div class=\"osh-logic-panel\">\n                            <h2>Interior design must follow the building system.<\/h2>\n                            <p>\n                                For modular houses and container houses, interiors cannot be considered separately from structure, transportation, installation and daily operation. A good fit-out plan should match the product series, room function, utility routing, wall system, wet area requirement and final site use.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"osh-logic-list\">\n                            <div class=\"osh-logic-item\">\n                                <span>01<\/span>\n                                <h3>Product Series Matching<\/h3>\n                                <p>Different series have different structural limits, interior width, opening positions and installation logic.<\/p>\n                            <\/div>\n\n                            <div class=\"osh-logic-item\">\n                                <span>02<\/span>\n                                <h3>Room Function Planning<\/h3>\n                                <p>Hospitality, office, dormitory, commercial and living spaces need different layouts and material priorities.<\/p>\n                            <\/div>\n\n                            <div class=\"osh-logic-item\">\n                                <span>03<\/span>\n                                <h3>Utility & Wet Area Control<\/h3>\n                                <p>Bathroom, kitchen, drainage, wiring and ventilation must be planned before production and delivery.<\/p>\n                            <\/div>\n\n                            <div class=\"osh-logic-item\">\n                                <span>04<\/span>\n                                <h3>Move-In Ready Delivery<\/h3>\n                                <p>The goal is to reduce on-site uncertainty and make the final modular space easier to install and operate.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-projects-cta\">\n                <div class=\"osh-projects-container\">\n                    <div class=\"osh-cta-wrap\">\n                        <div>\n                            <h2>Need interior options for your modular house project?<\/h2>\n                            <p>\n                                Tell us your product series, model type, room function, project location and expected use. Oceanstarhouse can help you match the right interior fit-out direction for your container house or modular building project.\n                            <\/p>\n                        <\/div>\n\n                        <a class=\"osh-cta-btn\" href=\"\/contact\/\">Request Interior Support<\/a>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n        <\/div>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function () {\n                const filterButtons = document.querySelectorAll('.osh-filter-btn');\n                const cards = document.querySelectorAll('.osh-interior-card');\n\n                filterButtons.forEach(function (button) {\n                    button.addEventListener('click', function () {\n                        const filter = button.getAttribute('data-filter');\n\n                        filterButtons.forEach(function (btn) {\n                            btn.classList.remove('active');\n                        });\n\n                        button.classList.add('active');\n\n                        cards.forEach(function (card) {\n                            const category = card.getAttribute('data-category');\n\n                            if (filter === 'all' || category === filter) {\n                                card.style.display = '';\n                            } else {\n                                card.style.display = 'none';\n                            }\n                        });\n                    });\n                });\n\n                const sliders = document.querySelectorAll('[data-slider]');\n\n                sliders.forEach(function (slider) {\n                    const slides = slider.querySelectorAll('.osh-interior-slide');\n                    const dots = slider.querySelectorAll('.osh-slider-dot');\n                    const prev = slider.querySelector('.osh-slider-prev');\n                    const next = slider.querySelector('.osh-slider-next');\n                    let current = 0;\n\n                    function showSlide(index) {\n                        if (!slides.length) return;\n\n                        if (index < 0) {\n                            current = slides.length - 1;\n                        } else if (index >= slides.length) {\n                            current = 0;\n                        } else {\n                            current = index;\n                        }\n\n                        slides.forEach(function (slide, slideIndex) {\n                            slide.classList.toggle('active', slideIndex === current);\n                        });\n\n                        dots.forEach(function (dot, dotIndex) {\n                            dot.classList.toggle('active', dotIndex === current);\n                        });\n                    }\n\n                    if (prev) {\n                        prev.addEventListener('click', function () {\n                            showSlide(current - 1);\n                        });\n                    }\n\n                    if (next) {\n                        next.addEventListener('click', function () {\n                            showSlide(current + 1);\n                        });\n                    }\n\n                    dots.forEach(function (dot) {\n                        dot.addEventListener('click', function () {\n                            const index = parseInt(dot.getAttribute('data-dot'), 10);\n                            showSlide(index);\n                        });\n                    });\n                });\n            });\n        <\/script>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>proyectos<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-2624","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhdmIQ-Gk","_links":{"self":[{"href":"https:\/\/oceanstarhouse.com\/es\/wp-json\/wp\/v2\/pages\/2624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceanstarhouse.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceanstarhouse.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/es\/wp-json\/wp\/v2\/comments?post=2624"}],"version-history":[{"count":25,"href":"https:\/\/oceanstarhouse.com\/es\/wp-json\/wp\/v2\/pages\/2624\/revisions"}],"predecessor-version":[{"id":3387,"href":"https:\/\/oceanstarhouse.com\/es\/wp-json\/wp\/v2\/pages\/2624\/revisions\/3387"}],"wp:attachment":[{"href":"https:\/\/oceanstarhouse.com\/es\/wp-json\/wp\/v2\/media?parent=2624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}