input,textarea{font:inherit;width:100%;padding:14px;border:1px solid #8886;background:transparent;color:inherit;margin-top:10px}textarea{min-height:90px;resize:vertical}.scene{min-height:70svh;background:linear-gradient(0deg,#000b,#0001),var(--photo) center/cover;display:flex;align-items:end;padding:8%;color:white}.scene h2{max-width:780px}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatches button{width:52px;height:52px;border:2px solid transparent;border-radius:50%;cursor:pointer}.swatches button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:4px}.palette{background:var(--wall,#d6c1ad);padding:50px;border-radius:90px 90px 0 0;transition:background .4s}.palette p{color:#18231f;background:#ffffffd9;padding:12px}.steps{counter-reset:steps}.steps > p{padding:18px 0;border-top:1px solid #8885}.steps > p:before{counter-increment:steps;content:'0' counter(steps) ' / ';font-size:12px;margin-right:20px}.hair .hero-copy{background:#493139;color:#f1e7e5}.hair .hero-copy p{color:#e1cfcc}.hair .hero-copy .button{background:#f1e7e5;color:#493139}.carpentry .hero img{filter:sepia(.3)}.hvac h1{font-family:Arial,sans-serif;font-weight:600}.hvac .hero-copy{border-bottom:8px solid #8bbdbc}.flooring .scene{background-attachment:fixed}@media(max-width:700px){.flooring .scene{background-attachment:scroll}.scene{min-height:50svh}}@media(prefers-reduced-motion:reduce){.palette{transition:none}.flooring .scene{background-attachment:scroll}}

[hidden]{display:none!important}

.hair .hero-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hair .hero-copy .button{align-self:flex-start}.scroll-enter{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.scroll-enter.in-view{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.scroll-enter{opacity:1;transform:none;transition:none}}