.cs-hero-inner--text-only{display:block;max-width:1100px}.cs-brand-banner{line-height:0;border-bottom:1px solid #f0f0f0;overflow:hidden}.cs-brand-banner img{width:100%;height:auto;display:block;margin-top:-15px;margin-bottom:-15px}.cs-figure{margin:var(--space-10) 0 0}.cs-figure img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.cs-figure figcaption{font-size:var(--t-xs);color:#aaa;margin-top:10px;font-style:italic;text-align:center;letter-spacing:.02em}.cs-deconstruct{display:flex;align-items:center;justify-content:center;gap:var(--space-16);margin:var(--space-12) 0 0;padding:56px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px}.cs-deconstruct-item{display:flex;flex-direction:column;align-items:center;gap:20px}.cs-deconstruct-item img{height:96px;width:auto}.cs-deconstruct-shapes{display:flex;align-items:center;gap:var(--space-6);height:96px}.cs-deconstruct-shapes svg{height:96px;width:auto}.cs-deconstruct-label{font-size:11px;font-weight:var(--w-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint)}.cs-deconstruct-arrow{font-size:28px;color:#ccc;padding-bottom:36px}.cs-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-8) 0 var(--space-6)}.cs-color-swatch{height:72px;border-radius:8px;margin-bottom:10px;border:1px solid rgba(0,0,0,.06)}.cs-color-label{font-size:11px;font-weight:var(--w-semi);letter-spacing:.08em;text-transform:uppercase;color:#888}.cs-gradient-bar{margin-bottom:var(--space-12)}.cs-gradient-bar img{width:100%;height:var(--space-12);display:block;border-radius:8px;margin-bottom:10px;object-fit:fill}.cs-type-specimens{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:var(--space-8) 0;background:#00000014;border-radius:16px;overflow:hidden}.cs-type-spec-item{padding:var(--space-10);background:#fff}.cs-type-spec-name{font-size:11px;font-weight:var(--w-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:var(--space-4)}.cs-type-spec-name span{font-weight:var(--w-regular);text-transform:none;letter-spacing:0}.cs-type-spec-sample{font-size:72px;font-weight:var(--w-bold);line-height:1;color:var(--color-text);margin:0 0 var(--space-4);letter-spacing:-.02em}.cs-type-spec-sample--sans{font-family:Libre Franklin,sans-serif}.cs-type-spec-sample--serif{font-family:Libre Baskerville,serif;font-weight:var(--w-regular)}.cs-type-spec-chars{font-size:13px;line-height:1.8;color:var(--color-text-muted)}.cs-type-spec-chars--sans{font-family:Libre Franklin,sans-serif}.cs-type-spec-chars--serif{font-family:Libre Baskerville,serif}.cs-img-2x2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-8) 0 0}.cs-img-2x2 img{width:100%;height:auto;display:block;border-radius:12px}.cs-img-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-8) 0 0}.cs-img-2col img{width:100%;height:auto;display:block;border-radius:12px}.cs-img-2col--top-align{align-items:start}.cs-search-screens{display:flex;gap:var(--space-3);align-items:flex-start}.cs-search-screens img{flex:1;min-width:0;height:auto;display:block;border-radius:8px;border:1px solid rgba(0,0,0,.08)}@media(max-width:768px){.cs-deconstruct{flex-direction:column;gap:32px;padding:32px}.cs-deconstruct-arrow{transform:rotate(90deg);padding-bottom:0}.cs-colors,.cs-type-specimens,.cs-img-2x2,.cs-img-2col{grid-template-columns:1fr}.cs-search-screens{flex-direction:column}.cs-search-screens img{width:60%}}