.joined-footer{--footer-join-depth:clamp(24px, 4vw, 56px);--footer-join-mask-height:calc(var(--footer-join-depth)*1.5);z-index:1;isolation:isolate;border-block-start:var(--footer-join-depth) solid #0000;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20150'%20preserveAspectRatio='none'%3e%3c!--%20Same%20coordinate%20system%20as%20footer-join-band.svg.%20Keep%20opaque%20space%20below%20the%20lower%20tangent%20so%20the%20rectangular%20body%20mask%20cannot%20flatten%20the%20curve.%20--%3e%3cpath%20d='M0%20100H336Q360%20100%20376%2080L424%2020Q440%200%20464%200H1000V150H0Z'/%3e%3c/svg%3e"),linear-gradient(var(--color-black) 0 0);mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20150'%20preserveAspectRatio='none'%3e%3c!--%20Same%20coordinate%20system%20as%20footer-join-band.svg.%20Keep%20opaque%20space%20below%20the%20lower%20tangent%20so%20the%20rectangular%20body%20mask%20cannot%20flatten%20the%20curve.%20--%3e%3cpath%20d='M0%20100H336Q360%20100%20376%2080L424%2020Q440%200%20464%200H1000V150H0Z'/%3e%3c/svg%3e"),linear-gradient(var(--color-black) 0 0);-webkit-mask-size:100% var(--footer-join-mask-height),100% calc(100% - var(--footer-join-mask-height) + 1px);mask-size:100% var(--footer-join-mask-height),100% calc(100% - var(--footer-join-mask-height) + 1px);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-origin:initial;mask-origin:initial;-webkit-mask-clip:initial;mask-clip:initial;background-origin:border-box;margin-block-start:calc(var(--footer-join-depth)*-1);position:relative}.joined-footer .footer-edge{top:calc(var(--footer-join-depth)*-1);width:100%;height:var(--footer-join-mask-height);pointer-events:none;background:var(--color-primary);position:absolute;left:0;overflow:hidden;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20150'%20preserveAspectRatio='none'%3e%3cstyle%3e%20path%20{%20stroke-width:%2024px;%20}%20@media%20(max-width:%201080px)%20{%20path%20{%20stroke-width:%2012px;%20}%20}%20%3c/style%3e%3c!--%20The%20footer%20mask%20clips%20the%20outer%20half:%20visible%20widths%20are%2012px%20/%206px.%20Non-scaling%20stroke%20keeps%20that%20width%20perpendicular%20to%20the%20entire%20curve.%20--%3e%3cpath%20d='M0%20100H336Q360%20100%20376%2080L424%2020Q440%200%20464%200H1000'%20fill='none'%20stroke='black'%20vector-effect='non-scaling-stroke'/%3e%3c/svg%3e") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20150'%20preserveAspectRatio='none'%3e%3cstyle%3e%20path%20{%20stroke-width:%2024px;%20}%20@media%20(max-width:%201080px)%20{%20path%20{%20stroke-width:%2012px;%20}%20}%20%3c/style%3e%3c!--%20The%20footer%20mask%20clips%20the%20outer%20half:%20visible%20widths%20are%2012px%20/%206px.%20Non-scaling%20stroke%20keeps%20that%20width%20perpendicular%20to%20the%20entire%20curve.%20--%3e%3cpath%20d='M0%20100H336Q360%20100%20376%2080L424%2020Q440%200%20464%200H1000'%20fill='none'%20stroke='black'%20vector-effect='non-scaling-stroke'/%3e%3c/svg%3e") 50%/100% 100% no-repeat}.joined-footer .footer-edge:before{content:"";background:linear-gradient(105deg in oklab,var(--color-primary) 10%,color-mix(in oklab,var(--color-primary) 80%,var(--color-black)) 28%,var(--color-primary) 42%,color-mix(in oklab,var(--color-primary) 72%,var(--color-white)) 55%,var(--color-primary) 68%,color-mix(in oklab,var(--color-primary) 80%,var(--color-black)) 85%);animation:10s cubic-bezier(.45,0,.55,1) infinite alternate paused footer-edge-sheen;position:absolute;inset:0 -50%}.joined-footer .footer-edge--active:before{animation-play-state:running}@keyframes footer-edge-sheen{0%{transform:translate(-20%)}to{transform:translate(20%)}}@media (width<=760px),(orientation:landscape) and (width<=1080px) and (height<=520px){.joined-footer{--footer-join-depth:24px}}@media (prefers-reduced-motion:reduce){.joined-footer .footer-edge:before{animation:none}}@media print{.joined-footer{--footer-join-depth:0px;-webkit-mask-image:none;mask-image:none}.joined-footer .footer-edge{display:none}}