/* Crostella identity: logo, sign, compact palette, then typography. */
#identite{padding-bottom:32px}
#identite .cst-logo-system{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,4vw,48px);align-items:center}
#identite .cst-logo-primary,#identite .cst-secondary{min-width:0}
#identite .cst-figure{margin:0}
#identite .cst-logo-system .cr-image-button{display:grid;place-items:center;width:100%;aspect-ratio:1/1;padding:clamp(16px,3vw,40px);background:#faecdc;border:0;border-radius:22px;overflow:hidden}
#identite .cst-logo-system img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;aspect-ratio:auto}
#identite .cst-logo-system figcaption{padding:14px 0 0;display:flex;flex-direction:column;gap:4px}
#identite .cst-secondary>p{font-size:1rem;line-height:1.5;margin:16px 0 0}
#palette{padding-top:24px}
#palette>.section-head{margin-bottom:24px}
#palette>.section-head h2{font-size:clamp(1.8rem,3.2vw,3rem)}
#palette .swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:22px;overflow:hidden;gap:0}
#palette .swatch{height:auto;min-height:170px;padding:22px 16px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}
#palette .swatch b{font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.1}
#palette .swatch span{font-size:.9rem;line-height:1.3}
#palette .swatch p{font-size:.85rem;line-height:1.45;margin:6px 0 0}
#palette .cst-type-system{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(40px,6vw,80px)}
#palette .cst-type-system h3{font-size:clamp(2rem,4vw,4rem);line-height:1.08;margin:22px 0}
#palette .cst-type-system p{line-height:1.6}
#palette .cst-type-specimen{min-width:0;padding:clamp(20px,3vw,40px);border-radius:22px;background:#faecdc}
#palette .cst-type-specimen img{width:100%;height:auto;object-fit:contain}
#palette .cst-type-specimen dl{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#palette .cst-type-specimen dd{margin:8px 0 0}
#palette .identity-grid{margin-top:clamp(40px,6vw,80px)}
@media(max-width:900px){#palette .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#identite .cst-logo-system{gap:16px;align-items:start}#identite .cst-logo-system .cr-image-button{padding:12px;border-radius:16px}#identite .cst-logo-system figcaption{font-size:.9rem}#identite .cst-secondary>p{font-size:.85rem;line-height:1.45}#palette .swatch{min-height:180px;padding:16px 12px}#palette .swatch b{font-size:1.2rem}#palette .cst-type-system{grid-template-columns:1fr;gap:24px}#palette .cst-type-specimen{padding:24px}#palette .cst-type-system h3{font-size:2.3rem}}