/* =========================================================
   2026-10-26: tagline "We Believe You Can" replaces the
   descriptive subtitle under the logo, header and footer.
   Brief asks for Isabella. No licensed Isabella file exists
   on staging, production or in the project, so Yash approved
   a free script lookalike: Great Vibes (Google Fonts, OFL).
   "Isabella" stays first in the stack; add the licensed
   .woff2 and uncomment the @font-face above to switch.
   ========================================================= */
:root{--ff-tagline:"Isabella","Great Vibes","Brush Script MT",cursive}
.focus-brand small.brand-tagline,
.footer-logo__word small.brand-tagline{
  font-family:var(--ff-tagline);font-weight:400;font-style:normal;
  text-transform:none;letter-spacing:.01em;white-space:nowrap;max-width:none;
}
.focus-brand small.brand-tagline{font-size:17px;line-height:1.1;margin-top:3px;color:var(--red-600)}
.footer-logo__word small.brand-tagline{font-size:21px;line-height:1.1;margin-top:5px;color:rgba(255,255,255,.88)}
@media (max-width:680px){
  .focus-brand small.brand-tagline{font-size:15px}
  .footer-logo__word small.brand-tagline{font-size:19px}
}

/* Footer: three columns above, grouped "Top Courses" row below */
.footer-grid{grid-template-columns:1.6fr 1fr 1.2fr}
.footer-courses{margin-top:clamp(36px,4vw,52px);padding-top:clamp(28px,3vw,40px);border-top:1px solid rgba(255,255,255,.1)}
.footer-courses__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,48px)}
.footer-courses__group h5{margin:0 0 14px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em}
.footer-courses__group h5 a{color:#fff;text-decoration:none;border-bottom:2px solid var(--red-600);padding-bottom:4px}
.footer-courses__group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:var(--fs-xs);line-height:1.5}
.footer-courses__all{margin:22px 0 0}
.footer-courses__all a{color:#fff;font-weight:600}
@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid > .footer-brand{grid-column:1/-1}
}
@media (max-width:640px){
  .footer-grid,.footer-courses__grid{grid-template-columns:1fr}
}

/* Director LinkedIn link (homepage, 2026-10-26) */
.director__li{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:var(--fs-xs,13px);font-weight:600;color:var(--blue-600);text-decoration:none;line-height:1.2;min-height:24px}
.director__li svg{flex:0 0 auto;display:block}
.director__li:hover,.director__li:focus-visible{color:var(--red-600);text-decoration:underline;text-underline-offset:3px}
.director__by>div:last-child{display:flex;flex-direction:column;align-items:flex-start}

/* Homepage hero heading (2026-10-26): keep the three requested lines; size to the copy column */
.ix-hero__copy{container-type:inline-size}
.ix-hero h1#ix-title{max-width:none;font-size:clamp(1.5rem,7.7cqi,3.1rem)}

/* About pages fixes (2026-10-27): hero link contrast, sticky filter under the admin bar, director intro first on small screens */
.ab-page .page-hero .link-arrow,.ab-page .ab-score .link-arrow{color:#fff;text-decoration:underline;text-underline-offset:3px}
.admin-bar .ab-page .ab-filter--sticky{top:32px}
@media (max-width:782px){.admin-bar .ab-page .ab-filter--sticky{top:0}}
@media (max-width:900px){.ab-page .ab-dir__photo{order:2}.ab-page .ab-dir__intro{order:1}}