#about,#skills-section,#projects-section,#blog-section,#footer{content-visibility:auto;contain-intrinsic-size:auto 800px}@media screen and (max-width: 600px){.hero-main h1{font-size:1.75rem!important}.hero-grid{flex-direction:column;gap:2rem}.logo img{height:32px;width:auto}}@media screen and (max-width: 768px) and (min-width: 601px){.hero-main h1{font-size:2.5rem!important}}@media screen and (min-width: 1200px){.hero-main h1{font-size:3.75rem!important}}.project-card.svelte-1afyt1j{display:flex;flex-direction:column;position:relative;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;text-decoration:none;color:inherit;padding:var(--space-3)}.project-card.svelte-1afyt1j:hover{transform:translateY(-8px);border-color:var(--color-primary)}.project-card.svelte-1afyt1j:hover .project-tech:where(.svelte-1afyt1j) .pill:where(.svelte-1afyt1j){border-color:var(--color-primary);color:var(--color-primary)}.pill.svelte-n4g1t6:has(img:where(.svelte-n4g1t6)){display:inline-flex;align-items:center;gap:6px}.pill.svelte-n4g1t6 img:where(.svelte-n4g1t6){width:16px;height:16px}