.brand-preview{--brand-color:#d6ad6c;--brand-hue:0deg}
.brand-preview .brand-demo h2 em,.brand-preview .brand-demo-eyebrow,.brand-preview .brand-demo-name::after{color:var(--brand-color)}
.brand-preview .brand-demo-cta,.brand-preview .brand-demo-eyebrow::before{background:var(--brand-color)}
.brand-preview .brand-demo-orbit{filter:hue-rotate(var(--brand-hue))}
.brand-preview .brand-demo-cta:hover{filter:brightness(1.12)}
.brand-colors{border:0;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.brand-colors legend{font-size:12px;margin-bottom:10px;color:var(--muted)}
.brand-colors button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:var(--paper);color:var(--ink);font:inherit;font-size:11px;cursor:pointer}
.brand-colors button::before{content:'';width:12px;height:12px;border-radius:50%;background:var(--swatch)}
.brand-colors button[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.brand-colors button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.materials{padding:55px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px;display:grid;grid-template-columns:1fr 1.15fr;gap:65px}
.materials h3{font-size:clamp(26px,3vw,37px);font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:0 0 16px}
.materials p{font-size:13px;color:var(--muted);max-width:40ch}
.materials ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.materials li{font-size:12px;line-height:1.6;color:var(--muted)}
.materials strong{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}
.materials .quiet-link{display:inline-block;margin-top:12px;font-size:12px}
.metrics-note{font-size:10px;color:var(--muted);max-width:65ch;margin:20px auto 0;padding:0 24px;text-align:center}
@media(max-width:600px){.materials{grid-template-columns:1fr;gap:25px;padding-block:32px;margin-top:30px}.materials ul{gap:22px 18px}.brand-colors{gap:8px}.brand-colors button{padding:9px 10px}}