@charset "utf-8";

.c-welcome[data-v-263c9f6a] { position: relative; }

.c-welcome .sticky-wrapper[data-v-263c9f6a] { align-items: flex-start; display: flex; position: relative; width: 100%; }

.c-welcome .sticky-wrapper .sticky-holder[data-v-263c9f6a] { display: grid; height: calc(var(--vh, 1vh)*100); overflow: hidden; place-items: center; width: 100%; }

.c-welcome .sticky-wrapper .sticky-holder[data-v-263c9f6a] > * { grid-area: 1 / 1; }

.c-welcome .sticky-wrapper .sticky-holder .blured[data-v-263c9f6a] { display: none; }

.c-welcome .sticky-wrapper .sticky-holder .sharp[data-v-263c9f6a] { height: 100%; transform: translateZ(0px); width: 100%; }

.c-welcome .sticky-wrapper .sticky-holder .sharp[data-v-263c9f6a]::after { background-image: linear-gradient(0deg,var(--c-yellow),transparent 30%,transparent 50%,var(--c-yellow)); content: ""; display: block; inset: 0px; position: absolute; transform: translateZ(0px); }

.c-welcome .sticky-wrapper .sticky-holder .sharp[data-v-263c9f6a] img { aspect-ratio: 1 / 1; height: 100%; scale: calc(1 + var(--progress)*.2); transform-origin: 50% 100%; }

.c-welcome .sticky-wrapper .sticky-holder .title[data-v-263c9f6a] { align-self: end; justify-content: center; margin-bottom: var(--h1); transform: translateZ(0px); }

.c-welcome .sticky-wrapper .sticky-holder .title .m-break[data-v-263c9f6a] { width: 100%; }

.c-welcome .sticky-wrapper .sticky-holder .-w[data-v-263c9f6a] { align-self: start; margin-top: calc(var(--h1)*2); }

.c-welcome .sticky-wrapper .sticky-holder .-w .tt-1[data-v-263c9f6a], .c-welcome .sticky-wrapper .sticky-holder .-w .tt-2[data-v-263c9f6a] { --width: 4; align-self: center; justify-content: center; }

.c-welcome .sticky-wrapper .sticky-holder .-w .tt-1[data-v-263c9f6a] { --top: 1; --left: 2; }

.c-welcome .sticky-wrapper .sticky-holder .-w .tt-2[data-v-263c9f6a] { --top: 2; --left: 2; margin-top: var(--mm); }

.c-welcome .sticky-wrapper .sticky-holder .objects-welcome-path[data-v-263c9f6a] { height: calc(var(--vh, 1vh)*40); pointer-events: none; position: relative; width: 100%; }

@media (min-width: 1024px) {
  .c-welcome[data-v-263c9f6a] { height: calc(var(--vh, 1vh)*300); }
  .c-welcome .sticky-wrapper[data-v-263c9f6a] { height: 0px; position: sticky; top: 0px; }
  .c-welcome .sticky-wrapper .sticky-holder[data-v-263c9f6a] { min-height: 800px; }
  .c-welcome .sticky-wrapper .sticky-holder .blured[data-v-263c9f6a] { display: flex; height: 100%; width: 100%; }
  .c-welcome .sticky-wrapper .sticky-holder .blured[data-v-263c9f6a]::after { backdrop-filter: blur(0.25rem); content: ""; display: block; inset: 0px; position: absolute; transform: translateZ(0px); }
  .c-welcome .sticky-wrapper .sticky-holder .blured[data-v-263c9f6a] img { aspect-ratio: 1 / 1; scale: calc(1 + var(--progress)*.2); transform-origin: 50% 100%; }
  .c-welcome .sticky-wrapper .sticky-holder .sharp[data-v-263c9f6a] { clip-path: inset(calc(20% - 80%*var(--progress)) calc((var(--g-margin) + 33.33333% - var(--g-margin)*2*.33333 + var(--g-gap)/3)*(1 - var(--progress)) - 10%*var(--progress)) 0 calc((var(--g-margin) + 33.33333% - var(--g-margin)*2*.33333 + var(--g-gap)/3)*(1 - var(--progress)) - 10%*var(--progress)) round calc((.16667 + var(--progress)*4/12)*(var(--vw, 1vw)*100 - var(--g-margin)*2) + var(--g-gap)/2 + var(--g-gap)*4*var(--progress)) calc((.16667 + var(--progress)*4/12)*(var(--vw, 1vw)*100 - var(--g-margin)*2) + var(--g-gap)/2 + var(--g-gap)*4*var(--progress)) 0 0); }
  .c-welcome .sticky-wrapper .sticky-holder .sharp[data-v-263c9f6a]::after { background-color: rgba(var(--c-yellow-rgb),calc(-4 + var(--progress)*5)); background-image: none; }
  .c-welcome .sticky-wrapper .sticky-holder .title[data-v-263c9f6a] { scale: calc(1 + var(--progress)*.5); transform-origin: 50% 0px; translate: 0 calc((100% + var(--h1))*var(--progress)); }
  .c-welcome .sticky-wrapper .sticky-holder .title .m-break[data-v-263c9f6a] { width: auto; }
  .c-welcome .sticky-wrapper .sticky-holder .-w[data-v-263c9f6a] { align-self: center; opacity: calc(4 - var(--progress)*5); translate: 0 calc(var(--vh, 1vh)*-40*var(--progress)); }
  .c-welcome .sticky-wrapper .sticky-holder .-w .tt-1[data-v-263c9f6a], .c-welcome .sticky-wrapper .sticky-holder .-w .tt-2[data-v-263c9f6a] { --width: 3; }
  .c-welcome .sticky-wrapper .sticky-holder .-w .tt-1[data-v-263c9f6a] { --top: 1; --left: 2; }
  .c-welcome .sticky-wrapper .sticky-holder .-w .tt-2[data-v-263c9f6a] { --top: 1; --left: 9; margin-top: 0px; }
  .c-welcome .sticky-wrapper .sticky-holder .objects-welcome-path[data-v-263c9f6a] { height: calc(var(--vh, 1vh)*80); translate: 0 calc(var(--vh, 1vh)*-100*var(--progress)); }
}

