.before-contact{--shift: 150px;position:relative;z-index:3;overflow:hidden;background:linear-gradient(var(--White) calc(var(--shift)), var(--Purple) calc(var(--shift)));padding:17.6rem 0 21.2rem;margin-bottom:-10rem}@media(max-width: 860px){.before-contact{padding:16.4rem 0 14rem}}.before-contact .pixel-bg-top{position:absolute;top:0;left:0;width:100%;height:316px;background-position:-100px 0}@media(max-width: 860px){.before-contact .pixel-bg-top{height:156px}}.before-contact__container{position:relative;max-width:calc(92rem + var(--side-padding)*2)}.before-contact__bubbles{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.before-contact__bubble{position:absolute}.before-contact__bubble--1{left:calc(50% - 25vw);top:calc(50% - 25vw);width:50vw;animation:bubble-4 11s infinite}@media(max-width: 860px){.before-contact__bubble--1{width:100vw;left:calc(50% - 50vw);top:0}}.before-contact__bubble--2{right:-8vw;bottom:-8vw;width:20vw;animation:bubble-2 12s infinite}@media(max-width: 700px){.before-contact__bubble--2{width:50vw;right:-3vw;bottom:-12vw}}.before-contact__bubble--over{z-index:4;left:-12vw;top:4vw;width:16vw;animation:bubble-3 13s infinite}@media(max-width: 700px){.before-contact__bubble--over{display:none}}.before-contact__inner{z-index:3;position:relative;background-color:var(--White);padding:var(--gutter);display:flex;flex-direction:column;gap:6.4rem}.before-contact__header{text-align:center;display:flex;flex-direction:column;gap:2.4rem;align-items:center;margin-top:2.4rem}@media(max-width: 700px){.before-contact__header{margin-top:.8rem}}.before-contact__heading{color:var(--Pink)}.before-contact__subtitle{font-size:2.4rem;line-height:1;max-width:70rem}.before-contact__cards{background-color:var(--Purple);color:var(--White);padding:calc(var(--gutter)/2);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}@media(max-width: 860px){.before-contact__cards{grid-template-columns:100%;gap:3.2rem;padding:var(--gutter)}}.before-contact__card{padding:calc(var(--gutter)/2);display:flex;flex-direction:column}@media(max-width: 860px){.before-contact__card{padding:0}}.before-contact__card-title{margin-bottom:2.4rem;font-family:"Visual";font-size:4rem;line-height:1;letter-spacing:-0.12rem}.before-contact__card-text{margin-bottom:4.8rem;max-width:32rem}@media(max-width: 860px){.before-contact__card-text{margin:0 0 3.2rem}}.before-contact__card-link{margin-top:auto}