{"id":2294,"date":"2025-10-27T02:56:43","date_gmt":"2025-10-26T19:56:43","guid":{"rendered":"https:\/\/furnixfurniture.com\/?page_id=2294"},"modified":"2025-10-27T11:40:56","modified_gmt":"2025-10-27T04:40:56","slug":"collection-2","status":"publish","type":"page","link":"https:\/\/furnixfurniture.com\/?page_id=2294","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2294\" class=\"elementor elementor-2294\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-390e6d5 e-con-full e-flex e-con e-parent\" data-id=\"390e6d5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf3f476 elementor-widget elementor-widget-html\" data-id=\"bf3f476\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FURNIX \u2013 Main Collection Page (Hero Only) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n\n<section\n  class=\"fnx-collections\"\n  style=\"\n    --ci:#7A4E39;                \/* primary accent *\/\n    --ci2:#A3765B;               \/* secondary accent *\/\n    --text:#fff;\n    --muted:#e7e7e7;\n    --overlay: rgba(0,0,0,.58);  \/* hero overlay strength *\/\n    --hero:url('https:\/\/furnixfurniture.com\/wp-content\/uploads\/2025\/10\/FUN-LDR-010-scaled.jpg');\n    --header-offset:120px;       \/* tune if you have a sticky header *\/\n  \"\n>\n  <header class=\"col-hero\">\n    <div class=\"col-hero__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"col-hero__light\"   aria-hidden=\"true\"><\/div>\n\n    <div class=\"col-hero__inner\">\n      <div class=\"fx-eyebrow\">Portfolio<\/div>\n      <h1 class=\"fx-title\">FURNIX Portfolio<\/h1>\n      <p class=\"fx-sub\">\n        \u0e23\u0e27\u0e21\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e08\u0e32\u0e01 Furnix\n      <\/p>\n\n<style>\n.fnx-collections{\n  color:var(--text);\n  background:#000;\n  font-family:Inter, Prompt, system-ui,-apple-system, Segoe UI, Roboto,'Helvetica Neue','Noto Sans Thai',sans-serif\n}\n\n\/* ===== HERO ===== *\/\n.col-hero{\n  position:relative; isolation:isolate;\n  display:grid; place-items:center;\n  background-color:#000;\n  background-image:var(--hero);\n  background-size:cover; background-position:50% 50%;\n  min-height:72vh;                \/* desktop\/tablet baseline *\/\n}\n.col-hero__overlay{\n  position:absolute; inset:0;\n  background: linear-gradient(180deg,var(--overlay),var(--overlay));\n  z-index:0;\n}\n.col-hero__light{\n  position:absolute; inset:-18%;\n  filter:blur(40px); mix-blend-mode:screen; opacity:.9; z-index:0;\n  background:\n    radial-gradient(38% 28% at 18% 25%, color-mix(in oklab,var(--ci) 52%, transparent), transparent 60%),\n    radial-gradient(34% 24% at 82% 35%, color-mix(in oklab,var(--ci2) 42%, transparent), transparent 62%);\n}\n.col-hero__inner{\n  position:relative; z-index:1;\n  width:min(1080px,92%);\n  text-align:center;\n  padding: clamp(36px,5vw,72px) 0;\n}\n\n\/* Type *\/\n.fx-eyebrow{\n  font-weight:700; font-size:12px; letter-spacing:.25em; text-transform:uppercase;\n  color:rgba(255,255,255,.8); margin:0 0 10px\n}\n.fx-title{\n  font-weight:800; letter-spacing:-.01em; line-height:1.08;\n  margin:0 auto; max-width:20ch; font-size:clamp(30px,5.6vw,64px)\n}\n.fx-sub{\n  font-family:Prompt; font-weight:300; color:rgba(255,255,255,.92);\n  margin:14px auto 0; max-width:64ch; font-size:clamp(14px,1.3vw,18px)\n}\n\n\/* Buttons *\/\n.fx-actions{ margin-top:18px; display:flex; gap:10px; justify-content:center; flex-wrap:wrap }\n.fx-btn{\n  --padY:12px; --padX:20px; --radius:18px;\n  display:inline-flex; align-items:center; justify-content:center; gap:8px;\n  padding:var(--padY) var(--padX); border-radius:var(--radius);\n  font-weight:700; letter-spacing:.02em; text-decoration:none;\n  color:#fff; border:1px solid rgba(255,255,255,.16);\n  background:rgba(0,0,0,.35); backdrop-filter:blur(8px);\n  transition:transform .2s ease, border-color .2s ease\n}\n.fx-btn:hover{ transform:translateY(-1px); border-color:rgba(255,255,255,.28) }\n.fx-btn--primary{\n  background:linear-gradient(180deg, var(--ci), color-mix(in oklab, var(--ci) 85%, #000 15%));\n  box-shadow:0 8px 28px rgba(122,78,57,.35), inset 0 0 0 1px rgba(255,255,255,.08)\n}\n\n\/* ===== Responsive spacing ===== *\/\n@media (min-width:992px){\n  .col-hero{ min-height:110vh; background-position:50% 55%; }\n  .col-hero__inner{ padding-top:calc(140px + var(--header-offset)); padding-bottom:18vh; }\n}\n\/* 13\u201314\" laptops (shorter viewports) *\/\n@media (min-width:1024px) and (max-width:1440px) and (max-height:900px){\n  .col-hero{ min-height:120vh; }\n  .col-hero__inner{ padding-top:calc(180px + var(--header-offset)); }\n}\n\/* Tablets landscape *\/\n@media (min-width:768px) and (max-width:1024px){\n  .col-hero{ min-height:100vh; }\n  .col-hero__inner{ padding-top:160px; }\n}\n\n\/* ===== MOBILE \u2013 full screen hero ===== *\/\n@media (max-width:767px){\n  .col-hero{\n    min-height:100svh;           \/* safe viewport height on mobile *\/\n    background-position:50% 58%;\n  }\n  .col-hero__inner{\n    padding-top:max(22vh,120px);\n    padding-bottom:14vh;\n  }\n  .fx-title{ font-size:clamp(26px,8vw,36px); max-width:16ch; }\n  .fx-sub{ font-size:14px; line-height:1.6; max-width:50ch }\n  .fx-actions{ gap:8px }\n  .fx-btn{ width:100%; max-width:340px; padding:12px 16px; border-radius:16px }\n}\n\n\/* a11y *\/\n@media (prefers-reduced-motion:reduce){ *{ transition:none!important } }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3193e09 e-flex e-con-boxed e-con e-parent\" data-id=\"3193e09\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3062b24 elementor-widget elementor-widget-html\" data-id=\"3062b24\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FURNIX \u2013 Portfolio Index (Minimal \/ Modern) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n\n<section class=\"fnx-portfolio-index\" aria-label=\"FURNIX Portfolio Categories\"\n  style=\"--ci:#7A4E39; --ci2:#A3765B; --bg:#000; --text:#fff; --muted:#cfcfcf\">\n\n  <!-- ===== Minimal (section hero + grid) ===== -->\n  <header class=\"pi-hero\" style=\"--hero:url('https:\/\/furnixfurniture.com\/wp-content\/uploads\/2025\/10\/0U2A2239-HDR-scaled.jpg')\">\n    <div class=\"pi-hero__overlay\"><\/div>\n    <div class=\"pi-hero__light\"><\/div>\n    <div class=\"pi-hero__inner\">\n      <h2 class=\"pi-title\">Minimal<\/h2>\n      <p class=\"pi-sub\">\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e47\u0e01\u0e15\u0e4c\u0e1a\u0e34\u0e25\u0e17\u0e4c\u0e2d\u0e34\u0e19\u0e42\u0e17\u0e19\u0e2d\u0e1a\u0e2d\u0e38\u0e48\u0e19 \u0e40\u0e23\u0e35\u0e22\u0e1a \u0e2a\u0e07\u0e1a \u0e40\u0e19\u0e35\u0e4a\u0e22\u0e1a\u0e15\u0e32\u0e21\u0e41\u0e1a\u0e1a FURNIX<\/p>\n    <\/div>\n  <\/header>\n\n  <section class=\"pi-grid\" aria-labelledby=\"minimal-grid\">\n    <h3 id=\"minimal-grid\" class=\"visually-hidden\">Minimal \u2013 Projects<\/h3>\n    <div class=\"pg-wrap\">\n\n      <!-- Laddarom Sai 3 -->\n      <a class=\"pg-item\" href=\"https:\/\/furnixfurniture.com\/?page_id=2130\"Laddarom Sai 3\">\n        <figure class=\"pg-fig\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/furnixfurniture.com\/wp-content\/uploads\/2025\/10\/FUN-LDR-002-scaled.jpg\"\n               alt=\"Laddarom Sai 3 \u2013 Living & Pantry (Minimal)\" \/>\n          <figcaption class=\"pg-cap\">Laddarom Sai 3<\/figcaption>\n        <\/figure>\n      <\/a>\n\n      <!-- Burasiri Rama 2 -->\n      <a class=\"pg-item\" href=\"https:\/\/furnixfurniture.com\/?page_id=2097\" aria-label=\"Burasiri Rama 2\">\n        <figure class=\"pg-fig\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/furnixfurniture.com\/wp-content\/uploads\/2025\/10\/0U2A2256-HDR-scaled.jpg\"\n               alt=\"Burasiri Rama 2 \u2013 Living Wall (Minimal)\" \/>\n          <figcaption class=\"pg-cap\">Burasiri Rama 2<\/figcaption>\n        <\/figure>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n  <!-- ===== Modern (section hero + grid) ===== -->\n  <header class=\"pi-hero\" style=\"--hero:url('https:\/\/furnixfurniture.com\/wp-content\/uploads\/2025\/10\/0U2A7998-scaled.jpg')\">\n    <div class=\"pi-hero__overlay\"><\/div>\n    <div class=\"pi-hero__light\"><\/div>\n    <div class=\"pi-hero__inner\">\n      <h2 class=\"pi-title\">Modern<\/h2>\n      <p class=\"pi-sub\">\u0e42\u0e21\u0e40\u0e14\u0e34\u0e23\u0e4c\u0e19\u0e04\u0e21\u0e0a\u0e31\u0e14 \u0e04\u0e38\u0e21\u0e42\u0e17\u0e19\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e15\u0e47\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/p>\n    <\/div>\n  <\/header>\n\n  <section class=\"pi-grid\" aria-labelledby=\"modern-grid\">\n    <h3 id=\"modern-grid\" class=\"visually-hidden\">Modern \u2013 Projects<\/h3>\n    <div class=\"pg-wrap\">\n\n      <!-- Whizdom Inspire -->\n      <a class=\"pg-item\" href=\"https:\/\/furnixfurniture.com\/?page_id=2167\" aria-label=\"Whizdom Inspire\">\n        <figure class=\"pg-fig\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/furnixfurniture.com\/wp-content\/uploads\/2025\/10\/0U2A8047-1-scaled.jpg\"\n               alt=\"Whizdom Inspire \u2013 Living Area (Modern)\" \/>\n          <figcaption class=\"pg-cap\">Whizdom Inspire<\/figcaption>\n        <\/figure>\n      <\/a>\n\n      <!-- IDEO MORPH 38 -->\n      <a class=\"pg-item\" href=\"https:\/\/furnixfurniture.com\/?page_id=2172\" aria-label=\"IDEO MORPH 38\">\n        <figure class=\"pg-fig\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/furnixfurniture.com\/wp-content\/uploads\/2025\/10\/IDEO-MORPH-38-AFTER-2ND-001-scaled.jpg\"\n               alt=\"IDEO MORPH 38 \u2013 Living Overview (Modern)\" \/>\n          <figcaption class=\"pg-cap\">IDEO MORPH 38<\/figcaption>\n        <\/figure>\n      <\/a>\n\n      <!-- XT PHYATHAI -->\n      <a class=\"pg-item\" href=\"https:\/\/furnixfurniture.com\/?page_id=2174\" aria-label=\"XT Phayathai\">\n        <figure class=\"pg-fig\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/furnixfurniture.com\/wp-content\/uploads\/2025\/10\/portfolio-xt-2.png\"\n               alt=\"XT Phayathai \u2013 TV \/ Wardrobe (Modern)\" \/>\n          <figcaption class=\"pg-cap\">XT Phayathai<\/figcaption>\n        <\/figure>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n<\/section>\n\n<style>\n.fnx-portfolio-index{\n  background:var(--bg); color:var(--text);\n  font-family:Inter, Prompt, system-ui,-apple-system, Segoe UI, Roboto,'Helvetica Neue','Noto Sans Thai',sans-serif\n}\n\n\/* ===== Section Hero (category headers) ===== *\/\n.pi-hero{\n  position:relative; isolation:isolate;\n  display:grid; place-items:center;\n  background:#000 center\/cover no-repeat var(--hero);\n  min-height:48vh;\n}\n.pi-hero__overlay{ position:absolute; inset:0; z-index:0;\n  background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.6)) }\n.pi-hero__light{ position:absolute; inset:-20%; filter:blur(44px); mix-blend-mode:screen; opacity:.9; z-index:0;\n  background:\n    radial-gradient(40% 28% at 18% 22%, color-mix(in oklab,var(--ci) 38%, transparent), transparent 62%),\n    radial-gradient(36% 24% at 82% 65%, color-mix(in oklab,var(--ci2) 30%, transparent), transparent 62%); }\n.pi-hero__inner{ position:relative; z-index:1; width:min(1080px,92%); text-align:center; padding: clamp(36px,6vw,64px) 0 }\n.pi-title{ font-weight:800; letter-spacing:-.01em; font-size: clamp(30px,6vw,56px); margin:0 }\n.pi-sub{ font-family:Prompt; font-weight:300; color:rgba(255,255,255,.9); margin:10px auto 0; max-width:60ch }\n\n\/* ===== Grid of projects ===== *\/\n.pi-grid{ padding: clamp(28px,6vw,60px) 6vw }\n.pg-wrap{\n  display:grid;\n  gap:16px;\n  grid-template-columns: repeat(auto-fill, minmax(var(--tile, 320px), 1fr));\n  max-width:1500px;\n  margin:0 auto;\n}\n.pg-item{ text-decoration:none; color:inherit }\n.pg-fig{\n  position:relative; border-radius:18px; overflow:hidden;\n  background:#111; border:1px solid rgba(255,255,255,.12);\n  box-shadow:0 12px 32px rgba(0,0,0,.35);\n  aspect-ratio: 1 \/ 1;  \/* square *\/\n  transition:.25s ease transform, .25s ease box-shadow, .25s ease border-color;\n}\n.pg-fig::before{\n  content:\"\"; position:absolute; inset:0; z-index:1;\n  background:linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.42));\n  opacity:.92; transition:opacity .25s ease;\n}\n.pg-item:hover .pg-fig{\n  transform:translateY(-2px);\n  box-shadow:0 18px 48px rgba(0,0,0,.45);\n  border-color:rgba(255,255,255,.18);\n}\n.pg-item:hover .pg-fig::before{ opacity:1 }\n.pg-fig img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block }\n\n\/* Title pill *\/\n.pg-cap{\n  position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%);\n  z-index:2; display:inline-flex; align-items:center; justify-content:center;\n  padding:12px 16px; border-radius:999px; text-align:center; white-space:nowrap;\n  font: 800 clamp(15px,1.4vw,18px)\/1.1 Inter, system-ui; letter-spacing:.01em;\n  color:#fff; background:rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.16);\n  text-shadow:0 2px 6px rgba(0,0,0,.35);\n  transition:background .25s ease, transform .25s ease, border-color .25s ease;\n}\n.pg-item:hover .pg-cap{ background:rgba(0,0,0,.7); border-color:rgba(255,255,255,.24); transform:translate(-50%,-50%) scale(1.04) }\n\n\/* Sizing breakpoints *\/\n@media (max-width: 639px){  .pg-wrap{ --tile: 220px } .pi-hero{ min-height:56vh } }\n@media (min-width: 640px){  .pg-wrap{ --tile: 280px } }\n@media (min-width: 900px){  .pg-wrap{ --tile: 340px } }\n@media (min-width: 1200px){ .pg-wrap{ --tile: 380px } }\n@media (min-width: 1500px){ .pg-wrap{ --tile: 420px } }\n\n\/* a11y *\/\n.visually-hidden{ position:absolute!important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap }\n@media(prefers-reduced-motion:reduce){ .pg-fig,.pg-cap{ transition:none!important } }\n<\/style>\n\t\t\t\t<\/div>\n\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>Portfolio FURNIX Portfolio \u0e23\u0e27\u0e21\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e08\u0e32\u0e01 Furnix Minimal \u0e42\u0e1b\u0e23\u0e40\u0e08\u0e47\u0e01\u0e15\u0e4c\u0e1a\u0e34\u0e25\u0e17\u0e4c\u0e2d\u0e34\u0e19\u0e42\u0e17\u0e19\u0e2d\u0e1a\u0e2d\u0e38\u0e48\u0e19 \u0e40\u0e23\u0e35\u0e22\u0e1a \u0e2a\u0e07\u0e1a \u0e40\u0e19\u0e35\u0e4a\u0e22\u0e1a\u0e15\u0e32\u0e21\u0e41\u0e1a\u0e1a FURNIX Minimal \u2013 Projects<\/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-2294","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/furnixfurniture.com\/index.php?rest_route=\/wp\/v2\/pages\/2294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/furnixfurniture.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/furnixfurniture.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/furnixfurniture.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/furnixfurniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2294"}],"version-history":[{"count":9,"href":"https:\/\/furnixfurniture.com\/index.php?rest_route=\/wp\/v2\/pages\/2294\/revisions"}],"predecessor-version":[{"id":2317,"href":"https:\/\/furnixfurniture.com\/index.php?rest_route=\/wp\/v2\/pages\/2294\/revisions\/2317"}],"wp:attachment":[{"href":"https:\/\/furnixfurniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}