.brand-library{--bg:#f7f8fa;--fg:#0a1931;--muted:#4d5c70;--accent:#2163af;--line:#0a193126;color-scheme:light}
.library-intro{padding:90px var(--pad) 55px}.library-intro h1{font-size:clamp(54px,8vw,124px);letter-spacing:-.055em}
.library-intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:40px 0}.library-intro-bottom p{font-size:clamp(16px,1.6vw,23px);line-height:1.5}.library-intro-bottom .library-small{font-size:14px;color:var(--muted)}
.library-index{display:flex;flex-wrap:wrap;gap:14px 35px;border-top:1px solid var(--line);padding-top:25px;font-size:13px}.library-index a{padding:10px 0}
.brand-reference{padding:70px var(--pad) 80px;border-top:1px solid var(--line);scroll-margin-top:20px}
.brand-reference-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:34px}.brand-reference-heading span{font-size:11px;color:var(--muted)}
.brand-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}.reference-logo-stage{background:var(--brand-stage);padding:65px 10%;height:230px;display:grid;place-items:center;border:1px solid var(--line)}
.reference-logo-stage img{max-width:100%;width:100%;max-height:100px;object-fit:contain}.reference-downloads{display:flex;gap:25px;flex-wrap:wrap;margin-top:20px;font-size:12px}.reference-downloads a,.reference-links a,.reference-status a{text-decoration:underline;text-underline-offset:4px}
.brand-reference-copy h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.025em;margin-bottom:22px}.brand-reference-copy p{font-size:13px;line-height:1.75;color:var(--muted)}.reference-status{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.reference-status strong{font-size:12px;font-weight:500;display:block;margin-bottom:10px}.reference-status details{margin-top:16px;font-size:12px}.reference-status summary{cursor:pointer;padding:8px 0}.reference-status details p{overflow-wrap:anywhere;margin-top:12px;font-size:12px}
.reference-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:45px}.reference-palette>div{display:flex;flex-direction:column;gap:9px;min-width:0}.reference-colour{height:100px;border:1px solid var(--line)}.reference-palette span:not(.reference-colour){font-size:11px}.reference-palette code{font:400 12px/1.5 monospace;color:var(--muted)}
.reference-links{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-top:27px;font-size:11px;color:var(--muted)}.reference-links nav{display:flex;gap:20px;flex-wrap:wrap}
.reference-captures{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.reference-captures a{min-width:0}.reference-captures img{width:100%;height:auto;border:1px solid var(--line)}.reference-captures span{display:block;font-size:11px;margin-top:13px}
.library-boundary{padding:90px var(--pad);background:#e1eef0}.library-boundary h2{font-size:clamp(35px,5vw,70px);margin-bottom:35px}.library-boundary p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:70em}
@media(max-width:720px){.library-intro{padding-top:55px}.library-intro-bottom,.brand-reference-grid{grid-template-columns:1fr;gap:30px}.brand-reference-heading,.reference-links{display:block}.reference-links nav{margin-top:20px;gap:16px}.brand-reference-heading .eyebrow{margin-bottom:10px}.brand-reference{padding-top:45px;padding-bottom:50px}.reference-logo-stage{height:180px;padding:40px 10%}.reference-palette{grid-template-columns:repeat(3,1fr);gap:23px 12px}.reference-colour{height:75px}.reference-captures{grid-template-columns:1fr;gap:25px}.library-index{gap:5px 20px}.library-boundary{padding-top:60px;padding-bottom:60px}}