.company-footer { align-items: center; border-top: var(--border-s) solid var(--accent-subtle); display: flex; flex-direction: column; gap: var(--space-lg); padding-top: var(--space-xl); } .company-logo { height: var(--size-logo-footer); width: var(--size-logo-footer); } .company-info { align-items: center; display: flex; flex-direction: column; gap: var(--space-xs); } .company-name { color: var(--banes-lab-accent); font-family: var(--font-family-heading); font-size: var(--font-lg); } .company-tagline { color: var(--text-mid-gray); font-size: var(--font-sm); } .company-links { display: flex; gap: var(--space-md); } .company-social-link { align-items: center; background: var(--accent-subtle); border-radius: var(--radius-round); color: var(--text-light-gray); display: flex; font-size: var(--font-md); height: var(--size-icon-social); justify-content: center; text-decoration: none; transition: all var(--transition-fast) var(--easing-ease); width: var(--size-icon-social); } .company-social-link:hover { background: var(--banes-lab-accent); color: var(--banes-lab-main); transform: var(--transform-hover-lift); } .company-details { display: flex; flex-wrap: wrap; gap: var(--space-sm) var(--space-xl); justify-content: center; width: var(--percent-full); } .company-details span { color: var(--text-light-gray); font-size: var(--font-sm); } .company-details strong { color: var(--text-mid-gray); } .company-details a { color: var(--banes-lab-accent); text-decoration: none; } .company-details a:hover { text-decoration: underline; }