/* Effects sit behind the existing unique service hero. No layout, type or palette reset. */
[data-service-background] [data-service-reveal-content]{position:relative;isolation:isolate}
.service-hero-pattern{position:absolute;inset:0 -3% 0 auto;width:79%;overflow:hidden;pointer-events:none;z-index:0;opacity:.42;mask-image:linear-gradient(90deg,transparent 0%,#0003 22%,#000 57%,#000 94%,transparent)}
.service-hero-pattern canvas{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%);display:block;pointer-events:none}
[data-service-background] .service-hero-layout,[data-service-background] .service-hero-bottom{position:relative;z-index:1}
[data-service-background="contours"] .service-hero-pattern{width:93%;opacity:.24}
[data-service-background="mesh"] .service-hero-pattern{width:100%;opacity:.5;inset-inline-end:-9%}
[data-service-background="portal"] .service-hero-pattern{width:90%;opacity:.3}
[data-service-background="voice"] .service-hero-pattern{width:100%;opacity:.6}
[data-service-background="aurora"] .service-hero-pattern{width:110%;opacity:.58;inset-inline-end:-12%}
[data-service-background="globe"] .service-hero-pattern{opacity:.2}
[data-service-background="ribbons"] .service-hero-pattern{width:110%;opacity:.18;inset-inline-end:-12%}
[data-service-background="shutters"] .service-hero-pattern{opacity:.2}
.service-background-pause{background:transparent;border:1px solid currentColor;border-radius:5px;color:inherit;font:inherit;font-size:10px;min-height:32px;padding:6px 10px;opacity:.8;cursor:pointer;order:2}
.service-background-pause:hover{opacity:1}.service-background-pause:focus-visible{outline:3px solid #477c25;outline-offset:4px}
@media(max-width:800px){[data-service-background] .service-hero-pattern{width:150%;inset:15% -35% auto auto;height:70%;min-height:440px;max-height:900px;opacity:.22;mask-image:radial-gradient(ellipse,#000 25%,transparent 73%)}[data-service-background] .service-hero-bottom{flex-wrap:wrap;gap:14px}.service-background-pause{order:3}}
@media(prefers-reduced-motion:reduce){.service-background-pause{display:none}}