.c-principles[data-v-133dd597] { margin-top: var(--h3); position: relative; }

.c-principles .-w[data-v-133dd597] { padding-bottom: var(--h0); text-align: center; }

.c-principles .-w .title[data-v-133dd597] { --width: 6; justify-content: center; }

.c-principles .-w .subtitle[data-v-133dd597] { --top: 2; --left: 2; --width: 4; margin-top: var(--h1); }

.c-principles .-w p[data-v-133dd597] { justify-content: center; }

.c-principles .-w .p-1[data-v-133dd597] { --top: 3; --left: 3; --width: 2; margin-top: var(--h5); }

.c-principles .-w .p-2[data-v-133dd597] { --top: 4; --left: 2; --width: 4; margin-left: 2em; margin-right: 2em; margin-top: var(--p); }

.c-principles .objects-principle-path[data-v-133dd597] { aspect-ratio: 1440 / 440; inset: 0px 0px 20%; pointer-events: none; position: absolute; z-index: 1; }

@media (min-width: 1024px) {
  .c-principles[data-v-133dd597] { margin-top: 0px; }
  .c-principles .-w .title[data-v-133dd597] { --width: 12; }
  .c-principles .-w .subtitle[data-v-133dd597] { --left: 4; --width: 6; }
  .c-principles .-w .p-1[data-v-133dd597] { --top: 3; --left: 5; --width: 4; }
  .c-principles .-w .p-2[data-v-133dd597] { --top: 4; --left: 5; --width: 4; }
}

.c-sequence[data-v-1c94444c] { background-color: var(--c-black); overflow: hidden; position: relative; }

.c-sequence[data-v-1c94444c]::after { background-color: var(--c-yellow); content: ""; display: block; height: calc(var(--vw, 1vw)*12); left: 0px; margin-left: auto; margin-right: auto; mask: url("../images/star-mask.svg") center bottom / 100%; position: absolute; right: 0px; top: 0px; width: calc(var(--vw, 1vw)*24); z-index: 1; }

.c-sequence .sequence-principle-path[data-v-1c94444c] { aspect-ratio: auto; height: 40%; inset: var(--h1) 0 auto 0; position: absolute; }

.c-sequence .-w[data-v-1c94444c] { position: relative; }

.c-sequence .-w[data-v-1c94444c]::before { background-image: linear-gradient(180deg,rgba(var(--c-black-rgb),0) 0,var(--c-black) calc(98% - var(--large))); content: ""; display: block; inset: 60% 0px 0px; pointer-events: none; position: absolute; z-index: 20; }

.c-sequence .-w .obsidian-bg[data-v-1c94444c] { --left: 1; --width: 6; align-self: end; contain: paint; height: 60%; margin-left: 10%; margin-right: 10%; mask-image: url("../images/home/stone-mask.svg"); mask-position: 50% 0px; mask-size: cover; position: relative; transform-origin: 50% -50%; z-index: 10; }

.c-sequence .-w .obsidian-bg[data-v-1c94444c] img { object-position: 50% 0px; }

