.project-tabs-container.svelte-1p8fbsl{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;width:100%}.project-tabs-container.svelte-1p8fbsl p:where(.svelte-1p8fbsl){width:74ch;max-width:calc(100% - 4rem);text-wrap:balance;font-family:monospace;margin-bottom:4rem;line-height:1.5;opacity:.8;font-weight:400;margin:0}@media(max-width:768px){.project-tabs-container.svelte-1p8fbsl p:where(.svelte-1p8fbsl){text-align:center}.description-container.svelte-1p8fbsl{display:none}.mobile-description-container.svelte-1p8fbsl{text-align:center}}.project-tabs-list.svelte-1p8fbsl{--gap: 8px;--base: clamp(2rem, 8cqi, 80px);--speed: .6s;--easing: linear( 0 0%, .1538 4.09%, .2926 8.29%, .4173 12.63%, .5282 17.12%, .6255 21.77%, .7099 26.61%, .782 31.67%, .8425 37%, .8887 42.23%, .9257 47.79%, .9543 53.78%, .9752 60.32%, .9883 67.11%, .9961 75%, 1 100% );display:grid;container-type:inline-size;grid-template-columns:repeat(var(--items, 8),1fr);gap:var(--gap);list-style-type:none;justify-content:center;padding:0;height:clamp(300px,40dvh,474px);margin:0;width:100%;transition:grid-template-columns var(--speed) var(--easing)}.project-tabs-list.svelte-1p8fbsl li:where(.svelte-1p8fbsl){position:relative;overflow:hidden;min-width:var(--base);border-radius:8px}.project-tabs-list.svelte-1p8fbsl li:where(.svelte-1p8fbsl) .card-link:where(.svelte-1p8fbsl){display:block;width:100%;height:100%;background-color:hsl(var(--b2) / .8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsl(var(--b3) / .5);border-radius:8px;text-decoration:none;color:inherit;cursor:pointer}li.svelte-1p8fbsl h3:where(.svelte-1p8fbsl){opacity:.6;transition:opacity calc(var(--speed) * 1.2) var(--easing)}li.svelte-1p8fbsl img:where(.svelte-1p8fbsl),li.svelte-1p8fbsl .img-placeholder:where(.svelte-1p8fbsl){filter:grayscale(1) brightness(1.5);scale:1.1;transition-property:filter,scale;transition-duration:calc(var(--speed) * 1.2);transition-timing-function:var(--easing)}[data-active=true].svelte-1p8fbsl h3:where(.svelte-1p8fbsl){opacity:1}[data-active=true].svelte-1p8fbsl img:where(.svelte-1p8fbsl),[data-active=true].svelte-1p8fbsl .img-placeholder:where(.svelte-1p8fbsl){filter:grayscale(0) brightness(1);scale:1;transition-delay:calc(var(--speed) * .25)}article.svelte-1p8fbsl{width:var(--article-width, 100%);max-inline-size:100%;height:100%;position:absolute;font-family:monospace;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding-inline:calc(var(--base) * .5 - 9px);padding-bottom:1rem;overflow:hidden}article.svelte-1p8fbsl h3:where(.svelte-1p8fbsl){position:absolute;top:1rem;left:calc(var(--base) * .5);transform-origin:0 50%;rotate:90deg;font-size:1rem;font-weight:300;text-transform:uppercase;font-family:monospace;white-space:nowrap;margin:0}article.svelte-1p8fbsl img:where(.svelte-1p8fbsl),article.svelte-1p8fbsl .img-placeholder:where(.svelte-1p8fbsl){position:absolute;pointer-events:none;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-mask:radial-gradient(100% 100% at 100% 0,#fff,#0000);mask:radial-gradient(100% 100% at 100% 0,#fff,#0000)}article.svelte-1p8fbsl .img-placeholder:where(.svelte-1p8fbsl){display:flex;align-items:center;justify-content:center;font-size:4rem;background-color:hsl(var(--b3) / .3)}article.svelte-1p8fbsl .description-container:where(.svelte-1p8fbsl){position:absolute;bottom:1rem;left:calc(var(--base) * .5 - 9px);right:calc(var(--base) * .5 - 9px);opacity:0;transition:opacity .1s ease;pointer-events:none;overflow:hidden}article.svelte-1p8fbsl .description-container[data-active=true]:where(.svelte-1p8fbsl){opacity:1;pointer-events:auto;transition:opacity .2s ease .2s}article.svelte-1p8fbsl .description-container:where(.svelte-1p8fbsl) p:where(.svelte-1p8fbsl){font-size:13px;line-height:1.25;margin:0;opacity:.8;overflow-wrap:anywhere;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;text-align:left;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-clamp:4;overflow:hidden;word-break:break-word}.mobile-description-container.svelte-1p8fbsl{margin-top:2rem;width:74ch;max-width:100%;text-wrap:balance;font-family:monospace;line-height:1.5;opacity:.8;font-weight:400;animation:svelte-1p8fbsl-fadeIn .3s ease-in-out}.mobile-description.svelte-1p8fbsl{margin:0;font-size:14px;line-height:1.6;max-width:100%!important;opacity:0;animation:svelte-1p8fbsl-fadeInText .3s ease-in-out}@keyframes svelte-1p8fbsl-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1p8fbsl-fadeInText{0%{opacity:0}to{opacity:1}}.page-section.svelte-gpoxwa{min-height:100vh;height:100vh;height:100dvh}.timeline.svelte-xzumx0{--tw-text-opacity: 1;color:hsl(var(--nc))}.timeline.svelte-xzumx0 li:where(.svelte-xzumx0){--tw-text-opacity: 1;color:hsl(var(--n))}.timeline.svelte-xzumx0 time:where(.svelte-xzumx0){color:hsl(var(--p))}.timeline.svelte-xzumx0 svg:where(.svelte-xzumx0){color:hsl(var(--p))}.timeline-start.svelte-xzumx0,.timeline-end.svelte-xzumx0{max-width:65ch;text-wrap:pretty}@media(max-width:768px){.timeline-start.svelte-xzumx0,.timeline-end.svelte-xzumx0{max-width:100%}}