.site-header--projects{justify-content:space-between}.projects-page-main{max-width:1100px;margin:0 auto;padding:38px 24px 80px;gap:0}.projects-intro{max-width:920px;margin-bottom:36px}.projects-intro h1{margin:8px 0 14px;font-size:clamp(3rem,6vw,5rem);line-height:1}.projects-intro>p:last-child{max-width:900px;margin:0;color:var(--ink-soft);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65}.projects-grid{gap:28px}.project-card{padding:18px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 28px 60px #1f1c1a29}.project-preview-wrap{display:block;min-height:0;aspect-ratio:16 / 10;background:var(--bg-deep)}.project-preview{display:block;width:100%;height:100%;min-height:0;object-fit:cover;transition:transform .35s ease}.project-preview-wrap:hover .project-preview{transform:scale(1.025)}.project-content{padding:8px 6px 6px 0;gap:14px}.project-content h2{margin:0;font-size:clamp(1.45rem,2vw,1.8rem);line-height:1.15}.project-content p{line-height:1.65}.project-kicker{margin:0;color:var(--accent-dark);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.project-content .work-tags{margin-top:2px;padding-top:0}.project-open{align-self:flex-start;margin-top:auto}.projects-contact{margin-top:48px;padding:clamp(24px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.projects-contact h2{max-width:650px;margin:8px 0;font-size:clamp(1.6rem,3vw,2.4rem)}.projects-contact p:last-child{margin:0;color:var(--ink-soft)}.site-footer a{color:var(--ink-soft);font-weight:600}.site-footer a:hover{color:var(--accent-dark)}@media(max-width:1000px){.project-card{grid-template-columns:minmax(0,1fr)}.project-content{padding:4px}}@media(max-width:900px){.site-header--projects{justify-content:center}.projects-page-main{padding:32px 18px 64px}}@media(max-width:600px){.projects-intro{margin-bottom:30px}.project-card{padding:12px;gap:16px}.project-preview-wrap{aspect-ratio:4 / 3}.projects-contact{align-items:stretch;flex-direction:column}.projects-contact .btn{align-self:flex-start}}