.c-sequence .-w .sequence-item[data-v-1c94444c] { --left: 2; --width: 4; align-self: end; aspect-ratio: 1840 / 2480; margin-bottom: calc(var(--h0)*1); margin-top: calc(var(--h0)*2); mask-image: linear-gradient(45deg, rgb(255, 255, 255) 40%, transparent 60%); mask-position: 100% 0px; mask-size: 300%; pointer-events: none; position: relative; transform: translateZ(0px); transition: mask-position 2.1s var(--f-smooth-alt),-webkit-mask-position 2.1s var(--f-smooth-alt); z-index: 10; }

.c-sequence .-w .sequence-item.-leaving[data-v-1c94444c] { z-index: 10; }

.c-sequence .-w .sequence-item.-active[data-v-1c94444c], .c-sequence .-w .sequence-item.-entering[data-v-1c94444c] { mask-position: 0px 0px; pointer-events: all; z-index: 11; }

.c-sequence .-w .previews[data-v-1c94444c] { --left: 1; --width: 6; align-self: end; clip-path: inset(1px round var(--g-gap)); display: grid; gap: var(--g-gap); grid-template-columns: repeat(3, 1fr); overflow: hidden; position: relative; transform: translate3d(0,calc(var(--progress)*-100%),0); z-index: 30; }

.c-sequence .-w .previews[data-v-1c94444c]::after { background-image: linear-gradient(90deg,var(--c-black),rgba(var(--c-black-rgb),0) 40%,rgba(var(--c-black-rgb),0) 60%,var(--c-black) 100%); content: ""; inset: 0px; pointer-events: none; position: absolute; z-index: 20; }

.c-sequence .-w .previews figure[data-v-1c94444c] { aspect-ratio: 220 / 130; border-radius: 0.4rem; cursor: pointer; grid-area: 1 / 2 / 2 / 3; transform: translate3d(calc(var(--shift)*(100% + var(--g-gap)) - 100% - var(--g-gap)),0,0); transition: transform 1.5s var(--f-smooth-alt); }

.c-sequence .-w .previews figure.-no-anim[data-v-1c94444c] { transition: none !important; }

.c-sequence .-w .previews[data-v-1c94444c] .i.-no-anim figure, .c-sequence .-w .previews[data-v-1c94444c] .i.-no-anim { transition: none !important; }

.c-sequence .-w .previews .i[data-v-1c94444c] { z-index: 10; }

.c-sequence .-w .previews .i.-active[data-v-1c94444c] { z-index: 11; }

.c-sequence .-w svg.preview-arch[data-v-1c94444c] { --left: 3; --width: 2; align-self: end; margin-bottom: calc(var(--p)); margin-left: auto; margin-right: auto; pointer-events: none; position: relative; transform: translate3d(0,calc(var(--progress)*-40%),0); width: calc(var(--col)*2 + var(--g-gap)*2); z-index: 30; }

.c-sequence .-w .title-path[data-v-1c94444c] { --left: 1; --width: 6; place-items: start center; display: grid; margin-left: calc(var(--g-margin)*-1); margin-right: calc(var(--g-margin)*-1); margin-top: calc(var(--h3)*2); overflow: hidden; position: relative; z-index: 10; }

.c-sequence .-w .title-path svg[data-v-1c94444c] { grid-area: 1 / 1; height: auto; overflow: visible; padding-top: var(--h3); }

.c-sequence .-w .title-path svg text[data-v-1c94444c] { transform: translateZ(0px); }

.c-sequence .-w .title-path .objects-sequence_title-1[data-v-1c94444c] { width: calc(var(--col)*4 + var(--g-gap)*3 + var(--h3)*2); }

.c-sequence .-w .title-path .objects-sequence_title-1 .curve-text[data-v-1c94444c] { fill: var(--c-yellow); font-family: var(--font-t-2); font-size: calc(0.32px - 0.006vw); }

.c-sequence .-w .title-path .objects-sequence_title-2[data-v-1c94444c] { margin-top: calc(var(--h3)); width: calc(var(--col)*4 + var(--g-gap)*3); }

.c-sequence .-w .title-path .objects-sequence_title-2 .curve-text[data-v-1c94444c] { fill: var(--c-white); font-family: var(--font-t-2); font-size: calc(0.4px - 0.006vw); }

.c-sequence .-w button[data-v-1c94444c] { --direction: 1; place-self: center; background-color: var(--c-black); border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(var(--c-yellow-rgb),.1); clip-path: circle(calc(50% - 1px) at 50% center); display: grid; overflow: hidden; padding: 1rem; place-items: center; position: relative; z-index: 40; }

