@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap");*{margin:0;padding:0}*,body,html{box-sizing:border-box}body,html{height:100%;width:100%;font-family:Inconsolata,monospace;background:black;color:rgb(255,255,255);scroll-behavior:smooth}.spline-section{height:100vh;background:black;position:relative;overflow:hidden}.quarter-bubble{position:absolute;bottom:0;right:0;width:200px;height:200px;background-color:white;border-top-left-radius:300px;transition:transform .3s ease;overflow:hidden;z-index:10;cursor:pointer;transform-origin:bottom right}.quarter-bubble:hover{transform:scale(1.8)}.bubble-default-text{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;color:black;transition:opacity .3s ease}.quarter-bubble:hover .bubble-default-text{opacity:0}.bubble-svg{width:100%;height:100%;fill:none;opacity:0;position:absolute;top:0;left:0;transition:opacity .3s ease;pointer-events:auto}.quarter-bubble:hover .bubble-svg{opacity:1}.arc-link{font-size:20px;font-weight:700;fill:black;transition:fill .3s ease;cursor:pointer;pointer-events:auto}.arc-link textPath{pointer-events:visiblePainted}.arc-view{font-size:34px;fill:#5a1eff}.arc-or{font-size:22px;fill:#555;pointer-events:none}.arc-play{font-size:34px;fill:#ff7a00}.arc-view:hover{fill:#7c4dff}.arc-play:hover{fill:#ff9a3c}.arc-blue:hover{fill:#007bff}.arc-magenta:hover{fill:#ff00ff}.arc-orange:hover{fill:#ff6600}.portfolio-page{min-height:100vh;width:100%;background:black}.content-section{height:100vh;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700}.wave-letter{display:inline-block;animation:waveBounce 1.1s ease-in-out infinite}@keyframes waveBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.about-section{position:relative;width:100%;height:100vh;overflow:hidden}.about-heading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;justify-content:center;padding:80px}.orange-circle{position:absolute;width:0;height:0;border-radius:50%;background-color:orange;opacity:0;transition:width 2s ease,height 2s ease,opacity 2s ease;box-shadow:0 0 20px 10px rgba(255,165,0,.4);z-index:1}.about-heading{font-size:80px;font-weight:700;white-space:nowrap;transition:transform 2s ease;text-align:center;z-index:2;margin:0}.about-heading-wrapper:hover .about-heading{transform:scale(.3)}.about-heading-wrapper:hover .orange-circle{width:100px;height:100px;opacity:1}.orange-circle.pulsing{animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{transform:scale(1);box-shadow:0 0 10px 4px rgba(255,165,0,.4)}50%{transform:scale(1.1);box-shadow:0 0 20px 10px rgba(255,165,0,.7)}}.big-ellipse{position:absolute;top:50%;left:50%;width:110vh;height:50vh;transform:translate(-50%,-50%);border:1px solid white;border-radius:50%/50%;z-index:1;opacity:0;transition:opacity .5s ease}.big-ellipse.show-ellipse{opacity:1}.corner-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);offset-rotate:0deg;offset-anchor:50% 50%;offset-path:path("M 0,-25 A 55,25 0 1,1 0,25 A 55,25 0 1,1 0,-25");animation:none}.corner-box.orbit-active{animation:revolve 10s linear infinite;animation-timing-function:linear}@keyframes revolve{0%{offset-distance:0}to{offset-distance:100%}}.top-left{offset-distance:12.5%;animation-delay:-1.25s}.top-right{offset-distance:60.5%;animation-delay:-3.75s}.bottom-right{offset-distance:62.5%;animation-delay:-6.25s}.bottom-left{offset-distance:87.5%;animation-delay:-8.75s}.about-img{display:block;border-radius:12px;transition:transform .3s ease;width:100%}.large{width:400px}.medium{width:300px}.small{width:200px}.image-text{position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%);color:white;font-size:16px;font-weight:700;text-align:center;pointer-events:none}.about-img:hover{transform:scale(1.08)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.next-section{position:relative;height:100vh;width:100%;background:black;overflow:hidden}.break-shot{touch-action:none;display:block;width:100%;height:100%}.peeker{position:absolute;bottom:22px;left:50%;z-index:10;display:block;padding:8px;color:white;text-decoration:none;transform:translateX(-50%);animation:peekerLife 11s ease-in-out infinite}.peeker-face{display:flex;flex-direction:column;align-items:center;gap:2px;transform-origin:50% 100%;animation:peekerWiggle 9s ease-in-out infinite}.peeker-eyes{display:flex;gap:4px}.peeker-eye{position:relative;width:14px;height:14px;border-radius:50%;background:white;overflow:hidden;transform-origin:50% 60%;animation:peekerBlink 4.3s ease-in-out infinite;transition:transform .2s ease}.peeker-pupil{top:50%;left:50%;width:9px;height:9px;background:#111;margin:-4.5px 0 0 -4.5px;animation:peekerLook 7.5s ease-in-out infinite}.peeker-pupil,.peeker-pupil:after{position:absolute;border-radius:50%}.peeker-pupil:after{content:"";top:1.5px;left:1.5px;width:3px;height:3px;background:white}.peeker-body{width:26px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.peeker:hover .peeker-eye{transform:scaleY(.45)}@keyframes peekerLife{0%,50%{transform:translateX(-50%) translateY(0)}52%{transform:translateX(-50%) translateY(-4px)}58%,68%{transform:translateX(-50%) translateY(70px)}71%{transform:translateX(-50%) translateY(38px)}76%{transform:translateX(-50%) translateY(38px)}81%{transform:translateX(-50%) translateY(-6px)}85%,to{transform:translateX(-50%) translateY(0)}}@keyframes peekerBlink{0%,38%,44%,90%,to{transform:scaleY(1)}41%{transform:scaleY(.08)}92%{transform:scaleY(.08)}94%{transform:scaleY(1)}96%{transform:scaleY(.08)}98%{transform:scaleY(1)}}@keyframes peekerLook{0%,14%{transform:translate(0)}20%,30%{transform:translate(2px)}36%,46%{transform:translate(-2px)}52%,60%{transform:translateY(-1.5px)}66%,80%{transform:translateY(2px)}86%,to{transform:translate(0)}}@keyframes peekerWiggle{0%,24%,40%,to{transform:rotate(0deg)}27%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}33%{transform:rotate(-7deg)}36%{transform:rotate(7deg)}}@media (prefers-reduced-motion:reduce){.peeker,.peeker-eye,.peeker-face,.peeker-pupil{animation:none}}