.for-work-container{width:100%;max-width:32rem;margin-inline:auto;padding-inline:1.5rem}@media (width>=40rem){.for-work-container{padding-inline:2rem}}@media (width>=48rem){.for-work-container{max-width:84rem;padding-inline:2rem}}@media (width>=64rem){.for-work-container{padding-inline:4rem}}.for-work-tile-arc{--arc-radius:260px;--arc-center-y:284px;width:100%;height:112px;position:relative}@media (width>=40rem){.for-work-tile-arc{--arc-radius:480px;--arc-center-y:504px;height:144px}}.for-work-tile-arc-item{top:var(--arc-center-y);transform:translate(-50%, -50%) rotate(var(--arc-angle)) translateY(calc(var(--arc-radius) * -1)) rotate(calc(var(--arc-angle) * -1)) rotate(var(--arc-tile-rotate)) scale(var(--arc-scale));position:absolute;left:50%}.for-work-showcase-frame{box-shadow:0 32px 32px -16px #0000001f,0 0 0 1px #1b1b1b1f,0 8px 8px -4px #1b1b1b14,0 4px 24px -2px #7676761f,0 4px 32px -4px #76767605}.for-work-impact-glow{top:calc(var(--impact-height,1px) * -1);width:var(--impact-width,880px);height:var(--impact-height,1px);opacity:0;background:linear-gradient(90deg, transparent, currentColor var(--impact-core,20%), currentColor calc(100% - var(--impact-core,20%)), transparent);box-shadow:0 0 var(--impact-blur,16px) currentColor;animation:4.2s ease-out infinite for-work-impact-pulse,25.2s linear infinite for-work-impact-color;position:absolute;left:50%;translate:-50%;scale:0 1}@keyframes for-work-impact-pulse{0%{opacity:var(--impact-peak,.4);scale:0 1}7%{opacity:calc(var(--impact-peak,.4) * .75);scale:.55 1}18%,to{opacity:0;scale:1}}@keyframes for-work-impact-color{0%,11.6%{color:#4f88ff}11.8%,28.2%{color:#ff8f1b}28.4%,44.9%{color:#fb65c2}45.1%,61.6%{color:#fa2733}61.8%,78.2%{color:#91a0ff}78.4%,94.9%{color:#fd49a8}95.1%,to{color:#4f88ff}}.for-work-showcase-slide{opacity:0;transition:opacity .7s ease, translate .9s var(--ease-out-quint);translate:24px}.for-work-showcase-slide.is-active{z-index:2;opacity:1;translate:0}.for-work-showcase-slide.is-prev{z-index:1;opacity:0;translate:-24px}.for-work-connector-dash{stroke-dasharray:var(--dash-d) calc(2px - var(--dash-d));animation:4.2s linear infinite for-work-connector-dash,25.2s linear infinite for-work-connector-dash-color}@keyframes for-work-connector-dash-color{0%,11.6%{stroke:#4f88ff}11.8%,28.2%{stroke:#ff8f1b}28.4%,44.9%{stroke:#fb65c2}45.1%,61.6%{stroke:#fa2733}61.8%,78.2%{stroke:#91a0ff}78.4%,94.9%{stroke:#fd49a8}95.1%,to{stroke:#4f88ff}}@keyframes for-work-connector-dash{0%{stroke-dashoffset:calc(2px + var(--dash-d) - var(--dash-len))}to{stroke-dashoffset:calc(var(--dash-d) - var(--dash-len))}}.for-work-tile-bounce{animation:4.2s ease-out infinite for-work-tile-bounce}@keyframes for-work-tile-bounce{0%,12%,to{rotate:0deg;scale:1}3%{scale:var(--bounce-scale,1.06);rotate:var(--bounce-rotate,3deg)}8%{scale:calc(1 - (var(--bounce-scale,1.06) - 1) * .35);rotate:calc(var(--bounce-rotate,3deg) * -.5)}}.for-work-tile-drift{animation:for-work-tile-drift var(--drift-duration,6s) ease-in-out var(--drift-delay,0s) infinite}@keyframes for-work-tile-drift{0%,to{rotate:0deg;scale:1}33%{scale:calc(1 + var(--drift-scale-amp,.04));rotate:var(--drift-rotate-amp,8deg)}66%{scale:calc(1 - var(--drift-scale-amp,.04) * .75);rotate:calc(var(--drift-rotate-amp,8deg) * -1)}}@media (prefers-reduced-motion:reduce){.for-work-connector-dash,.for-work-impact-glow{display:none}.for-work-tile-bounce,.for-work-tile-drift{animation:none}.for-work-showcase-slide,.for-work-showcase-slide.is-active,.for-work-showcase-slide.is-prev{transition:opacity .7s;translate:0}}.for-work-connectors .fwc-stage{aspect-ratio:1440/682;width:min(1440px,100%);margin-inline:auto;position:relative;container-type:inline-size}.for-work-connectors .fwc-row{width:1440px;height:682px;transform:scale(var(--fwc-scale,tan(atan2(100cqw, 1440px))));transform-origin:0 0;justify-content:space-between;align-items:center;gap:79px;padding:48px 112px;display:flex;position:absolute;top:0;left:0}.for-work-connectors .fwc-copy{max-width:560px}.for-work-connectors .fwc-copy h2{letter-spacing:-1.2px;color:hsl(var(--marketing-background));font-size:44px;font-weight:700;line-height:48px}.for-work-connectors .fwc-copy p{letter-spacing:-.18px;color:color-mix(in srgb, hsl(var(--marketing-background)) 80%, transparent);margin-top:20px;font-size:18px;font-weight:500;line-height:26px}.for-work-connectors .fwc-graphic-stage{aspect-ratio:1;flex-shrink:0;width:min(538px,100%);position:relative;container-type:inline-size}.for-work-connectors .fwc-graphic-stage--mobile{display:none}@media (width<64rem){.for-work-connectors .fwc-stage{aspect-ratio:auto;container-type:normal}.for-work-connectors .fwc-row{flex-direction:column;align-items:center;gap:48px;width:100%;max-width:32rem;height:auto;margin-inline:auto;padding:56px 1.5rem 64px;position:static;transform:none}@media (width>=40rem){.for-work-connectors .fwc-row{padding-inline:2rem}}@media (width>=48rem){.for-work-connectors .fwc-row{max-width:84rem;padding-inline:2rem}}.for-work-connectors .fwc-copy{text-align:center}.for-work-connectors .fwc-copy h2{text-wrap:balance}.for-work-connectors .fwc-copy p{text-wrap:pretty}.for-work-connectors .fwc-graphic-stage{order:-1;margin-block:-20px -24px}}@media (width<48rem){.for-work-connectors .fwc-copy h2{letter-spacing:-1.28px;font-size:32px;line-height:1.2}.for-work-connectors .fwc-copy p{letter-spacing:-.32px;font-size:16px;line-height:24px}.for-work-connectors .fwc-graphic-stage--desktop{display:none}.for-work-connectors .fwc-graphic-stage--mobile{width:min(400px,100%);margin-block:-24px -36px;display:block}}.fwc-placeholder-caret:after{content:"";vertical-align:-.15em;background-color:currentColor;width:2px;height:1.05em;margin-left:3px;animation:1.1s step-end infinite fwc-caret-blink;display:inline-block}@keyframes fwc-caret-blink{0%,55%{opacity:1}56%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.fwc-placeholder-caret:after{animation:none}}.fwc-prompt-lift .rounded-7{box-shadow:0 0 0 1.5px #00000024,0 2px 6px #0000000f,0 12px 32px #00000024}.fwc-prompt-lift .rounded-7:hover{box-shadow:0 0 0 1.5px #0003,0 2px 6px #00000014,0 12px 32px #00000029}.fwc-prompt-lift .rounded-7:focus-within,.fwc-prompt-lift .rounded-7:focus-within:hover{box-shadow:0 0 0 2px #00000047,0 2px 6px #00000014,0 12px 32px #00000029}
