.brand-guide{--brand-light:oklch(97% .012 80);--brand-dark:oklch(25% .03 260);--brand-light-ink:oklch(92% .01 260);--brand-dark-ink:oklch(24.64% .051 37.49)}.brand-hero{width:min(var(--layout-intro-max),calc(100% - 64px));margin-inline:auto;padding-block:56px 48px}.brand-hero .design-lead{max-width:62ch}.brand-hero-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.brand-panel{border:1px solid var(--line);justify-items:center;gap:18px;margin:0;padding:clamp(28px,5vw,56px) 20px 18px;display:grid}.brand-panel .brand-lockup{--lockup-height:clamp(60px,8.5vw,116px)}.brand-panel figcaption{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.brand-panel-light{background:var(--brand-light);color:var(--brand-dark-ink)}.brand-panel-dark{background:var(--brand-dark);color:var(--brand-light-ink)}.brand-do-dont{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.brand-do-dont>div{border:1px solid var(--line);padding:16px 18px}.brand-do-dont>div:first-child{box-shadow:inset 3px 0 var(--green)}.brand-do-dont>div:last-child{box-shadow:inset 3px 0 var(--red,oklch(60% .18 25))}.brand-do-dont p{margin:6px 0 0}.brand-construction{background:var(--brand-light);color:var(--brand-dark-ink);border:1px solid var(--line);margin:24px 0 28px;padding:28px 24px 18px}.brand-construction-art{width:fit-content;max-width:100%;margin-inline:auto;padding-right:104px;position:relative}.brand-construction-art .brand-lockup{--lockup-height:clamp(54px,12vw,140px)}.brand-guide-line{pointer-events:none;border-top:1px dashed oklch(55% .16 0);position:absolute;left:0;right:0}.brand-guide-line:after{content:attr(data-label);background:var(--brand-light);color:oklch(45% .12 0);padding-left:6px;font-size:11px;position:absolute;right:0;transform:translateY(-50%)}.brand-guide-top{top:3%}.brand-guide-cap{top:25.8%}.brand-guide-base{top:67%}.brand-guide-bottom{top:96.2%}.brand-construction figcaption{text-align:center;margin-top:14px;font-size:13px}.brand-clearspace,.brand-min-sizes{background:var(--brand-light);color:var(--brand-dark-ink);border:1px solid var(--line);align-items:center;gap:14px;margin-top:14px;padding:16px;display:flex}.brand-clearspace .brand-lockup{--lockup-height:48px;outline-offset:-1px;outline:1px dashed oklch(55% .16 0);padding:15.264px}.brand-min-sizes .brand-lockup{--lockup-height:24px}.brand-min-sizes>span{font-size:12px}.brand-icon-sizes{border:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:24px;margin-top:20px;padding:24px;display:flex}.brand-icon-sizes figure{justify-items:center;gap:8px;margin:0;display:grid}.brand-icon-sizes img{height:auto;display:block}.brand-icon-sizes figcaption{color:var(--muted);font-size:12px}.brand-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.brand-swatches li{gap:3px;font-size:13px;display:grid}.brand-swatch{border:1px solid var(--line);height:56px;margin-bottom:6px;display:block}.brand-swatches code{font-size:12px}.brand-swatches li>span:last-child{color:var(--muted);font-size:12px}.brand-type-specimen{border:1px solid var(--line);gap:14px;margin-top:20px;padding:24px;display:grid}.brand-type-wordmark .brand-wordmark{--wordmark-height:clamp(36px,6vw,64px)}.brand-type-specimen p{margin:0}.brand-type-heading{font:400 var(--type-card-size,22px)/1.2 var(--font-heading)}.brand-type-body{max-width:60ch}.brand-misuse{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 0;padding:0;list-style:none;display:grid}.brand-misuse li{gap:10px;font-size:13px;display:grid}.brand-misuse li>span:before{content:"✕ ";color:var(--red,oklch(60% .18 25));font-weight:700}.brand-misuse-art{background:var(--brand-light);min-height:120px;color:var(--brand-dark-ink);border:1px solid var(--line);place-items:center;padding:16px;display:grid;overflow:hidden}.brand-misuse-art .brand-lockup{--lockup-height:50px}.brand-misuse-stretch .brand-lockup svg{transform:scaleX(1.35)}.brand-misuse-shadow .brand-lockup svg{filter:drop-shadow(4px 5px oklch(0% 0 0/.6))}.brand-misuse-recolour .brand-lockup svg{filter:hue-rotate(150deg)}.brand-misuse-dark{background:var(--brand-dark)}.brand-misuse-dark img{width:186px;height:auto;display:block}.brand-files{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.brand-files li{border-top:1px solid var(--line);grid-template-columns:minmax(200px,280px) minmax(0,1fr);align-items:baseline;gap:4px 18px;padding:10px 0;display:grid}.brand-files a{align-items:center;min-height:44px;display:inline-flex}.brand-files span{color:var(--muted);font-size:13px}@media (width<=760px){.brand-hero{width:calc(100% - 36px);padding-block:36px 32px}.brand-hero-panels,.brand-do-dont,.brand-misuse{grid-template-columns:1fr}.brand-construction-art{padding-bottom:4px;padding-right:0}.brand-guide-line:after{display:none}.brand-files li{grid-template-columns:1fr}}.brand-guide .design-identity-spec dd,.brand-guide code{overflow-wrap:anywhere}