{"id":102,"date":"2026-09-24T01:44:41","date_gmt":"2026-09-24T01:44:41","guid":{"rendered":"https:\/\/paintingdo.online\/?page_id=102"},"modified":"2026-11-11T02:42:59","modified_gmt":"2026-11-11T02:42:59","slug":"project-portfolio","status":"publish","type":"page","link":"https:\/\/paintingdo.online\/","title":{"rendered":"Paintingdo Portfolio"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Project Portfolio<\/h1>\n\n\n\n<h5 class=\"wp-block-heading\">Design Studio, Home Projects, Digital Creations, and Field Experiments<\/h5>\n\n\n\n<style>\n\t\t\t#gallery-5 {<br \/>\n\t\t\t\tmargin: auto;<br \/>\n\t\t\t}<br \/>\n\t\t\t#gallery-5 .gallery-item {<br \/>\n\t\t\t\tfloat: left;<br \/>\n\t\t\t\tmargin-top: 10px;<br \/>\n\t\t\t\ttext-align: center;<br \/>\n\t\t\t\twidth: 33%;<br \/>\n\t\t\t}<br \/>\n\t\t\t#gallery-5 img {<br \/>\n\t\t\t\tborder: 2px solid #cfcfcf;<br \/>\n\t\t\t}<br \/>\n\t\t\t#gallery-5 .gallery-caption {<br \/>\n\t\t\t\tmargin-left: 0;<br \/>\n\t\t\t}<br \/>\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/<br \/>\n\t\t<\/style>\n\n\n\n<style data-wp-block-html=\"css\">\n#hpt-portfolio {\n  --teal: #24c8b5;\n  --amber: #f5b94f;\n  --navy: #101b2e;\n  --purple: #211936;\n  --ink: #eef5f7;\n  --muted: #a7b5c4;\n\n  background: #101827;\n  color: var(--ink);\n  font-family: system-ui, -apple-system, Arial, sans-serif;\n  line-height: 1.6;\n  width: 100%;\n}\n\n#hpt-portfolio * {\n  box-sizing: border-box;\n}\n\n#hpt-portfolio .hpt-wrap {\n  max-width: 1240px;\n  margin: auto;\n}\n\n#hpt-portfolio .hpt-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 95px 7% 90px;\n  background:\n    radial-gradient(circle at 85% 30%,\n      rgba(36,200,181,.22), transparent 38%),\n    linear-gradient(135deg,#101b2e,#211936);\n}\n\n#hpt-portfolio .hpt-eyebrow {\n  display: inline-block;\n  color: var(--teal);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n}\n\n#hpt-portfolio h2,\n#hpt-portfolio h3,\n#hpt-portfolio h4 {\n  color: #fff;\n  margin: 0;\n  line-height: 1.12;\n}\n\n#hpt-portfolio h2 {\n  font-size: clamp(42px, 7vw, 88px);\n  font-weight: 900;\n  letter-spacing: -3px;\n  margin: 24px 0;\n}\n\n#hpt-portfolio h2 em {\n  color: var(--amber);\n  font-style: normal;\n}\n\n#hpt-portfolio .hpt-hero p {\n  font-size: 17px;\n  color: #c5d3de;\n  max-width: 600px;\n  margin-bottom: 28px;\n}\n\n#hpt-portfolio .hpt-actions {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-top: 25px;\n}\n\n#hpt-portfolio .hpt-btn {\n  display: inline-block;\n  padding: 13px 23px;\n  border-radius: 7px;\n  text-decoration: none;\n  font-weight: 800;\n  font-size: 14px;\n  transition: transform .2s, background .2s;\n}\n\n#hpt-portfolio .hpt-btn:hover {\n  transform: translateY(-3px);\n}\n\n#hpt-portfolio .hpt-btn.primary {\n  background: var(--amber);\n  color: #14202d;\n}\n\n#hpt-portfolio .hpt-btn.outline {\n  border: 1px solid #71839a;\n  color: #fff;\n}\n\n#hpt-portfolio .hpt-hero-stripe {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 5px;\n  width: 100%;\n  background: linear-gradient(\n    90deg,var(--teal),var(--amber),#835cba\n  );\n}\n\n#hpt-portfolio .hpt-section {\n  padding: 70px 5%;\n}\n\n#hpt-portfolio .hpt-section-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  gap: 25px;\n  margin-bottom: 30px;\n}\n\n#hpt-portfolio .hpt-section-head h3 {\n  font-size: clamp(30px,4vw,43px);\n  margin-top: 9px;\n}\n\n#hpt-portfolio .hpt-section-head p {\n  color: var(--muted);\n  max-width: 290px;\n  font-size: 14px;\n  margin: 0;\n}\n\n#hpt-portfolio .hpt-gallery {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 19px;\n}\n\n#hpt-portfolio .hpt-project {\n  background: #19253a;\n  border: 1px solid #344255;\n  border-radius: 13px;\n  overflow: hidden;\n  transition: transform .25s, border-color .25s;\n}\n\n#hpt-portfolio .hpt-project:hover {\n  transform: translateY(-5px);\n  border-color: var(--teal);\n}\n\n#hpt-portfolio .hpt-project-art {\n  min-height: 215px;\n  padding: 23px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  position: relative;\n  overflow: hidden;\n}\n\n#hpt-portfolio .hpt-project-art:after {\n  content: \"\";\n  position: absolute;\n  width: 240px;\n  height: 240px;\n  border: 45px solid rgba(255,255,255,.09);\n  border-radius: 50%;\n  top: -110px;\n  right: -90px;\n}\n\n#hpt-portfolio .hpt-project-art span {\n  font-size: 12px;\n  opacity: .75;\n}\n\n#hpt-portfolio .hpt-project-art strong {\n  font-size: clamp(20px,2.5vw,30px);\n  font-weight: 900;\n  line-height: 1.05;\n  letter-spacing: -1px;\n  position: relative;\n  z-index: 1;\n}\n\n#hpt-portfolio .interior {\n  background: linear-gradient(135deg,#256d70,#132c40);\n}\n\n#hpt-portfolio .drywall {\n  background: linear-gradient(135deg,#b48c65,#524738);\n}\n\n#hpt-portfolio .cabinets {\n  background: linear-gradient(135deg,#62518f,#282144);\n}\n\n#hpt-portfolio .exterior {\n  background: linear-gradient(135deg,#637c53,#263b37);\n}\n\n#hpt-portfolio .trim {\n  background: linear-gradient(135deg,#ab715e,#51334d);\n}\n\n#hpt-portfolio .floors {\n  background: linear-gradient(135deg,#66788a,#283645);\n}\n\n#hpt-portfolio .hpt-project-body {\n  padding: 21px;\n}\n\n#hpt-portfolio .hpt-project-body small {\n  color: var(--teal);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n\n#hpt-portfolio .hpt-project-body h4 {\n  font-size: 19px;\n  margin: 9px 0;\n}\n\n#hpt-portfolio .hpt-project-body p {\n  color: var(--muted);\n  font-size: 13px;\n  margin: 0;\n}\n\n#hpt-portfolio #hpt-colors {\n  background: #152238;\n}\n\n#hpt-portfolio .hpt-palettes {\n  display: grid;\n  grid-template-columns: repeat(6,minmax(0,1fr));\n  gap: 13px;\n}\n\n#hpt-portfolio .hpt-swatch {\n  background: #202d40;\n  padding: 9px;\n  border-radius: 10px;\n  border: 1px solid #35435a;\n}\n\n#hpt-portfolio .hpt-swatch > div {\n  height: 125px;\n  border-radius: 6px;\n  margin-bottom: 12px;\n}\n\n#hpt-portfolio .hpt-swatch strong {\n  display: block;\n  font-size: 12px;\n  color: #fff;\n}\n\n#hpt-portfolio .hpt-swatch small {\n  color: #aab8c7;\n  font-size: 11px;\n}\n\n#hpt-portfolio .hpt-color-note {\n  font-size: 12px;\n  color: var(--muted);\n  margin-top: 20px;\n}\n\n#hpt-portfolio .hpt-cta {\n  padding: 75px 7%;\n  background: linear-gradient(125deg,#153b48,#241b3c);\n  text-align: center;\n}\n\n#hpt-portfolio .hpt-cta h3 {\n  font-size: clamp(34px,5vw,57px);\n  margin: 16px 0;\n}\n\n#hpt-portfolio .hpt-cta p {\n  max-width: 530px;\n  margin: auto;\n  color: #c6d4e0;\n}\n\n#hpt-portfolio .hpt-cta .hpt-actions {\n  justify-content: center;\n}\n\n#hpt-portfolio .hpt-foot {\n  padding: 24px;\n  text-align: center;\n  font-size: 10px;\n  letter-spacing: 1.5px;\n  color: #8ea1b4;\n}\n\n@media (max-width:850px) {\n  #hpt-portfolio .hpt-gallery {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n  #hpt-portfolio .hpt-palettes {\n    grid-template-columns: repeat(3,minmax(0,1fr));\n  }\n}\n\n@media (max-width:550px) {\n  #hpt-portfolio .hpt-hero {\n    padding: 65px 6%;\n  }\n  #hpt-portfolio h2 {\n    letter-spacing: -1.5px;\n  }\n  #hpt-portfolio .hpt-gallery {\n    grid-template-columns: 1fr;\n  }\n  #hpt-portfolio .hpt-palettes {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n  #hpt-portfolio .hpt-section-head {\n    display: block;\n  }\n  #hpt-portfolio .hpt-section-head p {\n    margin-top: 12px;\n  }\n  #hpt-portfolio .hpt-btn {\n    width: 100%;\n    text-align: center;\n  }\n}\n<\/style>\n\n<section id=\"hpt-portfolio\">\n  <div class=\"hpt-wrap\">\n\n    <header class=\"hpt-hero\">\n      <span class=\"hpt-eyebrow\">HOUSE Painting Do \u00b7 DALLAS, TX<\/span>\n      <h2>THE ART OF A<br><em>BETTER FINISH.<\/em><\/h2>\n      <p>Explore painting, restoration, surface repairs,\n      and color inspiration. Every space has potential.\n      The right preparation brings it forward.<\/p>\n      <div class=\"hpt-actions\">\n        <a href=\"#hpt-work\" class=\"hpt-btn primary\">Explore Our Work<\/a>\n        <a href=\"#hpt-colors\" class=\"hpt-btn outline\">Explore Colors<\/a>\n      <\/div>\n      <div class=\"hpt-hero-stripe\"><\/div>\n    <\/header>\n\n  \n\n    <section id=\"hpt-colors\" class=\"hpt-section\">\n      <div class=\"hpt-section-head\">\n        <div>\n          <span class=\"hpt-eyebrow\">02 \/ THE COLOR STUDIO<\/span>\n          <h3>The Paint Palette<\/h3>\n        <\/div>\n        <p>Explore color directions for your next project.<\/p>\n      <\/div>\n\n      <div class=\"hpt-palettes\">\n        <div class=\"hpt-swatch\">\n          <div style=\"background:#A6B4A3\"><\/div>\n          <strong>Soft Sage<\/strong>\n          <small>#A6B4A3<\/small>\n        <\/div>\n        <div class=\"hpt-swatch\">\n          <div style=\"background:#E5D8C5\"><\/div>\n          <strong>Warm Linen<\/strong>\n          <small>#E5D8C5<\/small>\n        <\/div>\n        <div class=\"hpt-swatch\">\n          <div style=\"background:#26384E\"><\/div>\n          <strong>Midnight Blue<\/strong>\n          <small>#26384E<\/small>\n        <\/div>\n        <div class=\"hpt-swatch\">\n          <div style=\"background:#F3EFE6\"><\/div>\n          <strong>Soft White<\/strong>\n          <small>#F3EFE6<\/small>\n        <\/div>\n        <div class=\"hpt-swatch\">\n          <div style=\"background:#BE8A76\"><\/div>\n          <strong>Terracotta<\/strong>\n          <small>#BE8A76<\/small>\n        <\/div>\n        <div class=\"hpt-swatch\">\n          <div style=\"background:#454B49\"><\/div>\n          <strong>Charcoal<\/strong>\n          <small>#454B49<\/small>\n        <\/div>\n      <\/div>\n      <p class=\"hpt-color-note\">\n        Inspiration colors only. Screen colors are approximate;\n        confirm actual manufacturer samples before purchasing.\n      <\/p>\n    <\/section>\n\n    <section id=\"hpt-contact\" class=\"hpt-cta\">\n      <span class=\"hpt-eyebrow\">YOUR PROJECT STARTS HERE<\/span>\n      <h3>Have something<br>worth transforming?<\/h3>\n      <p>Send 2\u20133 photos of your project.\n      We&#8217;ll review the visible condition and discuss\n      the next step.<\/p>\n      <div class=\"hpt-actions\">\n        <a class=\"hpt-btn primary\" href=\"sms:+19459005710\">\n          Send Project Photos\n        <\/a>\n        <a class=\"hpt-btn outline\" href=\"tel:+19459005710\">\n          Call 945-900-5710\n        <\/a>\n      <\/div>\n    <\/section>\n\n    <footer class=\"hpt-foot\">\n      HOUSE PAINTING TRIFORCE \u00b7 PAINTING \u00b7 REPAIR \u00b7 RESTORATION\n    <\/footer>\n\n  <\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style data-wp-block-html=\"css\">\n#hpt-portfolio {\n  --teal: #24c8b5;\n  --amber: #f5b94f;\n  --navy: #101b2e;\n  --purple: #211936;\n  --ink: #eef5f7;\n  --muted: #a7b5c4;\n\n  background: #101827;\n  color: var(--ink);\n  font-family: system-ui, -apple-system, Arial, sans-serif;\n  line-height: 1.6;\n  width: 100%;\n}\n\n#hpt-portfolio * {\n  box-sizing: border-box;\n}\n\n#hpt-portfolio .hpt-wrap {\n  max-width: 1240px;\n  margin: auto;\n}\n\n#hpt-portfolio .hpt-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 95px 7% 90px;\n  background:\n    radial-gradient(circle at 85% 30%,\n      rgba(36,200,181,.22), transparent 38%),\n    linear-gradient(135deg,#101b2e,#211936);\n}\n\n#hpt-portfolio .hpt-eyebrow {\n  display: inline-block;\n  color: var(--teal);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n}\n\n#hpt-portfolio h2,\n#hpt-portfolio h3,\n#hpt-portfolio h4 {\n  color: #fff;\n  margin: 0;\n  line-height: 1.12;\n}\n\n#hpt-portfolio h2 {\n  font-size: clamp(42px, 7vw, 88px);\n  font-weight: 900;\n  letter-spacing: -3px;\n  margin: 24px 0;\n}\n\n#hpt-portfolio h2 em {\n  color: var(--amber);\n  font-style: normal;\n}\n\n#hpt-portfolio .hpt-hero p {\n  font-size: 17px;\n  color: #c5d3de;\n  max-width: 600px;\n  margin-bottom: 28px;\n}\n\n#hpt-portfolio .hpt-actions {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-top: 25px;\n}\n\n#hpt-portfolio .hpt-btn {\n  display: inline-block;\n  padding: 13px 23px;\n  border-radius: 7px;\n  text-decoration: none;\n  font-weight: 800;\n  font-size: 14px;\n  transition: transform .2s, background .2s;\n}\n\n#hpt-portfolio .hpt-btn:hover {\n  transform: translateY(-3px);\n}\n\n#hpt-portfolio .hpt-btn.primary {\n  background: var(--amber);\n  color: #14202d;\n}\n\n#hpt-portfolio .hpt-btn.outline {\n  border: 1px solid #71839a;\n  color: #fff;\n}\n\n#hpt-portfolio .hpt-hero-stripe {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 5px;\n  width: 100%;\n  background: linear-gradient(\n    90deg,var(--teal),var(--amber),#835cba\n  );\n}\n\n#hpt-portfolio .hpt-section {\n  padding: 70px 5%;\n}\n\n#hpt-portfolio .hpt-section-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  gap: 25px;\n  margin-bottom: 30px;\n}\n\n#hpt-portfolio .hpt-section-head h3 {\n  font-size: clamp(30px,4vw,43px);\n  margin-top: 9px;\n}\n\n#hpt-portfolio .hpt-section-head p {\n  color: var(--muted);\n  max-width: 290px;\n  font-size: 14px;\n  margin: 0;\n}\n\n#hpt-portfolio .hpt-gallery {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 19px;\n}\n\n#hpt-portfolio .hpt-project {\n  background: #19253a;\n  border: 1px solid #344255;\n  border-radius: 13px;\n  overflow: hidden;\n  transition: transform .25s, border-color .25s;\n}\n\n#hpt-portfolio .hpt-project:hover {\n  transform: translateY(-5px);\n  border-color: var(--teal);\n}\n\n#hpt-portfolio .hpt-project-art {\n  min-height: 215px;\n  padding: 23px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  position: relative;\n  overflow: hidden;\n}\n\n#hpt-portfolio .hpt-project-art:after {\n  content: \"\";\n  position: absolute;\n  width: 240px;\n  height: 240px;\n  border: 45px solid rgba(255,255,255,.09);\n  border-radius: 50%;\n  top: -110px;\n  right: -90px;\n}\n\n#hpt-portfolio .hpt-project-art span {\n  font-size: 12px;\n  opacity: .75;\n}\n\n#hpt-portfolio .hpt-project-art strong {\n  font-size: clamp(20px,2.5vw,30px);\n  font-weight: 900;\n  line-height: 1.05;\n  letter-spacing: -1px;\n  position: relative;\n  z-index: 1;\n}\n\n#hpt-portfolio .interior {\n  background: linear-gradient(135deg,#256d70,#132c40);\n}\n\n#hpt-portfolio .drywall {\n  background: linear-gradient(135deg,#b48c65,#524738);\n}\n\n#hpt-portfolio .cabinets {\n  background: linear-gradient(135deg,#62518f,#282144);\n}\n\n#hpt-portfolio .exterior {\n  background: linear-gradient(135deg,#637c53,#263b37);\n}\n\n#hpt-portfolio .trim {\n  background: linear-gradient(135deg,#ab715e,#51334d);\n}\n\n#hpt-portfolio .floors {\n  background: linear-gradient(135deg,#66788a,#283645);\n}\n\n#hpt-portfolio .hpt-project-body {\n  padding: 21px;\n}\n\n#hpt-portfolio .hpt-project-body small {\n  color: var(--teal);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n\n#hpt-portfolio .hpt-project-body h4 {\n  font-size: 19px;\n  margin: 9px 0;\n}\n\n#hpt-portfolio .hpt-project-body p {\n  color: var(--muted);\n  font-size: 13px;\n  margin: 0;\n}\n\n#hpt-portfolio #hpt-colors {\n  background: #152238;\n}\n\n#hpt-portfolio .hpt-palettes {\n  display: grid;\n  grid-template-columns: repeat(6,minmax(0,1fr));\n  gap: 13px;\n}\n\n#hpt-portfolio .hpt-swatch {\n  background: #202d40;\n  padding: 9px;\n  border-radius: 10px;\n  border: 1px solid #35435a;\n}\n\n#hpt-portfolio .hpt-swatch > div {\n  height: 125px;\n  border-radius: 6px;\n  margin-bottom: 12px;\n}\n\n#hpt-portfolio .hpt-swatch strong {\n  display: block;\n  font-size: 12px;\n  color: #fff;\n}\n\n#hpt-portfolio .hpt-swatch small {\n  color: #aab8c7;\n  font-size: 11px;\n}\n\n#hpt-portfolio .hpt-color-note {\n  font-size: 12px;\n  color: var(--muted);\n  margin-top: 20px;\n}\n\n#hpt-portfolio .hpt-cta {\n  padding: 75px 7%;\n  background: linear-gradient(125deg,#153b48,#241b3c);\n  text-align: center;\n}\n\n#hpt-portfolio .hpt-cta h3 {\n  font-size: clamp(34px,5vw,57px);\n  margin: 16px 0;\n}\n\n#hpt-portfolio .hpt-cta p {\n  max-width: 530px;\n  margin: auto;\n  color: #c6d4e0;\n}\n\n#hpt-portfolio .hpt-cta .hpt-actions {\n  justify-content: center;\n}\n\n#hpt-portfolio .hpt-foot {\n  padding: 24px;\n  text-align: center;\n  font-size: 10px;\n  letter-spacing: 1.5px;\n  color: #8ea1b4;\n}\n\n@media (max-width:850px) {\n  #hpt-portfolio .hpt-gallery {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n  #hpt-portfolio .hpt-palettes {\n    grid-template-columns: repeat(3,minmax(0,1fr));\n  }\n}\n\n@media (max-width:550px) {\n  #hpt-portfolio .hpt-hero {\n    padding: 65px 6%;\n  }\n  #hpt-portfolio h2 {\n    letter-spacing: -1.5px;\n  }\n  #hpt-portfolio .hpt-gallery {\n    grid-template-columns: 1fr;\n  }\n  #hpt-portfolio .hpt-palettes {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n  #hpt-portfolio .hpt-section-head {\n    display: block;\n  }\n  #hpt-portfolio .hpt-section-head p {\n    margin-top: 12px;\n  }\n  #hpt-portfolio .hpt-btn {\n    width: 100%;\n    text-align: center;\n  }\n}\n<\/style>\n\n<section id=\"hpt-portfolio\">\n  <div class=\"hpt-wrap\">\n\n    \n    <section id=\"hpt-work\" class=\"hpt-section\">\n      <div class=\"hpt-section-head\">\n        <div>\n          <span class=\"hpt-eyebrow\">Services<\/span>\n          <h3>Projects &amp; Finishes<\/h3>\n        <\/div>\n        <p>From small repairs to complete transformations.<\/p>\n      <\/div>\n\n      <div class=\"hpt-gallery\">\n\n        <article class=\"hpt-project\">\n          <div class=\"hpt-project-art interior\">\n            <span>Professional<\/span>\n            <strong>INTERIOR<br>PAINTING<\/strong>\n          <\/div>\n          <div class=\"hpt-project-body\">\n            <small>WALLS \u00b7 CEILINGS \u00b7 ACCENTS<\/small>\n            <h4>Interior Transformations<\/h4>\n            <p>Clean lines, surface preparation, and finishes\n            that complement the room.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hpt-project\">\n          <div class=\"hpt-project-art drywall\">\n            <span>Clean<\/span>\n            <strong>DRYWALL<br>RESTORATION<\/strong>\n          <\/div>\n          <div class=\"hpt-project-body\">\n            <small>PATCHING \u00b7 TEXTURE \u00b7 BLENDING<\/small>\n            <h4>Drywall &amp; Texture<\/h4>\n            <p>Restore damaged surfaces with careful\n            reconstruction and texture matching.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hpt-project\">\n          <div class=\"hpt-project-art cabinets\">\n            <span>Organized<\/span>\n            <strong>CABINET<br>REFINISHING<\/strong>\n          <\/div>\n          <div class=\"hpt-project-body\">\n            <small>PREPARATION \u00b7 PRIMER \u00b7 FINISH<\/small>\n            <h4>Cabinet Refinishing<\/h4>\n            <p>Give existing cabinetry a new appearance\n            while preserving serviceable components.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hpt-project\">\n          <div class=\"hpt-project-art exterior\">\n            <span>Detail<\/span>\n            <strong>EXTERIOR<br>RESTORATION<\/strong>\n          <\/div>\n          <div class=\"hpt-project-body\">\n            <small>SIDING \u00b7 TRIM \u00b7 FENCES<\/small>\n            <h4>Exterior Projects<\/h4>\n            <p>Surface restoration, selective repairs,\n            protective coatings, and refreshed curb appeal.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hpt-project\">\n          <div class=\"hpt-project-art trim\">\n            <span>Finish<\/span>\n            <strong>TRIM &amp;<br>DETAIL WORK<\/strong>\n          <\/div>\n          <div class=\"hpt-project-body\">\n            <small>DOORS \u00b7 BASEBOARDS \u00b7 DETAILS<\/small>\n            <h4>Finish Carpentry &amp; Paint<\/h4>\n            <p>Precision work on the details that\n            complete a room.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hpt-project\">\n          <div class=\"hpt-project-art floors\">\n            <span>Painting Do<\/span>\n            <strong>FLOORS &amp;<br>TRANSITIONS<\/strong>\n          <\/div>\n          <div class=\"hpt-project-body\">\n            <small>FLOORING \u00b7 REPAIRS \u00b7 TRANSITIONS<\/small>\n            <h4>Flooring &amp; Restoration<\/h4>\n            <p>Functional flooring repairs, installation,\n            and finishing transitions.<\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/section>\n\n\n \n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<details class=\"wp-block-details alignwide is-layout-flow wp-block-details-is-layout-flow\"><summary><\/summary>\n<style data-wp-block-html=\"css\">\n\n#hpt-aesthetic {\n  --hpta-teal: #26c7b4;\n  --hpta-gold: #efb650;\n  --hpta-navy: #101a2b;\n  --hpta-muted: #b2c2cf;\n\n  background: linear-gradient(\n    155deg, #111b2c 0%, #171c30 60%, #112c38 100%\n  );\n  color: #f0f5f8;\n  font-family: system-ui, Arial, sans-serif;\n  line-height: 1.6;\n  width: 100%;\n  overflow: hidden;\n}\n\n#hpt-aesthetic *,\n#hpt-aesthetic *::before,\n#hpt-aesthetic *::after {\n  box-sizing: border-box;\n}\n\n#hpt-aesthetic .hpta-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 75px 28px;\n}\n\n\/* INTRO *\/\n\n#hpt-aesthetic .hpta-intro {\n  text-align: center;\n  max-width: 850px;\n  margin: 0 auto 48px;\n}\n\n#hpt-aesthetic .hpta-kicker {\n  color: var(--hpta-teal);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n#hpt-aesthetic h2,\n#hpt-aesthetic h3,\n#hpt-aesthetic h4 {\n  color: #fff;\n  line-height: 1.15;\n}\n\n#hpt-aesthetic .hpta-intro h2 {\n  margin: 20px 0 24px;\n  font-size: clamp(36px, 5.2vw, 68px);\n  font-weight: 850;\n  letter-spacing: -2px;\n}\n\n#hpt-aesthetic .hpta-intro h2 span {\n  display: block;\n  font-size: .58em;\n  font-weight: 450;\n  letter-spacing: -.7px;\n  margin: 8px 0;\n}\n\n#hpt-aesthetic .hpta-intro h2 em {\n  display: block;\n  color: var(--hpta-gold);\n  font-style: normal;\n}\n\n#hpt-aesthetic .hpta-lead {\n  max-width: 700px;\n  margin: 0 auto;\n  color: var(--hpta-muted);\n  font-size: 17px;\n}\n\n\/* COMPARISON *\/\n\n#hpt-aesthetic .hpta-comparison {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 22px;\n}\n\n#hpt-aesthetic .hpta-panel {\n  background: #1c2940;\n  border: 1px solid #37475c;\n  border-radius: 15px;\n  overflow: hidden;\n}\n\n#hpt-aesthetic .hpta-premium {\n  border-color: #328a82;\n  box-shadow: 0 0 35px rgba(38,199,180,.09);\n}\n\n#hpt-aesthetic .hpta-panel-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 17px 22px;\n}\n\n#hpt-aesthetic .hpta-number {\n  color: #b3c3d0;\n  font-size: 11px;\n  letter-spacing: 1.5px;\n}\n\n#hpt-aesthetic .hpta-tag {\n  padding: 5px 12px;\n  border-radius: 20px;\n  font-size: 10px;\n  font-weight: 850;\n  letter-spacing: 1px;\n  background: #35445a;\n  color: #eee;\n}\n\n#hpt-aesthetic .hpta-premium .hpta-tag {\n  background: var(--hpta-teal);\n  color: #10242d;\n}\n\n\/* ABSTRACT SURFACE ILLUSTRATIONS *\/\n\n#hpt-aesthetic .hpta-surface {\n  height: 235px;\n  margin: 0 16px;\n  border-radius: 7px;\n  position: relative;\n  overflow: hidden;\n}\n\n#hpt-aesthetic .hpta-surface-basic {\n  background:\n    repeating-linear-gradient(\n      174deg,\n      transparent 0px,\n      rgba(255,255,255,.09) 3px,\n      transparent 11px,\n      rgba(0,0,0,.08) 18px,\n      transparent 29px\n    ),\n    linear-gradient(\n      112deg, #a8ada2 0%, #b9b8ab 48%, #989b91 100%\n    );\n}\n\n#hpt-aesthetic .hpta-surface-basic::after {\n  content: \"\";\n  position: absolute;\n  width: 45%;\n  height: 70%;\n  left: 25%;\n  top: 12%;\n  background: rgba(223,222,207,.19);\n  border: 2px solid rgba(89,91,83,.11);\n  transform: rotate(-2deg);\n  filter: blur(2px);\n}\n\n#hpt-aesthetic .hpta-surface-premium {\n  background:\n    linear-gradient(\n      110deg,\n      rgba(255,255,255,.05),\n      transparent 35%,\n      rgba(0,0,0,.04) 100%\n    ),\n    #a4b7ae;\n}\n\n#hpt-aesthetic .hpta-surface-premium::after {\n  content: \"\";\n  position: absolute;\n  width: 2px;\n  height: 100%;\n  right: 12%;\n  top: 0;\n  background: rgba(255,255,255,.28);\n}\n\n#hpt-aesthetic .hpta-surface-label {\n  position: absolute;\n  left: 18px;\n  bottom: 16px;\n  z-index: 2;\n  padding: 8px 12px;\n  background: rgba(16,26,43,.85);\n  border-radius: 4px;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n}\n\n#hpt-aesthetic .hpta-panel-content {\n  padding: 26px;\n}\n\n#hpt-aesthetic .hpta-panel-content h3 {\n  font-size: 25px;\n  margin: 0 0 14px;\n}\n\n#hpt-aesthetic .hpta-panel-content p {\n  font-size: 14px;\n  color: var(--hpta-muted);\n  min-height: 95px;\n  margin: 0;\n}\n\n#hpt-aesthetic .hpta-line {\n  height: 1px;\n  background: #3a4b60;\n  margin: 20px 0 15px;\n}\n\n#hpt-aesthetic .hpta-panel-content strong {\n  font-size: 14px;\n  color: #d5e2e9;\n}\n\n#hpt-aesthetic .hpta-premium\n.hpta-panel-content strong {\n  color: var(--hpta-teal);\n}\n\n#hpt-aesthetic .hpta-demo-note {\n  text-align: center;\n  font-size: 11px;\n  color: #a3b1bd;\n  margin: 16px auto 0;\n  max-width: 680px;\n}\n\n\/* EDUCATIONAL DETAILS *\/\n\n#hpt-aesthetic .hpta-details {\n  padding: 85px 0 75px;\n}\n\n#hpt-aesthetic .hpta-details-heading {\n  max-width: 670px;\n  margin-bottom: 35px;\n}\n\n#hpt-aesthetic .hpta-details-heading h3 {\n  font-size: clamp(30px, 4vw, 44px);\n  letter-spacing: -1px;\n  margin: 12px 0;\n}\n\n#hpt-aesthetic .hpta-details-heading p {\n  color: var(--hpta-muted);\n  margin: 0;\n}\n\n#hpt-aesthetic .hpta-detail-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0,1fr));\n  gap: 15px;\n}\n\n#hpt-aesthetic .hpta-detail {\n  background: rgba(255,255,255,.035);\n  border: 1px solid #344156;\n  border-radius: 11px;\n  padding: 23px 20px;\n}\n\n#hpt-aesthetic .hpta-detail > span {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 39px;\n  height: 39px;\n  background: rgba(38,199,180,.12);\n  color: var(--hpta-teal);\n  border: 1px solid rgba(38,199,180,.35);\n  border-radius: 8px;\n  font-weight: 800;\n  font-size: 12px;\n}\n\n#hpt-aesthetic .hpta-detail h4 {\n  margin: 19px 0 11px;\n  font-size: 17px;\n}\n\n#hpt-aesthetic .hpta-detail p {\n  margin: 0;\n  font-size: 13px;\n  color: var(--hpta-muted);\n}\n\n\/* END STATEMENT *\/\n\n#hpt-aesthetic .hpta-statement {\n  position: relative;\n  background: linear-gradient(\n    120deg,#133947,#251e3e\n  );\n  border: 1px solid #41616b;\n  border-radius: 17px;\n  padding: 58px 45px;\n  text-align: center;\n  overflow: hidden;\n}\n\n#hpt-aesthetic .hpta-statement-accent {\n  position: absolute;\n  height: 5px;\n  top: 0;\n  left: 0;\n  right: 0;\n  background: linear-gradient(\n    90deg,#24c8b5,#efb650,#8d69b9\n  );\n}\n\n#hpt-aesthetic .hpta-statement h3 {\n  font-size: clamp(30px, 4.3vw, 52px);\n  margin: 20px 0;\n  letter-spacing: -1.5px;\n}\n\n#hpt-aesthetic .hpta-statement h3 em {\n  color: var(--hpta-gold);\n  font-style: normal;\n}\n\n#hpt-aesthetic .hpta-statement p {\n  max-width: 660px;\n  margin: 0 auto 30px;\n  color: #c7d8e1;\n}\n\n#hpt-aesthetic .hpta-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  padding: 15px 24px;\n  border-radius: 7px;\n  background: var(--hpta-gold);\n  color: #152231;\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 850;\n  transition: transform .2s ease;\n}\n\n#hpt-aesthetic .hpta-button:hover {\n  color: #152231;\n  transform: translateY(-3px);\n}\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 900px) {\n  #hpt-aesthetic .hpta-detail-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n}\n\n@media (max-width: 640px) {\n  #hpt-aesthetic .hpta-container {\n    padding: 55px 17px;\n  }\n\n  #hpt-aesthetic .hpta-comparison,\n  #hpt-aesthetic .hpta-detail-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #hpt-aesthetic .hpta-intro h2 {\n    letter-spacing: -1px;\n  }\n\n  #hpt-aesthetic .hpta-surface {\n    height: 190px;\n  }\n\n  #hpt-aesthetic .hpta-panel-content p {\n    min-height: auto;\n  }\n\n  #hpt-aesthetic .hpta-details {\n    padding: 60px 0;\n  }\n\n  #hpt-aesthetic .hpta-statement {\n    padding: 45px 22px;\n  }\n\n  #hpt-aesthetic .hpta-button {\n    width: 100%;\n  }\n}\n\n<\/style>\n\n\n<section id=\"hpt-aesthetic\">\n  <div class=\"hpta-container\">\n\n    <div class=\"hpta-intro\">\n      <span class=\"hpta-kicker\">\n        HOUSE PAINTING TRIFORCE \/ FINISHING STANDARDS\n      <\/span>\n\n      <h2>Aesthetic Value:\n        <span>The Difference Between<\/span>\n        <em>Painted &amp; Finished.<\/em>\n      <\/h2>\n\n      <p class=\"hpta-lead\">\n        A wall can have fresh paint and still look unfinished.\n        True aesthetic value comes from how the entire\n        surface works together: texture, preparation,\n        transitions, sheen, and light.\n      <\/p>\n    <\/div>\n\n    <div class=\"hpta-comparison\">\n\n      <article class=\"hpta-panel hpta-basic\">\n        <div class=\"hpta-panel-top\">\n          <span class=\"hpta-number\">01 \/ COLOR<\/span>\n          <span class=\"hpta-tag\">PAINTED<\/span>\n        <\/div>\n\n        <div class=\"hpta-surface hpta-surface-basic\">\n          <div class=\"hpta-surface-label\">\n            COLOR APPLIED\n          <\/div>\n        <\/div>\n\n        <div class=\"hpta-panel-content\">\n          <h3>A Surface That&#8217;s Painted<\/h3>\n          <p>\n            Fresh color improves appearance, but\n            existing dents, uneven texture, visible\n            patches, and inconsistent sheen may\n            remain noticeable.\n          <\/p>\n          <div class=\"hpta-line\"><\/div>\n          <strong>The color changes.<\/strong>\n        <\/div>\n      <\/article>\n\n      <article class=\"hpta-panel hpta-premium\">\n        <div class=\"hpta-panel-top\">\n          <span class=\"hpta-number\">02 \/ CRAFT<\/span>\n          <span class=\"hpta-tag\">FINISHED<\/span>\n        <\/div>\n\n        <div class=\"hpta-surface hpta-surface-premium\">\n          <div class=\"hpta-surface-label\">\n            SURFACE REFINED\n          <\/div>\n        <\/div>\n\n        <div class=\"hpta-panel-content\">\n          <h3>A Surface That&#8217;s Finished<\/h3>\n          <p>\n            Preparation, repair, texture consistency,\n            careful application, and controlled\n            transitions contribute to a deliberate,\n            cohesive appearance.\n          <\/p>\n          <div class=\"hpta-line\"><\/div>\n          <strong>The entire appearance changes.<\/strong>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <p class=\"hpta-demo-note\">\n      Conceptual surface illustrations. Actual results\n      depend on substrate condition, lighting, finish\n      level, and agreed project scope.\n    <\/p>\n\n    <div class=\"hpta-details\">\n      <div class=\"hpta-details-heading\">\n        <span class=\"hpta-kicker\">THE FINISHING PROCESS<\/span>\n        <h3>What Makes the Difference?<\/h3>\n        <p>\n          Quality is built into the preparation\n          and application\u2014not added afterward.\n        <\/p>\n      <\/div>\n\n      <div class=\"hpta-detail-grid\">\n\n        <div class=\"hpta-detail\">\n          <span>01<\/span>\n          <h4>Surface Preparation<\/h4>\n          <p>\n            Repairing damaged areas, smoothing\n            transitions, and preparing the substrate\n            for consistent coating adhesion.\n          <\/p>\n        <\/div>\n\n        <div class=\"hpta-detail\">\n          <span>02<\/span>\n          <h4>Texture Consistency<\/h4>\n          <p>\n            Matching or refining surface texture so\n            repairs integrate with surrounding finishes\n            as closely as practical.\n          <\/p>\n        <\/div>\n\n        <div class=\"hpta-detail\">\n          <span>03<\/span>\n          <h4>Sheen &amp; Light<\/h4>\n          <p>\n            Considering how natural and artificial\n            light reveal surface defects, roller marks,\n            flashing, and coating inconsistencies.\n          <\/p>\n        <\/div>\n\n        <div class=\"hpta-detail\">\n          <span>04<\/span>\n          <h4>Final Presentation<\/h4>\n          <p>\n            Clean edges, consistent coverage,\n            finished details, and inspection\n            against the expected finish standard.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"hpta-statement\">\n      <div class=\"hpta-statement-accent\"><\/div>\n\n      <span class=\"hpta-kicker\">OUR APPROACH<\/span>\n\n      <h3>Paint is the material.<br>\n        <em>Finish is the craftsmanship.<\/em>\n      <\/h3>\n\n      <p>\n        Every project deserves a finish appropriate\n        to its purpose, whether it&#8217;s a practical rental\n        refresh, an isolated repair, or a carefully\n        refined residential interior.\n      <\/p>\n\n      <a class=\"hpta-button\" href=\"sms:+19459005710\">\n        Discuss Your Finish Goals\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/details>\n\n\n\n<style data-wp-block-html=\"css\">\n#hpt-portfolio {\n  --teal: #24c8b5;\n  --amber: #f5b94f;\n  --navy: #101b2e;\n  --purple: #211936;\n  --ink: #eef5f7;\n  --muted: #a7b5c4;\n\n  background: #101827;\n  color: var(--ink);\n  font-family: system-ui, -apple-system, Arial, sans-serif;\n  line-height: 1.6;\n  width: 100%;\n}\n\n#hpt-portfolio * {\n  box-sizing: border-box;\n}\n\n#hpt-portfolio .hpt-wrap {\n  max-width: 1240px;\n  margin: auto;\n}\n\n#hpt-portfolio .hpt-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 95px 7% 90px;\n  background:\n    radial-gradient(circle at 85% 30%,\n      rgba(36,200,181,.22), transparent 38%),\n    linear-gradient(135deg,#101b2e,#211936);\n}\n\n#hpt-portfolio .hpt-eyebrow {\n  display: inline-block;\n  color: var(--teal);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n}\n\n#hpt-portfolio h2,\n#hpt-portfolio h3,\n#hpt-portfolio h4 {\n  color: #fff;\n  margin: 0;\n  line-height: 1.12;\n}\n\n#hpt-portfolio h2 {\n  font-size: clamp(42px, 7vw, 88px);\n  font-weight: 900;\n  letter-spacing: -3px;\n  margin: 24px 0;\n}\n\n#hpt-portfolio h2 em {\n  color: var(--amber);\n  font-style: normal;\n}\n\n#hpt-portfolio .hpt-hero p {\n  font-size: 17px;\n  color: #c5d3de;\n  max-width: 600px;\n  margin-bottom: 28px;\n}\n\n#hpt-portfolio .hpt-actions {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-top: 25px;\n}\n\n#hpt-portfolio .hpt-btn {\n  display: inline-block;\n  padding: 13px 23px;\n  border-radius: 7px;\n  text-decoration: none;\n  font-weight: 800;\n  font-size: 14px;\n  transition: transform .2s, background .2s;\n}\n\n#hpt-portfolio .hpt-btn:hover {\n  transform: translateY(-3px);\n}\n\n#hpt-portfolio .hpt-btn.primary {\n  background: var(--amber);\n  color: #14202d;\n}\n\n#hpt-portfolio .hpt-btn.outline {\n  border: 1px solid #71839a;\n  color: #fff;\n}\n\n#hpt-portfolio .hpt-hero-stripe {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 5px;\n  width: 100%;\n  background: linear-gradient(\n    90deg,var(--teal),var(--amber),#835cba\n  );\n}\n\n#hpt-portfolio .hpt-section {\n  padding: 70px 5%;\n}\n\n#hpt-portfolio .hpt-section-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  gap: 25px;\n  margin-bottom: 30px;\n}\n\n#hpt-portfolio .hpt-section-head h3 {\n  font-size: clamp(30px,4vw,43px);\n  margin-top: 9px;\n}\n\n#hpt-portfolio .hpt-section-head p {\n  color: var(--muted);\n  max-width: 290px;\n  font-size: 14px;\n  margin: 0;\n}\n\n#hpt-portfolio .hpt-gallery {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 19px;\n}\n\n#hpt-portfolio .hpt-project {\n  background: #19253a;\n  border: 1px solid #344255;\n  border-radius: 13px;\n  overflow: hidden;\n  transition: transform .25s, border-color .25s;\n}\n\n#hpt-portfolio .hpt-project:hover {\n  transform: translateY(-5px);\n  border-color: var(--teal);\n}\n\n#hpt-portfolio .hpt-project-art {\n  min-height: 215px;\n  padding: 23px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  position: relative;\n  overflow: hidden;\n}\n\n#hpt-portfolio .hpt-project-art:after {\n  content: \"\";\n  position: absolute;\n  width: 240px;\n  height: 240px;\n  border: 45px solid rgba(255,255,255,.09);\n  border-radius: 50%;\n  top: -110px;\n  right: -90px;\n}\n\n#hpt-portfolio .hpt-project-art span {\n  font-size: 12px;\n  opacity: .75;\n}\n\n#hpt-portfolio .hpt-project-art strong {\n  font-size: clamp(20px,2.5vw,30px);\n  font-weight: 900;\n  line-height: 1.05;\n  letter-spacing: -1px;\n  position: relative;\n  z-index: 1;\n}\n\n#hpt-portfolio .interior {\n  background: linear-gradient(135deg,#256d70,#132c40);\n}\n\n#hpt-portfolio .drywall {\n  background: linear-gradient(135deg,#b48c65,#524738);\n}\n\n#hpt-portfolio .cabinets {\n  background: linear-gradient(135deg,#62518f,#282144);\n}\n\n#hpt-portfolio .exterior {\n  background: linear-gradient(135deg,#637c53,#263b37);\n}\n\n#hpt-portfolio .trim {\n  background: linear-gradient(135deg,#ab715e,#51334d);\n}\n\n#hpt-portfolio .floors {\n  background: linear-gradient(135deg,#66788a,#283645);\n}\n\n#hpt-portfolio .hpt-project-body {\n  padding: 21px;\n}\n\n#hpt-portfolio .hpt-project-body small {\n  color: var(--teal);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n\n#hpt-portfolio .hpt-project-body h4 {\n  font-size: 19px;\n  margin: 9px 0;\n}\n\n#hpt-portfolio .hpt-project-body p {\n  color: var(--muted);\n  font-size: 13px;\n  margin: 0;\n}\n\n#hpt-portfolio #hpt-colors {\n  background: #152238;\n}\n\n#hpt-portfolio .hpt-palettes {\n  display: grid;\n  grid-template-columns: repeat(6,minmax(0,1fr));\n  gap: 13px;\n}\n\n#hpt-portfolio .hpt-swatch {\n  background: #202d40;\n  padding: 9px;\n  border-radius: 10px;\n  border: 1px solid #35435a;\n}\n\n#hpt-portfolio .hpt-swatch > div {\n  height: 125px;\n  border-radius: 6px;\n  margin-bottom: 12px;\n}\n\n#hpt-portfolio .hpt-swatch strong {\n  display: block;\n  font-size: 12px;\n  color: #fff;\n}\n\n#hpt-portfolio .hpt-swatch small {\n  color: #aab8c7;\n  font-size: 11px;\n}\n\n#hpt-portfolio .hpt-color-note {\n  font-size: 12px;\n  color: var(--muted);\n  margin-top: 20px;\n}\n\n#hpt-portfolio .hpt-cta {\n  padding: 75px 7%;\n  background: linear-gradient(125deg,#153b48,#241b3c);\n  text-align: center;\n}\n\n#hpt-portfolio .hpt-cta h3 {\n  font-size: clamp(34px,5vw,57px);\n  margin: 16px 0;\n}\n\n#hpt-portfolio .hpt-cta p {\n  max-width: 530px;\n  margin: auto;\n  color: #c6d4e0;\n}\n\n#hpt-portfolio .hpt-cta .hpt-actions {\n  justify-content: center;\n}\n\n#hpt-portfolio .hpt-foot {\n  padding: 24px;\n  text-align: center;\n  font-size: 10px;\n  letter-spacing: 1.5px;\n  color: #8ea1b4;\n}\n\n@media (max-width:850px) {\n  #hpt-portfolio .hpt-gallery {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n  #hpt-portfolio .hpt-palettes {\n    grid-template-columns: repeat(3,minmax(0,1fr));\n  }\n}\n\n@media (max-width:550px) {\n  #hpt-portfolio .hpt-hero {\n    padding: 65px 6%;\n  }\n  #hpt-portfolio h2 {\n    letter-spacing: -1.5px;\n  }\n  #hpt-portfolio .hpt-gallery {\n    grid-template-columns: 1fr;\n  }\n  #hpt-portfolio .hpt-palettes {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n  #hpt-portfolio .hpt-section-head {\n    display: block;\n  }\n  #hpt-portfolio .hpt-section-head p {\n    margin-top: 12px;\n  }\n  #hpt-portfolio .hpt-btn {\n    width: 100%;\n    text-align: center;\n  }\n}\n<\/style>\n\n<section id=\"hpt-portfolio\">\n  <div class=\"hpt-wrap\">\n\n   \n\n    <section id=\"hpt-contact\" class=\"hpt-cta\">\n      <span class=\"hpt-eyebrow\">YOUR PROJECT STARTS HERE<\/span>\n      <h3>Have something<br>worth transforming?<\/h3>\n      <p>Send 2\u20133 photos of your project.\n      We&#8217;ll review the visible condition and discuss\n      the next step.<\/p>\n      <div class=\"hpt-actions\">\n        <a class=\"hpt-btn primary\" href=\"sms:+19459005710\">\n          Send Project Photos\n        <\/a>\n        <a class=\"hpt-btn outline\" href=\"tel:+19459005710\">\n          Call 945-900-5710\n        <\/a>\n      <\/div>\n    <\/section>\n\n    <footer class=\"hpt-foot\">\n      HOUSE PAINTING TRIFORCE \u00b7 PAINTING \u00b7 REPAIR \u00b7 RESTORATION\n    <\/footer>\n\n  <\/div>\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\"><mark>Paint<\/mark> Is Not Decoration. It Is Craftsmanship You Can See.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><mark><strong>clean lines<\/strong>, <strong>even sheen<\/strong><\/mark>, and a surface that looks as considered up close as it does from across the room. Professional painting is not a cosmetic upgrade \u2014 it is the visible signature of careful work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Project Portfolio Design Studio, Home Projects, Digital Creations, and Field Experiments HOUSE Painting Do \u00b7 DALLAS, TX THE ART OF ABETTER FINISH. Explore painting, restoration, surface repairs, and color inspiration. Every space has potential. The right preparation brings it forward. Explore Our Work Explore Colors 02 \/ THE COLOR STUDIO The Paint Palette Explore color [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":82,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-102","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Paintingdo Portfolio - Painting do Studio<\/title>\n<meta name=\"description\" content=\"Paintingdo Portfolio\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/paintingdo.online\/?page_id=102\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Paintingdo Portfolio - Painting do Studio\" \/>\n<meta property=\"og:description\" content=\"Paintingdo Portfolio\" \/>\n<meta property=\"og:url\" content=\"https:\/\/paintingdo.online\/?page_id=102\" \/>\n<meta property=\"og:site_name\" content=\"Painting do Studio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-11T02:42:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/paintingdo.online\/wp-content\/uploads\/2026\/09\/4k_color_swatch_brigade.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1248\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/paintingdo.online\\\/?page_id=102\",\"url\":\"https:\\\/\\\/paintingdo.online\\\/?page_id=102\",\"name\":\"Paintingdo Portfolio - Painting do Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/paintingdo.online\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/paintingdo.online\\\/?page_id=102#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/paintingdo.online\\\/?page_id=102#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/paintingdo.online\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/4k_color_swatch_brigade.webp\",\"datePublished\":\"2026-09-24T01:44:41+00:00\",\"dateModified\":\"2026-11-11T02:42:59+00:00\",\"description\":\"Paintingdo Portfolio\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/paintingdo.online\\\/?page_id=102#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/paintingdo.online\\\/?page_id=102\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/paintingdo.online\\\/?page_id=102#primaryimage\",\"url\":\"https:\\\/\\\/paintingdo.online\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/4k_color_swatch_brigade.webp\",\"contentUrl\":\"https:\\\/\\\/paintingdo.online\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/4k_color_swatch_brigade.webp\",\"width\":1248,\"height\":832,\"caption\":\"color cards\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/paintingdo.online\\\/?page_id=102#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/paintingdo.online\\\/?page_id=102\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Paintingdo Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/paintingdo.online\\\/#website\",\"url\":\"https:\\\/\\\/paintingdo.online\\\/\",\"name\":\"Painting do Studio\",\"description\":\"Art, Design &amp; Everything Between.\",\"publisher\":{\"@id\":\"https:\\\/\\\/paintingdo.online\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/paintingdo.online\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/paintingdo.online\\\/#organization\",\"name\":\"Painting do Studio\",\"url\":\"https:\\\/\\\/paintingdo.online\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/paintingdo.online\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/paintingdo.online\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/painting-do-e1794365624211.webp\",\"contentUrl\":\"https:\\\/\\\/paintingdo.online\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/painting-do-e1794365624211.webp\",\"width\":404,\"height\":332,\"caption\":\"Painting do Studio\"},\"image\":{\"@id\":\"https:\\\/\\\/paintingdo.online\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Paintingdo Portfolio - Painting do Studio","description":"Paintingdo Portfolio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/paintingdo.online\/?page_id=102","og_locale":"en_US","og_type":"article","og_title":"Paintingdo Portfolio - Painting do Studio","og_description":"Paintingdo Portfolio","og_url":"https:\/\/paintingdo.online\/?page_id=102","og_site_name":"Painting do Studio","article_modified_time":"2026-11-11T02:42:59+00:00","og_image":[{"width":1248,"height":832,"url":"https:\/\/paintingdo.online\/wp-content\/uploads\/2026\/09\/4k_color_swatch_brigade.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/paintingdo.online\/?page_id=102","url":"https:\/\/paintingdo.online\/?page_id=102","name":"Paintingdo Portfolio - Painting do Studio","isPartOf":{"@id":"https:\/\/paintingdo.online\/#website"},"primaryImageOfPage":{"@id":"https:\/\/paintingdo.online\/?page_id=102#primaryimage"},"image":{"@id":"https:\/\/paintingdo.online\/?page_id=102#primaryimage"},"thumbnailUrl":"https:\/\/paintingdo.online\/wp-content\/uploads\/2026\/09\/4k_color_swatch_brigade.webp","datePublished":"2026-09-24T01:44:41+00:00","dateModified":"2026-11-11T02:42:59+00:00","description":"Paintingdo Portfolio","breadcrumb":{"@id":"https:\/\/paintingdo.online\/?page_id=102#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/paintingdo.online\/?page_id=102"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/paintingdo.online\/?page_id=102#primaryimage","url":"https:\/\/paintingdo.online\/wp-content\/uploads\/2026\/09\/4k_color_swatch_brigade.webp","contentUrl":"https:\/\/paintingdo.online\/wp-content\/uploads\/2026\/09\/4k_color_swatch_brigade.webp","width":1248,"height":832,"caption":"color cards"},{"@type":"BreadcrumbList","@id":"https:\/\/paintingdo.online\/?page_id=102#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/paintingdo.online\/?page_id=102"},{"@type":"ListItem","position":2,"name":"Paintingdo Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/paintingdo.online\/#website","url":"https:\/\/paintingdo.online\/","name":"Painting do Studio","description":"Art, Design &amp; Everything Between.","publisher":{"@id":"https:\/\/paintingdo.online\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/paintingdo.online\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/paintingdo.online\/#organization","name":"Painting do Studio","url":"https:\/\/paintingdo.online\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/paintingdo.online\/#\/schema\/logo\/image\/","url":"https:\/\/paintingdo.online\/wp-content\/uploads\/2026\/08\/painting-do-e1794365624211.webp","contentUrl":"https:\/\/paintingdo.online\/wp-content\/uploads\/2026\/08\/painting-do-e1794365624211.webp","width":404,"height":332,"caption":"Painting do Studio"},"image":{"@id":"https:\/\/paintingdo.online\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/paintingdo.online\/index.php?rest_route=\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paintingdo.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paintingdo.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paintingdo.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paintingdo.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=102"}],"version-history":[{"count":4,"href":"https:\/\/paintingdo.online\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/paintingdo.online\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/paintingdo.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}