/* Approved rising-shapes logo. The image remains unchanged; the frame removes excess transparent headroom. */
.brand-logo-frame{display:block;position:relative;width:100%;aspect-ratio:2172/590;overflow:hidden}
.brand-logo-frame .brand-logo{display:block;position:absolute;bottom:0;left:0;width:100%;height:auto;max-width:none}
a.brand,a.learn-brand{display:block;flex:0 0 auto;width:360px;max-width:100%;line-height:1;text-decoration:none}
footer .footer-brand{display:block;width:300px;max-width:100%;line-height:1}
footer:not(.learn-footer){flex-wrap:wrap;align-items:center;gap:18px 25px}
header:not(.learn-header){height:128px;gap:24px}
header:not(.learn-header)>nav{gap:20px}
@media(max-width:1200px){
  header:not(.learn-header){position:relative;padding:0 4%;flex-wrap:wrap}
  header:not(.learn-header) .menu-toggle{display:block;background:white;border:1px solid var(--line);padding:7px 12px;font-size:14px}
  header:not(.learn-header)>nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;z-index:3;padding:24px;box-shadow:0 12px 15px #0001;align-items:stretch}
  header:not(.learn-header)>nav.open{display:flex;flex-direction:column}
  .learn-header{flex-wrap:wrap}
  .learn-header nav{width:100%}
}
@media(max-width:600px){
  header:not(.learn-header){height:auto;min-height:146px;padding:10px 5% 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}
  header:not(.learn-header)>.brand{grid-column:1/-1;justify-self:start}
  header:not(.learn-header)>.menu-toggle{grid-column:2;justify-self:end}
  .learn-header{gap:18px;padding:18px 5%}
  footer .footer-brand{width:300px}
}