.marketing-hero{background:var(--navy);color:#fff;padding:54px max(4vw,24px) 48px}.marketing-hero .eyebrow{font-size:11px;margin-bottom:20px}.marketing-hero h1{max-width:1000px;font-size:clamp(40px,4.4vw,64px);line-height:1.06;margin:0 0 20px}.marketing-hero>p{max-width:660px;color:#c7d8e8;font-size:18px;line-height:1.7;margin:0 0 26px}.marketing-hero .hero-actions{margin:0;gap:26px}.marketing-call{font-size:16px;font-weight:800;color:white;border-bottom:1px solid #ffffff88;padding-bottom:5px}.marketing-hero .button{padding:15px 22px;gap:28px}
.marketing-process{padding-top:46px;padding-bottom:0;background:#fff}.marketing-section-head{margin-bottom:28px}.marketing-section-head h2{font-size:clamp(34px,3.5vw,50px);color:var(--navy);margin:10px 0 12px}.marketing-section-head>p:last-child{font-size:14px;color:var(--muted);margin:0}.marketing-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.stage-card{background:#f2f6f9;min-width:0;border:1px solid #e0e8ef}.stage-photo{height:350px;background:#e8eef3;display:flex;align-items:center;justify-content:center}.stage-photo img{display:block;width:100%;height:100%;object-fit:contain}.stage-caption{padding:22px 20px 24px}.stage-caption>span{display:block;color:var(--orange);font-weight:800;font-size:12px;letter-spacing:.1em;margin-bottom:12px}.stage-caption h3{font:500 25px/1.13 Georgia,serif;color:var(--navy);margin:0 0 12px;min-height:57px}.stage-caption p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.estimate-band{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);margin-top:36px;padding:30px 0}.estimate-band h3{font:500 32px/1.2 Georgia,serif;color:var(--navy);margin:0 0 8px}.estimate-band p{font-size:15px;color:var(--muted);margin:0}.estimate-band .button{flex-shrink:0;gap:24px}.more-work,.service-information{background:#fff;padding-top:0;padding-bottom:20px}.more-work details,.service-information details{border:1px solid var(--line);background:#f7fafc}.more-work summary,.service-information>details>summary{list-style:none;cursor:pointer;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--navy)}.more-work summary::-webkit-details-marker,.service-information summary::-webkit-details-marker{display:none}.more-work summary strong,.service-information>details>summary strong{display:block;font:700 18px/1.3 Manrope,Arial,sans-serif}.more-work summary small,.service-information>details>summary small{display:block;font-size:13px;color:var(--muted);margin-top:7px}.gallery-disclosure{font-size:27px;color:var(--orange);font-weight:500}.more-work details[open] .gallery-disclosure,.service-information>details[open]>summary .gallery-disclosure{transform:rotate(45deg)}summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.more-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 28px 28px}.more-project-grid figure{margin:0;background:white;border:1px solid var(--line)}.gallery-photo{height:350px;background:#edf3f7}.gallery-photo img{display:block;width:100%;height:100%;object-fit:contain}.more-project-grid figcaption{padding:18px;font-size:14px;color:var(--muted);line-height:1.6}.more-project-grid figcaption strong{display:block;color:var(--navy);margin-bottom:7px}.service-information{padding-bottom:46px}.service-information-body>.section-pad{padding:34px 28px}.service-information-body h2{font-size:32px}.service-information-body .landing-detail,.service-information-body .landing-note,.service-information-body .landing-faq{gap:32px}.service-information-body .section-head{margin-bottom:20px}.service-information-body .section-head h2{font-size:32px}.service-information-body .steps{gap:18px}.service-information .landing-faq details{background:none;border:0;border-top:1px solid var(--line)}.service-information .landing-faq summary{padding:0}.service-information-body .related>div{gap:12px}#submit-project{scroll-margin-top:24px}
@media(max-width:1000px) and (min-width:741px){.marketing-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-photo{height:360px}.stage-caption h3{min-height:0}.more-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.marketing-hero{padding:36px 24px}.marketing-hero .eyebrow{font-size:10px}.marketing-hero h1{font-size:39px;margin-bottom:18px}.marketing-hero>p{font-size:16px;line-height:1.65;margin-bottom:24px}.marketing-hero .hero-actions{gap:18px}.marketing-hero .button{width:100%;justify-content:center;font-size:15px}.marketing-call{font-size:16px}.marketing-process{padding:34px 24px 0}.marketing-section-head{margin-bottom:24px}.marketing-section-head h2{font-size:35px}.marketing-section-head>p:last-child{font-size:13px;line-height:1.6}.marketing-stages{grid-template-columns:1fr;gap:24px;max-width:440px;margin:auto}.stage-photo{height:330px}.stage-caption{padding:20px}.stage-caption>span{margin-bottom:9px}.stage-caption h3{font-size:26px;min-height:0;margin-bottom:9px}.stage-caption p{font-size:15px;line-height:1.65}.estimate-band{display:block;margin-top:30px;padding:28px 0 30px}.estimate-band h3{font-size:30px}.estimate-band p{font-size:15px;line-height:1.65}.estimate-band .button{margin-top:20px;width:100%;justify-content:center}.more-work,.service-information{padding:0 24px 18px}.service-information{padding-bottom:34px}.more-work summary,.service-information>details>summary{padding:20px;gap:14px}.more-work summary strong,.service-information>details>summary strong{font-size:16px}.more-work summary small,.service-information>details>summary small{font-size:12px;line-height:1.5}.more-project-grid{grid-template-columns:1fr;padding:0 20px 20px;gap:20px}.gallery-photo{height:340px}.service-information-body>.section-pad{padding:26px 20px}.service-information-body h2{font-size:29px}.service-information-body .related>div{grid-template-columns:1fr}}
@media(min-width:741px){.marketing-hero{padding-top:32px;padding-bottom:32px}.marketing-hero .eyebrow{margin-bottom:14px}.marketing-hero h1{font-size:clamp(40px,4.2vw,60px);margin-bottom:16px}.marketing-hero>p{max-width:900px;font-size:17px;line-height:1.6;margin-bottom:22px}.marketing-process{padding-top:30px}.marketing-section-head{margin-bottom:24px}.marketing-section-head h2{margin-top:8px;margin-bottom:10px}}
.estimate-arrow{width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);display:inline-block;flex-shrink:0}