.portfolio-hero{text-align:center;height:100vh;color:var(--foreground);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:5;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:relative}.portfolio-logo-container{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;line-height:0;display:flex}.glow-logo{transform-origin:50%;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 10px #000c)drop-shadow(0 0 20px #0009)drop-shadow(0 0 30px #0006);flex-shrink:0;justify-content:center;align-items:center;width:auto;height:auto;line-height:0;transition:filter .3s,transform .3s;display:flex;position:relative}.dark .glow-logo{filter:drop-shadow(0 0 10px #fffc)drop-shadow(0 0 20px #fff9)drop-shadow(0 0 30px #fff6)}.glow-logo:hover{filter:drop-shadow(0 0 15px #000)drop-shadow(0 0 25px #000c)drop-shadow(0 0 35px #0009);transform:scale(1.05)}.dark .glow-logo:hover{filter:drop-shadow(0 0 15px #fff)drop-shadow(0 0 25px #fffc)drop-shadow(0 0 35px #fff9)}.portfolio-header{max-width:900px;margin:0 auto;padding:0 1rem}.portfolio-title{color:var(--foreground);letter-spacing:-.03em;background:linear-gradient(135deg, var(--foreground) 0%, rgba(var(--foreground), .7) 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.portfolio-description{color:var(--foreground);opacity:.85;letter-spacing:.01em;max-width:42rem;margin:0 auto;font-family:Outfit,sans-serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.6}.hero-explore{z-index:21;pointer-events:auto;margin-top:.35rem;position:relative}.hero-explore-link{color:inherit;cursor:pointer;z-index:21;text-decoration:none;position:relative}.hero-explore-link:hover{opacity:.7}.social-media-container{z-index:10;transition:all .3s;position:absolute;top:45%;left:3%;transform:translateY(-50%)}@media (max-width:800px){.portfolio-hero{padding:1rem}.hero-content{gap:1.5rem}.portfolio-title{font-size:clamp(1.5rem,6vw,2.5rem)}.portfolio-description{padding:0 1rem;font-size:clamp(.9rem,3vw,1.1rem)}.social-media-container{justify-content:center;display:flex;position:absolute;inset:auto 0 5rem;transform:none}}@media (max-width:480px){.portfolio-title{font-size:1.5rem}.portfolio-description{font-size:.9rem}}
@keyframes borderAnimate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{border-radius:30% 60% 70% 40%/50% 60% 30%}}.logoContainer{--logo-size:180px;box-sizing:border-box;width:var(--logo-size);height:var(--logo-size);color:var(--logo-fill,#000);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:2px;line-height:0;display:flex;position:relative;overflow:visible;transform:none}.logoContainer:before{content:"";box-sizing:border-box;border:5px solid var(--logo-border);background-color:var(--logo-bg,#fff);pointer-events:none;z-index:0;animation-name:borderAnimate;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;inset:0}.portfolioLogo{z-index:1;box-sizing:border-box;width:100%;height:100%;fill:var(--logo-fill,#000);flex:none;margin:0;padding:0;display:block;position:relative;overflow:visible}.portfolioLogo g{fill:var(--logo-fill,#000);stroke:none}@media (max-width:800px){.logoContainer{--logo-size:120px}}@media (prefers-reduced-motion:reduce){.logoContainer:before{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:none}}
.social-media{z-index:2;flex-direction:column;align-items:center;gap:10px;margin-top:50px;padding:5px;display:flex;position:absolute;top:auto;left:0;transform:translateY(-50%)}.social-media a{color:var(--text-color);padding:10px;transition:color .3s}.social-media a:hover{opacity:.75;transform:translateY(-2px)}@media (max-width:800px){.social-media{flex-direction:row;justify-content:center;gap:10px;margin:auto;padding:5px;display:flex;position:absolute;top:40%;left:0;right:0;scale:.7}.social-media a{padding:5px;font-size:14px}}