.logo-download-cols{display:grid;grid-template-columns:1fr 1fr;@media not (--screen-sm){grid-template-columns:1fr}}.logo-download-col{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 2rem 2rem;img{height:auto;max-width:100%}&.logo-download-col--light{background-color:var(--color-gray-light)}&.logo-download-col--dark{background-color:var(--color-theme)}}.logo-download-links{display:flex;gap:.5rem;a{align-items:center;border-radius:.3rem;display:inline-flex;font-family:monospace;font-size:.85rem;font-weight:600;gap:.25rem;padding:.35rem .75rem;text-decoration:none;transition:background-color .15s ease;.logo-download-col--light &{background-color:#0000000f;color:var(--color-theme);&:hover{background-color:#0000001f}}.logo-download-col--dark &{background-color:#ffffff1a;color:#fffc;&:hover{background-color:#ffffff2e}}}}.logo-download-icon{font-size:.8rem;font-weight:700}.logo-download-label{font-size:.85rem;font-weight:600;text-transform:uppercase;.logo-download-col--light &{color:var(--color-muted)}.logo-download-col--dark &{color:#fff6}}.color-palette{display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;@media not (--screen-md){grid-template-columns:repeat(2,1fr)}@media not (--screen-sm){grid-template-columns:1fr}}.color-card-swatch{height:5rem}.color-card:first-child .color-card-swatch,.color-card:last-child .color-card-swatch{border-radius:0}.color-card-info{border:1px solid var(--color-border);border-left:none;display:flex;flex-direction:column;font-size:.8rem;gap:.15rem;line-height:1.4;padding:.6rem .75rem;strong{font-size:.9rem}.color-card:first-child &{border-left:1px solid var(--color-border)}}.color-card-role{color:var(--color-muted);font-size:.85rem;margin-bottom:.25rem}.color-value{background:var(--color-gray-light);border:1px solid var(--color-border);border-radius:.25rem;cursor:pointer;display:block;font-family:monospace;font-size:.7rem;margin:0;padding:.25rem .4rem;text-align:left;transition:background-color .15s ease,border-color .15s ease;width:100%;&:hover{background-color:var(--color-border);border-color:var(--color-muted)}&.copied{background-color:var(--color-theme);border-color:var(--color-theme);color:#fff;font-style:italic}}.logo-examples{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding:0 1rem;@media not (--screen-md){grid-template-columns:repeat(2,1fr)}@media not (--screen-sm){grid-template-columns:1fr}}.logo-example{text-align:center;span{display:block;font-size:1rem;font-weight:600;margin-top:.5rem}}.logo-example-preview{align-items:center;background-color:var(--color-gray-light);border:2px solid var(--color-border);border-radius:.4rem;display:flex;height:9rem;justify-content:center;overflow:hidden;img{height:auto;max-width:100%}.logo-example--do &{background-color:#f0fdf4;border-color:#86efac}.logo-example--dont &{background-color:#fef2f2;border-color:#fca5a5}}.logo-example--do span{color:var(--color-success)}.logo-example--dont span{color:var(--color-danger)}.logo-icon-do,.logo-icon-dont{font-style:normal;font-weight:700;margin-right:.15rem}.logo-icon-do{font-size:.85rem}.logo-icon-dont{font-size:.7rem}.logo-example-preview--centered{position:relative;.center-line{background-color:var(--color-success);opacity:.3;position:absolute}.center-line--h{height:1px;top:50%;width:100%}.center-line--v{height:100%;left:50%;width:1px}}.logo-example-preview--proportions{position:relative;.proportion-line{background-color:var(--color-success);opacity:.5;position:absolute}.proportion-line--h{bottom:.95rem;height:1px;width:100px;&:after,&:before{background-color:var(--color-success);content:"";height:7px;position:absolute;top:-3px;width:1px}&:before{left:0}&:after{right:0}}.proportion-line--v{height:55%;right:5.5rem;width:1px;&:after,&:before{background-color:var(--color-success);content:"";height:1px;left:-3px;position:absolute;width:7px}&:before{top:0}&:after{bottom:0}}}.logo-example-preview--original{position:relative;.original-stamp{border:1.5px solid var(--color-success);border-radius:.15rem;bottom:.5rem;color:var(--color-success);font-family:var(--font-heading);font-size:.55rem;font-weight:700;letter-spacing:.15em;opacity:.7;padding:.1rem .4rem;position:absolute;right:.6rem;text-transform:uppercase}}.logo-example-preview--busy{background:repeating-linear-gradient(35deg,#ff5a14,#e8b4b8 12px,#0096c8,#c8e8b4,#e8d4b4 48px),repeating-linear-gradient(-25deg,#b4c8e8,#ff5a14 16px,#c8e8b4,#e8b4b8 48px);background-blend-mode:multiply}.logo-safebox{align-items:center;aspect-ratio:1;background-color:#fff;border-radius:.2rem;display:flex;justify-content:center;padding:1rem}.logo-example-preview--crop img{clip-path:inset(38% 0 0 0)}.logo-example-preview--tight{flex-direction:row;gap:0;padding:.5rem;img{margin:0}.tight-element{font-size:2rem;line-height:1}}.logo-example-preview--clearspace{position:relative;.clearspace-box{align-items:center;border:1px dashed #aaa;border-radius:.25rem;display:flex;gap:.4rem;padding:1.2rem}.clearspace-label{color:var(--color-success);font-family:var(--font-heading);font-size:.6rem;font-weight:700;opacity:.7;text-transform:uppercase}}