.brand-root .brand-hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:64px;min-height:650px;padding-block:72px 88px;display:grid}.brand-root .brand-hero h1{font-family:var(--serif);font-size:var(--display-3);letter-spacing:var(--track-display);margin-bottom:28px;font-weight:500;line-height:1.04}.brand-root .brand-hero h1 em,.brand-root .brand-type-specimen em{color:var(--accent-warm);font-weight:400}.brand-root .brand-lede{max-width:470px;color:var(--text-soft);font-size:18px;line-height:1.65}.brand-root .brand-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:36px;display:flex}.brand-root .brand-cover{aspect-ratio:4/5;background:var(--taupe);border-radius:48% 48% 12px 12px;position:relative;overflow:hidden}.brand-root .brand-cover img{object-fit:cover;object-position:50%;width:100%;height:100%;display:block}.brand-root .brand-cover span{bottom:0;text-align:center;color:var(--sand);text-transform:uppercase;letter-spacing:.13em;background:linear-gradient(#0000,#2c2c2ccc);padding:40px 20px 24px;font-size:10px;position:absolute;inset-inline:0}.brand-root .brand-index{border-block:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 28px;padding-block:20px;font-size:12px;display:flex}.brand-root .brand-index>span{color:var(--text-soft);margin-right:auto}.brand-root .brand-index a{padding-block:12px}.brand-root .brand-index a:hover,.brand-root .brand-endnote a:hover{text-underline-offset:5px;text-decoration:underline}.brand-root .brand-section{padding-block:88px 20px;scroll-margin-top:88px}.brand-root .brand-section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:64px;margin-bottom:44px;display:grid}.brand-root .brand-section-heading .kicker{margin-bottom:20px}.brand-root .brand-section-heading h2{font-family:var(--serif);font-size:var(--heading-2);letter-spacing:var(--track-heading);max-width:560px;margin:0;font-weight:500;line-height:1.12}.brand-root .brand-section-heading>p{color:var(--text-soft);max-width:440px;margin:0;font-size:14px}.brand-root .brand-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px;display:grid}.brand-root .brand-principles article{border-top:1px solid var(--line);padding-top:20px}.brand-root .brand-principles h3{margin:24px 0 12px;font-size:18px;font-weight:600}.brand-root .brand-principles p,.brand-root .brand-three-up p{color:var(--text-soft);max-width:440px;margin:0;font-size:14px}.brand-root .brand-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.brand-root .brand-swatch{aspect-ratio:1/1.05;border:1px solid var(--line);border-radius:var(--radius)}.brand-root .brand-palette h3{margin:18px 0 6px;font-size:13px;font-weight:600}.brand-root code{font-family:var(--font-mono),monospace;color:var(--text-soft);font-size:11px}.brand-root .brand-palette p{color:var(--text-soft);margin:12px 0 0;font-size:12px}.brand-root .brand-note{border-top:1px solid var(--line);color:var(--text-soft);grid-template-columns:1fr 3fr;gap:36px;margin-top:36px;padding-top:20px;font-size:12px;display:grid}.brand-root .brand-note>span{color:var(--text);font-weight:600}.brand-root .brand-note p{max-width:800px;margin:0}.brand-root .brand-type-grid{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.brand-root .brand-type-grid article{min-width:0;padding:36px 40px 36px 0}.brand-root .brand-type-grid article+article{border-left:1px solid var(--line);padding-left:40px;padding-right:0}.brand-root .brand-type-specimen{font-family:var(--serif);font-size:var(--display-4);letter-spacing:var(--track-display);margin-bottom:30px;font-weight:500;line-height:1.06}.brand-root .brand-type-grid article>p:not(.kicker):not(.brand-type-specimen):not(.brand-body-specimen){color:var(--text-soft);max-width:400px;font-size:14px}.brand-root .brand-body-specimen{letter-spacing:-.02em;margin-bottom:30px;font-size:32px;font-weight:400;line-height:1.35}.brand-root .brand-type-labels{flex-wrap:wrap;gap:20px;margin-block:28px;font-size:12px;display:flex}.brand-root .brand-type-labels span:nth-child(2){font-weight:500}.brand-root .brand-type-labels strong{font-weight:600}.brand-root .brand-type-grid .brand-mono-note{font-family:var(--font-mono),monospace;font-size:11px!important}.brand-root .brand-material{margin:0}.brand-root .brand-material img{aspect-ratio:3;object-fit:cover;border-radius:var(--radius);width:100%;display:block}.brand-root .brand-material figcaption{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);justify-content:space-between;gap:20px;margin-top:16px;font-size:10px;display:flex}.brand-root .brand-three-up{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px;display:grid}.brand-root .brand-three-up h3{margin:0 0 12px;font-size:16px;font-weight:600}.brand-root .brand-asset-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.brand-root .brand-asset-card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.brand-root .brand-asset-preview{aspect-ratio:16/9;place-items:center;padding:12%;display:grid}.brand-root .brand-asset-light{background:var(--surface-raise)}.brand-root .brand-asset-dark{background:#282828}.brand-root .brand-asset-preview img{object-fit:contain;width:70%;height:130px;display:block}.brand-root .brand-asset-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.brand-root .brand-asset-meta h3{margin:0 0 6px;font-size:13px;font-weight:600}.brand-root .brand-asset-meta p{color:var(--text-soft);margin:0;font-size:11px}.brand-root .brand-downloads{gap:8px;display:flex}.brand-root .brand-downloads a{border:1px solid var(--line-mid);min-width:44px;min-height:44px;font:11px var(--font-mono),monospace;border-radius:8px;place-items:center;padding:8px;transition:background .25s,border-color .25s;display:grid}.brand-root .brand-downloads a:hover{background:var(--taupe);border-color:var(--charcoal)}.brand-root .brand-logo-rules{border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.brand-root .brand-endnote{color:var(--text-soft);justify-content:space-between;gap:24px;padding-top:60px;font-size:11px;display:flex}@media (max-width:1050px){.brand-root .brand-hero,.brand-root .brand-section-heading{gap:36px}.brand-root .brand-hero h1{font-size:var(--display-4)}.brand-root .brand-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-root .brand-swatch{aspect-ratio:1.6}.brand-root .brand-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-root .brand-asset-meta{flex-wrap:wrap}}@media (max-width:760px){.brand-root .brand-hero{grid-template-columns:1fr;gap:40px;min-height:0;padding-block:36px 48px}.brand-root .brand-hero h1{font-size:clamp(40px,8vw,54px)}.brand-root .brand-lede{font-size:16px}.brand-root .brand-actions{gap:14px;margin-top:28px}.brand-root .brand-actions>a{justify-content:center;width:100%;padding-inline:18px}.brand-root .brand-cover{aspect-ratio:1.3;border-radius:44% 44% 12px 12px;justify-self:center;width:100%;max-width:440px}.brand-root .brand-index{gap:0 24px;font-size:12px}.brand-root .brand-index>span{width:100%;margin-bottom:8px}.brand-root .brand-section{padding-block:56px 8px;scroll-margin-top:76px}.brand-root .brand-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.brand-root .brand-principles,.brand-root .brand-three-up,.brand-root .brand-type-grid,.brand-root .brand-asset-grid{grid-template-columns:1fr;gap:28px}.brand-root .brand-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.brand-root .brand-note{grid-template-columns:1fr;gap:12px}.brand-root .brand-type-grid{gap:0}.brand-root .brand-type-grid article,.brand-root .brand-type-grid article+article{border-left:0;padding:28px 0}.brand-root .brand-type-grid article+article{border-top:1px solid var(--line)}.brand-root .brand-material img{aspect-ratio:1.5}.brand-root .brand-material figcaption{flex-direction:column;gap:8px}.brand-root .brand-endnote{flex-direction:column;gap:16px;padding-top:40px}.brand-root .brand-endnote a{align-self:flex-start;padding-block:12px}}@media (prefers-reduced-motion:reduce){.brand-root *,.brand-root :before,.brand-root :after{transition:none!important;animation:none!important}.brand-root .cta:hover,.brand-root .link-cta:hover>span{transform:none}}