.block__piqniq-intro{padding-top:var(--spacing-lg);display:flex;justify-content:center;--container-width-gap:calc((100vw - var(--container-width)) / 2);position:relative}.block__piqniq-intro .wrapper{max-width:var(--container-width);width:100%}.block__piqniq-intro .wrapper .title h1{font:var(--type-s1);margin-bottom:var(--spacing-lg)}.block__piqniq-intro .wrapper .title.scroll-reveal-setup h1{transition:transform .5s,opacity .5s;opacity:0;transform:translateY(10%)}.block__piqniq-intro .wrapper .title.scroll-reveal-activate h1{transform:translateY(0);opacity:1}.block__piqniq-intro .wrapper .row1{display:flex;align-items:end}.block__piqniq-intro .wrapper .row1.scroll-reveal-setup .blob{transition:transform .5s;transition-delay:.5s;transform-origin:top left;transform:scale(0)}.block__piqniq-intro .wrapper .row1.scroll-reveal-setup .scotch{transition:transform 1s;transform-origin:top right;transform:scale(0)}.block__piqniq-intro .wrapper .row1.scroll-reveal-activate .blob{transform:scale(1)}.block__piqniq-intro .wrapper .row1.scroll-reveal-activate .scotch{transform:scale(1)}.block__piqniq-intro .wrapper .row1 .blob{background:var(--color-brand-purple);width:var(--building-block-width);height:var(--building-block-width);margin-left:calc(var(--container-width)/ 4 - var(--building-block-width))}.block__piqniq-intro .wrapper .row1 .scotch{margin-left:auto;margin-right:calc(var(--container-width-gap) * -1);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cmVjdCB4PSIwIiB5PSIxMC41IiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMC41IiBmaWxsPSIjRkZEOUU1Ii8+CiAgICA8cmVjdCB4PSIxMC41IiB5PSIwIiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMC41IiBmaWxsPSIjRkZEOUU1Ii8+Cjwvc3ZnPg==);width:50vw;height:calc(var(--building-block-width) * 2)}.block__piqniq-intro .wrapper .row2{display:flex;align-items:center}.block__piqniq-intro .wrapper .row2 .half{width:50%;max-width:50%}.block__piqniq-intro .wrapper .row2 .half .media{width:50%;margin-left:auto}.block__piqniq-intro .wrapper .row2 .half .media img,.block__piqniq-intro .wrapper .row2 .half .media video{width:100%}.block__piqniq-intro .wrapper .row2 .half .text{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);font:var(--type-h2-5)}.block__piqniq-intro .wrapper .row2 .half .text.scroll-reveal-setup{transition:transform .5s,opacity .5s;opacity:0;transform:translateY(10%)}.block__piqniq-intro .wrapper .row2 .half .text.scroll-reveal-activate{transform:translateY(0);opacity:1}.block__piqniq-intro .wrapper .row3{display:flex;min-height:calc(var(--building-block-width) * 2)}.block__piqniq-intro .wrapper .row3 .half{width:50%;max-width:50%}.block__piqniq-intro .wrapper .row3 .half .text{padding-top:var(--spacing-lg);padding-right:var(--building-block-width);font:var(--type-h2-5)}.block__piqniq-intro .wrapper .row3 .half .text.scroll-reveal-setup{transition:transform .5s,opacity .5s;opacity:0;transform:translateY(10%)}.block__piqniq-intro .wrapper .row3 .half .text.scroll-reveal-activate{transform:translateY(0);opacity:1}.block__piqniq-intro .wrapper .row3 .half .blob{background:var(--color-brand-pink);width:var(--building-block-width);height:var(--building-block-width)}.block__piqniq-intro .wrapper .row3 .half .blob.scroll-reveal-setup{transition:transform .5s;transform-origin:bottom right;transform:scale(0)}.block__piqniq-intro .wrapper .row3 .half .blob.scroll-reveal-activate{transform:scale(1)}.block__piqniq-intro .wrapper .row4{display:flex;gap:var(--spacing-sm)}.block__piqniq-intro .wrapper .row4 .left{width:calc(var(--building-block-width) + var(--container-width-gap) + var(--container-width) * .5);margin-left:calc(var(--container-width-gap) * -1)}.block__piqniq-intro .wrapper .row4 .left .media{width:100%}.block__piqniq-intro .wrapper .row4 .left .media img,.block__piqniq-intro .wrapper .row4 .left .media video{width:100%}.block__piqniq-intro .wrapper .row4 .text{max-width:calc(--building-block-width * 2);font:var(--type-h2-5);display:flex;flex-direction:column}.block__piqniq-intro .wrapper .row4 .text .bottom{margin-top:auto;margin-bottom:var(--spacing-sm)}.block__piqniq-intro .wrapper .follower{margin-left:calc(var(--building-block-width) + var(--container-width) * .5)}.block__piqniq-intro .wrapper .follower .blob{background:var(--color-brand-purple);width:var(--building-block-width);height:var(--building-block-width)}.block__piqniq-intro .wrapper .follower .white{position:absolute;right:0;bottom:calc(-1 * var(--building-block-width));background:#fff;width:calc(100vw - (var(--building-block-width) + var(--container-width-gap) + var(--container-width) * .5));height:var(--building-block-width)}@media screen and (max-width:768px){.block__piqniq-intro{padding-top:110px}.block__piqniq-intro .wrapper .title h1{margin-bottom:70px}.block__piqniq-intro .wrapper .row1 .blob{margin-left:0}.block__piqniq-intro .wrapper .row1 .scotch{background:var(--color-surface-secondary);height:var(--building-block-width);width:calc(100vw - var(--container-padding) - 50vw - var(--building-block-width))}.block__piqniq-intro .wrapper .row2{flex-direction:column;align-items:start;gap:calc(var(--building-block-width) + var(--spacing-md))}.block__piqniq-intro .wrapper .row2 .half:first-child{max-width:100%;width:100%}.block__piqniq-intro .wrapper .row2 .half:first-child .media{margin-left:var(--building-block-width);width:50vw;position:relative}.block__piqniq-intro .wrapper .row2 .half:first-child .media:after{position:absolute;width:var(--building-block-width);height:var(--building-block-width);content:"";background:var(--color-brand-pink);bottom:calc(var(--building-block-width) * -1);right:calc(var(--building-block-width) * -1)}.block__piqniq-intro .wrapper .row2 .half:last-child{max-width:100%;width:100%}.block__piqniq-intro .wrapper .row2 .half:last-child h2{padding:0;max-width:250px}.block__piqniq-intro .wrapper .row3{flex-direction:column;margin-top:68px}.block__piqniq-intro .wrapper .row3 .half{width:100%;max-width:260px;margin-left:auto}.block__piqniq-intro .wrapper .row3 .half .text{padding:0}.block__piqniq-intro .wrapper .row3 .half:nth-child(2){display:none}.block__piqniq-intro .wrapper .row4{margin-top:68px;display:flex;flex-direction:column;gap:60px}.block__piqniq-intro .wrapper .row4 .left{order:2;width:calc(100vw - var(--building-block-width) * 2)}.block__piqniq-intro .wrapper .row4 .text{width:100%;max-width:100%}.block__piqniq-intro .wrapper .row4 .text br{content:" "}.block__piqniq-intro .wrapper .row4 .text br:after{content:" "}.block__piqniq-intro .wrapper .follower{margin-left:calc(100vw - var(--building-block-width) * 2 - var(--container-padding))}.block__piqniq-intro .wrapper .follower .white{width:calc(100vw - (100vw - var(--building-block-width) * 2))}}