.web-service-page{--web-line: hsl(var(--foreground) / .14);position:relative;z-index:10;margin-top:calc(var(--nav-h) - var(--marketing-pad-top));overflow:clip;background:radial-gradient(ellipse 65% 28% at 12% 34%,#326f581c,transparent 75%),linear-gradient(180deg,hsl(var(--background) / .55),hsl(var(--background) / .3) 62%,hsl(var(--background) / .65));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.web-service-width{width:min(1296px,calc(100% - 9rem));margin-inline:auto}.web-service-page h1,.web-service-page h2,.web-service-page h3{font-family:var(--font-display, inherit);font-weight:500;letter-spacing:-.055em;text-wrap:balance}.web-service-page h2{max-width:14ch;font-size:clamp(2.8rem,4.7vw,4.5rem);line-height:1.02}.web-service-page p{color:hsl(var(--muted-foreground));line-height:1.6;text-wrap:pretty}.web-service-page a:focus-visible,.web-service-page summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}.web-service-hero{position:relative;isolation:isolate;max-width:1600px;min-height:650px;margin-inline:auto;overflow:hidden}.web-service-hero-media{position:absolute;inset:0;z-index:-2}.web-service-hero-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 42%;object-position:center 42%}.web-service-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 62%,hsl(var(--background) / .75)),linear-gradient(90deg,hsl(var(--background) / .98),hsl(var(--background) / .94) 25%,hsl(var(--background) / .72) 46%,hsl(var(--background) / .12) 78%,transparent)}.web-service-hero-copy{width:min(660px,58%);padding:2rem 0 4rem;margin-left:max(4.5rem,calc((100% - 1296px)/2))}.web-service-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:1.75rem;color:hsl(var(--muted-foreground));font-size:.8125rem}.web-service-hero h1{max-width:10.5ch;font-size:clamp(3.75rem,5.3vw,5.25rem);line-height:.96}.web-service-hero .web-service-lead{max-width:34ch;margin-top:2rem;color:hsl(var(--foreground) / .85);font-size:1.2rem;line-height:1.45}.web-service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.75rem;margin-top:2rem}.web-service-actions>a:first-child{height:auto;min-height:48px;padding-block:.8rem;white-space:normal}.web-service-text-link{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;font-size:.8125rem}.web-service-text-link svg,.web-service-hero-caption svg{width:16px;height:16px;flex:0 0 auto}.web-service-text-link:hover,.web-service-more a:hover{text-decoration:underline;text-underline-offset:5px}.web-service-hero .web-service-reassurance{max-width:43ch;margin-top:1rem;font-size:.8125rem;line-height:1.5}.web-service-hero-caption{position:absolute;right:4.5rem;bottom:1.75rem;display:flex;align-items:center;gap:.7rem;color:hsl(var(--foreground));font-size:.8125rem;text-shadow:0 1px 12px hsl(var(--background))}.web-service-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(3rem,7vw,7rem);padding-block:clamp(4rem,7vw,7rem)}.web-service-offer-copy>p{max-width:43ch;margin-top:1.75rem;font-size:1rem}.web-service-offer-copy .web-service-scope-note{font-size:.875rem}.web-service-capabilities{border:1px solid var(--web-line);background:hsl(var(--background) / .58);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 80px #00000014}.web-service-capability+.web-service-capability{border-top:1px solid var(--web-line)}.web-service-capability summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:135px;padding:1.5rem 2rem;list-style:none;cursor:pointer}.web-service-capability summary::-webkit-details-marker{display:none}.web-service-capability summary:focus-visible{outline-offset:-4px}.web-service-capability-title{display:block;max-width:24ch;font-size:clamp(1.35rem,2.1vw,1.9rem);font-weight:500;line-height:1.12;letter-spacing:-.04em}.web-service-capability-summary{display:block;max-width:42ch;margin-top:.6rem;color:hsl(var(--muted-foreground));font-size:.8125rem;line-height:1.45}.web-service-toggle{flex-shrink:0;width:22px;height:22px;stroke-width:1.25}.web-service-capability[open] .web-service-toggle{transform:rotate(45deg)}.web-service-capability-body{padding:.5rem 2rem 2rem}.web-service-capability-body ul{display:grid;gap:1rem}.web-service-capability-body li{display:flex;align-items:start;gap:.75rem;color:hsl(var(--foreground) / .82);font-size:.875rem;line-height:1.5}.web-service-capability-body li>svg{width:18px;height:18px;margin-top:2px;flex-shrink:0;color:#88a995}.web-service-page .home-agency-panel-marks{display:flex;align-items:center;gap:1.15rem;margin-bottom:1.5rem}.web-service-page .home-agency-service-mark{display:grid;place-items:center;width:27px;height:27px;color:hsl(var(--foreground) / .72)}.web-service-page .home-agency-service-mark--lead{width:36px;height:36px;margin-right:.25rem}.web-service-page .home-agency-service-brand{width:100%;height:100%}.web-service-page .home-agency-service-mark--figma{color:#df947e}.web-service-page .home-agency-service-mark--react{color:#75bdd4}.web-service-page .home-agency-service-mark--aws,.web-service-page .home-agency-service-mark--cloudflare{color:#d99c64}.web-service-work{padding-block:1rem clamp(4rem,7vw,7rem);scroll-margin-top:calc(var(--nav-h) + 2rem)}.web-service-section-heading{display:grid;grid-template-columns:1fr .8fr;gap:4rem;align-items:end;margin-bottom:3rem}.web-service-section-heading>p{max-width:43ch;font-size:1rem}.web-service-industries{padding-block:1rem clamp(4rem,7vw,7rem)}#website-industries-heading{scroll-margin-top:calc(var(--nav-h) + 2rem)}.web-service-industry-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4rem 2.5rem;align-items:start}.web-service-industry{display:block;grid-column:span 7;min-width:0}.web-service-industry:nth-child(4n+2),.web-service-industry:nth-child(4n+3){grid-column:span 5}.web-service-industry:nth-child(2n){padding-top:5rem}.web-service-industry-image{position:relative;height:clamp(280px,32vw,440px);overflow:hidden;background:#d6d9cc}.web-service-industry-image>picture{display:block;height:100%}.web-service-industry-desktop{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.web-service-industry--restaurants .web-service-industry-image{background:#e9b937}.web-service-industry--trades .web-service-industry-image{background:#b8c6c9}.web-service-industry-image--devices .web-service-industry-desktop{position:absolute;top:10%;left:6%;width:86%;height:110%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border:1px solid #ffffff60;border-radius:5px;box-shadow:0 18px 50px #0004}.web-service-industry-phone{position:absolute;right:4%;bottom:-6%;width:28%;aspect-ratio:390 / 844;overflow:hidden;border:4px solid #182027;border-radius:18px;box-shadow:0 10px 35px #0006}.web-service-industry-phone img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.web-service-industry--property .web-service-industry-desktop,.web-service-industry--professional .web-service-industry-desktop{-o-object-position:top left;object-position:top left}.web-service-industry--software .web-service-industry-image{background:#bed1c8;padding:2rem 2rem 0}.web-service-industry--software .web-service-industry-desktop{border-radius:6px 6px 0 0;box-shadow:0 12px 45px #18382c33;-o-object-position:top left;object-position:top left}.web-service-industry figcaption{padding-block:.8rem 1.25rem;color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.5}.web-service-industry-title{display:flex;align-items:start;justify-content:space-between;gap:1rem}.web-service-industry-title>svg{width:25px;height:25px;flex-shrink:0;margin-top:.25rem;stroke-width:1.4}.web-service-industry h3{max-width:24ch;font-size:clamp(1.75rem,2.7vw,2.5rem);line-height:1.12}.web-service-industry p{max-width:49ch;margin-block:1rem .5rem;font-size:.9375rem}.web-service-industry:hover .web-service-text-link,.web-service-industry:focus-visible .web-service-text-link{text-decoration:underline;text-underline-offset:5px}.web-service-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.web-service-project{display:block;min-width:0}.web-service-project-image{aspect-ratio:5 / 4;overflow:hidden;background:hsl(var(--muted));border:1px solid var(--web-line)}.web-service-project-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.web-service-marketing-image{position:relative;background:#d9b84f}.web-service-marketing-image .web-service-marketing-email{position:absolute;top:7%;left:6%;width:61%;height:auto;border-radius:4px;box-shadow:0 15px 40px #0003}.web-service-marketing-image .web-service-marketing-sms{position:absolute;top:20%;right:6%;width:33%;height:auto;border-radius:18px;box-shadow:0 12px 36px #0004}.web-service-project-copy{padding-top:1.5rem}.web-service-project-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.web-service-project-title h3{font-size:clamp(1.75rem,2.7vw,2.5rem);line-height:1.1}.web-service-project-title svg{width:24px;height:24px;stroke-width:1.4}.web-service-project-copy p{max-width:48ch;margin-top:.75rem;font-size:.875rem}.web-service-project-copy .web-service-project-role{color:hsl(var(--foreground) / .85);font-size:.8125rem}.web-service-project-copy .web-service-text-link{margin-top:.8rem}.web-service-process{padding-block:clamp(3rem,5vw,5rem) 2rem;border-top:1px solid var(--web-line)}.web-service-process>h2{max-width:19ch}.web-service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3.5rem;border-block:1px solid var(--web-line);background:hsl(var(--background) / .32)}.web-service-step{padding:2.5rem 2rem}.web-service-step+.web-service-step{border-left:1px solid var(--web-line)}.web-service-step>svg{width:26px;height:26px;margin-bottom:2rem;color:#91a99a;stroke-width:1.3}.web-service-step h3{max-width:15ch;font-size:1.8rem;line-height:1.05}.web-service-step p{margin-top:1.25rem;font-size:.875rem}.web-service-more{max-width:66ch;margin-top:2rem;font-size:.875rem}.web-service-more a{color:hsl(var(--foreground));text-decoration:underline;text-underline-offset:4px}.web-service-page .site-closing-cta-inner{width:min(1296px,calc(100% - 9rem));padding-inline:0}.web-service-page .site-closing-cta-copy h2{max-width:12ch;font-size:clamp(3.25rem,6.7vw,6.5rem)}.web-service-page .site-closing-cta-copy>p{max-width:47ch}.web-service-page .site-closing-cta-copy a{white-space:normal;height:auto;min-height:48px;padding-block:.8rem}@media(max-width:1100px){.web-service-width,.web-service-page .site-closing-cta-inner{width:calc(100% - 5rem)}.web-service-hero-copy{margin-left:2.5rem;width:57%}.web-service-hero-caption{right:2.5rem}.web-service-offer{gap:2.5rem}.web-service-capability summary{padding-inline:1.5rem}.web-service-capability-body{padding-inline:1.5rem}}@media(max-width:767px){.web-service-width,.web-service-page .site-closing-cta-inner{width:calc(100% - 2.5rem)}.web-service-page h2{font-size:clamp(2.5rem,10.5vw,3.25rem)}.web-service-hero{display:flex;flex-direction:column;min-height:0}.web-service-hero:after{display:none}.web-service-hero-copy{order:0;width:auto;margin:0;padding:1rem 1.25rem 2rem}.web-service-back{margin-bottom:1.25rem}.web-service-hero h1{max-width:11ch;font-size:clamp(2.8rem,12.2vw,3.5rem);line-height:.98}.web-service-hero .web-service-lead{margin-top:1.5rem;font-size:1.0625rem}.web-service-actions{gap:.5rem 1.25rem;margin-top:1.5rem}.web-service-hero-media{position:relative;z-index:auto;order:1;height:280px}.web-service-hero-media img{-o-object-position:55% center;object-position:55% center}.web-service-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsl(var(--background) / .15),transparent 35%,hsl(var(--background) / .2))}.web-service-hero-caption{position:static;order:2;min-height:48px;padding:.75rem 1.25rem;color:hsl(var(--muted-foreground));background:hsl(var(--background) / .7);text-shadow:none;font-size:.75rem}.web-service-offer{display:block;padding-block:3.5rem}.web-service-offer-copy>p{margin-top:1.5rem}.web-service-capabilities{margin-top:2rem}.web-service-capability summary{min-height:118px;padding:1.25rem}.web-service-capability-title{font-size:1.5rem}.web-service-capability-body{padding:.5rem 1.25rem 1.5rem}.web-service-section-heading{display:block;margin-bottom:2rem;padding-inline:1.25rem}.web-service-section-heading>p{margin-top:1.5rem}.web-service-industries{width:100%}.web-service-industry-list{grid-template-columns:1fr;gap:2.75rem}.web-service-industry,.web-service-industry:nth-child(n){grid-column:auto;padding-top:0;outline-offset:-3px}.web-service-industry-image{height:auto;aspect-ratio:5 / 4}.web-service-industry-copy,.web-service-industry figcaption{padding-inline:1.25rem}.web-service-industry--software .web-service-industry-image{padding:1.25rem 1.25rem 0;aspect-ratio:1}.web-service-work{width:100%;padding-block:.5rem 3rem}.web-service-projects{grid-template-columns:1fr;gap:2.5rem}.web-service-project{outline-offset:-3px!important}.web-service-project-image{border-inline:0}.web-service-project-copy{padding-inline:1.25rem}.web-service-steps{grid-template-columns:1fr;margin-top:2rem}.web-service-step{padding:1.75rem 0;background:none}.web-service-step+.web-service-step{border-left:0;border-top:1px solid var(--web-line)}.web-service-step>svg{margin-bottom:1.25rem}.web-service-step h3{max-width:none}.web-service-process{padding-block:3rem 0}}
