/* A compact blue ribbon, shared by the homepage and contact page. */
.theme-rose .site-footer.footer-ribbon {
  display:block;
  padding:23px 7%;
  background:var(--blue);
  color:var(--cream);
  font:15px/1.5 var(--sans);
}
.footer-ribbon .footer-main {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.footer-ribbon .footer-logo {display:block;flex-shrink:0}
.footer-ribbon .footer-logo .logo-mark {width:72px;height:72px}
.footer-ribbon .footer-nav {display:flex;align-items:center;gap:16px}
.footer-ribbon .footer-nav a {
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:9px 6px;
}
.footer-ribbon .footer-nav a::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:9px 0;
  background:var(--mustard);
  transform:rotate(-3deg);
  opacity:0;
  transition:opacity .2s;
  pointer-events:none;
}
.footer-ribbon .footer-nav a:is(:hover,:focus-visible) {color:var(--burgundy)}
.footer-ribbon .footer-nav a:is(:hover,:focus-visible)::before {opacity:1}
.theme-rose .footer-ribbon .paper-strip {
  --strip-fill:var(--coral);
  --tape-fill:#eeb74fc9;
  min-height:46px;
  padding:12px 23px;
  font-size:20px;
  white-space:nowrap;
  margin:0;
}
.footer-ribbon .paper-strip::after {top:-6px;left:13px;width:25px;height:11px}
.footer-ribbon .footer-details {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px 28px;
  margin-top:22px;
  padding-top:17px;
  border-top:1px solid #f1e7da45;
}
.footer-ribbon .footer-details p {font-size:14px;line-height:1.5;text-wrap:pretty}
.footer-ribbon .footer-email {font-size:16px;line-height:1.5;white-space:nowrap}
.footer-ribbon .footer-email:is(:hover,:focus-visible) {text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px) {
  .theme-rose .site-footer.footer-ribbon {padding:23px 24px}
  .footer-ribbon .footer-main {display:grid;grid-template-columns:1fr auto;gap:10px 20px}
  .footer-ribbon .footer-logo .logo-mark {width:62px;height:62px}
  .footer-ribbon .footer-nav {grid-column:1/3;grid-row:2;justify-content:space-between;gap:10px;margin:0 -6px}
  .footer-ribbon .footer-hello {grid-column:2;grid-row:1}
  .theme-rose .footer-ribbon .paper-strip {font-size:19px;padding:12px 20px}
  .footer-ribbon .footer-details {flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;padding-top:16px}
  .footer-ribbon .footer-email {font-size:15px}
}
@media(prefers-reduced-motion:reduce) {
  .footer-ribbon .footer-nav a::before {transition:none}
}