/*
 * Logo scale-up overrides for the showcase templates.
 *
 * Independent clean-room implementation, written directly from a
 * dictated specification (selectors, breakpoints, and scale factors
 * only). No prior version of this file was read while authoring the
 * rules below.
 *
 * The header and footer logo images (header.php's `.nav-logo-img`,
 * footer.php's `.footer-logo-img`) render undersized relative to the
 * showcase's oversized-logo aesthetic. This file blows them up with
 * the standalone `scale` transform property (not `transform: scale()`)
 * anchored to the left edge so the enlarged image grows to the right
 * and down without shifting its left-aligned position or affecting
 * document flow -- box sizing, layout, and sibling positions are
 * untouched.
 *
 * Three width tiers apply increasingly larger scale factors to the
 * nav logo as the viewport widens; the footer logo holds one constant
 * factor at every width. The widest tier also nudges up the nav's
 * text and icon sizing to match the bigger logo.
 */

.nav-logo-img,
.footer-logo-img {
  transform-origin: left center;
}

.nav-logo-img {
  scale: 1.26;
}

.footer-logo-img {
  scale: 1.08;
}

/* Mid-width tier: smaller bump than the default so the nav doesn't
   crowd out the link row before the wide-desktop tier below kicks in
   and takes over sizing duties. */
@media (max-width: 1199px) and (min-width: 900px) {
  .nav-logo-img {
    scale: 1.12;
  }
}

@media (min-width: 1200px) {
  .nav-logo-img {
    scale: 1.35;
  }

  .nav-phone svg {
    height: 1rem !important;
    width: 1rem !important;
  }

  .nav-links,
  .nav-phone,
  .nav-phone span,
  .nav-cta {
    font-size: 1.0625rem !important;
  }
}