/* Mobile layout first; wider layouts are added below. */
.design-bold{--gutter:clamp(18px,5vw,32px);overflow-wrap:break-word;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.design-bold *{min-width:0}.design-bold img{max-width:100%}.design-bold main{width:100%}
.design-bold header{margin:0 var(--gutter);padding:14px 0;gap:12px;min-height:78px;flex-wrap:wrap}
.design-bold .brand{font-size:28px;gap:10px;letter-spacing:-1.5px}.design-bold .brand small{font-size:7px;letter-spacing:2px}.design-bold .brand .logo-mark{width:42px;height:42px}
.design-bold .menu{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-left:auto;padding:0;flex-shrink:0;border:2px solid var(--ink);border-radius:0;font-size:23px}
.design-bold .header-call{display:none}.design-bold nav{display:none;flex-basis:100%;margin:0;gap:0;padding:8px 0 0;flex-direction:column}.design-bold nav.open{display:flex}.design-bold nav a{display:flex;align-items:center;min-height:48px;border-top:1px solid var(--line);font-size:16px;padding:8px 0}
.design-bold .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:25px var(--gutter) 40px}
.design-bold .hero-copy{padding:0}.design-bold .hero-location{max-width:100%;gap:11px;margin:0 4px 26px 0;padding:11px 13px;transform:none}.design-bold .hero-location strong{font-size:clamp(20px,6vw,26px);letter-spacing:-.5px}.design-bold .hero-location span{font-size:10px;letter-spacing:1.1px}.design-bold .hero-location svg{width:25px;height:31px}
.design-bold h1{font-size:clamp(62px,18vw,100px);line-height:.92;letter-spacing:-1.5px;margin-bottom:22px}.design-bold h1 em{text-decoration-thickness:6px;text-underline-offset:3px}
.design-bold .intro{font-size:16px;line-height:1.65;margin:0;max-width:520px}.design-bold .actions{display:flex;align-items:stretch;flex-direction:column;gap:12px;margin:23px 3px 20px 0}.design-bold .button{min-height:52px;font-size:15px;padding:14px 20px;white-space:normal;text-align:left;gap:14px}.design-bold .actions .text-link{display:flex;align-items:center;min-height:44px;justify-content:center;font-size:14px}.design-bold .hero-notes{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;line-height:1.5}
.design-bold .hero-photo{height:auto;aspect-ratio:4/3;max-height:390px;width:100%;border-radius:0}.design-bold .photo-tag{left:12px;bottom:18px;padding:12px 16px;gap:12px;font-size:13px;transform:rotate(2deg);max-width:calc(100% - 30px)}.design-bold .photo-tag>span{font-size:30px}
.design-bold .ribbon{padding:16px var(--gutter);gap:15px;font-size:12px;flex-wrap:wrap;justify-content:space-between}.design-bold .ribbon>span:nth-child(3){display:none}.design-bold .ribbon-star{font-size:22px}
.design-bold .section{padding:52px var(--gutter)}.design-bold .section-top{display:block;margin-bottom:27px}.design-bold .section-top>p{max-width:560px;margin-top:20px;font-size:15px}.design-bold h2{font-size:clamp(38px,11vw,54px);line-height:1.03;letter-spacing:-.6px}.design-bold h3{font-size:23px;line-height:1.3}.design-bold .eyebrow{font-size:10px;letter-spacing:1.1px;line-height:1.5;margin-bottom:18px}
.design-bold .service-grid,.design-bold .pricing-grid{display:grid;grid-template-columns:minmax(0,1fr)}.design-bold .service{padding:26px 22px}.design-bold .service+.service{border-left:2px solid var(--ink);border-top:0}.design-bold .service p{font-size:15px;min-height:0;line-height:1.65}.design-bold .service ul{font-size:14px;padding-bottom:15px}.design-bold .service a{font-size:14px;min-height:48px;gap:16px;align-items:center}.design-bold .service-icon{margin-bottom:20px}
.design-bold .approach{display:grid;grid-template-columns:minmax(0,1fr);padding:45px var(--gutter);gap:32px}.design-bold .approach-images{min-height:0;aspect-ratio:1.15;max-width:540px;width:100%}.design-bold .kitchen{height:78%;width:84%}.design-bold .bathroom{height:56%;width:46%;bottom:27px;right:6px;transform:rotate(2deg)}.design-bold .image-label{font-size:8px;letter-spacing:.8px;bottom:0}.design-bold .approach-copy{padding:0}.design-bold .approach-copy>p{font-size:15px}.design-bold .benefit{gap:16px}.design-bold .benefit h3{font-size:18px}.design-bold .benefit p{font-size:14px}
.design-bold .pricing-grid{gap:26px}.design-bold .price-card{padding:27px 23px}.design-bold .price-card>p:not(.price):not(.eyebrow){font-size:15px;min-height:0}.design-bold .price{font-size:70px;line-height:1.1;margin:22px 0}.design-bold .price small{font-size:13px}.design-bold .pricing-note{font-size:12px;text-align:left;line-height:1.65;margin-top:23px}
.design-bold .faq{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.design-bold .faq>div>p{font-size:15px}.design-bold .questions summary{padding:20px 35px 20px 0;min-height:60px;font-size:16px;line-height:1.5}.design-bold .questions summary:after{top:16px}.design-bold .questions details p{font-size:15px;padding-right:10px}
.design-bold .contact{display:grid;grid-template-columns:minmax(0,1fr);gap:27px;padding:48px var(--gutter)}.design-bold .contact h2{font-size:clamp(40px,11vw,57px);line-height:1.02}.design-bold .contact-phone{font-size:clamp(23px,7vw,29px);display:inline-flex;align-items:center;min-height:48px;margin:15px 0 8px}.design-bold .contact form{width:100%}.design-bold .form-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.design-bold label{font-size:14px;margin-bottom:18px}.design-bold input,.design-bold select,.design-bold textarea{font-size:16px;min-height:50px;width:100%;max-width:100%;padding:12px;border-color:#a3aea4}.design-bold textarea{min-height:105px}.design-bold input::placeholder,.design-bold textarea::placeholder{color:#c9d1c9}.design-bold .form-note{font-size:12px;line-height:1.65;color:#c9d1c9}.design-bold #sms-fallback{font-size:14px}.design-bold #sms-fallback .button{width:100%}.design-bold footer{padding:30px var(--gutter) calc(108px + env(safe-area-inset-bottom));gap:20px;flex-wrap:wrap;align-items:flex-start}.design-bold footer>div{width:100%;margin:0;align-items:flex-start;font-size:14px}.design-bold footer>div>span{font-size:11px}.design-bold footer p{display:none}
.mobile-actions{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:var(--cream);border-top:2px solid var(--ink);box-shadow:0 -4px 20px #0001}.mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:14px;font-weight:700;border:2px solid var(--ink);padding:8px}.mobile-actions .quick-call{background:var(--lime)}.mobile-actions .quick-quote{background:var(--ink);color:#fff}.design-bold{scroll-padding-bottom:100px}.design-bold .contact{scroll-margin-top:20px}.design-bold .design-bar a{min-height:40px;display:inline-flex;align-items:center}.design-bold .design-bar{padding:2px var(--gutter)}
@media(min-width:480px){.design-bold .actions{flex-direction:row;align-items:center}.design-bold .actions .text-link{padding:0 12px}.design-bold .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.design-bold .ribbon>span:nth-child(3){display:inline}}
@media(min-width:768px){.design-bold .hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding-top:40px;padding-bottom:50px}.design-bold h1{font-size:clamp(72px,9vw,102px)}.design-bold .hero-photo{aspect-ratio:3/4;max-height:none}.design-bold .actions{flex-direction:column;align-items:stretch}.design-bold .section-top{display:flex;gap:35px}.design-bold .section-top>p{max-width:330px;margin:0}.design-bold .approach{grid-template-columns:1fr 1fr;align-items:center;gap:35px}.design-bold .faq{grid-template-columns:1fr 1.2fr;gap:35px}.design-bold .contact{grid-template-columns:1fr 1.1fr;gap:35px}.design-bold .contact .form-row{grid-template-columns:1fr}.design-bold footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}
@media(min-width:1024px){.design-bold{--gutter:5%}.design-bold header{flex-wrap:nowrap;padding:20px 0;gap:25px}.design-bold .menu{display:none}.design-bold nav,.design-bold nav.open{display:flex;flex-direction:row;flex-basis:auto;margin-left:auto;gap:22px;padding:0}.design-bold nav a{font-size:14px;border:0;padding:0}.design-bold .header-call{display:flex;align-items:center;min-height:48px;flex-shrink:0;font-size:14px}.design-bold .brand{font-size:34px}.design-bold .brand .logo-mark{width:48px;height:48px}.design-bold .hero{gap:50px;padding-top:55px;padding-bottom:65px}.design-bold h1{font-size:clamp(94px,8vw,116px)}.design-bold .hero-photo{height:580px;aspect-ratio:auto}.design-bold .hero-location strong{font-size:25px}.design-bold .actions{flex-direction:row;align-items:center}.design-bold .hero-copy{padding:15px 0}.design-bold .section{padding-top:80px;padding-bottom:80px}.design-bold h2{font-size:58px}.design-bold .service-grid,.design-bold .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-bold .service+.service{border-top:2px solid var(--ink);border-left:0}.design-bold .service p{min-height:100px}.design-bold .price-card>p:not(.price):not(.eyebrow){min-height:75px}.design-bold .approach{padding:65px 7%;gap:70px}.design-bold .pricing-note{text-align:center}.design-bold .faq{gap:70px}.design-bold .contact{padding:75px max(5%,calc((100vw - 1188px)/2));gap:70px}.design-bold .contact h2{font-size:64px}.design-bold .contact .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-actions{display:none}.design-bold footer{padding:40px 5%;flex-wrap:nowrap;align-items:center}.design-bold footer>div{width:auto;margin-left:auto;align-items:flex-end}.design-bold footer p{display:block}}
@media(hover:none){.design-bold .button:hover{transform:none}.design-bold .outline:hover{background:transparent;color:var(--ink)}}
@media(prefers-reduced-motion:reduce){.design-bold *{scroll-behavior:auto}}
