/* E-SchoolSite — Centre for Global Education | official logo integration */
.brand-logo,
.login-brand-v7__logo{
  display:block;
  width:46px;
  height:46px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 8px 18px rgba(11,79,134,.16));
}
.es-brand{gap:10px}
.es-brand .brand-copy strong{color:#0b2847;font-weight:800;letter-spacing:-.025em}
.es-brand .brand-copy small{color:#567184;font-size:9.5px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.brand-inverse.es-brand .brand-copy strong{color:#fff}
.brand-inverse.es-brand .brand-copy small{color:#a9c3d7}
.sidebar-brand-row .brand-logo{width:44px;height:44px;filter:drop-shadow(0 7px 16px rgba(0,202,255,.19))}
.public-header .brand-logo{width:48px;height:48px}
.public-mobile-drawer .brand-logo{width:46px;height:46px}
.footer-brand-lockup{display:inline-flex!important;align-items:center;max-width:154px}
.footer-logo-lockup{display:block;width:min(148px,100%);height:auto;max-height:36px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,193,255,.10))}
.login-brand-v7__logo{width:47px;height:47px;filter:drop-shadow(0 8px 20px rgba(43,209,255,.24))}
.login-brand-v7__copy small{color:#c7dce8!important;text-transform:uppercase;letter-spacing:.055em!important}
.setup-brand .brand-logo{width:48px;height:48px;object-fit:contain}

/* Homepage headline: exact wording, branded and responsive. */
.public-home-premium .home-v5-hero__title-card h1{
  max-width:1000px;
  color:var(--brand-blue-900,#0a355e);
  font-family:var(--font-ui,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif);
  font-size:clamp(42px,3.8vw,68px);
  line-height:1.0;
  letter-spacing:-.052em;
  text-transform:none;
  overflow-wrap:normal;
  word-break:normal;
}
.public-home-premium .home-v5-hero__title-card h1 span{
  display:inline;
  color:var(--brand-green-700,#147a4a);
}
.public-home-premium .home-v5-hero__title-card .home-v5-eyebrow{color:var(--brand-blue-800,#0d4676)!important}
.public-home-premium .home-v5-hero__title-card .home-v5-eyebrow:before,
.public-home-premium .home-v5-hero__title-line{background:linear-gradient(90deg,var(--brand-blue-600,#176fbe),var(--brand-green-600,#198754))!important}

@media (max-width:720px){
  .public-header .brand-logo{width:43px;height:43px}
  .public-body .public-brand-copy strong{font-size:15.5px}
  .public-body .public-brand-copy small{font-size:8.5px}
  .footer-logo-lockup{width:132px;max-height:32px}
  .public-home-premium .home-v5-hero__title-card h1{font-size:clamp(34px,9vw,48px);line-height:1.01;letter-spacing:-.045em}
}
@media (max-width:430px){
  .public-header .brand-logo,.public-mobile-drawer .brand-logo{width:40px;height:40px}
  .public-body .public-brand-copy small{display:none}
  .public-home-premium .home-v5-hero__title-card h1{font-size:clamp(32px,10vw,42px)}
}


/* Final deployment: official supplied E-SchoolSite lock-up. */
.official-brand-lockup{display:block;width:auto;max-width:100%;height:auto;object-fit:contain}
.es-brand-lockup{display:inline-flex;align-items:center;min-width:0}
.official-brand-lockup--public{width:236px;max-height:58px}
.official-brand-lockup--mobile{width:214px;max-height:54px}
.official-brand-lockup--sidebar{width:206px;max-height:52px}
.official-brand-lockup--login{width:250px;max-height:60px}
.official-brand-lockup--setup{width:250px;max-height:60px}
.login-brand-v7--official{display:inline-flex;align-items:center}
.setup-brand--official{display:flex;align-items:center}
@media(max-width:980px){.official-brand-lockup--public{width:210px}}
@media(max-width:720px){.official-brand-lockup--public{width:188px;max-height:48px}.official-brand-lockup--mobile{width:198px}}
@media(max-width:430px){.official-brand-lockup--public{width:170px}.official-brand-lockup--mobile{width:180px}}


/* Legacy logo fallback: never show the old generic letter tile. */
.brand-mark,.public-brand-mark,.exam12-brand__mark{
  background:transparent url('/assets/brand/eschoolsite-mark-deep.webp?v=20260923h17') center/contain no-repeat!important;
  color:transparent!important;
  text-shadow:none!important;
  box-shadow:none!important;
}

/* Final footer refinement: keep branding compact and secondary to footer navigation. */
.public-footer-v2 .footer-brand-block{max-width:360px}
.public-footer-v2 .footer-brand-block p{margin-top:14px}
@media(max-width:430px){.public-footer-v2 .footer-brand-lockup{max-width:124px}.public-footer-v2 .footer-logo-lockup{width:118px;max-height:29px}}


/* h14: official logo is reserved for the header; footer uses compact text branding. */
.footer-brand-text{
  display:inline-flex;align-items:center;gap:.28em;
  color:#f4f8fb;text-decoration:none;font-weight:800;
  font-size:14px;line-height:1.25;letter-spacing:-.015em;
}
.footer-brand-text span{color:#4ed58d;font-weight:700}
.footer-brand-text:hover{color:#fff}
@media(max-width:720px){.footer-brand-text{font-size:13px}}

/* h16 — deep, non-reflective ESS identity.
   Use the orbital ESS mark as the graphic logo and render the wordmark as real text.
   This keeps the interface crisp at small sizes and removes the chrome-heavy lock-up. */
.deep-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0;
  color:#08233f!important;
  text-decoration:none!important;
}
.deep-brand__mark{
  display:block;
  flex:0 0 auto;
  width:44px;
  height:44px;
  object-fit:contain;
  filter:drop-shadow(0 5px 10px rgba(4,37,76,.12));
}
.deep-brand__copy{
  display:grid;
  min-width:0;
  line-height:1;
}
.deep-brand__copy strong{
  color:inherit;
  font-family:var(--font-ui,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif);
  font-size:17px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.035em;
  white-space:nowrap;
}
.deep-brand--inverse{color:#fff!important}
.deep-brand__mark--public{width:46px;height:46px}
.deep-brand__mark--mobile{width:42px;height:42px}
.deep-brand__mark--sidebar{width:42px;height:42px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.16))}
.deep-brand__mark--login{width:46px;height:46px;filter:drop-shadow(0 7px 16px rgba(0,0,0,.18))}
.deep-brand__mark--setup{width:46px;height:46px}
.deep-brand__mark--exam{width:36px;height:36px}
.public-header .deep-brand__copy strong{font-size:18px;color:#08233f}
.public-mobile-drawer .deep-brand__copy strong{font-size:17px;color:#08233f}
.sidebar-brand-row .deep-brand__copy strong{font-size:16px;color:#fff}
.login-showcase-v7 .deep-brand__copy strong{font-size:17px;color:#fff}
.setup-brand .deep-brand__copy strong{font-size:18px;color:#08233f}
.exam12-brand .deep-brand__copy strong{font-size:14px;color:#08233f}

/* The old reflective full lock-up is intentionally retired. */
.official-brand-lockup{display:none!important}

@media(max-width:720px){
  .deep-brand__mark--public{width:42px;height:42px}
  .public-header .deep-brand__copy strong{font-size:16.5px}
}
@media(max-width:430px){
  .deep-brand{gap:7px!important}
  .deep-brand__mark--public,.deep-brand__mark--mobile{width:38px;height:38px}
  .public-header .deep-brand__copy strong,.public-mobile-drawer .deep-brand__copy strong{font-size:15.5px}
}