@layer sections{.brand{padding-block:clamp(2.5rem, 2rem + 4vw, 6rem) var(--section-space);gap:2.5rem 5rem;display:grid}.brand__head{gap:.875rem;max-inline-size:50rem;display:grid}.brand__title{font-size:var(--step-4);letter-spacing:-.02em;font-weight:700}.brand__intro{max-inline-size:58ch;font-size:var(--step-1);line-height:1.45}.brand__kit{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block-start:.5rem;display:flex}.brand__kit-size{color:var(--ink-2);font-size:var(--step--1)}.brand__toc-title{font-size:var(--step--1);letter-spacing:0;margin-block-end:.625rem;font-weight:600}.brand__toc ul{font-size:var(--step--1);gap:.375rem;display:grid}.brand__toc a{color:var(--ink-2);text-decoration:none}.brand__toc a:hover{color:var(--ink);text-decoration:underline}.brand__body{gap:clamp(3.5rem,2.5rem + 4vw,6.5rem);min-inline-size:0;display:grid;container:section/inline-size}.brand__section{align-content:start;gap:1.25rem;display:grid}.brand__section-title{font-size:var(--step-3);letter-spacing:-.02em;font-weight:700}.brand__lead{max-inline-size:62ch;font-size:var(--step-1);line-height:1.45}.brand__note{color:var(--ink-2);font-size:var(--step--1)}@media (width>=64rem){.brand{grid-template-columns:minmax(10rem,13rem) minmax(0,1fr);grid-template-areas:"head head""toc body"}.brand__head{grid-area:head}.brand__body{grid-area:body}.brand__toc{grid-area:toc;align-self:start;position:sticky;inset-block-start:2rem}}.on-light{background:var(--brand-marble)}.on-dark{background:var(--brand-vault)}.brand-mark{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"construction construction""light dark"}@container section (width>=52rem){.brand-mark{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"construction light""construction dark"}}.brand-mark__construction{grid-area:construction;align-content:center;justify-items:center;gap:1rem;margin:0;display:grid}.brand-mark__construction figcaption{max-inline-size:36ch;color:var(--ink-2);font-size:var(--step--1);text-align:center}.brand-mark__tile{place-items:center;min-block-size:12rem;display:grid}.brand-mark__tile:nth-child(2){grid-area:light}.brand-mark__tile:nth-child(3){grid-area:dark}.brand-mark__tile img{block-size:auto;inline-size:clamp(4.5rem,3rem + 5vw,7rem)}.construction{block-size:auto;inline-size:min(100%,22rem);overflow:visible}.construction__grid{stroke:var(--grout);stroke-width:1px}.construction__tile{fill:var(--ink);fill-opacity:.88}.construction__gold{fill:var(--gold);fill-opacity:.92}.construction__labels{fill:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.brand-rules{gap:1.25rem 2rem;margin:.5rem 0 0;display:grid}.brand-rules dt{margin-block-end:.25rem;font-weight:650}.brand-rules dd{color:var(--ink-2);font-size:var(--step--1);margin:0}@container section (width>=52rem){.brand-rules{grid-template-columns:repeat(3,minmax(0,1fr))}}.brand-lockups{gap:2.5rem 1.5rem;display:grid}@container section (width>=52rem){.brand-lockups{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-lockup:is([data-lockup=logo],[data-lockup=mark]){grid-column:1/-1}}.brand-lockup{gap:.75rem;margin:0;display:grid}.brand-lockup figcaption{font-size:var(--step--1);color:var(--ink-2)}.brand-lockup figcaption strong{color:var(--ink);font-weight:650}.brand-lockup__pair{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-lockup__pair .slab{place-items:center;min-block-size:9rem;padding:clamp(1rem,.5rem + 2vw,2rem);display:grid}.brand-lockup__pair img{block-size:auto;max-block-size:3.25rem;max-inline-size:100%}.brand-lockup[data-lockup=logo-compact] img{max-block-size:4rem}.brand-lockup[data-lockup=logo-stacked] img{max-block-size:6.5rem}.brand-lockup[data-lockup=mark] img{max-block-size:4.5rem}.brand-endorsement img{max-block-size:1.75rem}.brand-files{font-size:var(--step--1);flex-wrap:wrap;gap:.25rem 1rem;display:flex}.brand-files__label{color:var(--ink-2)}.brand-swatches{margin:0;padding:0;list-style:none}.brand-swatch{grid-template-rows:auto auto auto;grid-template-columns:3.5rem minmax(0,1fr);align-items:start;column-gap:1rem;padding:1rem;display:grid}.brand-swatch__chip{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--swatch);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 14%, transparent);grid-row:1/-1}.brand-swatch__name{font-size:var(--step-0);font-weight:650}.brand-swatch__role{color:var(--ink-2);font-size:var(--step--1)}.brand-swatch__values{color:var(--ink-2);font-size:var(--step--1);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:0 .75rem;display:flex}@container section (width>=34rem){.brand-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-swatch{grid-template-rows:auto;grid-template-columns:1fr;row-gap:.25rem;padding:clamp(.875rem,.5rem + 1vw,1.5rem)}.brand-swatch__chip{aspect-ratio:5/3;grid-row:auto;margin-block-end:.625rem}}.brand-color-notes{gap:1.5rem 3rem;margin-block-start:.5rem;display:grid}@container section (width>=52rem){.brand-color-notes{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}.brand-proportion{gap:.625rem;margin:0;display:grid}.brand-proportion figcaption{color:var(--ink-2);font-size:var(--step--1)}.brand-proportion__bar{gap:var(--grout-w);border:var(--grout-w) solid var(--grout);background:var(--grout);grid-template-columns:60fr 25fr 10fr 5fr;block-size:3rem;display:grid}.brand-proportion__bar span:first-child{background:var(--brand-marble)}.brand-proportion__bar span:nth-child(2){background:var(--brand-ink)}.brand-proportion__bar span:nth-child(3){background:var(--brand-lapis)}.brand-proportion__bar span:nth-child(4){background:var(--brand-smalti)}.brand-contrast{border-collapse:collapse;inline-size:100%;font-size:var(--step--1)}.brand-contrast caption{text-align:start;margin-block-end:.5rem;font-weight:650}.brand-contrast th,.brand-contrast td{border-block-end:1px solid var(--grout);text-align:start;padding-block:.375rem}.brand-contrast th{color:var(--ink-2);font-weight:400}.brand-contrast td{font-variant-numeric:tabular-nums;text-align:end}.brand-type{grid-template-columns:1fr}@container section (width>=60rem){.brand-type{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.brand-type__widths{align-content:center;gap:.75rem;display:grid}.brand-type__sample{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 1rem;line-height:1;display:flex}.brand-type__sample[data-width="100"] .brand-type__text{font-stretch:100%}.brand-type__sample[data-width="88"] .brand-type__text{font-stretch:88%}.brand-type__sample[data-width="75"] .brand-type__text{font-stretch:75%}.brand-type__text{letter-spacing:-.01em;white-space:nowrap;font-size:clamp(1.75rem,1rem + 3.2cqi,3.5rem);font-weight:800}.brand-type__label,.brand-type__use{color:var(--ink-2);font-size:var(--step--1);font-variant-numeric:tabular-nums}.brand-type__weights{align-content:center;gap:1rem;margin:0;list-style:none;display:grid}.brand-type__weights li{grid-template-columns:auto 1fr;grid-template-areas:"glyphs name""glyphs use";align-items:center;column-gap:1rem;display:grid}.brand-type__weights li[data-weight="400"] .brand-type__glyphs{font-weight:400}.brand-type__weights li[data-weight="650"] .brand-type__glyphs{font-weight:650}.brand-type__weights li[data-weight="800"] .brand-type__glyphs{font-weight:800}.brand-type__glyphs{grid-area:glyphs;font-size:2.5rem;line-height:1}.brand-type__weight-name{grid-area:name;font-weight:600}.brand-type__use{grid-area:use}.brand-voice{margin:0;padding:0;list-style:none}@container section (width>=40rem){.brand-voice{grid-template-columns:repeat(2,minmax(0,1fr))}}@container section (width>=84rem){.brand-voice{grid-template-columns:repeat(4,minmax(0,1fr))}}.brand-voice__item{align-content:start;gap:.625rem;display:grid}.brand-voice__title{font-size:var(--step-0);font-weight:650}.brand-voice__yes,.brand-voice__no{gap:.125rem;display:grid}.brand-voice__no{color:var(--ink-2)}.brand-voice__no s{-webkit-text-decoration-color:color-mix(in oklab, var(--danger) 70%, transparent);text-decoration-color:color-mix(in oklab, var(--danger) 70%, transparent);text-decoration-thickness:1.5px}.brand-voice__label{color:var(--ink-2);font-size:var(--step--1);font-weight:600}.brand-list{gap:.5rem;max-inline-size:62ch;display:grid}.brand-list li{padding-inline-start:1.125rem;position:relative}.brand-list li:before{content:"";opacity:.55;background:currentColor;border-radius:1px;block-size:.4375rem;inline-size:.4375rem;position:absolute;inset-block-start:.6em;inset-inline-start:0}.brand-boilerplate{margin-block-start:.5rem}.brand-boilerplate .slab{align-content:start;gap:.5rem;display:grid}.brand-boilerplate p{max-inline-size:62ch}@container section (width>=60rem){.brand-boilerplate{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.brand-boilerplate__title{color:var(--ink-2);font-size:var(--step--1);font-weight:600}}