/* V19 — office photo in About story: desktop image card, mobile content-sized readable backdrop. */
.about-page .about-story{position:relative;isolation:isolate;}
.about-page .about-story .story-art{max-width:560px;border-radius:30px;padding:7px;background:linear-gradient(135deg,#ecd9a6,#e9eddd 52%,#d9b365);box-shadow:0 19px 48px rgba(15,55,37,.11);}
.about-page .about-story .story-art >img{width:100%;height:auto;aspect-ratio: 1.12 / 1;object-fit:cover;object-position:50% 46%;border-radius:24px;}
.about-page .about-story .story-art-caption{bottom:20px;max-width:330px;}
html[data-theme="dark"] .about-page .about-story .story-art{background:linear-gradient(135deg,#96732c,#133f32 52%,#cda75e);}
@media(max-width:850px) and (min-width:641px){.about-page .about-story .story-layout{gap:25px;grid-template-columns:1fr 1fr;}.about-page .about-story .story-art>img{aspect-ratio: .88 / 1;}}
@media(max-width:640px){
 .about-page .about-story{padding-block:0!important;background:var(--page);}
 .about-page .about-story .story-layout{width:100%;display:block;position:relative;isolation:isolate;padding:clamp(34px,9vw,52px) 18px;overflow:hidden;}
 .about-page .about-story .story-layout::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('../images/shifa-office.webp');background-size:cover;background-position:52% 42%;}
 .about-page .about-story .story-layout::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(255,252,243,.98),rgba(255,252,243,.90) 68%,rgba(255,252,243,.54));}
 html[data-theme="dark"] .about-page .about-story .story-layout::after{background:linear-gradient(95deg,rgba(8,36,28,.98),rgba(8,36,28,.91) 72%,rgba(8,36,28,.65));}
 .about-page .about-story .story-art{display:none;}
 .about-page .about-story .story-copy{max-width:530px;position:relative;z-index:1;padding:10px 2px;}
 .about-page .about-story .story-copy p:not(.eyebrow){font-size:13px;line-height:1.82;}
 .about-page .about-story .story-signature{font-size:15px;margin:18px 0;}
 html[dir="rtl"] .about-page .about-story .story-layout::after{background:linear-gradient(270deg,rgba(255,252,243,.98),rgba(255,252,243,.9) 70%,rgba(255,252,243,.6));}
 html[dir="rtl"][data-theme="dark"] .about-page .about-story .story-layout::after{background:linear-gradient(270deg,rgba(8,36,28,.98),rgba(8,36,28,.91) 72%,rgba(8,36,28,.65));}
}