.c-sequence .-w button[data-v-1c94444c]::before { background-color: var(--c-yellow); border-radius: 50%; content: ""; display: block; inset: 0px; position: absolute; scale: 1 0; transform-origin: 50% 100%; transition: scale 1.2s var(--f-cubic-in); z-index: 1; }

.c-sequence .-w button svg[data-v-1c94444c] { grid-area: 1 / 1; position: relative; transform-origin: 50% 400%; transition: rotate 1.2s var(--f-cubic-in); width: 2.5rem; z-index: 1; }

.c-sequence .-w button svg[data-v-1c94444c]:first-child { fill: var(--c-yellow); rotate: calc(0deg*var(--direction)); }

.c-sequence .-w button svg[data-v-1c94444c]:nth-child(2) { rotate: calc(-90deg*var(--direction)); }

.c-sequence .-w .prev[data-v-1c94444c] { --left: 1; }

.c-sequence .-w .next[data-v-1c94444c] { --left: 6; }

@media (min-width: 1024px) {
  .c-sequence[data-v-1c94444c]::after { height: calc(var(--vw, 1vw)*3); width: calc(var(--vw, 1vw)*6); }
  .c-sequence .sequence-principle-path[data-v-1c94444c] { height: 80%; }
  .c-sequence .-w[data-v-1c94444c]::before { inset: 50% 0px 0px; }
  .c-sequence .-w .obsidian-bg[data-v-1c94444c] { --left: 3; --width: 8; scale: calc(1 + var(--progress)*.2); }
  .c-sequence .-w .sequence-item[data-v-1c94444c] { --left: 5; --width: 4; margin-bottom: calc(var(--h0)*2); margin-top: calc(var(--h0)*3); }
  .c-sequence .-w .previews[data-v-1c94444c] { --left: 4; --width: 6; }
  .c-sequence .-w svg.preview-arch[data-v-1c94444c] { --left: 5; --width: 4; }
  .c-sequence .-w .title-path[data-v-1c94444c] { --left: 2; --width: 10; margin-top: calc(var(--h0)*1); }
  .c-sequence .-w .title-path svg[data-v-1c94444c] { padding-top: var(--h0); }
  .c-sequence .-w .title-path .objects-sequence_title-1[data-v-1c94444c] { width: calc(var(--col)*6 + var(--g-gap)*5 + var(--h0)*2); }
  .c-sequence .-w .title-path .objects-sequence_title-1 .curve-text[data-v-1c94444c] { font-size: calc(0.36px - 0.006vw); }
  .c-sequence .-w .title-path .objects-sequence_title-2[data-v-1c94444c] { margin-top: calc(var(--h0)); width: calc(var(--col)*6 + var(--g-gap)*5); }
  .c-sequence .-w .title-path .objects-sequence_title-2 .curve-text[data-v-1c94444c] { font-size: calc(0.4px - 0.006vw); }
  .c-sequence .-w .prev[data-v-1c94444c] { --left: 2; transform: translate3d(calc(var(--progress)*var(--vw, 1vw)*5),calc(var(--progress)*var(--vh, 1vh)*20),0); }
  .c-sequence .-w .next[data-v-1c94444c] { --left: 11; transform: translate3d(calc(var(--progress)*var(--vw, 1vw)*-5),calc(var(--progress)*var(--vh, 1vh)*20),0); }
  .c-sequence .-w button[data-v-1c94444c]:hover::before { scale: 1; transition: scale .9s var(--f-cubic); }
  .c-sequence .-w button[data-v-1c94444c]:hover::after { animation: auto ease 0s 1 normal none running none; }
  .c-sequence .-w button:hover svg[data-v-1c94444c] { transition: rotate .9s var(--f-cubic); }
  .c-sequence .-w button:hover svg[data-v-1c94444c]:first-child { rotate: calc(90deg*var(--direction)); }
  .c-sequence .-w button:hover svg[data-v-1c94444c]:nth-child(2) { rotate: calc(0deg*var(--direction)); }
}

.c-origin[data-v-b54818f2] { background-color: var(--c-black); color: var(--c-white); padding-bottom: var(--h0); padding-top: var(--h0); }

.c-origin .-w figure[data-v-b54818f2] { --left: 3; --width: 2; place-self: end center; width: 2.5rem; }

.c-origin .-w .subtitle[data-v-b54818f2] { --top: 2; --left: 1; --width: 6; justify-content: center; margin-top: var(--p); }

@media (min-width: 1024px) {
  .c-origin .-w figure[data-v-b54818f2] { --left: 6; --width: 2; }
  .c-origin .-w .subtitle[data-v-b54818f2] { --top: 2; --left: 4; --width: 6; }
}