.brand-page{--brand-navy:#0d365b;--brand-orange:#f25b10;--brand-cream:#f8eee3;--brand-paper:#fffaf4;background:var(--brand-paper)}.brand-hero{background:var(--brand-navy);color:#fff;padding-block:clamp(72px,13vw,164px) clamp(64px,10vw,120px)}.brand-hero-inner{gap:clamp(20px,3vw,32px);display:grid}.brand-hero .site-meta{color:var(--brand-cream)}.brand-hero h1{text-wrap:balance;max-width:10ch;font-size:clamp(3.25rem,10vw,7rem)}.brand-lede{color:#ffffffdb;max-width:62ch;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.brand-content{padding-block:0 clamp(72px,10vw,128px)}.brand-section{border-block-end:1px solid color-mix(in srgb, var(--brand-navy) 16%, transparent);gap:clamp(28px,5vw,56px);padding-block:clamp(64px,10vw,120px);display:grid}.brand-section-head{gap:14px;max-width:760px;display:grid}.brand-section-head h2{color:var(--brand-navy)}.brand-section-head>p:last-child,.brand-note,.brand-type-spec p,.brand-rule-grid p,.brand-board p{color:var(--muted)}.brand-kicker{color:var(--brand-orange);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem}.brand-rules{border-block:1px solid color-mix(in srgb, var(--brand-navy) 16%, transparent);gap:0;margin:0;padding:0;list-style:none;display:grid}.brand-rules li{border-block-end:1px solid color-mix(in srgb, var(--brand-navy) 12%, transparent);padding:18px 0;font-size:clamp(1rem,2vw,1.2rem)}.brand-rules li:last-child{border-block-end:0}.brand-foundations,.brand-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.brand-foundations h3,.brand-rule-grid h3,.brand-board h3{color:var(--brand-navy);margin:0 0 14px;font-size:1.2rem}.brand-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.brand-swatch{border-radius:var(--radius-md);min-height:112px;font-family:var(--font-mono);flex-direction:column;justify-content:space-between;padding:14px;font-size:.72rem;display:flex}.brand-swatch code{font:inherit}.brand-swatch--navy{background:var(--brand-navy);color:#fff}.brand-swatch--orange{background:var(--brand-orange);color:#fff}.brand-swatch--cream{background:var(--brand-cream);color:var(--brand-navy)}.brand-swatch--paper{background:var(--brand-paper);color:var(--brand-navy);border:1px solid color-mix(in srgb, var(--brand-navy) 20%, transparent)}.brand-note{margin-top:14px;font-size:.9rem}.brand-type-spec{border-radius:var(--radius-lg);background:var(--brand-cream);padding:24px}.brand-type-sample{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 96, "wght" 800;margin-top:24px;font-size:clamp(4rem,10vw,8rem);font-weight:800;line-height:.8;color:var(--brand-navy)!important}.brand-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-rule-grid>div{border-top:3px solid var(--brand-orange);padding-top:20px}.brand-rule-grid p,.brand-board p{margin:0;line-height:1.6}.brand-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,32px);display:grid}.brand-asset{border:1px solid color-mix(in srgb, var(--brand-navy) 16%, transparent);border-radius:var(--radius-lg);background:#fff;grid-template-rows:minmax(240px,1fr) auto;margin:0;display:grid;overflow:hidden}.brand-asset--primary{grid-column:1/-1}.brand-asset-preview{place-items:center;min-height:240px;padding:clamp(28px,6vw,72px);display:grid}.brand-asset-preview img{object-fit:contain;width:100%;height:auto}.brand-asset--badge .brand-asset-preview img{width:min(100%,220px)}.brand-asset-preview--light{background:#fff}.brand-asset-preview--paper{background:var(--brand-paper)}.brand-asset-preview--navy{background:var(--brand-navy)}.brand-asset-preview--cream{background:var(--brand-cream)}.brand-asset figcaption{gap:7px;padding:20px 22px 24px;display:grid}.brand-asset figcaption strong{color:var(--brand-navy);font-size:1.1rem}.brand-asset figcaption span{color:var(--muted);font-size:.94rem}.brand-asset .site-reading-link,.brand-board .site-reading-link{margin-top:8px}.brand-board{border-radius:var(--radius-lg);background:var(--brand-navy);color:#fff;justify-content:space-between;align-items:end;gap:28px;padding:28px;display:flex}.brand-board h3,.brand-board .brand-kicker{color:var(--brand-cream)}.brand-board p{color:#fffc;max-width:52ch}.brand-board .site-reading-link{color:#fff;text-decoration-color:var(--brand-orange);flex:none}@media (width<=760px){.brand-foundations,.brand-rule-grid,.brand-assets-grid{grid-template-columns:1fr}.brand-asset--primary{grid-column:auto}.brand-board{flex-direction:column;align-items:start}}