/* Web Design & Digital Experience service page — scoped styles */
.ec-wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}.ec-hero{position:relative;overflow:hidden;padding:155px 0 28px;background:#f7f6f3;min-height:720px}.ec-hero-grid{position:absolute;inset:0 0 auto 50%;height:600px;opacity:.25;background-image:linear-gradient(#7030a01a 1px,transparent 1px),linear-gradient(90deg,#7030a01a 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.ec-hero-inner{position:relative;display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center;min-height:500px}.ec-hero-copy{padding:35px 0}.ec-hero h1{max-width:740px;font-size:clamp(54px,6.4vw,88px);line-height:.96;letter-spacing:-.075em;margin:25px 0}.ec-hero h1 em,.ec-section h2 em,.ec-cta h2 em{font-style:normal;color:#7030a0}.ec-lead{max-width:590px;color:#68656a;font-size:20px;line-height:1.65;margin:30px 0}.ec-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ec-button{display:inline-flex;align-items:center;gap:25px;padding:16px 20px;background:#7030a0;color:#fff;font-size:14px;font-weight:700;border:1px solid #7030a0;transition:transform .2s,background .2s}.ec-button:hover{transform:translateY(-2px);background:#592181}.ec-button span{font-size:18px}.ec-text-link{font-size:14px;font-weight:700;border-bottom:1px solid #aaa;padding:9px 0}.ec-text-link span{margin-left:8px}.ec-art{position:relative;background:#7030a0;min-height:440px;padding:24px;color:#fff;overflow:hidden;box-shadow:20px 20px 0 #e5d7ed}.ec-art:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #ffffff4d;border-radius:50%;right:-140px;top:60px;box-shadow:0 0 0 42px #ffffff0b,0 0 0 84px #ffffff0b}.ec-art-top{position:relative;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#ffffffbd}.ec-art-frame{position:relative;display:grid;grid-template-columns:55px 1fr;margin:45px 0 35px;border:1px solid #ffffff5c;min-height:270px;background:#ffffff0b}.ec-art-sidebar{border-right:1px solid #ffffff5c;display:flex;align-items:center;flex-direction:column;gap:27px;padding:18px 8px}.ec-art-sidebar b{font:700 26px "Space Grotesk"}.ec-art-sidebar i{width:15px;height:15px;border:1px solid #ffffffb0;border-radius:50%}.ec-art-screen{padding:28px 24px}.ec-kicker{font-size:9px;letter-spacing:.13em;color:#e3c9f5}.ec-art-screen strong{display:block;font:600 clamp(25px,3vw,40px)/1.05 "Space Grotesk";letter-spacing:-.06em;margin:18px 0}.ec-art-screen strong em{font-style:normal;color:#e3c9f5}.ec-art-line{height:1px;background:#ffffff55;width:90%;margin:25px 0}.ec-art-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#ffffffc9}.ec-art-note{position:absolute;bottom:20px;right:24px;font-size:9px;letter-spacing:.15em;color:#ffffffbd}.ec-hero-foot{position:relative;display:flex;justify-content:space-between;border-top:1px solid #1112;padding-top:18px;margin-top:40px;font-size:10px;letter-spacing:.13em;color:#68656a}.ec-hero-foot a{font-weight:700;color:#111}.ec-section{padding:120px 0}.ec-split{display:grid;grid-template-columns:.55fr 1.45fr;gap:75px}.ec-marker{font-size:11px;letter-spacing:.15em;font-weight:700;color:#7030a0}.ec-section h2,.ec-cta h2{font:600 clamp(38px,4.8vw,64px)/1.02 "Space Grotesk";letter-spacing:-.07em;margin:0 0 30px}.ec-large{font-size:24px;line-height:1.5;color:#26232a;max-width:790px}.ec-section p:not(.eyebrow):not(.ec-marker){line-height:1.8}.ec-intro .ec-split>div>p:not(.ec-large){max-width:780px;color:#68656a}.ec-statement{margin-top:32px;border-left:2px solid #7030a0;padding:10px 0 10px 20px;font-weight:700;color:#25212a}.ec-dark{background:#101012;color:#fff}.ec-dark .eyebrow{color:#c9a5e2}.ec-section-heading{display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin-bottom:55px}.ec-section-heading>p{color:#aaa;max-width:480px;margin:0 0 10px}.ec-dark .ec-section-heading h2{margin-bottom:0}.ec-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff2a;border-left:1px solid #ffffff2a}.ec-cap{padding:30px;min-height:245px;border-right:1px solid #ffffff2a;border-bottom:1px solid #ffffff2a}.ec-cap>span,.ec-work-card>span{font-size:10px;letter-spacing:.12em;color:#c9a5e2;font-weight:700}.ec-cap h3{font:600 27px/1.1 "Space Grotesk";letter-spacing:-.05em;margin:35px 0 15px}.ec-cap p{font-size:15px;color:#aaa;margin:0;max-width:330px}.ec-principles{background:#f0edf2}.ec-principle-list{border-top:1px solid #1112}.ec-principle{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid #1112}.ec-principle>span{font-size:13px;color:#7030a0;font-weight:700}.ec-principle h3{font:600 25px/1.1 "Space Grotesk";letter-spacing:-.04em;margin:0 0 10px}.ec-principle p{margin:0;color:#68656a;max-width:780px}.ec-fit .ec-split{align-items:start}.ec-checks{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:28px 0}.ec-checks span{padding:13px 0;border-bottom:1px solid #1112;font-size:14px}.ec-checks span:before{content:"↗";color:#7030a0;margin-right:10px;font-weight:700}.ec-work{background:#fff}.ec-work .ec-section-heading>p{color:#68656a}.ec-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ec-work-card{display:flex;flex-direction:column;min-height:300px;padding:25px;background:#f7f6f3;border:1px solid #1111;transition:transform .2s,background .2s}.ec-work-card:hover{transform:translateY(-4px);background:#f0e8f5}.ec-work-card strong{font:600 clamp(25px,2.7vw,36px)/1.05 "Space Grotesk";letter-spacing:-.06em;margin:auto 0 15px}.ec-work-card p{font-size:14px;color:#68656a;margin:0}.ec-cta{background:#e9dcef;padding:115px 0}.ec-cta .ec-wrap{max-width:1200px}.ec-cta .eyebrow{color:#7030a0}.ec-cta h2{max-width:800px;margin-top:20px}.ec-cta>div>p:not(.eyebrow){max-width:650px;color:#68656a;font-size:18px;margin:28px 0}.ec-button-light{background:#101012;border-color:#101012;color:#fff}.ec-button-light:hover{background:#7030a0;border-color:#7030a0}
@media(max-width:900px){.ec-hero{padding-top:125px}.ec-hero-inner{grid-template-columns:1fr;gap:30px}.ec-hero-copy{padding-bottom:0}.ec-art{min-height:380px;max-width:650px;width:100%;margin:0 auto}.ec-section{padding:90px 0}.ec-split{grid-template-columns:1fr;gap:25px}.ec-section-heading{grid-template-columns:1fr;gap:15px}.ec-cap-grid{grid-template-columns:repeat(2,1fr)}.ec-work-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ec-wrap{width:calc(100% - 36px)}.ec-hero{padding-top:105px;min-height:auto}.ec-hero h1{font-size:clamp(48px,13.5vw,72px)}.ec-lead{font-size:17px}.ec-art{min-height:330px;padding:18px;box-shadow:10px 10px 0 #e5d7ed}.ec-art-frame{grid-template-columns:42px 1fr;margin:34px 0 28px;min-height:230px}.ec-art-screen{padding:22px 15px}.ec-art-screen strong{font-size:28px}.ec-art-bottom{font-size:8px}.ec-art-sidebar{gap:22px}.ec-hero-foot{font-size:8px}.ec-section{padding:75px 0}.ec-section h2,.ec-cta h2{font-size:clamp(38px,10.5vw,54px)}.ec-large{font-size:20px}.ec-cap-grid{grid-template-columns:1fr}.ec-cap{min-height:0;padding:24px}.ec-cap h3{margin:22px 0 12px}.ec-principle{grid-template-columns:38px 1fr;gap:15px;padding:24px 0}.ec-principle h3{font-size:22px}.ec-checks{grid-template-columns:1fr}.ec-work-grid{grid-template-columns:1fr}.ec-work-card{min-height:240px}.ec-cta{padding:80px 0}}
@media(prefers-reduced-motion:reduce){.ec-button,.ec-work-card{transition:none}}

/* E-commerce-specific hero artwork */
.ec-art{background:#f0e5f6;color:#1b1420;box-shadow:20px 20px 0 #d7c3e4}
.ec-art:before{border-color:#7030a033;box-shadow:0 0 0 42px #7030a008,0 0 0 84px #7030a008}
.ec-art-top{color:#5d4968}
.ec-art-board{position:relative;margin:35px 0 30px;border:1px solid #7030a044;background:#fff;min-height:300px}
.ec-art-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #1111;font-size:9px;color:#6b5d70}
.ec-art-toolbar b{font:700 15px "Space Grotesk";color:#7030a0;margin-right:auto}
.ec-art-toolbar i{display:inline-grid;place-items:center;background:#7030a0;color:#fff;border-radius:50%;width:17px;height:17px;font-style:normal;margin-left:4px}
.ec-art-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;padding:20px;min-height:240px}
.ec-art-copy{display:flex;flex-direction:column;align-items:flex-start}
.ec-art-copy>small{font-size:8px;letter-spacing:.12em;color:#7030a0;font-weight:700}
.ec-art-copy>strong{font:600 clamp(28px,3.2vw,42px)/.98 "Space Grotesk";letter-spacing:-.07em;margin:17px 0 12px}
.ec-art-copy>strong em{font-style:normal;color:#7030a0}
.ec-art-copy>span{font-size:9px;line-height:1.5;color:#756a79}
.ec-art-cta{margin-top:auto;padding:9px 10px;background:#7030a0;color:#fff;font-size:8px;font-weight:700;letter-spacing:.06em}
.ec-product-stack{position:relative;min-height:190px}
.ec-product{position:absolute;width:65%;height:145px;background:#e7d6ef;border:1px solid #7030a022;padding:8px;box-shadow:0 10px 20px #7030a012}
.ec-product span{display:block;height:92px;background:linear-gradient(135deg,#d1b5e0,#f5eff8);position:relative;overflow:hidden}
.ec-product span:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#7030a0;opacity:.18;right:-15px;top:-12px}
.ec-product small{display:block;margin-top:8px;font-size:7px;letter-spacing:.08em;color:#65516f}
.ec-product.p1{right:0;top:0;transform:rotate(4deg)}
.ec-product.p2{left:0;top:25px;transform:rotate(-5deg);background:#f6f0f8}
.ec-product.p3{right:5px;top:52px;transform:rotate(1deg);background:#fff}
.ec-art-note{color:#5d4968}
@media(max-width:600px){.ec-art{box-shadow:10px 10px 0 #d7c3e4}.ec-art-board{margin:28px 0 24px}.ec-art-content{padding:14px;grid-template-columns:.95fr 1.05fr;min-height:220px}.ec-art-copy>strong{font-size:28px}.ec-art-toolbar{padding:12px 10px;gap:7px;font-size:8px}.ec-product{height:125px;padding:6px}.ec-product span{height:76px}}