/* About reference design. All rules stay inside the page content. */
/* Override the shared h1 width so the hero is centered in its own container. */
.about-design .a-hero > h1{width:100%;max-width:none;margin-inline:auto;text-align:center}
.about-design{--a-ink:#052337;--a-gold:#96704e;--a-muted:#738392;--a-paper:#fbf8f3;background:var(--a-paper);color:var(--a-ink);overflow:hidden;font-family:var(--font-main);line-height:1.45}
.about-design *{box-sizing:border-box}.about-design h1,.about-design h2,.about-design h3,.about-design p{margin:0}.about-design h1,.about-design h2{font-size:clamp(40px,4.9vw,76px);font-weight:650;letter-spacing:-.045em;line-height:1.06}.about-design h1 span,.about-design h2 span{color:var(--a-gold)}.about-design h3{font-size:25px;letter-spacing:-.045em;line-height:1.2;font-weight:600}.about-design p{color:var(--a-muted)}.about-design img{display:block;max-width:100%}.a-wrap{width:min(90%,1380px);margin-inline:auto}.a-section{padding-block:92px;position:relative}.a-heading{text-align:center;margin:0 auto 38px;position:relative;z-index:1}.about-design .a-eyebrow{font-size:15px;text-transform:uppercase;letter-spacing:.4em;color:var(--a-gold);margin-bottom:23px}.about-design .a-intro{font-size:20px;line-height:1.45;max-width:810px;margin:20px auto 0}.a-hero{text-align:center;padding-top:65px;padding-bottom:28px}.a-hero-art{position:relative;margin-top:30px;aspect-ratio:4.4;border-radius:28px;overflow:hidden;box-shadow:0 15px 35px #725d4310}.a-hero-art>img{width:100%;height:100%;object-fit:cover}.a-hero-art p{position:absolute;top:16%;left:4.5%;text-align:left;font-size:12px;letter-spacing:.23em;text-transform:uppercase;line-height:1.85;color:#45433e}.a-hero-art p:last-child{left:auto;right:4%;top:20%;border-left:1px solid #96704e;padding-left:24px;color:#805a39}.a-stats{display:flex;justify-content:center;margin:32px auto 26px;max-width:960px}.a-stats>div{display:flex;gap:22px;align-items:center;text-align:left;flex:1;justify-content:center}.a-stats>div+div{border-left:1px solid #dcd5cb}.a-stats svg{width:58px;height:58px;padding:13px;background:#f1ece4;border-radius:50%;color:var(--a-gold);stroke-width:1.4}.a-stats strong{display:block;color:var(--a-ink);font-size:32px;line-height:1.15}.a-stats b{display:block;color:var(--a-ink);font-size:12px;text-transform:uppercase;letter-spacing:.24em;margin:5px 0}.a-stats small{font-size:14px}.a-actions{display:flex;justify-content:center;align-items:center;gap:32px}.a-button{display:inline-flex;gap:26px;align-items:center;justify-content:center;border-radius:40px;padding:14px 27px;background:#032334;color:white;text-decoration:none;font-size:14px;border:1px solid #032334;transition:background .2s,transform .2s}.a-button:hover{background:#244456;transform:translateY(-2px)}.a-button span{font-size:23px;line-height:1}.a-story{display:flex;align-items:center;gap:14px;color:var(--a-ink);text-decoration:none;font-size:14px}.a-story span{display:grid;place-items:center;border:1px solid var(--a-gold);color:var(--a-gold);width:47px;height:47px;border-radius:50%;font-size:23px}.about-design .a-signature{display:flex;align-items:center;justify-content:center;gap:20px;text-align:center;color:var(--a-gold);font-size:10px;letter-spacing:.3em;text-transform:uppercase;margin-top:38px}.a-signature:before,.a-signature:after{content:'';width:44px;height:1px;background:#ad8967;flex-shrink:0}.a-who:before,.a-principles:before{content:'';position:absolute;width:700px;height:700px;border:1px solid #d8bea245;border-radius:50%;top:-420px;left:-650px;pointer-events:none}.a-vision{background:radial-gradient(ellipse at bottom left,#8d775035,transparent 32%),#041e2b;border-radius:24px;padding:65px 9%;display:grid;grid-template-columns:1fr 110px 1fr;gap:55px;position:relative;overflow:hidden}.a-vision:after{content:'';position:absolute;width:750px;height:400px;border:1px solid #be9a63;border-radius:50%;right:-420px;top:-270px;transform:rotate(25deg)}.a-vision article{align-self:center}.a-vision article>p:last-child{color:#fff;font-size:clamp(23px,2vw,31px);line-height:1.45}.a-vision .a-eyebrow{color:#e7be88;font-size:15px}.a-vision-mark{display:flex;flex-direction:column;align-items:center;gap:22px}.a-vision-mark:before,.a-vision-mark:after{content:'';width:1px;min-height:95px;flex:1;background:#ccab7d}.a-vision-mark img{width:72px}.about-design .a-who-note{text-align:center;max-width:960px;margin:28px auto 0;font-size:16px;line-height:1.6}.a-journey{max-width:1150px}.a-timeline{position:relative;margin-top:52px;padding:0 0 30px}.a-timeline:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#b69573}.a-milestone{width:50%;display:flex;gap:24px;position:relative;padding:16px 48px 16px 0;min-height:195px}.a-milestone:nth-child(even){margin-left:50%;padding:16px 0 16px 48px;flex-direction:row-reverse}.a-milestone:after{content:'';position:absolute;right:-9px;top:38px;width:18px;height:18px;background:linear-gradient(#bd976b,#5d4128);border:4px solid #fffcf7;box-shadow:0 2px 8px #9b795866;border-radius:50%}.a-milestone:nth-child(even):after{right:auto;left:-9px}.a-milestone:before{content:'';position:absolute;width:40px;height:1px;background:#b69573;right:0;top:46px}.a-milestone:nth-child(even):before{right:auto;left:0}.a-journey-image{width:46%;flex-shrink:0;border-radius:14px;background-image:url('assets/about/journey.png');background-size:500% 100%;background-position:calc(var(--panel) * 25%) center;align-self:flex-start;aspect-ratio:1.35}.a-year{font-family:Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-.07em;color:#a7805a;line-height:1.1}.a-milestone h3{font-size:21px;margin:6px 0}.a-milestone p{font-size:16px}.a-timeline-end{position:relative;width:72px;height:72px;border:1px solid #dfcbb3;border-radius:50%;padding:16px;margin:auto;background:#f4eee5}.a-timeline-end img{width:100%}.a-principles-layout{height:690px;position:relative;margin-top:-12px}.a-petals{position:absolute;width:660px;left:50%;transform:translateX(-50%);top:0}.a-principles-center{position:absolute;left:50%;top:255px;transform:translateX(-50%);width:164px;height:164px;border:1px solid #d6b99555;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 0 0 22px #dbc6ab0b}.a-principles-center img{width:82px}.a-principles-center p{font-size:9px;letter-spacing:.4em;text-align:center;text-transform:uppercase;color:var(--a-gold)}.a-principle{position:absolute;width:215px}.a-number{display:block;color:#a7805a;font:29px Georgia,serif;margin-bottom:15px}.a-number:after{content:'';display:block;width:27px;height:1px;background:#a7805a;margin-top:10px}.a-principle h3{margin-bottom:6px}.a-principle p{font-size:17px}.a-principle-1{left:0;top:30px}.a-principle-2{right:0;top:30px}.a-principle-3{left:0;top:325px}.a-principle-4{right:0;top:325px}.a-principle-5{width:410px;left:50%;transform:translateX(-50%);top:660px;padding-left:52px}.a-principle-5 .a-number{position:absolute;left:0;top:0}.a-principles{padding-bottom:120px}.a-team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.a-placeholder-note{text-align:center;font-size:12px;margin:-15px 0 25px!important;letter-spacing:.05em}.a-team-card{overflow:hidden;background:#faf7f1;border:1px solid white;border-radius:25px;box-shadow:0 10px 30px #66554112}.a-portrait{aspect-ratio:1;background-image:url('assets/about/team.png');background-size:500% 200%;background-position:var(--x) var(--y)}.a-team-copy{padding:16px 18px}.a-team-copy h3{font-size:20px}.a-team-copy p{font-size:14px;margin-top:4px}.a-team-copy span{display:block;width:33px;height:1px;background:#a7805a;margin-top:21px}.a-team-quote{display:grid;grid-template-columns:1fr 1.5fr .7fr;align-items:center;gap:60px;border:1px solid white;border-radius:25px;padding:32px 6%;margin-top:24px;background:linear-gradient(120deg,#fffaf3,#eee7dc77)}.a-team-quote img{width:225px}.a-team-quote blockquote{font:29px/1.3 Georgia,serif;letter-spacing:-.05em;margin:0;border-left:1px solid #bba58d;padding-left:65px}.a-team-quote p{font-size:10px;letter-spacing:.28em;line-height:1.9;text-transform:uppercase}.a-global{min-height:810px;background:url('assets/about/global.png') center/cover no-repeat;display:flex;align-items:center}.a-global-copy{width:40%;padding-bottom:70px}.a-global h2{font-size:clamp(50px,6vw,92px)}.a-global .a-intro{font-size:21px;margin-top:25px}.a-global-stats{display:flex;margin-top:44px;gap:28px}.a-global-stats>div{flex:1}.a-global-stats>div+div{border-left:1px solid #b6957380;padding-left:28px}.a-global-stats strong{font:clamp(52px,6.2vw,92px)/1 Georgia,serif;color:#a7805a;letter-spacing:-.07em}.a-global-stats h3{margin-top:7px}.a-global-stats p{font-size:18px;margin-top:4px}.a-platforms{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.a-platform{text-decoration:none;color:var(--a-ink);padding:18px;background:#fffaf5;border:1px solid #e7ddcf;border-radius:20px;transition:transform .2s}.a-platform:hover{transform:translateY(-5px)}.a-platform img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;margin-bottom:20px}.a-platform h3{font-size:22px;min-height:52px}.a-platform p{font-size:15px;margin:10px 0 22px}.a-platform>span{color:var(--a-gold);font-size:13px}.a-culture-layout{height:675px;position:relative}.a-culture-image{position:absolute;width:720px;height:720px;object-fit:cover;left:50%;transform:translateX(-50%);border-radius:50%;border:22px solid #f0e7dc;top:0}.a-culture-point{position:absolute;width:220px;z-index:1}.a-culture-point svg{width:64px;height:64px;padding:15px;color:#9a7652;background:#f5efe6;border:1px solid #dfcbb366;border-radius:50%;margin-bottom:18px;stroke-width:1.4}.a-culture-point h3{font-size:23px;margin-bottom:8px}.a-culture-point p{font-size:18px}.a-culture-1{top:20px;left:0}.a-culture-2{top:20px;right:0}.a-culture-3{top:350px;left:0}.a-culture-4{top:350px;right:0}.a-culture .a-who-note{position:relative;margin-top:65px}.a-careers{display:flex;gap:60px;align-items:center;justify-content:space-between;padding:48px;border-block:1px solid #dfcbb3}.a-careers>div{max-width:770px}.a-careers h2{font-size:45px}.a-careers p:last-child{margin-top:18px;max-width:650px}.a-careers .a-button{flex-shrink:0}.a-faq{padding-bottom:100px;background:linear-gradient(#fbf8f3 45%,#fbf8f3d9),url('assets/about/culture.png') center bottom/cover}.a-faq-list{width:min(90%,820px);margin:0 auto}.a-faq details{border:1px solid white;background:#fffcf8e8;border-radius:23px;margin:8px 0;box-shadow:0 5px 18px #926f4810;overflow:hidden}.a-faq summary{display:flex;gap:25px;align-items:center;list-style:none;cursor:pointer;padding:17px 27px;font-size:20px;letter-spacing:-.025em;font-weight:600;color:var(--a-ink)}.a-faq summary::-webkit-details-marker{display:none}.a-faq summary>span{font:28px Georgia,serif;color:#a7805a;padding-right:24px;border-right:1px solid #cbb49c}.a-faq summary i{margin-left:auto;flex-shrink:0;width:30px;height:30px;border:1px solid #ccb59b;border-radius:50%;position:relative}.a-faq summary i:before,.a-faq summary i:after{content:'';position:absolute;width:13px;height:2px;left:8px;top:13px;background:#9a7652}.a-faq summary i:after{transform:rotate(90deg)}.a-faq details[open] summary i:after{display:none}.a-faq details>p{padding:0 55px 23px 114px;font-size:16px}.a-closing{padding-top:65px}.a-button-light{background:transparent;color:var(--a-ink);border-color:#bda282}.a-button-light:hover{background:#eee3d4}.about-design a:focus-visible,.about-design summary:focus-visible{outline:3px solid #b58a52;outline-offset:5px}
@media(min-width:1600px){.a-principles-layout{height:765px}.a-petals{width:740px}.a-principles-center{top:295px}.a-principle-5{top:735px}.a-culture-point{width:250px}}
@media(max-width:1150px){.a-wrap{width:92%}.a-principles-layout{height:620px}.a-petals{width:530px}.a-principle{width:185px}.a-principle h3{font-size:23px}.a-principle p{font-size:15px}.a-principles-center{top:200px;width:135px;height:135px}.a-principle-5{top:540px;width:380px}.a-principle-3,.a-principle-4{top:300px}.a-vision{padding:45px 5%;gap:30px;grid-template-columns:1fr 65px 1fr}.a-team-grid{gap:12px}.a-team-copy{padding:14px 10px}.a-team-copy h3{font-size:17px}.a-team-quote{gap:25px}.a-team-quote blockquote{padding-left:30px}.a-culture-image{width:560px;height:560px}.a-culture-point{width:180px}.a-culture-point h3{font-size:20px}.a-culture-point p{font-size:16px}.a-culture-layout{height:590px}.a-culture-3,.a-culture-4{top:310px}.a-global{min-height:680px}.a-global-copy{width:45%}.a-platforms{gap:10px}.a-platform{padding:12px}.a-platform h3{font-size:19px}.a-milestone{gap:16px;padding-right:30px}.a-milestone:nth-child(even){padding-left:30px}.a-milestone:before{width:25px}.a-milestone h3{font-size:18px}.a-milestone p{font-size:14px}}
@media(max-width:800px){.a-section{padding-block:60px}.a-hero{padding-top:40px}.about-design h1,.about-design h2{font-size:44px}.about-design .a-intro{font-size:17px}.a-hero-art{aspect-ratio:2.5}.a-hero-art p{font-size:9px}.a-hero-art p:last-child{display:none}.a-stats>div{gap:10px}.a-stats svg{width:40px;height:40px;padding:9px}.a-stats strong{font-size:26px}.a-stats b{font-size:10px}.a-stats small{font-size:11px}.a-vision{gap:20px}.a-vision article>p:last-child{font-size:21px}.a-vision .a-eyebrow{font-size:12px;letter-spacing:.23em}.a-principles-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;height:auto;padding-top:550px}.a-petals{width:520px}.a-principles-center{top:205px}.a-principle{position:static;width:auto;transform:none}.a-principle-5{grid-column:1/-1;max-width:450px;margin:auto;padding:0}.a-principle-5 .a-number{position:static}.a-team-grid{grid-template-columns:repeat(3,1fr)}.a-team-copy h3{font-size:20px}.a-team-quote{grid-template-columns:1fr 1.5fr}.a-team-quote p{display:none}.a-team-quote blockquote{font-size:23px}.a-global{min-height:750px;background-position:62% bottom;align-items:flex-start;padding-top:50px}.a-global-copy{width:55%;padding-bottom:0}.a-global .a-intro{font-size:17px;background:#fbf8f399}.a-global-stats{gap:18px;margin-top:25px}.a-global-stats>div+div{padding-left:18px}.a-global-stats strong{font-size:52px}.a-global-stats p{font-size:15px}.a-platforms{grid-template-columns:repeat(3,1fr);gap:18px}.a-platform h3{min-height:0}.a-culture-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;height:auto;padding-top:570px}.a-culture-point{position:static;width:auto}.a-culture-point svg{float:right}.a-culture .a-who-note{margin-top:30px}.a-careers{padding:30px 0;gap:25px;flex-direction:column;align-items:flex-start}.a-careers h2{font-size:36px}.a-faq summary{font-size:17px;gap:17px;padding:16px 20px}.a-faq details>p{padding-left:93px}.a-faq summary>span{padding-right:17px}.a-signature{letter-spacing:.15em!important}}
@media(max-width:520px){.a-wrap{width:90%}.about-design h1,.about-design h2{font-size:37px}.about-design .a-eyebrow{font-size:11px;letter-spacing:.3em;margin-bottom:17px}.a-hero-art{aspect-ratio:1.75;border-radius:18px}.a-hero-art>img{object-position:40% center}.a-hero-art p{top:12%;font-size:8px;letter-spacing:.15em}.a-stats{gap:8px}.a-stats>div{display:block;text-align:center}.a-stats svg{margin:0 auto 8px}.a-stats strong{font-size:25px}.a-stats small{display:block;font-size:10px}.a-stats b{font-size:9px;letter-spacing:.14em}.a-actions{flex-direction:column;gap:18px}.a-signature{font-size:8px!important;gap:10px!important}.a-signature:before,.a-signature:after{width:20px}.a-vision{grid-template-columns:1fr;padding:30px 27px}.a-vision-mark{flex-direction:row;gap:20px}.a-vision-mark img{width:46px}.a-vision-mark:before,.a-vision-mark:after{height:1px;min-height:1px;width:auto}.a-vision article>p:last-child{font-size:22px}.a-timeline:before{left:9px}.a-milestone,.a-milestone:nth-child(even){margin-left:0;width:100%;padding:13px 0 25px 35px;gap:16px;flex-direction:row;min-height:175px}.a-milestone:after,.a-milestone:nth-child(even):after{left:0;right:auto;top:28px}.a-milestone:before,.a-milestone:nth-child(even):before{left:10px;right:auto;top:36px;width:20px}.a-journey-image{width:38%;aspect-ratio:.95}.a-year{font-size:35px}.a-milestone h3{font-size:18px}.a-timeline-end{margin-left:-18px;width:55px;height:55px;padding:12px}.a-principles-layout{padding-top:355px;gap:25px 20px}.a-petals{width:350px;max-width:100%}.a-principles-center{top:130px;width:95px;height:95px;gap:5px}.a-principles-center img{width:45px}.a-principles-center p{font-size:6px}.a-principle h3{font-size:21px}.a-principle p{font-size:14px}.a-number{font-size:24px;margin-bottom:10px}.a-team-grid{grid-template-columns:repeat(2,1fr);gap:12px}.a-team-card{border-radius:18px}.a-team-copy h3{font-size:17px}.a-team-copy p{font-size:12px}.a-team-quote{padding:25px 18px;gap:18px}.a-team-quote blockquote{font-size:19px;padding-left:17px}.a-global{min-height:790px;background-position:67% bottom;background-size:auto 600px;background-repeat:no-repeat;padding-top:40px}.a-global-copy{width:100%}.a-global .a-intro{max-width:330px;margin-left:0;background:transparent}.a-global h2{font-size:49px}.a-global-stats{max-width:310px;background:#fbf8f3c9;border-radius:10px;padding:12px}.a-global-stats strong{font-size:47px}.a-global-stats h3{font-size:20px}.a-global-stats p{font-size:13px}.a-platforms{grid-template-columns:1fr 1fr;gap:12px}.a-platform:last-child{grid-column:1/-1;display:grid;grid-template-columns:110px 1fr;gap:0 17px}.a-platform:last-child img{grid-row:span 3;margin:0}.a-platform p{font-size:13px}.a-platform h3{font-size:19px}.a-platform>span{font-size:11px}.a-culture-layout{padding-top:355px;gap:25px 20px}.a-culture-image{width:350px;height:350px;border-width:12px;max-width:100%}.a-culture-point svg{float:none;width:45px;height:45px;padding:10px}.a-culture-point h3{font-size:20px}.a-culture-point p{font-size:14px}.a-culture-point .a-number{display:none}.a-faq-list{width:92%}.a-faq summary{font-size:15px;padding:15px 13px;gap:12px}.a-faq summary>span{font-size:22px;padding-right:12px}.a-faq summary i{width:25px;height:25px}.a-faq summary i:before,.a-faq summary i:after{left:5px;top:10px}.a-faq details>p{padding:0 24px 20px 62px;font-size:14px}.a-faq details{border-radius:17px}.a-placeholder-note{font-size:10px}.a-heading br{display:none}}
@media(prefers-reduced-motion:reduce){.a-button,.a-platform{transition:none}}
/* Final photographic framing and fine reference details. */
.a-journey-image{background-size:500% 118%}
.a-global{background-image:linear-gradient(90deg,#fbf8f3bb,transparent 60%),url('assets/about/global.png')}
.a-faq{background-image:url('assets/about/faq.png');background-size:cover;background-position:center bottom}
.a-principles-center img{width:105px;image-rendering:auto}
.a-culture-layout:after{content:'DIFFERENT  PEOPLE\a BRIGHTER  TOMORROWS';white-space:pre;text-align:center;position:absolute;left:50%;transform:translateX(-50%);top:95px;color:#6e5b45;letter-spacing:.3em;font-size:12px;line-height:2;pointer-events:none}
@media(max-width:800px){.a-culture-layout:after{top:65px;font-size:10px}}
@media(max-width:520px){.a-principles-center img{width:60px}.a-global{background-image:linear-gradient(#fbf8f3,transparent 60%),url('assets/about/global.png')}.a-culture-layout:after{top:42px;font-size:8px;letter-spacing:.2em}}

/* The contact sheet is 1536 × 1024: preserve its intrinsic ratio.
   Each card displays a 4:5 crop; row two begins at 80% background position. */
.about-design .a-portrait{aspect-ratio:4 / 5;background-size:500% auto;background-repeat:no-repeat}
.about-design .a-team-copy{min-height:116px}
.about-design .a-team-copy h3{line-height:1.2}
.about-design .a-team-copy p{min-height:40px;line-height:1.4}

/* Give the hero actions breathing room below the community statistics. */
.about-design .a-hero .a-stats{margin-bottom:48px}
@media(max-width:520px){.about-design .a-hero .a-stats{margin-bottom:36px}}

/* Reusable branded avatar for team members without a portrait. */
.about-design .a-portrait.a-portrait-placeholder{background-image:url("assets/about/profile-placeholder-v1.png");background-size:cover;background-position:center}

/* Individual CEO portrait, cropped without distortion. */
.about-design .a-portrait.a-portrait-ceo{background-image:url("assets/about/bassam-ceo-awaken.png");background-size:cover;background-position:center top;background-repeat:no-repeat}

/* Separate the Responsibility caption from the bottom photographic petal. */
@media(min-width:801px){
 .about-design .a-principle-5{margin-top:32px}
 .about-design .a-principles-layout{margin-bottom:32px}
}
