.home-container{flex-direction:column;gap:clamp(3rem,8vw,4rem);padding:clamp(2rem,5vw,3rem) 0;display:flex}.intro-section{max-width:40rem}.intro-section h1{letter-spacing:-.01em;color:var(--color-text);margin-bottom:clamp(1rem,3vw,1.5rem);font-size:clamp(1.5rem,3vw,2rem);font-weight:300}.intro-section p{color:var(--color-text-secondary);font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.6}.featured-section h2{color:var(--color-text);margin-bottom:clamp(1.5rem,4vw,2rem);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:300}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:clamp(1rem,3vw,2rem);display:grid}.project-card{color:var(--color-text);text-decoration:none}.project-image{aspect-ratio:1;background-color:var(--color-background-alt);box-shadow:var(--shadow-sm);transition:box-shadow .3s;position:relative;overflow:hidden}.project-card:hover .project-image{box-shadow:var(--shadow-md)}.image{object-fit:cover}.project-info{margin-top:.75rem}.project-info h3{color:var(--color-text);font-size:.875rem;font-weight:500}.project-info p{color:var(--color-text-tertiary);margin-top:.25rem;font-size:.75rem}.view-all{margin-top:clamp(1.5rem,4vw,2rem)}.view-all a{color:var(--color-text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s}.view-all a:hover{color:var(--color-text)}