@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.project-card{background-color:var(--background-main);color:var(--text-main);max-width:300px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInRight .6s ease-out backwards}.project-card,.project-content{border-radius:var(--radius-xl);display:flex}.project-content{padding:var(--padding-md);flex:1 1;flex-direction:column;gap:var(--spacing-md);border-top-left-radius:0;border-top-right-radius:0;border:1px solid var(--border-secondary);border-top:none}.project-image-container{aspect-ratio:16/9;border-radius:var(--radius-xl);border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.project-image{width:100%;height:100%;max-width:300px;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-image{transform:scale(1.1)}.project-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-description,.project-title{color:var(--text-main);overflow:hidden;text-overflow:ellipsis}.project-description{font-size:var(--font-size-sm);line-height:1.5}.project-link{color:var(--text-main);font-size:var(--font-size-sm);padding:var(--padding-sm);background-color:var(--background-secondary);border-radius:var(--radius-lg);border:none;text-decoration:none;font-weight:var(--font-weight-medium);display:inline-block;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:auto;text-align:center;width:100%;cursor:pointer;position:relative;overflow:hidden}.project-link:hover{background-color:var(--background-hover)}@media (max-width:400px){.project-card,.project-image{max-width:250px}.project-description{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-clamp:5;overflow:hidden;text-overflow:ellipsis}}@media (max-width:300px){.project-card{max-width:200px}}@keyframes unfold{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:300px}}.current-project-section{flex-direction:row;padding:var(--padding-lg) 0;padding-bottom:0;max-height:300px;animation:unfold .5s ease-out forwards}.current-project-image-container,.current-project-section{display:flex;border-radius:var(--radius-xl);overflow:hidden}.current-project-image-container{align-items:center;max-width:40%;min-width:400px;justify-content:center}.current-project-image{width:100%;height:100%;object-fit:cover}.current-project-right{text-align:left;padding:var(--padding-xs) var(--padding-md);display:flex;gap:var(--spacing-md);flex-direction:column;min-height:100%}.current-project-content{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%}.current-project-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--margin-md)}.current-project-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:1.5;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--background-secondary);max-height:170px}.current-project-links{display:flex;flex-direction:row;gap:var(--spacing-md);margin-top:auto}.current-project-links a{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--padding-sm);border-radius:var(--radius-lg);background-color:var(--background-secondary);transition:background-color .2s ease,transform .15s ease,border-color .2s ease}.current-project-links a:hover{background-color:var(--background-hover);transform:translateY(-1px);border-color:var(--border-hover,var(--border-color))}.current-project-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--background-main);color:var(--text-primary);cursor:pointer;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.current-project-close:hover{background:var(--background-hover)}@media (max-width:768px){@keyframes unfold{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}.current-project-section{flex-direction:column;max-height:none}.current-project-image-container{max-width:100%;width:100%;max-height:250px}.current-project-right{padding:var(--padding-sm)}.current-project-title{font-size:var(--font-size-md);margin-bottom:var(--margin-sm)}.current-project-close{top:auto;bottom:0;right:0;width:32px;height:32px}}@media (max-width:480px){@keyframes unfold{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:800px}}.current-project-section{padding:var(--padding-sm);border-radius:var(--radius-lg)}.current-project-image-container{max-height:200px;border-radius:var(--radius-lg)}.current-project-right{padding:var(--padding-sm) 0;gap:var(--spacing-sm)}.current-project-content{gap:var(--spacing-xs)}.current-project-title{font-size:var(--font-size-base);margin-bottom:var(--margin-xs)}.current-project-description{font-size:var(--font-size-xs);line-height:1.5}.current-project-links{flex-wrap:wrap;gap:var(--gap-sm)}.current-project-links a{font-size:var(--font-size-xs);padding:var(--padding-xs) var(--padding-sm);flex:1 1;min-width:100px;text-align:center}.current-project-close{top:0;right:0;width:30px;height:30px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shine{0%{background-position:-100%}to{background-position:200%}}.home-container{display:flex;flex-direction:column;max-width:1100px;padding:calc(var(--padding-md) + 4px);margin:0 auto;gap:clamp(var(--spacing-md),3vw,var(--spacing-xl))}.me-section{gap:var(--spacing-md)}.me-description-wrapper,.me-section{display:flex;flex-direction:column;animation:fadeInUp .8s ease-out}.me-description-wrapper{gap:var(--spacing-xxs);max-width:48ch}.me-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-main);letter-spacing:.01em;line-height:1.4;animation:slideInLeft 1s ease-out}.me-intro-text{color:var(--text-secondary)}.me-inline,.me-intro-text{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:1.6}.me-inline{color:var(--text-main);display:flex;flex-wrap:wrap;gap:.25em;align-items:baseline}.me-inline-text{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-secondary)}.me-description-highlight{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-main);letter-spacing:.005em}.education-section{display:flex;flex-direction:column;gap:var(--spacing-sm);animation:fadeInUp 1s ease-out .2s both}.education-intro{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.education-typography{display:flex;flex-direction:column;gap:var(--spacing-xxs);padding:0;border:none;background:none}.education-line{font-size:var(--font-size-md);line-height:1.6;color:var(--text-main);text-wrap:balance}.education-line.current-education-school{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#b30000;letter-spacing:.01em}.education-line.current-education-degree{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-main);letter-spacing:.005em}.education-inline{color:var(--text-main);line-height:1.6;display:flex;flex-wrap:wrap;gap:.25em;align-items:baseline}.education-inline,.education-inline-text{font-size:var(--font-size-md);font-weight:var(--font-weight-normal)}.education-inline-text{color:var(--text-secondary)}.education-line.education-meta{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;letter-spacing:.005em}.education-line.education-meta-highlight{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-main);letter-spacing:.005em}.education-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--padding-md);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.education-card-date,.education-card-degree,.education-card-location{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.employment-section{display:flex;flex-direction:column;gap:var(--spacing-sm);animation:fadeInUp 1s ease-out .4s both}.employment-intro{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:1.6}.employment-typography{display:flex;flex-direction:column;gap:var(--spacing-xxs);padding:0;border:none;background:none}.employment-line{font-size:var(--font-size-md);line-height:1.6;color:var(--text-main);text-wrap:balance}.employment-line.current-employment-company{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-main);letter-spacing:.01em}.employment-line.current-employment-role{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-main);letter-spacing:.005em}.employment-inline{color:var(--text-main);line-height:1.6;display:flex;flex-wrap:wrap;gap:.25em;align-items:baseline}.employment-inline,.employment-inline-text{font-size:var(--font-size-md);font-weight:var(--font-weight-normal)}.employment-inline-text{color:var(--text-secondary)}.employment-line.employment-meta{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;letter-spacing:.005em}.employment-responsibilities{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.employment-responsibilities-intro{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:1.6}.employment-list{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-left:var(--spacing-md);margin:0;list-style:none}.employment-list-item{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-main);line-height:1.6;position:relative;padding-left:var(--spacing-sm);transition:color .2s ease,opacity .2s ease,background .6s ease}.employment-list-item:before{content:"•";position:absolute;left:0;color:var(--text-secondary);font-weight:var(--font-weight-bold)}.coursework-section{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;border:none;background:none}.coursework-intro{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:1.6}.coursework-list{display:flex;gap:var(--spacing-xs)}.coursework-list-item{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-main);padding:var(--padding-xs) var(--padding-sm);background-color:var(--background-main);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.coursework-list-item:hover{background-color:var(--background-hover)}.skills-typography{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;border:none;background:none}.skills-intro{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:1.6}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:baseline}.skill-item{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-main);padding:var(--padding-xs) var(--padding-sm);background-color:var(--background-main);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.skill-item:hover{background-color:var(--background-hover)}.skill-item.skill-primary{font-weight:var(--font-weight-medium);background-color:var(--background-secondary);position:relative}.skill-item.skill-primary:after{content:"";color:var(--primary-color,#e9b824);font-size:1em;position:absolute;top:0;right:-.5em;pointer-events:none;line-height:1}.skill-item.skill-highlight{font-weight:var(--font-weight-medium);background-color:var(--background-secondary);position:relative}.skill-item.skill-highlight:after{content:"";color:var(--accent-color,#9646ff);font-size:1em;position:absolute;top:0;right:-.5em;pointer-events:none;line-height:1}.employment-list-item.is-highlight{font-weight:var(--font-weight-medium);color:var(--text-main);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);background-size:200% 100%;animation:shine 1.5s ease-in-out infinite}.employment-list-item.is-dim{font-weight:var(--font-weight-normal);color:var(--text-secondary);opacity:.55}@media (prefers-reduced-motion:reduce){.employment-list-item.is-highlight{animation:none;background:none}}.skills-experience-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.projects-section{display:flex;gap:var(--spacing-lg);flex-direction:column;animation:fadeInUp 1s ease-out .4s both}.projects-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.projects-grid{display:flex;gap:var(--spacing-md);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.projects-grid::-webkit-scrollbar{display:none}.projects-grid>.project-card{scroll-snap-align:start;flex:0 0 auto}.blog-section{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeInUp 1s ease-out .6s both}.blog-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.blog-grid{display:flex;gap:var(--spacing-lg);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.blog-grid::-webkit-scrollbar{display:none}.blog-grid>.blog-card{scroll-snap-align:start;flex:0 0 auto}.blog-card{background-color:var(--background-main);color:var(--text-main);padding:var(--padding-md);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);width:300px;flex-shrink:0;animation:fadeInUp .6s ease-out backwards}.blog-card,.blog-card>a{text-decoration:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.blog-card:hover{background-color:var(--background-hover)}.blog-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-main);text-decoration:none;margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-card-excerpt{line-height:1.5}.blog-card-date,.blog-card-excerpt{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;margin:0}.blog-card-date,.blog-read-more-link{font-weight:var(--font-weight-medium)}.blog-read-more-link{color:var(--text-main);font-size:var(--font-size-sm);padding:calc(var(--padding-sm) + 2px) var(--padding-md);background-color:var(--background-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 auto;position:relative;overflow:hidden}.blog-read-more-link:hover{background-color:var(--background-hover)}@media (max-width:400px){.blog-card{width:260px}}@media (max-width:300px){.blog-card{width:220px}}.projects-section-wrapper{scroll-margin-top:72px}.education-typography,.employment-typography,.me-description-wrapper,.skills-typography{text-wrap:balance}.inspirations-section{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeInUp 1s ease-out .8s both}.inspirations-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.inspirations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--spacing-xs);gap:var(--spacing-xs)}.inspirations-image-card{max-width:200px}.inspirations-image-card:hover{transform:scale(1.05)}