@layer components{.process-diagram_wrap{gap:var(--space-7);flex-direction:column;width:100%;display:flex}.process-diagram_head{gap:var(--space-4);flex-direction:column;display:flex}.process-diagram_head>.heading,.process-diagram_head>.text{margin:0}.process-diagram_index{font-size:var(--text-small);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--text-2);margin:0;line-height:1.2}.process-diagram_stage{--_node:8rem;--_clear:var(--space-2);--_pad:var(--space-5);--_inset:var(--space-3);--_centre:calc(var(--_pad) + (var(--_node) - 2 * var(--_clear)) / 3);position:relative}.process-diagram_list{gap:var(--space-3);display:grid}@media (min-width:48rem){.process-diagram_list{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.process-diagram_list{grid-template-columns:repeat(var(--_count), minmax(0, 1fr))}}.process-diagram_step{align-content:start;justify-items:center;row-gap:var(--space-5);padding:var(--_pad) var(--_pad) var(--space-6);border-radius:var(--radius-small);background-color:var(--background-2);text-align:center;opacity:.35;transition:opacity .5s var(--hover-ease);display:grid;position:relative}.process-diagram_step.is-active{opacity:1}@media (min-width:48rem){.process-diagram_step{opacity:1}}.process-diagram_link,.process-diagram_packet{display:none}@media (min-width:48rem){.process-diagram_link{z-index:1;top:var(--_centre);left:var(--_inset);right:var(--_inset);border-top:var(--border-width) dashed color-mix(in lab, var(--text) 30%, transparent);display:block;position:absolute}.process-diagram_step:first-child .process-diagram_link{left:50%}.process-diagram_step:last-child .process-diagram_link{right:50%}.process-diagram_step:only-child .process-diagram_link{display:none}.process-diagram_packet{z-index:1;aspect-ratio:1;border-radius:var(--radius-round);background-color:var(--accent);width:.75rem;box-shadow:0 0 0 .3rem color-mix(in lab, var(--accent) 22%, transparent), 0 0 1.25rem .25rem color-mix(in lab, var(--accent) 55%, transparent);pointer-events:none;visibility:hidden;margin:-.375rem 0 0 -.375rem;display:block;position:absolute;top:0;left:0}}.process-diagram_fill{top:calc(var(--border-width) * -1);height:var(--border-width);background-color:var(--accent);transform-origin:0;position:absolute;left:0;right:0}.process-diagram_node{z-index:2;width:var(--_node);padding-inline:var(--_clear);background-color:var(--background-2);display:block;position:relative}.process-diagram_node .icon-animated_wrap{width:100%;transition:opacity .4s var(--hover-ease)}.process-diagram_step:not(.is-active) .icon-animated_wrap *{animation:none}.process-diagram_text{align-items:center;gap:var(--space-2);max-width:30ch;transition:opacity .4s var(--hover-ease);row-gap:var(--space-3);column-gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:64rem){.process-diagram_text{max-width:26ch}}.process-diagram_text .heading,.process-diagram_text .text{margin:0}@media (min-width:48rem){.process-diagram_step .process-diagram_text{opacity:.45}.process-diagram_step .icon-animated_wrap{opacity:.4}.process-diagram_step.is-done .process-diagram_text,.process-diagram_step.is-done .icon-animated_wrap,.process-diagram_step.is-active .process-diagram_text,.process-diagram_step.is-active .icon-animated_wrap{opacity:1}}.process-diagram_step.is-active .process-diagram_index{color:var(--accent)}.services-tiles_wrap{gap:var(--space-7);flex-direction:column;width:100%;display:flex}.services-tiles_head{justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;display:flex}.services-tiles_intro{gap:var(--space-4);flex-direction:column;display:flex}.services-tiles_intro>.heading{margin:0}.services-tiles_list{gap:var(--space-3);display:grid}@media (min-width:30rem){.services-tiles_list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.services-tiles_list{grid-template-columns:repeat(4,minmax(0,1fr))}}.services-tiles_item{display:flex}.services-tiles_tile{--_inset:var(--space-2);width:100%;padding:var(--_inset);border:var(--border-width) solid color-mix(in lab, var(--text) 12%, transparent);border-radius:var(--radius-small);background-color:var(--background);color:inherit;transition:border-color var(--hover-duration) var(--hover-ease);flex-direction:column;text-decoration:none;display:flex;position:relative}.services-tiles_swatch.shader_wrap{aspect-ratio:16/10;border-radius:calc(var(--radius-main) - var(--_inset))}.services-tiles_body{gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-3) var(--space-3);flex-direction:column;display:flex}.services-tiles_body>.heading,.services-tiles_body>.text{margin:0}.services-tiles_arrow.icon{right:var(--space-4);bottom:var(--space-4);--_size:1rem;color:var(--text-2);transition:translate .6s var(--hover-ease), color var(--hover-duration) var(--hover-ease);position:absolute}@media (hover:hover){.services-tiles_tile:hover{border-color:color-mix(in lab, var(--text) 24%, transparent)}.services-tiles_tile:hover .services-tiles_arrow{color:var(--accent);translate:.15em -.15em}}}