.nOrBAG_column{--column-width:calc(var(--container) - 2 * var(--gutter))}.nOrBAG_page{align-self:center;gap:var(--section-gap);width:100%;max-width:var(--container);padding:var(--space-12) var(--gutter) var(--section-gap);flex-direction:column;display:flex}.nOrBAG_intro{gap:var(--space-4);flex-direction:column;max-width:720px;display:flex}.nOrBAG_title{color:var(--color-ink);font-family:var(--font-sans);letter-spacing:-.02em;font-size:40px;font-weight:600;line-height:48px}.nOrBAG_lede{color:var(--color-muted);font:400 18px/28px var(--font-sans)}.nOrBAG_section{gap:var(--space-6);flex-direction:column;display:flex}.nOrBAG_heading{color:var(--color-ink);font:600 24px/32px var(--font-sans)}.nOrBAG_logos,.nOrBAG_cards,.nOrBAG_fonts{gap:var(--space-6);grid-template-columns:1fr;display:grid}.nOrBAG_tile{border:1px solid var(--color-rule);border-radius:var(--radius-card);flex-direction:column;display:flex;overflow:hidden}.nOrBAG_preview{min-height:160px;padding:var(--space-8);background:var(--color-surface);border-bottom:1px solid var(--color-rule);justify-content:center;align-items:center;display:flex}.nOrBAG_dark{background:var(--color-code-bg)}.nOrBAG_logo{max-width:100%;height:48px}.nOrBAG_cardPreview{padding:var(--space-4)}.nOrBAG_card{border:1px solid var(--color-rule);border-radius:var(--radius-input);width:100%;height:auto;display:block}.nOrBAG_meta{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);display:flex}.nOrBAG_metaText{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.nOrBAG_name{color:var(--color-ink);font:600 16px/24px var(--font-sans)}.nOrBAG_format{color:var(--color-muted);font:400 13px/20px var(--font-code)}.nOrBAG_use{color:var(--color-muted);font:400 14px/20px var(--font-sans)}.nOrBAG_download{min-height:var(--control-md);padding:0 var(--space-4);border:1px solid var(--color-rule-strong);border-radius:var(--radius-pill);color:var(--color-ink);font:500 14px/20px var(--font-sans);transition:background-color var(--duration-fast) var(--ease-out);flex:none;align-items:center;text-decoration:none;display:inline-flex}.nOrBAG_download:hover{background:var(--color-highlight)}.nOrBAG_download:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nOrBAG_note{color:var(--color-muted);font:400 14px/20px var(--font-sans)}.nOrBAG_note code{font:400 13px/20px var(--font-code)}.nOrBAG_colors{gap:var(--space-4);grid-template-columns:1fr;display:grid}.nOrBAG_color{align-items:flex-start;gap:var(--space-4);display:flex}.nOrBAG_swatch{width:var(--space-16);height:var(--space-16);border:1px solid var(--color-rule);border-radius:var(--radius-card);flex:none}.nOrBAG_specimen{padding:var(--space-8) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-rule);color:var(--color-ink);font:600 48px/56px var(--font-sans);overflow-wrap:anywhere}.nOrBAG_mono{font:400 24px/56px var(--font-code)}.nOrBAG_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media screen and (min-width:768px){.nOrBAG_cardPreview{height:240px}.nOrBAG_square{max-width:calc(240px - 2 * var(--space-4))}.nOrBAG_logos{grid-template-columns:repeat(3,1fr)}.nOrBAG_cards,.nOrBAG_fonts{grid-template-columns:repeat(2,1fr)}.nOrBAG_colors{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.nOrBAG_cards{grid-template-columns:repeat(3,1fr)}.nOrBAG_colors{grid-template-columns:repeat(4,1fr)}.nOrBAG_title{font-size:48px;line-height:56px}}@media (prefers-reduced-motion:reduce){.nOrBAG_download{transition:none}}