:root{--text-primary:#f8fafc;--text-secondary:#94a3b8;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#030008}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:2px solid #a855f7}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-main{max-width:1100px;margin:0 auto;padding:4rem 2rem}.hero-header{text-align:center;z-index:1;border-radius:30px;margin-bottom:3.5rem;padding:clamp(3rem,8vw,5.5rem) 2rem;animation:.8s ease-out fadeInDown;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.hero-header:before,.hero-header:after{content:"";z-index:-1;background-position:50%;background-size:cover;width:60%;position:absolute;top:0;bottom:0}.hero-header:before{background-image:linear-gradient(#03000880,#030008bf),url(/assets/linb-BohW88YF.webp);background-position:85% 62%;background-size:auto 130%;left:0;-webkit-mask-image:linear-gradient(90deg,#000 65%,#0000);mask-image:linear-gradient(90deg,#000 65%,#0000)}.hero-header:after{background-image:linear-gradient(#03000880,#030008bf),url(/assets/photography-CSazapyb.webp);right:0;-webkit-mask-image:linear-gradient(270deg,#000 65%,#0000);mask-image:linear-gradient(270deg,#000 65%,#0000)}.profile-photo{object-fit:cover;object-position:calc(50% + 3px) 15%;z-index:2;border:4px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:160px;min-width:160px;height:160px;min-height:160px;margin-bottom:2rem;transition:transform .3s,border-color .3s;display:inline-block;position:relative;box-shadow:0 15px 35px #00000080}.profile-photo:hover{border-color:#a855f780;transform:scale(1.05)rotate(2deg)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.name{font-family:var(--font-display);letter-spacing:-1px;color:#ffffffbf;text-shadow:0 2px 14px #0009;margin-bottom:.5rem;font-size:3.5rem;font-weight:300}.name strong{color:#fff;font-weight:500}.subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.3rem;font-weight:300}.hero-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.email-link{color:#0b0518;letter-spacing:.5px;background:#c7c2d6;border-radius:50px;align-items:center;gap:.6rem;padding:.9rem 2rem;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #00000080}.email-link:hover{background:#e5def8;transform:translateY(-2px);box-shadow:0 10px 30px #a855f74d}.email-link.link-secondary{color:#fff;box-shadow:none;background:#ffffff0d;border:1px solid #fff3}.email-link.link-secondary:hover{box-shadow:none;background:#a855f71f;border-color:#a855f780}.category-section{background:#0a051499;border:1px solid #ffffff0d;border-radius:20px;align-items:stretch;gap:0;margin-bottom:3.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.category-section:hover,.project-card:hover{border-color:#a855f740;transform:translateY(-4px);box-shadow:0 24px 48px #00000080,0 0 40px #a855f71f}.category-image{flex:1.2;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.bg-research{background-image:url(/assets/research-Bw9yUGSE.webp),radial-gradient(circle at 100% 0,#30104e,#030008);background-position:50%;background-size:cover}.category-content{background:linear-gradient(90deg,#03000833,#030008cc);flex-direction:column;flex:1;justify-content:center;padding:4rem;display:flex}.icon-wrapper{color:#a855f7;background:#a855f71a;border:1px solid #a855f733;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:2rem;display:flex}.category-content h2{font-family:var(--font-display);margin-bottom:1rem;font-size:2.2rem;font-weight:300}.card-subtitle{color:#a855f7;margin-top:-.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:500}.category-content p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.action-links{flex-wrap:wrap;gap:1rem;display:flex}.action-btn{color:#0b0518;background:#c7c2d6;border-radius:50px;padding:.8rem 2rem;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-block}.action-btn:hover{background:#e5def8;transform:translateY(-2px);box-shadow:0 10px 20px #a855f740}.action-btn.btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #fff3}.card-overlay{z-index:1;position:absolute;inset:0}.action-links{z-index:2;position:relative}.action-btn.btn-secondary:hover{box-shadow:none;background:#a855f71f;border-color:#a855f780}.projects-grid{grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2.75rem;display:grid}.project-card{background:#0a051499;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.project-media{aspect-ratio:16/9;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;display:block}.media-rayagram{background:#0b0518;justify-content:center;align-items:center;padding:1.25rem;display:flex}.media-rayagram img{object-fit:contain;filter:brightness(.76);background:#fff;border-radius:12px;height:auto;padding:.75rem;box-shadow:0 8px 24px #00000073}.media-photography img{object-position:center 65%}.project-body{flex-direction:column;flex:1;padding:2rem;display:flex}.project-title-row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.icon-wrapper.icon-small{border-radius:12px;flex-shrink:0;width:44px;height:44px;margin-bottom:0}.project-title-row h2{font-family:var(--font-display);font-size:1.7rem;font-weight:300}.project-body .card-subtitle{margin-top:0;font-size:1.05rem}.project-body p{color:var(--text-secondary);flex:1;margin-bottom:1.75rem;font-size:1rem;line-height:1.7}.site-footer{text-align:center;color:var(--text-secondary);padding-top:1rem;font-size:.9rem}.site-footer a:hover{color:#a855f7}@media (prefers-reduced-motion:reduce){.hero-header{animation:none}.profile-photo:hover,.email-link:hover,.action-btn:hover,.category-section:hover,.project-card:hover{transform:none}}@media (width<=900px){.category-section{flex-direction:column}.category-image{width:100%;min-height:300px}.category-content{background:0 0;padding:3rem 2rem}.projects-grid{grid-template-columns:1fr}}