@property --hue{initial-value:0;syntax:"<number>";inherits:false}@property --chroma{initial-value:0;syntax:"<number>";inherits:true}:root{--start:140;--end:220;--lightness:75%;--base-chroma:0.3;--container-width:clamp(200px,20vw,480px)}body.homepage{background:#000;color:white;font-family:Inter,sans-serif;min-height:100vh}.homepage .site-footer{background-color:transparent;color:#fff}.business-card{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000}.card-container{max-width:560px;aspect-ratio:3.5/2}.card-container,.card-inner{width:100%;position:relative}.card-inner{height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.76,0,.24,1)}.card-container:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(255,255,255,.05);backdrop-filter:url(#card-glass-filter);border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.37),inset 1px 1px 2px rgba(255,255,255,.25),inset -1px -1px 2px rgba(0,0,0,.15)}.card-front{z-index:2;display:flex;align-items:center;justify-content:center;transform:rotateY(0deg) translateZ(1px)}.card-logo{width:100%;height:auto;fill:white}.card-back{transform:rotateY(180deg) translateZ(1px);justify-content:space-between;align-items:stretch;padding:2rem;gap:1rem}.back-main-content,.card-back{display:flex;flex-direction:column}.back-main-content{flex-grow:1;justify-content:center;align-items:flex-start}.contact-info{width:100%}.contact-info h2{font-weight:600;color:white;font-size:1.5rem;margin:0;text-align:left;line-height:1.1;background:none;-webkit-background-clip:unset;background-clip:unset}.animated-skills{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;--step:calc((var(--end) - var(--start)) / 6)}.skill-display{font-family:League Spartan,sans-serif;font-size:clamp(1.5rem,4vw,3.5rem);font-weight:600;text-align:left;position:relative;height:4rem;display:flex;align-items:center;justify-content:flex-start}.skill-item{position:absolute;opacity:0;transform:translateY(20px);color:oklch(var(--lightness) var(--base-chroma) calc(var(--start) + (var(--step) * var(--i))));animation:skillRotate 10s infinite;line-height:1}.skill-item:first-child{animation-delay:0s;--i:0}.skill-item:nth-child(2){animation-delay:2s;--i:1}.skill-item:nth-child(3){animation-delay:4s;--i:2}.skill-item:nth-child(4){animation-delay:6s;--i:3}.skill-item:nth-child(5){animation-delay:8s;--i:4}@keyframes skillRotate{0%,25%,to{opacity:0;transform:translateY(20px)}5%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(0)}}.card-footer{width:100%;display:flex;justify-content:flex-end;gap:1.5rem;padding-top:1rem;border-top:1px solid;border-image-source:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);border-image-slice:1}.footer-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:rgba(255,255,255,.7);transition:color .3s ease}.footer-link:hover{color:white}.footer-icon{width:20px;height:20px;fill:currentColor;transition:all .3s ease}.footer-link:hover .footer-icon{transform:scale(1.1)}.scroll-section{height:300vh;position:relative}.content-wrapper{height:100vh;width:100%;position:sticky;top:0;overflow:hidden}.content-inner{position:relative;height:100%;width:100%;padding:0 1rem}.section-title{font-family:League Spartan,sans-serif;position:absolute;top:50%;transform:translateY(-50%);font-size:clamp(2rem,6vw,8rem);margin:0;font-weight:600;background:linear-gradient(white 50%,rgba(255,255,255,.3));-webkit-background-clip:text;background-clip:text;color:transparent;z-index:5;height:fit-content;line-height:1;width:var(--container-width);text-align:right}.skill-list{position:absolute;left:calc(var(--container-width) + 1rem);top:0;font-weight:800;margin:0;list-style-type:none;--step:calc((var(--end) - var(--start)) / 6);will-change:transform;padding:0}.skill-list li{font-family:League Spartan,sans-serif;font-size:clamp(2rem,6vw,8rem);opacity:.15;transition:all .4s ease;color:oklch(var(--lightness) var(--base-chroma) calc(var(--start) + (var(--step) * var(--i))));display:flex;align-items:center;font-weight:600;line-height:1}.skill-list li.active{opacity:1}.description-panel{position:absolute;left:1rem;top:60%;width:480px;background:rgba(255,255,255,.05);backdrop-filter:url(#glass-filter);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;z-index:10;opacity:0;transition:opacity .5s ease;will-change:opacity;cursor:grab}.description-panel:active{cursor:grabbing}.description-panel.visible{opacity:1}.description-title{font-family:League Spartan,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a855f7 50%,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.description-text{font-size:1rem;line-height:1.5;color:rgba(255,255,255,.8)}.read-more-btn{display:inline-block;margin-top:1rem;color:#a855f7;text-decoration:none;font-weight:600;transition:color .3s ease}.read-more-btn:hover{color:#c084fc}.final-section{min-height:100vh;display:flex;place-items:center;width:100%;justify-content:center;background:#000;position:relative;z-index:2}.final-title{font-family:League Spartan,sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:600;display:flex;flex-direction:column;align-items:center;color:#fff}footer{padding:2rem;text-align:center;opacity:.5;background:#000}.link-wrapper{position:relative;width:fit-content;display:flex;justify-content:center;align-items:center}.aurora-link,.link-icon{position:relative;z-index:2}.aurora-link{text-decoration:none;font-size:3rem;font-weight:700;letter-spacing:2px;padding:24px 0;transition:all .3s ease;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(90deg,#FFD700,#ADFF2F,#00FF7F,#1E90FF,#FF00FF,#FF6347);background-size:400% 400%;animation:aurora-flow-text 8s ease-in-out infinite;background-color:#0d0d0d;border-radius:50px;display:inline-block}@keyframes aurora-flow-text{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.link-icon{width:1.8rem;height:1.8rem;stroke:#ADFF2F;transition:transform .4s ease}.link-wrapper:hover .link-icon{transform:translateX(5px)}@media (max-width:768px){.aurora-link{padding:20px 0}.grid-beam-svg{width:280px}.business-card{min-height:auto;padding:1rem}.card-container{aspect-ratio:auto;max-width:100%}.card-container:hover .card-inner{transform:none}.card-inner{transform-style:flat;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.card-back,.card-front{position:relative;transform:none!important;backface-visibility:visible;background:none;border:none;box-shadow:none;backdrop-filter:none;padding:0;width:100%;height:auto}.card-front{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid;border-image-source:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);border-image-slice:1}.card-logo{width:60%;max-width:250px}.card-back{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.contact-info h2{text-align:left}.back-main-content{display:none}.card-footer{justify-content:flex-start;border-top:none;padding-top:0;gap:2rem;flex-wrap:wrap}.scroll-section{height:auto}.content-wrapper{position:static;height:auto;overflow:visible;padding:4rem 0}.content-inner{padding:0 1rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.section-title{position:static;transform:none;width:100%;text-align:left;line-height:1.2}.skill-list{position:static;transform:none!important;width:100%;left:auto;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.skill-list li{opacity:1;text-align:left;line-height:1.1;margin-bottom:1.1rem}.skill-list li a{color:inherit;text-decoration:none;display:block;width:100%;padding:.5rem 0;transition:color .3s ease}.skill-list li a:hover{color:#ddd}.description-panel{display:none}.final-title .logo-icon{width:64px;height:64px}}@media only screen and (min-width:1280px){.skill-list{left:calc(var(--container-width) + 1rem)}.description-panel{left:60%;top:50%}.section-title,.skill-list li{line-height:1.3}}