@import"https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Nothing+You+Could+Do&family=Stack+Sans+Text:wght@200..700&display=swap";.card-track.svelte-lv9s7p{overflow:clip visible;height:400svh;position:relative;view-timeline:--card-timeline block}.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p){position:sticky;top:50%;left:50%;translate:-50% -50%;display:grid;place-items:center;width:100cqw;height:100cqh;animation:svelte-lv9s7p-card-movement ease-in-out both;animation-timeline:--card-timeline;animation-range:contain calc(-100svh - 5rem) contain 390svh}.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p) :where(.svelte-lv9s7p){grid-column-start:1;grid-row-start:1}.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p) .card-piece:where(.svelte-lv9s7p){position:relative;width:clamp(10rem,80vw,30rem);aspect-ratio:8.5/11;perspective:2000px;transform-style:preserve-3d}.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p) .card-piece:where(.svelte-lv9s7p) img:where(.svelte-lv9s7p){width:100%;height:100%}.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p) .card-piece:where(.svelte-lv9s7p) .front:where(.svelte-lv9s7p),.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p) .card-piece:where(.svelte-lv9s7p) .back:where(.svelte-lv9s7p){position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:all .6s ease}.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p) .card-piece:where(.svelte-lv9s7p) .front:where(.svelte-lv9s7p){background-color:#fff;transform-origin:0% 50%;animation:svelte-lv9s7p-page-turn-top ease both;animation-timeline:--card-timeline;animation-range:inherit}.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p) .card-piece:where(.svelte-lv9s7p) .back:where(.svelte-lv9s7p){background-color:#fff;translate:-100% 0%;transform:rotateY(180deg);transform-origin:100% 50%;animation:svelte-lv9s7p-page-turn-bottom ease both;animation-timeline:--card-timeline;animation-range:inherit;border-right:1px solid #eeeeee}.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p) .card-piece.piece-1:where(.svelte-lv9s7p){animation:svelte-lv9s7p-card-z-1 both;animation-timeline:--card-timeline;animation-range:contain -25svh contain 25%}.card-track.svelte-lv9s7p .card:where(.svelte-lv9s7p) .card-piece.piece-2:where(.svelte-lv9s7p){animation:card-z-2 both;animation-timeline:--card-timeline;animation-range:contain 45% contain calc(100% - 50svh)}@keyframes svelte-lv9s7p-card-movement{0%{translate:0% 0}20%{translate:0% -60svh}60%,80%{translate:12.5% -50svh;scale:1}80%,85%{scale:.8 1;translate:25% 0}85%,to{scale:.3 .8;translate:12.5% -500%}}@keyframes svelte-lv9s7p-card-z-1{0%{z-index:1}to{z-index:0}0.00001%,99.999999%{z-index:2}}@keyframes svelte-lv9s7p-card-z{0%{z-index:0}to{z-index:1}0.00001%,99.999999%{z-index:2}}@keyframes svelte-lv9s7p-page-turn-top{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes svelte-lv9s7p-page-turn-bottom{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.photo-track.svelte-1jpf1ui{overflow:clip clip;margin-top:-100svh;margin-bottom:-107svh;height:200svh;position:relative;view-timeline:--photos-timeline block}.photo-track.svelte-1jpf1ui .image:where(.svelte-1jpf1ui){position:relative;display:inline-block;top:var(--y);left:var(--x);z-index:var(--z);width:0;height:0}.photo-track.svelte-1jpf1ui .image:where(.svelte-1jpf1ui) img:where(.svelte-1jpf1ui){width:var(--w);height:auto;animation:svelte-1jpf1ui-photo-movement cubic-bezier(.455,.03,.515,.955) both;animation-timeline:--photos-timeline;animation-range:contain var(--start) contain var(--end);border-radius:1rem}h2.svelte-1jpf1ui{text-align:left;font-family:var(--font-dyna-puff);font-size:clamp(1.5rem,5vw,3rem);padding-inline:2rem;margin-bottom:-1.5rem;color:oklch(from var(--color) .5 .1 h);animation:svelte-1jpf1ui-photo-grid ease both;animation-timeline:view();animation-range:contain 80% contain 90%}.photo-gallery.svelte-1jpf1ui{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(10rem,30vw,20rem),1fr));grid-template-rows:masonry;gap:1rem;padding:2rem;animation:svelte-1jpf1ui-photo-grid ease both;animation-timeline:view();animation-range:entry 80% entry 90%}.photo-gallery.svelte-1jpf1ui img:where(.svelte-1jpf1ui){aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;border-radius:1rem}.photo-gallery.svelte-1jpf1ui .more:where(.svelte-1jpf1ui){aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:space-around;border:2px dashed oklch(from var(--color) .85 .05 h);color:oklch(from var(--color) .5 .1 h);text-align:center;font-family:var(--font-dyna-puff);border-radius:1rem;padding:1rem;text-wrap:balance}.photo-gallery.svelte-1jpf1ui .more:where(.svelte-1jpf1ui) .img-stack:where(.svelte-1jpf1ui){display:block;position:relative;height:60%;flex-shrink:0}.photo-gallery.svelte-1jpf1ui .more:where(.svelte-1jpf1ui) .img-stack:where(.svelte-1jpf1ui) img:where(.svelte-1jpf1ui){position:absolute;width:50%;top:50%;left:50%;translate:-50% -50%;z-index:2}.photo-gallery.svelte-1jpf1ui .more:where(.svelte-1jpf1ui) .img-stack:where(.svelte-1jpf1ui) img:where(.svelte-1jpf1ui):nth-child(1){z-index:1;transform:translate(-30%,5%) rotate(-10deg)}.photo-gallery.svelte-1jpf1ui .more:where(.svelte-1jpf1ui) .img-stack:where(.svelte-1jpf1ui) img:where(.svelte-1jpf1ui):nth-child(3){z-index:1;transform:translate(30%,5%) rotate(10deg)}@keyframes svelte-1jpf1ui-photo-movement{0%{transform:rotate(var(--rot)) translate(-50%,-50%) scale(1)}to{transform:rotate(calc(var(--rot) + var(--shift-rot))) translate(calc(-50% + var(--shift-x)),calc(-50% + var(--shift-y))) scale(var(--shift-scale))}}@keyframes svelte-1jpf1ui-photo-grid{0%{opacity:0%}to{opacity:100%}}:root{--color: oklch(.7 .12 183);--font-stack-sans: "Stack Sans Text", sans-serif;--font-dyna-puff: "DynaPuff", cursive;--font-nothing-you-could-do: "Nothing You Could Do", cursive}*{box-sizing:border-box}html{width:100%;min-height:100svh;background:oklch(from var(--color) .9 .05 h);font-family:var(--font-stack-sans);scroll-timeline:--main-timeline}body{width:100%;min-height:100svh;margin:0}header.svelte-1n46o8q{container:section block;min-height:100svh}header.svelte-1n46o8q{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}header.svelte-1n46o8q h1:where(.svelte-1n46o8q){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-inline:4rem;gap:1rem;animation:svelte-1n46o8q-shoot-up ease-in both;animation-timeline:view();animation-range:cover 50% cover 100%}header.svelte-1n46o8q h1:where(.svelte-1n46o8q) .header-1:where(.svelte-1n46o8q){font-family:var(--font-dyna-puff);font-weight:800;font-size:clamp(2rem,10vw,5rem);color:oklch(from var(--color) .5 .1 h)}header.svelte-1n46o8q h1:where(.svelte-1n46o8q) .header-2:where(.svelte-1n46o8q){font-family:var(--font-nothing-you-could-do);font-size:clamp(2rem,10vw,5rem);color:oklch(from var(--color) .5 .1 h)}header.svelte-1n46o8q .scroll:where(.svelte-1n46o8q){position:absolute;display:flex;align-items:center;gap:1rem;bottom:4rem;left:4rem;font-size:1.25rem;animation:svelte-1n46o8q-hide ease both,svelte-1n46o8q-shoot-down ease both;animation-timeline:view();animation-range:cover 9% cover 20%}header.svelte-1n46o8q .scroll:where(.svelte-1n46o8q) .scroll-body:where(.svelte-1n46o8q){position:relative;width:1.25rem;height:2rem;border:.2rem solid black;border-radius:1rem}header.svelte-1n46o8q .scroll:where(.svelte-1n46o8q) .scroll-body:where(.svelte-1n46o8q):before{content:"";position:absolute;top:.25rem;left:50%;translate:-50% 0;width:.5rem;height:.5rem;background:#000;border-radius:.5rem;animation:svelte-1n46o8q-scrolling ease-in-out 2s infinite}@keyframes svelte-1n46o8q-shoot-up{0%{translate:0 0}to{translate:0 -100%}}@keyframes svelte-1n46o8q-shoot-down{0%{translate:0 0}to{translate:0 500%}}@keyframes svelte-1n46o8q-hide{0%{opacity:1}to{opacity:0}}@keyframes svelte-1n46o8q-scrolling{0%{translate:-50% 0;opacity:0}20%{translate:-50% 0;opacity:1}60%{translate:-50% .6rem;opacity:1}80%,to{translate:-50% .6rem;opacity:0}}
