footer{position:relative;width:100vw;height:85svh;color:var(--bg);padding:2em;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}footer .footer-container{position:relative;width:100%;height:100%;background-color:var(--fg);padding:2em;border-radius:2em;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}footer .footer-header{position:relative;text-align:center}footer .footer-row{display:flex;gap:2em;margin-bottom:8em}footer .footer-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:1em}footer .footer-col a,footer .copyright-info a{color:var(--bg)}footer .footer-col p:not(:first-child){opacity:.72}footer .copyright-info{position:relative;width:100%;display:flex;justify-content:center;gap:2em}footer .footer-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:var(--bg);--footer-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M12 4.5C12.45 9.6 14.4 11.55 19.5 12 14.4 12.45 12.45 14.4 12 19.5 11.55 14.4 9.6 12.45 4.5 12 9.6 11.55 11.55 9.6 12 4.5Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-image:var(--footer-mark),var(--footer-mark),var(--footer-mark),var(--footer-mark);mask-image:var(--footer-mark),var(--footer-mark),var(--footer-mark),var(--footer-mark);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem;-webkit-mask-position:left 2em top 2em,right 2em top 2em,left 2em bottom 2em,right 2em bottom 2em;mask-position:left 2em top 2em,right 2em top 2em,left 2em bottom 2em,right 2em bottom 2em}footer .explosion-container{position:absolute;bottom:0;left:0;width:100%;height:200%;pointer-events:none;overflow:hidden}footer .explosion-particle-img{position:absolute;bottom:-200px;left:50%;width:150px;border-radius:1rem;height:auto;object-fit:cover;transform:translate(-50%);will-change:transform}@media (max-width: 1000px){footer{height:auto;min-height:100svh}footer .footer-container{height:auto;flex:1 0 auto}footer .copyright-info{flex-direction:column;text-align:center;gap:.5em}footer .copyright-info p:nth-child(2){display:none}footer .footer-row{flex-direction:column;margin-bottom:2em}footer .footer-row .footer-col:nth-child(2),footer .footer-row .footer-col:nth-child(4){display:none}footer .explosion-container{display:none}}