@font-face{font-family:Open Sans;src:url(/media/fonts/open-sans.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIWpYQ.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-collector-dark:#111;--color-collector-light:#777}@media (prefers-color-scheme:dark){:root{--color-collector-dark:#111;--color-collector-light:#777}}@media (prefers-color-scheme:light){:root{--color-collector-dark:#eee;--color-collector-light:#d2d2ce}}body{min-height:100svh}button,a{font:inherit}img{display:block}.header{display:none}.magic-pond-area{background:0 0;flex-direction:column;align-items:center;width:100%;min-height:100svh;display:flex;position:relative;overflow:visible}.about-me-wrapper{z-index:101;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.about-me-wrapper p{margin:1em 0}.about-me-hit{width:auto;min-width:150px;height:40px;color:inherit;cursor:pointer;text-decoration:none;display:block;position:relative}.about-me-visual{pointer-events:none;position:absolute;inset:0}.about-me-text{white-space:nowrap;transition:left 2.15s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.about-me-text,.born-text{color:var(--color-text-primary);font-size:min(5vw,35px)}.about-me-arrow{width:min(12vw,60px);height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.arrow-tail{transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform 2.15s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.arrow-head{border-bottom:1px solid;border-left:1px solid;width:7px;height:7px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0;transform:translate(-1px,-50%)rotate(45deg)scale(0)}.about-me-hit:hover .about-me-text,.about-me-hit:focus-visible .about-me-text{left:min(15vw,70px)}.about-me-hit:hover .arrow-tail,.about-me-hit:focus-visible .arrow-tail{transform:scaleX(1)}.about-me-hit:hover .arrow-head,.about-me-hit:focus-visible .arrow-head{transform:translate(-1px,-50%)rotate(45deg)scale(1)}.memory-pond-svg{z-index:4;width:clamp(150px,18vw,220px);height:auto;position:absolute;overflow:visible}.draw-path{stroke:var(--color-text-primary);stroke-dasharray:300;stroke-dashoffset:300px;filter:url(#squigglevision);animation:1s ease-in-out .5s forwards drawPenLine}.draw-text{fill:var(--color-text-primary);opacity:0;filter:url(#squigglevision2);dominant-baseline:alphabetic;-webkit-font-smoothing:antialiased;font-synthesis:none;font-family:Caveat,Segoe Print,cursive,sans-serif;font-size:clamp(15px,3vw,35px);font-weight:500;animation:.4s ease-out 1.4s forwards fadeInText}.arrow-tip{opacity:0;animation:.5s ease-out .9s forwards fadeInText}.svg-filters{visibility:hidden;width:0;height:0;position:absolute;overflow:hidden}.image-wrapper{z-index:10;flex-direction:column;align-items:center;width:clamp(180px,70vw,420px);display:flex;position:relative}.vanilla-tilt{transform-style:preserve-3d;will-change:transform}.vanilla-tilt:active,.vanilla-tilt:focus,.vanilla-tilt:focus-visible{transform-style:preserve-3d}#gallery{z-index:10;aspect-ratio:16/12;cursor:pointer;filter:url(#squigglevision2);border-radius:3px;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #222}#gallery img,#gallery canvas{width:100%;height:100%;display:block}.dynamic-copy{z-index:10;text-align:center;width:min(60vw,800px);color:var(--color-text-primary);margin-top:clamp(5px,5%,50px);margin-bottom:0;line-height:1.85;position:relative}.static-name{display:block}.sling-text-container{display:inline-block}.sling-letter{opacity:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:inline-block;transform:translateY(20px)scale(.8)}.sling-letter.visible{opacity:1;transform:translateY(0)scale(1)}#throw-button{z-index:11;aspect-ratio:1;width:min(20vw,80px);height:auto;color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:none;position:absolute;top:60%;right:40px}#throw-button.active{display:grid}#throw-button:before{content:"";border:1px solid var(--color-collector-dark);background:conic-gradient(from 0deg, var(--color-collector-dark) 0deg 45deg, var(--color-collector-light) 45deg 90deg, var(--color-collector-dark) 90deg 135deg, var(--color-collector-light) 135deg 180deg, var(--color-collector-dark) 180deg 225deg, var(--color-collector-light) 225deg 270deg, var(--color-collector-dark) 270deg 315deg, var(--color-collector-light) 315deg 360deg);border-radius:50%;animation:12s linear infinite collector-spin;position:absolute;inset:0}#throw-button:after{content:"";border:1px solid var(--color-collector-dark);background:var(--color-bg-primary);border-radius:50%;position:absolute;inset:7px}#throw-button span{z-index:2;color:var(--color-text-primary);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-family:inherit;font-size:9px;font-weight:500;line-height:1;position:relative}#throw-button:hover{transform:translateY(-3px)scale(1.04)}#throw-button:active{transform:scale(.96)}#throw-button:focus-visible{outline-offset:6px;outline:1px dashed}@keyframes collector-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#throw-canvas{z-index:10;pointer-events:none;opacity:0;width:100%;height:100%;margin-top:-5px;transition:opacity .5s;position:absolute;inset:0}#throw-canvas.is-visible{opacity:1;pointer-events:auto}#gallery.collector-active{box-shadow:none}#stickers-container{width:100%;height:100%;position:absolute;inset:0}.sticker-wrapper{opacity:0;z-index:5;cursor:pointer;pointer-events:auto;transition:opacity .5s,transform .5s;position:absolute;transform:translateY(-15px)}.sticker-wrapper.visible{opacity:1;transform:translateY(0)}.sticker-wrapper.flex-row{aspect-ratio:1/1.3;width:clamp(30px,25vw,110px);height:auto}.sticker-content{filter:drop-shadow(15px 15px 2px #0000001a);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.sticker-content.svg{background-color:var(--color-text-primary);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sticker-wrapper.visible:hover{transition:transform .3s;transform:scale(1.3)}.anim-float{animation:3s ease-in-out .5s infinite alternate floatAnim}.anim-hover{animation:1.5s ease-in-out .5s infinite alternate hoverAnim}.anim-spring{animation:2s cubic-bezier(.175,.885,.32,1.275) .5s infinite alternate springAnim}.anim-spin{animation:6s linear .5s infinite spinAnim}@keyframes floatAnim{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-20px)rotate(5deg)}}@keyframes hoverAnim{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes springAnim{0%{transform:scale(1)}to{transform:scale(1.15)rotate(-5deg)}}@keyframes spinAnim{to{transform:rotate(360deg)}}.rope-animation-container{z-index:5;opacity:0;align-items:flex-end;height:clamp(180px,30vh,320px);transition:opacity .4s ease-out;display:flex;position:absolute;top:100%;left:10px}.rope-animation-container.is-visible{opacity:1;transition:none}.wind-rope{transform-origin:top;width:10px;height:100%;position:absolute;top:0;left:0;overflow:visible;transform:rotate(1deg)}.rope-path{stroke:var(--color-text-primary);stroke-opacity:.6;stroke-width:1.5px;stroke-dasharray:100;stroke-dashoffset:100px}.water-effects{filter:url(#squigglevision);width:60px;height:20px;position:absolute;bottom:-8px;left:5px;transform:translate(-50%)}.ripple{border:1px solid var(--color-text-primary);opacity:0;border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pond-text{color:var(--color-text-primary);letter-spacing:clamp(2px,.6vw,4px);white-space:nowrap;opacity:0;filter:url(#squigglevision2);margin:0 0 0 clamp(40px,5%,350px);padding-bottom:0;font-family:Open Sans,serif;font-size:clamp(.6rem,2.8vw,1.1rem)}.rope-animation-container.play .wind-rope{animation:3s ease-in-out 2.5s infinite alternate sway}.rope-animation-container.play .rope-path{animation:1.5s ease-out 1s forwards drawPenLine}.rope-animation-container.play .pond-text{animation:1.2s ease-in 2.5s forwards fadeInText}.rope-animation-container.play .water-effects{animation:3s ease-in-out 2.5s infinite alternate waterSway}.rope-animation-container.play .ripple{animation:2.4s ease-out infinite ripplePerpetual}.ripple-1{animation-delay:2.5s!important}.ripple-2{animation-delay:3.3s!important}.ripple-3{animation-delay:4.1s!important}@keyframes sway{0%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}@keyframes waterSway{0%{transform:translate(calc(-50% - 3px))}to{transform:translate(calc(3px - 50%))}}@keyframes ripplePerpetual{0%{opacity:0;width:5px;height:1px}15%{opacity:.4}to{opacity:0;width:55px;height:16px}}@keyframes drawPenLine{to{stroke-dashoffset:0}}@keyframes fadeInText{to{opacity:1}}@media (prefers-reduced-motion:reduce){#throw-button:before{animation:none}}@media (width>=1025px){.magic-pond-area{min-height:100svh}.about-me-wrapper{margin:0 0 2%;padding:1% 5% 2%}.about-me-text,.born-text{font-size:min(1.5rem,35px)}.memory-pond-svg{width:220px;display:block;top:18%;left:calc(50% + clamp(120px,20vw,220px))}#gallery{border:clamp(5px,1vw,12px) solid #fff;width:clamp(250px,34vw,420px)}.dynamic-copy{font-size:min(2vw,32px)}#stickers-container{width:100%;height:100%;position:absolute;inset:0}.sticker-wrapper[data-hide-desktop]{display:none!important}.rope-animation-container{display:none}}@media (width>=769px) and (width<=1024px){.about-me-wrapper{margin-bottom:5%;padding:2% 5%}.about-me-text,.born-text{font-size:min(1.5rem,35px)}.memory-pond-svg{display:none}#gallery{border:clamp(5px,1vw,12px) solid #fff;width:clamp(180px,40vw,420px)}.dynamic-copy{font-size:min(1.7rem,32px)}#stickers-container{width:100%;height:100%;position:absolute;inset:0}.sticker-wrapper[data-hide-tablet]{display:none!important}.magic-pond-area{min-height:100svh}}@media (width>=650px){main{background-size:150px 150px!important}#throw-canvas{filter:none!important}}@media (width<=768px){.magic-pond-area{min-height:auto}.about-me-wrapper{margin-bottom:15%;padding:clamp(2px,2%,40px) 8%}.born-text,.about-me-text{font-size:min(5vw,30px)}.memory-pond-svg{display:none}#gallery{border:clamp(5px,2vw,12px) solid #fff;width:clamp(180px,75vw,420px)}.throw-button-wrapper{width:100%;height:10px;margin-top:min(10%,100px);position:relative}#throw-button{position:absolute;top:0;right:10%}#stickers-container{flex-direction:row;justify-content:center;align-items:center;gap:min(5%,300px);width:75%;min-height:20px;margin:clamp(10px,35%,140px) 0 0;padding:20px 0;display:flex;pointer-events:auto!important;height:auto!important;position:relative!important;inset:auto!important}.sticker-wrapper{z-index:20;flex-shrink:1;margin:5px!important;position:relative!important;top:auto!important;left:auto!important}.sticker-wrapper[data-hide-mobile]{display:none!important}.anim-spring{animation:3s ease-in-out .5s infinite alternate floatAnim!important}.dynamic-copy{width:92vw;margin-top:clamp(20px,7vw,40px);font-size:min(5vw,32px)}}@media (width<=480px){.dynamic-copy{font-size:min(5vw,30px)}}
