.about-page{background:#fff;color:#171719}.about-page main{overflow:hidden}.section-shell{width:min(1540px,90%);margin-inline:auto}.about-hero{min-height:640px;display:grid;grid-template-columns:1.08fr .92fr;background:#f7f6f4}.about-hero-media{min-height:640px;overflow:hidden}.about-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.about-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px clamp(45px,7vw,135px);text-align:right}.about-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:40px;color:#948985;font-size:13px}.about-breadcrumb a{color:inherit;text-decoration:none}.about-breadcrumb i{color:var(--satc-gold);font-size:9px}.about-hero h1{max-width:620px;margin:0;color:var(--satc-burgundy);font-size:var(--fs-page-title);font-weight:700;line-height:1.25;letter-spacing:-.04em}.about-hero p{max-width:620px;margin:26px 0 34px;color:#554d4b;font-size:18px;line-height:2}.about-cta{display:inline-flex;align-items:center;gap:16px;padding:var(--btn-py) var(--btn-px);background:var(--btn-bg);color:var(--btn-fg);text-decoration:none;font-size:14px;font-weight:var(--btn-weight);transition:background-color .2s,transform .2s}.about-cta:hover{background:var(--btn-bg-hover);color:var(--btn-fg);transform:translateY(var(--btn-lift))}.about-intro{display:grid;grid-template-columns:.62fr 1.38fr;gap:8%;padding-block:105px;align-items:start}.intro-heading span{color:var(--satc-gold);font-size:13px;font-weight:800}.intro-heading h2,.section-copy h2,.mission-heading h2,.sisters-heading h2,.profile-download h2{margin:8px 0 0;color:#171719;font-size:var(--fs-section-title);font-weight:800}.about-intro>p{margin:0;color:#5f5855;font-size:17px;line-height:2.2}.vision-section,.goals-section{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:8%;padding-bottom:115px}.vision-image,.goals-image{height:560px;overflow:hidden}.vision-image img,.goals-image img{width:100%;height:100%;object-fit:cover}.section-copy{max-width:600px}.section-number{display:flex;align-items:center;gap:15px;color:var(--satc-gold);font-size:14px;font-weight:800}.section-number:after{content:"";width:46px;height:1px;background:currentColor}.section-copy p{margin:25px 0 0;color:#5f5855;font-size:16px;line-height:2.2}.mission-section{padding:105px 0;background:var(--satc-burgundy);color:#fff}.mission-section .section-shell{display:grid;grid-template-columns:.55fr 1.45fr;gap:10%;align-items:start}.mission-section h2{color:#fff}.mission-section p{max-width:980px;margin:0;font-size:17px;line-height:2.35;color:#f2e9e7}.goals-section{grid-template-columns:.88fr 1.12fr;padding-block:120px}.goals-image{order:-1}.goal-lines{display:grid;margin-top:35px;border-top:1px solid #ddd5cd}.goal-lines span{padding:17px 0;border-bottom:1px solid #ddd5cd;color:#2b2523;font-weight:700}.organization-section{padding:115px 0;background:#f5f4f2}.organization-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}.organization-visual{direction:rtl;text-align:center}.org-root{width:180px;margin:0 auto;padding:24px;background:var(--satc-burgundy);color:#fff}.org-root i{display:block;margin-bottom:10px;font-size:27px;color:var(--satc-gold)}.org-root span{font-weight:800}.org-rail{width:76%;height:55px;margin:auto;border-top:1px solid var(--satc-gold);border-right:1px solid var(--satc-gold);border-left:1px solid var(--satc-gold);transform:translateY(26px)}.org-units{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}.org-units span{display:grid;place-items:center;min-height:120px;padding:16px;border:1px solid #d8c7b1;background:#fff;font-size:13px;font-weight:700}.org-units i{display:block;margin-bottom:12px;color:var(--satc-burgundy);font-size:24px}.profile-download{padding:72px 0;background:var(--satc-burgundy);color:#fff}.profile-download .section-shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.profile-download h2{color:#fff;font-size:var(--fs-section-title);font-weight:800}.profile-download p{margin:9px 0 0;color:#d8c9c7}.profile-download a{display:flex;align-items:center;gap:20px;min-width:260px;justify-content:space-between;padding:var(--btn-py) var(--btn-px);border:1px solid var(--btn2d-line);color:var(--btn2d-fg);text-decoration:none;font-size:14px;font-weight:var(--btn-weight);transition:background-color .2s,color .2s,border-color .2s,transform .2s}.profile-download a:hover{background:var(--btn2d-fill-hover);border-color:var(--btn2d-fill-hover);color:var(--btn2d-fg-hover);transform:translateY(var(--btn-lift))}.sisters-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;padding-block:110px;align-items:start}.sisters-heading p{margin:22px 0 0;color:#655e5a;line-height:2;font-size:15px}.sister-logos{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e1dcd6;border-bottom:1px solid #e1dcd6}.sister-logos article{display:flex;flex-direction:column;align-items:center;padding:32px 18px;border-left:1px solid #e1dcd6;text-align:center}.sister-logos article:last-child{border-left:0}.sister-logos img{width:66px;height:58px;object-fit:contain;filter:grayscale(1);opacity:.7}.sister-logos strong{margin-top:14px;font-size:13px}.sister-logos span{margin-top:4px;color:#918985;font-size:11px}
@media(max-width:991px){.about-hero{min-height:560px;grid-template-columns:1fr 1fr}.about-hero-media{min-height:560px}.about-hero-copy{padding:55px 35px}.about-hero h1{font-size:46px}.about-hero p{font-size:14px}.about-intro,.mission-section .section-shell,.sisters-section{grid-template-columns:1fr;gap:30px}.vision-section,.goals-section{gap:5%}.vision-image,.goals-image{height:430px}.organization-layout{grid-template-columns:1fr;gap:55px}.sister-logos{margin-top:10px}}
@media(max-width:700px){.section-shell{width:calc(100% - 36px)}.about-hero{display:flex;min-height:calc(90dvh - 70px);position:relative}.about-hero-media{position:absolute;inset:0;min-height:0}.about-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,15,15,.82),rgba(18,15,15,.08) 70%)}.about-hero-copy{position:relative;z-index:1;align-self:flex-end;padding:42px 24px;color:#fff}.about-breadcrumb{margin-bottom:23px;color:#eee}.about-hero h1{color:#fff;font-size:42px}.about-hero p{margin:18px 0 25px;color:#fff;font-size:14px;line-height:1.9}.about-intro{padding-block:65px}.intro-heading h2,.section-copy h2,.mission-heading h2,.sisters-heading h2{font-size:32px}.about-intro>p,.mission-section p{font-size:14px}.vision-section,.goals-section{display:flex;flex-direction:column;gap:30px;padding-bottom:70px}.vision-image,.goals-image{width:100%;height:320px;order:0}.mission-section{padding:68px 0}.goals-section{padding-block:70px}.organization-section{padding:70px 0}.org-root{width:150px}.org-rail{width:75%;height:40px}.org-units{grid-template-columns:repeat(2,1fr);gap:10px}.org-units span{min-height:100px}.profile-download{padding:50px 0}.profile-download .section-shell{align-items:stretch;flex-direction:column}.profile-download h2{font-size:28px}.profile-download a{min-width:0}.sisters-section{padding-block:70px}.sister-logos{grid-template-columns:repeat(2,1fr)}.sister-logos article:nth-child(2){border-left:0}.sister-logos article:nth-child(-n+2){border-bottom:1px solid #e1dcd6}}

/* Prevent intrinsic-width overflow in the RTL mobile composition. */
.about-page{max-width:100%;overflow-x:hidden}.about-page main{max-width:100%}
@media(max-width:700px){.about-page .section-shell{min-width:0}.about-page .about-hero{width:100%;min-width:0}.about-page .about-hero-media{min-width:0}.about-page .about-hero-copy{width:100%;min-width:0}.about-page .about-hero h1,.about-page .about-hero p{max-width:100%;overflow-wrap:anywhere}.about-page .about-hero h1{font-size:clamp(34px,10.5vw,42px)}.about-page .organization-visual,.about-page .org-units,.about-page .sister-logos{min-width:0;max-width:100%}.about-page .org-units span,.about-page .sister-logos article{min-width:0}}

/* Sister companies: an open editorial intro followed by a continuous logo carousel. */
.about-page .sisters-section{display:block;width:100%;padding:105px 0 112px;background:#fff;overflow:hidden}
.about-page .sisters-content{display:block}
.about-page .sisters-heading{width:min(720px,100%);margin-right:0;margin-left:auto;text-align:right}
.about-page .sisters-label{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#34302e;font-size:13px}
.about-page .sisters-label i{display:block;width:24px;height:1px;background:var(--satc-burgundy)}
.about-page .sisters-heading h2{max-width:710px;margin:0;color:#171719;font-size:var(--fs-section-title);font-weight:800;line-height:1.55}
.about-page .sisters-heading p{max-width:660px;margin:24px 0 0;color:#655e5a;font-size:15px;line-height:2.1}
.sisters-carousel{width:100%;margin-top:54px;overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sisters-track{display:flex;width:max-content;animation:sisters-marquee 30s linear infinite;will-change:transform}
.sisters-set{display:flex;align-items:center;gap:26px;padding-left:26px}
.sisters-set figure{width:170px;height:118px;display:grid;place-items:center;flex:0 0 auto;margin:0;background:#fafafa}
.sisters-set img{width:128px;height:68px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .25s ease,opacity .25s ease,transform .25s ease}
.sisters-set figure:hover img{filter:none;opacity:1;transform:scale(1.04)}
.sisters-carousel:hover .sisters-track,.sisters-carousel:focus-within .sisters-track{animation-play-state:paused}
@keyframes sisters-marquee{to{transform:translateX(-50%)}}
@media(max-width:700px){.about-page .sisters-section{padding:68px 0 76px}.about-page .sisters-heading{width:calc(100% - 36px);margin-inline:auto}.about-page .sisters-label{margin-bottom:20px}.about-page .sisters-heading h2{font-size:30px;line-height:1.5}.about-page .sisters-heading p{font-size:13px;line-height:2}.sisters-carousel{margin-top:34px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.sisters-set{gap:14px;padding-left:14px}.sisters-set figure{width:132px;height:94px}.sisters-set img{width:102px;height:58px}.sisters-track{animation-duration:22s}}
@media(prefers-reduced-motion:reduce){.sisters-track{animation:none}.sisters-carousel{overflow-x:auto;scrollbar-width:thin}}

/* Full-viewport architectural hero. */
.about-page .about-hero{position:relative;display:flex;min-height:calc(100dvh - 129px);isolation:isolate;background:#171719}
.about-page .about-hero-media{position:absolute;z-index:-1;inset:0;min-height:0}
.about-page .about-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-page .about-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,8,8,.12) 0%,rgba(9,8,8,.3) 48%,rgba(9,8,8,.82) 100%)}
.about-page .about-hero-copy{width:min(1540px,90%);margin:auto;padding:70px 0;align-items:flex-start;color:#fff}
.about-page .about-breadcrumb{margin-bottom:34px;color:#e5ded9}
.about-page .about-hero h1{max-width:760px;color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.22)}
.about-page .about-hero p{max-width:690px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.about-page .about-cta{background:var(--btn-bg);color:var(--btn-fg)}.about-page .about-cta:hover{background:var(--btn-bg-hover);color:var(--btn-fg);transform:translateY(var(--btn-lift))}
@media(max-width:700px){.about-page .about-hero{height:auto;min-height:calc(90dvh - 70px);max-height:90dvh}.about-page .about-hero-media{position:absolute}.about-page .about-hero-media:after{background:linear-gradient(0deg,rgba(9,8,8,.88) 0%,rgba(9,8,8,.2) 72%)}.about-page .about-hero-copy{width:calc(100% - 36px);margin-inline:auto;padding:38px 0;align-self:flex-end}.about-page .about-breadcrumb{margin-bottom:18px}.about-page .about-hero h1{font-size:clamp(34px,11vw,46px);line-height:1.25}.about-page .about-hero p{margin-block:16px 23px;font-size:13px;line-height:1.9}.about-page .about-cta{padding:13px 18px;font-size:12px}}

/* A stronger corporate statement between the hero and the vision section. */
.about-page .about-intro{position:relative;width:100%;padding:105px 0 88px;background:var(--satc-burgundy);color:#fff;overflow:hidden}
.about-page .about-intro:after{content:"SATC";position:absolute;left:-22px;bottom:-86px;color:rgba(255,255,255,.035);font:800 230px/1 Arial,sans-serif;letter-spacing:-.08em;pointer-events:none}
.about-page .intro-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:10%;align-items:start}
.about-page .intro-heading{position:relative;padding-right:28px;border-right:1px solid var(--satc-gold)}
.about-page .intro-heading span{color:#d9b37d;font-size:13px;font-weight:800}
.about-page .intro-heading h2{margin:15px 0 0;color:#fff;font-size:var(--fs-section-title);font-weight:800;line-height:1.25;letter-spacing:-.035em}
.about-page .intro-statement{position:relative;z-index:1}
.about-page .intro-statement>p{max-width:900px;margin:0;color:#f1e9e7;font-size:18px;line-height:2.25}
.about-page .intro-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid rgba(255,255,255,.25)}
.about-page .intro-principles span{display:flex;align-items:center;gap:13px;padding:20px 0 0;border-left:1px solid rgba(255,255,255,.16);color:#fff;font-size:14px;font-weight:700}
.about-page .intro-principles span:last-child{border-left:0}
.about-page .intro-principles b{color:var(--satc-gold);font-size:11px;font-weight:800}
@media(max-width:700px){.about-page .about-intro{padding:65px 0 56px}.about-page .about-intro:after{left:-10px;bottom:-32px;font-size:110px}.about-page .intro-layout{grid-template-columns:1fr;gap:34px}.about-page .intro-heading{padding-right:18px}.about-page .intro-heading h2{font-size:42px}.about-page .intro-statement>p{font-size:14px;line-height:2.05}.about-page .intro-principles{margin-top:34px}.about-page .intro-principles span{gap:6px;padding-top:15px;font-size:11px}.about-page .intro-principles b{font-size:9px}}

/* Reference-led About composition: editorial copy plus a three-image architectural collage. */
.about-page .about-intro{display:block;width:100%;margin:0;padding:110px 0;background:#f7f7f7;color:#171719}
.about-page .about-intro:after{content:none}
.about-page .intro-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:7%;align-items:center}
.about-page .intro-copy{max-width:700px;text-align:right}
.about-page .intro-label{display:inline-flex;align-items:center;justify-content:center;min-width:132px;padding:13px 24px;background:var(--satc-burgundy);color:#fff;font-size:15px;font-weight:800}
.about-page .intro-copy h2{margin:26px 0 20px;color:var(--satc-burgundy);font-size:var(--fs-section-title);font-weight:800;line-height:1.45;letter-spacing:-.025em}
.about-page .intro-copy p{max-width:690px;margin:0 0 11px;color:#45403e;font-size:16px;line-height:2.15}
.about-page .intro-action{display:inline-flex;align-items:center;gap:22px;margin-top:24px;padding:var(--btn-py) var(--btn-px);background:var(--btn-bg);color:var(--btn-fg);text-decoration:none;font-size:13px;font-weight:var(--btn-weight);transition:background-color .25s ease,transform .25s ease}.about-page .intro-action:hover{background:var(--btn-bg-hover);color:var(--btn-fg);transform:translateY(var(--btn-lift))}
.about-page .intro-action:hover{background:var(--satc-gold);transform:translateY(-3px)}
.about-page .intro-collage{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:255px 255px;gap:18px;min-width:0;direction:rtl}
.about-page .intro-collage figure{position:relative;margin:0;overflow:hidden;border-radius:30px;background:#ddd}
.about-page .intro-collage img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.about-page .intro-collage figure:hover img{transform:scale(1.045)}
.about-page .intro-collage figure:nth-of-type(2) img{object-position:center 58%}
.about-page .collage-seal{position:absolute;z-index:2;top:50%;right:50%;width:176px;height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:10px solid #f7f7f7;border-radius:50%;background:var(--satc-gold);color:#fff;text-align:center;transform:translate(50%,-50%);box-shadow:0 12px 36px rgba(49,3,7,.15)}
.about-page .collage-seal strong{font:700 31px/1 Cairo,sans-serif}
.about-page .collage-seal span{margin-top:10px;font-size:16px;font-weight:800;line-height:1.45}
@media(max-width:991px){.about-page .intro-layout{gap:5%}.about-page .intro-copy h2{font-size:38px}.about-page .intro-copy p{font-size:14px}.about-page .intro-collage{grid-template-rows:215px 215px}.about-page .collage-seal{width:150px;height:150px;border-width:8px}}
@media(max-width:700px){.about-page .about-intro{padding:68px 0}.about-page .intro-layout{display:flex;flex-direction:column;gap:48px}.about-page .intro-copy{width:100%;order:1}.about-page .intro-label{min-width:112px;padding:11px 18px;font-size:13px}.about-page .intro-copy h2{margin-top:21px;font-size:32px;line-height:1.5}.about-page .intro-copy p{font-size:13px;line-height:2}.about-page .intro-collage{width:100%;grid-template-rows:170px 170px;gap:10px;order:0}.about-page .intro-collage figure{border-radius:18px}.about-page .collage-seal{width:120px;height:120px;border-width:7px}.about-page .collage-seal strong{font-size:23px}.about-page .collage-seal span{margin-top:7px;font-size:12px}.about-page .intro-action{margin-top:17px;padding:13px 18px;font-size:12px}}

/* Vision, mission and goals as one coherent icon-card system. */
.principles-section{padding:110px 0 120px;background:#fff}
.principles-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px;text-align:right}
.principles-heading h2{max-width:850px;margin:0;color:#171719;font-size:var(--fs-section-title);font-weight:800;line-height:1.45}
.principles-heading p{margin:12px 0 0;color:#766e69;font-size:15px}
.principles-heading>span{display:flex;align-items:center;gap:12px;white-space:nowrap;color:var(--satc-gold);font-size:13px;font-weight:800}
.principles-heading>span:before{content:"";width:36px;height:1px;background:currentColor}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;direction:rtl}
.principle-card{position:relative;min-height:490px;padding:34px 34px 38px;border:1px solid #d9c5aa;background:#fff;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.principle-card:hover{transform:translateY(-8px);border-color:var(--satc-gold);box-shadow:0 22px 50px rgba(49,3,7,.1)}
.principle-top{display:flex;align-items:center;gap:18px;color:var(--satc-gold)}
.principle-top span{font:700 24px/1 Cairo,sans-serif}
.principle-top i{height:1px;flex:1;background:currentColor;opacity:.8}
.principle-icon{width:112px;height:112px;display:grid;place-items:center;margin:42px 0 27px;background:var(--satc-burgundy);color:var(--satc-gold);font-size:45px;transition:transform .3s ease}
.principle-card:hover .principle-icon{transform:scale(1.05)}
.principle-card h3{margin:0 0 18px;color:#171719;font-size:var(--fs-box-title);font-weight:700}
.principle-card p{margin:0;color:#5c5551;font-size:15px;line-height:2.15}
.principle-featured{background:var(--satc-burgundy);border-color:var(--satc-burgundy);color:#fff}
.principle-featured .principle-top{color:#d9b276}.principle-featured .principle-icon{border:1px solid var(--satc-gold);background:rgba(255,255,255,.035)}
.principle-featured h3,.principle-featured p{color:#fff}.principle-featured p{color:#eee3e1}
@media(max-width:991px){.principles-section{padding:85px 0 95px}.principles-heading{align-items:flex-start;flex-direction:column;margin-bottom:36px}.principles-grid{grid-template-columns:1fr}.principle-card{min-height:0}.principle-icon{margin:30px 0 23px}.principle-featured{order:-1}}
@media(max-width:700px){.principles-section{padding:68px 0 74px}.principles-heading{gap:18px}.principles-heading h2{font-size:31px}.principles-heading p{font-size:13px;line-height:1.8}.principles-grid{gap:14px}.principle-card{padding:25px 23px 28px}.principle-top span{font-size:19px}.principle-icon{width:82px;height:82px;margin:24px 0 20px;font-size:33px}.principle-card h3{margin-bottom:12px;font-size:25px}.principle-card p{font-size:13px;line-height:2}}
