/* =========================================================
   I2CAN 2026 - sitewide brand lock-up (header + footer)
   2026-10-15, Amit's brief:
   - "I2CAN" wordmark set in Isabella. Isabella is not a free
     web font, so Cinzel (Google Fonts) stands in until a
     licensed file is supplied. To switch: add the .woff2 to
     assets/fonts/ and uncomment the @font-face below; the
     stack already lists "Isabella" first.
   - Subtitle: "Indian Institute of Cosmetology, Aesthetic & Nutrition".
   - Footer logo made visible: the logo artwork is dark on a
     transparent ground, which disappeared on the navy footer.
     It now sits on a white chip beside the wordmark.
   ========================================================= */

/*
@font-face{
  font-family:"Isabella";
  src:url("../fonts/isabella.woff2") format("woff2");
  font-weight:400 700;font-display:swap;
}
*/
:root{--ff-wordmark:"Isabella","Cinzel",Georgia,"Times New Roman",serif}

/* Header */
.focus-brand b{
  font-family:var(--ff-wordmark);font-weight:700;
  letter-spacing:.03em;line-height:1.05;color:var(--navy-900);
}
.focus-brand small{
  font-size:10px;line-height:1.45;margin-top:4px;color:var(--ink-2);
  letter-spacing:.01em;
}

/* Footer */
.footer-logo{display:inline-flex;align-items:center;gap:14px;text-decoration:none;margin-bottom:22px}
.footer-logo__chip{
  flex:none;display:grid;place-items:center;width:72px;height:72px;
  border-radius:var(--r-lg);background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.site-footer .footer-brand .footer-logo__chip img{width:60px;height:60px;object-fit:contain;margin:0}
.footer-logo__word{display:flex;flex-direction:column;line-height:1.15}
.footer-logo__word b{font-family:var(--ff-wordmark);font-weight:700;font-size:28px;letter-spacing:.03em;color:#fff}
.footer-logo__word small{font-size:11px;line-height:1.45;margin-top:4px;color:rgba(255,255,255,.7);max-width:24ch}
.footer-logo:hover .footer-logo__word b{color:#fff}

@media (max-width:680px){
  .focus-brand small{font-size:8px}
  .footer-logo__chip{width:60px;height:60px}
  .site-footer .footer-brand .footer-logo__chip img{width:50px;height:50px}
  .footer-logo__word b{font-size:24px}
}