.animated-text{opacity:0;transform:translateY(64px);animation:fade-in 1.5s ease-out forwards;animation-delay:.3s}@keyframes fade-in{to{opacity:1;transform:translateY(0)}}.background-mountain{background-image:url(/asset/background.jpg);filter:brightness(50%);z-index:-1}.background-mountain,.foreground-mountain{width:100%;height:100%;background-size:cover;background-position:50%;box-shadow:8px 10px 12px rgba(14,33,75,.5)}.foreground-mountain{background-image:url(/asset/foreground.png);filter:brightness(55%);z-index:1;animation:change-opacity .25s ease-in-out forwards;animation-delay:1.8s}@keyframes change-opacity{0%{display:block;opacity:1}to{display:none;opacity:0}}.section{width:100%;padding-block:calc(var(--spacing) * 16);padding-inline:calc(var(--spacing) * 8)}@property --percent-1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --decorator-color{syntax:"<color>";inherits:false;initial-value:oklab(0 0 0/1)}.bg-transition{border:1px solid var(--card);background:linear-gradient(115deg,var(--decorator-color) 0,var(--decorator-color) var(--percent-1),var(--card) calc(var(--percent-1) + .1%),var(--card) 100%);transition:--percent-1 .3s ease-in-out,--decorator-color 0s}.bg-transition.green{--decorator-color:color-mix(in oklab,var(--color-green-500) 20%,var(--color-card))}.bg-transition.blue{--decorator-color:color-mix(in oklab,var(--color-blue-500) 20%,var(--color-card))}.bg-transition.amber{--decorator-color:color-mix(in oklab,var(--color-amber-500) 20%,var(--color-card))}.bg-transition.pink{--decorator-color:color-mix(in oklab,var(--color-pink-500) 20%,var(--color-card))}.bg-transition.hovered{--percent-1:40%}.bg-transition.clicked{--percent-1:100%;transition:--percent-1 .1s ease-in-out,--decorator-color 0s}