*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}:root{--cols: 12;--gutter: 1rem;--margin: 3rem;--fs-micro: .667rem;--fs-small: 1rem;--fs-base: 1.5rem;--fs-md: 2.25rem;--fs-lg: 3.375rem;--fs-xl: 5.063rem;--fs-xxl: 7.594rem;--fs-display: 11.391rem;--sp-xs: .75rem;--sp-s: 1.5rem;--sp-m: 3rem;--sp-l: 4.5rem;--sp-xl: 7.5rem;--sp-xxl: 12rem;--fg: var(--text-primary, #111);--bg: var(--bg-primary, #f5f5f5);--accent: var(--text-on-accent, #111);--fg-muted: var(--text-tertiary, #999);--fg-secondary: var(--text-secondary, #555);--rule: color-mix(in srgb, var(--fg) 12%, var(--bg));--ghost: color-mix(in srgb, var(--fg) 8%, var(--bg))}body{font-family:var(--font-primary, system-ui, sans-serif);font-weight:440;font-size:var(--fs-base);line-height:1.2;color:var(--fg);background-color:var(--bg);font-kerning:normal;font-feature-settings:"liga" 1,"kern" 1,"calt" 1;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:700;line-height:.92;letter-spacing:-.03em}p{margin-block-end:.75em}p:last-child{margin-block-end:0}strong{font-weight:700}code{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:.85em}pre{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:var(--fs-small);line-height:1.4;overflow-x:auto;margin-block:var(--sp-s);padding:var(--sp-s);background:var(--ghost)}pre code{font-size:inherit}ul,ol{padding-inline-start:1.25em;margin-block-end:.75em}li{margin-block-end:.25em}.hub{display:grid;grid-template-columns:[c1] 1fr [c2] 1fr [c3] 1fr [c4] 1fr [c5] 1fr [c6] 1fr [c7] 1fr [c8] 1fr [c9] 1fr [c10] 1fr [c11] 1fr [c12] 1fr [end];column-gap:var(--gutter);padding-inline:var(--margin)}.hub-nav{grid-column:1 / 4;grid-row:1 / span 99;position:sticky;top:0;height:100vh;align-self:start;padding-block:var(--sp-l) var(--sp-m);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.hub-nav__brand{font-size:var(--fs-small);font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;margin-block-end:var(--sp-xs)}.hub-nav__title{font-size:var(--fs-md);font-weight:700;letter-spacing:-.02em;line-height:.92;margin-block-end:var(--sp-l)}.hub-nav__list{list-style:none;padding:0}.hub-nav__link{display:flex;align-items:baseline;gap:var(--sp-xs);padding-block:.3em;font-size:var(--fs-small);font-weight:440;color:var(--fg-muted);transition:color .15s ease;line-height:1.3}.hub-nav__link:hover,.hub-nav__link--active{color:var(--fg)}.hub-nav__link--active{font-weight:700}.hub-nav__number{font-size:var(--fs-small);font-weight:700;font-variant-numeric:tabular-nums;min-width:1.8em}.hub-nav__link--active .hub-nav__number{color:var(--accent)}.hub-nav__meta{font-size:var(--fs-small);color:var(--fg-muted);line-height:1.5}.hub-nav__meta a{text-decoration:none;color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.15em}.hub-nav__toggle{display:none;background:none;border:none;cursor:pointer;color:var(--fg);font-size:var(--fs-md);padding:var(--sp-xs);line-height:1}.hub-section{grid-column:c4 / end;display:grid;grid-template-columns:subgrid;align-content:start;row-gap:var(--sp-m);padding-block:var(--sp-l) var(--sp-xxl)}.gc-num{grid-column:c4 / c5}.gc-title{grid-column:c5 / end}.gc-full{grid-column:c5 / c12}.gc-wide{grid-column:c5 / c10}.gc-body{grid-column:c5 / c9}.gc-left{grid-column:c5 / c8}.gc-right{grid-column:c9 / c12}.gc-left-wide{grid-column:c5 / c9}.gc-right-narrow{grid-column:c9 / end}.hub-cover{min-height:100vh;align-content:center;position:relative;overflow:hidden;padding-block:var(--sp-xxl)}.hub-cover__motif{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1;transition:opacity .3s ease}.hub-cover__logo{margin-block-end:var(--sp-l)}.hub-cover__logo img{max-height:4rem}.hub-cover__tagline{font-size:var(--fs-xl);font-weight:700;line-height:.92;letter-spacing:-.03em;margin-block-end:var(--sp-m)}.hub-cover__desc{font-size:var(--fs-base);line-height:1.3;color:var(--fg-secondary);max-width:60ch;margin-block-end:var(--sp-s)}.section-num{grid-column:c4 / c5;font-size:var(--fs-xxl);font-weight:700;line-height:.8;letter-spacing:-.04em;color:var(--ghost);align-self:end}.section-title{grid-column:c5 / end;font-size:var(--fs-xxl);line-height:.9;align-self:end}.section-intro{grid-column:c4 / c10;font-size:var(--fs-md);font-weight:440;line-height:1.15;letter-spacing:-.01em}.section-intro p{margin-block-end:.5em}.section-body{grid-column:c5 / c10;line-height:1.2}.section-body h3{font-size:var(--fs-md);margin-block:var(--sp-l) var(--sp-xs)}.section-body h3:first-child{margin-block-start:0}.label{font-size:var(--fs-small);font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;margin-block-end:var(--sp-s)}.motif-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-s);margin-block-start:var(--sp-s)}.motif-file__img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--ghost)}.copy-block{position:relative}.copy-btn{position:absolute;top:var(--sp-xs);right:var(--sp-xs);background:var(--fg);color:var(--bg);border:none;cursor:pointer;font-size:var(--fs-micro);font-weight:700;padding:.25em .5em;opacity:0;transition:opacity .15s ease;font-family:inherit;letter-spacing:.05em;text-transform:uppercase}.copy-block:hover .copy-btn{opacity:1}.copy-btn--done{background:var(--accent)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--sp-s)}.color-chip__swatch{width:100%;aspect-ratio:1;display:block}.color-chip__name{font-weight:700;font-size:var(--fs-small);line-height:1.2;margin-block-start:var(--sp-xs)}.color-chip__token{font-family:SF Mono,Fira Code,monospace;font-size:var(--fs-small);color:var(--fg-muted)}.color-chip__values{font-size:var(--fs-small);color:var(--fg-muted);line-height:1.5;margin-block-start:.2em}.token-pip{display:inline-block;width:.7em;height:.7em;vertical-align:middle;margin-inline-end:.3em}.logo-group{margin-block-end:var(--sp-l)}.logo-group__name{font-size:var(--fs-lg);letter-spacing:-.02em;line-height:.9}.logo-group__badge{display:inline-block;font-size:var(--fs-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2em .5em;margin-inline-start:.5em;border:1px solid var(--fg);vertical-align:middle}.logo-group__meta{margin-block-start:var(--sp-xs);font-size:var(--fs-small);color:var(--fg-secondary);line-height:1.4}.logo-group__meta p{margin-block-end:.2em}.logo-variants-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-xs);margin-block-start:var(--sp-s)}.logo-card__preview{aspect-ratio:3 / 2;display:flex;align-items:center;justify-content:center;padding:var(--sp-s)}.logo-card__preview--dark{background:var(--color-black, #111)}.logo-card__preview--light{background:var(--color-offwhite, #eee)}.logo-card__preview--any{background:var(--ghost)}.logo-card__preview img{max-width:75%;max-height:75%;object-fit:contain}.logo-card__label{padding-block-start:var(--sp-xs);font-size:var(--fs-small);color:var(--fg-muted);display:flex;justify-content:space-between}.logo-card__formats{display:flex;gap:.5em}.logo-card__dl{font-size:var(--fs-micro);font-weight:700;color:var(--fg);text-decoration:none;transition:color .15s ease}.logo-card__dl:hover{color:var(--accent)}.logo-card__dl--empty{color:var(--fg-muted)}.type-card{padding:var(--sp-s);background:var(--ghost);margin-block-end:var(--sp-xs)}.type-card__sample{font-family:var(--font-primary, system-ui, sans-serif);line-height:.9;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-block-end:var(--sp-xs)}.type-card__meta{display:flex;gap:var(--sp-s);flex-wrap:wrap;font-size:var(--fs-micro);color:var(--fg-muted);font-variant-numeric:tabular-nums;padding-block-start:var(--sp-xs);border-block-start:1px solid var(--rule)}.type-meta dt{font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:inline}.type-meta dd{margin:0;display:inline;margin-inline-end:var(--sp-s)}.grid-card{padding:var(--sp-s);background:var(--ghost);margin-block-end:var(--sp-xs)}.grid-card__title{font-size:var(--fs-md);font-weight:700;margin-block-end:var(--sp-xs)}.grid-card__values{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--sp-xs)}.grid-card__value dt{font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted)}.grid-card__value dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.grid-card__notes{margin-block-start:var(--sp-s);font-size:var(--fs-small);color:var(--fg-secondary);padding-block-start:var(--sp-xs);border-block-start:1px solid var(--rule)}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-small);margin-block:var(--sp-s)}.data-table th{text-align:left;font-weight:700;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);padding:.35em .5em;border-block-end:1px solid var(--fg)}.data-table td{padding:.35em .5em;border-block-end:1px solid var(--rule);font-weight:440;vertical-align:top}.data-table tr:last-child td{border-block-end:none}.data-table td:first-child{font-weight:700}.voice-attr{display:flex;gap:var(--sp-m);align-items:baseline;padding-block:var(--sp-xs)}.voice-attr+.voice-attr{border-block-start:1px solid var(--rule)}.voice-attr__name{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em;line-height:.9;min-width:35%;flex-shrink:0}.voice-attr__desc{font-size:var(--fs-small);color:var(--fg-secondary);line-height:1.4}.rule-card{padding-block:var(--sp-s)}.rule-card+.rule-card{border-block-start:1px solid var(--rule)}.rule-card__badge{display:inline-block;font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.15em .4em;margin-block-end:.35em}.rule-card__badge--approved{border:3px solid green}.rule-card__badge--prohibited{background:#8b0000;color:var(--fg)}.rule-card__rule{max-width:50ch;font-weight:700;line-height:1.15;margin-block-end:.2em}.rule-card__rationale{font-size:var(--fs-small);color:var(--fg-secondary);line-height:1.4}.rule-card__examples{font-size:var(--fs-small);color:var(--fg-muted);white-space:pre-line;margin-block-start:.2em;font-style:italic}.dl-btn{position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:.3em;font-size:var(--fs-small);font-weight:700;color:var(--fg);padding:.25em .5em;border:1px solid var(--fg);transition:background .15s ease,color .15s ease}.dl-btn:hover{background:var(--fg);color:var(--bg)}.dl-btn__tip{position:absolute;bottom:calc(100% + .5em);left:50%;transform:translate(-50%) translateY(3px);background:var(--fg);color:var(--bg);font-size:var(--fs-micro);font-weight:440;white-space:nowrap;padding:.25em .5em;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease}.dl-btn__tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--fg)}.dl-btn:hover .dl-btn__tip{opacity:1;transform:translate(-50%) translateY(0)}.asset-row{display:flex;align-items:center;justify-content:space-between;padding-block:var(--sp-xs)}.asset-row+.asset-row{border-block-start:1px solid var(--rule)}.asset-row__name{font-weight:700;font-size:var(--fs-small)}.asset-row__meta{color:var(--fg-muted);font-size:var(--fs-micro);margin-inline-start:.5em}.hub-footer{grid-column:c4 / end;padding-block:var(--sp-l);border-block-start:1px solid var(--rule);font-size:var(--fs-micro);color:var(--fg-muted);display:flex;justify-content:space-between}@media(max-width:1024px){.hub{grid-template-columns:[c1] 1fr [c2] 1fr [c3] 1fr [c4] 1fr [c5] 1fr [c6] 1fr [c7] 1fr [c8] 1fr [end];column-gap:.75rem}.hub-nav{grid-column:c1 / c3}.hub-section{grid-column:c3 / end}.section-num{grid-column:c3 / c4;font-size:var(--fs-xl)}.section-title{grid-column:c4 / end}.section-intro,.section-body{grid-column:c3 / c7}.gc-full{grid-column:c3 / end}.gc-wide,.gc-body{grid-column:c3 / c7}.gc-left{grid-column:c3 / c6}.gc-right{grid-column:c6 / end}.hub-footer{grid-column:c3 / end}.logo-variants-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--cols: 4;--margin: .75rem;--gutter: .75rem}.hub-nav{grid-column:c1 / c4}.hub-section{grid-column:c1 / end}.section-num{grid-column:c1 / c4;font-size:var(--fs-xl)}.section-title{grid-column:c1 / end}.section-intro,.section-body{grid-column:c1 / c7}.gc-full{grid-column:c1 / end}.gc-wide,.gc-body{grid-column:c1 / c7}.gc-left{grid-column:c1 / c6}.gc-right,.hub-footer{grid-column:c1 / end}.hub-nav{grid-row:auto;position:fixed;top:0;left:0;right:0;height:auto;z-index:100;background:var(--bg);padding:var(--sp-xs) var(--margin);flex-direction:row;align-items:center;justify-content:space-between;overflow:visible}.hub-nav>div:first-child{display:flex;align-items:center;gap:var(--sp-xs);flex:1;min-width:0}.hub-nav__brand,.hub-nav__title{display:none}.hub-nav__toggle{display:block;order:-1}.hub-nav__list{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:var(--sp-s) var(--margin);border-block-end:1px solid var(--rule)}.hub-nav__list--open{display:block}.hub-nav__meta{display:none}.hub-nav__logo{position:static;width:auto;max-width:none;max-height:1.5rem;margin-inline-start:auto;margin-block-end:0;z-index:auto;transition:none;transform-origin:unset}.hub-section{display:block;padding-block:var(--sp-m) var(--sp-xl)}.hub-section:first-of-type{margin-block-start:3.5rem}.section-num{font-size:var(--fs-l);color:var(--ghost);margin-block-end:var(--sp-xs)}.section-title{font-size:var(--fs-lg);margin-block-end:var(--sp-s)}.section-intro{font-size:var(--fs-base);margin-block-end:var(--sp-s)}.section-body,.gc-full,.gc-wide,.gc-body,.gc-left,.gc-right,.gc-left-wide,.gc-right-narrow{margin-block-end:var(--sp-s)}.logo-variants-grid{grid-template-columns:repeat(2,1fr)}.voice-attr{flex-direction:column;gap:var(--sp-xs)}.voice-attr__name{min-width:auto;font-size:var(--fs-md)}.hub-footer{display:block;padding-block:var(--sp-m)}}@media(max-width:480px){.logo-variants-grid{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(2,1fr)}}