.job{--rd-paper:#fbfbfa;--rd-canvas:#f3f4f6;background:var(--rd-paper)}.job .hero{text-align:center;justify-items:center;gap:.85rem;padding:4.5rem 1.25rem 3rem;display:grid;position:relative;overflow:hidden}.job .hero>*{z-index:1;position:relative}.job .hero h1,.job .hero .rd-lead{max-width:36rem;margin:0}.job .hero .rd-lead{max-width:34rem}.job .hero-lines{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(#0000 0%,#000 42% 100%)}.job .hero-lines i{transform-origin:top;background:linear-gradient(90deg, var(--rd-rule) 0 1px, transparent 1px) 50% 0 / 18px 100% repeat;height:160%;position:absolute;top:30%;left:-8%;right:-8%;transform:perspective(320px)rotateX(58deg)}.job .hero-lines b{left:calc(50% - 8.5px + var(--x,0) * 18px);--hl-light:linear-gradient(to top, transparent 0%, #14c8964d 45%, #14c896 82%, #9fffe0 100%);background:var(--hl-light);opacity:0;width:1.5px;height:44px;animation:hl-up var(--d,7s) linear var(--t,0s) infinite;border-radius:1px;position:absolute;top:0;box-shadow:0 0 6px #14c896b3}.job .hero-lines b.down{animation-name:hl-down;transform:scaleY(-1)}@keyframes hl-up{0%{opacity:0;top:19%}10%{opacity:1}to{opacity:1;top:0%}}@keyframes hl-down{0%{opacity:.8;top:0%}88%{opacity:1}to{opacity:0;top:19%}}@media (prefers-reduced-motion:reduce){.job .hero-lines b{display:none}}.job .band{border-top:1px solid var(--rd-rule);gap:1.1rem;padding:3rem 1.25rem 3.25rem;display:grid}.job .band h2{max-width:30rem;margin:0}.job .band>.rd-tag{justify-self:start}.job .band>p,.job .lede{max-width:36rem;color:var(--rd-grey);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.5}.job .win{width:min(100%,52rem);margin:.5rem auto 0}.job .duos{border-top:1px solid var(--rd-rule);gap:1.25rem;padding:1.5rem .75rem 1rem;display:grid}.job .duo{background:var(--rd-canvas);border-radius:1.25rem;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.job .duo .text{flex-direction:column;justify-content:center;align-items:flex-start;padding:2.5rem 1.25rem 1.75rem;display:flex}.job .duo .text .rd-tag{margin-bottom:1.1rem}.job .duo .text h2{max-width:30rem}.job .duo .visual{flex-direction:column;min-width:0;padding:.75rem 0 0;display:flex;position:relative}.job .duo .well{border-radius:1rem 1rem 0 0;flex-direction:column;flex:1;justify-content:flex-end;min-width:0;padding:2.25rem 1rem 0;display:flex;position:relative;overflow:hidden}.job .duo .shot{z-index:1;width:100%;max-width:26rem;margin:0 auto -.75rem;position:relative}.job .duo .shot>.rd-window{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%}.job .duo .shot.whole{margin-bottom:2rem}.job .duo .shot.whole>.rd-window{border-bottom:1px solid var(--rd-rule);border-radius:.875rem}@media (width>=768px){.job .hero{padding:5.5rem 3.5rem 3.5rem}.job .band{padding:4rem 3.5rem 4.25rem}.job .duos{gap:1.5rem;padding:2rem 1.25rem 1.5rem}.job .duo{border-radius:1.5rem}}@media (width>=960px){.job .duo{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:22rem}.job .duo.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.job .duo.flip .text{order:2}.job .duo .text{padding:3rem 3rem 3.25rem 3.5rem}.job .duo.flip .text{padding:3rem 3.5rem 3.25rem 3rem}.job .duo .visual{padding:2.25rem 0 0 1.5rem}.job .duo.flip .visual{padding:2.25rem 1.5rem 0 0}.job .duo .well{border-radius:1rem 0 0;padding:2.5rem 2rem 0}.job .duo.flip .well{border-radius:0 1rem 0 0}}.job.connect{--rd-ink:#f4f4f2;--rd-grey:#f4f4f29e;--rd-rule:#ffffff1a;color:var(--rd-ink);background:#0c0c0d}.job.connect .hero{align-content:center;min-height:calc(100dvh - 4rem - 1px);padding-top:2.5rem;padding-bottom:3rem}.connect .hero h1{max-width:40rem}.connect .hero .rd-lead{max-width:36rem}.connect .rd-tag{color:#7ddec4;background:#27b28b24}.connect .field{flex-direction:column;align-items:center;width:min(100%,42rem);margin-top:1.75rem;padding:2.75rem 0 .5rem;display:flex;position:relative}@property --field-glow{syntax:"<number>";inherits:false;initial-value:.06}@keyframes connect-breathe{0%,14%{--field-glow:.06}46%,58%{--field-glow:.17}to{--field-glow:.06}}.connect .field:before{content:"";background:radial-gradient(ellipse at 50% 48%, rgba(255, 255, 255, calc(var(--field-glow) * .9)), transparent 62%), repeating-linear-gradient(90deg, rgba(255, 255, 255, var(--field-glow)) 0 1px, transparent 1px 19px);pointer-events:none;animation:11s ease-in-out 1.5s infinite connect-breathe;position:absolute;inset:-4rem -1.75rem .75rem;mask-image:radial-gradient(at 50% 52%,#000 24%,#0000 76%)}@media (prefers-reduced-motion:reduce){.connect .field:before{--field-glow:.12;animation:none}}.connect .tiles{justify-content:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.connect .tiles li{color:#f4f4f28c;justify-items:center;gap:.65rem;width:5.75rem;font-size:.75rem;display:grid}.connect .tile{color:#fff;background:linear-gradient(#2c2c30 0%,#17171a 100%);border-radius:1.35rem;place-items:center;width:5.75rem;height:5.75rem;display:grid;box-shadow:inset 0 1px #ffffff29,0 0 0 1px #ffffff12,0 18px 36px -22px #000000e6}.connect .tile img,.connect .tile svg{width:2.65rem;height:2.65rem}.connect .tile .dots{fill:currentColor;width:3.15rem;height:3.15rem}@media (width<=640px){.connect .tiles{gap:.55rem}.connect .tiles li,.connect .tile{width:3.35rem}.connect .tile{border-radius:.9rem;height:3.35rem}.connect .tile img,.connect .tile svg{width:1.65rem;height:1.65rem}.connect .tiles li{gap:.4rem;font-size:.6875rem}}.connect .docs{color:#f4f4f2c7;align-items:center;gap:.5rem;margin-top:3.5rem;font-size:1rem;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.connect .docs:hover{color:#fff}.connect .docs svg{width:1rem;height:1rem;transition:transform .2s}.connect .docs:hover svg{transform:translate(.25rem)}@media (prefers-reduced-motion:reduce){.connect .docs,.connect .docs svg{transition:none}}.comm .flow{width:min(100%,56rem);margin-top:1.25rem}.comm .hero-lines{mask-image:linear-gradient(#0000 0%,#000 35% 52%,#0000 82%)}.comm .band.tree{padding-bottom:3.5rem}.comm .treewin{width:min(100%,68rem);margin:1.5rem auto 0}
