.pg-brand .guide-header{border-bottom:1px solid #c9a84c1f;padding:100px 0 60px}.pg-brand .section-title{font-family:var(--font-title);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid #c9a84c1f;margin-bottom:40px;padding-bottom:16px;font-size:11px}.pg-brand .guide-section{border-bottom:1px solid #c9a84c14;padding:60px 0}.pg-brand .swatch-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.pg-brand .swatch{border-radius:10px;overflow:hidden}.pg-brand .swatch-color{height:80px}.pg-brand .swatch-info{background:var(--dark2);padding:12px 14px}.pg-brand .swatch-name{color:var(--white);margin-bottom:2px;font-size:12px;font-weight:600}.pg-brand .swatch-hex{color:var(--muted);font-family:monospace;font-size:11px}.pg-brand .swatch-role{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4}.pg-brand .font-specimen{background:var(--dark2);border:1px solid var(--border-card);border-radius:14px;margin-bottom:16px;padding:32px}.pg-brand .font-meta{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:11px}.pg-brand .type-scale-row{border-bottom:1px solid #c9a84c0f;align-items:baseline;gap:24px;padding:20px 0;display:flex}.pg-brand .type-scale-row:last-child{border-bottom:none}.pg-brand .type-meta{color:var(--muted);min-width:140px;font-family:monospace;font-size:11px}.pg-brand .radius-demo{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.pg-brand .radius-item{flex-direction:column;align-items:center;gap:10px;display:flex}.pg-brand .radius-box{background:var(--dark3);border:1px solid var(--border-card);width:80px;height:80px}.pg-brand .radius-label{color:var(--muted);text-align:center;font-family:monospace;font-size:11px}.pg-brand .radius-name{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600}.pg-brand .border-demo{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.pg-brand .border-item{background:var(--dark2);border-radius:14px;padding:24px}.pg-brand .border-label{color:var(--muted);margin-top:10px;font-family:monospace;font-size:10px}.pg-brand .border-name{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.pg-brand .grad-demo{border-radius:10px;height:80px;margin-bottom:8px}.pg-brand .grad-name{color:var(--white);margin-bottom:4px;font-size:11px;font-weight:600}.pg-brand .grad-desc{color:var(--muted);font-size:11px;line-height:1.5}.pg-brand .motion-row{border-bottom:1px solid #c9a84c0f;align-items:center;gap:24px;padding:16px 0;display:flex}.pg-brand .motion-row:last-child{border-bottom:none}.pg-brand .motion-token{color:var(--gold);min-width:200px;font-family:monospace;font-size:12px}.pg-brand .motion-value{color:var(--muted);font-family:monospace;font-size:12px}.pg-brand .motion-desc{color:#fafaf899;font-size:12px}.pg-brand .code-block{background:var(--dark3);color:#fafaf8cc;white-space:pre;border:1px solid #c9a84c1a;border-radius:10px;padding:20px 24px;font-family:monospace;font-size:13px;line-height:1.7;overflow-x:auto}.pg-brand .code-comment{color:#c9a84c80}.pg-brand .component-row{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.pg-brand nav{background:var(--dark2);border-bottom:1px solid #c9a84c1f;position:relative}.pg-brand .guide-nav{align-items:center;gap:32px;height:56px;display:flex}.pg-brand .guide-nav a{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;text-decoration:none;transition:color .2s}.pg-brand .guide-nav a:hover{color:var(--cream)}.pg-brand .guide-nav-logo{font-family:var(--font-title);letter-spacing:.05em;color:var(--white);margin-right:24px;font-size:14px}