/* Brand-only supporting creative scope; sponsor value leads the page. */
body[data-page="brands"] .brand-creative { --creative-gold: #876719; }
body[data-page="brands"] .creative-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 60px; align-items: start; }
body[data-page="brands"] .creative-intro { min-width: 0; }
body[data-page="brands"] .creative-intro h2 { font-size: clamp(38px, 4.1vw, 54px); margin-bottom: 24px; }
body[data-page="brands"] .creative-intro h2 em { color: var(--creative-gold); font-weight: 400; }
body[data-page="brands"] .creative-intro > p:not(.eyebrow) { max-width: 470px; }
body[data-page="brands"] .creative-reference { margin: 0; min-width: 0; }
body[data-page="brands"] .creative-reference img { display: block; width: 100%; height: auto; object-fit: contain; }
body[data-page="brands"] .creative-reference figcaption { margin-top: 16px; color: var(--muted); font-size: 12px; line-height: 1.65; }
body[data-page="brands"] .creative-reference figcaption > span { display: block; }
body[data-page="brands"] .creative-reference strong { display: block; font-weight: 600; color: var(--ink); }
body[data-page="brands"] .creative-credit { overflow-wrap: anywhere; margin-top: 10px; }
body[data-page="brands"] .creative-credit summary { cursor: pointer; min-height: 44px; padding-block: 12px; text-decoration: underline; text-underline-offset: 3px; }
body[data-page="brands"] .creative-credit p { margin-block: 0 10px; }
body[data-page="brands"] .creative-options { border-block: 1px solid var(--line); margin-block: 22px; }
body[data-page="brands"] .creative-options summary { cursor: pointer; padding-block: 17px; font-size: 15px; font-weight: 600; line-height: 1.5; }
body[data-page="brands"] .possibility-list { margin: 0; min-width: 0; }
body[data-page="brands"] .possibility-list > div { padding-block: 15px; border-top: 1px solid var(--line); }
body[data-page="brands"] .possibility-list dt { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
body[data-page="brands"] .possibility-list dd { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
body[data-page="brands"] .creative-scope { padding-top: 15px; margin-block: 0 18px; }
body[data-page="brands"] #sponsor-value .text-link { display: block; margin-top: 18px; }
@media (max-width: 1000px) {
  body[data-page="brands"] .creative-layout { gap: 35px; }
}
@media (max-width: 800px) {
  body[data-page="brands"] .creative-layout { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 540px) {
  body[data-page="brands"] .creative-intro h2 { font-size: 38px; }
}
@media print {
  body[data-page="brands"] .creative-layout { grid-template-columns: 1fr; gap: 20px; }
  body[data-page="brands"] .creative-reference, body[data-page="brands"] .possibility-list > div { break-inside: avoid; }
}
