Kitchen Built-Ins Master Infographic<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap');\n \n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background-color: #081629; \/* Deep blueprint navy *\/\n color: #f8fafc;\n overflow-x: hidden;\n }\n .mono-font {\n font-family: 'JetBrains Mono', monospace;\n }\n .chart-container {\n position: relative;\n width: 100%;\n height: 300px;\n }\n .glass-panel {\n background: rgba(14, 39, 71, 0.6);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(56, 189, 248, 0.15);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n }\n \n \/* Thermal Chimney Animation *\/\n @keyframes floatUp {\n 0% { transform: translateY(20px); opacity: 0; }\n 50% { opacity: 1; }\n 100% { transform: translateY(-40px); opacity: 0; }\n }\n .heat-arrow {\n animation: floatUp 2.5s infinite linear;\n color: #ef4444; \/* red-500 *\/\n }\n .heat-arrow:nth-child(2) { animation-delay: 0.8s; color: #f97316; }\n .heat-arrow:nth-child(3) { animation-delay: 1.6s; color: #f59e0b; }\n \n \/* Blueprint grid background *\/\n .bg-grid {\n background-size: 30px 30px;\n background-image: \n linear-gradient(to right, rgba(56, 189, 248, 0.05) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(56, 189, 248, 0.05) 1px, transparent 1px);\n }\n .glow-accent {\n text-shadow: 0 0 15px rgba(56, 189, 248, 0.5);\n }\n <\/style>\n<\/head>\n<body class=\"bg-grid min-h-screen p-4 md:p-8\">\n\n <header class=\"max-w-7xl mx-auto mb-10 mt-4 text-center md:text-left flex flex-col md:flex-row items-center justify-between gap-6\">\n <div>\n <div class=\"inline-block px-3 py-1 rounded-full border border-sky-500\/30 bg-sky-500\/10 text-sky-400 text-xs font-bold tracking-widest uppercase mb-3\">\n Dome Kitchen Project \u2022 Phase 1\n <\/div>\n <h1 class=\"text-4xl md:text-5xl font-extrabold tracking-tight mb-2\">\n BUILT-INS <span class=\"text-sky-400 glow-accent\">DASHBOARD<\/span>\n <\/h1>\n <p class=\"text-slate-400 text-sm md:text-base max-w-2xl leading-relaxed\">\n Structural and material breakdown for the monolithic pantry, appliance garage, and high-vent refrigerator surround.\n <\/p>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"text-right hidden md:block\">\n <div class=\"text-3xl font-bold text-white mono-font\">122.5\"<\/div>\n <div class=\"text-xs text-sky-400 uppercase tracking-widest font-bold\">Total Run Width<\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto\">\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-8\">\n <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-center border-t-2 border-t-sky-400\">\n <span class=\"text-slate-400 text-xs font-bold uppercase tracking-wider mb-1\"><i class=\"fa-solid fa-arrows-up-down text-sky-500 mr-2\"><\/i>Soffit Limit<\/span>\n <span class=\"text-3xl font-extrabold text-white mono-font\">93.0\"<\/span>\n <span class=\"text-[10px] text-slate-500 mt-1\">Flush to top plate<\/span>\n <\/div>\n \n <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-center border-t-2 border-t-amber-400\">\n <span class=\"text-slate-400 text-xs font-bold uppercase tracking-wider mb-1\"><i class=\"fa-solid fa-fire-burner text-amber-500 mr-2\"><\/i>Thermal Vent<\/span>\n <span class=\"text-3xl font-extrabold text-white mono-font\">2.0\"<\/span>\n <span class=\"text-[10px] text-slate-500 mt-1\">Hidden rear chimney<\/span>\n <\/div>\n\n <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-center border-t-2 border-t-emerald-400\">\n <span class=\"text-slate-400 text-xs font-bold uppercase tracking-wider mb-1\"><i class=\"fa-solid fa-tree text-emerald-500 mr-2\"><\/i>Core Material<\/span>\n <span class=\"text-3xl font-extrabold text-white mono-font\">3\/4\" Ply<\/span>\n <span class=\"text-[10px] text-slate-500 mt-1\">Heavy-duty frameless<\/span>\n <\/div>\n\n <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-center border-t-2 border-t-violet-400\">\n <span class=\"text-slate-400 text-xs font-bold uppercase tracking-wider mb-1\"><i class=\"fa-solid fa-pen-ruler text-violet-500 mr-2\"><\/i>Scribe Curve<\/span>\n <span class=\"text-3xl font-extrabold text-white mono-font\">3.5\"<\/span>\n <span class=\"text-[10px] text-slate-500 mt-1\">Dome wall contour fit<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8\">\n \n \n <div class=\"glass-panel p-6 rounded-3xl lg:col-span-1 flex flex-col\">\n <h3 class=\"text-lg font-bold mb-1 flex items-center gap-2\">\n <i class=\"fa-solid fa-ruler-horizontal text-sky-400\"><\/i> Zone Widths\n <\/h3>\n <p class=\"text-xs text-slate-400 mb-6\">Horizontal breakdown of the 122.5\" wall space.<\/p>\n <div class=\"chart-container flex-grow\">\n <canvas id=\"widthChart\"><\/canvas>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel p-6 rounded-3xl lg:col-span-1 flex flex-col relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-amber-500\/10 rounded-full blur-3xl\"><\/div>\n <h3 class=\"text-lg font-bold mb-1 flex items-center gap-2\">\n <i class=\"fa-solid fa-wind text-amber-400\"><\/i> The Thermal Chimney\n <\/h3>\n <p class=\"text-xs text-slate-400 mb-6\">Convective cooling path for fridge compressor.<\/p>\n \n <div class=\"flex-grow flex items-center justify-center p-4\">\n <div class=\"relative w-full max-w-[200px] h-[220px] flex justify-end\">\n \n <div class=\"absolute right-0 top-0 w-2 h-full bg-slate-700 rounded-sm\"><\/div>\n \n \n <div class=\"absolute right-6 top-0 w-32 h-16 bg-sky-900\/40 border border-sky-500\/50 rounded-l-md flex items-center justify-center\">\n <span class=\"text-[10px] text-sky-300 font-bold uppercase\">Upper Cab<\/span>\n <\/div>\n \n \n <div class=\"absolute right-2 top-8 w-4 text-center\">\n <div class=\"text-[8px] mono-font text-amber-400 rotate-90 whitespace-nowrap mt-4\">2\" GAP<\/div>\n <\/div>\n\n \n <div class=\"absolute right-6 bottom-0 w-32 h-36 bg-slate-800 border-2 border-slate-600 rounded-tl-md flex flex-col items-center justify-end pb-2 shadow-lg\">\n <div class=\"w-10 h-1 bg-slate-600 rounded-full mb-12\"><\/div>\n <span class=\"text-xs text-slate-400 font-bold\">FRIDGE<\/span>\n <div class=\"w-20 h-6 bg-slate-900 mt-2 rounded border border-slate-700 flex items-center justify-center\">\n <span class=\"text-[8px] text-red-400\/80\">Compressor<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute right-2 bottom-6 flex flex-col items-center gap-1 text-sm\">\n <i class=\"fa-solid fa-angles-up heat-arrow\"><\/i>\n <i class=\"fa-solid fa-angles-up heat-arrow\"><\/i>\n <i class=\"fa-solid fa-angles-up heat-arrow\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-4 bg-amber-500\/10 border border-amber-500\/20 p-3 rounded-xl\">\n <p class=\"text-[11px] text-amber-200\/80 leading-relaxed\">\n <strong>Physics Principle:<\/strong> Hot air from the compressor rises naturally. By keeping a 2\" gap behind the upper cabinet, air escapes over the top, pulling cool air from the floor up behind the fridge.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel p-6 rounded-3xl lg:col-span-1 flex flex-col\">\n <h3 class=\"text-lg font-bold mb-1 flex items-center gap-2\">\n <i class=\"fa-solid fa-boxes-stacked text-emerald-400\"><\/i> Material Cut Yield\n <\/h3>\n <p class=\"text-xs text-slate-400 mb-6\">Distribution of the 5 Sanded Plywood sheets.<\/p>\n <div class=\"chart-container flex-grow\">\n <canvas id=\"materialsChart\"><\/canvas>\n <\/div>\n <\/div>\n \n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-8\">\n \n \n <div class=\"glass-panel p-6 rounded-3xl\">\n <h3 class=\"text-lg font-bold mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-trowel-bricks text-violet-400\"><\/i> The Bondo Edge Strategy\n <\/h3>\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"w-12 h-12 rounded-xl bg-violet-500\/20 border border-violet-500\/30 flex items-center justify-center text-violet-400 shrink-0\">\n <span class=\"font-bold\">1<\/span>\n <\/div>\n <div>\n <h4 class=\"text-sm font-bold text-slate-200 mb-1\">Butter the Edges<\/h4>\n <p class=\"text-xs text-slate-400 leading-relaxed\">Apply Original Bondo generously along the raw, exposed plywood edges of the pantry, shelving, and arched portal. Ensure it pushes into any voids.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"w-12 h-12 rounded-xl bg-violet-500\/20 border border-violet-500\/30 flex items-center justify-center text-violet-400 shrink-0\">\n <span class=\"font-bold\">2<\/span>\n <\/div>\n <div>\n <h4 class=\"text-sm font-bold text-slate-200 mb-1\">Knife Trim (10 Min)<\/h4>\n <p class=\"text-xs text-slate-400 leading-relaxed\">While the Bondo is \"rubbery\" and semi-cured, use a putty knife to shear off the excess perfectly flush with the wood faces. Do not let it fully harden yet.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-12 h-12 rounded-xl bg-violet-500\/20 border border-violet-500\/30 flex items-center justify-center text-violet-400 shrink-0\">\n <span class=\"font-bold\">3<\/span>\n <\/div>\n <div>\n <h4 class=\"text-sm font-bold text-slate-200 mb-1\">Block Sand (30 Min)<\/h4>\n <p class=\"text-xs text-slate-400 leading-relaxed\">Once fully hardened, block sand with 120-grit, then 220-grit. The result is a seamless, glass-smooth edge ready for high-quality enamel paint, eliminating iron-on banding.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel p-6 rounded-3xl flex flex-col\">\n <h3 class=\"text-lg font-bold mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-clipboard-check text-sky-400\"><\/i> Assembly Milestones\n <\/h3>\n <ul class=\"space-y-3 flex-grow overflow-y-auto pr-2 custom-scrollbar\">\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Assemble Fridge Surround Box (76.5\" Shelf Height)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Cut Above-Fridge Back Panel 2\" Short (Chimney)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Frame Pantry Carcass (20\" Wide)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Install Fixed Shelf at 36\" (Appliance Garage Deck)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Route Arched Portal from Scrap Template<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Jigsaw Left 3.5\" Scribe Strip to Match Dome Curve<\/span>\n <\/li>\n <\/ul>\n <\/div>\n \n <\/div>\n <\/main>\n\n <script>\n \/\/ Chart text wrapping utility\n const wrapLabel = (label) => {\n if (label.length <= 14) return label;\n const words = label.split(' ');\n const lines = [];\n let currentLine = '';\n words.forEach(word => {\n if ((currentLine + word).length > 14) {\n lines.push(currentLine.trim());\n currentLine = word + ' ';\n } else {\n currentLine += word + ' ';\n }\n });\n lines.push(currentLine.trim());\n return lines;\n };\n\n const globalTooltip = {\n callbacks: {\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n return Array.isArray(label) ? label.join(' ') : label;\n }\n },\n backgroundColor: 'rgba(15, 23, 42, 0.9)',\n titleColor: '#38bdf8',\n bodyColor: '#f8fafc',\n borderColor: 'rgba(56, 189, 248, 0.2)',\n borderWidth: 1,\n padding: 12\n };\n\n \/\/ Chart 1: Width Allocations (Horizontal Bar)\n const ctxWidth = document.getElementById('widthChart').getContext('2d');\n new Chart(ctxWidth, {\n type: 'bar',\n data: {\n labels: ['Lower Cabinets', 'Fridge Surround', 'Pantry Space', 'Left Scribe'],\n datasets: [{\n label: 'Inches (Width)',\n data: [68.0, 29.5, 20.0, 3.5],\n backgroundColor: [\n 'rgba(56, 189, 248, 0.8)', \/\/ Sky\n 'rgba(167, 139, 250, 0.8)', \/\/ Violet\n 'rgba(52, 211, 153, 0.8)', \/\/ Emerald\n 'rgba(248, 113, 113, 0.8)' \/\/ Red\n ],\n borderColor: [\n '#38bdf8',\n '#a78bfa',\n '#34d399',\n '#f87171'\n ],\n borderWidth: 1,\n borderRadius: 4\n }]\n },\n options: {\n indexAxis: 'y', \/\/ Horizontal bar chart\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: globalTooltip\n },\n scales: {\n x: {\n grid: { color: 'rgba(255,255,255,0.05)' },\n ticks: { color: '#94a3b8', font: { family: \"'JetBrains Mono', monospace\" } },\n title: { display: true, text: 'Width (Inches)', color: '#64748b' }\n },\n y: {\n grid: { display: false },\n ticks: { color: '#e2e8f0', font: { family: \"'Plus Jakarta Sans', sans-serif\" } }\n }\n }\n }\n });\n\n \/\/ Chart 2: Materials Yield (Doughnut)\n const ctxMaterials = document.getElementById('materialsChart').getContext('2d');\n new Chart(ctxMaterials, {\n type: 'doughnut',\n data: {\n labels: [\n wrapLabel('Outer Carcass (Sides\/Tops)'), \n wrapLabel('Internal Shelving'), \n wrapLabel('Doors & Overlays'), \n wrapLabel('Arched Valance & Trim')\n ],\n datasets: [{\n data: [45, 25, 20, 10], \/\/ Approximate % yield from the 5 sheets\n backgroundColor: [\n '#0ea5e9', \/\/ Sky 500\n '#10b981', \/\/ Emerald 500\n '#8b5cf6', \/\/ Violet 500\n '#f59e0b' \/\/ Amber 500\n ],\n borderWidth: 0,\n hoverOffset: 8\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n cutout: '65%',\n plugins: {\n legend: {\n position: 'bottom',\n labels: { color: '#cbd5e1', padding: 15, usePointStyle: true, pointStyle: 'circle' }\n },\n tooltip: {\n ...globalTooltip,\n callbacks: {\n ...globalTooltip.callbacks,\n label: function(context) {\n return ` Yield Share: ${context.parsed}%`;\n }\n }\n }\n }\n }\n });\n <\/script>\n<\/body>\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kitchen Built-Ins Master Infographic Dome Kitchen Project \u2022 Phase 1 BUILT-INS DASHBOARD Structural and material breakdown for the monolithic pantry, appliance garage, and high-vent refrigerator surround. 122.5″ Total Run Width Soffit Limit 93.0″ Flush to top plate Thermal Vent 2.0″ Hidden rear chimney Core Material 3\/4″ Ply Heavy-duty frameless Scribe Curve 3.5″ Dome wall contour […]<\/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-180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/pages\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":4,"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/pages\/180\/revisions"}],"predecessor-version":[{"id":185,"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/pages\/180\/revisions\/185"}],"wp:attachment":[{"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/media?parent=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Kitchen Built-Ins Master Infographic<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap');\n \n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background-color: #081629; \/* Deep blueprint navy *\/\n color: #f8fafc;\n overflow-x: hidden;\n }\n .mono-font {\n font-family: 'JetBrains Mono', monospace;\n }\n .chart-container {\n position: relative;\n width: 100%;\n height: 300px;\n }\n .glass-panel {\n background: rgba(14, 39, 71, 0.6);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(56, 189, 248, 0.15);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n }\n \n \/* Thermal Chimney Animation *\/\n @keyframes floatUp {\n 0% { transform: translateY(20px); opacity: 0; }\n 50% { opacity: 1; }\n 100% { transform: translateY(-40px); opacity: 0; }\n }\n .heat-arrow {\n animation: floatUp 2.5s infinite linear;\n color: #ef4444; \/* red-500 *\/\n }\n .heat-arrow:nth-child(2) { animation-delay: 0.8s; color: #f97316; }\n .heat-arrow:nth-child(3) { animation-delay: 1.6s; color: #f59e0b; }\n \n \/* Blueprint grid background *\/\n .bg-grid {\n background-size: 30px 30px;\n background-image: \n linear-gradient(to right, rgba(56, 189, 248, 0.05) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(56, 189, 248, 0.05) 1px, transparent 1px);\n }\n .glow-accent {\n text-shadow: 0 0 15px rgba(56, 189, 248, 0.5);\n }\n <\/style>\n<\/head>\n<body class=\"bg-grid min-h-screen p-4 md:p-8\">\n\n <header class=\"max-w-7xl mx-auto mb-10 mt-4 text-center md:text-left flex flex-col md:flex-row items-center justify-between gap-6\">\n <div>\n <div class=\"inline-block px-3 py-1 rounded-full border border-sky-500\/30 bg-sky-500\/10 text-sky-400 text-xs font-bold tracking-widest uppercase mb-3\">\n Dome Kitchen Project \u2022 Phase 1\n <\/div>\n <h1 class=\"text-4xl md:text-5xl font-extrabold tracking-tight mb-2\">\n BUILT-INS <span class=\"text-sky-400 glow-accent\">DASHBOARD<\/span>\n <\/h1>\n <p class=\"text-slate-400 text-sm md:text-base max-w-2xl leading-relaxed\">\n Structural and material breakdown for the monolithic pantry, appliance garage, and high-vent refrigerator surround.\n <\/p>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"text-right hidden md:block\">\n <div class=\"text-3xl font-bold text-white mono-font\">122.5\"<\/div>\n <div class=\"text-xs text-sky-400 uppercase tracking-widest font-bold\">Total Run Width<\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto\">\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-8\">\n <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-center border-t-2 border-t-sky-400\">\n <span class=\"text-slate-400 text-xs font-bold uppercase tracking-wider mb-1\"><i class=\"fa-solid fa-arrows-up-down text-sky-500 mr-2\"><\/i>Soffit Limit<\/span>\n <span class=\"text-3xl font-extrabold text-white mono-font\">93.0\"<\/span>\n <span class=\"text-[10px] text-slate-500 mt-1\">Flush to top plate<\/span>\n <\/div>\n \n <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-center border-t-2 border-t-amber-400\">\n <span class=\"text-slate-400 text-xs font-bold uppercase tracking-wider mb-1\"><i class=\"fa-solid fa-fire-burner text-amber-500 mr-2\"><\/i>Thermal Vent<\/span>\n <span class=\"text-3xl font-extrabold text-white mono-font\">2.0\"<\/span>\n <span class=\"text-[10px] text-slate-500 mt-1\">Hidden rear chimney<\/span>\n <\/div>\n\n <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-center border-t-2 border-t-emerald-400\">\n <span class=\"text-slate-400 text-xs font-bold uppercase tracking-wider mb-1\"><i class=\"fa-solid fa-tree text-emerald-500 mr-2\"><\/i>Core Material<\/span>\n <span class=\"text-3xl font-extrabold text-white mono-font\">3\/4\" Ply<\/span>\n <span class=\"text-[10px] text-slate-500 mt-1\">Heavy-duty frameless<\/span>\n <\/div>\n\n <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-center border-t-2 border-t-violet-400\">\n <span class=\"text-slate-400 text-xs font-bold uppercase tracking-wider mb-1\"><i class=\"fa-solid fa-pen-ruler text-violet-500 mr-2\"><\/i>Scribe Curve<\/span>\n <span class=\"text-3xl font-extrabold text-white mono-font\">3.5\"<\/span>\n <span class=\"text-[10px] text-slate-500 mt-1\">Dome wall contour fit<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8\">\n \n \n <div class=\"glass-panel p-6 rounded-3xl lg:col-span-1 flex flex-col\">\n <h3 class=\"text-lg font-bold mb-1 flex items-center gap-2\">\n <i class=\"fa-solid fa-ruler-horizontal text-sky-400\"><\/i> Zone Widths\n <\/h3>\n <p class=\"text-xs text-slate-400 mb-6\">Horizontal breakdown of the 122.5\" wall space.<\/p>\n <div class=\"chart-container flex-grow\">\n <canvas id=\"widthChart\"><\/canvas>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel p-6 rounded-3xl lg:col-span-1 flex flex-col relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-amber-500\/10 rounded-full blur-3xl\"><\/div>\n <h3 class=\"text-lg font-bold mb-1 flex items-center gap-2\">\n <i class=\"fa-solid fa-wind text-amber-400\"><\/i> The Thermal Chimney\n <\/h3>\n <p class=\"text-xs text-slate-400 mb-6\">Convective cooling path for fridge compressor.<\/p>\n \n <div class=\"flex-grow flex items-center justify-center p-4\">\n <div class=\"relative w-full max-w-[200px] h-[220px] flex justify-end\">\n \n <div class=\"absolute right-0 top-0 w-2 h-full bg-slate-700 rounded-sm\"><\/div>\n \n \n <div class=\"absolute right-6 top-0 w-32 h-16 bg-sky-900\/40 border border-sky-500\/50 rounded-l-md flex items-center justify-center\">\n <span class=\"text-[10px] text-sky-300 font-bold uppercase\">Upper Cab<\/span>\n <\/div>\n \n \n <div class=\"absolute right-2 top-8 w-4 text-center\">\n <div class=\"text-[8px] mono-font text-amber-400 rotate-90 whitespace-nowrap mt-4\">2\" GAP<\/div>\n <\/div>\n\n \n <div class=\"absolute right-6 bottom-0 w-32 h-36 bg-slate-800 border-2 border-slate-600 rounded-tl-md flex flex-col items-center justify-end pb-2 shadow-lg\">\n <div class=\"w-10 h-1 bg-slate-600 rounded-full mb-12\"><\/div>\n <span class=\"text-xs text-slate-400 font-bold\">FRIDGE<\/span>\n <div class=\"w-20 h-6 bg-slate-900 mt-2 rounded border border-slate-700 flex items-center justify-center\">\n <span class=\"text-[8px] text-red-400\/80\">Compressor<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute right-2 bottom-6 flex flex-col items-center gap-1 text-sm\">\n <i class=\"fa-solid fa-angles-up heat-arrow\"><\/i>\n <i class=\"fa-solid fa-angles-up heat-arrow\"><\/i>\n <i class=\"fa-solid fa-angles-up heat-arrow\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-4 bg-amber-500\/10 border border-amber-500\/20 p-3 rounded-xl\">\n <p class=\"text-[11px] text-amber-200\/80 leading-relaxed\">\n <strong>Physics Principle:<\/strong> Hot air from the compressor rises naturally. By keeping a 2\" gap behind the upper cabinet, air escapes over the top, pulling cool air from the floor up behind the fridge.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel p-6 rounded-3xl lg:col-span-1 flex flex-col\">\n <h3 class=\"text-lg font-bold mb-1 flex items-center gap-2\">\n <i class=\"fa-solid fa-boxes-stacked text-emerald-400\"><\/i> Material Cut Yield\n <\/h3>\n <p class=\"text-xs text-slate-400 mb-6\">Distribution of the 5 Sanded Plywood sheets.<\/p>\n <div class=\"chart-container flex-grow\">\n <canvas id=\"materialsChart\"><\/canvas>\n <\/div>\n <\/div>\n \n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-8\">\n \n \n <div class=\"glass-panel p-6 rounded-3xl\">\n <h3 class=\"text-lg font-bold mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-trowel-bricks text-violet-400\"><\/i> The Bondo Edge Strategy\n <\/h3>\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"w-12 h-12 rounded-xl bg-violet-500\/20 border border-violet-500\/30 flex items-center justify-center text-violet-400 shrink-0\">\n <span class=\"font-bold\">1<\/span>\n <\/div>\n <div>\n <h4 class=\"text-sm font-bold text-slate-200 mb-1\">Butter the Edges<\/h4>\n <p class=\"text-xs text-slate-400 leading-relaxed\">Apply Original Bondo generously along the raw, exposed plywood edges of the pantry, shelving, and arched portal. Ensure it pushes into any voids.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"w-12 h-12 rounded-xl bg-violet-500\/20 border border-violet-500\/30 flex items-center justify-center text-violet-400 shrink-0\">\n <span class=\"font-bold\">2<\/span>\n <\/div>\n <div>\n <h4 class=\"text-sm font-bold text-slate-200 mb-1\">Knife Trim (10 Min)<\/h4>\n <p class=\"text-xs text-slate-400 leading-relaxed\">While the Bondo is \"rubbery\" and semi-cured, use a putty knife to shear off the excess perfectly flush with the wood faces. Do not let it fully harden yet.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-12 h-12 rounded-xl bg-violet-500\/20 border border-violet-500\/30 flex items-center justify-center text-violet-400 shrink-0\">\n <span class=\"font-bold\">3<\/span>\n <\/div>\n <div>\n <h4 class=\"text-sm font-bold text-slate-200 mb-1\">Block Sand (30 Min)<\/h4>\n <p class=\"text-xs text-slate-400 leading-relaxed\">Once fully hardened, block sand with 120-grit, then 220-grit. The result is a seamless, glass-smooth edge ready for high-quality enamel paint, eliminating iron-on banding.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel p-6 rounded-3xl flex flex-col\">\n <h3 class=\"text-lg font-bold mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-clipboard-check text-sky-400\"><\/i> Assembly Milestones\n <\/h3>\n <ul class=\"space-y-3 flex-grow overflow-y-auto pr-2 custom-scrollbar\">\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Assemble Fridge Surround Box (76.5\" Shelf Height)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Cut Above-Fridge Back Panel 2\" Short (Chimney)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Frame Pantry Carcass (20\" Wide)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Install Fixed Shelf at 36\" (Appliance Garage Deck)<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Route Arched Portal from Scrap Template<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 p-3 rounded-lg bg-slate-800\/50 border border-slate-700\/50\">\n <input type=\"checkbox\" class=\"w-4 h-4 rounded border-slate-600 bg-slate-900 text-sky-500 accent-sky-500\">\n <span class=\"text-sm text-slate-300\">Jigsaw Left 3.5\" Scribe Strip to Match Dome Curve<\/span>\n <\/li>\n <\/ul>\n <\/div>\n \n <\/div>\n <\/main>\n\n <script>\n \/\/ Chart text wrapping utility\n const wrapLabel = (label) => {\n if (label.length <= 14) return label;\n const words = label.split(' ');\n const lines = [];\n let currentLine = '';\n words.forEach(word => {\n if ((currentLine + word).length > 14) {\n lines.push(currentLine.trim());\n currentLine = word + ' ';\n } else {\n currentLine += word + ' ';\n }\n });\n lines.push(currentLine.trim());\n return lines;\n };\n\n const globalTooltip = {\n callbacks: {\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n return Array.isArray(label) ? label.join(' ') : label;\n }\n },\n backgroundColor: 'rgba(15, 23, 42, 0.9)',\n titleColor: '#38bdf8',\n bodyColor: '#f8fafc',\n borderColor: 'rgba(56, 189, 248, 0.2)',\n borderWidth: 1,\n padding: 12\n };\n\n \/\/ Chart 1: Width Allocations (Horizontal Bar)\n const ctxWidth = document.getElementById('widthChart').getContext('2d');\n new Chart(ctxWidth, {\n type: 'bar',\n data: {\n labels: ['Lower Cabinets', 'Fridge Surround', 'Pantry Space', 'Left Scribe'],\n datasets: [{\n label: 'Inches (Width)',\n data: [68.0, 29.5, 20.0, 3.5],\n backgroundColor: [\n 'rgba(56, 189, 248, 0.8)', \/\/ Sky\n 'rgba(167, 139, 250, 0.8)', \/\/ Violet\n 'rgba(52, 211, 153, 0.8)', \/\/ Emerald\n 'rgba(248, 113, 113, 0.8)' \/\/ Red\n ],\n borderColor: [\n '#38bdf8',\n '#a78bfa',\n '#34d399',\n '#f87171'\n ],\n borderWidth: 1,\n borderRadius: 4\n }]\n },\n options: {\n indexAxis: 'y', \/\/ Horizontal bar chart\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: globalTooltip\n },\n scales: {\n x: {\n grid: { color: 'rgba(255,255,255,0.05)' },\n ticks: { color: '#94a3b8', font: { family: \"'JetBrains Mono', monospace\" } },\n title: { display: true, text: 'Width (Inches)', color: '#64748b' }\n },\n y: {\n grid: { display: false },\n ticks: { color: '#e2e8f0', font: { family: \"'Plus Jakarta Sans', sans-serif\" } }\n }\n }\n }\n });\n\n \/\/ Chart 2: Materials Yield (Doughnut)\n const ctxMaterials = document.getElementById('materialsChart').getContext('2d');\n new Chart(ctxMaterials, {\n type: 'doughnut',\n data: {\n labels: [\n wrapLabel('Outer Carcass (Sides\/Tops)'), \n wrapLabel('Internal Shelving'), \n wrapLabel('Doors & Overlays'), \n wrapLabel('Arched Valance & Trim')\n ],\n datasets: [{\n data: [45, 25, 20, 10], \/\/ Approximate % yield from the 5 sheets\n backgroundColor: [\n '#0ea5e9', \/\/ Sky 500\n '#10b981', \/\/ Emerald 500\n '#8b5cf6', \/\/ Violet 500\n '#f59e0b' \/\/ Amber 500\n ],\n borderWidth: 0,\n hoverOffset: 8\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n cutout: '65%',\n plugins: {\n legend: {\n position: 'bottom',\n labels: { color: '#cbd5e1', padding: 15, usePointStyle: true, pointStyle: 'circle' }\n },\n tooltip: {\n ...globalTooltip,\n callbacks: {\n ...globalTooltip.callbacks,\n label: function(context) {\n return ` Yield Share: ${context.parsed}%`;\n }\n }\n }\n }\n }\n });\n <\/script>\n<\/body>\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kitchen Built-Ins Master Infographic Dome Kitchen Project \u2022 Phase 1 BUILT-INS DASHBOARD Structural and material breakdown for the monolithic pantry, appliance garage, and high-vent refrigerator surround. 122.5″ Total Run Width Soffit Limit 93.0″ Flush to top plate Thermal Vent 2.0″ Hidden rear chimney Core Material 3\/4″ Ply Heavy-duty frameless Scribe Curve 3.5″ Dome wall contour […]<\/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-180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/pages\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":4,"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/pages\/180\/revisions"}],"predecessor-version":[{"id":185,"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/pages\/180\/revisions\/185"}],"wp:attachment":[{"href":"https:\/\/famousrentals.us\/home\/wp-json\/wp\/v2\/media?parent=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}