/* Hover erases each navigation rule from right to left. */
.nav a::after,.nav a:hover::after {transform-origin:left center}
.footer__top {grid-template-columns:1.2fr .8fr 1fr;gap:clamp(30px,5vw,80px)}
.footer__identity h2 {font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(40px,4vw,64px);letter-spacing:-.05em;line-height:1;margin-bottom:20px}
.footer__identity p {font-family:var(--font-body);font-size:13px;line-height:1.8;margin-top:10px;color:var(--text-60)}
.footer__nav {grid-template-columns:1fr}
.footer__contact-row a {color:inherit;text-decoration:none}
.footer__contact-row a:hover {text-decoration:underline;text-underline-offset:5px}
.footer__back {color:inherit;text-decoration:none}
.footer__back:hover {color:var(--text)}
@media(max-width:800px){.footer__top {grid-template-columns:1fr 1fr}.footer__identity {grid-column:1/-1}.footer__identity h2{font-size:44px}}
@media(max-width:480px){.footer__top {grid-template-columns:.8fr 1.2fr;gap:30px 20px}.footer__identity{grid-column:1/-1}.footer__contact-row{font-size:17px;overflow-wrap:anywhere}.footer__contact-row span{font-size:10px;letter-spacing:.12em}}

/* A quiet approach, with the same easing on hover and release. */
.chapter .court__media-grid .court__img {
  cursor:default;
  transform:translate3d(0,0,0);
  filter:none;
  box-shadow:0 0 0 0 rgba(0,32,91,0);
  transition:transform .85s cubic-bezier(.22,.61,.36,1),box-shadow .85s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.chapter .court__media-grid .court__img img {
  transition:transform .95s cubic-bezier(.22,.61,.36,1);
  transform:scale(1);
}
.chapter .court__media-grid:hover .court__img,
.chapter .court__media-grid:hover .court__img:hover {
  transform:translate3d(0,0,0);filter:none;
  box-shadow:0 0 0 0 rgba(0,32,91,0);
}
@media(hover:hover) and (pointer:fine){
  .chapter .court__media-grid:hover .court__img:hover {
    transform:translate3d(0,-3px,0) scale(1.006);
    box-shadow:0 14px 30px -20px rgba(0,32,91,.24);
  }
  .chapter .court__media-grid .court__img:hover img {transform:scale(1.015)}
}
@media(prefers-reduced-motion:reduce){
  .chapter .court__media-grid .court__img,
  .chapter .court__media-grid .court__img img {transition:none}
  .chapter .court__media-grid:hover .court__img:hover,
  .chapter .court__media-grid .court__img:hover img {transform:none}
}
.forward__title {margin-bottom:0}
