.hero-section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 4vw 2rem 4vw;max-width:1400px;margin:0 auto}.hero-title{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:400;line-height:1.05;letter-spacing:-.03em;margin-bottom:2rem;max-width:1000px}.hero-title span{display:block;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}.hero-title span:nth-child(1){animation-delay:.1s}.hero-title span:nth-child(2){animation-delay:.2s}.hero-title span:nth-child(3){animation-delay:.3s}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.4;color:var(--text-muted);max-width:700px;opacity:0;animation:fadeUp .8s ease .5s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-section{padding:2rem 4vw 6rem 4vw;max-width:1600px;margin:0 auto}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.project-card{position:relative;border-radius:12px;overflow:hidden;display:block;aspect-ratio:4 / 3;transform:translateY(0);transition:transform .4s cubic-bezier(.2,.8,.2,1);opacity:0}.project-card.visible{animation:reveal .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.project-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1);transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:1}.project-overlay{position:absolute;bottom:0;left:0;width:100%;background-color:var(--accent-color);padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(100%);color:var(--color-cream);z-index:2}.project-card:hover .project-overlay{transform:translateY(0)}.project-card:hover .project-image{transform:translateY(-20%) scale(1.2)}.project-number{font-family:var(--font-number);font-size:2rem;line-height:1;opacity:.8;margin-bottom:.5rem}.project-title{font-size:1.8rem;font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:.5rem}.project-client{font-weight:700;font-size:1rem;letter-spacing:-.01em}.project-card:hover{transform:scale(.98)}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-title,.project-card:hover .project-client,.project-card:hover .project-number{transform:translateY(0)}@media(max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.hero-section{padding:5rem 5vw 2rem 5vw;min-height:60vh}.project-grid{grid-template-columns:1fr;gap:1.2rem}.project-card{aspect-ratio:unset;display:flex;flex-direction:column;border-radius:12px;overflow:hidden}.project-image{position:relative;width:100%;height:auto;aspect-ratio:4 / 3;flex-shrink:0}.project-overlay{position:static;transform:none;padding:1.2rem 1.5rem;border-radius:0;text-align:left;align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;background-color:var(--accent-color, var(--color-blue));color:var(--color-cream)}.project-card:hover,.project-card:hover .project-image{transform:none}.project-title{font-size:1.3rem;margin-bottom:0}.project-number{font-size:1.2rem;margin-bottom:0;opacity:.6}.project-client{font-size:.85rem;width:100%}}@media(max-width:480px){.hero-section{padding:4.5rem 6vw 2rem 6vw}.work-section{padding:1rem 4vw 4rem 4vw}}@media(hover:none)and (min-width:769px){.project-overlay{transform:translateY(0)}.project-card:hover,.project-card:hover .project-image{transform:none}}