/* SR 13-about — EDITORIAL LIGHT relayout of the About blocks (visual only). */
html body .about-page{background:var(--sr-bg);}
html body .about-container{max-width:var(--sr-container);margin:0 auto;padding-left:20px;padding-right:20px;}

/* hero -> light editorial (drop dark photo) */
html body .about-hero{background:var(--sr-bg)!important;border-bottom:1px solid var(--sr-line);}
html body .about-hero__bg{background:none!important;background-image:none!important;min-height:0!important;padding:clamp(44px,6vw,96px) 0 clamp(30px,3vw,44px)!important;}
html body .about-hero__overlay{display:none!important;}
html body .about-hero__inner{text-align:left;}
html body .about-hero__title{color:var(--sr-ink)!important;font-size:clamp(36px,5vw,68px);line-height:1.04;letter-spacing:-.03em;margin:0;max-width:14ch;}
html body .about-hero__subtitle{color:var(--sr-muted)!important;font-size:clamp(15px,1.3vw,18px);max-width:560px;margin:16px 0 0;line-height:1.55;}
html body .about-hero__buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}

/* unified buttons on this page */
html body .about-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:0!important;text-transform:uppercase;letter-spacing:.07em;font-weight:700;font-size:12.5px;text-decoration:none;}
html body .about-page .btn-primary{background:var(--sr-blue)!important;color:#fff!important;border:1px solid var(--sr-blue)!important;}
html body .about-page .btn-primary:hover{background:var(--sr-blue-hover)!important;}
html body .about-page .btn-outline{background:transparent!important;color:var(--sr-ink)!important;border:1px solid var(--sr-line-strong)!important;}
html body .about-page .btn-outline:hover{border-color:var(--sr-blue)!important;color:var(--sr-blue)!important;}

/* sections: dark -> light / concrete, sharp, hairline */
html body .about-page .section{color:var(--sr-ink)!important;}
html body .about-page .section-padding{padding:clamp(40px,5vw,72px) 0;}
html body .about-page .section-dark{background:var(--sr-bg)!important;}
html body .about-page .section-dark-alt{background:var(--sr-surface)!important;}
html body .about-page .section *{color:inherit;}
html body .about-page .section p{color:var(--sr-ink-2)!important;line-height:1.65;}
html body .about-page .section-title{color:var(--sr-ink)!important;font-size:clamp(26px,3vw,42px);letter-spacing:-.02em;margin:0 0 16px;}
html body .about-page .section-title--center{text-align:center;margin-left:auto;margin-right:auto;}

/* two-column splits */
html body .about-page .section-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,56px);align-items:center;}
html body .about-page .section-two-cols img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid var(--sr-line);border-radius:0!important;}
html body .about-page .section-two-cols ul{margin:14px 0 0;padding:0 0 0 18px;color:var(--sr-ink-2);line-height:1.7;}

/* reputation + testimonials */
html body .about-page .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;}
html body .about-page .testimonial-card{background:#fff!important;border:1px solid var(--sr-line)!important;border-top:2px solid var(--sr-blue)!important;border-radius:0!important;padding:24px;box-shadow:none!important;}
html body .about-page .testimonial-name{color:var(--sr-ink)!important;margin:0 0 6px;font-size:15px;}
html body .about-page .testimonial-stars{color:var(--sr-blue)!important;letter-spacing:2px;margin:0 0 10px;font-size:14px;}
html body .about-page .testimonial-text{color:var(--sr-muted)!important;font-size:14.5px;line-height:1.6;margin:0;}

/* team */
html body .about-page .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;}
html body .about-page .team-card{background:#fff!important;border:1px solid var(--sr-line)!important;border-radius:0!important;overflow:hidden;box-shadow:none!important;}
html body .about-page .team-card__image img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;}
html body .about-page .team-card__body{padding:16px;}
html body .about-page .team-card__name{color:var(--sr-ink)!important;margin:0 0 3px;font-size:16px;}
html body .about-page .team-card__role{color:var(--sr-blue)!important;margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;}
html body .about-page .team-card__text{color:var(--sr-muted)!important;font-size:13.5px;line-height:1.55;margin:0;}

@media(max-width:900px){
  html body .about-page .section-two-cols{grid-template-columns:1fr;}
  html body .about-page .testimonials-grid{grid-template-columns:1fr;}
  html body .about-page .team-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:520px){ html body .about-page .team-grid{grid-template-columns:1fr;} }
