.qpg-gallery,.qpg-landing{--qpg-surface:#f7f9fb;--qpg-surface-strong:#edf4f8;--qpg-text:#171a1d;--qpg-muted:#5c6670;--qpg-border:#d9e0e6;--qpg-border-strong:#aeb8c2;--qpg-accent:#28618f;--qpg-accent-hover:#214f75;--qpg-accent-soft:#edf4f8;--qpg-focus:#0a0a0a;--qpg-radius-sm:8px;--qpg-radius:14px;--qpg-shadow:0 14px 36px rgba(23, 25, 31, 0.08);--qpg-control-height:44px;max-width:1220px;margin-inline:auto;color:var(--qpg-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}.qpg-gallery,.qpg-gallery *,.qpg-gallery *::before,.qpg-gallery *::after,.qpg-landing,.qpg-landing *,.qpg-landing *::before,.qpg-landing *::after{box-sizing:border-box}.qpg-gallery :where(button,input,a),.qpg-landing :where(button,input,a){color:inherit;font:inherit}.qpg-gallery button.qpg-button:hover,.qpg-gallery button.qpg-button:focus,.qpg-gallery button.qpg-button:active,.qpg-gallery summary.qpg-button:hover,.qpg-gallery summary.qpg-button:focus,.qpg-gallery summary.qpg-button:active,.qpg-gallery a.qpg-button:hover,.qpg-gallery a.qpg-button:focus,.qpg-gallery a.qpg-button:active{transform:none;margin:0;border-width:1px}.qpg-landing button.qpg-button:hover,.qpg-landing button.qpg-button:focus,.qpg-landing button.qpg-button:active,.qpg-landing a.qpg-button:hover,.qpg-landing a.qpg-button:focus,.qpg-landing a.qpg-button:active{transform:none;border-width:1px}.qpg-gallery :where(button,a,input,summary):focus-visible,.qpg-landing :where(button,a,input,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--qpg-focus) 75%,transparent);outline-offset:2px}.qpg-skip{position:absolute;z-index:20;inset-inline-start:1rem;inset-block-start:1rem;transform:translateY(-180%);padding:.65rem .9rem;background:var(--qpg-focus);color:#fff;text-decoration:none}.qpg-skip:focus{transform:translateY(0)}.qpg-gallery-heading{margin-block-end:18px}.qpg-gallery h1.qpg-kicker{display:block!important;margin:0!important;color:var(--qpg-accent)!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;letter-spacing:.11em!important;line-height:1.25!important;text-transform:uppercase!important}.qpg-filters{display:grid;gap:14px;margin-bottom:22px}.qpg-filters>label,.qpg-filters legend{font-weight:700}.qpg-search-field{position:relative;width:min(100%, 460px)}.qpg-filters input[type="search"]{width:100%;min-height:var(--qpg-control-height);padding:9px 44px 9px 12px;border:1px solid var(--qpg-border);border-radius:var(--qpg-radius-sm);background:#fff}.qpg-search-clear{position:absolute;top:50%;right:6px;display:grid;width:32px;height:32px;padding:0;place-items:center;transform:translateY(-50%);border:1px solid #fff0;border-radius:6px;background:#fff0;color:var(--qpg-text);font-size:24px;line-height:1;cursor:pointer}.qpg-search-clear:hover,.qpg-search-clear:focus-visible{border-color:#171a1d;background:#f5f7f9}.qpg-filters fieldset{margin:0;padding:0;border:0}.qpg-filters legend{margin-bottom:8px}.qpg-filter-labels{display:flex;flex-wrap:wrap;gap:8px}.qpg-filter-labels label{position:relative}.qpg-filter-labels input{position:absolute;opacity:0}.qpg-filter-labels label>span{display:block;padding:7px 11px;border:1px solid var(--qpg-border-strong);border-radius:999px;background:#fff;cursor:pointer}.qpg-filter-clear{padding:0;border:0;background:#fff0;color:var(--qpg-accent-hover);cursor:pointer;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.14em}.qpg-filter-clear-wrap{flex-basis:100%;padding-top:2px}.qpg-filter-clear-wrap.is-inactive{visibility:hidden}.qpg-filter-clear:hover:not(:disabled),.qpg-filter-clear:focus-visible{color:var(--qpg-accent)}.qpg-filter-clear:focus-visible{outline:2px solid var(--qpg-focus);outline-offset:3px}.qpg-filter-labels input:checked+span{border-color:var(--qpg-accent);background:var(--qpg-accent);color:#fff}.qpg-filter-labels input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--qpg-focus) 75%,transparent);outline-offset:2px}.qpg-status{min-height:20px;margin:0 0 8px;color:var(--qpg-muted)}.qpg-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;isolation:isolate}.qpg-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:visible;border:1px solid var(--qpg-border);border-radius:var(--qpg-radius);background:#fff;box-shadow:var(--qpg-shadow)}.qpg-card.is-download-open{z-index:2}.qpg-image-link{display:block;width:100%;padding:0;border:0;overflow:hidden;border-radius:calc(var(--qpg-radius) - 1px) calc(var(--qpg-radius) - 1px) 0 0;background:var(--qpg-surface);cursor:pointer}.qpg-image-link img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;transition:opacity 160ms ease}.qpg-image-link:hover img{opacity:.9}.qpg-card-body{display:flex;flex:1;flex-direction:column;padding:16px}.qpg-card-title{min-height:calc(2 * 1.15em);margin:0 0 14px;font-size:clamp(18px, 2vw, 24px);font-weight:700;line-height:1.15;letter-spacing:-.035em}.qpg-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-bottom:20px}.qpg-swatch{min-width:0;aspect-ratio:1;padding:0;border:1px solid rgb(23 26 29 / .2);border-radius:4px;cursor:pointer}.qpg-card-actions{display:grid;gap:8px;margin-top:auto}.qpg-card-utility-actions{display:grid;gap:8px}.qpg-button{display:inline-flex;min-height:var(--qpg-control-height);align-items:center;justify-content:center;padding:9px 12px;border:1px solid var(--qpg-border);border-radius:var(--qpg-radius-sm);background:#fff;cursor:pointer;margin:0;text-decoration:none}.qpg-button-primary{border-color:var(--qpg-accent);background:var(--qpg-accent);color:#fff}.qpg-gallery a.qpg-button-primary,.qpg-gallery button.qpg-button-primary,.qpg-landing a.qpg-button-primary,.qpg-landing button.qpg-button-primary{color:#fff!important}.qpg-button-primary:hover:not(:disabled){border-color:var(--qpg-accent-hover);background:var(--qpg-accent-hover);color:#fff}.qpg-gallery :where(a,button).qpg-button-primary:focus-visible,.qpg-landing :where(a,button).qpg-button-primary:focus-visible{color:#fff}.qpg-button-secondary{border-color:color-mix(in srgb,var(--qpg-accent) 28%,var(--qpg-border));background:var(--qpg-accent-soft);color:#214f75}.qpg-button-secondary:hover:not(:disabled){border-color:#171a1d;background:#f5f7f9}.qpg-studio{width:100%;min-width:0;border-color:#171a1d;background:#fff;color:#171a1d;overflow-wrap:anywhere;text-align:center}.qpg-studio:hover:not(:disabled){border-color:#171a1d;background:#f5f7f9}.qpg-download-menu{position:relative;width:100%}.qpg-download-menu[open]{z-index:3}.qpg-download-menu summary{list-style:none}.qpg-download-menu summary::-webkit-details-marker{display:none}.qpg-download-trigger{width:100%}.qpg-download-options{position:absolute;z-index:4;top:calc(100% + 6px);right:0;display:grid;min-width:94px;padding:6px;border:1px solid var(--qpg-border);border-radius:var(--qpg-radius-sm);background:#fff;box-shadow:var(--qpg-shadow);gap:4px}.qpg-download-menu.qpg-download-menu-up .qpg-download-options{top:auto;bottom:calc(100% + 6px)}.qpg-download-options a{display:block;width:100%;padding:7px 8px;border:1px solid #fff0;border-radius:6px;color:var(--qpg-text);text-decoration:none}.qpg-download-option{width:100%;padding:7px 8px;border:1px solid #fff0;border-radius:6px;background:#fff0;color:var(--qpg-text);cursor:pointer;text-align:left}.qpg-download-options a:hover,.qpg-download-options a:focus-visible,.qpg-download-option:hover,.qpg-download-option:focus-visible{border-color:#171a1d;background:#f5f7f9}.qpg-more-wrap{margin-top:22px;text-align:center}.qpg-toast{position:fixed;z-index:99999;bottom:22px;left:50%;width:max-content;max-width:min(90vw, 460px);padding:10px 14px;transform:translate(-50%,20px);border-radius:10px;background:#17191f;box-shadow:0 10px 30px rgb(0 0 0 / .24);color:#fff;opacity:0;pointer-events:none;text-align:center;line-height:1.4;overflow-wrap:anywhere;transition:opacity 160ms ease,transform 160ms ease}.qpg-toast.is-visible{transform:translate(-50%,0);opacity:1}.qpg-landing{padding:clamp(24px, 5vw, 72px) 20px}.qpg-landing-shell{max-width:1120px;margin-inline:auto}.qpg-back-link{align-items:center;margin-bottom:clamp(24px, 4vw, 48px);color:var(--qpg-accent-hover);font-weight:700}.qpg-landing-grid{display:grid;gap:clamp(28px, 5vw, 72px);align-items:start}.qpg-landing-image{margin:0;overflow:hidden;border:1px solid var(--qpg-border);border-radius:var(--qpg-radius);background:var(--qpg-surface);box-shadow:var(--qpg-shadow)}.qpg-landing-image img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.qpg-landing-content{min-width:0}.qpg-eyebrow{margin:0 0 8px;color:var(--qpg-muted);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.qpg-landing h1{margin:0;font-size:clamp(23px, 6vw, 45px);line-height:.98;letter-spacing:-.05em}.qpg-landing-intro{max-width:54ch;margin:18px 0 0;color:var(--qpg-muted);font-size:clamp(16px, 1.5vw, 18px)}.qpg-palette-description{max-width:62ch;margin-top:24px;color:var(--qpg-text)}.qpg-palette-description>:first-child{margin-top:0}.qpg-palette-description>:last-child{margin-bottom:0}.qpg-palette-description h2{margin:0 0 10px;font-size:clamp(18px, 2vw, 24px);line-height:1.2;letter-spacing:-.025em}.qpg-palette-description p,.qpg-palette-description li{color:var(--qpg-muted)}.qpg-landing-colours{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:28px 0;padding:0;list-style:none}.qpg-landing-colour{display:grid;grid-template-columns:28px minmax(7ch,1fr) auto;gap:8px;width:100%;min-height:52px;align-items:center;padding:7px 9px;border:1px solid var(--qpg-border);border-radius:var(--qpg-radius-sm);background:#fff;color:var(--qpg-text);cursor:pointer;text-align:left}.qpg-landing-colour:hover{border-color:var(--qpg-border-strong);background:var(--qpg-surface)}.qpg-landing-colour-swatch{width:28px;height:28px;border:1px solid rgb(23 26 29 / .28);border-radius:50%;background:var(--qpg-colour)}.qpg-landing-colour-hex{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:700}.qpg-landing-colour-action{color:var(--qpg-accent-hover);font-size:12px;font-weight:700}.qpg-landing-actions{display:grid;gap:10px}.qpg-landing-actions .qpg-button{width:100%}.qpg-gaming-link{width:100%;margin-top:10px}.qpg-landing-note{margin:14px 0 0;color:var(--qpg-muted);font-size:14px}@media (min-width:700px){.qpg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qpg-landing-colours{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.qpg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qpg-landing-grid{grid-template-columns:minmax(280px,0.8fr) minmax(0,1.2fr)}.qpg-landing-colours{grid-template-columns:repeat(4,minmax(0,1fr))}.qpg-landing-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.qpg-download-menu[open] .qpg-download-options{top:auto;right:0;bottom:calc(100% + 6px);left:auto}.qpg-toast{right:12px;bottom:12px;left:12px;width:auto;max-width:none;transform:translateY(20px)}.qpg-toast.is-visible{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.qpg-gallery *,.qpg-gallery *::before,.qpg-gallery *::after,.qpg-landing *,.qpg-landing *::before,.qpg-landing *::after{scroll-behavior:auto;animation-duration:0.001ms;animation-iteration-count:1;transition-duration:0.001ms}}.qpg-landing-colours{grid-template-columns:repeat(auto-fit,minmax(min(100%, 180px),1fr))}.qpg-landing-colour-action{white-space:nowrap}.qpg-color-decisions{margin-block:36px;padding:clamp(16px, 3vw, 28px);border:1px solid #d9e0e6;border-radius:16px;background:#fff;color:#171a1d;min-inline-size:0}.qpg-color-decisions *,.qpg-color-decisions *::before,.qpg-color-decisions *::after{box-sizing:border-box;min-inline-size:0}.qpg-color-decisions :is(h2,h3,p,dl){color:inherit;margin-block:0 14px;overflow-wrap:anywhere}.qpg-color-decisions h2:not(:first-child){margin-block-start:32px}.qpg-contrast-pairs,.qpg-design-examples,.qpg-combination-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 240px),1fr));gap:16px}.qpg-contrast-pair,.qpg-design-example,.qpg-combination{border:1px solid #d9e0e6;border-radius:12px;padding:16px}.qpg-design-example,.qpg-combination{display:flex;flex-direction:column}.qpg-design-example .qpg-example-values,.qpg-combination .qpg-combination-codes{margin-block-start:auto}.qpg-text-sample{padding:20px 14px;border:1px solid #d9e0e6;border-radius:8px;margin-block-end:12px;font-size:16px}.qpg-color-decisions .qpg-contrast-outcome.is-pass{color:#14633b}.qpg-color-decisions .qpg-contrast-outcome.is-fail{color:#ab241c}.qpg-color-decisions .qpg-decision-note{color:#5c6670;font-size:14px;margin-block-start:16px}.qpg-live-example{padding:22px;border-radius:12px;margin-block-end:16px;background:var(--qpg-example-bg);color:var(--qpg-example-text)}.qpg-live-example .qpg-example-kicker{font-size:11px;letter-spacing:.12em}.qpg-live-example .qpg-example-heading{color:var(--qpg-example-heading);font-size:28px;font-weight:700;line-height:1.15}.qpg-live-example .qpg-example-panel{padding:16px;background:var(--qpg-example-surface);color:var(--qpg-example-panel-text);border-radius:8px}.qpg-live-example .qpg-example-action{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--qpg-example-action);color:var(--qpg-example-label);font-weight:600}.qpg-example-values{font-size:13px}.qpg-example-values dt{font-weight:600}.qpg-example-values dd{margin:0 0 10px}.qpg-color-decisions code{font-size:inherit;white-space:nowrap}.qpg-color-decisions .qpg-button{inline-size:100%;max-inline-size:100%;min-inline-size:0;white-space:normal;overflow-wrap:anywhere;margin-block:4px}.qpg-combination-swatches{display:flex;margin-block-end:14px;border:1px solid #d9e0e6;border-radius:8px;overflow:hidden}.qpg-combination-swatches span{flex:1 1 0%;min-block-size:48px}.qpg-combination-codes{display:flex;flex-wrap:wrap;gap:6px 10px}