/* Services page: stable alternating content rows built on the same home template as About. */
.about-story{padding-top:40px}
.about-story__list{display:grid;gap:22px;position:relative;z-index:1}
.about-story__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(9,22,37,.94),rgba(4,12,22,.98));box-shadow:var(--shadow-soft),0 0 34px rgba(216,164,65,.05)}
.about-story__row>*{min-width:0}
.about-story__row--reverse .about-story__media{order:2}
.about-story__row--reverse .about-story__content{order:1}
.about-story__media{min-height:340px;overflow:hidden;position:relative}
.about-story__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(3,11,20,.50));pointer-events:none}
.about-story__row--reverse .about-story__media:after{background:linear-gradient(270deg,transparent 60%,rgba(3,11,20,.50))}
.about-story__media img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;filter:saturate(.92) brightness(.82) contrast(1.04)}
.about-story__content{display:flex;flex-direction:column;justify-content:center;padding:42px 44px}
.about-story__eyebrow{display:block;margin-bottom:12px;color:var(--gold-2);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.about-story__content h3{margin:0;color:#fff;font:300 27px/1.18 var(--display);letter-spacing:.025em}
.about-story__content p{margin:16px 0 0;color:#b9c5d4;font-size:14px;line-height:1.72}
.about-call{padding:26px 0 58px}
.about-call__inner{display:flex;justify-content:center}
.about-call__button{min-width:250px;justify-content:center}
@media(max-width:900px){
  .about-story__content{padding:32px}
  .about-story__content h3{font-size:24px}
}
@media(max-width:760px){
  .about-story{padding-top:30px}
  .about-story__list{gap:16px}
  .about-story__row{grid-template-columns:1fr;border-radius:18px}
  .about-story__row--reverse .about-story__media,.about-story__row--reverse .about-story__content{order:initial}
  .about-story__media,.about-story__media img{min-height:0;height:auto;aspect-ratio:16/10}
  .about-story__media:after,.about-story__row--reverse .about-story__media:after{background:linear-gradient(180deg,transparent 58%,rgba(3,11,20,.52))}
  .about-story__content{padding:24px 22px 27px}
  .about-story__content h3{font-size:21px}
  .about-story__content p{font-size:13px;line-height:1.62;margin-top:12px}
  .about-call{padding:18px 0 42px}
  .about-call__button{width:100%;min-width:0}
}
