.brand-page{overflow-wrap:anywhere}.brand-page [hidden]{display:none!important}.brand-page :is(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:5px}.brand-page :is(button,summary){cursor:pointer}.brand-page :is(h1,h2,h3){font-family:var(--font-display)}.brand-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.brand-hero-mark{border:1px solid var(--accent);border-radius:3px;padding:28px;background:#f7f3ec;color:#111;display:grid;justify-items:center;gap:24px}.brand-hero-mark img{width:min(100%,290px);height:auto}.brand-mark-caption{text-align:center;font-size:13px;line-height:1.6;color:#57534e}.brand-button{align-items:center;justify-content:space-between;gap:32px;padding:15px 22px;background:var(--ink);color:var(--surface);border-radius:3px;font-weight:600}.brand-section-nav a:hover,.brand-text-link:hover{color:var(--accent)}.brand-section{padding-top:80px;scroll-margin-top:24px}.brand-heading{margin-top:14px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15;font-weight:600;letter-spacing:-.025em;max-width:850px}.brand-intro{max-width:770px;margin-top:20px;color:var(--muted);line-height:1.8}.brand-lockup{padding:45px 22px 22px;border:1px solid #78716c55;border-radius:3px}.brand-lockup>div{display:flex;gap:12px;justify-content:center;align-items:center;min-height:90px}.brand-lockup img{width:20%;max-width:76px;height:auto}.brand-lockup span{font:700 clamp(1.3rem,3.2vw,2.8rem) var(--font-display);letter-spacing:-.035em}.brand-lockup figcaption{margin-top:34px;text-align:center;font-size:12px}.brand-color{display:block;width:100%;height:100px;border:1px solid #78716c44;border-radius:3px;margin-bottom:16px}.brand-swatch{padding:14px;border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);border-radius:3px}.brand-swatch:hover{border-color:var(--accent)}.brand-copy-inline,.brand-text-link{text-decoration:underline;text-underline-offset:4px}.brand-font-sample{padding:28px;border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);border-radius:3px;display:flex;flex-direction:column}.brand-font-sample>a{margin-top:auto}.brand-example{border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);border-radius:3px;overflow:hidden}.brand-example>div{height:160px;display:grid;place-items:center;background:#f7f3ec}.brand-example img{width:80px;height:80px}.brand-example .stretched{transform:scaleX(1.5)}.brand-example .recolored{filter:grayscale(1)}.brand-example .rotated{transform:rotate(-22deg)}.brand-example figcaption{padding:14px;font-size:12px}.brand-details{padding:20px 0;border-top:1px solid color-mix(in srgb,var(--muted) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--muted) 25%,transparent)}.brand-details summary{font-weight:600}.brand-filters button{border:1px solid color-mix(in srgb,var(--muted) 40%,transparent);border-radius:3px;padding:10px 16px;font-size:13px;min-height:44px}.brand-filters button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.brand-asset{display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);border-radius:3px;overflow:hidden}.brand-asset-preview{height:230px;display:grid;place-items:center;padding:24px;background:repeating-conic-gradient(#f0ece5 0% 25%,#faf7f2 0% 50%) 50% / 20px 20px}.brand-asset-dark{background:#0b0b0c}.brand-asset-preview img{width:100%;height:100%;object-fit:contain;min-height:0}.brand-asset-body{padding:24px;flex:1;display:flex;flex-direction:column}.brand-download{border:1px solid var(--accent);color:var(--accent);padding:9px 15px;display:inline-flex;gap:22px;align-items:center;font-size:13px;font-weight:600;min-height:44px;border-radius:3px}.brand-download:hover{background:var(--accent);color:var(--surface)}.brand-copy-status:not(:empty){position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--surface);padding:12px 20px;border-radius:3px;z-index:60;max-width:90vw;box-shadow:0 3px 16px #0003}@media(max-width:640px){.brand-section{padding-top:56px}.brand-hero-mark img{max-width:220px}.brand-lockup{padding:30px 14px 16px}.brand-lockup span{font-size:clamp(1.7rem,7vw,2.6rem)}.brand-example>div{height:140px}}.brand-lockup-light{color-scheme:light;background:var(--surface);color:var(--ink)}.brand-lockup-dark{color-scheme:dark;background:var(--surface);color:var(--ink)}