.energy-loader{z-index:9999;min-height:100svh;color:rgb(var(--foreground));isolation:isolate;background:#050d12;place-items:center;padding:2rem;display:none;position:fixed;inset:0;overflow:hidden}html[data-portfolio-intro=play],html[data-portfolio-intro=exit]{overflow:hidden}html[data-portfolio-intro=play] .energy-loader,html[data-portfolio-intro=exit] .energy-loader{display:grid}html[data-portfolio-intro=exit] .energy-loader{pointer-events:none;animation:.3s cubic-bezier(.16,1,.3,1) both energy-loader-exit}.energy-loader__backdrop{z-index:-1;background:radial-gradient(ellipse 28% 35% at 50% 48%,rgb(var(--cyan)/.09),transparent 78%),radial-gradient(ellipse 33% 38% at 50% 51%,rgb(var(--gold)/.035),transparent 83%),linear-gradient(145deg,#08151a,#050d12 68%);position:absolute;inset:0}.energy-loader__skip{z-index:4;border:0;border-bottom:1px solid rgb(var(--gold)/.72);min-height:2.75rem;color:rgb(var(--foreground)/.82);font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.35rem .05rem;font-size:.72rem;font-weight:800;transition:color .18s,border-color .18s;position:absolute;top:clamp(1.25rem,3vw,2.5rem);right:clamp(1.25rem,3vw,2.5rem)}.energy-loader__skip:hover,.energy-loader__skip:focus-visible{border-color:rgb(var(--cyan));color:rgb(var(--cyan))}.energy-loader__skip:focus-visible{outline:2px solid rgb(var(--cyan));outline-offset:5px}.energy-loader__stage{text-align:center;justify-items:center;width:min(100%,42rem);margin-top:-1.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:grid;position:relative}html[data-portfolio-intro=exit] .energy-loader__stage{opacity:0;transform:scale(1.045)}.energy-loader__art{aspect-ratio:1;width:min(66vmin,30rem);min-width:0;position:relative}.energy-loader__aura{background:radial-gradient(circle,rgb(var(--gold)/.3),rgb(var(--cyan)/.11)41%,transparent 72%);filter:blur(20px);opacity:0;border-radius:50%;animation:.9s cubic-bezier(.16,1,.3,1) .26s both energy-aura;position:absolute;inset:17%;transform:scale(.58)}.energy-loader__svg{z-index:1;filter:drop-shadow(0 18px 22px #0000005c);width:100%;height:100%;display:block;position:relative;overflow:visible}.energy-loader__orbit{stroke:rgb(var(--cyan)/.17);stroke-width:1px;stroke-dasharray:2 12;transform-origin:240px 240px;opacity:0;animation:.8s ease-out 80ms both energy-orbit}.energy-loader__orbit--inner{stroke:rgb(var(--gold)/.12);stroke-dasharray:1 15;animation-direction:reverse;animation-delay:.18s}.energy-loader__arc{stroke-width:2.5px;stroke-linecap:round;opacity:0;animation:.56s ease-out .4s both energy-arc}.energy-loader__arc--gold{stroke:rgb(var(--gold)/.88)}.energy-loader__arc--cyan{stroke:rgb(var(--cyan)/.82);animation-delay:.5s}.energy-loader__current{stroke:url(#energy-loader-current);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0;animation:.76s cubic-bezier(.22,1,.36,1) .24s both energy-converge}.energy-loader__current--two{animation-delay:.33s}.energy-loader__current--three{animation-delay:.39s}.energy-loader__current--four{animation-delay:.47s}.energy-loader__mark-depth,.energy-loader__mark-face,.energy-loader__mark-highlight{stroke-linecap:square;stroke-linejoin:bevel}.energy-loader__mark-depth{stroke:#112b32;stroke-width:49px;opacity:0;animation:.5s ease-out .18s both energy-depth}.energy-loader__mark-face{stroke:url(#energy-loader-metal);stroke-width:42px;stroke-dasharray:100;stroke-dashoffset:100px;animation:.7s cubic-bezier(.16,1,.3,1) .18s both energy-mark}.energy-loader__mark-highlight{stroke:#fff9dbeb;stroke-width:3.5px;stroke-dasharray:100;stroke-dashoffset:100px;animation:.55s cubic-bezier(.16,1,.3,1) .62s both energy-mark}.energy-loader__core{fill:rgb(var(--gold));opacity:0;animation:.26s ease-out .87s both energy-core}.energy-loader__wave{z-index:2;border:1px solid rgb(var(--gold)/.75);opacity:0;border-radius:50%;animation:.47s cubic-bezier(.16,1,.3,1) 1.03s both energy-wave;position:absolute;inset:34%;transform:scale(.4)}.energy-loader__seam{z-index:3;background:linear-gradient(90deg,transparent,rgb(var(--cyan)/.4)25%,rgb(var(--gold)/.7)50%,rgb(var(--cyan)/.4)75%,transparent);opacity:0;width:120%;height:1px;animation:.32s ease-out 1.16s both energy-seam;position:absolute;top:50%;left:-10%;transform:scaleX(0)}.energy-loader__identity{opacity:0;justify-items:center;gap:.8rem;margin-top:-.2rem;animation:.55s cubic-bezier(.16,1,.3,1) .55s both energy-identity;display:grid;transform:translateY(.5rem)}.energy-loader__identity strong{color:rgb(var(--foreground));font-family:var(--font-heading);letter-spacing:.08em;font-size:clamp(1.3rem,3vw,2rem);font-weight:800;line-height:1}.energy-loader__identity span{color:rgb(var(--foreground)/.64);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.63rem,1.4vw,.74rem);font-weight:700;line-height:1.5}@keyframes energy-orbit{0%{opacity:0;transform:rotate(-18deg)}to{opacity:1;transform:rotate(0)}}@keyframes energy-arc{0%{opacity:0}to{opacity:1}}@keyframes energy-converge{0%{opacity:0;stroke-dashoffset:100px}35%{opacity:1}75%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes energy-depth{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes energy-mark{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes energy-aura{0%{opacity:0;transform:scale(.58)}72%{opacity:.92;transform:scale(1.08)}to{opacity:.64;transform:scale(1)}}@keyframes energy-core{0%{opacity:0;transform-origin:240px 254px;transform:scale(.3)}to{opacity:1;transform-origin:240px 254px;transform:scale(1)}}@keyframes energy-wave{0%{opacity:0;transform:scale(.4)}25%{opacity:.85}to{opacity:0;transform:scale(2.25)}}@keyframes energy-seam{0%{opacity:0;transform:scaleX(0)}42%{opacity:.75}to{opacity:0;transform:scaleX(1)}}@keyframes energy-identity{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes energy-loader-exit{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width:700px){.energy-loader{padding:1rem}.energy-loader__art{width:min(79vw,23rem)}.energy-loader__stage{margin-top:-.5rem}.energy-loader__identity{gap:.65rem}.energy-loader__identity span{max-width:31ch}}@media (max-width:360px){.energy-loader__art{width:min(79vw,17rem)}.energy-loader__identity strong{font-size:1.18rem}.energy-loader__identity span{letter-spacing:.08em;font-size:.59rem}}@media (max-height:580px){.energy-loader__art{width:min(53vh,18rem)}.energy-loader__stage{margin-top:1rem}}@media (prefers-reduced-motion:reduce){.energy-loader *,.energy-loader :before,.energy-loader :after{transition:none!important;animation:none!important}}