@font-face{font-family:Pepper Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/branding/Montserrat-Bold.ttf)format("truetype")}.brand-page{padding-bottom:var(--space-section)}.brand-page .page-intro-copy{max-width:660px}.brand-signature{border:1px solid var(--rule);background:var(--paper);border-radius:6px;grid-template-columns:3fr 1fr;display:grid;overflow:hidden}.brand-primary,.brand-signature-mark{flex-direction:column;min-width:0;display:flex}.brand-primary-art,.brand-signature-mark-art{flex:1;justify-content:center;align-items:center;min-height:350px;padding:50px;display:flex}.brand-primary-art img{width:min(100%,560px);height:auto}.brand-signature-mark{background:var(--red);color:#fff}.brand-signature-mark-art img{width:min(100%,140px);height:auto}.brand-signature figcaption,.brand-icon figcaption{justify-content:space-between;align-items:center;gap:24px;padding:16px 28px;font-size:14px;display:flex}.brand-signature figcaption small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.brand-signature-mark figcaption{flex-wrap:wrap;gap:0 20px}.brand-file{justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:14px;line-height:1.4;display:flex}.brand-file svg{flex-shrink:0}.brand-file.direction-link{gap:22px}.brand-file:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=767px){.brand-file.direction-link{gap:16px;font-size:13px;display:inline-flex}}.brand-index{border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:0 40px;margin-top:28px;display:flex}.brand-index a{align-items:center;min-height:58px;font-size:14px;display:inline-flex}.brand-index a:hover{color:var(--blue)}.brand-section{margin-top:var(--space-section)}.brand-section-heading{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-bottom:40px;display:grid}.brand-page h2{letter-spacing:-.05em;text-wrap:initial;font-size:clamp(40px,4.5vw,64px);font-weight:500;line-height:1.04}.brand-section-heading>p,.brand-section-copy>p{color:var(--muted);max-width:52ch;font-size:18px;line-height:1.6}.brand-section-copy>p{max-width:32ch;margin-top:24px}.brand-family-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.brand-family{min-width:0}.brand-family-art{border:1px solid var(--rule);background:var(--paper);border-radius:4px;justify-content:center;align-items:center;height:220px;padding:28px;display:flex}.brand-family-art img{object-fit:contain;width:100%;height:100%}.brand-family-art-stacked img{max-width:140px}.brand-family h3{letter-spacing:-.03em;margin-top:22px;font-size:24px}.brand-family>p{min-height:48px;color:var(--muted);margin-top:8px;font-size:15px;line-height:1.6}.brand-family-files{border-top:1px solid var(--rule);margin-top:20px}.brand-family-files .brand-file{border-bottom:1px solid var(--rule);min-height:48px;padding-block:10px}.brand-file-secondary{color:var(--muted);font-size:12px}.brand-icon-section,.brand-type-section,.brand-usage{padding-top:var(--space-section);border-top:1px solid var(--rule);grid-template-columns:1fr 2fr;gap:60px;display:grid}.brand-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.brand-icon{background:var(--paper);border:1px solid var(--rule);min-width:0}.brand-icon-white{background:var(--ink);border-color:var(--ink);color:#fff}.brand-icon-art{justify-content:center;align-items:center;min-height:280px;padding:40px;display:flex}.brand-icon-art img{width:min(100%,155px);height:auto}.brand-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-app .brand-icon-art img{width:min(100%,220px)}@media (width<=639px){.brand-app-grid{grid-template-columns:1fr}}.brand-icon .brand-file{min-width:70px}.brand-palette{grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:20px;display:grid}.brand-colour{min-width:0}.brand-swatch{border:1px solid var(--rule);border-radius:3px;align-items:flex-end;min-height:180px;padding:20px;display:flex}.brand-swatch code{font:12px var(--font-mono)}.brand-colour h3{text-wrap:initial;margin-top:16px;font-size:18px}.brand-colour>p{color:var(--muted);margin-top:4px;font-size:13px}.brand-type-specimen{border-top:1px solid var(--rule);padding-block:18px 30px}.brand-type-specimen+.brand-type-specimen{padding-top:28px}.brand-type-meta{justify-content:space-between;align-items:center;gap:24px;font-size:14px;display:flex}.brand-type-sample{letter-spacing:-.04em;margin-block:26px 20px;font-family:Pepper Montserrat,Arial,sans-serif;font-size:clamp(28px,3.5vw,48px);line-height:1.25}.brand-type-alphabet{overflow-wrap:anywhere;color:var(--muted);font-family:Pepper Montserrat,Arial,sans-serif;font-size:14px;line-height:1.8}.brand-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.brand-related h3{letter-spacing:-.03em;text-wrap:initial;font-size:24px;line-height:1.2}.brand-related p{color:var(--muted);margin-block:16px 20px;font-size:16px;line-height:1.6}@media (width<=1099px){.brand-signature{grid-template-columns:2fr 1fr}.brand-primary-art,.brand-signature-mark-art{min-height:290px;padding:38px}.brand-signature figcaption{flex-wrap:wrap;gap:4px 20px;padding:16px 24px}.brand-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.brand-section-heading,.brand-icon-section,.brand-type-section,.brand-usage{gap:36px}.brand-icon-section,.brand-type-section,.brand-usage{grid-template-columns:1fr}.brand-section-copy>p{max-width:55ch}.brand-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-colour:first-child{grid-column:1/-1}.brand-colour:first-child .brand-swatch{min-height:150px}}@media (width<=767px){.brand-signature{grid-template-columns:1fr}.brand-primary-art{min-height:240px;padding:36px}.brand-signature-mark{flex-direction:row;align-items:center}.brand-signature-mark-art{flex:none;width:40%;min-height:150px;padding:28px}.brand-signature-mark-art img{width:min(100%,85px)}.brand-signature-mark figcaption{flex:1;padding:20px 22px 20px 0;display:block}.brand-signature-mark .brand-file{justify-content:flex-start;margin-top:8px}.brand-index{gap:0 26px;margin-top:20px}.brand-index a{min-height:48px;font-size:13px}.brand-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.brand-page h2{font-size:42px}.brand-section-heading>p,.brand-section-copy>p{font-size:17px}.brand-family-grid{gap:32px 20px}.brand-family-art{height:170px;padding:20px}.brand-family h3{margin-top:18px;font-size:22px}.brand-family>p{font-size:14px}.brand-family-files .brand-file{gap:10px;font-size:13px}.brand-family-files .brand-file-secondary{font-size:12px}.brand-icon-art{min-height:210px;padding:28px}.brand-icon figcaption{flex-wrap:wrap;gap:0 15px;padding:12px 20px}.brand-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.brand-swatch{min-height:130px;padding:16px}.brand-type-meta{flex-wrap:wrap;gap:0 20px}.brand-type-sample{margin-top:20px;font-size:clamp(25px,6.5vw,40px)}.brand-type-alphabet{font-size:12px}.brand-related{grid-template-columns:1fr;gap:32px}}@media (width<=479px){.brand-icon figcaption{flex-direction:column;align-items:stretch}.brand-icon figcaption>span{min-height:28px}.brand-family-grid{grid-template-columns:1fr}.brand-family-art{height:200px;padding:30px}.brand-family>p{min-height:0}.brand-family-files{margin-top:16px}.brand-icon-art{min-height:170px;padding:25px}}