.projects-page{background:#f4f7f8}.projects-hero{background:var(--navy);color:var(--white);grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(2rem,7vw,8rem);min-height:34rem;padding:clamp(4.5rem,9vw,8rem) 6vw;display:grid}.projects-hero>div{align-self:center;max-width:58rem}.projects-hero h1{letter-spacing:-.065em;max-width:10ch;margin:0;font-size:clamp(3.4rem,7vw,7rem);line-height:.91}.projects-hero>div>p:last-child{color:#c7dde5;max-width:41rem;margin:2rem 0 0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65}.projects-hero aside{border-left:3px solid var(--yellow);color:#d9e8ed;align-self:end;gap:1rem;padding:1.25rem 0 1.25rem 1.4rem;line-height:1.65;display:flex}.projects-hero aside svg{color:var(--yellow);flex:0 0 1.25rem;margin-top:.25rem}.projects-hero aside p{margin:0}.projects-gallery{padding-block:clamp(4.5rem,8vw,8rem)}.projects-heading{grid-template-columns:1fr minmax(15rem,.38fr);align-items:end;gap:2rem;margin-bottom:3rem;display:grid}.projects-heading h2{letter-spacing:-.055em;max-width:12ch;margin:0;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.95}.projects-heading>p{color:var(--muted);margin:0;font-weight:700;line-height:1.6}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-card{background:var(--white);border:1px solid var(--line);margin:0;overflow:hidden}.project-card:nth-child(4n+1){grid-row:span 2}.project-card:nth-child(4n+1) .project-image{aspect-ratio:4/5}.project-image{aspect-ratio:4/3;position:relative;overflow:hidden}.project-image img{filter:saturate(.82)contrast(1.04);object-fit:cover;transition:filter .45s,transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-image img{filter:saturate()contrast(1.02);transform:scale(1.035)}.project-card figcaption{grid-template-columns:auto 1fr;align-items:start;gap:1rem;min-height:7rem;padding:1.25rem;display:grid}.project-card figcaption>span{color:var(--blue);font-family:ui-monospace,monospace;font-size:.72rem;font-weight:850}.project-card strong{font-size:1rem;display:block}.project-card figcaption p{color:var(--muted);margin:.35rem 0 0;font-size:.88rem;line-height:1.5}.projects-cta{background:var(--yellow);color:var(--navy);grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:clamp(2.5rem,5vw,5rem) 6vw;display:grid}.projects-cta>svg{width:clamp(3rem,6vw,5rem);height:clamp(3rem,6vw,5rem)}.projects-cta h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,4.5vw,4.5rem);line-height:.95}.projects-cta p:last-child{margin:.8rem 0 0;line-height:1.55}.projects-cta .button{background:var(--navy);color:var(--white)}@media (max-width:900px){.projects-hero{grid-template-columns:1fr}.projects-hero aside{align-self:start;max-width:42rem}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-cta{grid-template-columns:auto 1fr}.projects-cta .button{grid-column:2;justify-self:start}}@media (max-width:640px){.projects-hero{min-height:0;padding:4rem 1.25rem}.projects-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.projects-gallery{padding-inline:1.25rem}.projects-heading,.projects-grid{grid-template-columns:1fr}.project-card:nth-child(4n+1){grid-row:auto}.project-card:nth-child(4n+1) .project-image{aspect-ratio:4/3}.projects-cta{grid-template-columns:1fr;padding:3rem 1.25rem}.projects-cta .button{grid-column:auto;width:100%}}