.reference-sheet{--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--section-space: clamp(56px, 7vw, 112px);--specimen-height: 240px;--mark-size: 128px;--icon-size: 64px;--lockup-width: 480px;--reference-nav-height: 80px;--swatch-height: 96px;--frame-width: 1.5px;--caption-ink: #4a4940;--title-size: 26px;--caption-size: 14px;--tap-size: 44px;min-height:100vh}.reference-skip{position:absolute;top:var(--space-4);left:var(--space-4);z-index:10;padding:var(--space-3) var(--space-4);background:var(--paper);transform:translateY(-200%)}.reference-skip:focus{transform:none}.reference-nav{border-bottom:1px solid var(--rule)}.reference-nav-inner,.reference-nav-links,.reference-brand,.reference-footer-inner,.reference-footer nav{display:flex;align-items:center;gap:var(--space-6)}.reference-nav-inner{min-height:var(--reference-nav-height);justify-content:space-between}.reference-brand{gap:var(--space-3);font:700 var(--title-size)/1 var(--font-display);letter-spacing:-.01em}.reference-brand img{width:var(--space-8);height:var(--space-8)}.reference-nav a,.reference-footer a,.brand-index a,.brand-downloads a,.brand-font a{display:inline-flex;align-items:center;min-height:var(--tap-size)}.reference-nav a:hover,.reference-footer a:hover,.brand-index a:hover,.brand-downloads a:hover,.brand-font a:hover{color:var(--magenta-deep)}.reference-main{padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}.brand-intro{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-8)}.brand-intro .lede{margin:0}.brand-kit-action{display:grid;gap:var(--space-3)}.brand-kit-action .btn{padding:var(--space-4) var(--space-8);text-align:center;line-height:1.3}.brand-kit-action small{color:var(--caption-ink);font-size:var(--caption-size)}.brand-index{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-8);margin-top:var(--space-10);padding:var(--space-3) 0;border-top:var(--frame-width) solid var(--grid);border-bottom:var(--frame-width) solid var(--grid)}.brand-index a,.brand-downloads a,.brand-font a{text-decoration:underline;text-underline-offset:5px}.brand-section{margin-top:var(--section-space);scroll-margin-top:var(--space-8)}.brand-section h2,.brand-font h3{font:700 var(--title-size)/1.1 var(--font-display);margin:0 0 var(--space-4)}.brand-section>p{max-width:65ch;margin:0 0 var(--space-8)}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10) var(--space-6)}.brand-figure{margin:0;min-width:0}.brand-specimen{display:grid;place-items:center;height:var(--specimen-height);padding:var(--space-6);border:var(--frame-width) solid var(--grid);background:var(--paper)}.brand-specimen-reverse{background:var(--ink)}.brand-specimen img{width:var(--mark-size);height:auto}.brand-specimen .brand-lockup{width:min(100%,var(--lockup-width))}.brand-figure figcaption{margin-top:var(--space-3);color:var(--caption-ink)}.brand-downloads{display:flex;flex-wrap:wrap;gap:0 var(--space-5);margin-top:var(--space-2)}.brand-downloads a{font-size:var(--caption-size);font-weight:600}.brand-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.brand-icon-grid .brand-specimen{height:calc(var(--icon-size) + 2 * var(--space-10))}.brand-icon-grid img{width:var(--icon-size);height:var(--icon-size)}.brand-social{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-10) var(--space-6);align-items:start}.brand-avatar .brand-specimen img{width:var(--mark-size);height:var(--mark-size)}.brand-cover-list{display:grid;gap:var(--space-10)}.brand-cover .brand-specimen{height:auto;padding:var(--space-4)}.brand-cover .brand-specimen img{width:100%;height:auto}.brand-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-6)}.brand-color{margin:0}.brand-swatch{height:var(--swatch-height);background:var(--swatch);border:1px solid var(--rule)}.brand-color figcaption{margin-top:var(--space-4);font-size:inherit;color:var(--ink)}.brand-color strong{display:block;font-weight:600}.brand-color dl{margin:var(--space-3) 0;font-variant-numeric:tabular-nums}.brand-color dl div{display:flex;gap:var(--space-3)}.brand-color dt{width:var(--tap-size);color:var(--caption-ink)}.brand-color dd,.brand-color p{margin:0}.brand-font{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-8);padding:var(--space-8) 0;border-top:var(--frame-width) solid var(--grid-soft)}.brand-font p{margin:0;max-width:46ch}.brand-type-sample{font-size:clamp(40px,3.8vw,60px);line-height:1.1;overflow-wrap:anywhere}.brand-type-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.brand-type-body{font-family:var(--font-body)}.brand-type-mono{font-family:var(--font-mono);font-size:var(--title-size)}.brand-rules{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10)}.brand-rules h3{margin:0 0 var(--space-4);font-size:20px;font-weight:600}.brand-rules ul{margin:0;padding-left:var(--space-6)}.brand-rules li+li{margin-top:var(--space-3)}.reference-footer{border-top:1px solid var(--rule);padding:var(--space-8) 0}.reference-footer-inner{justify-content:space-between;flex-wrap:wrap}.reference-footer nav{flex-wrap:wrap;gap:var(--space-3) var(--space-6)}@media(max-width:1000px){.brand-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:719px){.brand-grid,.brand-social,.brand-palette,.brand-font,.brand-rules{grid-template-columns:minmax(0,1fr)}.brand-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-kit-action{width:100%}.brand-downloads a{font-size:16px}.reference-nav-links{gap:var(--space-4)}}