@charset "utf-8";

footer[data-v-a41b36d1] { overflow: hidden; padding-top: var(--large); position: relative; transform: translateZ(0px); z-index: 40; }

footer .underlay[data-v-a41b36d1] { background-color: var(--c-black); inset: 0px; position: absolute; }

footer .underlay[data-v-a41b36d1]::before { background-image: url("../images/home/stone-wall.webp"); background-repeat: repeat; background-size: 50%; content: ""; display: block; inset: 0px; mask-image: url("../images/main/mask-fade-20.webp"); mask-position: center center; mask-repeat: no-repeat; mask-size: 100% 100%; position: absolute; }

footer .-w.block[data-v-a41b36d1] { background-color: var(--c-white); background-image: url(../images/main/footer-path.svg),linear-gradient(180deg,var(--c-white) 60%,var(--c-yellow)); background-repeat: no-repeat, no-repeat; background-size: 96% 80%, 100%; border-radius: var(--h3); color: var(--c-black); padding-bottom: var(--h6); padding-top: var(--h6); position: relative; z-index: 50; }

footer .-w.block[data-v-a41b36d1]::before { background-color: var(--c-white); bottom: calc(100% - 1px); mask: url("../images/star-mask.svg") center top / 100%; }

footer .-w.block[data-v-a41b36d1]::after, footer .-w.block[data-v-a41b36d1]::before { content: ""; display: block; height: calc(var(--vw, 1vw)*12); left: 0px; margin-left: auto; margin-right: auto; position: absolute; right: 0px; width: calc(var(--vw, 1vw)*24); z-index: 1; }

footer .-w.block[data-v-a41b36d1]::after { background-color: var(--c-yellow); mask: url("../images/star-mask.svg") center bottom / 100%; top: calc(100% - 1px); }

footer .-w.block .no-so-me[data-v-a41b36d1] { --top: 1; --left: 5; --width: 2; place-self: start end; color: var(--c-white); display: block; margin-right: var(--g-gap); text-align: right; translate: 0 calc((var(--h6) + var(--p))*-1); }

footer .-w.block .independent[data-v-a41b36d1] { --top: 1; --left: 4; --width: 3; align-self: start; padding-right: var(--g-gap); }

footer .-w.block .operating[data-v-a41b36d1] { --top: 1; --left: 1; --width: 3; align-self: end; margin-bottom: var(--h3); margin-left: var(--g-gap); }

footer .-w.block .operating span[data-v-a41b36d1] { display: block; }

footer .-w.block .operating span[data-v-a41b36d1]:nth-child(2) { margin-left: 1em; }

footer .-w.block .operating span[data-v-a41b36d1]:nth-child(3) { margin-left: 1.5em; }

footer .-w.block nav[data-v-a41b36d1] { --top: 2; --height: 1; --left: 1; --width: 6; column-gap: var(--g-gap); display: grid; grid-template-columns: repeat(6, 1fr); margin-bottom: var(--h3); }

footer .-w.block nav a[data-v-a41b36d1], footer .-w.block nav span[data-v-a41b36d1] { border-radius: var(--g-gap); color: var(--c-black); flex-wrap: nowrap; font-family: var(--font-t-2); grid-column-end: 9; justify-self: start; margin-left: calc(var(--p)*-1); overflow: hidden; padding-bottom: calc(var(--mm)/2); padding-left: var(--p); padding-right: var(--p); position: relative; }

footer .-w.block nav a[data-v-a41b36d1] .-s-char, footer .-w.block nav span[data-v-a41b36d1] .-s-char { position: relative; transform: translateZ(0px); transition: translate calc(.9s + var(--char-index)*.15s) var(--f-cubic); translate: 0px; }

footer .-w.block nav a[data-v-a41b36d1]::before { background-image: linear-gradient(0deg,transparent calc(50% - 1px),var(--c-black) calc(50% - 1px),var(--c-black) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),var(--c-black) calc(50% - 1px),var(--c-black) calc(50% + 1px),transparent calc(50% + 1px)); background-position: 50% center; background-repeat: no-repeat; bottom: var(--h6); content: ""; display: block; height: var(--mm); left: 0px; position: absolute; transform: rotate(0deg) scale(0.65) translateZ(0px); transition: transform 1.2s var(--f-cubic-in); width: var(--mm); }

