import { cn } from "@/lib/cn";

/** "30 years of Excellence" lock-up used in every page header. */
export function Logo({ className }: { className?: string }) {
  return (
    <div className={cn("flex shrink-0 flex-col leading-[1.1]", className)}>
      <div className="flex items-baseline leading-none">
        <span className="font-outfit text-base leading-none font-light text-ink">30</span>
        <span className="ml-[6px] font-script text-[clamp(1.1rem,2vw,1.4rem)] leading-none font-light text-ink">
          years of
        </span>
      </div>
      <span className="text-[clamp(0.8rem,1.6vw,1rem)] text-[#161825]">Excellence</span>
    </div>
  );
}