.bg-downloads{row-gap:60px}
.bg-logo-files{grid-column:1/-1;border-top:1px solid var(--line);padding-top:40px;margin-top:10px}
.bg-logo-files-intro{max-width:800px;margin-bottom:30px}
.brand-guide .bg-logo-files-intro h3{font-size:30px;line-height:1.15;letter-spacing:-.6px;margin-bottom:14px}
.bg-logo-files-intro p{font-size:14px;line-height:1.65;color:var(--muted)}
.bg-logo-files-intro .bg-action{font-size:13px;margin-top:20px}
.bg-logo-files-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.bg-logo-file{min-width:0}
.bg-logo-file-preview{height:150px;padding:26px;background:#e6eade;display:flex;align-items:center;justify-content:center;transition:background .2s}
.bg-logo-file-preview[data-logo-tone=ivory],.bg-logo-file-preview[data-logo-tone=white]{background:#0a294b}
.bg-logo-file-preview img{display:block;width:100%;height:100%;object-fit:contain}
.brand-guide .bg-logo-file h4{font-size:19px;line-height:1.25;letter-spacing:-.3px;margin:18px 0 9px}
.bg-logo-file>p{font-size:12px;line-height:1.6;color:var(--muted);min-height:40px}
.bg-colour-control{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-top:16px}
.bg-logo-file select{font:inherit;color:var(--ink);border:1px solid var(--line);padding:7px 25px 7px 10px;background:var(--paper);min-width:110px;border-radius:0}
.bg-colour-picker{position:relative;width:144px;flex-shrink:0}
.bg-colour-picker[hidden],.bg-colour-options[hidden],.bg-colour-control select[hidden]{display:none}
.bg-colour-trigger{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);padding:11px 12px;font:inherit;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}
.bg-colour-trigger .select-disclosure{margin-left:auto}
.bg-colour-trigger .select-disclosure::before{content:"+";display:block;font:400 18px/1 var(--sans)}
.bg-colour-trigger[aria-expanded=true] .select-disclosure::before{content:"−"}
.bg-colour-trigger:hover{border-color:#aab5ac;background:#eeeee5}
.bg-colour-trigger[aria-expanded=true]{border-color:var(--ink);background:var(--sage)}

.bg-colour-swatch{width:16px;height:16px;flex-shrink:0;border-radius:50%;border:1px solid #0a294b2b;background:var(--ink)}
.bg-colour-swatch[data-swatch=ivory]{background:#f6f5ef}
.bg-colour-swatch[data-swatch=black]{background:#000}
.bg-colour-swatch[data-swatch=white]{background:#fff}
.bg-colour-options{position:absolute;right:0;top:calc(100% + 7px);z-index:25;width:184px;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 28px #0a294b1c;padding:6px}
.bg-colour-picker[data-direction=up] .bg-colour-options{top:auto;bottom:calc(100% + 7px)}
.bg-colour-options button{width:100%;min-height:44px;display:flex;align-items:center;gap:11px;border:0;border-radius:3px;padding:10px;font:inherit;font-weight:500;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.bg-colour-options button:hover,.bg-colour-options button:focus-visible{background:#e6eade;outline:none}
.bg-colour-options button[aria-selected=true]{background:#e6eade}
.bg-colour-check{margin-left:auto;color:#95691e;visibility:hidden}
.bg-colour-options button[aria-selected=true] .bg-colour-check{visibility:visible}
.bg-colour-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.bg-colour-trigger{transition:none}}
.bg-logo-file-links{display:flex;gap:20px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}
.bg-logo-file-links a{display:flex;align-items:center;justify-content:space-between;flex:1;font-size:13px;font-weight:500;gap:10px;padding-block:7px}
.bg-logo-file>small{display:block;font-size:10px;color:var(--muted);margin-top:12px}
@media(max-width:900px){.bg-logo-files-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}
@media(max-width:600px){.bg-logo-files{margin-top:0;padding-top:30px}.brand-guide .bg-logo-files-intro h3{font-size:25px}.bg-logo-files-intro p{font-size:13px}.bg-logo-files-grid{grid-template-columns:1fr;gap:30px}.bg-logo-file-preview{height:160px}.bg-logo-file>p{min-height:0}.bg-logo-file-links a{min-height:44px}.bg-logo-file select{min-height:44px}}
@media print{.bg-logo-files{display:none!important}}