.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);overflow:hidden}.hero-bg-text{position:absolute;top:6%;left:-2%;font-family:var(--font-hero);font-size:clamp(5rem,18vw,16rem);line-height:.95;color:var(--font-color);opacity:.06;white-space:nowrap;pointer-events:none;user-select:none;transition:color var(--transition-theme);display:flex;flex-direction:column}.hero-bg-text span{display:block}.hero-content{position:relative;z-index:1}.greeting{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;min-height:2.5em;overflow:hidden}.greeting-emoji{font-size:clamp(1.8rem,3vw,2.5rem);transition:opacity .3s ease,transform .3s ease}.greeting-text{font-family:var(--font-hero);font-size:clamp(1.8rem,3vw,2.5rem);color:var(--accent);transition:opacity .3s ease,transform .3s ease}.greeting.fade-out .greeting-emoji,.greeting.fade-out .greeting-text{opacity:0;transform:translateY(-10px)}.hero-name{font-family:var(--font-ui);font-size:clamp(2.2rem,6vw,var(--text-5xl));font-weight:400;margin-bottom:var(--space-2xl);line-height:1.2}.name-highlight{font-family:var(--font-hero);color:var(--secondary-color);position:relative;display:inline-block;transform:rotate(1deg) skew(-3deg);font-size:1.15em}.name-cursor{font-size:.6em;color:var(--font-color-muted);margin-left:var(--space-xs);animation:float 2s ease-in-out infinite}.hero-bio{font-family:var(--font-body);font-size:clamp(var(--text-lg),2.5vw,var(--text-xl));line-height:1.8;max-width:700px;margin-bottom:var(--space-2xl)}.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap}@media(max-width:768px){.hero-bg-text{font-size:clamp(3rem,14vw,8rem);top:8%}}@media(max-width:480px){.hero-cta{flex-direction:column}.hero-cta .btn{text-align:center;justify-content:center}.hero-bg-text{font-size:clamp(2.5rem,12vw,5rem);top:10%}}.about{padding:var(--space-5xl) 0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-3xl);align-items:start}.about-text p{font-size:var(--text-lg);line-height:1.8;color:var(--font-color)}.about-text p:last-child{margin-bottom:0}.about-details{display:flex;flex-direction:column;gap:var(--space-md)}.detail-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:transform var(--transition-base),background-color var(--transition-theme),border-color var(--transition-theme)}.detail-card:hover{transform:translate(6px)}.detail-icon{font-size:var(--text-2xl);flex-shrink:0}.detail-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--font-color-muted);margin-bottom:var(--space-xs)}.detail-value{font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;color:var(--heading-color);margin-bottom:0}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:var(--space-2xl)}}.experience{padding:var(--space-5xl) 0}.timeline{position:relative;max-width:800px}.timeline-item{display:flex;gap:var(--space-xl);padding-bottom:var(--space-3xl)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:var(--space-xs)}.marker-dot{width:14px;height:14px;border-radius:50%;background:var(--divider);border:3px solid var(--bg-color);box-shadow:0 0 0 2px var(--divider);transition:all var(--transition-theme);flex-shrink:0}.marker-dot.current{background:var(--secondary-color);box-shadow:0 0 0 2px var(--secondary-color),0 0 12px #1fb0a74d}.marker-line{width:2px;flex-grow:1;background:var(--divider);margin-top:var(--space-sm);transition:background var(--transition-theme)}.timeline-content{flex-grow:1}.timeline-period{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--secondary-color);letter-spacing:.05em}.timeline-role{font-size:var(--text-xl);font-weight:600;margin:var(--space-xs) 0}.timeline-company{font-family:var(--font-ui);font-size:var(--text-base);color:var(--font-color-muted);display:block;margin-bottom:var(--space-xs)}.timeline-subtitle{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--font-color-muted);font-style:italic;display:block;margin-bottom:var(--space-md);opacity:.7}.timeline-desc{font-size:var(--text-base);line-height:1.7;color:var(--font-color);margin-bottom:var(--space-md)}.timeline-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}@media(max-width:480px){.timeline-item{gap:var(--space-md)}}.projects{padding:var(--space-5xl) 0}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.project-card{display:flex;flex-direction:column;padding:var(--space-xl)}.project-card.featured{border-left:3px solid var(--secondary-color)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.project-icon{color:var(--secondary-color)}.project-links{display:flex;gap:var(--space-md)}.project-links a{color:var(--font-color-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.project-links a:hover{color:var(--secondary-color);transform:translateY(-2px)}.project-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-md)}.project-desc{font-size:var(--text-base);line-height:1.7;color:var(--font-color);flex-grow:1;margin-bottom:var(--space-lg)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.skills{padding:var(--space-5xl) 0}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.skill-category{padding:var(--space-xl);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:transform var(--transition-base),background-color var(--transition-theme),border-color var(--transition-theme)}.skill-category:hover{transform:translateY(-4px)}.skill-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.skill-icon{font-size:var(--text-2xl)}.skill-category-title{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:.4rem .8rem;background:var(--tag-bg);color:var(--tag-color);border-radius:var(--radius-full);letter-spacing:.03em;transition:all var(--transition-base)}.skill-tag:hover{background:var(--secondary-color);color:#fff;transform:translateY(-2px)}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.contact{padding:var(--space-5xl) 0;text-align:center}.contact .section-label,.contact .section-title{text-align:center}.contact-content{max-width:600px;margin:0 auto}.contact-text{font-size:var(--text-xl);line-height:1.8;margin-bottom:var(--space-2xl)}.contact-cta{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.contact-or{margin:var(--space-2xl) 0;color:var(--font-color-muted);font-family:var(--font-ui);font-size:var(--text-sm);position:relative}.contact-or:before,.contact-or:after{content:"";position:absolute;top:50%;width:calc(50% - 60px);height:1px;background:var(--divider)}.contact-or:before{left:0}.contact-or:after{right:0}.contact-socials{display:flex;justify-content:center;align-items:center;gap:var(--space-md)}.contact-social-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;color:var(--font-color-muted);transition:color var(--transition-fast)}.contact-social-link:hover{color:var(--secondary-color)}.contact-dot{color:var(--font-color-muted)}