.showcase.svelte-1md2ulq{--marquee-gap: .75rem}@media (width >= 48rem){.showcase.svelte-1md2ulq{--marquee-gap: 1.25rem}}.introduction-dots.svelte-1lwo5rb{position:relative;display:block;width:100%;height:100%;min-height:0;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}svg.svelte-1lwo5rb{display:block;width:100%;height:100%;overflow:visible}.connections.svelte-1lwo5rb{stroke:color-mix(in srgb,var(--color-surface) 18%,transparent);pointer-events:none}.light.svelte-1lwo5rb,.halo.svelte-1lwo5rb,.sheen.svelte-1lwo5rb,.spectrum.svelte-1lwo5rb,.sweep.svelte-1lwo5rb{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.halo.svelte-1lwo5rb{opacity:.7;filter:blur(9px)}.sheen.svelte-1lwo5rb{-webkit-mask-image:var(--dot-mask);mask-image:var(--dot-mask);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden}.spectrum.svelte-1lwo5rb{background:conic-gradient(from var(--rainbow-angle),var(--rainbow-colors));opacity:.72;filter:saturate(1.8) contrast(1.08);animation:rainbow-orbit calc(var(--duration-orbit) * 1.3) linear infinite;animation-play-state:paused}.sweep.svelte-1lwo5rb{top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(115deg,transparent 30%,rgb(255 255 255 / .12) 39%,rgb(255 255 255 / .7) 46%,white 49% 52%,rgb(255 255 255 / .35) 58%,transparent 69%);animation:svelte-1lwo5rb-shine var(--duration-orbit) linear infinite;animation-delay:-1.5s;animation-play-state:paused}[data-ambient=true].svelte-1lwo5rb .spectrum:where(.svelte-1lwo5rb),[data-ambient=true].svelte-1lwo5rb .sweep:where(.svelte-1lwo5rb){animation-play-state:running}@keyframes svelte-1lwo5rb-shine{0%{transform:translate(-60%)}to{transform:translate(60%)}}.introduction.svelte-669w9g{--intro-final-hold: 1;--intro-travel: calc(var(--intro-morph-travel) + var(--intro-final-hold));--expansion: 1;--frame-start-height: .62;position:relative}.introduction[data-sticky=true].svelte-669w9g{--expansion: 0;height:calc(100dvh + var(--intro-travel) * 100svh);margin-block-start:calc((var(--frame-start-height) - 1) * 50svh);pointer-events:none}.intro-viewport.svelte-669w9g{position:absolute;top:0;left:0;width:100%;height:100svh;visibility:hidden;pointer-events:none}.intro-stop.svelte-669w9g{position:absolute;left:0;width:1px;height:1px;pointer-events:none}.intro-stage.svelte-669w9g{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;pointer-events:none}.intro-frame.svelte-669w9g{position:relative;isolation:isolate;min-width:0;width:100%;pointer-events:auto;overflow:clip}[data-sticky=true].svelte-669w9g .intro-stage:where(.svelte-669w9g){position:sticky;top:0;height:100dvh;grid-template-rows:minmax(0,1fr)}[data-sticky=true].svelte-669w9g .intro-frame:where(.svelte-669w9g){min-height:0;--frame-start-width: min( var(--container-page), 100% - 2 * var(--spacing-page-gutter) );width:calc(var(--frame-start-width) + (100% - var(--frame-start-width)) * var(--expansion));height:calc((var(--frame-start-height) + (1 - var(--frame-start-height)) * var(--expansion)) * 100%)}@media (width < 48rem){.introduction[data-sticky=true].svelte-669w9g{--intro-final-hold: .25;height:calc(100lvh + var(--intro-travel) * 100svh);margin-block-start:calc((var(--frame-start-height) - 1) * 50lvh)}[data-sticky=true].svelte-669w9g .intro-stage:where(.svelte-669w9g){height:100lvh}[data-sticky=true].svelte-669w9g .intro-frame:where(.svelte-669w9g){--frame-start-width: 100%;height:100%;clip-path:inset(calc((1 - var(--frame-start-height)) * (1 - var(--expansion)) * 50%) 0);transition:clip-path var(--duration-hover) linear}}.intro-layout.svelte-669w9g{position:relative;display:grid;padding-block:4rem;gap:6rem}[data-sticky=true].svelte-669w9g .intro-layout:where(.svelte-669w9g){height:100%;min-height:0;grid-template-columns:minmax(0,25.5rem) minmax(0,1fr);column-gap:clamp(3rem,11.8vw,10.625rem);align-items:center;padding-block:5rem}.intro-copy.svelte-669w9g{display:grid;min-width:0}.intro-copy.svelte-669w9g .intro-panel:where(.svelte-669w9g){grid-area:1 / 1;align-self:center}.intro-text.svelte-669w9g{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem;max-width:25.5rem}.intro-art.svelte-669w9g{min-width:0;width:100%;aspect-ratio:500 / 470}@media (width >= 64rem){[data-sticky=true].svelte-669w9g .intro-container:where(.svelte-669w9g){width:calc(100% - 2 * var(--spacing-page-gutter) - (1 - var(--expansion)) * 4rem);max-width:calc(64.875rem + (var(--container-page) - 64.875rem) * var(--expansion))}[data-sticky=true].svelte-669w9g .intro-art:where(.svelte-669w9g){width:min(100%,calc(30rem + 4rem * var(--expansion)),calc(((var(--frame-start-height) + (1 - var(--frame-start-height)) * var(--expansion)) * 100dvh - 10rem) * 500 / 470));justify-self:end}}.intro-static.svelte-669w9g{display:grid;grid-template-columns:minmax(0,25.5rem) minmax(0,1fr);align-items:center;gap:clamp(3rem,11.8vw,10.625rem)}@media (width < 64rem){[data-sticky=true].svelte-669w9g .intro-layout:where(.svelte-669w9g),.intro-static.svelte-669w9g{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);justify-items:center;align-content:center;gap:clamp(1rem,3svh,2rem)}[data-sticky=true].svelte-669w9g .intro-layout:where(.svelte-669w9g){gap:calc(.5rem + var(--expansion) * 1rem);padding-top:calc(1.5rem + var(--expansion) * (clamp(2rem,8svh,5rem) - 1.5rem));padding-bottom:4rem}.intro-copy.svelte-669w9g{width:100%;max-width:25.5rem}.intro-art.svelte-669w9g{width:min(100%,25rem);max-height:100%;align-self:center}[data-sticky=true].svelte-669w9g .intro-art:where(.svelte-669w9g){height:100%;width:auto;max-width:100%;min-height:0}.intro-static.svelte-669w9g{grid-template-rows:auto auto}}@media (width < 48rem){.intro-copy.svelte-669w9g,.intro-panel.svelte-669w9g,.intro-text.svelte-669w9g,.intro-art.svelte-669w9g{justify-self:center;margin-inline:auto}.intro-text.svelte-669w9g{align-items:center;text-align:center}.intro-art.svelte-669w9g,[data-sticky=true].svelte-669w9g .intro-art:where(.svelte-669w9g){width:min(75.2%,18.8rem);height:auto;max-height:none;align-self:center}[data-sticky=true].svelte-669w9g .intro-layout:where(.svelte-669w9g){grid-template-rows:auto auto;align-content:center;opacity:var(--content-reveal, 0)}.intro-layout.svelte-669w9g,[data-sticky=true].svelte-669w9g .intro-layout:where(.svelte-669w9g){gap:.75rem;padding-block:6rem}}
