/* Brand Identity — pixel-precise layout */

.brandidentity-wrap { max-width: 1570px; margin: 0 auto; padding: 40px 24px 80px; }
.brandidentity-wrap img { display: block; max-width: 100%; height: auto; }

/* Titles */
.brandidentity-wrap .section-title { font-weight: 800; font-size: 40px; line-height: 1.2; text-align: center; margin: 32px 0 20px; }
.brandidentity-wrap .subhead { font-weight: 800; font-size: 40px; line-height: 1.3; margin: 32px 0 64px; text-align: center; }
.brandidentity-wrap .lead { max-width: 820px; margin: 0 auto; font-size: 1.25rem; line-height: 1.75; color: #1b1b1b; text-align: center; }

/* Accent background sections */
.brandidentity-wrap .has-bg { background: #f3f4f6; border-radius: 16px; padding: 40px 24px; margin: 120px 0; }

/* Formula row */
.formula { margin: 36px auto 48px; }
.formula .items { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; }
.formula .item { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.formula .item img { width: 72px; height: 72px; object-fit: contain; }
.formula .label { font-size: 13px; color: #555; }
.formula .plus, .formula .equals { font-weight: 800; font-size: 22px; color: #222; }
.formula .result img { width: 110px; height: auto; }

/* Lettermark grid */
.lettermark-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; justify-items: center; }
/* Card visuals tuned for screenshot accuracy */
.lettermark-section.has-bg .card { background: transparent; border: 0; padding: 0; text-align: center; }
.lettermark-grid .card img { width: 520px; max-width: 90%; margin: 0 auto 24px; }
.lettermark-grid .caption { font-weight: 700; font-size: 20px; line-height: 1.6; color: #111; margin: 32px 0 32px; }
.lettermark-grid .spec { font-size: 16px; color: #6b7280; }

/* Colour swatches */
.colours { margin: 122px 0 12px; }
.swatches { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.swatch { position: relative; border-radius: 12px; height: 200px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.swatch img { width: 180px; height: auto; }
.swatch .label { position: absolute; bottom: 10px; left: 12px; font-size: 12px; font-weight: 600; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.4); }
.swatch-original { background: linear-gradient(180deg, #f45b3f 0%, #bf2026 100%); }
.swatch-black { background: #0f0f10; }
.swatch-red { background: #bf2026; }
.swatch-white { background: #ffffff; border: 1px solid #e5e7eb; }
.swatch-white .label { color: #111; text-shadow: none; }

/* Clear space */
.clear-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 28px; align-items: center; }
.clear-grid .image img { width: 100%; max-width: 520px; margin: 0 auto; }
.clear-grid .copy { text-align: left; }
.clear-grid .copy p { font-size: 15px; line-height: 1.9; color: #374151; }

/* Downloads CTA */
.downloads { margin: 56px 0 0; text-align: center; }
.downloads .download-block { margin: 18px 0; }
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; border-radius: 999px; font-weight: 700; text-decoration: none; }
.btn-primary { background: #bf2026; color: #fff; box-shadow: 0 6px 20px rgba(191,32,38,0.35); transition: transform .15s ease, box-shadow .15s ease; }
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(191,32,38,0.45); }

/* Responsive adjustments */
@media (max-width: 1024px) {
  .lettermark-grid { grid-template-columns: 1fr; }
  .lettermark-grid .card img { width: 360px; margin-bottom: 16px; }
  .swatches { grid-template-columns: repeat(2, 1fr); }
  .clear-grid { grid-template-columns: 1fr; text-align: center; }
  .clear-grid .copy { text-align: center; }
}