{"id":1263,"date":"2026-07-13T22:53:33","date_gmt":"2026-07-13T22:53:33","guid":{"rendered":"https:\/\/jwwebsites.com\/frederick-young\/?page_id=1263"},"modified":"2026-07-13T22:53:33","modified_gmt":"2026-07-13T22:53:33","slug":"work-space-31","status":"publish","type":"page","link":"https:\/\/jwwebsites.com\/frederick-young\/work-space-31\/","title":{"rendered":"Work Space-31"},"content":{"rendered":"<div id=\"pl-1263\"  class=\"panel-layout\" ><div id=\"pg-1263-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1263-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1263-0-0-0\" class=\"so-panel widget widget_so_protected_block_widget panel-first-child panel-last-child\" data-index=\"0\" ><!-- CREATIVE BUSINESS SYSTEMS HOME PAGE \u2014 REVISED BRAND-COLOR & MOTION EDITION \u2014 paste this entire block into one SiteOrigin Custom HTML widget -->\r\n<div id=\"cbs-home\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;0,800&family=Space+Grotesk:wght@500;600;700&display=swap');\r\n#cbs-home{--charcoal:#1E2A35;--blue:#02279A;--green:#2A620A;--warm:#F8FAFC;--cool:#E9EEF3;--slate:#354250;--white:#fff;--shadow:0 24px 65px rgba(30,42,53,.15);position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:hidden;background:var(--warm);color:var(--charcoal);font-family:\"Source Sans 3\",Arial,Helvetica,sans-serif;line-height:1.68;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}\r\n#cbs-home *,#cbs-home *:before,#cbs-home *:after{box-sizing:border-box}#cbs-home img{display:block;width:100%;max-width:100%}#cbs-home a{color:inherit;text-decoration:none}#cbs-home .shell{width:min(1180px,calc(100% - 40px));margin:0 auto}#cbs-home .section{position:relative;padding:108px 0}#cbs-home h1,#cbs-home h2,#cbs-home h3,#cbs-home p{margin-top:0}#cbs-home h1{max-width:760px;margin-bottom:24px;font-size:clamp(44px,6vw,80px);line-height:1.07;letter-spacing:-.035em}#cbs-home h2{margin-bottom:22px;font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-.026em}#cbs-home h3{margin-bottom:12px;font-size:22px;line-height:1.3;letter-spacing:-.012em}#cbs-home p{color:#586575;font-size:17px;line-height:1.72}#cbs-home .blue{color:var(--blue)}#cbs-home .green{color:var(--green)}\r\n#cbs-home .kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}#cbs-home .kicker:before{content:\"\";width:38px;height:3px;border-radius:3px;background:var(--green)}#cbs-home .btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}#cbs-home .btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:800;transition:.28s ease}#cbs-home .btn:after{content:\"\u2192\";margin-left:12px;font-size:20px;transition:transform .28s ease}#cbs-home .btn:hover:after{transform:translateX(5px)}#cbs-home .primary{background:var(--blue);color:#fff;box-shadow:0 14px 34px rgba(2,39,154,.26)}#cbs-home .primary:hover{transform:translateY(-3px);background:#031E78}#cbs-home .secondary{border-color:rgba(30,42,53,.18);background:#fff;color:var(--charcoal)}#cbs-home .secondary:hover{transform:translateY(-3px);border-color:var(--green)}\r\n#cbs-home .logo{width:min(430px,100%);height:auto;object-fit:contain}\r\n#cbs-home .hero{min-height:810px;display:flex;align-items:center;isolation:isolate;background:radial-gradient(circle at 12% 10%,rgba(42,98,10,.12),transparent 31%),radial-gradient(circle at 86% 22%,rgba(2,39,154,.15),transparent 32%),linear-gradient(135deg,#fff 0%,#f7fafc 54%,#edf3f7 100%)}#cbs-home .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:74px;align-items:center;padding:70px 0}#cbs-home .brand{margin-bottom:38px}#cbs-home .hero-copy>p{max-width:650px;font-size:19px}#cbs-home .hero-visual{position:relative;min-height:580px}#cbs-home .hero-photo{position:absolute;inset:24px 0 28px 44px;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.5deg)}#cbs-home .hero-photo img{height:100%;object-fit:cover}#cbs-home .hero-photo:after{content:\"\";position:absolute;inset:0;background:linear-gradient(150deg,transparent 45%,rgba(30,42,53,.54))}#cbs-home .ui-card{position:absolute;z-index:3;padding:22px;border-radius:20px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.75);box-shadow:0 18px 45px rgba(30,42,53,.19);backdrop-filter:blur(12px)}#cbs-home .ui-card strong{display:block;font-size:15px}#cbs-home .ui-card span{color:#758294;font-size:13px}#cbs-home .card-a{right:-18px;top:70px;left:auto;bottom:auto;width:230px;animation:float 12s ease-in-out infinite}#cbs-home .mini-bar{position:relative;height:8px;margin-top:14px;overflow:hidden;border-radius:10px;background:linear-gradient(90deg,var(--charcoal) 0 25%,var(--blue) 25% 50%,var(--green) 50% 75%,var(--cool) 75% 100%);background-size:400% 100%;animation:brandStrobe 13s ease-in-out infinite;box-shadow:inset 0 0 0 1px rgba(30,42,53,.06)}#cbs-home .mini-bar:after{content:\"\";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.9) 45%,transparent 62%);transform:translateX(-130%);animation:barSweep 8.5s ease-in-out infinite}#cbs-home .dots{position:absolute;right:-45px;bottom:8px;width:170px;height:170px;opacity:.43;background-image:radial-gradient(var(--green) 1.7px,transparent 1.7px);background-size:15px 15px}\r\n#cbs-home .trust{position:relative;z-index:5;margin-top:-34px}#cbs-home .trust-inner{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);align-items:center;padding:26px 30px;border-radius:22px;background:#fff;box-shadow:var(--shadow)}#cbs-home .trust-copy strong{font-size:17px}#cbs-home .trust-item{padding:10px 24px;border-left:1px solid var(--cool);text-align:center}#cbs-home .trust-item b{display:block;font-size:24px}#cbs-home .trust-item span{color:#718091;font-size:12px;text-transform:uppercase;letter-spacing:.12em}\r\n#cbs-home .intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:54px}#cbs-home .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}#cbs-home .service{position:relative;min-height:320px;padding:34px;overflow:hidden;border-radius:26px;border:1px solid rgba(30,42,53,.10);transition:.35s ease}#cbs-home .service:hover{transform:translateY(-10px);box-shadow:var(--shadow);border-color:transparent}#cbs-home .service:nth-child(1){background:#EEF3FF;color:var(--charcoal)}#cbs-home .service:nth-child(2){background:#EEF5E9;color:var(--charcoal)}#cbs-home .service:nth-child(3){background:var(--charcoal);color:#fff}#cbs-home .service h3{color:var(--charcoal)}#cbs-home .service p{color:#4D5B6B}#cbs-home .service:nth-child(3) h3{color:#fff}#cbs-home .service:nth-child(3) p{color:#E2EAF0}#cbs-home .service-no{color:var(--blue);font-weight:900;letter-spacing:.14em}#cbs-home .service:nth-child(2) .service-no{color:var(--green)}#cbs-home .service:nth-child(3) .service-no{color:#8CA6FF}#cbs-home .service-icon{display:grid;place-items:center;width:62px;height:62px;margin:32px 0 28px;border-radius:18px;background:#DCE6FF;color:var(--blue);font-size:28px}#cbs-home .service:nth-child(2) .service-icon{background:#DCE9D5;color:var(--green)}#cbs-home .service:nth-child(3) .service-icon{background:#263B58;color:#7FA1FF}#cbs-home .service:after{content:\"\";position:absolute;right:-40px;bottom:-40px;width:130px;height:130px;border-radius:50%;border:28px solid rgba(2,39,154,.07)}#cbs-home .service:nth-child(2):after{border-color:rgba(42,98,10,.10)}#cbs-home .service:nth-child(3):after{border-color:rgba(255,255,255,.05)}\r\n#cbs-home .green-feature{padding:0 0 108px}#cbs-home .green-panel{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;min-height:590px;border-radius:34px;overflow:hidden;background:var(--charcoal);box-shadow:var(--shadow)}#cbs-home .green-image{position:relative;min-height:520px;overflow:hidden}#cbs-home .green-image img{height:100%;object-fit:cover}#cbs-home .green-image:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,42,53,.05),rgba(30,42,53,.78))}#cbs-home .green-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:70px clamp(34px,5vw,78px);color:#fff}#cbs-home .green-copy h2{color:#fff}#cbs-home .green-copy p{color:#d6e0e8}#cbs-home .green-swipe{position:absolute;z-index:1;left:45%;top:0;bottom:0;width:62%;background:linear-gradient(135deg,#397D0C,#245908);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);transform:translateX(-115%)}#cbs-home .green-trigger.is-visible .green-swipe{animation:greenIn 1.05s cubic-bezier(.22,.8,.2,1) forwards}#cbs-home .green-copy>*{opacity:0;transform:translateX(-38px)}#cbs-home .green-trigger.is-visible .green-copy>*{animation:textIn .75s ease forwards}#cbs-home .green-trigger.is-visible .green-copy>*:nth-child(2){animation-delay:.14s}#cbs-home .green-trigger.is-visible .green-copy>*:nth-child(3){animation-delay:.25s}#cbs-home .green-trigger.is-visible .green-copy>*:nth-child(4){animation-delay:.35s}\r\n#cbs-home .parallax{position:relative;min-height:660px;display:flex;align-items:center;color:#fff;background-image:linear-gradient(90deg,rgba(14,22,30,.93),rgba(14,22,30,.56)),url('https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/background.webp?ver=1784259801');background-size:cover;background-position:center;background-attachment:fixed}#cbs-home .parallax-card{width:min(660px,100%);padding:54px;border-radius:28px;background:rgba(18,28,37,.76);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}#cbs-home .parallax h2{color:#fff}#cbs-home .parallax p{color:#dbe3ea}#cbs-home .checks{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:28px}#cbs-home .check{display:flex;gap:10px;align-items:center;font-weight:700}#cbs-home .check:before{content:\"\u2713\";display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green);color:#fff;font-size:13px}\r\n#cbs-home .process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}#cbs-home .process-photo{position:relative}#cbs-home .process-photo img{height:640px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}#cbs-home .process-badge{position:absolute;right:-25px;bottom:42px;width:190px;padding:24px;border-radius:22px;background:var(--blue);color:#fff;box-shadow:0 18px 38px rgba(2,39,154,.3)}#cbs-home .process-badge strong{display:block;font-size:38px;line-height:1}#cbs-home .steps{margin-top:34px}#cbs-home .step{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 0;border-top:1px solid #dce3e9}#cbs-home .step-no{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#fff;color:var(--blue);font-weight:900;box-shadow:0 8px 18px rgba(30,42,53,.08)}#cbs-home .step p{margin-bottom:0;font-size:15px}\r\n#cbs-home .results{background:var(--charcoal);color:#fff}#cbs-home .results h2{color:#fff}#cbs-home .results p{color:#E2EAF0}#cbs-home .results .kicker{color:#8CA6FF}#cbs-home .results-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}#cbs-home .results-image img{height:520px;object-fit:cover;border-radius:30px}#cbs-home .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}#cbs-home .metric{padding:22px 15px;border-radius:18px;text-align:center;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 26px rgba(0,0,0,.14)}#cbs-home .metric:nth-child(1){background:var(--blue)}#cbs-home .metric:nth-child(2){background:var(--green)}#cbs-home .metric:nth-child(3){background:#F8FAFC}#cbs-home .metric b{display:block;font-size:28px;color:#fff}#cbs-home .metric span{color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase}#cbs-home .metric:nth-child(3) b,#cbs-home .metric:nth-child(3) span{color:var(--charcoal)}\r\n#cbs-home .cta{padding:105px 0;background:linear-gradient(135deg,#fff,#eef6fb)}#cbs-home .cta-inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:62px;overflow:hidden;border-radius:34px;background:var(--blue);color:#fff;box-shadow:0 25px 65px rgba(2,39,154,.25)}#cbs-home .cta-inner:before{content:\"\";position:absolute;right:-130px;top:-155px;width:420px;height:420px;border-radius:50%;border:72px solid rgba(42,98,10,.55)}#cbs-home .cta h2{color:#fff;margin-bottom:0}#cbs-home .cta-action{position:relative;z-index:2;text-align:right}#cbs-home .cta .btn{background:#fff;color:var(--charcoal)}\r\n#cbs-home .reveal{opacity:0;transform:translateY(38px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}#cbs-home .reveal-left{opacity:0;transform:translateX(-58px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}#cbs-home .reveal-right{opacity:0;transform:translateX(58px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}#cbs-home .is-visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes greenIn{to{transform:translateX(0)}}@keyframes textIn{to{opacity:1;transform:none}}\r\n@media(max-width:980px){#cbs-home .hero-grid,#cbs-home .intro,#cbs-home .green-panel,#cbs-home .process-grid,#cbs-home .results-grid,#cbs-home .cta-inner{grid-template-columns:1fr}#cbs-home .hero{min-height:auto}#cbs-home .hero-grid{gap:20px}#cbs-home .hero-visual{min-height:520px}#cbs-home .service-grid{grid-template-columns:1fr 1fr}#cbs-home .service:last-child{grid-column:1\/-1}#cbs-home .trust-inner{grid-template-columns:1fr 1fr}#cbs-home .trust-copy{grid-column:1\/-1;padding:10px 12px 20px;text-align:center}#cbs-home .trust-item:nth-child(2){border-left:0}#cbs-home .green-swipe{left:0;top:47%;width:100%;height:53%;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}#cbs-home .green-copy{min-height:450px}#cbs-home .cta-action{text-align:left}}\r\n@media(max-width:680px){#cbs-home .shell{width:min(100% - 28px,1180px)}#cbs-home .section{padding:76px 0}#cbs-home h1{font-size:clamp(40px,12vw,58px)}#cbs-home h2{font-size:clamp(32px,9vw,44px)}#cbs-home .brand{margin-bottom:28px}#cbs-home .hero-grid{padding:52px 0 75px}#cbs-home .hero-visual{min-height:430px}#cbs-home .hero-photo{inset:24px 0 18px 12px}#cbs-home .card-a{right:0;top:45px;left:auto;bottom:auto;width:185px;padding:16px}#cbs-home .service-grid,#cbs-home .metrics,#cbs-home .checks{grid-template-columns:1fr}#cbs-home .service:last-child{grid-column:auto}#cbs-home .trust-inner{grid-template-columns:1fr;padding:20px}#cbs-home .trust-item{border-left:0;border-top:1px solid var(--cool)}#cbs-home .green-panel{border-radius:24px}#cbs-home .green-image{min-height:360px}#cbs-home .green-copy{padding:50px 26px}#cbs-home .parallax{min-height:600px;background-attachment:scroll}#cbs-home .parallax-card{padding:34px 24px}#cbs-home .process-photo img{height:470px}#cbs-home .process-badge{right:12px;bottom:20px}#cbs-home .cta-inner{padding:42px 25px}#cbs-home .btns{flex-direction:column;align-items:stretch}#cbs-home .btn{width:100%}}\r\n@media(prefers-reduced-motion:reduce){#cbs-home *,#cbs-home *:before,#cbs-home *:after{animation:none!important;transition:none!important}#cbs-home .reveal,#cbs-home .reveal-left,#cbs-home .reveal-right,#cbs-home .green-copy>*{opacity:1!important;transform:none!important}#cbs-home .green-swipe{transform:none!important}#cbs-home .mini-bar,#cbs-home .mini-bar:after{animation:none!important}}\r\n\r\n\/* Enhanced brand personality and Work-Space-15-inspired motion *\/\r\n#cbs-home .hero{position:relative;overflow:hidden;background:\r\n radial-gradient(circle at 8% 18%,rgba(42,98,10,.13),transparent 30%),\r\n radial-gradient(circle at 88% 12%,rgba(2,39,154,.16),transparent 32%),\r\n linear-gradient(135deg,#fff 0%,#f7f9fc 48%,#e9eef5 100%)}\r\n#cbs-home .hero:before{content:\"\";position:absolute;left:-9vw;top:16%;width:31vw;height:31vw;min-width:330px;min-height:330px;border:1px solid rgba(2,39,154,.12);border-radius:50%;box-shadow:0 0 0 54px rgba(2,39,154,.025),0 0 0 108px rgba(42,98,10,.022);animation:heroRing 14s linear infinite;pointer-events:none}\r\n#cbs-home .hero:after{content:\"\";position:absolute;right:-8vw;bottom:-24%;width:42vw;height:42vw;min-width:440px;min-height:440px;border-radius:50%;background:conic-gradient(from 210deg,rgba(2,39,154,.22),rgba(42,98,10,.16),transparent 64%);filter:blur(1px);opacity:.58;animation:heroOrb 10s ease-in-out infinite alternate;pointer-events:none}\r\n#cbs-home .hero-grid{position:relative;z-index:2}\r\n#cbs-home .brand{position:relative;display:inline-block;padding:15px 20px 15px 0}\r\n#cbs-home .brand:after{content:\"\";position:absolute;left:0;right:8%;bottom:0;height:18px;border-radius:10px;background:linear-gradient(90deg,var(--blue) 0 34%,var(--green) 50% 66%,var(--blue) 82% 100%);background-size:300% 100%;transform-origin:left;animation:brandLine 1.1s .35s cubic-bezier(.2,.75,.2,1) both,brandBarFlow 9s 1.45s linear infinite}\r\n#cbs-home .logo{width:min(440px,100%);height:auto;filter:drop-shadow(0 10px 24px rgba(30,42,53,.10));animation:logoEnter .9s cubic-bezier(.16,.82,.24,1) both}\r\n#cbs-home .hero-copy .kicker{animation:heroText .75s .18s both}\r\n#cbs-home .hero-copy h1{animation:heroText .88s .28s cubic-bezier(.16,.82,.24,1) both}\r\n#cbs-home .hero-copy>p{animation:heroText .88s .40s cubic-bezier(.16,.82,.24,1) both}\r\n#cbs-home .hero-copy .btns{animation:heroText .88s .52s cubic-bezier(.16,.82,.24,1) both}\r\n#cbs-home .hero-photo{transform:rotate(1.5deg) scale(.94);opacity:0;animation:photoReveal 1.05s .28s cubic-bezier(.16,.82,.24,1) forwards;isolation:isolate}\r\n#cbs-home .hero-photo:before{content:\"\";position:absolute;z-index:2;inset:0;background:linear-gradient(108deg,rgba(2,39,154,.22),transparent 44%,rgba(42,98,10,.19));mix-blend-mode:multiply;pointer-events:none}\r\n#cbs-home .hero-photo img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}\r\n#cbs-home .hero-visual:hover .hero-photo img{transform:scale(1.045)}\r\n#cbs-home .hero-browser{position:absolute;z-index:4;left:26px;right:34px;top:0;height:48px;border-radius:18px 18px 0 0;background:rgba(30,42,53,.95);box-shadow:0 12px 28px rgba(30,42,53,.22);display:flex;align-items:center;padding:0 17px;gap:8px;transform:translateY(-16px);animation:browserDrop .8s .58s cubic-bezier(.2,.75,.2,1) both}\r\n#cbs-home .hero-browser i{display:block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.34)}\r\n#cbs-home .hero-browser i:nth-child(1){background:var(--blue)}#cbs-home .hero-browser i:nth-child(2){background:var(--green)}\r\n#cbs-home .hero-browser span{margin-left:8px;color:#dce4eb;font-size:11px;letter-spacing:.08em;text-transform:uppercase}\r\n#cbs-home .hero-pulse{position:absolute;z-index:5;right:18px;bottom:12px;width:74px;height:74px;border-radius:50%;border:1px solid rgba(42,98,10,.55);animation:pulse 2.6s ease-out infinite;pointer-events:none}\r\n#cbs-home .hero-pulse:after{content:\"\";position:absolute;inset:20px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(255,255,255,.75)}\r\n#cbs-home .ui-card{transition:transform .35s ease,box-shadow .35s ease}\r\n#cbs-home .ui-card:hover{transform:translateY(-7px)!important;box-shadow:0 24px 54px rgba(30,42,53,.25)}\r\n\r\n\/* Left-origin feature reveal modeled on the referenced fifth-row animation *\/\r\n#cbs-home .green-panel{background:linear-gradient(130deg,#17232d,#1E2A35 58%,#152129);border:1px solid rgba(255,255,255,.06)}\r\n#cbs-home .green-panel:before{content:\"\";position:absolute;z-index:3;left:0;top:0;bottom:0;width:9px;background:linear-gradient(var(--blue),var(--green));transform:scaleY(0);transform-origin:top;transition:transform .85s .65s cubic-bezier(.2,.75,.2,1)}\r\n#cbs-home .green-trigger.is-visible:before{transform:scaleY(1)}\r\n#cbs-home .green-swipe{left:39%;width:68%;background:linear-gradient(128deg,#397D0C,#2A620A 56%,#214d08);clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);box-shadow:-28px 0 70px rgba(0,0,0,.18)}\r\n#cbs-home .green-trigger.is-visible .green-swipe{animation:greenIn 1.12s cubic-bezier(.16,.82,.24,1) forwards}\r\n\r\n\r\n#cbs-home .green-copy{padding-left:clamp(62px,6vw,94px)}\r\n#cbs-home .green-copy .btn{box-shadow:0 15px 34px rgba(15,28,37,.22)}\r\n#cbs-home .green-copy .btn:hover{background:var(--blue)!important;color:#fff!important}\r\n\r\n@keyframes brandStrobe{0%{background-position:0 0}100%{background-position:400% 0}}\r\n@keyframes barSweep{0%,25%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}\r\n@keyframes heroRing{to{transform:rotate(360deg)}}\r\n@keyframes heroOrb{0%{transform:translate3d(0,0,0) scale(.94)}100%{transform:translate3d(-34px,-26px,0) scale(1.06)}}\r\n@keyframes logoEnter{0%{opacity:0;transform:translateX(-34px) scale(.97)}100%{opacity:1;transform:none}}\r\n@keyframes brandLine{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes brandBarFlow{0%{background-position:0% 50%}100%{background-position:300% 50%}}\r\n@keyframes heroText{0%{opacity:0;transform:translateY(26px)}100%{opacity:1;transform:none}}\r\n@keyframes photoReveal{0%{opacity:0;transform:translateX(70px) rotate(4deg) scale(.92)}100%{opacity:1;transform:rotate(1.5deg) scale(1)}}\r\n@keyframes browserDrop{0%{opacity:0;transform:translateY(-48px)}100%{opacity:1;transform:translateY(-16px)}}\r\n@keyframes pulse{0%{transform:scale(.72);opacity:.9}75%,100%{transform:scale(1.35);opacity:0}}\r\n\r\n@media(max-width:980px){#cbs-home .hero:before{left:-190px;top:5%}#cbs-home .hero:after{right:-230px;bottom:-10%}#cbs-home .green-copy{padding-left:clamp(34px,5vw,62px)}}\r\n@media(max-width:680px){#cbs-home .hero-browser{left:8px;right:8px;height:42px}#cbs-home .hero-pulse{right:0;bottom:0}#cbs-home .brand{padding-right:0}#cbs-home .green-panel:before{width:6px}}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL MOTION REFINEMENTS\r\n   Hero cards: deliberately slow, subtle motion.\r\n   Green feature: full-width left-slide reveal inspired by the\r\n   supplied fifth-row reference, recolored for CBS branding.\r\n   ========================================================= *\/\r\n#cbs-home .ui-card{\r\n  transition:box-shadow .55s ease,background-color .55s ease;\r\n}\r\n#cbs-home .ui-card:hover{\r\n  box-shadow:0 22px 52px rgba(30,42,53,.21);\r\n}\r\n#cbs-home .mini-bar{\r\n  height:7px;\r\n  background:linear-gradient(90deg,\r\n    var(--charcoal) 0 22%,\r\n    var(--blue) 28% 49%,\r\n    var(--green) 56% 77%,\r\n    var(--cool) 84% 100%);\r\n  background-size:300% 100%;\r\n  animation:brandStrobe 13s cubic-bezier(.45,.05,.35,.95) infinite;\r\n}\r\n#cbs-home .mini-bar:after{\r\n  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.52) 48%,transparent 61%);\r\n  animation:barSweep 8.5s ease-in-out infinite;\r\n}\r\n\r\n#cbs-home .green-feature{\r\n  position:relative;\r\n  padding:0;\r\n  background:var(--charcoal);\r\n}\r\n#cbs-home .green-shell{\r\n  width:100%;\r\n  max-width:none;\r\n}\r\n#cbs-home .green-panel{\r\n  display:block;\r\n  min-height:700px;\r\n  border-radius:0;\r\n  box-shadow:none;\r\n  isolation:isolate;\r\n  background:var(--charcoal);\r\n}\r\n#cbs-home .green-image{\r\n  position:absolute;\r\n  z-index:0;\r\n  top:0;\r\n  right:0;\r\n  bottom:0;\r\n  width:46%;\r\n  min-height:0;\r\n  opacity:0;\r\n  transform:translateX(70px) scale(1.05);\r\n  transition:opacity 1.1s ease 1.05s,transform 1.35s cubic-bezier(.18,.72,.18,1) 1s;\r\n  clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);\r\n}\r\n#cbs-home .green-trigger.is-visible .green-image{\r\n  opacity:.34;\r\n  transform:translateX(0) scale(1);\r\n}\r\n#cbs-home .green-image img{\r\n  filter:saturate(.72) contrast(1.05);\r\n}\r\n#cbs-home .green-image:after{\r\n  background:linear-gradient(90deg,var(--green) 0%,rgba(42,98,10,.68) 36%,rgba(30,42,53,.78) 100%);\r\n}\r\n#cbs-home .green-swipe{\r\n  z-index:1;\r\n  left:0;\r\n  top:0;\r\n  bottom:0;\r\n  width:100%;\r\n  height:auto;\r\n  background:linear-gradient(118deg,#214E08 0%,var(--green) 46%,#347A0D 100%);\r\n  clip-path:polygon(0 0,86% 0,100% 100%,0 100%);\r\n  transform:translateX(-106%);\r\n  will-change:transform;\r\n}\r\n#cbs-home .green-trigger.is-visible .green-swipe{\r\n  animation:greenStageSlide 1.35s cubic-bezier(.18,.78,.16,1) forwards;\r\n}\r\n#cbs-home .green-copy{\r\n  position:relative;\r\n  z-index:4;\r\n  width:min(1180px,calc(100% - 40px));\r\n  min-height:700px;\r\n  margin:0 auto;\r\n  padding:112px min(10vw,145px) 105px 0;\r\n  justify-content:center;\r\n  color:#fff;\r\n}\r\n#cbs-home .green-copy>*{\r\n  max-width:780px;\r\n  opacity:0;\r\n  transform:translateX(-86px);\r\n}\r\n#cbs-home .green-trigger.is-visible .green-copy>*{\r\n  animation:greenContentSlide .88s cubic-bezier(.18,.72,.18,1) forwards;\r\n}\r\n#cbs-home .green-trigger.is-visible .green-copy>*:nth-child(1){animation-delay:.72s}\r\n#cbs-home .green-trigger.is-visible .green-copy>*:nth-child(2){animation-delay:.87s}\r\n#cbs-home .green-trigger.is-visible .green-copy>*:nth-child(3){animation-delay:1.02s}\r\n#cbs-home .green-trigger.is-visible .green-copy>*:nth-child(4){animation-delay:1.16s}\r\n#cbs-home .green-copy .kicker{color:#fff!important}\r\n#cbs-home .green-copy .kicker:before{background:#9BCB72}\r\n#cbs-home .green-copy h2{\r\n  max-width:880px;\r\n  font-size:clamp(43px,5.25vw,76px);\r\n  line-height:1.03;\r\n  letter-spacing:-.048em;\r\n  color:#fff;\r\n  text-wrap:balance;\r\n}\r\n#cbs-home .green-copy p{\r\n  max-width:760px;\r\n  color:#F1F6ED;\r\n  font-size:18px;\r\n}\r\n#cbs-home .green-copy .btn{\r\n  background:#fff!important;\r\n  color:var(--charcoal)!important;\r\n  border-color:#fff;\r\n}\r\n#cbs-home .green-copy .btn:hover{\r\n  background:var(--blue)!important;\r\n  color:#fff!important;\r\n  border-color:var(--blue);\r\n}\r\n#cbs-home .green-arc{\r\n  position:absolute;\r\n  z-index:2;\r\n  top:-180px;\r\n  right:20%;\r\n  width:700px;\r\n  height:900px;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  border-radius:50%;\r\n  opacity:0;\r\n  transform:translateX(80px);\r\n}\r\n#cbs-home .green-trigger.is-visible .green-arc{\r\n  animation:decorFade 1.2s ease 1.15s forwards;\r\n}\r\n#cbs-home .green-dot-field{\r\n  position:absolute;\r\n  z-index:3;\r\n  right:7.5%;\r\n  top:31%;\r\n  width:260px;\r\n  height:260px;\r\n  opacity:0;\r\n  background-image:radial-gradient(rgba(17,44,4,.74) 3px,transparent 3.2px);\r\n  background-size:20px 20px;\r\n  transform:translateX(55px);\r\n}\r\n#cbs-home .green-trigger.is-visible .green-dot-field{\r\n  animation:decorFade 1.15s ease 1.28s forwards;\r\n}\r\n#cbs-home .green-side-label{\r\n  position:absolute;\r\n  z-index:5;\r\n  top:50%;\r\n  right:28px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:18px;\r\n  color:#fff;\r\n  font-size:11px;\r\n  font-weight:900;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n  writing-mode:vertical-rl;\r\n  transform:translateY(-50%) translateX(45px);\r\n  opacity:0;\r\n}\r\n#cbs-home .green-side-label i{\r\n  display:block;\r\n  width:1px;\r\n  height:62px;\r\n  background:rgba(255,255,255,.72);\r\n}\r\n#cbs-home .green-trigger.is-visible .green-side-label{\r\n  animation:sideLabelIn .75s ease 1.42s forwards;\r\n}\r\n\r\n@keyframes greenStageSlide{\r\n  0%{transform:translateX(-106%)}\r\n  100%{transform:translateX(-14%)}\r\n}\r\n@keyframes greenContentSlide{\r\n  0%{opacity:0;transform:translateX(-86px)}\r\n  100%{opacity:1;transform:translateX(0)}\r\n}\r\n@keyframes decorFade{\r\n  0%{opacity:0;transform:translateX(80px)}\r\n  100%{opacity:1;transform:translateX(0)}\r\n}\r\n@keyframes sideLabelIn{\r\n  0%{opacity:0;transform:translateY(-50%) translateX(45px)}\r\n  100%{opacity:1;transform:translateY(-50%) translateX(0)}\r\n}\r\n@keyframes brandStrobe{\r\n  0%,12%{background-position:0% 50%;filter:saturate(.9)}\r\n  33%{background-position:50% 50%;filter:saturate(1)}\r\n  62%{background-position:100% 50%;filter:saturate(.96)}\r\n  100%{background-position:200% 50%;filter:saturate(.9)}\r\n}\r\n@keyframes barSweep{\r\n  0%,54%{transform:translateX(-145%);opacity:0}\r\n  60%{opacity:.45}\r\n  78%{transform:translateX(145%);opacity:.18}\r\n  100%{transform:translateX(145%);opacity:0}\r\n}\r\n@keyframes float{\r\n  0%,100%{transform:translateY(0) rotate(0deg)}\r\n  50%{transform:translateY(-6px) rotate(.15deg)}\r\n}\r\n\r\n@media(max-width:980px){\r\n  #cbs-home .green-panel{min-height:720px}\r\n  #cbs-home .green-image{width:58%;opacity:0;clip-path:polygon(28% 0,100% 0,100% 100%,8% 100%)}\r\n  #cbs-home .green-trigger.is-visible .green-image{opacity:.23}\r\n  #cbs-home .green-copy{width:min(100% - 40px,1180px);min-height:720px;padding:90px 72px 86px 0}\r\n  #cbs-home .green-swipe{clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}\r\n  #cbs-home .green-dot-field{right:2%;top:38%;transform:scale(.75) translateX(55px)}\r\n  #cbs-home .green-side-label{display:none}\r\n}\r\n@media(max-width:680px){\r\n  #cbs-home .green-panel{min-height:auto}\r\n  #cbs-home .green-image{position:absolute;width:100%;height:100%;clip-path:none;opacity:0}\r\n  #cbs-home .green-trigger.is-visible .green-image{opacity:.13}\r\n  #cbs-home .green-swipe{clip-path:none}\r\n  #cbs-home .green-copy{width:min(100% - 28px,1180px);min-height:610px;padding:74px 0 66px}\r\n  #cbs-home .green-copy h2{font-size:clamp(38px,12vw,55px)}\r\n  #cbs-home .green-copy p{font-size:16px}\r\n  #cbs-home .green-dot-field{right:-72px;top:56%;transform:scale(.56) translateX(55px)}\r\n  #cbs-home .green-arc{right:-420px;top:-80px}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #cbs-home .card-a,#cbs-home .mini-bar,#cbs-home .mini-bar:after{animation:none!important}\r\n  #cbs-home .green-swipe{transform:translateX(-14%)!important}\r\n  #cbs-home .green-copy>*{opacity:1!important;transform:none!important}\r\n  #cbs-home .green-image{opacity:.28!important;transform:none!important}\r\n  #cbs-home .green-arc,#cbs-home .green-dot-field,#cbs-home .green-side-label{opacity:1!important;transform:none!important}\r\n}\r\n\r\n\r\n\/* HERO WIDTH ADJUSTMENT \u2014 desktop only *\/\r\n@media(min-width:981px){\r\n  #cbs-home .hero{\r\n    min-height:720px;\r\n  }\r\n  #cbs-home .hero .shell{\r\n    width:min(1540px,calc(100% - 48px));\r\n    max-width:none;\r\n  }\r\n  #cbs-home .hero-grid{\r\n    grid-template-columns:minmax(460px,.82fr) minmax(620px,1.18fr);\r\n    gap:54px;\r\n    padding:20px 0 70px;\r\n  }\r\n  #cbs-home .hero-visual{\r\n    min-height:610px;\r\n  }\r\n  #cbs-home .hero-photo{\r\n    inset:24px 0 28px 28px;\r\n  }\r\n}\r\n\/* RESPONSIVE CARD POSITION \u2014 desktop only\r\n   Places the card to the right of the Strategy \u2022 Design \u2022 Development bar\r\n   with approximately one inch of clear space between them. *\/\r\n@media(min-width:981px){\r\n  #cbs-home .hero-browser{\r\n    right:360px;\r\n  }\r\n  #cbs-home .card-a{\r\n    top:-64px;\r\n    right:226px;\r\n    left:auto;\r\n    bottom:auto;\r\n  }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REQUESTED FINAL CORRECTIONS\r\n   1. Feature slide uses the site's digital blue.\r\n   2. Third service card matches the first card with strong contrast.\r\n   3. Hero strategy header is shortened and separated from the card.\r\n   ========================================================= *\/\r\n#cbs-home .green-swipe{\r\n  background:linear-gradient(118deg,#011B70 0%,var(--blue) 48%,#063DBB 100%);\r\n}\r\n#cbs-home .green-image:after{\r\n  background:linear-gradient(90deg,var(--blue) 0%,rgba(2,39,154,.72) 38%,rgba(30,42,53,.82) 100%);\r\n}\r\n#cbs-home .green-panel:before{\r\n  background:linear-gradient(var(--blue),#0A4BD0);\r\n}\r\n#cbs-home .green-copy .kicker:before{\r\n  background:#8CA6FF;\r\n}\r\n\r\n#cbs-home .service:nth-child(3){\r\n  background:#EEF3FF;\r\n  color:var(--charcoal);\r\n}\r\n#cbs-home .service:nth-child(3) h3{\r\n  color:var(--charcoal);\r\n}\r\n#cbs-home .service:nth-child(3) p{\r\n  color:#4D5B6B;\r\n}\r\n#cbs-home .service:nth-child(3) .service-no{\r\n  color:var(--blue);\r\n}\r\n#cbs-home .service:nth-child(3) .service-icon{\r\n  background:#DCE6FF;\r\n  color:var(--blue);\r\n}\r\n#cbs-home .service:nth-child(3):after{\r\n  border-color:rgba(2,39,154,.07);\r\n}\r\n\r\n@media(min-width:981px){\r\n  #cbs-home .hero-browser{\r\n    right:450px;\r\n  }\r\n  #cbs-home .card-a{\r\n    top:-64px;\r\n    right:178px;\r\n    left:auto;\r\n    bottom:auto;\r\n  }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO IMAGE FIT + LOGO BAR STROBE \u2014 FINAL ADJUSTMENT ONLY\r\n   ========================================================= *\/\r\n#cbs-home .hero-photo{\r\n  background:#fff;\r\n}\r\n#cbs-home .hero-photo img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:contain;\r\n  object-position:center center;\r\n  transform:none!important;\r\n}\r\n#cbs-home .hero-visual:hover .hero-photo img{\r\n  transform:none!important;\r\n}\r\n#cbs-home .brand:after{\r\n  background:linear-gradient(90deg,\r\n    var(--blue) 0 33.333%,\r\n    var(--green) 33.333% 66.666%,\r\n    var(--charcoal) 66.666% 100%);\r\n  background-size:300% 100%;\r\n  animation:brandLine 1.1s .35s cubic-bezier(.2,.75,.2,1) both,\r\n            logoBarStrobe 4.8s 1.45s steps(1,end) infinite;\r\n  box-shadow:0 0 12px rgba(2,39,154,.22);\r\n}\r\n@keyframes logoBarStrobe{\r\n  0%,24%{\r\n    background-position:0% 50%;\r\n    filter:brightness(1) saturate(1);\r\n    box-shadow:0 0 10px rgba(2,39,154,.24);\r\n  }\r\n  25%,49%{\r\n    background-position:50% 50%;\r\n    filter:brightness(1.16) saturate(1.12);\r\n    box-shadow:0 0 14px rgba(42,98,10,.28);\r\n  }\r\n  50%,74%{\r\n    background-position:100% 50%;\r\n    filter:brightness(.95) saturate(.92);\r\n    box-shadow:0 0 12px rgba(30,42,53,.24);\r\n  }\r\n  75%,84%{\r\n    background-position:50% 50%;\r\n    filter:brightness(1.28) saturate(1.18);\r\n    box-shadow:0 0 18px rgba(42,98,10,.34);\r\n  }\r\n  85%,100%{\r\n    background-position:0% 50%;\r\n    filter:brightness(1.22) saturate(1.14);\r\n    box-shadow:0 0 18px rgba(2,39,154,.34);\r\n  }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #cbs-home .brand:after{\r\n    animation:none!important;\r\n    transform:scaleX(1)!important;\r\n  }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTRO BALANCE + HERO IMAGE-INTEGRATED STRATEGY HEADER\r\n   Adds visual personality without changing any page content.\r\n   ========================================================= *\/\r\n#cbs-home .intro{\r\n  position:relative;\r\n  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);\r\n  gap:46px;\r\n  align-items:stretch;\r\n  margin-bottom:54px;\r\n  padding:52px;\r\n  overflow:hidden;\r\n  border:1px solid rgba(30,42,53,.08);\r\n  border-radius:34px;\r\n  background:\r\n    radial-gradient(circle at 88% 12%,rgba(2,39,154,.12),transparent 29%),\r\n    radial-gradient(circle at 71% 96%,rgba(42,98,10,.10),transparent 31%),\r\n    linear-gradient(135deg,#ffffff 0%,#f4f7fb 58%,#eef3f8 100%);\r\n  box-shadow:0 22px 58px rgba(30,42,53,.10);\r\n  isolation:isolate;\r\n}\r\n#cbs-home .intro:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:0;\r\n  right:-130px;\r\n  top:-175px;\r\n  width:430px;\r\n  height:430px;\r\n  border:1px solid rgba(2,39,154,.13);\r\n  border-radius:50%;\r\n  box-shadow:0 0 0 44px rgba(2,39,154,.025),0 0 0 88px rgba(42,98,10,.018);\r\n  pointer-events:none;\r\n}\r\n#cbs-home .intro:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:0;\r\n  left:46%;\r\n  bottom:34px;\r\n  width:152px;\r\n  height:92px;\r\n  opacity:.32;\r\n  background-image:radial-gradient(var(--blue) 1.5px,transparent 1.7px);\r\n  background-size:13px 13px;\r\n  pointer-events:none;\r\n}\r\n#cbs-home .intro>div{\r\n  position:relative;\r\n  z-index:2;\r\n  min-width:0;\r\n}\r\n#cbs-home .intro>div:first-child{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  padding:12px 4px;\r\n}\r\n#cbs-home .intro>div:first-child h2{\r\n  max-width:610px;\r\n  margin-bottom:0;\r\n}\r\n#cbs-home .intro>div:last-child{\r\n  display:flex;\r\n  align-items:center;\r\n  min-height:330px;\r\n  padding:48px 52px;\r\n  overflow:hidden;\r\n  border-radius:28px;\r\n  background:\r\n    linear-gradient(145deg,rgba(30,42,53,.98),rgba(38,55,71,.96));\r\n  box-shadow:0 20px 44px rgba(30,42,53,.20);\r\n  isolation:isolate;\r\n}\r\n#cbs-home .intro>div:last-child:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:-1;\r\n  right:-72px;\r\n  top:-92px;\r\n  width:270px;\r\n  height:270px;\r\n  border:34px solid rgba(2,39,154,.26);\r\n  border-radius:50%;\r\n}\r\n#cbs-home .intro>div:last-child:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:-1;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  height:7px;\r\n  background:linear-gradient(90deg,var(--blue) 0 50%,var(--green) 50% 100%);\r\n}\r\n#cbs-home .intro>div:last-child p{\r\n  position:relative;\r\n  max-width:650px;\r\n  margin:0;\r\n  padding-left:28px;\r\n  color:#F3F7FA;\r\n  font-size:clamp(18px,1.35vw,22px);\r\n  line-height:1.75;\r\n}\r\n#cbs-home .intro>div:last-child p:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:.18em;\r\n  bottom:.18em;\r\n  width:4px;\r\n  border-radius:5px;\r\n  background:linear-gradient(var(--blue),var(--green));\r\n}\r\n\r\n\/* Make the strategy strip read as a built-in part of the hero image. *\/\r\n#cbs-home .hero-browser{\r\n  left:28px;\r\n  top:24px;\r\n  right:450px;\r\n  height:52px;\r\n  transform:none;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  border-bottom-color:rgba(255,255,255,.08);\r\n  border-radius:32px 0 18px 0;\r\n  background:linear-gradient(90deg,rgba(30,42,53,.97),rgba(30,42,53,.90));\r\n  box-shadow:0 10px 24px rgba(30,42,53,.16);\r\n  animation:browserEmbed .85s .58s cubic-bezier(.2,.75,.2,1) both;\r\n  backdrop-filter:blur(7px);\r\n}\r\n#cbs-home .hero-browser:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  height:3px;\r\n  background:linear-gradient(90deg,var(--blue),var(--green));\r\n}\r\n@keyframes browserEmbed{\r\n  0%{opacity:0;transform:translateY(-18px)}\r\n  100%{opacity:1;transform:translateY(0)}\r\n}\r\n\r\n@media(max-width:980px){\r\n  #cbs-home .intro{\r\n    grid-template-columns:1fr;\r\n    gap:30px;\r\n    padding:40px;\r\n  }\r\n  #cbs-home .intro>div:last-child{\r\n    min-height:260px;\r\n  }\r\n  #cbs-home .hero-browser{\r\n    left:12px;\r\n    right:260px;\r\n    top:24px;\r\n    border-radius:28px 0 16px 0;\r\n  }\r\n}\r\n@media(max-width:680px){\r\n  #cbs-home .intro{\r\n    gap:24px;\r\n    padding:26px 20px;\r\n    border-radius:24px;\r\n  }\r\n  #cbs-home .intro:after{display:none}\r\n  #cbs-home .intro>div:last-child{\r\n    min-height:0;\r\n    padding:32px 24px;\r\n    border-radius:22px;\r\n  }\r\n  #cbs-home .intro>div:last-child p{\r\n    padding-left:20px;\r\n    font-size:17px;\r\n  }\r\n  #cbs-home .hero-browser{\r\n    left:12px;\r\n    right:12px;\r\n    top:24px;\r\n    height:44px;\r\n    border-radius:24px 24px 0 0;\r\n  }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #cbs-home .hero-browser{animation:none!important;opacity:1!important;transform:none!important}\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STRATEGY STRIP CLEANUP \u2014 REQUESTED ADJUSTMENT ONLY\r\n   Removes decorative dots and the blue\/green underline, then\r\n   refines the strip so it sits cleanly within the hero image.\r\n   ========================================================= *\/\r\n#cbs-home .hero-browser{\r\n  left:28px;\r\n  right:450px;\r\n  top:30px;\r\n  height:50px;\r\n  padding:0 24px;\r\n  gap:0;\r\n  border:1px solid rgba(255,255,255,.12);\r\n  border-radius:24px 10px 10px 10px;\r\n  background:rgba(30,42,53,.94);\r\n  box-shadow:0 10px 24px rgba(30,42,53,.16);\r\n  backdrop-filter:blur(5px);\r\n}\r\n#cbs-home .hero-browser i{display:none!important;}\r\n#cbs-home .hero-browser:after{display:none!important;content:none!important;}\r\n#cbs-home .hero-browser span{\r\n  margin-left:0;\r\n  color:#E7EDF2;\r\n  font-size:12px;\r\n  line-height:1;\r\n  letter-spacing:.09em;\r\n  white-space:nowrap;\r\n}\r\n@media(max-width:980px){\r\n  #cbs-home .hero-browser{\r\n    left:16px;\r\n    right:260px;\r\n    top:28px;\r\n    height:48px;\r\n    padding:0 20px;\r\n    border-radius:20px 8px 8px 8px;\r\n  }\r\n}\r\n@media(max-width:680px){\r\n  #cbs-home .hero-browser{\r\n    left:12px;\r\n    right:12px;\r\n    top:24px;\r\n    height:44px;\r\n    padding:0 16px;\r\n    border-radius:18px 18px 8px 8px;\r\n  }\r\n  #cbs-home .hero-browser span{\r\n    font-size:10px;\r\n    letter-spacing:.065em;\r\n    white-space:normal;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO ALIGNMENT + SEQUENTIAL STATUS DOTS\r\n   Requested adjustment only: removes all hero-image rotation\r\n   and restores the three strip dots with a restrained sequence.\r\n   ========================================================= *\/\r\n#cbs-home .hero-photo{\r\n  transform:rotate(0deg) scale(.94);\r\n}\r\n#cbs-home .hero-photo.is-visible,\r\n#cbs-home .hero-visual.is-visible .hero-photo{\r\n  transform:rotate(0deg) scale(1);\r\n}\r\n#cbs-home .hero-visual:hover .hero-photo img{\r\n  transform:none;\r\n}\r\n#cbs-home .hero-browser{\r\n  gap:11px;\r\n}\r\n#cbs-home .hero-browser i{\r\n  display:block!important;\r\n  flex:0 0 auto;\r\n  width:13px;\r\n  height:13px;\r\n  border-radius:50%;\r\n  opacity:.42;\r\n  box-shadow:0 0 0 0 transparent;\r\n  animation:cbsDotSequence 3.6s ease-in-out infinite;\r\n}\r\n#cbs-home .hero-browser i:nth-child(1){\r\n  background:var(--blue);\r\n  animation-delay:0s;\r\n}\r\n#cbs-home .hero-browser i:nth-child(2){\r\n  background:var(--green);\r\n  animation-delay:1.2s;\r\n}\r\n#cbs-home .hero-browser i:nth-child(3){\r\n  background:#9AA6B2;\r\n  animation-delay:2.4s;\r\n}\r\n#cbs-home .hero-browser span{\r\n  margin-left:8px;\r\n}\r\n@keyframes photoReveal{\r\n  0%{opacity:0;transform:translateX(70px) rotate(0deg) scale(.92)}\r\n  100%{opacity:1;transform:translateX(0) rotate(0deg) scale(1)}\r\n}\r\n@keyframes cbsDotSequence{\r\n  0%,22%,100%{\r\n    opacity:.42;\r\n    transform:scale(1);\r\n    box-shadow:0 0 0 0 transparent;\r\n  }\r\n  7%,14%{\r\n    opacity:1;\r\n    transform:scale(1.18);\r\n    box-shadow:0 0 0 6px rgba(255,255,255,.12),0 0 18px currentColor;\r\n  }\r\n}\r\n@media(max-width:680px){\r\n  #cbs-home .hero-browser{gap:8px;}\r\n  #cbs-home .hero-browser i{width:10px;height:10px;}\r\n  #cbs-home .hero-browser span{margin-left:5px;}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #cbs-home .hero-browser i{\r\n    animation:none!important;\r\n    opacity:1;\r\n    transform:none;\r\n    box-shadow:none;\r\n  }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FINAL FEATURE-SLIDE REFINEMENT\r\n   Stops the blue panel before the matrix and increases the\r\n   matrix contrast over the exposed dark background image.\r\n   ========================================================= *\/\r\n@media (min-width:981px){\r\n  #cbs-home .green-swipe{\r\n    clip-path:polygon(0 0,70% 0,80% 100%,0 100%)!important;\r\n  }\r\n  #cbs-home .green-dot-field{\r\n    right:6.25%!important;\r\n    top:31%!important;\r\n    width:270px!important;\r\n    height:270px!important;\r\n    opacity:1!important;\r\n    background-image:radial-gradient(rgba(188,207,255,.96) 3.2px,transparent 3.5px)!important;\r\n    background-size:20px 20px!important;\r\n    filter:drop-shadow(0 0 4px rgba(140,166,255,.72));\r\n  }\r\n}\r\n@media (max-width:980px) and (min-width:681px){\r\n  #cbs-home .green-swipe{\r\n    clip-path:polygon(0 0,78% 0,88% 100%,0 100%)!important;\r\n  }\r\n  #cbs-home .green-dot-field{\r\n    opacity:.92!important;\r\n    background-image:radial-gradient(rgba(188,207,255,.94) 3px,transparent 3.3px)!important;\r\n    filter:drop-shadow(0 0 4px rgba(140,166,255,.62));\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REQUESTED WATERMARK + MATRIX POSITION CORRECTIONS ONLY\r\n   ========================================================= *\/\r\n#cbs-home .service:after{\r\n  width:270px;\r\n  height:270px;\r\n  border-width:46px;\r\n}\r\n#cbs-home .service:nth-child(1):after{\r\n  left:-138px;\r\n  right:auto;\r\n  bottom:-52px;\r\n}\r\n#cbs-home .service:nth-child(2):after{\r\n  right:18px;\r\n  bottom:-154px;\r\n}\r\n#cbs-home .service:nth-child(3):after{\r\n  right:-138px;\r\n  bottom:-52px;\r\n}\r\n@media(min-width:981px){\r\n  #cbs-home .green-dot-field{\r\n    top:auto!important;\r\n    bottom:7%!important;\r\n  }\r\n}\r\n@media(max-width:980px) and (min-width:681px){\r\n  #cbs-home .green-dot-field{\r\n    top:auto!important;\r\n    bottom:6%!important;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REQUESTED LOGO GRAPHIC LENGTH CORRECTION ONLY\r\n   Keeps the existing thickness, position, and animation while\r\n   limiting the graphic to the same maximum width as the logo.\r\n   ========================================================= *\/\r\n#cbs-home .brand:after{\r\n  left:0;\r\n  right:auto;\r\n  width:min(440px,100%);\r\n  height:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REQUESTED FEATURE IMAGE CORRECTION ONLY\r\n   Removes the dot matrix and all treatments that darken the\r\n   exposed feature image. All other page styling is unchanged.\r\n   ========================================================= *\/\r\n#cbs-home .green-dot-field{\r\n  display:none!important;\r\n}\r\n#cbs-home .green-image,\r\n#cbs-home .green-trigger.is-visible .green-image{\r\n  opacity:1!important;\r\n}\r\n#cbs-home .green-image:after{\r\n  display:none!important;\r\n  content:none!important;\r\n  background:none!important;\r\n}\r\n#cbs-home .green-image img{\r\n  filter:none!important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LATEST PROCESS IMAGE FULL-VIEW CORRECTION ONLY\r\n   Preserves the latest page code while displaying the entire\r\n   process image without truncation or cropping.\r\n   ========================================================= *\/\r\n#cbs-home .process-photo{\r\n  min-width:0;\r\n}\r\n#cbs-home .process-photo img{\r\n  display:block;\r\n  width:100%;\r\n  height:auto!important;\r\n  max-height:none!important;\r\n  object-fit:contain!important;\r\n  object-position:center center!important;\r\n}\r\n@media(min-width:981px){\r\n  #cbs-home .process-grid{\r\n    width:min(1320px,calc(100% - 40px));\r\n    grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);\r\n    gap:64px;\r\n  }\r\n}\r\n@media(max-width:980px){\r\n  #cbs-home .process-photo{\r\n    width:min(760px,100%);\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL TYPOGRAPHY SYSTEM \u2014 FINAL\r\n   Space Grotesk: headings and prominent display text.\r\n   Source Sans 3: body copy, labels, buttons, and UI text.\r\n   This block intentionally follows all prior page refinements.\r\n   ========================================================= *\/\r\n#cbs-home{\r\n  font-family:\"Source Sans 3\",Arial,Helvetica,sans-serif;\r\n  line-height:1.68;\r\n  font-optical-sizing:auto;\r\n}\r\n#cbs-home h1,\r\n#cbs-home h2,\r\n#cbs-home h3{\r\n  font-family:\"Space Grotesk\",\"Source Sans 3\",Arial,Helvetica,sans-serif;\r\n  font-optical-sizing:auto;\r\n  font-weight:700;\r\n  text-wrap:balance;\r\n}\r\n#cbs-home h1{\r\n  line-height:1.07;\r\n  letter-spacing:-.035em;\r\n}\r\n#cbs-home h2{\r\n  line-height:1.12;\r\n  letter-spacing:-.026em;\r\n}\r\n#cbs-home h3{\r\n  line-height:1.3;\r\n  letter-spacing:-.012em;\r\n}\r\n#cbs-home p{\r\n  font-family:\"Source Sans 3\",Arial,Helvetica,sans-serif;\r\n  line-height:1.72;\r\n}\r\n#cbs-home .hero-copy>p{\r\n  line-height:1.68;\r\n}\r\n#cbs-home .kicker,\r\n#cbs-home .btn,\r\n#cbs-home .service-no,\r\n#cbs-home .hero-browser span,\r\n#cbs-home .trust-item span,\r\n#cbs-home .metric span,\r\n#cbs-home .green-side-label,\r\n#cbs-home .step-no,\r\n#cbs-home .check{\r\n  font-family:\"Source Sans 3\",Arial,Helvetica,sans-serif;\r\n}\r\n#cbs-home .kicker{\r\n  line-height:1.3;\r\n  letter-spacing:.15em;\r\n}\r\n#cbs-home .btn{\r\n  font-weight:700;\r\n  letter-spacing:.005em;\r\n}\r\n#cbs-home .service-no{\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n}\r\n#cbs-home .hero-browser span{\r\n  font-weight:700;\r\n}\r\n#cbs-home .ui-card strong,\r\n#cbs-home .trust-copy strong,\r\n#cbs-home .trust-item b,\r\n#cbs-home .process-badge strong,\r\n#cbs-home .metric b{\r\n  font-family:\"Space Grotesk\",\"Source Sans 3\",Arial,Helvetica,sans-serif;\r\n  font-optical-sizing:auto;\r\n}\r\n#cbs-home .ui-card strong,\r\n#cbs-home .trust-copy strong{\r\n  font-weight:600;\r\n  line-height:1.35;\r\n}\r\n#cbs-home .trust-item b,\r\n#cbs-home .process-badge strong,\r\n#cbs-home .metric b{\r\n  font-weight:700;\r\n  letter-spacing:-.025em;\r\n}\r\n#cbs-home .ui-card span,\r\n#cbs-home .process-badge span{\r\n  font-family:\"Source Sans 3\",Arial,Helvetica,sans-serif;\r\n  line-height:1.45;\r\n}\r\n@media(max-width:680px){\r\n  #cbs-home h1{\r\n    line-height:1.09;\r\n    letter-spacing:-.028em;\r\n  }\r\n  #cbs-home h2{\r\n    line-height:1.15;\r\n    letter-spacing:-.018em;\r\n  }\r\n  #cbs-home h3{\r\n    line-height:1.32;\r\n    letter-spacing:-.008em;\r\n  }\r\n  #cbs-home .kicker{\r\n    letter-spacing:.125em;\r\n  }\r\n}\r\n\r\n<\/style>\r\n<section class=\"hero\"><div class=\"shell hero-grid\"><div class=\"hero-copy reveal-left\"><div class=\"brand\"><img decoding=\"async\" class=\"logo\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/cbs-logo.png\" alt=\"Creative Business Systems\"><\/div><div class=\"kicker\">Custom Website Design &amp; Development<\/div><h1>Websites engineered to <span class=\"blue\">look exceptional<\/span> and <span class=\"green\">perform.<\/span><\/h1><p>Creative Business Systems creates distinctive, responsive websites that clarify your message, strengthen your credibility, and turn more visitors into qualified customers.<\/p><div class=\"btns\"><a class=\"btn primary\" href=\"\/contact\/\">Start Your Website Project<\/a><a class=\"btn secondary\" href=\"\/portfolio\/\">View Our Work<\/a><\/div><\/div><div class=\"hero-visual reveal-right\"><div class=\"hero-browser\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><span>Strategy \u2022 Design \u2022 Development<\/span><\/div><div class=\"hero-photo\"><img decoding=\"async\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/hero.webp\" alt=\"Modern web development workspace with code displayed on a laptop\" loading=\"eager\"><\/div><div class=\"ui-card card-a\"><strong>Responsive by Design<\/strong><span>Built to work beautifully on every screen.<\/span><div class=\"mini-bar\"><\/div><\/div><div class=\"dots\" aria-hidden=\"true\"><\/div><div class=\"hero-pulse\" aria-hidden=\"true\"><\/div><\/div><\/div><\/section>\r\n<div class=\"trust shell reveal\"><div class=\"trust-inner\"><div class=\"trust-copy\"><strong>Professional websites built around your business\u2014not a generic template.<\/strong><\/div><div class=\"trust-item\"><b>100%<\/b><span>Responsive<\/span><\/div><div class=\"trust-item\"><b>Custom<\/b><span>Design Direction<\/span><\/div><div class=\"trust-item\"><b>Clear<\/b><span>Project Process<\/span><\/div><\/div><\/div>\r\n<section class=\"section\"><div class=\"shell\"><div class=\"intro\"><div class=\"reveal-left\"><div class=\"kicker\">What We Build<\/div><h2>A complete digital presence with purpose behind every detail.<\/h2><\/div><div class=\"reveal-right\"><p>Your website should do more than fill a screen. It should communicate value quickly, guide visitors naturally, and give your business a polished platform for growth.<\/p><\/div><\/div><div class=\"service-grid\"><article class=\"service reveal\"><span class=\"service-no\">01 \/ DESIGN<\/span><div class=\"service-icon\">\u2726<\/div><h3>Custom Website Design<\/h3><p>Strategic layouts, brand-focused visuals, intuitive content flow, and a distinctive presentation shaped around your company.<\/p><\/article><article class=\"service reveal\"><span class=\"service-no\">02 \/ DEVELOP<\/span><div class=\"service-icon\">&lt;\/&gt;<\/div><h3>Responsive Development<\/h3><p>Dependable WordPress development with clean mobile behavior, stable page structures, and practical functionality.<\/p><\/article><article class=\"service reveal\"><span class=\"service-no\">03 \/ GROW<\/span><div class=\"service-icon\">\u2197<\/div><h3>Conversion Strategy<\/h3><p>Clear messaging, intentional calls to action, performance-conscious construction, and customer journeys designed to produce results.<\/p><\/article><\/div><\/div><\/section>\r\n<section class=\"green-feature\"><div class=\"shell green-shell\"><div class=\"green-panel green-trigger\"><div class=\"green-image\"><img decoding=\"async\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/shop-work_optimized_optimized.png\" alt=\"Diverse creative professionals collaborating around a table\" loading=\"lazy\"><\/div><div class=\"green-swipe\" aria-hidden=\"true\"><\/div><div class=\"green-arc\" aria-hidden=\"true\"><\/div><div class=\"green-copy\"><div class=\"kicker\" style=\"color:#fff\">Built Around Your Business<\/div><h2>A website that feels like your company\u2014not everybody else's.<\/h2><p>We begin with your goals, customers, strengths, and story. That foundation informs the visual direction, page architecture, messaging hierarchy, and functionality of the finished site.<\/p><div class=\"btns\"><a class=\"btn\" style=\"background:#fff;color:#1E2A35\" href=\"\/about\/\">Discover Our Approach<\/a><\/div><\/div><\/div><\/div><\/section>\r\n<section class=\"parallax green-trigger\"><div class=\"green-side-label\" aria-hidden=\"true\"><span>Digital Strategy<\/span><i><\/i><span>Built for Growth<\/span><\/div><div class=\"shell\"><div class=\"parallax-card reveal-left\"><div class=\"kicker\" style=\"color:#8CA6FF\">Design that keeps working<\/div><h2>Beautiful is the beginning. Business performance is the goal.<\/h2><p>Every element is considered as part of a larger system\u2014from the first headline and visual impression to mobile usability, page speed, and the final call to action.<\/p><div class=\"checks\"><div class=\"check\">Mobile-first responsiveness<\/div><div class=\"check\">Conversion-focused structure<\/div><div class=\"check\">Professional visual hierarchy<\/div><div class=\"check\">Search-friendly foundations<\/div><\/div><\/div><\/div><\/section>\r\n<section class=\"section\"><div class=\"shell process-grid\"><div class=\"process-photo reveal-left\"><img decoding=\"async\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/teaching.png\" alt=\"Creative team planning a website strategy in a modern office\" loading=\"lazy\"><div class=\"process-badge\"><strong>4<\/strong><span>clear phases from idea to launch<\/span><\/div><\/div><div class=\"reveal-right\"><div class=\"kicker\">A Disciplined Process<\/div><h2>Clear communication. Thoughtful design. Confident execution.<\/h2><p>A professional website project should never feel vague. You will understand what is happening, what is needed, and how each stage moves the project closer to launch.<\/p><div class=\"steps\"><div class=\"step\"><div class=\"step-no\">01<\/div><div><h3>Discover<\/h3><p>We define your audience, priorities, content requirements, and business goals.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-no\">02<\/div><div><h3>Design<\/h3><p>We establish the visual direction, page hierarchy, and customer journey.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-no\">03<\/div><div><h3>Develop<\/h3><p>Approved designs become stable, responsive, functional WordPress pages.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-no\">04<\/div><div><h3>Launch &amp; Support<\/h3><p>We test the site, prepare it for launch, and provide a clear path forward.<\/p><\/div><\/div><\/div><\/div><\/div><\/section>\r\n<section class=\"section results\"><div class=\"shell results-grid\"><div class=\"reveal-left\"><div class=\"kicker\">Built for Measurable Growth<\/div><h2>Your website should support real business objectives.<\/h2><p>We combine design judgment with practical development so your new site can earn trust, explain your value, and help visitors take the next step.<\/p><div class=\"metrics\"><div class=\"metric\"><b>Fast<\/b><span>Experiences<\/span><\/div><div class=\"metric\"><b>Clear<\/b><span>Messaging<\/span><\/div><div class=\"metric\"><b>Strong<\/b><span>Presentation<\/span><\/div><\/div><\/div><div class=\"results-image reveal-right\"><img decoding=\"async\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/laptop-screen.webp\" alt=\"Website analytics and performance reporting displayed on a laptop\" loading=\"lazy\"><\/div><\/div><\/section>\r\n<section class=\"cta\"><div class=\"shell\"><div class=\"cta-inner reveal\"><div><div class=\"kicker\" style=\"color:#fff\">Ready to move forward?<\/div><h2>Build a website your business can be proud to send people to.<\/h2><\/div><div class=\"cta-action\"><a class=\"btn\" href=\"\/contact\/\">Request a Website Consultation<\/a><\/div><\/div><\/div><\/section>\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('cbs-home');\r\n  if(!root)return;\r\n\r\n  var selector='.reveal,.reveal-left,.reveal-right,.green-trigger';\r\n  var allItems=Array.prototype.slice.call(root.querySelectorAll(selector));\r\n  var reducedMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;\r\n\r\n  function revealEverything(){\r\n    allItems.forEach(function(item){\r\n      item.classList.add('is-visible');\r\n    });\r\n  }\r\n\r\n  if(reducedMotion||!('IntersectionObserver'in window)){\r\n    revealEverything();\r\n  }else{\r\n    var rows=Array.prototype.filter.call(root.children,function(child){\r\n      return child.tagName!=='STYLE'&&child.tagName!=='SCRIPT';\r\n    });\r\n\r\n    var rowObserver=new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(!entry.isIntersecting)return;\r\n\r\n        var row=entry.target;\r\n        var rowIndex=Number(row.getAttribute('data-cbs-row-index'))||0;\r\n        var targets=[];\r\n\r\n        if(row.matches&&row.matches(selector))targets.push(row);\r\n        targets=targets.concat(Array.prototype.slice.call(row.querySelectorAll(selector)));\r\n\r\n        var baseDelay=Math.min(180+(rowIndex*35),390);\r\n        var staggerDelay=window.innerWidth<=680?90:120;\r\n\r\n        targets.forEach(function(target,targetIndex){\r\n          window.setTimeout(function(){\r\n            target.classList.add('is-visible');\r\n          },baseDelay+(targetIndex*staggerDelay));\r\n        });\r\n\r\n        rowObserver.unobserve(row);\r\n      });\r\n    },{\r\n      threshold:.12,\r\n      rootMargin:'0px 0px -12% 0px'\r\n    });\r\n\r\n    rows.forEach(function(row,rowIndex){\r\n      row.setAttribute('data-cbs-row-index',String(rowIndex));\r\n      rowObserver.observe(row);\r\n    });\r\n  }\r\n\r\n  var hero=root.querySelector('.hero');\r\n  var visual=root.querySelector('.hero-visual');\r\n\r\n  if(hero&&visual&&window.matchMedia('(pointer:fine)').matches&&!reducedMotion){\r\n    hero.addEventListener('mousemove',function(e){\r\n      var bounds=hero.getBoundingClientRect();\r\n      var x=(e.clientX-bounds.left)\/bounds.width-.5;\r\n      var y=(e.clientY-bounds.top)\/bounds.height-.5;\r\n      visual.style.transform='translate3d('+(x*10)+'px,'+(y*7)+'px,0)';\r\n    });\r\n\r\n    hero.addEventListener('mouseleave',function(){\r\n      visual.style.transform='';\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Custom Website Design &amp; DevelopmentWebsites engineered to look exceptional and perform.Creative Business Systems creates distinctive, responsive websites that clarify your message, strengthen your credibility, and turn more visitors into qualified customers.Start Your Website ProjectView Our WorkStrategy \u2022 Design \u2022 DevelopmentResponsive by DesignBuilt to work beautifully on every screen. Professional websites built around your business\u2014not a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-notitle.php","meta":{"footnotes":""},"folder":[],"class_list":["post-1263","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Work Space-31 -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jwwebsites.com\/frederick-young\/work-space-31\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Work Space-31 -\" \/>\n<meta property=\"og:description\" content=\"Custom Website Design &amp; DevelopmentWebsites engineered to look exceptional and perform.Creative Business Systems creates distinctive, responsive websites that clarify your message, strengthen your credibility, and turn more visitors into qualified customers.Start Your Website ProjectView Our WorkStrategy \u2022 Design \u2022 DevelopmentResponsive by DesignBuilt to work beautifully on every screen. Professional websites built around your business\u2014not a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jwwebsites.com\/frederick-young\/work-space-31\/\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/work-space-31\\\/\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/work-space-31\\\/\",\"name\":\"Work Space-31 -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\"},\"datePublished\":\"2026-07-13T22:53:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/work-space-31\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/work-space-31\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/work-space-31\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Work Space-31\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Work Space-31 -","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:\/\/jwwebsites.com\/frederick-young\/work-space-31\/","og_locale":"en_US","og_type":"article","og_title":"Work Space-31 -","og_description":"Custom Website Design &amp; DevelopmentWebsites engineered to look exceptional and perform.Creative Business Systems creates distinctive, responsive websites that clarify your message, strengthen your credibility, and turn more visitors into qualified customers.Start Your Website ProjectView Our WorkStrategy \u2022 Design \u2022 DevelopmentResponsive by DesignBuilt to work beautifully on every screen. Professional websites built around your business\u2014not a [&hellip;]","og_url":"https:\/\/jwwebsites.com\/frederick-young\/work-space-31\/","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jwwebsites.com\/frederick-young\/work-space-31\/","url":"https:\/\/jwwebsites.com\/frederick-young\/work-space-31\/","name":"Work Space-31 -","isPartOf":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/#website"},"datePublished":"2026-07-13T22:53:33+00:00","breadcrumb":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/work-space-31\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jwwebsites.com\/frederick-young\/work-space-31\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jwwebsites.com\/frederick-young\/work-space-31\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jwwebsites.com\/frederick-young\/"},{"@type":"ListItem","position":2,"name":"Work Space-31"}]},{"@type":"WebSite","@id":"https:\/\/jwwebsites.com\/frederick-young\/#website","url":"https:\/\/jwwebsites.com\/frederick-young\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jwwebsites.com\/frederick-young\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/comments?post=1263"}],"version-history":[{"count":1,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1263\/revisions"}],"predecessor-version":[{"id":1265,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1263\/revisions\/1265"}],"wp:attachment":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/media?parent=1263"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/folder?post=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}