.brand-page{gap:var(--sp-64);flex-direction:column;margin-block-start:-8px;display:flex}@media (width>=960px){.brand-page{gap:96px;margin-block-start:0}}:where(.brand-page) p,:where(.brand-page) h1,:where(.brand-page) h2,:where(.brand-page) h3{margin:0}.brand-h1{font-size:var(--fs-40);line-height:var(--lh-40);text-wrap:pretty;font-weight:500}.brand-h2{font-size:var(--fs-24);line-height:var(--lh-24);font-weight:500}.brand-h3{font-size:var(--fs-20);line-height:var(--lh-20);font-weight:500}.brand-h4{font-size:var(--fs-16);line-height:var(--lh-16);font-weight:500}.brand-small{font-size:var(--fs-14);line-height:var(--lh-14);color:var(--ink-2);text-wrap:pretty}.brand-strong{font-weight:500}.brand-section{gap:var(--sp-16);flex-direction:column;display:flex}.brand-head-text{gap:var(--sp-8);flex-direction:column;display:flex}.brand-head-text p{text-wrap:pretty}@media (width>=960px){.brand-section{gap:var(--sp-20)}}.brand-hero{gap:var(--sp-24);flex-direction:column;display:flex}.brand-hero-copy{gap:var(--sp-16);flex-direction:column;align-items:flex-start;display:flex}.brand-lead{color:var(--ink-2);text-wrap:pretty}.brand-actions{gap:var(--sp-8);flex-direction:column;align-self:stretch;display:flex}.brand-actions .btn{gap:var(--sp-8)}.brand-hero-logo{block-size:200px;padding:var(--sp-24);border:var(--b-panel);border-radius:var(--r-8);background:#080808;justify-content:center;align-items:center;display:flex}.brand-hero-logo img{block-size:auto;max-block-size:48px;max-inline-size:100%;display:block}@media (width>=640px){.brand-actions{flex-direction:row;align-self:auto}.brand-hero-logo{block-size:280px}.brand-hero-logo img{max-block-size:64px}}@media (width>=960px){.brand-hero{column-gap:var(--sp-48);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.brand-hero-logo{block-size:360px}}@media (width>=1280px){.brand-hero{grid-template-columns:minmax(0,1fr) 520px;column-gap:56px}}.brand-tone-input{clip-path:inset(50%);opacity:0;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.brand-logos{position:relative}.brand-logos-head{gap:var(--sp-16);flex-direction:column;display:flex}.brand-tones{gap:var(--sp-8);flex-wrap:wrap;display:flex}.brand-tone{box-sizing:border-box;min-block-size:var(--btn-h);padding:0 var(--sp-16);align-items:center;gap:var(--sp-8);background:var(--plate);border:1px solid var(--line);border-radius:var(--r-6);cursor:pointer;font-weight:500;display:inline-flex}.brand-tone-dot{border:1px solid var(--line);border-radius:var(--r-4);flex:none;justify-content:center;align-items:center;block-size:18px;inline-size:18px;display:inline-flex}.brand-tone-dot i{border-radius:2px;block-size:8px;inline-size:4px;display:block}.brand-logos:has(#tone-standard:checked) label[for=tone-standard],.brand-logos:has(#tone-reverse:checked) label[for=tone-reverse],.brand-logos:has(#tone-black:checked) label[for=tone-black],.brand-logos:has(#tone-white:checked) label[for=tone-white]{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-ink)}.brand-logos:has(.brand-tone-input:focus-visible) .brand-tone{outline-offset:2px}.brand-logos:has(#tone-standard:focus-visible) label[for=tone-standard],.brand-logos:has(#tone-reverse:focus-visible) label[for=tone-reverse],.brand-logos:has(#tone-black:focus-visible) label[for=tone-black],.brand-logos:has(#tone-white:focus-visible) label[for=tone-white]{outline:2px solid var(--focus)}.brand-logos [data-tone]{--show:block;display:none}.brand-logos .brand-links[data-tone]{--show:flex}@supports selector(:has(*)){.brand-logos:has(#tone-standard:checked) [data-tone=standard],.brand-logos:has(#tone-reverse:checked) [data-tone=reverse],.brand-logos:has(#tone-black:checked) [data-tone=black],.brand-logos:has(#tone-white:checked) [data-tone=white]{display:var(--show)}}@supports not selector(:has(*)){.brand-logos [data-tone=standard]{display:var(--show)}.brand-tones{display:none}}.brand-cards{gap:var(--sp-16);grid-template-columns:minmax(0,1fr);display:grid}.brand-card{padding:var(--sp-4);flex-direction:column;display:flex}.brand-preview{block-size:180px;padding:var(--sp-24);border-radius:var(--r-4);background:#efebe7;justify-content:center;align-items:center;display:flex}.brand-logos:has(#tone-reverse:checked) .brand-preview{background:#080808}.brand-logos:has(#tone-black:checked) .brand-preview{background:#fff}.brand-logos:has(#tone-white:checked) .brand-preview{background:#000}.brand-preview-img{inline-size:auto;max-inline-size:100%}.brand-card-body{padding:var(--sp-16);gap:var(--sp-8);flex-direction:column;flex:1;display:flex}.brand-card-body .muted{text-wrap:pretty}.brand-downloads{gap:var(--sp-8);flex-wrap:wrap;margin-block-start:var(--sp-4);display:flex}.brand-links{gap:var(--sp-8);display:flex}.brand-dl{gap:var(--sp-8);font-size:var(--fs-14);line-height:var(--lh-14);padding-inline:14px}.brand-small-row{justify-content:space-between;align-items:center;gap:var(--sp-8) var(--sp-16);flex-wrap:wrap;display:flex}@media (width>=640px){.brand-logos-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-16) var(--sp-24);flex-flow:wrap}.brand-cards{gap:var(--sp-20);grid-template-columns:repeat(2,minmax(0,1fr))}.brand-preview{block-size:220px}}.brand-color-group{gap:var(--sp-12);flex-direction:column;display:flex}.brand-color-grid{gap:var(--sp-16);grid-template-columns:minmax(0,1fr);display:grid}.brand-color{padding:var(--sp-4);flex-direction:column;display:flex}.brand-swatch{border-radius:var(--r-4);block-size:120px;position:relative}.brand-swatch-copy{border-radius:var(--r-4);cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:none;position:absolute;inset:0}.js .brand-swatch-copy{display:block}.brand-swatch-copy:focus-visible{outline-offset:-4px}.brand-color-body{padding:var(--sp-12) var(--sp-12) var(--sp-8);flex-direction:column;gap:2px;display:flex}.brand-color-name{font-size:var(--fs-20);line-height:var(--lh-20);text-wrap:pretty;font-weight:500}.brand-values{gap:0 var(--sp-4);margin:var(--sp-4) 0 0 -8px;flex-wrap:wrap;display:flex}.brand-value{min-block-size:var(--tap-min);padding:0 var(--sp-8);border-radius:var(--r-6);color:var(--ink);align-items:center;gap:var(--sp-6);font:inherit;font-variant-numeric:tabular-nums;cursor:default;background:0 0;border:0;margin:0;font-weight:500;display:inline-flex}.brand-value svg{color:var(--ink-2);display:none}.js .brand-value{cursor:pointer}.js .brand-value svg{display:block}.js .brand-value:hover{background:var(--fill-subtle)}.brand-value-link{color:var(--accent-ink);margin-inline-start:-8px}.brand-value-link svg{color:inherit}@media (width>=640px){.brand-color-grid{gap:var(--sp-20);grid-template-columns:repeat(2,minmax(0,1fr))}.brand-swatch{block-size:200px}}.brand-fonts{overflow:hidden}.brand-font{padding:var(--sp-16);gap:var(--sp-12);flex-direction:column;display:flex}.brand-font+.brand-font{border-block-start:var(--b-rule)}.brand-font-name{flex-direction:column;gap:2px;display:flex}.brand-font-text{align-items:flex-start;gap:var(--sp-8);font-size:var(--fs-14);line-height:var(--lh-14);color:var(--ink-2);text-wrap:pretty;flex-direction:column;display:flex}.brand-ext{gap:var(--sp-6);min-block-size:var(--tap-min);font-size:var(--fs-14)}.brand-font-logo .logo{block-size:40px;inline-size:auto}.brand-font-text-sample{font-size:var(--fs-24);line-height:var(--lh-24);text-wrap:pretty;flex-direction:column;font-weight:500;display:flex}.brand-font-figure{font-family:var(--font-figure);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--fs-40);line-height:var(--lh-40)}@media (width>=960px){.brand-font{padding:var(--sp-24);gap:var(--sp-24);grid-template-columns:240px minmax(0,1.4fr) minmax(0,1fr);align-items:center;display:grid}.brand-font-text-sample{font-size:32px;line-height:40px}.brand-font-logo .logo{block-size:48px}}.brand-rules{gap:var(--sp-16);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.brand-rule-list{padding:var(--sp-8) var(--sp-16);margin:0;list-style:none}.brand-rule-list li{padding:var(--sp-16) 0;gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}.brand-rule-list li+li{border-block-start:var(--b-rule)}.brand-rule-list .muted{text-wrap:pretty}.brand-dont{padding:var(--sp-20) var(--sp-16) var(--sp-24);gap:var(--sp-16);flex-direction:column;display:flex}.brand-dont-grid{gap:var(--sp-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.brand-dont figure{gap:var(--sp-8);flex-direction:column;margin:0;display:flex}.brand-dont-box{border-radius:var(--r-4);background:#efebe7;justify-content:center;align-items:center;block-size:96px;display:flex;overflow:hidden}.brand-dont-box img{inline-size:auto;max-inline-size:100%;display:block}.brand-dont figcaption{align-items:flex-start;gap:var(--sp-6);font-size:var(--fs-14);line-height:var(--lh-14);display:flex}.brand-dont figcaption svg{color:var(--fault-ink);flex:none;margin-block-start:2px}.dont-stretch{transform:scale(1.35,.6)}.dont-recolor{filter:sepia()saturate(7)hue-rotate(-35deg)}.dont-shadow{filter:drop-shadow(3px 3px 2px #00000080)drop-shadow(0 0 1px #000)}.brand-dont-pair{gap:var(--sp-8)}.brand-dont-pair img{max-inline-size:45%}.brand-contact{padding:var(--sp-16);gap:var(--sp-12);flex-direction:column;display:flex}.brand-contact p{text-wrap:pretty}.brand-contact strong{font-weight:500}.brand-contact-buttons{gap:var(--sp-8);flex-wrap:wrap;display:flex}.brand-copy-btn{gap:var(--sp-8);font-size:var(--fs-14);line-height:var(--lh-14);padding-inline:14px;display:none}.js .brand-copy-btn{display:inline-flex}@media (width>=640px){.brand-rule-list{padding-inline:var(--sp-24)}.brand-rule-list li{gap:var(--sp-16);grid-template-columns:72px minmax(0,1fr)}.brand-rules{gap:var(--sp-20);grid-template-columns:repeat(2,minmax(0,1fr))}.brand-dont{padding-inline:var(--sp-24)}.brand-contact{padding:var(--sp-20) var(--sp-24);justify-content:space-between;align-items:center;gap:var(--sp-12) var(--sp-24);flex-direction:row}}