/* QGB-WEB-PAGE-ABOUT-01: only the three assigned visual areas. */
#page-about .about-glass-story-card { position: relative; overflow: hidden; padding: 270px 24px 28px; background: #f7f4ee; border-color: #d8d0c0; }
#page-about .about-glass-story-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 240px; background: center / cover no-repeat; }
#page-about .about-glass-story-card:nth-child(1)::before { background-image: url('assets/about/QGB-ABOUT-STORY-SET-01-01.png'); }
#page-about .about-glass-story-card:nth-child(2)::before { background-image: url('assets/about/QGB-ABOUT-STORY-SET-01-02.png'); }
#page-about .about-glass-story-card:nth-child(3)::before { background-image: url('assets/about/QGB-ABOUT-STORY-SET-01-03.png'); }
#page-about .about-glass-story-card h3 { margin: 24px 0 12px; font-size: 24px; color: #1b2935; }
#page-about .about-glass-story-card p { font-size: 14px; color: #445f71; }
#page-about .about-glass-card-no { color: #445f71; }
#page-about .about-glass-manifesto { min-height: 460px; background: linear-gradient(90deg, rgba(27,41,53,.68), rgba(27,41,53,.58)), url('assets/about/QGB-ABOUT-ALIGNMENT-BG-01.png') center / cover no-repeat; gap: clamp(30px,5vw,72px); grid-template-columns: 1fr 1fr; }
#page-about .about-glass-manifesto h2 { font-size: clamp(32px,3.5vw,45px); line-height: 1.1; }
#page-about .about-glass-manifesto p { color: #ffffff; font-size: 17px; }
#page-about .about-glass-manifesto .about-glass-kicker { color: #ffffff; font-size: 12px; }
#page-about .final-cta::before { background-image: url('assets/about/QGB-ABOUT-OUTCOME-BG-01.png'); }
#page-about .final-cta::after { background: radial-gradient(ellipse at center, rgba(27,41,53,.66), rgba(27,41,53,.28)); }
#page-about .final-cta h2 { font-size: clamp(34px,4vw,45px); }
#page-about .final-cta p { font-size: 17px; color: #ffffff; }
@media (max-width: 980px) {
  #page-about .about-glass-story-card { padding-top: 250px; }
  #page-about .about-glass-story-card::before { height: 220px; }
  #page-about .about-glass-manifesto { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 640px) {
  #page-about .about-glass-manifesto { padding: 32px 24px; background-position: 30% center; }
  #page-about .final-cta::before { background-position: 35% center; }
}