footer .-w.block nav a.places[data-v-a41b36d1] { grid-column-start: 3; grid-row-end: 2; }

footer .-w.block nav a.objects[data-v-a41b36d1] { grid-column-start: 4; grid-row: 2 / 3; }

footer .-w.block nav a.about[data-v-a41b36d1] { grid-column-start: 1; grid-row: 3 / 4; translate: calc(var(--g-gap)*2) 0; }

footer .-w.block nav span.contacts[data-v-a41b36d1] { cursor: not-allowed; grid-column-start: 3; grid-row: 4 / 5; }

footer .-w.block nav span.contacts[data-v-a41b36d1]::after { background-color: var(--c-black); content: ""; display: block; height: 1px; inset: 60% 0px auto; position: absolute; scale: 1; transform-origin: 0px 50%; transition: scale .9s var(--f-cubic); }

footer .-w.block nav a.people[data-v-a41b36d1] { grid-column-start: 3; grid-row: 5 / 6; }

footer .-w.block .copy[data-v-a41b36d1] { --top: 4; --width: 2; place-self: end start; margin-left: var(--g-gap); }

footer .-w.block .expression[data-v-a41b36d1] { --top: 3; --left: 4; --width: 3; align-self: end; padding-right: var(--g-gap); }

footer .-w.block .credits[data-v-a41b36d1] { --top: 4; --left: 4; --width: 3; place-self: end start; color: var(--c-black); margin-top: var(--p); padding-right: var(--g-gap); }

footer .-w.after[data-v-a41b36d1] { align-items: baseline; padding-bottom: var(--h2); padding-top: var(--h1); }

footer .-w.after a[data-v-a41b36d1] { --width: 2; color: var(--c-yellow); display: flex; flex-direction: column; justify-self: start; pointer-events: all; position: relative; transition: color .9s var(--f-cubic); }

footer .-w.after a .-h5[data-v-a41b36d1] { display: block; line-height: 0.85; }

footer .-w.after a .the[data-v-a41b36d1] { margin-left: 0.85em; }

footer .-w.after a .assembly[data-v-a41b36d1] { margin-left: 1em; }

footer .-w.after .slash[data-v-a41b36d1], footer .-w.after > p[data-v-a41b36d1] { color: rgba(var(--c-yellow-rgb),.4); }

footer .-w.after .slash[data-v-a41b36d1] { --top: 2; --left: 1; justify-self: start; }

footer .-w.after .ip-1[data-v-a41b36d1] { --top: 2; --left: 2; --width: 4; }

footer .-w.after .ip-1 a[data-v-a41b36d1] { color: rgba(var(--c-yellow-rgb),.6); }

footer .-w.after .ip-2[data-v-a41b36d1] { --top: 3; --left: 2; --width: 4; margin-top: var(--p); }

footer .-w.after figure[data-v-a41b36d1] { --top: 1; --left: 3; --width: 2; place-self: end center; width: 2.5rem; }

footer .stone-3[data-v-a41b36d1] { bottom: 10%; position: absolute; right: 5%; transform: translate3d(0,calc(var(--vh, 1vh)*-15*var(--progress)),0) rotate(calc(60deg - var(--progress)*30deg)); width: 25%; z-index: 50; }

footer.-home .underlay[data-v-a41b36d1] { background-color: var(--c-black); inset: 0px; mask-image: url("../images/main/footer-mask.svg"); mask-position: 50% 0px; mask-repeat: no-repeat; mask-size: 100%; position: absolute; }

