:root{--ink:#070707;--coal:#121212;--bone:#ece8e1;--ash:#8f8c88;--smoke:#ece8e124;--blood:#8c1426;--frost:#b9c4d4;--font-display:"UnifrakturMaguntia", "Old English Text MT", serif;--font-body:"Special Elite", "Courier New", monospace;--font-tag:"Permanent Marker", "Comic Sans MS", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--bone);background:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;margin:0;overflow-x:hidden}body{min-height:100dvh}a{color:inherit}::selection{background:var(--bone);color:var(--ink)}:focus-visible{outline:1px dashed var(--bone);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bg{z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 35%, #161616 0%, var(--ink) 70%);position:fixed;inset:0;overflow:hidden}.bg-layers{animation:1.1s step-end both crt-on;position:absolute;inset:0}.bg-marble{width:120%;height:120%;fill:var(--bone);opacity:.11;will-change:transform;animation:60s ease-in-out infinite alternate marble-drift;position:absolute;inset:-10%}.bg-halftone{opacity:.16;background-image:radial-gradient(circle,#ece8e1d9 0 .9px,#0000 1.3px);background-size:6px 6px;animation:38s ease-in-out infinite alternate halftone-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(34% 22% at 18% 26%,#000 0%,#0000 72%),radial-gradient(30% 20% at 84% 64%,#000 0%,#0000 72%),radial-gradient(26% 18% at 40% 88%,#000 0%,#0000 72%);mask-image:radial-gradient(34% 22% at 18% 26%,#000 0%,#0000 72%),radial-gradient(30% 20% at 84% 64%,#000 0%,#0000 72%),radial-gradient(26% 18% at 40% 88%,#000 0%,#0000 72%);-webkit-mask-size:140% 140%;mask-size:140% 140%}.bg-graffiti{opacity:.07;width:100%;height:100%;position:absolute;inset:0}.bg-graffiti text{font-family:var(--font-tag);fill:var(--bone)}.bg-scrawl path{fill:none;stroke:var(--bone);stroke-width:5px;stroke-linecap:round}.bg-drips circle{fill:var(--bone)}.bg-vignette{background:radial-gradient(75% 70% at 50% 45%,#0000 40%,#000000d9 100%);position:absolute;inset:0}.bg-grain{opacity:.14;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  1.4 0 0 0 -.55'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");width:200%;height:200%;animation:.9s step-end infinite grain;position:absolute;inset:-50%}.bg-vhs{mix-blend-mode:screen;opacity:0;background:linear-gradient(#0000,#ece8e10a 35%,#ece8e11f 50%,#ece8e108 65%,#0000);height:12vh;animation:11s linear 3s infinite vhs;position:absolute;top:-20vh;left:0;right:0}.filigree{opacity:.55;width:min(42vw,180px);height:auto;animation:9s ease-in-out 3s infinite shimmer;position:absolute;overflow:visible}.filigree-strokes path{stroke:var(--bone);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:2.4s cubic-bezier(.6,.1,.3,1) 1.6s both draw}.filigree-spark{fill:var(--bone);transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite twinkle}.filigree--tl{top:0;left:0}.filigree--tr{top:0;right:0;transform:scaleX(-1)}.filigree--bl{bottom:0;left:0;transform:scaleY(-1)}.filigree--br{bottom:0;right:0;transform:scale(-1)}.sparkle{height:auto;fill:var(--bone);filter:drop-shadow(0 0 4px #ffffff8c);animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.sparkle--flare{animation-name:flare}.ember{fill:none;height:auto;stroke:var(--bone);stroke-width:1.4px;opacity:0;animation-name:rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-40px}.ember--solid{fill:var(--bone);stroke:none}.wanderers{position:absolute;inset:0}.wanderer{opacity:.35;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;left:0}.wanderer--a{animation-name:wander-a}.wanderer--b{animation-name:wander-b}.wanderer--c{animation-name:wander-c}.wanderer--d{animation-name:wander-d}.bf{width:100%;height:auto;stroke:var(--bone);stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.bf-edge{stroke-width:1.8px;fill:#070707cc}.bf-trim{stroke-width:3px}.bf-vein{stroke-width:.85px}.bf-antenna{stroke-width:.9px}.bf-body{fill:var(--bone);stroke:none}.bf-wing{transform-box:view-box;transform-origin:50%}.bf--flap .bf-wing{animation:flap var(--flap-dur,3.2s) ease-in-out infinite var(--flap-delay,0s)}.wanderer .bf-wing,.burst .bf-wing,.link-flyer .bf-wing{animation-name:flap-fast}.bf--draw path{stroke-dasharray:1;animation:draw 1.5s cubic-bezier(.55, .1, .35, 1) both var(--draw-delay,0s)}.bf--draw .bf-edge{animation-name:draw,fill-in}.bf--draw .bf-body{animation:fade-in .6s ease both calc(var(--draw-delay,0s) + .9s)}.page{z-index:2;width:100%;max-width:460px;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;gap:24px;margin:0 auto;display:flex;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.bheart{aspect-ratio:1/.92;width:clamp(200px,62vw,260px);margin-bottom:4px;position:relative}.bheart-beat{animation:2.6s ease-in-out 2.2s infinite heartbeat;position:absolute;inset:0}.bheart-spot{transform:translate(-50%, -50%) rotate(var(--r));position:absolute}.bheart-core{fill:none;width:17%;height:auto;stroke:var(--bone);stroke-width:1.3px;filter:drop-shadow(0 0 6px #ece8e199);animation:.8s 1.4s both fade-in;position:absolute;top:52%;left:50%;translate:-50% -50%}.bheart-core--echo{stroke-width:.8px;filter:none;opacity:0;animation:2.6s ease-out 2.2s infinite echo}.name{font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 0 18px #ece8e159,0 0 2px #ece8e1cc;margin:0;font-size:clamp(2.6rem,12vw,3.4rem);font-weight:400;line-height:1;animation:1.1s step-end 1s both name-in;position:relative}.name:before,.name:after{content:attr(data-text);opacity:0;pointer-events:none;text-shadow:none;position:absolute;inset:0}.name:before{color:var(--blood);animation:7s step-end 1s infinite glitch-a}.name:after{color:var(--frost);animation:7s step-end 1s infinite glitch-b}.handle{color:var(--ash);letter-spacing:.12em;margin:0;font-size:.9rem;animation:.8s 1.3s both fade-up}.bio{max-width:34ch;color:var(--bone);opacity:.9;margin:6px 0 0;font-size:.95rem;display:grid}.bio-ghost,.bio-typed{grid-area:1/1}.bio-ghost{visibility:hidden}.bio-cursor{margin-left:1px;animation:.9s step-end infinite blink;display:inline-block}.bio-cursor--done{animation:.9s step-end 4 forwards blink}.socials{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px;display:flex}.social{width:44px;height:44px;color:var(--bone);animation:fade-up .6s ease both calc(1.7s + var(--i) * 70ms);border-radius:50%;place-items:center;display:grid;position:relative}.social svg:first-child{width:22px;height:22px;transition:filter .2s}.social-pop{width:10px;height:auto;fill:var(--blood);opacity:0;pointer-events:none;position:absolute;top:2px;left:50%;translate:-50%}@media (hover:hover){.social:hover svg:first-child,.social:focus-visible svg:first-child{filter:drop-shadow(0 0 6px #ece8e1b3);animation:.4s steps(2,end) infinite jitter}.social:hover .social-pop,.social:focus-visible .social-pop{animation:.7s ease-out forwards pop-heart}}.social:active svg:first-child{transform:scale(.88)}.links{flex-direction:column;gap:14px;width:100%;display:flex}.link-card{min-height:62px;color:var(--bone);isolation:isolate;animation:tear-in .7s cubic-bezier(.2, .8, .2, 1) backwards calc(2.1s + var(--i) * 90ms);align-items:center;gap:14px;padding:12px 18px;text-decoration:none;transition:transform .18s;display:flex;position:relative}.link-frame{z-index:-2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.link-frame-fill{fill:#0a0a0ac7}.link-frame-line{fill:none;stroke:#ece8e1bf;stroke-width:1.3px;transition:stroke .2s,filter .2s}.link-frame-sketch{fill:none;stroke:#ece8e138;stroke-width:1px}.link-halftone{z-index:-1;transform-origin:0;background-image:radial-gradient(circle,#ece8e138 0 1px,#0000 1.4px);background-size:5px 5px;transition:transform .45s cubic-bezier(.7,0,.2,1);position:absolute;inset:4px;transform:scaleX(0)}.link-glyph{flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.link-glyph>svg:first-child{width:22px;height:22px}.link-flyer{opacity:0;pointer-events:none;--flap-dur:.4s;width:26px;position:absolute;top:4px;left:4px}.link-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.link-label{letter-spacing:.06em;text-transform:lowercase;font-size:1.05rem;position:relative}.link-label:before,.link-label:after{content:attr(data-text);opacity:0;pointer-events:none;position:absolute;inset:0}.link-label:before{color:var(--blood)}.link-label:after{color:var(--frost)}.link-sub{color:var(--ash);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.link-arrow{color:var(--ash);flex:none;font-size:1.15rem;transition:transform .25s,color .25s}@media (hover:hover){.link-card:hover .link-frame-line,.link-card:focus-visible .link-frame-line{stroke:var(--bone);filter:drop-shadow(0 0 5px #ece8e1a6)}.link-card:hover .link-halftone,.link-card:focus-visible .link-halftone{transform:scaleX(1)}.link-card:hover .link-label:before,.link-card:focus-visible .link-label:before{animation:.5s step-end 2 label-glitch-a}.link-card:hover .link-label:after,.link-card:focus-visible .link-label:after{animation:.5s step-end 2 label-glitch-b}.link-card:hover .link-flyer,.link-card:focus-visible .link-flyer{animation:1.3s ease-out forwards fly-off}.link-card:hover .link-arrow,.link-card:focus-visible .link-arrow{color:var(--bone);transform:rotate(-12deg)scale(1.15)}}.link-card:active{transform:scale(.97)}@media (hover:none){.link-card:active .link-halftone{transition-duration:.2s;transform:scaleX(1)}.link-card:active .link-frame-line{stroke:var(--bone)}}.footer{color:var(--ash);letter-spacing:.08em;flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding-top:18px;font-size:.75rem;animation:.8s 2.9s both fade-up;display:flex}.footer-mark{opacity:.6}.burst-layer,.trail-layer{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.burst{animation:1.1s cubic-bezier(.15,.7,.3,1) forwards burst;position:absolute;translate:-50% -50%}.burst svg{width:100%;height:auto;display:block}.burst--heart svg,.burst--sparkle svg{fill:var(--bone);filter:drop-shadow(0 0 4px #ece8e1b3)}.burst--heart:nth-child(3n) svg{fill:var(--blood)}.trail{width:var(--s);height:var(--s);animation:.9s ease-out forwards trail;position:absolute;translate:-50% -50%}.trail svg{width:100%;height:100%;fill:var(--bone);filter:drop-shadow(0 0 3px #fffc);display:block}@media (width<=599px){.filigree--tr,.filigree--bl,.wanderer--c,.wanderer--d,.sparkle--extra,.ember--extra{display:none}.filigree{opacity:.4}.bg-graffiti{opacity:.055}}@media (width>=600px){.page{max-width:520px;padding-top:max(56px, env(safe-area-inset-top));gap:30px}.bheart{width:300px}.name{font-size:4rem}.handle{font-size:.95rem}.bio{font-size:1.02rem}.filigree{width:clamp(200px,30vw,280px)}.link-card{gap:16px;min-height:70px;padding:16px 22px}.link-label{font-size:1.15rem}.link-sub{font-size:.8rem}.links{gap:16px}}@media (width>=1024px){.page{max-width:460px}.bheart{width:290px}.filigree{width:min(26vw,340px)}}@media (width>=900px) and (orientation:landscape) and (height<=860px) and (height>=540px){.page{max-width:960px;padding-top:max(40px, env(safe-area-inset-top));grid-template-columns:1fr 1fr;align-items:start;gap:12px 56px;display:grid}.hero{position:sticky;top:40px}.links{padding-top:24px}.footer{grid-column:1/-1}}@keyframes crt-on{0%{opacity:0}18%{opacity:.55}26%{opacity:.08}38%{opacity:.8}46%{opacity:.25}60%{opacity:1}to{opacity:1}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fill-in{0%,60%{fill-opacity:0}to{fill-opacity:1}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}@keyframes name-in{0%{opacity:0}14%{opacity:1;transform:translate(-4px)skew(-10deg)}22%{opacity:.15;transform:none}32%{opacity:1;clip-path:inset(0);transform:translate(5px)}42%{clip-path:inset(32% 0 38%);transform:translate(-3px)}50%{clip-path:inset(0 0 60%);transform:translate(2px)}58%{clip-path:inset(0);opacity:1;transform:none}to{opacity:1}}@keyframes tear-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(16px)rotate(-1.2deg)}35%{opacity:1;clip-path:inset(0 52% 0 0)}50%{clip-path:inset(0 44% 0 0)}to{clip-path:inset(0);transform:none}}@keyframes flap{0%,55%,to{transform:scaleX(1)}65%{transform:scaleX(.35)}74%{transform:scaleX(.95)}83%{transform:scaleX(.4)}}@keyframes flap-fast{0%,to{transform:scaleX(1)}50%{transform:scaleX(.25)}}@keyframes heartbeat{0%,to{transform:scale(1)}12%{transform:scale(1.045)}22%{transform:scale(.99)}32%{transform:scale(1.06)}52%{transform:scale(1)}}@keyframes echo{0%{opacity:0;scale:1}5%{opacity:.7;scale:1}70%,to{opacity:0;scale:2.6}}@keyframes glitch-a{0%{opacity:.85;clip-path:inset(10% 0 55%);transform:translate(-3px,1px)}3%{clip-path:inset(60% 0 8%);transform:translate(3px,-1px)}6%{clip-path:inset(36% 0);transform:translate(-2px)}9%{opacity:0;clip-path:inset(0);transform:none}62%{opacity:.85;clip-path:inset(18% 0 52%);transform:translate(3px)}64%{clip-path:inset(55% 0 12%);transform:translate(-2px,1px)}66%,to{opacity:0;clip-path:inset(0);transform:none}}@keyframes glitch-b{0%{opacity:.75;clip-path:inset(50% 0 20%);transform:translate(3px,-1px)}3%{clip-path:inset(5% 0 70%);transform:translate(-3px,1px)}6%{clip-path:inset(70% 0 4%);transform:translate(2px)}9%{opacity:0;clip-path:inset(0);transform:none}62%{opacity:.75;clip-path:inset(60% 0 10%);transform:translate(-3px)}64%{clip-path:inset(10% 0 60%);transform:translate(2px,-1px)}66%,to{opacity:0;clip-path:inset(0);transform:none}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(25deg)}}@keyframes flare{0%,to{opacity:.15;transform:scale(.3)}40%{opacity:.5;transform:scale(.6)rotate(10deg)}47%{opacity:1;transform:scale(1.9)rotate(45deg)}56%{opacity:.6;transform:scale(.7)rotate(60deg)}}@keyframes rise{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.5}80%{opacity:.3}to{transform:translate(var(--sway), -115vh) rotate(var(--spin));opacity:0}}@keyframes wander-a{0%{transform:translate(-12vw)rotate(75deg)}25%{transform:translate(22vw,-9vh)rotate(60deg)}50%{transform:translate(50vw,5vh)rotate(100deg)}75%{transform:translate(80vw,-7vh)rotate(70deg)}to{transform:translate(112vw,2vh)rotate(85deg)}}@keyframes wander-b{0%{transform:translate(112vw)rotate(-80deg)}30%{transform:translate(70vw,8vh)rotate(-100deg)}55%{transform:translate(42vw,-6vh)rotate(-65deg)}80%{transform:translate(15vw,4vh)rotate(-95deg)}to{transform:translate(-12vw,-3vh)rotate(-80deg)}}@keyframes wander-c{0%{transform:translate(15vw,70vh)rotate(20deg)}35%{transform:translate(35vw,25vh)rotate(40deg)}65%{transform:translate(55vw,-10vh)rotate(5deg)}to{transform:translate(78vw,-60vh)rotate(30deg)}}@keyframes wander-d{0%{transform:translate(-12vw)rotate(70deg)}30%{transform:translate(28vw,-12vh)rotate(30deg)}45%{transform:translate(38vw,-4vh)rotate(160deg)}60%{transform:translate(30vw,2vh)rotate(250deg)}to{transform:translate(112vw,-8vh)rotate(440deg)}}@keyframes marble-drift{0%{transform:translate(0)rotate(0)scale(1)}to{transform:translate(-3%,2%)rotate(4deg)scale(1.08)}}@keyframes halftone-drift{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 70%;mask-position:100% 70%}}@keyframes grain{0%{transform:translate(0)}17%{transform:translate(-5%,-8%)}33%{transform:translate(7%,3%)}50%{transform:translate(-3%,9%)}67%{transform:translate(9%,-4%)}83%{transform:translate(-8%,5%)}to{transform:translate(0)}}@keyframes vhs{0%,80%{opacity:0;transform:translateY(0)}81%{opacity:1;transform:translateY(0)}95%{opacity:1;transform:translateY(140vh)}96%,to{opacity:0;transform:translateY(140vh)}}@keyframes shimmer{0%,82%,to{filter:drop-shadow(0 0 #fff0)}90%{filter:drop-shadow(0 0 5px #ffffffb3)brightness(1.5)}}@keyframes jitter{0%{transform:translate(-1px,1px)rotate(-5deg)}50%{transform:translate(1px,-1px)rotate(5deg)}}@keyframes pop-heart{0%{opacity:0;transform:translateY(0)scale(.4)}30%{opacity:1}to{opacity:0;transform:translateY(-20px)scale(1.25)}}@keyframes label-glitch-a{0%{opacity:.9;clip-path:inset(0 0 55%);transform:translate(-2px)}25%{clip-path:inset(45% 0 0);transform:translate(2px,1px)}50%{opacity:0}75%{opacity:.9;clip-path:inset(30% 0);transform:translate(-1px)}to{opacity:0}}@keyframes label-glitch-b{0%{opacity:.8;clip-path:inset(50% 0 0);transform:translate(2px)}25%{clip-path:inset(0 0 60%);transform:translate(-2px,-1px)}50%{opacity:0}75%{opacity:.8;clip-path:inset(60% 0 10%);transform:translate(1px)}to{opacity:0}}@keyframes fly-off{0%{opacity:0;transform:translate(0)scale(.5)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(46px,-56px)scale(1)rotate(25deg)}}@keyframes burst{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}70%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1) rotate(var(--rot));opacity:0}}@keyframes trail{0%{opacity:1;transform:scale(1)rotate(0)}to{transform:translateY(var(--drift)) scale(0) rotate(90deg);opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.wanderers,.ember,.bg-vhs,.bheart-core--echo,.link-halftone,.bio-cursor--done{display:none}.link-card:active{transform:none}}
