/* legend-cta — merged from the static build's app.css, source order preserved. */

body.seo-page .seo-cta { position: relative; height: 450px; margin-top: 120px; border-top: 1px solid rgba(0,0,0,.08); border-bottom: 1px solid rgba(0,0,0,.08); background: transparent; }
body.seo-page .seo-cta__marks { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
body.seo-page .seo-cta__marks::after { position: absolute; inset: 0; content: ""; background: url('../../assets/img/seo-cta-dots.png') repeat; background-size: 368px 207px; opacity: .11; }
body.seo-page .seo-cta__marks i { position: absolute; z-index: 2; width: 40px; height: 40px; background: var(--coral); }
body.seo-page .seo-cta__marks i:nth-child(1) { top: 0; left: var(--rail-left); }
body.seo-page .seo-cta__marks i:nth-child(2) { top: 0; right: var(--rail-right); }
body.seo-page .seo-cta__marks i:nth-child(3) { bottom: 0; left: var(--rail-left); }
body.seo-page .seo-cta__marks i:nth-child(4) { bottom: 0; right: var(--rail-right); }
body.seo-page .seo-cta__content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; padding-top: 72px; text-align: center; }
body.seo-page .seo-cta h2 { width: 800px; margin: 0; font-size: 60px; font-weight: 600; line-height: 60px; letter-spacing: normal; }
body.seo-page .seo-cta h2 em { font-family: var(--font-serif); font-weight: 400; font-style: italic; }
body.seo-page .seo-cta p { width: 545px; margin-top: 26px; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }
body.seo-page .seo-cta__content > div { display: flex; gap: 24px; margin-top: 54px; }
body.seo-page .seo-cta .button { width: 185px; min-width: 185px; }
.digital-strategy { height: 552px; margin-top: 120px; border-block: 1px solid rgba(0,0,0,.09); background: #fff url('../../assets/img/work-background.png') center / cover no-repeat; }
.digital-strategy__content { display: flex; flex-direction: column; align-items: center; padding-top: 100px; text-align: center; }
.digital-strategy h2 { width: 600px; margin: 30px 0 0; font-size: 60px; font-weight: 600; line-height: 60px; letter-spacing: -.045em; }
.digital-strategy h2 em { font-family: var(--font-serif); font-weight: 400; }
.digital-strategy__content > p:not(.eyebrow) { margin: 21px 0 0; color: rgba(0,0,0,.52); font-size: 18px; line-height: 26px; }
.digital-strategy .button { width: 275px; margin-top: 61px; }
body.digital-marketing-page .legend-cta { margin-top: 120px; }
.legend-cta { position: relative; height: 856px; overflow: hidden; background-color: var(--paper); background-image: var(--noise); }
.legend-cta__content { position: absolute; z-index: 2; top: 334px; left: 50%; width: 620px; transform: translateX(-50%); text-align: center; }
.legend-cta h2 { margin: 0; font-size: 60px; font-weight: 600; line-height: 60px; }
.legend-cta h2 em { display: block; font-family: var(--font-serif); font-weight: 400; }
.legend-cta p { max-width: 545px; margin: 16px auto 0; color: rgba(0,0,0,.58); font-size: 18px; line-height: 26px; }
.legend-cta__content > div { display: flex; justify-content: center; gap: 18px; margin-top: 56px; }
.legend-cta .button { width: 185px; }
.legend-cta .photo-collage { top: 120px; }
body.web-development-page .legend-cta .photo-collage, body.digital-marketing-page .legend-cta .photo-collage { top: 0; height: 100%; }
body.web-development-page .legend-cta h2 em { display: block; font-family: var(--font-serif); font-style: italic; font-weight: 400; line-height: 60px; }
body.web-development-page .legend-cta { height: 736px; margin-top: 119.3px; }
body.web-development-page .legend-cta__content { top: 215px; width: 545px; }
body.web-development-page .legend-cta h2 { font-size: 60px; line-height: 60px; }
body.web-development-page .legend-cta p { max-width: 545px; margin-top: 14.5px; font-size: 18px; line-height: 26px; }
body.web-development-page .legend-cta__content > div { margin-top: 56.7px; gap: 18px; transform: translateX(2px); }
body.web-development-page .legend-cta .photo-collage { top: 0; }
body.email-marketing-page .email-cta { position: relative; height: 450px; margin-top: 120px; border-block: 1px solid rgba(0,0,0,.08); }
body.email-marketing-page .email-cta__marks { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
body.email-marketing-page .email-cta__marks::after { position: absolute; inset: 0; content: ""; background: url('../../assets/img/seo-cta-dots.png') repeat; background-size: 368px 207px; opacity: .11; }
body.email-marketing-page .email-cta__marks i { position: absolute; z-index: 2; width: 40px; height: 40px; background: var(--coral); }
body.email-marketing-page .email-cta__marks i:nth-child(1) { top: 0; left: var(--rail-left); }
body.email-marketing-page .email-cta__marks i:nth-child(2) { top: 0; right: var(--rail-right); }
body.email-marketing-page .email-cta__marks i:nth-child(3) { bottom: 0; left: var(--rail-left); }
body.email-marketing-page .email-cta__marks i:nth-child(4) { bottom: 0; right: var(--rail-right); }
body.email-marketing-page .email-cta__content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; padding-top: 72px; text-align: center; }
body.email-marketing-page .email-cta h2 { width: 800px; margin: 0; font-size: 60px; font-weight: 600; line-height: 60px; letter-spacing: normal; }
body.email-marketing-page .email-cta h2 em { font-family: var(--font-serif); font-weight: 400; font-style: italic; }
body.email-marketing-page .email-cta p { width: 545px; margin-top: 26px; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }
body.email-marketing-page .email-cta__content > div { display: flex; margin-top: 54px; gap: 24px; }
body.email-marketing-page .email-cta .button { width: 185px; min-width: 185px; }
.seo-page .seo-cta { position: relative; height: 450px; margin-top: 120px; border-top: 1px solid rgba(0,0,0,.08); border-bottom: 1px solid rgba(0,0,0,.08); background: transparent; }
.seo-page .seo-cta__marks { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.seo-page .seo-cta__marks::after { position: absolute; inset: 0; content: ""; background: url('../../assets/img/seo-cta-dots.png') repeat; background-size: 368px 207px; opacity: .11; }
.seo-page .seo-cta__marks i { position: absolute; z-index: 2; width: 40px; height: 40px; background: var(--coral); }
.seo-page .seo-cta__marks i:nth-child(1) { top: 0; left: var(--rail-left); }
.seo-page .seo-cta__marks i:nth-child(2) { top: 0; right: var(--rail-right); }
.seo-page .seo-cta__marks i:nth-child(3) { bottom: 0; left: var(--rail-left); }
.seo-page .seo-cta__marks i:nth-child(4) { bottom: 0; right: var(--rail-right); }
.seo-page .seo-cta__content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; padding-top: 72px; text-align: center; }
.seo-page .seo-cta h2 { width: 800px; margin: 0; font-size: 60px; font-weight: 600; line-height: 60px; letter-spacing: normal; }
.seo-page .seo-cta h2 em { font-family: var(--font-serif); font-weight: 400; font-style: italic; }
.seo-page .seo-cta p { width: 545px; margin-top: 26px; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }
.seo-page .seo-cta__content > div { display: flex; gap: 24px; margin-top: 54px; }
.seo-page .seo-cta .button { width: 185px; min-width: 185px; }
.digital-marketing-page .legend-cta { margin-top: 120px; }
.web-development-page .legend-cta .photo-collage, .digital-marketing-page .legend-cta .photo-collage { top: 0; height: 100%; }
.web-development-page .legend-cta h2 em { display: block; font-family: var(--font-serif); font-style: italic; font-weight: 400; line-height: 60px; }
.web-development-page .legend-cta { height: 736px; margin-top: 119.3px; }
.web-development-page .legend-cta__content { top: 215px; width: 545px; }
.web-development-page .legend-cta h2 { font-size: 60px; line-height: 60px; }
.web-development-page .legend-cta p { max-width: 545px; margin-top: 14.5px; font-size: 18px; line-height: 26px; }
.web-development-page .legend-cta__content > div { margin-top: 56.7px; gap: 18px; transform: translateX(2px); }
.web-development-page .legend-cta .photo-collage { top: 0; }
.email-marketing-page .email-cta { position: relative; height: 450px; margin-top: 120px; border-block: 1px solid rgba(0,0,0,.08); }
.email-marketing-page .email-cta__marks { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.email-marketing-page .email-cta__marks::after { position: absolute; inset: 0; content: ""; background: url('../../assets/img/seo-cta-dots.png') repeat; background-size: 368px 207px; opacity: .11; }
.email-marketing-page .email-cta__marks i { position: absolute; z-index: 2; width: 40px; height: 40px; background: var(--coral); }
.email-marketing-page .email-cta__marks i:nth-child(1) { top: 0; left: var(--rail-left); }
.email-marketing-page .email-cta__marks i:nth-child(2) { top: 0; right: var(--rail-right); }
.email-marketing-page .email-cta__marks i:nth-child(3) { bottom: 0; left: var(--rail-left); }
.email-marketing-page .email-cta__marks i:nth-child(4) { bottom: 0; right: var(--rail-right); }
.email-marketing-page .email-cta__content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; padding-top: 72px; text-align: center; }
.email-marketing-page .email-cta h2 { width: 800px; margin: 0; font-size: 60px; font-weight: 600; line-height: 60px; letter-spacing: normal; }
.email-marketing-page .email-cta h2 em { font-family: var(--font-serif); font-weight: 400; font-style: italic; }
.email-marketing-page .email-cta p { width: 545px; margin-top: 26px; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }
.email-marketing-page .email-cta__content > div { display: flex; margin-top: 54px; gap: 24px; }
.email-marketing-page .email-cta .button { width: 185px; min-width: 185px; }