/* About page, aligned with homepage V3.9. */
.rb-about{--about-border:rgba(255,255,255,.11);--about-muted:#c7d0da}
.rb-about .subhero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,3vw,3rem);margin:1.4rem 0 2rem;padding:clamp(1.3rem,3vw,2.5rem);border:1px solid var(--about-border);border-radius:28px;background:linear-gradient(135deg,#0d1118,#0a0e14 58%,#101924)}
.rb-about .breadcrumbs{margin:0 0 1.5rem}
.rb-about .kicker{padding:0;border:0;background:none;line-height:1.6}
.rb-about h1{font-size:clamp(2.4rem,4.5vw,4rem);letter-spacing:-.04em}
.rb-about .lead{font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.7;color:#d7dde5}
.rb-about .subhero-visual{width:100%;margin:0;padding:0;border:1px solid var(--about-border);border-radius:20px;overflow:hidden;background:#090d13}
.rb-about .subhero-visual img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:0}
.rb-about .card{border:1px solid var(--about-border);border-radius:24px;background:linear-gradient(145deg,#111821,#0c1118);box-shadow:0 18px 44px rgba(0,0,0,.18);padding:clamp(1.3rem,2.8vw,2.2rem)}
.rb-about .card::before{display:none}
.rb-about .card p{color:var(--about-muted);line-height:1.75}
.rb-about h2{font-size:clamp(1.65rem,2.7vw,2.4rem);letter-spacing:-.025em}
.rb-about .content-card{padding:clamp(1.5rem,3.5vw,3rem)}
.rb-about .content-card h2{max-width:26ch;margin-bottom:1.2rem}
.rb-about .content-card p:not(.eyebrow){max-width:92ch}
.rb-about .content-card p:last-child{margin-bottom:0}
.rb-about .people-grid{margin-top:clamp(2rem,4vw,3rem);gap:1.2rem}
.rb-about .person-card{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.5rem;min-width:0}
.rb-about .person-photo{width:140px;border:1px solid rgba(255,208,109,.3)}
.rb-about .person-copy h2{margin:.4rem 0 1rem}
.rb-about .quote-panel{margin:clamp(2rem,4vw,3rem) 0;padding:clamp(1.5rem,3.4vw,2.8rem);border:1px solid var(--about-border);border-left:3px solid #ffad4a;border-radius:22px;background:linear-gradient(120deg,rgba(255,125,47,.10),rgba(22,141,226,.07));color:#eee7df;font-size:clamp(1.15rem,2.2vw,1.65rem);line-height:1.6;letter-spacing:-.015em}
.rb-about .rockblog-explained-teaser{grid-template-columns:190px minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem)}
.rb-about .rockblog-explained-teaser img{width:100%;max-width:190px;border-radius:18px}
.rb-about .rockblog-explained-teaser .button-row{margin-top:1.2rem}
@media(max-width:1000px){.rb-about .subhero{grid-template-columns:minmax(0,1fr)}.rb-about .subhero-visual{max-width:760px;justify-self:start;order:0}.rb-about h1{max-width:none}}
@media(max-width:760px){.rb-about .subhero{margin-top:.85rem;padding:1.2rem;border-radius:22px}.rb-about .people-grid{grid-template-columns:minmax(0,1fr)}.rb-about .rockblog-explained-teaser{grid-template-columns:minmax(0,1fr)}.rb-about .rockblog-explained-teaser figure{justify-self:start}.rb-about .rockblog-explained-teaser img{width:140px}.rb-about .rockblog-explained-teaser .button-secondary{width:100%;text-align:center}}

.rb-about .person-card--feature{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:clamp(1.3rem,2.6vw,2rem)}
.person-photo--tim{object-position:50% 28%}
@media(max-width:760px){.rb-about .person-card--feature{grid-template-columns:1fr}}

.rb-about .team-member-intro{margin:0 0 .75rem .15rem}

.rb-about .person-card--team-followup{margin-top:1.2rem}
.person-photo--stefan{object-position:50% 36%}
.rb-about .person-alias{display:inline-block;font-size:.72em;font-weight:700;color:#c7d0da;white-space:nowrap}
.rb-about .person-quote{margin:1.2rem 0 0;padding:1rem 1.15rem;border-left:3px solid #ffad4a;border-radius:0 14px 14px 0;background:rgba(255,173,74,.07);color:#eee7df;font-style:italic;line-height:1.65}