@font-face{font-family:BrandNBLight;src:url('/fonts/NB-International-Pro-Light.ttf') format('truetype');font-weight:300;font-display:swap}
.brand-guide .info-heading h1{font-size:44px}.brand-guide .info-body section{padding-bottom:40px;border-bottom:1px solid #e8e8e8;margin-bottom:40px}.brand-guide .info-body p{color:#62686c;line-height:1.7}.brand-guide h3{font-size:20px;line-height:1.35;font-weight:400;letter-spacing:-.35px}.brand-guide .info-body a{color:#181b1c;text-decoration:underline;text-underline-offset:4px}.brand-guide .dark-sample a{color:white}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.brand-card{border:1px solid #e8e8e8;padding:24px;min-width:0}.brand-symbol-preview{height:210px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;margin-bottom:24px}.brand-symbol-preview img{width:160px;height:160px;object-fit:contain}.brand-action{display:flex;align-items:center;min-height:44px;font-size:14px}.brand-type{border:1px solid #e8e8e8;padding:28px;margin-top:20px;overflow-wrap:anywhere}.brand-type>span,.brand-pairing>span{font-size:13px;color:#62686c}.brand-type-title{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:28px 0}.brand-type-light,.brand-product-pairing{font-family:BrandNBLight,Arial,sans-serif;font-weight:300}.brand-guide .brand-alphabet{font-size:20px;color:#181b1c;line-height:1.8}.brand-note{border-left:3px solid #e8e8e8;padding:8px 0 8px 22px;margin-top:24px}.brand-note p{margin-bottom:0}.brand-pairing{padding:28px;border:1px solid #e8e8e8;margin-top:20px}.brand-pairing h3{font-size:30px;line-height:1.2;margin-top:24px}.brand-demo-button{background:#181b1c;color:white;border:0;padding:12px 20px;font:inherit;min-height:44px;border-radius:4px;opacity:1}.brand-metric{display:flex;flex-direction:column;gap:8px;margin:24px 0;font-variant-numeric:tabular-nums}.brand-metric strong{font-size:36px;font-weight:300}.brand-metric span{font-size:14px}.brand-pairing code{display:block;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:#f8f8f8;padding:16px;overflow-wrap:anywhere}.brand-guide .brand-caption{font-size:13px}.brand-rules{margin-top:28px}.brand-rules p{font-size:15px;margin-bottom:0}.brand-guide .brand-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-guide .info-contents a{min-height:30px;display:flex;align-items:center}.brand-guide a:focus-visible{outline:2px solid #181b1c;outline-offset:4px}
@media(max-width:800px){.brand-guide .info-heading h1{font-size:36px}.brand-type-title{font-size:32px}.brand-pairing h3{font-size:26px}}
@media(max-width:520px){.brand-guide .info-heading h1{font-size:35px}.brand-grid{grid-template-columns:1fr}.brand-card,.brand-type,.brand-pairing{padding:20px}.brand-type-title{font-size:28px}.brand-guide .brand-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}