@media (min-width: 1024px) {
  footer .-w.block[data-v-a41b36d1]::after, footer .-w.block[data-v-a41b36d1]::before { height: calc(var(--vw, 1vw)*3); width: calc(var(--vw, 1vw)*6); }
  footer .-w.block .no-so-me[data-v-a41b36d1] { --left: 11; }
  footer .-w.block .independent[data-v-a41b36d1] { --left: 1; --width: 2; margin-left: var(--g-gap); padding-right: 0px; }
  footer .-w.block .operating[data-v-a41b36d1] { --top: 2; --left: 2; margin-bottom: calc(var(--h2)*2); margin-left: 0px; }
  footer .-w.block nav[data-v-a41b36d1] { --top: 1; --height: 2; --left: 5; --width: 8; grid-template-columns: repeat(8, 1fr); margin-bottom: calc(var(--h2)*2); row-gap: var(--mm); }
  footer .-w.block nav a[data-v-a41b36d1] .-s-char::after, footer .-w.block nav span[data-v-a41b36d1] .-s-char::after { color: var(--c-black); content: attr(data-split-content); display: inline-block; inset: 0px; position: absolute; rotate: 60deg; scale: 1.5; transform-origin: 0px 100%; transition: scale calc(.9s + var(--char-index)*.15s) var(--f-cubic),rotate calc(.9s + var(--char-index)*.15s) var(--f-cubic); translate: 0px 105%; }
  footer .-w.block nav a[data-v-a41b36d1]::before { bottom: var(--h4); }
  footer .-w.block nav a[data-v-a41b36d1]:hover::before, footer .-w.block nav span[data-v-a41b36d1]:hover::before { transform: rotate(-180deg) scale(1) translateZ(0px); }
  footer .-w.block nav a[data-v-a41b36d1]:hover .-s-char, footer .-w.block nav span[data-v-a41b36d1]:hover .-s-char { translate: 0px -105%; }
  footer .-w.block nav a[data-v-a41b36d1]:hover .-s-char::after, footer .-w.block nav span[data-v-a41b36d1]:hover .-s-char::after { rotate: 0deg; scale: 1; }
  footer .-w.block nav a.places[data-v-a41b36d1] { grid-column-start: 2; }
  footer .-w.block nav a.objects[data-v-a41b36d1] { grid-column-start: 4; }
  footer .-w.block nav a.about[data-v-a41b36d1] { translate: none; }
  footer .-w.block nav span.contacts[data-v-a41b36d1] { grid-column-start: 5; grid-row: 3 / 4; }
  footer .-w.block nav span.contacts[data-v-a41b36d1]::after { scale: 0 1; }
  footer .-w.block nav span.contacts[data-v-a41b36d1]:hover::after { scale: 1; transition: scale .9s var(--f-cubic-in); }
  footer .-w.block nav a.people[data-v-a41b36d1] { grid-column-start: 3; grid-row: 4 / 5; }
  footer .-w.block .copy[data-v-a41b36d1] { --top: 3; }
  footer .-w.block .expression[data-v-a41b36d1] { --top: 3; --left: 5; --width: 2; padding-right: 0px; }
  footer .-w.block .credits[data-v-a41b36d1] { --top: 3; --left: 8; --width: 4; padding-right: 0px; }
  footer .-w.after[data-v-a41b36d1] { padding-bottom: var(--p); }
  footer .-w.after[data-v-a41b36d1] > * { opacity: calc(-5 + var(--progress)*6); transform: translate3d(0,calc(var(--h0)*-1 + var(--progress)*var(--h0)),0); }
  footer .-w.after a[data-v-a41b36d1]:hover { color: var(--c-white); }
  footer .-w.after .slash[data-v-a41b36d1] { --top: 1; --left: 3; }
  footer .-w.after .ip-1[data-v-a41b36d1] { --top: 1; --left: 5; --width: 2; }
  footer .-w.after .ip-2[data-v-a41b36d1] { --top: 1; --left: 8; --width: 3; margin-top: 0px; }
  footer .-w.after figure[data-v-a41b36d1] { --top: 2; --left: 3; --width: 2; transform: translate3d(0,calc(var(--h0)*-5 + var(--progress)*5*var(--h0)),0); }
  footer .stone-3[data-v-a41b36d1] { bottom: 0px; right: 10%; width: 12%; }
}