.cl-client-brand h2{font-size:21px}.cl-brand-document{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.cl-brand-document h3,.cl-brand-document h4{margin-top:24px}.cl-brand-document dl{padding:12px;background:var(--surface-soft,#faf9f6);border-radius:8px}.cl-brand-document dt{font-weight:bold}.cl-brand-document dd{margin:4px 0 12px}.cl-brand-table{overflow-x:auto}.cl-brand-table th,.cl-brand-table td{padding:10px;text-align:left;border-bottom:1px solid #d9ddd8}.cl-tour-layer{position:fixed;inset:0;z-index:10000;pointer-events:none}.cl-tour-highlight{position:fixed;border:3px solid #deae40;border-radius:10px;box-shadow:0 0 0 9999px rgba(18,40,29,.3);pointer-events:none;box-sizing:border-box}.cl-tour-card{position:fixed;pointer-events:auto;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow-y:auto;background:#fff;color:#1b4332;border:2px solid #1b4332;border-radius:14px;padding:22px;font-family:Comfortaa,Raleway,sans-serif;box-shadow:0 12px 48px #0003}.cl-tour-card h2{font-size:20px;line-height:1.4;margin:10px 0}.cl-tour-card p{font-size:13px;line-height:1.8}.cl-tour-card .cl-tour-hint{font-size:11px;color:#52685a}.cl-tour-card button{font:inherit;font-size:12px;min-height:44px;border:1px solid #95b39c;border-radius:8px;padding:10px 14px;background:#fff;color:#1b4332;cursor:pointer}.cl-tour-card .trial-primary{background:#1b4332;color:#fff}.cl-tour-card .cl-tour-close{float:right}.cl-tour-card :focus-visible{outline:3px solid #deae40;outline-offset:3px}.cl-tour-card .trial-step{clear:both;font-size:11px;margin-top:0}@media(max-width:480px){.cl-tour-card{padding:16px}.cl-tour-card h2{font-size:18px}.cl-tour-card p{font-size:12px}.cl-tour-card .trial-actions{margin-top:12px}}
.cl-brand-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:14px 0}
.cl-brand-photo{margin:0;background:var(--surface-soft,#faf9f6);border:1px solid #d9ddd8;border-radius:10px;overflow:hidden}
.cl-brand-photo img{display:block;width:100%;height:140px;object-fit:cover;background:#eee}
.cl-brand-photo figcaption{font-size:11px;line-height:1.5;padding:8px;color:#52685a;overflow-wrap:anywhere}
.cl-brand-upload{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.cl-brand-upload label{font-size:13px;color:#1b4332}
.cl-brand-upload input[type=file]{font:inherit;font-size:13px;max-width:100%}
@media(max-width:480px){.cl-brand-photos{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.cl-brand-photo img{height:110px}}
.cl-brand-answers{margin-top:12px}
.cl-brand-answer{padding:12px;margin:10px 0;background:var(--surface-soft,#faf9f6);border-radius:8px}
.cl-brand-answer h3{font-size:14px;margin:0 0 6px;color:#1b4332;line-height:1.5}
.cl-brand-answer p{font-size:13px;line-height:1.8;margin:0;overflow-wrap:anywhere}

/* THE FIGURES IN A CLIENT'S BRAND DOCUMENT, 22 Sep 2026. Forest, Growth, Mid
   green, Sage, Ivory and Mist, the house palette, so a client's own colours are
   the only ones competing for attention on the page. */
.cl-fig-statement{font-size:19px;line-height:1.6;color:#1B4332;background:#F3EEE7;border-left:4px solid #52B788;border-radius:10px;padding:18px 22px;margin:18px 0}
.cl-fig-quote{font-size:17px;line-height:1.7;color:#2D6A4F;font-style:italic;border-left:4px solid #95B39C;padding:6px 0 6px 20px;margin:18px 0}
.cl-fig-words{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.cl-fig-word{font-size:13px;line-height:1;padding:10px 14px;border-radius:999px;background:#F3EEE7;color:#1B4332;border:1px solid #D9DDD8}
.cl-fig-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:16px 0}
.cl-fig-swatch{display:flex;flex-direction:column;gap:3px}
.cl-fig-chip{height:64px;border-radius:10px}
.cl-fig-chip-keyline{box-shadow:inset 0 0 0 1px #4A4A4A}
.cl-fig-swatch-name{font-size:13px;color:#1B4332;font-weight:bold;margin-top:6px}
.cl-fig-swatch-hex{font-size:11px;color:#4A4A4A;letter-spacing:.04em}
.cl-fig-swatch-use{font-size:11px;line-height:1.5;color:#4A4A4A}
.cl-fig-bar{display:flex;width:100%;height:22px;border-radius:999px;overflow:hidden;margin:18px 0 12px;background:#D9DDD8}
.cl-fig-seg{display:block;height:100%}
.cl-fig-seg-1{background:#1B4332}
.cl-fig-seg-2{background:#2D6A4F}
.cl-fig-seg-3{background:#52B788}
.cl-fig-seg-4{background:#95B39C}
.cl-fig-key{display:grid;gap:8px;margin-bottom:18px}
.cl-fig-key-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:13px;color:#1B4332}
.cl-fig-dot{width:11px;height:11px;border-radius:3px;flex:0 0 auto}
.cl-fig-key-label{flex:1 1 auto;min-width:0}
.cl-fig-key-value{font-weight:bold}
.cl-fig-key-note{flex:0 0 100%;font-size:12px;color:#4A4A4A;padding-left:21px}
.cl-fig-type{background:#F3EEE7;border-radius:10px;padding:22px;margin:16px 0}
.cl-fig-type-sample{font-size:28px;line-height:1.35;color:#1B4332;margin:0}
.cl-fig-type-name{font-size:12px;color:#4A4A4A;margin:10px 0 0;letter-spacing:.06em;text-transform:uppercase}
.cl-fig-note{border:1px solid #D9DDD8;border-radius:10px;padding:18px 20px;margin:18px 0;background:#fff}
.cl-fig-note h3{font-size:15px;color:#1B4332;margin:0 0 8px}
.cl-fig-note p{font-size:14px;line-height:1.7;color:#4A4A4A;margin:0}
@media(max-width:480px){.cl-fig-swatches{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.cl-fig-statement{font-size:17px;padding:16px 18px}.cl-fig-type-sample{font-size:22px}}