.projects-page{background:var(--color-surface)}.projects-hero{padding:clamp(64px,9vw,120px) var(--spacing-xl) clamp(48px,7vw,86px);border-bottom:1px solid rgba(127,105,74,.22)}.projects-hero-inner{width:min(100%,var(--content-max-width));margin:auto;display:grid;grid-template-columns:.55fr 1.25fr 1fr;gap:28px;align-items:end}.projects-hero h1{margin:0}.projects-hero p{color:var(--color-on-surface-secondary);line-height:1.75;max-width:44ch}.projects-gallery{width:min(calc(100% - 48px),var(--content-max-width));margin:0 auto;padding:clamp(56px,8vw,100px) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{min-width:0;background:color-mix(in srgb,var(--color-surface) 88%,#fff);border:1px solid rgba(127,105,74,.18);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-level-1)}.project-card-featured,.project-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1.35fr .85fr}.project-media{aspect-ratio:4/3;overflow:hidden;background:#ddd6ca}.project-card-featured .project-media,.project-card-wide .project-media{aspect-ratio:16/10}.project-media img{width:100%;height:100%;object-fit:cover;object-position:center}.project-copy{padding:clamp(24px,4vw,42px);display:flex;flex-direction:column;justify-content:center}.project-copy>span{color:var(--color-primary);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.project-copy h2{margin:14px 0}.project-copy p{color:var(--color-on-surface-secondary);line-height:1.75}.project-copy small{margin-top:26px;color:var(--color-neutral);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.projects-cta{padding:clamp(58px,8vw,100px) var(--spacing-xl);background:#e7dfd2}.projects-cta>div{width:min(100%,800px);margin:auto;text-align:center}.projects-cta h2{margin:15px 0 28px}@media(max-width:767px){.projects-hero{padding:52px 20px 42px}.projects-hero-inner{grid-template-columns:1fr;gap:16px}.projects-gallery{width:calc(100% - 32px);grid-template-columns:1fr;padding:48px 0}.project-card-featured,.project-card-wide{grid-column:auto;display:block}.project-card-featured .project-media,.project-card-wide .project-media{aspect-ratio:4/3}.projects-cta{padding:52px 20px}}