@layer shapes{:root{--shape-tilt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M1200 120L0 16.48 0 0 1200 0 1200 120z'/%3E%3C/svg%3E");--shape-tilt-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 120)'%3E%3Cpath d='M1200 120L0 16.48 0 0 1200 0 1200 120z'/%3E%3C/g%3E%3C/svg%3E");--shape-opacity-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' opacity='.25'/%3E%3Cpath d='M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z' opacity='.5'/%3E%3Cpath d='M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z'/%3E%3C/svg%3E");--shape-opacity-waves-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 120)'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' opacity='.25'/%3E%3Cpath d='M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z' opacity='.5'/%3E%3Cpath d='M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z'/%3E%3C/g%3E%3C/svg%3E");--shape-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.28 2.17' preserveAspectRatio='none'%3E%3Cpath d='M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z'/%3E%3C/svg%3E");--shape-waves-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.28 2.17' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 2.17)'%3E%3Cpath d='M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z'/%3E%3C/g%3E%3C/svg%3E");--shape-irregular-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.28 2.17' preserveAspectRatio='none'%3E%3Cpath d='M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z'/%3E%3C/svg%3E");--shape-irregular-waves-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.28 2.17' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 2.17)'%3E%3Cpath d='M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z'/%3E%3C/g%3E%3C/svg%3E");--shape-curve: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2' preserveAspectRatio='none'%3E%3Cpath d='M0 0q5 4 10 0z'/%3E%3C/svg%3E");--shape-curve-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 2)'%3E%3Cpath d='M0 0q5 4 10 0z'/%3E%3C/g%3E%3C/svg%3E");--shape-curve-invert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2' preserveAspectRatio='none'%3E%3Cpath d='M0 0q5 4 10 0v2H0z'/%3E%3C/svg%3E");--shape-curve-invert-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 2)'%3E%3Cpath d='M0 0q5 4 10 0v2H0z'/%3E%3C/g%3E%3C/svg%3E");--shape-triangle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M1200 0L0 0 598.97 114.72 1200 0z'/%3E%3C/svg%3E");--shape-triangle-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 120)'%3E%3Cpath d='M1200 0L0 0 598.97 114.72 1200 0z'/%3E%3C/g%3E%3C/svg%3E");--shape-triangle-invert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M598.97 114.72L0 0 0 120 1200 120 1200 0 598.97 114.72z'/%3E%3C/svg%3E");--shape-triangle-invert-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 120)'%3E%3Cpath d='M598.97 114.72L0 0 0 120 1200 120 1200 0 598.97 114.72z'/%3E%3C/g%3E%3C/svg%3E");--shape-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M649.97 0L550.03 0 599.91 54.12 649.97 0z'/%3E%3C/svg%3E");--shape-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 80)'%3E%3Cpath d='M649.97 0L550.03 0 599.91 54.12 649.97 0z'/%3E%3C/g%3E%3C/svg%3E");--shape-arrow-invert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M649.97 0L599.91 54.12 550.03 0 0 0 0 80 1200 80 1200 0 649.97 0z'/%3E%3C/svg%3E");--shape-arrow-invert-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 80)'%3E%3Cpath d='M649.97 0L599.91 54.12 550.03 0 0 0 0 80 1200 80 1200 0 649.97 0z'/%3E%3C/g%3E%3C/svg%3E");--shape-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M1200,0H0V120H281.94C572.9,116.24,602.45,3.86,602.45,3.86h0S632,116.24,923,120h277Z'/%3E%3C/svg%3E");--shape-book-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 120)'%3E%3Cpath d='M1200,0H0V120H281.94C572.9,116.24,602.45,3.86,602.45,3.86h0S632,116.24,923,120h277Z'/%3E%3C/g%3E%3C/svg%3E");--shape-book-invert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M602.45,3.86h0S572.9,116.24,281.94,120H923C632,116.24,602.45,3.86,602.45,3.86Z'/%3E%3C/svg%3E");--shape-book-invert-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 120)'%3E%3Cpath d='M602.45,3.86h0S572.9,116.24,281.94,120H923C632,116.24,602.45,3.86,602.45,3.86Z'/%3E%3C/g%3E%3C/svg%3E");--shape-welcome: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 669.4 133.88' preserveAspectRatio='none'%3E%3Cpath d='M0 0c0 133.88 334.7 0 334.7 133.88C334.7 0 669.4 133.88 669.4 0z'/%3E%3C/svg%3E");--shape-welcome-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 669.4 133.88' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 133.88)'%3E%3Cpath d='M0 0c0 133.88 334.7 0 334.7 133.88C334.7 0 669.4 133.88 669.4 0z'/%3E%3C/g%3E%3C/svg%3E");--shape-double-tilt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 381 59.27' preserveAspectRatio='none'%3E%3Cpath d='M381 8.47L0 42.33V0h381z'/%3E%3Cpath d='M381 33.87L0 59.27V0h381z' opacity='.66'/%3E%3C/svg%3E");--shape-double-tilt-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 381 59.27' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 59.27)'%3E%3Cpath d='M381 8.47L0 42.33V0h381z'/%3E%3Cpath d='M381 33.87L0 59.27V0h381z' opacity='.66'/%3E%3C/g%3E%3C/svg%3E");--shape-double-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 381 76.2' preserveAspectRatio='none'%3E%3Cpath d='M381 76.2l-12.7-8.47c-12.7-8.46-38.1-25.4-63.5-28.23-25.4-2.72-50.8 8.39-76.2 5.66-25.4-2.83-50.8-19.76-76.2-18.36-25.4 1.51-50.8 21.09-76.2 28.23-25.4 7.15-50.8 1.33-63.5-1.4L0 50.8V0h381z'/%3E%3Cpath d='M381 67.73l-12.7-4.23c-12.7-4.23-38.1-12.7-63.5-12.7s-50.8 8.47-76.2 7.06c-25.4-1.5-50.8-12.62-76.2-11.3-25.4 1.33-50.8 15.62-76.2 21.17-25.4 5.56-50.8 2.91-63.5 1.4L0 67.74V0h381z' opacity='.66'/%3E%3C/svg%3E");--shape-double-waves-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 381 76.2' preserveAspectRatio='none'%3E%3Cg transform='matrix(1 0 0 -1 0 76.2)'%3E%3Cpath d='M381 76.2l-12.7-8.47c-12.7-8.46-38.1-25.4-63.5-28.23-25.4-2.72-50.8 8.39-76.2 5.66-25.4-2.83-50.8-19.76-76.2-18.36-25.4 1.51-50.8 21.09-76.2 28.23-25.4 7.15-50.8 1.33-63.5-1.4L0 50.8V0h381z'/%3E%3Cpath d='M381 67.73l-12.7-4.23c-12.7-4.23-38.1-12.7-63.5-12.7s-50.8 8.47-76.2 7.06c-25.4-1.5-50.8-12.62-76.2-11.3-25.4 1.33-50.8 15.62-76.2 21.17-25.4 5.56-50.8 2.91-63.5 1.4L0 67.74V0h381z' opacity='.66'/%3E%3C/g%3E%3C/svg%3E");--shape-tilt-flip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cg transform='matrix(-1 0 0 1 1200 0)'%3E%3Cpath d='M1200 120L0 16.48 0 0 1200 0 1200 120z'/%3E%3C/g%3E%3C/svg%3E");--shape-tilt-flip-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cg transform='matrix(-1 0 0 -1 1200 120)'%3E%3Cpath d='M1200 120L0 16.48 0 0 1200 0 1200 120z'/%3E%3C/g%3E%3C/svg%3E");--shape-double-tilt-flip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 381 59.27' preserveAspectRatio='none'%3E%3Cg transform='matrix(-1 0 0 1 381 0)'%3E%3Cpath d='M381 8.47L0 42.33V0h381z'/%3E%3Cpath d='M381 33.87L0 59.27V0h381z' opacity='.66'/%3E%3C/g%3E%3C/svg%3E");--shape-double-tilt-flip-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 381 59.27' preserveAspectRatio='none'%3E%3Cg transform='matrix(-1 0 0 -1 381 59.27)'%3E%3Cpath d='M381 8.47L0 42.33V0h381z'/%3E%3Cpath d='M381 33.87L0 59.27V0h381z' opacity='.66'/%3E%3C/g%3E%3C/svg%3E");--shape-brush: url(/shapes/brush.svg);--shape-brush-down: url(/shapes/brush-down.svg)}.shape{--shape-h: clamp(2.5rem, 6vw, 5rem);--shape-color: var(--color-base-100);--shape-top: none;--shape-bottom: none;position:relative;padding-top:calc(var(--padding-v) + var(--shape-h));padding-bottom:calc(var(--padding-v) + var(--shape-h));-webkit-mask-image:var(--shape-top),linear-gradient(#000 0 0);mask-image:var(--shape-top),linear-gradient(#000 0 0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% var(--shape-h),100% 100%;mask-size:100% var(--shape-h),100% 100%;-webkit-mask-position:top,0 0;mask-position:top,0 0;-webkit-mask-composite:xor;mask-composite:exclude}.shape:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--shape-h);background-color:var(--shape-color);-webkit-mask-image:var(--shape-bottom);mask-image:var(--shape-bottom);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none}.shape--tilt{--shape-top: var(--shape-tilt);--shape-bottom: var(--shape-tilt-down)}.shape--opacity-waves{--shape-top: var(--shape-opacity-waves);--shape-bottom: var(--shape-opacity-waves-down)}.shape--waves{--shape-top: var(--shape-waves);--shape-bottom: var(--shape-waves-down)}.shape--irregular-waves{--shape-top: var(--shape-irregular-waves);--shape-bottom: var(--shape-irregular-waves-down)}.shape--curve{--shape-top: var(--shape-curve);--shape-bottom: var(--shape-curve-down)}.shape--curve-invert{--shape-top: var(--shape-curve-invert-down);--shape-bottom: var(--shape-curve-invert)}.shape--triangle{--shape-top: var(--shape-triangle);--shape-bottom: var(--shape-triangle-down)}.shape--triangle-invert{--shape-top: var(--shape-triangle-invert-down);--shape-bottom: var(--shape-triangle-invert)}.shape--arrow{--shape-top: var(--shape-arrow);--shape-bottom: var(--shape-arrow-down)}.shape--arrow-invert{--shape-top: var(--shape-arrow-invert-down);--shape-bottom: var(--shape-arrow-invert)}.shape--book{--shape-top: var(--shape-book);--shape-bottom: var(--shape-book-down)}.shape--book-invert{--shape-top: var(--shape-book-invert-down);--shape-bottom: var(--shape-book-invert)}.shape--brush{--shape-top: var(--shape-brush);--shape-bottom: var(--shape-brush-down)}.shape--welcome{--shape-top: var(--shape-welcome);--shape-bottom: var(--shape-welcome-down)}.shape--double-tilt{--shape-top: var(--shape-double-tilt);--shape-bottom: var(--shape-double-tilt-down)}.shape--double-waves{--shape-top: var(--shape-double-waves);--shape-bottom: var(--shape-double-waves-down)}.shape--tilt-flip{--shape-top: var(--shape-tilt-flip);--shape-bottom: var(--shape-tilt-flip-down)}.shape--double-tilt-flip{--shape-top: var(--shape-double-tilt-flip);--shape-bottom: var(--shape-double-tilt-flip-down)}.shape--top{padding-bottom:var(--padding-v)}.shape--top:after{content:none}.shape--bottom{--shape-top: none;padding-top:var(--padding-v)}.shape--paint{-webkit-mask-image:none;mask-image:none}.shape--paint:not(.shape--bottom):before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--shape-h);background-color:var(--shape-color);-webkit-mask-image:var(--shape-top);mask-image:var(--shape-top);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none}.shape--primary{--shape-color: var(--color-primary)}.shape--secondary{--shape-color: var(--color-secondary)}.shape--light{--shape-color: var(--color-base-300)}.shape--s{--shape-h: clamp(1.25rem, 3vw, 2.5rem)}.shape--l{--shape-h: clamp(4rem, 10vw, 7rem)}}
