/* About page additions (loaded after home.css) */
.scene--hero .hero h1.tagline { font-family: var(--serif); font-weight: 400; font-style: italic;
  font-size: clamp(1.4rem, 1rem + 1.6vw, 2.3rem); line-height: 1.3; margin: .6rem auto 0 !important; max-width: 30rem !important; text-wrap: balance; }
.pull { margin: 1.5rem 0 1.6rem; padding: 0 0 0 1.25rem; border-left: 1px solid var(--gold);
  font-family: var(--serif); font-style: italic; font-size: clamp(1.15rem, 1rem + .6vw, 1.45rem); line-height: 1.45; color: var(--ink); max-width: 30rem; }
.logos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-top: 1.6rem; max-width: 34rem; }
.logos .badge { width: auto; height: 5.2rem; padding: .7rem .9rem; }
.logos .badge img { max-height: 3.6rem; }
.badge--wood { background: #F5F0E8; }
.badge--dark { display: flex; gap: .55rem; }
.badge--dark .de-mark { height: 2.1rem; width: auto; }
.logos .wm-de { font-size: 1.05rem; }
.logos .wm-de i { font-style: normal; font-weight: 300; color: #4ECDC4; }
@media (max-width: 760px) {
  .logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .logos .badge { height: 4.4rem; }
}
@media (max-width: 760px) {
  .jg-about .panel::before, body .panel::before {
    background: linear-gradient(0deg, var(--scrim, transparent) 0%, var(--scrim, transparent) 58%, color-mix(in srgb, var(--scrim, transparent) 60%, transparent) 78%, transparent 96%) !important; }
  .logos .wm-de { font-size: .9rem; }
  .badge--dark .de-mark { height: 1.6rem; }
}