*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100vh;margin:0;padding:0;background:var(--bg-fill)}:root{--paper: #f0f1eb;--paper-edge: #e6e7df;--ink: #1c1b19;--shadow-rgb: 41, 55, 111;--ps-x: 3px;--ps-y: 4px;--art-filter: none;--bg-fill: var(--paper);--ease-paper: cubic-bezier(.34, 1.3, .4, 1);--grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}[data-theme=night]{--paper: #171526;--paper-edge: #0e0d19;--ink: #f7ead6;--shadow-rgb: 255, 207, 86;--bg-fill: radial-gradient( 110% 86% at 50% 38%, #28224a 0%, #171526 58%, #0d0c18 100% );--art-filter: saturate(1.65) contrast(1.08) brightness(1.18) hue-rotate(-6deg)}body{color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden;transition:background .6s ease;-webkit-font-smoothing:antialiased}.hero-page{position:relative;width:100vw;width:100dvw;height:100%;height:100dvh;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:var(--bg-fill);transition:background .6s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hero-page ::selection{background:transparent}.hero-page img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.hero-page[data-paper-cursor=true],.hero-page[data-paper-cursor=true] a,.hero-page[data-paper-cursor=true] button{cursor:none}.hero-stage{position:absolute;left:50%;top:50%;z-index:10;transform-origin:center center;will-change:transform}.hero-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;mix-blend-mode:multiply;opacity:.38;background-image:var(--grain-url);background-size:320px 320px}[data-theme=night] .hero-grain{mix-blend-mode:screen;opacity:.16}.hero-night-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s ease;background:radial-gradient(70% 60% at 50% 45%,rgba(255,90,60,.08),transparent 70%)}[data-theme=night] .hero-night-glow{opacity:1}.cream-background-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.48;mix-blend-mode:screen;background:radial-gradient(52% 38% at 14% 20%,rgba(255,255,248,.58),transparent 68%),radial-gradient(42% 30% at 83% 72%,rgba(255,255,246,.42),transparent 70%),radial-gradient(30% 18% at 52% 88%,rgba(255,255,250,.26),transparent 72%),linear-gradient(105deg,transparent 0 18%,rgba(255,255,247,.2) 18% 30%,transparent 30% 100%);filter:blur(.2px)}[data-theme=night] .cream-background-overlay{opacity:.1;mix-blend-mode:screen;background:radial-gradient(46% 34% at 18% 18%,rgba(95,107,220,.28),transparent 68%),radial-gradient(38% 28% at 82% 72%,rgba(255,103,79,.16),transparent 70%)}.hero-layer{position:absolute;top:0;left:0;will-change:transform;--shadow-x: 3px;--shadow-y: 4px;--shadow-active-x: 5px;--shadow-active-y: 6px;--shadow-blur: 0px;--layer-shadow: #29376f;--layer-shadow-night: #ffcf56}.hero-layer[data-category=letter]{--shadow-x: 5px;--shadow-y: 6px;--shadow-active-x: 7px;--shadow-active-y: 8px}.hero-layer[data-category=doodle],.hero-layer[data-category=wave]{--shadow-x: 4px;--shadow-y: 5px;--shadow-active-x: 5px;--shadow-active-y: 6px}.hero-layer[data-category=face],.hero-layer[data-category=social]{--shadow-x: 1.5px;--shadow-y: 2px;--shadow-active-x: 2px;--shadow-active-y: 2.5px}.hero-layer[data-category=footer]{--shadow-x: 0px;--shadow-y: 1px;--shadow-active-x: 0px;--shadow-active-y: 1px}.hl-fill{width:100%;height:100%;position:relative}.hl-art{position:relative;width:100%;height:100%;filter:var(--layer-filter, var(--art-filter));transition:filter .6s ease}[data-theme=night] .hl-art{filter:var(--night-filter, var(--art-filter))}.hl-img,.hl-shadowed{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--layer-shadow));transition:filter .22s ease}.hero-layer[data-active=true] .hl-img,.hero-layer[data-active=true] .hl-shadowed{filter:drop-shadow(var(--shadow-active-x) var(--shadow-active-y) var(--shadow-blur) var(--layer-shadow))}[data-theme=night] .hl-img,[data-theme=night] .hl-shadowed{filter:drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--layer-shadow-night))}[data-theme=night] .hero-layer[data-active=true] .hl-img,[data-theme=night] .hero-layer[data-active=true] .hl-shadowed{filter:drop-shadow(var(--shadow-active-x) var(--shadow-active-y) var(--shadow-blur) var(--layer-shadow-night))}.hl-paper-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--paper-texture-opacity, .34);-webkit-mask-image:var(--paper-mask);mask-image:var(--paper-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-position:var(--paper-grain-x) var(--paper-grain-y),var(--paper-grain-y) var(--paper-grain-x),center;background-image:var(--grain-url),repeating-linear-gradient(92deg,rgba(255,255,255,.38) 0 1px,rgba(28,22,16,.16) 1px 2px,transparent 2px 10px),radial-gradient(circle at 30% 24%,rgba(255,255,255,.22),transparent 44%);background-size:var(--paper-fiber-size) var(--paper-fiber-size),33px 33px,170px 150px;background-blend-mode:overlay,normal,screen}.hl-paper-grain--doodle{opacity:.18}.hl-hit{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:0;padding:0;display:block}.hl-idle{width:100%;height:100%;transform-origin:50% 60%}@keyframes dd{0%{transform:translate(0) rotate(0)}33%{transform:translate(var(--dd-x),calc(var(--dd-y) * -1)) rotate(var(--dd-rot))}66%{transform:translate(calc(var(--dd-x) * -1),var(--dd-y)) rotate(calc(var(--dd-rot) * -1))}to{transform:translate(0) rotate(0)}}.hl-drift{animation:dd var(--dd-dur, 9s) steps(3,end) var(--dd-delay, 0s) infinite}.hl-sketch{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate(0) scale(1.04) rotate(0);transition:opacity .25s ease,transform .35s var(--ease-paper);pointer-events:none;mix-blend-mode:multiply}.hl-sketch img{width:100%;height:100%;display:block;filter:saturate(1.4) contrast(1.05)}.hero-layer[data-reveal=true] .hl-sketch{opacity:.4;transform:translate(3px,-3px) scale(1.06) rotate(var(--sr-rot, 3deg))}.face-layer{overflow:visible}.face-inner{position:absolute;overflow:visible}.sg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@keyframes dol-wipe{0%{-webkit-mask-position:140% 0;mask-position:140% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.dol{-webkit-mask-image:linear-gradient(95deg,#000 55%,rgba(0,0,0,0) 78%);mask-image:linear-gradient(95deg,#000 55%,#0000 78%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:dol-wipe .85s ease both;animation-delay:var(--dol-delay, .3s)}@media (prefers-reduced-motion: reduce){.dol{animation:none!important;-webkit-mask-image:none;mask-image:none}}.wave-strip{position:relative;width:100%;height:100%;--bt-amp: 3}.bt-col{position:absolute;top:0;height:100%;background-repeat:no-repeat;will-change:transform;animation:bt-wave 1.7s ease-in-out infinite;filter:drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--layer-shadow))}@keyframes bt-wave{0%,to{transform:translateY(calc(var(--bt-amp) * -1px))}50%{transform:translateY(calc(var(--bt-amp) * 1px))}}[data-theme=night] .wave-strip{filter:var(--night-filter, saturate(1.5) brightness(1.25) hue-rotate(-12deg))}[data-theme=night] .bt-col{filter:drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--layer-shadow-night))}.hero-footer-img{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--layer-shadow))}[data-theme=night] .hero-footer-img{filter:var(--night-filter) drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--layer-shadow-night))}.hero-controls{position:absolute;z-index:60;right:clamp(14px,3vw,40px);top:clamp(12px,3vh,30px);display:flex;gap:clamp(8px,1.4vw,16px);align-items:flex-start}.hero-menu{position:absolute;z-index:60;left:clamp(14px,3vw,40px);top:clamp(12px,3vh,30px)}.hero-menu__panel{position:absolute;top:calc(100% + 6px);left:4px;min-width:132px;padding:10px 16px 12px;background:var(--paper);border:2.5px solid var(--ink);border-radius:18px 14px 22px 12px/14px 22px 12px 18px;box-shadow:4px 5px rgba(var(--shadow-rgb),.4);transform-origin:16px 0}.hero-menu__link{display:inline-block;font-family:inherit;font-weight:700;font-size:clamp(13px,1.4vw,16px);letter-spacing:.025em;text-transform:lowercase;color:var(--ink);text-decoration:none;padding:4px 2px;transform:rotate(-1.2deg);transition:transform .2s var(--ease-paper),color .2s ease}.hero-menu__link:hover,.hero-menu__link:focus-visible{transform:rotate(-3deg) scale(1.05);color:#c0432a;outline:none}[data-theme=night] .hero-menu__panel{background:#1f1d30;border-color:#ff5a3c;box-shadow:4px 5px #ff5a3c66}[data-theme=night] .hero-menu__link{color:#ffe6a3}[data-theme=night] .hero-menu__link:hover,[data-theme=night] .hero-menu__link:focus-visible{color:#ff8a5c}.ctrl-btn{position:relative;width:clamp(40px,4.4vw,50px);height:clamp(40px,4.4vw,50px);padding:7px;background:none;border:0;cursor:pointer;display:grid;place-items:center}.ctrl-btn__icon{display:block;width:100%;height:100%;transition:transform .2s var(--ease-paper)}.ctrl-btn[data-active=true] .ctrl-btn__icon{transform:scale(1.12) rotate(-5deg)}.ctrl-btn:active .ctrl-btn__icon{transform:scale(.96) rotate(2deg)}.ctrl-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(1px 1.5px 0 rgb(var(--shadow-rgb)))}.ctrl-btn[data-active=true] .ctrl-svg--shuffle{animation:ctrl-wobble .5s ease}.ctrl-btn[data-active=true] .ctrl-svg--moon{animation:ctrl-nudge .5s ease}.ctrl-btn[data-active=true] .ctrl-svg--sun{animation:ctrl-spin .7s ease}.ctrl-btn[data-active=true] .ctrl-svg--menu{animation:ctrl-jiggle .55s ease}@keyframes ctrl-wobble{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)}65%{transform:rotate(6deg)}}@keyframes ctrl-nudge{0%,to{transform:translateY(0)}40%{transform:translateY(-3px) rotate(-4deg)}}@keyframes ctrl-spin{0%{transform:rotate(-30deg)}to{transform:rotate(0)}}@keyframes ctrl-jiggle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-5deg)}60%{transform:translate(2px) rotate(4deg)}}.social{display:block;width:100%;height:100%;position:relative}.ts-decor{position:relative}.ts-spotify:before,.ts-spotify:after{content:"";position:absolute;left:50%;top:46%;width:64%;height:64%;border:2.5px solid #c0432a;border-radius:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;pointer-events:none}.hero-layer[data-active=true] .ts-spotify:before{animation:ts-ring .9s ease-out infinite}.hero-layer[data-active=true] .ts-spotify:after{animation:ts-ring .9s ease-out .45s infinite}@keyframes ts-ring{0%{opacity:.7;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}.ts-mail:after{content:"";position:absolute;left:28%;top:18%;width:44%;height:34%;background:var(--paper);border:2px solid #2a3b66;border-radius:2px;transform:translateY(8px) rotate(-4deg);opacity:0;transition:transform .3s var(--ease-paper),opacity .2s ease;pointer-events:none}.hero-layer[data-active=true] .ts-mail:after{opacity:1;transform:translateY(-12px) rotate(-4deg)}.ts-instagram:before{content:"";position:absolute;left:50%;top:50%;width:34%;height:34%;border:2.5px solid #b03a86;border-radius:32%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none}.hero-layer[data-active=true] .ts-instagram:before{animation:ts-ring .8s ease-out infinite}.ts-instagram:after{content:"";position:absolute;right:8%;top:2%;width:16%;height:16%;background:radial-gradient(circle,#e0a200 0 40%,transparent 45%);opacity:0;pointer-events:none}.hero-layer[data-active=true] .ts-instagram:after{animation:ts-spark .6s ease}@keyframes ts-spark{0%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(40deg)}to{opacity:0;transform:scale(.6) rotate(80deg)}}.flip{position:relative;transform-style:preserve-3d;perspective:700px}.flip__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center;transition:transform .5s var(--ease-paper)}.flip__front{transform:rotateY(0)}.flip__back,.hero-layer[data-active=true] .flip__front{transform:rotateY(180deg)}.hero-layer[data-active=true] .flip__back{transform:rotateY(360deg)}.flip__li{width:74%;height:74%;object-fit:contain;margin:auto}.social:focus-visible{outline:3px dashed var(--ink);outline-offset:4px;border-radius:10px}.paper-cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);will-change:transform}.paper-cursor__dot{width:14px;height:14px;border-radius:60% 40% 55% 45%/50% 55% 45% 50%;background:var(--ink);transition:width .18s var(--ease-paper),height .18s var(--ease-paper),border-radius .18s ease,background .3s ease,opacity .2s ease}.paper-cursor[data-mode=grab] .paper-cursor__dot{width:26px;height:20px;border-radius:40% 40% 38% 38%/60% 60% 40% 40%;background:transparent;border:2.5px solid var(--ink)}.paper-cursor[data-mode=grabbing] .paper-cursor__dot{width:18px;height:26px;border-radius:46%;background:var(--ink)}.paper-cursor[data-mode=icon] .paper-cursor__dot{width:22px;height:22px;border-radius:50%;background:transparent;border:2.5px dashed var(--ink)}.paper-cursor[data-mode=face] .paper-cursor__dot{width:24px;height:10px;border-radius:8px;background:#1a2350}[data-theme=night] .paper-cursor__dot{background:#ffe6a3}[data-theme=night] .paper-cursor[data-mode=grab] .paper-cursor__dot,[data-theme=night] .paper-cursor[data-mode=icon] .paper-cursor__dot{border-color:#ff5a3c;background:transparent}.ah-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:radial-gradient(60% 50% at 50% 44%,rgba(255,120,60,.55),rgba(60,40,110,.25) 55%,transparent 80%);mix-blend-mode:screen}.hl-hit:focus-visible,.ctrl-btn:focus-visible{outline:3px dashed var(--ink);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion: reduce){.hl-idle,.hl-drift,.bt-col,.ctrl-svg{animation:none!important}body{transition:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (hover: none),(pointer: coarse){.ctrl-btn{width:48px;height:48px;padding:8px}}.hero-menu__panel{max-width:calc(100vw - 32px)}@media (max-width: 480px){.hero-controls{right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));gap:8px}.hero-menu{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top))}.hero-menu__panel{min-width:140px;padding:10px 14px}.hero-grain{opacity:.3}}@media (max-width: 360px){.hero-controls{gap:4px}}.hero-mobile-socials,.hero-mobile-footer{display:none}@media (max-width: 720px) and (orientation: portrait){.hero-layer[data-category=social],.hero-layer[data-category=footer]{display:none!important}.hero-mobile-socials{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:14px;position:fixed;left:50%;top:calc(50% + 120px);transform:translate(-50%);z-index:55;margin:0;padding:0;list-style:none}.hero-mobile-socials li{padding:0;margin:0}.hero-mobile-social{display:grid;place-items:center;width:60px;height:60px;border:2.5px solid var(--ink);background:var(--paper);border-radius:14px 11px 16px 10px/11px 16px 10px 14px;box-shadow:2.5px 3px rgba(var(--shadow-rgb),.4);transition:transform .18s var(--ease-paper),box-shadow .18s ease,background .18s ease;-webkit-tap-highlight-color:transparent}.hero-mobile-socials li:nth-child(1) .hero-mobile-social{transform:rotate(-2.5deg)}.hero-mobile-socials li:nth-child(2) .hero-mobile-social{transform:rotate(1.5deg)}.hero-mobile-socials li:nth-child(3) .hero-mobile-social{transform:rotate(-1.5deg)}.hero-mobile-socials li:nth-child(4) .hero-mobile-social{transform:rotate(2.5deg)}.hero-mobile-social:active{transform:translate(1px,1px) rotate(0);box-shadow:1.5px 2px rgba(var(--shadow-rgb),.45)}.hero-mobile-social img{width:40px;height:40px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(.5px 1px 0 rgba(var(--shadow-rgb),.3))}[data-theme=night] .hero-mobile-social{background:#1f1d30;border-color:var(--red, #ff5a3c);box-shadow:2.5px 3px #ff5a3c73}.hero-mobile-footer{display:block;position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%) rotate(-1deg);height:22px;width:auto;max-width:calc(100vw - 100px);z-index:55;opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}[data-theme=night] .hero-mobile-footer{filter:invert(1) hue-rotate(180deg)}}@media (max-width: 360px) and (orientation: portrait){.hero-mobile-socials{gap:10px}.hero-mobile-social{width:54px;height:54px}.hero-mobile-social img{width:36px;height:36px}}