/* Public Morgan's Learning Centre identity. Loaded last for public website pages only. */
.website.editorial-site .site-header .brand,
.website.landing-page .site-header .brand {
  gap: 12px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-family: Playfair, Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.04;
}
.website .site-header .school-logo {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  border: 2px solid #d7eaf0;
  border-radius: 50%;
  background: #fff;
  object-fit: contain;
}
.website .site-header .brand>span>span {
  margin-top: 5px;
  color: #d7eaf0;
  font-family: Jakarta, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .13em;
  line-height: 1.2;
  text-transform: uppercase;
}
.website .site-footer .brand { background: transparent; }
.website .site-footer .school-logo { width: 50px; height: 50px; flex-basis: 50px; }
.website .site-footer .brand>span>span { color: #d7eaf0; }
@media (max-width: 700px) {
  .website.editorial-site .site-header .brand,
  .website.landing-page .site-header .brand { gap: 8px; font-size: 21px; }
  .website .site-header .school-logo { width: 44px; height: 44px; flex-basis: 44px; }
  .website .site-header .brand>span>span { font-size: 9px; }
}

/* Feedback follows interaction. Photographs keep their full original frame. */
.website :is(.programme-card,.news-card,.resource-card,.collage-card,.gallery-grid>figure){transition:transform 220ms cubic-bezier(.2,.65,.3,1),background-color 180ms,color 180ms}
.website .round-arrow{transition:transform 220ms cubic-bezier(.2,.65,.3,1),background-color 180ms,color 180ms}
.website a:hover .round-arrow,.website a:focus-visible .round-arrow{transform:rotate(-8deg)}
@media(hover:hover) and (pointer:fine){.website :is(.programme-card,.news-card,.resource-card,.collage-card,.gallery-grid>figure):hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.website :is(.programme-card,.news-card,.resource-card,.collage-card,.gallery-grid>figure,.round-arrow){transition:none!important;transform:none!important}}

/* The same expressive motto appears on every public page. */
.website .site-footer .footer-top .footer-tagline{max-width:20ch;margin:24px 0 0;color:#f6dfc1;font-family:Playfair,Georgia,serif;font-size:clamp(26px,2.5vw,34px);font-weight:500;font-style:italic;line-height:1.2;letter-spacing:-.035em}
/* Equal photo frames prevent portrait photography from stretching a whole row. */
.website .programme-grid{align-items:start}
.website.editorial-site .programme-card>.programme-card-photo{width:calc(100% + 54px);height:320px;max-height:none;object-fit:contain;margin:0 -27px 24px;background:#e8ded3}
.website.editorial-site .programme-card a{margin-top:0}
@media(max-width:700px){.website.editorial-site .programme-card>.programme-card-photo{width:calc(100% + 44px);height:300px;margin:0 -22px 21px}}