.brand-guide{--ci-charcoal:#2a2a2a;--ci-yellow:#f5ed25;--ci-paper:#f3f2ed;--ci-muted:#61615e;--ci-line:#d9d8d2;color:#20201f;background:#fff}.ci-shell{width:min(1280px,100%);margin:auto;padding-inline:clamp(20px,4.8vw,68px)}.brand-guide p,.brand-guide figure,.brand-guide blockquote{margin:0}.brand-guide a:focus-visible,.brand-guide button:focus-visible{outline-offset:3px;outline:3px solid #785d00}.ci-overline,.ci-colour-code,.ci-cover-mark figcaption,.ci-tag-head span,.ci-spec dd,.ci-file small{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ci-overline{letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:600}.ci-cover{background:var(--ci-paper);border-bottom:1px solid var(--ci-line)}.ci-cover-grid{grid-template-columns:.83fr 1.17fr;align-items:center;gap:clamp(24px,4vw,68px);padding-block:clamp(45px,6vw,88px);display:grid}.ci-cover-copy .ci-overline{align-items:center;gap:10px;display:flex}.ci-cover-copy .ci-overline:before{content:"";background:repeating-linear-gradient(54deg,var(--ci-charcoal)0 3px,transparent 3px 5px);width:30px;height:9px}.ci-cover h1{letter-spacing:-.074em;margin:30px 0;font-size:clamp(74px,7.9vw,122px);font-weight:600;line-height:.92}.ci-cover h1 em{isolation:isolate;font-style:normal;position:relative}.ci-cover h1 em:before{content:"";background:var(--ci-yellow);z-index:-1;height:16%;position:absolute;inset:auto -2px 13% 4px}.ci-cover-desc{color:#4d4d4a;font-size:clamp(16px,1.4vw,20px);line-height:1.6}.ci-hero-button,.ci-link,.ci-back{justify-content:center;align-items:center;gap:16px;font-weight:500;display:inline-flex}.ci-hero-button{background:var(--ci-charcoal);color:#fff;border-radius:100px;min-height:46px;margin-top:24px;padding:13px 21px}.ci-hero-button:hover{background:#111}.ci-cover-mark{background:var(--ci-charcoal);border-radius:5px;position:relative;overflow:hidden}.ci-cover-mark>img{aspect-ratio:1.35;object-fit:cover;width:100%;height:auto;display:block}.ci-cover-mark figcaption{background:var(--ci-charcoal);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;font-size:11px;display:flex}.ci-index{z-index:20;border-bottom:1px solid var(--ci-line);background:#fff;position:sticky;top:60px}.ci-index .ci-shell{scrollbar-width:thin;gap:clamp(16px,2.4vw,36px);display:flex;overflow-x:auto}.ci-index a{white-space:nowrap;color:#4d4d4a;padding-block:14px;font-size:14px}.ci-index a:hover,.ci-back:hover,.ci-link:hover{text-underline-offset:4px;text-decoration:underline}.ci-section{border-bottom:1px solid var(--ci-line);padding-block:clamp(48px,6.4vw,90px)}.ci-section:last-child{border:0}.ci-section-heading{grid-template-columns:1.12fr .88fr;align-items:end;gap:32px;margin-bottom:30px;display:grid}.ci-section-heading h2{letter-spacing:-.045em;margin-top:10px;scroll-margin-top:115px;font-size:clamp(29px,3.4vw,52px);font-weight:600;line-height:1.18}.ci-section-heading .ci-overline{color:var(--ci-muted)}.ci-section-heading>p,.ci-values p,.ci-notes p,.ci-type-grid p:not(.ci-overline),.ci-pattern-controls p,.ci-field-kit figcaption>p:not(.ci-overline){color:var(--ci-muted);line-height:1.65}.ci-foundation,.ci-logo-grid,.ci-notes,.ci-type-grid,.ci-apps,.ci-app-labels,.ci-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ci-factory-photo{border-radius:4px;min-height:320px;position:relative;overflow:hidden}.ci-factory-photo img{object-fit:cover}.ci-values{align-self:center;padding-inline:clamp(8px,2vw,30px)}.ci-values>div+div{border-top:1px solid var(--ci-line);margin-top:20px;padding-top:16px}.ci-values h3,.ci-pattern-controls h3,.ci-type-grid h3{margin-bottom:6px;font-size:22px;font-weight:600}.ci-logo-example>div{background:var(--ci-charcoal);border-radius:4px;place-items:center;min-height:245px;padding:24px;display:grid}.ci-logo-example.spacing>div{background-color:var(--ci-paper);background-image:linear-gradient(#d7d6d1 1px,#0000 1px),linear-gradient(90deg,#d7d6d1 1px,#0000 1px);background-size:20px 20px}.ci-clear-space{border:1px dashed #555;padding:22px}.ci-logo-example figcaption,.ci-app-labels,.ci-field-kit small{color:#666;margin-top:11px;font-size:13px}.ci-notes{gap:32px;margin-top:24px}.ci-notes strong,.ci-colour-info strong,.ci-colour-info span,.ci-file strong,.ci-file small{display:block}.ci-notes strong{color:#222;font-weight:500}.ci-colours{grid-template-columns:1.2fr 1.2fr 1fr 1fr;display:grid}.ci-colours button{text-align:left;border:1px solid #0001;flex-direction:column;justify-content:space-between;min-height:200px;padding:18px;display:flex}.ci-colours button:hover svg{transform:scale(1.12)}.ci-colour-code{justify-content:space-between;align-items:center;gap:12px;width:100%;font-size:13px;display:flex}.ci-colour-info strong{letter-spacing:-.045em;font-size:clamp(20px,2.2vw,32px);line-height:1.25}.ci-colour-info span{margin-top:4px;font-size:13px}.ci-status{min-height:24px;padding-top:5px;font-size:13px}.ci-type-grid>div{border:1px solid var(--ci-line);border-radius:4px;padding:clamp(22px,3vw,42px)}.ci-type-grid>div+div{background:var(--ci-paper);border-color:var(--ci-paper)}.ci-glyph,.ci-measure{letter-spacing:-.05em;margin:21px 0;font-size:clamp(43px,6vw,78px);font-weight:500;line-height:1.3;display:block}.ci-measure{font-family:var(--font-mono)}.ci-spec>div{border-top:1px solid var(--ci-line);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.ci-pattern-library,.ci-field-kit{border:1px solid var(--ci-line);border-radius:4px;grid-template-columns:1.35fr 1fr;display:grid;overflow:hidden}.ci-pattern-stage{background-position:50%;background-size:cover;min-height:330px}.ci-pattern-controls,.ci-field-kit figcaption{flex-direction:column;justify-content:center;align-items:start;gap:24px;padding:clamp(24px,3.5vw,48px);display:flex}.ci-options{flex-wrap:wrap;gap:6px;display:flex}.ci-options button{border:1px solid var(--ci-line);font:500 12px var(--font-mono);border-radius:999px;padding:7px 11px}.ci-options button[aria-pressed=true]{background:var(--ci-charcoal);color:#fff}.ci-link,.ci-back{font-size:14px}.ci-apps{gap:16px}.ci-catalog-cover,.ci-tag-stage{border-radius:4px;min-height:320px;overflow:hidden}.ci-catalog-cover{background:var(--ci-yellow);flex-direction:column;justify-content:space-between;gap:20px;padding:26px 26px 0;display:flex}.ci-catalog-cover>div,.ci-tag-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ci-catalog-cover strong{letter-spacing:-.05em;font-size:clamp(32px,4vw,58px);font-weight:600;line-height:1.15}.ci-catalog-band{background:url(/brand-ci/n-stripes.svg) 50%/100%;height:54px;margin:0 -26px}.ci-tag-stage{background:var(--ci-paper);place-items:center;padding:25px;display:grid}.ci-tag{border:1px solid #bbb;border-top:8px solid var(--ci-yellow);background:#fff;width:min(100%,345px);padding:22px;transform:rotate(-3deg)}.ci-tag-head span{font-size:9px}.ci-tag>strong{font:600 clamp(37px,4.2vw,62px)var(--font-mono);letter-spacing:-.065em;margin-top:10px;display:block}.ci-tag-rule{height:18px}.ci-tag .ci-spec{font-size:12px}.ci-app-labels{gap:16px}.brand-guide .ci-field-kit{background:var(--ci-charcoal);color:#fff;border:0;margin-top:30px}.ci-field-kit img{object-fit:cover;width:100%;height:100%;min-height:240px}.ci-field-kit figcaption>p:not(.ci-overline),.ci-field-kit small{color:#ddd}.ci-field-kit figcaption{gap:14px}.ci-field-kit h3{font-size:clamp(24px,2.7vw,40px);font-weight:500;line-height:1.25}.ci-voice{grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px;display:grid}.ci-voice blockquote{border-left:5px solid var(--ci-yellow);background:var(--ci-paper);padding:24px 28px;font-size:clamp(18px,2vw,26px)}.ci-download .ci-hero-button{margin-top:0}.ci-files{gap:0 32px;margin-block:28px}.ci-file{border-bottom:1px solid var(--ci-line);justify-content:space-between;align-items:center;gap:10px;padding:15px 0;display:flex}.ci-file strong{font-weight:500}.ci-file small{color:var(--ci-muted);font-size:12px}.ci-file:hover strong{text-decoration:underline}@media (max-width:760px){.ci-cover-grid,.ci-foundation,.ci-section-heading,.ci-voice,.ci-pattern-library,.ci-field-kit{grid-template-columns:1fr}.ci-cover-grid{gap:28px;padding-block:36px}.ci-cover h1{margin:22px 0 18px;font-size:clamp(64px,14vw,94px)}.ci-cover-mark>img{aspect-ratio:1.7}.ci-section-heading{gap:12px;margin-bottom:22px}.ci-colours{grid-template-columns:1fr 1fr}.ci-colours button{min-height:150px}.ci-values{padding:6px 0 0}.ci-factory-photo{aspect-ratio:1.6;min-height:0}.ci-pattern-stage{min-height:210px}.ci-logo-example>div{min-height:160px;padding:16px}.ci-logo-example img{max-width:100%;height:auto}.ci-clear-space{padding:10px}.ci-index{top:58px}}@media (max-width:520px){.ci-type-grid,.ci-files,.ci-apps,.ci-notes{grid-template-columns:1fr}.ci-app-labels{display:none}.ci-logo-grid,.ci-foundation{gap:12px}.ci-logo-example>div{min-height:145px}.ci-pattern-controls{gap:16px}.ci-cover h1 br{display:none}.ci-cover h1 em:before{height:12%}.ci-cover h1 em{width:fit-content;display:block}.ci-tag-stage,.ci-catalog-cover{min-height:275px}}