/** overview section styles. Extracted and scoped from the verified visual compatibility layer. */
/* Reference composition: stats and résumé together, company image opposite. */
.rayan-about-v81 .rayan-about-overview{padding:14px 0 27px;background:#fff}

.rayan-about-v81 .rayan-about-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.68fr) minmax(310px,.82fr);
  grid-template-areas:"content visual";
  align-items:stretch;
  gap:36px;
  direction:ltr;
}

.rayan-about-v81 .rayan-about-overview-content{grid-area:content;min-width:0;display:grid;align-content:start;gap:20px;direction:rtl}

@media (max-width:820px){
  :where(.rayan-about-page,.page-template-page-about-us) .site-header{height:76px}:where(.rayan-about-page,.page-template-page-about-us) .site-header-inner{height:76px}:where(.rayan-about-page,.page-template-page-about-us) .mobile-menu-button{display:grid}
  .rayan-about-v81 .container{width:min(100% - 36px,760px)}
  .rayan-about-v81 .rayan-about-intro{padding:27px 0 20px}
  .rayan-about-v81 .rayan-about-intro-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "portrait";gap:24px;direction:rtl}
  .rayan-about-v81 .rayan-about-intro-copy{padding:0}.rayan-about-v81 .rayan-about-intro h1{font-size:35px}
  .rayan-about-v81 .rayan-about-portrait{width:min(500px,100%);margin-inline:auto}.rayan-about-v81 .rayan-about-portrait-image,.rayan-about-v81 .rayan-about-media-placeholder{aspect-ratio:4/4.15}
  .rayan-about-v81 .rayan-about-overview-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"content" "visual";gap:22px;direction:rtl}
  .rayan-about-v81 .rayan-about-company-image{min-height:0;aspect-ratio:16/9}
  .rayan-about-v81 .rayan-about-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rayan-about-v81 .rayan-about-timeline-list{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}.rayan-about-v81 .rayan-about-timeline-list::before{display:none}
  .rayan-about-v81 .rayan-about-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rayan-about-v81 .rayan-about-capability-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"capabilities" "team";direction:rtl}
  .rayan-about-v81 .rayan-about-team-wide-image,.rayan-about-v81 .rayan-about-team-wide .rayan-about-visual-placeholder{min-height:0;aspect-ratio:16/8}
  .rayan-about-v81 .rayan-about-credentials-grid{grid-template-columns:minmax(0,1fr);gap:30px;direction:rtl}.rayan-about-v81 .rayan-about-credential-column.is-clients{order:-1}.rayan-about-v81 .rayan-about-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rayan-about-v81 .rayan-about-cta-box{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual";gap:0;direction:rtl}
  .rayan-about-v81 .rayan-about-cta-copy{padding:28px 0 10px}.rayan-about-v81 .rayan-about-cta-visual{max-height:190px}.rayan-about-v81 .rayan-about-cta-image{max-width:500px;max-height:190px}
}

.rayan-about-v81 .rayan-about-overview{padding:0 0 82px;background:linear-gradient(180deg,#f4f8fe 0%,#fff 78%)}

.rayan-about-v81 .rayan-about-overview-grid{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:stretch;gap:26px}

.rayan-about-v81 .rayan-about-overview-content{min-height:390px;display:flex;align-items:center;padding:clamp(30px,4vw,54px);border:1px solid rgba(22,87,157,.1);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 18px 46px rgba(15,61,119,.08)}

@media (max-width:980px){
  .rayan-about-v81 .rayan-about-intro-grid{grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);gap:42px}
  .rayan-about-v81 .rayan-about-overview-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}
  .rayan-about-v81 .rayan-about-overview-content,.rayan-about-v81 .rayan-about-company-visual{min-height:360px}
}

@media (max-width:820px){
  .rayan-about-v81 .container{width:min(100% - 36px,760px)}
  .rayan-about-v81 .rayan-about-intro{padding:36px 0 48px}.rayan-about-v81 .rayan-about-intro-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "portrait";gap:30px}.rayan-about-v81 .rayan-about-intro-copy{padding:0}.rayan-about-v81 .rayan-about-intro h1{font-size:40px}.rayan-about-v81 .rayan-about-portrait{width:min(510px,100%);margin-inline:auto}
  .rayan-about-v81 .rayan-about-overview{padding-bottom:56px}.rayan-about-v81 .rayan-about-overview-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"content" "visual";gap:18px}.rayan-about-v81 .rayan-about-overview-content{min-height:0;padding:32px 28px}.rayan-about-v81 .rayan-about-company-visual{min-height:0;aspect-ratio:16/10}
  .rayan-about-v81 .rayan-about-timeline,.rayan-about-v81 .rayan-about-team,.rayan-about-v81 .rayan-about-capabilities,.rayan-about-v81 .rayan-about-credentials{padding:58px 0}.rayan-about-v81 .rayan-about-capability-layout{gap:18px}.rayan-about-v81 .rayan-about-team-wide{border-width:5px}.rayan-about-v81 .rayan-about-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}
}

@media (max-width:560px){
  .rayan-about-v81 .container{width:calc(100% - 28px)}
  .rayan-about-v81 .rayan-about-intro{padding:28px 0 38px}.rayan-about-v81 .rayan-about-intro h1{font-size:34px}.rayan-about-v81 .rayan-about-intro-copy>strong{font-size:16px}.rayan-about-v81 .rayan-about-ceo-message{padding:18px 16px;border-radius:0 13px 13px 0}.rayan-about-v81 .rayan-about-portrait{border-width:5px;border-radius:20px}
  .rayan-about-v81 .rayan-about-overview-content{padding:27px 20px;border-radius:19px}.rayan-about-v81 .rayan-about-company-visual{border-width:5px;border-radius:20px}.rayan-about-v81 .rayan-about-proof-list{display:grid;gap:10px}.rayan-about-v81 .rayan-about-proof-list>span{width:100%}
  .rayan-about-v81 .rayan-about-timeline-list li>span{width:48px;height:48px}.rayan-about-v81 .rayan-about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.rayan-about-v81 .rayan-about-team-grid article{border-radius:0}.rayan-about-v81 .rayan-about-capability-grid article{min-height:0;border-radius:15px}.rayan-about-v81 .rayan-about-cta-box{min-height:0}.rayan-about-v81 .rayan-about-cta-copy h2{font-size:25px}
}