{"id":48,"date":"2018-03-28T18:31:12","date_gmt":"2018-03-28T18:31:12","guid":{"rendered":"http:\/\/import.themovation.com\/entrepreneur2\/small-business\/?page_id=2485"},"modified":"2026-10-23T18:56:44","modified_gmt":"2026-10-23T18:56:44","slug":"home","status":"publish","type":"page","link":"https:\/\/creationoutdoors.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"48\" class=\"elementor elementor-48\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef6132 e-con-full e-flex e-con e-parent\" data-id=\"9ef6132\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-817d27b elementor-widget elementor-widget-html\" data-id=\"817d27b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.co-home{background:#F6F3EC}.co-hero{display:grid;grid-template-columns:44% 56%;min-height:630px}.co-hero-copy{padding:80px 50px 80px max(48px,calc((100vw - 1280px)\/2));align-self:center}.co-home .co-hero-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(62px,7.1vw,100px);font-weight:600;letter-spacing:-.055em;line-height:.94;color:#151816;margin:0 0 30px}.co-hero-title em{font-weight:500;color:#ad8438}.co-gold-rule{width:64px;height:2px;background:#C9A34E;margin:28px 0}.co-site.co-home p{margin:0 0 24px}.co-hero-copy>p:not(.co-kicker){font-size:17px;max-width:400px;line-height:1.7}.co-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.co-hero-photo{position:relative;min-height:630px;margin:12px 0 12px 0;overflow:hidden}.co-hero-photo>img{height:100%;position:absolute;inset:0;object-position:50% 50%}.co-photo-note{position:absolute;bottom:0;left:0;right:0;padding:60px 32px 25px;background:linear-gradient(transparent,#151816b8);color:#fff;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.co-features{background:#263B32;color:#F6F3EC;padding:38px 0}.co-features-grid{display:grid;grid-template-columns:repeat(4,1fr)}.co-feature{text-align:center;padding:6px 25px;border-right:1px solid #F6F3EC33}.co-feature:last-child{border:0}.co-feature>i{display:block;color:#C9A34E;font-size:30px;margin-bottom:17px}.co-home .co-feature h2{font:700 12px\/1.5 Manrope,Arial,sans-serif;text-transform:uppercase;color:#F6F3EC;margin:0 0 8px;letter-spacing:.03em}.co-site .co-feature p{font-size:12px;line-height:1.6;margin:0;color:#e1e4dc}.co-about{padding:110px 0}.co-about-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:90px}.co-about-copy>p:not(.co-kicker){max-width:460px}.co-about-photo{position:relative;padding-bottom:28px}.co-about-photo>img{height:440px;border-radius:4px}.co-about-badge{position:absolute;right:-15px;bottom:0;display:flex;align-items:center;gap:22px;width:300px;background:#263B32;color:#F6F3EC;padding:28px;border:1px solid #C9A34E66}.co-about-badge>i{font-size:34px;color:#C9A34E}.co-about-badge strong{display:block;font-size:10px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}.co-about-badge span{display:block;font-size:11px;line-height:1.6}.co-services{padding:90px 0 100px;background:#eeebe3}.co-section-head{text-align:center;margin:0 auto 42px;max-width:720px}.co-section-head .co-kicker{margin-bottom:12px}.co-section-head .co-title{margin-bottom:16px}.co-site .co-section-head p:last-child{margin:0}.co-services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.co-service{background:#F6F3EC;border-radius:4px;overflow:hidden;box-shadow:0 6px 22px #15181608;color:#151816!important;transition:transform .2s,box-shadow .2s}.co-service:hover{transform:translateY(-5px);box-shadow:0 12px 25px #15181614}.co-service img{height:175px}.co-service-label{padding:18px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.co-home .co-service h3{font:700 12px\/1.5 Manrope,Arial,sans-serif;margin:0;color:#151816}.co-service-label i{color:#99732e;font-size:12px}.co-projects{background:#151816;padding:90px 0;color:#F6F3EC}.co-projects-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:36px}.co-projects .co-kicker{color:#C9A34E;margin-bottom:12px}.co-projects .co-title{color:#F6F3EC;margin:0}.co-projects .co-btn{color:#F6F3EC;border-color:#C9A34E;flex-shrink:0}.co-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.co-project{background:#F6F3EC;border-radius:4px;overflow:hidden;margin:0}.co-project img{height:270px;transition:transform .4s}.co-project-photo{overflow:hidden}.co-project:hover img{transform:scale(1.025)}.co-project figcaption{padding:22px 24px;color:#343A36}.co-home .co-project h3{font:700 11px\/1.5 Manrope,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0 0 7px;color:#151816}.co-site .co-project p{font-size:12px;margin:0}.co-process{padding:100px 0 110px}.co-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.co-process-step{display:flex;gap:18px;position:relative}.co-step-no{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #a47d35;border-radius:50%;color:#99732e;flex-shrink:0;font-size:17px}.co-home .co-process-step h3{font:700 14px\/1.5 Manrope,Arial,sans-serif;margin:3px 0 9px;color:#151816}.co-site .co-process-step p{font-size:13px;line-height:1.7;margin:0;max-width:180px}.co-step-arrow{color:#a47d35;position:absolute;right:-20px;top:16px;font-size:12px}\n@media(min-width:1600px){.co-hero-copy{padding-right:70px}.co-hero{min-height:710px}.co-hero-photo{min-height:710px}}@media(max-width:1100px){.co-hero-copy{padding:55px 32px}.co-hero,.co-hero-photo{min-height:570px}.co-about-grid{gap:45px}.co-services-grid{gap:12px}.co-service img{height:145px}.co-service-label{padding:16px 10px;gap:7px}.co-project img{height:230px}.co-about-photo>img{height:400px}}@media(max-width:800px){.co-hero{grid-template-columns:1fr 1fr}.co-hero-copy{padding:50px 24px 50px 32px}.co-home .co-hero-title{font-size:64px}.co-hero-copy>p:not(.co-kicker){font-size:15px}.co-hero,.co-hero-photo{min-height:560px}.co-feature{padding:4px 14px}.co-home .co-feature h2{font-size:10px}.co-about,.co-services,.co-projects,.co-process{padding:75px 0}.co-about-grid{gap:35px}.co-about-badge{right:-10px;width:245px;padding:22px;gap:17px}.co-services-grid{grid-template-columns:repeat(3,1fr);gap:20px}.co-service img{height:180px}.co-projects-grid{gap:16px}.co-project img{height:210px}.co-project figcaption{padding:20px 16px}.co-process-grid{grid-template-columns:repeat(2,1fr);gap:35px}.co-step-arrow{display:none}.co-projects-head{align-items:flex-start;flex-direction:column}.co-projects-head .co-title{font-size:46px}}@media(max-width:600px){.co-hero{display:flex;flex-direction:column;min-height:0}.co-hero-copy{padding:55px 20px 42px;width:100%}.co-home .co-hero-title{font-size:72px}.co-hero-copy>p:not(.co-kicker){font-size:16px;max-width:360px}.co-hero-photo{min-height:360px;margin:0 12px 12px;border-radius:4px}.co-photo-note{padding:55px 20px 20px;font-size:9px}.co-features{padding:30px 0}.co-features-grid{grid-template-columns:repeat(2,1fr);gap:26px 0}.co-feature:nth-child(2){border:0}.co-feature>i{font-size:27px;margin-bottom:12px}.co-site .co-feature p{font-size:11px}.co-about,.co-services,.co-projects,.co-process{padding:62px 0}.co-about-grid{grid-template-columns:1fr;gap:35px}.co-about-photo{padding-bottom:28px}.co-about-photo>img{height:340px}.co-about-badge{right:0;width:260px}.co-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.co-service img{height:155px}.co-service:last-child{grid-column:1\/-1;display:grid;grid-template-columns:1fr 1fr}.co-service:last-child img{height:150px}.co-service-label{padding:17px 12px}.co-home .co-service h3{font-size:11px}.co-projects-grid{grid-template-columns:1fr;gap:24px}.co-project img{height:280px}.co-projects-head .co-title{font-size:40px}.co-project figcaption{padding:22px}.co-process-grid{gap:30px 20px}.co-process-step{gap:12px}.co-step-no{width:36px;height:36px;font-size:14px}.co-home .co-process-step h3{font-size:13px}.co-site .co-process-step p{font-size:12px}.co-section-head{margin-bottom:32px}.co-section-head>p:not(.co-kicker){font-size:14px}} \n\/* Full-width photographic hero *\/\n.co-home .co-hero{display:flex;align-items:center;position:relative;isolation:isolate;min-height:650px;background:#151816;overflow:hidden}\n.co-home .co-hero-photo{position:absolute;inset:0;min-height:0;margin:0;border-radius:0;z-index:-2}\n.co-home .co-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:70% 56%}\n.co-home .co-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,17,12,.94) 0%,rgba(8,17,12,.84) 29%,rgba(8,17,12,.37) 58%,rgba(8,17,12,.12) 100%)}\n.co-home .co-hero-copy{width:min(1280px,calc(100% - 96px));padding:82px 0;margin:0 auto;align-self:auto;color:#F6F3EC}\n.co-home .co-hero-copy .co-kicker{display:flex;align-items:center;gap:20px;color:#e6dbc3;margin:0 0 24px;letter-spacing:.25em;font-size:11px}\n.co-home .co-hero-copy .co-kicker:before{content:'';width:45px;height:2px;background:#C9A34E;flex-shrink:0}\nbody.elementor-kit-135 .co-home .co-hero-title{color:#F6F3EC;font-size:clamp(74px,7.7vw,112px);line-height:.92;letter-spacing:-.045em;margin:0;max-width:650px}\n.co-home .co-hero-title em{color:#C9A34E}\n.co-home .co-hero .co-gold-rule{margin:24px 0 16px;width:56px;height:1px}\n.co-site.co-home .co-hero-copy>p:not(.co-kicker){font-size:18px;line-height:1.6;max-width:490px;color:#e7e7df;margin:0 0 26px}\n.co-home .co-hero .co-actions{margin-top:28px;gap:16px}\n.co-home .co-hero .co-btn{min-height:58px;padding:18px 28px;font-size:13px;gap:22px}\n.co-home .co-hero .co-btn-outline{color:#F6F3EC;border-color:#F6F3ECb3;background:#10181244}\n.co-home .co-hero .co-btn-outline i{font-size:21px;order:-1}\n.co-home .co-photo-note{display:none}\n@media(min-width:1600px){.co-home .co-hero{min-height:720px}.co-home .co-hero-copy{width:calc(100% - 14.2%);max-width:none}}\n@media(max-width:1100px){.co-home .co-hero-copy{width:calc(100% - 64px)}.co-home .co-hero{min-height:610px}.co-home .co-hero:after{background:linear-gradient(90deg,#08110cf2,#08110cb8 48%,#08110c38)}}\n@media(max-width:600px){.co-home .co-hero{min-height:650px;display:flex;flex-direction:row}.co-home .co-hero-copy{width:calc(100% - 40px);padding:60px 0}.co-home .co-hero-copy .co-kicker{font-size:9px;gap:12px;letter-spacing:.16em;max-width:330px}.co-home .co-hero-copy .co-kicker:before{width:25px}body.elementor-kit-135 .co-home .co-hero-title{font-size:clamp(60px,16vw,82px)}.co-site.co-home .co-hero-copy>p:not(.co-kicker){font-size:16px;max-width:340px}.co-home .co-hero-photo{min-height:0;margin:0}.co-home .co-hero-photo>img{object-position:65% center}.co-home .co-hero:after{background:linear-gradient(90deg,#08110ced,#08110c9c),linear-gradient(0deg,#08110c66,transparent)}.co-home .co-hero .co-actions{gap:12px}.co-home .co-hero .co-btn{padding:15px 18px;min-height:52px;font-size:12px;gap:14px}}\n\/* Keep the desktop copy comfortably inset, centered in the left side. *\/\n@media(min-width:1101px){.co-home .co-hero-copy{width:calc(100% - 14.2%);max-width:1480px;padding-top:70px;padding-bottom:70px}}\n\/* Position the copy nearer the indicated center-left guide. *\/\n@media(min-width:1101px){.co-home .co-hero-copy{width:auto;max-width:none;margin-left:clamp(130px,17vw,340px);margin-right:48px}.co-home .co-hero:after{background:linear-gradient(90deg,rgba(5,13,9,.98) 0%,rgba(5,13,9,.94) 26%,rgba(5,13,9,.85) 43%,rgba(5,13,9,.58) 60%,rgba(5,13,9,.24) 80%,rgba(5,13,9,.12) 100%)}}\n@media(min-width:601px) and (max-width:1100px){.co-home .co-hero:after{background:linear-gradient(90deg,#050d09f7,#050d09d9 43%,#050d098c 70%,#050d093d)}}\n@media(max-width:600px){.co-home .co-hero:after{background:linear-gradient(90deg,#050d09f5,#050d09bf),linear-gradient(0deg,#050d0977,transparent)}}\n\/* Terraced landscape framing for the introduction photograph. *\/\n.co-home .co-about-photo{isolation:isolate;padding:18px 0 38px 18px}\n.co-home .co-about-photo>img{position:relative;z-index:1;border-radius:0;clip-path:polygon(0 0,84% 0,84% 7%,100% 7%,100% 100%,18% 100%,18% 93%,0 93%);object-position:center}\n.co-home .co-about-photo:before{content:'';position:absolute;inset:0 18px 56px 0;z-index:0;background:#263B32;clip-path:polygon(0 0,84% 0,84% 7%,100% 7%,100% 100%,18% 100%,18% 93%,0 93%)}\n.co-home .co-about-photo:after{content:'';position:absolute;z-index:2;top:34px;right:-12px;width:90px;height:90px;border-top:1px solid #C9A34E;border-right:1px solid #C9A34E;pointer-events:none}\n.co-home .co-about-badge{z-index:3;right:-15px;bottom:0;box-shadow:0 14px 35px #15181614}\n@media(max-width:600px){.co-home .co-about-photo{padding:12px 0 34px 12px}.co-home .co-about-photo:before{inset:0 12px 46px 0}.co-home .co-about-photo:after{top:24px;right:-6px;width:64px;height:64px}.co-home .co-about-badge{right:0}}\n\/* Continuous photo cut into six dog-ear cedar fence pickets. *\/\n.co-home .co-about-photo{padding:0 0 38px;isolation:isolate}\n.co-home .co-about-photo>img{clip-path:polygon(0% 4%,2% 0%,14% 0%,16% 4%,16% 100%,16.8% 100%,16.8% 4%,18.8% 0%,30.8% 0%,32.8% 4%,32.8% 100%,33.6% 100%,33.6% 4%,35.6% 0%,47.6% 0%,49.6% 4%,49.6% 100%,50.4% 100%,50.4% 4%,52.4% 0%,64.4% 0%,66.4% 4%,66.4% 100%,67.2% 100%,67.2% 4%,69.2% 0%,81.2% 0%,83.2% 4%,83.2% 100%,84% 100%,84% 4%,86% 0%,98% 0%,100% 4%,100% 100%,0% 100%);border-radius:0}\n.co-home .co-about-photo:before{display:none}\n.co-home .co-about-photo:after{display:none}\n@media(max-width:600px){.co-home .co-about-photo{padding:0 0 34px}}\n\/* Layered forest-green and gold fence silhouettes. *\/\n.co-home .co-about-photo{padding:0 20px 58px 0}\n.co-home .co-about-photo>img{position:relative;z-index:2}\n.co-home .co-about-photo:before,.co-home .co-about-photo:after{content:'';display:block;position:absolute;width:auto;height:auto;pointer-events:none;border:0;border-radius:0;clip-path:polygon(0% 4%,2% 0%,14% 0%,16% 4%,16% 100%,16.8% 100%,16.8% 4%,18.8% 0%,30.8% 0%,32.8% 4%,32.8% 100%,33.6% 100%,33.6% 4%,35.6% 0%,47.6% 0%,49.6% 4%,49.6% 100%,50.4% 100%,50.4% 4%,52.4% 0%,64.4% 0%,66.4% 4%,66.4% 100%,67.2% 100%,67.2% 4%,69.2% 0%,81.2% 0%,83.2% 4%,83.2% 100%,84% 100%,84% 4%,86% 0%,98% 0%,100% 4%,100% 100%,0% 100%)}\n.co-home .co-about-photo:before{inset:20px 0 38px 20px;background:#263B32;z-index:0}\n.co-home .co-about-photo:after{inset:10px 10px 48px 10px;background:#C9A34E;z-index:1}\n.co-home .co-about-badge{z-index:3}\n@media(max-width:600px){.co-home .co-about-photo{padding:0 14px 48px 0}.co-home .co-about-photo:before{inset:14px 0 34px 14px}.co-home .co-about-photo:after{inset:7px 7px 41px 7px}}\n\/* Signature outdoor-living plaque. *\/\n.co-home .co-about-badge{width:360px;min-height:200px;padding:30px 30px 28px;gap:22px;align-items:flex-start;background:linear-gradient(130deg,#2d4639 0%,#1c3026 65%,#151e19 100%);border:0;border-left:3px solid #C9A34E;right:-15px;bottom:0;overflow:hidden;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);box-shadow:0 18px 40px #15181625}\n.co-home .co-about-badge:before{content:'';position:absolute;inset:10px;border:1px solid #C9A34E35;pointer-events:none;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}\n.co-home .co-badge-emblem{width:52px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #C9A34E99;border-radius:28px 28px 3px 3px;background:#C9A34E0a;margin-top:2px;color:#D8B76B;position:relative;z-index:1}\n.co-home .co-badge-emblem i{font-size:25px}.co-home .co-badge-content{position:relative;z-index:1}.co-home .co-about-badge .co-badge-eyebrow{font:700 9px\/1.5 Manrope,Arial,sans-serif;letter-spacing:.2em;color:#D8B76B;text-transform:uppercase;margin:0 0 5px}.co-home .co-about-badge .co-badge-title{font:600 34px\/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;text-transform:none;color:#F6F3EC;margin:0;white-space:nowrap}.co-home .co-about-badge .co-badge-dot{display:inline;font:inherit;color:#D8B76B}.co-home .co-about-badge .co-badge-rule{display:block;width:34px;height:1px;background:#C9A34E;margin:15px 0 12px}.co-home .co-about-badge .co-badge-description{font:400 11px\/1.8 Manrope,Arial,sans-serif;color:#e3e6dc}.co-home .co-about-badge .co-badge-watermark{position:absolute;right:-16px;bottom:-20px;transform:rotate(-25deg);font-size:130px;color:#C9A34E0b;pointer-events:none;margin:0}\n@media(max-width:800px){.co-home .co-about-badge{width:325px;padding:27px 25px;gap:17px}.co-home .co-about-badge .co-badge-title{font-size:31px}.co-home .co-badge-emblem{width:44px;height:58px}}\n@media(max-width:600px){.co-home .co-about-photo{padding-bottom:115px}.co-home .co-about-photo:before{bottom:101px}.co-home .co-about-photo:after{bottom:108px}.co-home .co-about-badge{width:min(325px,calc(100% - 12px));right:0;min-height:190px;padding:26px 23px;gap:17px}.co-home .co-about-badge .co-badge-title{font-size:30px}.co-home .co-about-badge .co-badge-description{font-size:10px}}\n\/* Four stages, one thoughtful journey. *\/\n.co-home .co-process{background:radial-gradient(ellipse at 50% 0%,#fffdf7 0%,#F6F3EC 65%);position:relative;overflow:hidden}\n.co-home .co-process-grid{position:relative;gap:24px;padding-top:20px}\n.co-home .co-process-grid:before{content:'';position:absolute;top:55px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,#C9A34E33,#C9A34E,#C9A34E33)}\n.co-home .co-process-step{display:flex;flex-direction:column;gap:0;position:relative;padding:0 24px 28px;min-width:0;isolation:isolate}\n.co-home .co-process-step:before{content:'';position:absolute;z-index:-1;inset:58px 0 0;border:1px solid #A49B8A33;background:#fffdf8b3;border-radius:4px 22px 4px 4px;transition:background .3s,border-color .3s,box-shadow .3s}\n.co-home .co-step-no{width:70px;height:70px;border:1px solid #C9A34E;background:#F6F3EC;border-radius:50%;font:600 29px\/1 'Cormorant Garamond',Georgia,serif;color:#263B32;position:relative;margin-bottom:24px;box-shadow:0 0 0 8px #F6F3EC;transition:background .3s,color .3s,transform .3s}\n.co-home .co-step-no:after{content:'';position:absolute;inset:6px;border:1px solid #C9A34E55;border-radius:50%}\n.co-home .co-process-step .co-process-icon{font-size:24px;color:#a47d35;display:block;margin-bottom:18px;transition:transform .3s,color .3s}\nbody.elementor-kit-135 .co-home .co-process-step h3{font:600 29px\/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 13px;color:#263B32}\n.co-site.co-home .co-process-step p{font-size:13px;line-height:1.8;max-width:210px;margin:0;color:#596159}\n.co-home .co-process-step .co-step-arrow{display:none}\n.co-home .co-process-step:hover:before{background:#fffdf8;border-color:#C9A34E88;box-shadow:0 15px 35px #263B320c}.co-home .co-process-step:hover .co-step-no{background:#263B32;color:#F6F3EC;transform:translateY(-4px)}.co-home .co-process-step:hover .co-process-icon{transform:translateY(-3px);color:#263B32}\n.co-home .co-process.co-process-ready .co-process-step{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);transition-delay:var(--step-delay,0ms)}\n.co-home .co-process.co-process-ready.is-visible .co-process-step{opacity:1;transform:translateY(0)}\n.co-home .co-process.co-process-ready .co-process-grid:before{transform:scaleX(0);transform-origin:left;transition:transform 1.2s ease .15s}.co-home .co-process.co-process-ready.is-visible .co-process-grid:before{transform:scaleX(1)}\n@media(max-width:800px){.co-home .co-process-grid{gap:28px}.co-home .co-process-grid:before{display:none}.co-home .co-process-step{padding:0 24px 28px}}\n@media(max-width:600px){.co-home .co-process-grid{grid-template-columns:1fr;gap:24px;padding-top:5px}.co-home .co-process-step{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:26px 22px}.co-home .co-process-step:before{inset:0;border-radius:4px 22px 4px 4px}.co-home .co-step-no{width:54px;height:54px;font-size:25px;box-shadow:none;margin:0}.co-home .co-process-step .co-process-icon{font-size:21px;margin-bottom:12px}body.elementor-kit-135 .co-home .co-process-step h3{font-size:29px}.co-site.co-home .co-process-step p{font-size:13px;max-width:240px}}\n@media(prefers-reduced-motion:reduce){.co-home .co-process.co-process-ready .co-process-step{opacity:1;transform:none;transition:none}.co-home .co-process.co-process-ready .co-process-grid:before{transform:none;transition:none}.co-home .co-process-step:hover .co-step-no,.co-home .co-process-step:hover .co-process-icon{transform:none}}\n<\/style>\n<main class=\"co-site co-home\" id=\"main-content\">\n<section class=\"co-hero\" aria-labelledby=\"co-hero-heading\"><div class=\"co-hero-copy\"><p class=\"co-kicker\">Outdoor spaces built for real life<\/p><h1 class=\"co-hero-title\" id=\"co-hero-heading\">Design.<br>Build. <em>Enjoy.<\/em><\/h1><div class=\"co-gold-rule\"><\/div><p>Custom outdoor living spaces, landscapes, and hardscapes designed to enhance your home and the way you live.<\/p><div class=\"co-actions\"><a class=\"co-btn\" href=\"#contact\">Get a Free Estimate <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><a class=\"co-btn co-btn-outline\" href=\"#projects\">View Our Work <i class=\"fa-solid fa-circle-play\" aria-hidden=\"true\"><\/i><\/a><\/div><\/div><div class=\"co-hero-photo\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/IMG-0252.jpg\" alt=\"Custom paver patio surrounding a green backyard lawn\" fetchpriority=\"high\"><span class=\"co-photo-note\">Real spaces. Thoughtfully designed. Beautifully built.<\/span><\/div><\/section>\n<section class=\"co-features\" aria-label=\"The Creations difference\"><div class=\"co-wrap co-features-grid\"><div class=\"co-feature\"><i class=\"fa-solid fa-leaf\" aria-hidden=\"true\"><\/i><h2>Custom Design<\/h2><p>Tailored to your home<br>and your vision<\/p><\/div><div class=\"co-feature\"><i class=\"fa-solid fa-trowel-bricks\" aria-hidden=\"true\"><\/i><h2>Quality Craftsmanship<\/h2><p>Thoughtful details.<br>Lasting materials.<\/p><\/div><div class=\"co-feature\"><i class=\"fa-solid fa-mountain-sun\" aria-hidden=\"true\"><\/i><h2>Complete Outdoor Solutions<\/h2><p>From the first idea<br>to the final build<\/p><\/div><div class=\"co-feature\"><i class=\"fa-solid fa-shield-halved\" aria-hidden=\"true\"><\/i><h2>Local &amp; Trusted<\/h2><p>Rooted in Hillsboro.<br>Serving the Portland metro.<\/p><\/div><\/div><\/section>\n<section class=\"co-about\" id=\"about\"><div class=\"co-wrap co-about-grid\"><div class=\"co-about-copy\"><p class=\"co-kicker\">Transform your outdoor space<\/p><h2 class=\"co-title\">Beautiful Spaces.<br><em>Built to Last.<\/em><\/h2><p>At Creations Design &amp; Build, we create outdoor environments that bring people together. From custom patios and retaining walls to complete landscape transformations, thoughtful design meets hands-on craftsmanship.<\/p><p>As a family-owned business based in Hillsboro, we approach every project with care for your home, your land, and your vision.<\/p><a class=\"co-btn\" href=\"#process\">Discover Our Approach <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div><div class=\"co-about-photo\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/IMG-4935.jpg\" alt=\"Natural stone patio framed by mature trees and a cedar fence\" loading=\"lazy\"><div class=\"co-about-badge\"><div class=\"co-badge-emblem\"><i class=\"fa-solid fa-tree\" aria-hidden=\"true\"><\/i><\/div><div class=\"co-badge-content\"><span class=\"co-badge-eyebrow\">Custom outdoor<\/span><strong class=\"co-badge-title\">Living spaces<span class=\"co-badge-dot\">.<\/span><\/strong><span class=\"co-badge-rule\"><\/span><span class=\"co-badge-description\">Designed around your home,<br>your land, and your lifestyle.<\/span><\/div><i class=\"fa-solid fa-leaf co-badge-watermark\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div><\/section>\n<section class=\"co-services\" id=\"services\"><div class=\"co-wrap\"><div class=\"co-section-head\"><p class=\"co-kicker\">Our services<\/p><h2 class=\"co-title\">Complete Outdoor Solutions<\/h2><p>From concept to completion, we bring the details together to make your outdoor vision a reality.<\/p><\/div><div class=\"co-services-grid\"><a class=\"co-service\" href=\"#contact\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/IMG-0256.jpg\" alt=\"Spacious custom paver patio\" loading=\"lazy\"><div class=\"co-service-label\"><h3>Patios &amp; Outdoor Living<\/h3><i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/div><\/a><a class=\"co-service\" href=\"#contact\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/IMG_2361.jpg\" alt=\"Retaining wall with landscape planting\" loading=\"lazy\"><div class=\"co-service-label\"><h3>Retaining Walls<\/h3><i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/div><\/a><a class=\"co-service\" href=\"#contact\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/IMG-1990.jpg\" alt=\"Raised garden beds integrated into a landscaped patio\" loading=\"lazy\"><div class=\"co-service-label\"><h3>Landscaping<\/h3><i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/div><\/a><a class=\"co-service\" href=\"#contact\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/IMG-4932.jpg\" alt=\"Stone walkway beneath a timber pergola\" loading=\"lazy\"><div class=\"co-service-label\"><h3>Pavers &amp; Walkways<\/h3><i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/div><\/a><a class=\"co-service\" href=\"#contact\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/IMG_0870.jpg\" alt=\"Cedar privacy fence beside a green lawn\" loading=\"lazy\"><div class=\"co-service-label\"><h3>Fences &amp; Gates<\/h3><i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/div><\/a><\/div><\/div><\/section>\n<section class=\"co-projects\" id=\"projects\"><div class=\"co-wrap\"><div class=\"co-projects-head\"><div><p class=\"co-kicker\">Featured projects<\/p><h2 class=\"co-title\">Outdoor Spaces That Inspire<\/h2><\/div><a class=\"co-btn co-btn-outline\" href=\"#contact\">Plan Your Project <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div><div class=\"co-projects-grid\"><figure class=\"co-project\"><div class=\"co-project-photo\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/IMG-2528.jpg\" alt=\"Finished paver courtyard with a cedar privacy fence\" loading=\"lazy\"><\/div><figcaption><h3>Room to Unwind<\/h3><p>Patios &nbsp; | &nbsp; Pavers &nbsp; | &nbsp; Privacy<\/p><\/figcaption><\/figure><figure class=\"co-project\"><div class=\"co-project-photo\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/IMG-2364.jpg\" alt=\"Integrated warm lighting illuminating masonry steps\" loading=\"lazy\"><\/div><figcaption><h3>Details That Make a Difference<\/h3><p>Retaining Walls &nbsp; | &nbsp; Steps &nbsp; | &nbsp; Lighting<\/p><\/figcaption><\/figure><figure class=\"co-project\"><div class=\"co-project-photo\"><img decoding=\"async\" src=\"https:\/\/creationoutdoors.com\/wp-content\/uploads\/2026\/10\/homepage-header-IMG-5742.jpg\" alt=\"Front yard transformed with retaining walls and hardscaping\" loading=\"lazy\"><\/div><figcaption><h3>A Welcoming First Impression<\/h3><p>Hardscapes &nbsp; | &nbsp; Walkways &nbsp; | &nbsp; Landscapes<\/p><\/figcaption><\/figure><\/div><\/div><\/section>\n<section class=\"co-process\" id=\"process\"><div class=\"co-wrap\"><div class=\"co-section-head\"><p class=\"co-kicker\">Our process<\/p><h2 class=\"co-title\">Simple. Clear. Stress-Free.<\/h2><\/div><div class=\"co-process-grid\"><div class=\"co-process-step\"><span class=\"co-step-no\">01<\/span><div><i class=\"fa-solid fa-comments co-process-icon\" aria-hidden=\"true\"><\/i><h3>Consultation<\/h3><p>We listen to your ideas, needs, and budget.<\/p><\/div><i class=\"fa-solid fa-arrow-right co-step-arrow\" aria-hidden=\"true\"><\/i><\/div><div class=\"co-process-step\"><span class=\"co-step-no\">02<\/span><div><i class=\"fa-solid fa-drafting-compass co-process-icon\" aria-hidden=\"true\"><\/i><h3>Design<\/h3><p>A thoughtful plan, tailored to your space.<\/p><\/div><i class=\"fa-solid fa-arrow-right co-step-arrow\" aria-hidden=\"true\"><\/i><\/div><div class=\"co-process-step\"><span class=\"co-step-no\">03<\/span><div><i class=\"fa-solid fa-trowel-bricks co-process-icon\" aria-hidden=\"true\"><\/i><h3>Build<\/h3><p>Careful craftsmanship and clear communication.<\/p><\/div><i class=\"fa-solid fa-arrow-right co-step-arrow\" aria-hidden=\"true\"><\/i><\/div><div class=\"co-process-step\"><span class=\"co-step-no\">04<\/span><div><i class=\"fa-solid fa-leaf co-process-icon\" aria-hidden=\"true\"><\/i><h3>Enjoy<\/h3><p>An outdoor space made for everyday living.<\/p><\/div><\/div><\/div><\/div><\/section>\n<\/main>\n<script>\n(function(){\n var section=document.querySelector('.co-process');\n if(!section||section.dataset.motionReady)return;\n section.dataset.motionReady='true';\n if(!('IntersectionObserver' in window)||window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\n section.querySelectorAll('.co-process-step').forEach(function(step,index){step.style.setProperty('--step-delay',(index*130)+'ms');});\n section.classList.add('co-process-ready');\n var observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(entry.isIntersecting){section.classList.add('is-visible');observer.disconnect();}});},{threshold:.12});\n observer.observe(section);\n})();\n<\/script>\n<style>\n\/* Scroll-built fence: six continuous-image boards rise from their baseline. *\/\n.co-home .co-about-photo.co-fence-enhanced>img{opacity:0}\n.co-home .co-about-photo.co-fence-enhanced:before,.co-home .co-about-photo.co-fence-enhanced:after{display:none}\n.co-fence-stage{position:absolute;top:0;left:0;right:20px;height:440px;z-index:2;pointer-events:none}\n.co-fence-board{position:absolute;top:0;width:16%;height:100%;transform-origin:center bottom;transform:translateY(var(--fence-rise,0px)) scaleY(var(--fence-scale,1));opacity:var(--fence-opacity,1);will-change:transform,opacity}\n.co-fence-board:before,.co-fence-board:after,.co-fence-board-face{content:'';position:absolute;inset:0;clip-path:polygon(12.5% 0,87.5% 0,100% 4%,100% 100%,0 100%,0 4%)}\n.co-fence-board:before{background:#263B32;transform:translate(20px,20px)}\n.co-fence-board:after{background:#C9A34E;transform:translate(10px,10px)}\n.co-fence-board-face{z-index:1;background-repeat:no-repeat;background-size:var(--fence-image-width) var(--fence-image-height);background-position:var(--fence-image-x) var(--fence-image-y)}\n@media(max-width:1100px){.co-fence-stage{height:400px}}\n@media(max-width:600px){.co-fence-stage{right:14px;height:340px}.co-fence-board:before{transform:translate(14px,14px)}.co-fence-board:after{transform:translate(7px,7px)}}\n@media(prefers-reduced-motion:reduce){.co-fence-board{transform:none!important;opacity:1!important;will-change:auto}}\n<\/style>\n<script>\n(function(){\n var photo=document.querySelector('.co-about-photo'),image=photo&&photo.querySelector(':scope > img');\n if(!image||photo.querySelector('.co-fence-stage'))return;\n var stage=document.createElement('div');stage.className='co-fence-stage';stage.setAttribute('aria-hidden','true');\n var boards=[];\n for(var i=0;i<6;i++){var board=document.createElement('div');board.className='co-fence-board';board.style.left=(i*16.8)+'%';var face=document.createElement('div');face.className='co-fence-board-face';board.appendChild(face);stage.appendChild(board);boards.push(board);}\n var reduced=window.matchMedia('(prefers-reduced-motion: reduce)'),scheduled=false,ready=false;\n function layout(){\n  if(!image.naturalWidth)return;\n  var rect=image.getBoundingClientRect(),w=rect.width,h=rect.height,ratio=Math.max(w\/image.naturalWidth,h\/image.naturalHeight),iw=image.naturalWidth*ratio,ih=image.naturalHeight*ratio;\n  stage.style.width=w+'px';stage.style.height=h+'px';\n  boards.forEach(function(board,index){var face=board.firstElementChild;face.style.backgroundImage='url(\"'+image.currentSrc+'\")';face.style.setProperty('--fence-image-width',iw+'px');face.style.setProperty('--fence-image-height',ih+'px');face.style.setProperty('--fence-image-x',((w-iw)\/2-index*.168*w)+'px');face.style.setProperty('--fence-image-y',((h-ih)\/2)+'px');});\n  ready=true;photo.classList.add('co-fence-enhanced');update();\n }\n function update(){\n  scheduled=false;if(!ready)return;\n  var rect=stage.getBoundingClientRect(),vh=window.innerHeight;\n  var travel=Math.min(rect.height+vh*.35,vh*.95),progress=reduced.matches?1:Math.max(0,Math.min(1,(vh-rect.top)\/travel));\n  boards.forEach(function(board,index){var order=5-index,t=Math.max(0,Math.min(1,(progress-order*.105)\/.475)),ease=1-Math.pow(1-t,3);board.style.setProperty('--fence-scale',(.03+.97*ease).toFixed(4));board.style.setProperty('--fence-rise',((1-ease)*12).toFixed(2)+'px');board.style.setProperty('--fence-opacity',Math.min(1,t*7).toFixed(3));});\n  boards.forEach(function(board){board.style.willChange=progress>0&&progress<1?'transform,opacity':'auto';});\n }\n function requestUpdate(){if(!scheduled){scheduled=true;requestAnimationFrame(update);}}\n photo.appendChild(stage);\n image.addEventListener('load',layout);if(image.complete)layout();\n window.addEventListener('scroll',requestUpdate,{passive:true});window.addEventListener('resize',layout,{passive:true});reduced.addEventListener('change',update);\n})();\n<\/script>\n\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>Outdoor spaces built for real life Design.Build. Enjoy. Custom outdoor living spaces, landscapes, and hardscapes designed to enhance your home and the way you live. Get a Free Estimate View Our Work Real spaces. Thoughtfully designed. Beautifully built. Custom Design &hellip; <a href=\"https:\/\/creationoutdoors.com\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":-100,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creationoutdoors.com\/index.php?rest_route=\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creationoutdoors.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creationoutdoors.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creationoutdoors.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creationoutdoors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=48"}],"version-history":[{"count":43,"href":"https:\/\/creationoutdoors.com\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":290,"href":"https:\/\/creationoutdoors.com\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions\/290"}],"wp:attachment":[{"href":"https:\/\/creationoutdoors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}