.brand-kit { max-width: 90rem; margin: 0 auto; padding: 1rem 1.25rem 2.5rem; }
    .brand-kit h1 { color: #4a0036; font-size: 1.45rem; margin: 0.25rem 0 0.35rem; }
    .brand-kit h2 { color: #4a0036; font-size: 1.05rem; margin: 1.5rem 0 0.45rem; }
    .kit-hero { text-align: center; padding: 0.5rem 0 0.75rem; }
    .kit-hero img { width: min(100%, 28rem); height: auto; margin: 0 auto 0.65rem; }
    .kit-hero p { margin: 0.25rem 0; }
    .kit-hero a { font-weight: 800; }
    .kit-swatches {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
      gap: 0.65rem;
    }
    .kit-swatch {
      border: 1px solid #f3d5dc;
      border-radius: 12px;
      overflow: hidden;
      background: #fff;
      text-align: center;
    }
    .kit-swatch__chip { height: 4.2rem; }
    .kit-swatch__name { font-weight: 800; font-size: 0.82rem; margin: 0.4rem 0 0; color: #4a1942; }
    .kit-swatch__hex { font-size: 0.72rem; color: #9d174d; margin: 0.1rem 0 0.45rem; font-family: ui-monospace, Menlo, monospace; }
    .kit-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); gap: 0.75rem; }
    .kit-grid--lockup { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
    .kit-tile {
      border: 1px solid #f3d5dc;
      border-radius: 12px;
      padding: 0.7rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 0.4rem;
    }
    .kit-tile img { width: 100%; height: 88px; object-fit: contain; display: block; }
    .kit-grid--lockup .kit-tile { padding: 1.1rem 1.25rem 0.85rem; }
    .kit-grid--lockup .kit-tile img {
      height: auto;
      min-height: 12rem;
      max-height: 22rem;
    }
    @media (max-width: 640px) {
      .kit-grid--lockup { grid-template-columns: 1fr; }
    }
    .kit-tile figcaption, .kit-tile p { margin: 0; font-size: 0.72rem; font-weight: 700; color: #4a1942; }
    .kit-tile a { font-size: 0.72rem; font-weight: 800; }
    .kit-plate--clear {
      background-color: #f7edef;
      background-image:
        linear-gradient(45deg, #eee 25%, transparent 25%),
        linear-gradient(-45deg, #eee 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #eee 75%),
        linear-gradient(-45deg, transparent 75%, #eee 75%);
      background-size: 16px 16px;
      background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    }
    .kit-plate--white { background: #ffffff; }
    .kit-plate--ltpink { background: #fbe6ea; }
    .kit-plate--mdpink, .kit-plate--pink { background: #e6a6b7; }
    .kit-plate--plum { background: #4a0036; color: #f7edef; }
    .kit-plate--plum figcaption, .kit-plate--plum p, .kit-plate--plum a { color: #f7edef; }
    .kit-plate--rose { background: #a85461; color: #fff; }
    .kit-plate--rose figcaption, .kit-plate--rose p, .kit-plate--rose a { color: #fff; }
    .kit-plate--taupe { background: #b7aaad; }
    .kit-note { font-size: 0.85rem; color: #9d174d; margin: 0 0 0.65rem; }
    .kit-do, .kit-dont { padding: 0.7rem 0.9rem; border-radius: 10px; font-size: 0.88rem; line-height: 1.45; }
    .kit-do { background: #ecfdf5; }
    .kit-dont { background: #fff1f2; margin-top: 0.55rem; }