{"id":594,"date":"2026-06-08T07:32:48","date_gmt":"2026-06-08T07:32:48","guid":{"rendered":"https:\/\/latelierabali.com\/?page_id=594"},"modified":"2026-07-28T15:43:55","modified_gmt":"2026-07-28T07:43:55","slug":"interior-design","status":"publish","type":"page","link":"https:\/\/latelierabali.com\/fr\/interior-design\/","title":{"rendered":"Design d'int\u00e9rieur"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"594\" class=\"elementor elementor-594\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfff753 e-con-full e-flex e-con e-parent\" data-id=\"cfff753\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e096ad5 e-con-full e-flex e-con e-child\" data-id=\"e096ad5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9ffce41 e-con-full e-flex e-con e-child\" data-id=\"9ffce41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2923e20 elementor-widget elementor-widget-html\" data-id=\"2923e20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"ml5\">\r\n  <span class=\"text-wrapper\">\r\n    <span class=\"line line1\"><\/span>\r\n    <span class=\"letters letters-left\">Interior <\/span>\r\n    <span class=\"letters letters-right\">Design<\/span>\r\n    <span class=\"line line2\"><\/span>\r\n  <\/span>\r\n<\/h1>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animejs\/2.0.2\/anime.min.js\"><\/script>\r\n\r\n<style>\r\n.ml5 {\r\n  position: relative;\r\n  font-weight: 700;\r\n  font-size: 50px;\r\n  text-transform: capitalize;\r\n  color: #ffffff; \r\n}\r\n\r\n.ml5 .text-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n  padding-top: 0.1em;\r\n  padding-right: 0.05em;\r\n  padding-bottom: 0.15em;\r\n  line-height: 1em;\r\n}\r\n\r\n.ml5 .letters {\r\n  display: inline-block;\r\n  opacity: 0;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .ml5 {\r\n    font-size: 30px;\r\n    text-align: center;\r\n    display: block;\r\n    width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nanime.timeline({loop: true})\r\n  .add({\r\n    targets: '.ml5 .line',\r\n    opacity: [0.5,1],\r\n    scaleX: [0, 1],\r\n    easing: \"easeInOutExpo\",\r\n    duration: 700\r\n  }).add({\r\n    targets: '.ml5 .line',\r\n    duration: 600,\r\n    easing: \"easeOutExpo\",\r\n    translateY: (el, i) => (-0.625 + 0.625*2*i) + \"em\"\r\n  }).add({\r\n    targets: '.ml5 .letters-left',\r\n    opacity: [0,1],\r\n    translateX: [\"0.5em\", 0],\r\n    easing: \"easeOutExpo\",\r\n    duration: 600,\r\n    offset: '-=300'\r\n  }).add({\r\n    targets: '.ml5 .letters-right',\r\n    opacity: [0,1],\r\n    translateX: [\"-0.5em\", 0],\r\n    easing: \"easeOutExpo\",\r\n    duration: 600,\r\n    offset: '-=600'\r\n  }).add({\r\n    targets: '.ml5',\r\n    opacity: 0,\r\n    duration: 1000,\r\n    easing: \"easeOutExpo\",\r\n    delay: 10000000\r\n  });\r\n<\/script>\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<div class=\"elementor-element elementor-element-10e9976 e-con-full e-flex e-con e-parent\" data-id=\"10e9976\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-91de1fc e-con-full e-flex e-con e-child\" data-id=\"91de1fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4618561 elementor-widget elementor-widget-html\" data-id=\"4618561\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"video-widget-wrapper\">\r\n    <video id=\"kasbah-property-video\" preload=\"metadata\" playsinline poster=\"https:\/\/latelierabali.com\/wp-content\/uploads\/2026\/06\/Architect-Design-Latelierabali.webp\">\r\n    <source src=\"https:\/\/latelierabali.com\/wp-content\/uploads\/2026\/07\/Interior-Design.mp4\" type=\"video\/mp4\">\r\n    Your browser does not support the video tag.\r\n<\/video>\r\n\r\n    <div class=\"video-overlay-trigger\" id=\"video-play-btn\">\r\n        <div class=\"play-button-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"48\" height=\"48\">\r\n                <path d=\"M8 5v14l11-7z\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n        <span class=\"play-button-text\">Play The Video<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.video-widget-wrapper {\r\n    position: relative;\r\n    width: 100vw;\r\n    \/* Menggunakan dvh agar dinamis mengikuti tinggi layar asli device meskipun ada address bar mobile *\/\r\n    height: 90vh;\r\n    height: 90dvh; \r\n    max-width: 100vw;\r\n    margin: 0 auto;\r\n    background-color: #000000;\r\n    overflow: hidden;\r\n}\r\n\r\n.video-widget-wrapper video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n\/* Sembunyikan player control bawaan browser secara total saat video aktif *\/\r\n.video-widget-wrapper video::-webkit-media-controls {\r\n    display: none !important;\r\n}\r\n.video-widget-wrapper video::-webkit-media-controls-enclosure {\r\n    display: none !important;\r\n}\r\n\r\n\/* Overlay & Tombol Kontrol Pemicu *\/\r\n.video-overlay-trigger {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(51, 69, 44, 0.4);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 15px;\r\n    cursor: pointer;\r\n    z-index: 5;\r\n    transition: background-color 0.4s ease, opacity 0.4s ease;\r\n}\r\n\r\n.video-overlay-trigger:hover {\r\n    background-color: rgba(51, 69, 44, 0.2);\r\n}\r\n\r\n\/* Icon Bulat Putih Play *\/\r\n.play-button-icon {\r\n    width: 80px;\r\n    height: 80px;\r\n    background-color: #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #33452C;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.play-button-icon svg {\r\n    margin-left: 4px;\r\n}\r\n\r\n\/* Label Teks Navigasi *\/\r\n.play-button-text {\r\n    font-family: 'Poppins', sans-serif;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n    opacity: 0.9;\r\n    transition: letter-spacing 0.3s ease;\r\n}\r\n\r\n\/* Efek Animasi Saat Kursor Menyentuh Tombol *\/\r\n.video-overlay-trigger:hover .play-button-icon {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.video-overlay-trigger:hover .play-button-text {\r\n    letter-spacing: 4px;\r\n    opacity: 1;\r\n}\r\n\r\n\r\n.video-overlay-trigger.is-hidden {\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n@media screen and (max-width: 1024px) {\r\n    .play-button-icon {\r\n        width: 65px;\r\n        height: 65px;\r\n    }\r\n    .play-button-icon svg {\r\n        width: 38px;\r\n        height: 38px;\r\n    }\r\n    .play-button-text {\r\n        font-size: 12px;\r\n        letter-spacing: 2px;\r\n    }\r\n    .video-widget-wrapper {\r\n    position: relative;\r\n    width: 100vw;\r\n    \/* Menggunakan dvh agar dinamis mengikuti tinggi layar asli device meskipun ada address bar mobile *\/\r\n    height: 80vh;\r\n    height: 80dvh; \r\n    max-width: 100vw;\r\n    margin: 0 auto;\r\n    background-color: #000000;\r\n    overflow: hidden;\r\n}\r\n}\r\n@media screen and (max-width: 768px) {\r\n    .play-button-icon {\r\n        width: 65px;\r\n        height: 65px;\r\n    }\r\n    .play-button-icon svg {\r\n        width: 38px;\r\n        height: 38px;\r\n    }\r\n    .play-button-text {\r\n        font-size: 12px;\r\n        letter-spacing: 2px;\r\n    }\r\n    .video-widget-wrapper {\r\n    position: relative;\r\n    width: 100vw;\r\n    \/* Menggunakan dvh agar dinamis mengikuti tinggi layar asli device meskipun ada address bar mobile *\/\r\n    height: 80vh;\r\n    height: 80dvh; \r\n    max-width: 100vw;\r\n    margin: 0 auto;\r\n    background-color: #000000;\r\n    overflow: hidden;\r\n}\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const videoElement = document.getElementById(\"kasbah-property-video\");\r\n    const playTrigger = document.getElementById(\"video-play-btn\");\r\n\r\n    if (videoElement && playTrigger) {\r\n        \/\/ Klik overlay untuk play\r\n        playTrigger.addEventListener(\"click\", function() {\r\n            videoElement.play();\r\n        });\r\n\r\n        \/\/ Klik video saat sedang berputar untuk pause kembali\r\n        videoElement.addEventListener(\"click\", function() {\r\n            if (!videoElement.paused) {\r\n                videoElement.pause();\r\n            }\r\n        });\r\n\r\n        \/\/ Event saat video mulai berjalan\r\n        videoElement.addEventListener(\"play\", function() {\r\n            playTrigger.classList.add(\"is-hidden\");\r\n        });\r\n\r\n        \/\/ Event jika video di-pause atau selesai (Munculkan kembali overlay kustom)\r\n        videoElement.addEventListener(\"pause\", function() {\r\n            playTrigger.classList.remove(\"is-hidden\");\r\n        });\r\n        \r\n        videoElement.addEventListener(\"ended\", function() {\r\n            playTrigger.classList.remove(\"is-hidden\");\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bceea62 e-con-full e-flex e-con e-child\" data-id=\"bceea62\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0baa3cf e-con-full e-flex e-con e-child\" data-id=\"0baa3cf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35bc8f0 elementor-widget elementor-widget-heading\" data-id=\"35bc8f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">L' atelier A Bali Architect and Interior Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34f064d elementor-widget elementor-widget-text-editor\" data-id=\"34f064d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"architecture-interior-section\">\n  <div class=\"ai-container\">\n    <p class=\"ai-intro\">At L\u2019Atelier a Bali, we transform visionary concepts into breathtaking architectural and interior realities. Deeply inspired by Bali\u2019s tropical elegance and world-class craftsmanship, our comprehensive design solutions cater to luxury residential estates, premium hospitality developments, and boutique commercial spaces. From conceptual blueprints to the final interior styling, here is how we craft spaces that harmonize form, function, and timeless aesthetics:<\/p>\n    \n    <!-- Daftar Poin -->\n    <ul class=\"ai-list\">\n      <li><strong>Conceptual Architectural Design:<\/strong> We develop distinctive architectural concepts, site plans, and spatial layouts tailored to your lifestyle, maximizing natural light, tropical ventilation, and surrounding landscapes.<\/li>\n      <li><strong>Bespoke Interior Space Planning:<\/strong> Our team designs immersive interior environments, meticulously planning spatial flows, custom built-in cabinetry, and functional zoning to elevate the everyday living experience.<\/li>\n      <li><strong>Premium Material Sourcing &amp; Finishes:<\/strong> We curate a sophisticated palette of authentic Indonesian materials, including sustainable teakwood, locally quarried natural stone, handcrafted terrazzo, and premium architectural hardware.<\/li>\n      <li><strong>Custom Furniture &amp; Lighting Design:<\/strong> We design and engineer tailored furniture collections, bespoke lighting fixtures, and integrated decorative elements uniquely customized to complement your project&#8217;s aesthetic blueprint.<\/li>\n      <li><strong>Technical Blueprints &amp; 3D Visualization:<\/strong> We provide comprehensive engineering drawings, detailed material schedules, and hyper-realistic 3D renderings to ensure total visual clarity before any construction begins.<\/li>\n      <li><strong>Project Coordination &amp; Styling Management:<\/strong> Working hand-in-hand with trusted builders and local artisans, we oversee the precise execution of our design intent, culminating in rigorous on-site styling and turn-key handover.<\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<style>\n\/* STYLING GLOBAL - RATA KIRI UNTUK SEMUA DEVICE *\/\n.architecture-interior-section {\n  color: #00214E;\n  padding: 0px 0px;\n  background-color: #f7f7f7;\n  text-align: left !important; \/* Memaksa rata kiri agar aman dari bentrokan tema parent *\/\n}\n\n.ai-container {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 20px; \/* Jarak aman kanan-kiri agar teks di HP tidak mentok ke pinggir layar *\/\n  box-sizing: border-box;\n}\n\n\/* Judul H2 (Jika Anda menambahkan judul utama di dalam seksi ini) *\/\n.architecture-interior-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 25px;\n  color: #00214E;\n  font-weight: bold;\n  margin-top: 0;\n  margin-bottom: 25px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  text-align: left !important;\n}\n\n\/* Paragraf Pengantar *\/\n.ai-intro {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.6;\n  margin-top: 0;\n  margin-bottom: 35px;\n  text-align: left !important;\n}\n\n\/* Container List *\/\n.ai-list {\n  list-style-type: circle;\n  padding-left: 20px; \/* Mengatur jarak masuknya bullet point *\/\n  margin: 0;\n  text-align: left !important;\n}\n\n\/* Elemen List *\/\n.ai-list li {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.6;\n  margin-bottom: 25px;\n  text-align: left !important;\n  color: #00214E;\n}\n\n\/* Judul Tebal di Dalam Poin *\/\n.ai-list strong {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 700;\n  color: #00214E;\n}\n\n\/* RESPONSIVE UNTUK HP *\/\n@media (max-width: 767px) {\n  .architecture-interior-section {\n    padding: 0px 0px;\n  }\n\n  .architecture-interior-section h2 {\n    font-size: 22px;\n  }\n}\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a5393a e-con-full e-flex e-con e-child\" data-id=\"2a5393a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b06260 e-con-full e-flex e-con e-parent\" data-id=\"8b06260\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d0c0a76 e-con-full e-flex e-con e-child\" data-id=\"d0c0a76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32791a5 elementor-widget elementor-widget-heading\" data-id=\"32791a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Signature\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7a0d26 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"b7a0d26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>At L\u2019Atelier a Bali, we deliver comprehensive interior design solutions and turnkey project management across all sectors including premium commercial spaces, luxury hotels, boutique restaurants, bars, modern offices, and private residential homes. Whether you are expanding a hospitality brand or crafting a bespoke villa, our expert design team is dedicated to bringing your unique vision to life.<\/p><p>We specialize in premium bespoke furniture design and curated decorative objects, tailored precisely to meet the architectural demands, style preferences, and themes of our global clientele. To ensure complete visual clarity before production begins, we provide precise technical floor plans and hyper realistic 3D interior visualization, giving you an exact preview of your furniture layouts and spatial styling.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7022c79 e-con-full e-flex e-con e-child\" data-id=\"7022c79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d3eb1eb e-con-full e-flex e-con e-child\" data-id=\"d3eb1eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-065b4fc elementor-widget elementor-widget-html\" data-id=\"065b4fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Font Poppins -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"ai-slider-section\">\r\n  <div class=\"ai-slider-container\">\r\n    <div class=\"ai-slider-grid\">\r\n      \r\n      <!-- SISI KIRI: DAFTAR POIN (KLIK UNTUK UBAH GAMBAR) -->\r\n      <div class=\"ai-slider-nav\">\r\n        \r\n        <!-- POIN 1 -->\r\n        <div class=\"ai-nav-item active\" onclick=\"switchAiSlider(1, 'https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=800')\">\r\n          <div class=\"ai-nav-icon\">01<\/div>\r\n          <div class=\"ai-nav-text\">\r\n            <h3>Conceptual Design &amp; Planning<\/h3>\r\n            <p>Initial spatial layouts, architectural concepts, and bespoke mood boards tailored to your vision.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- POIN 2 -->\r\n        <div class=\"ai-nav-item\" onclick=\"switchAiSlider(2, 'https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?q=80&w=800')\">\r\n          <div class=\"ai-nav-icon\">02<\/div>\r\n          <div class=\"ai-nav-text\">\r\n            <h3>3D Rendering &amp; Visualization<\/h3>\r\n            <p>Hyper-realistic interior and exterior 3D renderings to experience lighting, flow, and textures.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- POIN 3 -->\r\n        <div class=\"ai-nav-item\" onclick=\"switchAiSlider(3, 'https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?q=80&w=800')\">\r\n          <div class=\"ai-nav-icon\">03<\/div>\r\n          <div class=\"ai-nav-text\">\r\n            <h3>Architectural Drafting Blueprint<\/h3>\r\n            <p>Meticulous technical floor plans, structural elevations, and flawless lighting schematics.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- POIN 4 -->\r\n        <div class=\"ai-nav-item\" onclick=\"switchAiSlider(4, 'https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?q=80&w=800')\">\r\n          <div class=\"ai-nav-icon\">04<\/div>\r\n          <div class=\"ai-nav-text\">\r\n            <h3>Material Curation &amp; Finishes<\/h3>\r\n            <p>Sophisticated tropical palettes including premium teakwood, natural stone, and custom terrazzo.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- POIN 5 -->\r\n        <div class=\"ai-nav-item\" onclick=\"switchAiSlider(5, 'https:\/\/images.unsplash.com\/photo-1538688525198-9b88f6f53126?q=80&w=800')\">\r\n          <div class=\"ai-nav-icon\">05<\/div>\r\n          <div class=\"ai-nav-text\">\r\n            <h3>Bespoke Furniture Integration<\/h3>\r\n            <p>Custom loose furniture engineering and built-in luxury cabinetry designed precisely for your space.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- POIN 6 -->\r\n        <div class=\"ai-nav-item\" onclick=\"switchAiSlider(6, 'https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?q=80&w=800')\">\r\n          <div class=\"ai-nav-icon\">06<\/div>\r\n          <div class=\"ai-nav-text\">\r\n            <h3>Design Styling &amp; Handover<\/h3>\r\n            <p>On-site staging, soft furnishing placement, and turnkey handover for ready-to-live luxury properties.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- SISI KANAN: PREVIEW GAMBAR YANG BERUBAH DENGAN HALUS -->\r\n      <div class=\"ai-slider-display\">\r\n        <div class=\"ai-image-wrapper\">\r\n          <img decoding=\"async\" id=\"aiSliderImage\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=800\" alt=\"L'atelier A Bali Architectural Design\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction switchAiSlider(index, imageUrl) {\r\n  \/\/ 1. Ubah Gambar dengan efek transisi memudar (fade)\r\n  const imgElement = document.getElementById('aiSliderImage');\r\n  imgElement.style.opacity = '0';\r\n  \r\n  setTimeout(() => {\r\n    imgElement.src = imageUrl;\r\n    imgElement.style.opacity = '1';\r\n  }, 200);\r\n\r\n  \/\/ 2. Perbarui status 'active' pada list poin di sebelah kiri\r\n  const navItems = document.querySelectorAll('.ai-nav-item');\r\n  navItems.forEach((item, i) => {\r\n    if (i === (index - 1)) {\r\n      item.classList.add('active');\r\n    } else {\r\n      item.classList.remove('active');\r\n    }\r\n  });\r\n}\r\n<\/script>\r\n\r\n<style>\r\n\/* --- CONTAINER UTAMA --- *\/\r\n.ai-slider-section {\r\n  background-color: #f7f7f7;\r\n  padding: 30px 30px;\r\n  text-align: left !important;\r\n}\r\n\r\n.ai-slider-container {\r\n  max-width: 1200px; \/* Dioptimasi agar konten tidak terlalu melebar melompati batas normal web *\/\r\n  margin: 0 auto;\r\n}\r\n\r\n.ai-slider-grid {\r\n  display: flex;\r\n  gap: 40px;\r\n  align-items: flex-start;\r\n}\r\n\r\n\/* --- SISI KIRI: NAVIGATION POIN --- *\/\r\n.ai-slider-nav {\r\n  flex: 1.2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.ai-nav-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n  padding: 20px;\r\n  background: transparent;\r\n  border-left: 3px solid rgba(0, 33, 78, 0.1);\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n  text-align: left !important;\r\n}\r\n\r\n.ai-nav-item:hover, .ai-nav-item.active {\r\n  background: #ffffff;\r\n  border-left: 4px solid #00214E;\r\n  box-shadow: 0 10px 25px rgba(0, 33, 78, 0.05);\r\n  border-radius: 0 8px 8px 0;\r\n}\r\n\r\n.ai-nav-icon {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: rgba(0, 33, 78, 0.4);\r\n  margin-top: 2px;\r\n}\r\n\r\n.ai-nav-item.active .ai-nav-icon {\r\n  color: #00214E;\r\n}\r\n\r\n.ai-nav-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.ai-nav-text h3 {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 18px;\r\n  color: #00214E;\r\n  font-weight: 700;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.3;\r\n  text-align: left !important;\r\n}\r\n\r\n.ai-nav-text p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  color: #556b85;\r\n  margin: 0;\r\n  line-height: 1.5;\r\n  text-align: left !important;\r\n}\r\n\r\n\/* --- SISI KANAN: FRAME LIVE IMAGE STICKY (DESKTOP) --- *\/\r\n.ai-slider-display {\r\n  flex: 1;\r\n  position: -webkit-sticky;\r\n  position: sticky;\r\n  top: 40px; \r\n  width: 100%;\r\n}\r\n\r\n.ai-image-wrapper {\r\n  width: 100%; \r\n  height: 560px;\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 40px rgba(0, 33, 78, 0.12);\r\n  background: #eaeaea;\r\n}\r\n\r\n.ai-image-wrapper img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: opacity 0.25s ease-in-out;\r\n  opacity: 1;\r\n}\r\n\r\n\/* --- RESPONSIVE TABLET & SCREEN (MAX-WIDTH: 1024px) --- *\/\r\n@media (max-width: 1024px) {\r\n  .ai-slider-grid {\r\n    gap: 25px; \/* Mempersempit jarak antar kolom *\/\r\n  }\r\n\r\n  .ai-slider-section {\r\n    padding: 20px 20px;\r\n  }\r\n\r\n  .ai-image-wrapper {\r\n    height: 480px; \/* Sedikit mengurangi tinggi agar seimbang dengan navigasi teks *\/\r\n  }\r\n\r\n  .ai-nav-item {\r\n    padding: 15px;\r\n    gap: 15px;\r\n  }\r\n\r\n  .ai-nav-text h3 {\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n\/* --- RESPONSIVE MOBILE LANDSCAPE\/PORTRAIT (MAX-WIDTH: 767px) --- *\/\r\n@media (max-width: 767px) {\r\n  .ai-slider-grid {\r\n    flex-direction: column-reverse; \/* Gambar berpindah ke bagian atas navigasi teks *\/\r\n    gap: 30px;\r\n  }\r\n  \r\n  .ai-slider-display {\r\n    position: relative;\r\n    top: 0;\r\n  }\r\n  \r\n  .ai-image-wrapper {\r\n    width: 100%;\r\n    height: 300px; \/* Tinggi optimal untuk layar smartphone *\/\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .ai-slider-section {\r\n    padding: 40px 15px;\r\n  }\r\n  \r\n  .ai-nav-item {\r\n    padding: 15px;\r\n    gap: 12px;\r\n  }\r\n  \r\n  .ai-nav-text h3 {\r\n    font-size: 16px;\r\n  }\r\n  \r\n  .ai-nav-text p {\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\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\t\t<div class=\"elementor-element elementor-element-c448f4f elementor-widget elementor-widget-button\" data-id=\"c448f4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/baliprosourcing.my.canva.site\/bali-pro-sourcing\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See Our Portofolio<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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>Interior Design Your browser does not support the video tag. Play The Video L&#8217; atelier A Bali Architect and Interior [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":602,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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":""}},"footnotes":""},"class_list":["post-594","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/latelierabali.com\/fr\/wp-json\/wp\/v2\/pages\/594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/latelierabali.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/latelierabali.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/latelierabali.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/latelierabali.com\/fr\/wp-json\/wp\/v2\/comments?post=594"}],"version-history":[{"count":48,"href":"https:\/\/latelierabali.com\/fr\/wp-json\/wp\/v2\/pages\/594\/revisions"}],"predecessor-version":[{"id":19268,"href":"https:\/\/latelierabali.com\/fr\/wp-json\/wp\/v2\/pages\/594\/revisions\/19268"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/latelierabali.com\/fr\/wp-json\/wp\/v2\/media\/602"}],"wp:attachment":[{"href":"https:\/\/latelierabali.com\/fr\/wp-json\/wp\/v2\/media?parent=594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}