.page-fun.svelte-10vxsmi{position:relative;min-height:100vh;background:#0a0a0a;overflow:hidden;display:flex;align-items:center;justify-content:center}.barrel.svelte-10vxsmi{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#081422,#050d18,#030810,#010408,#000)}.barrel-wave.svelte-10vxsmi{position:absolute;inset:0;width:100%;height:100%;opacity:1}.barrel-wave.layer2.svelte-10vxsmi{opacity:.45;mix-blend-mode:screen}.back.svelte-10vxsmi{position:absolute;top:1.5rem;left:1.5rem;z-index:1}.back.svelte-10vxsmi a:where(.svelte-10vxsmi){font-family:Roboto,sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff26;text-decoration:none;transition:color .3s ease}.back.svelte-10vxsmi a:where(.svelte-10vxsmi):hover{color:#ffffff80;text-decoration:none}.content.svelte-10vxsmi{position:relative;z-index:1;width:100%;max-width:400px;padding:2rem}.project-list.svelte-10vxsmi{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.project.svelte-10vxsmi{position:relative;width:100%;cursor:pointer}.project.disabled.svelte-10vxsmi{cursor:default}.project-inner.svelte-10vxsmi{text-align:center;padding:1.5rem 1rem}.project-title.svelte-10vxsmi{font-family:Roboto,sans-serif;font-size:.8rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:#ffffffb3;margin:0;-webkit-text-stroke:0;text-shadow:none;transition:color .4s ease,letter-spacing .4s ease}.project.svelte-10vxsmi:not(.disabled):hover .project-title:where(.svelte-10vxsmi){color:#fffffff2;letter-spacing:.3em}.disabled.svelte-10vxsmi .project-title:where(.svelte-10vxsmi){color:#fff3;font-style:italic}.project-desc-wrapper.svelte-10vxsmi{height:2.5rem;overflow:hidden;transition:height .4s ease}.project.svelte-10vxsmi:hover .project-desc-wrapper:where(.svelte-10vxsmi){height:2.5rem}.project-desc.svelte-10vxsmi{font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300;color:#ffffff59;margin:0;padding-top:.75rem;opacity:1;transform:translateY(0);transition:opacity .3s ease .1s,transform .3s ease .1s}.project.svelte-10vxsmi:hover .project-desc:where(.svelte-10vxsmi){opacity:1;transform:translateY(0)}@media(min-width:780px){.project-desc-wrapper.svelte-10vxsmi{height:0}.project-desc.svelte-10vxsmi{opacity:0;transform:translateY(-4px)}.project.svelte-10vxsmi:hover .project-desc-wrapper:where(.svelte-10vxsmi){height:2.5rem}.project.svelte-10vxsmi:hover .project-desc:where(.svelte-10vxsmi){opacity:1;transform:translateY(0)}}.ocean.svelte-10vxsmi{position:absolute;inset:-50%;width:200%;height:200%;border-radius:40%;opacity:.4;will-change:transform}