html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050407}body{color:#f1edf5;margin:0;font-family:Arial,Helvetica,sans-serif}.scene{--mx:0;--my:0;isolation:isolate;background:#050407;min-height:100svh;position:relative;overflow:hidden}.atmosphere{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.halo{transform:translate(calc(var(--mx) * -18px), calc(var(--my) * -12px));background:radial-gradient(at 50% 48%,#6c2aaa24,#0000 63%);position:absolute;inset:4% 10%}.portrait-position{width:min(76vh,900px);transform:translate(calc(-50% + var(--mx) * 14px), calc(-50% + var(--my) * 9px)) rotate(calc(var(--mx) * .6deg));will-change:transform;position:absolute;top:48%;left:50%;-webkit-mask-image:radial-gradient(at 50% 46%,#000 24%,#000b 44%,#0000 70%);mask-image:radial-gradient(at 50% 46%,#000 24%,#000b 44%,#0000 70%)}.portrait-drift{animation:14s ease-in-out infinite alternate drift}.portrait{opacity:.47;filter:saturate(.78)blur(1px);width:100%;height:auto;display:block}.veil{filter:blur(65px);will-change:transform;background:#050407;border-radius:50%;width:75%;height:90%;position:absolute}.veil-left{opacity:.86;transform:translate(calc(var(--mx) * -35px), calc(var(--my) * -20px)) rotate(-28deg);top:-23%;left:-49%}.veil-right{opacity:.92;transform:translate(calc(var(--mx) * -26px), calc(var(--my) * -16px)) rotate(-28deg);bottom:-40%;right:-48%}.vignette{background:linear-gradient(#05040799 0%,#0000 24% 65%,#050407 100%),radial-gradient(#0000 15%,#05040766 65%,#050407 100%);position:absolute;inset:0}.grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.spotlight{mix-blend-mode:screen;width:640px;height:640px;opacity:var(--light-opacity,0);transform:translate(calc(var(--light-x,50vw) - 50%), calc(var(--light-y,50vh) - 50%));will-change:transform, opacity;background:radial-gradient(circle,#d9c5ff1c 0%,#ac7fe912 18%,#8953c508 42%,#0000 68%);border-radius:50%;transition:opacity .65s,transform .12s ease-out;position:absolute;top:0;left:0}.grid-floor{opacity:.23;height:42%;transform:translateX(calc(var(--mx) * -5px));position:absolute;top:65%;left:-10%;right:-10%;-webkit-mask-image:radial-gradient(at 50% 45%,#000 5%,#0000 70%);mask-image:radial-gradient(at 50% 45%,#000 5%,#0000 70%)}.grid-floor svg{fill:none;stroke:#9f7aca;stroke-width:.7px;width:100%;height:100%}::selection{color:#fff;background:#8150ac}.social-link{right:max(24px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));color:#a49aac;letter-spacing:.03em;border-radius:4px;align-items:center;gap:10px;min-height:44px;padding:0 8px;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex;position:absolute}.social-link svg{fill:currentColor;width:16px;height:16px}.social-link:hover{color:#f1edf5}.social-link:focus-visible{outline-offset:4px;color:#f1edf5;outline:1px solid #b994de}@keyframes drift{0%{transform:translateY(0)scale(1)}to{transform:translateY(-6px)scale(1.018)}}@media (max-width:600px){.portrait-position{width:110vw;top:46%}.portrait{opacity:.53}.veil{filter:blur(40px)}}@media (prefers-reduced-motion:reduce){.spotlight{display:none}.portrait-drift{animation:none}.portrait-position,.veil{will-change:auto}}@media (pointer:coarse){.spotlight{display:none}}