/* Commercial service pages: reuse the site's colours and spacing. */
.commercial-intro { max-width: 820px; }
.commercial-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 32px 0 48px; }
.commercial-option { overflow: hidden; background: var(--color-bg-alt, #f4f4f4); border-radius: 8px; }
.commercial-option img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.commercial-option__copy { padding: 24px; }
.commercial-option__copy h3 { margin-top: 0; }
.commercial-option__copy p:last-child { margin-bottom: 0; }
.commercial-note { padding: 24px; border-left: 3px solid var(--color-primary); background: #f5f5f5; margin: 32px 0; }
.commercial-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 24px 0 40px; }
.commercial-gallery figure { margin: 0; }
.commercial-gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; display: block; }
.commercial-gallery figcaption { font-size: 14px; margin-top: 10px; color: #555; }
.commercial-process { margin: 24px 0 40px; }
.commercial-video { margin: 32px auto; max-width: 900px; }
.commercial-video video { display: block; width: 100%; height: auto; border-radius: 8px; background: #111; }
.commercial-video figcaption { text-align: center; margin-top: 12px; font-weight: 600; }
.commercial-process li { margin-bottom: 16px; }
@media (max-width: 767px) {
    .commercial-options, .commercial-gallery { grid-template-columns: 1fr; }
    .commercial-option__copy { padding: 20px; }
}