@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--cream:#faf7ef;--ink:#254b40;--sage:#dae0cc;--coral:#dc8266;--muted:#636e63;--border:#d7dbcc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ba5639;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(52px,5.9vw,88px)}h2{font-size:clamp(38px,4vw,57px)}h3{font-size:23px;font-weight:500;letter-spacing:-.025em}em{font-weight:500}p{color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.site-header{max-width:1440px;margin:auto;padding:25px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand svg{width:45px;fill:none;stroke:currentColor;stroke-width:2}.brand span{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:.1em;font-size:16px;line-height:1.4}.brand small{display:block;font-size:10px;letter-spacing:.42em}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:500}nav>a:hover,.text-link:hover{color:#b2573d}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--ink);color:var(--cream);padding:16px 23px;border:1px solid var(--ink);border-radius:3px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#356554;color:var(--cream);transform:translateY(-2px)}.button span{font-size:21px;font-weight:400}.button.small{padding:12px 17px;font-size:12px;gap:17px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center;padding-top:42px;padding-bottom:63px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--ink);margin-bottom:24px}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.12em}.sun{font-size:23px;color:#b66040}.intro{font-size:16px;max-width:390px;line-height:1.8;margin:26px 0 30px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:500;border-bottom:1px solid var(--border);padding-bottom:5px}.hero-copy>.text-link{display:table;margin-top:18px}.hero-bottom{display:flex;align-items:center;gap:13px;margin-top:37px}.hero-bottom p{font-size:9px;letter-spacing:.14em;line-height:1.65}.mini-lines{font-size:45px;line-height:1;color:#819b83}.hero-image{position:relative;height:550px;border-radius:180px 180px 4px 4px;isolation:isolate}.hero-image>img{height:100%;width:100%;object-fit:cover;border-radius:inherit;object-position:50% 50%}.photo-badge{position:absolute;right:-22px;bottom:49px;width:171px;background:var(--coral);padding:25px 22px 20px;border-radius:3px;transform:rotate(5deg);box-shadow:0 8px 16px #254b4015;color:#203e35}.photo-badge span{font-family:'Playfair Display',Georgia,serif;font-size:22px;line-height:1.15;display:block}.photo-badge svg{width:31px;stroke:currentColor;stroke-width:1.5;margin-top:17px}.hero-image figcaption{font-size:9px;text-align:center;margin-top:10px;color:var(--muted)}.service-ribbon{display:flex;justify-content:center;align-items:center;gap:60px;background:var(--ink);color:var(--cream);padding:22px 20px;font-size:11px;letter-spacing:.13em;font-weight:500}.service-ribbon i{color:var(--coral);font-size:20px;line-height:1}.section{padding-top:90px;padding-bottom:90px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:40px}.section-top>p{max-width:350px;font-size:14px;line-height:1.8;padding-bottom:5px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.service-card{border:1px solid var(--border);border-radius:4px;overflow:hidden;background:#fffdf7}.room-art,.exterior-art{height:245px;position:relative;overflow:hidden;background:#d9c6b5}.room-art:after{content:'';position:absolute;bottom:0;width:100%;height:35px;background:#b7a68b;z-index:0}.window{position:absolute;left:12%;top:35px;width:88px;height:124px;background:#ebf0e5;border:8px solid #fbf5ea;box-shadow:8px 8px 0 #b6a18b}.window:before,.window:after{content:'';position:absolute;background:#fbf5ea}.window:before{height:100%;width:4px;left:50%}.window:after{height:4px;width:100%;top:50%}.window span{position:absolute;inset:0;background:linear-gradient(145deg,#b6d0c8,#e8eee4)}.art-frame{position:absolute;left:54%;top:39px;width:65px;height:80px;border:6px solid #a17855;background:#ebdfbd}.art-frame:after{content:'';position:absolute;bottom:8px;left:8px;width:36px;height:38px;background:#bcb28d;border-radius:30px 30px 0 0}.sofa{position:absolute;left:35%;bottom:35px;background:#889583;width:49%;height:72px;border-radius:15px 15px 0 0;box-shadow:0 8px #4e6756;z-index:1}.sofa:before{content:'';position:absolute;bottom:0;left:-15px;right:-15px;height:38px;border-radius:10px;background:#9ca58d}.sofa i,.sofa b{position:absolute;top:8px;width:38px;height:35px;background:#e9d7b4;border-radius:5px;transform:rotate(-9deg);left:15px}.sofa b{left:auto;right:14px;background:#cf997c;transform:rotate(10deg)}.plant{position:absolute;right:8%;top:95px;color:#537c61;font-size:74px}.exterior-art{background:#dce4d7}.house-roof{position:absolute;bottom:156px;left:17%;width:65%;height:67px;background:#596550;clip-path:polygon(50% 0,100% 90%,100% 100%,0 100%,0 90%)}.house-front{position:absolute;bottom:36px;left:20%;width:59%;height:123px;background:#f7efdb;border-top:8px solid #faf7ef;display:flex;justify-content:space-around;align-items:center}.house-front i{display:block;width:41px;height:47px;background:#86a69b;border:5px solid white;box-shadow:9px 0 #9caa8a,-9px 0 #9caa8a}.house-front b{height:91px;width:41px;background:#bd8766;align-self:flex-end;border:5px solid #fffbef;border-bottom:0}.path{position:absolute;bottom:0;left:38%;width:26%;height:36px;background:#c9bbaa;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}.art-sun{position:absolute;right:8%;top:20px;font-size:40px;color:#bd944d}.card-copy{padding:27px 30px 31px;position:relative}.service-number{position:absolute;right:30px;top:33px;color:#96a391;font-size:11px}.card-copy p{margin:12px 0 23px;font-size:14px;max-width:410px}.art-note{font-size:10px;margin-top:14px}.color-section{background:#e8ecdf;padding:80px 0}.color-layout{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:center}.color-copy>p:not(.eyebrow){margin:23px 0;max-width:335px;font-size:14px}.swatches{display:flex;gap:14px;margin:27px 0}.swatch{width:43px;height:43px;border:4px solid #e8ecdf;outline:1px solid transparent;border-radius:50%;background:var(--swatch)}.swatch.active{outline-color:var(--ink)}.swatch:hover{transform:scale(1.08)}.palette-description h3{font-size:17px}.palette-description p{font-size:12px;margin:4px 0 24px}.color-copy small{display:block;max-width:335px;color:#6b7565;font-size:10px}.color-preview{background:#f5f2e8;border-radius:140px 140px 4px 4px;padding:25px 0 13px;overflow:hidden}.preview-label{text-align:center;font-size:9px;font-weight:700;letter-spacing:.14em;margin:15px 0 22px}.palette-house{display:block;width:100%;height:auto}.paint-wall{transition:fill .4s}.sample-caption{font-size:9px;text-align:center;display:block;margin-top:12px;color:#6b7565}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.steps article{border-top:1px solid var(--border);padding-top:20px}.steps span{font-size:12px;color:#937756}.steps h3{font-size:20px;margin:20px 0 13px}.steps p{font-size:13px}.area{display:flex;align-items:center;gap:35px;border-top:1px solid var(--border);padding-top:37px;padding-bottom:45px}.area-mark{font-size:80px;color:#bd7554;line-height:1}.area h2{font-size:35px}.area .eyebrow{font-size:9px;margin-bottom:12px}.area p:not(.eyebrow){font-size:13px;margin-top:17px}.round-link{margin-left:auto;border:1px solid #849783;width:60px;height:60px;display:grid;place-items:center;font-size:28px;border-radius:50%;flex-shrink:0}.round-link:hover{background:var(--sage)}.estimate-section{background:var(--ink);color:var(--cream);padding:85px 0}.estimate-layout{display:grid;grid-template-columns:.8fr 1fr;gap:65px}.estimate-section .eyebrow{color:#bbc9b5}.estimate-section h2{font-size:61px}.estimate-layout>div>p:not(.eyebrow){color:#c2ccbe;max-width:300px;font-size:14px;margin-top:25px}.contact-details{border-top:1px solid #5b7568;margin-top:32px;padding-top:19px;font-size:12px}.contact-details p{color:#c2ccbe}.contact-details a{display:block;color:var(--cream);font-size:18px;margin:4px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:11px;color:#e9eddf;letter-spacing:.02em}input,select,textarea{display:block;width:100%;margin-top:7px;margin-bottom:19px;background:#fffaf0;color:#254b40;border:1px solid #76917f;border-radius:3px;padding:13px 12px;font-size:13px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#788075}form .button{background:var(--coral);color:#1f3c32;border-color:var(--coral);width:100%;padding:15px}form .button:hover{background:#eca58b}.form-note{font-size:10px;color:#cad4c4;margin-top:12px;line-height:1.6}.form-status{font-size:12px;color:#f5d5b6;margin-top:13px}.faq{display:grid;grid-template-columns:.85fr 1fr;gap:70px}.faq .eyebrow{font-size:9px}.faq h2{font-size:42px}.faq-list details{border-bottom:1px solid var(--border);padding:20px 0}.faq-list details:first-child{padding-top:0}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:500}summary::-webkit-details-marker{display:none}summary span{font-size:21px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;margin-top:17px}footer.wrap{border-top:1px solid var(--border);display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding-top:28px;padding-bottom:35px}footer .brand svg{width:33px}footer .brand span{font-size:12px}footer .brand small{font-size:8px}footer p{font-size:11px}footer small{font-size:10px;margin-left:auto}footer>a:last-child{font-size:10px}.skip{position:fixed;left:15px;top:-80px;padding:10px;background:var(--ink);color:white;z-index:100}.skip:focus{top:10px}
@media(min-width:1500px){.hero{gap:70px}.hero-image{height:575px}}
@media(max-width:1000px){.site-header{padding:22px 30px}.site-header nav{gap:20px}.wrap{padding-left:30px;padding-right:30px}.hero{gap:25px}.hero-image{height:470px}.hero h1{font-size:64px}.hero .eyebrow{font-size:8px}.color-layout,.estimate-layout,.faq{gap:40px}.service-ribbon{gap:35px;font-size:9px}.photo-badge{right:-10px;width:140px;padding:20px}.photo-badge span{font-size:20px}.section{padding-top:70px;padding-bottom:70px}.card-copy{padding:23px}.service-number{right:23px}.estimate-section h2{font-size:52px}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{padding:20px;position:relative;flex-wrap:wrap}.brand svg{width:36px}.brand span{font-size:13px}.brand small{font-size:8px}.menu-toggle{display:flex;gap:12px;border:0;background:none;color:var(--ink);font-size:12px;align-items:center}.menu-toggle span{font-size:21px}.site-header nav{display:none;width:100%;padding:17px 0 0;gap:18px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav>a{padding:9px}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:28px;gap:40px;padding-bottom:45px}.hero h1{font-size:clamp(52px,11vw,74px)}.hero .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:22px}.intro{font-size:15px;max-width:420px}.hero-image{height:440px;max-width:480px;width:100%;margin:auto}.photo-badge{right:6px;bottom:36px}.hero-bottom{margin-top:25px}.service-ribbon{gap:13px;padding:18px 12px;flex-wrap:wrap;font-size:8px;letter-spacing:.06em}.service-ribbon i{font-size:15px}.service-ribbon span:last-child{display:none}.service-ribbon i:last-of-type{display:none}.section{padding-top:58px;padding-bottom:58px}.section-top{display:block;margin-bottom:29px}.section-top>p{margin-top:23px;max-width:450px}.eyebrow{font-size:9px;margin-bottom:20px}.service-grid,.color-layout,.estimate-layout,.faq{grid-template-columns:1fr}.service-grid{gap:22px}.room-art,.exterior-art{height:230px}.color-section{padding:55px 0}.color-layout{gap:35px}.color-copy>p:not(.eyebrow){max-width:420px}.color-preview{max-width:480px;width:100%;margin:auto}.steps{grid-template-columns:1fr;gap:25px;margin-top:32px}.steps h3{margin-top:11px}.steps p{max-width:450px}.area{gap:18px;flex-wrap:wrap}.area-mark{font-size:48px}.area h2{font-size:30px}.area>div:nth-child(2){flex:1}.area .round-link{width:44px;height:44px;font-size:22px}.estimate-section{padding:58px 0}.estimate-layout{gap:36px}.estimate-section h2{font-size:51px}.contact-details{max-width:400px}.faq{gap:30px}.faq h2{font-size:38px}footer.wrap{gap:20px}footer p{width:100%}footer small{margin-left:0}footer>a:last-child{margin-left:auto}}
@media(max-width:380px){.form-row{grid-template-columns:1fr;gap:0}.hero-image{height:370px}.hero h1{font-size:48px}.area-mark{display:none}.card-copy{padding:22px}.hero .button{padding:15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.service-grid{grid-template-columns:repeat(3,1fr);gap:24px}.service-card h3{font-size:22px}.card-copy{padding:25px 24px 28px}.service-number{right:20px;top:30px}.service-card .text-link{font-size:12px;gap:8px}.commercial-art{height:245px;position:relative;overflow:hidden;background:#b8c6c2}.commercial-art:after{content:'';position:absolute;bottom:0;width:100%;height:35px;background:#c6b798}.office-window{position:absolute;left:11%;top:29px;width:36%;height:130px;background:linear-gradient(135deg,#ebede0,#acc8c2);border:7px solid #f7f4e9}.office-window:after{content:'';position:absolute;left:50%;width:4px;height:100%;background:#f7f4e9}.office-desk{position:absolute;left:15%;bottom:57px;width:65%;height:14px;background:#846b52;z-index:1;box-shadow:0 -37px 0 -6px #4d685c}.office-desk:before,.office-desk:after{content:'';position:absolute;top:14px;height:46px;width:7px;background:#5f6b57;left:12px}.office-desk:after{left:auto;right:12px}.office-picture{position:absolute;right:16%;top:46px;height:54px;width:45px;background:#e3cfad;border:5px solid #f4eee1}.office-plant{position:absolute;right:12%;bottom:72px;color:#5d7c57;font-size:54px}.hero .eyebrow{font-size:8px}.contact-details a{font-size:25px;letter-spacing:.02em;margin-top:10px}.contact-details a:hover{text-decoration:underline}.contact-details p{font-size:12px}@media(max-width:1000px){.service-grid{gap:16px}.card-copy{padding:23px 18px}.service-number{right:15px}.service-card h3{font-size:20px}.service-card .text-link{font-size:11px}}@media(max-width:760px){.service-grid{grid-template-columns:1fr;gap:22px}.card-copy{padding:25px}.service-card h3{font-size:23px}.service-card .text-link{font-size:13px}.commercial-art{height:230px}.hero .eyebrow{font-size:7px}.hero .intro{max-width:440px}}
