footer{display:flex;flex-direction:column;width:100%;align-self:flex-end;padding:var(--content-padding)}footer>:first-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(100% / 3),1fr));padding:0 var(--content-padding);justify-content:space-between}footer>div>div{display:flex;flex-direction:column;gap:2rem;position:relative}footer ul{display:flex;flex-direction:column;gap:1.25rem;list-style:none}footer h4{font-size:1.125rem;line-height:1.125rem;font-weight:var(--regular);text-transform:uppercase;letter-spacing:.07em;color:var(--santas-gray);padding-bottom:.5rem}footer h4.vertical_text{position:absolute;writing-mode:vertical-rl;transform:rotate(180deg) translate(250%);left:0;top:0}footer .follow_bar{display:flex;flex-wrap:wrap;gap:.75rem}footer .legal_bottom{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:2.5rem;width:100%}footer .legal_bottom>p{max-width:50rem;text-align:center;color:var(--gray-suit)}footer .legal_bottom>div{display:flex;justify-content:space-between;flex-direction:row;width:100%;font-size:1.125rem;color:var(--gray-suit);z-index:3}footer .legal_bottom>div>:last-child{display:flex;gap:1.5rem}.end_graphic{position:relative;width:100%;margin-top:-5rem}.end_graphic>:first-child{position:absolute;top:50%;left:50%;width:18%;fill:#fff;transform:translate(-50%,-50%);z-index:2}figure div{display:flex}figure.footer-graphic{display:flex;flex-wrap:wrap;min-width:100%;-webkit-mask-image:linear-gradient(to top,#ffffffe6 20%,#fff0 90%);mask-image:linear-gradient(to top,#ffffffe6 20%,#fff0 90%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;justify-content:center}.base-pattern{width:50%}.base-pattern>svg{fill:var(--gigas)}.base-pattern>svg:first-of-type,.base-pattern>svg:nth-of-type(4),.base-pattern>svg:last-of-type{transform:scaleY(-1)}.base-pattern>svg:nth-of-type(2),.base-pattern>svg:nth-of-type(3){transform:scale(-1)}.base-pattern:last-of-type{transform:scaleX(-1)}figure.footer-graphic>div:nth-last-of-type(odd){transform:scaleY(-1)}.end_graphic .logo-textmark>svg{display:flex;width:100%;height:auto;fill:var(--white-lilac)}.end_graphic:not(.in-view) .logo-textmark>svg{transition:opacity .3s ease .2s;opacity:0}.end_graphic .logo-textmark>svg>*{animation-play-state:paused;animation:none}.end_graphic.in-view .logo-textmark>svg>*{animation-play-state:running;animation:slide-in-text-logo .8s ease-in .2s forwards;--o-animation-delay: .2s;transform:translateY(150%) scaleY(5);opacity:0}.end_graphic.in-view .logo-textmark>svg>:nth-child(1){animation-delay:var(--o-animation-delay)}.end_graphic.in-view .logo-textmark>svg>:nth-child(2){animation-delay:calc(var(--o-animation-delay) * 1.5)}.end_graphic.in-view .logo-textmark>svg>:nth-child(3){animation-delay:calc(var(--o-animation-delay) * 2)}.end_graphic.in-view .logo-textmark>svg>:nth-child(4){animation-delay:calc(var(--o-animation-delay) * 2.5)}.end_graphic.in-view .logo-textmark>svg>:nth-child(5){animation-delay:calc(var(--o-animation-delay) * 3)}.end_graphic.in-view .logo-textmark>svg>:nth-child(6){animation-delay:calc(var(--o-animation-delay) * 3.5)}.end_graphic.in-view .logo-textmark>svg>:nth-child(7){animation-delay:calc(var(--o-animation-delay) * 4)}@media screen and(max-width: 1280px){footer>:first-child{grid-template-columns:repeat(auto-fit,minmax(50%,1fr));gap:2.5rem 0;padding:0}footer h4.vertical_text{position:relative;writing-mode:horizontal-tb;transform:none}footer>div>div{gap:.75rem}footer>div>:last-child{display:flex;flex-direction:row;grid-column:1 / 4}}@media screen and (max-width:960px){footer .legal_bottom>div{flex-direction:column;text-align:center;gap:1rem}footer .legal_bottom>div>div{justify-content:center}footer .link-l{font-size:1.75rem}footer ul{gap:.75rem}footer .follow_bar{gap:.5rem}}@media screen and (max-width:768px){footer .follow_bar{gap:.5rem .25rem}.base-pattern>svg:nth-of-type(2){display:none}}@media screen and (max-width:600px){footer>:first-child,footer>div>:last-child{display:flex;flex-direction:column;gap:2rem}.cases_container{gap:3rem}footer .follow_bar{gap:.875rem;justify-content:center}.base-pattern>svg:nth-of-type(2),.base-pattern>svg:nth-of-type(3){display:none}}@media screen and (max-width:480px){.end_graphic>:first-child{width:40%}.base-pattern>svg:nth-of-type(2),.base-pattern>svg:nth-of-type(3),.base-pattern>svg:nth-of-type(4){display:none}}@keyframes slide-in-text-logo{0%{transform:translateY(150%) scaleY(5);opacity:0}to{transform:translateY(0) scaleY(1);opacity:1}}