.brand-kit__top{gap:32px;display:grid}.brand-kit__stage{aspect-ratio:4/3;background:var(--coppy-accent);border:2px solid var(--coppy-text-primary);border-radius:var(--site-radius-lg);place-items:center;display:grid}.brand-kit__stage-logo{width:auto;height:82%}.brand-kit__stage .app-logo-background{visibility:hidden}.brand-kit__stage:has(.app-logo[data-easter-egg=party]){animation:brand-kit-party 1.2s var(--coppy-ease-in-out) both}@keyframes brand-kit-party{0%,to{background-color:var(--coppy-accent)}22%{background-color:var(--coppy-logo-dev)}48%{background-color:var(--coppy-logo-preview)}74%{background-color:var(--coppy-accent)}}.brand-kit__stage .app-logo[data-interactive=true]:focus-visible{box-shadow:none;outline:none}.brand-kit__stage:has(.app-logo:focus-visible){outline:3px solid var(--coppy-accent-text);outline-offset:2px}.brand-kit__intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;display:flex}.brand-kit__intro-text{min-width:0;max-width:var(--site-width-text);gap:16px;display:grid}.brand-kit__groups{gap:56px;display:grid}.brand-kit__group-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:20px;display:flex}.brand-kit__space{border:2px solid var(--coppy-text-primary);border-radius:var(--coppy-radius-pill);gap:4px;min-inline-size:0;margin:0;padding:4px;display:inline-flex}.brand-kit__space-option{border-radius:var(--coppy-radius-pill);min-height:44px;color:var(--coppy-text-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:16px;font-weight:700}.brand-kit__space-option:hover{background:var(--site-alt)}.brand-kit__space-option[aria-pressed=true]{background:var(--coppy-text-primary);color:var(--coppy-bg-canvas)}.brand-kit__cards{gap:16px;padding:0;list-style:none;display:grid}.brand-kit__card{background:var(--coppy-bg-surface);border:1px solid var(--site-line);border-radius:var(--site-radius);min-width:0;overflow:hidden}.brand-kit__art{aspect-ratio:16/10;border-bottom:1px solid var(--site-line);place-items:center;padding:12%;display:grid}.brand-kit__art[data-surface=dark]{background:var(--coppy-text-primary)}.brand-kit__art[data-surface=light]{background:var(--coppy-bg-canvas)}.brand-kit__image{width:auto;max-width:100%;height:100%;max-height:100%}.brand-kit__cards[data-wide=true] .brand-kit__image{width:100%;height:auto}.brand-kit__card-body{gap:14px;padding:16px 20px 20px;display:grid}.brand-kit__card-actions{flex-wrap:wrap;gap:8px;display:flex}@media (hover:hover) and (pointer:fine){.brand-kit__stage{cursor:pointer}}@media (width>=720px){.brand-kit__stage{aspect-ratio:21/8}.brand-kit__cards,.brand-kit__cards[data-wide=true]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.brand-kit__cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.brand-kit__stage:has(.app-logo[data-easter-egg]){animation:none}}
