{"id":249,"date":"2026-04-25T10:59:54","date_gmt":"2026-04-25T10:59:54","guid":{"rendered":"https:\/\/iconicstudio.net\/?page_id=249"},"modified":"2026-05-05T11:32:10","modified_gmt":"2026-05-05T11:32:10","slug":"about-us","status":"publish","type":"page","link":"https:\/\/iconicstudio.net\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"249\" class=\"elementor elementor-249\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fef8ca1 e-con-full e-flex e-con e-parent\" data-id=\"fef8ca1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07acca6 elementor-widget elementor-widget-html\" data-id=\"07acca6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        :root {\r\n            --gold: #CCA44C;\r\n            --dark: #050505;\r\n            --surface: #0d0d0d;\r\n            --text-gray: #888;\r\n            --line: rgba(204, 164, 76, 0.15);\r\n        }\r\n\r\n        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n        body {\r\n            background: var(--dark);\r\n            font-family: 'Tajawal', sans-serif;\r\n            color: #fff;\r\n            overflow-x: hidden;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* \u2500\u2500 BACKGROUND GRID (BluePrint Style) \u2500\u2500 *\/\r\n        .bg-grid {\r\n            position: fixed;\r\n            inset: 0;\r\n            background-image: linear-gradient(var(--line) 1px, transparent 1px),\r\n                              linear-gradient(90deg, var(--line) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            z-index: -1;\r\n            opacity: 0.3;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\r\n        .about-section {\r\n            padding: 120px 0;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        .about-flex {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 100px;\r\n            padding: 0 50px;\r\n        }\r\n\r\n        \/* \u2500\u2500 LEFT: IMAGE COMPOSITION \u2500\u2500 *\/\r\n        .visual-composition {\r\n            flex: 1;\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0628\u0631\u0648\u0627\u0632 \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0645\u0641\u0631\u063a *\/\r\n        .image-frame {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 650px;\r\n            border-radius: 4px;\r\n            overflow: hidden;\r\n            box-shadow: 0 50px 100px rgba(0,0,0,0.8);\r\n            z-index: 2;\r\n        }\r\n\r\n        .image-frame img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            filter: brightness(0.7) grayscale(20%);\r\n            transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .visual-composition:hover img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* \u0627\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644 *\/\r\n        .floating-border {\r\n            position: absolute;\r\n            top: -30px;\r\n            right: -30px;\r\n            width: 300px;\r\n            height: 300px;\r\n            border: 2px solid var(--gold);\r\n            z-index: 1;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u0639\u0627\u0626\u0645 *\/\r\n        .experience-badge {\r\n            position: absolute;\r\n            bottom: -40px;\r\n            left: -40px;\r\n            background: var(--gold);\r\n            color: #000;\r\n            padding: 40px;\r\n            border-radius: 4px;\r\n            z-index: 3;\r\n            text-align: center;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .experience-badge h2 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 60px;\r\n            font-weight: 900;\r\n            line-height: 1;\r\n        }\r\n\r\n        .experience-badge span {\r\n            font-size: 13px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        \/* \u2500\u2500 RIGHT: CONTENT \u2500\u2500 *\/\r\n        .content-side {\r\n            flex: 1.2;\r\n            position: relative;\r\n            z-index: 5;\r\n        }\r\n\r\n        .eyebrow {\r\n            font-family: 'Montserrat', sans-serif;\r\n            color: var(--gold);\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            letter-spacing: 5px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .eyebrow::after {\r\n            content: '';\r\n            width: 50px;\r\n            height: 1px;\r\n            background: var(--gold);\r\n        }\r\n\r\n        .main-title {\r\n            font-size: clamp(40px, 5vw, 65px);\r\n            font-weight: 900;\r\n            line-height: 1.1;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .main-title em {\r\n            display: block;\r\n            color: transparent;\r\n            -webkit-text-stroke: 1px var(--gold);\r\n            font-style: normal;\r\n        }\r\n\r\n        .main-desc {\r\n            font-size: 18px;\r\n            color: var(--text-gray);\r\n            line-height: 1.8;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .main-desc strong {\r\n            color: #fff;\r\n            border-bottom: 1px solid var(--gold);\r\n        }\r\n\r\n        \/* \u2500\u2500 PILLARS (Architectural Style) \u2500\u2500 *\/\r\n        .pillars-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 20px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .pillar-card {\r\n            padding: 30px;\r\n            background: rgba(255,255,255,0.02);\r\n            border: 1px solid rgba(255,255,255,0.05);\r\n            border-radius: 12px;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .pillar-card:hover {\r\n            background: rgba(204, 164, 76, 0.05);\r\n            border-color: var(--gold);\r\n            transform: translateY(-10px);\r\n        }\r\n\r\n        .pillar-card h4 {\r\n            font-size: 18px;\r\n            font-weight: 800;\r\n            color: var(--gold);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .pillar-card p {\r\n            font-size: 14px;\r\n            color: #777;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n        @media (max-width: 1100px) {\r\n            .about-flex { flex-direction: column; gap: 80px; padding: 0 30px; }\r\n            .visual-composition { width: 100%; }\r\n            .image-frame { height: 450px; }\r\n            .content-side { text-align: center; }\r\n            .eyebrow { justify-content: center; }\r\n            .eyebrow::after { display: none; }\r\n            .experience-badge { bottom: -20px; left: 20px; padding: 20px; }\r\n            .experience-badge h2 { font-size: 40px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .pillars-grid { grid-template-columns: 1fr; }\r\n            .about-section { padding: 60px 0; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"bg-grid\"><\/div>\r\n\r\n    <section class=\"about-section\">\r\n        <div class=\"about-flex\">\r\n            \r\n            <div class=\"visual-composition\">\r\n                <div class=\"floating-border\"><\/div>\r\n                <div class=\"image-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?q=80&w=1400&auto=format&fit=crop\" alt=\"Iconic Studio\">\r\n                <\/div>\r\n                <div class=\"experience-badge\">\r\n                    <h2>8+<\/h2>\r\n                    <span>Years of Experience<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"content-side\">\r\n                <div class=\"eyebrow\">About Us<\/div>\r\n                <h2 class=\"main-title\">\r\n                    We Create Spaces\r\n                    <em>That Translate Your Identity<\/em>\r\n                <\/h2>\r\n                \r\n                <p class=\"main-desc\">\r\n                    We are a specialized team in interior and exterior design and finishing, delivering designs that reflect lifestyle and translate the identity of each space. \r\n                    <br><br>\r\n                    <strong>We transform ideas into tangible experiences,<\/strong>\u060c \u0648\u0646\u0636\u064a\u0641 \u0644\u0645\u0633\u0629 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0644\u0644\u0648\u0627\u0642\u0639 \u0644\u0646\u062e\u0644\u0642 \u0645\u0633\u0627\u062d\u0627\u062a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062c\u0645\u0627\u0644 \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u0629.<\/br> \u0645\u0646\u0630 \u0627\u0646\u0637\u0644\u0627\u0642\u062a\u0646\u0627\u060c \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0635\u0645\u064a\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0648\u062a\u0645\u0631 \u0628\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0644\u062a\u0646\u062a\u0647\u064a \u0628\u062a\u0646\u0641\u064a\u0630 \u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629.\r\n                <\/p>\r\n\r\n                <div class=\"pillars-grid\">\r\n                    <div class=\"pillar-card\">\r\n                        <h4>Creative Thinking<\/h4>\r\n                        <p>Innovative solutions beyond conventional boundaries for every architectural challenge we face.<\/p>\r\n                    <\/div>\r\n                    <div class=\"pillar-card\">\r\n                        <h4>Attention to Detail<\/h4>\r\n                        <p>Meticulous precision in every corner, because we believe details are the secret of beauty.<\/p>\r\n                    <\/div>\r\n                    <div class=\"pillar-card\">\r\n                        <h4>High Quality<\/h4>\r\n                        <p>Global standards in execution with precise commitment to deadlines and expected quality.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47359e9 elementor-widget elementor-widget-html\" data-id=\"47359e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n  --gold: #CCA44C;\r\n  --gold-dim: rgba(204,164,76,0.05);\r\n  --gold-line: rgba(204,164,76,0.22);\r\n  --dark: #070707;\r\n  --surface: #0d0d0d;\r\n  --muted: #686868;\r\n  --muted-2: #2a2a2a;\r\n}\r\n\r\nbody {\r\n  background: var(--dark);\r\n  font-family: 'Tajawal', sans-serif;\r\n  color: #fff;\r\n  overflow-x: hidden;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 1. WRAPPER (Your Intro Section) \u2500\u2500 *\/\r\n.about-wrap {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 100vh;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.about-visual { position: relative; overflow: hidden; }\r\n.about-visual img {\r\n  width: 100%; height: 100%; object-fit: cover; opacity: 0.55;\r\n  transition: transform 10s cubic-bezier(0.16, 1, 0.3, 1);\r\n  transform-origin: center;\r\n}\r\n.about-wrap:hover .about-visual img { transform: scale(1.06); }\r\n.about-visual::after {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: linear-gradient(to right, transparent 60%, var(--dark) 100%),\r\n              linear-gradient(to top, var(--dark) 0%, transparent 30%);\r\n}\r\n\r\n.visual-year { position: absolute; bottom: 48px; right: 48px; z-index: 3; text-align: left; }\r\n.visual-year span { display: block; font-family: 'Cormorant Garamond', serif; font-size: 96px; font-weight: 300; color: var(--gold); opacity: 0.18; line-height: 1; }\r\n.visual-year small { font-size: 11px; letter-spacing: 4px; color: var(--muted); text-transform: uppercase; }\r\n\r\n.about-content {\r\n  display: flex; flex-direction: column; justify-content: center;\r\n  padding: 100px 80px 100px 60px; position: relative; z-index: 2; background: var(--dark);\r\n}\r\n\r\n.about-eyebrow { display: flex; align-items: center; gap: 16px; margin-bottom: 36px; opacity: 0; animation: up 0.9s ease 0.1s forwards; }\r\n.about-eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--gold); flex-shrink: 0; }\r\n.about-eyebrow span { font-family: 'Cormorant Garamond', serif; font-size: 12px; letter-spacing: 6px; text-transform: uppercase; color: var(--gold); font-weight: 300; }\r\n\r\n.about-title { font-size: clamp(36px, 4.5vw, 58px); font-weight: 900; line-height: 1.15; letter-spacing: -0.5px; margin-bottom: 40px; opacity: 0; animation: up 0.9s ease 0.25s forwards; }\r\n.about-title em { display: block; font-style: italic; font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: clamp(44px, 5.5vw, 70px); color: var(--gold); line-height: 1; }\r\n\r\n.about-desc { font-size: 16.5px; line-height: 2; color: var(--muted); margin-bottom: 56px; max-width: 480px; opacity: 0; animation: up 0.9s ease 0.4s forwards; }\r\n.about-desc strong { color: #bbb; font-weight: 700; }\r\n\r\n.pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--muted-2); padding-top: 48px; opacity: 0; animation: up 0.9s ease 0.55s forwards; }\r\n.pillar { padding-left: 0; padding-right: 24px; border-left: 1px solid var(--muted-2); display: flex; flex-direction: column; gap: 12px; transition: all 0.35s ease; cursor: default; }\r\n.pillar:first-child { border-left: none; padding-right: 0; padding-left: 24px; }\r\n.pillar:hover .pillar-icon { stroke: var(--gold); transform: translateY(-4px); }\r\n.pillar:hover .pillar-title { color: var(--gold); }\r\n.pillar-icon { width: 36px; height: 36px; stroke: #444; stroke-width: 1.3; fill: none; transition: stroke 0.35s ease, transform 0.45s ease; }\r\n.pillar-title { font-size: 15px; font-weight: 800; color: #fff; transition: color 0.35s; line-height: 1.3; }\r\n.pillar-desc { font-size: 13px; color: var(--muted); line-height: 1.65; }\r\n\r\n@keyframes up { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n\/* \u2500\u2500 GLOBAL LAYOUT HELPERS \u2500\u2500 *\/\r\n.container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }\r\n.section-pad { padding: 140px 0; }\r\n.section-head { margin-bottom: 60px; }\r\n.section-head.text-center { text-align: center; display: flex; flex-direction: column; align-items: center; }\r\n\r\n\/* \u2500\u2500 2 & 3. VISION & VALUES (Editorial Layout) \u2500\u2500 *\/\r\n.vv-wrap { background: var(--dark); position: relative; border-top: 1px solid var(--muted-2); }\r\n.vv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; position: relative; }\r\n\r\n\/* \u0641\u0627\u0635\u0644 \u0639\u0645\u0648\u062f\u064a \u0628\u064a\u0646 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0642\u064a\u0645 *\/\r\n.vv-grid::before {\r\n  content: ''; position: absolute; top: 0; bottom: 0; right: 50%; width: 1px; background: var(--muted-2);\r\n}\r\n\r\n.vv-block h2 { font-size: clamp(30px, 3vw, 45px); font-weight: 900; margin-bottom: 30px; }\r\n.vv-block h2 em { display: block; font-style: italic; font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: clamp(40px, 4vw, 55px); color: var(--gold); line-height: 1; margin-top: 5px; }\r\n.vv-block p { font-size: 16.5px; line-height: 2; color: var(--muted); margin-bottom: 24px; }\r\n.vv-block p:last-child { margin-bottom: 0; }\r\n\r\n\/* \u2500\u2500 4. PROCESS (Architectural Grid) \u2500\u2500 *\/\r\n.process-wrap { background: var(--surface); border-top: 1px solid var(--muted-2); }\r\n\r\n.process-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  \/* \u0625\u0646\u0634\u0627\u0621 \u0634\u0628\u0643\u0629 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0628\u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n  border-top: 1px solid var(--muted-2);\r\n  border-right: 1px solid var(--muted-2);\r\n  margin-top: 80px;\r\n}\r\n\r\n.process-step {\r\n  position: relative;\r\n  padding: 60px 40px 80px;\r\n  border-left: 1px solid var(--muted-2);\r\n  border-bottom: 1px solid var(--muted-2);\r\n  transition: background 0.4s ease;\r\n  overflow: hidden;\r\n}\r\n\r\n.process-step:hover { background: var(--gold-dim); }\r\n\r\n.step-num-bg {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 20px;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 100px;\r\n  font-weight: 300;\r\n  color: var(--gold);\r\n  opacity: 0.08;\r\n  line-height: 1;\r\n  transition: opacity 0.5s ease, transform 0.5s ease;\r\n}\r\n\r\n.process-step:hover .step-num-bg { opacity: 0.2; transform: translateY(-10px); }\r\n\r\n.process-step-icon {\r\n  width: 45px; height: 45px;\r\n  stroke: var(--gold); stroke-width: 1.2; fill: none;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.process-step h3 { font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 15px; position: relative; z-index: 2; }\r\n.process-step p { font-size: 14px; line-height: 1.8; color: var(--muted); position: relative; z-index: 2; }\r\n\r\n\/* \u2500\u2500 5. FINAL HOOK \u2500\u2500 *\/\r\n.hook-wrap { background: var(--dark); text-align: center; position: relative; border-top: 1px solid var(--muted-2); }\r\n\/* \u062e\u0637 \u062c\u0645\u0627\u0644\u064a \u0633\u0641\u0644\u064a *\/\r\n.hook-wrap::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100px; background: var(--gold); }\r\n\r\n.hook-title { font-size: clamp(26px, 3vw, 42px); font-weight: 400; line-height: 1.7; color: #fff; max-width: 850px; margin: 0 auto 50px; }\r\n.hook-title strong { color: var(--gold); font-weight: 800; }\r\n\r\n.btn-gold {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  padding: 16px 45px; border: 1px solid var(--gold); color: var(--gold);\r\n  font-size: 16px; font-weight: 700; text-decoration: none; letter-spacing: 1px;\r\n  transition: all 0.4s ease;\r\n}\r\n.btn-gold:hover { background: var(--gold); color: var(--dark); }\r\n\r\n\r\n\/* \u2500\u2500 RESPONSIVE ADAPTATIONS \u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .about-wrap { grid-template-columns: 1fr; min-height: auto; }\r\n  .about-visual { height: 55vw; min-height: 320px; order: -1; }\r\n  .about-visual::after { background: linear-gradient(to top, var(--dark) 0%, transparent 50%); }\r\n  .about-content { padding: 60px 40px 80px; }\r\n  .visual-year span { font-size: 64px; }\r\n  \r\n  .vv-grid { grid-template-columns: 1fr; gap: 60px; }\r\n  .vv-grid::before { display: none; } \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u062e\u0637 \u0627\u0644\u0641\u0627\u0635\u0644 \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n  .process-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .about-content { padding: 50px 24px 70px; }\r\n  .pillars { grid-template-columns: 1fr; gap: 32px; }\r\n  .pillar { border-left: none; border-top: 1px solid var(--muted-2); padding: 24px 0 0; }\r\n  .pillar:first-child { border-top: none; padding-top: 0; padding-left: 0; }\r\n  \r\n  .container { padding: 0 24px; }\r\n  .section-pad { padding: 90px 0; }\r\n  .process-grid { grid-template-columns: 1fr; border-right: none; }\r\n  .process-step { border-left: none; border-right: 1px solid var(--muted-2); } \/* \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u062e\u0637\u0648\u0637 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"vv-wrap section-pad\">\r\n  <div class=\"container vv-grid\">\r\n    <div class=\"vv-block\">\r\n      <h2> <em>Vision<\/em><\/h2>\r\n      <p>We aim to achieve a leading position in the world of interior design and execution by delivering integrated design experiences that reflect refined taste and meet our clients' needs.<\/p>\r\n      <p>We strive to build long-term relationships based on trust and work passionately to deliver results that exceed expectations and leave a distinctive mark on every project.<\/p>\r\n    <\/div>\r\n    <div class=\"vv-block\">\r\n      <h2> <em>Values<\/em><\/h2>\r\n      <p>We are committed to the highest standards of quality and professionalism, dedicating our efforts to understanding our clients' needs and delivering solutions that meet them in the best possible way. We believe that creativity and innovation are the foundation of every exceptional design, which is why we focus on delivering modern solutions that combine beauty and functionality.<\/p>\r\n      <p>We also place great importance on transparent and positive communication, working responsibly to achieve tangible results that align with goals and exceed expectations.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"process-wrap section-pad\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head text-center\">\r\n      <div class=\"about-eyebrow\" style=\"opacity: 1; animation: none;\"><span>Work Flow<\/span><\/div>\r\n      <h2 class=\"about-title\" style=\"margin-bottom:0; opacity: 1; animation: none;\">Work  <em>Process<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"process-grid\">\r\n    <div class=\"process-step\">\r\n        <span class=\"step-num-bg\">01<\/span>\r\n        <svg class=\"process-step-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z\"\/>\r\n            <path d=\"M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1\"\/>\r\n        <\/svg>\r\n        <h3>Client Meeting<\/h3>\r\n        <p>We begin every project with an introductory meeting to fully understand the client's needs and aspirations, while carefully studying the site and space. We also analyze lifestyle and user requirements to build a clear vision.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"process-step\">\r\n        <span class=\"step-num-bg\">02<\/span>\r\n        <svg class=\"process-step-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n            <path d=\"M3 9h18\"\/>\r\n            <path d=\"M9 21V9\"\/>\r\n            <path d=\"M15 3v6\"\/>\r\n            <path d=\"M15 15h6\"\/>\r\n            <path d=\"M9 15h3\"\/>\r\n        <\/svg>\r\n        <h3>Concept &amp; Foundation<\/h3>\r\n        <p>We establish the foundation by planning furniture layout and optimizing space usage, developing ideas aligned with the client's taste and needs.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"process-step\">\r\n        <span class=\"step-num-bg\">03<\/span>\r\n        <svg class=\"process-step-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\r\n            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\r\n            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\r\n            <polyline points=\"12 12.01 7.5 14.5\"\/>\r\n            <polyline points=\"16.5 14.5 12 12.01\"\/>\r\n        <\/svg>\r\n        <h3>Design &amp; Creativity<\/h3>\r\n        <p>Once the concept is approved, we create detailed designs including materials, colors, and element coordination. We also provide 3D visualizations to present the final look before execution.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"process-step\">\r\n        <span class=\"step-num-bg\">04<\/span>\r\n        <svg class=\"process-step-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M2 16h20\"\/>\r\n            <path d=\"M12 3a8 8 0 0 0-8 8v5h16v-5a8 8 0 0 0-8-8z\"\/>\r\n            <path d=\"M12 3v4\"\/>\r\n            <path d=\"M8 5l1 2\"\/>\r\n            <path d=\"M16 5l-1 2\"\/>\r\n            <path d=\"M9 21l2 2 4-4\"\/>\r\n        <\/svg>\r\n        <h3>Execution<\/h3>\r\n        <p>We supervise execution with precision and professionalism, ensuring alignment with approved plans and delivering the highest quality results.<\/p>\r\n    <\/div>\r\n<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"hook-wrap section-pad\">\r\n  <div class=\"container\">\r\n    <h2 class=\"hook-title\">Discover how we transform <strong>Ideas Into Designs<\/strong> that blend creativity with precision.<\/h2>\r\n    <a href=\"https:\/\/iconicstudio.net\/en\/projects\/\" class=\"btn-gold\">View Projects<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>8+ Years of Experience \u0645\u0646 \u0646\u062d\u0646 \u0646\u0635\u0646\u0639 \u0645\u0633\u0627\u062d\u0627\u062a \u062a\u062a\u0631\u062c\u0645 \u0647\u0648\u064a\u062a\u0643\u0645 \u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a\u060c \u0646\u0642\u062f\u0645 \u062a\u0635\u0627\u0645\u064a\u0645 \u062a\u0639\u0643\u0633 \u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u062d\u064a\u0627\u0629 \u0648\u062a\u062a\u0631\u062c\u0645 \u0634\u062e\u0635\u064a\u0629 \u0643\u0644 \u0645\u0643\u0627\u0646. \u0646\u062d\u0648\u0651\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0645\u0644\u0645\u0648\u0633\u0629\u060c \u0648\u0646\u0636\u064a\u0641 \u0644\u0645\u0633\u0629 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0644\u0644\u0648\u0627\u0642\u0639 \u0644\u0646\u062e\u0644\u0642 \u0645\u0633\u0627\u062d\u0627\u062a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062c\u0645\u0627\u0644 \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u0629. \u0645\u0646\u0630 \u0627\u0646\u0637\u0644\u0627\u0642\u062a\u0646\u0627\u060c \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0635\u0645\u064a\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0648\u062a\u0645\u0631 \u0628\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0644\u062a\u0646\u062a\u0647\u064a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/pages\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/comments?post=249"}],"version-history":[{"count":35,"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/pages\/249\/revisions"}],"predecessor-version":[{"id":736,"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/pages\/249\/revisions\/736"}],"wp:attachment":[{"href":"https:\/\/iconicstudio.net\/en\/wp-json\/wp\/v2\/media?parent=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}