.container { width: min(calc(100% - 64px), var(--container-max)); margin-inline: auto; }
.content-width { max-width: 780px; }
.site-main { min-height: 50vh; padding-block: var(--space-16); }
.page-heading { margin-bottom: var(--space-8); }
.eyebrow { color: var(--color-secondary); font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.entry-content > * + * { margin-top: var(--space-4); }
.post-list { display: grid; gap: var(--space-6); }
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.project-card, .product-card { overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.project-card__link, .product-card__link { display: block; height: 100%; color: inherit; text-decoration: none; }
.project-card__image { aspect-ratio: 16 / 10; background: var(--color-background); }
.project-card__image img { width: 100%; height: 100%; object-fit: cover; }
.project-card__body, .product-card__body { padding: var(--space-6); }
.site-footer { margin-top: var(--space-16); background: var(--color-primary); color: var(--color-surface); }
.site-footer a, .site-footer h2 { color: var(--color-surface); }
.site-footer__main { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: var(--space-8); padding-block: var(--space-12); }
.site-footer__heading { font-size: 1rem; color: var(--color-surface); }
.site-footer ul { margin: 0; padding: 0; list-style: none; }
.site-footer__bottom { border-top: 1px solid rgb(255 255 255 / 20%); padding-block: var(--space-4); }
.contact-details { font-style: normal; }