/* Mission quote: words brighten as you scroll */
.mission { padding-top: clamp(40px, 6vw, 80px); }
.mission__in { display: flex; flex-direction: column; align-items: center; text-align: center; }
.mission__photo { width: clamp(150px, 15vw, 210px); aspect-ratio: 0.82; border-radius: 4px; overflow: hidden; margin-bottom: clamp(36px, 4vw, 56px); }
.mission__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; filter: saturate(0.75) brightness(0.85); }
.mission__quote { margin: 0; max-width: 23em; }
.mission__quote p { font-family: var(--serif); font-size: clamp(30px, 3.2vw, 46px); line-height: 1.15; letter-spacing: -0.01em; color: var(--text); }
.mission__quote .w { color: rgba(244, 241, 235, 0.24); transition: color 0.35s linear; }
.mission__quote .w.is-lit { color: var(--text); }
.mission__by { margin-top: 30px; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.mission__by b { font-weight: 600; }
.mission__by span { color: var(--soft); }