/** intro section styles. Extracted and scoped from the verified visual compatibility layer. */
/* Intro: physical portrait on the left, RTL copy on the right. */
.rayan-about-v81 .rayan-about-intro{padding:18px 0 22px;background:#fff}

.rayan-about-v81 .rayan-about-intro-grid{
  display:grid;
  grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);
  grid-template-areas:"portrait copy";
  align-items:center;
  gap:clamp(48px,6vw,86px);
  direction:ltr;
}

.rayan-about-v81 .rayan-about-intro-copy{grid-area:copy;min-width:0;padding:8px 0;direction:rtl}

.rayan-about-v81 .rayan-about-intro h1{margin:5px 0 8px;color:#063575;font-size:clamp(34px,3vw,40px);font-weight:900;line-height:1.45;letter-spacing:-1px}

.rayan-about-v81 .rayan-about-intro-copy>strong{display:block;margin-bottom:9px;color:#0a427f;font-size:17px;line-height:1.85}

.rayan-about-v81 .rayan-about-intro-copy>p{max-width:720px;margin:0;color:var(--about-text);font-size:15px;line-height:2.05}

@media (max-width:1100px){
  .rayan-about-v81 .container{width:min(100% - 48px,1080px)}
  .rayan-about-v81 .rayan-about-intro-grid{grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);gap:clamp(64px,7vw,82px)}
  .rayan-about-v81 .rayan-about-stats-grid article{min-height:76px}
}

@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}
}

@media (max-width:560px){
  .rayan-about-v81 .container{width:calc(100% - 28px)}
  .rayan-about-v81 :where(section){scroll-margin-top:78px}
  .rayan-about-v81 .rayan-about-intro h1{font-size:31px;line-height:1.5}
  .rayan-about-v81 .rayan-about-intro-copy>strong{font-size:16px}.rayan-about-v81 .rayan-about-intro-copy>p{font-size:15px;line-height:1.95}
  .rayan-about-v81 .rayan-about-ceo-message{padding:16px 14px}.rayan-about-v81 .rayan-about-ceo-message>p{font-size:14px;line-height:1.9}.rayan-about-v81 .rayan-about-ceo-message>footer{align-items:flex-start;flex-direction:column}.rayan-about-v81 .rayan-about-ceo-message cite b{font-size:13px}.rayan-about-v81 .rayan-about-ceo-message cite small{font-size:12px}
  .rayan-about-v81 .rayan-about-stats-grid{grid-template-columns:minmax(0,1fr);gap:7px}.rayan-about-v81 .rayan-about-stats-grid article{min-height:68px;grid-template-columns:46px minmax(0,1fr);padding:9px 12px}.rayan-about-v81 .rayan-about-stat-icon{width:42px;height:42px}.rayan-about-v81 .rayan-about-stats-grid strong{font-size:21px}.rayan-about-v81 .rayan-about-stats-grid small{font-size:13px}.rayan-about-v81 .rayan-about-stats-grid em{font-size:11px}
  .rayan-about-v81 .rayan-about-resume-copy h2,.rayan-about-v81 .rayan-about-section-heading h2{font-size:22px}.rayan-about-v81 .rayan-about-resume-copy>p{font-size:15px;line-height:1.95}
  .rayan-about-v81 .rayan-about-proof-list{display:grid}.rayan-about-v81 .rayan-about-proof-list>span{width:100%;min-height:42px}.rayan-about-v81 .rayan-about-proof-list b{font-size:12px}
  .rayan-about-v81 .rayan-about-section-heading{margin-bottom:16px;text-align:right}.rayan-about-v81 .rayan-about-section-heading>span{justify-content:flex-start}.rayan-about-v81 .rayan-about-section-heading>span::after{display:none}.rayan-about-v81 .rayan-about-section-heading>p{font-size:14px;text-align:right}
  .rayan-about-v81 .rayan-about-timeline-list{grid-template-columns:minmax(0,1fr);gap:7px;padding:0}.rayan-about-v81 .rayan-about-timeline-list li{grid-template-columns:48px minmax(0,1fr);justify-items:start;align-items:center;column-gap:10px;padding:9px 10px;border:1px solid #e5eaf0;border-radius:7px;background:#f8f9fb;text-align:right}.rayan-about-v81 .rayan-about-timeline-list li>span{grid-row:1/3;width:44px;height:44px;border:0;border-radius:50%}.rayan-about-v81 .rayan-about-timeline-list b{font-size:13px}.rayan-about-v81 .rayan-about-timeline-list small{max-width:none;font-size:13px}
  .rayan-about-v81 .rayan-about-team-grid{grid-template-columns:1fr 1fr;gap:8px}.rayan-about-v81 .rayan-about-team-grid h3{font-size:13px}.rayan-about-v81 .rayan-about-team-grid p{font-size:12px}
  .rayan-about-v81 .rayan-about-capability-grid{grid-template-columns:minmax(0,1fr)}.rayan-about-v81 .rayan-about-capability-grid article{padding:13px}.rayan-about-v81 .rayan-about-capability-grid h3{font-size:14px}.rayan-about-v81 .rayan-about-capability-grid p{font-size:13px}
  .rayan-about-v81 .rayan-about-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rayan-about-v81 .rayan-about-logo-grid small{font-size:11px}
  .rayan-about-v81 .rayan-about-cta-copy h2{font-size:23px}.rayan-about-v81 .rayan-about-cta-copy p{font-size:14px}.rayan-about-v81 .rayan-about-cta-copy>div{display:grid}.rayan-about-v81 .rayan-about-cta-copy .btn{width:100%;min-height:48px;font-size:14px}
}

.rayan-about-v81 .rayan-about-intro{position:relative;isolation:isolate;padding:48px 0 72px;overflow:hidden;background:linear-gradient(112deg,#f9fbff 0%,#fff 48%,#f3f8ff 100%)}

.rayan-about-v81 .rayan-about-intro::before{content:"";position:absolute;z-index:0;width:min(47vw,660px);height:min(47vw,660px);top:-53%;right:-18%;border-radius:50%;background:radial-gradient(circle,rgba(44,125,236,.15),rgba(44,125,236,0) 68%)}

.rayan-about-v81 .rayan-about-intro::after{content:"";position:absolute;z-index:0;width:320px;height:320px;bottom:-210px;left:8%;border:1px solid rgba(18,91,179,.1);border-radius:50%}

.rayan-about-v81 .rayan-about-intro-grid{position:relative;z-index:1;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:clamp(48px,7vw,100px)}

.rayan-about-v81 .rayan-about-intro-copy{padding:30px 0 24px}

.rayan-about-v81 .rayan-about-intro h1{max-width:620px;margin:8px 0 11px;color:var(--about-deep);font-size:clamp(38px,4vw,52px);letter-spacing:-1.8px;line-height:1.34}

.rayan-about-v81 .rayan-about-intro-copy>strong{max-width:620px;margin-bottom:12px;color:#135394;font-size:18px;line-height:1.9}

.rayan-about-v81 .rayan-about-intro-copy>p{max-width:650px;color:#4f6683;font-size:15px;line-height:2.1}

@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}
}