/* The browser hero shares the site's fluid container and side gutters. */
.browser-hero { grid-template-columns: .84fr 1.16fr; min-height: 640px; gap: clamp(40px, 4vw, 80px); padding-block: 60px 68px; }
.browser-hero .hero-copy { min-width: 0; max-width: 620px; }
.browser-hero .hero-actions { flex-wrap: wrap; gap: 24px; }
.browser-hero .hero-visual { min-width: 0; height: auto; margin: 0; padding-bottom: 40px; }
.browser-hero .project-frame { width: 100%; }
.browser-hero .frame-image { display: block; aspect-ratio: 1919 / 945; margin-top: 7px; overflow: hidden; border-radius: 10px; }
.browser-hero .project-frame .frame-image img { width: 100%; height: 100%; margin: 0; transform: scale(1.012); transform-origin: center; }
.browser-hero .hero-project { display: block; border-radius: 10px; }
.browser-hero .hero-project:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.browser-hero .frame-caption { bottom: 0; }
.browser-hero .arc-a { right: -20px; }
.browser-hero .arc-b { right: 35px; }
.browser-hero .arc-c { right: 82px; }
@media (min-width: 1100px) {
  .browser-hero .hero-visual { width: calc(100% + clamp(16px, 2vw, 40px)); }
}
@media (min-width: 1400px) {
  .browser-hero h1 span { white-space: nowrap; }
}
@media (max-width: 800px) {
  .browser-hero { grid-template-columns: 1fr; gap: 36px; min-height: auto; padding-block: 48px 50px; }
  .browser-hero .hero-visual { min-height: 0; padding-bottom: 26px; }
  .browser-hero .project-frame { width: 96%; }
  .browser-hero .frame-caption { bottom: 0; font-size: 10px; }
  .browser-hero .arc-a { right: -12px; }
  .browser-hero .arc-b { right: 25px; }
  .browser-hero .arc-c { right: 62px; }
}
.service-list h3 a{color:inherit;text-decoration:none}.service-list h3 a:hover{color:var(--blue)}
.work-email-cta{display:flex;justify-content:center;margin:34px 0 4px;padding-top:26px;border-top:1px solid var(--line);text-align:center}.work-email-cta p{margin:0;color:var(--muted);font-size:14px}.work-email-cta a{color:var(--ink);font-weight:700;text-decoration-color:var(--blue);text-underline-offset:3px}.work-email-cta a:hover{color:var(--blue)}@media(max-width:800px){.work-email-cta{margin-top:26px;padding-top:22px}.work-email-cta p{max-width:320px;font-size:13px}}
.final-cta .arrow-link.light{color:#fff}.final-cta .arrow-link.light:hover{color:#c3cae0}